.fila-base {
  display: none;
}

.container-tabla {
  width: 1000px;
  overflow: auto;
  margin: 2em auto 2em;
  overflow: auto;
}

.orden-compra {
  width: 1000px;
  margin: 2em auto 2em;
  overflow: auto;
}

.tabla-compra {
  width: 1000px;
  margin: 0 auto 1em;
  font-size: 14px;
  line-height: 20px;
  table-layout: fixed;
  text-align: center;
  border-bottom: none;
  border-collapse: collapse;
}

fieldset {
  border-radius: 5px;
}

legend {
  font-size: 1.3em;
  font-weight: bold;
}

.tabla-compra th {
  background-color: #90a5c5;
  color: white;
  padding: 5px 5px;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.tabla-compra th:last-child {
  border-right: none;
}

.tabla-compra td {
  border-bottom: 1px solid #ccc;
  padding: 5px 5px;
}

.tabla-compra td select, .tabla-compra td input {
  width: 100%;
  border: 2px solid #ccc;
  border-radius: 5px;
}

.col-producto {
  width: 150px;
}
.col-descripcion {
  width: 250px;
}

.col-precio {
  width: 150px;
}
.col-cantidad, {
  width: 100px;
}
.col-importe, .col-eliminar {
  width: 150px;
}




.elimina {
  background-color: #B22222;
  color: white;
}

.elimina:hover {
  background-color: #8B0000;
  -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}

/* Tabla de totales */
.tabla-total {
  width: 800px;
  margin: 0 auto 1em;
  font-size: 14px;
  line-height: 20px;
  table-layout: fixed;
  text-align: center;
  border-bottom: none;
  border-collapse: collapse;
}

.tabla-total th {
  background-color: #616161;
  color: white;
  padding: 5px 5px;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.tabla-total th:last-child {
  border-right: none;
}

.tabla-total td {
  text-align: center;
}

.total-items, .total-productos {
  width: 200px;
  text-align: right;
}

.total-importe td {
  width: 500px;
  text-align: right;
}

/* RWD */
@media only screen and (max-width: 800px) {
  .container-tabla {
    width: 80%;
    margin: 0 auto 1em;
  }
  .header_cte {
    width: 100%;
  }
  .orden-compra {
    width: 80%;
  }
}

@media screen and (orientation: landscape) and (max-width: 800px) {
  .tabla-ec_cliente {
    width: 100%;
  }
}