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

   1 /*!
   2  * OOjs UI v0.17.9
   3  * https://www.mediawiki.org/wiki/OOjs_UI
   4  *
   5  * Copyright 2011–2016 OOjs UI Team and other contributors.
   6  * Released under the MIT license
   7  * http://oojs.mit-license.org
   8  *
   9  * Date: 2016-09-13T18:30:06Z
  10  */
  11 .oo-ui-element-hidden {
  12         display: none !important;
  13         /* stylelint-disable-line declaration-no-important */
  14 }
  15 .oo-ui-buttonElement {
  16         display: inline-block;
  17         vertical-align: middle;
  18 }
  19 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
  20         cursor: pointer;
  21         display: inline-block;
  22         vertical-align: middle;
  23         font-family: inherit;
  24         font-size: inherit;
  25         line-height: normal;
  26         white-space: nowrap;
  27         -webkit-touch-callout: none;
  28         -webkit-user-select: none;
  29            -moz-user-select: none;
  30             -ms-user-select: none;
  31                 user-select: none;
  32 }
  33 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
  34 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
  35         display: none;
  36 }
  37 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
  38         cursor: default;
  39 }
  40 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
  41 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
  42 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
  43         z-index: 2;
  44 }
  45 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
  46 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
  47 .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  48         display: inline-block;
  49         vertical-align: middle;
  50 }
  51 .oo-ui-buttonElement-frameless {
  52         position: relative;
  53 }
  54 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
  55         vertical-align: top;
  56         text-align: center;
  57 }
  58 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
  59         color: #333;
  60 }
  61 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
  62         margin-left: 0;
  63 }
  64 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
  65         margin: 0.46875em;
  66 }
  67 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
  68         margin-left: 0.46875em;
  69 }
  70 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover,
  71 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus {
  72         outline: none;
  73 }
  74 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon,
  75 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-iconElement-icon {
  76         opacity: 1;
  77 }
  78 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label,
  79 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
  80         color: #000;
  81 }
  82 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  83         color: #333;
  84 }
  85 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  86         margin-left: 0.25em;
  87 }
  88 .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button {
  89         padding-left: 0.25em;
  90         color: #333;
  91 }
  92 .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button:hover,
  93 .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button:focus {
  94         color: #000;
  95 }
  96 .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  97         color: #087ecc;
  98 }
  99 .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 100         color: #76ab36;
 101 }
 102 .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 103         color: #d45353;
 104 }
 105 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 106         opacity: 0.2;
 107 }
 108 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 109         color: #ccc;
 110 }
 111 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
 112         padding: 0.2em 0.8em;
 113         border-radius: 0.3em;
 114         text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
 115         border: 1px #c9c9c9 solid;
 116         -webkit-transition: border-color 100ms ease;
 117            -moz-transition: border-color 100ms ease;
 118                 transition: border-color 100ms ease;
 119         background-color: #eee;
 120         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fff), color-stop(100%, #ddd));
 121         background-image: -webkit-linear-gradient(top, #fff 0, #ddd 100%);
 122         background-image:    -moz-linear-gradient(top, #fff 0, #ddd 100%);
 123         background-image:         linear-gradient(to bottom, #fff 0, #ddd 100%);
 124         -ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#ffffffff\', endColorstr=\'#ffdddddd\' )';
 125 }
 126 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover,
 127 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus {
 128         border-color: #aaa;
 129         outline: none;
 130 }
 131 .oo-ui-buttonElement-framed > input.oo-ui-buttonElement-button,
 132 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 133         line-height: 1.875em;
 134 }
 135 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
 136 .oo-ui-buttonElement-framed.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
 137 .oo-ui-buttonElement-framed.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
 138         box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07);
 139         color: #000;
 140         border-color: #c9c9c9;
 141         background-color: #eee;
 142         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #ddd), color-stop(100%, #fff));
 143         background-image: -webkit-linear-gradient(top, #ddd 0, #fff 100%);
 144         background-image:    -moz-linear-gradient(top, #ddd 0, #fff 100%);
 145         background-image:         linear-gradient(to bottom, #ddd 0, #fff 100%);
 146         -ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#ffdddddd\', endColorstr=\'#ffffffff\' )';
 147 }
 148 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 149         margin-left: -0.5em;
 150         margin-right: -0.5em;
 151 }
 152 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 153         margin-right: 0.3em;
 154 }
 155 .oo-ui-buttonElement-framed.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
 156         margin-left: -0.005em;
 157         margin-right: -0.005em;
 158 }
 159 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
 160 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-iconElement:not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
 161         margin-left: 0.46875em;
 162         margin-right: -0.275em;
 163 }
 164 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
 165         border: 1px solid #a6cee1;
 166         background-color: #cde7f4;
 167         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #eaf4fa), color-stop(100%, #b0d9ee));
 168         background-image: -webkit-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%);
 169         background-image:    -moz-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%);
 170         background-image:         linear-gradient(to bottom, #eaf4fa 0, #b0d9ee 100%);
 171         -ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#ffeaf4fa\', endColorstr=\'#ffb0d9ee\' )';
 172 }
 173 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
 174 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
 175         border-color: #9dc2d4;
 176 }
 177 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
 178 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
 179 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
 180         border: 1px solid #a6cee1;
 181         background-color: #cde7f4;
 182         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #b0d9ee), color-stop(100%, #eaf4fa));
 183         background-image: -webkit-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%);
 184         background-image:    -moz-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%);
 185         background-image:         linear-gradient(to bottom, #b0d9ee 0, #eaf4fa 100%);
 186         -ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#ffb0d9ee\', endColorstr=\'#ffeaf4fa\' )';
 187 }
 188 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
 189         border: 1px solid #b8d892;
 190         background-color: #daf0bd;
 191         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #f0fbe1), color-stop(100%, #c3e59a));
 192         background-image: -webkit-linear-gradient(top, #f0fbe1 0, #c3e59a 100%);
 193         background-image:    -moz-linear-gradient(top, #f0fbe1 0, #c3e59a 100%);
 194         background-image:         linear-gradient(to bottom, #f0fbe1 0, #c3e59a 100%);
 195         -ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#fff0fbe1\', endColorstr=\'#ffc3e59a\' )';
 196 }
 197 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover,
 198 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
 199         border-color: #adcb89;
 200 }
 201 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
 202 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
 203 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
 204         border: 1px solid #b8d892;
 205         background-color: #daf0bd;
 206         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #c3e59a), color-stop(100%, #f0fbe1));
 207         background-image: -webkit-linear-gradient(top, #c3e59a 0, #f0fbe1 100%);
 208         background-image:    -moz-linear-gradient(top, #c3e59a 0, #f0fbe1 100%);
 209         background-image:         linear-gradient(to bottom, #c3e59a 0, #f0fbe1 100%);
 210         -ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#ffc3e59a\', endColorstr=\'#fff0fbe1\' )';
 211 }
 212 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
 213         color: #d45353;
 214 }
 215 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
 216 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
 217 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
 218         opacity: 0.5;
 219         -webkit-transform: translate3d(0, 0, 0);
 220         box-shadow: none;
 221         color: #333;
 222         background: #eee;
 223         border-color: #ccc;
 224 }
 225 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover,
 226 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:hover,
 227 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:hover,
 228 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:focus,
 229 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus,
 230 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:focus {
 231         border-color: #ccc;
 232         box-shadow: none;
 233 }
 234 .oo-ui-clippableElement-clippable {
 235         -webkit-box-sizing: border-box;
 236            -moz-box-sizing: border-box;
 237                 box-sizing: border-box;
 238 }
 239 .oo-ui-floatableElement-hidden {
 240         display: none;
 241 }
 242 .oo-ui-iconElement .oo-ui-iconElement-icon,
 243 .oo-ui-iconElement.oo-ui-iconElement-icon {
 244         background-size: contain;
 245         background-position: center center;
 246         background-repeat: no-repeat;
 247         min-width: 24px;
 248         width: 1.875em;
 249         min-height: 24px;
 250         height: 1.875em;
 251 }
 252 .oo-ui-iconElement .oo-ui-iconElement-icon,
 253 .oo-ui-iconElement.oo-ui-iconElement-icon {
 254         opacity: 0.8;
 255 }
 256 .oo-ui-indicatorElement .oo-ui-indicatorElement-indicator,
 257 .oo-ui-indicatorElement.oo-ui-indicatorElement-indicator {
 258         background-size: contain;
 259         background-position: center center;
 260         background-repeat: no-repeat;
 261         min-width: 12px;
 262         width: 0.9375em;
 263         min-height: 12px;
 264         height: 0.9375em;
 265 }
 266 .oo-ui-indicatorElement .oo-ui-indicatorElement-indicator,
 267 .oo-ui-indicatorElement.oo-ui-indicatorElement-indicator {
 268         opacity: 0.8;
 269 }
 270 .oo-ui-labelElement .oo-ui-labelElement-label-highlight {
 271         font-weight: bold;
 272 }
 273 .oo-ui-pendingElement-pending {
 274         background-image: /* @embed */ url(themes/apex/images/textures/pending.gif);
 275 }
 276 .oo-ui-fieldLayout {
 277         display: block;
 278         margin-bottom: 1em;
 279 }
 280 .oo-ui-fieldLayout:before,
 281 .oo-ui-fieldLayout:after {
 282         content: ' ';
 283         display: table;
 284 }
 285 .oo-ui-fieldLayout:after {
 286         clear: both;
 287 }
 288 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
 289 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
 290 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
 291 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
 292         display: block;
 293         float: left;
 294 }
 295 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
 296         text-align: right;
 297 }
 298 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
 299         display: table;
 300 }
 301 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
 302 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
 303         display: table-cell;
 304         vertical-align: middle;
 305 }
 306 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
 307         display: inline-block;
 308 }
 309 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help {
 310         float: right;
 311 }
 312 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
 313         z-index: 1;
 314 }
 315 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help .oo-ui-fieldLayout-help-content {
 316         padding: 0.5em 0.75em;
 317         line-height: 1.5;
 318 }
 319 .oo-ui-fieldLayout:last-child {
 320         margin-bottom: 0;
 321 }
 322 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
 323 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
 324         padding-top: 0.5em;
 325         margin-right: 5%;
 326         width: 35%;
 327 }
 328 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
 329 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
 330         width: 60%;
 331 }
 332 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
 333         margin-bottom: 1.25em;
 334 }
 335 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
 336         padding: 0.25em 0.25em 0.25em 0.5em;
 337 }
 338 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
 339         padding: 0.5em 0;
 340 }
 341 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget {
 342         margin-right: 0;
 343         margin-top: 0.25em;
 344 }
 345 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget:last-child {
 346         margin-right: 0;
 347 }
 348 .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
 349         color: #ccc;
 350 }
 351 .oo-ui-fieldLayout-messages {
 352         list-style: none none;
 353         margin: 0;
 354         padding: 0;
 355         margin-top: 0.25em;
 356         margin-left: 0.25em;
 357 }
 358 .oo-ui-fieldLayout-messages > li {
 359         margin: 0;
 360         padding: 0;
 361 }
 362 .oo-ui-fieldLayout-messages .oo-ui-iconWidget {
 363         display: none;
 364 }
 365 .oo-ui-fieldLayout-messages .oo-ui-fieldLayout-messages-error {
 366         color: #d45353;
 367 }
 368 .oo-ui-fieldLayout-messages .oo-ui-labelWidget {
 369         padding: 0.1em 0;
 370         line-height: 1.5em;
 371         vertical-align: middle;
 372 }
 373 .oo-ui-actionFieldLayout {
 374         max-width: 50em;
 375 }
 376 .oo-ui-actionFieldLayout-input,
 377 .oo-ui-actionFieldLayout-button {
 378         display: table-cell;
 379         vertical-align: middle;
 380 }
 381 .oo-ui-actionFieldLayout-input {
 382         padding-right: 1em;
 383 }
 384 .oo-ui-actionFieldLayout-button {
 385         width: 1%;
 386         white-space: nowrap;
 387 }
 388 .oo-ui-fieldsetLayout {
 389         position: relative;
 390         min-width: 0;
 391         margin: 0;
 392         border: 0;
 393         padding: 0.01px 0 0 0;
 394 }
 395 body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout {
 396         display: table-cell;
 397 }
 398 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
 399         display: block;
 400         position: absolute;
 401 }
 402 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
 403         color: inherit;
 404         display: inline-table;
 405         box-sizing: border-box;
 406         max-width: 100%;
 407         padding: 0;
 408         white-space: normal;
 409 }
 410 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help {
 411         float: right;
 412 }
 413 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
 414         z-index: 1;
 415 }
 416 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help .oo-ui-fieldsetLayout-help-content {
 417         padding: 0.5em 0.75em;
 418         line-height: 1.5;
 419 }
 420 .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout,
 421 .oo-ui-fieldsetLayout + .oo-ui-formLayout {
 422         margin-top: 2em;
 423 }
 424 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
 425         font-size: 1.1em;
 426         margin-bottom: 0.5em;
 427         padding: 0.25em 0;
 428         font-weight: bold;
 429 }
 430 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label {
 431         padding-left: 2em;
 432         line-height: 1.8em;
 433 }
 434 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
 435         left: 0;
 436         top: 0.25em;
 437 }
 438 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget {
 439         margin-right: 0;
 440 }
 441 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget:last-child {
 442         margin-right: 0;
 443 }
 444 .oo-ui-formLayout + .oo-ui-fieldsetLayout,
 445 .oo-ui-formLayout + .oo-ui-formLayout {
 446         margin-top: 2em;
 447 }
 448 .oo-ui-panelLayout {
 449         position: relative;
 450 }
 451 .oo-ui-panelLayout-scrollable {
 452         overflow-y: auto;
 453 }
 454 .oo-ui-panelLayout-expanded {
 455         position: absolute;
 456         top: 0;
 457         left: 0;
 458         right: 0;
 459         bottom: 0;
 460 }
 461 .oo-ui-panelLayout-padded {
 462         padding: 1.25em;
 463 }
 464 .oo-ui-panelLayout-framed {
 465         border-radius: 0.5em;
 466         box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.25);
 467 }
 468 .oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
 469         margin: 1em 0;
 470 }
 471 .oo-ui-horizontalLayout > .oo-ui-widget {
 472         display: inline-block;
 473         vertical-align: middle;
 474 }
 475 .oo-ui-horizontalLayout > .oo-ui-layout {
 476         display: inline-block;
 477 }
 478 .oo-ui-horizontalLayout > .oo-ui-layout,
 479 .oo-ui-horizontalLayout > .oo-ui-widget {
 480         margin-right: 0.5em;
 481 }
 482 .oo-ui-horizontalLayout > .oo-ui-layout:last-child,
 483 .oo-ui-horizontalLayout > .oo-ui-widget:last-child {
 484         margin-right: 0;
 485 }
 486 .oo-ui-horizontalLayout > .oo-ui-layout {
 487         margin-bottom: 0;
 488 }
 489 .oo-ui-optionWidget {
 490         position: relative;
 491         display: block;
 492         padding: 0.25em 0.5em;
 493         border: 0;
 494 }
 495 .oo-ui-optionWidget.oo-ui-widget-enabled {
 496         cursor: pointer;
 497 }
 498 .oo-ui-optionWidget.oo-ui-widget-disabled {
 499         cursor: default;
 500 }
 501 .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
 502         display: block;
 503         white-space: nowrap;
 504         text-overflow: ellipsis;
 505         overflow: hidden;
 506 }
 507 .oo-ui-optionWidget-highlighted {
 508         background-color: #e1f3ff;
 509 }
 510 .oo-ui-optionWidget .oo-ui-labelElement-label {
 511         line-height: 1.5em;
 512 }
 513 .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected {
 514         background-color: #a7dcff;
 515 }
 516 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed,
 517 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted,
 518 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
 519         background-color: #a7dcff;
 520 }
 521 .oo-ui-optionWidget.oo-ui-widget-disabled {
 522         color: #ccc;
 523 }
 524 .oo-ui-decoratedOptionWidget {
 525         padding: 0.5em 2em 0.5em 3em;
 526 }
 527 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
 528 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
 529         position: absolute;
 530 }
 531 .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
 532 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 533         top: 0;
 534         height: 100%;
 535 }
 536 .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
 537         left: 0.5em;
 538 }
 539 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 540         right: 0.5em;
 541 }
 542 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon,
 543 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
 544         opacity: 0.2;
 545 }
 546 .oo-ui-radioOptionWidget {
 547         cursor: default;
 548         padding: 0;
 549         background-color: transparent;
 550 }
 551 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget,
 552 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
 553         display: inline-block;
 554         vertical-align: middle;
 555 }
 556 .oo-ui-radioOptionWidget.oo-ui-optionWidget-selected,
 557 .oo-ui-radioOptionWidget.oo-ui-optionWidget-pressed,
 558 .oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted {
 559         background-color: transparent;
 560 }
 561 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
 562         padding-left: 0.5em;
 563 }
 564 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget {
 565         margin-right: 0;
 566 }
 567 .oo-ui-labelWidget {
 568         display: inline-block;
 569         padding: 0.5em 0;
 570 }
 571 .oo-ui-iconWidget {
 572         display: inline-block;
 573         vertical-align: middle;
 574         line-height: 2.5em;
 575 }
 576 .oo-ui-iconWidget.oo-ui-widget-disabled {
 577         opacity: 0.2;
 578 }
 579 .oo-ui-indicatorWidget {
 580         display: inline-block;
 581         vertical-align: middle;
 582         line-height: 2.5em;
 583         margin: 0.46875em;
 584 }
 585 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
 586         opacity: 0.2;
 587 }
 588 .oo-ui-buttonWidget {
 589         margin-right: 0.5em;
 590 }
 591 .oo-ui-buttonWidget:last-child {
 592         margin-right: 0;
 593 }
 594 .oo-ui-buttonGroupWidget {
 595         display: inline-block;
 596         white-space: nowrap;
 597         border-radius: 0.3em;
 598         margin-right: 0.5em;
 599 }
 600 .oo-ui-buttonGroupWidget:last-child {
 601         margin-right: 0;
 602 }
 603 .oo-ui-buttonGroupWidget .oo-ui-buttonElement {
 604         margin-right: 0;
 605 }
 606 .oo-ui-buttonGroupWidget .oo-ui-buttonElement:last-child {
 607         margin-right: 0;
 608 }
 609 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
 610         border-radius: 0;
 611         margin-left: -1px;
 612 }
 613 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
 614         border-bottom-left-radius: 0.3em;
 615         border-top-left-radius: 0.3em;
 616         margin-left: 0;
 617 }
 618 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
 619         border-bottom-right-radius: 0.3em;
 620         border-top-right-radius: 0.3em;
 621 }
 622 .oo-ui-popupWidget {
 623         position: absolute;
 624         /* @noflip */
 625         left: 0;
 626 }
 627 .oo-ui-popupWidget-popup {
 628         position: relative;
 629         overflow: hidden;
 630         z-index: 1;
 631 }
 632 .oo-ui-popupWidget-anchor {
 633         display: none;
 634         z-index: 1;
 635 }
 636 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
 637         display: block;
 638         position: absolute;
 639         top: 0;
 640         /* @noflip */
 641         left: 0;
 642         background-repeat: no-repeat;
 643 }
 644 .oo-ui-popupWidget-head {
 645         -webkit-touch-callout: none;
 646         -webkit-user-select: none;
 647            -moz-user-select: none;
 648             -ms-user-select: none;
 649                 user-select: none;
 650 }
 651 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
 652         float: right;
 653 }
 654 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
 655         float: left;
 656         cursor: default;
 657 }
 658 .oo-ui-popupWidget-body {
 659         clear: both;
 660         overflow: hidden;
 661 }
 662 .oo-ui-popupWidget-popup {
 663         background-color: #fff;
 664         border: 1px solid #ccc;
 665         border-radius: 0.25em;
 666         box-shadow: 0 0.15em 0.5em 0 rgba(0, 0, 0, 0.2);
 667 }
 668 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
 669         margin-top: 6px;
 670 }
 671 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before,
 672 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
 673         content: '';
 674         position: absolute;
 675         width: 0;
 676         height: 0;
 677         border-style: solid;
 678         border-color: transparent;
 679         border-top: 0;
 680 }
 681 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before {
 682         bottom: -7px;
 683         left: -6px;
 684         border-bottom-color: #aaa;
 685         border-width: 7px;
 686 }
 687 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
 688         bottom: -7px;
 689         left: -5px;
 690         border-bottom-color: #fff;
 691         border-width: 6px;
 692 }
 693 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
 694         -webkit-transition: width 100ms ease, height 100ms ease, left 100ms ease;
 695            -moz-transition: width 100ms ease, height 100ms ease, left 100ms ease;
 696                 transition: width 100ms ease, height 100ms ease, left 100ms ease;
 697 }
 698 .oo-ui-popupWidget-head {
 699         height: 2.5em;
 700 }
 701 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
 702         margin: 0.25em;
 703 }
 704 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
 705         margin: 0.75em 1em;
 706 }
 707 .oo-ui-popupWidget-body-padded {
 708         padding: 0 1em;
 709 }
 710 .oo-ui-popupButtonWidget {
 711         position: relative;
 712 }
 713 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
 714         position: absolute;
 715         cursor: auto;
 716 }
 717 .oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget {
 718         /* @noflip */
 719         left: 0.9375em;
 720 }
 721 .oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget {
 722         /* @noflip */
 723         left: 1.2375em;
 724 }
 725 .oo-ui-inputWidget {
 726         margin-right: 0.5em;
 727 }
 728 .oo-ui-inputWidget:last-child {
 729         margin-right: 0;
 730 }
 731 .oo-ui-buttonInputWidget > button,
 732 .oo-ui-buttonInputWidget > input {
 733         border: 0;
 734         padding: 0;
 735         background-color: transparent;
 736 }
 737 .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout {
 738         margin-bottom: 0;
 739 }
 740 .oo-ui-dropdownInputWidget {
 741         position: relative;
 742         vertical-align: middle;
 743         -webkit-box-sizing: border-box;
 744            -moz-box-sizing: border-box;
 745                 box-sizing: border-box;
 746         width: 100%;
 747         max-width: 50em;
 748 }
 749 .oo-ui-dropdownInputWidget .oo-ui-dropdownWidget,
 750 .oo-ui-dropdownInputWidget select {
 751         display: block;
 752 }
 753 .oo-ui-dropdownInputWidget select {
 754         width: 100%;
 755         cursor: pointer;
 756         -webkit-box-sizing: border-box;
 757            -moz-box-sizing: border-box;
 758                 box-sizing: border-box;
 759 }
 760 .oo-ui-dropdownInputWidget select {
 761         background-color: #fff;
 762         height: 2.5em;
 763         padding: 0.5em;
 764         font-size: inherit;
 765         font-family: inherit;
 766         border: 1px solid rgba(0, 0, 0, 0.1);
 767         border-radius: 0.25em;
 768 }
 769 .oo-ui-dropdownInputWidget option {
 770         font-size: inherit;
 771         font-family: inherit;
 772         height: 1.5em;
 773         padding: 0.5em 1em;
 774 }
 775 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
 776 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
 777         border-color: rgba(0, 0, 0, 0.2);
 778         outline: none;
 779 }
 780 .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
 781         color: #ccc;
 782         border-color: #ddd;
 783         background-color: #f3f3f3;
 784 }
 785 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout {
 786         margin-bottom: 0;
 787 }
 788 .oo-ui-textInputWidget {
 789         position: relative;
 790         vertical-align: middle;
 791         -webkit-box-sizing: border-box;
 792            -moz-box-sizing: border-box;
 793                 box-sizing: border-box;
 794         width: 100%;
 795         max-width: 50em;
 796 }
 797 .oo-ui-textInputWidget input,
 798 .oo-ui-textInputWidget textarea {
 799         display: block;
 800         width: 100%;
 801         -webkit-box-sizing: border-box;
 802            -moz-box-sizing: border-box;
 803                 box-sizing: border-box;
 804 }
 805 .oo-ui-textInputWidget textarea {
 806         overflow: auto;
 807         resize: none;
 808 }
 809 .oo-ui-textInputWidget [type='number'] {
 810         -moz-appearance: textfield;
 811 }
 812 .oo-ui-textInputWidget [type='number']::-webkit-outer-spin-button,
 813 .oo-ui-textInputWidget [type='number']::-webkit-inner-spin-button {
 814         -webkit-appearance: none;
 815         margin: 0;
 816 }
 817 .oo-ui-textInputWidget [type='search'] {
 818         -webkit-appearance: textfield;
 819 }
 820 .oo-ui-textInputWidget [type='search']::-ms-clear {
 821         display: none;
 822 }
 823 .oo-ui-textInputWidget [type='search']::-webkit-search-decoration,
 824 .oo-ui-textInputWidget [type='search']::-webkit-search-cancel-button {
 825         display: none;
 826 }
 827 .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
 828 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator,
 829 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
 830         display: none;
 831 }
 832 .oo-ui-textInputWidget.oo-ui-iconElement > .oo-ui-iconElement-icon,
 833 .oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
 834         display: block;
 835         position: absolute;
 836         top: 0;
 837         height: 100%;
 838         -webkit-touch-callout: none;
 839         -webkit-user-select: none;
 840            -moz-user-select: none;
 841             -ms-user-select: none;
 842                 user-select: none;
 843 }
 844 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon,
 845 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
 846         cursor: text;
 847 }
 848 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator {
 849         cursor: pointer;
 850 }
 851 .oo-ui-textInputWidget.oo-ui-widget-disabled input,
 852 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
 853         -webkit-touch-callout: none;
 854         -webkit-user-select: none;
 855            -moz-user-select: none;
 856             -ms-user-select: none;
 857                 user-select: none;
 858 }
 859 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label {
 860         -webkit-touch-callout: none;
 861         -webkit-user-select: none;
 862            -moz-user-select: none;
 863             -ms-user-select: none;
 864                 user-select: none;
 865 }
 866 .oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
 867         display: block;
 868 }
 869 .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
 870 .oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label {
 871         left: 0;
 872 }
 873 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator,
 874 .oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
 875         right: 0;
 876 }
 877 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
 878         position: absolute;
 879         top: 0;
 880 }
 881 .oo-ui-textInputWidget input,
 882 .oo-ui-textInputWidget textarea {
 883         padding: 0.5em;
 884         line-height: 1.275em;
 885         font-size: inherit;
 886         font-family: inherit;
 887         background-color: #fff;
 888         color: #000;
 889         border: 1px solid #ccc;
 890         box-shadow: 0 0 0 #fff, inset 0 0.1em 0.2em #ddd;
 891         border-radius: 0.25em;
 892         -webkit-transition: border-color 250ms ease, box-shadow 250ms ease;
 893            -moz-transition: border-color 250ms ease, box-shadow 250ms ease;
 894                 transition: border-color 250ms ease, box-shadow 250ms ease;
 895 }
 896 .oo-ui-textInputWidget input.oo-ui-pendingElement-pending,
 897 .oo-ui-textInputWidget textarea.oo-ui-pendingElement-pending {
 898         background-color: transparent;
 899 }
 900 .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
 901 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
 902         outline: none;
 903         border-color: #a7dcff;
 904         box-shadow: 0 0 0.3em #a7dcff, 0 0 0 #fff;
 905 }
 906 .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly],
 907 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
 908         color: #777;
 909 }
 910 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input,
 911 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea {
 912         background-color: #fdd;
 913 }
 914 .oo-ui-textInputWidget.oo-ui-widget-disabled input,
 915 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
 916         color: #ccc;
 917         text-shadow: 0 1px 1px #fff;
 918         border-color: #ddd;
 919         background-color: #f3f3f3;
 920 }
 921 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon,
 922 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
 923         opacity: 0.2;
 924 }
 925 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label {
 926         color: #ddd;
 927         text-shadow: 0 1px 1px #fff;
 928 }
 929 .oo-ui-textInputWidget.oo-ui-iconElement input,
 930 .oo-ui-textInputWidget.oo-ui-iconElement textarea {
 931         padding-left: 2.475em;
 932 }
 933 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
 934         max-height: 2.375em;
 935         margin-left: 0.3em;
 936 }
 937 .oo-ui-textInputWidget.oo-ui-indicatorElement input,
 938 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
 939         padding-right: 2.4875em;
 940 }
 941 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 942         max-height: 2.375em;
 943         margin-right: 0.775em;
 944 }
 945 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
 946         padding: 0.4em;
 947         line-height: 1.5em;
 948         color: #888;
 949 }
 950 .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label {
 951         margin-right: 2.0875em;
 952 }
 953 .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label {
 954         margin-left: 2.075em;
 955 }
 956 .oo-ui-menuSelectWidget {
 957         position: absolute;
 958         width: 100%;
 959         z-index: 4;
 960         background-color: #fff;
 961         margin-top: -1px;
 962         border: 1px solid #ccc;
 963         border-radius: 0 0 0.25em 0.25em;
 964         box-shadow: 0 0.15em 1em 0 rgba(0, 0, 0, 0.2);
 965 }
 966 .oo-ui-menuSelectWidget input {
 967         position: absolute;
 968         width: 0;
 969         height: 0;
 970         overflow: hidden;
 971         opacity: 0;
 972 }
 973 .oo-ui-menuOptionWidget {
 974         position: relative;
 975 }
 976 .oo-ui-menuOptionWidget .oo-ui-iconElement-icon {
 977         display: none;
 978 }
 979 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
 980         display: block;
 981 }
 982 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
 983         background-color: transparent;
 984 }
 985 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
 986 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
 987         background-color: #e1f3ff;
 988 }
 989 .oo-ui-menuSectionOptionWidget {
 990         cursor: default;
 991         padding: 0.33em 0.75em;
 992         color: #888;
 993 }
 994 .oo-ui-dropdownWidget {
 995         display: inline-block;
 996         position: relative;
 997         width: 100%;
 998         max-width: 50em;
 999         background-color: #fff;
1000         margin-right: 0.5em;
1001 }
1002 .oo-ui-dropdownWidget-handle {
1003         width: 100%;
1004         display: block;
1005         white-space: nowrap;
1006         overflow: hidden;
1007         text-overflow: ellipsis;
1008         cursor: default;
1009         -webkit-touch-callout: none;
1010         -webkit-user-select: none;
1011            -moz-user-select: none;
1012             -ms-user-select: none;
1013                 user-select: none;
1014         -webkit-box-sizing: border-box;
1015            -moz-box-sizing: border-box;
1016                 box-sizing: border-box;
1017 }
1018 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator,
1019 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1020         position: absolute;
1021 }
1022 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
1023         cursor: pointer;
1024 }
1025 .oo-ui-dropdownWidget:last-child {
1026         margin-right: 0;
1027 }
1028 .oo-ui-dropdownWidget-handle {
1029         height: 2.5em;
1030         border: 1px solid rgba(0, 0, 0, 0.1);
1031         border-radius: 0.25em;
1032 }
1033 .oo-ui-dropdownWidget-handle:hover {
1034         border-color: rgba(0, 0, 0, 0.2);
1035 }
1036 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1037         top: 0;
1038         right: 0;
1039         margin: 0.775em;
1040 }
1041 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1042         top: 0;
1043         left: 0.25em;
1044         margin: 0.3em;
1045 }
1046 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1047         line-height: 2.5em;
1048         margin: 0 0.5em;
1049 }
1050 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1051         color: #ccc;
1052         text-shadow: 0 1px 1px #fff;
1053         border-color: #ddd;
1054         background-color: #f3f3f3;
1055 }
1056 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle:focus {
1057         outline: 0;
1058 }
1059 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1060         opacity: 0.2;
1061 }
1062 .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1063         margin-left: 3em;
1064 }
1065 .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1066         margin-right: 2em;
1067 }
1068 .oo-ui-comboBoxInputWidget {
1069         display: inline-block;
1070         width: 100%;
1071         max-width: 50em;
1072         margin-right: 0.5em;
1073 }
1074 .oo-ui-comboBoxInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
1075         cursor: pointer;
1076 }
1077 .oo-ui-comboBoxInputWidget-php ::-webkit-calendar-picker-indicator {
1078         opacity: 0;
1079         position: absolute;
1080         right: 0;
1081         top: 0;
1082         height: 2.5em;
1083         width: 2.5em;
1084         padding: 0;
1085 }
1086 .oo-ui-comboBoxInputWidget-php > .oo-ui-indicatorElement-indicator {
1087         pointer-events: none;
1088 }
1089 .oo-ui-comboBoxInputWidget:last-child {
1090         margin-right: 0;
1091 }
1092 .oo-ui-comboBoxInputWidget.oo-ui-widget-disabled .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator,
1093 .oo-ui-comboBoxInputWidget-empty .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1094         cursor: default;
1095         opacity: 0.2;
1096 }
1097 .oo-ui-multioptionWidget {
1098         position: relative;
1099         display: block;
1100 }
1101 .oo-ui-multioptionWidget.oo-ui-widget-enabled {
1102         cursor: pointer;
1103 }
1104 .oo-ui-multioptionWidget.oo-ui-widget-disabled {
1105         cursor: default;
1106 }
1107 .oo-ui-multioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1108         display: block;
1109         white-space: nowrap;
1110         text-overflow: ellipsis;
1111         overflow: hidden;
1112 }
1113 .oo-ui-multioptionWidget .oo-ui-labelElement-label {
1114         line-height: 1.5em;
1115 }
1116 .oo-ui-multioptionWidget.oo-ui-widget-disabled {
1117         color: #ccc;
1118 }
1119 .oo-ui-checkboxMultioptionWidget {
1120         cursor: default;
1121         padding: 0;
1122 }
1123 .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget,
1124 .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1125         display: inline-block;
1126         vertical-align: middle;
1127 }
1128 .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1129         padding-left: 0.5em;
1130 }
1131 .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget {
1132         margin-right: 0;
1133 }
1134 .oo-ui-progressBarWidget {
1135         max-width: 50em;
1136         background-color: #fff;
1137         border: 1px solid #ccc;
1138         border-radius: 0.25em;
1139         overflow: hidden;
1140 }
1141 .oo-ui-progressBarWidget-bar {
1142         height: 1em;
1143         border-right: 1px solid #ccc;
1144         -webkit-transition: width 250ms ease, margin-left 250ms ease;
1145            -moz-transition: width 250ms ease, margin-left 250ms ease;
1146                 transition: width 250ms ease, margin-left 250ms ease;
1147         background-color: #cde7f4;
1148         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #eaf4fa), color-stop(100%, #b0d9ee));
1149         background-image: -webkit-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%);
1150         background-image:    -moz-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%);
1151         background-image:         linear-gradient(to bottom, #eaf4fa 0, #b0d9ee 100%);
1152         -ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#ffeaf4fa\', endColorstr=\'#ffb0d9ee\' )';
1153 }
1154 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
1155         -webkit-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1156            -moz-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1157                 animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1158         width: 40%;
1159         margin-left: -10%;
1160         border-left: 1px solid #a6cee1;
1161 }
1162 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
1163         opacity: 0.6;
1164 }
1165 @-webkit-keyframes oo-ui-progressBarWidget-slide {
1166         from {
1167                 margin-left: -40%;
1168         }
1169         to {
1170                 margin-left: 100%;
1171         }
1172 }
1173 @-moz-keyframes oo-ui-progressBarWidget-slide {
1174         from {
1175                 margin-left: -40%;
1176         }
1177         to {
1178                 margin-left: 100%;
1179         }
1180 }
1181 @keyframes oo-ui-progressBarWidget-slide {
1182         from {
1183                 margin-left: -40%;
1184         }
1185         to {
1186                 margin-left: 100%;
1187         }
1188 }