body {
    font-family: 'Roboto', sans-serif; /* Use a fonte personalizada no corpo da p�gina */
}

.body-login {
    background-color: rgba(247, 146, 179, 1);
}

.btn-novo {
    background-color: rgba(247, 146, 179, 1); /* Cor de fundo rosa */
    color: white; /* Cor do texto em branco */
    border: none; /* Remove a borda padr�o */
    outline: 2px solid rgba(247, 146, 179, 1); /* Contorno no estado normal */
    transition: background-color 0.3s, outline-color 0.3s;
}

    .btn-novo:hover {
        background-color: rgba(227, 126, 159, 1); /* Fundo escurecido ao passar o mouse */
        outline-color: rgba(227, 126, 159, 1); /* Ajusta a cor do contorno ao passar o mouse */
        color: white;
    }

    .btn-novo:focus {
        outline: 3px solid rgba(227, 126, 159, 1); /* Contorno mais espesso ao focar */
        box-shadow: 0 0 0 0.3rem rgba(247, 146, 179, 0.5); /* Sombra suave ao focar */
        color: white;

    }

.txt-titulo {
    color: rgba(247, 146, 179, 1);
}

.txt-sub-titulo {
    color: #808080;
    font-size: 13px;
}

.txt-branco {
    color: #ffffff;
}

.bg-success {
    background-color: #28a745 !important;
}

.bg-warning {
    background-color: #ffc107 !important;
}

.bg-danger {
    background-color: #fa6666e6 !important;
}

/* Classes de paginação */
.pagination {
    margin-bottom: 1rem;
}

.pagination .page-link {
    color: rgba(247, 146, 179, 1);
    background-color: #fff;
    border-color: rgba(247, 146, 179, 0.3);
    padding: 0.375rem 0.75rem;
}

.pagination .page-item.active .page-link {
    background-color: rgba(247, 146, 179, 1);
    border-color: rgba(247, 146, 179, 1);
    color: white;
}

.pagination .page-link:hover {
    color: rgba(227, 126, 159, 1);
    background-color: #f8f9fa;
    border-color: rgba(227, 126, 159, 1);
}

.pagination .page-item.active .page-link:hover {
    background-color: rgba(227, 126, 159, 1);
    border-color: rgba(227, 126, 159, 1);
    color: white;
}

.pagination .page-link:focus {
    box-shadow: 0 0 0 0.2rem rgba(247, 146, 179, 0.25);
}

/* Responsividade da paginação */
@media (max-width: 576px) {
    .pagination {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .pagination .page-link {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
    }
}

/* Estilo do dropdown */
.dropdown-item:hover {
    background-color: rgba(247, 146, 179, 1) !important;
    color: white !important;
}

.pagination-sm .page-link {
    padding: 0.15rem 0.35rem;
    font-size: 0.75rem;
}

@media (max-width: 768px) {
    .pagination .page-item.ellipsis-item {
        display: none;
    }
}