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

   1 /*!
   2  * OOjs UI v0.12.4
   3  * https://www.mediawiki.org/wiki/OOjs_UI
   4  *
   5  * Copyright 2011–2015 OOjs UI Team and other contributors.
   6  * Released under the MIT license
   7  * http://oojs.mit-license.org
   8  *
   9  * Date: 2015-08-13T21:01:12Z
  10  */
  11 @-webkit-keyframes oo-ui-progressBarWidget-slide {
  12         from {
  13                 margin-left: -40%;
  14         }
  15         to {
  16                 margin-left: 100%;
  17         }
  18 }
  19 @-moz-keyframes oo-ui-progressBarWidget-slide {
  20         from {
  21                 margin-left: -40%;
  22         }
  23         to {
  24                 margin-left: 100%;
  25         }
  26 }
  27 @-ms-keyframes oo-ui-progressBarWidget-slide {
  28         from {
  29                 margin-left: -40%;
  30         }
  31         to {
  32                 margin-left: 100%;
  33         }
  34 }
  35 @-o-keyframes oo-ui-progressBarWidget-slide {
  36         from {
  37                 margin-left: -40%;
  38         }
  39         to {
  40                 margin-left: 100%;
  41         }
  42 }
  43 @keyframes oo-ui-progressBarWidget-slide {
  44         from {
  45                 margin-left: -40%;
  46         }
  47         to {
  48                 margin-left: 100%;
  49         }
  50 }
  51 /* @noflip */
  52 .oo-ui-rtl {
  53         direction: rtl;
  54 }
  55 /* @noflip */
  56 .oo-ui-ltr {
  57         direction: ltr;
  58 }
  59 .oo-ui-element-hidden {
  60         display: none !important;
  61 }
  62 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
  63         cursor: pointer;
  64         display: inline-block;
  65         vertical-align: middle;
  66         font: inherit;
  67         white-space: nowrap;
  68         -webkit-touch-callout: none;
  69         -webkit-user-select: none;
  70            -moz-user-select: none;
  71             -ms-user-select: none;
  72                 user-select: none;
  73 }
  74 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
  75 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
  76         display: none;
  77 }
  78 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
  79         cursor: default;
  80 }
  81 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
  82 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
  83         display: inline-block;
  84         vertical-align: middle;
  85         background-position: center center;
  86         background-repeat: no-repeat;
  87 }
  88 .oo-ui-buttonElement-frameless {
  89         display: inline-block;
  90         position: relative;
  91 }
  92 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  93         display: inline-block;
  94         vertical-align: middle;
  95 }
  96 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
  97         display: inline-block;
  98         vertical-align: top;
  99         text-align: center;
 100 }
 101 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 102         display: inline-block;
 103         vertical-align: middle;
 104 }
 105 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
 106 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
 107 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
 108         cursor: default;
 109 }
 110 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
 111         color: #333333;
 112 }
 113 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 114         margin-left: 0;
 115 }
 116 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
 117         width: 0.9375em;
 118         height: 0.9375em;
 119         margin: 0.46875em;
 120 }
 121 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
 122         margin-left: 0.46875em;
 123 }
 124 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 125         width: 1.875em;
 126         height: 1.875em;
 127 }
 128 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 129         /* Don't animate opacities for now, causes wiggling in Chrome (bug 63020) */
 130         /*.oo-ui-transition(opacity 200ms);*/
 131 }
 132 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover,
 133 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus {
 134         outline: none;
 135 }
 136 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon,
 137 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-iconElement-icon {
 138         opacity: 1;
 139 }
 140 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label,
 141 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
 142         color: #000000;
 143 }
 144 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 145         color: #333333;
 146 }
 147 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 148         margin-left: 0.25em;
 149 }
 150 .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button {
 151         padding-left: 0.25em;
 152         color: #333333;
 153 }
 154 .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button:hover,
 155 .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button:focus {
 156         color: #000000;
 157 }
 158 .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 159         color: #087ecc;
 160 }
 161 .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 162         color: #76ab36;
 163 }
 164 .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 165         color: #d45353;
 166 }
 167 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 168         opacity: 0.2;
 169 }
 170 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 171         color: #cccccc;
 172 }
 173 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
 174         margin: 0.1em 0;
 175         padding: 0.2em 0.8em;
 176         border-radius: 0.3em;
 177         text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
 178         border: 1px #c9c9c9 solid;
 179         -webkit-transition: border-color 100ms ease-in-out;
 180            -moz-transition: border-color 100ms ease-in-out;
 181             -ms-transition: border-color 100ms ease-in-out;
 182              -o-transition: border-color 100ms ease-in-out;
 183                 transition: border-color 100ms ease-in-out;
 184         background: #eeeeee;
 185         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dddddd');
 186         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
 187         background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%);
 188         background-image:    -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
 189         background-image:      -o-linear-gradient(top, #ffffff 0%, #dddddd 100%);
 190         background-image:         linear-gradient(to bottom, #ffffff 0%, #dddddd 100%);
 191 }
 192 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover,
 193 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus {
 194         border-color: #aaaaaa;
 195         outline: none;
 196 }
 197 .oo-ui-buttonElement-framed > input.oo-ui-buttonElement-button,
 198 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 199         line-height: 1.875em;
 200 }
 201 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
 202 .oo-ui-buttonElement-framed.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
 203 .oo-ui-buttonElement-framed.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
 204         box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07);
 205         color: black;
 206         border-color: #c9c9c9;
 207         background: #eeeeee;
 208         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dddddd', endColorstr='#ffffff');
 209         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff));
 210         background-image: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%);
 211         background-image:    -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%);
 212         background-image:      -o-linear-gradient(top, #dddddd 0%, #ffffff 100%);
 213         background-image:         linear-gradient(to bottom, #dddddd 0%, #ffffff 100%);
 214 }
 215 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 216         margin-left: -0.5em;
 217         margin-right: -0.5em;
 218 }
 219 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 220         margin-right: 0.3em;
 221 }
 222 .oo-ui-buttonElement-framed.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
 223         /* -0.5 - 0.475 */
 224         margin-left: -0.005em;
 225         margin-right: -0.005em;
 226 }
 227 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
 228 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-iconElement:not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
 229         margin-left: 0.46875em;
 230         margin-right: -0.275em;
 231 }
 232 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
 233         border: 1px solid #a6cee1;
 234         background: #cde7f4;
 235         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#eaf4fa', endColorstr='#b0d9ee');
 236         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #eaf4fa), color-stop(100%, #b0d9ee));
 237         background-image: -webkit-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
 238         background-image:    -moz-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
 239         background-image:      -o-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
 240         background-image:         linear-gradient(to bottom, #eaf4fa 0%, #b0d9ee 100%);
 241 }
 242 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
 243 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
 244         border-color: #9dc2d4;
 245 }
 246 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
 247 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
 248 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
 249         border: 1px solid #a6cee1;
 250         background: #cde7f4;
 251         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b0d9ee', endColorstr='#eaf4fa');
 252         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #b0d9ee), color-stop(100%, #eaf4fa));
 253         background-image: -webkit-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
 254         background-image:    -moz-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
 255         background-image:      -o-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
 256         background-image:         linear-gradient(to bottom, #b0d9ee 0%, #eaf4fa 100%);
 257 }
 258 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
 259         border: 1px solid #b8d892;
 260         background: #daf0be;
 261         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f0fbe1', endColorstr='#c3e59a');
 262         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f0fbe1), color-stop(100%, #c3e59a));
 263         background-image: -webkit-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
 264         background-image:    -moz-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
 265         background-image:      -o-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
 266         background-image:         linear-gradient(to bottom, #f0fbe1 0%, #c3e59a 100%);
 267 }
 268 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover,
 269 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
 270         border-color: #adcb89;
 271 }
 272 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
 273 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
 274 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
 275         border: 1px solid #b8d892;
 276         background: #daf0be;
 277         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#c3e59a', endColorstr='#f0fbe1');
 278         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #c3e59a), color-stop(100%, #f0fbe1));
 279         background-image: -webkit-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%);
 280         background-image:    -moz-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%);
 281         background-image:      -o-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%);
 282         background-image:         linear-gradient(to bottom, #c3e59a 0%, #f0fbe1 100%);
 283 }
 284 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
 285         color: #d45353;
 286 }
 287 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
 288 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
 289 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
 290         opacity: 0.5;
 291         -webkit-transform: translate3d(0, 0, 0);
 292         box-shadow: none;
 293         color: #333333;
 294         background: #eeeeee;
 295         border-color: #cccccc;
 296 }
 297 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover,
 298 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:hover,
 299 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:hover,
 300 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:focus,
 301 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus,
 302 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:focus {
 303         border-color: #cccccc;
 304         box-shadow: none;
 305 }
 306 .oo-ui-clippableElement-clippable {
 307         -webkit-box-sizing: border-box;
 308            -moz-box-sizing: border-box;
 309                 box-sizing: border-box;
 310 }
 311 .oo-ui-draggableElement {
 312         cursor: -webkit-grab -moz-grab, url(images/grab.cur), move;
 313         /*
 314          * HACK: In order to style horizontally, we must override
 315          * OO.ui.OptionWidget's display rule that is currently set
 316          * to be 'block'
 317          */
 318 }
 319 .oo-ui-draggableElement-dragging {
 320         cursor: -webkit-grabbing -moz-grabbing, url(images/grabbing.cur), move;
 321         background: rgba(0, 0, 0, 0.2);
 322         opacity: 0.4;
 323 }
 324 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement.oo-ui-optionWidget {
 325         display: inline-block;
 326 }
 327 .oo-ui-draggableGroupElement-placeholder {
 328         position: absolute;
 329         display: block;
 330         background: rgba(0, 0, 0, 0.4);
 331 }
 332 .oo-ui-iconElement .oo-ui-iconElement-icon,
 333 .oo-ui-iconElement.oo-ui-iconElement-icon {
 334         opacity: 0.8;
 335         background-size: contain;
 336         background-position: center center;
 337 }
 338 .oo-ui-indicatorElement .oo-ui-indicatorElement-indicator,
 339 .oo-ui-indicatorElement.oo-ui-indicatorElement-indicator {
 340         opacity: 0.8;
 341         background-size: contain;
 342         background-position: center center;
 343 }
 344 .oo-ui-lookupElement > .oo-ui-menuSelectWidget {
 345         z-index: 1;
 346         width: 100%;
 347 }
 348 .oo-ui-pendingElement-pending {
 349         background-image: /* @embed */ url(themes/apex/images/textures/pending.gif);
 350 }
 351 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
 352         overflow-y: hidden;
 353 }
 354 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
 355         width: 100%;
 356         -webkit-box-sizing: border-box;
 357            -moz-box-sizing: border-box;
 358                 box-sizing: border-box;
 359 }
 360 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable {
 361         overflow-y: auto;
 362 }
 363 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded {
 364         padding: 2em;
 365 }
 366 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
 367         position: absolute;
 368         top: 0;
 369         left: 0;
 370         right: 0;
 371         bottom: 3em;
 372         overflow-y: auto;
 373 }
 374 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
 375         position: absolute;
 376         bottom: 0;
 377         left: 0;
 378         right: 0;
 379 }
 380 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
 381         padding: 1.5em;
 382 }
 383 .oo-ui-bookletLayout-outlinePanel {
 384         border-right: 1px solid #dddddd;
 385 }
 386 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
 387         box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25);
 388 }
 389 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
 390         height: 3em;
 391 }
 392 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
 393         top: 3em;
 394 }
 395 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
 396         padding: 1.5em;
 397 }
 398 .oo-ui-fieldLayout {
 399         display: block;
 400         margin-bottom: 1em;
 401 }
 402 .oo-ui-fieldLayout:before,
 403 .oo-ui-fieldLayout:after {
 404         content: " ";
 405         display: table;
 406 }
 407 .oo-ui-fieldLayout:after {
 408         clear: both;
 409 }
 410 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
 411 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
 412 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
 413 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
 414         display: block;
 415         float: left;
 416 }
 417 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
 418         text-align: right;
 419 }
 420 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
 421         display: table;
 422 }
 423 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
 424 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
 425         display: table-cell;
 426         vertical-align: middle;
 427 }
 428 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
 429         display: inline-block;
 430 }
 431 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help {
 432         float: right;
 433 }
 434 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
 435         z-index: 1;
 436 }
 437 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help .oo-ui-fieldLayout-help-content {
 438         padding: 0.5em 0.75em;
 439         line-height: 1.5em;
 440 }
 441 .oo-ui-fieldLayout:last-child {
 442         margin-bottom: 0;
 443 }
 444 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
 445 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
 446         padding-top: 0.5em;
 447         margin-right: 5%;
 448         width: 35%;
 449 }
 450 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
 451 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
 452         width: 60%;
 453 }
 454 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
 455         padding: 0.5em;
 456 }
 457 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
 458         padding: 0.5em 0;
 459 }
 460 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
 461         padding: 0.5em 0;
 462 }
 463 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget {
 464         margin-right: 0;
 465         margin-top: 0.25em;
 466 }
 467 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget:last-child {
 468         margin-right: 0;
 469 }
 470 .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
 471         color: #cccccc;
 472 }
 473 .oo-ui-fieldLayout-messages {
 474         list-style: none none;
 475         margin: 0;
 476         padding: 0;
 477         margin-top: 0.25em;
 478         margin-left: 0.25em;
 479 }
 480 .oo-ui-fieldLayout-messages > li {
 481         margin: 0;
 482         padding: 0;
 483 }
 484 .oo-ui-fieldLayout-messages .oo-ui-iconWidget {
 485         display: none;
 486 }
 487 .oo-ui-fieldLayout-messages .oo-ui-fieldLayout-messages-error {
 488         color: #d45353;
 489 }
 490 .oo-ui-fieldLayout-messages .oo-ui-labelWidget {
 491         padding: 0;
 492         line-height: 1.875em;
 493         vertical-align: middle;
 494 }
 495 .oo-ui-actionFieldLayout-input,
 496 .oo-ui-actionFieldLayout-button {
 497         display: table-cell;
 498         vertical-align: middle;
 499 }
 500 .oo-ui-actionFieldLayout-input {
 501         padding-right: 1em;
 502 }
 503 .oo-ui-actionFieldLayout-button {
 504         width: 1%;
 505         white-space: nowrap;
 506 }
 507 .oo-ui-fieldsetLayout {
 508         position: relative;
 509         margin: 0;
 510         padding: 0;
 511         border: none;
 512 }
 513 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
 514         display: block;
 515         position: absolute;
 516         background-position: center center;
 517         background-repeat: no-repeat;
 518 }
 519 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
 520         display: inline-block;
 521 }
 522 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help {
 523         float: right;
 524 }
 525 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
 526         z-index: 1;
 527 }
 528 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help .oo-ui-fieldsetLayout-help-content {
 529         padding: 0.5em 0.75em;
 530         line-height: 1.5em;
 531 }
 532 .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout,
 533 .oo-ui-fieldsetLayout + .oo-ui-formLayout {
 534         margin-top: 2em;
 535 }
 536 .oo-ui-fieldsetLayout > .oo-ui-labelElement-label {
 537         font-size: 1.1em;
 538         margin-bottom: 0.5em;
 539         padding: 0.25em 0;
 540         font-weight: bold;
 541 }
 542 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label {
 543         padding-left: 2em;
 544         line-height: 1.8em;
 545 }
 546 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
 547         left: 0;
 548         top: 0.25em;
 549         width: 1.875em;
 550         height: 1.875em;
 551 }
 552 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget {
 553         margin-right: 0;
 554 }
 555 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget:last-child {
 556         margin-right: 0;
 557 }
 558 .oo-ui-formLayout + .oo-ui-fieldsetLayout,
 559 .oo-ui-formLayout + .oo-ui-formLayout {
 560         margin-top: 2em;
 561 }
 562 .oo-ui-menuLayout {
 563         position: absolute;
 564         top: 0;
 565         left: 0;
 566         right: 0;
 567         bottom: 0;
 568 }
 569 .oo-ui-menuLayout-menu,
 570 .oo-ui-menuLayout-content {
 571         position: absolute;
 572         -webkit-transition: all ease-in-out 200ms;
 573            -moz-transition: all ease-in-out 200ms;
 574             -ms-transition: all ease-in-out 200ms;
 575              -o-transition: all ease-in-out 200ms;
 576                 transition: all ease-in-out 200ms;
 577 }
 578 .oo-ui-menuLayout-menu {
 579         height: 18em;
 580         width: 18em;
 581 }
 582 .oo-ui-menuLayout-content {
 583         top: 18em;
 584         left: 18em;
 585         right: 18em;
 586         bottom: 18em;
 587 }
 588 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu .oo-ui-menuLayout-menu {
 589         width: 0 !important;
 590         height: 0 !important;
 591         overflow: hidden;
 592 }
 593 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu .oo-ui-menuLayout-content {
 594         top: 0 !important;
 595         left: 0 !important;
 596         right: 0 !important;
 597         bottom: 0 !important;
 598 }
 599 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top .oo-ui-menuLayout-menu {
 600         width: auto !important;
 601         left: 0;
 602         top: 0;
 603         right: 0;
 604 }
 605 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top .oo-ui-menuLayout-content {
 606         right: 0 !important;
 607         bottom: 0 !important;
 608         left: 0 !important;
 609 }
 610 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after .oo-ui-menuLayout-menu {
 611         height: auto !important;
 612         top: 0;
 613         right: 0;
 614         bottom: 0;
 615 }
 616 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after .oo-ui-menuLayout-content {
 617         bottom: 0 !important;
 618         left: 0 !important;
 619         top: 0 !important;
 620 }
 621 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom .oo-ui-menuLayout-menu {
 622         width: auto !important;
 623         right: 0;
 624         bottom: 0;
 625         left: 0;
 626 }
 627 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom .oo-ui-menuLayout-content {
 628         left: 0 !important;
 629         top: 0 !important;
 630         right: 0 !important;
 631 }
 632 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before .oo-ui-menuLayout-menu {
 633         height: auto !important;
 634         bottom: 0;
 635         left: 0;
 636         top: 0;
 637 }
 638 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before .oo-ui-menuLayout-content {
 639         top: 0 !important;
 640         right: 0 !important;
 641         bottom: 0 !important;
 642 }
 643 .oo-ui-panelLayout {
 644         position: relative;
 645 }
 646 .oo-ui-panelLayout-scrollable {
 647         overflow-y: auto;
 648 }
 649 .oo-ui-panelLayout-expanded {
 650         position: absolute;
 651         top: 0;
 652         left: 0;
 653         right: 0;
 654         bottom: 0;
 655 }
 656 .oo-ui-panelLayout-padded {
 657         padding: 1.25em;
 658 }
 659 .oo-ui-panelLayout-framed {
 660         border-radius: 0.5em;
 661         box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.25);
 662 }
 663 .oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
 664         margin: 1em 0;
 665 }
 666 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
 667         display: block;
 668         position: relative;
 669 }
 670 .oo-ui-horizontalLayout > .oo-ui-widget {
 671         display: inline-block;
 672         vertical-align: middle;
 673 }
 674 .oo-ui-horizontalLayout > .oo-ui-layout {
 675         display: inline-block;
 676 }
 677 .oo-ui-horizontalLayout > .oo-ui-widget {
 678         margin-right: 0.5em;
 679 }
 680 .oo-ui-horizontalLayout > .oo-ui-widget:last-child {
 681         margin-right: 0;
 682 }
 683 .oo-ui-popupTool .oo-ui-popupWidget-popup,
 684 .oo-ui-popupTool .oo-ui-popupWidget-anchor {
 685         z-index: 4;
 686 }
 687 .oo-ui-popupTool .oo-ui-popupWidget {
 688         /* @noflip */
 689         margin-left: 1.25em;
 690 }
 691 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup {
 692         border: 0;
 693         border-radius: 0;
 694         margin: 0;
 695 }
 696 .oo-ui-toolGroupTool:first-child > .oo-ui-popupToolGroup {
 697         border-top-left-radius: 0.3125em;
 698         border-bottom-left-radius: 0.3125em;
 699 }
 700 .oo-ui-toolGroupTool:last-child > .oo-ui-popupToolGroup {
 701         border-top-right-radius: 0.3125em;
 702         border-bottom-right-radius: 0.3125em;
 703 }
 704 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle {
 705         height: 1.875em;
 706         padding: 0.3125em;
 707 }
 708 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
 709         height: 1.875em;
 710         width: 1.875em;
 711 }
 712 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup.oo-ui-labelElement > .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
 713         line-height: 2.1em;
 714 }
 715 .oo-ui-toolGroup {
 716         display: inline-block;
 717         vertical-align: middle;
 718         margin: 0.375em;
 719         border-radius: 0.3125em;
 720         border: 1px solid transparent;
 721         -webkit-transition: border-color 300ms ease-in-out;
 722            -moz-transition: border-color 300ms ease-in-out;
 723             -ms-transition: border-color 300ms ease-in-out;
 724              -o-transition: border-color 300ms ease-in-out;
 725                 transition: border-color 300ms ease-in-out;
 726 }
 727 .oo-ui-toolGroup-empty {
 728         display: none;
 729 }
 730 .oo-ui-toolGroup .oo-ui-tool-link {
 731         text-decoration: none;
 732 }
 733 .oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
 734         background-position: center center;
 735         background-repeat: no-repeat;
 736 }
 737 .oo-ui-toolbar-narrow .oo-ui-toolGroup + .oo-ui-toolGroup {
 738         margin-left: 0;
 739 }
 740 .oo-ui-toolGroup.oo-ui-widget-enabled:hover {
 741         border-color: rgba(0, 0, 0, 0.1);
 742 }
 743 .oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
 744         color: #000000;
 745 }
 746 .oo-ui-barToolGroup > .oo-ui-iconElement-icon,
 747 .oo-ui-barToolGroup > .oo-ui-labelElement-label {
 748         display: none;
 749 }
 750 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
 751         cursor: pointer;
 752 }
 753 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool {
 754         display: inline-block;
 755         position: relative;
 756         vertical-align: top;
 757 }
 758 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
 759         display: block;
 760 }
 761 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-accel {
 762         display: none;
 763 }
 764 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-iconElement-icon {
 765         display: inline-block;
 766         vertical-align: top;
 767 }
 768 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-tool-title {
 769         display: none;
 770 }
 771 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement.oo-ui-tool-with-label > .oo-ui-tool-link .oo-ui-tool-title {
 772         display: inline;
 773 }
 774 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link {
 775         cursor: default;
 776 }
 777 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool {
 778         margin: -1px 0 -1px -1px;
 779         border: 1px solid transparent;
 780 }
 781 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool:first-child {
 782         border-top-left-radius: 0.3125em;
 783         border-bottom-left-radius: 0.3125em;
 784 }
 785 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool:last-child {
 786         margin-right: -1px;
 787         border-top-right-radius: 0.3125em;
 788         border-bottom-right-radius: 0.3125em;
 789 }
 790 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
 791         height: 1.875em;
 792         padding: 0.3125em;
 793 }
 794 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon {
 795         height: 1.875em;
 796         width: 1.875em;
 797 }
 798 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
 799         line-height: 2.1em;
 800 }
 801 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover {
 802         border-color: rgba(0, 0, 0, 0.2);
 803 }
 804 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled {
 805         border-color: rgba(0, 0, 0, 0.2);
 806         box-shadow: inset 0 0.0875em 0.0875em 0 rgba(0, 0, 0, 0.07);
 807         background: #f8fbfd;
 808         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff');
 809         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff));
 810         background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 811         background-image:    -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 812         background-image:      -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 813         background-image:         linear-gradient(to bottom, #f1f7fb 0%, #ffffff 100%);
 814 }
 815 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
 816         border-left-color: rgba(0, 0, 0, 0.1);
 817 }
 818 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-tool-title {
 819         color: #cccccc;
 820 }
 821 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-iconElement-icon {
 822         opacity: 0.2;
 823 }
 824 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover > .oo-ui-tool-link .oo-ui-iconElement-icon {
 825         opacity: 1;
 826 }
 827 .oo-ui-barToolGroup.oo-ui-widget-disabled > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
 828         color: #cccccc;
 829 }
 830 .oo-ui-barToolGroup.oo-ui-widget-disabled > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon {
 831         opacity: 0.2;
 832 }
 833 .oo-ui-popupToolGroup {
 834         position: relative;
 835         height: 2.5em;
 836         min-width: 2.5em;
 837 }
 838 .oo-ui-popupToolGroup-handle {
 839         display: block;
 840         cursor: pointer;
 841 }
 842 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator,
 843 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
 844         position: absolute;
 845         background-position: center center;
 846         background-repeat: no-repeat;
 847 }
 848 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
 849         cursor: default;
 850 }
 851 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
 852         display: none;
 853         position: absolute;
 854         z-index: 4;
 855 }
 856 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconElement-icon {
 857         background-repeat: no-repeat;
 858         background-position: center center;
 859 }
 860 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools {
 861         display: block;
 862 }
 863 .oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools {
 864         left: 0;
 865 }
 866 .oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools {
 867         right: 0;
 868 }
 869 .oo-ui-popupToolGroup .oo-ui-tool-link {
 870         display: table;
 871         width: 100%;
 872         vertical-align: middle;
 873         white-space: nowrap;
 874 }
 875 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon,
 876 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel,
 877 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
 878         display: table-cell;
 879         vertical-align: middle;
 880 }
 881 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel {
 882         text-align: right;
 883 }
 884 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel:not(:empty) {
 885         padding-left: 3em;
 886 }
 887 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup {
 888         min-width: 1.875em;
 889 }
 890 .oo-ui-popupToolGroup.oo-ui-iconElement {
 891         min-width: 3.125em;
 892 }
 893 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement {
 894         min-width: 2.5em;
 895 }
 896 .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
 897         min-width: 4.375em;
 898 }
 899 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
 900         min-width: 3.75em;
 901 }
 902 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
 903         line-height: 2.6em;
 904         margin: 0 1em;
 905 }
 906 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
 907         margin: 0 0.5em;
 908 }
 909 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
 910         margin-left: 3em;
 911 }
 912 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
 913         margin-left: 2.5em;
 914 }
 915 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
 916         margin-right: 2.25em;
 917 }
 918 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
 919         margin-right: 1.75em;
 920 }
 921 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
 922         width: 0.9375em;
 923         height: 0.9375em;
 924         margin: 0.78125em;
 925         top: 0;
 926         right: 0;
 927 }
 928 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
 929         right: -0.3125em;
 930 }
 931 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
 932         width: 1.875em;
 933         height: 1.875em;
 934         margin: 0.3125em;
 935         top: 0;
 936         left: 0.3125em;
 937 }
 938 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
 939         left: 0;
 940 }
 941 .oo-ui-popupToolGroup-header {
 942         line-height: 2.6em;
 943         margin: 0 0.6em;
 944         font-weight: bold;
 945 }
 946 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
 947         border-bottom-left-radius: 0;
 948         border-bottom-right-radius: 0;
 949         box-shadow: inset 0 0.0875em 0.0875em 0 rgba(0, 0, 0, 0.07);
 950         background: #f8fbfd;
 951         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff');
 952         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff));
 953         background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 954         background-image:    -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 955         background-image:      -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 956         background-image:         linear-gradient(to bottom, #f1f7fb 0%, #ffffff 100%);
 957 }
 958 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
 959         top: 2.5em;
 960         margin: 0 -1px;
 961         border: 1px solid #cccccc;
 962         background-color: white;
 963         box-shadow: 0 0.3125em 1.25em rgba(0, 0, 0, 0.25);
 964 }
 965 .oo-ui-popupToolGroup .oo-ui-tool-link {
 966         padding: 0.3125em 0 0.3125em 0.3125em;
 967 }
 968 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
 969         height: 1.875em;
 970         width: 1.875em;
 971         min-width: 1.875em;
 972 }
 973 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
 974         padding-left: 0.5em;
 975 }
 976 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel,
 977 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
 978         line-height: 2em;
 979 }
 980 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel {
 981         color: #888888;
 982 }
 983 .oo-ui-listToolGroup .oo-ui-tool {
 984         display: block;
 985         -webkit-box-sizing: border-box;
 986            -moz-box-sizing: border-box;
 987                 box-sizing: border-box;
 988 }
 989 .oo-ui-listToolGroup .oo-ui-tool-link {
 990         cursor: pointer;
 991 }
 992 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
 993         cursor: default;
 994 }
 995 .oo-ui-listToolGroup .oo-ui-toolGroup-tools {
 996         padding: 0.3125em;
 997 }
 998 .oo-ui-listToolGroup.oo-ui-popupToolGroup-active {
 999         border-color: rgba(0, 0, 0, 0.2);
1000 }
1001 .oo-ui-listToolGroup .oo-ui-tool {
1002         border: 1px solid transparent;
1003         margin: -1px 0;
1004         padding: 0 0.625em 0 0;
1005 }
1006 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled {
1007         border-color: rgba(0, 0, 0, 0.1);
1008         box-shadow: inset 0 0.0875em 0.0875em 0 rgba(0, 0, 0, 0.07);
1009         background: #f8fbfd;
1010         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff');
1011         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff));
1012         background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
1013         background-image:    -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
1014         background-image:      -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
1015         background-image:         linear-gradient(to bottom, #f1f7fb 0%, #ffffff 100%);
1016 }
1017 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
1018         border-top-color: rgba(0, 0, 0, 0.1);
1019 }
1020 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover {
1021         border-color: rgba(0, 0, 0, 0.2);
1022 }
1023 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
1024         border-color: rgba(0, 0, 0, 0.2);
1025 }
1026 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon {
1027         opacity: 1;
1028 }
1029 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
1030         color: #cccccc;
1031 }
1032 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-accel {
1033         color: #dddddd;
1034 }
1035 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
1036         opacity: 0.2;
1037 }
1038 .oo-ui-listToolGroup.oo-ui-widget-disabled {
1039         color: #cccccc;
1040 }
1041 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator,
1042 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
1043         opacity: 0.2;
1044 }
1045 .oo-ui-menuToolGroup {
1046         border-color: rgba(0, 0, 0, 0.1);
1047 }
1048 .oo-ui-menuToolGroup .oo-ui-tool {
1049         display: block;
1050 }
1051 .oo-ui-menuToolGroup .oo-ui-tool-link {
1052         cursor: pointer;
1053 }
1054 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
1055         cursor: default;
1056 }
1057 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
1058         min-width: 10em;
1059 }
1060 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
1061         min-width: 8.125em;
1062 }
1063 .oo-ui-menuToolGroup .oo-ui-toolGroup-tools {
1064         padding: 0.3125em 0 0.3125em 0;
1065 }
1066 .oo-ui-menuToolGroup.oo-ui-widget-enabled:hover {
1067         border-color: rgba(0, 0, 0, 0.2);
1068 }
1069 .oo-ui-menuToolGroup.oo-ui-popupToolGroup-active {
1070         border-color: rgba(0, 0, 0, 0.25);
1071 }
1072 .oo-ui-menuToolGroup .oo-ui-tool {
1073         padding: 0 1.25em 0 0.3125em;
1074 }
1075 .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
1076         background-image: none;
1077 }
1078 .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon {
1079         background-image: url("themes/apex/images/icons/check.png");
1080         background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/apex/images/icons/check.svg");
1081         background-image:         linear-gradient(transparent, transparent), /* @embed */ url("themes/apex/images/icons/check.svg");
1082         background-image:      -o-linear-gradient(transparent, transparent), url("themes/apex/images/icons/check.png");
1083 }
1084 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
1085         background-color: #e1f3ff;
1086 }
1087 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
1088         color: #cccccc;
1089 }
1090 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
1091         opacity: 0.2;
1092 }
1093 .oo-ui-menuToolGroup.oo-ui-widget-disabled {
1094         color: #cccccc;
1095         border-color: rgba(0, 0, 0, 0.05);
1096 }
1097 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator,
1098 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
1099         opacity: 0.2;
1100 }
1101 .oo-ui-toolbar {
1102         clear: both;
1103 }
1104 .oo-ui-toolbar-bar {
1105         line-height: 1em;
1106         position: relative;
1107 }
1108 .oo-ui-toolbar-actions {
1109         float: right;
1110 }
1111 .oo-ui-toolbar-actions .oo-ui-toolbar {
1112         display: inline-block;
1113 }
1114 .oo-ui-toolbar-tools {
1115         display: inline;
1116         white-space: nowrap;
1117 }
1118 .oo-ui-toolbar-narrow .oo-ui-toolbar-tools {
1119         white-space: normal;
1120 }
1121 .oo-ui-toolbar-tools .oo-ui-tool {
1122         white-space: normal;
1123 }
1124 .oo-ui-toolbar-tools,
1125 .oo-ui-toolbar-actions,
1126 .oo-ui-toolbar-shadow {
1127         -webkit-touch-callout: none;
1128         -webkit-user-select: none;
1129            -moz-user-select: none;
1130             -ms-user-select: none;
1131                 user-select: none;
1132 }
1133 .oo-ui-toolbar-actions .oo-ui-popupWidget {
1134         -webkit-touch-callout: default;
1135         -webkit-user-select: all;
1136            -moz-user-select: all;
1137             -ms-user-select: all;
1138                 user-select: all;
1139 }
1140 .oo-ui-toolbar-shadow {
1141         background-position: left top;
1142         background-repeat: repeat-x;
1143         position: absolute;
1144         width: 100%;
1145         pointer-events: none;
1146 }
1147 .oo-ui-toolbar-bar {
1148         border-bottom: 1px solid #cccccc;
1149         background: #f8fbfd;
1150         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#f1f7fb');
1151         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f7fb));
1152         background-image: -webkit-linear-gradient(top, #ffffff 0%, #f1f7fb 100%);
1153         background-image:    -moz-linear-gradient(top, #ffffff 0%, #f1f7fb 100%);
1154         background-image:      -o-linear-gradient(top, #ffffff 0%, #f1f7fb 100%);
1155         background-image:         linear-gradient(to bottom, #ffffff 0%, #f1f7fb 100%);
1156 }
1157 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
1158         border: none;
1159         background: none;
1160 }
1161 .oo-ui-toolbar-actions > .oo-ui-buttonElement-framed,
1162 .oo-ui-toolbar-actions > .oo-ui-buttonElement-framed:last-child {
1163         margin-top: 0.4em;
1164         margin-bottom: 0.4em;
1165         margin-right: 0.5em;
1166 }
1167 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless.oo-ui-labelElement,
1168 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless:last-child.oo-ui-labelElement {
1169         margin: 0;
1170 }
1171 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button,
1172 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless:last-child.oo-ui-labelElement > .oo-ui-buttonElement-button {
1173         margin: 0;
1174         padding: 0 0.3125em;
1175 }
1176 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
1177 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless:last-child.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
1178         margin: 0 1em;
1179         line-height: 3.40625em;
1180         /* 43/12.8 */
1181 }
1182 .oo-ui-toolbar-shadow {
1183         background-image: /* @embed */ url(themes/apex/images/toolbar-shadow.png);
1184         bottom: -9px;
1185         height: 9px;
1186         opacity: 0.5;
1187         -webkit-transition: opacity 500ms ease-in-out;
1188            -moz-transition: opacity 500ms ease-in-out;
1189             -ms-transition: opacity 500ms ease-in-out;
1190              -o-transition: opacity 500ms ease-in-out;
1191                 transition: opacity 500ms ease-in-out;
1192 }
1193 .oo-ui-optionWidget {
1194         position: relative;
1195         display: block;
1196         cursor: pointer;
1197         padding: 0.25em 0.5em;
1198         border: none;
1199 }
1200 .oo-ui-optionWidget.oo-ui-widget-disabled {
1201         cursor: default;
1202 }
1203 .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1204         display: block;
1205         white-space: nowrap;
1206         text-overflow: ellipsis;
1207         overflow: hidden;
1208 }
1209 .oo-ui-optionWidget-highlighted {
1210         background-color: #e1f3ff;
1211 }
1212 .oo-ui-optionWidget .oo-ui-labelElement-label {
1213         line-height: 1.5em;
1214 }
1215 .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected {
1216         background-color: #a7dcff;
1217 }
1218 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed,
1219 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted,
1220 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
1221         background-color: #a7dcff;
1222 }
1223 .oo-ui-optionWidget.oo-ui-widget-disabled {
1224         color: #cccccc;
1225 }
1226 .oo-ui-decoratedOptionWidget {
1227         padding: 0.5em 2em 0.5em 3em;
1228 }
1229 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
1230 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
1231         position: absolute;
1232         background-repeat: no-repeat;
1233         background-position: center center;
1234 }
1235 .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
1236 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1237         top: 0;
1238         height: 100%;
1239 }
1240 .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1241         width: 1.875em;
1242         left: 0.5em;
1243 }
1244 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1245         width: 0.9375em;
1246         right: 0.5em;
1247 }
1248 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon,
1249 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1250         opacity: 0.2;
1251 }
1252 .oo-ui-buttonSelectWidget {
1253         display: inline-block;
1254         white-space: nowrap;
1255         border-radius: 0.3em;
1256         margin-right: 0.5em;
1257 }
1258 .oo-ui-buttonSelectWidget:last-child {
1259         margin-right: 0;
1260 }
1261 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
1262         border-radius: 0;
1263         margin-left: -1px;
1264 }
1265 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
1266         border-bottom-left-radius: 0.3em;
1267         border-top-left-radius: 0.3em;
1268         margin-left: 0;
1269 }
1270 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
1271         border-bottom-right-radius: 0.3em;
1272         border-top-right-radius: 0.3em;
1273 }
1274 .oo-ui-radioSelectWidget {
1275         padding: 0.75em 0 0.5em 0;
1276 }
1277 .oo-ui-buttonOptionWidget {
1278         display: inline-block;
1279         padding: 0;
1280         background-color: transparent;
1281 }
1282 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
1283         position: relative;
1284 }
1285 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
1286 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1287         position: static;
1288         display: inline-block;
1289         vertical-align: middle;
1290 }
1291 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
1292         height: 1.875em;
1293 }
1294 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1295         margin-top: 0;
1296 }
1297 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected,
1298 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,
1299 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
1300         background-color: transparent;
1301 }
1302 .oo-ui-radioOptionWidget {
1303         cursor: default;
1304         padding: 0;
1305         background-color: transparent;
1306 }
1307 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget,
1308 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1309         display: inline-block;
1310         vertical-align: middle;
1311 }
1312 .oo-ui-radioOptionWidget.oo-ui-optionWidget-selected,
1313 .oo-ui-radioOptionWidget.oo-ui-optionWidget-pressed,
1314 .oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted {
1315         background-color: transparent;
1316 }
1317 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1318         padding-left: 0.5em;
1319 }
1320 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget {
1321         margin-right: 0;
1322 }
1323 .oo-ui-labelWidget {
1324         display: inline-block;
1325         padding: 0.5em 0;
1326 }
1327 .oo-ui-iconWidget {
1328         display: inline-block;
1329         vertical-align: middle;
1330         background-position: center center;
1331         background-repeat: no-repeat;
1332         line-height: 2.5em;
1333         height: 1.875em;
1334         width: 1.875em;
1335 }
1336 .oo-ui-iconWidget.oo-ui-widget-disabled {
1337         opacity: 0.2;
1338 }
1339 .oo-ui-indicatorWidget {
1340         display: inline-block;
1341         vertical-align: middle;
1342         background-position: center center;
1343         background-repeat: no-repeat;
1344         line-height: 2.5em;
1345         height: 0.9375em;
1346         width: 0.9375em;
1347         margin: 0.46875em;
1348 }
1349 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
1350         opacity: 0.2;
1351 }
1352 .oo-ui-buttonWidget {
1353         display: inline-block;
1354         vertical-align: middle;
1355         margin-right: 0.5em;
1356 }
1357 .oo-ui-buttonWidget:last-child {
1358         margin-right: 0;
1359 }
1360 .oo-ui-buttonGroupWidget {
1361         display: inline-block;
1362         white-space: nowrap;
1363         border-radius: 0.3em;
1364         margin-right: 0.5em;
1365 }
1366 .oo-ui-buttonGroupWidget:last-child {
1367         margin-right: 0;
1368 }
1369 .oo-ui-buttonGroupWidget .oo-ui-buttonElement {
1370         margin-right: 0;
1371 }
1372 .oo-ui-buttonGroupWidget .oo-ui-buttonElement:last-child {
1373         margin-right: 0;
1374 }
1375 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
1376         border-radius: 0;
1377         margin-left: -1px;
1378 }
1379 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
1380         border-bottom-left-radius: 0.3em;
1381         border-top-left-radius: 0.3em;
1382         margin-left: 0;
1383 }
1384 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
1385         border-bottom-right-radius: 0.3em;
1386         border-top-right-radius: 0.3em;
1387 }
1388 .oo-ui-toggleButtonWidget {
1389         display: inline-block;
1390         vertical-align: middle;
1391         margin-right: 0.5em;
1392 }
1393 .oo-ui-toggleButtonWidget:last-child {
1394         margin-right: 0;
1395 }
1396 .oo-ui-toggleSwitchWidget {
1397         position: relative;
1398         display: inline-block;
1399         vertical-align: middle;
1400         overflow: hidden;
1401         cursor: pointer;
1402         -webkit-box-sizing: border-box;
1403            -moz-box-sizing: border-box;
1404                 box-sizing: border-box;
1405         -webkit-transform: translateZ(0px);
1406            -moz-transform: translateZ(0px);
1407             -ms-transform: translateZ(0px);
1408              -o-transform: translateZ(0px);
1409                 transform: translateZ(0px);
1410         height: 2em;
1411         width: 4em;
1412         border-radius: 1em;
1413         box-shadow: 0 0 0 white, inset 0 0.1em 0.2em #dddddd;
1414         border: 1px solid #cccccc;
1415         margin-right: 0.5em;
1416         background: #eeeeee;
1417         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dddddd', endColorstr='#ffffff');
1418         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff));
1419         background-image: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%);
1420         background-image:    -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%);
1421         background-image:      -o-linear-gradient(top, #dddddd 0%, #ffffff 100%);
1422         background-image:         linear-gradient(to bottom, #dddddd 0%, #ffffff 100%);
1423 }
1424 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
1425         cursor: default;
1426 }
1427 .oo-ui-toggleSwitchWidget-grip {
1428         position: absolute;
1429         display: block;
1430         -webkit-box-sizing: border-box;
1431            -moz-box-sizing: border-box;
1432                 box-sizing: border-box;
1433 }
1434 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
1435         position: absolute;
1436         top: 0;
1437         bottom: 0;
1438         right: 0;
1439         left: 0;
1440         -webkit-touch-callout: none;
1441         -webkit-user-select: none;
1442            -moz-user-select: none;
1443             -ms-user-select: none;
1444                 user-select: none;
1445 }
1446 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1447         display: none;
1448 }
1449 .oo-ui-toggleSwitchWidget:last-child {
1450         margin-right: 0;
1451 }
1452 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
1453         opacity: 0.5;
1454 }
1455 .oo-ui-toggleSwitchWidget-grip {
1456         top: 0.25em;
1457         left: 0.25em;
1458         width: 1.5em;
1459         height: 1.5em;
1460         margin-top: -1px;
1461         border-radius: 1em;
1462         box-shadow: 0 0.1em 0.25em rgba(0, 0, 0, 0.1);
1463         border: 1px #c9c9c9 solid;
1464         -webkit-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1465            -moz-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1466             -ms-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1467              -o-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1468                 transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1469         background: #eeeeee;
1470         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dddddd');
1471         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
1472         background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%);
1473         background-image:    -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
1474         background-image:      -o-linear-gradient(top, #ffffff 0%, #dddddd 100%);
1475         background-image:         linear-gradient(to bottom, #ffffff 0%, #dddddd 100%);
1476 }
1477 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover,
1478 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
1479         border-color: #aaaaaa;
1480 }
1481 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
1482         border-radius: 1em;
1483         box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07);
1484         -webkit-transition: opacity 200ms ease-in-out;
1485            -moz-transition: opacity 200ms ease-in-out;
1486             -ms-transition: opacity 200ms ease-in-out;
1487              -o-transition: opacity 200ms ease-in-out;
1488                 transition: opacity 200ms ease-in-out;
1489         background: #cde7f4;
1490         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b0d9ee', endColorstr='#eaf4fa');
1491         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #b0d9ee), color-stop(100%, #eaf4fa));
1492         background-image: -webkit-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
1493         background-image:    -moz-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
1494         background-image:      -o-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
1495         background-image:         linear-gradient(to bottom, #b0d9ee 0%, #eaf4fa 100%);
1496 }
1497 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
1498         opacity: 1;
1499 }
1500 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
1501         left: 2.25em;
1502         margin-left: -2px;
1503 }
1504 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1505         display: block;
1506         opacity: 0;
1507 }
1508 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
1509         left: 0.25em;
1510         margin-left: 0;
1511 }
1512 .oo-ui-progressBarWidget {
1513         max-width: 50em;
1514         border: 1px solid #cccccc;
1515         border-radius: 0.25em;
1516         overflow: hidden;
1517 }
1518 .oo-ui-progressBarWidget-bar {
1519         height: 1em;
1520         border-right: 1px solid #cccccc;
1521         -webkit-transition: width 200ms, margin-left 200ms;
1522            -moz-transition: width 200ms, margin-left 200ms;
1523             -ms-transition: width 200ms, margin-left 200ms;
1524              -o-transition: width 200ms, margin-left 200ms;
1525                 transition: width 200ms, margin-left 200ms;
1526         background: #cde7f4;
1527         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#eaf4fa', endColorstr='#b0d9ee');
1528         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #eaf4fa), color-stop(100%, #b0d9ee));
1529         background-image: -webkit-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
1530         background-image:    -moz-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
1531         background-image:      -o-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
1532         background-image:         linear-gradient(to bottom, #eaf4fa 0%, #b0d9ee 100%);
1533 }
1534 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
1535         -webkit-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1536            -moz-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1537             -ms-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1538              -o-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1539                 animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1540         width: 40%;
1541         margin-left: -10%;
1542         border-left: 1px solid #a6cee1;
1543 }
1544 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
1545         opacity: 0.6;
1546 }
1547 .oo-ui-actionWidget.oo-ui-pendingElement-pending {
1548         background-image: /* @embed */ url(themes/apex/images/textures/pending.gif);
1549 }
1550 .oo-ui-popupWidget {
1551         position: absolute;
1552         /* @noflip */
1553         left: 0;
1554 }
1555 .oo-ui-popupWidget-popup {
1556         position: relative;
1557         overflow: hidden;
1558         z-index: 1;
1559 }
1560 .oo-ui-popupWidget-anchor {
1561         display: none;
1562         z-index: 1;
1563 }
1564 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
1565         display: block;
1566         position: absolute;
1567         top: 0;
1568         /* @noflip */
1569         left: 0;
1570         background-repeat: no-repeat;
1571 }
1572 .oo-ui-popupWidget-head {
1573         -webkit-touch-callout: none;
1574         -webkit-user-select: none;
1575            -moz-user-select: none;
1576             -ms-user-select: none;
1577                 user-select: none;
1578 }
1579 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
1580         float: right;
1581 }
1582 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
1583         float: left;
1584         cursor: default;
1585 }
1586 .oo-ui-popupWidget-body {
1587         clear: both;
1588         overflow: hidden;
1589 }
1590 .oo-ui-popupWidget-popup {
1591         border: 1px solid #cccccc;
1592         border-radius: 0.25em;
1593         background-color: #ffffff;
1594         box-shadow: 0 0.15em 0.5em 0 rgba(0, 0, 0, 0.2);
1595 }
1596 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
1597         margin-top: 6px;
1598 }
1599 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before,
1600 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1601         content: "";
1602         position: absolute;
1603         width: 0;
1604         height: 0;
1605         border-style: solid;
1606         border-color: transparent;
1607         border-top: 0;
1608 }
1609 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before {
1610         bottom: -7px;
1611         left: -6px;
1612         border-bottom-color: #aaaaaa;
1613         border-width: 7px;
1614 }
1615 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1616         bottom: -7px;
1617         left: -5px;
1618         border-bottom-color: #ffffff;
1619         border-width: 6px;
1620 }
1621 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
1622         -webkit-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1623            -moz-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1624             -ms-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1625              -o-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1626                 transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1627 }
1628 .oo-ui-popupWidget-head {
1629         height: 2.5em;
1630 }
1631 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
1632         margin: 0.25em;
1633 }
1634 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
1635         margin: 0.75em 1em;
1636 }
1637 .oo-ui-popupWidget-body-padded {
1638         padding: 0 1em;
1639 }
1640 .oo-ui-popupButtonWidget {
1641         position: relative;
1642 }
1643 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
1644         position: absolute;
1645         cursor: auto;
1646 }
1647 .oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget {
1648         /* @noflip */
1649         left: 1em;
1650 }
1651 .oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget {
1652         /* @noflip */
1653         left: 1.25em;
1654 }
1655 .oo-ui-inputWidget {
1656         margin-right: 0.5em;
1657 }
1658 .oo-ui-inputWidget:last-child {
1659         margin-right: 0;
1660 }
1661 .oo-ui-buttonInputWidget {
1662         display: inline-block;
1663         vertical-align: middle;
1664 }
1665 .oo-ui-buttonInputWidget > button,
1666 .oo-ui-buttonInputWidget > input {
1667         border: 0;
1668         padding: 0;
1669         background-color: transparent;
1670 }
1671 .oo-ui-dropdownInputWidget {
1672         position: relative;
1673         vertical-align: middle;
1674         -webkit-box-sizing: border-box;
1675            -moz-box-sizing: border-box;
1676                 box-sizing: border-box;
1677         width: 100%;
1678         max-width: 50em;
1679 }
1680 .oo-ui-dropdownInputWidget select {
1681         display: inline-block;
1682         width: 100%;
1683         resize: none;
1684         -webkit-box-sizing: border-box;
1685            -moz-box-sizing: border-box;
1686                 box-sizing: border-box;
1687 }
1688 .oo-ui-dropdownInputWidget select {
1689         background: #ffffff;
1690         height: 2.5em;
1691         padding: 0.5em;
1692         font-size: inherit;
1693         font-family: inherit;
1694         border: 1px solid rgba(0, 0, 0, 0.1);
1695         border-radius: 0.25em;
1696 }
1697 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
1698 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
1699         border-color: rgba(0, 0, 0, 0.2);
1700         outline: none;
1701 }
1702 .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
1703         color: #cccccc;
1704         border-color: #dddddd;
1705         background-color: #f3f3f3;
1706 }
1707 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout {
1708         margin-bottom: 0;
1709 }
1710 .oo-ui-textInputWidget {
1711         position: relative;
1712         vertical-align: middle;
1713         -webkit-box-sizing: border-box;
1714            -moz-box-sizing: border-box;
1715                 box-sizing: border-box;
1716         width: 100%;
1717         max-width: 50em;
1718 }
1719 .oo-ui-textInputWidget input,
1720 .oo-ui-textInputWidget textarea {
1721         display: inline-block;
1722         width: 100%;
1723         resize: none;
1724         -webkit-box-sizing: border-box;
1725            -moz-box-sizing: border-box;
1726                 box-sizing: border-box;
1727 }
1728 .oo-ui-textInputWidget input[type="search"] {
1729         -webkit-appearance: none;
1730 }
1731 .oo-ui-textInputWidget input[type="search"]::-ms-clear {
1732         display: none;
1733 }
1734 .oo-ui-textInputWidget input[type="search"]::-ms-reveal {
1735         display: none;
1736 }
1737 .oo-ui-textInputWidget input[type="search"]::-webkit-search-decoration,
1738 .oo-ui-textInputWidget input[type="search"]::-webkit-search-cancel-button,
1739 .oo-ui-textInputWidget input[type="search"]::-webkit-search-results-button,
1740 .oo-ui-textInputWidget input[type="search"]::-webkit-search-results-decoration {
1741         display: none;
1742 }
1743 .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
1744 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator,
1745 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1746         display: none;
1747 }
1748 .oo-ui-textInputWidget.oo-ui-iconElement > .oo-ui-iconElement-icon,
1749 .oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
1750         display: block;
1751         position: absolute;
1752         top: 0;
1753         height: 100%;
1754         background-repeat: no-repeat;
1755         -webkit-touch-callout: none;
1756         -webkit-user-select: none;
1757            -moz-user-select: none;
1758             -ms-user-select: none;
1759                 user-select: none;
1760 }
1761 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon,
1762 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
1763         cursor: text;
1764 }
1765 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator {
1766         cursor: pointer;
1767 }
1768 .oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
1769         display: block;
1770 }
1771 .oo-ui-textInputWidget > .oo-ui-iconElement-icon {
1772         left: 0;
1773 }
1774 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
1775         right: 0;
1776 }
1777 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1778         position: absolute;
1779         top: 0;
1780 }
1781 .oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
1782         right: 0;
1783 }
1784 .oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label {
1785         left: 0;
1786 }
1787 .oo-ui-textInputWidget input,
1788 .oo-ui-textInputWidget textarea {
1789         padding: 0.5em;
1790         line-height: 1.275em;
1791         font-size: inherit;
1792         font-family: inherit;
1793         background-color: #ffffff;
1794         color: black;
1795         border: 1px solid #cccccc;
1796         box-shadow: 0 0 0 white, inset 0 0.1em 0.2em #dddddd;
1797         border-radius: 0.25em;
1798         -webkit-transition: border-color 200ms, box-shadow 200ms;
1799            -moz-transition: border-color 200ms, box-shadow 200ms;
1800             -ms-transition: border-color 200ms, box-shadow 200ms;
1801              -o-transition: border-color 200ms, box-shadow 200ms;
1802                 transition: border-color 200ms, box-shadow 200ms;
1803 }
1804 .oo-ui-textInputWidget input.oo-ui-pendingElement-pending,
1805 .oo-ui-textInputWidget textarea.oo-ui-pendingElement-pending {
1806         background-color: transparent;
1807 }
1808 .oo-ui-textInputWidget-decorated input,
1809 .oo-ui-textInputWidget-decorated textarea {
1810         padding-left: 2em;
1811 }
1812 .oo-ui-textInputWidget-icon {
1813         width: 2em;
1814 }
1815 .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
1816 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
1817         outline: none;
1818         border-color: #a7dcff;
1819         box-shadow: 0 0 0.3em #a7dcff, 0 0 0 white;
1820 }
1821 .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly],
1822 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
1823         color: #777777;
1824 }
1825 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input,
1826 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea {
1827         background-color: #ffdddd;
1828 }
1829 .oo-ui-textInputWidget.oo-ui-widget-disabled input,
1830 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
1831         color: #cccccc;
1832         text-shadow: 0 1px 1px #ffffff;
1833         border-color: #dddddd;
1834         background-color: #f3f3f3;
1835 }
1836 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon,
1837 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1838         opacity: 0.2;
1839 }
1840 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label {
1841         color: #dddddd;
1842         text-shadow: 0 1px 1px #ffffff;
1843 }
1844 .oo-ui-textInputWidget.oo-ui-iconElement input,
1845 .oo-ui-textInputWidget.oo-ui-iconElement textarea {
1846         padding-left: 2em;
1847 }
1848 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1849         width: 1.875em;
1850         margin-left: 0.1em;
1851 }
1852 .oo-ui-textInputWidget.oo-ui-indicatorElement input,
1853 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
1854         padding-right: 1.5em;
1855 }
1856 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1857         width: 0.9375em;
1858         margin-right: 0.775em;
1859 }
1860 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1861         padding: 0.4em;
1862         line-height: 1.5em;
1863         color: #888888;
1864 }
1865 .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label {
1866         margin-right: 1.6em;
1867 }
1868 .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label {
1869         margin-left: 2.1em;
1870 }
1871 .oo-ui-menuSelectWidget {
1872         position: absolute;
1873         background: #ffffff;
1874         margin-top: -1px;
1875         border: 1px solid #cccccc;
1876         border-radius: 0 0 0.25em 0.25em;
1877         box-shadow: 0 0.15em 1em 0 rgba(0, 0, 0, 0.2);
1878 }
1879 .oo-ui-menuSelectWidget input {
1880         position: absolute;
1881         width: 0;
1882         height: 0;
1883         overflow: hidden;
1884         opacity: 0;
1885 }
1886 .oo-ui-menuOptionWidget {
1887         position: relative;
1888 }
1889 .oo-ui-menuOptionWidget .oo-ui-iconElement-icon {
1890         display: none;
1891 }
1892 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1893         background-color: transparent;
1894 }
1895 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1896         display: block;
1897 }
1898 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1899         background-color: transparent;
1900 }
1901 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
1902 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
1903         background-color: #e1f3ff;
1904 }
1905 .oo-ui-menuSectionOptionWidget {
1906         cursor: default;
1907         padding: 0.33em 0.75em;
1908         color: #888888;
1909 }
1910 .oo-ui-dropdownWidget {
1911         display: inline-block;
1912         position: relative;
1913         margin: 0.25em 0;
1914         width: 100%;
1915         max-width: 50em;
1916         margin-right: 0.5em;
1917 }
1918 .oo-ui-dropdownWidget-handle {
1919         width: 100%;
1920         display: inline-block;
1921         cursor: pointer;
1922         -webkit-touch-callout: none;
1923         -webkit-user-select: none;
1924            -moz-user-select: none;
1925             -ms-user-select: none;
1926                 user-select: none;
1927         -webkit-box-sizing: border-box;
1928            -moz-box-sizing: border-box;
1929                 box-sizing: border-box;
1930 }
1931 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator,
1932 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1933         position: absolute;
1934         background-position: center center;
1935         background-repeat: no-repeat;
1936 }
1937 .oo-ui-dropdownWidget > .oo-ui-menuSelectWidget {
1938         z-index: 1;
1939         width: 100%;
1940 }
1941 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1942         cursor: default;
1943 }
1944 .oo-ui-dropdownWidget:last-child {
1945         margin-right: 0;
1946 }
1947 .oo-ui-dropdownWidget-handle {
1948         height: 2.5em;
1949         border: 1px solid rgba(0, 0, 0, 0.1);
1950         border-radius: 0.25em;
1951 }
1952 .oo-ui-dropdownWidget-handle:hover {
1953         border-color: rgba(0, 0, 0, 0.2);
1954 }
1955 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1956         right: 0;
1957 }
1958 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1959         left: 0.25em;
1960 }
1961 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1962         line-height: 2.5em;
1963         margin: 0 0.5em;
1964 }
1965 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1966         top: 0;
1967         width: 0.9375em;
1968         height: 0.9375em;
1969         margin: 0.775em;
1970 }
1971 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1972         top: 0;
1973         width: 1.875em;
1974         height: 1.875em;
1975         margin: 0.3em;
1976 }
1977 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1978         color: #cccccc;
1979         text-shadow: 0 1px 1px #ffffff;
1980         border-color: #dddddd;
1981         background-color: #f3f3f3;
1982 }
1983 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1984         opacity: 0.2;
1985 }
1986 .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1987         margin-left: 3em;
1988 }
1989 .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1990         margin-right: 2em;
1991 }
1992 .oo-ui-selectFileWidget {
1993         display: inline-block;
1994         position: relative;
1995         vertical-align: middle;
1996         margin: 0.25em 0;
1997         width: 100%;
1998         max-width: 50em;
1999         margin-right: 0.5em;
2000 }
2001 .oo-ui-selectFileWidget-handle {
2002         width: 100%;
2003         display: inline-block;
2004         cursor: pointer;
2005         overflow: hidden;
2006         -webkit-touch-callout: none;
2007         -webkit-user-select: none;
2008            -moz-user-select: none;
2009             -ms-user-select: none;
2010                 user-select: none;
2011         -webkit-box-sizing: border-box;
2012            -moz-box-sizing: border-box;
2013                 box-sizing: border-box;
2014 }
2015 .oo-ui-selectFileWidget-handle > .oo-ui-indicatorElement-indicator,
2016 .oo-ui-selectFileWidget-handle > .oo-ui-iconElement-icon,
2017 .oo-ui-selectFileWidget-handle > .oo-ui-selectFileWidget-clearButton {
2018         position: absolute;
2019         background-position: center center;
2020         background-repeat: no-repeat;
2021 }
2022 .oo-ui-selectFileWidget-handle > input[type="file"] {
2023         position: absolute;
2024         margin: 0;
2025         top: 0;
2026         bottom: 0;
2027         left: 0;
2028         right: 0;
2029         width: 100%;
2030         height: 100%;
2031         opacity: 0;
2032         z-index: 1;
2033         cursor: pointer;
2034 }
2035 .oo-ui-selectFileWidget-handle > .oo-ui-selectFileWidget-clearButton {
2036         z-index: 2;
2037 }
2038 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle,
2039 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-handle {
2040         cursor: default;
2041 }
2042 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle > input[type="file"],
2043 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-handle > input[type="file"] {
2044         display: none;
2045 }
2046 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-clearButton,
2047 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
2048         display: none;
2049 }
2050 .oo-ui-selectFileWidget:last-child {
2051         margin-right: 0;
2052 }
2053 .oo-ui-selectFileWidget-handle {
2054         height: 2.5em;
2055         border: 1px solid rgba(0, 0, 0, 0.1);
2056         border-radius: 0.25em;
2057         padding: 0 0.5em;
2058 }
2059 .oo-ui-selectFileWidget-handle > .oo-ui-indicatorElement-indicator {
2060         right: 0;
2061 }
2062 .oo-ui-selectFileWidget-handle > .oo-ui-iconElement-icon {
2063         left: 0.25em;
2064 }
2065 .oo-ui-selectFileWidget-handle .oo-ui-selectFileWidget-label {
2066         line-height: 2.5em;
2067         margin: 0;
2068         display: inline-block;
2069         overflow: hidden;
2070         width: 100%;
2071         white-space: nowrap;
2072         -webkit-box-sizing: border-box;
2073            -moz-box-sizing: border-box;
2074                 box-sizing: border-box;
2075         text-overflow: ellipsis;
2076 }
2077 .oo-ui-selectFileWidget-handle .oo-ui-selectFileWidget-clearButton {
2078         top: 0;
2079         width: 1.875em;
2080         height: 1.875em;
2081         margin: 0.3em;
2082 }
2083 .oo-ui-selectFileWidget-handle > .oo-ui-indicatorElement-indicator {
2084         top: 0;
2085         width: 0.9375em;
2086         height: 0.9375em;
2087         margin: 0.775em;
2088 }
2089 .oo-ui-selectFileWidget-handle > .oo-ui-iconElement-icon {
2090         top: 0;
2091         width: 1.875em;
2092         height: 1.875em;
2093         margin: 0.3em;
2094 }
2095 .oo-ui-selectFileWidget:hover .oo-ui-selectFileWidget-handle {
2096         border-color: #aaaaaa;
2097 }
2098 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle {
2099         color: #cccccc;
2100         text-shadow: 0 1px 1px #ffffff;
2101         border-color: #dddddd;
2102         background-color: #f3f3f3;
2103 }
2104 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle > .oo-ui-iconElement-icon,
2105 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle > .oo-ui-indicatorElement-indicator {
2106         opacity: 0.2;
2107 }
2108 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
2109         color: #cccccc;
2110 }
2111 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-handle {
2112         padding-left: 3em;
2113 }
2114 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-handle {
2115         padding-right: 3em;
2116 }
2117 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-handle .oo-ui-selectFileWidget-clearButton {
2118         right: 0;
2119 }
2120 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-handle {
2121         padding-right: 5em;
2122 }
2123 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-handle .oo-ui-selectFileWidget-clearButton {
2124         right: 2em;
2125 }
2126 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-handle,
2127 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-handle {
2128         padding-right: 1em;
2129 }
2130 .oo-ui-selectFileWidget-empty.oo-ui-indicatorElement .oo-ui-selectFileWidget-handle,
2131 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-handle {
2132         padding-right: 2em;
2133 }
2134 .oo-ui-outlineOptionWidget {
2135         position: relative;
2136         cursor: pointer;
2137         -webkit-touch-callout: none;
2138         -webkit-user-select: none;
2139            -moz-user-select: none;
2140             -ms-user-select: none;
2141                 user-select: none;
2142         font-size: 1.1em;
2143         padding: 0.75em;
2144 }
2145 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
2146         padding-right: 1.5em;
2147 }
2148 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
2149         opacity: 0.5;
2150 }
2151 .oo-ui-outlineOptionWidget-level-0 {
2152         padding-left: 3.5em;
2153 }
2154 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
2155         left: 1em;
2156 }
2157 .oo-ui-outlineOptionWidget-level-1 {
2158         padding-left: 5em;
2159 }
2160 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
2161         left: 2.5em;
2162 }
2163 .oo-ui-outlineOptionWidget-level-2 {
2164         padding-left: 6.5em;
2165 }
2166 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
2167         left: 4em;
2168 }
2169 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
2170         background-color: #a7dcff;
2171         text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
2172 }
2173 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
2174         font-weight: bold;
2175 }
2176 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-placeholder {
2177         font-style: italic;
2178 }
2179 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
2180         opacity: 0.5;
2181 }
2182 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
2183         color: #777777;
2184 }
2185 .oo-ui-outlineControlsWidget {
2186         height: 3em;
2187         background-color: #ffffff;
2188 }
2189 .oo-ui-outlineControlsWidget-items,
2190 .oo-ui-outlineControlsWidget-movers {
2191         float: left;
2192         -webkit-box-sizing: border-box;
2193            -moz-box-sizing: border-box;
2194                 box-sizing: border-box;
2195 }
2196 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
2197         float: left;
2198         background-position: right center;
2199         background-repeat: no-repeat;
2200 }
2201 .oo-ui-outlineControlsWidget-items {
2202         float: left;
2203 }
2204 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
2205         float: left;
2206 }
2207 .oo-ui-outlineControlsWidget-movers {
2208         float: right;
2209 }
2210 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
2211         float: right;
2212 }
2213 .oo-ui-outlineControlsWidget-items,
2214 .oo-ui-outlineControlsWidget-movers {
2215         height: 2em;
2216         margin: 0.5em 0.5em 0.5em 0;
2217         padding: 0;
2218 }
2219 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
2220         width: 1.5em;
2221         height: 2em;
2222         margin: 0.5em 0 0.5em 0.5em;
2223         opacity: 0.2;
2224 }
2225 .oo-ui-tabSelectWidget {
2226         text-align: left;
2227         white-space: nowrap;
2228         overflow: hidden;
2229         background-color: #eeeeee;
2230         box-shadow: inset 0 -0.015em 0.1em rgba(0, 0, 0, 0.1);
2231 }
2232 .oo-ui-tabOptionWidget {
2233         display: inline-block;
2234         vertical-align: bottom;
2235         padding: 0.5em 1em;
2236         margin: 0.5em 0 0 0.75em;
2237         border: 1px solid transparent;
2238         border-bottom: none;
2239         border-top-left-radius: 0.5em;
2240         border-top-right-radius: 0.5em;
2241 }
2242 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
2243         padding-right: 1.5em;
2244 }
2245 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
2246         opacity: 0.5;
2247 }
2248 .oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-pressed {
2249         background-color: transparent;
2250 }
2251 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
2252         background-color: rgba(255, 255, 255, 0.2);
2253         border-color: #dddddd;
2254 }
2255 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
2256         background-color: #ffffff;
2257         border-color: #dddddd;
2258 }
2259 .oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
2260 .oo-ui-selectWidget-depressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
2261 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
2262         background-color: #ffffff;
2263         border-color: #dddddd;
2264 }
2265 .oo-ui-capsuleMultiSelectWidget {
2266         display: inline-block;
2267         position: relative;
2268         width: 100%;
2269         max-width: 50em;
2270 }
2271 .oo-ui-capsuleMultiSelectWidget-handle {
2272         width: 100%;
2273         display: inline-block;
2274         position: relative;
2275 }
2276 .oo-ui-capsuleMultiSelectWidget-group {
2277         display: inline;
2278 }
2279 .oo-ui-capsuleMultiSelectWidget > .oo-ui-menuSelectWidget {
2280         z-index: 1;
2281         width: 100%;
2282 }
2283 .oo-ui-capsuleMultiSelectWidget-handle {
2284         background: #ffffff;
2285         cursor: text;
2286         min-height: 2.4em;
2287         margin-right: 0.5em;
2288         padding: 0.25em 0;
2289         border: 1px solid rgba(0, 0, 0, 0.1);
2290         border-radius: 0.25em;
2291         -webkit-box-sizing: border-box;
2292            -moz-box-sizing: border-box;
2293                 box-sizing: border-box;
2294 }
2295 .oo-ui-capsuleMultiSelectWidget-handle:last-child {
2296         margin-right: 0;
2297 }
2298 .oo-ui-capsuleMultiSelectWidget-handle .oo-ui-capsuleMultiSelectWidget-group {
2299         margin: 0 0.2em;
2300 }
2301 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator,
2302 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
2303         position: absolute;
2304         background-position: center center;
2305         background-repeat: no-repeat;
2306 }
2307 .oo-ui-capsuleMultiSelectWidget-handle > input {
2308         border: none;
2309         min-width: 1em;
2310         max-width: 100%;
2311         line-height: 1.675em;
2312         margin: 0;
2313         padding: 0;
2314         font-size: inherit;
2315         font-family: inherit;
2316         background-color: transparent;
2317         color: black;
2318         vertical-align: middle;
2319 }
2320 .oo-ui-capsuleMultiSelectWidget-handle > input:focus {
2321         outline: none;
2322 }
2323 .oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle {
2324         padding-right: 0.9375em;
2325 }
2326 .oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
2327         right: 0;
2328         top: 0;
2329         width: 0.9375em;
2330         height: 0.9375em;
2331         margin: 0.775em;
2332 }
2333 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle {
2334         padding-left: 1.875em;
2335 }
2336 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
2337         left: 0;
2338         top: 0;
2339         width: 1.875em;
2340         height: 1.875em;
2341         margin: 0.3em;
2342 }
2343 .oo-ui-capsuleMultiSelectWidget:hover .oo-ui-capsuleMultiSelectWidget-handle {
2344         border-color: rgba(0, 0, 0, 0.2);
2345 }
2346 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle {
2347         color: #cccccc;
2348         text-shadow: 0 1px 1px #ffffff;
2349         border-color: #dddddd;
2350         background-color: #f3f3f3;
2351         cursor: default;
2352 }
2353 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon,
2354 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
2355         opacity: 0.2;
2356 }
2357 .oo-ui-capsuleMultiSelectWidget .oo-ui-selectWidget {
2358         border-top-color: #ffffff;
2359 }
2360 .oo-ui-capsuleItemWidget {
2361         position: relative;
2362         display: inline-block;
2363         cursor: default;
2364         white-space: nowrap;
2365         width: auto;
2366         max-width: 100%;
2367         -webkit-box-sizing: border-box;
2368            -moz-box-sizing: border-box;
2369                 box-sizing: border-box;
2370         vertical-align: middle;
2371         padding: 0 0.4em;
2372         margin: 0 0.1em;
2373         height: 1.7em;
2374         line-height: 1.7em;
2375         background: #eeeeee;
2376         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dddddd');
2377         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
2378         background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%);
2379         background-image:    -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
2380         background-image:      -o-linear-gradient(top, #ffffff 0%, #dddddd 100%);
2381         background-image:         linear-gradient(to bottom, #ffffff 0%, #dddddd 100%);
2382         border: 1px solid #cccccc;
2383         color: #555555;
2384         border-radius: 0.25em;
2385 }
2386 .oo-ui-capsuleItemWidget > .oo-ui-iconElement-icon {
2387         cursor: pointer;
2388 }
2389 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled > .oo-ui-iconElement-icon {
2390         cursor: default;
2391 }
2392 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
2393         display: block;
2394         text-overflow: ellipsis;
2395         overflow: hidden;
2396 }
2397 .oo-ui-capsuleItemWidget.oo-ui-indicatorElement > .oo-ui-labelElement-label {
2398         padding-right: 1.3375em;
2399 }
2400 .oo-ui-capsuleItemWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
2401         position: absolute;
2402         right: 0.4em;
2403         top: 0;
2404         width: 0.9375em;
2405         height: 100%;
2406         background-repeat: no-repeat;
2407 }
2408 .oo-ui-capsuleItemWidget.oo-ui-indicatorElement > .oo-ui-indicator-clear {
2409         cursor: pointer;
2410 }
2411 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
2412         opacity: 0.5;
2413         -webkit-transform: translate3d(0, 0, 0);
2414         box-shadow: none;
2415         color: #333333;
2416         background: #eeeeee;
2417         border-color: #cccccc;
2418 }
2419 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled > .oo-ui-indicatorElement-indicator {
2420         opacity: 0.2;
2421 }
2422 .oo-ui-comboBoxWidget {
2423         display: inline-block;
2424         position: relative;
2425         width: 100%;
2426         max-width: 50em;
2427         margin-right: 0.5em;
2428 }
2429 .oo-ui-comboBoxWidget > .oo-ui-menuSelectWidget {
2430         z-index: 1;
2431         width: 100%;
2432 }
2433 .oo-ui-comboBoxWidget > .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
2434         cursor: pointer;
2435 }
2436 .oo-ui-comboBoxWidget:last-child {
2437         margin-right: 0;
2438 }
2439 .oo-ui-comboBoxWidget-handle {
2440         border: 1px solid rgba(0, 0, 0, 0.1);
2441         border-radius: 0.25em;
2442 }
2443 .oo-ui-comboBoxWidget-handle:hover {
2444         border-color: rgba(0, 0, 0, 0.2);
2445 }
2446 .oo-ui-comboBoxWidget.oo-ui-widget-disabled .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator,
2447 .oo-ui-comboBoxWidget-empty .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
2448         cursor: default;
2449         opacity: 0.2;
2450 }
2451 .oo-ui-comboBoxWidget > .oo-ui-selectWidget {
2452         margin-top: -3px;
2453 }
2454 .oo-ui-searchWidget-query {
2455         position: absolute;
2456         top: 0;
2457         left: 0;
2458         right: 0;
2459 }
2460 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
2461         width: 100%;
2462 }
2463 .oo-ui-searchWidget-results {
2464         position: absolute;
2465         bottom: 0;
2466         left: 0;
2467         right: 0;
2468         overflow-x: hidden;
2469         overflow-y: auto;
2470 }
2471 .oo-ui-searchWidget-query {
2472         height: 4em;
2473         padding: 0 1em;
2474         box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2);
2475 }
2476 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
2477         margin: 0.75em 0;
2478 }
2479 .oo-ui-searchWidget-results {
2480         top: 4em;
2481         padding: 1em;
2482         line-height: 0;
2483 }
2484 .oo-ui-numberInputWidget {
2485         display: inline-block;
2486         position: relative;
2487         max-width: 50em;
2488 }
2489 .oo-ui-numberInputWidget-field {
2490         display: table;
2491         table-layout: fixed;
2492         width: 100%;
2493 }
2494 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget,
2495 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
2496         display: table-cell;
2497         vertical-align: middle;
2498 }
2499 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
2500         width: 100%;
2501 }
2502 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
2503         white-space: nowrap;
2504 }
2505 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
2506         box-sizing: border-box;
2507 }
2508 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget,
2509 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
2510         margin: 0;
2511         width: 2.5em;
2512 }
2513 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
2514         border-top-right-radius: 0;
2515         border-bottom-right-radius: 0;
2516         border-right-width: 0;
2517 }
2518 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
2519         border-top-left-radius: 0;
2520         border-bottom-left-radius: 0;
2521         border-left-width: 0;
2522 }
2523 .oo-ui-numberInputWidget .oo-ui-textInputWidget input {
2524         border-radius: 0;
2525 }
2526 .oo-ui-window {
2527         background-color: transparent;
2528         background-image: none;
2529 }
2530 .oo-ui-window-frame {
2531         -webkit-box-sizing: border-box;
2532            -moz-box-sizing: border-box;
2533                 box-sizing: border-box;
2534 }
2535 .oo-ui-window-content:focus {
2536         outline: none;
2537 }
2538 .oo-ui-window-head,
2539 .oo-ui-window-foot {
2540         -webkit-touch-callout: none;
2541         -webkit-user-select: none;
2542            -moz-user-select: none;
2543             -ms-user-select: none;
2544                 user-select: none;
2545 }
2546 .oo-ui-window-body {
2547         margin: 0;
2548         padding: 0;
2549         background: none;
2550 }
2551 .oo-ui-window-overlay {
2552         position: absolute;
2553         top: 0;
2554         /* @noflip */
2555         left: 0;
2556 }
2557 .oo-ui-dialog-content > .oo-ui-window-head,
2558 .oo-ui-dialog-content > .oo-ui-window-body,
2559 .oo-ui-dialog-content > .oo-ui-window-foot {
2560         position: absolute;
2561         left: 0;
2562         right: 0;
2563         overflow: hidden;
2564         -webkit-box-sizing: border-box;
2565            -moz-box-sizing: border-box;
2566                 box-sizing: border-box;
2567 }
2568 .oo-ui-dialog-content > .oo-ui-window-head {
2569         z-index: 1;
2570         top: 0;
2571 }
2572 .oo-ui-dialog-content > .oo-ui-window-body {
2573         z-index: 2;
2574         top: 0;
2575         bottom: 0;
2576 }
2577 .oo-ui-dialog-content > .oo-ui-window-foot {
2578         z-index: 1;
2579         bottom: 0;
2580 }
2581 .oo-ui-dialog-content > .oo-ui-window-body {
2582         box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25);
2583 }
2584 .oo-ui-messageDialog-actions-horizontal {
2585         display: table;
2586         table-layout: fixed;
2587         width: 100%;
2588 }
2589 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
2590         display: table-cell;
2591         width: 1%;
2592 }
2593 .oo-ui-messageDialog-actions-vertical {
2594         display: block;
2595 }
2596 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
2597         display: block;
2598         overflow: hidden;
2599         text-overflow: ellipsis;
2600 }
2601 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
2602         position: relative;
2603         text-align: center;
2604 }
2605 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
2606         display: block;
2607 }
2608 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
2609         position: relative;
2610         top: auto;
2611         bottom: auto;
2612         display: inline;
2613         white-space: nowrap;
2614 }
2615 .oo-ui-messageDialog-content .oo-ui-window-body {
2616         box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33);
2617 }
2618 .oo-ui-messageDialog-title,
2619 .oo-ui-messageDialog-message {
2620         display: block;
2621         text-align: center;
2622         padding-top: 0.5em;
2623 }
2624 .oo-ui-messageDialog-title {
2625         font-size: 1.5em;
2626         line-height: 1em;
2627         color: #000000;
2628 }
2629 .oo-ui-messageDialog-message {
2630         font-size: 0.9em;
2631         line-height: 1.25em;
2632         color: #666666;
2633 }
2634 .oo-ui-messageDialog-message-verbose {
2635         font-size: 1.1em;
2636         line-height: 1.5em;
2637         text-align: left;
2638 }
2639 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
2640         border-right: 1px solid #e5e5e5;
2641         margin: 0;
2642 }
2643 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
2644         border-right-width: 0;
2645 }
2646 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
2647         border-bottom: 1px solid #e5e5e5;
2648         margin: 0;
2649 }
2650 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
2651         border-bottom-width: 0;
2652 }
2653 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
2654         height: 3.4em;
2655         margin-right: 0;
2656 }
2657 .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child {
2658         margin-right: 0;
2659 }
2660 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
2661         text-align: center;
2662         line-height: 3.4em;
2663         padding: 0 2em;
2664 }
2665 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
2666         background-color: rgba(0, 0, 0, 0.05);
2667 }
2668 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
2669         background-color: rgba(0, 0, 0, 0.1);
2670 }
2671 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
2672         background-color: rgba(8, 126, 204, 0.05);
2673 }
2674 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
2675         background-color: rgba(8, 126, 204, 0.1);
2676 }
2677 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
2678         font-weight: bold;
2679 }
2680 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
2681         background-color: rgba(118, 171, 54, 0.05);
2682 }
2683 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
2684         background-color: rgba(118, 171, 54, 0.1);
2685 }
2686 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
2687         background-color: rgba(212, 83, 83, 0.05);
2688 }
2689 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
2690         background-color: rgba(212, 83, 83, 0.1);
2691 }
2692 .oo-ui-processDialog-location {
2693         overflow: hidden;
2694         text-overflow: ellipsis;
2695         white-space: nowrap;
2696 }
2697 .oo-ui-processDialog-title {
2698         display: inline;
2699         padding: 0;
2700 }
2701 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget,
2702 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget,
2703 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
2704         white-space: nowrap;
2705 }
2706 .oo-ui-processDialog-actions-safe,
2707 .oo-ui-processDialog-actions-primary {
2708         position: absolute;
2709         top: 0;
2710         bottom: 0;
2711 }
2712 .oo-ui-processDialog-actions-safe {
2713         left: 0;
2714 }
2715 .oo-ui-processDialog-actions-primary {
2716         right: 0;
2717 }
2718 .oo-ui-processDialog-errors {
2719         position: absolute;
2720         top: 0;
2721         left: 0;
2722         right: 0;
2723         bottom: 0;
2724         z-index: 2;
2725         overflow-x: hidden;
2726         overflow-y: auto;
2727 }
2728 .oo-ui-processDialog-content .oo-ui-window-head {
2729         height: 3.4em;
2730 }
2731 .oo-ui-processDialog-content .oo-ui-window-body {
2732         top: 3.4em;
2733         box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33);
2734 }
2735 .oo-ui-processDialog-navigation {
2736         position: relative;
2737         height: 3.4em;
2738         padding: 0 1em;
2739 }
2740 .oo-ui-processDialog-location {
2741         padding: 0.75em 0;
2742         height: 1.875em;
2743         cursor: default;
2744         text-align: center;
2745 }
2746 .oo-ui-processDialog-title {
2747         font-weight: bold;
2748         line-height: 1.875em;
2749 }
2750 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button,
2751 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button,
2752 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
2753         min-width: 1.875em;
2754         min-height: 1.875em;
2755 }
2756 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labelElement-label,
2757 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labelElement-label,
2758 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
2759         line-height: 1.875em;
2760 }
2761 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
2762 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
2763 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
2764         margin-top: -0.125em;
2765 }
2766 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed,
2767 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed,
2768 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
2769         margin: 0.75em;
2770 }
2771 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
2772 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
2773 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
2774         padding: 0 1em;
2775         vertical-align: middle;
2776         /* Adjust for border so text aligns with title */
2777         margin: -1px;
2778 }
2779 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless,
2780 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless,
2781 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless {
2782         margin: 0;
2783 }
2784 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button,
2785 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button,
2786 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button {
2787         padding: 0.75em 1em;
2788         vertical-align: middle;
2789 }
2790 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:hover,
2791 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover {
2792         background-color: rgba(0, 0, 0, 0.05);
2793 }
2794 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:active,
2795 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active {
2796         background-color: rgba(0, 0, 0, 0.1);
2797 }
2798 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover,
2799 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
2800         background-color: rgba(8, 126, 204, 0.05);
2801 }
2802 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active,
2803 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
2804         background-color: rgba(8, 126, 204, 0.1);
2805 }
2806 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label,
2807 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
2808         font-weight: bold;
2809 }
2810 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover,
2811 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
2812         background-color: rgba(118, 171, 54, 0.05);
2813 }
2814 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active,
2815 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
2816         background-color: rgba(118, 171, 54, 0.1);
2817 }
2818 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover,
2819 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
2820         background-color: rgba(212, 83, 83, 0.05);
2821 }
2822 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active,
2823 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
2824         background-color: rgba(212, 83, 83, 0.1);
2825 }
2826 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement {
2827         margin-right: 0;
2828 }
2829 .oo-ui-processDialog > .oo-ui-window-frame {
2830         min-height: 5em;
2831 }
2832 .oo-ui-processDialog-errors {
2833         background-color: rgba(255, 255, 255, 0.9);
2834         padding: 3em 3em 1.5em 3em;
2835         text-align: center;
2836 }
2837 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
2838         margin: 2em 1em 2em 1em;
2839 }
2840 .oo-ui-processDialog-errors-title {
2841         font-size: 1.5em;
2842         color: #000000;
2843         margin-bottom: 2em;
2844 }
2845 .oo-ui-processDialog-error {
2846         text-align: left;
2847         margin: 1em;
2848         padding: 1em;
2849         border: 1px solid #ff9e9e;
2850         background-color: #fff7f7;
2851         border-radius: 0.25em;
2852 }
2853 .oo-ui-windowManager-modal > .oo-ui-dialog {
2854         position: fixed;
2855         width: 0;
2856         height: 0;
2857         overflow: hidden;
2858 }
2859 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
2860         width: auto;
2861         height: auto;
2862         top: 0;
2863         right: 0;
2864         bottom: 0;
2865         left: 0;
2866         padding: 1em;
2867 }
2868 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
2869         position: absolute;
2870         right: 0;
2871         left: 0;
2872         margin: auto;
2873         overflow: hidden;
2874         max-width: 100%;
2875         max-height: 100%;
2876 }
2877 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
2878         width: 100%;
2879         height: 100%;
2880         top: 0;
2881         bottom: 0;
2882 }
2883 .oo-ui-windowManager-modal > .oo-ui-dialog {
2884         background-color: rgba(255, 255, 255, 0.5);
2885         opacity: 0;
2886         -webkit-transition: opacity 250ms ease-in-out;
2887            -moz-transition: opacity 250ms ease-in-out;
2888             -ms-transition: opacity 250ms ease-in-out;
2889              -o-transition: opacity 250ms ease-in-out;
2890                 transition: opacity 250ms ease-in-out;
2891 }
2892 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
2893         top: 1em;
2894         bottom: 1em;
2895         background-color: #ffffff;
2896         opacity: 0;
2897         -webkit-transform: scale(0.5);
2898            -moz-transform: scale(0.5);
2899             -ms-transform: scale(0.5);
2900              -o-transform: scale(0.5);
2901                 transform: scale(0.5);
2902         -webkit-transition: all 250ms ease-in-out;
2903            -moz-transition: all 250ms ease-in-out;
2904             -ms-transition: all 250ms ease-in-out;
2905              -o-transition: all 250ms ease-in-out;
2906                 transition: all 250ms ease-in-out;
2907 }
2908 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready {
2909         /* Fade window overlay */
2910         opacity: 1;
2911 }
2912 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
2913         /* Fade frame */
2914         opacity: 1;
2915         -webkit-transform: scale(1);
2916            -moz-transform: scale(1);
2917             -ms-transform: scale(1);
2918              -o-transform: scale(1);
2919                 transform: scale(1);
2920 }
2921 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
2922         border: 1px solid #cccccc;
2923         border-radius: 0.5em;
2924         box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3);
2925 }