/* CSS Document */
html,body,div,section,span,iframe,h1,h2,h3,h5,h6,p,blockquote,pre,a,em,img,q,b,u,i,center,ol,ul,li,fieldset,form,label,legend,tbody,tfoot,thead,tr,th,td,footer,header,time,audio,video{margin:0;border:0;padding:0}
html{
  width:      100%;
  height:     100%
}
body{
  width:            100%;
  height:           100%;
  background:       #F4F3EF; /*#EFF3F8*/
  text-align:       center;
  font-size:        1em;
  font-family:      "Helvetica Neue","sans serif","verdana";
  padding:          0px;
  box-sizing:       border-box;
}
div{
  /* border:     1px solid gray; */
  box-sizing: border-box;
  font:       16px verdana;
}

.div1{
  margin:         0 auto;
  width:          500px;
  height:         auto;
  box-sizing:     border-box;
  padding:        20px 2px 10px 2px;
  border-radius:  9px;
  background:     #fff;
  box-shadow:     0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}

.div2{
  max-width:  90px;
  float:      left;
  padding:    10px
}

.div3{
  max-width:  160px;
  float:      left;
  padding:    5px 5px 5px 5px;
  text-align: center;
  margin-top: 5px;
  margin-left:10px
}

.div4{
  max-width:    250px;
  float:        left;
  /* padding:      8px 5px 5px 5px; */
  margin-left:  20px;
  margin-top:   15px;
  color:        #0066CC;
  font-size:    20px
}
.div41{
  width:        130px;
  float:        left;
  padding:      8px 5px 5px 5px;
  margin-left:  5px;
  font-style:   italic;
  color:        red
}
.div42{
  width:        80px;
  float:        right;
  padding:      8px 3px 5px 3px;
  margin-right: 10px;
  font-style:   italic;
  color:        gray;
  font-size:    0.9em
}



.div5{
  width:      100%;
  margin-top: 60px
}


#divFoot{
  width:        100%;
  height:       200px;
  float:        left;
  background:   #fff;
  border:       1px solid silver;
  margin-top:   10px;
  color:        #0066CC;
  font-size:    20px
  padding:      8px 5px 5px 5px;
}



table{
  width:            100%;
  /* border:           1px solid gray; */
  box-sizing:       border-box;
  table-layout:     fixed;
  overflow:         hidden;
  padding:          0;
  margin:           0;
  background:       #fff;
  font-size:        18px;
  font-family:      "Helvetica Neue","sans serif","verdana"; /*hay un @media*/
}

.tblRota{
    table-layout:     fixed;
    width:            100%;
    border-collapse:  collapse;
    margin-top:       5px;
}

    .tblRota thead th{        /* color:        #99CCFF; */
        font-weight:  normal;
        font-style:   italic;
        font-size:    16px;
        text-align:   center;
        border:       1px solid silver;
        padding:      10px 5px 10px 5px;
        background:   #F0F0F0
    }

    .tblRota thead tr>th:nth-child(1){width: 17%}
    .tblRota thead tr>th:nth-child(2){width: 17%}
    .tblRota thead tr>th:nth-child(3){width: 17%}
    .tblRota thead tr>th:nth-child(4){width: auto}

    .tblRota tbody{
      background:   gray;

    }
    .tblRota tbody tr{
      background:   #Fff
    }

    .tblRota tbody tr td{
      background:   #fff;
      border:       1px solid silver;
      padding-top:  8px;
      padding-bottom:  8px
    }


    .tblRota tfoot{
      background: #red;
    }
    .tblRota tfoot tr td{
      background: #fff;
      padding:    10px;
      text-align: center
      /* border:1px solid #606060; */
    }
    .tblRota tfoot tr>td:nth-child(4){
      text-align: right
    }

input{
  font-size:  20px;
  padding:    5px 5px 5px 5px;
  width:      99%;
  text-align: center;
  border:     0
}

#selCat{
    font-size:      20px;
    padding:        3px;
    width:          100%;
    background:     #fff;
    text-indent:    0.01px;
    height:         36px;
    border:         0;
    color:      #606060
}


#inPotDestino{
  width:    80px
}
#inParDestino{
  width:    80px
}
#inLoteNum{
  width:    80px;
}


button{
  padding:        10px;
  border-radius:  4px;
  border:         1px solid transparent;
  font-size:      18px;
  cursor:         pointer
}

  button:hover{
    background: #FF4500;
    color:      #fff;
  }
.btnBorrar{
  background: lightpink;
  color:      #303030;
  font-size:  13px;
  padding:    5px;
}

.btnGuardar{
  background: #b5ee90;
  color:      #303030;
  margin-top: 4px
}



/** rotaciones anteriores de este mismo usuario */
#divAnteriores{
  float:      left;
  width:      100%;
  margin-top: 15px;
  padding:    5px 2px 20px 2px;
  background: #fff;
  border-radius:  9px;
  box-shadow:     0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}
  #divFootTit{
    float:      left;
    width:      calc(100% - 60px);
    padding:    20px 5px 5px 5px;
    color:      #0066CC;
    font-size:  20px
  }

  #tblAnte{
    display:  none
  }
#tblAnteriores{
    table-layout:     fixed;
    width:            100%;
    border-collapse:  collapse;
    border-spacing:   0px;
    margin-top:       5px;
    font-size:        12px;
}
    #tblAnteriores thead th{        /* color:        #99CCFF; */
        font-weight:  normal;
        font-style:   italic;
        font-size:    12px;
        text-align:   center;
        border:       1px solid silver;
        padding:      10px 5px 10px 5px;
        background:   #F0F0F0
    }
    #tblAnteriores thead tr>th:nth-child(1){width: 16%}
    #tblAnteriores thead tr>th:nth-child(2){width: 16%}
    #tblAnteriores thead tr>th:nth-child(3){width: 10%}
    #tblAnteriores thead tr>th:nth-child(4){width: auto}
    #tblAnteriores thead tr>th:nth-child(5){width: 10%}
    #tblAnteriores thead tr>th:nth-child(6){width: 10%}
    #tblAnteriores tbody{
      background: gray
    }
    #tblAnteriores tbody tr{
        background:   #Fff
    }
    #tblAnteriores tbody tr td{
      background: #fff;
      border:     1px solid silver;
      padding:    6px
    }

.divBtnVer{
  width:        50px;
  float:        right;
  margin-right: 10px;
  margin-top:   10px
}
  .divBtnVer button{
    font-size:  16px
  }


#divPotreros{
  float:      left;
  width:      100%;
  margin-top: 25px;
  padding:    5px 2px 20px 2px;
  background: #fff;
  border-radius:  9px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}
#divPot{
  display:  none
}

#divPotTit{
    float:      left;
    width:      calc(100% - 60px);
    padding:    20px 5px 5px 5px;
    color:      #0066CC;
    font-size:  20px
}

#tblPot{
    table-layout:     fixed;
    width:            100%;
    border-collapse:  collapse;
    border:           1px solid silver;
    margin-top:       5px;
    font-size:        12px;
}
    #tblPot thead th{
        font-weight:  normal;
        font-style:   italic;
        font-size:    12px;
        text-align:   center;
        border:       1px solid silver;
        padding:      10px 5px 10px 5px;
        background:   #F0F0F0
    }
    #tblPot thead tr>th:nth-child(1){width: 9%}
    #tblPot thead tr>th:nth-child(2){width: 20%}
    #tblPot thead tr>th:nth-child(3){width: 11%}
    #tblPot thead tr>th:nth-child(4){width: auto}
    #tblPot tbody{
      background: gray
    }
    #tblPot tbody tr{
        background:   #Fff
    }
    #tblPot tbody tr td{
      background: #fff;
      border:     1px solid silver;
      padding:    6px
    }