@import 'mediawiki.mixins';

/* stylelint-disable selector-no-id */
#uls-settings-block {
	.vertical-gradient( #fbfbfb, #f0f0f0 );
	border-top: 1px solid #c8ccd1;
	padding-left: 10px;
	line-height: 1.2em;
	border-radius: 0 0 2px 2px;
}

.uls-menu h3 {
	border-bottom: medium none;
	font-size: 14pt;
	line-height: 1.5em;
	margin-bottom: 10px;
	margin-top: 0;
	padding-left: 0;
}

#languagesettings-panels .languagesettings-menu {
	padding-left: 0;
	padding-right: 0;
}

.settings-title {
	font-size: 13pt;
}

.settings-text {
	color: #54595d;
	font-size: 9pt;
}

.display-settings-block:hover .settings-text {
	color: #222;
}

.languagesettings-menu h1 {
	font-size: 16pt;
	line-height: 20pt;
	margin-top: 0;
	font-weight: normal;
	border: 0;
	padding: 15px 0 3px 15px;
	color: #54595d;
}

#languagesettings-settings-panel {
	padding: 0 15px;
	color: #222;
	background: #fff;
}

#languagesettings-settings-panel h3 {
	color: #222;
	padding-top: 15px;
	margin-top: 1pt;
	line-height: 20pt;
	font-size: 16pt;
}

#languagesettings-settings-panel h4 {
	color: #222;
	font-size: 12pt;
}

/* Buttons in the selector panel */
.menu-section {
	color: #72777d;
	padding: 5px 0 5px 50px;
	border-left: 3px solid transparent;
	display: block;
	font-size: 12pt;
}

#language-settings-dialog {
	background: #f8f9fa;
	/* Ensure base font size is same in different skins */
	font-size: medium;
}

.uls-language-settings-close-block {
	background: #fff;
}

#languagesettings-panels .menu-section.active,
#languagesettings-panels .menu-section.active:hover {
	background-color: #fff;
	color: #000;
	border-left-color: #36c;
}

.settings-menu-items .menu-section {
	background-position: 6% 6px;
	padding-left: 40px;
	cursor: pointer;
}

.settings-menu-items .menu-section:hover {
	background-color: #fff;
}

.language-settings-buttons {
	border-top: 1px solid #eaecf0;
	margin-top: 25px;
	padding: 15px;
	width: auto;
	text-align: right;
}

.language-settings-buttons button {
	margin-left: 15px;
}

.uls-ui-languages p,
.checkbox {
	color: #54595d;
	font-size: 10pt;
}

/* mediawiki.ui does not have a pressed state style. */
#languagesettings-panels .mw-ui-pressed {
	background-color: #2a4b8d;
	color: #fff;
}

.checkbox input[type='checkbox'] {
	margin-left: 0;
}

.checkbox strong {
	color: #222;
}

label.checkbox input[type='checkbox'] {
	float: left;
}

.waiting {
	cursor: progress;
}

.uls-icon-close {
	background: transparent no-repeat center center;
	.background-image-svg( '../images/close.svg', '../images/close.png' );
	background-size: 16px 16px; // Support: Android Browser <= 4.3, doesn't accept it as part of `background` shorthand
	float: right;
	padding: 16px;
	cursor: pointer;
}
