Merge "HTMLForm: Handle HTMLFormFieldWithButton subclasses in OOUI forms"
[lhc/web/wiklou.git] / resources / lib / oojs-ui / oojs-ui-apex-noimages.css
1 /*!
2 * OOjs UI v0.12.1
3 * https://www.mediawiki.org/wiki/OOjs_UI
4 *
5 * Copyright 2011–2015 OOjs UI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
8 *
9 * Date: 2015-07-22T19:37:14Z
10 */
11 @-webkit-keyframes oo-ui-progressBarWidget-slide {
12 from {
13 margin-left: -40%;
14 }
15 to {
16 margin-left: 100%;
17 }
18 }
19 @-moz-keyframes oo-ui-progressBarWidget-slide {
20 from {
21 margin-left: -40%;
22 }
23 to {
24 margin-left: 100%;
25 }
26 }
27 @-ms-keyframes oo-ui-progressBarWidget-slide {
28 from {
29 margin-left: -40%;
30 }
31 to {
32 margin-left: 100%;
33 }
34 }
35 @-o-keyframes oo-ui-progressBarWidget-slide {
36 from {
37 margin-left: -40%;
38 }
39 to {
40 margin-left: 100%;
41 }
42 }
43 @keyframes oo-ui-progressBarWidget-slide {
44 from {
45 margin-left: -40%;
46 }
47 to {
48 margin-left: 100%;
49 }
50 }
51 /* @noflip */
52 .oo-ui-rtl {
53 direction: rtl;
54 }
55 /* @noflip */
56 .oo-ui-ltr {
57 direction: ltr;
58 }
59 .oo-ui-element-hidden {
60 display: none !important;
61 }
62 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
63 cursor: pointer;
64 display: inline-block;
65 vertical-align: middle;
66 font: inherit;
67 white-space: nowrap;
68 -webkit-touch-callout: none;
69 -webkit-user-select: none;
70 -moz-user-select: none;
71 -ms-user-select: none;
72 user-select: none;
73 }
74 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
75 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
76 display: none;
77 }
78 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
79 cursor: default;
80 }
81 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
82 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
83 display: inline-block;
84 vertical-align: middle;
85 background-position: center center;
86 background-repeat: no-repeat;
87 }
88 .oo-ui-buttonElement-frameless {
89 display: inline-block;
90 position: relative;
91 }
92 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
93 display: inline-block;
94 vertical-align: middle;
95 }
96 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
97 display: inline-block;
98 vertical-align: top;
99 text-align: center;
100 }
101 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
102 display: inline-block;
103 vertical-align: middle;
104 }
105 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
106 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
107 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
108 cursor: default;
109 }
110 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
111 color: #333333;
112 }
113 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
114 margin-left: 0;
115 }
116 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
117 width: 0.9375em;
118 height: 0.9375em;
119 margin: 0.46875em;
120 }
121 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
122 margin-left: 0.46875em;
123 }
124 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
125 width: 1.875em;
126 height: 1.875em;
127 }
128 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
129 /* Don't animate opacities for now, causes wiggling in Chrome (bug 63020) */
130 /*.oo-ui-transition(opacity 200ms);*/
131 }
132 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover,
133 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus {
134 outline: none;
135 }
136 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon,
137 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-iconElement-icon {
138 opacity: 1;
139 }
140 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label,
141 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
142 color: #000000;
143 }
144 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
145 color: #333333;
146 }
147 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
148 margin-left: 0.25em;
149 }
150 .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button {
151 padding-left: 0.25em;
152 color: #333333;
153 }
154 .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button:hover,
155 .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button:focus {
156 color: #000000;
157 }
158 .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
159 color: #087ecc;
160 }
161 .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
162 color: #76ab36;
163 }
164 .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
165 color: #d45353;
166 }
167 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
168 opacity: 0.2;
169 }
170 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
171 color: #cccccc;
172 }
173 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
174 margin: 0.1em 0;
175 padding: 0.2em 0.8em;
176 border-radius: 0.3em;
177 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
178 border: 1px #c9c9c9 solid;
179 -webkit-transition: border-color 100ms ease-in-out;
180 -moz-transition: border-color 100ms ease-in-out;
181 -ms-transition: border-color 100ms ease-in-out;
182 -o-transition: border-color 100ms ease-in-out;
183 transition: border-color 100ms ease-in-out;
184 background: #eeeeee;
185 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dddddd');
186 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
187 background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%);
188 background-image: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
189 background-image: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%);
190 background-image: linear-gradient(to bottom, #ffffff 0%, #dddddd 100%);
191 }
192 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover,
193 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus {
194 border-color: #aaaaaa;
195 outline: none;
196 }
197 .oo-ui-buttonElement-framed > input.oo-ui-buttonElement-button,
198 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
199 line-height: 1.875em;
200 }
201 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
202 .oo-ui-buttonElement-framed.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
203 .oo-ui-buttonElement-framed.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
204 box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07);
205 color: black;
206 border-color: #c9c9c9;
207 background: #eeeeee;
208 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dddddd', endColorstr='#ffffff');
209 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff));
210 background-image: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%);
211 background-image: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%);
212 background-image: -o-linear-gradient(top, #dddddd 0%, #ffffff 100%);
213 background-image: linear-gradient(to bottom, #dddddd 0%, #ffffff 100%);
214 }
215 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
216 margin-left: -0.5em;
217 margin-right: -0.5em;
218 }
219 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
220 margin-right: 0.3em;
221 }
222 .oo-ui-buttonElement-framed.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
223 /* -0.5 - 0.475 */
224 margin-left: -0.005em;
225 margin-right: -0.005em;
226 }
227 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
228 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-iconElement:not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
229 margin-left: 0.46875em;
230 margin-right: -0.275em;
231 }
232 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
233 border: 1px solid #a6cee1;
234 background: #cde7f4;
235 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#eaf4fa', endColorstr='#b0d9ee');
236 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #eaf4fa), color-stop(100%, #b0d9ee));
237 background-image: -webkit-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
238 background-image: -moz-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
239 background-image: -o-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
240 background-image: linear-gradient(to bottom, #eaf4fa 0%, #b0d9ee 100%);
241 }
242 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
243 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
244 border-color: #9dc2d4;
245 }
246 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
247 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
248 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
249 border: 1px solid #a6cee1;
250 background: #cde7f4;
251 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b0d9ee', endColorstr='#eaf4fa');
252 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #b0d9ee), color-stop(100%, #eaf4fa));
253 background-image: -webkit-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
254 background-image: -moz-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
255 background-image: -o-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
256 background-image: linear-gradient(to bottom, #b0d9ee 0%, #eaf4fa 100%);
257 }
258 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
259 border: 1px solid #b8d892;
260 background: #daf0be;
261 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f0fbe1', endColorstr='#c3e59a');
262 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f0fbe1), color-stop(100%, #c3e59a));
263 background-image: -webkit-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
264 background-image: -moz-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
265 background-image: -o-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
266 background-image: linear-gradient(to bottom, #f0fbe1 0%, #c3e59a 100%);
267 }
268 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover,
269 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
270 border-color: #adcb89;
271 }
272 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
273 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
274 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
275 border: 1px solid #b8d892;
276 background: #daf0be;
277 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#c3e59a', endColorstr='#f0fbe1');
278 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #c3e59a), color-stop(100%, #f0fbe1));
279 background-image: -webkit-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%);
280 background-image: -moz-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%);
281 background-image: -o-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%);
282 background-image: linear-gradient(to bottom, #c3e59a 0%, #f0fbe1 100%);
283 }
284 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
285 color: #d45353;
286 }
287 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
288 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
289 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
290 opacity: 0.5;
291 -webkit-transform: translate3d(0, 0, 0);
292 box-shadow: none;
293 color: #333333;
294 background: #eeeeee;
295 border-color: #cccccc;
296 }
297 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover,
298 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:hover,
299 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:hover,
300 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:focus,
301 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus,
302 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:focus {
303 border-color: #cccccc;
304 box-shadow: none;
305 }
306 .oo-ui-clippableElement-clippable {
307 -webkit-box-sizing: border-box;
308 -moz-box-sizing: border-box;
309 box-sizing: border-box;
310 }
311 .oo-ui-draggableElement {
312 cursor: -webkit-grab -moz-grab, url(images/grab.cur), move;
313 /*
314 * HACK: In order to style horizontally, we must override
315 * OO.ui.OptionWidget's display rule that is currently set
316 * to be 'block'
317 */
318 }
319 .oo-ui-draggableElement-dragging {
320 cursor: -webkit-grabbing -moz-grabbing, url(images/grabbing.cur), move;
321 background: rgba(0, 0, 0, 0.2);
322 opacity: 0.4;
323 }
324 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement.oo-ui-optionWidget {
325 display: inline-block;
326 }
327 .oo-ui-draggableGroupElement-placeholder {
328 position: absolute;
329 display: block;
330 background: rgba(0, 0, 0, 0.4);
331 }
332 .oo-ui-iconElement .oo-ui-iconElement-icon,
333 .oo-ui-iconElement.oo-ui-iconElement-icon {
334 opacity: 0.8;
335 background-size: contain;
336 background-position: center center;
337 }
338 .oo-ui-indicatorElement .oo-ui-indicatorElement-indicator,
339 .oo-ui-indicatorElement.oo-ui-indicatorElement-indicator {
340 opacity: 0.8;
341 background-size: contain;
342 background-position: center center;
343 }
344 .oo-ui-lookupElement > .oo-ui-menuSelectWidget {
345 z-index: 1;
346 width: 100%;
347 }
348 .oo-ui-pendingElement-pending {
349 background-image: /* @embed */ url(themes/apex/images/textures/pending.gif);
350 }
351 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
352 overflow-y: hidden;
353 }
354 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
355 width: 100%;
356 -webkit-box-sizing: border-box;
357 -moz-box-sizing: border-box;
358 box-sizing: border-box;
359 }
360 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable {
361 overflow-y: auto;
362 }
363 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded {
364 padding: 2em;
365 }
366 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
367 position: absolute;
368 top: 0;
369 left: 0;
370 right: 0;
371 bottom: 3em;
372 overflow-y: auto;
373 }
374 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
375 position: absolute;
376 bottom: 0;
377 left: 0;
378 right: 0;
379 }
380 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
381 padding: 1.5em;
382 }
383 .oo-ui-bookletLayout-outlinePanel {
384 border-right: 1px solid #dddddd;
385 }
386 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
387 box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25);
388 }
389 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
390 height: 3em;
391 }
392 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
393 top: 3em;
394 }
395 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
396 padding: 1.5em;
397 }
398 .oo-ui-fieldLayout {
399 display: block;
400 margin-bottom: 1em;
401 }
402 .oo-ui-fieldLayout:before,
403 .oo-ui-fieldLayout:after {
404 content: " ";
405 display: table;
406 }
407 .oo-ui-fieldLayout:after {
408 clear: both;
409 }
410 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
411 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
412 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
413 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
414 display: block;
415 float: left;
416 }
417 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
418 text-align: right;
419 }
420 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
421 display: table;
422 }
423 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
424 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
425 display: table-cell;
426 vertical-align: middle;
427 }
428 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
429 display: inline-block;
430 }
431 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help {
432 float: right;
433 }
434 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
435 z-index: 1;
436 }
437 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help .oo-ui-fieldLayout-help-content {
438 padding: 0.5em 0.75em;
439 line-height: 1.5em;
440 }
441 .oo-ui-fieldLayout:last-child {
442 margin-bottom: 0;
443 }
444 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
445 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
446 padding-top: 0.5em;
447 margin-right: 5%;
448 width: 35%;
449 }
450 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
451 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
452 width: 60%;
453 }
454 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
455 padding: 0.5em;
456 }
457 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
458 padding: 0.5em 0;
459 }
460 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
461 padding: 0.5em 0;
462 }
463 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget {
464 margin-right: 0;
465 margin-top: 0.25em;
466 }
467 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget:last-child {
468 margin-right: 0;
469 }
470 .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
471 color: #cccccc;
472 }
473 .oo-ui-actionFieldLayout-input,
474 .oo-ui-actionFieldLayout-button {
475 display: table-cell;
476 vertical-align: middle;
477 }
478 .oo-ui-actionFieldLayout-input {
479 padding-right: 1em;
480 }
481 .oo-ui-actionFieldLayout-button {
482 width: 1%;
483 white-space: nowrap;
484 }
485 .oo-ui-fieldsetLayout {
486 position: relative;
487 margin: 0;
488 padding: 0;
489 border: none;
490 }
491 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
492 display: block;
493 position: absolute;
494 background-position: center center;
495 background-repeat: no-repeat;
496 }
497 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
498 display: inline-block;
499 }
500 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help {
501 float: right;
502 }
503 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
504 z-index: 1;
505 }
506 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help .oo-ui-fieldsetLayout-help-content {
507 padding: 0.5em 0.75em;
508 line-height: 1.5em;
509 }
510 .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout,
511 .oo-ui-fieldsetLayout + .oo-ui-formLayout {
512 margin-top: 2em;
513 }
514 .oo-ui-fieldsetLayout > .oo-ui-labelElement-label {
515 font-size: 1.1em;
516 margin-bottom: 0.5em;
517 padding: 0.25em 0;
518 font-weight: bold;
519 }
520 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label {
521 padding-left: 2em;
522 line-height: 1.8em;
523 }
524 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
525 left: 0;
526 top: 0.25em;
527 width: 1.875em;
528 height: 1.875em;
529 }
530 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget {
531 margin-right: 0;
532 }
533 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget:last-child {
534 margin-right: 0;
535 }
536 .oo-ui-formLayout + .oo-ui-fieldsetLayout,
537 .oo-ui-formLayout + .oo-ui-formLayout {
538 margin-top: 2em;
539 }
540 .oo-ui-menuLayout {
541 position: absolute;
542 top: 0;
543 left: 0;
544 right: 0;
545 bottom: 0;
546 }
547 .oo-ui-menuLayout-menu,
548 .oo-ui-menuLayout-content {
549 position: absolute;
550 -webkit-transition: all ease-in-out 200ms;
551 -moz-transition: all ease-in-out 200ms;
552 -ms-transition: all ease-in-out 200ms;
553 -o-transition: all ease-in-out 200ms;
554 transition: all ease-in-out 200ms;
555 }
556 .oo-ui-menuLayout-menu {
557 height: 18em;
558 width: 18em;
559 }
560 .oo-ui-menuLayout-content {
561 top: 18em;
562 left: 18em;
563 right: 18em;
564 bottom: 18em;
565 }
566 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu .oo-ui-menuLayout-menu {
567 width: 0 !important;
568 height: 0 !important;
569 overflow: hidden;
570 }
571 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu .oo-ui-menuLayout-content {
572 top: 0 !important;
573 left: 0 !important;
574 right: 0 !important;
575 bottom: 0 !important;
576 }
577 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top .oo-ui-menuLayout-menu {
578 width: auto !important;
579 left: 0;
580 top: 0;
581 right: 0;
582 }
583 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top .oo-ui-menuLayout-content {
584 right: 0 !important;
585 bottom: 0 !important;
586 left: 0 !important;
587 }
588 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after .oo-ui-menuLayout-menu {
589 height: auto !important;
590 top: 0;
591 right: 0;
592 bottom: 0;
593 }
594 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after .oo-ui-menuLayout-content {
595 bottom: 0 !important;
596 left: 0 !important;
597 top: 0 !important;
598 }
599 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom .oo-ui-menuLayout-menu {
600 width: auto !important;
601 right: 0;
602 bottom: 0;
603 left: 0;
604 }
605 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom .oo-ui-menuLayout-content {
606 left: 0 !important;
607 top: 0 !important;
608 right: 0 !important;
609 }
610 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before .oo-ui-menuLayout-menu {
611 height: auto !important;
612 bottom: 0;
613 left: 0;
614 top: 0;
615 }
616 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before .oo-ui-menuLayout-content {
617 top: 0 !important;
618 right: 0 !important;
619 bottom: 0 !important;
620 }
621 .oo-ui-panelLayout {
622 position: relative;
623 }
624 .oo-ui-panelLayout-scrollable {
625 overflow-y: auto;
626 }
627 .oo-ui-panelLayout-expanded {
628 position: absolute;
629 top: 0;
630 left: 0;
631 right: 0;
632 bottom: 0;
633 }
634 .oo-ui-panelLayout-padded {
635 padding: 1.25em;
636 }
637 .oo-ui-panelLayout-framed {
638 border-radius: 0.5em;
639 box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.25);
640 }
641 .oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
642 margin: 1em 0;
643 }
644 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
645 display: block;
646 position: relative;
647 }
648 .oo-ui-popupTool .oo-ui-popupWidget-popup,
649 .oo-ui-popupTool .oo-ui-popupWidget-anchor {
650 z-index: 4;
651 }
652 .oo-ui-popupTool .oo-ui-popupWidget {
653 /* @noflip */
654 margin-left: 1.25em;
655 }
656 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup {
657 border: 0;
658 border-radius: 0;
659 margin: 0;
660 }
661 .oo-ui-toolGroupTool:first-child > .oo-ui-popupToolGroup {
662 border-top-left-radius: 0.3125em;
663 border-bottom-left-radius: 0.3125em;
664 }
665 .oo-ui-toolGroupTool:last-child > .oo-ui-popupToolGroup {
666 border-top-right-radius: 0.3125em;
667 border-bottom-right-radius: 0.3125em;
668 }
669 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle {
670 height: 1.875em;
671 padding: 0.3125em;
672 }
673 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
674 height: 1.875em;
675 width: 1.875em;
676 }
677 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup.oo-ui-labelElement > .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
678 line-height: 2.1em;
679 }
680 .oo-ui-toolGroup {
681 display: inline-block;
682 vertical-align: middle;
683 margin: 0.375em;
684 border-radius: 0.3125em;
685 border: 1px solid transparent;
686 -webkit-transition: border-color 300ms ease-in-out;
687 -moz-transition: border-color 300ms ease-in-out;
688 -ms-transition: border-color 300ms ease-in-out;
689 -o-transition: border-color 300ms ease-in-out;
690 transition: border-color 300ms ease-in-out;
691 }
692 .oo-ui-toolGroup-empty {
693 display: none;
694 }
695 .oo-ui-toolGroup .oo-ui-tool-link {
696 text-decoration: none;
697 }
698 .oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
699 background-position: center center;
700 background-repeat: no-repeat;
701 }
702 .oo-ui-toolbar-narrow .oo-ui-toolGroup + .oo-ui-toolGroup {
703 margin-left: 0;
704 }
705 .oo-ui-toolGroup.oo-ui-widget-enabled:hover {
706 border-color: rgba(0, 0, 0, 0.1);
707 }
708 .oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
709 color: #000000;
710 }
711 .oo-ui-barToolGroup > .oo-ui-iconElement-icon,
712 .oo-ui-barToolGroup > .oo-ui-labelElement-label {
713 display: none;
714 }
715 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
716 cursor: pointer;
717 }
718 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool {
719 display: inline-block;
720 position: relative;
721 vertical-align: top;
722 }
723 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
724 display: block;
725 }
726 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-accel {
727 display: none;
728 }
729 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-iconElement-icon {
730 display: inline-block;
731 vertical-align: top;
732 }
733 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-tool-title {
734 display: none;
735 }
736 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement.oo-ui-tool-with-label > .oo-ui-tool-link .oo-ui-tool-title {
737 display: inline;
738 }
739 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link {
740 cursor: default;
741 }
742 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool {
743 margin: -1px 0 -1px -1px;
744 border: 1px solid transparent;
745 }
746 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool:first-child {
747 border-top-left-radius: 0.3125em;
748 border-bottom-left-radius: 0.3125em;
749 }
750 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool:last-child {
751 margin-right: -1px;
752 border-top-right-radius: 0.3125em;
753 border-bottom-right-radius: 0.3125em;
754 }
755 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
756 height: 1.875em;
757 padding: 0.3125em;
758 }
759 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon {
760 height: 1.875em;
761 width: 1.875em;
762 }
763 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
764 line-height: 2.1em;
765 }
766 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover {
767 border-color: rgba(0, 0, 0, 0.2);
768 }
769 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled {
770 border-color: rgba(0, 0, 0, 0.2);
771 box-shadow: inset 0 0.0875em 0.0875em 0 rgba(0, 0, 0, 0.07);
772 background: #f8fbfd;
773 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff');
774 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff));
775 background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
776 background-image: -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
777 background-image: -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
778 background-image: linear-gradient(to bottom, #f1f7fb 0%, #ffffff 100%);
779 }
780 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
781 border-left-color: rgba(0, 0, 0, 0.1);
782 }
783 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-iconElement-icon {
784 opacity: 0.2;
785 }
786 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover > .oo-ui-tool-link .oo-ui-iconElement-icon {
787 opacity: 1;
788 }
789 .oo-ui-barToolGroup.oo-ui-widget-disabled > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon {
790 opacity: 0.2;
791 }
792 .oo-ui-popupToolGroup {
793 position: relative;
794 height: 2.5em;
795 min-width: 2.5em;
796 }
797 .oo-ui-popupToolGroup-handle {
798 display: block;
799 cursor: pointer;
800 }
801 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator,
802 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
803 position: absolute;
804 background-position: center center;
805 background-repeat: no-repeat;
806 }
807 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
808 cursor: default;
809 }
810 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
811 display: none;
812 position: absolute;
813 z-index: 4;
814 }
815 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconElement-icon {
816 background-repeat: no-repeat;
817 background-position: center center;
818 }
819 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools {
820 display: block;
821 }
822 .oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools {
823 left: 0;
824 }
825 .oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools {
826 right: 0;
827 }
828 .oo-ui-popupToolGroup .oo-ui-tool-link {
829 display: table;
830 width: 100%;
831 vertical-align: middle;
832 white-space: nowrap;
833 }
834 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon,
835 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel,
836 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
837 display: table-cell;
838 vertical-align: middle;
839 }
840 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel {
841 text-align: right;
842 }
843 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel:not(:empty) {
844 padding-left: 3em;
845 }
846 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup {
847 min-width: 1.875em;
848 }
849 .oo-ui-popupToolGroup.oo-ui-iconElement {
850 min-width: 3.125em;
851 }
852 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement {
853 min-width: 2.5em;
854 }
855 .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
856 min-width: 4.375em;
857 }
858 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
859 min-width: 3.75em;
860 }
861 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
862 line-height: 2.6em;
863 margin: 0 1em;
864 }
865 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
866 margin: 0 0.5em;
867 }
868 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
869 margin-left: 3em;
870 }
871 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
872 margin-left: 2.5em;
873 }
874 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
875 margin-right: 2.25em;
876 }
877 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
878 margin-right: 1.75em;
879 }
880 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
881 width: 0.9375em;
882 height: 0.9375em;
883 margin: 0.78125em;
884 top: 0;
885 right: 0;
886 }
887 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
888 right: -0.3125em;
889 }
890 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
891 width: 1.875em;
892 height: 1.875em;
893 margin: 0.3125em;
894 top: 0;
895 left: 0.3125em;
896 }
897 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
898 left: 0;
899 }
900 .oo-ui-popupToolGroup-header {
901 line-height: 2.6em;
902 margin: 0 0.6em;
903 font-weight: bold;
904 }
905 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
906 border-bottom-left-radius: 0;
907 border-bottom-right-radius: 0;
908 box-shadow: inset 0 0.0875em 0.0875em 0 rgba(0, 0, 0, 0.07);
909 background: #f8fbfd;
910 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff');
911 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff));
912 background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
913 background-image: -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
914 background-image: -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
915 background-image: linear-gradient(to bottom, #f1f7fb 0%, #ffffff 100%);
916 }
917 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
918 top: 2.5em;
919 margin: 0 -1px;
920 border: 1px solid #cccccc;
921 background-color: white;
922 box-shadow: 0 0.3125em 1.25em rgba(0, 0, 0, 0.25);
923 }
924 .oo-ui-popupToolGroup .oo-ui-tool-link {
925 padding: 0.3125em 0 0.3125em 0.3125em;
926 }
927 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
928 height: 1.875em;
929 width: 1.875em;
930 min-width: 1.875em;
931 }
932 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
933 padding-left: 0.5em;
934 }
935 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel,
936 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
937 line-height: 2em;
938 }
939 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel {
940 color: #888888;
941 }
942 .oo-ui-listToolGroup .oo-ui-tool {
943 display: block;
944 -webkit-box-sizing: border-box;
945 -moz-box-sizing: border-box;
946 box-sizing: border-box;
947 }
948 .oo-ui-listToolGroup .oo-ui-tool-link {
949 cursor: pointer;
950 }
951 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
952 cursor: default;
953 }
954 .oo-ui-listToolGroup .oo-ui-toolGroup-tools {
955 padding: 0.3125em;
956 }
957 .oo-ui-listToolGroup.oo-ui-popupToolGroup-active {
958 border-color: rgba(0, 0, 0, 0.2);
959 }
960 .oo-ui-listToolGroup .oo-ui-tool {
961 border: 1px solid transparent;
962 margin: -1px 0;
963 padding: 0 0.625em 0 0;
964 }
965 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled {
966 border-color: rgba(0, 0, 0, 0.1);
967 box-shadow: inset 0 0.0875em 0.0875em 0 rgba(0, 0, 0, 0.07);
968 background: #f8fbfd;
969 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff');
970 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff));
971 background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
972 background-image: -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
973 background-image: -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
974 background-image: linear-gradient(to bottom, #f1f7fb 0%, #ffffff 100%);
975 }
976 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
977 border-top-color: rgba(0, 0, 0, 0.1);
978 }
979 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover {
980 border-color: rgba(0, 0, 0, 0.2);
981 }
982 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
983 border-color: rgba(0, 0, 0, 0.2);
984 }
985 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon {
986 opacity: 1;
987 }
988 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
989 color: #cccccc;
990 }
991 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-accel {
992 color: #dddddd;
993 }
994 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
995 opacity: 0.2;
996 }
997 .oo-ui-listToolGroup.oo-ui-widget-disabled {
998 color: #cccccc;
999 }
1000 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator,
1001 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
1002 opacity: 0.2;
1003 }
1004 .oo-ui-menuToolGroup {
1005 border-color: rgba(0, 0, 0, 0.1);
1006 }
1007 .oo-ui-menuToolGroup .oo-ui-tool {
1008 display: block;
1009 }
1010 .oo-ui-menuToolGroup .oo-ui-tool-link {
1011 cursor: pointer;
1012 }
1013 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
1014 cursor: default;
1015 }
1016 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
1017 min-width: 10em;
1018 }
1019 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
1020 min-width: 8.125em;
1021 }
1022 .oo-ui-menuToolGroup .oo-ui-toolGroup-tools {
1023 padding: 0.3125em 0 0.3125em 0;
1024 }
1025 .oo-ui-menuToolGroup.oo-ui-widget-enabled:hover {
1026 border-color: rgba(0, 0, 0, 0.2);
1027 }
1028 .oo-ui-menuToolGroup.oo-ui-popupToolGroup-active {
1029 border-color: rgba(0, 0, 0, 0.25);
1030 }
1031 .oo-ui-menuToolGroup .oo-ui-tool {
1032 padding: 0 1.25em 0 0.3125em;
1033 }
1034 .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
1035 background-image: none;
1036 }
1037 .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon {
1038 background-image: url("themes/apex/images/icons/check.png");
1039 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/apex/images/icons/check.svg");
1040 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/apex/images/icons/check.svg");
1041 background-image: -o-linear-gradient(transparent, transparent), url("themes/apex/images/icons/check.png");
1042 }
1043 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
1044 background-color: #e1f3ff;
1045 }
1046 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
1047 color: #cccccc;
1048 }
1049 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
1050 opacity: 0.2;
1051 }
1052 .oo-ui-menuToolGroup.oo-ui-widget-disabled {
1053 color: #cccccc;
1054 border-color: rgba(0, 0, 0, 0.05);
1055 }
1056 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator,
1057 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
1058 opacity: 0.2;
1059 }
1060 .oo-ui-toolbar {
1061 clear: both;
1062 }
1063 .oo-ui-toolbar-bar {
1064 line-height: 1em;
1065 position: relative;
1066 }
1067 .oo-ui-toolbar-actions {
1068 float: right;
1069 }
1070 .oo-ui-toolbar-actions .oo-ui-toolbar {
1071 display: inline-block;
1072 }
1073 .oo-ui-toolbar-tools {
1074 display: inline;
1075 white-space: nowrap;
1076 }
1077 .oo-ui-toolbar-narrow .oo-ui-toolbar-tools {
1078 white-space: normal;
1079 }
1080 .oo-ui-toolbar-tools .oo-ui-tool {
1081 white-space: normal;
1082 }
1083 .oo-ui-toolbar-tools,
1084 .oo-ui-toolbar-actions,
1085 .oo-ui-toolbar-shadow {
1086 -webkit-touch-callout: none;
1087 -webkit-user-select: none;
1088 -moz-user-select: none;
1089 -ms-user-select: none;
1090 user-select: none;
1091 }
1092 .oo-ui-toolbar-actions .oo-ui-popupWidget {
1093 -webkit-touch-callout: default;
1094 -webkit-user-select: all;
1095 -moz-user-select: all;
1096 -ms-user-select: all;
1097 user-select: all;
1098 }
1099 .oo-ui-toolbar-shadow {
1100 background-position: left top;
1101 background-repeat: repeat-x;
1102 position: absolute;
1103 width: 100%;
1104 pointer-events: none;
1105 }
1106 .oo-ui-toolbar-bar {
1107 border-bottom: 1px solid #cccccc;
1108 background: #f8fbfd;
1109 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#f1f7fb');
1110 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f7fb));
1111 background-image: -webkit-linear-gradient(top, #ffffff 0%, #f1f7fb 100%);
1112 background-image: -moz-linear-gradient(top, #ffffff 0%, #f1f7fb 100%);
1113 background-image: -o-linear-gradient(top, #ffffff 0%, #f1f7fb 100%);
1114 background-image: linear-gradient(to bottom, #ffffff 0%, #f1f7fb 100%);
1115 }
1116 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
1117 border: none;
1118 background: none;
1119 }
1120 .oo-ui-toolbar-actions > .oo-ui-buttonElement-framed,
1121 .oo-ui-toolbar-actions > .oo-ui-buttonElement-framed:last-child {
1122 margin-top: 0.4em;
1123 margin-bottom: 0.4em;
1124 margin-right: 0.5em;
1125 }
1126 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless.oo-ui-labelElement,
1127 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless:last-child.oo-ui-labelElement {
1128 margin: 0;
1129 }
1130 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button,
1131 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless:last-child.oo-ui-labelElement > .oo-ui-buttonElement-button {
1132 margin: 0;
1133 padding: 1.1953125em 0.3125em;
1134 }
1135 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
1136 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless:last-child.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
1137 margin: 0 1em;
1138 }
1139 .oo-ui-toolbar-shadow {
1140 background-image: /* @embed */ url(themes/apex/images/toolbar-shadow.png);
1141 bottom: -9px;
1142 height: 9px;
1143 opacity: 0.5;
1144 -webkit-transition: opacity 500ms ease-in-out;
1145 -moz-transition: opacity 500ms ease-in-out;
1146 -ms-transition: opacity 500ms ease-in-out;
1147 -o-transition: opacity 500ms ease-in-out;
1148 transition: opacity 500ms ease-in-out;
1149 }
1150 .oo-ui-optionWidget {
1151 position: relative;
1152 display: block;
1153 cursor: pointer;
1154 padding: 0.25em 0.5em;
1155 border: none;
1156 }
1157 .oo-ui-optionWidget.oo-ui-widget-disabled {
1158 cursor: default;
1159 }
1160 .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1161 display: block;
1162 white-space: nowrap;
1163 text-overflow: ellipsis;
1164 overflow: hidden;
1165 }
1166 .oo-ui-optionWidget-highlighted {
1167 background-color: #e1f3ff;
1168 }
1169 .oo-ui-optionWidget .oo-ui-labelElement-label {
1170 line-height: 1.5em;
1171 }
1172 .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected {
1173 background-color: #a7dcff;
1174 }
1175 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed,
1176 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted,
1177 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
1178 background-color: #a7dcff;
1179 }
1180 .oo-ui-optionWidget.oo-ui-widget-disabled {
1181 color: #cccccc;
1182 }
1183 .oo-ui-decoratedOptionWidget {
1184 padding: 0.5em 2em 0.5em 3em;
1185 }
1186 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
1187 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
1188 position: absolute;
1189 background-repeat: no-repeat;
1190 background-position: center center;
1191 }
1192 .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
1193 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1194 top: 0;
1195 height: 100%;
1196 }
1197 .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1198 width: 1.875em;
1199 left: 0.5em;
1200 }
1201 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1202 width: 0.9375em;
1203 right: 0.5em;
1204 }
1205 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon,
1206 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1207 opacity: 0.2;
1208 }
1209 .oo-ui-buttonSelectWidget {
1210 display: inline-block;
1211 white-space: nowrap;
1212 border-radius: 0.3em;
1213 margin-right: 0.5em;
1214 }
1215 .oo-ui-buttonSelectWidget:last-child {
1216 margin-right: 0;
1217 }
1218 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
1219 border-radius: 0;
1220 margin-left: -1px;
1221 }
1222 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
1223 border-bottom-left-radius: 0.3em;
1224 border-top-left-radius: 0.3em;
1225 margin-left: 0;
1226 }
1227 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
1228 border-bottom-right-radius: 0.3em;
1229 border-top-right-radius: 0.3em;
1230 }
1231 .oo-ui-radioSelectWidget {
1232 padding: 0.75em 0 0.5em 0;
1233 }
1234 .oo-ui-buttonOptionWidget {
1235 display: inline-block;
1236 padding: 0;
1237 background-color: transparent;
1238 }
1239 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
1240 position: relative;
1241 }
1242 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
1243 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1244 position: static;
1245 display: inline-block;
1246 vertical-align: middle;
1247 }
1248 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
1249 height: 1.875em;
1250 }
1251 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1252 margin-top: 0;
1253 }
1254 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected,
1255 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,
1256 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
1257 background-color: transparent;
1258 }
1259 .oo-ui-radioOptionWidget {
1260 cursor: default;
1261 padding: 0;
1262 background-color: transparent;
1263 }
1264 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget,
1265 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1266 display: inline-block;
1267 vertical-align: middle;
1268 }
1269 .oo-ui-radioOptionWidget.oo-ui-optionWidget-selected,
1270 .oo-ui-radioOptionWidget.oo-ui-optionWidget-pressed,
1271 .oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted {
1272 background-color: transparent;
1273 }
1274 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1275 padding-left: 0.5em;
1276 }
1277 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget {
1278 margin-right: 0;
1279 }
1280 .oo-ui-labelWidget {
1281 display: inline-block;
1282 padding: 0.5em 0;
1283 }
1284 .oo-ui-iconWidget {
1285 display: inline-block;
1286 vertical-align: middle;
1287 background-position: center center;
1288 background-repeat: no-repeat;
1289 line-height: 2.5em;
1290 height: 1.875em;
1291 width: 1.875em;
1292 }
1293 .oo-ui-iconWidget.oo-ui-widget-disabled {
1294 opacity: 0.2;
1295 }
1296 .oo-ui-indicatorWidget {
1297 display: inline-block;
1298 vertical-align: middle;
1299 background-position: center center;
1300 background-repeat: no-repeat;
1301 line-height: 2.5em;
1302 height: 0.9375em;
1303 width: 0.9375em;
1304 margin: 0.46875em;
1305 }
1306 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
1307 opacity: 0.2;
1308 }
1309 .oo-ui-buttonWidget {
1310 display: inline-block;
1311 vertical-align: middle;
1312 margin-right: 0.5em;
1313 }
1314 .oo-ui-buttonWidget:last-child {
1315 margin-right: 0;
1316 }
1317 .oo-ui-buttonGroupWidget {
1318 display: inline-block;
1319 white-space: nowrap;
1320 border-radius: 0.3em;
1321 margin-right: 0.5em;
1322 }
1323 .oo-ui-buttonGroupWidget:last-child {
1324 margin-right: 0;
1325 }
1326 .oo-ui-buttonGroupWidget .oo-ui-buttonElement {
1327 margin-right: 0;
1328 }
1329 .oo-ui-buttonGroupWidget .oo-ui-buttonElement:last-child {
1330 margin-right: 0;
1331 }
1332 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
1333 border-radius: 0;
1334 margin-left: -1px;
1335 }
1336 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
1337 border-bottom-left-radius: 0.3em;
1338 border-top-left-radius: 0.3em;
1339 margin-left: 0;
1340 }
1341 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
1342 border-bottom-right-radius: 0.3em;
1343 border-top-right-radius: 0.3em;
1344 }
1345 .oo-ui-toggleButtonWidget {
1346 display: inline-block;
1347 vertical-align: middle;
1348 margin-right: 0.5em;
1349 }
1350 .oo-ui-toggleButtonWidget:last-child {
1351 margin-right: 0;
1352 }
1353 .oo-ui-toggleSwitchWidget {
1354 position: relative;
1355 display: inline-block;
1356 vertical-align: middle;
1357 overflow: hidden;
1358 cursor: pointer;
1359 -webkit-box-sizing: border-box;
1360 -moz-box-sizing: border-box;
1361 box-sizing: border-box;
1362 -webkit-transform: translateZ(0px);
1363 -moz-transform: translateZ(0px);
1364 -ms-transform: translateZ(0px);
1365 -o-transform: translateZ(0px);
1366 transform: translateZ(0px);
1367 height: 2em;
1368 width: 4em;
1369 border-radius: 1em;
1370 box-shadow: 0 0 0 white, inset 0 0.1em 0.2em #dddddd;
1371 border: 1px solid #cccccc;
1372 margin-right: 0.5em;
1373 background: #eeeeee;
1374 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dddddd', endColorstr='#ffffff');
1375 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff));
1376 background-image: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%);
1377 background-image: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%);
1378 background-image: -o-linear-gradient(top, #dddddd 0%, #ffffff 100%);
1379 background-image: linear-gradient(to bottom, #dddddd 0%, #ffffff 100%);
1380 }
1381 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
1382 cursor: default;
1383 }
1384 .oo-ui-toggleSwitchWidget-grip {
1385 position: absolute;
1386 display: block;
1387 -webkit-box-sizing: border-box;
1388 -moz-box-sizing: border-box;
1389 box-sizing: border-box;
1390 }
1391 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
1392 position: absolute;
1393 top: 0;
1394 bottom: 0;
1395 right: 0;
1396 left: 0;
1397 -webkit-touch-callout: none;
1398 -webkit-user-select: none;
1399 -moz-user-select: none;
1400 -ms-user-select: none;
1401 user-select: none;
1402 }
1403 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1404 display: none;
1405 }
1406 .oo-ui-toggleSwitchWidget:last-child {
1407 margin-right: 0;
1408 }
1409 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
1410 opacity: 0.5;
1411 }
1412 .oo-ui-toggleSwitchWidget-grip {
1413 top: 0.25em;
1414 left: 0.25em;
1415 width: 1.5em;
1416 height: 1.5em;
1417 margin-top: -1px;
1418 border-radius: 1em;
1419 box-shadow: 0 0.1em 0.25em rgba(0, 0, 0, 0.1);
1420 border: 1px #c9c9c9 solid;
1421 -webkit-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1422 -moz-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1423 -ms-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1424 -o-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1425 transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1426 background: #eeeeee;
1427 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dddddd');
1428 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
1429 background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%);
1430 background-image: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
1431 background-image: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%);
1432 background-image: linear-gradient(to bottom, #ffffff 0%, #dddddd 100%);
1433 }
1434 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover,
1435 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
1436 border-color: #aaaaaa;
1437 }
1438 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
1439 border-radius: 1em;
1440 box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07);
1441 -webkit-transition: opacity 200ms ease-in-out;
1442 -moz-transition: opacity 200ms ease-in-out;
1443 -ms-transition: opacity 200ms ease-in-out;
1444 -o-transition: opacity 200ms ease-in-out;
1445 transition: opacity 200ms ease-in-out;
1446 background: #cde7f4;
1447 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b0d9ee', endColorstr='#eaf4fa');
1448 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #b0d9ee), color-stop(100%, #eaf4fa));
1449 background-image: -webkit-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
1450 background-image: -moz-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
1451 background-image: -o-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
1452 background-image: linear-gradient(to bottom, #b0d9ee 0%, #eaf4fa 100%);
1453 }
1454 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
1455 opacity: 1;
1456 }
1457 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
1458 left: 2.25em;
1459 margin-left: -2px;
1460 }
1461 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1462 display: block;
1463 opacity: 0;
1464 }
1465 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
1466 left: 0.25em;
1467 margin-left: 0;
1468 }
1469 .oo-ui-progressBarWidget {
1470 max-width: 50em;
1471 border: 1px solid #cccccc;
1472 border-radius: 0.25em;
1473 overflow: hidden;
1474 }
1475 .oo-ui-progressBarWidget-bar {
1476 height: 1em;
1477 border-right: 1px solid #cccccc;
1478 -webkit-transition: width 200ms, margin-left 200ms;
1479 -moz-transition: width 200ms, margin-left 200ms;
1480 -ms-transition: width 200ms, margin-left 200ms;
1481 -o-transition: width 200ms, margin-left 200ms;
1482 transition: width 200ms, margin-left 200ms;
1483 background: #cde7f4;
1484 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#eaf4fa', endColorstr='#b0d9ee');
1485 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #eaf4fa), color-stop(100%, #b0d9ee));
1486 background-image: -webkit-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
1487 background-image: -moz-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
1488 background-image: -o-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
1489 background-image: linear-gradient(to bottom, #eaf4fa 0%, #b0d9ee 100%);
1490 }
1491 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
1492 -webkit-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1493 -moz-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1494 -ms-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1495 -o-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1496 animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1497 width: 40%;
1498 margin-left: -10%;
1499 border-left: 1px solid #a6cee1;
1500 }
1501 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
1502 opacity: 0.6;
1503 }
1504 .oo-ui-actionWidget.oo-ui-pendingElement-pending {
1505 background-image: /* @embed */ url(themes/apex/images/textures/pending.gif);
1506 }
1507 .oo-ui-popupWidget {
1508 position: absolute;
1509 /* @noflip */
1510 left: 0;
1511 }
1512 .oo-ui-popupWidget-popup {
1513 position: relative;
1514 overflow: hidden;
1515 z-index: 1;
1516 }
1517 .oo-ui-popupWidget-anchor {
1518 display: none;
1519 z-index: 1;
1520 }
1521 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
1522 display: block;
1523 position: absolute;
1524 top: 0;
1525 /* @noflip */
1526 left: 0;
1527 background-repeat: no-repeat;
1528 }
1529 .oo-ui-popupWidget-head {
1530 -webkit-touch-callout: none;
1531 -webkit-user-select: none;
1532 -moz-user-select: none;
1533 -ms-user-select: none;
1534 user-select: none;
1535 }
1536 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
1537 float: right;
1538 }
1539 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
1540 float: left;
1541 cursor: default;
1542 }
1543 .oo-ui-popupWidget-body {
1544 clear: both;
1545 overflow: hidden;
1546 }
1547 .oo-ui-popupWidget-popup {
1548 border: 1px solid #cccccc;
1549 border-radius: 0.25em;
1550 background-color: #ffffff;
1551 box-shadow: 0 0.15em 0.5em 0 rgba(0, 0, 0, 0.2);
1552 }
1553 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
1554 margin-top: 6px;
1555 }
1556 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before,
1557 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1558 content: "";
1559 position: absolute;
1560 width: 0;
1561 height: 0;
1562 border-style: solid;
1563 border-color: transparent;
1564 border-top: 0;
1565 }
1566 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before {
1567 bottom: -7px;
1568 left: -6px;
1569 border-bottom-color: #aaaaaa;
1570 border-width: 7px;
1571 }
1572 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1573 bottom: -7px;
1574 left: -5px;
1575 border-bottom-color: #ffffff;
1576 border-width: 6px;
1577 }
1578 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
1579 -webkit-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1580 -moz-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1581 -ms-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1582 -o-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1583 transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1584 }
1585 .oo-ui-popupWidget-head {
1586 height: 2.5em;
1587 }
1588 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
1589 margin: 0.25em;
1590 }
1591 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
1592 margin: 0.75em 1em;
1593 }
1594 .oo-ui-popupWidget-body-padded {
1595 padding: 0 1em;
1596 }
1597 .oo-ui-popupButtonWidget {
1598 position: relative;
1599 }
1600 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
1601 position: absolute;
1602 cursor: auto;
1603 }
1604 .oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget {
1605 /* @noflip */
1606 left: 1em;
1607 }
1608 .oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget {
1609 /* @noflip */
1610 left: 1.25em;
1611 }
1612 .oo-ui-inputWidget {
1613 margin-right: 0.5em;
1614 }
1615 .oo-ui-inputWidget:last-child {
1616 margin-right: 0;
1617 }
1618 .oo-ui-buttonInputWidget {
1619 display: inline-block;
1620 vertical-align: middle;
1621 }
1622 .oo-ui-buttonInputWidget > button,
1623 .oo-ui-buttonInputWidget > input {
1624 border: 0;
1625 padding: 0;
1626 background-color: transparent;
1627 }
1628 .oo-ui-dropdownInputWidget {
1629 position: relative;
1630 vertical-align: middle;
1631 -webkit-box-sizing: border-box;
1632 -moz-box-sizing: border-box;
1633 box-sizing: border-box;
1634 width: 100%;
1635 max-width: 50em;
1636 }
1637 .oo-ui-dropdownInputWidget select {
1638 display: inline-block;
1639 width: 100%;
1640 resize: none;
1641 -webkit-box-sizing: border-box;
1642 -moz-box-sizing: border-box;
1643 box-sizing: border-box;
1644 }
1645 .oo-ui-dropdownInputWidget select {
1646 background: #ffffff;
1647 height: 2.5em;
1648 padding: 0.5em;
1649 font-size: inherit;
1650 font-family: inherit;
1651 border: 1px solid rgba(0, 0, 0, 0.1);
1652 border-radius: 0.25em;
1653 }
1654 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
1655 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
1656 border-color: rgba(0, 0, 0, 0.2);
1657 outline: none;
1658 }
1659 .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
1660 color: #cccccc;
1661 border-color: #dddddd;
1662 background-color: #f3f3f3;
1663 }
1664 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout {
1665 margin-bottom: 0;
1666 }
1667 .oo-ui-textInputWidget {
1668 position: relative;
1669 vertical-align: middle;
1670 -webkit-box-sizing: border-box;
1671 -moz-box-sizing: border-box;
1672 box-sizing: border-box;
1673 width: 100%;
1674 max-width: 50em;
1675 }
1676 .oo-ui-textInputWidget input,
1677 .oo-ui-textInputWidget textarea {
1678 display: inline-block;
1679 width: 100%;
1680 resize: none;
1681 -webkit-box-sizing: border-box;
1682 -moz-box-sizing: border-box;
1683 box-sizing: border-box;
1684 }
1685 .oo-ui-textInputWidget input[type="search"] {
1686 -webkit-appearance: none;
1687 }
1688 .oo-ui-textInputWidget input[type="search"]::-ms-clear {
1689 display: none;
1690 }
1691 .oo-ui-textInputWidget input[type="search"]::-ms-reveal {
1692 display: none;
1693 }
1694 .oo-ui-textInputWidget input[type="search"]::-webkit-search-decoration,
1695 .oo-ui-textInputWidget input[type="search"]::-webkit-search-cancel-button,
1696 .oo-ui-textInputWidget input[type="search"]::-webkit-search-results-button,
1697 .oo-ui-textInputWidget input[type="search"]::-webkit-search-results-decoration {
1698 display: none;
1699 }
1700 .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
1701 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator,
1702 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1703 display: none;
1704 }
1705 .oo-ui-textInputWidget.oo-ui-iconElement > .oo-ui-iconElement-icon,
1706 .oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
1707 display: block;
1708 position: absolute;
1709 top: 0;
1710 height: 100%;
1711 background-repeat: no-repeat;
1712 -webkit-touch-callout: none;
1713 -webkit-user-select: none;
1714 -moz-user-select: none;
1715 -ms-user-select: none;
1716 user-select: none;
1717 }
1718 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon,
1719 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
1720 cursor: text;
1721 }
1722 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator {
1723 cursor: pointer;
1724 }
1725 .oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
1726 display: block;
1727 }
1728 .oo-ui-textInputWidget > .oo-ui-iconElement-icon {
1729 left: 0;
1730 }
1731 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
1732 right: 0;
1733 }
1734 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1735 position: absolute;
1736 top: 0;
1737 }
1738 .oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
1739 right: 0;
1740 }
1741 .oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label {
1742 left: 0;
1743 }
1744 .oo-ui-textInputWidget input,
1745 .oo-ui-textInputWidget textarea {
1746 padding: 0.5em;
1747 line-height: 1.275em;
1748 font-size: inherit;
1749 font-family: inherit;
1750 background-color: #ffffff;
1751 color: black;
1752 border: 1px solid #cccccc;
1753 box-shadow: 0 0 0 white, inset 0 0.1em 0.2em #dddddd;
1754 border-radius: 0.25em;
1755 -webkit-transition: border-color 200ms, box-shadow 200ms;
1756 -moz-transition: border-color 200ms, box-shadow 200ms;
1757 -ms-transition: border-color 200ms, box-shadow 200ms;
1758 -o-transition: border-color 200ms, box-shadow 200ms;
1759 transition: border-color 200ms, box-shadow 200ms;
1760 }
1761 .oo-ui-textInputWidget input.oo-ui-pendingElement-pending,
1762 .oo-ui-textInputWidget textarea.oo-ui-pendingElement-pending {
1763 background-color: transparent;
1764 }
1765 .oo-ui-textInputWidget-decorated input,
1766 .oo-ui-textInputWidget-decorated textarea {
1767 padding-left: 2em;
1768 }
1769 .oo-ui-textInputWidget-icon {
1770 width: 2em;
1771 }
1772 .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
1773 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
1774 outline: none;
1775 border-color: #a7dcff;
1776 box-shadow: 0 0 0.3em #a7dcff, 0 0 0 white;
1777 }
1778 .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly],
1779 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
1780 color: #777777;
1781 }
1782 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input,
1783 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea {
1784 background-color: #ffdddd;
1785 }
1786 .oo-ui-textInputWidget.oo-ui-widget-disabled input,
1787 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
1788 color: #cccccc;
1789 text-shadow: 0 1px 1px #ffffff;
1790 border-color: #dddddd;
1791 background-color: #f3f3f3;
1792 }
1793 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon,
1794 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1795 opacity: 0.2;
1796 }
1797 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label {
1798 color: #dddddd;
1799 text-shadow: 0 1px 1px #ffffff;
1800 }
1801 .oo-ui-textInputWidget.oo-ui-iconElement input,
1802 .oo-ui-textInputWidget.oo-ui-iconElement textarea {
1803 padding-left: 2em;
1804 }
1805 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1806 width: 1.875em;
1807 margin-left: 0.1em;
1808 }
1809 .oo-ui-textInputWidget.oo-ui-indicatorElement input,
1810 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
1811 padding-right: 1.5em;
1812 }
1813 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1814 width: 0.9375em;
1815 margin-right: 0.775em;
1816 }
1817 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1818 padding: 0.4em;
1819 line-height: 1.5em;
1820 color: #888888;
1821 }
1822 .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label {
1823 margin-right: 1.6em;
1824 }
1825 .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label {
1826 margin-left: 2.1em;
1827 }
1828 .oo-ui-menuSelectWidget {
1829 position: absolute;
1830 background: #ffffff;
1831 margin-top: -1px;
1832 border: 1px solid #cccccc;
1833 border-radius: 0 0 0.25em 0.25em;
1834 box-shadow: 0 0.15em 1em 0 rgba(0, 0, 0, 0.2);
1835 }
1836 .oo-ui-menuSelectWidget input {
1837 position: absolute;
1838 width: 0;
1839 height: 0;
1840 overflow: hidden;
1841 opacity: 0;
1842 }
1843 .oo-ui-menuOptionWidget {
1844 position: relative;
1845 }
1846 .oo-ui-menuOptionWidget .oo-ui-iconElement-icon {
1847 display: none;
1848 }
1849 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1850 background-color: transparent;
1851 }
1852 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1853 display: block;
1854 }
1855 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1856 background-color: transparent;
1857 }
1858 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
1859 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
1860 background-color: #e1f3ff;
1861 }
1862 .oo-ui-menuSectionOptionWidget {
1863 cursor: default;
1864 padding: 0.33em 0.75em;
1865 color: #888888;
1866 }
1867 .oo-ui-dropdownWidget {
1868 display: inline-block;
1869 position: relative;
1870 margin: 0.25em 0;
1871 width: 100%;
1872 max-width: 50em;
1873 margin-right: 0.5em;
1874 }
1875 .oo-ui-dropdownWidget-handle {
1876 width: 100%;
1877 display: inline-block;
1878 cursor: pointer;
1879 -webkit-touch-callout: none;
1880 -webkit-user-select: none;
1881 -moz-user-select: none;
1882 -ms-user-select: none;
1883 user-select: none;
1884 -webkit-box-sizing: border-box;
1885 -moz-box-sizing: border-box;
1886 box-sizing: border-box;
1887 }
1888 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator,
1889 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1890 position: absolute;
1891 background-position: center center;
1892 background-repeat: no-repeat;
1893 }
1894 .oo-ui-dropdownWidget > .oo-ui-menuSelectWidget {
1895 z-index: 1;
1896 width: 100%;
1897 }
1898 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1899 cursor: default;
1900 }
1901 .oo-ui-dropdownWidget:last-child {
1902 margin-right: 0;
1903 }
1904 .oo-ui-dropdownWidget-handle {
1905 height: 2.5em;
1906 border: 1px solid rgba(0, 0, 0, 0.1);
1907 border-radius: 0.25em;
1908 }
1909 .oo-ui-dropdownWidget-handle:hover {
1910 border-color: rgba(0, 0, 0, 0.2);
1911 }
1912 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1913 right: 0;
1914 }
1915 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1916 left: 0.25em;
1917 }
1918 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1919 line-height: 2.5em;
1920 margin: 0 0.5em;
1921 }
1922 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1923 top: 0;
1924 width: 0.9375em;
1925 height: 0.9375em;
1926 margin: 0.775em;
1927 }
1928 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1929 top: 0;
1930 width: 1.875em;
1931 height: 1.875em;
1932 margin: 0.3em;
1933 }
1934 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1935 color: #cccccc;
1936 text-shadow: 0 1px 1px #ffffff;
1937 border-color: #dddddd;
1938 background-color: #f3f3f3;
1939 }
1940 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1941 opacity: 0.2;
1942 }
1943 .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1944 margin-left: 3em;
1945 }
1946 .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1947 margin-right: 2em;
1948 }
1949 .oo-ui-selectFileWidget {
1950 display: inline-block;
1951 position: relative;
1952 vertical-align: middle;
1953 margin: 0.25em 0;
1954 width: 100%;
1955 max-width: 50em;
1956 margin-right: 0.5em;
1957 }
1958 .oo-ui-selectFileWidget-handle {
1959 width: 100%;
1960 display: inline-block;
1961 cursor: pointer;
1962 overflow: hidden;
1963 -webkit-touch-callout: none;
1964 -webkit-user-select: none;
1965 -moz-user-select: none;
1966 -ms-user-select: none;
1967 user-select: none;
1968 -webkit-box-sizing: border-box;
1969 -moz-box-sizing: border-box;
1970 box-sizing: border-box;
1971 }
1972 .oo-ui-selectFileWidget-handle > .oo-ui-indicatorElement-indicator,
1973 .oo-ui-selectFileWidget-handle > .oo-ui-iconElement-icon,
1974 .oo-ui-selectFileWidget-handle > .oo-ui-selectFileWidget-clearButton {
1975 position: absolute;
1976 background-position: center center;
1977 background-repeat: no-repeat;
1978 }
1979 .oo-ui-selectFileWidget-handle > input[type="file"] {
1980 position: absolute;
1981 margin: 0;
1982 top: 0;
1983 bottom: 0;
1984 left: 0;
1985 right: 0;
1986 width: 100%;
1987 height: 100%;
1988 opacity: 0;
1989 z-index: 1;
1990 cursor: pointer;
1991 }
1992 .oo-ui-selectFileWidget-handle > .oo-ui-selectFileWidget-clearButton {
1993 z-index: 2;
1994 }
1995 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle,
1996 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-handle {
1997 cursor: default;
1998 }
1999 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle > input[type="file"],
2000 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-handle > input[type="file"] {
2001 display: none;
2002 }
2003 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-clearButton,
2004 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
2005 display: none;
2006 }
2007 .oo-ui-selectFileWidget:last-child {
2008 margin-right: 0;
2009 }
2010 .oo-ui-selectFileWidget-handle {
2011 height: 2.5em;
2012 border: 1px solid rgba(0, 0, 0, 0.1);
2013 border-radius: 0.25em;
2014 padding: 0 0.5em;
2015 }
2016 .oo-ui-selectFileWidget-handle > .oo-ui-indicatorElement-indicator {
2017 right: 0;
2018 }
2019 .oo-ui-selectFileWidget-handle > .oo-ui-iconElement-icon {
2020 left: 0.25em;
2021 }
2022 .oo-ui-selectFileWidget-handle .oo-ui-selectFileWidget-label {
2023 line-height: 2.5em;
2024 margin: 0;
2025 display: inline-block;
2026 overflow: hidden;
2027 width: 100%;
2028 white-space: nowrap;
2029 -webkit-box-sizing: border-box;
2030 -moz-box-sizing: border-box;
2031 box-sizing: border-box;
2032 text-overflow: ellipsis;
2033 }
2034 .oo-ui-selectFileWidget-handle .oo-ui-selectFileWidget-clearButton {
2035 top: 0;
2036 width: 1.875em;
2037 height: 1.875em;
2038 margin: 0.3em;
2039 }
2040 .oo-ui-selectFileWidget-handle > .oo-ui-indicatorElement-indicator {
2041 top: 0;
2042 width: 0.9375em;
2043 height: 0.9375em;
2044 margin: 0.775em;
2045 }
2046 .oo-ui-selectFileWidget-handle > .oo-ui-iconElement-icon {
2047 top: 0;
2048 width: 1.875em;
2049 height: 1.875em;
2050 margin: 0.3em;
2051 }
2052 .oo-ui-selectFileWidget:hover .oo-ui-selectFileWidget-handle {
2053 border-color: #aaaaaa;
2054 }
2055 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle {
2056 color: #cccccc;
2057 text-shadow: 0 1px 1px #ffffff;
2058 border-color: #dddddd;
2059 background-color: #f3f3f3;
2060 }
2061 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle > .oo-ui-iconElement-icon,
2062 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle > .oo-ui-indicatorElement-indicator {
2063 opacity: 0.2;
2064 }
2065 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
2066 color: #cccccc;
2067 }
2068 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-handle {
2069 padding-left: 3em;
2070 }
2071 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-handle {
2072 padding-right: 3em;
2073 }
2074 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-handle .oo-ui-selectFileWidget-clearButton {
2075 right: 0;
2076 }
2077 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-handle {
2078 padding-right: 5em;
2079 }
2080 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-handle .oo-ui-selectFileWidget-clearButton {
2081 right: 2em;
2082 }
2083 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-handle,
2084 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-handle {
2085 padding-right: 1em;
2086 }
2087 .oo-ui-selectFileWidget-empty.oo-ui-indicatorElement .oo-ui-selectFileWidget-handle,
2088 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-handle {
2089 padding-right: 2em;
2090 }
2091 .oo-ui-outlineOptionWidget {
2092 position: relative;
2093 cursor: pointer;
2094 -webkit-touch-callout: none;
2095 -webkit-user-select: none;
2096 -moz-user-select: none;
2097 -ms-user-select: none;
2098 user-select: none;
2099 font-size: 1.1em;
2100 padding: 0.75em;
2101 }
2102 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
2103 padding-right: 1.5em;
2104 }
2105 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
2106 opacity: 0.5;
2107 }
2108 .oo-ui-outlineOptionWidget-level-0 {
2109 padding-left: 3.5em;
2110 }
2111 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
2112 left: 1em;
2113 }
2114 .oo-ui-outlineOptionWidget-level-1 {
2115 padding-left: 5em;
2116 }
2117 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
2118 left: 2.5em;
2119 }
2120 .oo-ui-outlineOptionWidget-level-2 {
2121 padding-left: 6.5em;
2122 }
2123 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
2124 left: 4em;
2125 }
2126 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
2127 background-color: #a7dcff;
2128 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
2129 }
2130 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
2131 font-weight: bold;
2132 }
2133 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-placeholder {
2134 font-style: italic;
2135 }
2136 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
2137 opacity: 0.5;
2138 }
2139 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
2140 color: #777777;
2141 }
2142 .oo-ui-outlineControlsWidget {
2143 height: 3em;
2144 background-color: #ffffff;
2145 }
2146 .oo-ui-outlineControlsWidget-items,
2147 .oo-ui-outlineControlsWidget-movers {
2148 float: left;
2149 -webkit-box-sizing: border-box;
2150 -moz-box-sizing: border-box;
2151 box-sizing: border-box;
2152 }
2153 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
2154 float: left;
2155 background-position: right center;
2156 background-repeat: no-repeat;
2157 }
2158 .oo-ui-outlineControlsWidget-items {
2159 float: left;
2160 }
2161 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
2162 float: left;
2163 }
2164 .oo-ui-outlineControlsWidget-movers {
2165 float: right;
2166 }
2167 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
2168 float: right;
2169 }
2170 .oo-ui-outlineControlsWidget-items,
2171 .oo-ui-outlineControlsWidget-movers {
2172 height: 2em;
2173 margin: 0.5em 0.5em 0.5em 0;
2174 padding: 0;
2175 }
2176 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
2177 width: 1.5em;
2178 height: 2em;
2179 margin: 0.5em 0 0.5em 0.5em;
2180 opacity: 0.2;
2181 }
2182 .oo-ui-tabSelectWidget {
2183 text-align: left;
2184 white-space: nowrap;
2185 overflow: hidden;
2186 background-color: #eeeeee;
2187 box-shadow: inset 0 -0.015em 0.1em rgba(0, 0, 0, 0.1);
2188 }
2189 .oo-ui-tabOptionWidget {
2190 display: inline-block;
2191 vertical-align: bottom;
2192 padding: 0.5em 1em;
2193 margin: 0.5em 0 0 0.75em;
2194 border: 1px solid transparent;
2195 border-bottom: none;
2196 border-top-left-radius: 0.5em;
2197 border-top-right-radius: 0.5em;
2198 }
2199 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
2200 padding-right: 1.5em;
2201 }
2202 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
2203 opacity: 0.5;
2204 }
2205 .oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-pressed {
2206 background-color: transparent;
2207 }
2208 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
2209 background-color: rgba(255, 255, 255, 0.2);
2210 border-color: #dddddd;
2211 }
2212 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
2213 background-color: #ffffff;
2214 border-color: #dddddd;
2215 }
2216 .oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
2217 .oo-ui-selectWidget-depressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
2218 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
2219 background-color: #ffffff;
2220 border-color: #dddddd;
2221 }
2222 .oo-ui-comboBoxWidget {
2223 display: inline-block;
2224 position: relative;
2225 width: 100%;
2226 max-width: 50em;
2227 margin-right: 0.5em;
2228 }
2229 .oo-ui-comboBoxWidget > .oo-ui-menuSelectWidget {
2230 z-index: 1;
2231 width: 100%;
2232 }
2233 .oo-ui-comboBoxWidget > .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
2234 cursor: pointer;
2235 }
2236 .oo-ui-comboBoxWidget:last-child {
2237 margin-right: 0;
2238 }
2239 .oo-ui-comboBoxWidget-handle {
2240 border: 1px solid rgba(0, 0, 0, 0.1);
2241 border-radius: 0.25em;
2242 }
2243 .oo-ui-comboBoxWidget-handle:hover {
2244 border-color: rgba(0, 0, 0, 0.2);
2245 }
2246 .oo-ui-comboBoxWidget.oo-ui-widget-disabled .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator,
2247 .oo-ui-comboBoxWidget-empty .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
2248 cursor: default;
2249 opacity: 0.2;
2250 }
2251 .oo-ui-comboBoxWidget > .oo-ui-selectWidget {
2252 margin-top: -3px;
2253 }
2254 .oo-ui-searchWidget-query {
2255 position: absolute;
2256 top: 0;
2257 left: 0;
2258 right: 0;
2259 }
2260 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
2261 width: 100%;
2262 }
2263 .oo-ui-searchWidget-results {
2264 position: absolute;
2265 bottom: 0;
2266 left: 0;
2267 right: 0;
2268 overflow-x: hidden;
2269 overflow-y: auto;
2270 }
2271 .oo-ui-searchWidget-query {
2272 height: 4em;
2273 padding: 0 1em;
2274 box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2);
2275 }
2276 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
2277 margin: 0.75em 0;
2278 }
2279 .oo-ui-searchWidget-results {
2280 top: 4em;
2281 padding: 1em;
2282 line-height: 0;
2283 }
2284 .oo-ui-numberInputWidget {
2285 display: inline-block;
2286 position: relative;
2287 max-width: 50em;
2288 }
2289 .oo-ui-numberInputWidget-field {
2290 display: table;
2291 table-layout: fixed;
2292 width: 100%;
2293 }
2294 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget,
2295 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
2296 display: table-cell;
2297 vertical-align: middle;
2298 }
2299 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
2300 width: 100%;
2301 }
2302 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
2303 white-space: nowrap;
2304 }
2305 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
2306 box-sizing: border-box;
2307 }
2308 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget,
2309 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
2310 margin: 0;
2311 width: 2.5em;
2312 }
2313 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
2314 border-top-right-radius: 0;
2315 border-bottom-right-radius: 0;
2316 border-right-width: 0;
2317 }
2318 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
2319 border-top-left-radius: 0;
2320 border-bottom-left-radius: 0;
2321 border-left-width: 0;
2322 }
2323 .oo-ui-numberInputWidget .oo-ui-textInputWidget input {
2324 border-radius: 0;
2325 }
2326 .oo-ui-window {
2327 background-color: transparent;
2328 background-image: none;
2329 }
2330 .oo-ui-window-frame {
2331 -webkit-box-sizing: border-box;
2332 -moz-box-sizing: border-box;
2333 box-sizing: border-box;
2334 }
2335 .oo-ui-window-content:focus {
2336 outline: none;
2337 }
2338 .oo-ui-window-head,
2339 .oo-ui-window-foot {
2340 -webkit-touch-callout: none;
2341 -webkit-user-select: none;
2342 -moz-user-select: none;
2343 -ms-user-select: none;
2344 user-select: none;
2345 }
2346 .oo-ui-window-body {
2347 margin: 0;
2348 padding: 0;
2349 background: none;
2350 }
2351 .oo-ui-window-overlay {
2352 position: absolute;
2353 top: 0;
2354 /* @noflip */
2355 left: 0;
2356 }
2357 .oo-ui-dialog-content > .oo-ui-window-head,
2358 .oo-ui-dialog-content > .oo-ui-window-body,
2359 .oo-ui-dialog-content > .oo-ui-window-foot {
2360 position: absolute;
2361 left: 0;
2362 right: 0;
2363 overflow: hidden;
2364 -webkit-box-sizing: border-box;
2365 -moz-box-sizing: border-box;
2366 box-sizing: border-box;
2367 }
2368 .oo-ui-dialog-content > .oo-ui-window-head {
2369 z-index: 1;
2370 top: 0;
2371 }
2372 .oo-ui-dialog-content > .oo-ui-window-body {
2373 z-index: 2;
2374 top: 0;
2375 bottom: 0;
2376 }
2377 .oo-ui-dialog-content > .oo-ui-window-foot {
2378 z-index: 1;
2379 bottom: 0;
2380 }
2381 .oo-ui-dialog-content > .oo-ui-window-body {
2382 box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25);
2383 }
2384 .oo-ui-messageDialog-actions-horizontal {
2385 display: table;
2386 table-layout: fixed;
2387 width: 100%;
2388 }
2389 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
2390 display: table-cell;
2391 width: 1%;
2392 }
2393 .oo-ui-messageDialog-actions-vertical {
2394 display: block;
2395 }
2396 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
2397 display: block;
2398 overflow: hidden;
2399 text-overflow: ellipsis;
2400 }
2401 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
2402 position: relative;
2403 text-align: center;
2404 }
2405 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
2406 display: block;
2407 }
2408 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
2409 position: relative;
2410 top: auto;
2411 bottom: auto;
2412 display: inline;
2413 white-space: nowrap;
2414 }
2415 .oo-ui-messageDialog-content .oo-ui-window-body {
2416 box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33);
2417 }
2418 .oo-ui-messageDialog-title,
2419 .oo-ui-messageDialog-message {
2420 display: block;
2421 text-align: center;
2422 padding-top: 0.5em;
2423 }
2424 .oo-ui-messageDialog-title {
2425 font-size: 1.5em;
2426 line-height: 1em;
2427 color: #000000;
2428 }
2429 .oo-ui-messageDialog-message {
2430 font-size: 0.9em;
2431 line-height: 1.25em;
2432 color: #666666;
2433 }
2434 .oo-ui-messageDialog-message-verbose {
2435 font-size: 1.1em;
2436 line-height: 1.5em;
2437 text-align: left;
2438 }
2439 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
2440 border-right: 1px solid #e5e5e5;
2441 margin: 0;
2442 }
2443 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
2444 border-right-width: 0;
2445 }
2446 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
2447 border-bottom: 1px solid #e5e5e5;
2448 margin: 0;
2449 }
2450 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
2451 border-bottom-width: 0;
2452 }
2453 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
2454 height: 3.4em;
2455 margin-right: 0;
2456 }
2457 .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child {
2458 margin-right: 0;
2459 }
2460 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
2461 text-align: center;
2462 line-height: 3.4em;
2463 padding: 0 2em;
2464 }
2465 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
2466 background-color: rgba(0, 0, 0, 0.05);
2467 }
2468 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
2469 background-color: rgba(0, 0, 0, 0.1);
2470 }
2471 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
2472 background-color: rgba(8, 126, 204, 0.05);
2473 }
2474 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
2475 background-color: rgba(8, 126, 204, 0.1);
2476 }
2477 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
2478 font-weight: bold;
2479 }
2480 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
2481 background-color: rgba(118, 171, 54, 0.05);
2482 }
2483 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
2484 background-color: rgba(118, 171, 54, 0.1);
2485 }
2486 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
2487 background-color: rgba(212, 83, 83, 0.05);
2488 }
2489 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
2490 background-color: rgba(212, 83, 83, 0.1);
2491 }
2492 .oo-ui-processDialog-location {
2493 overflow: hidden;
2494 text-overflow: ellipsis;
2495 white-space: nowrap;
2496 }
2497 .oo-ui-processDialog-title {
2498 display: inline;
2499 padding: 0;
2500 }
2501 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget,
2502 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget,
2503 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
2504 white-space: nowrap;
2505 }
2506 .oo-ui-processDialog-actions-safe,
2507 .oo-ui-processDialog-actions-primary {
2508 position: absolute;
2509 top: 0;
2510 bottom: 0;
2511 }
2512 .oo-ui-processDialog-actions-safe {
2513 left: 0;
2514 }
2515 .oo-ui-processDialog-actions-primary {
2516 right: 0;
2517 }
2518 .oo-ui-processDialog-errors {
2519 position: absolute;
2520 top: 0;
2521 left: 0;
2522 right: 0;
2523 bottom: 0;
2524 z-index: 2;
2525 overflow-x: hidden;
2526 overflow-y: auto;
2527 }
2528 .oo-ui-processDialog-content .oo-ui-window-head {
2529 height: 3.4em;
2530 }
2531 .oo-ui-processDialog-content .oo-ui-window-body {
2532 top: 3.4em;
2533 box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33);
2534 }
2535 .oo-ui-processDialog-navigation {
2536 position: relative;
2537 height: 3.4em;
2538 padding: 0 1em;
2539 }
2540 .oo-ui-processDialog-location {
2541 padding: 0.75em 0;
2542 height: 1.875em;
2543 cursor: default;
2544 text-align: center;
2545 }
2546 .oo-ui-processDialog-title {
2547 font-weight: bold;
2548 line-height: 1.875em;
2549 }
2550 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button,
2551 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button,
2552 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
2553 min-width: 1.875em;
2554 min-height: 1.875em;
2555 }
2556 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labelElement-label,
2557 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labelElement-label,
2558 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
2559 line-height: 1.875em;
2560 }
2561 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
2562 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
2563 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
2564 margin-top: -0.125em;
2565 }
2566 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed,
2567 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed,
2568 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
2569 margin: 0.75em;
2570 }
2571 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
2572 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
2573 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
2574 padding: 0 1em;
2575 vertical-align: middle;
2576 /* Adjust for border so text aligns with title */
2577 margin: -1px;
2578 }
2579 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless,
2580 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless,
2581 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless {
2582 margin: 0;
2583 }
2584 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button,
2585 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button,
2586 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button {
2587 padding: 0.75em 1em;
2588 vertical-align: middle;
2589 }
2590 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:hover,
2591 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover {
2592 background-color: rgba(0, 0, 0, 0.05);
2593 }
2594 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:active,
2595 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active {
2596 background-color: rgba(0, 0, 0, 0.1);
2597 }
2598 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover,
2599 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
2600 background-color: rgba(8, 126, 204, 0.05);
2601 }
2602 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active,
2603 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
2604 background-color: rgba(8, 126, 204, 0.1);
2605 }
2606 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label,
2607 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
2608 font-weight: bold;
2609 }
2610 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover,
2611 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
2612 background-color: rgba(118, 171, 54, 0.05);
2613 }
2614 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active,
2615 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
2616 background-color: rgba(118, 171, 54, 0.1);
2617 }
2618 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover,
2619 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
2620 background-color: rgba(212, 83, 83, 0.05);
2621 }
2622 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active,
2623 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
2624 background-color: rgba(212, 83, 83, 0.1);
2625 }
2626 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement {
2627 margin-right: 0;
2628 }
2629 .oo-ui-processDialog > .oo-ui-window-frame {
2630 min-height: 5em;
2631 }
2632 .oo-ui-processDialog-errors {
2633 background-color: rgba(255, 255, 255, 0.9);
2634 padding: 3em 3em 1.5em 3em;
2635 text-align: center;
2636 }
2637 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
2638 margin: 2em 1em 2em 1em;
2639 }
2640 .oo-ui-processDialog-errors-title {
2641 font-size: 1.5em;
2642 color: #000000;
2643 margin-bottom: 2em;
2644 }
2645 .oo-ui-processDialog-error {
2646 text-align: left;
2647 margin: 1em;
2648 padding: 1em;
2649 border: 1px solid #ff9e9e;
2650 background-color: #fff7f7;
2651 border-radius: 0.25em;
2652 }
2653 .oo-ui-windowManager-modal > .oo-ui-dialog {
2654 position: fixed;
2655 width: 0;
2656 height: 0;
2657 overflow: hidden;
2658 }
2659 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
2660 width: auto;
2661 height: auto;
2662 top: 0;
2663 right: 0;
2664 bottom: 0;
2665 left: 0;
2666 padding: 1em;
2667 }
2668 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
2669 position: absolute;
2670 right: 0;
2671 left: 0;
2672 margin: auto;
2673 overflow: hidden;
2674 max-width: 100%;
2675 max-height: 100%;
2676 }
2677 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
2678 width: 100%;
2679 height: 100%;
2680 top: 0;
2681 bottom: 0;
2682 }
2683 .oo-ui-windowManager-modal > .oo-ui-dialog {
2684 background-color: rgba(255, 255, 255, 0.5);
2685 opacity: 0;
2686 -webkit-transition: opacity 250ms ease-in-out;
2687 -moz-transition: opacity 250ms ease-in-out;
2688 -ms-transition: opacity 250ms ease-in-out;
2689 -o-transition: opacity 250ms ease-in-out;
2690 transition: opacity 250ms ease-in-out;
2691 }
2692 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
2693 top: 1em;
2694 bottom: 1em;
2695 background-color: #ffffff;
2696 opacity: 0;
2697 -webkit-transform: scale(0.5);
2698 -moz-transform: scale(0.5);
2699 -ms-transform: scale(0.5);
2700 -o-transform: scale(0.5);
2701 transform: scale(0.5);
2702 -webkit-transition: all 250ms ease-in-out;
2703 -moz-transition: all 250ms ease-in-out;
2704 -ms-transition: all 250ms ease-in-out;
2705 -o-transition: all 250ms ease-in-out;
2706 transition: all 250ms ease-in-out;
2707 }
2708 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready {
2709 /* Fade window overlay */
2710 opacity: 1;
2711 }
2712 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
2713 /* Fade frame */
2714 opacity: 1;
2715 -webkit-transform: scale(1);
2716 -moz-transform: scale(1);
2717 -ms-transform: scale(1);
2718 -o-transform: scale(1);
2719 transform: scale(1);
2720 }
2721 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
2722 border: 1px solid #cccccc;
2723 border-radius: 0.5em;
2724 box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3);
2725 }