/* GENERAL */

table td.fill {
	width: 100%;
}

table td.flex.fill {
	width: auto;
}

table td.right {
	text-align: right;
}

/* CONTENT */

table.content {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
}

table.content tr + tr{
	border-top: solid 1px hsl(0,0%,90%);
}

table.content th{
	text-align: left;
	font-size: 1.25em;
	padding: .5em .8rem;
	font-weight: normal;
	color: hsl(0,0%,50%);
	white-space: nowrap;
}

table.content td{
	padding: .4rem .8rem;
	vertical-align: top;
	line-height: 1.4em;
	white-space: nowrap;
}

table.content td table.content td{
	padding-left: 0;
	padding-top: 0;
}

table.content tbody tr+tr {
    border-top: solid 1px hsl(0,0%,90%);
}

table.content thead {
    border-bottom: solid 1px hsl(0,0%,80%);
}

table.content .preview img {
  max-width: 10rem;
  max-height: 10rem;
	object-fit: contain;
}

table.content input[type="text"],
table.content input[type="email"],
table.content input[type="password"],
table.content input[type="datetime-local"],
table.content input[type="month"],
table.content input[type="number"],
table.content select {

	border: none;

}

/* GENERAL */

table span.child_element{
	display: inline-block;
  width: 1em;
  border-left: solid 1px hsl(0,0%,80%);
  height: 2.2rem;
  line-height: 1em;
  margin: -.4em 0;
  vertical-align: middle;
}

td p {
	white-space: normal;
}

/* DATA */

table.data tr:not(.even):not(.odd):nth-of-type(2n),
table.data tr.odd{
	background: var(--background_color);
}

table.data tr.hide:not(.unhide) td{
	display: none;
}