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

div.indicator-top
{
	margin-top: 10px;

	div.indicator-title
	{
		font-family: @title-font;
		font-size: 14pt;
		color: black;
		float: left;
		width: 13%;
	}

	div.indicator-description
	{
		font-family: @text-font;
		font-size: 10pt;
		color: black;
		float: left;
		width: 87%;
	}
}

div.indicator-middle
{
	padding-top: 15px;

	div.map
	{
		float: left;
		width: 70%;

		div.visualization
		{
			position: relative;
			height: 394px;
			width: 100%;
		}
	}


	div.last-submissions
	{
		float: left;
		width: 30%;

		div.last-submission
		{
			margin-bottom: 5px;
			margin-left: 15px;
			padding: 5px 10px;
			background-color: #F0F0F0;
			font-family: @text-font;
			font-size: 10pt;
			color: black;
			text-align: justify;

			a
			{
				color: @accent-color;
				text-decoration: underline;

				&:hover
				{
					text-decoration: none;
				}
			}

			div.last-submission-bottom
			{
				margin-top: 5px;

				div.user
				{
					color: gray;
					float: left;
				}

				div.time
				{
					color: gray;
					float: right;
				}
			}
		}
	}
}

div.indicator-bottom
{
	padding-top: 30px;
}

table.knoema-table.collection-project
{
	.letter
	{
		font-size: 105%;
		font-weight: bolder;
	}

	td
	{
		&.entity-name, &.dispersion
		{
			width: 30%;
		}

		&.last-value, &.mean-value
		{
			width: 15%;
		}

		&.min-value
		{
			width: 10%;
			text-align: right;

			html[dir='rtl'] &
			{
				text-align: left;
			}
		}
	}
}

table.knoema-table.compare.collection-project
{
	&.entity-name
	{
		width: 22%;
	}

	&.last-value, &.mean-value, &.min-value
	{
		width: 16%;
	}

	&.dispersion
	{
		width: 30%;
	}
}