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

div#site-main
{
	overflow: hidden;
}

/* Sector management */
div#admin-sectors li
{
	list-style-type: square;
}

div.sector-item
{
	position: relative;
	width: 100%;

	div.sector-actions
	{
		position: absolute;
		right: 0px;
		top: 0px;
		display: none;
	}
}

a.ui-button
{
	display: inline-block;
}

div.sector-active
{
	background-color: #cccccc;
}

/*Managing Relationship*/

div.outer
{
	height: 17px;
}

div.inner
{
	font-size: 10.5pt;
	font-family: Verdana;
	font-weight: bold;
	color: #333;
}

div.search-key-relationship
{
	margin-left: 12px;
}

td.search-add-heading
{
	font-size: 9pt;
	font-family: Verdana;
	font-weight: bold;
	color: #666666;
}

table
{
	&#data-table
	{
		tr
		{
			td
			{
				border-bottom: solid 1px #cbcbcb;
			}

			&:last-child td
			{
				border-style: none;
			}
		}
	}

	&.search-add
	{
		width: 600px;
	}

	&.search-view
	{
		font-size: 9pt;
		font-family: Verdana;
		border-bottom: solid 1px #000000;
		border-top: solid 1px #000000;
	}

	tr
	{
		&.search-add-content input, &.search-add-content select
		{
			width: 200px;
		}
	}

	td
	{
		&.add-button
		{
			width: 50%;
		}

		&.search-table-top-border
		{
			border-top: solid 1px #cbcbcb;
		}

		&.search-view-content
		{
			width: 185px;
		}
	}

	&.knoema-table.region-table
	{
		th
		{
			background-position: 0% 50%;

			&._10
			{
				width: 10%;
			}

			&._15
			{
				width: 15%;
			}

			&._25
			{
				width: 25%;
			}
		}
	}
}

div.validation-search-add-form
{
	color: #ff0000;
}

a#search-add
{
	font-size: 10pt;
}

.form-editor .text-box
{
	width: 476px;
}

div.form input[disabled="disabled"].text-box
{
	color: #999;
}


/*#region Dataset editor */

#delete-confirmation
{
	display: none;
}

a.form-editor-link, a.form-editor-link:visited
{
	width: auto;
	color: #999;
	font-family: "Segoe UI",Tahoma,Geneva,Verdana,sans-serif;
	font-size: 1.25em;
	font-weight: normal;
	padding-left: 5px;
}

/* upload/download file */

#upload-file
{
	margin: 0 0 10px 10px;
	display: inline-block;

	input
	{
		display: none;
	}

	form
	{
		display: inline;
	}
}

div.toolbar
{
	margin-bottom: 10px;
}

.knoema-table.sitemap
{
	th.th70
	{
		width: 70%;
	}

	th.th30
	{
		width: 30%;
	}

	span.shift2
	{
		margin: 20px;
	}

	span.shift4
	{
		margin: 40px;
	}
}

#refresh-sitemap
{
	margin-bottom: 10px;
}

div#upload-status
{
	#processing-status, #estimated-time
	{
		font-family: @text-font;
		font-size: 14px;
		margin-bottom: 5px;
	}

	#estimated-time
	{
		margin-bottom: 20px;
	}

	span
	{
		font-style: italic;
		color: black;
	}

	#pending-header
	{
		font-family: @text-font;
		margin-bottom: 10px;
		font-weight: bold;
		display: block;
	}

	th.user-name
	{
		width: 25%;
	}

	th.file-name
	{
		width: 50%;
	}

	th.finish-time
	{
		width: 15%;
	}

	th.action
	{
		width: 10%;
	}

	.cancel
	{
		text-decoration: underline;
		cursor: pointer;
	}
}

/* communities*/

.communities, .universities, .promos, .experiments, .experiment, .licenses, .quality-calculations, .quality-calculation
{
	.results
	{
		font-size: 13px;
	}

	div.filter
	{
		margin: 20px 0;
		font: 13px @title-font;

		input
		{
			padding: 5px;
			width: 250px;

			&::-ms-clear
			{
				display: none;
			}
		}
	}

	table
	{
		font-size: 13px;
		width: 100%;

		th
		{
			font-family: @title-font;
			padding: 5px;
			text-align: left;
		}

		td
		{
			font-family: @title-font;

			a
			{
				font: 13px @title-font;
				color: @accent-color;

				&.theme
				{
					text-decoration: none;
				}
			}
		}

		td, th
		{
			padding: 5px;
			border-bottom: 1px solid #eaeaea;

			&.title
			{
				width: 300px;
			}

			&.link
			{
				width: 200px;
			}

			&.theme
			{
				width: 150px;
			}

			&.edit
			{
				width: 30px;
			}

			&.time
			{
				width: 150px;
			}

			&.short
			{
				width: 120px;
			}

			&.number
			{
				text-align: right;
			}
		}
	}
}

.quality-calculations
{
	.caption
	{
		font: bold 13px @title-font;
		margin-top: 20px;
	}

	#status
	{
		display: inline;
		font: 13px @title-font;

		&.status-hidden
		{
			display: none;
		}

		img
		{
			vertical-align: middle;
		}
	}

	#current-status
	{
		display: inline;
	}
}

#quality-calculation-container
{
	.caption
	{
		font: bold 13px @title-font;
		margin-top: 20px;
	}

	.text
	{
		font-family: @title-font;
		font-size: 13px;
	}

	#calculation-username, #calculation-startdate
	{
		display: inline;
	}
}

#experiment-form
{
	.caption
	{
		font: bold 13px @title-font;
		margin-top: 20px;
	}

	.text
	{
		font-family: @title-font;
		font-size: 13px;
	}

	#variants-container
	{
		margin-top: 10px;
	}

	#experiment-state-group
	{
		display: block;
		margin-top: 10px;
	}

	#experiment-state
	{
		display: inline;
		margin-left: 5px;
		font: 13px @title-font;
		color: gray;

		&.active
		{
			font: bold 13px @title-font;
			color: green;
		}
	}

	#start-stop
	{
		width: 80px;
		display: block;
		margin-top: 20px;
	}
}

/* presets */
#select-region .dimension-members-list
{
	position: static;
	height: 300px;
}

#add-preset
{
	margin-top: 15px;
}

#select-region label
{
	display: block;
	margin: 5px 0;
}

.name-region-wrapper input
{
	width: 99%;
}

#select-region .error
{
	color: red;
}
/* presets: end */

#search-parameters #reset-search-training-parameters
{
	margin-top: -36px;
	margin-bottom: 18px;
}

.list-item
{
	margin: 10px 0 15px;
}

#toggle-training
{
	text-decoration: underline;
	display: inline-block;
}

div.actions
{
	margin-top: .5em;
}

.snapshot-actions
{
	display: none;
	float: right;

	*
	{
		font: normal 10pt @title-font;

		margin-right: .5em;

		&:last-child
		{
			margin-right: 0;
		}
	}

	a
	{
		color: @accent-color;

		&:hover, &:visited
		{
			color: @accent-color;
		}
	}

	#compare-snapshots
	{
		display: none;
	}
}

#search-refresh-conceptmap
{
	width: 70px;
}

#search-conceptmapstate
{
	th
	{
		&.node
		{
			width: 8%;
		}
		&.date
		{
			width: 20%;
		}
	}
}

#snapshots-table
{
	tbody tr
	{
		cursor: pointer;

		td.gain
		{
			position: relative;

			&>*
			{
				display: inline-block;
			}
		}

		.value-action-block
		{
			right: 16px;
			display: inline-block;
			position: absolute;
		}

		.value-action
		{
			display: inline-block;
			cursor: pointer;

			&.remove-snapshot
			{
				display: none;

				&:hover
				{
					color: #cd4423;
				}
			}
		}

		&:hover
		{
			.remove-snapshot
			{
				display: inline-block;
			}
		}
	}

	.check
	{
		width: 3%;
	}
	.date
	{
		width: 32%;
	}
	.env
	{
		width: 20%;
	}
	.queries
	{
		width: 15%;
		text-align: right;
	}
	.marked
	{
		width: 15%;
		text-align: right;
	}
	.gain
	{
		width: 15%;
		text-align: right;
		padding-right: 30px;
	}
}