/* stylelint-disable stylistic/indentation */
.mw-message-box {
  background-color: #eeeeee;
  color: #000000;
  box-sizing: border-box;
  margin-bottom: 16px;
  border: 1px solid #aaaaaa;
  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 {
  margin: 0;
}
.mw-message-box h2 {
  color: inherit;
  display: block;
  border: 0;
  font-size: 1em;
  font-weight: bold;
}
.mw-message-box .mw-logevent-loglines li {
  font-size: 90%;
}
.mw-message-box-error {
  background-color: #fee7e6;
  border-color: #dd0033;
}
.mw-message-box-warning {
  background-color: #fef6e7;
  border-color: #edab00;
}
.mw-message-box-success {
  background-color: #d5fdf4;
  border-color: #14866d;
}

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

#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: 11em;
}

#content {
	background-color: #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;
}

.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 {
	background-color: #fff;
	float: right;
	width: 12em;
	border: 1px solid #aaa;
	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 {
	background-color: #eee;
	padding: 0.5em 0.5em 0.5em 2em;
	margin: 0.5em 0.5em 0.5em 0.5em;
}

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

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

.config-page-disabled {
	/* `#767676` is the lightest shade to comply to WCAG level AA contrast ratio, see T318200. */
	color: #767676;
}

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

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

.config-message {
	display: list-item;
	margin-left: 2em;
	margin-top: 0.5em;
}

.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 {
	background-color: #fff;
	color: #f00;
	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 {
	color: #008a00;
	display: block;
	margin-top: 1em;
	font-weight: bold;
	font-size: 110%;
}

.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(/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 {
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2211%22 height=%2211%22%3E %3Crect style=%22fill:%23fff%3Bstroke:%234d4d4d%22 width=%2210%22 height=%2210%22 ry=%220.5%22 x=%220.5%22 y=%220.5%22 /%3E %3Cpath style=%22fill:%23000%22 d=%22M 5.447%2C5.607 C 5.563%2C5.52 5.759%2C5.385 6.034%2C5.203 6.317%2C5.015 6.538%2C4.861 6.697%2C4.742 6.864%2C4.622 7.02%2C4.466 7.165%2C4.271 7.31%2C4.070 7.382%2C3.87 7.382%2C3.669 7.382%2C3.380 7.262%2C3.151 7.023%2C2.982 6.791%2C2.807 6.494%2C2.718 6.132%2C2.718 5.263%2C2.718 4.636%2C3.176 4.252%2C4.092 L 3.295%2C3.989 C 3.795%2C2.690 4.795%2C2.041 6.295%2C2.041 c 0.623%2C0 1.127%2C0.125 1.511%2C0.377 C 8.19%2C2.662 8.382%2C3.010 8.382%2C3.462 8.382%2C3.757 8.299%2C4.036 8.132%2C4.299 7.965%2C4.557 7.777%2C4.764 7.567%2C4.921 7.364%2C5.071 7.114%2C5.253 6.817%2C5.466 6.52%2C5.679 6.299%2C5.855 6.154%2C5.993 5.85%2C6.288 5.625%2C6.702 5.48%2C7.235 l -0.967%2C0 0.098%2C-0.386 C 4.676%2C6.599 4.792%2C6.360 4.958%2C6.134 5.132%2C5.902 5.295%2C5.727 5.447%2C5.607 M 4.056%2C8.891 4.284%2C7.950 l 1.087%2C0 -0.228%2C0.941 -1.087%2C0%22 /%3E %3C/svg%3E");
	background-position: left center;
	background-repeat: no-repeat;
	margin-left: 2px;
	padding: 0 0 0 15px;
	cursor: pointer;
	font-size: 0.8em;
	text-decoration: underline;
	color: #0645ad;
}

.config-help-field-hint:hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2211%22 height=%2211%22%3E %3Crect style=%22fill:%23fff%3Bstroke:%230645ad%22 width=%2210%22 height=%2210%22 ry=%220.5%22 x=%220.5%22 y=%220.5%22 /%3E %3Cpath style=%22fill:%230645ad%22 d=%22M 5.447%2C5.607 C 5.563%2C5.52 5.759%2C5.385 6.034%2C5.203 6.317%2C5.015 6.538%2C4.861 6.697%2C4.742 6.864%2C4.622 7.02%2C4.466 7.165%2C4.271 7.31%2C4.070 7.382%2C3.87 7.382%2C3.669 7.382%2C3.380 7.262%2C3.151 7.023%2C2.982 6.791%2C2.807 6.494%2C2.718 6.132%2C2.718 5.263%2C2.718 4.636%2C3.176 4.252%2C4.092 L 3.295%2C3.989 C 3.795%2C2.690 4.795%2C2.041 6.295%2C2.041 c 0.623%2C0 1.127%2C0.125 1.511%2C0.377 C 8.19%2C2.662 8.382%2C3.010 8.382%2C3.462 8.382%2C3.757 8.299%2C4.036 8.132%2C4.299 7.965%2C4.557 7.777%2C4.764 7.567%2C4.921 7.364%2C5.071 7.114%2C5.253 6.817%2C5.466 6.52%2C5.679 6.299%2C5.855 6.154%2C5.993 5.85%2C6.288 5.625%2C6.702 5.48%2C7.235 l -0.967%2C0 0.098%2C-0.386 C 4.676%2C6.599 4.792%2C6.360 4.958%2C6.134 5.132%2C5.902 5.295%2C5.727 5.447%2C5.607 M 4.056%2C8.891 4.284%2C7.950 l 1.087%2C0 -0.228%2C0.941 -1.087%2C0%22 /%3E %3C/svg%3E");
}

.config-help-field-data {
	background-color: #d6f3ff;
	display: block;
	overflow: hidden;
	/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
	min-width: min-content;
	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-image: url(/mw-config/images/installer-logo.png?62486);
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	width: 10em;
	height: 160px;
	text-decoration: none;
}

.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 {
	background-color: #f7f7f7;
	display: flex;
	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 {
	display: none;
}
@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, headings, lists, ….
	 *
	 * This style sheet is used by the Monobook and Vector skins.
	 */
	/* stylelint-disable stylistic/indentation */
	/* 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: #aaaaaa;
	  border: 0;
	  margin: 0.2em 0;
	}
	/* Structural Elements */
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
	  color: #000000;
	  margin: 0;
	  padding-top: 0.5em;
	  padding-bottom: 0.17em;
	  overflow: hidden;
	}
	h1,
	h2 {
	  margin-bottom: 0.6em;
	  border-bottom: 1px solid #aaaaaa;
	}
	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: #000000;
	  border: 1px solid #eaecf0;
	}
	code {
	  border-radius: 0;
	  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;
	}
	form {
	  border: 0;
	  margin: 0;
	}
	textarea {
	  display: block;
	  box-sizing: border-box;
	  width: 100%;
	  /* Support: Firefox */
	  /* Border rule required to override system appearance on Linux. T13641. */
	  border: 1px solid #aaaaaa;
	  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;
	}}