.odd {
    background-color: #f9f9f9;
}

.even {
    background-color: #ffffff;
}

.img-profile.rounded-circle {
    width: 50px; /* Controla el tamaño de la imagen */
    height: 50px; /* Mantiene la imagen como un círculo */
    object-fit: cover; /*Asegura que la imagen se recorte para ajustarse al tamaño sin deformarse*/
    margin: 20px;
}

.chat-container {
    padding: 10px;
    background-color: #f9f9f9;
    border-radius: 5px;
}

.chat-message {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 20px;
    margin-bottom: 5px;
    max-width: 80%;
}

.chat-message.received {
    background-color: #ececec;
    justify-content: start;
    text-align: left;
}

.chat-message.sent {
    background-color: #dcf8c6;
    justify-content: end;
    text-align: right;
    margin-left: auto;
    /* Push the 'sent' message to the right */
}

.img-profile {
    width: 40px;
    height: 40px;
    object-fit: cover;
    margin-right: 10px;
    /* Space between image and text */
}

.campo-invalido {
    border: 1px solid red !important; /* Cambia el color del borde a rojo */
}