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

   1 /*!
   2  * OOjs UI v0.1.0-pre (36d0c7dc3b)
   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-04T00:40:40Z
  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: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-right: 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-left: 1.75em;
 382   line-height: 1.33em;
 383 }
 384 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
 385   left: 0;
 386   top: 0.25em;
 387   width: 2em;
 388   height: 2em;
 389 }
 390 .oo-ui-gridLayout {
 391   position: absolute;
 392   top: 0;
 393   left: 0;
 394   right: 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   left: 0;
 407   right: 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-left: 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 0 -1px -1px;
 483   border: solid 1px transparent;
 484 }
 485 .oo-ui-barToolGroup .oo-ui-tool:first-child {
 486   border-top-left-radius: 0.25em;
 487   border-bottom-left-radius: 0.25em;
 488 }
 489 .oo-ui-barToolGroup .oo-ui-tool:last-child {
 490   margin-right: -1px;
 491   border-top-right-radius: 0.25em;
 492   border-bottom-right-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, right top, right 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-left-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   left: 0;
 565 }
 566 .oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools {
 567   right: 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   right: 0;
 592 }
 593 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
 594   left: 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-left-radius: 0;
 609   border-bottom-right-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, right top, right 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-left: 3em;
 622 }
 623 .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
 624   margin-right: 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-right: 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-right: 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, right top, right 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 1em 0 0.25em;
 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: right;
 770 }
 771 .oo-ui-toolbar-tools {
 772   float: left;
 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: left 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, right top, right 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 2em 0.5em 3em;
 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   left: 0.5em;
 869 }
 870 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
 871   right: 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-left: -1px;
 881 }
 882 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
 883   border-bottom-left-radius: 0.3em;
 884   border-top-left-radius: 0.3em;
 885   margin-left: 0;
 886 }
 887 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
 888   border-bottom-right-radius: 0.3em;
 889   border-top-right-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-left: -1px;
 961 }
 962 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
 963   border-bottom-left-radius: 0.3em;
 964   border-top-left-radius: 0.3em;
 965   margin-left: 0;
 966 }
 967 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
 968   border-bottom-right-radius: 0.3em;
 969   border-top-right-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, right top, right 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   right: 0;
1014   left: 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   left: 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: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1037   -moz-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1038   -ms-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1039   -o-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1040   transition: left 200ms ease-in-out, margin-left 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, right top, right 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, right top, right 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   left: 2.25em;
1076   margin-left: -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   left: 0.25em;
1084   margin-left: 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: right;
1109 }
1110 .oo-ui-popupWidget-head .oo-ui-labelElement-label {
1111   float: left;
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-left: -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, left 100ms ease-in-out;
1135   -moz-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1136   -ms-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1137   -o-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1138   transition: width 100ms ease-in-out, height 100ms ease-in-out, left 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   left: 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   left: 0;
1194 }
1195 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
1196   right: 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-left: 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-left: 2em;
1251 }
1252 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1253   width: 2em;
1254   background-position: right center;
1255 }
1256 .oo-ui-textInputWidget.oo-ui-indicatorElement input,
1257 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
1258   padding-right: 1.5em;
1259 }
1260 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1261   width: 1.5em;
1262   background-position: left 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   right: 0;
1345 }
1346 .oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon {
1347   left: 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-left: 3em;
1371 }
1372 .oo-ui-inlineMenuWidget.oo-ui-indicatorElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label {
1373   margin-right: 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-right: 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-left: 3.5em;
1394 }
1395 .oo-ui-outlineItemWidget-level-0 .oo-ui-iconElement-icon {
1396   left: 1em;
1397 }
1398 .oo-ui-outlineItemWidget-level-1 {
1399   padding-left: 5em;
1400 }
1401 .oo-ui-outlineItemWidget-level-1 .oo-ui-iconElement-icon {
1402   left: 2.5em;
1403 }
1404 .oo-ui-outlineItemWidget-level-2 {
1405   padding-left: 6.5em;
1406 }
1407 .oo-ui-outlineItemWidget-level-2 .oo-ui-iconElement-icon {
1408   left: 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: left;
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: left;
1439   background-position: right center;
1440   background-repeat: no-repeat;
1441 }
1442 .oo-ui-outlineControlsWidget-items {
1443   float: left;
1444 }
1445 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
1446   float: left;
1447 }
1448 .oo-ui-outlineControlsWidget-movers {
1449   float: right;
1450 }
1451 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
1452   float: right;
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 0.5em 0.5em;
1464   opacity: 0.2;
1465 }
1466 .oo-ui-outlineControlsWidget-items {
1467   margin-left: 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   left: 0;
1489   right: 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   left: 0;
1498   right: 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   left: 0;
1550 }
1551 .oo-ui-window-isolated {
1552   background: transparent;
1553   font-family: sans-serif;
1554   font-size: 0.8em;
1555 }
1556 .oo-ui-dialog-content > .oo-ui-window-head,
1557 .oo-ui-dialog-content > .oo-ui-window-body,
1558 .oo-ui-dialog-content > .oo-ui-window-foot {
1559   position: absolute;
1560   left: 0;
1561   right: 0;
1562   overflow: hidden;
1563   -webkit-box-sizing: border-box;
1564   -moz-box-sizing: border-box;
1565   box-sizing: border-box;
1566 }
1567 .oo-ui-dialog-content > .oo-ui-window-head {
1568   z-index: 1;
1569   top: 0;
1570 }
1571 .oo-ui-dialog-content > .oo-ui-window-body {
1572   z-index: 2;
1573   top: 0;
1574   bottom: 0;
1575 }
1576 .oo-ui-dialog-content > .oo-ui-window-foot {
1577   z-index: 1;
1578   bottom: 0;
1579 }
1580 .oo-ui-dialog-content > .oo-ui-window-overlay {
1581   z-index: 3;
1582 }
1583 .oo-ui-dialog-content > .oo-ui-window-body {
1584   box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25);
1585 }
1586 .oo-ui-messageDialog-actions-horizontal {
1587   display: table;
1588   table-layout: fixed;
1589   width: 100%;
1590 }
1591 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
1592   display: table-cell;
1593   width: 1%;
1594 }
1595 .oo-ui-messageDialog-actions-vertical {
1596   display: block;
1597 }
1598 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
1599   display: block;
1600   overflow: hidden;
1601   text-overflow: ellipsis;
1602 }
1603 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
1604   position: relative;
1605   text-align: center;
1606 }
1607 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
1608   display: block;
1609 }
1610 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
1611   position: relative;
1612   top: auto;
1613   bottom: auto;
1614   display: inline;
1615   white-space: nowrap;
1616 }
1617 .oo-ui-messageDialog-content .oo-ui-window-body {
1618   box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33);
1619 }
1620 .oo-ui-messageDialog-title,
1621 .oo-ui-messageDialog-message {
1622   display: block;
1623   text-align: center;
1624   padding-top: 0.5em;
1625 }
1626 .oo-ui-messageDialog-title {
1627   font-size: 1.5em;
1628   line-height: 1em;
1629   color: #000;
1630 }
1631 .oo-ui-messageDialog-message {
1632   font-size: 0.9em;
1633   line-height: 1.25em;
1634   color: #666;
1635 }
1636 .oo-ui-messageDialog-message-verbose {
1637   font-size: 1.1em;
1638   line-height: 1.5em;
1639   text-align: left;
1640 }
1641 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
1642   border-right: solid 1px #e5e5e5;
1643 }
1644 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
1645   border-right-width: 0;
1646 }
1647 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
1648   border-bottom: solid 1px #e5e5e5;
1649 }
1650 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
1651   border-bottom-width: 0;
1652 }
1653 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
1654   text-align: center;
1655   line-height: 3.4em;
1656   padding: 0 2em;
1657 }
1658 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
1659   background-color: rgba(0, 0, 0, 0.05);
1660 }
1661 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
1662   background-color: rgba(0, 0, 0, 0.1);
1663 }
1664 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover {
1665   background-color: rgba(8, 126, 204, 0.05);
1666 }
1667 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active {
1668   background-color: rgba(8, 126, 204, 0.1);
1669 }
1670 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label {
1671   font-weight: bold;
1672 }
1673 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
1674   background-color: rgba(118, 171, 54, 0.05);
1675 }
1676 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
1677   background-color: rgba(118, 171, 54, 0.1);
1678 }
1679 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
1680   background-color: rgba(212, 83, 83, 0.05);
1681 }
1682 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
1683   background-color: rgba(212, 83, 83, 0.1);
1684 }
1685 .oo-ui-processDialog-location {
1686   overflow: hidden;
1687   text-overflow: ellipsis;
1688   white-space: nowrap;
1689 }
1690 .oo-ui-processDialog-title {
1691   display: inline;
1692   padding: 0;
1693 }
1694 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget,
1695 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget,
1696 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
1697   white-space: nowrap;
1698 }
1699 .oo-ui-processDialog-actions-safe,
1700 .oo-ui-processDialog-actions-primary {
1701   position: absolute;
1702   top: 0;
1703   bottom: 0;
1704 }
1705 .oo-ui-processDialog-actions-safe {
1706   left: 0;
1707 }
1708 .oo-ui-processDialog-actions-primary {
1709   right: 0;
1710 }
1711 .oo-ui-processDialog-errors {
1712   display: none;
1713   position: absolute;
1714   top: 0;
1715   left: 0;
1716   right: 0;
1717   bottom: 0;
1718   z-index: 2;
1719   overflow-x: hidden;
1720   overflow-y: auto;
1721 }
1722 .oo-ui-processDialog-content .oo-ui-window-head {
1723   height: 3.4em;
1724 }
1725 .oo-ui-processDialog-content .oo-ui-window-body {
1726   top: 3.4em;
1727   box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33);
1728 }
1729 .oo-ui-processDialog-navigation {
1730   position: relative;
1731   height: 3.4em;
1732   padding: 0 1em;
1733 }
1734 .oo-ui-processDialog-location {
1735   padding: 0.75em 0;
1736   height: 1.9em;
1737   cursor: default;
1738   text-align: center;
1739 }
1740 .oo-ui-processDialog-title {
1741   font-weight: bold;
1742   line-height: 1.9em;
1743 }
1744 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button,
1745 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button,
1746 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
1747   padding-top: 0.75em;
1748   padding-bottom: 0.75em;
1749   min-width: 1.9em;
1750   min-height: 1.9em;
1751 }
1752 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labelElement-label,
1753 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labelElement-label,
1754 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
1755   line-height: 1.9em;
1756   padding: 0 1em;
1757 }
1758 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-iconElement-icon,
1759 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-iconElement-icon,
1760 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-iconElement-icon {
1761   position: absolute;
1762   margin-top: -0.125em;
1763 }
1764 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed,
1765 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed,
1766 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
1767   margin: 0.75em 0 0.75em 0.75em;
1768 }
1769 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
1770 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
1771 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
1772   padding: 0;
1773   vertical-align: middle;
1774 }
1775 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:hover,
1776 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover {
1777   background-color: rgba(0, 0, 0, 0.05);
1778 }
1779 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:active,
1780 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active {
1781   background-color: rgba(0, 0, 0, 0.1);
1782 }
1783 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed,
1784 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed {
1785   margin: 0.75em;
1786 }
1787 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
1788 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
1789   /* Adjust for border so text aligns with title */
1790   margin: -1px;
1791 }
1792 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover,
1793 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover {
1794   background-color: rgba(8, 126, 204, 0.05);
1795 }
1796 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active,
1797 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active {
1798   background-color: rgba(8, 126, 204, 0.1);
1799 }
1800 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label,
1801 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label {
1802   font-weight: bold;
1803 }
1804 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover,
1805 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
1806   background-color: rgba(118, 171, 54, 0.05);
1807 }
1808 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active,
1809 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
1810   background-color: rgba(118, 171, 54, 0.1);
1811 }
1812 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover,
1813 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
1814   background-color: rgba(212, 83, 83, 0.05);
1815 }
1816 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active,
1817 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
1818   background-color: rgba(212, 83, 83, 0.1);
1819 }
1820 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1821   left: 0.5em;
1822 }
1823 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label {
1824   padding-left: 2.25em;
1825 }
1826 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1827   right: 0.5em;
1828 }
1829 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label {
1830   padding-right: 2.25em;
1831 }
1832 .oo-ui-processDialog > .oo-ui-window-frame {
1833   min-height: 5em;
1834 }
1835 .oo-ui-processDialog-errors {
1836   background-color: rgba(255, 255, 255, 0.9);
1837   padding: 3em 3em 1.5em 3em;
1838   text-align: center;
1839 }
1840 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
1841   margin: 2em 1em 2em 1em;
1842 }
1843 .oo-ui-processDialog-errors-title {
1844   font-size: 1.5em;
1845   color: #000;
1846   margin-bottom: 2em;
1847 }
1848 .oo-ui-processDialog-error {
1849   text-align: left;
1850   margin: 1em;
1851   padding: 1em;
1852   border: solid 1px #ff9e9e;
1853   background-color: #fff7f7;
1854   border-radius: 0.25em;
1855 }
1856 .oo-ui-windowManager-modal > .oo-ui-dialog {
1857   position: fixed;
1858   width: 0;
1859   height: 0;
1860   overflow: hidden;
1861 }
1862 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
1863   width: auto;
1864   height: auto;
1865   top: 0;
1866   right: 0;
1867   bottom: 0;
1868   left: 0;
1869   padding: 1em;
1870 }
1871 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
1872   position: fixed;
1873   right: 0;
1874   left: 0;
1875   margin: auto;
1876   overflow: hidden;
1877   max-width: 100%;
1878   max-height: 100%;
1879 }
1880 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame > iframe {
1881   width: 100%;
1882   height: 100%;
1883 }
1884 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
1885   width: 100%;
1886   height: 100%;
1887   top: 0;
1888   bottom: 0;
1889 }
1890 .oo-ui-windowManager-modal > .oo-ui-dialog {
1891   background-color: rgba(255, 255, 255, 0.5);
1892   opacity: 0;
1893   -webkit-transition: opacity 250ms ease-in-out;
1894   -moz-transition: opacity 250ms ease-in-out;
1895   -ms-transition: opacity 250ms ease-in-out;
1896   -o-transition: opacity 250ms ease-in-out;
1897   transition: opacity 250ms ease-in-out;
1898 }
1899 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
1900   top: 1em;
1901   bottom: 1em;
1902   background-color: #fff;
1903   -webkit-transform: scale(0.5);
1904   -moz-transform: scale(0.5);
1905   -ms-transform: scale(0.5);
1906   -o-transform: scale(0.5);
1907   transform: scale(0.5);
1908   -webkit-transition: all 250ms ease-in-out;
1909   -moz-transition: all 250ms ease-in-out;
1910   -ms-transition: all 250ms ease-in-out;
1911   -o-transition: all 250ms ease-in-out;
1912   transition: all 250ms ease-in-out;
1913 }
1914 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready {
1915   opacity: 1;
1916 }
1917 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
1918   -webkit-transform: scale(1);
1919   -moz-transform: scale(1);
1920   -ms-transform: scale(1);
1921   -o-transform: scale(1);
1922   transform: scale(1);
1923 }
1924 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
1925   border: solid 1px #ccc;
1926   border-radius: 0.5em;
1927   box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3);
1928 }