[Summary view] [Print] [Text view]

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