Merge "Fix for Bug 63980 - Comparison of limits in pingLimiter is incorrect"
[lhc/web/wiklou.git] / resources / lib / oojs-ui / oojs-ui-apex.svg.css
1 /*!
2 * OOjs UI v0.1.0-pre (30b0407428)
3 * https://www.mediawiki.org/wiki/OOjs_UI
4 *
5 * Copyright 2011–2014 OOjs Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
8 *
9 * Date: 2014-09-30T23:08:05Z
10 */
11 /* @noflip */
12 .oo-ui-rtl {
13 direction: rtl;
14 }
15 /* @noflip */
16 .oo-ui-ltr {
17 direction: ltr;
18 }
19 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
20 cursor: pointer;
21 display: inline-block;
22 vertical-align: middle;
23 -webkit-touch-callout: none;
24 -webkit-user-select: none;
25 -moz-user-select: none;
26 -ms-user-select: none;
27 user-select: none;
28 }
29 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
30 display: none;
31 }
32 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
33 display: none;
34 }
35 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
36 cursor: default;
37 }
38 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
39 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
40 display: inline-block;
41 vertical-align: middle;
42 background-position: center center;
43 background-repeat: no-repeat;
44 }
45 .oo-ui-buttonElement-frameless {
46 display: inline-block;
47 position: relative;
48 }
49 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
50 display: inline-block;
51 vertical-align: middle;
52 }
53 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
54 display: inline-block;
55 vertical-align: top;
56 text-align: center;
57 }
58 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
59 display: inline-block;
60 vertical-align: middle;
61 }
62 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
63 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
64 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
65 cursor: default;
66 }
67 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
68 color: #333;
69 }
70 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
71 margin-left: 0;
72 }
73 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
74 margin-right: -0.75em;
75 }
76 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
77 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
78 opacity: 0.8;
79 width: 1.9em;
80 height: 1.9em;
81 }
82 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
83 /* Don't animate opacities for now, causes wiggling in Chrome (bug 63020) */
84 /*.oo-ui-transition(opacity 200ms);*/
85 }
86 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon,
87 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-iconElement-icon {
88 opacity: 1;
89 }
90 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label,
91 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
92 color: #000;
93 }
94 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
95 color: #333;
96 margin-left: 0.25em;
97 }
98 .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
99 color: #087ecc;
100 }
101 .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
102 color: #76ab36;
103 }
104 .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
105 color: #d45353;
106 }
107 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
108 opacity: 0.2;
109 }
110 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
111 color: #ccc;
112 }
113 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
114 margin: 0.1em 0;
115 padding: 0.2em 0.8em;
116 border-radius: 0.3em;
117 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
118 border: 1px #c9c9c9 solid;
119 -webkit-transition: border-color 100ms ease-in-out;
120 -moz-transition: border-color 100ms ease-in-out;
121 -ms-transition: border-color 100ms ease-in-out;
122 -o-transition: border-color 100ms ease-in-out;
123 transition: border-color 100ms ease-in-out;
124 background: #eeeeee;
125 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dddddd');
126 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
127 background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%);
128 background-image: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
129 background-image: -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%);
130 background-image: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%);
131 background-image: linear-gradient(top, #ffffff 0%, #dddddd 100%);
132 }
133 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover,
134 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus {
135 border-color: #aaa;
136 }
137 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
138 line-height: 1.9em;
139 }
140 .oo-ui-buttonElement-framed.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
141 .oo-ui-buttonElement-framed.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
142 box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07);
143 color: black;
144 border-color: #c9c9c9;
145 background: #eeeeee;
146 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dddddd', endColorstr='#ffffff');
147 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff));
148 background-image: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%);
149 background-image: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%);
150 background-image: -ms-linear-gradient(top, #dddddd 0%, #ffffff 100%);
151 background-image: -o-linear-gradient(top, #dddddd 0%, #ffffff 100%);
152 background-image: linear-gradient(top, #dddddd 0%, #ffffff 100%);
153 }
154 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
155 margin-left: -0.5em;
156 margin-right: -0.5em;
157 }
158 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
159 margin-left: -0.5em;
160 margin-right: 0.3em;
161 }
162 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button {
163 border: solid 1px #a6cee1;
164 background: #cde7f4;
165 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#eaf4fa', endColorstr='#b0d9ee');
166 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #eaf4fa), color-stop(100%, #b0d9ee));
167 background-image: -webkit-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
168 background-image: -moz-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
169 background-image: -ms-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
170 background-image: -o-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
171 background-image: linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
172 }
173 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button:hover,
174 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button:focus {
175 border-color: #9dc2d4;
176 }
177 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
178 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
179 border: solid 1px #a6cee1;
180 background: #cde7f4;
181 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b0d9ee', endColorstr='#eaf4fa');
182 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #b0d9ee), color-stop(100%, #eaf4fa));
183 background-image: -webkit-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
184 background-image: -moz-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
185 background-image: -ms-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
186 background-image: -o-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
187 background-image: linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
188 }
189 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
190 border: solid 1px #b8d892;
191 background: #daf0be;
192 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f0fbe1', endColorstr='#c3e59a');
193 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f0fbe1), color-stop(100%, #c3e59a));
194 background-image: -webkit-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
195 background-image: -moz-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
196 background-image: -ms-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
197 background-image: -o-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
198 background-image: linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
199 }
200 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover,
201 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
202 border-color: #adcb89;
203 }
204 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
205 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
206 border: solid 1px #b8d892;
207 background: #daf0be;
208 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#c3e59a', endColorstr='#f0fbe1');
209 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #c3e59a), color-stop(100%, #f0fbe1));
210 background-image: -webkit-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%);
211 background-image: -moz-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%);
212 background-image: -ms-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%);
213 background-image: -o-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%);
214 background-image: linear-gradient(top, #c3e59a 0%, #f0fbe1 100%);
215 }
216 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
217 color: #d45353;
218 }
219 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
220 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
221 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
222 opacity: 0.5;
223 box-shadow: none;
224 color: #333;
225 background: #eee;
226 border-color: #ccc;
227 }
228 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover,
229 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:hover,
230 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:hover,
231 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:focus,
232 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus,
233 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:focus {
234 border-color: #ccc;
235 box-shadow: none;
236 }
237 .oo-ui-clippableElement-clippable {
238 -webkit-box-sizing: border-box;
239 -moz-box-sizing: border-box;
240 box-sizing: border-box;
241 }
242 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous .oo-ui-panelLayout-scrollable {
243 overflow-y: hidden;
244 }
245 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout {
246 width: 100%;
247 -webkit-box-sizing: border-box;
248 -moz-box-sizing: border-box;
249 box-sizing: border-box;
250 }
251 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-scrollable {
252 overflow-y: auto;
253 }
254 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-padded {
255 padding: 2em;
256 }
257 .oo-ui-bookletLayout-outlinePanel-editable .oo-ui-outlineWidget {
258 position: absolute;
259 top: 0;
260 left: 0;
261 right: 0;
262 bottom: 3em;
263 overflow-y: auto;
264 }
265 .oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget {
266 position: absolute;
267 bottom: 0;
268 left: 0;
269 right: 0;
270 }
271 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout {
272 padding: 1.5em;
273 }
274 .oo-ui-bookletLayout-outlinePanel {
275 border-right: solid 1px #ddd;
276 }
277 .oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget {
278 box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25);
279 }
280 .oo-ui-fieldLayout {
281 margin-bottom: 1em;
282 }
283 .oo-ui-fieldLayout:before,
284 .oo-ui-fieldLayout:after {
285 content: " ";
286 display: table;
287 }
288 .oo-ui-fieldLayout:after {
289 clear: both;
290 }
291 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-labelElement-label,
292 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label {
293 display: block;
294 float: left;
295 }
296 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field,
297 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field {
298 display: block;
299 float: left;
300 }
301 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label {
302 text-align: right;
303 }
304 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label {
305 display: inline-block;
306 vertical-align: middle;
307 }
308 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field {
309 display: inline-block;
310 vertical-align: middle;
311 }
312 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label {
313 display: inline-block;
314 }
315 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
316 z-index: 1;
317 }
318 .oo-ui-fieldLayout .oo-ui-fieldLayout-help {
319 float: right;
320 }
321 .oo-ui-fieldLayout .oo-ui-fieldLayout-help-content {
322 padding: 0.5em 0.75em;
323 }
324 .oo-ui-fieldLayout:last-child {
325 margin-bottom: 0;
326 }
327 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-labelElement-label,
328 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label {
329 padding-top: 0.5em;
330 margin-right: 5%;
331 width: 35%;
332 }
333 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field,
334 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field {
335 width: 60%;
336 }
337 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label {
338 padding: 0.75em 0.5em 0.5em 0.5em;
339 }
340 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field {
341 padding: 0.5em 0;
342 }
343 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label {
344 padding: 0.5em 0;
345 }
346 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
347 margin-top: 0.25em;
348 }
349 .oo-ui-fieldLayout-disabled .oo-ui-labelElement-label {
350 color: #ccc;
351 }
352 .oo-ui-fieldsetLayout {
353 position: relative;
354 margin: 0;
355 padding: 0;
356 border: none;
357 }
358 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
359 display: block;
360 position: absolute;
361 background-position: center center;
362 background-repeat: no-repeat;
363 }
364 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
365 display: inline-block;
366 }
367 .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout {
368 margin-top: 2em;
369 }
370 .oo-ui-fieldsetLayout > .oo-ui-labelElement-label {
371 font-size: 1.5em;
372 margin-bottom: 0.5em;
373 padding: 0.25em 0;
374 }
375 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label {
376 padding-left: 1.75em;
377 line-height: 1.33em;
378 }
379 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
380 left: 0;
381 top: 0.25em;
382 width: 2em;
383 height: 2em;
384 }
385 .oo-ui-gridLayout {
386 position: absolute;
387 top: 0;
388 left: 0;
389 right: 0;
390 bottom: 0;
391 }
392 .oo-ui-panelLayout {
393 position: relative;
394 }
395 .oo-ui-panelLayout-scrollable {
396 overflow-y: auto;
397 }
398 .oo-ui-panelLayout-expanded {
399 position: absolute;
400 top: 0;
401 left: 0;
402 right: 0;
403 bottom: 0;
404 }
405 .oo-ui-panelLayout-padded {
406 padding: 1.25em;
407 }
408 .oo-ui-stackLayout > .oo-ui-panelLayout {
409 display: none;
410 }
411 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
412 display: block;
413 position: relative;
414 }
415 .oo-ui-popupTool .oo-ui-popupWidget-popup,
416 .oo-ui-popupTool .oo-ui-popupWidget-anchor {
417 z-index: 4;
418 }
419 .oo-ui-popupTool .oo-ui-popupWidget {
420 margin-left: 1.25em;
421 font-size: 0.8em;
422 }
423 .oo-ui-toolGroup {
424 display: inline-block;
425 vertical-align: middle;
426 margin: 0.3em;
427 border-radius: 0.25em;
428 border: solid 1px transparent;
429 -webkit-transition: border-color 300ms ease-in-out;
430 -moz-transition: border-color 300ms ease-in-out;
431 -ms-transition: border-color 300ms ease-in-out;
432 -o-transition: border-color 300ms ease-in-out;
433 transition: border-color 300ms ease-in-out;
434 }
435 .oo-ui-toolGroup-empty {
436 display: none;
437 }
438 .oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
439 background-position: center center;
440 background-repeat: no-repeat;
441 }
442 .oo-ui-toolGroup.oo-ui-widget-enabled:hover {
443 border-color: rgba(0, 0, 0, 0.1);
444 }
445 .oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
446 color: #000;
447 }
448 .oo-ui-barToolGroup > .oo-ui-iconElement-icon,
449 .oo-ui-barToolGroup > .oo-ui-labelElement-label {
450 display: none;
451 }
452 .oo-ui-barToolGroup .oo-ui-tool {
453 display: inline-block;
454 position: relative;
455 vertical-align: top;
456 }
457 .oo-ui-barToolGroup .oo-ui-tool-link {
458 display: block;
459 }
460 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
461 display: block;
462 }
463 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-title {
464 display: none;
465 }
466 .oo-ui-barToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
467 cursor: default;
468 }
469 .oo-ui-barToolGroup .oo-ui-tool-title,
470 .oo-ui-barToolGroup .oo-ui-tool-accel {
471 display: none;
472 }
473 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-link {
474 cursor: pointer;
475 }
476 .oo-ui-barToolGroup .oo-ui-tool {
477 margin: -1px 0 -1px -1px;
478 border: solid 1px transparent;
479 }
480 .oo-ui-barToolGroup .oo-ui-tool:first-child {
481 border-top-left-radius: 0.25em;
482 border-bottom-left-radius: 0.25em;
483 }
484 .oo-ui-barToolGroup .oo-ui-tool:last-child {
485 margin-right: -1px;
486 border-top-right-radius: 0.25em;
487 border-bottom-right-radius: 0.25em;
488 }
489 .oo-ui-barToolGroup .oo-ui-tool-link {
490 height: 1.5em;
491 padding: 0.25em;
492 }
493 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
494 height: 1.5em;
495 width: 1.5em;
496 opacity: 0.8;
497 }
498 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover {
499 border-color: rgba(0, 0, 0, 0.2);
500 }
501 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled {
502 border-color: rgba(0, 0, 0, 0.2);
503 box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07);
504 background: #f8fbfd;
505 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff');
506 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff));
507 background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
508 background-image: -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
509 background-image: -ms-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
510 background-image: -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
511 background-image: linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
512 }
513 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
514 border-left-color: rgba(0, 0, 0, 0.1);
515 }
516 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
517 opacity: 0.2;
518 }
519 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconElement-icon {
520 opacity: 0.8;
521 }
522 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon {
523 opacity: 1;
524 }
525 .oo-ui-barToolGroup.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
526 opacity: 0.2;
527 }
528 .oo-ui-popupToolGroup {
529 position: relative;
530 height: 2em;
531 min-width: 2.5em;
532 }
533 .oo-ui-popupToolGroup-handle {
534 display: block;
535 cursor: pointer;
536 }
537 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator,
538 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
539 position: absolute;
540 background-position: center center;
541 background-repeat: no-repeat;
542 }
543 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
544 cursor: default;
545 }
546 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
547 display: none;
548 position: absolute;
549 z-index: 4;
550 }
551 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconElement-icon {
552 background-repeat: no-repeat;
553 background-position: center center;
554 }
555 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools {
556 display: block;
557 }
558 .oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools {
559 left: 0;
560 }
561 .oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools {
562 right: 0;
563 }
564 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
565 display: inline-block;
566 vertical-align: middle;
567 }
568 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
569 display: inline-block;
570 vertical-align: middle;
571 }
572 .oo-ui-popupToolGroup .oo-ui-tool-accel {
573 display: none;
574 }
575 .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
576 min-width: 3.5em;
577 }
578 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator,
579 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
580 top: 0;
581 width: 2em;
582 height: 2em;
583 opacity: 0.8;
584 }
585 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
586 right: 0;
587 }
588 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
589 left: 0.25em;
590 }
591 .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
592 line-height: 2.6em;
593 font-size: 0.8em;
594 margin: 0 1em;
595 }
596 .oo-ui-popupToolGroup-header {
597 line-height: 2.6em;
598 font-size: 0.8em;
599 margin: 0 0.6em;
600 font-weight: bold;
601 }
602 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
603 border-bottom-left-radius: 0;
604 border-bottom-right-radius: 0;
605 box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07);
606 background: #f8fbfd;
607 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff');
608 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff));
609 background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
610 background-image: -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
611 background-image: -ms-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
612 background-image: -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
613 background-image: linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
614 }
615 .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
616 margin-left: 3em;
617 }
618 .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
619 margin-right: 2.25em;
620 }
621 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
622 top: 2em;
623 margin: 0 -1px;
624 border: solid 1px #ccc;
625 background-color: white;
626 box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.25);
627 }
628 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
629 height: 2em;
630 width: 2em;
631 margin-right: 0.25em;
632 }
633 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
634 line-height: 2em;
635 font-size: 0.8em;
636 }
637 .oo-ui-listToolGroup .oo-ui-tool {
638 display: inline-block;
639 width: 100%;
640 -webkit-box-sizing: border-box;
641 -moz-box-sizing: border-box;
642 box-sizing: border-box;
643 }
644 .oo-ui-listToolGroup .oo-ui-tool-link {
645 display: block;
646 cursor: pointer;
647 white-space: nowrap;
648 }
649 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
650 cursor: default;
651 }
652 .oo-ui-listToolGroup .oo-ui-toolGroup-tools {
653 padding: 0.25em;
654 }
655 .oo-ui-listToolGroup.oo-ui-popupToolGroup-active {
656 border-color: rgba(0, 0, 0, 0.2);
657 }
658 .oo-ui-listToolGroup .oo-ui-tool {
659 border: solid 1px transparent;
660 margin: -1px 0;
661 }
662 .oo-ui-listToolGroup .oo-ui-tool-link {
663 padding-right: 0.5em;
664 }
665 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled {
666 border-color: rgba(0, 0, 0, 0.1);
667 box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07);
668 background: #f8fbfd;
669 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff');
670 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff));
671 background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
672 background-image: -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
673 background-image: -ms-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
674 background-image: -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
675 background-image: linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
676 }
677 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
678 border-top-color: rgba(0, 0, 0, 0.1);
679 }
680 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover {
681 border-color: rgba(0, 0, 0, 0.2);
682 }
683 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
684 border-color: rgba(0, 0, 0, 0.2);
685 }
686 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconElement-icon {
687 opacity: 0.8;
688 }
689 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon {
690 opacity: 1;
691 }
692 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
693 color: #ccc;
694 }
695 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
696 opacity: 0.2;
697 }
698 .oo-ui-listToolGroup.oo-ui-widget-disabled {
699 color: #ccc;
700 }
701 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator,
702 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
703 opacity: 0.2;
704 }
705 .oo-ui-menuToolGroup {
706 border-color: rgba(0, 0, 0, 0.1);
707 }
708 .oo-ui-menuToolGroup .oo-ui-tool {
709 display: block;
710 }
711 .oo-ui-menuToolGroup .oo-ui-tool-link {
712 display: block;
713 cursor: pointer;
714 white-space: nowrap;
715 }
716 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
717 cursor: default;
718 }
719 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
720 min-width: 8em;
721 }
722 .oo-ui-menuToolGroup .oo-ui-toolGroup-tools {
723 padding: 0.25em 0 0.25em 0;
724 }
725 .oo-ui-menuToolGroup.oo-ui-widget-enabled:hover {
726 border-color: rgba(0, 0, 0, 0.2);
727 }
728 .oo-ui-menuToolGroup.oo-ui-popupToolGroup-active {
729 border-color: rgba(0, 0, 0, 0.25);
730 }
731 .oo-ui-menuToolGroup .oo-ui-tool-link {
732 padding: 0 1em 0 0.25em;
733 display: block;
734 cursor: pointer;
735 white-space: nowrap;
736 }
737 .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
738 background-image: none;
739 }
740 .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon {
741 background-image: /* @embed */ url(themes/apex/images/icons/check.svg);
742 }
743 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
744 background-color: #e1f3ff;
745 }
746 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
747 color: #ccc;
748 }
749 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
750 opacity: 0.2;
751 }
752 .oo-ui-menuToolGroup.oo-ui-widget-disabled {
753 color: #ccc;
754 border-color: rgba(0, 0, 0, 0.05);
755 }
756 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator,
757 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
758 opacity: 0.2;
759 }
760 .oo-ui-toolbar {
761 clear: both;
762 }
763 .oo-ui-toolbar-bar {
764 line-height: 1em;
765 }
766 .oo-ui-toolbar-actions {
767 float: right;
768 }
769 .oo-ui-toolbar-tools {
770 display: inline;
771 }
772 .oo-ui-toolbar-tools,
773 .oo-ui-toolbar-actions,
774 .oo-ui-toolbar-shadow {
775 -webkit-touch-callout: none;
776 -webkit-user-select: none;
777 -moz-user-select: none;
778 -ms-user-select: none;
779 user-select: none;
780 }
781 .oo-ui-toolbar-actions .oo-ui-popupWidget {
782 -webkit-touch-callout: default;
783 -webkit-user-select: all;
784 -moz-user-select: all;
785 -ms-user-select: all;
786 user-select: all;
787 }
788 .oo-ui-toolbar-shadow {
789 background-position: left top;
790 background-repeat: repeat-x;
791 position: absolute;
792 width: 100%;
793 pointer-events: none;
794 }
795 .oo-ui-toolbar-bar {
796 border-bottom: solid 1px #ccc;
797 background: #f8fbfd;
798 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#f1f7fb');
799 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f7fb));
800 background-image: -webkit-linear-gradient(top, #ffffff 0%, #f1f7fb 100%);
801 background-image: -moz-linear-gradient(top, #ffffff 0%, #f1f7fb 100%);
802 background-image: -ms-linear-gradient(top, #ffffff 0%, #f1f7fb 100%);
803 background-image: -o-linear-gradient(top, #ffffff 0%, #f1f7fb 100%);
804 background-image: linear-gradient(top, #ffffff 0%, #f1f7fb 100%);
805 }
806 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
807 border: none;
808 background: none;
809 }
810 .oo-ui-toolbar-shadow {
811 background-image: /* @embed */ url(themes/apex/images/toolbar-shadow.png);
812 bottom: -9px;
813 height: 9px;
814 opacity: 0.125;
815 -webkit-transition: opacity 500ms ease-in-out;
816 -moz-transition: opacity 500ms ease-in-out;
817 -ms-transition: opacity 500ms ease-in-out;
818 -o-transition: opacity 500ms ease-in-out;
819 transition: opacity 500ms ease-in-out;
820 }
821 .oo-ui-optionWidget {
822 position: relative;
823 display: block;
824 cursor: pointer;
825 padding: 0.5em 2em 0.5em 3em;
826 border: none;
827 }
828 .oo-ui-optionWidget.oo-ui-widget-disabled {
829 cursor: default;
830 }
831 .oo-ui-optionWidget .oo-ui-labelElement-label {
832 display: block;
833 white-space: nowrap;
834 text-overflow: ellipsis;
835 overflow: hidden;
836 }
837 .oo-ui-optionWidget-highlighted {
838 background-color: #e1f3ff;
839 }
840 .oo-ui-optionWidget .oo-ui-labelElement-label {
841 line-height: 1.5em;
842 }
843 .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected {
844 background-color: #a7dcff;
845 }
846 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed {
847 background-color: #a7dcff;
848 }
849 .oo-ui-optionWidget.oo-ui-widget-disabled {
850 color: #ccc;
851 }
852 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
853 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
854 position: absolute;
855 background-repeat: no-repeat;
856 background-position: center center;
857 }
858 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
859 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
860 top: 50%;
861 width: 2em;
862 height: 2em;
863 margin-top: -1em;
864 }
865 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon {
866 left: 0.5em;
867 }
868 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
869 right: 0.5em;
870 }
871 .oo-ui-buttonSelectWidget {
872 display: inline-block;
873 white-space: nowrap;
874 border-radius: 0.3em;
875 }
876 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
877 border-radius: 0;
878 margin-left: -1px;
879 }
880 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
881 border-bottom-left-radius: 0.3em;
882 border-top-left-radius: 0.3em;
883 margin-left: 0;
884 }
885 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
886 border-bottom-right-radius: 0.3em;
887 border-top-right-radius: 0.3em;
888 }
889 .oo-ui-buttonOptionWidget {
890 display: inline-block;
891 padding: 0;
892 background-color: transparent;
893 }
894 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
895 position: relative;
896 }
897 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
898 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
899 position: static;
900 display: inline-block;
901 vertical-align: middle;
902 }
903 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
904 height: 1.9em;
905 }
906 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
907 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
908 height: 1.9em;
909 margin-top: 0;
910 }
911 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected,
912 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,
913 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
914 background-color: transparent;
915 }
916 .oo-ui-labelWidget {
917 display: inline-block;
918 padding: 0.5em 0;
919 }
920 .oo-ui-iconWidget {
921 display: inline-block;
922 vertical-align: middle;
923 background-position: center center;
924 background-repeat: no-repeat;
925 line-height: 2.5em;
926 height: 1.9em;
927 width: 1.9em;
928 opacity: 0.8;
929 }
930 .oo-ui-iconWidget.oo-ui-widget-disabled {
931 opacity: 0.2;
932 }
933 .oo-ui-indicatorWidget {
934 display: inline-block;
935 vertical-align: middle;
936 background-position: center center;
937 background-repeat: no-repeat;
938 line-height: 2.5em;
939 height: 1.9em;
940 width: 1.9em;
941 opacity: 0.8;
942 }
943 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
944 opacity: 0.2;
945 }
946 .oo-ui-buttonWidget {
947 display: inline-block;
948 vertical-align: middle;
949 }
950 .oo-ui-buttonGroupWidget {
951 display: inline-block;
952 white-space: nowrap;
953 border-radius: 0.3em;
954 }
955 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
956 border-radius: 0;
957 margin-bottom: -1px;
958 margin-left: -1px;
959 }
960 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
961 border-bottom-left-radius: 0.3em;
962 border-top-left-radius: 0.3em;
963 margin-left: 0;
964 }
965 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
966 border-bottom-right-radius: 0.3em;
967 border-top-right-radius: 0.3em;
968 }
969 .oo-ui-toggleSwitchWidget {
970 position: relative;
971 display: inline-block;
972 vertical-align: middle;
973 overflow: hidden;
974 cursor: pointer;
975 -webkit-box-sizing: border-box;
976 -moz-box-sizing: border-box;
977 box-sizing: border-box;
978 -webkit-transform: translateZ(0px);
979 -moz-transform: translateZ(0px);
980 -ms-transform: translateZ(0px);
981 -o-transform: translateZ(0px);
982 transform: translateZ(0px);
983 height: 2em;
984 width: 4em;
985 border-radius: 1em;
986 box-shadow: 0 0 0 white, inset 0 0.1em 0.2em #ddd;
987 border: solid 1px #ccc;
988 background: #eeeeee;
989 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dddddd', endColorstr='#ffffff');
990 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff));
991 background-image: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%);
992 background-image: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%);
993 background-image: -ms-linear-gradient(top, #dddddd 0%, #ffffff 100%);
994 background-image: -o-linear-gradient(top, #dddddd 0%, #ffffff 100%);
995 background-image: linear-gradient(top, #dddddd 0%, #ffffff 100%);
996 }
997 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
998 cursor: default;
999 }
1000 .oo-ui-toggleSwitchWidget-grip {
1001 position: absolute;
1002 display: block;
1003 -webkit-box-sizing: border-box;
1004 -moz-box-sizing: border-box;
1005 box-sizing: border-box;
1006 }
1007 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
1008 position: absolute;
1009 top: 0;
1010 bottom: 0;
1011 right: 0;
1012 left: 0;
1013 -webkit-touch-callout: none;
1014 -webkit-user-select: none;
1015 -moz-user-select: none;
1016 -ms-user-select: none;
1017 user-select: none;
1018 }
1019 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1020 display: none;
1021 }
1022 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
1023 opacity: 0.5;
1024 }
1025 .oo-ui-toggleSwitchWidget-grip {
1026 top: 0.25em;
1027 left: 0.25em;
1028 width: 1.5em;
1029 height: 1.5em;
1030 margin-top: -1px;
1031 border-radius: 1em;
1032 box-shadow: 0 0.1em 0.25em rgba(0, 0, 0, 0.1);
1033 border: 1px #c9c9c9 solid;
1034 -webkit-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1035 -moz-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1036 -ms-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1037 -o-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1038 transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1039 background: #eeeeee;
1040 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dddddd');
1041 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
1042 background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%);
1043 background-image: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
1044 background-image: -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%);
1045 background-image: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%);
1046 background-image: linear-gradient(top, #ffffff 0%, #dddddd 100%);
1047 }
1048 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover,
1049 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
1050 border-color: #aaa;
1051 }
1052 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
1053 border-radius: 1em;
1054 box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07);
1055 -webkit-transition: opacity 200ms ease-in-out;
1056 -moz-transition: opacity 200ms ease-in-out;
1057 -ms-transition: opacity 200ms ease-in-out;
1058 -o-transition: opacity 200ms ease-in-out;
1059 transition: opacity 200ms ease-in-out;
1060 background: #cde7f4;
1061 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b0d9ee', endColorstr='#eaf4fa');
1062 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #b0d9ee), color-stop(100%, #eaf4fa));
1063 background-image: -webkit-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
1064 background-image: -moz-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
1065 background-image: -ms-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
1066 background-image: -o-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
1067 background-image: linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
1068 }
1069 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
1070 opacity: 1;
1071 }
1072 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
1073 left: 2.25em;
1074 margin-left: -2px;
1075 }
1076 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1077 display: block;
1078 opacity: 0;
1079 }
1080 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
1081 left: 0.25em;
1082 margin-left: 0;
1083 }
1084 .oo-ui-actionWidget.oo-ui-pendingElement-pending {
1085 background-image: /* @embed */ url(themes/apex/images/textures/pending.gif);
1086 }
1087 .oo-ui-popupWidget {
1088 position: absolute;
1089 }
1090 .oo-ui-popupWidget-popup {
1091 position: relative;
1092 overflow: hidden;
1093 z-index: 1;
1094 }
1095 .oo-ui-popupWidget-anchor {
1096 display: none;
1097 z-index: 1;
1098 }
1099 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
1100 display: block;
1101 position: absolute;
1102 top: 0;
1103 background-repeat: no-repeat;
1104 }
1105 .oo-ui-popupWidget-head {
1106 -webkit-touch-callout: none;
1107 -webkit-user-select: none;
1108 -moz-user-select: none;
1109 -ms-user-select: none;
1110 user-select: none;
1111 }
1112 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
1113 float: right;
1114 }
1115 .oo-ui-popupWidget-head .oo-ui-labelElement-label {
1116 float: left;
1117 cursor: default;
1118 }
1119 .oo-ui-popupWidget-body {
1120 clear: both;
1121 overflow: hidden;
1122 }
1123 .oo-ui-popupWidget-popup {
1124 border: solid 1px #ccc;
1125 border-radius: 0.25em;
1126 background-color: #fff;
1127 box-shadow: 0 0.15em 0.5em 0 rgba(0, 0, 0, 0.2);
1128 }
1129 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
1130 margin-top: 7px;
1131 }
1132 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before,
1133 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1134 content: "";
1135 position: absolute;
1136 width: 0;
1137 height: 0;
1138 border-style: solid;
1139 border-color: transparent;
1140 border-top: 0;
1141 }
1142 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before {
1143 bottom: -8px;
1144 left: -7px;
1145 border-bottom-color: #aaa;
1146 border-width: 7px;
1147 }
1148 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1149 bottom: -8px;
1150 left: -6px;
1151 border-bottom-color: #fff;
1152 border-width: 6px;
1153 }
1154 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
1155 -webkit-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1156 -moz-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1157 -ms-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1158 -o-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1159 transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1160 }
1161 .oo-ui-popupWidget-head {
1162 height: 2.5em;
1163 }
1164 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
1165 margin: 0.25em;
1166 }
1167 .oo-ui-popupWidget-head .oo-ui-labelElement-label {
1168 margin: 0.75em 1em;
1169 }
1170 .oo-ui-popupWidget-body {
1171 box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25);
1172 }
1173 .oo-ui-popupWidget-body-padded {
1174 padding: 0 1em;
1175 }
1176 .oo-ui-popupButtonWidget {
1177 position: relative;
1178 }
1179 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
1180 position: absolute;
1181 cursor: auto;
1182 }
1183 .oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget {
1184 left: 1em;
1185 }
1186 .oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
1187 left: -1em;
1188 }
1189 .oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget {
1190 left: 1.25em;
1191 }
1192 .oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
1193 left: -1.25em;
1194 }
1195 .oo-ui-textInputWidget {
1196 position: relative;
1197 -webkit-box-sizing: border-box;
1198 -moz-box-sizing: border-box;
1199 box-sizing: border-box;
1200 width: 20em;
1201 }
1202 .oo-ui-textInputWidget input,
1203 .oo-ui-textInputWidget textarea {
1204 display: inline-block;
1205 width: 100%;
1206 resize: none;
1207 -webkit-box-sizing: border-box;
1208 -moz-box-sizing: border-box;
1209 box-sizing: border-box;
1210 }
1211 .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
1212 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
1213 position: absolute;
1214 top: 0;
1215 height: 100%;
1216 background-repeat: no-repeat;
1217 cursor: pointer;
1218 -webkit-touch-callout: none;
1219 -webkit-user-select: none;
1220 -moz-user-select: none;
1221 -ms-user-select: none;
1222 user-select: none;
1223 }
1224 .oo-ui-textInputWidget > .oo-ui-iconElement-icon {
1225 left: 0;
1226 }
1227 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
1228 right: 0;
1229 }
1230 .oo-ui-textInputWidget input,
1231 .oo-ui-textInputWidget textarea {
1232 padding: 0.5em;
1233 font-size: 1em;
1234 font-family: sans-serif;
1235 background-color: #fff;
1236 border: solid 1px #ccc;
1237 box-shadow: 0 0 0 white, inset 0 0.1em 0.2em #ddd;
1238 border-radius: 0.25em;
1239 -webkit-transition: border-color 200ms, box-shadow 200ms;
1240 -moz-transition: border-color 200ms, box-shadow 200ms;
1241 -ms-transition: border-color 200ms, box-shadow 200ms;
1242 -o-transition: border-color 200ms, box-shadow 200ms;
1243 transition: border-color 200ms, box-shadow 200ms;
1244 }
1245 .oo-ui-textInputWidget-decorated input,
1246 .oo-ui-textInputWidget-decorated textarea {
1247 padding-left: 2em;
1248 }
1249 .oo-ui-textInputWidget-icon {
1250 width: 2em;
1251 }
1252 .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
1253 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
1254 outline: none;
1255 border-color: #a7dcff;
1256 box-shadow: 0 0 0.3em #a7dcff, 0 0 0 white;
1257 }
1258 .oo-ui-textInputWidget.oo-ui-pendingElement-pending input,
1259 .oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea {
1260 background-image: /* @embed */ url(themes/apex/images/textures/pending.gif);
1261 }
1262 .oo-ui-textInputWidget input[readonly],
1263 .oo-ui-textInputWidget textarea[readonly] {
1264 color: #777;
1265 text-shadow: 0 1px 1px #fff;
1266 }
1267 .oo-ui-textInputWidget.oo-ui-pendingElement-pending input,
1268 .oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea {
1269 background-color: transparent;
1270 }
1271 .oo-ui-textInputWidget.oo-ui-widget-disabled input,
1272 .oo-ui-textInputWidget.oo-ui-widget-disabled input:focus,
1273 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea,
1274 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea:focus {
1275 color: #ccc;
1276 text-shadow: 0 1px 1px #fff;
1277 border-color: #ddd;
1278 background-color: #f3f3f3;
1279 }
1280 .oo-ui-textInputWidget .oo-ui-iconElement-icon,
1281 .oo-ui-textInputWidget .oo-ui-indicatorElement-indicator {
1282 opacity: 0.8;
1283 }
1284 .oo-ui-textInputWidget.oo-ui-iconElement input,
1285 .oo-ui-textInputWidget.oo-ui-iconElement textarea {
1286 padding-left: 2em;
1287 }
1288 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1289 width: 2em;
1290 background-position: right center;
1291 }
1292 .oo-ui-textInputWidget.oo-ui-indicatorElement input,
1293 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
1294 padding-right: 1.5em;
1295 }
1296 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1297 width: 1.5em;
1298 background-position: left center;
1299 }
1300 .oo-ui-menuWidget {
1301 position: absolute;
1302 background: #fff;
1303 margin-top: -1px;
1304 border: solid 1px #ccc;
1305 border-radius: 0 0 0.25em 0.25em;
1306 box-shadow: 0 0.15em 1em 0 rgba(0, 0, 0, 0.2);
1307 }
1308 .oo-ui-menuWidget input {
1309 position: absolute;
1310 width: 0;
1311 height: 0;
1312 overflow: hidden;
1313 opacity: 0;
1314 }
1315 .oo-ui-menuItemWidget {
1316 position: relative;
1317 }
1318 .oo-ui-menuItemWidget .oo-ui-iconElement-icon {
1319 display: none;
1320 }
1321 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected {
1322 background-color: transparent;
1323 }
1324 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1325 display: block;
1326 }
1327 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected {
1328 background-color: transparent;
1329 }
1330 .oo-ui-menuItemWidget.oo-ui-optionWidget-highlighted,
1331 .oo-ui-menuItemWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
1332 background-color: #e1f3ff;
1333 }
1334 .oo-ui-menuSectionItemWidget {
1335 cursor: default;
1336 padding: 0.33em 0.75em;
1337 color: #888;
1338 }
1339 .oo-ui-inlineMenuWidget {
1340 position: relative;
1341 display: inline-block;
1342 margin: 0.25em 0;
1343 min-width: 20em;
1344 }
1345 .oo-ui-inlineMenuWidget-handle {
1346 width: 100%;
1347 display: inline-block;
1348 cursor: pointer;
1349 -webkit-touch-callout: none;
1350 -webkit-user-select: none;
1351 -moz-user-select: none;
1352 -ms-user-select: none;
1353 user-select: none;
1354 -webkit-box-sizing: border-box;
1355 -moz-box-sizing: border-box;
1356 box-sizing: border-box;
1357 }
1358 .oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator,
1359 .oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon {
1360 position: absolute;
1361 background-position: center center;
1362 background-repeat: no-repeat;
1363 }
1364 .oo-ui-inlineMenuWidget .oo-ui-menuWidget {
1365 z-index: 1;
1366 width: 100%;
1367 }
1368 .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle {
1369 cursor: default;
1370 }
1371 .oo-ui-inlineMenuWidget-handle {
1372 height: 2.5em;
1373 border: solid 1px rgba(0, 0, 0, 0.1);
1374 border-radius: 0.25em;
1375 }
1376 .oo-ui-inlineMenuWidget-handle:hover {
1377 border-color: rgba(0, 0, 0, 0.2);
1378 }
1379 .oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator {
1380 right: 0;
1381 }
1382 .oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon {
1383 left: 0.25em;
1384 }
1385 .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label {
1386 line-height: 2.5em;
1387 margin: 0 0.5em;
1388 }
1389 .oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator,
1390 .oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon {
1391 top: 0;
1392 width: 2.5em;
1393 height: 2.5em;
1394 opacity: 0.8;
1395 }
1396 .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle {
1397 color: #ccc;
1398 text-shadow: 0 1px 1px #fff;
1399 border-color: #ddd;
1400 background-color: #f3f3f3;
1401 }
1402 .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1403 opacity: 0.2;
1404 }
1405 .oo-ui-inlineMenuWidget.oo-ui-iconElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label {
1406 margin-left: 3em;
1407 }
1408 .oo-ui-inlineMenuWidget.oo-ui-indicatorElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label {
1409 margin-right: 2em;
1410 }
1411 .oo-ui-outlineItemWidget {
1412 position: relative;
1413 cursor: pointer;
1414 -webkit-touch-callout: none;
1415 -webkit-user-select: none;
1416 -moz-user-select: none;
1417 -ms-user-select: none;
1418 user-select: none;
1419 font-size: 1.1em;
1420 padding: 0.75em;
1421 }
1422 .oo-ui-outlineItemWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
1423 padding-right: 1.5em;
1424 }
1425 .oo-ui-outlineItemWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1426 opacity: 0.5;
1427 }
1428 .oo-ui-outlineItemWidget-level-0 {
1429 padding-left: 3.5em;
1430 }
1431 .oo-ui-outlineItemWidget-level-0 .oo-ui-iconElement-icon {
1432 left: 1em;
1433 }
1434 .oo-ui-outlineItemWidget-level-1 {
1435 padding-left: 5em;
1436 }
1437 .oo-ui-outlineItemWidget-level-1 .oo-ui-iconElement-icon {
1438 left: 2.5em;
1439 }
1440 .oo-ui-outlineItemWidget-level-2 {
1441 padding-left: 6.5em;
1442 }
1443 .oo-ui-outlineItemWidget-level-2 .oo-ui-iconElement-icon {
1444 left: 4em;
1445 }
1446 .oo-ui-selectWidget-depressed .oo-ui-outlineItemWidget.oo-ui-optionWidget-selected {
1447 background-color: #a7dcff;
1448 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
1449 }
1450 .oo-ui-outlineItemWidget.oo-ui-flaggedElement-important {
1451 font-weight: bold;
1452 }
1453 .oo-ui-outlineItemWidget.oo-ui-flaggedElement-placeholder {
1454 font-style: italic;
1455 }
1456 .oo-ui-outlineItemWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
1457 opacity: 0.5;
1458 }
1459 .oo-ui-outlineItemWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
1460 color: #777;
1461 }
1462 .oo-ui-outlineControlsWidget {
1463 height: 3em;
1464 background-color: #fff;
1465 }
1466 .oo-ui-outlineControlsWidget-items,
1467 .oo-ui-outlineControlsWidget-movers {
1468 float: left;
1469 -webkit-box-sizing: border-box;
1470 -moz-box-sizing: border-box;
1471 box-sizing: border-box;
1472 }
1473 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
1474 float: left;
1475 background-position: right center;
1476 background-repeat: no-repeat;
1477 }
1478 .oo-ui-outlineControlsWidget-items {
1479 float: left;
1480 }
1481 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
1482 float: left;
1483 }
1484 .oo-ui-outlineControlsWidget-movers {
1485 float: right;
1486 }
1487 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
1488 float: right;
1489 }
1490 .oo-ui-outlineControlsWidget-items,
1491 .oo-ui-outlineControlsWidget-movers {
1492 height: 2em;
1493 margin: 0.5em;
1494 padding: 0;
1495 }
1496 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
1497 width: 1.5em;
1498 height: 2em;
1499 margin: 0.5em 0 0.5em 0.5em;
1500 opacity: 0.2;
1501 }
1502 .oo-ui-outlineControlsWidget-items {
1503 margin-left: 0;
1504 }
1505 .oo-ui-comboBoxWidget {
1506 display: inline-block;
1507 position: relative;
1508 min-width: 20em;
1509 }
1510 .oo-ui-comboBoxWidget > .oo-ui-selectWidget {
1511 width: 100%;
1512 z-index: 1;
1513 }
1514 .oo-ui-comboBoxWidget-handle {
1515 border: solid 1px rgba(0, 0, 0, 0.1);
1516 border-radius: 0.25em;
1517 }
1518 .oo-ui-comboBoxWidget-handle:hover {
1519 border-color: rgba(0, 0, 0, 0.2);
1520 }
1521 .oo-ui-comboBoxWidget.oo-ui-widget-disabled .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator,
1522 .oo-ui-comboBoxWidget-empty .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1523 cursor: default;
1524 opacity: 0.2;
1525 }
1526 .oo-ui-comboBoxWidget > .oo-ui-selectWidget {
1527 margin-top: -3px;
1528 }
1529 .oo-ui-searchWidget-query {
1530 position: absolute;
1531 top: 0;
1532 left: 0;
1533 right: 0;
1534 }
1535 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1536 width: 100%;
1537 }
1538 .oo-ui-searchWidget-results {
1539 position: absolute;
1540 bottom: 0;
1541 left: 0;
1542 right: 0;
1543 overflow-x: hidden;
1544 overflow-y: auto;
1545 }
1546 .oo-ui-searchWidget-query {
1547 height: 4em;
1548 padding: 0 1em;
1549 box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2);
1550 }
1551 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1552 margin: 0.75em 0;
1553 }
1554 .oo-ui-searchWidget-results {
1555 top: 4em;
1556 padding: 1em;
1557 line-height: 0;
1558 }
1559 .oo-ui-window {
1560 line-height: 1em;
1561 }
1562 .oo-ui-window-frame {
1563 -webkit-box-sizing: border-box;
1564 -moz-box-sizing: border-box;
1565 box-sizing: border-box;
1566 }
1567 .oo-ui-window-frame > iframe {
1568 width: 100%;
1569 height: 100%;
1570 margin: 0;
1571 padding: 0;
1572 }
1573 .oo-ui-window-content:focus {
1574 outline: none;
1575 }
1576 .oo-ui-window-head,
1577 .oo-ui-window-foot {
1578 -webkit-touch-callout: none;
1579 -webkit-user-select: none;
1580 -moz-user-select: none;
1581 -ms-user-select: none;
1582 user-select: none;
1583 }
1584 .oo-ui-window-body {
1585 margin: 0;
1586 padding: 0;
1587 background: none;
1588 }
1589 .oo-ui-window-overlay {
1590 position: absolute;
1591 top: 0;
1592 left: 0;
1593 }
1594 .oo-ui-window-isolated {
1595 background-color: transparent;
1596 background-image: none;
1597 font-family: sans-serif;
1598 font-size: 0.8em;
1599 }
1600 .oo-ui-dialog-content > .oo-ui-window-head,
1601 .oo-ui-dialog-content > .oo-ui-window-body,
1602 .oo-ui-dialog-content > .oo-ui-window-foot {
1603 position: absolute;
1604 left: 0;
1605 right: 0;
1606 overflow: hidden;
1607 -webkit-box-sizing: border-box;
1608 -moz-box-sizing: border-box;
1609 box-sizing: border-box;
1610 }
1611 .oo-ui-dialog-content > .oo-ui-window-head {
1612 z-index: 1;
1613 top: 0;
1614 }
1615 .oo-ui-dialog-content > .oo-ui-window-body {
1616 z-index: 2;
1617 top: 0;
1618 bottom: 0;
1619 }
1620 .oo-ui-dialog-content > .oo-ui-window-foot {
1621 z-index: 1;
1622 bottom: 0;
1623 }
1624 .oo-ui-dialog-content > .oo-ui-window-overlay {
1625 z-index: 3;
1626 }
1627 .oo-ui-dialog-content > .oo-ui-window-body {
1628 box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25);
1629 }
1630 .oo-ui-messageDialog-actions-horizontal {
1631 display: table;
1632 table-layout: fixed;
1633 width: 100%;
1634 }
1635 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
1636 display: table-cell;
1637 width: 1%;
1638 }
1639 .oo-ui-messageDialog-actions-vertical {
1640 display: block;
1641 }
1642 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
1643 display: block;
1644 overflow: hidden;
1645 text-overflow: ellipsis;
1646 }
1647 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
1648 position: relative;
1649 text-align: center;
1650 }
1651 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
1652 display: block;
1653 }
1654 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
1655 position: relative;
1656 top: auto;
1657 bottom: auto;
1658 display: inline;
1659 white-space: nowrap;
1660 }
1661 .oo-ui-messageDialog-content .oo-ui-window-body {
1662 box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33);
1663 }
1664 .oo-ui-messageDialog-title,
1665 .oo-ui-messageDialog-message {
1666 display: block;
1667 text-align: center;
1668 padding-top: 0.5em;
1669 }
1670 .oo-ui-messageDialog-title {
1671 font-size: 1.5em;
1672 line-height: 1em;
1673 color: #000;
1674 }
1675 .oo-ui-messageDialog-message {
1676 font-size: 0.9em;
1677 line-height: 1.25em;
1678 color: #666;
1679 }
1680 .oo-ui-messageDialog-message-verbose {
1681 font-size: 1.1em;
1682 line-height: 1.5em;
1683 text-align: left;
1684 }
1685 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
1686 border-right: solid 1px #e5e5e5;
1687 }
1688 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
1689 border-right-width: 0;
1690 }
1691 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
1692 border-bottom: solid 1px #e5e5e5;
1693 }
1694 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
1695 border-bottom-width: 0;
1696 }
1697 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
1698 text-align: center;
1699 line-height: 3.4em;
1700 padding: 0 2em;
1701 }
1702 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
1703 background-color: rgba(0, 0, 0, 0.05);
1704 }
1705 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
1706 background-color: rgba(0, 0, 0, 0.1);
1707 }
1708 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover {
1709 background-color: rgba(8, 126, 204, 0.05);
1710 }
1711 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active {
1712 background-color: rgba(8, 126, 204, 0.1);
1713 }
1714 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label {
1715 font-weight: bold;
1716 }
1717 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
1718 background-color: rgba(118, 171, 54, 0.05);
1719 }
1720 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
1721 background-color: rgba(118, 171, 54, 0.1);
1722 }
1723 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
1724 background-color: rgba(212, 83, 83, 0.05);
1725 }
1726 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
1727 background-color: rgba(212, 83, 83, 0.1);
1728 }
1729 .oo-ui-processDialog-location {
1730 overflow: hidden;
1731 text-overflow: ellipsis;
1732 white-space: nowrap;
1733 }
1734 .oo-ui-processDialog-title {
1735 display: inline;
1736 padding: 0;
1737 }
1738 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget,
1739 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget,
1740 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
1741 white-space: nowrap;
1742 }
1743 .oo-ui-processDialog-actions-safe,
1744 .oo-ui-processDialog-actions-primary {
1745 position: absolute;
1746 top: 0;
1747 bottom: 0;
1748 }
1749 .oo-ui-processDialog-actions-safe {
1750 left: 0;
1751 }
1752 .oo-ui-processDialog-actions-primary {
1753 right: 0;
1754 }
1755 .oo-ui-processDialog-errors {
1756 display: none;
1757 position: absolute;
1758 top: 0;
1759 left: 0;
1760 right: 0;
1761 bottom: 0;
1762 z-index: 2;
1763 overflow-x: hidden;
1764 overflow-y: auto;
1765 }
1766 .oo-ui-processDialog-content .oo-ui-window-head {
1767 height: 3.4em;
1768 }
1769 .oo-ui-processDialog-content .oo-ui-window-head.oo-ui-pendingElement-pending {
1770 background-image: /* @embed */ url(themes/apex/images/textures/pending.gif);
1771 }
1772 .oo-ui-processDialog-content .oo-ui-window-body {
1773 top: 3.4em;
1774 box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33);
1775 }
1776 .oo-ui-processDialog-navigation {
1777 position: relative;
1778 height: 3.4em;
1779 padding: 0 1em;
1780 }
1781 .oo-ui-processDialog-location {
1782 padding: 0.75em 0;
1783 height: 1.9em;
1784 cursor: default;
1785 text-align: center;
1786 }
1787 .oo-ui-processDialog-title {
1788 font-weight: bold;
1789 line-height: 1.9em;
1790 }
1791 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button,
1792 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button,
1793 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
1794 padding-top: 0.75em;
1795 padding-bottom: 0.75em;
1796 min-width: 1.9em;
1797 min-height: 1.9em;
1798 }
1799 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labelElement-label,
1800 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labelElement-label,
1801 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
1802 line-height: 1.9em;
1803 padding: 0 1em;
1804 }
1805 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-iconElement-icon,
1806 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-iconElement-icon,
1807 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-iconElement-icon {
1808 position: absolute;
1809 margin-top: -0.125em;
1810 }
1811 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed,
1812 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed,
1813 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
1814 margin: 0.75em 0 0.75em 0.75em;
1815 }
1816 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
1817 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
1818 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
1819 padding: 0;
1820 vertical-align: middle;
1821 }
1822 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:hover,
1823 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover {
1824 background-color: rgba(0, 0, 0, 0.05);
1825 }
1826 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:active,
1827 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active {
1828 background-color: rgba(0, 0, 0, 0.1);
1829 }
1830 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed,
1831 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed {
1832 margin: 0.75em;
1833 }
1834 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
1835 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
1836 /* Adjust for border so text aligns with title */
1837 margin: -1px;
1838 }
1839 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover,
1840 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover {
1841 background-color: rgba(8, 126, 204, 0.05);
1842 }
1843 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active,
1844 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active {
1845 background-color: rgba(8, 126, 204, 0.1);
1846 }
1847 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label,
1848 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label {
1849 font-weight: bold;
1850 }
1851 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover,
1852 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
1853 background-color: rgba(118, 171, 54, 0.05);
1854 }
1855 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active,
1856 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
1857 background-color: rgba(118, 171, 54, 0.1);
1858 }
1859 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover,
1860 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
1861 background-color: rgba(212, 83, 83, 0.05);
1862 }
1863 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active,
1864 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
1865 background-color: rgba(212, 83, 83, 0.1);
1866 }
1867 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1868 left: 0.5em;
1869 }
1870 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label {
1871 padding-left: 2.25em;
1872 }
1873 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1874 right: 0.5em;
1875 }
1876 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label {
1877 padding-right: 2.25em;
1878 }
1879 .oo-ui-processDialog > .oo-ui-window-frame {
1880 min-height: 5em;
1881 }
1882 .oo-ui-processDialog-errors {
1883 background-color: rgba(255, 255, 255, 0.9);
1884 padding: 3em 3em 1.5em 3em;
1885 text-align: center;
1886 }
1887 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
1888 margin: 2em 1em 2em 1em;
1889 }
1890 .oo-ui-processDialog-errors-title {
1891 font-size: 1.5em;
1892 color: #000;
1893 margin-bottom: 2em;
1894 }
1895 .oo-ui-processDialog-error {
1896 text-align: left;
1897 margin: 1em;
1898 padding: 1em;
1899 border: solid 1px #ff9e9e;
1900 background-color: #fff7f7;
1901 border-radius: 0.25em;
1902 }
1903 .oo-ui-windowManager-modal > .oo-ui-dialog {
1904 position: fixed;
1905 width: 0;
1906 height: 0;
1907 overflow: hidden;
1908 }
1909 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
1910 width: auto;
1911 height: auto;
1912 top: 0;
1913 right: 0;
1914 bottom: 0;
1915 left: 0;
1916 padding: 1em;
1917 }
1918 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
1919 position: absolute;
1920 right: 0;
1921 left: 0;
1922 margin: auto;
1923 overflow: hidden;
1924 max-width: 100%;
1925 max-height: 100%;
1926 }
1927 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame > iframe {
1928 width: 100%;
1929 height: 100%;
1930 }
1931 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
1932 width: 100%;
1933 height: 100%;
1934 top: 0;
1935 bottom: 0;
1936 }
1937 .oo-ui-windowManager-modal > .oo-ui-dialog {
1938 background-color: rgba(255, 255, 255, 0.5);
1939 opacity: 0;
1940 -webkit-transition: opacity 250ms ease-in-out;
1941 -moz-transition: opacity 250ms ease-in-out;
1942 -ms-transition: opacity 250ms ease-in-out;
1943 -o-transition: opacity 250ms ease-in-out;
1944 transition: opacity 250ms ease-in-out;
1945 }
1946 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
1947 top: 1em;
1948 bottom: 1em;
1949 background-color: #fff;
1950 -webkit-transform: scale(0.5);
1951 -moz-transform: scale(0.5);
1952 -ms-transform: scale(0.5);
1953 -o-transform: scale(0.5);
1954 transform: scale(0.5);
1955 -webkit-transition: all 250ms ease-in-out;
1956 -moz-transition: all 250ms ease-in-out;
1957 -ms-transition: all 250ms ease-in-out;
1958 -o-transition: all 250ms ease-in-out;
1959 transition: all 250ms ease-in-out;
1960 }
1961 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready {
1962 opacity: 1;
1963 }
1964 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
1965 -webkit-transform: scale(1);
1966 -moz-transform: scale(1);
1967 -ms-transform: scale(1);
1968 -o-transform: scale(1);
1969 transform: scale(1);
1970 }
1971 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
1972 border: solid 1px #ccc;
1973 border-radius: 0.5em;
1974 box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3);
1975 }
1976
1977 .oo-ui-icon-add {
1978 background-image: /* @embed */ url(themes/apex/images/icons/add.svg);
1979 }
1980 .oo-ui-icon-advanced {
1981 background-image: /* @embed */ url(themes/apex/images/icons/advanced.svg);
1982 }
1983 .oo-ui-icon-alert {
1984 background-image: /* @embed */ url(themes/apex/images/icons/alert.svg);
1985 }
1986 .oo-ui-icon-check {
1987 background-image: /* @embed */ url(themes/apex/images/icons/check.svg);
1988 }
1989 .oo-ui-icon-clear {
1990 background-image: /* @embed */ url(themes/apex/images/icons/clear.svg);
1991 }
1992 .oo-ui-icon-close {
1993 background-image: /* @embed */ url(themes/apex/images/icons/close.svg);
1994 }
1995 .oo-ui-icon-code {
1996 background-image: /* @embed */ url(themes/apex/images/icons/code.svg);
1997 }
1998 .oo-ui-icon-collapse {
1999 background-image: /* @embed */ url(themes/apex/images/icons/collapse.svg);
2000 }
2001 .oo-ui-icon-comment {
2002 background-image: /* @embed */ url(themes/apex/images/icons/comment.svg);
2003 }
2004 .oo-ui-icon-expand {
2005 background-image: /* @embed */ url(themes/apex/images/icons/expand.svg);
2006 }
2007 .oo-ui-icon-help {
2008 background-image: /* @embed */ url(themes/apex/images/icons/help.svg);
2009 }
2010 .oo-ui-icon-info {
2011 background-image: /* @embed */ url(themes/apex/images/icons/info.svg);
2012 }
2013 .oo-ui-icon-link {
2014 background-image: /* @embed */ url(themes/apex/images/icons/link.svg);
2015 }
2016 .oo-ui-icon-menu {
2017 background-image: /* @embed */ url(themes/apex/images/icons/menu.svg);
2018 }
2019 .oo-ui-icon-next {
2020 background-image: /* @embed */ url(themes/apex/images/icons/move-ltr.svg);
2021 }
2022 .oo-ui-icon-picture {
2023 background-image: /* @embed */ url(themes/apex/images/icons/picture.svg);
2024 }
2025 .oo-ui-icon-previous {
2026 background-image: /* @embed */ url(themes/apex/images/icons/move-rtl.svg);
2027 }
2028 .oo-ui-icon-redo {
2029 background-image: /* @embed */ url(themes/apex/images/icons/arched-arrow-ltr.svg);
2030 }
2031 .oo-ui-icon-remove {
2032 background-image: /* @embed */ url(themes/apex/images/icons/remove.svg);
2033 }
2034 .oo-ui-icon-search {
2035 background-image: /* @embed */ url(themes/apex/images/icons/search.svg);
2036 }
2037 .oo-ui-icon-settings {
2038 background-image: /* @embed */ url(themes/apex/images/icons/settings.svg);
2039 }
2040 .oo-ui-icon-tag {
2041 background-image: /* @embed */ url(themes/apex/images/icons/tag.svg);
2042 }
2043 .oo-ui-icon-undo {
2044 background-image: /* @embed */ url(themes/apex/images/icons/arched-arrow-rtl.svg);
2045 }
2046 .oo-ui-icon-window {
2047 background-image: /* @embed */ url(themes/apex/images/icons/window.svg);
2048 }
2049 .oo-ui-indicator-alert {
2050 background-image: /* @embed */ url(themes/apex/images/indicators/alert.svg);
2051 }
2052 .oo-ui-indicator-up {
2053 background-image: /* @embed */ url(themes/apex/images/indicators/arrow-up.svg);
2054 }
2055 .oo-ui-indicator-down {
2056 background-image: /* @embed */ url(themes/apex/images/indicators/arrow-down.svg);
2057 }
2058 .oo-ui-indicator-next {
2059 background-image: /* @embed */ url(themes/apex/images/indicators/arrow-ltr.svg);
2060 }
2061 .oo-ui-indicator-previous {
2062 background-image: /* @embed */ url(themes/apex/images/indicators/arrow-rtl.svg);
2063 }
2064 .oo-ui-indicator-required {
2065 background-image: /* @embed */ url(themes/apex/images/indicators/required.svg);
2066 }
2067 .oo-ui-texture-pending {
2068 background-image: /* @embed */ url(themes/apex/images/textures/pending.gif);
2069 }
2070 .oo-ui-texture-transparency {
2071 background-image: /* @embed */ url(themes/apex/images/textures/transparency.svg);
2072 }