resources/lib/oojs-ui/oojs-ui-apex.svg.css

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