html {
    font-family: 'League Spartan', sans-serif;
    font-size: 14px;
}

body{
max-width: 10cm;
margin:0 auto;
background: white;
padding: 16px 8px;
margin-bottom: 60px;
}

input:focus{
outline:none;
}

main {
    display: block;
    padding-bottom:80px;
    
}

h1 {
    font-weight: bold;
    font-size: 18px;
}

.center {
    display: block;
    margin: 0 auto;
    text-align: center;
}

div.line {
    width: 100%;
    line-height: 150%;
    display: table-row;
}

.line .label {
font-size:14px;
font-weight:bold;
    width:100px;
display:table-cell;
}

.line .seperator {
width:5px;
display:table-cell;
}

.line .value {
display:table-cell;
text-align: justify;
}

.header{
	width:100%;
	line-height: 200%;
	font-weight: bold;
	font-size: 12px;
}

.image{
width:100%;
text-align: center;
}

.image .containter{
width:200px;
height:100px;
border: 1px solid black;
margin: 0 auto;
padding: 8px;
}

.image img{
max-width:100%;
max-height:100%;
}

footer{

width:100%;
height:50px;
background-color: #3F704D;
position: fixed;
bottom: 0;
left: 0;
color: white;
font-size: 18px;
text-align: center;
line-height: 300%;

}

@media print {
    body, main {
        margin: 0;
        box-shadow: 0;
    }
	
	.notPrintable,
	footer,
	.notPrintable * {
		display: none !important;
        	height: 0;
	}	
}

#security{
	font-size: 12px;
}

#security input[type="text"] {

	width:100%;
	box-sizing: border-box;
	font-size:14px;
	border:none;
	border-bottom: 1px solid black;
	text-align: center;
	padding: 8px;

}

#security input[type="submit"] {

}