table.uwt-formview
{
	border-collapse: collapse;

	// &:not(.uwt-expand)
	// {
	// 	display: inline-block;
	// }
	
	&> tr > td, &> thead > tr > td, &> tbody > tr > td
	{
		//padding: 8px;
		padding-left: 0px;
		vertical-align: top;
		&:first-child
		{
			&> label
			{
				font-weight: bold;
				padding-right: 24px;
			}
		}
	}
	&.uwt-formview-stacked
	{
		&> tr, &> td, &> thead > tr, &> thead > tr > td, &> tbody > tr, &> tbody > tr > td
		{
			display: block;
		}
	}
	input
	{
		width: 100%;
		box-sizing: border-box;
	}
	tr.uwt-required > td:first-child
	{
		position: relative;
		&::before
		{
			content: "*";
			color: #f00;
			font-size: 18pt;
			position: absolute;
			right: 4px;
		}
	}
}


/* V2 FormView - now more FLEXible! */
div.uwt-formview
{
	// display: grid;
	display: table;
	/*
	display: flex;
	flex-direction: column;
	*/
	
	&> div.uwt-formview-item
	{
		/*
		display: flex;
		align-items: center;
		align-content: center;
		*/
		display: table-row;
		
		&> div.uwt-formview-item-label, &> div.uwt-formview-item-content
		{
			padding-top: 8px;
			padding-bottom: 8px;

			display: table-cell;
			vertical-align: top;
		}
		&> div.uwt-formview-item-label
		{
			padding-top: 8pt;
			padding-right: 32px;
			&> label
			{
				font-weight: bold;
			}
			&> div.uwt-formview-item-description
			{
				color: #aaaaaa;
			}
		}
		&.uwt-hide-label
		{
			display: block;
			&> div.uwt-formview-item-label
			{
				display: none;
			}
			&> div.uwt-formview-item-content
			{
				display: block;
			}
		}
	}
}

@media (max-width: 800px)
{
	div.uwt-formview
	{
		&> div.uwt-formview-item
		{
			/*
			flex-direction: column;
			flex-grow: 1;
			*/
			display: block;
			
			&> div.uwt-formview-item-label
			{
				display: block;
			}
		}
	}
}