/* CSS para el efecto de sacudida */
.shake {
    animation: shake 0.5s;
}

@keyframes shake {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-5px);
    }

    50% {
        transform: translateX(5px);
    }

    75% {
        transform: translateX(-5px);
    }

    100% {
        transform: translateX(0);
    }
}

/* CSS para ajustar datatable */
table.dataTable thead th, table.dataTable tbody td {
    padding: 4px 8px; /* Ajusta el padding para hacer la tabla más compacta */
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0; /* Reduce el tamaño de los botones de paginación */
    margin: 0;
}

.text-limited {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Número de líneas que deseas mostrar */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.btn-container {
    display: flex;
    gap: 5px; /* Espacio entre los botones */
}