﻿
.text-break-column {
    white-space: normal !important; /* Permite que el texto se ajuste y use múltiples líneas */
    word-wrap: break-word !important; /* Rompe palabras largas que no caben */
    word-break: break-word !important; /* Fuerza el salto de línea para palabras que exceden el ancho */
    max-width: 150px; /* Puedes ajustar un ancho máximo si es necesario para esta columna */
    /* Si no quieres un max-width específico, DataTables intentará ajustar,
                          pero white-space: normal es lo más importante para que no se desborde. */
}

/* Opcional: Si DataTables está forzando un ancho mínimo, podrías necesitar esto. */
td.text-break-column {
    max-width: 150px !important;
    min-width: 100px !important; /* Establece un ancho mínimo para que la columna no se haga demasiado pequeña */
}

#tableData td.text-break-column {
    white-space: normal !important;
}

.whatsapp-not-clicked {
    background-color: #d4edda;
    padding: 4px 6px;
    border-radius: 4px;
}

@keyframes blink {
    0% {
        background-color: transparent;
    }

    50% {
        background-color: #ffcccc; /* Color de parpadeo (rojo claro) */
    }

    100% {
        background-color: transparent;
    }
}

@keyframes MustContact {
    0% {
        background-color: transparent;
    }

    50% {
        background-color: #ffd800ff; /* Color de parpadeo (rojo claro) */
    }

    100% {
        background-color: transparent;
    }
}

.blink-cell {
    animation: blink 1s infinite;
}

.MustContact-cell {
    animation: MustContact 1s infinite;
}
