body {
    margin: 0;
}

.panel-collapse {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
}

    .panel-collapse.show {
        max-height: 1000px;
    }


.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.spinner-border {
    width: 3rem;
    height: 3rem;
}



.table thead th {
    vertical-align: middle; /* Centraliza o conteúdo verticalmente dentro da célula */
    font-size: 16px; /* Tamanho de fonte padrão */
}

.table tbody td {
    vertical-align: middle; /* Centraliza o conteúdo verticalmente dentro da célula */
    font-size: 16px; /* Tamanho de fonte padrão */
}

.modal-dialog {
    margin: 2% auto;
    
}

/* Para telas menores (por exemplo, celulares) */
@media (max-width: 768px) {
    .table tbody td {
        font-size: 12px; /* Tamanho de fonte menor para telas pequenas */
    }

    .table thead th {
        vertical-align: middle; /* Centraliza o conteúdo verticalmente dentro da célula */
        font-size: 12px; /* Tamanho de fonte padrão */
    }

    .modal-dialog {
        width: 90%; /* Mantém o modal com 90% da largura da tela */
        margin: 2% auto; /* Adiciona margens de 5% nas laterais e 50px no topo */
    }
}

/* Para telas muito pequenas (por exemplo, celulares antigos) */
@media (max-width: 480px) {
    .table tbody td {
        font-size: 10px; /* Tamanho de fonte ainda menor */
    }

    .table thead th {
        vertical-align: middle; /* Centraliza o conteúdo verticalmente dentro da célula */
        font-size: 10px; /* Tamanho de fonte padrão */
    }

    .modal-dialog {
        width: 95%; /* Modal ocupa 95% da largura */
        margin: 2% 2.5%; /* Margem de 2.5% nas laterais */
    }
}

/* Customiza a cor das mensagens de validação para vermelho */
.validation-message {
    color: red;
    font-size: 0.9em; /* Opcional: ajuste o tamanho da fonte se necessário */
}
.validation-summary {
    color: red;
    font-size: 1em;
}