Merge "Revert "Adding release note for category changes in watchlists""
[lhc/web/wiklou.git] / resources / lib / oojs-ui / oojs-ui-apex-noimages.css
1 /*!
2 * OOjs UI v0.12.5
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-08-19T02:10:25Z
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 200ms);*/
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-in-out;
178 -moz-transition: border-color 100ms ease-in-out;
179 -ms-transition: border-color 100ms ease-in-out;
180 -o-transition: border-color 100ms ease-in-out;
181 transition: border-color 100ms ease-in-out;
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 ease-in-out 200ms;
577 -moz-transition: all ease-in-out 200ms;
578 -ms-transition: all ease-in-out 200ms;
579 -o-transition: all ease-in-out 200ms;
580 transition: all ease-in-out 200ms;
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 300ms ease-in-out;
726 -moz-transition: border-color 300ms ease-in-out;
727 -ms-transition: border-color 300ms ease-in-out;
728 -o-transition: border-color 300ms ease-in-out;
729 transition: border-color 300ms ease-in-out;
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-in-out;
1182 -moz-transition: opacity 500ms ease-in-out;
1183 -ms-transition: opacity 500ms ease-in-out;
1184 -o-transition: opacity 500ms ease-in-out;
1185 transition: opacity 500ms ease-in-out;
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 200ms ease-in-out, margin-left 200ms ease-in-out;
1453 -moz-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1454 -ms-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1455 -o-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1456 transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
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 200ms ease-in-out;
1473 -moz-transition: opacity 200ms ease-in-out;
1474 -ms-transition: opacity 200ms ease-in-out;
1475 -o-transition: opacity 200ms ease-in-out;
1476 transition: opacity 200ms ease-in-out;
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 200ms, margin-left 200ms;
1510 -moz-transition: width 200ms, margin-left 200ms;
1511 -ms-transition: width 200ms, margin-left 200ms;
1512 -o-transition: width 200ms, margin-left 200ms;
1513 transition: width 200ms, margin-left 200ms;
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-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1611 -moz-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1612 -ms-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1613 -o-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1614 transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
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 200ms, box-shadow 200ms;
1786 -moz-transition: border-color 200ms, box-shadow 200ms;
1787 -ms-transition: border-color 200ms, box-shadow 200ms;
1788 -o-transition: border-color 200ms, box-shadow 200ms;
1789 transition: border-color 200ms, box-shadow 200ms;
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 position: relative;
1979 vertical-align: middle;
1980 width: 100%;
1981 max-width: 50em;
1982 margin-right: 0.5em;
1983 }
1984 .oo-ui-selectFileWidget-handle {
1985 width: 100%;
1986 display: inline-block;
1987 cursor: pointer;
1988 overflow: hidden;
1989 -webkit-touch-callout: none;
1990 -webkit-user-select: none;
1991 -moz-user-select: none;
1992 -ms-user-select: none;
1993 user-select: none;
1994 -webkit-box-sizing: border-box;
1995 -moz-box-sizing: border-box;
1996 box-sizing: border-box;
1997 }
1998 .oo-ui-selectFileWidget-handle > .oo-ui-indicatorElement-indicator,
1999 .oo-ui-selectFileWidget-handle > .oo-ui-iconElement-icon,
2000 .oo-ui-selectFileWidget-handle > .oo-ui-selectFileWidget-clearButton {
2001 position: absolute;
2002 }
2003 .oo-ui-selectFileWidget-handle > input[type="file"] {
2004 position: absolute;
2005 margin: 0;
2006 top: 0;
2007 bottom: 0;
2008 left: 0;
2009 right: 0;
2010 width: 100%;
2011 height: 100%;
2012 opacity: 0;
2013 z-index: 1;
2014 cursor: pointer;
2015 }
2016 .oo-ui-selectFileWidget-handle > .oo-ui-selectFileWidget-clearButton {
2017 z-index: 2;
2018 }
2019 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle,
2020 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-handle {
2021 cursor: default;
2022 }
2023 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle > input[type="file"],
2024 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-handle > input[type="file"] {
2025 display: none;
2026 }
2027 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-clearButton,
2028 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
2029 display: none;
2030 }
2031 .oo-ui-selectFileWidget:last-child {
2032 margin-right: 0;
2033 }
2034 .oo-ui-selectFileWidget-handle {
2035 height: 2.5em;
2036 border: 1px solid rgba(0, 0, 0, 0.1);
2037 border-radius: 0.25em;
2038 padding: 0 0.5em;
2039 }
2040 .oo-ui-selectFileWidget-handle > .oo-ui-indicatorElement-indicator {
2041 right: 0;
2042 }
2043 .oo-ui-selectFileWidget-handle > .oo-ui-iconElement-icon {
2044 left: 0.25em;
2045 }
2046 .oo-ui-selectFileWidget-handle .oo-ui-selectFileWidget-label {
2047 line-height: 2.5em;
2048 margin: 0;
2049 display: inline-block;
2050 overflow: hidden;
2051 width: 100%;
2052 white-space: nowrap;
2053 -webkit-box-sizing: border-box;
2054 -moz-box-sizing: border-box;
2055 box-sizing: border-box;
2056 text-overflow: ellipsis;
2057 }
2058 .oo-ui-selectFileWidget-handle .oo-ui-selectFileWidget-clearButton {
2059 top: 0;
2060 width: 1.875em;
2061 height: 1.875em;
2062 margin: 0.3em;
2063 }
2064 .oo-ui-selectFileWidget-handle > .oo-ui-indicatorElement-indicator {
2065 top: 0;
2066 width: 0.9375em;
2067 height: 0.9375em;
2068 margin: 0.775em;
2069 }
2070 .oo-ui-selectFileWidget-handle > .oo-ui-iconElement-icon {
2071 top: 0;
2072 width: 1.875em;
2073 height: 1.875em;
2074 margin: 0.3em;
2075 }
2076 .oo-ui-selectFileWidget:hover .oo-ui-selectFileWidget-handle {
2077 border-color: #aaaaaa;
2078 }
2079 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle {
2080 color: #cccccc;
2081 text-shadow: 0 1px 1px #ffffff;
2082 border-color: #dddddd;
2083 background-color: #f3f3f3;
2084 }
2085 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle > .oo-ui-iconElement-icon,
2086 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle > .oo-ui-indicatorElement-indicator {
2087 opacity: 0.2;
2088 }
2089 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
2090 color: #cccccc;
2091 }
2092 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-handle {
2093 padding-left: 3em;
2094 }
2095 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-handle {
2096 padding-right: 3em;
2097 }
2098 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-handle .oo-ui-selectFileWidget-clearButton {
2099 right: 0;
2100 }
2101 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-handle {
2102 padding-right: 5em;
2103 }
2104 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-handle .oo-ui-selectFileWidget-clearButton {
2105 right: 2em;
2106 }
2107 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-handle,
2108 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-handle {
2109 padding-right: 1em;
2110 }
2111 .oo-ui-selectFileWidget-empty.oo-ui-indicatorElement .oo-ui-selectFileWidget-handle,
2112 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-handle {
2113 padding-right: 2em;
2114 }
2115 .oo-ui-outlineOptionWidget {
2116 position: relative;
2117 cursor: pointer;
2118 -webkit-touch-callout: none;
2119 -webkit-user-select: none;
2120 -moz-user-select: none;
2121 -ms-user-select: none;
2122 user-select: none;
2123 font-size: 1.1em;
2124 padding: 0.75em;
2125 }
2126 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
2127 padding-right: 1.5em;
2128 }
2129 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
2130 opacity: 0.5;
2131 }
2132 .oo-ui-outlineOptionWidget-level-0 {
2133 padding-left: 3.5em;
2134 }
2135 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
2136 left: 1em;
2137 }
2138 .oo-ui-outlineOptionWidget-level-1 {
2139 padding-left: 5em;
2140 }
2141 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
2142 left: 2.5em;
2143 }
2144 .oo-ui-outlineOptionWidget-level-2 {
2145 padding-left: 6.5em;
2146 }
2147 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
2148 left: 4em;
2149 }
2150 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
2151 background-color: #a7dcff;
2152 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
2153 }
2154 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
2155 font-weight: bold;
2156 }
2157 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-placeholder {
2158 font-style: italic;
2159 }
2160 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
2161 opacity: 0.5;
2162 }
2163 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
2164 color: #777777;
2165 }
2166 .oo-ui-outlineControlsWidget {
2167 height: 3em;
2168 background-color: #ffffff;
2169 }
2170 .oo-ui-outlineControlsWidget-items,
2171 .oo-ui-outlineControlsWidget-movers {
2172 float: left;
2173 -webkit-box-sizing: border-box;
2174 -moz-box-sizing: border-box;
2175 box-sizing: border-box;
2176 }
2177 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
2178 float: left;
2179 background-position: right center;
2180 }
2181 .oo-ui-outlineControlsWidget-items {
2182 float: left;
2183 }
2184 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
2185 float: left;
2186 }
2187 .oo-ui-outlineControlsWidget-movers {
2188 float: right;
2189 }
2190 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
2191 float: right;
2192 }
2193 .oo-ui-outlineControlsWidget-items,
2194 .oo-ui-outlineControlsWidget-movers {
2195 height: 2em;
2196 margin: 0.5em 0.5em 0.5em 0;
2197 padding: 0;
2198 }
2199 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
2200 width: 1.5em;
2201 height: 2em;
2202 margin: 0.5em 0 0.5em 0.5em;
2203 opacity: 0.2;
2204 }
2205 .oo-ui-tabSelectWidget {
2206 text-align: left;
2207 white-space: nowrap;
2208 overflow: hidden;
2209 background-color: #eeeeee;
2210 box-shadow: inset 0 -0.015em 0.1em rgba(0, 0, 0, 0.1);
2211 }
2212 .oo-ui-tabOptionWidget {
2213 display: inline-block;
2214 vertical-align: bottom;
2215 padding: 0.5em 1em;
2216 margin: 0.5em 0 0 0.75em;
2217 border: 1px solid transparent;
2218 border-bottom: none;
2219 border-top-left-radius: 0.5em;
2220 border-top-right-radius: 0.5em;
2221 }
2222 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
2223 padding-right: 1.5em;
2224 }
2225 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
2226 opacity: 0.5;
2227 }
2228 .oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-pressed {
2229 background-color: transparent;
2230 }
2231 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
2232 background-color: rgba(255, 255, 255, 0.2);
2233 border-color: #dddddd;
2234 }
2235 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
2236 background-color: #ffffff;
2237 border-color: #dddddd;
2238 }
2239 .oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
2240 .oo-ui-selectWidget-depressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
2241 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
2242 background-color: #ffffff;
2243 border-color: #dddddd;
2244 }
2245 .oo-ui-capsuleMultiSelectWidget {
2246 display: inline-block;
2247 position: relative;
2248 width: 100%;
2249 max-width: 50em;
2250 }
2251 .oo-ui-capsuleMultiSelectWidget-handle {
2252 width: 100%;
2253 display: inline-block;
2254 position: relative;
2255 }
2256 .oo-ui-capsuleMultiSelectWidget-group {
2257 display: inline;
2258 }
2259 .oo-ui-capsuleMultiSelectWidget > .oo-ui-menuSelectWidget {
2260 z-index: 1;
2261 width: 100%;
2262 }
2263 .oo-ui-capsuleMultiSelectWidget-handle {
2264 background: #ffffff;
2265 cursor: text;
2266 min-height: 2.4em;
2267 margin-right: 0.5em;
2268 padding: 0.25em 0;
2269 border: 1px solid rgba(0, 0, 0, 0.1);
2270 border-radius: 0.25em;
2271 -webkit-box-sizing: border-box;
2272 -moz-box-sizing: border-box;
2273 box-sizing: border-box;
2274 }
2275 .oo-ui-capsuleMultiSelectWidget-handle:last-child {
2276 margin-right: 0;
2277 }
2278 .oo-ui-capsuleMultiSelectWidget-handle .oo-ui-capsuleMultiSelectWidget-group {
2279 margin: 0 0.2em;
2280 }
2281 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator,
2282 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
2283 position: absolute;
2284 background-position: center center;
2285 background-repeat: no-repeat;
2286 }
2287 .oo-ui-capsuleMultiSelectWidget-handle > input {
2288 border: none;
2289 min-width: 1em;
2290 max-width: 100%;
2291 line-height: 1.675em;
2292 margin: 0;
2293 padding: 0;
2294 font-size: inherit;
2295 font-family: inherit;
2296 background-color: transparent;
2297 color: black;
2298 vertical-align: middle;
2299 }
2300 .oo-ui-capsuleMultiSelectWidget-handle > input:focus {
2301 outline: none;
2302 }
2303 .oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle {
2304 padding-right: 0.9375em;
2305 }
2306 .oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
2307 right: 0;
2308 top: 0;
2309 width: 0.9375em;
2310 height: 0.9375em;
2311 margin: 0.775em;
2312 }
2313 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle {
2314 padding-left: 1.875em;
2315 }
2316 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
2317 left: 0;
2318 top: 0;
2319 width: 1.875em;
2320 height: 1.875em;
2321 margin: 0.3em;
2322 }
2323 .oo-ui-capsuleMultiSelectWidget:hover .oo-ui-capsuleMultiSelectWidget-handle {
2324 border-color: rgba(0, 0, 0, 0.2);
2325 }
2326 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle {
2327 color: #cccccc;
2328 text-shadow: 0 1px 1px #ffffff;
2329 border-color: #dddddd;
2330 background-color: #f3f3f3;
2331 cursor: default;
2332 }
2333 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon,
2334 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
2335 opacity: 0.2;
2336 }
2337 .oo-ui-capsuleMultiSelectWidget .oo-ui-selectWidget {
2338 border-top-color: #ffffff;
2339 }
2340 .oo-ui-capsuleItemWidget {
2341 position: relative;
2342 display: inline-block;
2343 cursor: default;
2344 white-space: nowrap;
2345 width: auto;
2346 max-width: 100%;
2347 -webkit-box-sizing: border-box;
2348 -moz-box-sizing: border-box;
2349 box-sizing: border-box;
2350 vertical-align: middle;
2351 padding: 0 0.4em;
2352 margin: 0 0.1em;
2353 height: 1.7em;
2354 line-height: 1.7em;
2355 background: #eeeeee;
2356 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dddddd');
2357 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
2358 background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%);
2359 background-image: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
2360 background-image: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%);
2361 background-image: linear-gradient(to bottom, #ffffff 0%, #dddddd 100%);
2362 border: 1px solid #cccccc;
2363 color: #555555;
2364 border-radius: 0.25em;
2365 }
2366 .oo-ui-capsuleItemWidget > .oo-ui-iconElement-icon {
2367 cursor: pointer;
2368 }
2369 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled > .oo-ui-iconElement-icon {
2370 cursor: default;
2371 }
2372 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
2373 display: block;
2374 text-overflow: ellipsis;
2375 overflow: hidden;
2376 }
2377 .oo-ui-capsuleItemWidget.oo-ui-indicatorElement > .oo-ui-labelElement-label {
2378 padding-right: 1.3375em;
2379 }
2380 .oo-ui-capsuleItemWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
2381 position: absolute;
2382 right: 0.4em;
2383 top: 0;
2384 width: 0.9375em;
2385 height: 100%;
2386 background-repeat: no-repeat;
2387 }
2388 .oo-ui-capsuleItemWidget.oo-ui-indicatorElement > .oo-ui-indicator-clear {
2389 cursor: pointer;
2390 }
2391 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
2392 opacity: 0.5;
2393 -webkit-transform: translate3d(0, 0, 0);
2394 box-shadow: none;
2395 color: #333333;
2396 background: #eeeeee;
2397 border-color: #cccccc;
2398 }
2399 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled > .oo-ui-indicatorElement-indicator {
2400 opacity: 0.2;
2401 }
2402 .oo-ui-comboBoxWidget {
2403 display: inline-block;
2404 position: relative;
2405 width: 100%;
2406 max-width: 50em;
2407 margin-right: 0.5em;
2408 }
2409 .oo-ui-comboBoxWidget > .oo-ui-menuSelectWidget {
2410 z-index: 1;
2411 width: 100%;
2412 }
2413 .oo-ui-comboBoxWidget > .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
2414 cursor: pointer;
2415 }
2416 .oo-ui-comboBoxWidget:last-child {
2417 margin-right: 0;
2418 }
2419 .oo-ui-comboBoxWidget-handle {
2420 border: 1px solid rgba(0, 0, 0, 0.1);
2421 border-radius: 0.25em;
2422 }
2423 .oo-ui-comboBoxWidget-handle:hover {
2424 border-color: rgba(0, 0, 0, 0.2);
2425 }
2426 .oo-ui-comboBoxWidget.oo-ui-widget-disabled .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator,
2427 .oo-ui-comboBoxWidget-empty .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
2428 cursor: default;
2429 opacity: 0.2;
2430 }
2431 .oo-ui-comboBoxWidget > .oo-ui-selectWidget {
2432 margin-top: -3px;
2433 }
2434 .oo-ui-searchWidget-query {
2435 position: absolute;
2436 top: 0;
2437 left: 0;
2438 right: 0;
2439 }
2440 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
2441 width: 100%;
2442 }
2443 .oo-ui-searchWidget-results {
2444 position: absolute;
2445 bottom: 0;
2446 left: 0;
2447 right: 0;
2448 overflow-x: hidden;
2449 overflow-y: auto;
2450 }
2451 .oo-ui-searchWidget-query {
2452 height: 4em;
2453 padding: 0 1em;
2454 box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2);
2455 }
2456 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
2457 margin: 0.75em 0;
2458 }
2459 .oo-ui-searchWidget-results {
2460 top: 4em;
2461 padding: 1em;
2462 line-height: 0;
2463 }
2464 .oo-ui-numberInputWidget {
2465 display: inline-block;
2466 position: relative;
2467 max-width: 50em;
2468 }
2469 .oo-ui-numberInputWidget-field {
2470 display: table;
2471 table-layout: fixed;
2472 width: 100%;
2473 }
2474 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget,
2475 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
2476 display: table-cell;
2477 vertical-align: middle;
2478 }
2479 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
2480 width: 100%;
2481 }
2482 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
2483 white-space: nowrap;
2484 }
2485 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
2486 box-sizing: border-box;
2487 }
2488 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget,
2489 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
2490 margin: 0;
2491 width: 2.5em;
2492 }
2493 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
2494 border-top-right-radius: 0;
2495 border-bottom-right-radius: 0;
2496 border-right-width: 0;
2497 }
2498 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
2499 border-top-left-radius: 0;
2500 border-bottom-left-radius: 0;
2501 border-left-width: 0;
2502 }
2503 .oo-ui-numberInputWidget .oo-ui-textInputWidget input {
2504 border-radius: 0;
2505 }
2506 .oo-ui-window {
2507 background-color: transparent;
2508 background-image: none;
2509 }
2510 .oo-ui-window-frame {
2511 -webkit-box-sizing: border-box;
2512 -moz-box-sizing: border-box;
2513 box-sizing: border-box;
2514 }
2515 .oo-ui-window-content:focus {
2516 outline: none;
2517 }
2518 .oo-ui-window-head,
2519 .oo-ui-window-foot {
2520 -webkit-touch-callout: none;
2521 -webkit-user-select: none;
2522 -moz-user-select: none;
2523 -ms-user-select: none;
2524 user-select: none;
2525 }
2526 .oo-ui-window-body {
2527 margin: 0;
2528 padding: 0;
2529 background: none;
2530 }
2531 .oo-ui-window-overlay {
2532 position: absolute;
2533 top: 0;
2534 /* @noflip */
2535 left: 0;
2536 }
2537 .oo-ui-dialog-content > .oo-ui-window-head,
2538 .oo-ui-dialog-content > .oo-ui-window-body,
2539 .oo-ui-dialog-content > .oo-ui-window-foot {
2540 position: absolute;
2541 left: 0;
2542 right: 0;
2543 overflow: hidden;
2544 -webkit-box-sizing: border-box;
2545 -moz-box-sizing: border-box;
2546 box-sizing: border-box;
2547 }
2548 .oo-ui-dialog-content > .oo-ui-window-head {
2549 z-index: 1;
2550 top: 0;
2551 }
2552 .oo-ui-dialog-content > .oo-ui-window-body {
2553 z-index: 2;
2554 top: 0;
2555 bottom: 0;
2556 }
2557 .oo-ui-dialog-content > .oo-ui-window-foot {
2558 z-index: 1;
2559 bottom: 0;
2560 }
2561 .oo-ui-dialog-content > .oo-ui-window-body {
2562 box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25);
2563 }
2564 .oo-ui-messageDialog-actions-horizontal {
2565 display: table;
2566 table-layout: fixed;
2567 width: 100%;
2568 }
2569 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
2570 display: table-cell;
2571 width: 1%;
2572 }
2573 .oo-ui-messageDialog-actions-vertical {
2574 display: block;
2575 }
2576 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
2577 display: block;
2578 overflow: hidden;
2579 text-overflow: ellipsis;
2580 }
2581 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
2582 position: relative;
2583 text-align: center;
2584 }
2585 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
2586 display: block;
2587 }
2588 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
2589 position: relative;
2590 top: auto;
2591 bottom: auto;
2592 display: inline;
2593 white-space: nowrap;
2594 }
2595 .oo-ui-messageDialog-content .oo-ui-window-body {
2596 box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33);
2597 }
2598 .oo-ui-messageDialog-title,
2599 .oo-ui-messageDialog-message {
2600 display: block;
2601 text-align: center;
2602 padding-top: 0.5em;
2603 }
2604 .oo-ui-messageDialog-title {
2605 font-size: 1.5em;
2606 line-height: 1em;
2607 color: #000000;
2608 }
2609 .oo-ui-messageDialog-message {
2610 font-size: 0.9em;
2611 line-height: 1.25em;
2612 color: #666666;
2613 }
2614 .oo-ui-messageDialog-message-verbose {
2615 font-size: 1.1em;
2616 line-height: 1.5em;
2617 text-align: left;
2618 }
2619 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
2620 border-right: 1px solid #e5e5e5;
2621 margin: 0;
2622 }
2623 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
2624 border-right-width: 0;
2625 }
2626 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
2627 border-bottom: 1px solid #e5e5e5;
2628 margin: 0;
2629 }
2630 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
2631 border-bottom-width: 0;
2632 }
2633 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
2634 height: 3.4em;
2635 margin-right: 0;
2636 }
2637 .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child {
2638 margin-right: 0;
2639 }
2640 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
2641 text-align: center;
2642 line-height: 3.4em;
2643 padding: 0 2em;
2644 }
2645 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
2646 background-color: rgba(0, 0, 0, 0.05);
2647 }
2648 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
2649 background-color: rgba(0, 0, 0, 0.1);
2650 }
2651 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
2652 background-color: rgba(8, 126, 204, 0.05);
2653 }
2654 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
2655 background-color: rgba(8, 126, 204, 0.1);
2656 }
2657 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
2658 font-weight: bold;
2659 }
2660 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
2661 background-color: rgba(118, 171, 54, 0.05);
2662 }
2663 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
2664 background-color: rgba(118, 171, 54, 0.1);
2665 }
2666 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
2667 background-color: rgba(212, 83, 83, 0.05);
2668 }
2669 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
2670 background-color: rgba(212, 83, 83, 0.1);
2671 }
2672 .oo-ui-processDialog-location {
2673 overflow: hidden;
2674 text-overflow: ellipsis;
2675 white-space: nowrap;
2676 }
2677 .oo-ui-processDialog-title {
2678 display: inline;
2679 padding: 0;
2680 }
2681 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget,
2682 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget,
2683 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
2684 white-space: nowrap;
2685 }
2686 .oo-ui-processDialog-actions-safe,
2687 .oo-ui-processDialog-actions-primary {
2688 position: absolute;
2689 top: 0;
2690 bottom: 0;
2691 }
2692 .oo-ui-processDialog-actions-safe {
2693 left: 0;
2694 }
2695 .oo-ui-processDialog-actions-primary {
2696 right: 0;
2697 }
2698 .oo-ui-processDialog-errors {
2699 position: absolute;
2700 top: 0;
2701 left: 0;
2702 right: 0;
2703 bottom: 0;
2704 z-index: 2;
2705 overflow-x: hidden;
2706 overflow-y: auto;
2707 }
2708 .oo-ui-processDialog-content .oo-ui-window-head {
2709 height: 3.4em;
2710 }
2711 .oo-ui-processDialog-content .oo-ui-window-body {
2712 top: 3.4em;
2713 box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33);
2714 }
2715 .oo-ui-processDialog-navigation {
2716 position: relative;
2717 height: 3.4em;
2718 padding: 0 1em;
2719 }
2720 .oo-ui-processDialog-location {
2721 padding: 0.75em 0;
2722 height: 1.875em;
2723 cursor: default;
2724 text-align: center;
2725 }
2726 .oo-ui-processDialog-title {
2727 font-weight: bold;
2728 line-height: 1.875em;
2729 }
2730 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button,
2731 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button,
2732 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
2733 min-width: 1.875em;
2734 min-height: 1.875em;
2735 }
2736 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labelElement-label,
2737 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labelElement-label,
2738 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
2739 line-height: 1.875em;
2740 }
2741 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
2742 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
2743 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
2744 margin-top: -0.125em;
2745 }
2746 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed,
2747 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed,
2748 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
2749 margin: 0.75em;
2750 }
2751 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
2752 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
2753 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
2754 padding: 0 1em;
2755 vertical-align: middle;
2756 /* Adjust for border so text aligns with title */
2757 margin: -1px;
2758 }
2759 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless,
2760 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless,
2761 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless {
2762 margin: 0;
2763 }
2764 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button,
2765 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button,
2766 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button {
2767 padding: 0.75em 1em;
2768 vertical-align: middle;
2769 }
2770 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:hover,
2771 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover {
2772 background-color: rgba(0, 0, 0, 0.05);
2773 }
2774 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:active,
2775 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active {
2776 background-color: rgba(0, 0, 0, 0.1);
2777 }
2778 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover,
2779 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
2780 background-color: rgba(8, 126, 204, 0.05);
2781 }
2782 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active,
2783 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
2784 background-color: rgba(8, 126, 204, 0.1);
2785 }
2786 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label,
2787 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
2788 font-weight: bold;
2789 }
2790 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover,
2791 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
2792 background-color: rgba(118, 171, 54, 0.05);
2793 }
2794 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active,
2795 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
2796 background-color: rgba(118, 171, 54, 0.1);
2797 }
2798 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover,
2799 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
2800 background-color: rgba(212, 83, 83, 0.05);
2801 }
2802 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active,
2803 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
2804 background-color: rgba(212, 83, 83, 0.1);
2805 }
2806 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement {
2807 margin-right: 0;
2808 }
2809 .oo-ui-processDialog > .oo-ui-window-frame {
2810 min-height: 5em;
2811 }
2812 .oo-ui-processDialog-errors {
2813 background-color: rgba(255, 255, 255, 0.9);
2814 padding: 3em 3em 1.5em 3em;
2815 text-align: center;
2816 }
2817 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
2818 margin: 2em 1em 2em 1em;
2819 }
2820 .oo-ui-processDialog-errors-title {
2821 font-size: 1.5em;
2822 color: #000000;
2823 margin-bottom: 2em;
2824 }
2825 .oo-ui-processDialog-error {
2826 text-align: left;
2827 margin: 1em;
2828 padding: 1em;
2829 border: 1px solid #ff9e9e;
2830 background-color: #fff7f7;
2831 border-radius: 0.25em;
2832 }
2833 .oo-ui-windowManager-modal > .oo-ui-dialog {
2834 position: fixed;
2835 width: 0;
2836 height: 0;
2837 overflow: hidden;
2838 }
2839 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
2840 width: auto;
2841 height: auto;
2842 top: 0;
2843 right: 0;
2844 bottom: 0;
2845 left: 0;
2846 padding: 1em;
2847 }
2848 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
2849 position: absolute;
2850 right: 0;
2851 left: 0;
2852 margin: auto;
2853 overflow: hidden;
2854 max-width: 100%;
2855 max-height: 100%;
2856 }
2857 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
2858 width: 100%;
2859 height: 100%;
2860 top: 0;
2861 bottom: 0;
2862 }
2863 .oo-ui-windowManager-modal > .oo-ui-dialog {
2864 background-color: rgba(255, 255, 255, 0.5);
2865 opacity: 0;
2866 -webkit-transition: opacity 250ms ease-in-out;
2867 -moz-transition: opacity 250ms ease-in-out;
2868 -ms-transition: opacity 250ms ease-in-out;
2869 -o-transition: opacity 250ms ease-in-out;
2870 transition: opacity 250ms ease-in-out;
2871 }
2872 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
2873 top: 1em;
2874 bottom: 1em;
2875 background-color: #ffffff;
2876 opacity: 0;
2877 -webkit-transform: scale(0.5);
2878 -moz-transform: scale(0.5);
2879 -ms-transform: scale(0.5);
2880 -o-transform: scale(0.5);
2881 transform: scale(0.5);
2882 -webkit-transition: all 250ms ease-in-out;
2883 -moz-transition: all 250ms ease-in-out;
2884 -ms-transition: all 250ms ease-in-out;
2885 -o-transition: all 250ms ease-in-out;
2886 transition: all 250ms ease-in-out;
2887 }
2888 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready {
2889 /* Fade window overlay */
2890 opacity: 1;
2891 }
2892 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
2893 /* Fade frame */
2894 opacity: 1;
2895 -webkit-transform: scale(1);
2896 -moz-transform: scale(1);
2897 -ms-transform: scale(1);
2898 -o-transform: scale(1);
2899 transform: scale(1);
2900 }
2901 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
2902 border: 1px solid #cccccc;
2903 border-radius: 0.5em;
2904 box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3);
2905 }