.zappi-trk-container
{
  max-width: 800px;
  margin: 0 auto;
}

.zappi-trk-container .zappi-trk-resumen
{
  max-width: 570px;
  margin: 0 auto;
  font-size: 14px;
}

    .zappi-trk-container .zappi-trk-resumen td
    {
        width: 50%;
        background-color: white;
        padding: 13px;
        border-color: rgb(229,229,229);
    }
    
    .zappi-trk-container .zappi-trk-resumen td.valor
    {
      font-weight: bold;
    }

    .zappi-trk-container .zappi-trk-resumen td.titulo
    {
      text-align: right;
    }
    .zappi-trk-container .zappi-trk-resumen td.titulo.internacional
    {
      text-align: center;
      font-weight: bold;
    }
.zappi-trk-container .zappi-trk-estados
{
  margin-top: 50px;
  padding: 0px;
}

.zappi-trk-container .zappi-trk-estados li { 
    display: flex; 
  }
  
  .zappi-trk-container .zappi-trk-estados .fecha-hora,
  .zappi-trk-container .zappi-trk-estados .ubicacion
  {
    width: calc(50% - 31px);
  }
  .zappi-trk-container .zappi-trk-estados .fecha-hora { 
    font-size: 16px;
    color: #9a9a9a;
    font-weight: bold;
    text-align: right;
    width: calc(50% - 31px);
  }

    .zappi-trk-container .zappi-trk-estados .fecha-hora .hora { 

      font-size: 14px;
      font-weight: 500;

    }
    .zappi-trk-container .zappi-trk-estados .estado { 
      text-transform: uppercase;
      color: #066bae;
      font-size: 20px;
    }
  
    .zappi-trk-container .zappi-trk-estados span {
      padding: 0 1em 1em 1em;
      position: relative;
    }

  .zappi-trk-container .zappi-trk-estados .icono-before::after { 
    content: url(https://web.zoom.red/wp-content/plugins/mmg-zoom-api/includes/images/tracking-bullet.png);
    position: absolute;
    z-index: 2;
    right: 0;
    top: -8px;
    transform: translateX(50%);
    background: #fff;
    height: 42px;
    width: 42px;

  }
  
  .zappi-trk-container .zappi-trk-estados li .icono-after:before {
     content: "";
     position: absolute;
     z-index: 1;
     left: -3px;
     height: 100%;
     border-left: 6px #066bae solid;
  }
  
  .zappi-trk-container .zappi-trk-estados li:last-child .icono-after:before {
    content:none;
 }
  

  .zappi-trk-container .zappi-trk-estados .estado {
     display: block;
     font-weight: bolder;
  }

  .zappi-trk-container .zappi-trk-estados label.oficina {
    font-size: 14px;  
    font-weight: bold;
    color:#9a9a9a;
    margin-top: 11px;
    margin-bottom: 3px;
 }

 .zappi-trk-container .zappi-trk-estados a.oficina  {
  font-size: 14px;  
  font-weight: bold;
  color:#066bae;
}

 .zappi-trk-container .zappi-trk-estados label.oficina i {
  margin-right: 8px;
}

.zappi-trk-container .zappi-trk-estados a.oficina i {
  margin-left: 8px;
}
  
  
  .zappi-trk-container .zappi-trk-estados, 
  .zappi-trk-container .zappi-trk-estados *::before, 
  .zappi-trk-container .zappi-trk-estados *::after { box-sizing: border-box; }


.zappi-trk-estados-tabla
{
  margin-top: 30px;
  text-align: center;
}

.zappi-trk-estados-tabla button.detalle
{
  
  border: none;
  font-weight: bold;
  background-color: black;
  color: white;
  border-radius: 100px;
  padding: 17px 44px;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  
}

.zappi-trk-estados-tabla button.detalle:focus
{
  outline: 0;
}
.zappi-trk-estados-tabla button.detalle i
{
  transition: transform .4s ease-in-out; 
  margin-left: 10px;
}

.zappi-trk-estados-tabla h2,
.zappi-trk-mtcn-container h2,
.zappi-trk-titulo h2
{
  font-size: 26px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}

.zappi-trk-titulo h2{
  margin-bottom: 30px;
  margin-top: 0px;
  font-family: "Open Sans", Sans-serif;  
}

.zappi-trk-mtcn-container h2
{
  margin-top: 30px;
  margin-bottom: 20px;
}

.zappi-trk-mtcn-container .d_code
{
  text-align: center;
  display: block;
}

.tabla-wrapper
{
  /*display: none;*/
  margin-top: 30px;
}

.zappi-trk-container .mtcn-img-container
{
  text-align: center;
}


.zappi-trk-resumen.multiple td
{
  text-align: center;
  vertical-align: middle;
}

.zappi-trk-resumen.multiple td .zapi-button
{
  padding: 10px;
  font-size: 13px;
  border-radius: 0px;
}

.zappi-trk-estados-tabla p.info
{
  text-align: left;
}

@media (max-width: 480px) {
  .zappi-trk-estados-tabla table td, 
  .zappi-trk-estados-tabla table th
  {
    padding: 5px;
  }

  .zappi-trk-estados-tabla table
  {
    font-size: 12px;
  }

  .zappi-trk-estados-tabla .tabla-wrapper .estado,
  .zappi-trk-estados-tabla .tabla-wrapper .nro-fila
  {
    font-size: 10px;
  }

  .zappi-trk-estados-tabla .tabla-wrapper
  {
    display: inline-block;
    width: 100%;
    overflow: auto;
  }
  .zappi-trk-container .zappi-trk-estados .estado
  {
    font-size: 16px;
    
  }
  .zappi-trk-container .zappi-trk-estados .oficina
  {
    font-size: 12px;
  }

  .zappi-trk-container .zappi-trk-estados .fecha-hora
  {
    font-size: 14px;
  }
  .zappi-trk-container
  {
    padding: 15px;
  }
  .zappi-trk-container .zappi-trk-resumen
  {
    font-size: 12px;
  }

  .zappi-trk-container .zappi-trk-resumen td.valor
  {
    overflow-wrap: anywhere;
  }
  .zappi-trk-container .zappi-trk-resumen td.valor
  {
    overflow-wrap: anywhere;
  }
  
  
}