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

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