/* inicio de estilos para TABLA 2 ---- /var/www/html/revisa/resources/views   ------ realizar_nuevaot.blade.php */

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.resp2,
    .resp2 thead,
    .resp2 tbody,
    .resp2 tr,
    .resp2 th,
    .resp2 td,
    .resp2 caption {
      display: block;
  
    }
  
  table{
  width: 99%;
  }
  
    table.resp2 {
      border: none;
    }
   
  .resp2 thead tr {
  display: none;
  }
  
  .resp2 tbody tr {
  margin: 1em 0;
  border: 1px solid #dddddd;
  }
  
  
  .resp2 td {
  border: none;
  border-bottom: 1px solid #dddddd;
  position: relative;
  padding-left: 60%;
  text-align: left;
  }
  
  .resp2 tr td:last-child {
  border-bottom: 1px double #dddddd;
  }
  
  .resp2 tr:last-child td:last-child {
  border: none;
  }
  
  .resp2 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 Pendiente";
  }
  
  td:nth-of-type(5):before {
  content: "Servicio Realizado";
  }
  
  td:nth-of-type(6):before {
  content: "N° Servicio";
  }
  
  }