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

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