#modal-contents.print-qr
{
	max-width:720px;
	max-height: calc(100% - 5em);

    display: grid;
    grid-template:
    "title" auto
    "body" 1fr
    "footer" auto
    / 100%;
}
#modal-contents.print-qr > .modal-contents-title {grid-area: title;}
#modal-contents.print-qr > .modal-contents-body {grid-area: body;}
#modal-contents.print-qr > .modal-contents-footer {grid-area: footer;}
#modal-contents.print-qr > .modal-contents-body
{
	/* flex:0 0 100%; */
	max-height: none;
	height: auto;
	overflow-y: auto;
}
#modal-contents.print-qr > .modal-contents-body > table
{
	width:100%;
	border-spacing:0px;
	border-collapse:separate;

	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}
#modal-contents.print-qr > .modal-contents-body > table > tr > th,
#modal-contents.print-qr > .modal-contents-body > table > tr > td
{
	width:10px;
	white-space:nowrap;
	
	padding:0.5em 1em;
	
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
#modal-contents.print-qr > .modal-contents-body > table > tr > th
{
	background-color:#E0E0E0;
}