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