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

#search-parameters
{
	tr
	{
		th, td
		{
			padding: 0 12px;

			&.value
			{
				text-align: right;
				position: relative;
				padding-right: 30px;

				html[dir='rtl'] &
				{
					text-align: left;
					padding-left: 30px;
					padding-right: inherit;
				}
			}
		}

		.edit-mode
		{
			display: none;
		}

		.parameter-text
		{
			display: inline-block;
		}

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

		.view-mode
		{
			.value-action-block
			{
				right: 16px;

				html[dir='rtl'] &
				{
					left: 16px;
					right: auto;
				}
			}
		}

		.edit-mode
		{
			input
			{
				width: 3.5em;
			}

			.value-action-block
			{
				right: 4px;
				top: 50%;
				margin-top: -7px;

				html[dir='rtl'] &
				{
					left: 4px;
					right: auto;
				}
			}
		}

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

			&.edit-parameter
			{
				display: none;

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

			&.cancel-parameter:hover
			{
				color: #CD4423;
			}

			&.accept-parameter:hover
			{
				color: #51CC24;
			}
		}


		&:hover
		{
			.edit-parameter
			{
				display: inline-block;
			}
		}
	}

	table.edit
	{
		tr:hover
		{
			.edit-parameter
			{
				display: none;
			}
		}
	}
}

.search-panel-button-link
{
	/* Remove all decorations to look like normal text */
	background: none;
	border: none;
	display: inline;
	margin: 0;
	padding: 0;
	outline: none;
	outline-offset: 0;
	/* Additional styles to look like a link */
	cursor: pointer;
	text-decoration: underline;
	font: normal 10pt @title-font;
	color: @accent-color;
	text-align: inherit;
	white-space: normal;

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

	display: block;
	float: right;

	html[dir='rtl'] &
	{
		float: left;
	}
}