iframe
{
	width: 100%;
	height: 100%;
	border: 0px;
}

body
{
	min-height: -webkit-fill-available;
	margin: 0px;
}

body main.shrink
{
  align-items: center;
}

body main > div
{
	display: flex;
  flex-direction: column;
	width: -webkit-fill-available;
}

body main:not(.shrink) > div
{
	flex-grow: 1;
	max-height: 100vh;
}

.content-body
{
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.close-dialog
{
	text-align: right;
	height: 16px;
	
	margin: 1% 0px;
}

svg
{
	cursor: pointer;
}

svg.cross
{
	height: 16px;
}

svg.cross:hover
{
	fill: red;
}

@media print
{
	body main:not(.shrink) > div
	{
		max-height: none;
	}
}