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

div
{
	&.metadata-field-dialog
	{
		margin-bottom : 5px;
	}

	&#dataset-select-option-section,&#custom-select-option-section
	{
		width:100%;
	}

	&.metadata
	{
		span
		{
			margin-left : 3px;
		}
	}

	&.metadata-fieldslist
	{
		padding: 3px 5px 0px 3px;

		.knoema-table th
		{
			width: 20%;
		}
	}

	&#delete-confirmation
	{
		display: none;
	}

	&.metadata-field-dialog-selectoption-div
	{
		width: 100%;

		input[type="button"]
		{
			margin : 7px 5px 5px 0px;
		}

		input[type="text"] 
		{
			width:385px;
		}

		a
		{
			display: inline-table;
			width: 365px;
		}

		select
		{
			width:402px;

			&#dataset-select-option-dimensions
			{
				margin-left:5px;
				width:230px;
			}
		}

		img
		{
			cursor : pointer;
		}
	}

	&.select-option-message
	{
		margin-left : 5px;
	}

	&.div-validation-message, &#validation-message
	{
		margin-bottom:5px;
		width:420px;
		color: #C13A3F !important;
		font-size: 8pt !important;
		padding:4px 4px 3px 2px;
		display:block;
	}

	&.chkbox-required-validation-message
	{
		margin-left:20px;
	}

	&#custom-select-validation-message
	{
		margin: 0px 5px 0px 5px;
	}

	&#dataset-name-section
	{
		display: inline-table;
		width: 350px;
		margin-left: 25px;
	}
}

input
{
    &#custom-select-item-text
    {
        width: 400px;
    }

    &#text-fieldName, &#text-fieldId
    {
        padding: 3px 0 3px 2px;
        margin-top: 3px;
        width: 100%;
        box-sizing: border-box;
    }
}

select
{
	&#select-fieldType,&#dataset-select-option-dimensions
	{
		padding-left: 2px;
		margin-top: 3px;
	}
}


label
{
	&.metadata-field-dialog-required
	{
		margin-left: 5px;
	}
}

.hideContainer 
{
	display : none;
}

.showContainer
{
	display : block;
}

div#custom-select-option-section
{
	.custom-list-item-span
	{
		font-size:9pt;
		word-wrap: break-word;
		word-break: break-all;
		width:90%;
		cursor: pointer;
	}

	.delete-custom-list-item-span
	{
		float:right;
		cursor:pointer;
	}

	.custom-list-items-div
	{
		border:1px solid lightgray;
		overflow:auto;
		height:100px;
		width:100%;
	}

	.custom-list-item-div
	{
		padding:5px;
		cursor:move;

		&.active
		{
			background-color: #CCEAFA;
	}
	}

	#custom-select-item-text
	{
		margin : 8px 0px 5px 0px;
		width:376px;
	}

	#custom-item-add
	{
		margin-left : 5px;
		margin-right:0px;
		float:right;
	}
}

input#metadata-field-add, input#custom-item-add, input#dataset-select-option-dsId
{
	margin-left : 3px;
	font-size: 9pt;
	color: white;
	background-color: @accent-color;
	border:0;
	padding: 4px 12px;
	width: auto;
	height: auto;
	text-decoration: none;

	&[disabled="disabled"]
	{
		background-color: #7e838c;
		cursor: default;
}
}

.metadata-fieldlist-rows tr:hover
{
	cursor: move;
}

a.disabled
{
	pointer-events: none;
	cursor: default;
}

#custom-item-remove-comfirmation,
#custom-item-edit-comfirmation
{
	display: none;
	padding: 5px; 
	background-color: #FFF1A8;
	border-radius: 3px;
	word-break: break-word;
	font-size: 9pt;

	& > a
	{
		display: inline;
		text-decoration: underline;
		cursor: pointer;
		color: @accent-color;
	}
}

.head-line
{
	margin-bottom: 1em;
}