@import '../default.less';
@import '../mixins.less';
//DON'T ADD IMPORTS, ABOVE ARE TO MAKE INTELLISENSE WORK

h1
{
	font: bold 13pt @title-font;
}

.pricing
{
	margin: 15px 0;

	label
	{
		font: bold 10.5pt @title-font;
	}

	.price-box
	{
		display: inline-block;
		width: 400px;

		label
		{
			display: inline-block;
			width: 180px;
		}
	}

	input[type=text], input[type=number]
	{
		width: 60px;
		font: bold 10.5pt @text-font;
		padding: 4px 5px;
		display: block;
	}

	input[type=text]
	{
		display: inline-block;
		margin-right: 2em;
	}

	div
	{
		margin-bottom: 15px;

		&.feature
		{
			margin-bottom: 5px;
		}

		&.trial
		{
			margin-top: 15px;
		}
	}

	ul
	{
		margin: 0;
		height: 100px;
		width: 400px;
	}

	a#add-price
	{
		margin-top: 10px;
	}

	a
	{

		&#cancel
		{
			margin-left: 5px;
		}
	}

	div#error
	{
		margin: 10px 0 5px 0;
		font: bold 10.5pt @title-font;
		color: #c13a3f;
	}

	span.hint
	{
		display: block;
		color: #808080;
		font: 9.5pt @title-font;
		margin-bottom: 10px;
		margin-top: 2px;
	}

	table.knoema-table
	{
		margin-top: 15px;

		th
		{
			padding: 0 8px;
		}

		td
		{
			padding: 8px;
			-ms-word-break: break-word;
			word-break: break-word;
		}

		td.checked
		{
			height: 17px;
			background: url(/Img/business/check.png) no-repeat center center;
		}

		td.locked
		{
			height: 10px;
			background: url(/Img/business/cross.png) no-repeat center center;
		}

		td.countries
		{
			width: 300px;
		}

		td.actions
		{
			width: 80px;
		}

		td.trial
		{
			text-align: center;
			font-weight: bold;
		}
	}

	#countries
	{
		float: left;
	}

	#survey-roles
	{
		float: left;
		margin-left: 20px;

		label
		{
			display: block;
		}

		select
		{
			font-size: 12px;
			border-color: #999;
		}

		& + div
		{
			clear: left;
		}
	}

	.legend
	{
		list-style-type: none;
		width: 100%;
		height: 50px;
		padding: 0;
		font-size: 14px;

		li
		{
			display: inline-block;
			margin-right: 30px;
		}

		.icon
		{
			position: relative;
			top: 5px;
		}
	}

	.icon
	{
		display: inline-block;
		width: 20px;
		height: 20px;
		background-image: url("/Img/v2/sys/pricing-admin-icons.png");

		&.download-icon
		{
			background-position: -20px;
		}

		&.sharing-icon
		{
			background-position: -40px;
		}

		&.playground-icon
		{
			background-position: -60px;
		}

		&.atlas-icon
		{
			background-position: -80px;
		}
	}
}


div.delete-price
{
	margin: 10px 0;
}

.options
{
	font: 10.5pt @title-font;

	div
	{
		margin: 10px 0;

		input[type=checkbox]
		{
			margin-right: 5px;
		}
	}

	&.promo-email
	{
		label
		{
			display: block;
		}

		input
		{
			padding: 5px;
			width: 100px;
			margin-top: 5px;
		}
	}
}