/*Nueva css*/
nav {
    background-color: black;
}
body {
    background-color: white;
}
hr{
  border-top: 2px solid #C90005;
}
footer{
    width: 100%;
    color: #FFFFFF;
    background-color: rgba(255,255,255,0.4);
}
tbody {
    background-color:white;
}

.clase_table {
    border-collapse: separate;
    border-spacing: 10;
    border: 1px solid #5b9df8;
    border-radius: 15px;
    -moz-border-radius: 20px;
    padding: 5px;
    margin:auto;
    text-align: center;
    color: #FFFFFF;
    font-weight: 600;
    background-color: #5b9df8;

}

.clase_tablelista {
    border-collapse: separate;
    border-spacing: 10;
    border: 1px solid gray;
    border-radius: 15px;
    -moz-border-radius: 20px;
    padding: 5px;
    margin:auto;
    text-align: left;
    color: black;
    font-weight: 600;
    background-color: white;

}

.clase_table_d {
    border-collapse: separate;
    border-spacing: 10;
    border: 1px solid #B0BEC5;
    border-radius: 15px;
    -moz-border-radius: 20px;
    padding: 5px;
    margin:auto;
    text-align: center;
    color: #EEEEEE;
    background-color: #C90005;

}

.clase_table2 {
    border-collapse: separate;
    border-spacing: 10;
    border: 1px solid #D0D3D4;
    border-radius: 15px;
    -moz-border-radius: 20px;
    padding: 2px;
    margin:auto;
    text-align: center;
    background-color: #dc3545;

}

.clase_table3 {
    border-collapse: separate;
    border-spacing: 1;
    border: 1px solid #EEEEEE;
    border-radius: 0px;
    -moz-border-radius: 0px;
    padding: 5px;
    margin:auto;
    text-align: left;
    color: #C90005;
    background-color: #ededed;

}



div.dataTables_wrapper div.dataTables_filter input {
  width: 100px;
  height:23px;
  font-size:11px;
}

/* Ensure that the demo table scrolls */
    th, td { white-space:normal;}
    div.dataTables_wrapper {
        width: 100%;
        margin: 0 auto;
        border: none;
}

.dataTables_empty {
    font-size: 10px;
}
.dataTables_info {
    font-size: 10px;
}

.truncar {
  width: 50px; /* o cualquier otro ancho deseado */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}