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