/* load barcode font from google */
@import url('https://fonts.googleapis.com/css?family=Libre+Barcode+39+Extended+Text&display=swap');

/* apply barcode font to tool numbers (class td_112) */
.td_112
{
	font-family: 'Libre Barcode 39 Extended Text', cursive;
    font-size:4em;
}

/* let tool numbers start with '*T' */
.td_112:before
{
	content:"*T";
}

/* append '*' to the end of the tool number */
.td_112:after
{
	content:"*";
}
/* ------------------------------------------- */


* {
    box-sizing: border-box;
}

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

.HEADER {
    width: 100%;
    margin-bottom: 1em;
    border-radius: 1em;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 0;
    grid-auto-rows:auto;
}


.HEADSCREENSHOT {
    grid-column: 2;
    grid-row: 2 / span 2;
    position:relative;
}

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

.LOGO {
    grid-column: 1;
    grid-row: 2 / span 1;
}

.LOGO > img {
    display:none;
}

.HEADINFOTEXT {
    font-size:1.5em;
    grid-column: 1;
    grid-row: 3 / span 1;
    margin:5px;
    justify-self:center;
}

.HEADINFOTEXT_TABLE {
    margin-top:.5em;
    width: 100%;
    float: right;
    border-collapse: collapse;
    
}

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

.HEADINFOTEXT_TABLE td:nth-child(odd) {
    padding-right: 2em;
    font-weight: bold;
}

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

.COMMENT { 
    grid-column: 1/span 2;
    grid-row: 1 / span 1;
    border-bottom: 1px solid;
    margin:10px;
}

.COMMENT_NAME{
    display:none;
}

.COMMENT p
{
 font-size: 1.5em;
    text-align: center;
}

.COMMENT p:first-child{
    margin:5px;
    text-decoration: underline;
    text-align:center;
    font-size:2em;
}


/* content container <div> - general format */
.CONTENT{
	padding-top:10px;
}
.CONTENT img
{
	max-width:100px;
	max-height:100px;
}


/* table content <table> - general table format of content */
.CONTENT_TABLE{
	width:100%;
	font: 12px Arial;
	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 caption:before
{
	/* content:"gmccs.de - CAD/CAM L?gen";*/
}

/* content caption - align at bottom */
.CONTENT_TABLE caption
{
	font: 14px Arial;
	font-weight:bold;
	padding:5px;
}


/* 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;
}

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

/* content column <td> - center numbers */
.td_29,
.td_37,
.td_38,
.td_23,
.td_25,
.td_26,
.td_42,
.td_24,
.td_112,
.td_102,
.td_114,
.td_108,
.td_20,
.td_120
{
	text-align:center;
}

.CONTENT_TABLE_BODY tr:nth-child(odd) {background: #EEE;}