@TableBorderColor: #E2E7EB;
@TableGridLineColor: #F5F5F5;

@TableRowHoverBackgroundColor: @TableGridLineColor;
@TableRowHoverForegroundColor: #000000;

@TableRowSelectedBackgroundColor: #fff7cc; // darken(@ThemeColor, 5%); /* #E2E7E9; */
@TableRowSelectedForegroundColor: #665700; //  #FFFFFF;

@TableRowSelectedHoverBackgroundColor: lighten(@TableRowSelectedBackgroundColor, 5%);
@TableRowSelectedHoverForegroundColor: @TableRowSelectedForegroundColor;

div.uwt-listview > .uwt-content
{
	background-color: #FFFFFF;
	border-collapse: collapse;

	border: solid 1px #ced4da;
}
.uwt-listview
{
	&:not(.uwt-gridlines)
	{
		&> thead, &> .uwt-content > .uwt-listview-column-headers
		{
			border-bottom: solid 2px;
			border-bottom-color: @TableGridLineColor;
		}
	}
	&> thead, &> .uwt-content > .uwt-listview-column-headers
	{
		//border-bottom: solid 2px;
		//border-bottom-color: @TableGridLineColor;
		&> tr
		{
			&> th
			{
				border-bottom: solid 2px @TableBorderColor;
				color: #242A30;
				font-weight: 600;
				a
				{
					color: inherit;
					display: block;
					text-align: left;
					&:hover
					{
						text-decoration: none;
					}
				}
				&[colspan]
				{
					font-weight: normal;
					background-color: tint(@ThemeColor, 75%);
					a
					{
						text-align: center;
					}
				}
			}
		}
	}
	&> tbody, &> .uwt-content > .uwt-listview-items
	{
		&> tr:nth-of-type(2n+1), &> div:nth-of-type(2n+1)
		{
			background-color: #e9ecef; // #f2f4f5;
		}
		&> tr
		{
			border: solid 1px transparent;
			&.uwt-selected
			{
				border-color: @ThemeColor;
				&> td
				{
					background-color: fade(@ThemeColor, 25%);
				}
			}
		}
		&> div.uwt-listview-item
		{
			border-bottom: 1px solid rgb(206, 212, 218);
			&.uwt-selected
			{
				// border-color: @ThemeColor;
				&> td
				{
					background-color: fade(@ThemeColor, 25%);
				}
			}
		}
	}
	
	&> thead, &> tbody, &> .uwt-listview-section, &> .uwt-listview-contents
	{
		&> tr
		{
			&> th, &> td
			{
				border: solid 1px #cccccc;
			}
			&:hover > td
			{
				background-color: tint(@ThemeColor, 85%);
			}
		}
		&> div
		{
			&:hover
			{
				// background-color: rgba(233,236,239,0.5);
				background-color: tint(@ThemeColor, 85%);
			}
		}
	}
	
	&> .uwt-content > .uwt-listview-column-headers > .uwt-listview-column-header > a,
	&> .uwt-content > .uwt-listview-items > .uwt-listview-item > .uwt-listview-item-column
	{
		padding: 10px 15px;
	}
	&> .uwt-content > .uwt-listview-items > .uwt-listview-item
	{
		&.uwt-selected
		{
			background-color: @TableRowSelectedBackgroundColor;
			color: @TableRowSelectedForegroundColor;
		}
	}
	&.HasBorder
	{
		border-color: @TableBorderColor;
	}
	&.uwt-gridlines
	{
		&> .uwt-content, &> .uwt-content > .uwt-listview-column-headers
		{
			border: 1px solid rgba(0,0,0,0.2);
		}
		&> .uwt-content > .uwt-listview-column-headers > .uwt-listview-column-header
		{
			border: 1px solid @TableGridLineColor;
			/*
			&:not(:first-child)
			{
				border-left: 1px solid rgba(0,0,0,0.1);
			}
			&:not(:last-child)
			{
				border-right: 1px solid rgba(0,0,0,0.1);
			}
			*/
			font-weight: bold;
		}
		&> .uwt-content > .uwt-listview-items > .uwt-listview-item > .uwt-listview-item-column
		{
			border: 1px solid rgba(0,0,0,0.05);
		}
		&> .uwt-content > .uwt-listview-items > .uwt-listview-item
		{
			border-bottom: none;
		}
	}
	&.uwt-hottracking
	{
		&> .uwt-content > .uwt-listview-items
		{
			&> div.uwt-listview-item:hover
			{
				/*
				background-color: @TableRowHoverBackgroundColor;
				color: @TableRowHoverForegroundColor;
				*/
				// background-color: tint(@ThemeColor, 75%);
				background-color: rgba(233,236,239,0.5);
				&.uwt-selected
				{
					background-color: @TableRowSelectedHoverBackgroundColor;
					color: @TableRowSelectedHoverForegroundColor;
				}
			}
		}
	}
}