div.uwt-listview-caption
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
table.uwt-listview
{
	border-collapse: collapse;
}
.uwt-listview-caption, .uwt-listview > caption
{
	text-align: left;
	padding: 8px;
	
	&> span.uwt-listview-title
	{
		font-weight: bold;
		padding-right: 8px;
	}
	&> span.uwt-listview-item-count, &> span.uwt-listview-item-count-label
	{
		color: var(--uwt-color-secondary);
	}
	&> .uwt-listview-controlbox
	{
		float: right;
		margin-left: auto;
		padding-right: 8px;
	}
}

.uwt-listview
{
	&> .uwt-content
	{
		border-collapse: collapse;
		margin-top: 10px;
		&> .uwt-listview-items
		{
			&> .uwt-listview-item
			{
				&> .uwt-listview-item-column
				{
					word-wrap: break-word;
				}
			}
		}
	}
	&.uwt-expand
	{
		box-sizing: border-box;
		width: 100%;
	}
	tr
	{
		&> th, &> td
		{
			padding: 10px;
		}
		&> th:not([colspan])
		{
			text-align: left;
		}
	}
	&> thead
	{
		&> tr > th
		{
			vertical-align: bottom;
			&> a
			{
				display: block;
				
				/* remove the padding from the surrounding td */
				margin: -10px;
				/* and apply it back for this block-level a element */
				padding: 10px;
			}
		}
	}
	&> tbody
	{
		&> tr
		{
			&> td
			{		
				vertical-align: top;
			}
			&.uwt-selected
			{
				&> td
				{
					background-color: #08c;
					color: #fff;
				}
				&:hover > td
				{
					background-color: #0075b0;
				}
			}
		}
	}
}
ul.uwt-listview
{
	&> li
	{
		padding: 8px;
	}
}

div.uwt-listview.uwt-view-thumbnails
{
	&> div.uwt-listview-item
	{
		display: inline-block;
		padding: 8px;
		text-align: center;
	}
}