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

#dataset-history
{
	position: relative;

	#overlay
	{
		display: none;
		z-index: 1;
		left: 0;
		top: 0;
		background: white;
		width: 100%;
		height: 100%;
		opacity: .6;
	}

	.controls
	{
		#filter, #type, .ui-button
		{
			margin-bottom: 10px;
			font-size: 14px;
		}

		#filter, #type
		{
			padding: 4px;
			margin-right: 4px;

			html [dir='rtl'] &
			{
				.margin-left-right(4px, 0);
			}
		}

		#filter
		{
			width: 580px;
		}

		#type
		{
			border: 1px solid #aaa;
			width: 120px;
		}

		.ui-button
		{
			margin-right: 0;
		}
	}

	th
	{
		background-position: left 50%;
		padding-left: 12px;

		html [dir='rtl'] &
		{
			.padding-left-right(12px, 0);
		}

		&#name
		{
			width: auto;
		}

		&#time
		{
			width: 50px;
		}

		&#user
		{
			width: auto;
		}

		&#action
		{
			width: 75px;
		}
	}

	tr
	{
		border-top: 1px solid white;
		cursor: pointer;

		td
		{
			word-break: normal;
			padding: 8px 4px 8px 12px;
			vertical-align: top;


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

			.details
			{
				display: none;
				margin-bottom: -8px;
				padding: 10px 0 10px 15px;
				margin-right: -320px;
				cursor: auto;

				.title
				{
					font-weight: bold;

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

			&.name
			{
				position: relative;
				padding-right: 18px;

				a
				{
					.arrow
					{
						display: inline-block;
						vertical-align: middle;
						width: 15px;
						height: 9px;
						background: url('/img/v2/dsbrowser/arrows-datasets.png') no-repeat 0 0px;

						html[dir='rtl'] &
						{
							-moz-transform: scaleX(-1);
							-o-transform: scaleX(-1);
							-webkit-transform: scaleX(-1);
							transform: scaleX(-1);
						}
					}

					&.active .arrow
					{
						background-position: 0 -18px;
					}
				}

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

			&.username
			{
				white-space: nowrap;
			}

			.knoema-sign
			{
				font-weight: bold;
				position: absolute;
				top: 9px;
				right: 0;
				line-height: 1em;
				color: #999;
				background-repeat: no-repeat;
				width: 12px;
				height: 12px;
				.hires('/img/v4/ico_k');

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

	#pager
	{
		margin-top: 10px;
		text-align: center;
	}
}