/* common settings */
* {
    box-sizing: border-box;
    font-family: calibri, arial, sans;
    margin:0;
    padding:0;
}

/* header (container for header, screenshot, logo & comment) */
.HEADER {
  position:relative;
	max-width:100vw;
	max-height:100vh;
	page-break-after: always;
}

/* screenshot container */
.HEADSCREENSHOT{
	display: flex;
  justify-content: center;
  align-items: center;
  height:99vh;
}

/* scrennshot image */
.HEADSCREENSHOT img{
	max-width:100%;
	max-height:100%;
}

/* logo container */
.LOGO {
	position: absolute;
	width:25%;
	right:1vw;
	top:1vh;
	}

/* logo image */
.LOGO img{
	display:block;
	margin-left:auto;
	margin-right:0;
	max-width:100%;
	}
	
/* common styles for header & comment */
.HEADINFOTEXT, .COMMENT {
	position:absolute;
	font-size:1.5vw;
	background: rgba(255, 255, 255, 0.75);
	max-width:33%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* header table */
.HEADINFOTEXT_TABLE{
	border-collapse: separate;
	empty-cells: hide;
	border-spacing: 0;
}

/* td padding */
.HEADINFOTEXT_TABLE tr td{
	padding:0 .5vw;
}

/* header names */
.HEADINFOTEXT_TABLE tr td:first-child{
	font-weight:bold;
	padding-right:.5vw;
	text-align:right;
	border-right:1px dotted;
	line-height:2;
}

/* header position */
.HEADINFOTEXT{
	left:1vw;
	top:1vh;
}

/* comment */
.COMMENT {
	right:1vw;
	bottom:10vh;
	padding:.5vw;
}

/* comment name */
.COMMENT_NAME{
	text-align:center;
	font-weight:bold;
}


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


/* set tool image size */
.CONTENT_TOOLS 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, .CONTENT_TABLE_TOOLS{
	width:100%;
	text-align: left;
	margin-right:5px;
	margin-bottom:5px;
	border:1px solid black;
  border-spacing: 0px;
  border-collapse: collapse;
}

/* content caption - default text */
.CONTENT_TABLE_TOOLS caption:before
{
	content:"Tool list";
}

/* content caption - default text */
.CONTENT_TABLE caption:before
{
	content:"Operation list";
}

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

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


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

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

/* foot note <tfoot> - overall cycle time */
.CONTENT_TABLE tfoot{
	text-align:center;
	font-weight:bold;
}

/* hide footer on tool list */
.CONTENT_TABLE_TOOLS 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
{
	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,150,.5);}

tr:nth-child(2n){
	background-color: rgba(230,230,230,.5);
}


.CONTENT_TABLE th, .unsorted{
	background-color:PowderBlue;
	cursor:pointer;
}

.sorted{
	background-color:Salmon;
	cursor:initial;
}


/* Hide columns from operation list */
.CONTENT .th_100, .CONTENT .td_100,
.CONTENT .th_138, .CONTENT .td_138,
.CONTENT .th_103, .CONTENT .td_103,
.CONTENT .th_108, .CONTENT .td_108,
.CONTENT .th_101, .CONTENT .td_101,
.CONTENT .th_102, .CONTENT .td_102,
.CONTENT .th_114, .CONTENT .td_114,

/* Hide columns from tool list */
.CONTENT_TOOLS .th_29, .CONTENT_TOOLS .td_29,
.CONTENT_TOOLS .th_30, .CONTENT_TOOLS .td_30,
.CONTENT_TOOLS .th_21, .CONTENT_TOOLS .td_21,
.CONTENT_TOOLS .th_20, .CONTENT_TOOLS .td_20,
.CONTENT_TOOLS .th_37, .CONTENT_TOOLS .td_37,
.CONTENT_TOOLS .th_38, .CONTENT_TOOLS .td_38
{
	display:none;
}

/* container for tool image (full size) */
#THBMP
{
	display:none;
	position:absolute;
	border: 0px solid black;
	background-color: rgba( 255, 255, 250, 0.95);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 25px;
}

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