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

   1 /*!
   2  * OOjs UI v0.17.9
   3  * https://www.mediawiki.org/wiki/OOjs_UI
   4  *
   5  * Copyright 2011–2016 OOjs UI Team and other contributors.
   6  * Released under the MIT license
   7  * http://oojs.mit-license.org
   8  *
   9  * Date: 2016-09-13T18:30:06Z
  10  */
  11 .oo-ui-element-hidden {
  12         display: none !important;
  13         /* stylelint-disable-line declaration-no-important */
  14 }
  15 .oo-ui-buttonElement {
  16         display: inline-block;
  17         vertical-align: middle;
  18 }
  19 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
  20         cursor: pointer;
  21         display: inline-block;
  22         vertical-align: middle;
  23         font-family: inherit;
  24         font-size: inherit;
  25         line-height: normal;
  26         white-space: nowrap;
  27         -webkit-touch-callout: none;
  28         -webkit-user-select: none;
  29            -moz-user-select: none;
  30             -ms-user-select: none;
  31                 user-select: none;
  32 }
  33 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
  34 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
  35         display: none;
  36 }
  37 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
  38         cursor: default;
  39 }
  40 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
  41 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
  42 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
  43         z-index: 2;
  44 }
  45 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
  46 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
  47 .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  48         display: inline-block;
  49         vertical-align: middle;
  50 }
  51 .oo-ui-buttonElement-frameless {
  52         position: relative;
  53 }
  54 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
  55         vertical-align: top;
  56         text-align: center;
  57 }
  58 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
  59         font-weight: bold;
  60         text-decoration: none;
  61 }
  62 .oo-ui-buttonElement > .oo-ui-buttonElement-button:focus {
  63         border-radius: 2px;
  64         outline: 0;
  65 }
  66 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
  67         margin-left: 0;
  68 }
  69 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
  70         margin-right: 0.25em;
  71         margin-left: 0.46875em;
  72 }
  73 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  74         -webkit-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
  75            -moz-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
  76                 transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
  77 }
  78 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
  79 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
  80         opacity: 0.87;
  81         -webkit-transition: opacity 100ms;
  82            -moz-transition: opacity 100ms;
  83                 transition: opacity 100ms;
  84 }
  85 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon.oo-ui-image-invert,
  86 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator.oo-ui-image-invert {
  87         opacity: 1;
  88 }
  89 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon,
  90 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-indicatorElement-indicator {
  91         opacity: 0.73;
  92 }
  93 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon.oo-ui-image-invert,
  94 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-indicatorElement-indicator.oo-ui-image-invert {
  95         opacity: 1;
  96 }
  97 .oo-ui-buttonElement.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
  98 .oo-ui-buttonElement.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
  99         opacity: 1;
 100 }
 101 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
 102         margin-right: 0;
 103 }
 104 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 105         margin-left: 0.25em;
 106         margin-right: 0.25em;
 107 }
 108 .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button {
 109         padding-left: 0.25em;
 110         padding-right: 0.25em;
 111 }
 112 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
 113         color: #222;
 114 }
 115 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
 116         color: #444;
 117 }
 118 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
 119         box-shadow: inset 0 0 0 1px #36c, 0 0 0 1px #36c;
 120 }
 121 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button,
 122 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:active {
 123         color: #000;
 124 }
 125 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 126         color: #36c;
 127 }
 128 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label {
 129         color: #447ff5;
 130 }
 131 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active > .oo-ui-labelElement-label,
 132 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 133         color: #2a4b8d;
 134         box-shadow: none;
 135 }
 136 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 137         color: #36c;
 138 }
 139 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label {
 140         color: #447ff5;
 141 }
 142 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active > .oo-ui-labelElement-label,
 143 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 144         color: #2a4b8d;
 145         box-shadow: none;
 146 }
 147 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 148         color: #c33;
 149 }
 150 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label {
 151         color: #e53939;
 152 }
 153 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active > .oo-ui-labelElement-label,
 154 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 155         color: #873636;
 156         box-shadow: none;
 157 }
 158 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
 159 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
 160         opacity: 1;
 161 }
 162 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon,
 163 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button:hover > .oo-ui-indicatorElement-indicator {
 164         opacity: 0.73;
 165 }
 166 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
 167         color: #72777d;
 168 }
 169 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
 170 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
 171         opacity: 0.51;
 172 }
 173 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button,
 174 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button {
 175         padding-left: 2.4em;
 176 }
 177 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
 178         padding: 0.5em 1em;
 179         min-height: 1.2em;
 180         min-width: 1em;
 181         border-radius: 2px;
 182         position: relative;
 183 }
 184 .oo-ui-buttonElement-framed > input.oo-ui-buttonElement-button,
 185 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 186         line-height: 1.2;
 187 }
 188 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 189         position: absolute;
 190         top: 0.2em;
 191         left: 0.5625em;
 192 }
 193 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 194         margin-left: 0.3em;
 195 }
 196 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
 197 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-iconElement:not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
 198         margin-left: 0.46875em;
 199         margin-right: -0.275em;
 200 }
 201 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
 202         position: relative;
 203         left: 0.2em;
 204 }
 205 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
 206         background-color: #c8ccd1;
 207         color: #fff;
 208         border: 1px solid #c8ccd1;
 209 }
 210 .oo-ui-buttonElement-framed.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button {
 211         border-left-color: #fff;
 212 }
 213 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
 214         background-color: #f8f9fa;
 215         color: #222;
 216         border: 1px solid #9aa0a7;
 217 }
 218 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
 219         background-color: #fff;
 220         color: #444;
 221         border-color: #a2a9b1;
 222 }
 223 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
 224         border-color: #36c;
 225         box-shadow: inset 0 0 0 1px #36c;
 226 }
 227 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
 228 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
 229         background-color: #d9d9d9;
 230         color: #000;
 231         border-color: #72777d;
 232 }
 233 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
 234         background-color: #2a4b8d;
 235         color: #fff;
 236         border-color: #2a4b8d;
 237         z-index: 3;
 238 }
 239 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
 240         border-color: #36c;
 241         box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;
 242 }
 243 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
 244         color: #36c;
 245 }
 246 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
 247         background-color: #fff;
 248         border-color: #859dcc;
 249 }
 250 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
 251 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
 252 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
 253         background-color: #eff3fa;
 254         color: #2a4b8d;
 255         border-color: #2a4b8d;
 256         box-shadow: none;
 257 }
 258 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
 259         border-color: #36c;
 260         box-shadow: inset 0 0 0 1px #36c;
 261 }
 262 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
 263         color: #36c;
 264 }
 265 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
 266         background-color: #fff;
 267         border-color: #859dcc;
 268 }
 269 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
 270 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
 271 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
 272         background-color: #eff3fa;
 273         color: #2a4b8d;
 274         border-color: #2a4b8d;
 275         box-shadow: none;
 276 }
 277 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
 278         border-color: #36c;
 279         box-shadow: inset 0 0 0 1px #36c;
 280 }
 281 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
 282         color: #c33;
 283 }
 284 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
 285         background-color: #fff;
 286         border-color: #b77c79;
 287 }
 288 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
 289 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
 290 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
 291         background-color: #fbf4f4;
 292         color: #873636;
 293         border-color: #873636;
 294         box-shadow: none;
 295 }
 296 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
 297         border-color: #c33;
 298         box-shadow: inset 0 0 0 1px #c33;
 299 }
 300 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
 301         color: #fff;
 302         background-color: #36c;
 303         border-color: #36c;
 304 }
 305 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
 306         background-color: #447ff5;
 307         border-color: #447ff5;
 308 }
 309 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
 310 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
 311 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
 312         color: #fff;
 313         background-color: #2a4b8d;
 314         border-color: #2a4b8d;
 315         box-shadow: none;
 316 }
 317 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
 318         border-color: #36c;
 319         box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;
 320 }
 321 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
 322         color: #fff;
 323         background-color: #36c;
 324         border-color: #36c;
 325 }
 326 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
 327         background-color: #447ff5;
 328         border-color: #447ff5;
 329 }
 330 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
 331 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
 332 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
 333         color: #fff;
 334         background-color: #2a4b8d;
 335         border-color: #2a4b8d;
 336         box-shadow: none;
 337 }
 338 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
 339         border-color: #36c;
 340         box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;
 341 }
 342 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
 343         color: #fff;
 344         background-color: #c33;
 345         border-color: #c33;
 346 }
 347 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
 348         background-color: #e53939;
 349         border-color: #e53939;
 350 }
 351 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
 352 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
 353 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
 354         color: #fff;
 355         background-color: #873636;
 356         border-color: #873636;
 357         box-shadow: none;
 358 }
 359 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
 360         border-color: #c33;
 361         box-shadow: inset 0 0 0 1px #c33, inset 0 0 0 2px #fff;
 362 }
 363 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
 364 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
 365         opacity: 1;
 366 }
 367 .oo-ui-clippableElement-clippable {
 368         -webkit-box-sizing: border-box;
 369            -moz-box-sizing: border-box;
 370                 box-sizing: border-box;
 371 }
 372 .oo-ui-floatableElement-hidden {
 373         display: none;
 374 }
 375 .oo-ui-iconElement .oo-ui-iconElement-icon,
 376 .oo-ui-iconElement.oo-ui-iconElement-icon {
 377         background-size: contain;
 378         background-position: center center;
 379         background-repeat: no-repeat;
 380         min-width: 24px;
 381         width: 1.875em;
 382         min-height: 24px;
 383         height: 1.875em;
 384 }
 385 .oo-ui-indicatorElement .oo-ui-indicatorElement-indicator,
 386 .oo-ui-indicatorElement.oo-ui-indicatorElement-indicator {
 387         background-size: contain;
 388         background-position: center center;
 389         background-repeat: no-repeat;
 390         min-width: 12px;
 391         width: 0.9375em;
 392         min-height: 12px;
 393         height: 0.9375em;
 394 }
 395 .oo-ui-labelElement .oo-ui-labelElement-label-highlight {
 396         font-weight: bold;
 397 }
 398 .oo-ui-pendingElement-pending {
 399         background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif);
 400 }
 401 .oo-ui-fieldLayout {
 402         display: block;
 403         margin-bottom: 1em;
 404 }
 405 .oo-ui-fieldLayout:before,
 406 .oo-ui-fieldLayout:after {
 407         content: ' ';
 408         display: table;
 409 }
 410 .oo-ui-fieldLayout:after {
 411         clear: both;
 412 }
 413 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
 414 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
 415 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
 416 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
 417         display: block;
 418         float: left;
 419 }
 420 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
 421         text-align: right;
 422 }
 423 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
 424         display: table;
 425 }
 426 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
 427 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
 428         display: table-cell;
 429         vertical-align: middle;
 430 }
 431 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
 432         display: inline-block;
 433 }
 434 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help {
 435         float: right;
 436 }
 437 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
 438         z-index: 1;
 439 }
 440 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help .oo-ui-fieldLayout-help-content {
 441         padding: 0.5em 0.75em;
 442         line-height: 1.5;
 443 }
 444 .oo-ui-fieldLayout:last-child {
 445         margin-bottom: 0;
 446 }
 447 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
 448 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
 449         padding-top: 0.5em;
 450         margin-right: 5%;
 451         width: 35%;
 452 }
 453 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
 454 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
 455         width: 60%;
 456 }
 457 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
 458         margin-bottom: 1.25em;
 459 }
 460 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
 461         padding: 0.25em 0.25em 0.25em 0.5em;
 462 }
 463 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
 464         padding-top: 0.25em;
 465         padding-bottom: 0.5em;
 466 }
 467 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget {
 468         margin-right: 0;
 469 }
 470 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget:last-child {
 471         margin-right: 0;
 472 }
 473 .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
 474         color: #72777d;
 475 }
 476 .oo-ui-fieldLayout-messages {
 477         list-style: none none;
 478         margin: 0.25em 0 0 0.25em;
 479         padding: 0;
 480 }
 481 .oo-ui-fieldLayout-messages > li {
 482         margin: 0;
 483         padding: 0;
 484         display: table;
 485 }
 486 .oo-ui-fieldLayout-messages .oo-ui-iconWidget {
 487         display: table-cell;
 488         border-right: 0.5em solid transparent;
 489 }
 490 .oo-ui-fieldLayout-messages .oo-ui-labelWidget {
 491         display: table-cell;
 492         padding: 0.1em 0;
 493         line-height: 1.5;
 494         vertical-align: middle;
 495 }
 496 .oo-ui-actionFieldLayout {
 497         max-width: 50em;
 498 }
 499 .oo-ui-actionFieldLayout-input,
 500 .oo-ui-actionFieldLayout-button {
 501         display: table-cell;
 502         vertical-align: middle;
 503 }
 504 .oo-ui-actionFieldLayout-input {
 505         padding-right: 1em;
 506 }
 507 .oo-ui-actionFieldLayout-button {
 508         width: 1%;
 509         white-space: nowrap;
 510 }
 511 .oo-ui-fieldsetLayout {
 512         position: relative;
 513         min-width: 0;
 514         margin: 0;
 515         border: 0;
 516         padding: 0.01px 0 0 0;
 517 }
 518 body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout {
 519         display: table-cell;
 520 }
 521 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
 522         display: block;
 523         position: absolute;
 524 }
 525 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
 526         color: inherit;
 527         display: inline-table;
 528         box-sizing: border-box;
 529         max-width: 100%;
 530         padding: 0;
 531         white-space: normal;
 532 }
 533 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help {
 534         float: right;
 535 }
 536 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
 537         z-index: 1;
 538 }
 539 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help .oo-ui-fieldsetLayout-help-content {
 540         padding: 0.5em 0.75em;
 541         line-height: 1.5;
 542 }
 543 .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout,
 544 .oo-ui-fieldsetLayout + .oo-ui-formLayout {
 545         margin-top: 2em;
 546 }
 547 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
 548         margin-bottom: 0.5em;
 549         font-size: 1.1em;
 550         font-weight: bold;
 551 }
 552 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label {
 553         padding-left: 2em;
 554         line-height: 1.8;
 555 }
 556 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
 557         left: 0;
 558         top: 0.25em;
 559 }
 560 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget {
 561         margin-right: 0;
 562 }
 563 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget:last-child {
 564         margin-right: 0;
 565 }
 566 .oo-ui-formLayout + .oo-ui-fieldsetLayout,
 567 .oo-ui-formLayout + .oo-ui-formLayout {
 568         margin-top: 2em;
 569 }
 570 .oo-ui-panelLayout {
 571         position: relative;
 572 }
 573 .oo-ui-panelLayout-scrollable {
 574         overflow-y: auto;
 575 }
 576 .oo-ui-panelLayout-expanded {
 577         position: absolute;
 578         top: 0;
 579         left: 0;
 580         right: 0;
 581         bottom: 0;
 582 }
 583 .oo-ui-panelLayout-padded {
 584         padding: 1.25em;
 585 }
 586 .oo-ui-panelLayout-framed {
 587         border: 1px solid #a2a9b1;
 588         border-radius: 2px;
 589         box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15);
 590 }
 591 .oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
 592         margin: 1em 0;
 593 }
 594 .oo-ui-horizontalLayout > .oo-ui-widget {
 595         display: inline-block;
 596         vertical-align: middle;
 597 }
 598 .oo-ui-horizontalLayout > .oo-ui-layout {
 599         display: inline-block;
 600 }
 601 .oo-ui-horizontalLayout > .oo-ui-layout,
 602 .oo-ui-horizontalLayout > .oo-ui-widget {
 603         margin-right: 0.5em;
 604 }
 605 .oo-ui-horizontalLayout > .oo-ui-layout:last-child,
 606 .oo-ui-horizontalLayout > .oo-ui-widget:last-child {
 607         margin-right: 0;
 608 }
 609 .oo-ui-horizontalLayout > .oo-ui-layout {
 610         margin-bottom: 0;
 611 }
 612 .oo-ui-optionWidget {
 613         position: relative;
 614         display: block;
 615         border: 0;
 616         padding: 0.25em 0.5em;
 617 }
 618 .oo-ui-optionWidget.oo-ui-widget-enabled {
 619         cursor: pointer;
 620 }
 621 .oo-ui-optionWidget.oo-ui-widget-disabled {
 622         cursor: default;
 623 }
 624 .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
 625         display: block;
 626         white-space: nowrap;
 627         text-overflow: ellipsis;
 628         overflow: hidden;
 629 }
 630 .oo-ui-optionWidget .oo-ui-labelElement-label {
 631         line-height: 1.5;
 632 }
 633 .oo-ui-optionWidget-selected .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 634         opacity: 1;
 635 }
 636 .oo-ui-optionWidget.oo-ui-widget-disabled {
 637         color: #72777d;
 638 }
 639 .oo-ui-decoratedOptionWidget {
 640         padding: 0.5em 2em 0.5em 3em;
 641 }
 642 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
 643 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
 644         position: absolute;
 645 }
 646 .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
 647 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 648         top: 0;
 649         height: 100%;
 650 }
 651 .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
 652         left: 0.5em;
 653 }
 654 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 655         right: 0.5em;
 656 }
 657 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon,
 658 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
 659         opacity: 0.51;
 660 }
 661 .oo-ui-radioSelectWidget:focus {
 662         outline: 0;
 663 }
 664 .oo-ui-radioSelectWidget:focus [type='radio']:checked + span:before {
 665         border-color: #fff;
 666 }
 667 .oo-ui-radioOptionWidget {
 668         cursor: default;
 669         padding: 0.25em 0;
 670         background-color: transparent;
 671 }
 672 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget,
 673 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
 674         display: inline-block;
 675         vertical-align: middle;
 676 }
 677 .oo-ui-radioOptionWidget.oo-ui-optionWidget-selected,
 678 .oo-ui-radioOptionWidget.oo-ui-optionWidget-pressed,
 679 .oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted {
 680         background-color: transparent;
 681 }
 682 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
 683         padding: 0.25em 0.25em 0.25em 0.5em;
 684 }
 685 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget {
 686         margin-right: 0;
 687 }
 688 .oo-ui-labelWidget {
 689         display: inline-block;
 690 }
 691 .oo-ui-iconWidget {
 692         display: inline-block;
 693         vertical-align: middle;
 694         line-height: 2.5;
 695 }
 696 .oo-ui-iconWidget.oo-ui-widget-disabled {
 697         opacity: 0.51;
 698 }
 699 .oo-ui-indicatorWidget {
 700         display: inline-block;
 701         vertical-align: middle;
 702         line-height: 2.5;
 703         margin: 0.46875em;
 704 }
 705 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
 706         opacity: 0.51;
 707 }
 708 .oo-ui-buttonWidget {
 709         margin-right: 0.5em;
 710 }
 711 .oo-ui-buttonWidget:last-child {
 712         margin-right: 0;
 713 }
 714 .oo-ui-buttonGroupWidget {
 715         display: inline-block;
 716         white-space: nowrap;
 717         border-radius: 2px;
 718         margin-right: 0.5em;
 719 }
 720 .oo-ui-buttonGroupWidget:last-child {
 721         margin-right: 0;
 722 }
 723 .oo-ui-buttonGroupWidget .oo-ui-buttonElement {
 724         margin-right: 0;
 725 }
 726 .oo-ui-buttonGroupWidget .oo-ui-buttonElement:last-child {
 727         margin-right: 0;
 728 }
 729 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
 730         border-radius: 0;
 731         margin-left: -1px;
 732 }
 733 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
 734         border-bottom-left-radius: 2px;
 735         border-top-left-radius: 2px;
 736         margin-left: 0;
 737 }
 738 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
 739         border-bottom-right-radius: 2px;
 740         border-top-right-radius: 2px;
 741 }
 742 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement .oo-ui-buttonElement-button:focus {
 743         border-color: #36c;
 744         z-index: 3;
 745 }
 746 .oo-ui-popupWidget {
 747         position: absolute;
 748         /* @noflip */
 749         left: 0;
 750 }
 751 .oo-ui-popupWidget-popup {
 752         position: relative;
 753         overflow: hidden;
 754         z-index: 1;
 755 }
 756 .oo-ui-popupWidget-anchor {
 757         display: none;
 758         z-index: 1;
 759 }
 760 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
 761         display: block;
 762         position: absolute;
 763         top: 0;
 764         /* @noflip */
 765         left: 0;
 766         background-repeat: no-repeat;
 767 }
 768 .oo-ui-popupWidget-head {
 769         -webkit-touch-callout: none;
 770         -webkit-user-select: none;
 771            -moz-user-select: none;
 772             -ms-user-select: none;
 773                 user-select: none;
 774 }
 775 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
 776         float: right;
 777 }
 778 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
 779         float: left;
 780         cursor: default;
 781 }
 782 .oo-ui-popupWidget-body {
 783         clear: both;
 784         overflow: hidden;
 785 }
 786 .oo-ui-popupWidget-popup {
 787         background-color: #fff;
 788         border: 1px solid #a2a9b1;
 789         border-radius: 2px;
 790         box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15);
 791 }
 792 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
 793         margin-top: 9px;
 794 }
 795 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before,
 796 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
 797         content: '';
 798         position: absolute;
 799         width: 0;
 800         height: 0;
 801         border-style: solid;
 802         border-color: transparent;
 803         border-top: 0;
 804 }
 805 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before {
 806         bottom: -10px;
 807         left: -9px;
 808         border-bottom-color: #888;
 809         border-width: 10px;
 810 }
 811 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
 812         bottom: -10px;
 813         left: -8px;
 814         border-bottom-color: #fff;
 815         border-width: 9px;
 816 }
 817 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
 818         -webkit-transition: width 100ms, height 100ms, left 100ms;
 819            -moz-transition: width 100ms, height 100ms, left 100ms;
 820                 transition: width 100ms, height 100ms, left 100ms;
 821 }
 822 .oo-ui-popupWidget-head {
 823         height: 2.5em;
 824 }
 825 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
 826         margin: 0.25em;
 827 }
 828 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
 829         margin: 0.75em 1em;
 830 }
 831 .oo-ui-popupWidget-body-padded {
 832         padding: 0 1em;
 833 }
 834 .oo-ui-popupButtonWidget {
 835         position: relative;
 836 }
 837 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
 838         position: absolute;
 839         cursor: auto;
 840 }
 841 .oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget {
 842         /* @noflip */
 843         left: 0.9375em;
 844 }
 845 .oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget {
 846         /* @noflip */
 847         left: 1.5em;
 848 }
 849 .oo-ui-inputWidget {
 850         margin-right: 0.5em;
 851 }
 852 .oo-ui-inputWidget:last-child {
 853         margin-right: 0;
 854 }
 855 .oo-ui-buttonInputWidget > button,
 856 .oo-ui-buttonInputWidget > input {
 857         border: 0;
 858         padding: 0;
 859         background-color: transparent;
 860 }
 861 .oo-ui-checkboxInputWidget {
 862         position: relative;
 863         line-height: 1.6em;
 864         white-space: nowrap;
 865 }
 866 .oo-ui-checkboxInputWidget * {
 867         font: inherit;
 868         vertical-align: middle;
 869 }
 870 .oo-ui-checkboxInputWidget [type='checkbox'] {
 871         position: relative;
 872         max-width: none;
 873         width: 1.6em;
 874         height: 1.6em;
 875         margin: 0;
 876         opacity: 0;
 877         z-index: 1;
 878 }
 879 .oo-ui-checkboxInputWidget [type='checkbox'] + span {
 880         background-color: #fff;
 881         background-origin: border-box;
 882         background-position: center center;
 883         background-repeat: no-repeat;
 884         background-size: 0 0;
 885         -webkit-box-sizing: border-box;
 886            -moz-box-sizing: border-box;
 887                 box-sizing: border-box;
 888         position: absolute;
 889         left: 0;
 890         width: 1.6em;
 891         height: 1.6em;
 892         border: 1px solid #72777d;
 893         border-radius: 2px;
 894 }
 895 .oo-ui-checkboxInputWidget [type='checkbox']:checked + span {
 896         background-image: url('themes/mediawiki/images/icons/check-invert.png');
 897         background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url('themes/mediawiki/images/icons/check-invert.svg');
 898         background-image:         linear-gradient(transparent, transparent), /* @embed */ url('themes/mediawiki/images/icons/check-invert.svg');
 899         background-image:      -o-linear-gradient(transparent, transparent), url('themes/mediawiki/images/icons/check-invert.png');
 900         background-size: 90% 90%;
 901 }
 902 .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span {
 903         background-color: #c8ccd1;
 904         border-color: #c8ccd1;
 905 }
 906 .oo-ui-checkboxInputWidget [type='checkbox']:disabled:hover + span {
 907         background-color: #c8ccd1;
 908         border-color: #c8ccd1;
 909 }
 910 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] {
 911         cursor: pointer;
 912 }
 913 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span {
 914         cursor: pointer;
 915         -webkit-transition: background-color 100ms, background-size 100ms, border-color 100ms, box-shadow 100ms;
 916            -moz-transition: background-color 100ms, background-size 100ms, border-color 100ms, box-shadow 100ms;
 917                 transition: background-color 100ms, background-size 100ms, border-color 100ms, box-shadow 100ms;
 918 }
 919 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span,
 920 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus:hover + span {
 921         border-color: #36c;
 922 }
 923 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span {
 924         background-color: #2a4b8d;
 925         border-color: #2a4b8d;
 926 }
 927 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
 928         border-color: #36c;
 929         box-shadow: inset 0 0 0 1px #36c;
 930 }
 931 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span {
 932         background-color: #2a4b8d;
 933         border-color: #2a4b8d;
 934 }
 935 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,
 936 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus:hover + span {
 937         background-color: #36c;
 938         border-color: #36c;
 939 }
 940 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span,
 941 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active:hover + span {
 942         background-color: #2a4b8d;
 943         border-color: #2a4b8d;
 944 }
 945 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span {
 946         background-color: #2a4b8d;
 947         border-color: #2a4b8d;
 948         box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;
 949 }
 950 .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout {
 951         margin-bottom: 0;
 952 }
 953 .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body {
 954         padding: 0.25em 0;
 955 }
 956 .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body .oo-ui-labelElement-label {
 957         line-height: 1.5;
 958 }
 959 .oo-ui-dropdownInputWidget {
 960         position: relative;
 961         vertical-align: middle;
 962         -webkit-box-sizing: border-box;
 963            -moz-box-sizing: border-box;
 964                 box-sizing: border-box;
 965         width: 100%;
 966         max-width: 50em;
 967 }
 968 .oo-ui-dropdownInputWidget .oo-ui-dropdownWidget,
 969 .oo-ui-dropdownInputWidget select {
 970         display: block;
 971 }
 972 .oo-ui-dropdownInputWidget select {
 973         width: 100%;
 974         cursor: pointer;
 975         -webkit-box-sizing: border-box;
 976            -moz-box-sizing: border-box;
 977                 box-sizing: border-box;
 978 }
 979 .oo-ui-dropdownInputWidget select {
 980         background-color: #fff;
 981         height: 2.275em;
 982         font-size: inherit;
 983         font-family: inherit;
 984         -webkit-box-sizing: border-box;
 985            -moz-box-sizing: border-box;
 986                 box-sizing: border-box;
 987         border: 1px solid #9aa0a7;
 988         border-radius: 2px;
 989         padding-left: 1em;
 990         vertical-align: middle;
 991 }
 992 .oo-ui-dropdownInputWidget option {
 993         font-size: inherit;
 994         font-family: inherit;
 995         height: 1.5em;
 996         padding: 0.5em 1em;
 997 }
 998 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
 999 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
1000         border-color: #a2a9b1;
1001         outline: 0;
1002 }
1003 .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
1004         color: #72777d;
1005         border-color: #c8ccd1;
1006         background-color: #eaecf0;
1007 }
1008 .oo-ui-radioInputWidget {
1009         position: relative;
1010         line-height: 1.6em;
1011         white-space: nowrap;
1012 }
1013 .oo-ui-radioInputWidget * {
1014         font: inherit;
1015         vertical-align: middle;
1016 }
1017 .oo-ui-radioInputWidget [type='radio'] {
1018         position: relative;
1019         max-width: none;
1020         width: 1.6em;
1021         height: 1.6em;
1022         margin: 0;
1023         opacity: 0;
1024         z-index: 1;
1025 }
1026 .oo-ui-radioInputWidget [type='radio'] + span {
1027         background-color: #fff;
1028         position: absolute;
1029         left: 0;
1030         -webkit-box-sizing: border-box;
1031            -moz-box-sizing: border-box;
1032                 box-sizing: border-box;
1033         width: 1.6em;
1034         height: 1.6em;
1035         border: 1px solid #72777d;
1036         border-radius: 100%;
1037 }
1038 .oo-ui-radioInputWidget [type='radio'] + span:before {
1039         content: ' ';
1040         position: absolute;
1041         top: -4px;
1042         left: -4px;
1043         right: -4px;
1044         bottom: -4px;
1045         border: 1px solid transparent;
1046         border-radius: 100%;
1047 }
1048 .oo-ui-radioInputWidget [type='radio']:checked + span {
1049         border-width: 0.4em;
1050 }
1051 .oo-ui-radioInputWidget [type='radio']:checked:hover + span,
1052 .oo-ui-radioInputWidget [type='radio']:checked:focus:hover + span {
1053         border-width: 0.4em;
1054 }
1055 .oo-ui-radioInputWidget [type='radio']:disabled + span {
1056         background-color: #c8ccd1;
1057         border-color: #c8ccd1;
1058 }
1059 .oo-ui-radioInputWidget [type='radio']:disabled:checked + span {
1060         background-color: #fff;
1061 }
1062 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] {
1063         cursor: pointer;
1064 }
1065 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] + span {
1066         cursor: pointer;
1067         -webkit-transition: background-color 100ms, border-color 100ms, border-width 100ms;
1068            -moz-transition: background-color 100ms, border-color 100ms, border-width 100ms;
1069                 transition: background-color 100ms, border-color 100ms, border-width 100ms;
1070 }
1071 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {
1072         border-color: #36c;
1073 }
1074 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {
1075         background-color: #2a4b8d;
1076         border-color: #2a4b8d;
1077 }
1078 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {
1079         border-color: #2a4b8d;
1080 }
1081 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {
1082         border-color: #36c;
1083 }
1084 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover:focus + span {
1085         border-color: #36c;
1086         box-shadow: inset 0 0 0 1px #36c;
1087 }
1088 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span,
1089 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active:focus + span {
1090         border-color: #2a4b8d;
1091         box-shadow: inset 0 0 0 1px #2a4b8d;
1092 }
1093 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:focus + span {
1094         box-shadow: inset 0 0 0 1px #36c;
1095 }
1096 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:focus + span:before {
1097         border-color: #fff;
1098         top: -3px;
1099         right: -3px;
1100         bottom: -3px;
1101         left: -3px;
1102 }
1103 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout {
1104         margin-bottom: 0;
1105 }
1106 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body {
1107         padding: 0.25em 0;
1108 }
1109 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body .oo-ui-labelElement-label {
1110         line-height: 1.5;
1111 }
1112 .oo-ui-textInputWidget {
1113         position: relative;
1114         vertical-align: middle;
1115         -webkit-box-sizing: border-box;
1116            -moz-box-sizing: border-box;
1117                 box-sizing: border-box;
1118         width: 100%;
1119         max-width: 50em;
1120 }
1121 .oo-ui-textInputWidget input,
1122 .oo-ui-textInputWidget textarea {
1123         display: block;
1124         width: 100%;
1125         -webkit-box-sizing: border-box;
1126            -moz-box-sizing: border-box;
1127                 box-sizing: border-box;
1128 }
1129 .oo-ui-textInputWidget textarea {
1130         overflow: auto;
1131         resize: none;
1132 }
1133 .oo-ui-textInputWidget [type='number'] {
1134         -moz-appearance: textfield;
1135 }
1136 .oo-ui-textInputWidget [type='number']::-webkit-outer-spin-button,
1137 .oo-ui-textInputWidget [type='number']::-webkit-inner-spin-button {
1138         -webkit-appearance: none;
1139         margin: 0;
1140 }
1141 .oo-ui-textInputWidget [type='search'] {
1142         -webkit-appearance: textfield;
1143 }
1144 .oo-ui-textInputWidget [type='search']::-ms-clear {
1145         display: none;
1146 }
1147 .oo-ui-textInputWidget [type='search']::-webkit-search-decoration,
1148 .oo-ui-textInputWidget [type='search']::-webkit-search-cancel-button {
1149         display: none;
1150 }
1151 .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
1152 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator,
1153 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1154         display: none;
1155 }
1156 .oo-ui-textInputWidget.oo-ui-iconElement > .oo-ui-iconElement-icon,
1157 .oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
1158         display: block;
1159         position: absolute;
1160         top: 0;
1161         height: 100%;
1162         -webkit-touch-callout: none;
1163         -webkit-user-select: none;
1164            -moz-user-select: none;
1165             -ms-user-select: none;
1166                 user-select: none;
1167 }
1168 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon,
1169 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
1170         cursor: text;
1171 }
1172 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator {
1173         cursor: pointer;
1174 }
1175 .oo-ui-textInputWidget.oo-ui-widget-disabled input,
1176 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
1177         -webkit-touch-callout: none;
1178         -webkit-user-select: none;
1179            -moz-user-select: none;
1180             -ms-user-select: none;
1181                 user-select: none;
1182 }
1183 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label {
1184         -webkit-touch-callout: none;
1185         -webkit-user-select: none;
1186            -moz-user-select: none;
1187             -ms-user-select: none;
1188                 user-select: none;
1189 }
1190 .oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
1191         display: block;
1192 }
1193 .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
1194 .oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label {
1195         left: 0;
1196 }
1197 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator,
1198 .oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
1199         right: 0;
1200 }
1201 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1202         position: absolute;
1203         top: 0;
1204 }
1205 .oo-ui-textInputWidget input,
1206 .oo-ui-textInputWidget textarea {
1207         padding: 0.5em;
1208         margin: 0;
1209         font-size: inherit;
1210         font-family: inherit;
1211         background-color: #fff;
1212         color: #000;
1213         border: 1px solid #9aa0a7;
1214         border-radius: 2px;
1215 }
1216 .oo-ui-textInputWidget textarea {
1217         line-height: 1.275;
1218 }
1219 .oo-ui-textInputWidget .oo-ui-pendingElement-pending {
1220         background-color: transparent;
1221 }
1222 .oo-ui-textInputWidget.oo-ui-widget-enabled input,
1223 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea {
1224         box-shadow: inset 0 0 0 0.1em #fff;
1225         -webkit-transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
1226            -moz-transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
1227                 transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
1228 }
1229 .oo-ui-textInputWidget.oo-ui-widget-enabled input:hover,
1230 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:hover {
1231         border-color: #72777d;
1232 }
1233 .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
1234 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
1235         outline: 0;
1236         border-color: #36c;
1237         box-shadow: inset 0 0 0 1px #36c;
1238 }
1239 .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly],
1240 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
1241         color: #777;
1242         text-shadow: 0 1px 1px #fff;
1243 }
1244 .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly]:hover,
1245 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:hover {
1246         border-color: #ccc;
1247 }
1248 .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly]:focus,
1249 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:focus {
1250         border-color: #ccc;
1251         box-shadow: inset 0 0 0 0.1em #ccc;
1252 }
1253 .oo-ui-textInputWidget.oo-ui-widget-enabled :-moz-placeholder {
1254         color: #54595d;
1255         opacity: 1;
1256 }
1257 .oo-ui-textInputWidget.oo-ui-widget-enabled ::-moz-placeholder {
1258         color: #54595d;
1259         opacity: 1;
1260 }
1261 .oo-ui-textInputWidget.oo-ui-widget-enabled :-ms-input-placeholder {
1262         color: #54595d;
1263 }
1264 .oo-ui-textInputWidget.oo-ui-widget-enabled ::-webkit-input-placeholder {
1265         color: #54595d;
1266 }
1267 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input,
1268 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea {
1269         border-color: #f00;
1270 }
1271 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input:hover,
1272 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea:hover {
1273         border-color: #f00;
1274 }
1275 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input:focus,
1276 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea:focus {
1277         border-color: #f00;
1278         box-shadow: inset 0 0 0 0.1em #f00;
1279 }
1280 .oo-ui-textInputWidget.oo-ui-widget-disabled input,
1281 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
1282         background-color: #eaecf0;
1283         color: #72777d;
1284         text-shadow: 0 1px 1px #fff;
1285         border-color: #c8ccd1;
1286 }
1287 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon,
1288 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1289         opacity: 0.51;
1290 }
1291 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label {
1292         color: #72777d;
1293         text-shadow: 0 1px 1px #fff;
1294 }
1295 .oo-ui-textInputWidget.oo-ui-iconElement input,
1296 .oo-ui-textInputWidget.oo-ui-iconElement textarea {
1297         padding-left: 2.875em;
1298 }
1299 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1300         left: 0;
1301         height: 100%;
1302         max-height: 2.375em;
1303         margin-left: 0.5em;
1304         background-position: right center;
1305 }
1306 .oo-ui-textInputWidget.oo-ui-indicatorElement input,
1307 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
1308         padding-right: 2.4875em;
1309 }
1310 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1311         height: 100%;
1312         max-height: 2.375em;
1313         margin: 0 0.775em;
1314 }
1315 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1316         padding: 0.4em;
1317         line-height: 1.5;
1318         color: #888;
1319 }
1320 .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label {
1321         margin-right: 2.0875em;
1322 }
1323 .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label {
1324         margin-left: 2.475em;
1325 }
1326 .oo-ui-menuSelectWidget {
1327         position: absolute;
1328         width: 100%;
1329         z-index: 4;
1330         background-color: #fff;
1331         margin-top: -1px;
1332         border: 1px solid #a2a9b1;
1333         border-radius: 0 0 2px 2px;
1334         box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15);
1335 }
1336 .oo-ui-menuSelectWidget input {
1337         position: absolute;
1338         width: 0;
1339         height: 0;
1340         overflow: hidden;
1341         opacity: 0;
1342 }
1343 .oo-ui-menuOptionWidget {
1344         position: relative;
1345         padding: 0.5em 1em;
1346         -webkit-transition: background-color 100ms, color 100ms;
1347            -moz-transition: background-color 100ms, color 100ms;
1348                 transition: background-color 100ms, color 100ms;
1349 }
1350 .oo-ui-menuOptionWidget .oo-ui-iconElement-icon {
1351         display: none;
1352 }
1353 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1354         display: block;
1355 }
1356 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
1357         background-color: #eaecf0;
1358         color: #000;
1359 }
1360 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1361         background-color: #eaf3ff;
1362         color: #36c;
1363 }
1364 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1365         display: none;
1366 }
1367 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
1368 .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
1369         background-color: rgba(41, 98, 204, 0.1);
1370         color: #36c;
1371 }
1372 .oo-ui-menuSectionOptionWidget {
1373         cursor: default;
1374         padding: 0.33em 0.75em;
1375         color: #888;
1376 }
1377 .oo-ui-dropdownWidget {
1378         display: inline-block;
1379         position: relative;
1380         width: 100%;
1381         max-width: 50em;
1382         margin-right: 0.5em;
1383 }
1384 .oo-ui-dropdownWidget-handle {
1385         width: 100%;
1386         display: block;
1387         white-space: nowrap;
1388         overflow: hidden;
1389         text-overflow: ellipsis;
1390         cursor: default;
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         -webkit-box-sizing: border-box;
1397            -moz-box-sizing: border-box;
1398                 box-sizing: border-box;
1399 }
1400 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator,
1401 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1402         position: absolute;
1403 }
1404 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
1405         cursor: pointer;
1406 }
1407 .oo-ui-dropdownWidget:last-child {
1408         margin-right: 0;
1409 }
1410 .oo-ui-dropdownWidget-handle {
1411         padding: 0.5em 0;
1412         height: 2.275em;
1413         line-height: 1.275;
1414         border: 1px solid #9aa0a7;
1415         border-radius: 2px;
1416 }
1417 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1418         top: 0;
1419         right: 0;
1420         margin: 0.775em;
1421 }
1422 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1423         top: 0;
1424         left: 0.25em;
1425         margin: 0.3em;
1426 }
1427 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1428         margin: 0 1em;
1429 }
1430 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
1431         background-color: #f8f9fa;
1432         color: #222;
1433         -webkit-transition: background-color 100ms, border-color 100ms, box-shadow 100ms;
1434            -moz-transition: background-color 100ms, border-color 100ms, box-shadow 100ms;
1435                 transition: background-color 100ms, border-color 100ms, box-shadow 100ms;
1436 }
1437 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
1438         background-color: #fff;
1439         border-color: #a2a9b1;
1440 }
1441 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover .oo-ui-iconElement-icon,
1442 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover .oo-ui-indicatorElement-indicator {
1443         opacity: 0.73;
1444 }
1445 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
1446         border-color: #36c;
1447         outline: 0;
1448         box-shadow: inset 0 0 0 1px #36c;
1449 }
1450 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon,
1451 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1452         opacity: 0.87;
1453         -webkit-transition: opacity 100ms;
1454            -moz-transition: opacity 100ms;
1455                 transition: opacity 100ms;
1456 }
1457 .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
1458         background-color: #fff;
1459 }
1460 .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon,
1461 .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1462         opacity: 1;
1463 }
1464 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1465         color: #72777d;
1466         text-shadow: 0 1px 1px #fff;
1467         border-color: #c8ccd1;
1468         background-color: #eaecf0;
1469 }
1470 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle:focus {
1471         outline: 0;
1472 }
1473 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1474         opacity: 0.15;
1475 }
1476 .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1477         margin-left: 3em;
1478 }
1479 .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1480         margin-right: 2em;
1481 }
1482 .oo-ui-comboBoxInputWidget {
1483         display: inline-block;
1484 }
1485 .oo-ui-comboBoxInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
1486         cursor: pointer;
1487 }
1488 .oo-ui-comboBoxInputWidget-php ::-webkit-calendar-picker-indicator {
1489         opacity: 0;
1490         position: absolute;
1491         right: 0;
1492         top: 0;
1493         height: 2.5em;
1494         width: 2.5em;
1495         padding: 0;
1496 }
1497 .oo-ui-comboBoxInputWidget-php > .oo-ui-indicatorElement-indicator {
1498         pointer-events: none;
1499 }
1500 .oo-ui-comboBoxInputWidget input,
1501 .oo-ui-comboBoxInputWidget textarea {
1502         height: 2.35em;
1503 }
1504 .oo-ui-comboBoxInputWidget.oo-ui-widget-enabled:hover input,
1505 .oo-ui-comboBoxInputWidget.oo-ui-widget-enabled:hover textarea {
1506         border-color: #a2a9b1;
1507 }
1508 .oo-ui-comboBoxInputWidget.oo-ui-widget-enabled:hover input:focus,
1509 .oo-ui-comboBoxInputWidget.oo-ui-widget-enabled:hover textarea:focus {
1510         border-color: #36c;
1511 }
1512 .oo-ui-comboBoxInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1513         opacity: 0.15;
1514 }
1515 .oo-ui-multioptionWidget {
1516         position: relative;
1517         display: block;
1518 }
1519 .oo-ui-multioptionWidget.oo-ui-widget-enabled {
1520         cursor: pointer;
1521 }
1522 .oo-ui-multioptionWidget.oo-ui-widget-disabled {
1523         cursor: default;
1524 }
1525 .oo-ui-multioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1526         display: block;
1527         white-space: nowrap;
1528         text-overflow: ellipsis;
1529         overflow: hidden;
1530 }
1531 .oo-ui-multioptionWidget .oo-ui-labelElement-label {
1532         line-height: 1.5;
1533 }
1534 .oo-ui-multioptionWidget.oo-ui-widget-disabled {
1535         color: #72777d;
1536 }
1537 .oo-ui-checkboxMultioptionWidget {
1538         cursor: default;
1539         padding: 0.25em 0;
1540 }
1541 .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget,
1542 .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1543         display: inline-block;
1544         vertical-align: middle;
1545 }
1546 .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1547         padding: 0.25em 0.25em 0.25em 0.5em;
1548 }
1549 .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget {
1550         margin-right: 0;
1551 }
1552 .oo-ui-progressBarWidget {
1553         max-width: 50em;
1554         background-color: #fff;
1555         border: 1px solid #9aa0a7;
1556         border-radius: 2px;
1557         overflow: hidden;
1558 }
1559 .oo-ui-progressBarWidget-bar {
1560         background-color: #ddd;
1561         height: 1em;
1562         -webkit-transition: width 200ms, margin-left 200ms;
1563            -moz-transition: width 200ms, margin-left 200ms;
1564                 transition: width 200ms, margin-left 200ms;
1565 }
1566 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
1567         -webkit-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1568            -moz-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1569                 animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1570         width: 40%;
1571         margin-left: -10%;
1572         border-left-width: 1px;
1573 }
1574 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
1575         opacity: 0.6;
1576 }
1577 @-webkit-keyframes oo-ui-progressBarWidget-slide {
1578         from {
1579                 margin-left: -40%;
1580         }
1581         to {
1582                 margin-left: 100%;
1583         }
1584 }
1585 @-moz-keyframes oo-ui-progressBarWidget-slide {
1586         from {
1587                 margin-left: -40%;
1588         }
1589         to {
1590                 margin-left: 100%;
1591         }
1592 }
1593 @keyframes oo-ui-progressBarWidget-slide {
1594         from {
1595                 margin-left: -40%;
1596         }
1597         to {
1598                 margin-left: 100%;
1599         }
1600 }