* {
    box-sizing: border-box;
}

body{
    font-family: calibri, arial, sans;
    font-size: 1.25vw;
}

/* ----------------- Header start ------------ */
.HEADER {
    width: 100%;
    margin-bottom: 1em;
    border: 1px solid;
    border-radius: 1em;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 0;
    grid-auto-rows: minmax(0, auto);
}

.HEADER .HEADSCREENSHOT {
	border-radius: 1em 0 0 1em;
	grid-column: 1;
	grid-row: 1 / span 3;
	position:relative;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
}

.HEADER .HEADSCREENSHOT > img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
	opacity: 0;
}

.HEADER .LOGO {
    grid-column: 2;
    grid-row: 1 / span 1;
    text-align: right;
}

.HEADER .LOGO > img {
    padding:0.5em;
    max-width: 100%;
}

.HEADER .HEADINFOTEXT {
    grid-column: 2;
    grid-row: 2 / span 1;
    margin:5px;
}

.HEADINFOTEXT_TABLE {
    width: 100%;
    float: right;
    border-collapse: collapse;
}

.HEADER .HEADINFOTEXT_TABLE td {
    border-bottom: 1px solid;
}

.HEADER .HEADINFOTEXT_TABLE td:nth-child(odd) {
    font-weight: bold;
}

.HEADER .HEADINFOTEXT_TABLE td:empty {
    margin:0;
    padding:0;
    border: none;
}

.HEADER .COMMENT {
	margin:5px;
    grid-column: 2;
    grid-row: 3 / span 1;
}
.HEADER .COMMENT_NAME{
   font-weight: bold;
   border-bottom: 1px solid;
}

.HEADER .COMMENT p {
	margin:0;
}

/* -----------------Header end------------------- */



/* content container <div> - general format */
.CONTENT{
	padding-top:10px;
	font-size:1.25vw;
	line-height:1.5;
	overflow: hidden;
}


/* set tool image size */
.CONTENT img
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:100px;
	height:100px;
}

.shrinkedTable tbody, .shrinkedTable tfoot, .shrinkedTable thead{
	display:none;
}


/* table content <table> - general table format of content */
.CONTENT_TABLE{
	width:100%;
	text-align: left;
	margin-right:5px;
	margin-bottom:5px;
	border:1px solid black;
	border-spacing: 0px;
	border-collapse: collapse;
}

/* caption styles */
.CONTENT_TABLE caption
{
	font-size: 2vw;
	font-weight:bold;
	padding:5px;
	background-color:rgb(236, 236, 236);
	cursor:pointer;
	border-radius: .5em 0.5em 0 0;
	border:1px solid black;
	border-bottom: 0px;
}

.shrinkedTable caption
{
	font-size: 1vw;
	font-weight:normal;
	color:gray;
	background-color:rgb(233, 233, 233);
	border:1px dotted gray;
}


/* content cell <td> - general format of content cells */
.CONTENT_TABLE td{
	padding:0 3px;
	border:1px solid black;
}

/* content head <th> - column heading */
.CONTENT_TABLE th{
	text-align: center;
	padding:0 3px;
	border:1px solid black;
	line-height:2;
	background-color:rgb(230, 230, 230);
}

/* foot note <tfoot> - overall cycle time */
.CONTENT_TABLE tfoot{
	display:none;
}


/* content column <td> - center numbers */
.td_72, .td_40, .td_80, .td_37,
.td_38, .td_24, .td_62, .td_74,
.td_35, .td_36, .td_37, .td_47,
.td_63, .td_60, .td_81, .td_29,
.td_101, .td_102, .td_103, .td_108,
.td_112, .td_114, .td_120, .td_109, .td_107
{
	text-align:center;
}

/* avoid page break on a table row @print */
table { page-break-inside:auto }
tr    { page-break-inside:avoid; page-break-after:auto }

/* highlight the row greenish on hover */
tbody tr:hover {background-color: rgba(150, 255, 215, 0.5);}

tr:nth-child(2n){
	background-color: rgba(231, 231, 231, 0.5);
}



@media print {
  .shrinkedTable {
    display:none;
  }
}