div.ui-field-contain {
    padding-top: 0;;    
}

.centralizado {
    text-align: center; /* Centraliza os botões horizontalmente */
    margin-top: 30%; /* Espaço entre o topo e os botões */
}

.centralizado a {
    display: block; /* Faz os botões ficarem um abaixo do outro */
    width: 300px; /* Define uma largura fixa para os botões (ajuste se necessário) */
    margin: 10px auto; /* Espaço entre os botões */
}


.table-responsive {
    width: 100%;
    overflow-x: auto; /* Adiciona rolagem horizontal */
    margin-top: 20px;
}

table {
    width: 100%;
    border-collapse: collapse;
}

th, td {
    padding: 8px;
    border: 1px solid #ddd;
    text-align: left;
    white-space: nowrap; /* Evita quebra de texto */
}