@import "../Content/Bootstrap/variables";
@import "../Shared/Styles/clickable.less";
@import "Indexers/indexers";
@import "Quality/quality";
@import "Profile/profile";
@import "Notifications/notifications";
@import "Metadata/metadata";
@import "DownloadClient/downloadclient";
@import "thingy";
@import "NetImport/list.less";

li.save-and-add {
	.clickable;

	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 20px;
	color: rgb(51, 51, 51);
	white-space: nowrap;
}

li.save-and-add:hover {
	text-decoration: none;
	color: rgb(255, 255, 255);
	background-color: rgb(0, 129, 194);
}

.add-card {
	.clickable;
	color: #adadad;
	font-size: 50px;
	text-align: center;
	background-color: #f5f5f5;

	.center {
		display: inline-block;
		padding: 5px 20px 0px;
		background-color: white;
	}

	i {
		.clickable;
	}
}

.naming-example {
	display: inline-block;
	margin-top: 5px;
}

.naming-format {
	width: 500px;
}

.settings-controls {
	margin-top: 10px;
}

.advanced-settings-toggle {
	display: inline-block;
	margin-bottom: 10px;

	.checkbox {
		width         : 100px;
		margin-left   : 0px;
		display       : inline-block;
		padding-top   : 0px;
		margin-bottom : -10px;
		margin-top    : -1px;
	}

	.help-inline-checkbox {
		display        : inline-block;
		margin-top     : -3px;
		margin-bottom  : 0;
		vertical-align : middle;
	}
}

.advanced-setting {
	display: none;

	.control-label {
		color: @brand-warning;
	}
}

.basic-setting {
	display: block;
}

.show-advanced-settings {
	.advanced-setting {
		display: block;
	}

	.basic-setting {
		display: none;
	}
}

.api-key {

	input {
		width  : 280px;
		cursor : text;
	}
}

.settings-tabs {
	li>a {
		padding : 10px;
		white-space : nowrap;
	}
}

.indicator {
	display       : none;
	padding-right : 5px;
}

.add-rule-setting-mapping {
	cursor     : pointer;
	font-size  : 14px;
	text-align : center;
	display    : inline-block;
	padding    : 2px 6px;

	i {
		cursor : pointer;
	}
}

.rule-setting-list {

	.rule-setting-header .row {
		font-weight : bold;
		line-height : 40px;
	}

	.rows .row {
		line-height    : 30px;
		border-top     : 1px solid #ddd;
		vertical-align : middle;
		padding        : 5px;

		i {
			cursor      : pointer;
			margin-left : 5px;
		}
	}
}
