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

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