body { 
    font-family: Arial, sans-serif; 
    margin: 30px; 
    background-color: #f4f4f9; 
}

.container { 
    max-width: 700px; 
    background: #fff; 
    padding: 20px; 
    border-radius: 8px; 
    box-shadow: 0 0 10px rgba(0,0,0,0.1); 
    margin: 0 auto; 
}

.campo { 
    margin-bottom: 20px; 
}

label { 
    display: block; 
    margin-bottom: 8px; 
    font-weight: bold; 
}

input[type="text"], select, input[type="file"] { 
    width: 100%; 
    padding: 8px; 
    box-sizing: border-box; 
}

button { 

}



button { 
    background-color: #218838; 
    color: white; 
    padding: 10px 15px; 
    border: none; 
    border-radius: 4px; 
    cursor: pointer; 
    width: 100%; 
    font-size: 16px; 
    margin-top: 10px;   
}

button:hover { 
    background-color: #218838; 
}

.alerta { 
    padding: 10px; 
    border-radius: 4px; 
    margin-bottom: 15px; 
}

.erro { 
    background-color: #f8d7da; 
    color: #721c24; 
    border: 1px solid #f5c6cb; 
}

.sucesso { 
    background-color: #d4edda; 
    color: #155724; 
    border: 1px solid #c3e6cb; 
}






select { 
    width: 100%; 
    padding: 10px; 
    box-sizing: border-box; 
    border: 1px solid #ccc; 
    border-radius: 4px; 
}




table { 
    width: 100%; 
    border-collapse: collapse; 
    margin-top: 20px; 
}

th, td { 
    padding: 10px; 
    text-align: left; 
    border-bottom: 1px solid #ddd; 
}

th { 
    background-color: #f2f2f2; 
}

a.btn-download { 
    color: #007bff; 
    text-decoration: none; 
    font-weight: bold; 
}

a.btn-download:hover { 
    text-decoration: underline; 
}

.vazio { 
    text-align: center; 
    color: #777; 
    font-style: italic; 
    margin-top: 20px; 
}