@font-face {
font-family: 'C39FIT';
src: url('C39FIT.TTF') format('truetype');
}

body {
font-family: sans-serif;
padding: 20px;
background: url('fundo.png') no-repeat center center fixed;
background-size: cover;
color: #000;
}

header {
text-align: center;
margin-bottom: 20px;
}

header img {
max-width: 200px;
height: auto;
}

.message {
padding: 10px;
background: rgba(224, 247, 250, 0.8);
border: 1px solid #00796b;
margin-bottom: 15px;
border-radius: 4px;
color: #000;
}

.last-update {

    color: #fff;
}


form input,
form button {
font-size: 14pt;
margin-right: 10px;
background: rgba(0, 102, 39, 1);
border: 1px solid #fff;
color: #fff;
padding: 5px 10px;
border-radius: 4px;
}

form label
 {
font-size: 14pt;
margin-right: 10px;
background: rgba(0, 0, 0, 0.5);
border: 1px solid #fff;
color: #fff;
padding: 5px 10px;
border-radius: 4px;
}

form input {
background: rgba(255, 255, 255, 0.2);
}

.labels {
display: flex;
flex-wrap: wrap;
}

.label {
width: 100mm;
height: 100mm;
border: 1px solid #000;
margin: 5px;
padding: 5mm;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: space-between;
background: rgba(255, 255, 255, 1);
}

.barcode {
font-family: 'C39FIT';
font-size: 36pt;
text-align: center;
margin-bottom: 5mm;
color: #000;
}

.fields div,
.address,
.unitizado {
font-size: 12pt;
margin: 2px 0;
color: #000;
}

@media print {
form {
display: none;
}
.label {
page-break-inside: avoid;
}
}