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

body.fullscreen div#site-main
{
	#dataset-description-editor
	{
		width: 880px;
	}

	#Source
	{
		width: 860px;
	}
}

div.dataset-metadata
{
	div#dataset-image-option
	{
		padding-top: 5px;
		padding-bottom: 7px;
	}

	div#dataset-columnstore-option
	{
		display: inline;
	}

	div#dataset-extendedtables-option
	{
		display: inline;

		label
		{
			padding-left: 10px;
		}
	}

	label#dataset-image, div#dataset-owner-option label
	{
		padding-left: 10px;
	}

	div#thumbnail-image
	{
		div#image-container
		{
			div#status
			{
				margin-top: 0px;
			}
		}

		div#image-error
		{
			color: red;
		}

		div#image-preview
		{
			border: 1px dotted gray;
			padding: 2px;
			margin: 5px 0;
			width: 180px;
			height: 110px;

			img
			{
				width: 180px;
				height: 110px;
				background-color: #E6E6E6;
			}
		}
	}

	div.dataset-dimension-list
	{
		width: 470px;
		border: 1px solid #CCC;
		padding: 3px 5px;

		table
		{
			overflow: auto;
			display: block;
		}
	}

	div.dataset-detail-columns
	{
		width: 470px;
		border: 1px solid #CCC;
		padding: 3px 5px;

		table
		{
			overflow: auto;
			display: block;
		}
	}

	div.dialog
	{
		display: none;
	}

	div#replacement-dataset-dialog
	{
		overflow-y:hidden;
	}
}

div.dimension-metadata
{
	input.text-box
	{
		width: 690px;
	}

	.dimension-metadata-control
	{
		width: 700px;
	}

	div.dimension-metadata-fields-list,
	div.dimension-metadata-members-list
	{
		border: 1px solid #CCC;
		padding: 3px 5px;

		th
		{
			width: 33%;
		}
	}

	div.dimension-metadata-members-list
	{
		height: 338px;
	}
}

div.dimension-member-dialog
{
	div.validation-frame
	{
		background-color: #C13A3F;
		padding: 10px;

		span.field-validation-error
		{
			background-color: transparent;
			padding: 0px;
		}
	}

	div.member-line
	{
		margin-top: 8px;
		overflow: visible;
	}

	label.member-label
	{
		display: inline-block;
		width: 100px;
		word-wrap: break-word;
		word-break: normal;
	}

	input.member-value
	{
		display: inline-block;
		margin-left: 4px;
		width: 265px;
	}
}

div.dimension-field-dialog
{
	border-top: 1px solid #AAA;

	#field-name,
	#field-display-name
	{
		width: 320px;
	}

	#base-field
	{
		max-width: 300px;
	}
}

.panel-wrapper
{
	right: 85px;
}

input#Browse
{
	margin-left: 10px;
}

input#FileName
{
	margin-bottom: 0;
}

div.validation-message
{
	margin: 5px 0 10px 0px;
}

div
{
	.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;
		}
	}
}

	div.form div.aside.formatted-field-aside
	{
		left: 480px;
		top: -25px;
	}

input[metadata-type="Date"]
{
	width: 193px;
}

select[metadata-type="Dropdown"]
{
	padding: 0px;
	height: 32px;
	width: 482px;
}

select[metadata-type="Dropdown"][multiple]
{
	width: 463px;
}

select[metadata-type="Dropdown"][multiple][data-val-required]
{
	width: 458px;
}

.custom-metadata
{
	width: 470px;
	height: 24px;
	margin-bottom: 10px;
	padding: 5px 0px 5px 10px;
	border: 1px solid #CCC;
	color: #7F8C7D;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 11pt;
	font-weight: normal;
}

#Name, #Id, #RefUrl, #FileName, #RemoteDataUrl
{
	width: 470px;
}

#PublicationDate, #NextReleaseDate, #AccessedOn, #ExpectedUpdateDate
{
	width: 170px;
}

#UpdatePriority
{
	width: 182px;
}

div.form div[data-val-required], div.form a[data-val-required]
{
	border-left: 5px solid #39922c;
}

div.dataset-detail-column-dialog
{
	span.field-validation-error
	{
		display: inline-block;
	}

	#column-name
	{
		margin-left: 50px;
	}

	#column-type
	{
		margin-left: 58px;
	}

	#column-locale
	{
		margin-left: 48px;
	}

	#base-column
	{
		margin-left: 2px;
	}
}

#Source
{
	width: 891px;
	margin-bottom: 10px;
}

#Source_chzn
{
	font: normal 11pt "Segoe UI",Tahoma,Geneva,Verdana,sans-serif;
	max-width: unset;
	margin-bottom: 10px;

	& > .chzn-single
	{
		border: 1px solid #cccccc;
		color: #7F8C7D;
		height: 24px;
		padding-top: 5px;
		padding-bottom: 5px;

		& > .search-choice-close
		{
			top: 10px;
		}

		& > div > b
		{
			background-position-y: 4px;
		}

		html[dir='rtl'] & > span
		{
			margin-right: 40px;
		}
	}

	&.required
	{
		border-left: 5px solid #39922c;

		html[dir='rtl'] &
		{
			border-left: 1px solid gray;
			border-right: 5px solid #39922c;
		}
	}

	em
	{
		line-height: 125%;
	}

	.active-result
	{
		padding-left: 18px;
		position: relative;

		html[dir='rtl'] &
		{
			padding-left: 0;
			padding-right: 18px;
		}

		&:before
		{
			margin: auto 0 auto -15px;
			content: "";
			display: inline-block;
			width: 8px;
			height: 7px;
			top: 0;
			bottom: 0;
			position: absolute;

			html[dir='rtl'] &
			{
				margin: auto -15px auto 0;
			}
		}

		&.verified:before
		{
			background: url('/img/v2/dsbrowser/ico_verify_status.png') 0 0 no-repeat;
			background-size: cover;
		}
	}
}

#localize-dataset
{
	.header
	{
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.buttons
	{
		margin-top: 20px;
	}
}

#dataset-metadata, #properties_upload
{
	select
	{
		height: 36px;
		margin-bottom: 10px;
	}

	fieldset
	{
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		background-color: #fafafa;
		margin-bottom: 10px;
		padding: 10px 0;

		legend
		{
			padding-right: .5em;
			font-weight: bold;
			color: #666;
		}

		.license-inherited
		{
			margin: 5px 0;
		}
	
		select
		{
			margin-bottom: 10px;
			font-family: @title-font;
			font-size: 11pt;
			padding: 0 4px;
			border-color: #ccc;

			width: 482px;

			&[disabled]
			{
				padding: 0 8px;
				background: #fafafa;
				-webkit-appearance: none;

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

		#license
		{
			&.inherited
			{
				opacity: .5;
			}

			.date
			{
				display: none;

				&.approved
				{
					display: block;
					margin-top: 10px;

					input[data-val-required]
					{
						padding-left: 6px;

						&[disabled], &.input-validation-error
						{
							padding-left: 10px;
						}
					}
				}

				input[type=datetime]
				{
					width: 100px;
				}
			}

			.calendars-trigger
			{
				margin: 0 2px -2px;
			}

			.chzn-container
			{
				max-width: none;
				font-size: 11pt;
				margin-bottom: 10px;

				.chzn-single
				{
					height: 34px;
					line-height: 35px;
					background-color: white;

					div b
					{
						background-position-y: 4px;
					}
				}
			}
		}

		#dataset-citation-editor
		{
			height: 200px;
			margin-bottom: 10px;
		}

		input[data-val-required][disabled]
		{
			border: 1px solid #ccc;
		}
	}
}