/* inicio de estilos para TABLA 3 ---- /var/www/html/revisa/resources/views   ------ pdf_nuevaot.blade.php --verot */

table {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  background: white;
  margin-bottom: 1.25em;
  border: solid 2px #dddddd;
  border-collapse: collapse;
  border-spacing: 0;
  font-family:helvetica;
  
}


 table tr th,
 table tr td {
   padding: 1em 0.625em;
   font-size: 0.875em;
   color: #222222;
   border: 1px solid #dddddd;
 }

  table tr.even,
  table tr.alt,
  table tr:nth-of-type(even) {
    background: #f9f9f9;
  }

@media only all and (max-width: 1024px) {
  table.respp,
  .respp thead,
  .respp tbody,
  .respp tr,
  .respp th,
  .respp td,
  .respp caption {
    display: block;

  }

table{
width: 99%;
}

  table.respp{
    border: none;
  }
 
.respp thead tr {
display: none;
}

.respp tbody tr {
margin: 1em 0;
border: 1px solid #dddddd;
}


.respp td {
border: none;
border-bottom: 1px solid #dddddd;
position: relative;
padding-left: 60%;
text-align: left;
}

.respp tr td:last-child {
border-bottom: 1px double #dddddd;
}

.respp tr:last-child td:last-child {
border: none;
}

.respp td:before {
position: absolute;
top: 13px;
left: 11px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left;
font-weight: bold;
}

td:nth-of-type(1):before {
content: "Patente";
}

td:nth-of-type(2):before {
content: "Marca";
}
td:nth-of-type(3):before {
  content: "Modelo";
  }

td:nth-of-type(4):before {
content: "Color";
}

td:nth-of-type(5):before {
content: "Estado Servicio";
}

td:nth-of-type(6):before {
content: "Servicio Realizado";
}

td:nth-of-type(7):before {
content: "N° Servicio";
}


td:nth-of-type(8):before {
  content: "ver";
  }

}