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