/* app_traza.css */
/*trazabilidad caravanas*/
.divTraza{
  display:  none
}

.tblCaraTodas{
  padding:          1px;
  border-collapse:  collapse;
  border-spacing:   0;
  background:       #FFB574;
  font-size:        0.8em
}

  .tblCaraTodas thead{
    text-align: center
  }

  .tblCaraTodas tr   {background: #fff}
  .tblCaraTodas tr:hover{background:#FFFF66}
  .tblCaraTodas tr:nth-child(1){background: #eaeaea}

  .tblCaraTodas td{
    padding:  0 3px 0 3px;
    border:   1px solid silver;
  }

  .tblCaraTodas tr> td:nth-child(1){width: 30px}
  .tblCaraTodas tr> td:nth-child(2){width: 85px}
  .tblCaraTodas tr> td:nth-child(3){width: 40px; text-align:right}
  .tblCaraTodas tr> td:nth-child(4){width: 35px; text-align:right}
  .tblCaraTodas tr> td:nth-child(5){width: 35px; text-align:right}
  .tblCaraTodas tr> td:nth-child(6){width: 40px; text-align:right}
  .tblCaraTodas tr> td:nth-child(7){width: 80px; text-align:center}
  .tblCaraTodas tr> td:nth-child(8){width: auto; text-align:center}
  .tblCaraTodas tr> td:nth-child(9){width: 40px; text-align:center}
  .tblCaraTodas tr> td:nth-child(10){width:30px; text-align:center}

#divCaraHis{
  border:     1px solid gray;
  background: #fff;
  padding:    20px;
  display:    none;
  position:   absolute;
  left:       630px;
  top:        20px;
  z-index=    9;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*lista la historia de 1 caravana*/
.tblTrazaHis{
  padding:          1px;
  border-collapse:  collapse;
  border-spacing:   0;
  background:       #FFB574;
  font-size:        0.8em;
  width:            350px
}
   .tblTrazaHis caption{
      font-size:  15px;
      cursor:     move
   }
  .tblTrazaHis tr{background: #fff}
  .tblTrazaHis tr:hover{background: #FFFF66}
  .tblTrazaHis tr:nth-child(1){
    background: #eaeaea;
    text-align: center
  }

  .tblTrazaHis td{
    padding:  0 3px 0 3px;
    border:   1px solid silver;
  }

  .tblTrazaHis tr> td:nth-child(1){width: 40px; text-align:center}
  .tblTrazaHis tr> td:nth-child(2){width: 30px}
  .tblTrazaHis tr> td:nth-child(3){width: 80px; text-align:right}
  .tblTrazaHis tr> td:nth-child(4){width: 80px; text-align:right}
  .tblTrazaHis tr> td:nth-child(5){width: 60px; text-align:right}




/** TRAZABILIDAD */
.tblTraza{
  padding:          1px;
  border-collapse:  collapse;
  border-spacing:   0;
  background:       #FFB574;
  font-size:        0.8em
}
  .tblTraza tr{background: #fff}
  .tblTraza tr:nth-child(1){background: #eaeaea}

  .tblTraza td{
    padding:  0 3px 0 3px;
    border:   1px solid silver;
  }

  .tblTraza tr> td:nth-child(1){width: 30px; text-align:center}
  .tblTraza tr> td:nth-child(2){width: 90px}
  .tblTraza tr> td:nth-child(3){width: 55px; text-align:right}
  .tblTraza tr> td:nth-child(4){width: 80px; text-align:right}
  .tblTraza tr> td:nth-child(5){width: auto; text-align:right}
  .tblTraza tr> td:nth-child(6){width: 20px;text-align: center}


.tblMas1filaZ{
  padding:          0;
  border-collapse:  separate;
  border-spacing:   5px;
  color:            #000;
  background:       #FFCC66
}
  .tblMas1filaZ tr   {background: #FFCC66}        /* .tblMas1fila tr:first-child  {background: #eaeaea} */
  .tblMas1filaZ td{
    padding:  0;
    /* border: 1px solid red */
  }

  .tblMas1filaZ tr> td:nth-child(1){width: 140px}
  .tblMas1filaZ tr> td:nth-child(2){width: auto; text-align:left}
  .tblMas1filaZ tr> td:nth-child(3){width: 85px; text-align:right}


/** CARAVANAS TOTALES Y MENU **/
#divCaravanasTotales{
  width: 442px;
  position:   absolute;
  left:       0px;
  top:        0px;
  background: #fff;
  border:     1px solid silver;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius:  4px !important;
  display:    none
}



.divReproTit{
  float:          left;
  width:          100%;
  background:     #33CCFF; /*#5BE1FF; /*#33CCFF; /*#CCFFCC*/
  display:        block;
  text-align:     left;
  padding:        7px 5px 2px 5px;
  border-bottom:  1px solid #eaeaea;
  color:          #404040
}
  /*.divReproTit span{
    width:      400px;
    text-align: left;
    background: #CCFFCC;
    margin-top: 5px;
    padding:    1px 10px;
  }*/
  .divReproTit div{
    float:        right;    /* width:        30px; */
    font-size:    24px;
    margin-right: 5px;
    padding:      0px;
    cursor:       pointer;    /* background:   #fff; */
 }
 .divReproTit div:hover{
    color:      white;
    background: red
 }



#divOutVida{
  display:        block;
  float:          left;
  margin-bottom: 3px;
  padding: 7px;
  background:     #fff;
}
#divOutSani{
  display:        block;
  float:          left;
  margin-bottom: 10px;
  padding:        5px 1px 5px 1px;
  background:     #fff;
}

.divOutRepro{
  display:        block;
  float:          left;
  margin-bottom: 2px;
  padding:        5px;
  background:     #fff;
}
  .divi{
    width:        100%;
    background:   #fff;
    margin-top:   5px;
    text-align:   left;
    padding: 5px 10px 1px 10px;
    display:      block;
    float:        left;
  }
  .TR{
    display:      block;
    width: 100%;
    float:    left;
    /* background:   #99FFFF; */
    margin-bottom: 5px;
    border-bottom: 1px solid #e0e0e0;
    font-size: 0.9em;
  }

  .TD{
    display: block;
    float:    left;
  }
  .TDR{
    display:  block;
    float:    right;
    margin-top: 10px;
    margin-right: 10px
  }
  .w80{
    width:  80px
  }

  .inVida{
    width:  90px;
  }
  .inSup{
    width: 322px;
  }

.tblCaraTotSani{
    background:       #fff;
    font-size:        16px;
    text-align:       left;
    padding:          2px 2px 0px 2px;
    width:            440px;
    border-collapse:  separate;
    border-spacing:   5px;
    display:          block
}
    .tblCaraTotSani thead th{
      background:   #eaeaea;
      font-weight:  normal;
      font-size:    14px;
      padding:      4px;
      text-align:   center
    }
    .tblCaraTotSani thead th{
      border-bottom:  1px solid silver
    }
    .tblCaraTotSani tr> th:nth-child(1){width: 60px}
    .tblCaraTotSani tr> th:nth-child(2){width: 45px}
    .tblCaraTotSani tr> th:nth-child(3){width: 250px}
    .tblCaraTotSani tr> th:nth-child(4){width: 60px}

  .tblCaraTotSani tbody td{
    border-bottom:  1px solid silver
  }

  /*.tblCaraTotSani tr> td:nth-child(1){width: 70px}
  .tblCaraTotSani tr> td:nth-child(2){width: 50px}
  .tblCaraTotSani tr> td:nth-child(3){width: auto}
  .tblCaraTotSani tr> td:nth-child(4){width: 70px}*/

    .inFe{
            width:  60px
         }

    .inSaniK{
            width:      50px;
            margin:     0px 1px;
            border:     1px solid silver;
            text-align: left
         }
   .inSaniT{
     width:   210px;
   }

  .divCaraNum{
    width:      100%;
    float:      left;
    padding:    10px 0px 10px 0px;
    font-size:  0.9em;
  }
  .divCaraNumX{
    width:    25ppx;
    float:    right;
    padding:  5px
  }
  #taCaraNum{
    /* border:     none; */
    font-size:  15px;
    width:      280px;
    color:      #000
  }

/*botón de eventos en listado total de caravanas*/
.btnEv{
  width:  25px;
  height: 25px;
  padding: 5px;
}

#trazaEvAyuda{
  display:    none;
  width:      480px;
  padding:    20px;
  text-align: left;
  background: #fff;
  border:     1px solid gray;
  z-index:    9999;
  position:   absolute;
  top:        120px;
  right:      10px
}

.aTzH{
  background:       none;
  font-size:        0.8em;
  text-decoration:  none;
  padding:          2px;
  color:            #fff
}
  .aTzH:hover{
    color:      blue;
    background: #fff
  }