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

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