.main-content{
    background-color:var(--bg-branco);
    color: var(--text-base);
    flex: 1; /*ocupa o resto do espaço entre o header e o footer*/
    margin-top: 6vh;
    margin-bottom: 3vh;
    overflow: auto; /*MUDAR PARA HIDDEN DEPOIS*/
    padding: 0px 17px 0px 20px;
    flex-direction: column;
    display: flex;
}
.main-tabela{
   width: 100%;
    border-collapse: collapse;
    overflow: auto;
    flex-wrap: wrap;
}
td{
    border: 1px solid #ccc;
    padding: 5px;
    text-align: left;
    font-size: small;
}
.main-tabela-corpo{
    border: 1px solid #ccc;
    padding: 5px;
    text-align: left;
  
}
th{
    background-color: var(--bg-vermelho);
    color: var(--bg-branco);
    padding: 5px;
}
tr:nth-child(even) {
    background-color: var(--bg-salmao);
}