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

#version-prompt
{
	margin-bottom: 1em;
}

#system-values
{
	label
	{
		display: block;
		font: bold 10.5pt @title-font;
		margin-top: 1em;
	}

	textarea
	{
		width: 90%;
		height: 50px;
		font: 10.5pt @title-font;
	}

	button
	{
		display: block;
		margin-top: 1em;
	}

	input
	{
		padding: 5px;
		width: 200px;
		font: 10.5pt @title-font;
	}

	a
	{
		font: 10pt @title-font;
		color: @accent-color;
	}

	.field-validation-error
	{
		font: 10.5pt @title-font;
		color: #eb1a1a;
	}
}

.tabs
{
	border-bottom: 1px solid @accent-color;
	margin-bottom: 1em;

	ul
	{
		padding: 0 0 0 10px;
		margin: 0;
	}

	li
	{
		display: inline-block;
		border: 1px solid @accent-color;
		border-bottom-width: 0;
		margin-right: .5em;

		a
		{
			cursor: pointer;
			padding: 5px 1em;
			display: inline-block;
			font-family: @title-font;
			font-size: 0.85em;

			&.active
			{
				background: @accent-color;
				color: white;
				font-weight: bold;
			}
		}

		&.add-setting
		{
			border: none;
			float: right;
			margin-right: 0;

			a
			{
				padding: 0;
				color: @accent-color;
			}
		}
	}
}

.knoema-table
{
	width: 100%;

	&.values
	{
		display: none;

		th:first-child
		{
			width: 30%;
		}

		th:nth-child(2)
		{
			width: 65%;
		}

		th:last-child
		{
			width: 5%;
		}
	}

	&.json-values
	{
		display: none;

		th:first-child
		{
			width: 85%;
		}

		th:last-child
		{
			width: 15%;
		}

		input[type=file]
		{
			display: none;
		}

		a
		{
			display: inline-block;
		}
	}

	&.active
	{
		display: table;
	}

	th
	{
		font: bold 10.5pt;
	}
}

.upload-file
{
	display: none;
}