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:       #303030;
  text-align:       center;
  font-size:        1em;
  font-family:      "Helvetica Neue","sans serif","verdana";
  /* overflow: auto; */
  /* padding: 0px; */
  box-sizing:       border-box;
}
section{
  box-sizing:       border-box;
}
/* section,nav,div,textarea,iframe,input,fieldset,sel,ul,li,table,header{} */

/*** dentro de main está toda la app. Ahora vamos a poner una aside para que flote al costado  ***/
#main{
  float:        left;
  box-sizing:   border-box;
  max-width:    500px;
  background:   #fff;
  margin-left:  1px
  /* height:     100%; */
}


div{
  font-size: 1.02em;
  font-family:      "Helvetica Neue","sans serif","verdana";
  box-sizing:       border-box;  /*** IMPORTANTE, NO SACAR! si se saca crece 6px el 'divTitTot' ***/
  /* width: 150px; */
}

table{
  width:            100%;
  border:           0;
  /* border-collapse:  separate; */
  /* border-spacing:   5px; */
  table-layout:     fixed;
  overflow:         hidden;
  padding:          0;
  margin:           0;
  background: #e4e1e1;
  font-size:        1em;
  font-family:      "Helvetica Neue","sans serif","verdana"; /*hay un @media*/
}

option{color:#000}
fieldset{
  border:     1px solid silver;
  padding:    5px;
  width:      100%;
  background: #fff
}
p{padding:5px}


/******NUEVOS BOTONES GENERALES, TODOS IGUALES *****/
button{
    /* width:    80px; */
    background:       #fff;
    padding:          7px 10px;
    color:            #0066ff;
    text-decoration:  none;
    font-size:        0.9em;
    border-radius:    3px;
    border:           1px solid silver;
    cursor:           pointer;
}
    button:hover{
      color:            #fff;
      text-decoration:  none;
      background:       red
    }


/* botones en Peón
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
}
*/


.font7G{
  font-size:  0.7em;
  color:      gray
}
.font7S{
  font-size:  0.7em;
  color:      silver
}
.font12R{
  font-size:  1.2em;
  color:      red
}
.fS{
  font-size:  1em
}

.padTop6{padding-top: 4px}

.red{color:     red}
.green{color:   green}
.black{color:   #000}
.gray{color:    gray}
.gris{color:    #606060}
.violeta{color: #660066}
.gris30{color:  #303030}

.yellow{color:  yellow}
.suave{color:   #d8d8d8}
.maroon{color:  maroon}
.clrW{color:    #fff}
.bold{font-weight:  bold}

.center{text-align:   center}
.divCenter{display:   inline-block}
.right{text-align:    right}
.left{text-align:     left}
.top{vertical-align:  top}

.bgNone{background:   none}
.BGw{ background:     #fff}
.bgEF{background:     #EFEFEF}
.bgLB{background:     #CDF9FF} /*light blue*/
.bgLP{background:     #f5e2e6} /*light pink*/
.bgY{background:      #FFFF66} /*light yellow*/

.none{display:        none;}
.block{display:       block;}
.noVisible{visibility:hidden}

.fRight{float: right;}
.fLeft{float:  left} /*;margin-top: 3px;padding: 0px;*/
.wMax{width:   100%}
.pad5{padding: 5px}
.txLeft{text-align: left}

.fsInherit{font-size: inherit}
.fnt08i{
        font-size:    0.8em;
        font-style:   italic
}

/*cursor*/
/* .csrDef{cursor: default} */
.csrHlp{cursor: help}

.bgVaca{
  border:     1px solid #D25252;
  background: #fff
} /*#800000   #D25252*/

.bgOveja{
  border:     1px solid #C29B8A;
  background: #fff
} /* #c6b790   #EBDCB5*/

.bgCaballo{
  border:     1px solid #886150;
  background: #fff
 } /*#633C2B */
.bgPotrero{
  border:     1px solid #C7FA94;
  background: #fff
} /*#99CC66   #B1E47E    #C7FA94*/

.nego{
  font-family: "Microsoft JhengHei UI", "Helvetica Neue","sans serif","verdana";
  font-size:   13px;
  color:      silver;
  width:      100%
}
.agro{
  font-family:  "Microsoft JhengHei UI light", "Helvetica Neue","sans serif","verdana";
  font-size:    13px;
  color:        #FD9248;
}

#divLogo{
  /* margin-top: 50px; */
  width:      500px;
  height:     500px;
  background: #303030;
  padding:    50px;                           /* display:    none; */
  position:   absolute;
  left:       1px;
  top:        47px;
  z-index:    9
}
.negoIni{
  font-family: "Microsoft JhengHei UI", "Helvetica Neue","sans serif","verdana";
  font-size:   40px;
  color:       silver;
  background:  #303030;
  width:       100%;
}
.agroIni{
  font-family:  "Microsoft JhengHei UI light", "Helvetica Neue","sans serif","verdana";
  font-size:    40px;
  background:   #303030;
  color:        #FD9248;
}



.divNA{
  width:      50px;
  float:      left;
  padding:    1px 3px 1px 3px;
  background: none;                               /* height:     400px; */
  font-size:  1em;
  box-sizing: border-box;  /* border: 1px solid lime; */
}

/*alert ->dialog*/
#dialogAcepto{
  width:      470px;
  position:   absolute;
  top:        100px;
  padding:    10px;
  background: #fff;
  color:      #0066FF;
  border:     1px solid silver;
  box-shadow: rgba(255, 255, 255, .4) 0 1px 0 0 inset;
}
  /*#dialogAcepto div{
    border: 1px solid black
  }*/

  #diaTxt{
    width:      500px;
    margin-top: 1px;
    padding:    10px;
    font-size:  1.2em;
    text-align: left;
    color:      #000;     /* border: 1px solid red; */
  }
  .divBtnDia{
    padding: 2px;
    width: 100%;
    float: left;
    height: 50px;
  }
    #btnDiaAcept{
      position: absolute;
      right: 10px;
      bottom: 10px;
      padding: 15px;
    }
    .btnDiaCancel{
      font-size: 0.9em;
      padding:  5px;
      position: absolute;
      left:     10px;
      bottom:   15px;
    }
    .dialogTiempo{
      color:      green;
      font-size:  0.8em;
      font-style: italic
    }
    #diaDME{
      width:      300px;

      padding:    2px 6px 10px 6px;
      text-align: left;
      color:      green;
      position: absolute;
      left:     90px;
      bottom:   10px;
    }

/**fin de dialog **/



/***** NUEVA PANTALLA DE INICIO *****/
#secInicial{
  height: 100%;
  float:      left;
  display:    none;
  background: #303030;
  box-sizing: border-box;
}

  #divIni{
    padding:    1px 3px 1px 3px;
    box-sizing: border-box;
    height:     100%;
    font-size:  1.1em;
    color:      #FDFDFD
  }


  .divIniPasto{
    float:          left;
    max-width: 500px;
    width:          100%;
    padding:        10px;
    border:         0.6px solid #505050; /*#669900*/
    margin-bottom: 20px;
  }

  .canPastos{
    width:      100%;                       /* max-width:  450px; */    /*  */
    height:     500px;
    /* max-height: 600px; */
    background: #303030;
    margin:     10px 5px 10px 1px;
    font-size:  10px;
    /* border:     2px solid lime; */
  }
    .canPastos2{
      max-width:  460px;
      max-height: 800px;
      background: #303030;
      margin:     10px 1px 1px 1px;
      font-size:  10px;
      color:      #fff;      /* padding: 0px; */
    }

  .divIniLeft{
    float:        left;
    width: 100%;
    max-width: 500px;                                /* h eight:   785px; */
    /* padding:      1px 1px 1px 3px; */
    border:       0.6px solid #505050;               /*#463c3c*/
    background:   #303030;
    /* margin-right: 10px; */
  }




/*tablas*/
  .tblIni0{
    /* table-layout:     fixed; */
    /* display:          block; */
    /* width:            500px; */
    background-color: #303030;
    border-collapse:  collapse;
    box-sizing:       border-box;
  }
  .tblIni0 thead th{
      color:        #99CCFF;
      font-weight:  normal;
      font-style:   italic;
      text-align:   center;
      border:       1px solid #606060;
      padding:      10px 5px 10px 4px;
  }

  .tblIni0 tbody tr:hover{
      background-color:  #EFEFEF;
      color:             #000
    }
    .tblIni0 tbody tr>td{
      padding:        10px 5px 10px 4px;
      border:         1px solid #606060;
      text-align:     right;
      cursor:         default
    }
    .tblIni0  tr>td:nth-child(1){ /*width:        35%; */
                                      padding-left: 10px;
                                      text-align:   center;
    }
    /*.tblIni0  tr>td:nth-child(2){width:15%}
    .tblIni0  tr>td:nth-child(3){width:15%}
    .tblIni0  tr>td:nth-child(4){width:15%}
    .tblIni0  tr>td:nth-child(5){width:20%}*/



    /****************************** /
  .tblIni00{
    table-layout:     fixed;
    display:          block; /************* DEBE IR PAEA QUE RESPETE LOS WIDTH DE LAS CELDAS!!! *************** /
    width:            100%;
    background-color: #303030;
    border-collapse:  collapse;
  }
  .tblIni00 tbody tr:hover{
      background-color:  #EFEFEF;
      color:             #000
    }
    .tblIni00 tbody tr td{
      padding:        10px 5px 10px 4px;
      border:         1px solid #606060;
      text-align:     right;
      cursor:         default;
      border: 1px solid gray
    }
    .tblIni00 tbody tr>td:nth-child(1){width: 26%;
      padding-left: 10px;
      text-align:   center;
    }
    .tblIni00 tbody tr>td:nth-child(2){width: 17%}  /**************** PONIENDO UNO O MÁS % SE ARREGLA EL ANCHO DE LAS COLUMNAS!!! ********************* /
    .tblIni00 tbody tr>td:nth-child(3){width: 110px}
    .tblIni00 tbody tr>td:nth-child(4){width: 74px;}
    .tblIni00 tbody tr>td:nth-child(5){width: 70px}

/*Inicial Totales* /
  .tblIni000{
    table-layout:     fixed;
    display:          block; /************* DEBE IR PAEA QUE RESPETE LOS WIDTH DE LAS CELDAS!!! *************** /
    width:            100%;
    background-color: #303030;
    border-collapse:  collapse;
  }
  .tblIni000 tbody td{
      color:        #99CCFF;
      font-weight:  normal;
      font-style:   normal;
      text-align:   right;
      border:       1px solid #606060;
      padding:      10px 5px 10px 4px;
  }
    .tblIni000 tbody tr>td:nth-child(1){width: 26%;
      padding-left: 10px;
      text-align:   center;
      font-style:   italic;
      color:        #FF950A
    }
    .tblIni000 tbody tr>td:nth-child(2){width: 17%}
    .tblIni000 tbody tr>td:nth-child(3){width: 110px}
    .tblIni000 tbody tr>td:nth-child(4){width: 73px}
    .tblIni000 tbody tr>td:nth-child(5){width: 70px}
*/




/*inicial, resto*/
  .tblIni{
    table-layout:     fixed;
    width:            100%;
    box-sizing:       border-box;
    background-color: #303030;
    border-collapse:  collapse;
    border-spacing:   0px;
    margin-top:       5px;
    /* display:          block; */
  }

    .tblIni thead th{        /* color:        #99CCFF; */
        font-weight:  normal;
        font-style:   italic;
        text-align:   left;
        border-bottom:1px solid #606060;
        padding:      10px 3px 10px 4px;        /* background:   lightyellow */
    }

    .tblIni thead tr>th:nth-child(1){width: calc(100% - 150px)}
    .tblIni thead tr>th:nth-child(2){width: 150px; text-align:right;}

    /* .tblIni thead tr>td:nth-child(1){width: auto;} */
    /* .tblIni thead tr>td:nth-child(2){width: 150px} */


    .tblIni tbody tr td{
      padding:        10px 3px 10px 4px;
      border-bottom:  1px solid #606060;
                                                              /* border:1px solid lime; */
      text-align:   left
    }
    .tblIni tbody tr:hover{
      background-color:  #EFEFEF;
      color:             #000
    }

    .tblIni tbody tr>td:nth-child(1){
      width:        calc(100% - 150px);
      padding-left: 10px;
      cursor:       default
    }
    .tblIni tbody tr>td:nth-child(2){
      text-align: right;
      width:      150px;
      cursor:     default
    }

    .iniItalic{
      font-style:   italic;
      /* padding-left: 4px !important; */
      color:        #99CCFF
    }

    .iniItalic2{
      font-style:   italic;
      /* padding-left: 0px !important; */
      color:        #FF9506
    }
  #spaIniLMax{
    padding-left: 50px
  }
  #spaIniLMin{
    padding-left: 50px
  }




/** sincControl*/
#sincControl{
  float:      left;
  width:      100%;
  margin-top: 20px;
  background: none;
  color:      #303030;
  padding:    25px;
  text-align: left;
  font-size:  8px
}

.a{
  text-decoration:  none;
  color:            #ff3;
  font:             1em "sans serif","verdana";
  text-align:       center;
  background:       none;
  padding-left:     5px;
}
  .a:hover{
    color:      blue;
    background: #fff
  }


/*factura de gastos: Borrar todos los gastos*/
.aGIB{
  text-decoration:  none;
  font-size:        2em;
  color:            red;
  background:       none;
  padding:          2px 3px
}
  .aGIB:hover{
    color:      #FFFFCC;
    background: #404040
  }





/*NUEVO botón general "X" para cerrar*/
.xBtn{
  background-color:   #fff;
  color:              #0066ff;
  border:             0;
  padding:            2px 6px 4px 6px;
  border-radius:      0px;
  font-weight:        550;
  font-size:          1em
}
  .xBtn::before{content: '\2715';}
  .xBtn:hover{
    color:      #FFF;
    background: #ff4500
  }

/* EJEMPLO de botón sofisticado
<!-- HTML !-->
<button class="button-7" role="button">Button 7</button> */
/* CSS * /
.button-7{
  background-color:   #0095ff;
  border:             1px solid transparent;
  border-radius:      3px;
  box-shadow:         rgba(255, 255, 255, .4) 0 1px 0 0 inset;
  box-sizing:         border-box;
  color:              #fff;
  cursor:             pointer;
  display:            inline-block;
  font-family:        -apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif;
  font-size:          13px;
  font-weight:        400;
  line-height:        1.15385;
  margin:             0;
  outline:            none;
  padding:            8px .8em;
  position:           relative;
  text-align:         center;
  text-decoration:    none;
  user-select:        none;
  -webkit-user-select:none;
  touch-action:       manipulation;
  vertical-align:     baseline;
  white-space:        nowrap;
}

.button-7:hover,
.button-7:focus{ /*background-color: #07c;* /
  background-color: #FF4500;
  color:            #fff;
}

.button-7:focus {
  box-shadow: 0 0 0 4px rgba(0, 149, 255, .15);
}

.button-7:active {
  background-color: #0064bd;
  box-shadow:       none;
} */

.aX{
  padding:          4px 5px 0 5px;
  font-family:      "Helvetica Neue","sans serif","verdana";
  text-decoration:  none  /* height:30px */
}
  .aX:hover{background: #FF4500; color:#fff}

.aPot{
  text-decoration:  none;
  color:            #0066FF;
  font-size:        1em;
}
  .aPot:hover{color:red}

/*.aAuDJ{
  text-decoration:  none;
  color:            #0066FF;
  font-size:        1em;
  display:          none
}
  .aAuDJ:hover{color:red}*/

.aHB{
  text-decoration:  none;
  color:            #0066FF;
  font-size:        1em;
  font-weight:      bold
}
  .aHB:hover{color:red}

/*css  fot anchor title*/
a.aTip{
  cursor:   pointer;    /* border-bottom:  1px dashed; */    /* text-decoration: none */
}
a.aTip:hover{    /*cursor:   pointer;*/
    position: relative
}
a.aTip span{
    display: none
}
a.aTip:hover span{
    text-decoration: none;
    text-align: left;
    border-top: 1px solid #B0B0B0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding:    8px;
    display:    block;
    z-index:    100;
    background: #fff;
    left:       20px;
    margin:     10px;
    width:      370px;
    position:   absolute;
    top:        -90px;
    color:      #303030;
    font-weight: normal;
    font-size:  1.1em
}
/*fin de a.tip*/


/*css2  fot anchor title*/
.aH{
  text-decoration:  none;
  color:            #0066FF;
  font-size:        1em
}
  .aH:hover{color:red}
a.aTip2{
  cursor:   pointer;
}
a.aTip2:hover{
  position: relative
}
a.aTip2 span{
  display: none
}
a.aTip2:hover span{
    text-decoration: none;
    text-align: left;
    border-top: 1px solid #B0B0B0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding:    8px;
    display:    block;
    z-index:    100;
    background: #fff;
    left:       -120px;
    margin:     10px;
    min-width:  410px;
    max-width:  430px;
    position:   absolute;
    top:        10px;
    color:      #303030;
    font-weight: normal;
    font-size:  1.1em
}
/*fin de a.tip2*/

/** tool tip: REVISAR!!! intentar con 2 clases, una básica = para todos y otra particular con lo especial de cada caso*/
.cTT0{                            /* width:      100%; */
  position:   absolute;
  z-index:    100;                /* text-align: center; */
  padding:    10px 10px 10px 10px;
  background: #FFFF99;
  color:      #303030;
  margin-top: 5px;
  margin-left:5px;
  border:     1px solid #B0B0B0;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.cTT{
  width:      100%;
  text-align: center;
/*  position:   absolute;
  z-index:    100;
  text-align: center;
  padding:    10px 10px 10px 10px;
  background: #FFFF99;
  color:      #303030;
  margin-top: 5px;
  margin-left:5px;
  border:     1px solid #B0B0B0;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}
.cTT1{
  width:      235px;
  text-align: left;
  /* position:   absolute; */
  /* z-index:    100; */
  /*padding:    10px 10px 10px 10px;
  background: #FFFF99;
  color:      #303030;
  margin-top: 5px;
  margin-left:5px;
  border:     1px solid #B0B0B0;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}
.cTT2, .cTT3{
  width:      400px;
  text-align: left;
  /*position:   absolute;
  z-index:    100;
  padding:    10px 10px 10px 10px;
  background: #FFFF99;
  color:      #303030;
  margin-top: 5px;
  margin-left:5px;
  border:     1px solid #B0B0B0;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}
.cTT4{
  width:      100%;
  max-width:  450px;
  text-align: left;
  /*position:   absolute;
  z-index:    100;
  padding:    10px 10px 10px 10px;
  background: #FFFF99;
  color:      #303030;
  margin-top: 5px;
  margin-left:5px;
  border:     1px solid #B0B0B0;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}
.cTT5{ /*solo para RDP en Totales*/
  width:        100%;
  max-width:    500px;
  text-align:   left;
  margin-top:   30px;
  margin-left:  5px;
  cursor:       default
  /*position:   absolute;
  z-index:    100;
  padding:    10px 10px 10px 10px;
  background: #FFFF99;
  color:      #303030;
  margin-left:5px;
  border:     1px solid #B0B0B0;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

.cTT6{ /*Borra en Historia de parcelas*/
  width:      400px;
  text-align: left;
}




/*factura de gastos: Borrar todos los gastos*/
.menos{
  text-decoration:  none;
  /* font-size:        2em; */
  height:           22px;
  color:            red;
  background:       none;
  padding:          0px
}
  .menos:hover{
    color:      #FFFFCC;
    background: #404040
  }

/**** cerrar **/
.xTimes{
  font-size: 20px
}


.x{
  text-decoration:  none;
  color:            #0066FF;
  font-size:        20px;
  font-family:      'verdana';
  padding:          0px 4px 0px 4px;
  margin-right:     4px;
}
  .x:hover{background:#FF3300; color:#fff}

.xx{
  text-decoration:  none;
  color:            #00CCFF;
  font-size:        20px;
  font-family:      'verdana';
  padding:          0px;
  margin-right:     4px;
  cursor:           pointer
}
  .xx:hover{background:#FF3300}

/* respaldos... */
.X{
  text-decoration:  none;
  color:            #fff;
  padding-bottom:   3px;
  font-size:        20px;
  font-family:      'verdana',"Microsoft Sans Serif";
}
  .X:hover{color:red}

/*Totales*/
.XX{
  text-decoration:  none;
  color:            #fff;
  padding:          0px 8px 3px 8px;
  font-size:        20px;
  margin-left:      5px;
  font-family:      'verdana',"Microsoft Sans Serif";
}
  .XX:hover{
    background:#FF0A00;
  }


.aBtn{
  text-decoration:  none;
  color:            #0066FF;
  font-size:        0.9em;
}
  .aBtn:hover{color:red}


/*botones de guardar*/
.aBig{
  text-decoration:  none;
}

.aMenos{padding:4px;margin: 0 5px 5px 0}
  .aMenos:hover{background:yellow}

.aRDP{padding:4px; margin: 0 5px 5px 0}
  .aRDP:hover{background: lightpink}



.divOutLluvias{
  width:       100%;  /* max-width:   800px; */
  float:       left;
  padding:     0;
  margin:      0;
  background:  #fff;
  display:     none;
  font-size:   1em;
}

.tblLluviasDia{
  background-color: #FFF;
  border-collapse:  collapse;
  border-spacing:   0px;
  font-size:        0.8em;
  width:            987px
}
  .tblLluviasDia tr:nth-child(1){
    text-align: center;
    background: #f0f0f0
  }
  .tblLluviasDia tr:nth-child(14){
    color:        blue
  }

  .tblLluviasDia td:hover{
    background-color:  #FFFF99;
  }
  .tblLluviasDia tr td{
                        width:      25px;
                        height:     25px;
                        padding:    1px;
                        text-align: right;
                        border:     1px solid gray;
                        text-align: center;
                        font-size:   0.9em;
  }
  .tblLluviasDia tr>td:nth-child(1){
    width:      auto;
    min-width:  50px;;
    text-align: left;
    font-style: italic;
    background: #eaeaea;
  }
  .tblLluviasDia tr>td:nth-child(33){
    width:          40px;
    padding-right:  3px;
    font-weight:    bold;
    text-align:     right;
    background: #eaeaea;
  }
  

/* dentro de secFlotLluvia */
  #divDashX{
    width:      30px;
    float:      right;
    background: #fff;
    text-align: center;
    padding:    3px 3px 0px 3px
  }
  #divDash0{
    float:      left;
    width:      100%;
    max-width:  987px;
    background: #fff;
    padding:    10px 3px 10px 3px;
  }
  #divDash0 input{
    width:      50px;
    font-size:  1.1em;
    text-align: center
  }
    #divDash0 .divDash01{
      float:  left;
      width:  120px;
    }

    #divDash0 .divDash03{
      float:        left;
      width:        205px;
      border:       1px solid #eaeaea;
      padding:      1px;
      margin-right: 50px
    }
       #divDash0 .divDash03 span{font-size: 0.7em}


    #divDash0 .divDash02{
      float:        right;
      width:        60px;
      margin-right: 30px;
      /* border: 1px dashed red; */
    }
    #divDash0{
      float:      left;
      width:      100%;
      max-width:  987px;
      background: #fff;
      padding:    10px 3px 10px 3px;
    }

    .divDash04{
      background: #fff;
      width:      100%;
      max-width:  987px;
      padding:    10px;
      color:      gray;
      float:      left;
      text-align: left;
      font-size:  0.8em
    }
      .divDash031{
        float:    left;
        padding:  1px;
      }
      .divDash04>button{
        font-size:  15px
      }
      .divDash04 .divNotaGLL{
        margin-right: 10px;
        width:        auto;
        float:        right;
        padding-top:  6px
      }

  #divLluviaxDia{
    float:          left;
    /* width:          100%; */
    /* max-width:      987px; */
    /* padding-bottom: 10px; */
    /* background:     #fff */
  }
  #divLluviaBar{
    float:        left;
    background:   #fff;
    width:        460px;
    margin-right: 0px;
    height:       270px;
    z-index:      99;
    border:       1px solid darkgray;
    /* display:      none; */
  }
    .btnLAXD{
      float:          right;
      width:          140px;
      margin-top:     3px;
      margin-right:   3px;
      cursor:         pointer;
      padding:        0px 1px 0px 1px;
      background:     #fff;
      color:          #00ccff;
      border-radius:  3px;
      border:         none
    }
    .btnLAXD:hover{
      background: red;
      color:      #fff
    }



  #divMapaLluvias{
    position:   absolute;
    background: #fff;
    border:     2px solid silver;
    width:      390px;
    height:     250px;
    z-index:    99;
    border:     1px solid darkgray;
    display:    none;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding:    2px;
  }

  /*.openweather{
    width:    100%;
    float:    left;
    border:   1px dashed gray;
    padding:  5px
  }*/

  #canLluviasDia{
    background: #fff;
    width:      100%;
    height:     270px;
    /* float:      left; */
    /* display:    none */
  }




.secFlotante{
  box-sizing:     border-box;
  width:          calc(100% - 510px);
  height:         100%;
  float:          left;
  margin:         0px;
  display:        none;
  /* margin-top:     2px; */
  /* margin-left:    1px; */
  /* display:        block; */
  /* max-width: 600px; */
  /*background:     #00ff33; /*#006699*/
  /*border:         2px dashed red;
  /* padding:        2px; */
  /* text-align:     center; */
  /* padding:        0; */
}

  #secFlotLluvia{
    box-sizing:     border-box;
    width:          100%;
    max-width:      fit-content;
    height:         100%;
    float:          left;
    margin: 0px 0px 0px 2px;
    display:        none;
  }
    #inPluviometro{
      width:      30px;
      text-align: right
    }

  .secFlotanteStk{
    box-sizing:     border-box;
    width:          calc(100% - 465px);
    height:         100%;
    float:          left;
    margin:         0px;
    z-index:        3;
    display:        none
  }



#divTipoOut{
  float:          left;
  background:     #fff;
  padding-bottom: 15px;
  width: 460px;
}

  #divTipoOut .div1{
                    float:      left;
                    width: 460px;
                    background: gray;
                    color:      #fff;
                    text-align: center;
                    padding:    5px;
  }
  #divTipoOut #canvasTipo{
                    width: 430px;
  }

.divTipoRep{
            max-width: 460px;
            margin:     0 auto;
            float: left;
}


/* registro de usuarios */
.divOutRegistro{ /*usada en negoagro_registro.html*/
  float:              left;
  width:              100%;
  height:             100%;
  margin-bottom:      10px;
}

#divRegistro{
  max-width:          360px;
  margin:             0 auto;
  background: #cf9;
  z-index:    9
}
.divReg123{
  float:        left;
  color:        #404040;
  font-weight:  normal;
  font-size:    1em;
  text-align:   left
}

#divConFirma{
  max-width:          360px;
  /* max-height:         330px; */
  overflow:           hidden;
  margin:             0 auto;
  padding:    5px;
  display:    none;
  background: #FFFF99;
  border:     1px solid gray;
  font-size:  0.8em
}
  /*#divConFirma div  {padding: 2px; margin:0}/*; border:1px dashed black*/
  #divConFirma input{width: 130px; border:0; background: none; font-size: 1.1em}
  .divInputC{
    float:          left;
    width:          100%;
    max-width:      180px;
    padding:        2px 0 2px 15px;
    text-align:     left;
    border:         0;
    font-size:      1em;
    /* background: #fff; */
  }
  .divInConfirma{
    float:          left;
    width:          100%;
    max-width:      180px;
    padding:        2px 0 2px 15px;
    text-align:     left;
    border:         0;
    font-size:      1em;
    /* background: #fff; */
  }
  .divCancelar{
    float:          left;
    max-width:      100px;
    padding:        2px 0 2px 15px;
    text-align:     left;
    border:         0;
    font-size:      1em;
    /* background: #fff; */
    display: block;
  }
  .divLblC{
    float:      left;
    width:      130px;
    padding:    2px 2px 2px 0;
    text-align: right;
    font-size:  1em
  }

/*potreros*/
.potCate{
  float:        left;
  font-size:    0.7em;
  color:        gray;
  padding-top:  4px;
  padding-left: 6px;
  margin-top:   8px;
}

.potBovKgs{
  float:        left;
  margin-left:  5px;
  width:        85px;
  border:       0;
  font-size:    0.8em;
  text-align:   right;
  color:        #ff6600;
  padding-top:  4px;
}

  .potBovKgsLbl{
    float:        left;
    font-size:    0.8em;
    color:        #ff6600;
    padding-top:  4px;
    padding-left: 4px
  }



/*PRV parcelas*/
.divPRVTit{
  float:  left;
  width: 220px;
  /* padding-top:3px; */
  margin: 0;
  /* border: 1px solid gray */
}

.divParTotPot{
  /* width:        50px; */
  float:        left;
  padding-left: 5px;
  font-size:    0.7em;
  color:        gray;
  padding-top: 10px;
}
  #inParTotPot{
    width:      30px;
    background: none;
    border:     none;
    text-align: right;
    font-size:  0.9em;
    color:      #003399;
    margin-top: 3px;
  }
  .divPRVParTx{
    width:        auto;
    float:        left;
    text-align:   left;
    font-size:    0.7em;
    color:        gray;
    padding:      10px 1px 3px 5px
  }

.divPRVPot{
  width:        80px;
  float:        left;
  padding-left: 5px;
  text-align:   left;
  font-size:    0.7em;
  color:        gray;
  padding-top:  10px;
}
  #inPRVPot{
    width:      30px;
    background: none;
    border:     none;
    text-align: right;
    font-size:  0.9em;
    color:      #003399;
    margin-top: 3px;
  }





/*servicios /
.divMercado{
  width:      400px;
  /* display:    inline-block; * /
  height:     100%;
  background: #fff;
  display:    none
}
  #objMercado, #objAyuda{
    width:  100%;
    height: 100%
  }
*/
/*iframes de ayuda y soporte*/
#ifrAyuda{
  position: absolute;
  left:     0px;
  top:      40px;
  width:    100%;
  height:   100%;
}
#ifrSoporte{
  position: absolute;
  left:   0px;
  width:  460px;
  top:    40px;
  height: 350px
}



/** ACTIVIDADES */
.divTitActi{
  float:      left;
  width:      180px;
  padding:    5px 2px 5px 2px;
  text-align: center
}
  .divST{
    float:      left;
    width:      150px;
    font-size:  1em;
    padding:    4px 0 4px 4px;
    color:      #a0a0a0
  }

/*CONTENEDORA DE noticias, tiempo, ...* /
.secServicios{
  float:          left;
  top:            52px;
  left:           1px;
  display:        none;
  width:          100%;
  max-width:      405px;
  height:         calc(100% - 90px);
  text-align:     center;
  margin-left:    1px;
  margin-bottom:  10px;
  background:     none;
}*/

/** Noticias negoAgro * /
#secNoticias{
  float:          left;
  width:          405px;
  height:         100%;
  min-height:     550px;
  overflow:       hidden;
  margin-top: 1px;
  margin-bottom:  10px;
  display:        none;
}
  .ifrNoticias{
    width:      100%;
    min-width:  405px;
    height:     100%;
    min-height: 550px
  }
*/

/* El Tiempo * /
#divTiempo{
  float:          left;
  max-width:          405px;
  height:         100%;
  min-height:     550px;
  overflow:       hidden;
  margin-top:     10px;
  margin-bottom:  10px;
  background:     gray;
  display:        none
}
  #divTiempo .ifrTiempo{
              width:      100%;
              height:     100%;
              min-width:  400px;
              min-height: 400px
  }
*/


/*unir lotes*/
#secLotesUnir{
  position:   absolute;
  width:      360px;
  height:     300px;
  padding:    1px;
  background: #fff;
  border:     1px solid #FFCC66;
  overflow-y: auto;
  display:    none;
  font-size:  1em
}

/*rotación de caravanas*/
.divCatsPot{
  position:   absolute;
  width: 390px;
  height:     300px;
  padding:    1px;
  background: #fff;
  /* border:     1px solid #FFCC66; */
  border:     1px solid #B0B0B0;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  overflow-y: auto;
  display:    none;
  font-size:  1em
}
  .divCatsIn{
    width:      100%;
    float:      left;
    margin-top: 5px;
    padding:    0 5px 10px 5px;
  }
  .divCaraNums{
    width:          100%;
    background:     #FFFFCC;
    padding:        5px;
    border:         1px solid #eaeaea;
    text-align:     left;
    font-size:      0.9em;
    margin-bottom:  5px
  }
  .divCatsEli{
    width:          100%;
    border:         1px solid #eaeaea;
    padding:        5px;
    margin-bottom:  5px
  }
  .but{
    font-size:      1em;
    width: 260px;
  }

.tblCats{
  width:            100%;
  background:       #fff;
  color:            #000;
  border-collapse:  collapse;
  border-spacing:   0px;
  font:             0.9em "Helvetica Neue","sans serif", "verdana"
}
  .tblCats tr:hover{
    background-color:  #FFFF99;
  }
  .tblCats tr td{
    padding:  3px;
    cursor:   pointer;
    border:   1px solid #eaeaea
  }
  .tblCats tr>td:nth-child(1){width:60px; text-align: right; font-style:italic; color:gray}
  .tblCats tr>td:nth-child(2){width:214px;  text-align: left}
  .tblCats tr>td:nth-child(3){width:60px; text-align: left}


#tblLotes{
  table-layout:     auto;
  width:            100%;
  background:       #fff;
  color:            #000;
  border-collapse:  collapse;
  border-spacing:   0px;
  font:             0.9em "Helvetica Neue","sans serif", "verdana";
}

  #tblLotes thead tr>td:nth-child(1){width:60px}
  #tblLotes thead tr>td:nth-child(2){width:214px}
  #tblLotes thead tr>td:nth-child(3){width:60px}

  #tblLotes thead tr th{
    background:   gray;
    color:        #fff;
    padding:      3px;
    font-weight:  normal
  }
  #tblLotes thead tr>td:nth-child(1){width:60px;  text-align: right; font-style:italic; color:gray}
  #tblLotes thead tr>td:nth-child(2){width:214px; text-align: left}
  #tblLotes thead tr>td:nth-child(3){width:60px;  text-align: right}


  #tblLotes tbody tr:hover{
    background-color:  #FFFF99;
  }
  #tblLotes tbody tr td{
    padding:  3px;
    cursor:   pointer;
    border:   1px solid #eaeaea
  }
  #tblLotes tbody tr>td:nth-child(1){width:60px; text-align:right; font-style:italic; color:gray}
  #tblLotes tbody tr>td:nth-child(2){width:214;  text-align:left}
  #tblLotes tbody tr>td:nth-child(3){width:60px;text-align: right;}



/*listado de Potreros*/
#secPotParTodos{
  width:      100%;
  background: #fff;
  border:     1px solid silver;
}


.tblPotTodos{
  width:      100%;
  background: #fff;
  border-collapse: collapse
}
  .tblPotTodos thead tr{
    background-color: #808080;
    color:            #fff;
    text-align:       center;
    cursor:           default;
  }

  .tblPotTodos thead tr th{
    padding:      5px 3px 5px 3px;
    cursor:       pointer;
    border:       1px solid #eaeaea;
    font-weight:  normal
  }
  .tblPotTodos thead tr>th:nth-child(1){width:50px}
  .tblPotTodos thead tr>th:nth-child(2){width:auto}
  .tblPotTodos thead tr>th:nth-child(3){width:90px}
  .tblPotTodos thead tr>th:nth-child(4){width:70px}

    .tblPotTodos tfoot tr{
      background-color: #ffff99; /*#CCFFCC verde agua*/
      color:            #000;
      text-align:       right;
    }

    .tblPotTodos tbody tr:hover{
      background-color:  #FFFFCC;
    }
    .tblPotTodos tr td{
      padding:  5px 3px 5px 3px;
      cursor:   pointer;
      border:   1px solid #eaeaea
    }
    .tblPotTodos tbody tr td:nth-child(1){width:50px; text-align:right}
    .tblPotTodos tbody tr>td:nth-child(2){width:auto; text-align:left}
    .tblPotTodos tbody tr>td:nth-child(3){width:90px; text-align:right}
    .tblPotTodos tbody tr>td:nth-child(4){width:70px; text-align:right}




/*liastado de parcelas*/
.tblParTodas{
  width:      100%;
  background: #fff;
  border-collapse:  collapse;
  border-spacing:   0px;
}
  .tblParTodas .capt1{
    float:      left;
    width:      100%;
    text-align: left;
    color:      #000;
    font:       15px verdana
  }
  .tblParTodas .capt2{
    float:      left;
    text-align: left;
    color:      gray;
    font:       13px verdana
  }

  .tblParTodas thead tr{
    background-color: #808080;
    color:            #fff;
    text-align:       center;
    cursor:           default;
  }

  .tblParTodas thead tr th{
    padding:      5px 3px 5px 3px;
    cursor:       pointer;
    border:       1px solid #eaeaea;
    font-weight:  normal
  }
  .tblParTodas thead tr>th:nth-child(1){width:14%}
  .tblParTodas thead tr>th:nth-child(2){width:14%}
  .tblParTodas thead tr>th:nth-child(3){width:16%}
  .tblParTodas thead tr>th:nth-child(4){width:auto}
  .tblParTodas thead tr>th:nth-child(5){width:9%}
  .tblParTodas thead tr>th:nth-child(6){width:40px}

    .tblParTodas tfoot tr{
      background-color: #ffff99; /*#CCFFCC verde agua*/
      color:            #000;
      text-align:       right;
    }

    .tblParTodas tbody tr:hover{
      background-color:  #FFFFCC;
    }
    .tblParTodas tr td{
      padding:  5px 3px 5px 3px;
      cursor:   pointer;
      border:   1px solid #eaeaea
    }
    .tblParTodas tbody tr td:nth-child(1){width:14%; text-align:right}
    .tblParTodas tbody tr>td:nth-child(2){width:14%; text-align:right;}
    .tblParTodas tbody tr>td:nth-child(3){width:16%; text-align:right;}
    .tblParTodas tbody tr>td:nth-child(4){width:auto; text-align:right}
    .tblParTodas tbody tr>td:nth-child(5){width:9%; text-align:right}

  .inParDME{
    width:  30px
  }





#secAgriGastos{
  float:        left;
  width:        100%;
  max-width:    1050px;
  background:   #fff;
  border:       1px solid silver;
  /* display:      none; */
  /* margin-left:  1px; */
  padding:      5px;
}
  /*.btnVta{
    width:        60px;
    cursor:       pointer;
    margin-left:  20px;
    text-align:   center
  }

  #inVtaAnual{
    width:      52px;
    border:     1px solid #eaeaea;
    color:      #fff;
    background: none;
    font:       1.1em "Helvetica Neue","sans serif", "verdana";
    margin-left:15px
  }*/



  /*tabla del reporte de gastos en agricultura*/
  .tblAgriGastos{
    width:            100%;
    background:       #fff;
    color:            #000;
    border-collapse:  collapse;
    font:             0.9em "Helvetica Neue","sans serif", "verdana"
  }
  /*título general del listado*/
  .tblAgriGastos caption{
    width:            100%;
    background:       #808080;
    color:            #fff;
    padding:          5px;
    border-collapse:  collapse;
    font:             1.1em "Helvetica Neue","sans serif", "verdana"
  }

    .tblAgriGastos thead tr{
      background-color: #808080;
      color:            #fff;
      text-align:       center;
      cursor:           default;
    }

    .tblAgriGastos thead tr th{
      padding:      5px 3px 5px 3px;
      cursor:       pointer;
      border:       1px solid #eaeaea;
      font-weight:  normal
    }
    .tblAgriGastos thead tr>th:nth-child(1){width:50px}
    .tblAgriGastos thead tr>th:nth-child(2){width:90px}
    .tblAgriGastos thead tr>th:nth-child(3){width:130px;min-width:60px;overflow-x:hidden}
    .tblAgriGastos thead tr>th:nth-child(4){width:auto}
    .tblAgriGastos thead tr>th:nth-child(5){width:60px}
    .tblAgriGastos thead tr>th:nth-child(6){width:60px}
    .tblAgriGastos thead tr>th:nth-child(7){width:70px}
    .tblAgriGastos thead tr>th:nth-child(8){width:70px}
    .tblAgriGastos thead tr>th:nth-child(9){width:80px}
    .tblAgriGastos thead tr>th:nth-child(10){width:80px}

    .tblAgriGastos tfoot tr{
      background-color: #ffff99; /*#CCFFCC verde agua*/
      color:            #000;
      text-align:       right;
    }

    .tblAgriGastos tbody tr:hover{
      background-color:  #FFFFCC;
    }
    .tblAgriGastos tr td{
      padding:  5px 3px 5px 3px;
      cursor:   pointer;
      border:   1px solid #eaeaea
    }
    .tblAgriGastos tbody tr td:nth-child(1){width:50px; text-align: right}
    .tblAgriGastos tbody tr>td:nth-child(2){width:90px; text-align: left; text-align: center}
    .tblAgriGastos tbody tr>td:nth-child(3){width:130px; text-align: left;   min-width:60px;overflow-x:hidden}
    .tblAgriGastos tbody tr>td:nth-child(4){width:auto; text-align: left}
    .tblAgriGastos tbody tr>td:nth-child(5){width:60px; text-align: right}
    .tblAgriGastos tbody tr>td:nth-child(6){width:60px; text-align: right}
    .tblAgriGastos tbody tr>td:nth-child(7){width:70px; text-align: right}
    .tblAgriGastos tbody tr>td:nth-child(8){width:70px; text-align: right}
    .tblAgriGastos tbody tr>td:nth-child(9){width:80px; text-align: right}
    .tblAgriGastos tbody tr>td:nth-child(10){width:80px; text-align: right}









/** venta anual**/
#secVtaAnual{
  float:        left;
  width:        100%;
  max-width:    670px;
  background:   silver;
  display:      none;
  margin-left:  1px;
}
  .btnVta{
    width:        80px;
    cursor:       pointer;
    margin-left:  20px;
    text-align:   center
  }

  #inVtaAnual{
    width:      52px;
    border:     1px solid #eaeaea;
    color:      #fff;
    background: none;
    font:       1.1em "Helvetica Neue","sans serif", "verdana";
    margin-left:15px
  }

  /*tabla del listado*/
  .tblVtaAnual{
    width:            100%;
    background:       #fff;
    color:            #000;
    border-collapse:  collapse;
    font:             0.9em "Helvetica Neue","sans serif", "verdana"
  }
  /*título general del listado*/
  .tblVtaAnual caption{
    width:            100%;
    background:       #808080;
    color:            #fff;
    padding:          5px;
    border-collapse:  collapse;
    font:             1.1em "Helvetica Neue","sans serif", "verdana"
  }

    .tblVtaAnual thead tr{
      background-color: #808080;
      color:            #fff;
      text-align:       center;
      cursor:           default;
    }

    .tblVtaAnual thead tr th{
      padding:      5px 3px 5px 3px;
      cursor:       pointer;
      border:       1px solid #eaeaea;
      font-weight:  normal
    }
    .tblVtaAnual thead tr>th:nth-child(1){width:35px}
    .tblVtaAnual thead tr>th:nth-child(2){width:110px}
    .tblVtaAnual thead tr>th:nth-child(3){width:auto;min-width:60px;overflow-x:hidden}
    .tblVtaAnual thead tr>th:nth-child(4){width:45px}
    .tblVtaAnual thead tr>th:nth-child(5){width:40px}
    .tblVtaAnual thead tr>th:nth-child(6){width:60px}
    .tblVtaAnual thead tr>th:nth-child(7){width:80px}
    .tblVtaAnual thead tr>th:nth-child(8){width:80px}

    .tblVtaAnual tfoot tr{
      background-color: #ffff99; /*#CCFFCC verde agua*/
      color:            #000;
      text-align:       right;
    }

    .tblVtaAnual tbody tr:hover{
      background-color:  #FFFFCC;
    }
    .tblVtaAnual tr td{
      padding:  5px 3px 5px 3px;
      cursor:   pointer;
      border:   1px solid #eaeaea
    }
    .tblVtaAnual tbody tr td:nth-child(1){width:35px;   text-align: right}
    .tblVtaAnual tbody tr>td:nth-child(2){width:110px;  text-align: left}
    .tblVtaAnual tbody tr>td:nth-child(3){width:auto;min-width:60px;text-align:left;overflow-x:hidden}
    .tblVtaAnual tbody tr>td:nth-child(4){width:45px;   text-align: left}
    .tblVtaAnual tbody tr>td:nth-child(5){width:40px;   text-align: right}
    .tblVtaAnual tbody tr>td:nth-child(6){width:60px;   text-align: right}
    .tblVtaAnual tbody tr>td:nth-child(7){width:80px;   text-align: right}
    .tblVtaAnual tbody tr>td:nth-child(8){width:80px;   text-align: right}


  .tblVtaAnual1{
    width:            100%;
    background:       #fff;
    color:            #000;
    border-collapse:  collapse;
    font:             0.9em "Helvetica Neue","sans serif", "verdana"
  }

    .tblVtaAnual1 tr:hover{
      background-color:  #FFFFcc;
    }
    .tblVtaAnual1 tr:nth-child(1){
        background-color: #808080;
        color:            #fff;
        text-align:       center
      }

      .tblVtaAnual1 tr td{
        padding:  3px;            /* cursor:   pointer; */
        border:   1px solid #eaeaea
      }
      .tblVtaAnual1 tr>td:nth-child(1){width:120px; text-align: left}
      .tblVtaAnual1 tr>td:nth-child(2){width:60px;  text-align: right}
      .tblVtaAnual1 tr>td:nth-child(3){width:90px;  text-align: right}

  /*.divVtaAnual{
    width:      100%;
    float:      left;
    background: #fff;
    padding:    20px
  }*/

  #canVtaAnual{
    background:     #fff;
    width:          100%;
    max-width:      410px;                 /* max-height:     161px; */          /* margin-left:    15px; */
    margin-top:     15px;
    margin-bottom:  50px;
  }






/** MEDIOS ** /
#divMedios{
  float:      left;
  width:      400px;
  background: #fff;
  display:    none
}
  #divMedios .ifrMedios{
              width:  100%;
              max-width:  400px;
              height:     100%;
              min-height: 560px
  }*/

/*Configurar* /
#divConfigurar{
  float:      left;
  width:      100%;
  background: #fff;
  display:    none;
  text-align: left;
  padding:    10px 0
}*/


/** REPORTES*/
.ulRep{
  list-style-type:  none;
  margin:           0;
  padding:          0;
  overflow:         hidden;
  background:       #fff
}

  .clrTot{border:  1px solid #eaeaea}
  .clrCat{border:  1px solid #eaeaea}
  .clrAudi{border: 1px solid #eaeaea}
  .clrGas{border:  1px solid #eaeaea}
  .clrNone{border: 1px solid #fff}

  .clrDJ{background:#B9E6FF}
    .clrDJ > a[href*="javascript:"]{color:#404040}


  .ulRep li{
            float:        left;
            width:        30.33%;
            height:       100px;
            margin-left:  9px;
            margin-bottom:5px
  } /*#DFDFDF*/
  .ulRep li a{
              display:        block;              /* height: 95%; */
              color:          #404040;
              text-align:     center;
              padding:        15px 10px;
              text-decoration: none;
              font-size:      1.1em
  }

  .ulRep li a:hover{
                    background-color: #303030;
                    color:            #FFFFCC;
  }


.ulRepAgri{
  list-style-type:  none;
  margin:           0;
  padding:          0;
  overflow:         hidden;
  background:       #fff
}

  .clrAgri{border: 1px solid #006600}

  .ulRepAgri li{
            float:        left;
            width:        30%;
            height:       100px;
            margin-left:  9px;
            margin-bottom:5px;
            background:   #006600
  }
  .ulRepAgri li a{
              display:        block;
              height:         100%;
              color:          #fff;
              text-align:     center;
              padding:        15px 10px;
              text-decoration: none;
              font-size:      1.1em
  }

  .ulRepAgri li a:hover{
                    background-color: #303030;
                    color:            #FFFFCC;
  }




.ulRepVtas{
  list-style-type:  none;
  margin:           0;
  padding:          0;
  overflow:         hidden;
  background:       #fff
}

  .clrVtas{border: 1px solid #99FF99}

  .ulRepVtas li{
            float:        left;
            width:        30%;
            height:       100px;
            margin-left:  9px;
            margin-bottom:5px;
            background:   #99FF99
  }
  .ulRepVtas li a{
              display:        block;
              /* height:         100%; */
              color:          #404040;
              text-align:     center;
              padding:        15px 10px;
              text-decoration: none;
              font-size:      1.1em
  }

  .ulRepVtas li a:hover{
                    background-color: #303030;
                    color:            #FFFFCC;
  }


.ulRepFin{
  list-style-type:  none;
  margin:           0;
  padding:          0;
  overflow:         hidden;
  background:       #fff
}
  .clrVtas{border: 1px solid #CCFFFF}

  .ulRepFin li{
            float:        left;
            width:        30%;
            height:       100px;
            margin-left:  9px;
            margin-bottom:5px;
            background:   #CCFFFF
  }
  .ulRepFin li a{
              display:        block;
              height:         100%;
              color:          #404040;
              text-align:     center;
              padding:        15px 10px;
              text-decoration: none;
              font-size:      1.1em
  }

  .ulRepFin li a:hover{
                    background-color: #303030;
                    color:            #FFFFCC;
  }



.ulRepPRV{
  list-style-type:  none;
  margin:           0;
  padding:          0;
  overflow:         hidden;
  background:       #fff
}
  .clrPRV{border: 1px solid #FFCCFF}
  .ulRepPRV li{
        float:        left;
        width:        30%;
        height:       100px;
        margin-left:  9px;
        margin-bottom:5px;
        background:   #FFCCFF
  }
  .ulRepPRV li a{
        color:            #404040;
        display:          block;
        height:           100%;
        text-align:       center;
        padding:          15px 10px;
        text-decoration:  none;
        font-size:        1.1em
  }
  .ulRepPRV li a:hover{
                    background-color: #303030;
                    color:            #FFFFCC;
  }


.ulRepPDC{
  list-style-type:  none;
  margin:           0;
  padding:          0;
  overflow:         hidden;
  background:       #fff
}
  .clrPDC{border: 1px solid #FFC8C8}
  .ulRepPDC li{
        float:        left;
        width:        30%;
        height:       100px;
        margin-left:  10px;
        margin-bottom:5px;
        background:   #FFC8C8
  }
  .ulRepPDC li a{
        color:          #404040;
        display:        block;
        height:         100%;
        text-align:     center;
        padding:        15px 10px;
        text-decoration: none;
        font-size:      1.1em
  }
  .ulRepPDC li a:hover{
                    background-color: #303030;
                    color:            #FFFFCC;
  }


.ulRepHis{
  list-style-type:  none;
  margin:           0;
  padding:          0;
  overflow:         hidden;
  background:       #fff
}
  .clrHis1{border: 1px solid #FFFFCC}
  .ulRepHis li{
        float:        left;
        width:        30%;
        height:       100px;
        margin-left:  10px;
        margin-bottom:5px;
        background:   #FFFFCC
  }
  .ulRepHis li a{
        color:          #404040;
        display:        block;
        height:         100%;
        text-align:     center;
        padding:        15px 10px;
        text-decoration: none;
        font-size:      1.1em
  }
  .ulRepHis li a:hover{
                    background-color: #303030;
                    color:            #FFFFCC;
  }

.ulPotHis{
  list-style-type:  none;
  margin:           0;
  padding:          0;
  overflow:         hidden;
  background:       #fff
}
  .clrHis{border: 1px solid #FFD671}
  .ulPotHis li{
        float:        left;
        width:        30%;
        height:       100px;
        margin-left:  10px;
        margin-bottom:5px;
        background:   #FFD671
  }
  .ulPotHis li a{
        color:          #404040;
        display:        block;
        height:         100%;
        text-align:     center;
        padding:        15px 10px;
        text-decoration: none;
        font-size:      1.1em
  }
  .ulPotHis li a:hover{
                    background-color: #303030;
                    color:            #FFFFCC;
  }

.calPQ{
  float:        right;
  color:        #FF6600;
  font-size:    1em;
  margin-right: 5px;
  padding:      0;
  width:        100%
}
.divRowDer{
  float:      left;
  width:      100%;
  background: #fff
}

#secReportes{
  float:      left;
  width:      100%;
  background: #fff;
  display:    none;
  text-align: left;
  padding:    10px 0
}



/** REGISTRO DE PROCREO RDP */
.divTitRDP{
  width:      100%;
  background: #000;
  color:      #fff;
  padding:    5px;
}
.tblRDPTitHistoria{
  width:            100%;
  width:        630px;
  background:       #fff;
  color:            #000
}
  .tblRDPTitHistoria tr td{
    padding:        2px 0 2px 0;
    cursor:         default;
  }
  .tblRDPTitHistoria tr td:nth-child(1){width: 200px}
  .tblRDPTitHistoria tr td:nth-child(2){width: 200px}
  .tblRDPTitHistoria tr td:nth-child(3){width: auto}
  .tblRDPTitHistoria tr td:nth-child(4){width: 25px; text-align:center}

.tblRDPHistoria1{
  width:            100%;
  max-width:        630px;
  border-collapse:  separate;
  border-spacing:   1px 3px;
  font-size:        0.9em;
  background:       gray;
  color:            #fff;
}

  .tblRDPHistoria1 tr td{
    padding:        2px 0 2px 0;
    background:     gray;
    cursor:         default;
    border-bottom:  0.6px solid silver;
    text-align:     center
  }
  .tblRDPHistoria1 tr td:nth-child(1){width: 30px}
  .tblRDPHistoria1 tr td:nth-child(2){width: 90px}
  .tblRDPHistoria1 tr td:nth-child(3){width: 60px}
  .tblRDPHistoria1 tr td:nth-child(4){width: 90px}
  .tblRDPHistoria1 tr td:nth-child(5){width: 70px}
  .tblRDPHistoria1 tr td:nth-child(6){width: 90px}
  .tblRDPHistoria1 tr td:nth-child(7){width: 70px}

.tblRDPHistoria{
  width:            100%;
  max-width:        630px;
  background:       #fff;
  color:            #000;
  border-collapse:  separate;
  border-spacing:   1px 3px;
}
  .tblRDPHistoria tr td{
    padding:        2px 0 2px 0;
    cursor:         default;
    border-bottom:  0.6px solid silver
  }
  .tblRDPHistoria tr:hover{
    background-color:  #FFFF99;
  }
  .tblRDPHistoria tr td:nth-child(1){width: 30px; text-align:right}
  .tblRDPHistoria tr td:nth-child(2){width: 90px; text-align:right;  color:red}
  .tblRDPHistoria tr td:nth-child(3){width: 60px; text-align:center; color:red}
  .tblRDPHistoria tr td:nth-child(4){width: 90px; text-align:right;  color:green}
  .tblRDPHistoria tr td:nth-child(5){width: 70px; text-align:center; color:green}
  .tblRDPHistoria tr td:nth-child(6){width: 90px; text-align:right;  color:#0099FF}
  .tblRDPHistoria tr td:nth-child(7){width: 70px; text-align:center; color:#0099FF}


.divHxPxM{
  background: #303030;
  font-size:  1em;
  color:      #fff;
  width:      100%;
  max-width:  1150px;
  display:    none;
}
  #inAAHPM{
     width: 40px;
     text-align:  right;
     height:      20px;
  }
  #inPotN{
     width: 30px;
     text-align:  right;
     height:      20px;
  }

  .divHPM{
    width:        630px;
    height:       30px;
    background:   #E0E0E0;
    font-size:    0.8em;
    padding-top:  3px;
    padding-right:2px;
    color:        black;
    margin-top:   3px;
  }

  .divHPM2{
    width: 100%;
    height:       30px;
    background:   #E0E0E0;
    font-size:    0.8em;
    padding-top:  3px;
    padding-right:2px;
    color:        black;
    margin-top:   3px;
  }

  #divCanvas{
    display:  inline-block;
    display:  none
  }

/*listado de historias de cantidades en potreros*/
/*.divSPM{
  margin-top: 10px;
  background: #b6f4f4;
  /* padding:    2px; * /
  width:  400px;
  /* color:  black; * /
}*/
  .tblTitCan{
    width: 100%;
    background: #d0d0d0;
    color: black;
    border-collapse: separate;
    border-spacing:  2px;
  }

  .tblTitCan tr td{
    padding: 0px /* border:  1px solid black */
  }
  .tblTitCan tr td:nth-child(1){width:  125px; text-align:left;padding-left:3px}
  .tblTitCan tr td:nth-child(2){width:  40px; text-align:right;padding-right:5px}
  .tblTitCan tr td:nth-child(3){width:  40px; text-align:left}
  .tblTitCan tr td:nth-child(4){width:  60px}
  .tblTitCan tr td:nth-child(5){width:  30px; text-align:left}
  .tblTitCan tr td:nth-child(6){width:  80px; text-align:right}
  .tblTitCan tr td:nth-child(7){width:  auto; text-align:center}
  .tblTitCan tr td:nth-child(8){width:  30px; text-align:right}


/* Stk / pot / día */
#PotStkDia{
  background: #303030;
  font-size:  1em;
  color:      #fff;
  width:      100%;                                /* max-width:  1150px; */
  display:    none;
}


#divPotQ{
  width:      100%;
  height:     100%;
  background: #fff;
}

  .tblTitPQ{
    width:            100%;
    background:       #d0d0d0;
    color:            black;
    border-collapse:  separate;
    border-spacing:   2px;
    font-size:        1.2em
  }

  .tblTitPQ tr td{
    padding: 0px
  }
  .tblTitPQ tr td:nth-child(1){width:  auto; text-align:left;  padding-left:3px}
  .tblTitPQ tr td:nth-child(2){width:  50px;  text-align:right; padding-right:5px}
  .tblTitPQ tr td:nth-child(3){width:  100px; text-align:left}
  .tblTitPQ tr td:nth-child(4){width:  13px}
  .tblTitPQ tr td:nth-child(5){width:  80px;  text-align:right}
  .tblTitPQ tr td:nth-child(6){width:  30px;  text-align:right}

  #inPotFec{
      width:      100%;
      padding:    1px;
      font-size:  1em;
      text-align: center
  }

  .butLst{
    width:    74px;
    height:   23px;
    padding:  0px;
    cursor:   pointer
  }

  .tblPotQ{
    width:            100%;
    background:       #fff;
    color:            #000;
    font-size:        0.8em;
    border-collapse:  collapse;
    box-sizing:       border-box;
  }
  .tblPotQ tr:first-child{
    background: #ccffff;
    text-align: center;
  }

  .tblPotQ tr:last-child td{
    padding:        6px 2px 6px 1px;
    font-size:      1em;                                   
  }

  .tblPotQ tr:last-child td:nth-child(3){
    text-align: center
  }
  .tblPotQ tr:last-child td:nth-child(5){
    text-align: center
  }
  .tblPotQ tr:last-child td:nth-child(7){
    text-align: center
  }
  .tblPotQ tr td{
    padding:    5px 3px 5px 3px;
    text-align: right;                                      
    border:     0.6px solid silver
  }
  .tblPotQ tr:hover{
    background-color:  #FFFF99;
  }
  .tblPotQ tr td:nth-child(1){width:  auto;  text-align:left}
  .tblPotQ tr td:nth-child(2){width:  50px;  color:#CC0000}
  .tblPotQ tr td:nth-child(3){width:  235px; text-align:left; cursor:default}
  .tblPotQ tr td:nth-child(4){width:  40px}
  .tblPotQ tr td:nth-child(5){width:  235px; text-align:left; cursor:default}
  .tblPotQ tr td:nth-child(6){width:  40px}
  .tblPotQ tr td:nth-child(7){width:  235px; text-align:left; cursor:default}
  .tblPotQ tr td:nth-child(8){width:  40px}

  .spUGTotHa{
    color:      blue;
    /* border:     0.6px solid gray; */
    margin:     0px 0px 0px 1px
  }
  #inUGTotHa{
    border:     0;
    background: none;
    color:      blue;
    width:      34px;
    /* font-size:  1em */
  }
  .spCUG{
    font-size:  0.8em;
    color:      #A0A0A0
  }

  .spUGTotHaP{
    color:        green;                              /* border:       0.6px solid gray; */
    margin:       0px 1px 0px 11px
  }
  #inUGTotHaP{
    border:       0;
    background:   none;
    color:        green;
    width:        34px;
    /* font-size:  1em */
  }


.tblPotStkTot{
  width:            100%;
  background:       #D0D0D0;
  border:           5px solid #D0D0D0;
  color:            #000;
  font-size:        0.8em;
  border-collapse:  separate;
  border-spacing:   1px;
  box-sizing:       border-box;
}
  .tblPotStkTot tr{
    padding:    5px 0px 5px 0px;
  }
  .tblPotStkTot tr td{
    padding:    5px 5px 5px 5px;
    text-align: left;
    background: #FFFF66;
    /* border:     0.6px solid silver; */
    cursor:     default
  }
  .tblPotStkTot tr td:nth-child(1){width:  auto}
  .tblPotStkTot tr td:nth-child(2){width:  7%; color:#CC0000}
  .tblPotStkTot tr td:nth-child(3){width:  1px;   background:#D0D0D0}

  .tblPotStkTot tr td:nth-child(4){width:  7%}
  .tblPotStkTot tr td:nth-child(5){width:  6%;  text-align:right}
  .tblPotStkTot tr td:nth-child(6){width:  6%;  text-align:right}
  .tblPotStkTot tr td:nth-child(7){width:  1px;   background:#D0D0D0}

  .tblPotStkTot tr td:nth-child(8){width:  7%}
  .tblPotStkTot tr td:nth-child(9){width:  6%;  text-align:right}
  .tblPotStkTot tr td:nth-child(10){width: 6%;  text-align:right}
  .tblPotStkTot tr td:nth-child(11){width: 1px;   background:#D0D0D0}

  .tblPotStkTot tr td:nth-child(12){width: 7%}
  .tblPotStkTot tr td:nth-child(13){width: 6%;  text-align:right}
  .tblPotStkTot tr td:nth-child(14){width: 6%;  text-align:right}








/*descanso de potreros*/
  .tblPotDesc{
    width:            460px;
    background:       #fff;
    color:            black;
    border-collapse:  separate;
    border-spacing:   1px;
    font-size:        0.9em;
    margin-bottom:    20px
  }
    .tblPotDesc tr:first-child{
      background: silver
    }
      .tblPotDesc tr:first-child td{
        text-align: center
      }
    .tblPotDesc tr td{
      padding:    5px 3px 5px 3px;      /* text-align: right; */
      border:     0.6px solid #eaeaea
    }
    .tblPotDesc tr:hover{
      background-color:  #ccffff;
    }
    .tblPotDesc tr td:nth-child(1){width: 50px; text-align:right}
    .tblPotDesc tr td:nth-child(2){width: auto; text-align:left}
    .tblPotDesc tr td:nth-child(3){width: 60px; text-align:right}





/*divGRDP*/
.divGRDP{
  width:          100%;
  max-width:      610px;
  margin-bottom:  5px;
  display:        none;
  padding:        10px;
  background:     #fff
}



/** PDC */
.divPiePDC{
  width:      100%;
  background: #eaeaea;
  color:      #000;
  padding:    5px;
  height: 40px;
}
  .divPiePDC div{
    float:      left;
    padding:    0 5px 0 5px;
    font-size:  0.9em
  }
  .divPiePDC .divPiePDCTx{
    padding-top: 8px
  }
  .divPiePDC .divPiePDCIn{
    padding-top: 4px
  }
  .divPiePDC .divBtnPDC{
    width:      120px;
    padding:    0 5px 0 5px
  }
  .divPiePDC #divComPDC{
    color:        #505050;
    padding-top: 10px;
    font-size:    0.7em;
    float:        left;
    margin-right: 20px;
  }



.divCerrarRDP{
  float:      right;
  width:      25px;
  text-align: center;
  padding:    2px
}

#secRDP{
  width:      100%;
  max-width:  460px;
  height:     920px;
  background: #fff;
  display:    none;
  margin-left: 1px;
  z-index:    3;
}
  .ifrRDPB{
    width:  100%;
    height: 895px;
  }
  .ifrRDPO{
    width:  100%;
    height: 820px;
  }

/*Bremermann*/
#secRDPBre{
  width:      100%;
  max-width:  460px;
  height:     990px;
  background: #fff;
  display:    none;
  margin-left: 1px;
  margin: 0px 0px 0px 1px;
  z-index:    3;
  box-sizing: border-box;
}
  .ifrRDPBreB{
    width:  100%;
    height: 1050px;
  }
  .ifrRDPBreO{
    width:  100%;
    height: 1050px;
  }

  .tblRDPBre{
    background:       #fff;
    width:            440px;
    color:            #000;
    border-collapse:  collapse;
    box-sizing:       border-box;
    table-layout:     fixed;
    font:             0.9em "Helvetica Neue","sans serif", "verdana"
  }


  .tblRDPBre .tbody0{
    background:   #fff;
    text-align:   left;
    color:        #000;
    font-size:    1em
  }
    .tblRDPBre .tbody0:nth-child(2){
      background:   #CCFFCC;
    }
    .tblRDPBre .tbody0:nth-child(4){
      background:   #EDEDED;
    }
    .tblRDPBre .tbody0:nth-child(6){
      background:   #FFFFCC;
    }
    .tblRDPBre .tbody0:nth-child(7){
      background:   #EDEDED;
    }

  .tblRDPBre .tbody{
    background:   #fff;
    text-align:   left;
    color:        #000;
    font-size:    1em
  }
  .tblRDPBre .thead{
    background:   gray;
    text-align:   center;
    color:        #fff;
    font-size:    1em
  }
  .thead td{
    text-align:   center  !important;
    color:        #fff    !important
  }
  .tblRDPBre tr:hover{
    background-color:  #FFFF99;
  }
  .tblRDPBre tr td{
    padding:        3px 2px 3px 2px;    /* cursor:         default */
    border:1px solid gray;
  }/* ;border:1px solid #eaeaea*/
  .tblRDPBre tr td input{
    padding:        1px;
    background:     none;
    border:         1px solid silver;
    width:          100%;
    text-align:     right
  }
  /*.tblRDPBre .tbody tr>td:nth-child(1){width: 63px;   text-align: center}
  .tblRDPBre .tbody tr>td:nth-child(2){width: 17px;    text-align: right; color: #336600}
  .tblRDPBre .tbody tr>td:nth-child(3){width: 280px;  text-align: left}
  .tblRDPBre .tbody tr>td:nth-child(4){width: 50px;   text-align: left}*/

  .tblRDPBre tr>td:nth-child(1){width: 63px;   text-align: center}
  .tblRDPBre tr>td:nth-child(2){width: 17px;    text-align: right; color: #336600}
  .tblRDPBre tr>td:nth-child(3){width: 280px;  text-align: left}
  .tblRDPBre tr>td:nth-child(4){width: 50px;   text-align: left}






 .tblRDP2Bre{
    background:       #fff;
    max-width:        100%;
    color:            #000;
    border-top:       6px solid gray;
    border-collapse:  collapse;
    font:             0.9em "Helvetica Neue","sans serif", "verdana"
 }
  .tblRDP2Bre tbody:nth-child(1){
    background:   silver;
  }
    .tblRDP2Bre tbody:nth-child(1) tr{
      text-align:   center;
    }
      .tblRDP2Bre tbody:nth-child(1)>tr>td{
        text-align:   center;
      }


  .tblRDP2Bre tbody:nth-child(2){
    background:   #FFE4FF;
  }
  .tblRDP2Bre tr td{
    padding:  3px 2px 3px 2px;
    border:   1px solid #eaeaea
  }

  .tblRDP2Bre tr td input{
    padding:        1px;
    background:     none;
    border:         1px solid silver;
    width:          100%;
    text-align:     right
  }

  .tblRDP2Bre tr>td:nth-child(1){width: 19%;   text-align: right}
  .tblRDP2Bre tr>td:nth-child(2){width: auto;  text-align: left}
  .tblRDP2Bre tr>td:nth-child(3){width: 50px;  text-align: left}
  .tblRDP2Bre tr>td:nth-child(4){width: 11%;   text-align: left}








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

.tblAuditoriaRep{
  width:            100%;
  max-width:        570px;
  background:       #fff;
  color:            #000;
  border-collapse:  separate;
  border-spacing:   1px 3px
}
  .tblAuditoriaRep tr td{
    padding:        2px 0 2px 0;
    border-bottom:  0.6px solid silver
  }
  .tblAuditoriaRep tr:hover{
    background-color:  #FFFF99;
  }

  .tblAuditoriaRep tr td:nth-child(1){width: 30px;  text-align:right}
  .tblAuditoriaRep tr td:nth-child(2){width: 60px;  text-align:center}
  .tblAuditoriaRep tr td:nth-child(3){width: 115px}
  .tblAuditoriaRep tr td:nth-child(4){width: 130px; white-space:nowrap; overflow:hidden}
  .tblAuditoriaRep tr td:nth-child(5){width: 50px;  text-align:right}
  .tblAuditoriaRep tr td:nth-child(6){width: 50px;  text-align:right}
  .tblAuditoriaRep tr td:nth-child(7){width: 50px;  text-align:right}
  .tblAuditoriaRep tr td:nth-child(8){width: 50px;  text-align:right}





/*PRVrota*/
.secRepPRVRota{
  float:          left;
  z-index:        99;
  width:          100%;
  max-width:      870px;
  border-radius:  4px !important;
  box-shadow:     0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background:     #fff;
  display:        none;
  margin-left:    1px;
  border:         1px solid #fff;
  padding:        3px;
}
  /*.secRepPRVRota  div{
    border: 1px solid gray
  }*/

  #divRepPRVRotaSug{
    background:     lightyellow;
    border:         2px solig gray;
    width:          600px;
    position:       absolute;
    left:           20px;
    top:            50px;
    display:        none;
    padding:        10px;
    font-size:      1em;
    box-shadow:     0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    cursor:         move
  }

  .tblPRVSugerida{
    width:            100%;
    padding:          1px;
    border-collapse:  separate;
    border-spacing:   1px 5px;
    font-size:        1.3em;
    background:       #fff; /*#E4FFE6*/
  }

    .tblPRVSugerida caption{
      font-size:  0.9em;
      color:      red
    }
      .tblPRVSugerida caption span{
        font-size:  0.7em;
        color:      #000
      }

    .tblPRVSugerida tr{
      border:     5px solid #D0D0D0;
      background: #fff
    }
      .tblPRVSugerida tbody tr:hover{
        background: #FFFF99
      }

    .tblPRVSugerida th{
      border:       1px solid #D0D0D0;
      padding:      2px;
      font-size:    0.7em;
      font-weight:  normal;
      background:   #E0E0E0;
      color:        #303030;
      cursor:       pointer
    }
      .tblPRVSugerida th:hover{
        background: #00CCFF;
        color:      #fff
      }

    .tblPRVSugerida tr> th:nth-child(1){width: 25px}  /*N°*/
    .tblPRVSugerida tr> th:nth-child(2){width: 35px}  /*há*/
    .tblPRVSugerida tr> th:nth-child(3){width: 10px}  /*especie*/
    .tblPRVSugerida tr> th:nth-child(4){width: 35px}  /*cat*/
    .tblPRVSugerida tr> th:nth-child(5){width: 55px;overflow-x:hidden} /*fecha ingreso*/
    .tblPRVSugerida tr> th:nth-child(6){width: 55px;overflow-x:hidden}  /*fecha salida 55px*/
    .tblPRVSugerida tr> th:nth-child(7){width: 40px}                /*ocupación*/
    .tblPRVSugerida tr> th:nth-child(8){width: 40px}                /*descanso*/
    .tblPRVSugerida tr> th:nth-child(9){width: 30px}                /*para DME*/
    .tblPRVSugerida tr> th:nth-child(10){width: 30px}   /*PV*/
    .tblPRVSugerida tr> th:nth-child(11){width: 0px; display:none}   /*UG*/

    .tblPRVSugerida td{
      border:     1px solid #D0D0D0;
      padding:    3px 1px 2px 1px;
      font-size:  0.7em;
      background: #fff
    }

    .tblPRVSugerida tr> td:nth-child(1){width: 30px; text-align:right}
    .tblPRVSugerida tr> td:nth-child(2){width: 30px;text-align:right}
    .tblPRVSugerida tr> td:nth-child(3){width: 10px;text-align:right}
    .tblPRVSugerida tr> td:nth-child(4){width: 35px;text-align:right}
    .tblPRVSugerida tr> td:nth-child(5){width: 55px; text-align:right;overflow-x:hidden}
    .tblPRVSugerida tr> td:nth-child(6){width: 55px; text-align:right;overflow-x:hidden}
    .tblPRVSugerida tr> td:nth-child(7){width: 40px; text-align:right}
    .tblPRVSugerida tr> td:nth-child(8){width: 40px; text-align:right} /*; background:#fff; color:#fff*/
    .tblPRVSugerida tr> td:nth-child(9){width: 30px; text-align:right}
    .tblPRVSugerida tr> td:nth-child(10){width: 30px; text-align:right}   /*PV*/
    .tblPRVSugerida tr> td:nth-child(11){width: 0px; display:none}   /*UG*/






  /*#titPRV{
    /* cursor:   move; * /
  }*/
  .titPRV{
    float:      left;
    width:      100%;
    padding:    10px 5px 10px 5px;
    background: #fff;
    color:      #505050
  }







  #divPPRVGC{ /*Guardar Cambios*/
    float:        right;
    background:   #fff;
    padding:      1px 5px 2px 5px;
    display:      none
  }

  .divPPRV{ /*print*/
    float:        left;
    color:        #0066ff;
    margin-left:  10px;
    padding:      1px 5px 2px 5px
  }
  /*#divHPRV{ /*help* /
    float:        left;
    margin-left:  15px
  }*/

  .divTPRV{
    float:        left;
    font-size:    1.1em;
    cursor:       move;
    width: calc(100% - 350px);
    min-width: 450px;
    border:       1px dashed #eaeaea;
    color: green;
  }
    .spnTPRV{
      font-size:  0.8em;
      color:      gray;

    }

  /*botones Sugerir y Rotar*/
  #footPRV{
    float:        left;
    font-size:    1em;
    /* margin-left:  90px; */
    margin-top:   7px;
    width:        100%;
    padding:      6px;
    box-sizing:   border-box;
  }
    #footPRV .sugerir{
      float:        left;
      width:        210px;
      /* margin-left:  30px; */
    }

    #footPRV .aSugerir{
      background:       #FFFF99;
      padding: 5px 15px 5px 15px;
      color:            #0066ff;
      text-decoration:  none;
      font-size:        1em;
      border-radius:    3px
    }
      #footPRV .aSugerir:hover{
        color:            #fff;
        text-decoration:  none;
        background:       red
      }


    #footPRV .rotar{
      float:        right;
      /* width:        330px; */
      margin-right: 30px;
      text-align:   center;
    }

    #footPRV .rotar .aRotar{
      background:       #bfecb4; /*ESTE VERDE PODRÍA SER ESTÁNDAR ...??? */
      padding:          7px 15px 7px 15px;
      color:            #0066ff;
      text-decoration:  none;
      font-size:        1em;
      border-radius:    3px
    }
      #footPRV .rotar .aRotar:hover{
        color:            #fff;
        text-decoration:  none;
        background:       red
      }





  .tblPRVRota{
    width:            100%;
    background:       #e1dada;
    color:            #000;
    border-collapse:  separate;
    border-spacing:   1px;
    box-sizing:       border-box;
    font-size:        1em
  }
    .PRVRotar{
      background: #33FF99;
      padding:    1px
    }
    .PRVColTit{
      background: gray;
      padding:    2px;
      color:      #fff
    }

  .tblPRVRota thead{
    font-size:        0.9em;                /* background: #202020; */
    background:       #fff;   /*#e1dada;*/
  }
  .tblPRVRota thead tr:nth-child(1){background:gray}
  .tblPRVRota thead tr:nth-child(1) th{
                                  background: #F0F0F0; /*excel color bkg*/
                                  color:      #000;
                                  padding:    4px;
                                  text-align: center;
                                  font-weight:normal;
                                  cursor:     default;
                                  border:     0.6px solid #eaeaea;
  }
  .tblPRVRota thead tr th:nth-child(1){width: auto}
  .tblPRVRota thead tr th:nth-child(2){width: 10px}
  .tblPRVRota thead tr th:nth-child(3){width: 40px} /*lote*/
  .tblPRVRota thead tr th:nth-child(4){width: 40px}
  .tblPRVRota thead tr th:nth-child(5){width: 15%}
  .tblPRVRota thead tr th:nth-child(6){width: 30px}
  .tblPRVRota thead tr th:nth-child(7){width: 77px} /*fecha ingreso*/
  .tblPRVRota thead tr th:nth-child(8){width: 77px} /*fecha egreso*/
  .tblPRVRota thead tr th:nth-child(8) span{font-size: 0.8em}
  .tblPRVRota thead tr th:nth-child(9){width: 88px}   /*rotar*/
  .tblPRVRota thead tr th:nth-child(10){width:30px; color:green; display:none} /*; display:  none*/
  .tblPRVRota thead tr th:nth-child(11){width:25px; display:none} /*; display:  none*/


  .tblPRVRota tbody{
                      background:       #e1dada;
  }
  .tblPRVRota tbody tr{
    background-color:  #FFF;
  }

  .tblPRVRota tbody tr:hover{
    background-color:  #FFFF99;
  }
  .tblPRVRota tbody tr td{
                      padding:        4px 3px 4px 3px;
                      text-align:     right;
                      border:         1px solid #eaeaea;
                      /* background:     #fff; */
                      cursor:         default
  }
  .tblPRVRota tbody tr td:nth-child(1){width: auto; text-align:left}
  .tblPRVRota tbody tr td:nth-child(2){width: 10px}
  .tblPRVRota tbody tr td:nth-child(3){width: 40px}
  .tblPRVRota tbody tr td:nth-child(4){width: 40px}
  .tblPRVRota tbody tr td:nth-child(5){width: 15%; text-align:left}
  .tblPRVRota tbody tr td:nth-child(6){width: 30px}
  .tblPRVRota tbody tr td:nth-child(7){width: 77px; text-align:center} /*fecha ingreso*/

  .tblPRVRota tr td:nth-child(8){width: 77px; text-align:left}                /*fecha egreso*/
    .tblPRVRota tr td:nth-child(8) span{font-size: 0.8em; font-style:italic}
    .tblPRVRota tr td:nth-child(8) input{
                                          font-size:  1em;
                                          font-style: italic;
                                          width:      70px;
                                          border:     1px solid silver;
                                          padding:    3px
                                        }

  .tblPRVRota tr td:nth-child(9){width: 88px; text-align:left}    /*rotar*/

  .tblPRVRota tr td:nth-child(10){width:30px; text-align:left; display:none}     /*Sig ; display:  none*/
    .tblPRVRota tr td:nth-child(10) input{border:1px solid silver}

  .tblPRVRota tr td:nth-child(11){width:25px; display:none}                     /*Chk  ; display:  none */
    .tblPRVRota tr td:nth-child(11) input{width:      15px}

    .tblPRVRota tfoot{
      background: #fff
      /*display:  none;                /*ANTES: se habilitará solo para la versión automatizada*/
    }

    .tblPRVRota tfoot td{
      padding:    15px 10px 10px 10px;      /* border:   1px solid gray */
    }







  /*Ayuda en la tabla de PRV Rotaciones*/
  #tblPRVCaption{
    position:   absolute;
    left:       8px;
    top:        90px;
    display:    none;
    width:      830px;
    z-index:    9;
    text-align: left;
    background: #fff;
    padding:    10px;
    border:     1px solid silver;
    font-size: 0.9em;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }


  #inPRVHoy{
    border:     0;
    font-size: 1.2em;
    color:      red;
    width: 109px;
    padding:    2px;
    text-align: center;
    cursor: move;
  }

  .inPRVSig{
    width:      27px;
    border:     none;
    font-size:  1em;
    text-align: right
  }
  /*.inPRVFE{
    width:      70px;
    font-size:  1em;
    border:     none;
    color: #0066ff;
    text-align: center;
  }
  .inPRVFE:focus{
    color:    #0099FF;
    outline:  0.6px solid silver
  }*/
  #inPRVPotRota{
    width:        40px;
    font-size:    0.9em;
    padding:      3px 2px 3px 2px;
    border:       1px solid silver;
    margin-right: 10px
  }


/*PRV parcelas historia*/
.secRepPRVPH{
  float:        left;
  width:        500px;
  background:   #fff;
  display:      none;
  margin-left:  1px;
  z-index:      3;
  /* border:       1px dotted silver; */
}
/*listado de la historia de las parcelas*/
.tblPRVParHis{
  box-sizing:       border-box;
  padding:          0px;
  margin:           0px;
  width:            100%;
  background:       #fff;
  color:            #000;
  border-collapse:  collapse;
  font-size:        1em
}
  .tblPRVParHis tr th{
    font-size:      0.8em;
    border:         0.6px solid silver;
    text-align:     center;
    padding:        4px;    /* color:          #fff; */
    font-weight:    normal;
    font-style:     italic;
    cursor:         default
  }
  .tblPRVParHis tr th:nth-child(1){width: 30px}
  .tblPRVParHis tr th:nth-child(2){width: 45px}
  .tblPRVParHis tr th:nth-child(3){width: 10px}
  .tblPRVParHis tr th:nth-child(4){width: auto}
  .tblPRVParHis tr th:nth-child(5){width: 64px}
  .tblPRVParHis tr th:nth-child(6){width: 64px}
  .tblPRVParHis tr th:nth-child(7){width: 30px}
  .tblPRVParHis tr th:nth-child(8){width: 45px}
  /* .tblPRVParHis tr th:nth-child(9){width: 46px} */

  .tblPRVParHis tr td{
                      padding:        6px 4px;
                      font-size:      0.8em;                      /* background:     #fff; */
                      text-align:     right;
                      border:         0.6px solid silver;
                      cursor:         default
  }
  .tblPRVParHis tr:hover{
    background-color:  #FFFF99;
  }
  .tblPRVParHis tr td:nth-child(1){width: 30px; text-align:right}
  .tblPRVParHis tr td:nth-child(2){width: 42px}
  .tblPRVParHis tr td:nth-child(3){width: 10px}
  .tblPRVParHis tr td:nth-child(4){width: auto; text-align:left}
  .tblPRVParHis tr td:nth-child(5){width: 65px; text-align:center}
  .tblPRVParHis tr td:nth-child(6){width: 65px; text-align:center}
  .tblPRVParHis tr td:nth-child(7){width: 35px}
  .tblPRVParHis tr td:nth-child(8){width: 45px}
  /* .tblPRVParHis tr td:nth-child(9){width: 46px} */

/*fila azul que separa potreros*/
.tblPRVParHisP{
  width:        100%;
  font-size:    0.9em;
  text-align:   center;
  background:   #66CCFF;
  color:        #fff;
  font-weight:  normal
}
  .tblPRVParHisP td{padding:5px 7px 5px 5px}
  .tblPRVParHisP tr td:nth-child(1){width: auto}
  .tblPRVParHisP tr td:nth-child(2){width: 48px; text-align:right}

#canParHis{
  padding:  20px
  display=  'none';
}





/** Proceso de Cría **/
#secProcesoCria{
  float:      left;
  max-width: 900px;
  background: #000;
  text-align: center;
  padding:    1px 1px;
  width:      100%;
  display:    none;
  z-index:    3;
  font-size:  1em;
  margin-left:1px;
}


.imgProCria{
  width:      100%;
  max-width:  800px
}
.divProCria{
  position:   relative;
  display:    inline-block;
  text-align: center;
  background: #fff;
  color:      #006699;
  font-size:  0.9em
}
.PDCFecha{
  position: absolute;
  top:      9%;
  left:     4px;
  font-size:  0.8em;
  width:    100px;
  color:    #339900
}
.vIns{
  position: absolute;
  top: 78px;
  left: 22%;
}
.vResto{
  position: absolute;
  top: 31%;
  left: 4%;
}
.vaq2Mas{
  position: absolute;
  top: 45.5%;
  left: 4%;
}
.vEnto{
  position: absolute;
  top: 168px;
  left: 20%;
}
.vTactadas{
  position: absolute;
  top: 46.5%;
  left: 20%;
}
.vPre{
    position: absolute;
    top:  38%;
    left: 35%;
}
.vCria{
  position: absolute;
  top:  31%;
  left: 52%;
}
.vCut{
  position: absolute;
  top:  43%;
  left: 52%;
}


/** índices de procreo */
.indices{
  position:     absolute;
  width:        34px;
  height:       25px;
  cursor:       default;
  z-index:      3;
  font-size:    0.6em;
  text-align:   right;
  padding-top:  4px
}
.vGor{
  position: absolute;
  top:  73%;
  left: 78%;
}
.vInv{
  position: absolute;
  top:  73%;
  left: 64%;
}
.tMama{
  position: absolute;
  top:  28%;
  left: 64%;
}
.tMamo{
  position: absolute;
  top:  49%;
  left: 64%;
}
.tera{
  position: absolute;
  top:  23%;
  left: 78%;
}
.tero{
  position: absolute;
  top:  39%;
  left: 78%;
}
.tCT{
  position: absolute;
  top:  55%;
  left: 78%;
}
.vaq12{
  position: absolute;
  top: 24%;
  left: 90%;
}
.novi{
  position: absolute;
  top: 40%;
  left: 90%;
}
.toro{
  position: absolute;
  top:  55%;
  left: 90%
}
.toroCab{
  position: absolute;
  top:  69%;
  left: 90%;
}
.vNoapta{
  position: absolute;
  top: 70%;
  left: 10%;
}
.vVacia{
  position: absolute;
  top: 70%;
  left: 26%;
}
.vEntoMu{
  position: absolute;
  top: 70%;
  left: 39%;
}
.mPPNatal{
  position: absolute;
  top:  74%;
  left: 52%;
}

/*INDICES*/
.iPrenez{ /*índice de preñez*/
  top: 34%;
  left:     26.5%;
}
.iTacPre{
  top: 39%;
  left:     26.5%;
}
.iParida{/*índices de vacas paridas/preñadas*/
  top: 33.5%;
  left:     42.2%;
}
.iParida2{ /*índice de vacas paridas/entoradas*/
  top: 37.4%;
  left: 42.5%;
}
.iVGor{
  position: absolute;
  top: 68%;
  left: 69.5%;
}
.iVInv{
  position: absolute;
  top:  72%;
  left: 69.5%;
}
.iTMama{
  top: 34%;
  left:  55.7%;
}
.iTMamo{
  top: 38%;
  left: 55.7%;
}
.iTera{
  top: 23%;
  left: 69.7%;
}
.iTero{
  top: 42.5%;
  left: 69.7%;
}
.iVaq2{
  top:  20%;
  left: 82%;
}
.iNovi{
  top:  36.5%;
  left: 82%;
}
.iTCT{
  top: 47%;
  left: 68.5%;
}
.iToroCT{
  top:  52%;
  left: 82%;
}

/*ABAJO*/
.rodeo{
  position:   absolute;
  top:        90%;
  left:       40%;
  font-size:  0.7em;
  color:      #000
}
.rodeo #rodeo{
  float:        right;
  color:        #006699;
  margin-left:  10px;
  font-size:    1.3em
}
.vTodas{
  position:   absolute;
  top:        90%;
  left:       55%;
  font-size:  0.7em;
  color:      #000
}
.vTodas #vTodas{
  float:        right;
  color:        #006699;
  margin-left:  10px;
  font-size:    1.3em
}
.rodeoResto{
  position:   absolute;
  top:        90%;
  left:       75%;
  font-size:  0.7em;
  color:      #000
}
.rodeoResto     #rodeoResto{
  float:        right;
  color:        #006699;
  margin-left:  10px;
  font-size:    1.3em
}


/*nueva table PDC*/
.tblPDCCoef{
  width:          450px;
  background:     #fff;
  margin-top:     20px;
  margin-bottom:  30px;
  font-size:      0.9em;
  border-collapse:  collapse;
}
  .tblPDCCoef thead tr{
    background-color: #808080;
    color:            #fff;
    text-align:       center;
    cursor:           default
  }
  .tblPDCCoef thead th{
    padding:          4px 3px 4px 3px
  }

  .tblPDCCoef thead tr>th:nth-child(1){width:320px}
  .tblPDCCoef thead tr>th:nth-child(2){width:auto}

  .tblPDCCoef tbody tr:hover{
    background-color:  #FFFFCC;
  }

.tblPDCCoef td{
  border-bottom:   1px solid #eaeaea;
  padding:         5px 3px 4px 10px
}
  .tblPDCCoef tr>td:nth-child(1){width:320px; text-align:left}
  .tblPDCCoef tr>td:nth-child(2){width:auto;  text-align:right}



/** REGISTRO DE PROCREO: RDP **/
.divRDPOut{
  padding:    0;
  background: #fff;
  width:      100%;
  height:     100%;
}
.tblRDPPie{
  background:       #eaeaea;
  width:            100%;
  color:            #000;
  border-collapse:  separate;
  border-spacing:   1px;
  font:             0.9em "Helvetica Neue","sans serif", "verdana"
}
  .tblRDPPie tr td{
    padding:    2px 7px 2px 7px
  }

  .tblRDPPie tr td button{
    color:      #0066CC;
    text-align: center;
    max-width:  100px
  }

  .tblRDPPie tr>td:nth-child(1){width:20%}
    .tblRDPPie tr>td:nth-child(1) button{color: red;}
  .tblRDPPie tr>td:nth-child(2){width:15%}
  .tblRDPPie tr>td:nth-child(3){width:30%;text-align: right}
  .tblRDPPie tr>td:nth-child(4){width:auto;text-align: right}



.tblRDPTit{
  background:       #eaeaea;
  width:            100%;
  color:            #000;
  border-collapse:  separate;
  border-spacing:   1px;
  font:             0.9em "Helvetica Neue","sans serif", "verdana"
}
  .tblRDPTit tr td{
    padding:  3px;     /* border:   1px solid red */
  }

  .tblRDPTit tr td #rodeo, #toro, #planillaNum{
    padding:        5px 2px 5px 2px;
    width:          35px
  }
  #carneros{
    padding:        5px 2px 5px 2px;
    width:          35px
  }

  .tblRDPTit tr>td:nth-child(1){width:40px; text-align: right}
  .tblRDPTit tr>td:nth-child(2){width:35px; text-align: left; border-right:1px solid silver}
  .tblRDPTit tr>td:nth-child(3){width:65px; text-align: right}
  .tblRDPTit tr>td:nth-child(4){width:35px; text-align: left; border-right:1px solid silver}
  .tblRDPTit tr>td:nth-child(5){width:65px; text-align: right; color:#0066ff}
  .tblRDPTit tr>td:nth-child(6){width:35px; text-align: right}
  .tblRDPTit tr>td:nth-child(7){width:60px; text-align: right; border-right:1px solid silver}
  .tblRDPTit tr>td:nth-child(8){width:auto; text-align: right;padding-right:3px}





.tblRDP{
  background:       #fff;
  max-width:        100%;
  color:            #000;
  border-collapse:  collapse;
  font:             0.9em "Helvetica Neue","sans serif", "verdana"
}
  .tblRDP .tbody{
    background:   #fff;
    text-align:   left;
    color:        #000;
    font-size:    1em
  }
  .tblRDP .thead{
    background:   gray;
    text-align:   center;
    color:        #fff;
    font-size:    1em
  }
  .thead td{
    text-align:   center  !important;
    color:        #fff    !important
  }

  .tblRDP tr:hover{
    background-color:  #FFFF99;
  }
  .tblRDP tr td{
    padding:        3px 2px 3px 2px;
    /* cursor:         default */
  }/* ;border:1px solid #eaeaea*/

  .tblRDP tr td input{
    padding:        1px;
    background:     none;
    border:         1px solid silver;
    width:          100%;
    text-align:     right
  }

  .tblRDP tr>td:nth-child(1){width: 19%;   text-align: right}
  .tblRDP tr>td:nth-child(2){width: 7%;    text-align: left; color: #336600}
  .tblRDP tr>td:nth-child(3){width: auto;  text-align: left}
  .tblRDP tr>td:nth-child(4){width: 18%;   text-align: left}

  .btnRDP, .btnWCPC{
    background: #fff;
    color:      #0066ff;
    border:     1px solid silver;
    margin-top: 3px;
    cursor:     pointer;
    width:      60px;
    padding:    4px
  }
  .btnRDP2{
    background: #fff;
    color:      #0066ff;
    border:     1px solid silver;
    margin-top: 3px;
    cursor:     pointer;
    width:      80px;
    padding:    4px
  }





/******** SANIDAD DE LOS LOTES ********/
/*.divSaniLote{
  color:      #fff;
  font-size:  3px
}*/
.divBovS{
  display:  none
}

#inSaniRep{
  width:        100px;
  font-size:    1em;
  background:   none;
  border:       none;
  padding-top:  4px;
  padding-left: 20px;
  color:        rgb(204,0,0)
}


.tblSanidad{
  padding:          1px;
  border-collapse:  separate;
  border-spacing:   0.5px 5px;
  font-size:        1.2em;
  background:       #CCFFCC;
}
  .tblSanidad tr{
    border:     1px solid #D0D0D0;
    background: #fff
  }
  .tblSanidad th{
    border:       1px solid #D0D0D0;
    padding:      2px;
    font-size:    0.7em;
    font-weight:  normal;
    background:   #E0E0E0;
    color:        gray;
    cursor:       default
  }
  .tblSanidad tr> th:nth-child(1){width: 12%} /*fecha*/  /*; display:none*/
  .tblSanidad tr> th:nth-child(2){width: auto}  /*tratamiento*/
  .tblSanidad tr> th:nth-child(3){width: 7%}    /*cant*/
  .tblSanidad tr> th:nth-child(4){width: 30%}   /*obs*/
  .tblSanidad tr> th:nth-child(5){width: 28px}    /*fecha próxima: + n días*/
  .tblSanidad tr> th:nth-child(6){width: 6%}    /*kgs prom del lote*/


  .tblSanidad td{
    border:     1px solid #D0D0D0;
    padding:    3px 2px 2px 2px;
    font-size:  0.7em
  }

  .tblSanidad tr> td:nth-child(1){width: 12%; text-align:left; font-size:0.6em;} /*; display:none*/
  .tblSanidad tr> td:nth-child(2){width: auto;text-align:left}
  .tblSanidad tr> td:nth-child(3){width: 7%; text-align:right}
  .tblSanidad tr> td:nth-child(4){width: 30%; text-align:left}
  .tblSanidad tr> td:nth-child(5){width: 7%; text-align:right}
  .tblSanidad tr> td:nth-child(6){width: 6%; text-align:right}
























/*reportes por tipos=categorías*/
#divTiposRep{
  /* margin: 0 auto; */
  width: 500px;
  margin-top: 0;
  background: none;
  display:    none;
  text-align: left;
  padding:    1px 0;
  float: left;
}

.tblTipoCantRep{
  width:            100%;
  background:       #fff;
  color:            #000;
  border-collapse:  separate;
  border-spacing:   1px 3px
}
  .tblTipoCantRep tr td{
    padding:        2px 5px 2px 5px;
    border-bottom:  0.6px solid silver
  }
  .tblTipoCantRep tr:hover{
    background-color:  #FFFF99;
  }

  .tblTipoCantRep tr td:nth-child(1){width: 200px;  text-align:left}
  .tblTipoCantRep tr td:nth-child(2){width: 100px;  text-align:right}
  .tblTipoCantRep tr td:nth-child(3){width: 50px;   text-align:right}


/*hacia / desde en rotación */
.divHD{
  float:          right;
  padding-right:  2px;   /* padding-left: 2px; */
  background:     #fafadb;
  width:          113px;
  font-size:      0.99em;
}


/*lamadas desde el menucito*/
.divs{
  width:      100%;
  float:      left;
  height:     100%;
  overflow:   hidden;
  background: #fff;
  padding:    0;
  display:    none
} /*antes #dfdfdf*/

.divsCortas{width:100%;float:left;height:380px; overflow:hidden;background:#fff;padding:10px;display:none;border:1px solid gray;font-size:1.4em;color:gray} /*antes #dfdfdf*/



.divHeader{
  float:    left;
  width:    100%;
  padding:  30px
}



.divMenu{
  float:            left;
  width:            100%;                                  /* height: 100%; */
  padding-top:      3px;
  padding-bottom:   3px;
  background: #fff;
}

.menuUl{
      float:            left;
      list-style-type:  none;
      margin:           0;
      width:            100%;
      padding:          3px 0 5px 0;
      overflow:         hidden;
      background:       none;
      height:           44px
  }

.tblMenuLi{
  width:            100%;
  background:       black;
  color:            #fff;
  border-collapse:  separate;
  border-spacing:   6px 0;
}
  .tblMenuLi tr td{
    padding:    0;
    text-align: center;
       /* border:     1px dashed lime */
  }

  .tblMenuLi tr td:nth-child(1){width: auto}
  .tblMenuLi tr td:nth-child(2){width: 11%}
  .tblMenuLi tr td:nth-child(3){width: 11%}
  .tblMenuLi tr td:nth-child(4){width: 11%}
  .tblMenuLi tr td:nth-child(5){width: 11%}
  .tblMenuLi tr td:nth-child(6){width: 11%}
  .tblMenuLi tr td:nth-child(7){width: 11%}
  .tblMenuLi tr td:nth-child(8){width: 11%}
  .tblMenuLi tr td:nth-child(9){width: 11%}

  .menuLi{ /*menu principal*/
    width:        100%;
    padding:      8px 0 0 3px;                 /* width:        50px; */
    height:       44px;                   /* display:      block; lo saco pq al refrescar se ven todos*/
    cursor:       pointer;
    text-align:   center;                 /* display:      none; */    /* border:  1px solid lime; */
  }
  .menuLi:hover{
    background-color:  red;
  }

  .liLedA{ /*leds*/
    float:        left;
    padding:      0;
    width:        45px;
    display:      none;
    margin:       10px 10px 5px 10px;
    cursor:       pointer;
    text-align:   center;
    z-index:      4
  }

  .menuLiHH{
    float:          left;
    list-style-type:none;
    margin:         0;
    padding:        3px 5px 0 0;
    overflow:       hidden;
    background:     none     /* border:       1px dashed yellow */
  }

  .menuLiH{
    float:          left;
    list-style-type:none;
    margin:         0 0 0 10px;
    padding:        3px 5px 0 0;
    overflow:       hidden;
    background:     none
  }
    .menuLiH a{
      color:            white;
      text-align:       center;
      padding:          4px 5px 0 5px;
      text-decoration:  none;
      border:           0;
      height:           30px;
      font-size:        1em
    }
    .menuLiH a:hover{ background-color: red}
    .menuLiH a:active{background-color: #4CAF50}



  .menuLiLeft{
    text-align: center;
    width:      auto;
    margin-left:0;
  }

  .menuLiRight{
    float:      left;
    text-align: center;
    padding:    4px 0 0 0;
    width:      auto;
    margin-left:1px;
    border:     0
  }
  .menuLiRight a{
    color:            white;
    text-align:       center;
    padding:          4px 5px 0 5px;
    text-decoration:  none;
    border:           0;
    height:           30px;
    font-size:        1em
  }
  .menuLiRight a:hover{ background-color: red}
  .menuLiRight a:active{background-color: #4CAF50}

  .menuLiMsg{
    float: left;
    margin:0 2px 0 3px;
    padding-top:6px;
  }
  .menuLiMsg a{
    width:            100%;
    padding:          4px 1px 0 1px;
    text-align:       center;
    text-decoration:  none;
    color:            white;
    font-size:        0.8em
  }
  .menuLiMsg a:hover{ background-color: red}
  .menuLiMsg a:active{background-color: #4CAF50}

  .menuLiMsg150{
    float:        left;
    height:       25px;
    width:        150px;
    margin-left:  10px;
    padding-top:  7px;
  }
  .menuLiMsg250i{
    float:        left;
    width:        250px;
    margin-left:  10px;
    padding-top:  7px;
    font-style:   italic;
    color:        #fff
  }






/*flechas*/
.arrow-upW {
  float:         right;
  width:         0;
  height:        0;
  border-left:   7px solid transparent;
  border-right:  7px solid transparent;
  border-bottom: 7px solid #fff;
  margin-top:    10px;
  margin-left:   4px;
}

.arrow-downW {
  float:        right;
  width:        0;
  height:       0;
  border-left:  7px solid transparent;
  border-right: 7px solid transparent;
  border-top:   7px solid #fff;
  margin-top:   7px;
  margin-left:  4px;
}

.arrow-upB {
  float:         right;
  width:         0;
  height:        0;
  border-left:   7px solid transparent;
  border-right:  7px solid transparent;
  border-bottom: 7px solid #0066FF;
  margin-top:    10px;
}

.arrow-downB {
  float:        right;
  width:        0;
  height:       0;
  border-left:  7px solid transparent;
  border-right: 7px solid transparent;
  border-top:   7px solid #0066FF;          /* display:      none; */
  margin-top:   7px;
}



.tblApp1{
  width:      100%;
  background: #EFEFEF;
  border-collapse:  collapse;
  color:      #202020
}
  .tblApp1 td{padding:1px} /*; border:1px solid silver*/

  .tblApp1 tr td:nth-child(1){
                             width:       39px;
                             text-align:  center;
                             border:      0.5px solid silver;
  }
    .tblApp1 tr td:nth-child(1) span{
                             font-size:   1.2em;
                             color:       #0066FF;
                             cursor:      pointer;
    }
    .tblApp1 tr>td:nth-child(2){width:auto}
    .tblApp1 tr>td:nth-child(3){
                                width:      100px;
                                color:      #ff6600;
                                font-size:  0.8em;
    }
    .tblApp1 tr>td:nth-child(4){width:85px; text-align:center}

.tblAppPot{
  background:       #EFEFEF; 
  font-size:        1em;
  color:            #606060;
  border-collapse:  separate;
  border-spacing:   2px 1px
}
  .tblAppPot tr{height:   35px}
  .tblAppPot td{padding:  1px}
  .tblAppPot tr td:first-child {width:131px;text-align:left; cursor:default}
  .tblAppPot tr>td:nth-child(2){width:33%;  text-align:left; cursor:default}
  .tblAppPot tr>td:nth-child(3){width:auto; text-align:left}
  .tblAppPot tr td:first-child >a{  color:#0066CC;  text-decoration:none}


.tblApp2{
  background: #faf8f8;
  font-size:        1em;
  color:            #606060;
  border-collapse:  separate;
  border-spacing:   5px 1px;
  table-layout:     auto;
  width:            100%
}
  .tblApp2 td{
    padding:1px 1px 3px 1px;
  } /*; border: 0.5px solid gray*/
  .tblApp2 tr td:nth-child(1){  width:29%;     text-align:left}
    .tblApp2 tr td:first-child>a{ color:#0066CC; text-decoration:none}
  .tblApp2 tr>td:nth-child(2){  width:auto;     text-align:left}
  .tblApp2 tr>td:nth-child(3){  width:32%;    text-align:left}


.tblApp2P{  /* table-layout:     initial; */
  background:       #EFEFEF;
  font-size:        1em;
  color:            #606060;
  border-collapse:  separate;
  border-spacing:   5px 5px
}
  .tblApp2P td{padding:1px 1px 3px 1px} /*; border: 0.5px dashed gray*/
  .tblApp2P tr td:nth-child(1){  width:32%;   text-align:left}
    .tblApp2P tr td:first-child>a{ color:#0066CC; text-decoration:none}
  .tblApp2P tr>td:nth-child(2){  width:34%;   text-align:right;padding-right:3px; font-size:0.9em}
  .tblApp2P tr>td:nth-child(3){  width:34%;   text-align:right;padding-right:3px; font-size:0.9em}


.tblApp2N{
  background:       #EFEFEF;
  font-size:        1em;
  color:            #606060;
  border-collapse:  separate;
  border-spacing:   5px 1px
}
  .tblApp2N td{padding:1px 1px 3px 1px} /*; border: 0.5px dashed gray*/
  .tblApp2N tr td:nth-child(1){  width:32%;    text-align:left}
    .tblApp2N tr td:first-child>a{color:#0066CC; text-decoration:none}
  .tblApp2N tr>td:nth-child(2){  width:68%;     text-align:left}
    .tblApp2N tr>td:nth-child(2) text-area{     width:200px}


.divTblApp2MRV{
  float:  right;
  width:  70px
}

.aMasDatos{
  text-decoration:  none;
  text-align:       right;
  margin-right: 14px;
  font-size:        1.1em;
  padding: 4px 4px 4px 3px;
  border:           1px solid silver
}
.divAMDatos{
  width:      100%;
  float:      right;
  text-align: right;
  font-size:  0.8em
}
/*.aMasDatos[data-title]
      .tblApp1 tr td:first-child span[data-title]{
        position:   relative;
        cursor:     pointer
      }

      .aMasDatos[data-title]:hover::before{
        content:      attr(data-title);
        position:     relative;
        top:          1px;
        left:         -10px;             /* display:      inline-block; * /
        padding:      3px 6px;
        background:   #ffffcc;
        color:        #000;
        font-size:    14px;
        font-family:  sans-serif;
        white-space:  nowrap;
        outline:      gray solid 1px
      }*/

/*apartar lotes*/
.divApartar{
  float:    right;
  padding:  5px 10px 1px 1px;
  display:  none
}

#divSeparar{
  position:   absolute;
  left:       35px;
  top:        300px;
  padding:    0px;
  background: rgb(239,239,239);
  display:    none;
  font-size:  1em;
  /* color:      silver */
}
  .divSeparar0{
    float:    left;
    width: 120px;
  }

  .divSeparar1{
    background: #ff9900;
    color:      #000;
    width: 120px;
    padding:    6px 5px 5px 25px;
    text-align: left
  }
    .divSeparar1 span{
      font-size:  0.8em;
    }

  /*para mensajes!*/
  #divSeparar2{
    float:      left;
    background: #fff;
    color:      #000;
    width: 100%;
    padding:    0px 0px 0px 3px;
    display:    none;
    background: none
  }
    #taDivSep2{
      background: #fff;
      color:      #000;
      width:      100%;
      height:     95px;
      padding:    3px;
      resize:     none;
      font-size:  1.1em
    }


  #divSeparar table{
    width:            120px;
    background:       #ff9900;
    border-collapse:  separate;
    border-spacing:   2px;
    /* margin-left:      10px; */
  }
    /*#divSeparar table tr{
    }*/
    #divSeparar table td{          /* border:               1px solid gray; */
      padding:              0px;
      height:               23px;
      background:           #fff;
      /* user-modify:          read-write; */
      /* -webkit-user-modify:  read-write; */
      /* -moz-user-modify:     read-write; */
  }
    #divSeparar table input{
      width:      53px;
      border:     none;
      padding:    2px;
      color:      #000;
      font-size:  1em
    }





.tblLluviaPorMes{
  background:       #efefef;
  color:            gray;
  display:          none;
  font-size:        1em;
  border-collapse:  separate;
  border-spacing:   1px 1px;
}
  .tblLluviaPorMes td{padding:2px 4px 2px 4px} /*; border:1px dashed red*/
  .tblLluviaPorMes tr td:first-child {width:100px; text-align:left}
  .tblLluviaPorMes tr>td:nth-child(2){width:150px; text-align:left}
  .tblLluviaPorMes tr>td:nth-child(3){width:auto}
  .tblLluviaPorMes tr>td:nth-child(4){width:30px}

  .inMes{
    background: none;
    width:      100%;
    font-size:  1.1em;
    border:     none
  }
  .inMm{
    background  :#fff;
    width:      35px;
    font-size:  1.1em;
    text-align: right
  }
  .inTot{
    width:      30px;
    /* font-size:  0.4em; */
    background: none;
    border:     none;
    text-align: right
  }




.sel{
  width:              100%;
  padding:            5px 2px 5px 2px;
  font-size:          1.0em;
  color:              #202020;
  background:         #fff;
  text-indent:        .01px;
  text-overflow:      '';
}
/* select::-ms-expand{display:none} */
select option { color: black; }            /* select option:first-child{color: green} */

.selNegoCpny{
  width: 280px;
  padding:            3px;
  font-size:          1.0em;
  color:              #0066FF;
  background:         #fff;
  /* text-indent:        .01px; */
  /* text-overflow:      '' */
}
/*select moneda*/
.selMone{
  width:              100%;
  appearance:         none;
	/* -webkit-appearance: none; */
  height:             25px;
  padding:            0px 0px 0px 3px;
  font-size:          1.0em;
  color:              #0066CC;
  background:         #fff;
  text-indent:        .01px;
  text-overflow:      '';
  cursor:             pointer
}
  .selMone option{
    /* padding: 3px 1px 2px 3px; */
    color:   #0066CC;
  }
  .selMone option:hover{
    color:   red;
  }


/*nacimientos*/
.divPVOI{
  /* border:       0.6px solid red; */
  padding:      4px 3px 4px 0px;
  font-size:    11px;
  float:        left
}
  .spnPVOI{
    font-size:    12px;
    float:        left;
    margin-right: 4px;
    padding-top:  6px
  }
.spnNacAca{
  float:      left;
  border:     1px solid red;
  width:      20px;
  height:     20px;
  background: #fff;
  font-size:  12px;
  /* margin-bottom:  4px; */
}

.divNaci{
  float:      left;
  width:      70px;
  padding:    4px 3px 4px 0px;
  font-size:  11px;
}

.tblNac{
    width:            150px;
    border-collapse:  collapse;
    box-sizing:       border-box;
    padding:          0px;
    background:       none;
    /* display:          block; */
  }
    /*.tblNac tr td{
      border:1px solid gray;
    }*/
    .tblNac tr>td:nth-child(1){width:23px}
    .tblNac tr>td:nth-child(2){width:58px; font-size: 0.8em;padding-top:6px;text-align:right}
    .tblNac tr>td:nth-child(3){width:23px}
    .tblNac tr>td:nth-child(4){width:23px}

  .inMMAA{
    width:        15px;
    font-size:    0.9em;
    text-align:   right;
    margin-left:  1px;
  }
  .inPVOI{
    width:        16px;
    font-size:    12px;
    text-align:   right;
    margin-left:  1px;
  }

/*cambiar por input !!!*/
#bovNacDia{
  width:        20px;
  height:       20px;
  margin-left:  1px;
  float:        left;
  background:   #fff;
  font-size:    0.9em;
  text-align:   right;
  border:       1px solid black;
}



.inNroPot{
  width:      40px;
  font-size:  1.1em;
  padding:    4px;
  text-align: right;
  background: none
}
.inNro{
  width: 50px;
  font-size:  1.1em;
  padding: 2px 4px 2px 4px;
  text-align: left;
}

.inNro100{
  width:      100%;
  font-size:  1.1em;
  padding:    4px;
  text-align: left
}

.inNro2{
  width:        62px;
  font-size:    1.1em;  /* padding: 1px; */
  text-align:   right;  /* border:       0; */
  margin-left:  5px;
  margin-right: 0px;
}
.inNro3{
  width:        45px;
  font-size:    1.1em;
  padding:      2px;
  text-align:   right;
  border:       0;
  margin-left:  3px
}

.inHB{
  width:      50px;
  float:      left;
  margin:     3px 0 0 30px;
  border:     0;
  font-size:  0.9em;
  background: none;
  color:      #000
}
.inHB1{
  width:      50px;
  float:      left;
  margin:     3px 0 0 5px;
  border:     0;
  background: none;
  font-size:  1em;
  text-align: left;
  /* color:      #800000 */
}
.inHB2{
  width:      30px;
  float:      left;
  margin:     3px 0 0 5px;
  border:     0;
  font-size:  1em;
  text-align: left;
  padding-left:3px
  /* color:      #800000 */
}

.inH1{
  width:      55px;
  float:      right;
  /* margin:     3px 0 0 5px; */
  border:     0;
  font-size:  1em;
  text-align: right;
  /* color:      #800000 */
}
.inH2{
  width:      25px;
  float:      right;
  /* margin:     3px 0 0 5px; */
  border:     0;
  font-size:  1em;
  text-align: right;
  color:      #262626
}

.inDicose{
  width:      100px;
  font-size:  1.1em;
  padding:    4px;
  text-align: left;
  color:      #606060;
  border:     0;
  background: none
}






.decoN{text-decoration:none;color:#ff6;font:16px "Microsoft JhengHei Light","sans serif","verdana"}

.negoAgro{color:#fff;font:20px "Microsoft JhengHei Light","sans serif","verdana"}

.fecha{
  width: 100%;
  text-align: center;
  padding:    4px;
  font-size:  1.1em;
  border:     1px solid #fff;
}
.taNotas{
  width:      100%;
  height:     100px;
  font-size:  1.4em;
  padding:    4px;
}
.taNotasBOE{width:96%;height:40px;font-size:1.4em;padding:4px}

/* potreros. divPotNN, NN: N° y Nombre */
.divPotNN{
  max-width: 421px;
  min-width: 300px;
  position:   absolute;
  top:        160px;
  left:       4px;
  background: #fff;
  height:     265px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index:    3;
  display:    none;
}

  .selDivPot{
    width:              100%;
    height:             260px;
    padding:            10px;
    font-size:          1.0em;
    color:              #0066CC;
    background:         #fff;
    border-color:       #D0D0D0;
    text-indent:        .01px;
    text-overflow:      '';
    cursor:             pointer
  }
    .selDivPot option{
      padding: 3px 1px 2px 3px;
      color:   #0066CC;
    }
    .selDivPot option:hover{
      color:   red;
    }


.potHas{
  width:      60px;
  font-size:  1.1em;
  color:      #202020;
  padding:    3px 2px 3px 2px;
  text-align: right;
  background: none;
  border:     1px solid #F0F0F0;
}
  .potHas:hover{
    background: #fff;
    border:     1px solid gray;
    color:      #000
  }
.potHa{
  width: 40px;
  font-size:  1em;
  color:      #202020;
  padding:    3px 2px 3px 2px;
  text-align: left;
  background: none;
  border:     1px solid #F0F0F0;
}
  .potHa:hover{
    background: #fff;
    border:     1px solid gray;
    color:      #000
  }

#potConeat{
  width: 35px;
  font-size:  1.1em;
  color:      #202020;
  padding:    5px 3px 5px 0;
  text-align: right;
  background: none;
  border:     1px solid #F0F0F0;
}
  #potConeat:hover{
    background:#fff;
    border:1px solid gray;
    color:      #000
  }

#potNombre{
  width:      100%;
  font-size:  1.1em;
  color:      #202020;
  padding:    5px;
  background: none;
  border:     1px solid #F0F0F0
}
  #potNombre :hover{
    background: #fff;
    color:      #000
  }

.inPotKgs{
  width: 80px;
  color:        #ff6600;
  background:   none;
  font-size:    16.64px; /*REVISAR ESTOS TAMAÑOS, LÍO CON EL em*/
  text-align:   right;                             /* margin-right: 4px; */
  border:       0;
  cursor:       default
}

#spaPotKgsHaP{
  font-size:  0.7em;
  color:      green;
  cursor:     default
}




/*lista de totales de animales*/
#divOutTot{
  width:          100%;
  float:          left;
  padding:        1px;
  margin-bottom:  5px;
  background:     #33CCFF;
  font-size:      1em;
  box-sizing:     border-box;
  /* display:    none; */
}


/*Totales*/
#secTotales{
  float:          left;
  display:        none;
                                    /*}
                                    #divOutTotales{ */
  width:          100%;
  float:          left;
  padding:        3px;
  margin-bottom:  20px;
  background:     #33CCFF;
  font-size:      1em
}                                              /* #divOutTotales div{border:1px solid silver} */

  .divTitTotales{
                float:      left;
                width:      100%;
                padding:    3px 3px 7px 3px;
                background: #33CCFF;
                /* display:    none; */
                color:      #FFF                /* font-size:  0.9em */
  }
    /* .divTitTotales div{border:1px solid gray} */

    .divTitTot{
                  float:      left;
                  width:      100%;
                  padding:    1px 3px 2px 3px;
                  background: #33CCFF;
                  color:      #FFF;
                  box-sizing: border-box;
    }
    .divTitTot1{
      float:  left;
      width:  calc(100% - 40px)
    }
      .divTitTot11{
        float:        left;
        padding-top:  6px
      }
    .divTotTit{
      float:        left;
      width:        100%;
      padding-top:  5px
    }

    /* .divTotTit div{border:1px solid #fff} */

      .divTotTit .divTotCatCar{
          float:        right;
          width:        95px;
          font-size:    0.95em;
          /* padding-top:  5px; */
          margin-left:  5px;
          text-align:   center
      }
    .divTotTit1{
      float:  left;
      width:  150px
    }
      .divTotTit1 span{
        width:        20px;
        margin-left:  10px;
        cursor:       default
      }

    #aTotCara{
       display: none
    }

  /*en divTitTotales, Totales*/
  .inCampoNom{
    font-style:   italic;
    font-size:    0.9em;
    border:       0;
    padding:      0;
    width:        141px;
    color:        #fff;
    background:   none
  }                                           /* #divTitTotales>div{padding-left:3px} */

  #divTotales{
              float:      left;
              width:      100%;
              padding:    10px 0 10px 0;
              /* display:    none; */
              background: #CCFFFF;
              font:       1em "Microsoft JhengHei","sans serif","verdana"
  }                                                                                    /* #divTotales div{border: 0.5px solid silver} */

  /*#divTotales{
    border:   1px solid black
  }*/



  .divTr{
        width:      100%;                                                          /* font-size:  0.9em; */
        float:      left
  }                                                                                /* .divTr div{border: 0.6px solid silver} */  /* .divTrYes div{border: 0.6px solid silver} */
    .divTrTot{
      width:      100%;
      float:      left;
      margin:     10px 0 0 0;
      background: #FFFF99;
      /* color:      #000; */
      border-top: 1px solid #E4E4E4
    }                                                                              /* .divTrTot div{border: 0.6px solid silver} */

    .divCol{
            width:        45px;
            margin-left:  2px;
            float:        left;
            padding:      3px 0 3px 0;
            text-align:   right;
            cursor:       default
    }
    .divColB{ /*solo bovinos en Totales*/
            width:        80px;
            margin-left:  2px;
            float:        left;
            padding:      3px 0 3px 0;
            text-align:   right;
    }
    .divCol2{
            width:        40px;
            margin-left:  5px;
            float:        left;
            padding:      3px 0 3px 0;            
    }


    /** NUEVO: pastotipo en Totales + Categorías **/
    .divCol12{
            width:      250px;
            float:      left;
            padding:    3px 0 3px 30px;
            text-align: left;
            display:    block;
            color:      #006600;
    }


    .divColP{
            width:      35px; /*ancho normal*/
            float:      left;
            padding:    3px 0 3px 0;                            
    }
    .divColPn{
            width:      40px;
            float:      left;
            text-align: right
    }
    .divColPN{
            width:        0px; /*ancho del nombre del pot*/
            float:        left;
            display:      none;
            padding-left: 5px;
            text-align:   left
    }

    .divColU{
      width:        135px;      
      float:        left;
      padding:      3px 0 3px 0;
      text-align:   right;
      margin-left:  5px;
      font-size:    1em;      
      color:        red;
      cursor:       default
    }

    [data-title]:hover:after{
      content:       attr(data-title);
      background:    yellow;
      padding:       5px;
      border-radius: 1px;
      border:        1px solid #eaeaea;
      z-index:       999
    }

    .divColV{      /* width: 45px; */
      float:        right;
      padding:      3px 0 3px 0;
      text-align:   right;
      margin-left:  5px;
      cursor:       default;      /* border:       0.7px solid gray; */
      color:        #000;
    }
    .divColVB{  /*solo para bovinos, versión 400 (casao F Bove)*/
      width:        45px;
      float:        right;
      padding:      3px 0 3px 0;
      text-align:   right;
      margin-left:  5px;
      cursor:       default;
      border:       0.7px solid gray;
      color:        #000;
    }

    .divColMap  {
                width:      13px;
                float:      right;
                padding: 4px 1px 0 1px;                                  /* border:     0.7px solid gray; */
                margin-left:  2px;
                text-align: center;
    }

    .divColCat{
      width:        auto;
      float:        left;
      padding:      3px 0 3px 5px;
      color:        maroon;
      text-align:   left;
      white-space:  nowrap;
      overflow:     hidden;
      cursor:       pointer
    }
      .divColCat:hover{
        color:      #fff;
        background: #0066CC
      }

    .divColCatOvi{
      width:        auto;
      float:        left;
      padding:      3px 0 3px 0;
      color:        #606060;
      text-align:   left;
      white-space:  nowrap;
      overflow:     hidden
    }

      .divColCatOvi:hover{
        color:      #fff;
        background: #0066CC
      }

    .divColCatEqui{
      width:        auto;
      float:        left;
      padding:      3px 0 3px 0;
      color:        #660066;
      text-align:   left;
      white-space:  nowrap;
      overflow:     hidden
    }

    .divColTot{
      width:      15%;
      float:      left;
      padding:    3px 0 3px 0;
      text-align: right      /* border:     1px solid red */
    }
    .divColTotV{
      width:      auto;
      float:      right;
      padding:    3px 6px 3px 0;
      text-align: right;
      cursor:     default
    }

    .divColPTot{
      width:      35px;
      float:      left;
      padding:    3px 0 3px 0;
      text-align: right
    }


  .divTrTit{
        width:        100%;
        float:        left;
        background:   #CCFFFF;
        /* color:        gray; */
        /* border: 1px solid silver; */
  }                                              /* .divTrTitNone{width:100%; float:left; background:#CCFFFF; color:gray; display:none} */

/*.divTrTit div{
border: 1px solid silver;
} */

  .divTrYes{
      width:    100%;
      float:    left;
      display:  block;
      border:   0.5px solid rgb(246,246,246)
  }
  /* .divTrYes div{border: 0.6px solid silver} */

  .divTrNone{
    width:    100%;
    float:    left;
    display:  none
  }

  .marBorTop{
    padding-top:  5px;
    border-top:   1px solid #E4E4E4
  }



/* Historias de potreros, bovinos, ...*/
#divHistoriasOut{
  margin:         0;
  float:          left;
  width:          100%;
  overflow:       hidden;
  background:     #303030;
  display:        none
}

#divHistorias{
  /* border:         1px solid #3CBC8D; */
  margin-bottom:  20px;
  margin-top:     10px;
  background:     none;
  font-size:      1em;
  /* width:          100%; */
  float: left;
}

 /* #divHisBOE{
    float:      left;
    width:      100%;
    padding:    0 3px 0 3px;
    background: #3CBC8D;
    color:      #FFF;
    font-size:  1.2em
  }
  #divHisBOE > div{padding-left:3px}*/

  .tblTecnica{font-size: 0.9em}
  .tblTecnica tr:nth-child(1) td{background:#505050; color:#fff}
  .tblTecnica tr:nth-child(2) td{background:#505050; color:#fff}

  .tblTecnica td{padding:3px 2px 3px 2px} /*; border:1px dashed red*/
  .tblTecnica tr>td:nth-child(1){width: 50px}
  .tblTecnica tr>td:nth-child(2){width: 50px}
  .tblTecnica tr>td:nth-child(3){width: 35px}
  .tblTecnica tr>td:nth-child(4){width: auto}
  .tblTecnica tr>td:nth-child(5){width: auto}

  .divHisCenter{
    display:        inline-block;
    position:       relative;
    width:          100%;
    /* max-width:      800px; */
    padding-bottom: 2px;
    margin-left: 0px;
    background:     none;
  }

    .repCpny{
      float:        left;
      padding-left: 5px;
      font-style:   italic;
      color:        #eaeaea
    }
    .divHisCenter .repTit{
      float:        left;
      padding-left: 60px;
      color:        #fff
    }

  #hisBovCat{
    width:        40px;
    margin-left:  10px;
    margin-right: 20px;
    background:   #F0F0F0;
    border:       1px solid silver
  }
  #hisBovCat:hover{
    background:   #fff;
    color:        #000
  }

  .tblHistoriasPotTit{
    background:#CCFF99;
    font-size:0.9em
  }
    .tblHistoriasPotTit tr:nth-child(1) td{ color:#006600}
    .tblHistoriasPotTit tr:nth-child(2) td{background:#CCFF99; color:#006600}

    .tblHistoriasPotTit td{padding:5px 5px 5px 5px} /*; border:1px dashed red*/
    .tblHistoriasPotTit tr>td:nth-child(1){width: 20px}
    .tblHistoriasPotTit tr>td:nth-child(2){width: auto}
    .tblHistoriasPotTit tr>td:nth-child(3){width: 70px;text-align:right}
    .tblHistoriasPotTit tr>td:nth-child(4){width: 50px;text-align:right}
    .tblHistoriasPotTit tr>td:nth-child(5){width: 50px;text-align:right}

  .tblHistoriasPot{
    background:       #fff;
    font-size:        0.9em;
    border:           1px solid silver;
    margin-bottom:    5px;
    border-collapse:  separate;
    border-spacing:   2px
  }
    /* .tblHistoriasPot tr:nth-child(3) td{background:#FFFFCC; color:#663300} */
    .tblHistoriasPot td{padding:3px 3px 3px 3px} /*; border:1px dashed red*/
    .tblHistoriasPot tr>td:nth-child(1){width: 20px}
    .tblHistoriasPot tr>td:nth-child(2){width: auto}
    .tblHistoriasPot tr>td:nth-child(3){width: 70px;text-align:right}
    .tblHistoriasPot tr>td:nth-child(4){width: 50px;text-align:right}
    .tblHistoriasPot tr>td:nth-child(5){width: 50px;text-align:right}

#divPotreros{
  background: white;
  display:    'none';
}



/*nuevas Historias*/
/*Rep de Historias de Bov y Ovi (lotes)*/
.divTitLote{
  float:      left;
  width:      100%;
  background: #303030;
  padding:    4px;
}

.divBuscaLote{
  padding-top:  5px;
  font-size:    0.8em;
  color:        silver;
  float:        right;
  /* color:        #fff */
}

.tblHisLote{
  width:            100%;
  font-size:        0.9em;
  border-collapse:  collapse;
  border-spacing:   0;
  background:       #fff;
}

  .tblHisLote thead tr{
    background:     #303030;
    color:          #fff
  }
  .tblHisLote thead th{
    padding:    5px 3px 5px 4px;
    cursor:     default;
    border:     0.6px solid #e0e0e0;
    text-align: center;
    font-weight:normal
  }

  .tblHisLote thead tr>th:nth-child(1){width: 40px}
  .tblHisLote thead tr>th:nth-child(2){width: auto}
  .tblHisLote thead tr>th:nth-child(3){width: 74px}
  .tblHisLote thead tr>th:nth-child(4){width: 190px}
  .tblHisLote thead tr>th:nth-child(5){width: 35px}
  .tblHisLote thead tr>th:nth-child(6){width: 35px}
  .tblHisLote thead tr>th:nth-child(7){width: 40px}
  .tblHisLote thead tr>th:nth-child(8){width: 40px}
  .tblHisLote thead tr>th:nth-child(9){width: 45px}
  .tblHisLote thead tr>th:nth-child(10){width: 40px}

  .tblHisLote tbody tr{                                              /* background:       #fff; */
    margin-bottom:    5px;
  }
  .tblHisLote tbody tr:hover{
    background-color: #FFFF99;
  }

  .tblHisLote tbody td{
    padding:    5px 3px 5px 4px;
    text-align: right;
    cursor:     default;
    border:     0.6px solid #e0e0e0;
  }
  .tblHisLote tbody tr>td:nth-child(1){width: 40px}
  .tblHisLote tbody tr>td:nth-child(2){width: auto; text-align:left}
  .tblHisLote tbody tr>td:nth-child(3){width: 74px}
  .tblHisLote tbody tr>td:nth-child(4){width: 190px; text-align:left}
  .tblHisLote tbody tr>td:nth-child(5){width: 35px}
  .tblHisLote tbody tr>td:nth-child(6){width: 35px; color: #009900}

  .tblHisLote tbody tr>td:nth-child(7){width: 40px;   color: #FF3333}
  .tblHisLote tbody tr>td:nth-child(8){width: 40px;   color: #FF3333}
  .tblHisLote tbody tr>td:nth-child(9){width: 45px; color: #FF3333}
  .tblHisLote tbody tr>td:nth-child(10){width: 40px; text-align:right}







/** Rep Historia de los potreros para versión 100... o todas??? **/
/*nuevas Historias*/
.divTitPot{
  float:      left;
  width:      100%
}
.tblHPot{
  background:       #303030;
  width:            100%;
  font-size:        0.9em;
  border-collapse:  collapse;
  border-spacing:   0;
  table-layout:     fixed
}

  .tblHPot thead tr{
    background:       #303030;
    color:            #fff
  }

  .tblHPot thead td{
    padding:    5px 4px 5px 4px;
    text-align: center;
    cursor:     default;
    border:     0.6px solid #e0e0e0;
  }

  .tblHPot thead tr>td:nth-child(1){width: 30px}
  .tblHPot thead tr>td:nth-child(2){width: auto} /*nombre del pot solo width>1300px*/
  .tblHPot thead tr>td:nth-child(3){width: 80px}
  .tblHPot thead tr>td:nth-child(4){width: auto}
  .tblHPot thead tr>td:nth-child(5){width: 40px}
  .tblHPot thead tr>td:nth-child(6){width: 40px}
  .tblHPot thead tr>td:nth-child(7){width: 40px}

  .tblHPot tbody tr{
    background:       #fff;             /* margin-bottom:    5px; */
  }

  .tblHPot tr.bdrBot{background: #FFFFCC}
  .tblHPot tr.bgNone{background: #e0e0e0}
  .tblHPot tr.bgEF{background: #EFEFEF}

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

  .tblHPot tbody td{
    padding:    5px 4px 5px 4px;
    text-align: center;
    cursor:     default;
    border:     0.6px solid #e0e0e0;
  }

  .tblHPot tbody tr>td:nth-child(1){text-align:right;}
  .tblHPot tbody tr>td:nth-child(2){text-align:left; display:block;white-space:nowrap; overflow:hidden} /*nombre del pot solo width>1300px*/
  .tblHPot tbody tr>td:nth-child(4){text-align:left}
  .tblHPot tbody tr>td:nth-child(5){text-align:right}
  .tblHPot tbody tr>td:nth-child(6){text-align:right; color:#009900; font-weight:bold}
  .tblHPot tbody tr>td:nth-child(7){text-align:right}


/*.tblHPot100{
  background:       #fff;
  width:            100%;
  font-size:        0.9em;  
  margin-bottom:    5px;
  border-collapse:  collapse;
  border-spacing:   0px
}
  .tblHPot100 tr:hover{
    background-color:  #FFFF99;
  }
  .tblHPot100 td{
    padding:  5px 4px 5px 4px;
    border:   0.6px solid #e0e0e0;
    cursor:   default;
  }
  .tblHPot100 tr>td:nth-child(1){width: 30px;   text-align:left}
  .tblHPot100 tr>td:nth-child(2){width: auto;   text-align:left; overflow-x:hidden} /*nombre del pot solo width>1300px* /
  .tblHPot100 tr>td:nth-child(3){width: 80px}
  .tblHPot100 tr>td:nth-child(4){width: auto;   text-align:left}
  .tblHPot100 tr>td:nth-child(5){width: 40px;   text-align:right}
  .tblHPot100 tr>td:nth-child(6){width: 40px;   text-align:right; color:#009900}
  .tblHPot100 tr>td:nth-child(7){width: 40px;   text-align:right}

      .tblHPot100 tr.bdrBot{background: #FFFFCC}*/




/*UG Anual por Potrero*/
.tblUGAPot{
  background:       #fff;
  width:            100%;
  max-width:        460px;
  box-sizing:       border-box;
  font-size:        0.9em;
  margin-bottom:    5px;
  border-collapse:  collapse;
  border-spacing:   0px;
}
  /*título general del listado*/
  .tblUGAPot caption{
    background:       #303030;
    color:            #fff;
    padding:          5px;
    border-collapse:  collapse;
    font:             1.1em "Helvetica Neue","sans serif", "verdana"
  }
    .tblUGAPot caption input{
      text-align: right;
      background: none;
      font:       15px "Helvetica Neue","sans serif", "verdana"
    }
    .tblUGAPot caption #inPre{
      width:      70px;
      border:     none;
      color:      #fff;
      margin-right: 10px
    }
    .tblUGAPot caption #inUGPA{
      width:        48px;
      margin-left:  5px;
      color:        #0066cc;
      background:   #fff
    }
    .tblUGAPot thead tr{
      background-color: #808080;
      color:            #fff;
      text-align:       center;
      cursor:           default
    }

    .tblUGAPot thead tr th{
      padding:      5px 3px 5px 3px;
      cursor:       pointer;
      border:       1px solid #eaeaea;
      font-weight:  normal
    }
    .tblUGAPot thead tr>th:nth-child(1){width: 40px}
    .tblUGAPot thead tr>th:nth-child(2){width: auto}
    .tblUGAPot thead tr>th:nth-child(3){width: 65px; display:none}
    .tblUGAPot thead tr>th:nth-child(4){width: 45px; display:none}
    .tblUGAPot thead tr>th:nth-child(5){width: 60px}

    .tblUGAPot tfoot tr{
      background-color: #ffff99; /*#CCFFCC verde agua*/
      color:            #000;
      text-align:       right
    }
    .tblUGAPot tfoot tr>td:nth-child(2){text-align: right}

    .tblUGAPot tbody tr.trNormal {background: #fff; color:gray; display:none}
    .tblUGAPot tbody tr.trPotTot {background: #fff} /*; font-weight:bold*/

    .tblUGAPot tbody tr:hover{
      background-color:  #FFFFCC;
    }

    .tblUGAPot tr:hover{
      background-color:  #FFFF99;
    }
    .tblUGAPot td{
      padding:  6px 4px 6px 4px;
      border:   0.6px solid #e0e0e0;
      cursor:   default;
    }
    .tblUGAPot tr>td:nth-child(1){width: 40px;   text-align:right}
    .tblUGAPot tr>td:nth-child(2){width: auto;   text-align:left}
    .tblUGAPot tr>td:nth-child(3){width: 65px;   text-align:right; display:none}
    .tblUGAPot tr>td:nth-child(4){width: 45px;   text-align:right; display:none}
    .tblUGAPot tr>td:nth-child(5){width: 60px;   text-align:right}















.divYMI{
  float:    left;
  padding:  1px;
  width:    23px;
  height:   23px
}

.divRG{
  float:    left;
  padding:  1px;
  width:    8px;
  height:   10px;
}

.divSVGFVI{
  float:   left;
  margin:  0;
  padding: 0;
  width:   25px;
  border:  none
}

.divSVGPA{
  float:          left;
  padding-top:    2px;
  padding-left:   13px;
  width:          25px
}

.divHato1{
  width:      100%;
  float:      left;
  padding: 10px 3px 10px 3px;
  background: #c7ebf7;
  font-size:  1em;
  color:      #000;
  text-align: right;
  /* margin-top: 5px; */
}
  .divHatoTbl{
    width:  100%;
    float:  left
  }
  .divHatoPie{
    display:    none; /* OJO!!! */
    width:      100%;
    float:      left;
    font-size:  1em;
    color:      #606060;
    background: #EFEFEF;
    padding:    5px 3px 5px 3px;
    /* border:     3px solid lime */
  }

  .divPNom{
    position:   absolute;
    left:       300px;
    top:        113px;
    display:    none;
    font-size:  1em;
    z-index:    9;
    color:      gray;
  }

.lblHB{
  float:      left;
  margin: 3px 0 0 1px;
  border:     0;
  font-size:  1em;
}
.lblHPK{
  float:      left;
  margin:     4px 0 0 4px;
  border:     0;
  font-size:  0.9em;
  color:      #FF6600
}

.HatoKgs{
  width:      50px;
  float:      left;
  margin:     4px 0 0 5px;
  border:     0;
  background: none;
  font-size:  0.9em;
  text-align: right;
  color:      #FF6600
}


.correlativo{
  width: 40px;
  border:     0;
  background: none;
  color:      #EFEFEF;
}

/*potreros*/
/*#btnGastos{
  background-color: #4CAF50;
  border:           none;
  color:            white;
  padding:          5px 20px;
  text-align:       center;
  text-decoration:  none;
  display:          inline-block;
  font-size:        1em;
  margin:           0 2px;
  cursor:           pointer
}*/

















/* divs ... */
.divPotResumenes{
  float:      left;
  width:      100%;
  padding:    0 0 10px 0;
  font-size:  1em;
  border:     1px solid #CCFF99;
  margin-bottom: 20px
}
  /* .divPotResumenes div{font-size: 1em} */
  /* .divPotResumenes table{font-size: 0.8em} */
/*float:left; width:100%; padding:0px; font-size:0.8em; margin-top:20px; margin-bottom:20px; border:1px solid #CCFF99*/

.divTitResumenes{
  float:        left;
  width:        100%;
  padding:      10px 0 10px 0;
  font-size:    1em;
  background:   #CCFF99;
  color:        #006600;
  text-align:   center
}
/*float:left; width:100%; padding:10px 0 10px 0; font-size:1em; background:#CCFF99; color:#006600; text-align:center*/


/*descansos*/
.tblDescansos{
  width:            99%;
  font-size:        0.8em;
  border-collapse:  separate;
  border-spacing:   2px;
  color:            #000;
  background:       #fff
}

  .tblDescansos tr {border-bottom: 1px solid #eaeaea}
  .tblDescansos tr:first-child  {background: #eaeaea}

  .tblDescansos td{
    padding:  2px;
    /* border: 1px solid silver */
  }
  .tblDescansos tr> td:nth-child(1){width: 70px}
  .tblDescansos tr> td:nth-child(2){width: 70px}
  .tblDescansos tr> td:nth-child(3){width: 100px}
  .tblDescansos tr> td:nth-child(4){width: 170px}




#divOutPot{
  width:          100%;
  float:          left;
  padding:        0;                        /* margin-bottom:  20px; */
  border-top:     1px solid #D0D0D0;
  border-bottom:  10px solid #303030;
}

.divOutHato{
  width:          100%;
  float:          left;
  margin-bottom:  20px;
  background:     #fff;
  display:        none; /*con esto podemos parametrizar y no mostrar las 3 especies*/
}
  .divTodos{
      width:      100%;
      float:      left;
      /* display:    none; */
      background: #303030
  }
    .divHato{
      width:      100%;
      float:      left;
      margin-bottom: 10px;
      /* display: block; */
    }

    .divHatoMas{ /*para crear cats*/
      width:          460px;
      position:       absolute;
      left:           0px;
      top:            100px;
      margin-bottom:  10px;
      border:         1px solid #D0D0D0;
      background:     #FFFF66;
      box-shadow:     0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);      /* z-index:        99 */
    }


  #potTotal{
    width:    34px
  }


/* hatos */
.tblTitPot{
  background:       #fff;
  color:            gray;
  border-collapse:  separate;
  border-spacing:   0 10px;
  font-size:        1.1em;
}
  .tblTitPot tr>td{
    padding:  1px
  }

  .tblTitPot tr>td:nth-child(1){width:40px}
  .tblTitPot tr>td:nth-child(2){width:35px; text-align:left}
  .tblTitPot tr>td:nth-child(3){width:74px}
  .tblTitPot tr>td:nth-child(4){width:15px}
  .tblTitPot tr>td:nth-child(5){width:auto; text-align:left}
  .tblTitPot tr>td:nth-child(6){width:35px; text-align:left}
  .tblTitPot tr>td:nth-child(7){width:70px; text-align:right; padding-right:3px}

  .tblTitPot input{
    font-size:  100%;
    width:      100%;
    border:     0;
    text-align: right;
  }

  .in100{
    width:      100%;
    border:     0;
    text-align: right;
  }
  /*.inHa{
    width:      75px;
    font-size:  1.2em;
    text-align: right;
    border:     0
  }*/

  /*#potValorTotal{
    width:      70px;
    border:     0;
    font-size:  1em;
    text-align: right;
    color:      #000;
    background: none
  }*/

  .clrPot{ color:#008000}
  .clrLlu{ color:#0066FF; width:33%}
  .clrBov{ color:gray}
  .clrOvi{ color:gray}
  .clrEqui{color:gray}

  .divTitHato{
    width:      100%;
    float:      left;
    padding:    8px 3px 7px 3px;
    font-size:  1.2em; /*inherit;*/
    text-align: right;
    color:      #404040;
    border-top: 1px solid #D0D0D0;
    box-sizing: border-box;
  }

    .divTitHato>input{
        width:      45px    }

    .divTitHato1{
      float:      left;
      width:      100px;
      text-align: left;
    }

    .divTitLluvias{
      float:    left;
      width:    210px;
      /* padding-top:3px; */
      margin:   0;
      /* background:yellow; */
    }

    .divTitLluviasR{
      float:        right;
      max-width:    150px;
      text-align:   right;
      padding-top:  5px;
      margin:       0;
      font-size:    1em;      /* border:       1px solid red; */
    }

    .divTitGGIG{
      float:    right;
      width: 230px;      /* padding-top:3px; */
      margin:   0;      /* background:yellow; */
    }

    .divTrazaFolders{
      float:        left;
      width:        300px;
      padding-top:  3px;
      margin:       0;
      font-size:    0.9em
    }


    .divTitTraza{
      float: left;
      width: 90px;
      text-align:   right;
      padding-top:  5px;
      margin:       0;
      font-size:    0.8em;            /* background: yellow; */
    }
    .divAFleTraza{
      float:        right;
      width:        25px;
      text-align:   center;
      padding:      4px 0 0 0;
      margin-left:  5px
    }

    .divTrazaSira{
      float:      left;
      /* width:      36px; */
      margin-right: 10px;
      /* height:     30px; */
      padding-top:5px;
      font-size:  0.7em;
      color:      gray;
      /* background: lime; */
    }

    .divTrazaBal{
      float:      left;
      /* width:      40px; */
      /* height:     30px; */
      padding-top:5px;
      margin-right: 10px;
      font-size:  0.7em;
      color:      gray;
      text-align: right;
      display:    block
    }




/** PRV **/
/*tabla de colores de los días de descanso de las parcelas*/
.tblColDesc{
    width:            130px;
    margin-top:       20px;
    margin-bottom:    20px;
    padding:          1px;
    border-collapse:  separate;
    border-spacing:   1px 5px;
    font-size:        1em;
    background:       #000;
    font-size:        0.8em
}
  .tblColDesc td{
    /* background:     #fff; */
    padding:    3px 1px 2px 1px;
    /* font-size:  0.7em */
  }

  .tblColDesc tr:nth-child(1){background: #000}
    .tblColDesc tr:nth-child(1) td{
                                    text-align:   left;
                                    color:        #99CCFF;
                                    font-style:   italic;
                                    font-size:    1.2em
                                  }

  .tblColDesc tr:nth-child(2){background: #fff}
  .tblColDesc tr:nth-child(3){background: red}
  .tblColDesc tr:nth-child(4){background: #FF6600}
  .tblColDesc tr:nth-child(5){background: orange}
  .tblColDesc tr:nth-child(6){background: yellow}
  .tblColDesc tr:nth-child(7){background: #669900}

  .tblColDesc tr> td:nth-child(1){width: auto}  /*días de descanso */




.divTitPRV{
      float:      left;
      padding:    3px 0 0 3px;
}

  .divPRV{
      float:      left;
      width:      100%;
      padding:    0 2px 0 2px;
      font-size:  0.9em;
      background: #fff; /*#CCFFCC*/
      display:    none;
  }
  .divTblPrv{
      max-height: 400px;
      padding:    0px;
      overflow-x: hidden;
      overflow-y: scroll;
      border:     0.5px solid #d0d0d0;
  }



  .tblPRV{
    width:            100%;
    padding:          1px;
    margin:           0px;
    border-collapse:  separate;
    border-spacing:   0px 7px;
    font-size:        1.3em;
    background:       #fff; /*#E4FFE6*/

  }

    .tblPRV thead th{
      border:       1px solid #D0D0D0;
      padding:      2px;
      font-size:    0.7em;
      font-weight:  normal;
      background:   #E0E0E0;
      color:        gray;
      cursor:       default
    }
    .tblPRV thead tr>th:nth-child(1){width: 21px}  /*N°*/
    .tblPRV thead tr>th:nth-child(2){width: 45px}  /*há*/
    .tblPRV thead tr>th:nth-child(3){width: 10px}  /*especie*/
    .tblPRV thead tr>th:nth-child(4){width: 40px}  /*cat*/
    .tblPRV thead tr>th:nth-child(5){width: 65px;overflow-x:hidden} /*fecha ingreso*/
    .tblPRV thead tr>th:nth-child(6){width: 65px;overflow-x:hidden}  /*fecha salida 55px*/
    .tblPRV thead tr>th:nth-child(7){width: 25px; text-align:center}                /*para DME*/
    .tblPRV thead tr> th:nth-child(8){width: 45px}                /*ocupación*/
    .tblPRV thead tr> th:nth-child(9){width: 45px}                /*descanso*/
    .tblPRV thead tr> th:nth-child(10){width: 30px;}               /*NUEVO: Guardar la fila, cambia el criterio, no se guarda más todos juntos*/
    .tblPRV thead tr> th:nth-child(11){width: 20px;}               /*eliminar*/
    .tblPRV thead tr> th:nth-child(12){width:0px; display:none}   /* era antes orden de ingreso, ahora es el índice en la tabla para eliminar pastoreos*/

    .tblPRV tbody td{
      border-right:   0.5px solid #d0d0d0;
      border-bottom:  0.5px solid #d0d0d0;
      padding:        3px 1px 2px 1px;
      font-size:      0.7em
    }
    .tblPRV tbody tr{
      border:     1px solid #D0D0D0;
      background: #fff
    }
    .tblPRV tbody tr:hover{
      background: #FFFF66
    }
    .tblPRV tbody tr> td:nth-child(1){width: 21px; text-align:right}
    .tblPRV tbody tr> td:nth-child(2){width: 45px;text-align:right}
    .tblPRV tbody tr> td:nth-child(3){width: 10px;text-align:right}
    .tblPRV tbody tr> td:nth-child(4){width: 40px;text-align:right}
    .tblPRV tbody tr> td:nth-child(5){width: 65px; text-align:center;overflow-x:hidden}
    .tblPRV tbody tr> td:nth-child(6){width: 65px; text-align:center;overflow-x:hidden}
    .tblPRV tbody tr> td:nth-child(7){width: 25px; text-align:center}
    .tblPRV tbody tr> td:nth-child(8){width: 45px; text-align:right}
    .tblPRV tbody tr> td:nth-child(9){width: 45px; text-align:right} /*; background:#fff; color:#fff*/
    .tblPRV tbody tr> td:nth-child(10){width: 30px; }/*grabar*/
    .tblPRV tbody tr> td:nth-child(11){width: 20px; }/*eliminar*/
      .tblPRV tbody tr> td:nth-child(11):hover{background: red; color:#fff}
    .tblPRV tbody tr> td:nth-child(12){width: 0px; display:none} /*orden de ingreso o el índice en tabla...??? */



.tblPRVMas1fila{
  width:            100%;
  border-collapse:  collapse;
  border-spacing:   0px;
  margin-top:       15px;
  /* border-spacing:   5px 15px; */
  color:            #000;
  font-size:        1em;
  background:       #fff; /*#E4FFE6*/
}
  .tblPRVMas1fila tr{background: none} /*#CCFFCC*/
  .tblPRVMas1fila td{
                    padding:  0;                     /* border:   1px solid gray; */
  }

  .tblPRVMas1fila tr> td:nth-child(1){width: auto; text-align:left}
  .tblPRVMas1fila tr> td:nth-child(2){width: 20%; text-align:center}
  .tblPRVMas1fila tr> td:nth-child(3){width: 20%; text-align:center}
  .tblPRVMas1fila tr> td:nth-child(4){width: 5%}
  .tblPRVMas1fila tr> td:nth-child(5){width: 20%; text-align:center}

  /*.tblPRVMas1fila{
    width: 100%;
  }*/
  .btnPasMenos{
    width:      12px;
    font-size:  1em;
    padding:    0px;
  }

  .btnPasGuarda{
    width:      30px;
    font-size:  1em;
    padding:    0px;
    text-align: right
  }

  .inBorra1Parc{
    width: 25px;
    display:none;
    /* border:   none */
  }

  .bgRR{
    /* background:     #ff6666; */
    background:     #fff;
    width:          120px;
    border-radius: 3px;
    border-color:   red
  }
  .btnParcE{
    cursor:     pointer;
    width:      80px;
    padding:    10px 2px 10px 2px;
    background: #FF6666;
    color:      #fff;                              /* border:     1px solid #00cc33; */
  }
    .btnParcE:hover{
      background: red;
      color:      #fff
    }

  .btnParcG{
    cursor:         pointer;
    width:          100%;
    padding:        10px 5px 10px 5px;
    background:     #00CCFF;
    color:          #fff;
    border-radius:  3px;
    border:         none;
    border:         0.6px solid #99ccff;
    /* display:        none; */
  }
    .btnParcG:hover{
      background: red;
      color:      #fff
    }

  .btnPasLis{
    cursor:         pointer;
    width:          80px;
    padding:        10px 5px 10px 5px;
    border-radius:  3px;
    border:         none;
    border:         0.6px solid #99ccff;
    /* display:        none; */
  }
    .btnPasLis:hover{
      background: red;
      color:      #fff
    }

  .btnFilaA{
    cursor:         pointer;
    width:          90px;
    padding:        10px 5px 10px 5px;
    background:     #00cc33;
    color:          #0066ff;
    border-radius:  3px;
    border:         none
  }
    .btnFilaA:hover{
      background: red;
      color:      #fff
    }

  .btnParcA{
    cursor:         pointer;
    width:          110px;
    padding:        10px 5px 10px 5px;
    background:     #00CC33;
    color:          #fff;
    border-radius: 3px;
    /* border:        1px solid #00cc33 */
  }
    .btnParcA:hover{
      background: red;
      color:      #fff;
      /* border:     1px solid #00cc33 */
    }

  .btnParcR{
    background:     #fff;
    border:         0.6px solid #99ccff;
    cursor:         pointer;
    width:          80px;
    border-radius:  3px;
    padding:        12px 6px 11px 5px;
    color:          #0066ff
  }
    .btnParcR:hover{
      background: red;
      color:      #fff
    }

  .btnParcM{
    background:   #fff;
    border:       1px solid #99ccff;
    cursor:       pointer;
    width:        80px;
    border-radius:3px;
    /* padding:  8px 3px 0px 3px; */
    color:        #0099ff;
    padding: 5px 3px 5px 3px;
  }
    .btnParcM:hover{
      background: red;
      color:      #fff
    }
  .spParcM{
    padding-top:  5px;
    height:       27px;
    width:        40px;
    float:        left;
    margin-right: 15px;
  }


  #divPRVAyuda{
      width:      100%;
      font-size:  13px;
      color:      #202020;
      text-align: left;
      padding:    20px 10px 20px 10px;
      display:    none;
  }
    .divBtnPRVAyuda{
      float:      left;
      width:      100%;
      text-align: left;
      margin-top: 10px;
      margin-bottom:10px
    }

  .divTitHatoImg{
    float:      left;
    padding: 0 0 0 3px;      /* font-size:  0.7em; */
  }
  .divTitHatoImgOvi{
    float:  left;
    padding:3px 0 0 3px
  }


    .divTitHatoPot input{
      width:      45px;
      float:      left;
      margin:     3px 0 0 10px;
      border:     0;
      font-size:  .9em;
      color:      #000
    }



.divSubTitHato{
  width:      100%;
  float:      left;
  padding:    10px 3px 10px 3px;
  font-size:  1.2em;
  text-align: right;
  color:      #404040;
  background: #fff;
  border-top: 1px solid #D0D0D0;
  /* border:1px solid black */
}

/*similar a divSubTitHato*/
.divTrazaTit{
  width:      100%;
  height:     62px;
  float:      left;
  padding:    10px 3px 10px 3px;
  font-size:  1.2em;
  text-align: right;
  color:      #404040;
  background: #FFF;
  border-top: 1px solid #D0D0D0;
  /* border:1px solid black */
}
  /*.divTrazaTit div{
    border:1px dashed red
  }*/

  .caraImg{
    float:        left;
    width:        25px;
    height:       30px;
    padding-top:  5px;
    padding-left: 5px;
    text-align:   left
  }

.divTotFle{
  float:        right;
  width:        30px;
  padding-top:  4px;
  text-align:   center
}


.divFle{
  float:        right;
  width:        60px;
  padding-top:  9px;
  text-align:   center
}
  .divAFle{
    float:        right;
    width:        25px;
    text-align:   center;
    margin-left:  5px
  }

  .divDFle{ /*flecha derecha de Totales*/
    float:          right;
    width:          27px;
    text-align:     center;
    margin-left:    5px;
    margin-bottom:  2px;
  }

  .divAFleLluvia{
    float:        right;
    width:        25px;
    text-align:   center;
    padding:      8px 0 0 0;
    margin-left:  3px;
  }

  .divMas{
    float:        right;
    width:        25px;
    text-align:   center;
    display:      block;
    margin-right: 5px
  }

/*gastos / ingresos*/
.divTitGGIGR{
  float:        right;
  max-width: 170px;
  text-align:   right;
  padding-top:  5px;
  margin: 0px 10px 0px 0px;
  font-size:    1em;
  /* border:       1px solid red; */
}

.divSVGOut{float:left;padding:2px 1px 1px 3px;width:33px;height:30px}/*div out svg*/


/* usada en eliminar un lote y en cerrar adjuntos nuevos*/
.divCerrar{
  float:      right;
  width:      70px;
  text-align: center;
  padding:    2px 3px 3px 0
}
.divTitNego{
  color:      #99CCFE;
  font-style: italic;
  width:      100%;
  text-align: left
}
.divXNego{
  float:      right;
  width:      30px;
  text-align: right;
  background: #000;
  padding:    2px 3px 3px 0
}
.divXHis{
  float:      right;
  width:      30px;
  text-align: right;
  background: #303030;
  padding:    2px 3px 3px 0
}
.divMasX{
  float:      right;
  width:      100%;
  text-align: left;
  padding:    2px 3px 10px 0;
  font:       italic 12px verdana;
  color:      gray
}




/*Soporte*/
#divSoporte{
  display:    none;
}
/*Ayuda*/
#divAyuda{
  width:      100%;
  position:   absolute;
  left:       0;
  top:        42px;
  height:     100%;
  overflow:   hidden;
  background: #fff;
  padding:    1px;
  display:    none;
}

  .divAyuTxt{float:left;width:100%;overflow:auto;height:95%;padding:20px 0 20px 0}
    .divAyuTxt p{background:#fff;font-size:1.2em}
    .divAyuTxt p a{text-decoration:none;color:#0066FF}

  .divAyuTit{
            float:      left;
            width:      100%;
            padding:    8px 10px 8px 10px;
            background: #000;
            color:      #fff
  }

.h2{color:#fff;font-weight:normal;font-size:1em;padding:2px 0 2px 0}
.h3{color:#008000;font-weight:normal;font-size:1.5em}
.usr{
  float:        left;
  margin-left:  10px;
  color:        #fff;
  font-weight:  normal;
  font-size:    1em;
  padding:      4px 0 4px 0
}
#inUsr{
  width:      100px;
  color:      #fff;
  background: 0;
  border:     0
}
.h4{
  margin:       0;
  border:       0;
  padding:      0;
  color:        green;
  font-weight:  normal;
  font-size:    1.2em
}
.h5{
  color:        #404040;
  font-weight:  normal;
  font-size:    1.1em
}
.h6{
  color:        #404040;
  font-weight:  normal;
  font-size:    1em
}

li{/* margin-left:30px; */padding-bottom:10px}




/*Login de usuarios*/
#divIfrLogin{
  /* width: 500px; */
  height: 560px;
  padding: 0px;
  display:  none;
  background: none;
  /* border: 1px solid lime; */
}
  #divIfrLogin iframe{
    width: 100%;
    height: 505px;
    /* border: 1px dotted lime; */
  }

#divLogin{
  position:   absolute;
  left:       0;
  top:        0;
  width:      100%;
  background: #cf9;
  z-index:    9;
  display:    none;
  padding:    0
}
#divLoginOut{
  margin:     0 auto;
  width:      360px;
  background: none
} /*debe ser la única con ancho definido*/

#divLoginTxt{
  margin:     0 auto;
  width:      100%;
  max-width:  100%;
  overflow:   auto;
  padding:    5px;
  font-size:  0.8em;
  background: #E0E0E0
}
  .divLbl{
    float:      left;
    width:      110px;
    padding:    5px;
    text-align: right;
    font-size:  0.8em;
    margin-top: 7px
  }
  /*.divRecuerdame{
    float:          left;
    width:          100px;
    padding:        12px 5px 0 5px;
    text-align:     left;
    margin-bottom:  5px
*/

  .divInput{
    float:          left;
    width:          100%;
    max-width:      220px;
    padding:        2px;
    text-align:     right;
    margin-bottom:  5px
  }
    .divInput input{width:100%; padding:3px; font-size:1em}



/*clase de select con "pisada" para manejar la primera opción y el texto inicial*/
.selComboRegistro{
                  font-size:      1em;
                  padding:        3px;
                  width:          100%;
                  background:     #fff;
                  text-indent:    0.01px;
                  text-overflow:  ''
}
  .selComboRegistro option:first-child{
                  display: none;
  }

.divPriv{
  margin:         0 auto;
  padding:        20px;
  font:           0.9em "arial rounded","verdana";
  width:          100%;
  vertical-align: top;
  color:          #606060;
  text-align:     justify;
  background:     #fff;
  border:         2px solid #eaeaea
}

.trans{opacity:.4}
.full{opacity:1}

#clkPotrero{
  margin:     0 auto;
  cursor:     pointer;
  color:      #808080;
  width:      110px;
  height:     96px;
  text-align: center;
  border:     1px solid #D0D0D0;
  padding-top:20px
}
  #clkPotrero:hover{color:red; background:white}
  #clkPotrero span{color: #0066FF; background:none}

/*para cancelar al crear uno nuevo cuando se arrepiente*/
#divXPotNuevo{
  display:    none;
  position:   relative;
  top: -80px;
  left:       160px;
  padding:    4px;
  /* border:     1px solid silver; */
  background: red;
  width: 25px;
  text-align: center;
  height:     30px;
  color: #fff;
}


.clkBovinos{
  margin:     0 auto;
  cursor:     pointer;
  width:      110px;
  height: 90px;
  text-align: center;
  border:     1px solid #D0D0D0;
  color: #0066cc;
}
  .clkBovinos:hover{color:red; background:white}

/* .clkOvinos {margin:0 auto;width:110px;cursor:pointer;height:94px;  text-align:center; border:1px solid silver} */
/* .clkEquinos{margin:0 auto;width:130px;cursor:pointer;height:114px; text-align:center; border:1px solid silver} */

#bovAyuda{width:380px;height:264px;background:url('images/bovayuda.jpg') no-repeat}
#potAyuda{width:380px;height:198px;background:url('images/potayuda.jpg') no-repeat}




/******* tabla de Historias en divs *******/
.divTbl{
  display:    inline-block;
  position:   relative;
  max-width:  450px;
  font-size:  1em;
}
  .divTblRow{
    width: 450px;
    float: left
  }
  .divTblRow>div{
    padding-top:  6px;
    float:        left;
    height:       30px
  }
  .divTblRow1{
    float:      left;
    width:      450px;                 /* padding:    0 3px 0 3px; */
    background: #505050; /*#3CBC8D;*/
    color:      #FFF;
    font-size:  1.1em
  }
    .divTblRow1>div{
      padding-top:  3px;
      float:        left;
      height:       30px
    }

    .dTC1{
      width:    60px
    }
    .dTC2{
      width:    60px;
      border-left:  1px solid silver
    }
    .dTC3{
      width:    50px;
      border-left:  1px solid silver
    }
    .dTC4{
      width:    140px;
      border-left:  1px solid silver
    }
    .dTC5{
      width:    130px;
      border-left:  1px solid silver
    }
    .dTC6{
      width:  0
    }
    .dTC7{
      width:  0
    }
/***** fin de tabla de Historias en divs ***/





/**habla*/
.inHablaOnOff{
  background: none;
  width:      20px;
  color:      #00CCFF;
  border:     1px solid #fff;
  font-size:  18px;
}

.divNego{
  float:      left;
  /* position:   absolute; */
  /* left:       1px; */
  /* top:        1px; */
  padding:    10px 10px 20px 10px;
  background: #000;
  width:      500px;
  display:    none
}
  .tblNego{
    width:            100%;
    background:       none;
    color:            #fff;
    border-collapse:  separate;
    border-spacing:   6px;
    font-size:        1em
  }
    .tblNego tr td{padding:3px} /*; border:1px solid white*/
    .tblNego tr td:first-child{width:160px; text-align:right}
    .tblNego tr>td:nth-child(2){width:auto; text-align:left}

    #tblNego0{font-size: 1.1em}
    #tblNego1{
      font-size: 0.7em; color:silver
    }




  .menuA{color:white;text-align:center;padding:4px 3px 5px 3px;text-decoration:none;border:0;height:32px} /*;display:block*/
  .menuA:hover{background-color:#111}
  .menuA:active{background-color:#4CAF50}


/*para menucito?*/
.ul4{
  list-style-type:  none;
  margin:           0;
  padding:          0;
  overflow:         hidden;
  background:       #000;
  text-align:       left;
  width:            130px  /* border:1px dashed yellow */
}
  .ul4 li{    /* display:        none; */
    float:          left;
    height:         50px;
    width:          100%;
    margin-top:     2px;
    margin-left:    0
  }

  .ul4 li a{
    display:          block;
    color:            #fff;
    text-decoration:  none;
    padding-top:      12px;
    width:            100%;
    height:           90%;
    font-size:        1.1em;
    padding-left:      5px
  }

  .ul4 li a:hover{
    background-color: red;
    color:            #FFF
  }

#divMenucito{
  position:   absolute;  /*dentro de un div relative*/
  left:       0 !important;
  top:        50px !important;
  padding:    5px;
  background: #000;
  width:      450px;  /* height:     600px; */
  display:    none;
  z-index:    4; /*;border:1px solid lime*/
}

#divNotificaciones{
  width:      310px;
  min-height: 350px;
  padding:    0px;
  margin-left:  10px;
  border:     1px solid silver;
  display:    none;
  float:      left;
  text-align: left;
  background: rgb(238,238,238);
  font:       13.5px verdana
}
  #divNotificaciones span{
                            font-style: italic;
                            color:      red;
                            padding:  0px 10px 0px 5px
                          }
  #divNotificaciones p{
    padding:  6px
  }

/*.blink{
  animation: bb 1s 8;
}
  @keyframes bb{
    0%  { background-color: #ffff33}
    /* 49% { background-color: #fff; } * /
    50% { background-color: #000}
    /* 99% { background-color: #000; } * /
    100%{ background-color: #ffff33}
  }*/


/*PastoreosLog*/
#secPasLog{
  width: 960px;
  height:       700px;
  background:   #fff;
  position:     absolute;
  left:         10px;
  top:          50px;
  display:      none;
  padding:      0px;
  z-index:      9;
  text-align:   left;
  border:       1px solid #303030;
  overflow-y:   scroll
}


.tblPasLog{
      width:            100%;
      background-color: #FFF;
      border-collapse:  collapse;
      border-spacing:   0px;
      font-size:        0.9em
}
    .tblPasLog thead{
      background-color: gray;
      color:            #fff;
    }
      .tblPasLog thead th{
        font-weight: normal;
        padding:      2px;
        text-align:   center
      }
      .tblPasLog thead tr>th:nth-child(1){width:27px}
      .tblPasLog thead tr>th:nth-child(2){width:25px}
      .tblPasLog thead tr>th:nth-child(3){width:80px}
      .tblPasLog thead tr>th:nth-child(4){width:95px}
      /* .tblPasLog thead tr>th:nth-child(5){width:30px} */
      .tblPasLog thead tr>th:nth-child(5){width:40px}
      .tblPasLog thead tr>th:nth-child(6){width:45px}
      .tblPasLog thead tr>th:nth-child(7){width:40px}
      .tblPasLog thead tr>th:nth-child(8){width:60px}
      .tblPasLog thead tr>th:nth-child(9){width:30px}
      .tblPasLog thead tr>th:nth-child(10){width:45px}
      .tblPasLog thead tr>th:nth-child(11){width:45px}
      .tblPasLog thead tr>th:nth-child(12){width:45px}
      .tblPasLog thead tr>th:nth-child(13){width:95px}
      .tblPasLog thead tr>th:nth-child(14){width:95px}
      .tblPasLog thead tr>th:nth-child(15){width:auto}

      .tblPasLog tbody tr:hover{
        background-color:  #FFFF99;
      }
      .tblPasLog tbody tr td{
        padding:  3px;
        cursor:   pointer;
        border:   1px solid #eaeaea;
        text-align: right
      }

      .tblPasLog tbody tr>td:nth-child(1){width:27px}
      .tblPasLog tbody tr>td:nth-child(2){width:25px}
      .tblPasLog tbody tr>td:nth-child(3){width:80px; text-align:left}
      .tblPasLog tbody tr>td:nth-child(4){width:95px}
      /* .tblPasLog tbody tr>td:nth-child(5){width:30px} */
      .tblPasLog tbody tr>td:nth-child(5){width:40px}
      .tblPasLog tbody tr>td:nth-child(6){width:45px}
      .tblPasLog tbody tr>td:nth-child(7){width:40px}
      .tblPasLog tbody tr>td:nth-child(8){width:60px}
      .tblPasLog tbody tr>td:nth-child(9){width:30px}
      .tblPasLog tbody tr>td:nth-child(10){width:45px}
      .tblPasLog tbody tr>td:nth-child(11){width:45px}
      .tblPasLog tbody tr>td:nth-child(12){width:45px}
      .tblPasLog tbody tr>td:nth-child(13){width:95px}
      .tblPasLog tbody tr>td:nth-child(14){width:95px}
      .tblPasLog tbody tr>td:nth-child(15){width:auto}


.tblPasLog caption{
  width:  100%;
  padding:  3px
}
.tblPasLog caption>div{
  float:        left;
  color:        #3366CC;
  font-size:    1.1em;
  padding-left: 10px
}
.tblPasLog caption .divX{
  float:          right;
  padding-right:  10px
}


.btnPasSubir{
  margin:   0px 20px 0px 50px;
}



/*respaldo*/
#secRespaldo{
  width:        420px;
  background:   #fff;
  position:     absolute;
  left:         10px;
  top:          50px;
  display:      none;
  padding:      0px;
  border:       1px solid #303030
}
  #secRespaldo .divRespTit{
                            float:          left;
                            width:          100%;
                            padding:        5px 10px 5px 10px;
                            background:     #303030;
                            color:          #fff;
                            text-align:     left;
                            margin-bottom:  10px;
                          }
  .divRespPot{
    padding: 16px 20px 20px 10px;
    width:      120px;
    height:     96px;
    float:      left;
    text-align: left;
    background: #ccffff;
    margin:     5px 5px 15px 11px;
    border:     1px solid #eaeaea
  }
    .divRespPot:hover{
      background: #FFFFCC;
    }
    .divRespPot a{
      background:       none;
      text-decoration:  none;
      color:            #0099CC;
      font-size:        1.1em
    }
    .divRespPot a:hover{
      color:      #303030;
    }

    .divRPotNota{
      float:  left;
      padding:16px 20px 20px 20px;
      margin: 5px 5px 15px 11px;
      width:  250px;
      border: 1px solid #eaeaea;
      color:  #A0A0A0;
      text-align: left;
    }

/*varios campos en una misma app*/
/* #trCampos{ */
  /* display:  none */
/* } */





#divMsgZoom{
  text-align: center;
  position:   absolute;
  left:       0;
  top:        0;
  padding:    12px 10px 12px 10px;
  color:      #fff;
  width:      100%;
  /* height:     200px; */
  background: #33CC66;
  opacity:    1;
  display:    none;
  /* border:     6px solid red; */
  font-size:  1.3em;
  z-index:    99
}


/** BLASINA Y SUS PROVEDORES*/
.divBannersBlasina{float:left;width:100%}
  .divBB{float:left;width:100%;padding:10px;border:1px solid #E0E0E0;margin:10px 0 10px 0}



/** tbl Contactos Por Origen */
#tblCtctPorOrigen{width:100%;background:#fff;color:#000;border-collapse:separate;border-spacing:3px;font:0.9em "Helvetica Neue","sans serif", "verdana"}
  #tblCtctPorOrigen tr:first-child{background:#000;color:#fff;text-align:center}

  #tblCtctPorOrigen tr td{padding:5px;border-bottom:1px solid #eaeaea}/*;border:1px solid #eaeaea*/
  #tblCtctPorOrigen tr>td:nth-child(1){width:40px}
  #tblCtctPorOrigen tr>td:nth-child(2){width:10%}
  #tblCtctPorOrigen tr>td:nth-child(3){width:16%}
  #tblCtctPorOrigen tr>td:nth-child(4){width:20%}
  #tblCtctPorOrigen tr>td:nth-child(5){width:12%}
  #tblCtctPorOrigen tr>td:nth-child(6){width:16%}
  #tblCtctPorOrigen tr>td:nth-child(7){width:90px}
  #tblCtctPorOrigen tr>td:nth-child(8){width:20px}

#divCtctsOrigen{position:absolute;top:35px;right:2px;width:250px;display:none;padding:20px;background:gray;color:#fff;font:16px "verdana"}
  #divCtctsOrigen div{width:100%;float:left;padding-bottom:5px}
  #divCtctsOrigen input{float:right;width:50px;color:#fff;background:none;border:none;text-align:right}



#divPorDepartamento{float:left;width:300px;margin-bottom:30px}
#tblPorDepartamento{width:100%;background:#fff;color:#000;border-collapse:separate;border-spacing:3px;font:0.9em "Helvetica Neue","sans serif", "verdana"}
  #tblPorDepartamento tr:first-child{background:#000;color:#fff;text-align:center}
  #tblPorDepartamento tr:nth-child(2){background:#fff;color:#000}

  #tblPorDepartamento tr td{padding:5px;border-bottom:1px solid #eaeaea}/*;border:1px solid #eaeaea*/
  #tblPorDepartamento tr>td:nth-child(1){width:80px;text-align:right}
  #tblPorDepartamento tr>td:nth-child(2){width:auto}


/** parametrización de combo de categorías */
#divCatUG{
  background: #fff;
  float:      left;
  width:      100%;
  max-width: 460px;
  position:   absolute;
  top:        50px;
  display:    none;
  font-size:  1em;
  padding:    3px 3px 15px 3px;
  box-sizing: border-box;
}
  #divCatUGX{
    float:      right;
    padding:    0px;
    height:     20px;
    width: 20px;
    /* border: 1px solid gray; */
    /* margin-right: 3px */
  }
    #divCatUGX  a{
      font-family:      "Microsoft JhengHei UI light", "Helvetica Neue","sans serif","verdana";
      text-decoration:  none;
    }
    #divCatUGXX{
      width:    20px;
      height:   20px;
      padding:  0px
    }
    #divCatUGCaption{
      float:      left;
      text-align: left;
      background: #eaeaea;
      padding: 5px;
      font-size:  0.9em;
    }
  #divCatUGHTML{
    background: #fff;
    margin:     0 auto;
    width:      370px;
    padding:    10px;
    border:     1px solid #eaeaea
  }
    /*tabla de categorías y UGs*/
    .tblCatUG{
      width:            350px;
      background-color: #FFF;
      border-collapse:  collapse;
      border-spacing:   0px;
      font-size:        0.9em
    }

    .tblCatUG thead{
      background-color: gray;
      color:            #fff;
    }
      .tblCatUG thead th{
        font-weight: normal;
        padding:      2px
      }
      .tblCatUG tr:hover{
        background-color:  #FFFF99;
      }
      .tblCatUG tbody tr td{
        padding:  3px;
        cursor:   pointer;
        border:   1px solid #eaeaea
      }
      .tblCatUG tbody tr>td:nth-child(1){width:200px; text-align:left}
      .tblCatUG tbody tr>td:nth-child(2){width:80px;  text-align:center}
      .tblCatUG tbody tr>td:nth-child(3){width:60px;  text-align:center}

    .divCatUGE{
      float:      left;
      width:      100%;
      /* max-width: 370px; */
    }

    .tblCatUGE{ /*Especies*/
      /* width:            330px; */
      background-color: rgb(204,255,204);
      border-collapse:  collapse;
      border-spacing:   0px;
      font-size:        1.1em
    }
      .tblCatUGE tbody tr td{
        padding:  5px;
        /* border:   1px solid #eaeaea */
      }
      .tblCatUGE tr>td:nth-child(1){width:1px}
      .tblCatUGE tr>td:nth-child(2){width:90px; text-align:left}
      .tblCatUGE tr>td:nth-child(3){width:70px;  text-align:center}
      .tblCatUGE tr>td:nth-child(4){width:70px;  text-align:center}
      .tblCatUGE tr>td:nth-child(5){width:70px;  text-align:center}
      .tblCatUGE tr>td:nth-child(6){width:1px}

.btnUGCat{
  width:      150px;
  margin-top: 10px
}





/*cambio de password*/
#secCtctPass{
  width:      405px;
  text-align: center;
  clear:      both;
  background: #fff;
  padding:    5px;
  border:     1px solid silver;
  font-size:  0.9em;
  display:    none
}

.tblCtctPass{
  width:            390px;
  border-collapse:  separate;
  border-spacing:   1px;
  background:       #fff
}

.tblCtctPass tr td{padding: 5px}/*;border:1px solid #eaeaea*/
  .tblCtctPass tr td>input{width: 90%} /*;border:1px solid #eaeaea*/
  .tblCtctPass tr>td:nth-child(1){width: 150px; text-align:right}
  .tblCtctPass tr>td:nth-child(2){width: 150px}




/*.divPieHome{
  width:      100%;
  clear:      both;
  text-align: center;
  background: #fff;
  padding:    9px;
  border-top: 1px solid #d0d0d0
}*/



/** msc-style.css **/
  .msc-confirm{
      display:  none;
      color:    #006699;
      position: fixed;
      top:      0;
      left:     0;
      width:    100%;
      height:   100%;
      font-family: "Microsoft JhengHei UI Light", "Helvetica Neue","sans serif","verdana";
  }
  .msc-overlay{
      position:         fixed;
      top:              0;
      height:           100%;
      width:            100%;
      /* max-width:        450px; */
      opacity: 0.6;
      left:             0;
      background-color: #b0afaf;
      z-index:          20;
  }

  .msc-confirm button{
      background: none;
      border:     none;
      cursor:     pointer;
  }

  .msc-confirm button:focus{
      outline: none;
  }

  .msc-close{
      position:       absolute;
      top:            0;
      right:          0;
      width:          40px;
      height:         40px;
      /* border-radius:  20px; */
      font-size:      1.2em;
      text-align:     center;
      vertical-align: middle;
  }
  .msc-close:hover{
      background: #eee;
  }

  .msc-content{
      position:   relative;
      z-index:    21;
      background: #fff;
      /* opacity:    1.0; */
      max-width:  450px;
      margin: 0% auto;
      padding: 0px 0px 20px 0px;
      text-align: center;
  }
  /* este media es solo para msc*/
  @media (max-width: 600px){
    .msc-content{
      padding: 0px 0px 10px 0px;
    }
  }

  .msc-title{
      font-size: 1.5em;
      font-family: "Microsoft JhengHei UI Light", "Helvetica Neue","sans serif","verdana";
      color: white;
      margin:     0;
      padding:    5px;
      background: silver;
  }
  .msc-body{
      margin-bottom:  1em;
      padding: 15px;
      font-family: "Microsoft JhengHei UI", "Helvetica Neue","sans serif","verdana";
  }
  .msc-body p{
      margin: 0 0 10px 0;
  }

  .msc-input{
      box-sizing:     border-box;
      width:          100%;
      height:         38px;
      font-size:      14px;
      text-align:     center;
      letter-spacing: 0.02em;
      font-weight:    400;
      font-style:     normal;
      font-family:    "Helvetica Neue","sans serif","verdana"; /*"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva,Verdana,sans-serif;*/
      border:         none;
      border-bottom:  1px solid rgba(0,0,0,0.15);
      padding:        0 15px
  }

  .msc-input:focus{
      outline:      none;
      border-color: #0F985A
  }


  .msc-action button{
      padding:        10px 5px 10px 5px;
      font-family:    "Microsoft JhengHei UI", "Helvetica Neue","sans serif","verdana";
      width: 90px;
  }
  .msc-action button:focus{
      outline: none
  }

  button.mscOk{
      background:   palegreen;/*#33CC66;*/
      color:        gray
  }
  button.mscOk:hover, button.mscOk:focus{
      background:   #FFFFbb;
      color:        #009900
  }

  button.mscCancel{
      color:        #FF3300;
      background:   none;
      margin-right: 40px;
  }
  button.mscCancel:hover, button.mscCancel:focus{
      color:      red;
      background: #FFFFbb
  }

  .msc-sub{
      white-space: pre-line;
      font-size:   1.2em;
      color:       #505050;
      text-align: left;
  }
  .msc_sub2{
      white-space:  pre-line;
      font-size:    1em;
      color:        #A0A0A0;
      text-align: left;
  }
  /*@-webkit-keyframes scale-fade{
      0%{opacity:0;-webkit-transform:scale(.8) rotateX(-40deg);transform:scale(.8) rotateX(-40deg)}
      50%{opacity:1}70%{-webkit-transform:scale(1.05) rotateX(0);transform:scale(1.05) rotateX(0)}
      100%{-webkit-transform:scale(1) rotateX(0);transform:scale(1) rotateX(0)}
  }*/
  /*@keyframes scale-fade{
      0%{
        opacity:0;
        /* -webkit-transform:scale(.8) rotateX(-40deg); * /
        transform:scale(.8) rotateX(-40deg)
      }
      50%{
        opacity:    1
      }
      70%{
        /* -webkit-transform:scale(1.05) rotateX(0); * /
        transform:  scale(1.05) rotateX(0)
      }
      100%{
        /* -webkit-transform:scale(1) rotateX(0); * /
        transform:  scale(1) rotateX(0)
      }
  }*/
  /* .msc-confirm--animate{ */
      /* -webkit-transform-origin: bottom center; */
      /* -ms-transform-origin: bottom center; */
      /* transform-origin: bottom center; */
      /* -webkit-animation: scale-fade 300ms forwards cubic-bezier(.8, .02, .45, -1.09); */
      /* animation:        scale-fade 50ms forwards cubic-bezier(.8, .02, .45, .91); */
  /* } */

/*** fin de msc ***/








/*#divCiudad{
  float:          left;
  width:          150px;
  background:     #fff;
  margin-left:    10px;
}*/


.selCombo{
  font-size:          0.9em;
  padding:            2px;
  width:              100%;
  background:         #fff;   /* -moz-appearance:    none; */
  appearance:         none;
  /* -webkit-appearance: none; */
  text-indent:        0.01px; /* text-overflow:      '' */
}
/*app.css*/