/* app_rep.css */
/* REPORTES
  reporte de todos los gastos por potrero*/
section{
  box-sizing: border-box;
}
#inRepGXPAnio{
  width:        33px;
  padding:      2px 4px 2px 4px;
  margin-left:  10px;
}



/*Nuevo Rep de DJ */
#divDJPieOut{
  float:      left;
  width:      100%;
  /* height:     30px; */
  text-align: center;
  background: #fff;
  padding:    5px;
  font-size:  20px;
  font-style: italic
}


#divDJRep{
  float:      left;
  width:      100%;
  max-width:  820px;
  background: #fff;
  display:    none;
  text-align: left;
  padding:    10px;
  z-index:    3
}

.divXRepDJ{
  float:  right;
  width:  30px
}

.tblDJCab{
  width:            100%;
  background:       #fff;
  color:            #000;
  border-collapse:  collapse;
}
  .tblDJCab tr td{
    padding:    2px 2px 2px 3px;
    text-align: center;
    /* border:     0.6px solid silver */
    /* border-bottom:  0.6px solid silver */
  }

  .tblDJCab tr td:nth-child(1){width: 200px}
  .tblDJCab tr td:nth-child(2){width: auto; text-align:center}
  .tblDJCab tr td:nth-child(3){width: 110px }
  .tblDJCab tr td:nth-child(4){width: 40px; font-size:0.8em}
  .tblDJCab tr td:nth-child(5){width: 110px; }
  .tblDJCab tr td:nth-child(6){width: 80px; }
  .tblDJCab tr td:nth-child(7){width: 80px; }

  .tblDJCab button{
    font-size:  18px;
  }

  #inDJInicio{
    /* border:     none; */
    width:      92px;
    text-align: center;
    font-size:  18px;
    color:      #0066CC
  }

  #inDJFin{
    /* border:     none; */
    width:      92px;
    text-align: center;
    font-size:  18px;
    color:      #0066CC
  }


/*DJ Total rep*/
.tblDJRep{
  width:            100%;
  background:       #fff;
  color:            #000;
  border-collapse:  collapse;
  display:          block
}

  .tblDJRep thead tr{
    width:      120px;
    font-size:  14px;
    color:      #000;
    padding:    10px;
    text-align: center;
    background: #e4e1e1
  }
    .tblDJRep thead tr th{
      padding:    3px;
      border:     1px solid gray;
      font-weight:  normal
    }

  .tblDJRep tbody tr td{
    padding:    2px 4px 2px 4px;
    border:     0.6px solid silver;
    text-align: right;
    /* border-bottom:  0.6px solid silver */
  }
  .tblDJRep tbody tr:hover{
    background-color:  #FFFF99;
  }

  .tblDJRep tbody tr td:nth-child(1){width: 170px;text-align:left}
  .tblDJRep tbody tr td:nth-child(2){width: 116px; text-align:center}
  .tblDJRep tbody tr td:nth-child(3){width: 68px; text-align:right}
  .tblDJRep tbody tr td:nth-child(4){width: 68px; text-align:right}
  .tblDJRep tbody tr td:nth-child(5){width: 68px; text-align:right}
  .tblDJRep tbody tr td:nth-child(6){width: 68px; text-align:right}
  .tblDJRep tbody tr td:nth-child(7){width: 68px; text-align:right}
  .tblDJRep tbody tr td:nth-child(8){width: 68px; text-align:right}
  .tblDJRep tbody tr td:nth-child(9){width: 68px; text-align:right}
  .tblDJRep tbody tr td:nth-child(10){width: auto; text-align:right}
  /* .tblDJRep tr td:nth-child(6){width: 30px; text-align:center} */

  .tblDJRep tfoot tr td{
    padding:    2px 2px 2px 3px;
    text-align: center;
    font-size:  1em;
    background: #FFFFCC;
    color:      #0066FF;
    border:     0.6px solid silver
  }

  .divFlechas{
    float:      right;
    width:      20px;
    padding:    2px;
    background: none
  }


.divDJResumen{
  float:      left;
  width:      450px;
  background: #fff;
  font-size:  16px;
  padding:    10px;
  margin-top: 20px;
  /* border:     1px solid green; */
}

.tblDJResumen{
  width:            400px;
  background:       #fff;
  color:            #000;
  border-collapse:  collapse;
  display:          block
}

  .tblDJResumen tr td{
    border:     0.6px solid silver;
    padding:    10px;
    text-align: right
  }

  .tblDJResumen tr td:nth-child(1){width: 50px;   text-align:center}
  .tblDJResumen tr td:nth-child(2){width: 200px;  text-align:left}
  .tblDJResumen tr td:nth-child(3){width: 90px;   text-align:right}
  .tblDJResumen tr td:nth-child(4){width: 110px;  text-align:right}


  .divDJResumen1{
    width:      100%;
    float:      left;
    background: #fff;
    font-size:  19px;
    padding:    10px
  }
  .divDJResumen2{
    width:        100%;
    float:        left;
    background:   #fff;
    font-size:    16px;
    padding-left: 30px;
  }

  .divDJResData1{
    float:        left;
    width:        120px;

  }
  .divDJResNum{
    margin-left:  20px;
    float:        left;
    width:        70px
  }



/*Gastos*/
.div1GXP{
  float:      left;
  width:      100%;
  text-align: center;
  background: #303030;
  padding:    1px 0px 1px 0px
}
.div2GXP{
  float:      left;
  width:      100%;
  background: gray;
  color:      #fff;
  text-align: center;
  padding:    5px
}
.div3GXP{
  float:        right;
  width:        20px;
  background:   none;
  text-align:   center;
  margin-right: 4px
}
.div4GXP{
  float:          left;
  width:          100%;
  background:     #fff;
  margin-bottom:  20px
}
  .butGXP{
    margin-left:  10px;
    width:        108px;
    cursor:       pointer
  }




/*Sanidad*/
.btnSaniFin{
  background: #fff;
  color:      #0066ff;
  border:     1px solid silver;
  margin-top: 3px;
  cursor:     pointer;
  width:      80px;
  padding:    4px;
  font-size:  0.9em
}
  .btnSaniFin:hover{
    background: red;
    color:      #fff
  }

  .capSaniFin{
    font-size:    0.9em;
    padding-top:  3px;
    text-align:   center;
    /* background:   yellow; */
    padding:      5px 5px 5px 5px
  }


#inSaniSel{
  width:      105px;
  font-size:  0.9em;
  margin-left:  10px;
  margin-top:   5px
}

#selSaniFin{
  width:      105px;
  font-size:  0.9em;
  margin-left:  10px;
  margin-top:   5px
}

#secSanidad{
  display:    block;
  max-width:  900px;
  float:      left;
  background: #eaeaea;
  font-size:  1.2em;
}

  .tblSanidadRep{
    width:            100%;
    padding:          1px;
    border-collapse:  collapse;
    border-spacing:   0.5px 5px;           /* font-size:        1.2em; */
    background:       #fff;
  }
    .tblSanidadRep tr{
      border:     1px solid #D0D0D0;
      background: #fff
    }
    .tblSanidadRep th{
      border:       1px solid #D0D0D0;
      padding:      2px;
      font-size:    0.8em;
      font-weight:  normal;
      background:   #707070;
      color:        #fff
    }
    .tblSanidadRep tr> th:nth-child(1){width:  40px}  /*lote*/
    .tblSanidadRep tr> th:nth-child(2){width:  auto}  /*categoría*/
    .tblSanidadRep tr> th:nth-child(3){width:  33px}  /*potrero*/
    .tblSanidadRep tr> th:nth-child(4){width:  12%}  /*fecha*/
    .tblSanidadRep tr> th:nth-child(5){width:  17%}   /*tratamiento*/
    .tblSanidadRep tr> th:nth-child(6){width:  4.9%}   /*cant*/
    .tblSanidadRep tr> th:nth-child(7){width:  18%}   /*obs*/
    .tblSanidadRep tr> th:nth-child(8){width:  15.3%}  /*fecha próxima: + n días*/
    .tblSanidadRep tr> th:nth-child(9){width:  4.5%}   /*kgs, peso prm del lote*/
    .tblSanidadRep tr> th:nth-child(10){width: 22px;}
      /*.tblSanidadRep tr> th:nth-child(9)>input:checked {
        background: green;
      }*/

    .tblSanidadRep tbody tr:hover{
      background-color:  #FFFF99;
    }

    .tblSanidadRep td{
      border:     1px solid #D0D0D0;
      padding:    6px 3px 5px 3px;
      font-size:  0.7em
    }

    .tblSanidadRep tr> td:nth-child(1){width: 40px; text-align:right}
    .tblSanidadRep tr> td:nth-child(2){width: auto;text-align:left; text-overflow:hidden}
    .tblSanidadRep tr> td:nth-child(3){width: 35px; text-align:right}
    .tblSanidadRep tr> td:nth-child(4){width: 12%; text-align:left}
    .tblSanidadRep tr> td:nth-child(5){width: 17%; text-align:left}
    .tblSanidadRep tr> td:nth-child(6){width: 4.9%; text-align:right}
    .tblSanidadRep tr> td:nth-child(7){width: 18%; text-align:left}
    .tblSanidadRep tr> td:nth-child(8){width: 14.2%; text-align:left}
    .tblSanidadRep tr> td:nth-child(9){width: 5%; text-align:right}
    .tblSanidadRep tr> td:nth-child(10){width: 20px}


















#secGIFac{
  margin:     0 auto;
  width:      500px;
  background: #fff;
  display:    none;
  text-align: left;
  padding:    0px;
  z-index:    2;
  float: left;
}
.tblGIFac{
  table-layout:     fixed;   /* box-sizing:       border-box; */
  width:            100%;
  background:       #eaeaea;
  color:            #000;
  border-collapse:  separate;
  border-spacing:   1px 1px;
  font-size:        1.3em;  /* margin-top:       2px; */
}
  .tblGIFac caption{
    width:            100%;
    background:       #808080;
    color:            #fff;
    padding:          5px;
    border-collapse:  collapse;
    font:             1.1em "Helvetica Neue","sans serif", "verdana"
  }

  .tblGIFac tr td{
    padding:        3px 5px 2px 3px;
    border-bottom:  0.6px solid whitesmoke;
    /* border:  1px solid silver; */
    font-size:      0.7em
  }
  .tblGIFac tr{
    background-color:  #FFF;
  }
  .tblGIFac tr:hover{
    background-color:  #FFFF99;
  }

  .tblGIFac tr td:nth-child(1){width:  auto;  text-align:center;white-space:nowrap; overflow:hidden}
  .tblGIFac tr td:nth-child(2){width:  100px; white-space:nowrap; overflow:hidden;  text-align:left}
  .tblGIFac tr td:nth-child(3){width:  20%;   text-align:right}
  .tblGIFac tr td:nth-child(4){width:  20%;   text-align:right}
  /* .tblGIFac tr td:nth-child(5){width:  18%;  text-align:right} */

#inRepGAnioFac{
  width:    32px;
  padding:  3px
}

/*flujo de caja, listado de rubros*/
#divFlujoCaja{
  width:          100%;
  float:          left;
  margin-bottom:  20px
}

#divFCRG{
  float:      left;
  width:      100%;
  background: #fff;
  display:    none
}
  #divFCRG div:first-of-type{
    float:        right;
    padding:      2px;
    text-align:   center;
    /* width:        30px; */
    margin-right: 2px
  }

/* cerrar flujo de caja rubros*/
.aRFDC{
  text-decoration:  none;
  color:            #0099FF;
  background:       #fff;
  padding:          0px 4px 0px 4px
}
  .aRFDC:hover{
    color:      #fff;
    background: red
  }



.divFCRubros{
  float:          left;
  width:          100%;
  background:     #fff;
  margin-bottom:  20px;
  padding:        10px
}
  .divFCRubros table{
    table-layout:     fixed;
    width:            100%;
    max-width:        550px;
    background:       #eaeaea;
    color:            #000;
    border-collapse:  collapse;    /* border-spacing:   1px 1px; */
    font-size:        1.3em;
  }
    .divFCRubros table tr td{
      padding:        3px 5px 2px 3px;
      border-bottom:  0.6px solid whitesmoke;
      border:         1px solid #eaeaea;
      font-size:      0.7em
    }
    .divFCRubros table tr{
      background-color:  #FFF;
    }
    .divFCRubros table tr:hover{
      background-color:  #FFFF99;
    }
    .divFCRubros table tr td:nth-child(1){width:  95px;  text-align:left}
    .divFCRubros table tr td:nth-child(2){width:  35px;  text-align:right;white-space:nowrap; overflow:hidden}
    .divFCRubros table tr td:nth-child(3){width:  auto;  white-space:nowrap; overflow:hidden;  text-align:left}
    .divFCRubros table tr td:nth-child(4){width:  100px; text-align:right}




.divTblFC{
  float:          left;
  width:          100%;
  background:     #fff;
  margin-bottom:  20px;
}

/* FINANZAS */
#secFinanzas{
  margin:     0 auto;
  width:      450px;
  background: #fff;
  display:    none;
  text-align: left;
  padding:    0px 0px 20px 0px;
  z-index:    2;
  height:     350px
}
  .div1SecFin{
    float:      left;
    width:      100%;
    background: #808080;
    color:      #fff;
    font-size:  1.2em;
    padding:    10px 10px 10px 10px
  }
  .div2SecFin{
    float:      left;
    width:      100%;
    background: #fff
  }

/*IG*/
#pesoXDlr{
  background: #fff;
  text-align: left;
  border:     1px solid silver;
  padding:    2px 3px 2px 3px;
  width:      50px
}


.tblIGCoef{
  table-layout:     fixed;
  box-sizing:       border-box;
  width:            100%;
  background:       #fff;
  color:            #000;
  border-collapse:  collapse;
  border-spacing:   0px;
  font-size:        1em;
  margin-top:       10px;
}
  .tblIGCoef tr td{
    padding:    5px;
    border:     0.6px solid whitesmoke;
    font-size:  0.9em;
    /* background: #fff; */

  }

  .tblIGCoef tr td:nth-child(1){width:  73px; text-align:left}
  .tblIGCoef tr td:nth-child(2){width:  auto; text-align:right}
  .tblIGCoef tr td:nth-child(3){width:  auto; text-align:right}
  .tblIGCoef tr td:nth-child(4){width:  auto; text-align:right}
  .tblIGCoef tr td:nth-child(5){width:  65px; text-align:right}

  .tblIGCoef .inIndFin{
    width:      100%;
    text-align: right;
    border:     none;
    font-size:  1em
  }

  #inIndFinAnio{
    width:      40px;
    text-align: right
  }

  .tblIGCoef td button{
    width:      100%;
    text-align: left;
    font-size:  0.8em;
  }


  .tblIGCoef tr:nth-child(1){
    font-size:  1em;
    background: #fff;
  }
    .tblIGCoef tr:nth-child(1) td:nth-child(2){
      text-align: left
    }
    .tblIGCoef tr:nth-child(1) td:nth-child(4){
      text-align: left
    }
  .tblIGCoef tr:nth-child(2){
    background: #eaeaea;

  }
  .tblIGCoef tr:nth-child(2) td{
    text-align: center
  }
  .tblIGCoef tr:nth-child(3){
    background: #fff;
  }
  .tblIGCoef tr:nth-child(4){
    background: #fff;
  }
  .tblIGCoef tr:nth-child(5){
    background: #fff;
  }


/** GASTOS AÑO */
#secGastosAnio{
  /* margin:     0 auto; */
  width:      600px;
  background: #303030;
  display:    none;
  text-align: left;
  padding:    1px 0;
  z-index:    2
}

.tblGastosAnio{
  table-layout:     fixed;
  box-sizing:       border-box;
  width:            100%;
  background:       #fff;
  color:            #000;
  border-collapse:  separate;
  border-spacing:   1px 3px;
  font-size:        1.3em;
  margin-top:       2px;
}
  .tblGastosAnio tr td{
    padding:        3px 5px 2px 3px;
    border-bottom:  0.6px solid whitesmoke;
    font-size:      0.7em
  }
  .tblGastosAnio tr:hover{
    background-color:  #FFFF99;
  }


  .tblGastosAnio tr td:nth-child(1){width:  11%;  text-align:center;white-space:nowrap; overflow:hidden}
  .tblGastosAnio tr td:nth-child(2){width:  auto;  white-space:nowrap; overflow:hidden;  text-align:left}
  .tblGastosAnio tr td:nth-child(3){width:  10%;  text-align:right}
  .tblGastosAnio tr td:nth-child(4){width:  10%;  text-align:right}
  .tblGastosAnio tr td:nth-child(5){width:  10%;  text-align:right}
  .tblGastosAnio tr td:nth-child(6){width:  15%;  text-align:right}
  .tblGastosAnio tr td:nth-child(7){width:  14%;  text-align:right}


.tblGastosAnioTot{
  table-layout:     fixed;
  box-sizing:       border-box;
  width:            100%;
  background:       gray;
  color:            #fff;
  border-collapse:  separate;
  border-spacing:   1px 3px;
  font-size:        1.1em;
  font-weight:      normal;
  margin-top:       2px;
}
  .tblGastosAnioTot tr td{
    padding:        12px 5px 12px 3px;
  }

  .tblGastosAnioTot tr td:nth-child(1){width:  11%;  text-align:center}
  .tblGastosAnioTot tr td:nth-child(2){width:  auto;  white-space:nowrap; overflow:hidden;  text-align:left}
  .tblGastosAnioTot tr td:nth-child(3){width:  10%;  text-align:right}
  .tblGastosAnioTot tr td:nth-child(4){width:  10%;  text-align:right}
  .tblGastosAnioTot tr td:nth-child(5){width:  10%;  text-align:right}
  .tblGastosAnioTot tr td:nth-child(6){width:  15%;  text-align:right}
  .tblGastosAnioTot tr td:nth-child(7){width:  14%;  text-align:right}




/** flujo de caja **/
#secFlujoCaja{
  width:      100%;
  max-width:  850px;
  float:      left;
  display:    none;
}
.titAAAA{
  width:      100%;
  float:      left;
  text-align: center;
  background: gray;
  color:      #fff
}
  .titAAAA span{
    color:        #FFFFCC;
    font-size:    0.7em;
    cursor:       pointer;
    padding:      1px 3px 1px 3px;
    margin-left:  10px
  }
    .titAAAA span:hover{
      color:        yellow;
      background:   red
    }

  #inAAAAFC{
    width:      45px;
    padding:    1px 3px 1px 3px;
    font-size:  1em
  }


.tblFlujoCaja{
  table-layout:     fixed;
  box-sizing:       border-box;
  width:            100%;
  background:       #fff;
  color:            #000;
  border-collapse:  separate;
  border-spacing:   1px 3px;
  font-size:        1.3em;
  /* margin-top:       2px; */
}
  .tblFlujoCaja tr:hover{
    background-color:  #FFFF99;
  }
  .tblFlujoCaja tr td{
    padding:        3px 5px 2px 3px;
    border-bottom:  0.6px solid whitesmoke;
    font-size:      0.7em
  }
  .tblFlujoCaja tr td:nth-child(1){width:  5%;   text-align:center;white-space:nowrap; overflow:hidden}
  .tblFlujoCaja tr td:nth-child(2){width:  15%;  white-space:nowrap; overflow:hidden;  text-align:left}
  .tblFlujoCaja tr td:nth-child(3){width:  10%;  text-align:right}
  .tblFlujoCaja tr td:nth-child(4){width:  15%;  text-align:right}
  .tblFlujoCaja tr td:nth-child(5){width:  15%;  text-align:right}
  .tblFlujoCaja tr td:nth-child(6){width:  10%;  text-align:right}
  .tblFlujoCaja tr td:nth-child(7){width:  15%;  text-align:right}
  .tblFlujoCaja tr td:nth-child(8){width:  15%;  text-align:right}


.tblFlujoCajaTot{
  table-layout:     fixed;
  box-sizing:       border-box;
  width:            100%;
  color:            #fff;
  border-collapse:  separate;
  border-spacing:   1px 3px;
  font-size:        1em;
  font-weight:      normal;
  margin-top:       2px;
}
  .tblFlujoCajaTot tr td{
    padding:        12px 5px 12px 3px;
  }

  .tblFlujoCajaTot tr td:nth-child(1){width:  5%;  text-align:center}
  .tblFlujoCajaTot tr td:nth-child(2){width:  15%;  text-align:center}
  .tblFlujoCajaTot tr td:nth-child(3){width:  10%;  white-space:nowrap; overflow:hidden;  text-align:left}
  .tblFlujoCajaTot tr td:nth-child(4){width:  15%;  text-align:right}
  .tblFlujoCajaTot tr td:nth-child(5){width:  15%;  text-align:right}
  .tblFlujoCajaTot tr td:nth-child(6){width:  10%;  text-align:right}
  .tblFlujoCajaTot tr td:nth-child(7){width:  15%;  text-align:right}
  .tblFlujoCajaTot tr td:nth-child(8){width:  15%;  text-align:right}