@import "@header.css"; /* include header styles */
@import "@oplist.css"; /* include operation list styles */
@import "@toollist.css"; /* include tool list styles */
@import "@cards.css"; /* include card styles */

/* ------ common styles ----- */
* {
    box-sizing: border-box;
}

body{
	font-family: 'calibri light', arial, sans-serif;
    font-size: 1.25rem;
}

/* ------------ common styles for content  -------------  */

div[class^="CONTENT"]{
	margin-block:2rem;
}

[class^="CONTENT"] img
{
	max-width:100px;
	max-height:100px;
}


/* table content <table> - general table format of content */
table[class^="CONTENT"]{
	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  */
table[class^="CONTENT"] caption
{
	font: 14px Arial;
	font-weight:bold;
	padding:5px;
}

/* content cell <td> - general format of content cells */
table[class^="CONTENT"] td{
	padding:3px;
	border:1px solid black;
}

/* content head <th> - column header */
table[class^="CONTENT"] th{
	text-align: center;
	padding:5px;
	border:1px solid black;
}

/* foot note <tfoot> - overall cycle time */
table[class^="CONTENT"] tfoot{
	text-align:center;
	font-weight:bold;
}

/* darker background for odd rows  */
tbody[class^="CONTENT"] tr:nth-child(odd) {background: #EEE;}

/* content column <td> - center numbers */
.td_29,
.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_112,
.td_101,
.td_102,
.td_103,
.td_108,
.td_109,
.td_100,
.td_114,
.td_116,
.td_120,
.td_121,
.td_127
{
	text-align:center;
}


/* toggle display via script */
.hidden{
	display:none;
}

/* tool image pop up */
#THBMP{
    position: absolute;
    border: 1px solid gray;
    background-color: rgba(255, 219, 190, 0.9);
    box-shadow: 0px 0px 15px rgb(63, 63, 63);
    display:none;
    border-radius: 1rem;
    overflow: hidden;
}