div.uwt-listview-caption
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
table.uwt-listview
{
	border-collapse: collapse;
	width: 100%;
	&> tr, &> thead > tr
	{
		&> th
		{
			&> a.uwt-listview-row-add, &> a.uwt-listview-row-remove
			{
				&::before
				{
					font-size: 28px;
					font-weight: 600;
				}

				color: var(--uwt-color-gray);
				&:hover
				{
					color: var(--uwt-color-black);
					text-decoration: none;
				}
			}
		}
	}

	&> tr, &> tbody > tr
	{
		&> td
		{
			&> a.uwt-listview-row-add, &> a.uwt-listview-row-remove
			{
				&::before
				{
					font-size: 28px;
					font-weight: 300;
				}

				color: var(--uwt-color-gray);
				&:hover
				{
					color: var(--uwt-color-black);
					text-decoration: none;
				}
			}
			&> input
			{
				width: 100%;
				box-sizing: border-box;
			}
			&> div.uwt-checkbox
			{
				display: block;
				margin-left: auto;
				margin-right: auto;
			}
		}
	}
}
.uwt-listview-caption, .uwt-listview > caption
{
	text-align: left;
	padding-top: 8px;
	
	&> span.uwt-listview-title
	{
		font-weight: bold;
		&:not(:empty)
		{
			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;
				}
			}
		}
	}

	&> tr > th, &> thead > tr > th, &> tr > td, &> tbody > tr > td
	{
		&.uwt-listview-row-buttons
		{
			text-align: center;
			width: 96px;
		}
		&> a.uwt-listview-row-add
		{
			&::before
			{
				content: "\f055";
			}
		}
		&> a.uwt-listview-row-remove
		{
			&::before
			{
				content: "\f056";
			}
		}
		&> a.uwt-listview-row-add, &> a.uwt-listview-row-remove
		{
			display: inline-block;
			font-family: "Font Awesome 6 Pro";
			padding: 4px;
			margin: 0px;
		}
	}
}
ul.uwt-listview
{
	&> li
	{
		padding: 8px;
	}
}

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