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

   1 /*!
   2  * OOjs UI v0.17.10
   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-10-03T18:59: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         float: left;
 410 }
 411 .oo-ui-fieldsetLayout-group {
 412         clear: both;
 413 }
 414 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help {
 415         float: right;
 416 }
 417 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
 418         z-index: 1;
 419 }
 420 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help .oo-ui-fieldsetLayout-help-content {
 421         padding: 0.5em 0.75em;
 422         line-height: 1.5;
 423 }
 424 .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout,
 425 .oo-ui-fieldsetLayout + .oo-ui-formLayout {
 426         margin-top: 2em;
 427 }
 428 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
 429         font-size: 1.1em;
 430         margin-bottom: 0.5em;
 431         padding: 0.25em 0;
 432         font-weight: bold;
 433 }
 434 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label {
 435         padding-left: 2em;
 436         line-height: 1.8em;
 437 }
 438 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
 439         left: 0;
 440         top: 0.25em;
 441 }
 442 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget {
 443         margin-right: 0;
 444 }
 445 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget:last-child {
 446         margin-right: 0;
 447 }
 448 .oo-ui-formLayout + .oo-ui-fieldsetLayout,
 449 .oo-ui-formLayout + .oo-ui-formLayout {
 450         margin-top: 2em;
 451 }
 452 .oo-ui-panelLayout {
 453         position: relative;
 454 }
 455 .oo-ui-panelLayout-scrollable {
 456         overflow-y: auto;
 457 }
 458 .oo-ui-panelLayout-expanded {
 459         position: absolute;
 460         top: 0;
 461         left: 0;
 462         right: 0;
 463         bottom: 0;
 464 }
 465 .oo-ui-panelLayout-padded {
 466         padding: 1.25em;
 467 }
 468 .oo-ui-panelLayout-framed {
 469         border-radius: 0.5em;
 470         box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.25);
 471 }
 472 .oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
 473         margin: 1em 0;
 474 }
 475 .oo-ui-horizontalLayout > .oo-ui-widget {
 476         display: inline-block;
 477         vertical-align: middle;
 478 }
 479 .oo-ui-horizontalLayout > .oo-ui-layout {
 480         display: inline-block;
 481 }
 482 .oo-ui-horizontalLayout > .oo-ui-layout,
 483 .oo-ui-horizontalLayout > .oo-ui-widget {
 484         margin-right: 0.5em;
 485 }
 486 .oo-ui-horizontalLayout > .oo-ui-layout:last-child,
 487 .oo-ui-horizontalLayout > .oo-ui-widget:last-child {
 488         margin-right: 0;
 489 }
 490 .oo-ui-horizontalLayout > .oo-ui-layout {
 491         margin-bottom: 0;
 492 }
 493 .oo-ui-optionWidget {
 494         position: relative;
 495         display: block;
 496         padding: 0.25em 0.5em;
 497         border: 0;
 498 }
 499 .oo-ui-optionWidget.oo-ui-widget-enabled {
 500         cursor: pointer;
 501 }
 502 .oo-ui-optionWidget.oo-ui-widget-disabled {
 503         cursor: default;
 504 }
 505 .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
 506         display: block;
 507         white-space: nowrap;
 508         text-overflow: ellipsis;
 509         overflow: hidden;
 510 }
 511 .oo-ui-optionWidget-highlighted {
 512         background-color: #e1f3ff;
 513 }
 514 .oo-ui-optionWidget .oo-ui-labelElement-label {
 515         line-height: 1.5em;
 516 }
 517 .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected {
 518         background-color: #a7dcff;
 519 }
 520 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed,
 521 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted,
 522 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
 523         background-color: #a7dcff;
 524 }
 525 .oo-ui-optionWidget.oo-ui-widget-disabled {
 526         color: #ccc;
 527 }
 528 .oo-ui-decoratedOptionWidget {
 529         padding: 0.5em 2em 0.5em 3em;
 530 }
 531 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
 532 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
 533         position: absolute;
 534 }
 535 .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
 536 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 537         top: 0;
 538         height: 100%;
 539 }
 540 .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
 541         left: 0.5em;
 542 }
 543 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 544         right: 0.5em;
 545 }
 546 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon,
 547 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
 548         opacity: 0.2;
 549 }
 550 .oo-ui-radioOptionWidget {
 551         cursor: default;
 552         padding: 0;
 553         background-color: transparent;
 554 }
 555 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget,
 556 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
 557         display: inline-block;
 558         vertical-align: middle;
 559 }
 560 .oo-ui-radioOptionWidget.oo-ui-optionWidget-selected,
 561 .oo-ui-radioOptionWidget.oo-ui-optionWidget-pressed,
 562 .oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted {
 563         background-color: transparent;
 564 }
 565 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
 566         padding-left: 0.5em;
 567 }
 568 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget {
 569         margin-right: 0;
 570 }
 571 .oo-ui-labelWidget {
 572         display: inline-block;
 573         padding: 0.5em 0;
 574 }
 575 .oo-ui-iconWidget {
 576         display: inline-block;
 577         vertical-align: middle;
 578         line-height: 2.5em;
 579 }
 580 .oo-ui-iconWidget.oo-ui-widget-disabled {
 581         opacity: 0.2;
 582 }
 583 .oo-ui-indicatorWidget {
 584         display: inline-block;
 585         vertical-align: middle;
 586         line-height: 2.5em;
 587         margin: 0.46875em;
 588 }
 589 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
 590         opacity: 0.2;
 591 }
 592 .oo-ui-buttonWidget {
 593         margin-right: 0.5em;
 594 }
 595 .oo-ui-buttonWidget:last-child {
 596         margin-right: 0;
 597 }
 598 .oo-ui-buttonGroupWidget {
 599         display: inline-block;
 600         white-space: nowrap;
 601         border-radius: 0.3em;
 602         margin-right: 0.5em;
 603 }
 604 .oo-ui-buttonGroupWidget:last-child {
 605         margin-right: 0;
 606 }
 607 .oo-ui-buttonGroupWidget .oo-ui-buttonElement {
 608         margin-right: 0;
 609 }
 610 .oo-ui-buttonGroupWidget .oo-ui-buttonElement:last-child {
 611         margin-right: 0;
 612 }
 613 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
 614         border-radius: 0;
 615         margin-left: -1px;
 616 }
 617 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
 618         border-bottom-left-radius: 0.3em;
 619         border-top-left-radius: 0.3em;
 620         margin-left: 0;
 621 }
 622 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
 623         border-bottom-right-radius: 0.3em;
 624         border-top-right-radius: 0.3em;
 625 }
 626 .oo-ui-popupWidget {
 627         position: absolute;
 628         /* @noflip */
 629         left: 0;
 630 }
 631 .oo-ui-popupWidget-popup {
 632         position: relative;
 633         overflow: hidden;
 634         z-index: 1;
 635 }
 636 .oo-ui-popupWidget-anchor {
 637         display: none;
 638         z-index: 1;
 639 }
 640 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
 641         display: block;
 642         position: absolute;
 643         top: 0;
 644         /* @noflip */
 645         left: 0;
 646         background-repeat: no-repeat;
 647 }
 648 .oo-ui-popupWidget-head {
 649         -webkit-touch-callout: none;
 650         -webkit-user-select: none;
 651            -moz-user-select: none;
 652             -ms-user-select: none;
 653                 user-select: none;
 654 }
 655 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
 656         float: right;
 657 }
 658 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
 659         float: left;
 660         cursor: default;
 661 }
 662 .oo-ui-popupWidget-body {
 663         clear: both;
 664         overflow: hidden;
 665 }
 666 .oo-ui-popupWidget-popup {
 667         background-color: #fff;
 668         border: 1px solid #ccc;
 669         border-radius: 0.25em;
 670         box-shadow: 0 0.15em 0.5em 0 rgba(0, 0, 0, 0.2);
 671 }
 672 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
 673         margin-top: 6px;
 674 }
 675 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before,
 676 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
 677         content: '';
 678         position: absolute;
 679         width: 0;
 680         height: 0;
 681         border-style: solid;
 682         border-color: transparent;
 683         border-top: 0;
 684 }
 685 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before {
 686         bottom: -7px;
 687         left: -6px;
 688         border-bottom-color: #aaa;
 689         border-width: 7px;
 690 }
 691 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
 692         bottom: -7px;
 693         left: -5px;
 694         border-bottom-color: #fff;
 695         border-width: 6px;
 696 }
 697 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
 698         -webkit-transition: width 100ms ease, height 100ms ease, left 100ms ease;
 699            -moz-transition: width 100ms ease, height 100ms ease, left 100ms ease;
 700                 transition: width 100ms ease, height 100ms ease, left 100ms ease;
 701 }
 702 .oo-ui-popupWidget-head {
 703         height: 2.5em;
 704 }
 705 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
 706         margin: 0.25em;
 707 }
 708 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
 709         margin: 0.75em 1em;
 710 }
 711 .oo-ui-popupWidget-body-padded {
 712         padding: 0 1em;
 713 }
 714 .oo-ui-popupButtonWidget {
 715         position: relative;
 716 }
 717 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
 718         position: absolute;
 719         cursor: auto;
 720 }
 721 .oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget {
 722         /* @noflip */
 723         left: 0.9375em;
 724 }
 725 .oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget {
 726         /* @noflip */
 727         left: 1.2375em;
 728 }
 729 .oo-ui-inputWidget {
 730         margin-right: 0.5em;
 731 }
 732 .oo-ui-inputWidget:last-child {
 733         margin-right: 0;
 734 }
 735 .oo-ui-buttonInputWidget > button,
 736 .oo-ui-buttonInputWidget > input {
 737         border: 0;
 738         padding: 0;
 739         background-color: transparent;
 740 }
 741 .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout {
 742         margin-bottom: 0;
 743 }
 744 .oo-ui-dropdownInputWidget {
 745         position: relative;
 746         vertical-align: middle;
 747         -webkit-box-sizing: border-box;
 748            -moz-box-sizing: border-box;
 749                 box-sizing: border-box;
 750         width: 100%;
 751         max-width: 50em;
 752 }
 753 .oo-ui-dropdownInputWidget .oo-ui-dropdownWidget,
 754 .oo-ui-dropdownInputWidget select {
 755         display: block;
 756 }
 757 .oo-ui-dropdownInputWidget select {
 758         width: 100%;
 759         cursor: pointer;
 760         -webkit-box-sizing: border-box;
 761            -moz-box-sizing: border-box;
 762                 box-sizing: border-box;
 763 }
 764 .oo-ui-dropdownInputWidget select {
 765         background-color: #fff;
 766         height: 2.5em;
 767         padding: 0.5em;
 768         font-size: inherit;
 769         font-family: inherit;
 770         border: 1px solid rgba(0, 0, 0, 0.1);
 771         border-radius: 0.25em;
 772 }
 773 .oo-ui-dropdownInputWidget option {
 774         font-size: inherit;
 775         font-family: inherit;
 776         height: 1.5em;
 777         padding: 0.5em 1em;
 778 }
 779 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
 780 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
 781         border-color: rgba(0, 0, 0, 0.2);
 782         outline: none;
 783 }
 784 .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
 785         color: #ccc;
 786         border-color: #ddd;
 787         background-color: #f3f3f3;
 788 }
 789 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout {
 790         margin-bottom: 0;
 791 }
 792 .oo-ui-textInputWidget {
 793         position: relative;
 794         vertical-align: middle;
 795         -webkit-box-sizing: border-box;
 796            -moz-box-sizing: border-box;
 797                 box-sizing: border-box;
 798         width: 100%;
 799         max-width: 50em;
 800 }
 801 .oo-ui-textInputWidget input,
 802 .oo-ui-textInputWidget textarea {
 803         display: block;
 804         width: 100%;
 805         -webkit-box-sizing: border-box;
 806            -moz-box-sizing: border-box;
 807                 box-sizing: border-box;
 808 }
 809 .oo-ui-textInputWidget textarea {
 810         overflow: auto;
 811         resize: none;
 812 }
 813 .oo-ui-textInputWidget [type='number'] {
 814         -moz-appearance: textfield;
 815 }
 816 .oo-ui-textInputWidget [type='number']::-webkit-outer-spin-button,
 817 .oo-ui-textInputWidget [type='number']::-webkit-inner-spin-button {
 818         -webkit-appearance: none;
 819         margin: 0;
 820 }
 821 .oo-ui-textInputWidget [type='search'] {
 822         -webkit-appearance: textfield;
 823 }
 824 .oo-ui-textInputWidget [type='search']::-ms-clear {
 825         display: none;
 826 }
 827 .oo-ui-textInputWidget [type='search']::-webkit-search-decoration,
 828 .oo-ui-textInputWidget [type='search']::-webkit-search-cancel-button {
 829         display: none;
 830 }
 831 .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
 832 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator,
 833 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
 834         display: none;
 835 }
 836 .oo-ui-textInputWidget.oo-ui-iconElement > .oo-ui-iconElement-icon,
 837 .oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
 838         display: block;
 839         position: absolute;
 840         top: 0;
 841         height: 100%;
 842         -webkit-touch-callout: none;
 843         -webkit-user-select: none;
 844            -moz-user-select: none;
 845             -ms-user-select: none;
 846                 user-select: none;
 847 }
 848 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon,
 849 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
 850         cursor: text;
 851 }
 852 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator {
 853         cursor: pointer;
 854 }
 855 .oo-ui-textInputWidget.oo-ui-widget-disabled input,
 856 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
 857         -webkit-touch-callout: none;
 858         -webkit-user-select: none;
 859            -moz-user-select: none;
 860             -ms-user-select: none;
 861                 user-select: none;
 862 }
 863 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label {
 864         -webkit-touch-callout: none;
 865         -webkit-user-select: none;
 866            -moz-user-select: none;
 867             -ms-user-select: none;
 868                 user-select: none;
 869 }
 870 .oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
 871         display: block;
 872 }
 873 .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
 874 .oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label {
 875         left: 0;
 876 }
 877 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator,
 878 .oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
 879         right: 0;
 880 }
 881 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
 882         position: absolute;
 883         top: 0;
 884 }
 885 .oo-ui-textInputWidget input,
 886 .oo-ui-textInputWidget textarea {
 887         padding: 0.5em;
 888         line-height: 1.275em;
 889         font-size: inherit;
 890         font-family: inherit;
 891         background-color: #fff;
 892         color: #000;
 893         border: 1px solid #ccc;
 894         box-shadow: 0 0 0 #fff, inset 0 0.1em 0.2em #ddd;
 895         border-radius: 0.25em;
 896         -webkit-transition: border-color 250ms ease, box-shadow 250ms ease;
 897            -moz-transition: border-color 250ms ease, box-shadow 250ms ease;
 898                 transition: border-color 250ms ease, box-shadow 250ms ease;
 899 }
 900 .oo-ui-textInputWidget input.oo-ui-pendingElement-pending,
 901 .oo-ui-textInputWidget textarea.oo-ui-pendingElement-pending {
 902         background-color: transparent;
 903 }
 904 .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
 905 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
 906         outline: none;
 907         border-color: #a7dcff;
 908         box-shadow: 0 0 0.3em #a7dcff, 0 0 0 #fff;
 909 }
 910 .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly],
 911 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
 912         color: #777;
 913 }
 914 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input,
 915 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea {
 916         background-color: #fdd;
 917 }
 918 .oo-ui-textInputWidget.oo-ui-widget-disabled input,
 919 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
 920         color: #ccc;
 921         text-shadow: 0 1px 1px #fff;
 922         border-color: #ddd;
 923         background-color: #f3f3f3;
 924 }
 925 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon,
 926 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
 927         opacity: 0.2;
 928 }
 929 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label {
 930         color: #ddd;
 931         text-shadow: 0 1px 1px #fff;
 932 }
 933 .oo-ui-textInputWidget.oo-ui-iconElement input,
 934 .oo-ui-textInputWidget.oo-ui-iconElement textarea {
 935         padding-left: 2.475em;
 936 }
 937 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
 938         max-height: 2.375em;
 939         margin-left: 0.3em;
 940 }
 941 .oo-ui-textInputWidget.oo-ui-indicatorElement input,
 942 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
 943         padding-right: 2.4875em;
 944 }
 945 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 946         max-height: 2.375em;
 947         margin-right: 0.775em;
 948 }
 949 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
 950         padding: 0.4em;
 951         line-height: 1.5em;
 952         color: #888;
 953 }
 954 .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label {
 955         margin-right: 2.0875em;
 956 }
 957 .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label {
 958         margin-left: 2.075em;
 959 }
 960 .oo-ui-menuSelectWidget {
 961         position: absolute;
 962         width: 100%;
 963         z-index: 4;
 964         background-color: #fff;
 965         margin-top: -1px;
 966         border: 1px solid #ccc;
 967         border-radius: 0 0 0.25em 0.25em;
 968         box-shadow: 0 0.15em 1em 0 rgba(0, 0, 0, 0.2);
 969 }
 970 .oo-ui-menuSelectWidget input {
 971         position: absolute;
 972         width: 0;
 973         height: 0;
 974         overflow: hidden;
 975         opacity: 0;
 976 }
 977 .oo-ui-menuOptionWidget {
 978         position: relative;
 979 }
 980 .oo-ui-menuOptionWidget .oo-ui-iconElement-icon {
 981         display: none;
 982 }
 983 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
 984         display: block;
 985 }
 986 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
 987         background-color: transparent;
 988 }
 989 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
 990 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
 991         background-color: #e1f3ff;
 992 }
 993 .oo-ui-menuSectionOptionWidget {
 994         cursor: default;
 995         padding: 0.33em 0.75em;
 996         color: #888;
 997 }
 998 .oo-ui-dropdownWidget {
 999         display: inline-block;
1000         position: relative;
1001         width: 100%;
1002         max-width: 50em;
1003         background-color: #fff;
1004         margin-right: 0.5em;
1005 }
1006 .oo-ui-dropdownWidget-handle {
1007         width: 100%;
1008         display: block;
1009         white-space: nowrap;
1010         overflow: hidden;
1011         text-overflow: ellipsis;
1012         cursor: default;
1013         -webkit-touch-callout: none;
1014         -webkit-user-select: none;
1015            -moz-user-select: none;
1016             -ms-user-select: none;
1017                 user-select: none;
1018         -webkit-box-sizing: border-box;
1019            -moz-box-sizing: border-box;
1020                 box-sizing: border-box;
1021 }
1022 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator,
1023 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1024         position: absolute;
1025 }
1026 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
1027         cursor: pointer;
1028 }
1029 .oo-ui-dropdownWidget:last-child {
1030         margin-right: 0;
1031 }
1032 .oo-ui-dropdownWidget-handle {
1033         height: 2.5em;
1034         border: 1px solid rgba(0, 0, 0, 0.1);
1035         border-radius: 0.25em;
1036 }
1037 .oo-ui-dropdownWidget-handle:hover {
1038         border-color: rgba(0, 0, 0, 0.2);
1039 }
1040 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1041         top: 0;
1042         right: 0;
1043         margin: 0.775em;
1044 }
1045 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1046         top: 0;
1047         left: 0.25em;
1048         margin: 0.3em;
1049 }
1050 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1051         line-height: 2.5em;
1052         margin: 0 0.5em;
1053 }
1054 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1055         color: #ccc;
1056         text-shadow: 0 1px 1px #fff;
1057         border-color: #ddd;
1058         background-color: #f3f3f3;
1059 }
1060 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle:focus {
1061         outline: 0;
1062 }
1063 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1064         opacity: 0.2;
1065 }
1066 .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1067         margin-left: 3em;
1068 }
1069 .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1070         margin-right: 2em;
1071 }
1072 .oo-ui-comboBoxInputWidget {
1073         display: inline-block;
1074         width: 100%;
1075         max-width: 50em;
1076         margin-right: 0.5em;
1077 }
1078 .oo-ui-comboBoxInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
1079         cursor: pointer;
1080 }
1081 .oo-ui-comboBoxInputWidget-php ::-webkit-calendar-picker-indicator {
1082         opacity: 0;
1083         position: absolute;
1084         right: 0;
1085         top: 0;
1086         height: 2.5em;
1087         width: 2.5em;
1088         padding: 0;
1089 }
1090 .oo-ui-comboBoxInputWidget-php > .oo-ui-indicatorElement-indicator {
1091         pointer-events: none;
1092 }
1093 .oo-ui-comboBoxInputWidget:last-child {
1094         margin-right: 0;
1095 }
1096 .oo-ui-comboBoxInputWidget.oo-ui-widget-disabled .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator,
1097 .oo-ui-comboBoxInputWidget-empty .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1098         cursor: default;
1099         opacity: 0.2;
1100 }
1101 .oo-ui-multioptionWidget {
1102         position: relative;
1103         display: block;
1104 }
1105 .oo-ui-multioptionWidget.oo-ui-widget-enabled {
1106         cursor: pointer;
1107 }
1108 .oo-ui-multioptionWidget.oo-ui-widget-disabled {
1109         cursor: default;
1110 }
1111 .oo-ui-multioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1112         display: block;
1113         white-space: nowrap;
1114         text-overflow: ellipsis;
1115         overflow: hidden;
1116 }
1117 .oo-ui-multioptionWidget .oo-ui-labelElement-label {
1118         line-height: 1.5em;
1119 }
1120 .oo-ui-multioptionWidget.oo-ui-widget-disabled {
1121         color: #ccc;
1122 }
1123 .oo-ui-checkboxMultioptionWidget {
1124         cursor: default;
1125         padding: 0;
1126 }
1127 .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget,
1128 .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1129         display: inline-block;
1130         vertical-align: middle;
1131 }
1132 .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1133         padding-left: 0.5em;
1134 }
1135 .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget {
1136         margin-right: 0;
1137 }
1138 .oo-ui-progressBarWidget {
1139         max-width: 50em;
1140         background-color: #fff;
1141         border: 1px solid #ccc;
1142         border-radius: 0.25em;
1143         overflow: hidden;
1144 }
1145 .oo-ui-progressBarWidget-bar {
1146         height: 1em;
1147         border-right: 1px solid #ccc;
1148         -webkit-transition: width 250ms ease, margin-left 250ms ease;
1149            -moz-transition: width 250ms ease, margin-left 250ms ease;
1150                 transition: width 250ms ease, margin-left 250ms ease;
1151         background-color: #cde7f4;
1152         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #eaf4fa), color-stop(100%, #b0d9ee));
1153         background-image: -webkit-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%);
1154         background-image:    -moz-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%);
1155         background-image:         linear-gradient(to bottom, #eaf4fa 0, #b0d9ee 100%);
1156         -ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#ffeaf4fa\', endColorstr=\'#ffb0d9ee\' )';
1157 }
1158 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
1159         -webkit-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1160            -moz-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1161                 animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1162         width: 40%;
1163         margin-left: -10%;
1164         border-left: 1px solid #a6cee1;
1165 }
1166 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
1167         opacity: 0.6;
1168 }
1169 @-webkit-keyframes oo-ui-progressBarWidget-slide {
1170         from {
1171                 margin-left: -40%;
1172         }
1173         to {
1174                 margin-left: 100%;
1175         }
1176 }
1177 @-moz-keyframes oo-ui-progressBarWidget-slide {
1178         from {
1179                 margin-left: -40%;
1180         }
1181         to {
1182                 margin-left: 100%;
1183         }
1184 }
1185 @keyframes oo-ui-progressBarWidget-slide {
1186         from {
1187                 margin-left: -40%;
1188         }
1189         to {
1190                 margin-left: 100%;
1191         }
1192 }