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

div.settings
{
	label
	{
		font: 10pt @title-font;
	}

	a.dataset
	{
		
		color: black;
		font: bold 10pt @title-font;
		text-decoration: none;
	}

	a.change-dataset
	{
		color: @accent-color;
		font: bold 10pt @title-font;
		text-decoration: none;
		border-bottom: 1px dotted;
	}

	div
	{
		margin-top: 10px;
	}

	span
	{
		font: 10.5pt @text-font;
	}
}

a.create
{
	font: bold 9.5pt @title-font;
	margin-top: 20px;
}

div.projects
{
	margin-top: 20px;

	div.project
	{
		margin: 20px 0;
		padding-top: 15px;
		border-top: 1px solid #eaeaea;

		a.title
		{
			font: bold 11pt @title-font;
			text-decoration: none;
			color: black;
		}

		label
		{
			font: 9.5pt @title-font;
			margin-right: 5px;
		}

		div.owner
		{
			margin: 5px 0;

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


		div.description
		{
			font: 10pt @text-font;
			margin: 10px 0;
		}

		a.delete
		{
			font: bold 9pt @title-font;
			color: @accent-color;
			text-decoration: none;
			border-bottom: 1px dotted;
		}
	}
}

div.new-project
{
	h2
	{
		font: bold 13pt @title-font;
	}

	input
	{
		width: 400px;
		padding: 5px;
		font: 10.5pt @text-font;

		&.required
		{
			border: 1px solid #c13a3f;
			outline-color: #c13a3f;
		}
	}

	a
	{
		font: bold 9.5pt @title-font;
		margin-top: 15px;
	}
}

div#exchange-rate-dataset-dialog
{
	.dsBrowserCntnr
	{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 40px;
		height: 92%;
		border-bottom: 1px solid #AAA;
	}

	.selectionMessage
	{
		height: 30px;
		width: 694px;
		bottom: -2px;
		position: absolute;
		background-color: @accent-text-color;
		line-height: 30px;
		padding-left: 5px;
	}

	.referenceErrorMessage
	{
		height: 30px;
		width: 845px;
		bottom: -2px;
		position: absolute;
		background-color: #FFF1A8;
		line-height: 30px;
		padding-left: 5px;
		word-break: break-word;
		font-family: @text-font;
	}

	&#select-member
	{
		border-top: 1px solid #AAA;

		div#member-list
		{
			height: 402px;
			margin-top: 10px;
		}

		span.selected-member
		{
			margin-top: 10px;
			font-weight: bold;
			display: inline-block;
		}

		span#member-name
		{
			width: 380px;
			display: inline;
		}
	}
}