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

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