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

div.values
{
	table.knoema-table
	{
		tbody
		{
			td.name
			{
				width: 30%;
			}

			td.unit
			{
				width: 20%;

				select[data-val-required]
				{
					border: 1px solid gray;
				}
			}

			td.accept
			{
				width: 40%;
			}

			td.comment-link
			{
				width: 10%;
			}

			tr.suspicious
			{
				background-color: pink;
			}

			tr.confirmed
			{
				background-color: #8df165;
			}

			tr, td
			{
				font-family: @text-font;
			}
		}
	}
}

div#top-items
{
	margin: 10px 0 20px 0;

	div#currency
	{
		display: inline-block;
		font: 10pt @text-font;
		.margin-left-right(0, 30px);
		vertical-align: top;

		html[dir='rtl'] &
		{
			.margin-left-right(30px, 0);
		}
	}

	div#collectiontime
	{
		display: inline-block;
		font: 10pt @text-font;

		div.invalid.aside
		{
			display: block;
			left: 160px;
			top: -15px;
			padding: 0 0px 0 20px;
		}
	}

	label
	{
		display: block;
		font-family: @title-font;
	}

	div.region
	{
		display: inline-block;
		.margin-left-right(0, 30px);
		vertical-align: top;

		html[dir='rtl'] &
		{
			.margin-left-right(30px, 0);
		}

		select
		{
			width: 200px;
		}
	}
}

div.project-comments
{
	&.submission-comment 
	{
		width: 910px;
	}

	&.item-comment
	{
		width: 880px;

		div.error-message
		{
			display: block;
			font-size: 12px;
			color: #C13A3F;
			margin-top: 10px;
		}
	}
}

div.ui-dialog-content
{

	&.warning-dlg
	{
		margin-top: 15px;
		font: 14px normal @title-font;
	}
}