body {
	margin:0;
	padding:0;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
}

p{margin: 0;}

.content{
    margin: 1% 4%;
    padding: 2%;
    border-radius: 5px;
    background: #e3d9e3;
}

.header{
    display: flex;
    justify-content: space-between;
    margin: 2em 0;
	grid-gap: 1em;
}

.header img{
	height: 20%;
    aspect-ratio: auto;
	border: none;
}
hr{
border-color:#FFFFFF;}

.vermelho{
	color: #f00;
}
.textoarea {
	margin-left:35px;
	width:200px;
	float:none;
}

.sect{
	background: #fff;
    border-radius: 5px;
    padding: 1em;
	margin-bottom: 1em;
}

.field{
	margin-bottom: 2em;
}

.centro{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1em;
}
.between{
	justify-content: space-between;
}

.nome-chapa{
	margin: auto;
	font-size: 1.5em;
}

table{
	min-width: 50vw;
	text-align: center;
    border-collapse: collapse;
}
tr{
	border: 1px solid #bbb;
}

td{
	padding: 2em 1em;
}

.td-result th, .td-result td{border: 1px solid #bbb;}

.td-result tr{border: 0px;}

.td-result td { padding: 0.75em; }

.td-num{ width: 25%; }
.td-name{ width: 75%; text-align: left; }

.chapa{
	display: flex;
    padding: 1em;
	margin: 2em 0;
    background: #f9f9f9;
    justify-content: space-around;
	grid-gap: 1em;
}
.chapa td{
	padding: 0.5em 1em;
}

input[type="radio"]{
	margin-bottom: 1.5em;
}

select{
	padding: 0.3em;
    border-radius: 5px;
	font-size: 1em;
}

input[type="submit"], .button{
	padding: 1em 2em;
	max-width: 90%;
    border-radius: 5px;
    color: #fff;
    background: #00ad73;
    border: 1px solid #555;
}

input[type="submit"]:hover, .button:hover{
	background: #1a8b66;
}

input[type="text"]{
	height: 2.5em;
	max-width: 90%;
}

.form-config{
	background: #e1e1e1;
    display: flex;
    padding: 2em;
    flex-direction: column;
}

.form-config-item{
	background: #cdc6d1;
    display: flex;
    padding: 1em;
	margin-bottom: 1em;
    border-radius: 5px;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.form-config table {
    width: 94%;
    text-align: center;
}

.table-bd{
	width: 100% !important;
}
.table-bd td{
	padding: 0.4em 1em;
}

.importacao{
	background: #cdc6d1;
    display: flex;
	flex-direction: row;
    padding: 1em;
	margin-bottom: 1em;
    border-radius: 5px;
	grid-gap: 1em;
	max-width: 100%;
	overflow: auto;
}

.importacao > div {
    background: white;
    padding: 1em;
    border-radius: 5px;
}

@media screen and (max-width: 640px)
{
	.header{ flex-direction: column-reverse !important;	}
	.chapa{	flex-direction: column !important; }
	table { min-width: 75vw; }
}