#tvehiculosnok{
    height: 19rem;
    overflow-x: auto;
    overflow-y: auto;
}

#tclientes{
    height: 27rem;
    overflow-x: auto;
    overflow-y: auto;
}

#LPTable{
    height: 27rem;
    overflow-x: auto;
    overflow-y: auto;
    
}


/* inicio de estilos para Tabla 1 ---- /var/www/html/revisa/resources/views -----  */


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.resp,
      .resp thead,
      .resp tbody,
      .resp tr,
      .resp th,
      .resp td,
      .resp caption {
        display: block;
       
       

      }

    table{
    width: 99%;
    }

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

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


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

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

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

  .resp td:before {
    position: relative;
    top: 8px;
    left: 10px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
    text-transform: capitalize;
  }

.resp td:nth-of-type(1):before {
    content: "OT N°:";
  }

.resp td:nth-of-type(2):before {
    content: 'Nombre Cliente: \A';
  }

/* .resp td:nth-of-type(3):before {
    content: "Cant. Vehículos";
  } */

.resp td:nth-of-type(3):before {
    content: "Comuna:";
  }

.resp td:nth-of-type(4):before {
    content: "Estado OT:";
  }

.resp td:nth-of-type(5):before {
    content: "Acciones: ";
  }
}



/* inicio de estilos para TABLA 2 ---- /var/www/html/revisa/resources/views   ------ registrar un cliente */

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.resp4,
  .resp4 thead,
  .resp4 tbody,
  .resp4 tr,
  .resp4 th,
  .resp4 td,
  .resp4 caption {
    display: block;
    

  }
 

table{
width: 99%;
}

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

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


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

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

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

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

.resp4 td:nth-of-type(1):before {
content: "#";
}

.resp4 td:nth-of-type(2):before {
content: "Nombre";
}

.resp4 td:nth-of-type(3):before {
content: "Rut";
}

.resp4 td:nth-of-type(4):before {
content: "Teléfono";
}

.resp4 td:nth-of-type(5):before {
content: "Dirección";
}

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

}






/* 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/Modelo";
}

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

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

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

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


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

}

*/