body {
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
    background-color: rgb(250, 243, 232)
}

ul li {
    margin-bottom: 10px; /* Esto agrega un margen inferior de 10px entre los elementos de la lista */
    color: rgb(80, 80, 80);
}

p {
    color: rgb(100, 100, 100);
}

tr {
    height: 50px;
}

th {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    padding: 0 4px;
    background-color: rgb(238, 238, 238);
}

td {
    padding: 0 4px;
}

.col-cliente {
    width: 10px;
    white-space: nowrap; /* No permite que el texto se ajuste a una nueva línea */
    overflow: hidden; /* Esconde el texto que no cabe */;
    text-overflow: ellipsis; 
}

ul.messages {
    list-style-type: none;
    padding: 0;
}

ul.messages li {
    background-color: #dff0d8;
    color: #3c763d;
    border: 1px solid #d6e9c6;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
}

table input, 
table textarea, 
table select {
    border: none;
    outline: none; /* También quita el resaltado al hacer clic */
    background: transparent; /* Opcional si quieres que se vea más limpio */  
}