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

   1 /*!
   2  * OOjs UI v0.1.0-pre (9ed4cf2557)
   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-22T01:21:24Z
  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-radioSelectWidget {
 974         padding: 0.75em 0 0.5em 0;
 975 }
 976 .oo-ui-buttonOptionWidget {
 977         display: inline-block;
 978         padding: 0;
 979         background-color: transparent;
 980 }
 981 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
 982         position: relative;
 983 }
 984 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
 985 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 986         position: static;
 987         display: inline-block;
 988         vertical-align: middle;
 989 }
 990 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
 991         height: 1.9em;
 992 }
 993 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
 994 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 995         height: 1.9em;
 996         margin-top: 0;
 997 }
 998 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected,
 999 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,
1000 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
1001         background-color: transparent;
1002 }
1003 .oo-ui-radioOptionWidget {
1004         cursor: default;
1005         padding: 0;
1006         background-color: transparent;
1007 }
1008 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget,
1009 .oo-ui-radioOptionWidget .oo-ui-labelElement-label {
1010         display: inline-block;
1011         vertical-align: middle;
1012 }
1013 .oo-ui-radioOptionWidget.oo-ui-optionWidget-selected,
1014 .oo-ui-radioOptionWidget.oo-ui-optionWidget-pressed,
1015 .oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted {
1016         background-color: transparent;
1017 }
1018 .oo-ui-radioOptionWidget > .oo-ui-labelElement-label {
1019         padding: 0 0.5em;
1020 }
1021 .oo-ui-labelWidget {
1022         display: inline-block;
1023         padding: 0.5em 0;
1024 }
1025 .oo-ui-iconWidget {
1026         display: inline-block;
1027         vertical-align: middle;
1028         background-position: center center;
1029         background-repeat: no-repeat;
1030         line-height: 2.5em;
1031         height: 1.9em;
1032         width: 1.9em;
1033         opacity: 0.8;
1034 }
1035 .oo-ui-iconWidget.oo-ui-widget-disabled {
1036         opacity: 0.2;
1037 }
1038 .oo-ui-indicatorWidget {
1039         display: inline-block;
1040         vertical-align: middle;
1041         background-position: center center;
1042         background-repeat: no-repeat;
1043         line-height: 2.5em;
1044         height: 1.9em;
1045         width: 1.9em;
1046         opacity: 0.8;
1047 }
1048 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
1049         opacity: 0.2;
1050 }
1051 .oo-ui-buttonWidget {
1052         display: inline-block;
1053         vertical-align: middle;
1054 }
1055 .oo-ui-buttonGroupWidget {
1056         display: inline-block;
1057         white-space: nowrap;
1058         border-radius: 0.3em;
1059 }
1060 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
1061         border-radius: 0;
1062         margin-bottom: -1px;
1063         margin-left: -1px;
1064 }
1065 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
1066         border-bottom-left-radius: 0.3em;
1067         border-top-left-radius: 0.3em;
1068         margin-left: 0;
1069 }
1070 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
1071         border-bottom-right-radius: 0.3em;
1072         border-top-right-radius: 0.3em;
1073 }
1074 .oo-ui-toggleSwitchWidget {
1075         position: relative;
1076         display: inline-block;
1077         vertical-align: middle;
1078         overflow: hidden;
1079         cursor: pointer;
1080         -webkit-box-sizing: border-box;
1081            -moz-box-sizing: border-box;
1082                 box-sizing: border-box;
1083         -webkit-transform: translateZ(0px);
1084            -moz-transform: translateZ(0px);
1085             -ms-transform: translateZ(0px);
1086              -o-transform: translateZ(0px);
1087                 transform: translateZ(0px);
1088         height: 2em;
1089         width: 4em;
1090         border-radius: 1em;
1091         box-shadow: 0 0 0 white, inset 0 0.1em 0.2em #dddddd;
1092         border: solid 1px #cccccc;
1093         background: #eeeeee;
1094         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dddddd', endColorstr='#ffffff');
1095         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff));
1096         background-image: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%);
1097         background-image:    -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%);
1098         background-image:     -ms-linear-gradient(top, #dddddd 0%, #ffffff 100%);
1099         background-image:      -o-linear-gradient(top, #dddddd 0%, #ffffff 100%);
1100         background-image:         linear-gradient(top, #dddddd 0%, #ffffff 100%);
1101 }
1102 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
1103         cursor: default;
1104 }
1105 .oo-ui-toggleSwitchWidget-grip {
1106         position: absolute;
1107         display: block;
1108         -webkit-box-sizing: border-box;
1109            -moz-box-sizing: border-box;
1110                 box-sizing: border-box;
1111 }
1112 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
1113         position: absolute;
1114         top: 0;
1115         bottom: 0;
1116         right: 0;
1117         left: 0;
1118         -webkit-touch-callout: none;
1119         -webkit-user-select: none;
1120            -moz-user-select: none;
1121             -ms-user-select: none;
1122                 user-select: none;
1123 }
1124 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1125         display: none;
1126 }
1127 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
1128         opacity: 0.5;
1129 }
1130 .oo-ui-toggleSwitchWidget-grip {
1131         top: 0.25em;
1132         left: 0.25em;
1133         width: 1.5em;
1134         height: 1.5em;
1135         margin-top: -1px;
1136         border-radius: 1em;
1137         box-shadow: 0 0.1em 0.25em rgba(0, 0, 0, 0.1);
1138         border: 1px #c9c9c9 solid;
1139         -webkit-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1140            -moz-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1141             -ms-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1142              -o-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1143                 transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1144         background: #eeeeee;
1145         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dddddd');
1146         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
1147         background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%);
1148         background-image:    -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
1149         background-image:     -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%);
1150         background-image:      -o-linear-gradient(top, #ffffff 0%, #dddddd 100%);
1151         background-image:         linear-gradient(top, #ffffff 0%, #dddddd 100%);
1152 }
1153 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover,
1154 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
1155         border-color: #aaaaaa;
1156 }
1157 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
1158         border-radius: 1em;
1159         box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07);
1160         -webkit-transition: opacity 200ms ease-in-out;
1161            -moz-transition: opacity 200ms ease-in-out;
1162             -ms-transition: opacity 200ms ease-in-out;
1163              -o-transition: opacity 200ms ease-in-out;
1164                 transition: opacity 200ms ease-in-out;
1165         background: #cde7f4;
1166         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b0d9ee', endColorstr='#eaf4fa');
1167         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #b0d9ee), color-stop(100%, #eaf4fa));
1168         background-image: -webkit-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
1169         background-image:    -moz-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
1170         background-image:     -ms-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
1171         background-image:      -o-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
1172         background-image:         linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
1173 }
1174 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
1175         opacity: 1;
1176 }
1177 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
1178         left: 2.25em;
1179         margin-left: -2px;
1180 }
1181 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1182         display: block;
1183         opacity: 0;
1184 }
1185 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
1186         left: 0.25em;
1187         margin-left: 0;
1188 }
1189 .oo-ui-progressBarWidget {
1190         max-width: 50em;
1191         border: solid 1px #a6cee1;
1192         border-radius: 0.25em;
1193         overflow: hidden;
1194 }
1195 .oo-ui-progressBarWidget-bar {
1196         height: 1em;
1197         border-right: solid 1px #a6cee1;
1198         -webkit-transition: width 200ms, margin-left 200ms;
1199            -moz-transition: width 200ms, margin-left 200ms;
1200             -ms-transition: width 200ms, margin-left 200ms;
1201              -o-transition: width 200ms, margin-left 200ms;
1202                 transition: width 200ms, margin-left 200ms;
1203         background: #cde7f4;
1204         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#eaf4fa', endColorstr='#b0d9ee');
1205         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #eaf4fa), color-stop(100%, #b0d9ee));
1206         background-image: -webkit-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
1207         background-image:    -moz-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
1208         background-image:     -ms-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
1209         background-image:      -o-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
1210         background-image:         linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
1211 }
1212 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
1213         -webkit-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1214            -moz-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1215             -ms-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1216              -o-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1217                 animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1218         width: 40%;
1219         margin-left: -10%;
1220         border-left: solid 1px #a6cee1;
1221 }
1222 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
1223         opacity: 0.6;
1224 }
1225 .oo-ui-actionWidget.oo-ui-pendingElement-pending {
1226         background-image: /* @embed */ url(themes/apex/images/textures/pending.gif);
1227 }
1228 .oo-ui-popupWidget {
1229         position: absolute;
1230         /* @noflip */
1231         left: 0;
1232 }
1233 .oo-ui-popupWidget-popup {
1234         position: relative;
1235         overflow: hidden;
1236         z-index: 1;
1237 }
1238 .oo-ui-popupWidget-anchor {
1239         display: none;
1240         z-index: 1;
1241 }
1242 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
1243         display: block;
1244         position: absolute;
1245         top: 0;
1246         /* @noflip */
1247         left: 0;
1248         background-repeat: no-repeat;
1249 }
1250 .oo-ui-popupWidget-head {
1251         -webkit-touch-callout: none;
1252         -webkit-user-select: none;
1253            -moz-user-select: none;
1254             -ms-user-select: none;
1255                 user-select: none;
1256 }
1257 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
1258         float: right;
1259 }
1260 .oo-ui-popupWidget-head .oo-ui-labelElement-label {
1261         float: left;
1262         cursor: default;
1263 }
1264 .oo-ui-popupWidget-body {
1265         clear: both;
1266         overflow: hidden;
1267 }
1268 .oo-ui-popupWidget-popup {
1269         border: solid 1px #cccccc;
1270         border-radius: 0.25em;
1271         background-color: #ffffff;
1272         box-shadow: 0 0.15em 0.5em 0 rgba(0, 0, 0, 0.2);
1273 }
1274 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
1275         margin-top: 7px;
1276 }
1277 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before,
1278 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1279         content: "";
1280         position: absolute;
1281         width: 0;
1282         height: 0;
1283         border-style: solid;
1284         border-color: transparent;
1285         border-top: 0;
1286 }
1287 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before {
1288         bottom: -8px;
1289         left: -7px;
1290         border-bottom-color: #aaaaaa;
1291         border-width: 7px;
1292 }
1293 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1294         bottom: -8px;
1295         left: -6px;
1296         border-bottom-color: #ffffff;
1297         border-width: 6px;
1298 }
1299 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
1300         -webkit-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1301            -moz-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1302             -ms-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1303              -o-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1304                 transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1305 }
1306 .oo-ui-popupWidget-head {
1307         height: 2.5em;
1308 }
1309 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
1310         margin: 0.25em;
1311 }
1312 .oo-ui-popupWidget-head .oo-ui-labelElement-label {
1313         margin: 0.75em 1em;
1314 }
1315 .oo-ui-popupWidget-body {
1316         box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25);
1317 }
1318 .oo-ui-popupWidget-body-padded {
1319         padding: 0 1em;
1320 }
1321 .oo-ui-popupButtonWidget {
1322         position: relative;
1323 }
1324 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
1325         position: absolute;
1326         cursor: auto;
1327 }
1328 .oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget {
1329         left: 1em;
1330 }
1331 .oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget {
1332         left: 1.25em;
1333 }
1334 .oo-ui-textInputWidget {
1335         position: relative;
1336         -webkit-box-sizing: border-box;
1337            -moz-box-sizing: border-box;
1338                 box-sizing: border-box;
1339         width: 100%;
1340         max-width: 50em;
1341 }
1342 .oo-ui-textInputWidget input,
1343 .oo-ui-textInputWidget textarea {
1344         display: inline-block;
1345         width: 100%;
1346         resize: none;
1347         -webkit-box-sizing: border-box;
1348            -moz-box-sizing: border-box;
1349                 box-sizing: border-box;
1350 }
1351 .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
1352 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
1353         position: absolute;
1354         top: 0;
1355         height: 100%;
1356         background-repeat: no-repeat;
1357         cursor: pointer;
1358         -webkit-touch-callout: none;
1359         -webkit-user-select: none;
1360            -moz-user-select: none;
1361             -ms-user-select: none;
1362                 user-select: none;
1363 }
1364 .oo-ui-textInputWidget > .oo-ui-iconElement-icon {
1365         left: 0;
1366 }
1367 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
1368         right: 0;
1369 }
1370 .oo-ui-textInputWidget input,
1371 .oo-ui-textInputWidget textarea {
1372         padding: 0.5em;
1373         font-size: 1em;
1374         font-family: sans-serif;
1375         background-color: #ffffff;
1376         color: black;
1377         border: solid 1px #cccccc;
1378         box-shadow: 0 0 0 white, inset 0 0.1em 0.2em #dddddd;
1379         border-radius: 0.25em;
1380         -webkit-transition: border-color 200ms, box-shadow 200ms;
1381            -moz-transition: border-color 200ms, box-shadow 200ms;
1382             -ms-transition: border-color 200ms, box-shadow 200ms;
1383              -o-transition: border-color 200ms, box-shadow 200ms;
1384                 transition: border-color 200ms, box-shadow 200ms;
1385 }
1386 .oo-ui-textInputWidget-decorated input,
1387 .oo-ui-textInputWidget-decorated textarea {
1388         padding-left: 2em;
1389 }
1390 .oo-ui-textInputWidget-icon {
1391         width: 2em;
1392 }
1393 .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
1394 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
1395         outline: none;
1396         border-color: #a7dcff;
1397         box-shadow: 0 0 0.3em #a7dcff, 0 0 0 white;
1398 }
1399 .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly],
1400 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
1401         color: #777777;
1402 }
1403 .oo-ui-textInputWidget.oo-ui-widget-disabled input,
1404 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
1405         color: #cccccc;
1406         text-shadow: 0 1px 1px #ffffff;
1407         border-color: #dddddd;
1408         background-color: #f3f3f3;
1409 }
1410 .oo-ui-textInputWidget.oo-ui-pendingElement-pending input,
1411 .oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea {
1412         background-color: transparent;
1413         background-image: /* @embed */ url(themes/apex/images/textures/pending.gif);
1414 }
1415 .oo-ui-textInputWidget .oo-ui-iconElement-icon,
1416 .oo-ui-textInputWidget .oo-ui-indicatorElement-indicator {
1417         opacity: 0.8;
1418 }
1419 .oo-ui-textInputWidget.oo-ui-iconElement input,
1420 .oo-ui-textInputWidget.oo-ui-iconElement textarea {
1421         padding-left: 2em;
1422 }
1423 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1424         width: 2em;
1425         background-position: right center;
1426 }
1427 .oo-ui-textInputWidget.oo-ui-indicatorElement input,
1428 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
1429         padding-right: 1.5em;
1430 }
1431 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1432         width: 1.5em;
1433         background-position: left center;
1434 }
1435 .oo-ui-menuSelectWidget {
1436         position: absolute;
1437         background: #ffffff;
1438         margin-top: -1px;
1439         border: solid 1px #cccccc;
1440         border-radius: 0 0 0.25em 0.25em;
1441         box-shadow: 0 0.15em 1em 0 rgba(0, 0, 0, 0.2);
1442 }
1443 .oo-ui-menuSelectWidget input {
1444         position: absolute;
1445         width: 0;
1446         height: 0;
1447         overflow: hidden;
1448         opacity: 0;
1449 }
1450 .oo-ui-menuOptionWidget {
1451         position: relative;
1452 }
1453 .oo-ui-menuOptionWidget .oo-ui-iconElement-icon {
1454         display: none;
1455 }
1456 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1457         background-color: transparent;
1458 }
1459 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1460         display: block;
1461 }
1462 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1463         background-color: transparent;
1464 }
1465 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
1466 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
1467         background-color: #e1f3ff;
1468 }
1469 .oo-ui-menuSectionOptionWidget {
1470         cursor: default;
1471         padding: 0.33em 0.75em;
1472         color: #888888;
1473 }
1474 .oo-ui-dropdownWidget {
1475         position: relative;
1476         display: inline-block;
1477         margin: 0.25em 0;
1478         width: 100%;
1479         max-width: 50em;
1480 }
1481 .oo-ui-dropdownWidget-handle {
1482         width: 100%;
1483         display: inline-block;
1484         cursor: pointer;
1485         -webkit-touch-callout: none;
1486         -webkit-user-select: none;
1487            -moz-user-select: none;
1488             -ms-user-select: none;
1489                 user-select: none;
1490         -webkit-box-sizing: border-box;
1491            -moz-box-sizing: border-box;
1492                 box-sizing: border-box;
1493 }
1494 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator,
1495 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1496         position: absolute;
1497         background-position: center center;
1498         background-repeat: no-repeat;
1499 }
1500 .oo-ui-dropdownWidget .oo-ui-menuSelectWidget {
1501         z-index: 1;
1502         width: 100%;
1503 }
1504 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1505         cursor: default;
1506 }
1507 .oo-ui-dropdownWidget-handle {
1508         height: 2.5em;
1509         border: solid 1px rgba(0, 0, 0, 0.1);
1510         border-radius: 0.25em;
1511 }
1512 .oo-ui-dropdownWidget-handle:hover {
1513         border-color: rgba(0, 0, 0, 0.2);
1514 }
1515 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1516         right: 0;
1517 }
1518 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1519         left: 0.25em;
1520 }
1521 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1522         line-height: 2.5em;
1523         margin: 0 0.5em;
1524 }
1525 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator,
1526 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1527         top: 0;
1528         width: 2.5em;
1529         height: 2.5em;
1530         opacity: 0.8;
1531 }
1532 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1533         color: #cccccc;
1534         text-shadow: 0 1px 1px #ffffff;
1535         border-color: #dddddd;
1536         background-color: #f3f3f3;
1537 }
1538 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1539         opacity: 0.2;
1540 }
1541 .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1542         margin-left: 3em;
1543 }
1544 .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1545         margin-right: 2em;
1546 }
1547 .oo-ui-outlineOptionWidget {
1548         position: relative;
1549         cursor: pointer;
1550         -webkit-touch-callout: none;
1551         -webkit-user-select: none;
1552            -moz-user-select: none;
1553             -ms-user-select: none;
1554                 user-select: none;
1555         font-size: 1.1em;
1556         padding: 0.75em;
1557 }
1558 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
1559         padding-right: 1.5em;
1560 }
1561 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1562         opacity: 0.5;
1563 }
1564 .oo-ui-outlineOptionWidget-level-0 {
1565         padding-left: 3.5em;
1566 }
1567 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
1568         left: 1em;
1569 }
1570 .oo-ui-outlineOptionWidget-level-1 {
1571         padding-left: 5em;
1572 }
1573 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
1574         left: 2.5em;
1575 }
1576 .oo-ui-outlineOptionWidget-level-2 {
1577         padding-left: 6.5em;
1578 }
1579 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
1580         left: 4em;
1581 }
1582 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
1583         background-color: #a7dcff;
1584         text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
1585 }
1586 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
1587         font-weight: bold;
1588 }
1589 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-placeholder {
1590         font-style: italic;
1591 }
1592 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
1593         opacity: 0.5;
1594 }
1595 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
1596         color: #777777;
1597 }
1598 .oo-ui-outlineControlsWidget {
1599         height: 3em;
1600         background-color: #ffffff;
1601 }
1602 .oo-ui-outlineControlsWidget-items,
1603 .oo-ui-outlineControlsWidget-movers {
1604         float: left;
1605         -webkit-box-sizing: border-box;
1606            -moz-box-sizing: border-box;
1607                 box-sizing: border-box;
1608 }
1609 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
1610         float: left;
1611         background-position: right center;
1612         background-repeat: no-repeat;
1613 }
1614 .oo-ui-outlineControlsWidget-items {
1615         float: left;
1616 }
1617 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
1618         float: left;
1619 }
1620 .oo-ui-outlineControlsWidget-movers {
1621         float: right;
1622 }
1623 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
1624         float: right;
1625 }
1626 .oo-ui-outlineControlsWidget-items,
1627 .oo-ui-outlineControlsWidget-movers {
1628         height: 2em;
1629         margin: 0.5em;
1630         padding: 0;
1631 }
1632 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
1633         width: 1.5em;
1634         height: 2em;
1635         margin: 0.5em 0 0.5em 0.5em;
1636         opacity: 0.2;
1637 }
1638 .oo-ui-outlineControlsWidget-items {
1639         margin-left: 0;
1640 }
1641 .oo-ui-comboBoxWidget {
1642         display: inline-block;
1643         position: relative;
1644         width: 100%;
1645         max-width: 50em;
1646 }
1647 .oo-ui-comboBoxWidget > .oo-ui-selectWidget {
1648         width: 100%;
1649         z-index: 1;
1650 }
1651 .oo-ui-comboBoxWidget-handle {
1652         border: solid 1px rgba(0, 0, 0, 0.1);
1653         border-radius: 0.25em;
1654 }
1655 .oo-ui-comboBoxWidget-handle:hover {
1656         border-color: rgba(0, 0, 0, 0.2);
1657 }
1658 .oo-ui-comboBoxWidget.oo-ui-widget-disabled .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator,
1659 .oo-ui-comboBoxWidget-empty .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1660         cursor: default;
1661         opacity: 0.2;
1662 }
1663 .oo-ui-comboBoxWidget > .oo-ui-selectWidget {
1664         margin-top: -3px;
1665 }
1666 .oo-ui-searchWidget-query {
1667         position: absolute;
1668         top: 0;
1669         left: 0;
1670         right: 0;
1671 }
1672 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1673         width: 100%;
1674 }
1675 .oo-ui-searchWidget-results {
1676         position: absolute;
1677         bottom: 0;
1678         left: 0;
1679         right: 0;
1680         overflow-x: hidden;
1681         overflow-y: auto;
1682 }
1683 .oo-ui-searchWidget-query {
1684         height: 4em;
1685         padding: 0 1em;
1686         box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2);
1687 }
1688 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1689         margin: 0.75em 0;
1690 }
1691 .oo-ui-searchWidget-results {
1692         top: 4em;
1693         padding: 1em;
1694         line-height: 0;
1695 }
1696 .oo-ui-window {
1697         line-height: 1em;
1698 }
1699 .oo-ui-window-frame {
1700         -webkit-box-sizing: border-box;
1701            -moz-box-sizing: border-box;
1702                 box-sizing: border-box;
1703 }
1704 .oo-ui-window-frame > iframe {
1705         width: 100%;
1706         height: 100%;
1707         margin: 0;
1708         padding: 0;
1709 }
1710 .oo-ui-window-content:focus {
1711         outline: none;
1712 }
1713 .oo-ui-window-head,
1714 .oo-ui-window-foot {
1715         -webkit-touch-callout: none;
1716         -webkit-user-select: none;
1717            -moz-user-select: none;
1718             -ms-user-select: none;
1719                 user-select: none;
1720 }
1721 .oo-ui-window-body {
1722         margin: 0;
1723         padding: 0;
1724         background: none;
1725 }
1726 .oo-ui-window-overlay,
1727 .oo-ui-window-inner-overlay {
1728         position: absolute;
1729         top: 0;
1730         /* @noflip */
1731         left: 0;
1732 }
1733 .oo-ui-window,
1734 .oo-ui-window-isolated {
1735         background-color: transparent;
1736         background-image: none;
1737         font-family: sans-serif;
1738         font-size: 0.8em;
1739 }
1740 .oo-ui-dialog-content > .oo-ui-window-head,
1741 .oo-ui-dialog-content > .oo-ui-window-body,
1742 .oo-ui-dialog-content > .oo-ui-window-foot {
1743         position: absolute;
1744         left: 0;
1745         right: 0;
1746         overflow: hidden;
1747         -webkit-box-sizing: border-box;
1748            -moz-box-sizing: border-box;
1749                 box-sizing: border-box;
1750 }
1751 .oo-ui-dialog-content > .oo-ui-window-head {
1752         z-index: 1;
1753         top: 0;
1754 }
1755 .oo-ui-dialog-content > .oo-ui-window-body {
1756         z-index: 2;
1757         top: 0;
1758         bottom: 0;
1759 }
1760 .oo-ui-dialog-content > .oo-ui-window-foot {
1761         z-index: 1;
1762         bottom: 0;
1763 }
1764 .oo-ui-dialog-content > .oo-ui-window-inner-overlay {
1765         z-index: 3;
1766 }
1767 .oo-ui-dialog-content > .oo-ui-window-body {
1768         box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25);
1769 }
1770 .oo-ui-messageDialog-actions-horizontal {
1771         display: table;
1772         table-layout: fixed;
1773         width: 100%;
1774 }
1775 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
1776         display: table-cell;
1777         width: 1%;
1778 }
1779 .oo-ui-messageDialog-actions-vertical {
1780         display: block;
1781 }
1782 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
1783         display: block;
1784         overflow: hidden;
1785         text-overflow: ellipsis;
1786 }
1787 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
1788         position: relative;
1789         text-align: center;
1790 }
1791 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
1792         display: block;
1793 }
1794 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
1795         position: relative;
1796         top: auto;
1797         bottom: auto;
1798         display: inline;
1799         white-space: nowrap;
1800 }
1801 .oo-ui-messageDialog-content .oo-ui-window-body {
1802         box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33);
1803 }
1804 .oo-ui-messageDialog-title,
1805 .oo-ui-messageDialog-message {
1806         display: block;
1807         text-align: center;
1808         padding-top: 0.5em;
1809 }
1810 .oo-ui-messageDialog-title {
1811         font-size: 1.5em;
1812         line-height: 1em;
1813         color: #000000;
1814 }
1815 .oo-ui-messageDialog-message {
1816         font-size: 0.9em;
1817         line-height: 1.25em;
1818         color: #666666;
1819 }
1820 .oo-ui-messageDialog-message-verbose {
1821         font-size: 1.1em;
1822         line-height: 1.5em;
1823         text-align: left;
1824 }
1825 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
1826         border-right: solid 1px #e5e5e5;
1827 }
1828 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
1829         border-right-width: 0;
1830 }
1831 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
1832         border-bottom: solid 1px #e5e5e5;
1833 }
1834 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
1835         border-bottom-width: 0;
1836 }
1837 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
1838         text-align: center;
1839         line-height: 3.4em;
1840         padding: 0 2em;
1841 }
1842 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
1843         background-color: rgba(0, 0, 0, 0.05);
1844 }
1845 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
1846         background-color: rgba(0, 0, 0, 0.1);
1847 }
1848 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover {
1849         background-color: rgba(8, 126, 204, 0.05);
1850 }
1851 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active {
1852         background-color: rgba(8, 126, 204, 0.1);
1853 }
1854 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label {
1855         font-weight: bold;
1856 }
1857 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
1858         background-color: rgba(118, 171, 54, 0.05);
1859 }
1860 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
1861         background-color: rgba(118, 171, 54, 0.1);
1862 }
1863 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
1864         background-color: rgba(212, 83, 83, 0.05);
1865 }
1866 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
1867         background-color: rgba(212, 83, 83, 0.1);
1868 }
1869 .oo-ui-processDialog-location {
1870         overflow: hidden;
1871         text-overflow: ellipsis;
1872         white-space: nowrap;
1873 }
1874 .oo-ui-processDialog-title {
1875         display: inline;
1876         padding: 0;
1877 }
1878 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget,
1879 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget,
1880 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
1881         white-space: nowrap;
1882 }
1883 .oo-ui-processDialog-actions-safe,
1884 .oo-ui-processDialog-actions-primary {
1885         position: absolute;
1886         top: 0;
1887         bottom: 0;
1888 }
1889 .oo-ui-processDialog-actions-safe {
1890         left: 0;
1891 }
1892 .oo-ui-processDialog-actions-primary {
1893         right: 0;
1894 }
1895 .oo-ui-processDialog-errors {
1896         display: none;
1897         position: absolute;
1898         top: 0;
1899         left: 0;
1900         right: 0;
1901         bottom: 0;
1902         z-index: 2;
1903         overflow-x: hidden;
1904         overflow-y: auto;
1905 }
1906 .oo-ui-processDialog-content .oo-ui-window-head {
1907         height: 3.4em;
1908 }
1909 .oo-ui-processDialog-content .oo-ui-window-head.oo-ui-pendingElement-pending {
1910         background-image: /* @embed */ url(themes/apex/images/textures/pending.gif);
1911 }
1912 .oo-ui-processDialog-content .oo-ui-window-body {
1913         top: 3.4em;
1914         box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33);
1915 }
1916 .oo-ui-processDialog-navigation {
1917         position: relative;
1918         height: 3.4em;
1919         padding: 0 1em;
1920 }
1921 .oo-ui-processDialog-location {
1922         padding: 0.75em 0;
1923         height: 1.9em;
1924         cursor: default;
1925         text-align: center;
1926 }
1927 .oo-ui-processDialog-title {
1928         font-weight: bold;
1929         line-height: 1.9em;
1930 }
1931 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button,
1932 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button,
1933 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
1934         padding-top: 0.75em;
1935         padding-bottom: 0.75em;
1936         min-width: 1.9em;
1937         min-height: 1.9em;
1938 }
1939 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labelElement-label,
1940 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labelElement-label,
1941 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
1942         line-height: 1.9em;
1943         padding: 0 1em;
1944 }
1945 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-iconElement-icon,
1946 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-iconElement-icon,
1947 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-iconElement-icon {
1948         position: absolute;
1949         margin-top: -0.125em;
1950 }
1951 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed,
1952 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed,
1953 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
1954         margin: 0.75em 0 0.75em 0.75em;
1955 }
1956 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
1957 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
1958 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
1959         padding: 0;
1960         vertical-align: middle;
1961 }
1962 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:hover,
1963 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover {
1964         background-color: rgba(0, 0, 0, 0.05);
1965 }
1966 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:active,
1967 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active {
1968         background-color: rgba(0, 0, 0, 0.1);
1969 }
1970 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed,
1971 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed {
1972         margin: 0.75em;
1973 }
1974 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
1975 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
1976         /* Adjust for border so text aligns with title */
1977         margin: -1px;
1978 }
1979 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover,
1980 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover {
1981         background-color: rgba(8, 126, 204, 0.05);
1982 }
1983 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active,
1984 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active {
1985         background-color: rgba(8, 126, 204, 0.1);
1986 }
1987 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label,
1988 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label {
1989         font-weight: bold;
1990 }
1991 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover,
1992 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
1993         background-color: rgba(118, 171, 54, 0.05);
1994 }
1995 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active,
1996 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
1997         background-color: rgba(118, 171, 54, 0.1);
1998 }
1999 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover,
2000 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
2001         background-color: rgba(212, 83, 83, 0.05);
2002 }
2003 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active,
2004 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
2005         background-color: rgba(212, 83, 83, 0.1);
2006 }
2007 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
2008         left: 0.5em;
2009 }
2010 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label {
2011         padding-left: 2.25em;
2012 }
2013 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
2014         right: 0.5em;
2015 }
2016 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label {
2017         padding-right: 2.25em;
2018 }
2019 .oo-ui-processDialog > .oo-ui-window-frame {
2020         min-height: 5em;
2021 }
2022 .oo-ui-processDialog-errors {
2023         background-color: rgba(255, 255, 255, 0.9);
2024         padding: 3em 3em 1.5em 3em;
2025         text-align: center;
2026 }
2027 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
2028         margin: 2em 1em 2em 1em;
2029 }
2030 .oo-ui-processDialog-errors-title {
2031         font-size: 1.5em;
2032         color: #000000;
2033         margin-bottom: 2em;
2034 }
2035 .oo-ui-processDialog-error {
2036         text-align: left;
2037         margin: 1em;
2038         padding: 1em;
2039         border: solid 1px #ff9e9e;
2040         background-color: #fff7f7;
2041         border-radius: 0.25em;
2042 }
2043 .oo-ui-windowManager-modal > .oo-ui-dialog {
2044         position: fixed;
2045         width: 0;
2046         height: 0;
2047         overflow: hidden;
2048 }
2049 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-load {
2050         width: auto;
2051         height: auto;
2052         top: 0;
2053         right: 0;
2054         bottom: 0;
2055         left: 0;
2056         padding: 1em;
2057 }
2058 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
2059         position: absolute;
2060         right: 0;
2061         left: 0;
2062         margin: auto;
2063         overflow: hidden;
2064         max-width: 100%;
2065         max-height: 100%;
2066         visibility: visible;
2067 }
2068 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame > iframe {
2069         width: 100%;
2070         height: 100%;
2071 }
2072 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
2073         visibility: hidden;
2074 }
2075 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
2076         width: 100%;
2077         height: 100%;
2078         top: 0;
2079         bottom: 0;
2080 }
2081 .oo-ui-windowManager-modal > .oo-ui-dialog {
2082         background-color: rgba(255, 255, 255, 0.5);
2083         opacity: 0;
2084         -webkit-transition: opacity 250ms ease-in-out;
2085            -moz-transition: opacity 250ms ease-in-out;
2086             -ms-transition: opacity 250ms ease-in-out;
2087              -o-transition: opacity 250ms ease-in-out;
2088                 transition: opacity 250ms ease-in-out;
2089 }
2090 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
2091         top: 1em;
2092         bottom: 1em;
2093         background-color: #ffffff;
2094         -webkit-transform: scale(0.5);
2095            -moz-transform: scale(0.5);
2096             -ms-transform: scale(0.5);
2097              -o-transform: scale(0.5);
2098                 transform: scale(0.5);
2099         -webkit-transition: all 250ms ease-in-out;
2100            -moz-transition: all 250ms ease-in-out;
2101             -ms-transition: all 250ms ease-in-out;
2102              -o-transition: all 250ms ease-in-out;
2103                 transition: all 250ms ease-in-out;
2104 }
2105 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-load {
2106         opacity: 1;
2107 }
2108 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
2109         -webkit-transform: scale(1);
2110            -moz-transform: scale(1);
2111             -ms-transform: scale(1);
2112              -o-transform: scale(1);
2113                 transform: scale(1);
2114 }
2115 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
2116         border: solid 1px #cccccc;
2117         border-radius: 0.5em;
2118         box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3);
2119 }
2120
2121 .oo-ui-icon-add {
2122         background-image: /* @embed */ url(themes/apex/images/icons/add.png);
2123 }
2124 .oo-ui-icon-advanced {
2125         background-image: /* @embed */ url(themes/apex/images/icons/advanced.png);
2126 }
2127 .oo-ui-icon-alert {
2128         background-image: /* @embed */ url(themes/apex/images/icons/alert.png);
2129 }
2130 .oo-ui-icon-check {
2131         background-image: /* @embed */ url(themes/apex/images/icons/check.png);
2132 }
2133 .oo-ui-icon-clear {
2134         background-image: /* @embed */ url(themes/apex/images/icons/clear.png);
2135 }
2136 .oo-ui-icon-close {
2137         background-image: /* @embed */ url(themes/apex/images/icons/close.png);
2138 }
2139 .oo-ui-icon-code {
2140         background-image: /* @embed */ url(themes/apex/images/icons/code.png);
2141 }
2142 .oo-ui-icon-collapse {
2143         background-image: /* @embed */ url(themes/apex/images/icons/collapse.png);
2144 }
2145 .oo-ui-icon-comment {
2146         background-image: /* @embed */ url(themes/apex/images/icons/comment.png);
2147 }
2148 .oo-ui-icon-expand {
2149         background-image: /* @embed */ url(themes/apex/images/icons/expand.png);
2150 }
2151 .oo-ui-icon-help {
2152         background-image: /* @embed */ url(themes/apex/images/icons/help.png);
2153 }
2154 .oo-ui-icon-info {
2155         background-image: /* @embed */ url(themes/apex/images/icons/info.png);
2156 }
2157 .oo-ui-icon-link {
2158         background-image: /* @embed */ url(themes/apex/images/icons/link.png);
2159 }
2160 .oo-ui-icon-menu {
2161         background-image: /* @embed */ url(themes/apex/images/icons/menu.png);
2162 }
2163 .oo-ui-icon-next {
2164         background-image: /* @embed */ url(themes/apex/images/icons/move-ltr.png);
2165 }
2166 .oo-ui-icon-picture {
2167         background-image: /* @embed */ url(themes/apex/images/icons/picture.png);
2168 }
2169 .oo-ui-icon-previous {
2170         background-image: /* @embed */ url(themes/apex/images/icons/move-rtl.png);
2171 }
2172 .oo-ui-icon-redo {
2173         background-image: /* @embed */ url(themes/apex/images/icons/arched-arrow-ltr.png);
2174 }
2175 .oo-ui-icon-remove {
2176         background-image: /* @embed */ url(themes/apex/images/icons/remove.png);
2177 }
2178 .oo-ui-icon-search {
2179         background-image: /* @embed */ url(themes/apex/images/icons/search.png);
2180 }
2181 .oo-ui-icon-settings {
2182         background-image: /* @embed */ url(themes/apex/images/icons/settings.png);
2183 }
2184 .oo-ui-icon-tag {
2185         background-image: /* @embed */ url(themes/apex/images/icons/tag.png);
2186 }
2187 .oo-ui-icon-undo {
2188         background-image: /* @embed */ url(themes/apex/images/icons/arched-arrow-rtl.png);
2189 }
2190 .oo-ui-icon-window {
2191         background-image: /* @embed */ url(themes/apex/images/icons/window.png);
2192 }
2193 .oo-ui-indicator-alert {
2194         background-image: /* @embed */ url(themes/apex/images/indicators/alert.png);
2195 }
2196 .oo-ui-indicator-up {
2197         background-image: /* @embed */ url(themes/apex/images/indicators/arrow-up.png);
2198 }
2199 .oo-ui-indicator-down {
2200         background-image: /* @embed */ url(themes/apex/images/indicators/arrow-down.png);
2201 }
2202 .oo-ui-indicator-next {
2203         background-image: /* @embed */ url(themes/apex/images/indicators/arrow-ltr.png);
2204 }
2205 .oo-ui-indicator-previous {
2206         background-image: /* @embed */ url(themes/apex/images/indicators/arrow-rtl.png);
2207 }
2208 .oo-ui-indicator-required {
2209         background-image: /* @embed */ url(themes/apex/images/indicators/required.png);
2210 }
2211 .oo-ui-texture-pending {
2212         background-image: /* @embed */ url(themes/apex/images/textures/pending.gif);
2213 }
2214 .oo-ui-texture-transparency {
2215         background-image: /* @embed */ url(themes/apex/images/textures/transparency.png);
2216 }