@charset "utf-8";

@media print {
  @page {
    size: A4;
    margin: 0;
    marks: none;
  }
  body {
    margin: 0; padding: 0 10mm;
    width: 200mm; height: 270mm; 
    overflow: hidden;		
    left: 50%;
/*
    border: 1px solid blue;    
*/
  }      
/*      * {outline: 1px solid red !important;} */
  .noprint{
    display: none !important;
  }
}

body {
	background-color: #ffffff;
	width: 210mm; height: 297mm;
	margin: 0; padding: 0 10px;			
	left: 50%;			
	font-size: 10pt;
}

body,p,h1,h2,h3,h4,table,td,th,ul,ol,textarea,input,b {
	font-family: arial narrow, arial, verdana, DejaVu Sans, sans-serif;
}

h1 {font-size: 160%; margin-top: 0px;}
h2 {font-size: 140%; margin-top: 0px;}
h3 {font-size: 120%;}
h4 {font-size: 100%;}
h5 {font-size: 90%;}
h6 {font-size: 80%;}

h1,h2,h3,h4,h5,h6 {
	background-color: transparent;
	color: #000;
}

table,td,input,textarea {font-size: 92%;}

table, th, td {
	border: 1px solid black;
	border-collapse: collapse;
	padding: 1px 2px;
}
th {
	border-bottom: double;
	background: #ddd; 
	font-size: 80%;
	font-weight: bold;
	text-align: center;
}
td {
	padding: 1px 2px;	
	text-align: center;
}
tr:hover {
	background-color: lightBlue;
	outline: none;
	cursor: pointer;
}

.rowOk {
	background: #fff; 
	color: darkGreen;
	text-align: center;
}

.rowNo {
	background-color: lightYellow;
	color: #8B0A0C;
	font-weight: bold;
	text-align: center;
}

.small_text {font-size: 55%;}
.med_text {font-size: 75%;}

.company {
	text-align: left;
	font-weight: bold;
	color: #008; 
	padding-left: 5mm;
}

.spaScreen {
	display: block; 
	height: 100vh;  width: 100%;
	position: absolute; top: 0; left: 0; right: 0; bottom: 0;
}
.spaHidden {display: none !important;}