/* stylelint-disable selector-class-pattern */
.mw-message-box,
.messagebox,
.errorbox,
.warningbox,
.successbox {
  color: #000;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 16px;
  border: 1px solid;
  padding: 12px 24px;
  word-wrap: break-word;
  /* Standard property is `overflow-wrap` */
  overflow-wrap: break-word;
  overflow: hidden;
  /* Ensure box inner spacing is not all over the place no matter what element is only child. */
}
.mw-message-box :only-child,
.messagebox :only-child,
.errorbox :only-child,
.warningbox :only-child,
.successbox :only-child {
  margin: 0;
}
.mw-message-box h2,
.messagebox h2,
.errorbox h2,
.warningbox h2,
.successbox h2 {
  color: inherit;
  display: block;
  border: 0;
  font-size: 1em;
  font-weight: bold;
}
.mw-message-box .mw-logevent-loglines li,
.messagebox .mw-logevent-loglines li,
.errorbox .mw-logevent-loglines li,
.warningbox .mw-logevent-loglines li,
.successbox .mw-logevent-loglines li {
  font-size: 90%;
}
.mw-message-box,
.messagebox {
  background-color: #eaecf0;
  border-color: #a2a9b1;
}
.mw-message-box-error,
.errorbox {
  background-color: #fee7e6;
  border-color: #d33;
}
.mw-message-box-warning,
.warningbox {
  background-color: #fef6e7;
  border-color: #fc3;
}
.mw-message-box-success,
.successbox {
  background-color: #d5fdf4;
  border-color: #14866d;
}

/* stylelint-disable selector-class-pattern */
body {
	background-color: #f7f7f7;
	margin: 0;
	font-family: sans-serif;
}

#mw-page-base {
	height: 3.5em;
}

#mw-head-base {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
}

#mw-panel {
	position: absolute;
	top: 0;
	left: 0;
	width: 10em;
}

#content {
	background: #fff;
	margin-left: 11em;
	border: 1px solid #aaa;
	padding: 1.25em 1.5em 1.5em 1.5em;
}

.portal {
	margin: 0 0.6em 0 0.7em;
	padding: 0.25em 0;
}

.portal ul {
	list-style: none;
	margin: 0 0.5em;
	font-size: 0.813em;
	line-height: 1.4;
}

.env-check {
	font-size: 90%;
	margin: 1em 0 1em 2.5em;
}

.config-section {
	margin-top: 2em;
}

.config-block {
	margin-top: 2em;
	display: block;
}

.config-block-label {
	display: block;
	margin-bottom: 0.2em;
}

.config-block-label label,
.config-label {
	font-weight: bold;
	padding-right: 0.5em;
	padding-top: 0.2em;
}

.config-block-elements {
	display: flex;
	margin-left: 2em;
}

.config-block-elements li {
	list-style: none;
}

.config-input {
	clear: left;
}

.config-page-wrapper {
	padding: 0.5em;
}

.config-page-list {
	float: right;
	width: 12em;
	border: 1px solid #aaa;
	background: #fff;
	padding: 0.5em;
	/* 3em left margin to leave space between the list and the page-content */
	margin: 0.5em 0.5em 0.5em 3.5em;
}

.config-page {
	padding: 0.5em 0.5em 0.5em 2em;
	margin: 0.5em 0.5em 0.5em 0.5em;
	background: #eee;
}

.config-submit {
	clear: left;
	text-align: center;
	padding: 1em;
}

.config-submit input {
	margin-left: 0.5em;
	margin-right: 0.5em;
}

.config-page-disabled {
	color: #aaa;
}

.config-error-box {
	border: 2px solid #f00;
}

.config-page-current {
	font-weight: bold;
}

.config-message {
	display: list-item;
	line-height: 1.5em;
	list-style-image: url(data:image/gif;base64,R0lGODlhBQANAIAAAGOMnP///yH5BAEAAAEALAAAAAAFAA0AAAIJjI+pu+APo4SpADs=);
	list-style-type: square;
}

.config-input-text {
	width: 20em;
	margin-right: 1em;
	height: 30px;
}

.config-input-check {
	margin-left: 10em;
}

.config-skins-item {
	/* Clearfix */
	clear: left;
	overflow: hidden;
}

.config-skins-item .config-input-check {
	margin-left: 10em;
	width: 20em;
	float: left;
}

.config-skins-item .config-skins-use-as-default {
	float: left;
}

.error {
	color: #f00;
	background-color: #fff;
	font-weight: bold;
	left: 1em;
	font-size: 100%;
}

.config-settings-block {
	list-style: none;
	margin: 0;
	padding: 0;
}

.btn-install {
	font-weight: bold;
	font-size: 110%;
	padding: 0.2em 0.3em;
}

.success-message {
	font-weight: bold;
	font-size: 110%;
	color: #008000;
}

.config-cc-wrapper {
	clear: left;
	/* If you change this height, also change it in WebInstallerOptions::submitCC() */
	height: 54em;
}

.config-plainlink a {
	background: none !important; /* stylelint-disable-line declaration-no-important */
	padding: 0 !important; /* stylelint-disable-line declaration-no-important */
}

.config-download-link {
	font-size: 1.8em;
	margin-left: 2em;
}

.config-download-link a {
	background: url(/wiki/mw-config/images/download-32.png?4a9ac) no-repeat center left;
	padding-left: 40px; /* 32 px for the image (above), plus some breathing room */
	height: 32px; /* provide enough vertical room for the image */
	display: inline-block; /* allow the height property (above) to work */
	/* TODO: re-evaluate this */
	/* stylelint-disable-next-line declaration-property-unit-disallowed-list */
	line-height: 32px; /* center the text vertically */
}

#config-live-log {
	overflow: hidden;
	min-width: 20em;
}

/* Hide empty live-log textarea */
#config-live-log textarea:empty {
	display: none;
}

.config-help-field-checkbox {
	display: none;
}

/* tooltip styles */
.config-help-field-hint {
	margin-left: 2px;
	padding: 0 0 0 15px;
	background-image: url(data:image/gif;base64,R0lGODlhCwALALMAAP///01NTZOTk1lZWefn57i4uJSUlPPz82VlZdDQ0HFxcaysrNvb28TExAAAAAAAACH5BAAAAAAALAAAAAALAAsAAAQrUIRJqQQ455nNNBgHJANBDAwgZsVwqIG2IEQYYwXy2lq/Kg3NqqeSVCqCCAA7);
	background-position: left center;
	background-repeat: no-repeat;
	cursor: pointer;
	font-size: 0.8em;
	text-decoration: underline;
	color: #0645ad;
}

.config-help-field-hint:hover {
	background-image: url(data:image/gif;base64,R0lGODlhCwALALMAAAtop+7z+GCWwpW51oStz8rb6yZzrafF3bnR5Nzn8QBcoD91oABQmf///wAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE5NkQ0QUQzRjI0NzRCNUQwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJBN0FFQTQwQjlGQzExREY5RDlBQTRBODQyMkJCMkFDIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJBN0FFQTNGQjlGQzExREY5RDlBQTRBODQyMkJCMkFDIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkM3RjExNzQwNzIwNjgxMTk1RkVBQ0ZBOEQxNTU5MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTk2RDRBRDNGMjQ3NEI1RDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAACwALAAAEK3CxSalsOOeZxRQY1yBKkihFI2aDEqiMRgBJGGMD8NpavxoHzaqnklQqiwgAOw==);
}

.config-help-field-data {
	display: block;
	overflow: hidden;
	min-width: min-content;
	background-color: #d6f3ff;
	padding: 5px 8px 4px 8px;
	border: 1px solid #5dc9f4;
	margin-left: 20px;
}

.config-help-field-checkbox:not( :checked ) ~ .config-help-field-data {
	display: none;
}

#p-logo {
	width: 10em;
	height: 160px;
	margin: 0 0 0 0.6em;
}

#p-logo a {
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	width: 10em;
	height: 160px;
	text-decoration: none;
	background-image: url(/wiki/mw-config/images/installer-logo.png?62486);
}

.visualClear {
	clear: both;
}

/** WARNING BOX STYLES */
.mw-installer-box-left {
	margin: 7px;
	float: left;
	width: 35px;
}

.mw-installer-box-right {
	margin: 0.5em 0.5em 0.5em 49px;
}
/** END WARNING BOX STYLES */

/* Logo preview  */
.logo-preview-area {
	display: flex;
	background: #f6f6f6;
	padding: 20px;
	margin: 20px 20px 0;
}

/* Logo preview (main) */
.logo-main {
	display: flex;
	align-items: center;
	margin-left: 20px;
}

.logo-icon {
	width: 50px;
	height: 50px;
	margin-right: 10px;
}

.logo-tagline,
.logo-wordmark {
	display: block;
	max-width: 130px;
	max-height: 50px;
}

.logo-tagline {
	font-size: 0.75em;
	text-align: center;
}

/* Logo preview (sidebar) */
.logo-sidebar {
	width: auto;
	height: 160px;
	margin-bottom: 1em;
	max-width: 160px;
}

.logo-preview-area .sidebar {
	width: 10em;
	border-right: solid 1px #fe421e;
	text-align: center;
	padding: 0 0.5em;
}

.logo-preview-area nav {
	text-align: left;
}

.logo-preview-area nav ul {
	margin: 0;
	list-style: none;
}

.logo-dropper {
	border: solid 1px #333;
	height: 100px;
	width: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
@media screen {
	/**
	 * MediaWiki style sheet for general styles on basic content elements
	 * IMPORTANT: All rules in this file should only apply to __tag__ selectors (T255717).
	 * Styling of non-tag selectors is permitted for backwards compatibility, in only two cases:
	 * 1) There is an equivalent tag with the same name in HTML4 (e.g. `.small and <small>)
	 * 2) A class matches a tag name and is prefixed with `mw-` e.g. `code` and `.mw-code`
	 *
	 * Styles for basic elements: links, lists, etc...
	 *
	 * This style sheet is used by the Monobook and Vector skins.
	 */
	/* stylelint-disable selector-class-pattern */
	/* stylelint-disable selector-no-vendor-prefix */
	/* stylelint-enable selector-no-vendor-prefix */
	/* stylelint-disable selector-class-pattern */
	/* Links */
	a {
	  text-decoration: none;
	  color: #0645ad;
	  background: none;
	}
	a:not( [ href ] ) {
	  cursor: pointer;
	  /* Always cursor:pointer even without href */
	}
	a:visited {
	  color: #0b0080;
	}
	a:active {
	  color: #faa700;
	}
	a:hover,
	a:focus {
	  text-decoration: underline;
	}
	a:lang( ar ),
	a:lang( kk-arab ),
	a:lang( mzn ),
	a:lang( ps ),
	a:lang( ur ) {
	  text-decoration: none;
	}
	/* Inline Elements */
	img {
	  border: 0;
	  /* FIXME: Remove after adding 'normalize.less' added to all 'elements.less' calling skins. */
	  vertical-align: middle;
	}
	hr {
	  height: 1px;
	  background-color: #a2a9b1;
	  border: 0;
	  margin: 0.2em 0;
	}
	/* Structural Elements */
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
	  color: #000;
	  margin: 0;
	  padding-top: 0.5em;
	  padding-bottom: 0.17em;
	  overflow: hidden;
	}
	h1,
	h2 {
	  margin-bottom: 0.6em;
	  border-bottom: 1px solid #a2a9b1;
	}
	h3,
	h4,
	h5 {
	  margin-bottom: 0.3em;
	}
	h1 {
	  font-size: 188%;
	  font-weight: normal;
	}
	h2 {
	  font-size: 150%;
	  font-weight: normal;
	}
	h3 {
	  font-size: 128%;
	}
	h4 {
	  font-size: 116%;
	}
	h5 {
	  font-size: 108%;
	}
	h6 {
	  font-size: 100%;
	}
	p {
	  margin: 0.4em 0 0.5em 0;
	}
	p img {
	  margin: 0;
	}
	ul {
	  margin: 0.3em 0 0 1.6em;
	  padding: 0;
	}
	ol {
	  margin: 0.3em 0 0 3.2em;
	  padding: 0;
	  list-style-image: none;
	}
	li {
	  margin-bottom: 0.1em;
	}
	dt {
	  font-weight: bold;
	  margin-bottom: 0.1em;
	}
	dl {
	  margin-top: 0.2em;
	  margin-bottom: 0.5em;
	}
	dd {
	  margin-left: 1.6em;
	  margin-bottom: 0.1em;
	}
	/* FIXME: Duplicated ruleset if skins using ResourceLoaderSkinModule
	load the features `normalize` and `elements`. */
	pre,
	code,
	tt,
	kbd,
	samp,
	.mw-code {
	  /* Support: Blink, Gecko, Webkit; enable unified font sizes for monospace font. T176636 */
	  font-family: monospace, monospace;
	}
	pre,
	code,
	.mw-code {
	  background-color: #f8f9fa;
	  color: #000;
	  border: 1px solid #eaecf0;
	}
	code {
	  border-radius: 2px;
	  padding: 1px 4px;
	}
	pre,
	.mw-code {
	  padding: 1em;
	  /* Wrap lines in overflow. T2260, T103780 */
	  white-space: pre-wrap;
	  /* Create a new block formatting context */
	  overflow-x: hidden;
	  /* Break really long words when they overflow to the next line */
	  word-wrap: break-word;
	}
	/* Tables */
	table {
	  font-size: 100%;
	}
	/* Forms */
	fieldset {
	  border: 1px solid #2a4b8d;
	  margin: 1em 0 1em 0;
	  padding: 0 1em 1em;
	}
	legend {
	  padding: 0.5em;
	  font-size: 95%;
	}
	form {
	  border: 0;
	  margin: 0;
	}
	textarea {
	  display: block;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	  width: 100%;
	  /* Support: Firefox */
	  /* Border rule required to override system appearance on Linux. T13641. */
	  border: 1px solid #c8ccd1;
	  padding: 0.1em;
	}
	/* Emulate Center */
	.center {
	  width: 100%;
	  text-align: center;
	}
	*.center * {
	  margin-left: auto;
	  margin-right: auto;
	}
	/* Small for tables and similar */
	.small {
	  font-size: 94%;
	}
	table.small {
	  font-size: 100%;
	}}
@media print {
	/* stylelint-disable selector-class-pattern */
	.center {
	  text-align: center;
	}
	/* Links */
	a {
	  background: none !important;
	  /* stylelint-disable-line declaration-no-important */
	  padding: 0 !important;
	  /* stylelint-disable-line declaration-no-important */
	}
	a,
	a.external,
	a.new,
	a.stub {
	  color: inherit !important;
	  /* stylelint-disable-line declaration-no-important */
	  text-decoration: inherit !important;
	  /* stylelint-disable-line declaration-no-important */
	}
	dt {
	  font-weight: bold;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
	  font-weight: bold;
	  /* Pagination */
	  page-break-after: avoid;
	  page-break-before: avoid;
	}
	p {
	  margin: 1em 0;
	  line-height: 1.2;
	  /* Pagination */
	  orphans: 3;
	  widows: 3;
	}
	img,
	figure {
	  /* Pagination */
	  page-break-inside: avoid;
	}
	img {
	  border: 0;
	  vertical-align: middle;
	}
	pre,
	.mw-code {
	  background: #fff;
	  color: #000;
	  border: 1pt dashed #000;
	  padding: 1em;
	  font-size: 8pt;
	  white-space: pre-wrap;
	  /* Create a new block formatting context */
	  overflow-x: hidden;
	  /* Break really long words when they overflow to the next line */
	  word-wrap: break-word;
	}
	ul {
	  list-style-type: square;
	}}