/* contenedor */
.tabla-responsive {
  width: 100%;
  overflow-x: auto;
  margin-top: 10px;
  box-sizing     : border-box;
}

/* tabla */
.tabla-ventas {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
  min-width: 310px;
  box-sizing     : border-box;
}

/* encabezado */
.tabla-ventas thead tr.encabezado {
  background: #f2f2f2;
}

/* celdas */
.tabla-ventas th,
.tabla-ventas td {
  padding: 8px;
  border: 1px solid #ddd;
}

td {
    font-size: 0.9em;
	color: #3d3c3c;
    max-width: 200px;   /* este propiedad es necesario para que funcione ellipsis*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;  /* corta el texto al ancho definido*/
}


.col-descripcion {
  text-align: left;
  
  box-sizing     : border-box;
}

.col-fecha {
  text-align: left;
  box-sizing     : border-box;
}

.col-cantidad {
  text-align: center;
  box-sizing     : border-box;
}

.col-total {
  text-align: right;
  font-weight: bold;
  box-sizing     : border-box;
}

/* título */
.titulo-reporte {
  font-size: 18px;
  margin-bottom: 10px;
  box-sizing     : border-box;
}