/* app_mapa.css */
/*div con Mapa Offline*/
#secMapaOff{
  float:        left;
  margin-left:  4px;
  margin-right: 4px;
  width:        calc(100% - 12px);
  background:   #fff;
  cursor:       pointer;
  display:      none
}
.divMOffPots{
  float:      left;
  width:      180px;
  height:     102px;
  background: #fff;
  border:     1px solid #669933;
  margin:     5px 5px 10px 5px;
  font-size:  0.9em;
}
  .divMOffTit{
    float:      left;
    background: #669933;
    color:      #fff;
    text-align: left;
    padding:    2px;
    width:      100%;
    white-space: nowrap;
    overflow:   hidden
  }
  .divMOffTit>span{
    color:      #F2F2F2;
    font-size:  0.8em
  }
    /* out */
  .divMOffO{
    float:      left;
    width:      100%;
    height:     76px;
    padding:    5px
  }
  .divMOff{
    float:      left;
    width:      122px;
    text-align: left;
    padding:    5px 2px 3px 2px;
    font-size:  0.8em;
    color:      #505050
  }
  .divMOffS{
            float:      left;
            text-align: left;
            padding:    3px 2px 3px 2px;
           }



/** cuadrito InfoWin */
/** google overwrite class **/
/*.gm-style-iw{
	width:          100%     !important;
	top:            15px     !important;
	left:           1px      !important;
	background:     #fff     !important;
	padding:        10px     !important;            	/* lo usamos solo en media para pantalla ancha: max-width:      450px    !important; * /
	border-radius:  3px      !important;
	/* border:         1px solid #99CC66 !important; * /
	max-height:     800px !important;
}
  .gm-style-iw .gm-style-iw-t{
    width:        100% !important;
  }

  .gm-style-iw .gm-style-iw-c{
    width:        370px !important;
  }


.gm-style-iw-d{
  max-width:      100% !important;
  overflow-x:     hidden !important
}*/


#divOutInfoWin{
  position:       absolute;
  left:           30px;
  top:            0px;
  padding:        5px;
  margin-bottom:  10px;
  background:     #FFF;
  border:         1px solid #99CC66;
  /* width:          700px !important; */
  display:        none;
  z-index:        9;
  font-size:      0.9em;
  cursor:         default
}
#divInfoWin{ /*es comun a online y offline*/ /*.iwContent{width:400px;}*/
  /* padding: 4px; */
  font-size:      1em;
  background: #fff;
  width:          100%;
  height:         100%;
  font-size:      inherit;
}
  /*#divInfoWin div{*/
    /* border: 1px solid red */
  /*}*/


    .iw-title{
    	font-family:       'Open Sans Condensed', sans-serif;
    	font-size:         1.1em;
    	font-weight:       400;
    	vertical-align:    middle;
    	padding:           0px 1px 1px 1px;
    	color:             #202020;
    	text-align:        left;
    	float:             left;
    	/* width: calc(100% - 75px); */
    }
      .iw-pastura{
        /* width:  200px; */
        float:  left;
        padding:  5px 2px 5px 0px;
        /* border: 0.6px dashed gray; */
      }
      .iw-title span{
        color:      #006633;
        background: #FFFFCC;
        padding:    0px 3px 0px 3px
      }

    #iw-inPotNum{
      width:      25px;
      border:     none;
      background: none;
      color:      #202020
    }

    .iw-inPotNombre{
      width:      150px;
      border:     none;
      background: none;
      font-size:  1.1em;
      color:      #202020
    }

/** mapa pasturas en uso del suelo*/
#divSUCombo{
  display:    none;
  position:   absolute;
  left:       30px;
  top:        100px;
  background: #fff;
  border:     1px solid #eaeaea;
  padding:    1px;
  width:      200px;
  /* height:     200px; */
}

/* en winInfo, en el title, para abrir reporte de rotación de parcelas*/
.divMapaPRV{
  float:        right;
  width:        90px;
  padding:      5px 2px 5px 0px;
  font-size:    1.1em;
  /* background:   #000; */
  margin-right: 5px;
  text-align:   center;
  /* border:  0.6px dashed lime; */
}
  /*.divMapaPRV a{
    text-decoration:  none;
    color:            #0066CC;
    font:             1em "sans serif","verdana";
    text-align:       center;
    background:       none;
    padding:    1px 5px 5px 5px;
    /* padding-left:     5px * /
  }
    .divMapaPRV a:hover{
        background:   #fff;
        color:        red
    } */



    /*.iwTitleX{
    	padding-top:       6px;
    	background-color: #ddf2c9;
    	cursor:            pointer;
    	text-align:        center;
    	float:             right;
    	width:             29px;
    	height:            30px;
    }*/
    /*#divXInfoWin{
      display:  none
    }*/

      #divInfoWin .iw-content{
      	padding:       1px;
      	overflow-y:    auto;
      	overflow-x:    hidden;
      	font-size:     inherit;
      	float:         left;
      }

    .lluInfoWin{
      width:          100%;
      margin-top:     5px;
      margin-bottom:  5px;
      float:          left;
      color:          #0066FF;
      padding:        4px 0px 4px 0px
    }
    /*.lluInfoWinRed{
      width:          100%;
      margin-top:     5px;
      margin-bottom:  5px;
      float:          left;
      color:          red;
      padding:        4px 0px 4px 0px
    }*/
    .bovInfoWin{
      float:      left;
      width:      100%;
      text-align: left;
      border-top: 1px solid #eaeaea;
      color:      #993300;
      padding:    4px 0px 4px 6px
    }
    .oviInfoWin{
      float:      left;
      width:      100%;
      text-align: left;
      border-top: 1px solid #eaeaea;
      color:      #CC33CC;
      padding:    9px 0px 0px 6px
    }
    .divTblInfoWin{
      float:    left;
      width:    100%;
      color:    #993300;
      padding:  0px 2px 4px 2px;
    }
    .div-iw0{
      width:        100%;
      float:        left;
      color:        #006600;
      padding-top:  10px;
      text-align:   left
    }
    .div-iw1{
      width:        150px;
      float:        left;
      /* margin:       10px 0px 10px 0px; */
    }
    .div-iw2{
      width: 50px;
      float:      left;
      /* margin: 10px 0px 0px 0px; */
      text-align: right
    }
    .div-iw2 span{font-weight: bold}

    .div-iw11{
      width: 70px;
      float:        left;
      margin-left:  10px;
    }
    .div-iw22{
      width:      80px;
      float:      left;
      text-align: right
    }
    .div-iw22 span{font-weight: bold}

    .div-iw111{
      width:       50px;
      float:       left;
      margin-left: 40px;
    }
    .div-iw222{
      width:      90px;
      float:      left;
      text-align: right;
    }
    .div-iw222 span{font-weight: bold}





  /*maps*/
  /*títulos*/
  .tblInfoWin{
    background:       none;
    color:            #606060;
    border-collapse:  collapse;
    border-spacing:   0px;
    width:            100%;
    font-size:        inherit
  }


    .tblInfoWin td{padding:3px 2px 3px 2px; border: 1px solid #e0e0e0}
    .tblInfoWin tr td:first-child{ width: 30px; text-align:right}
    .tblInfoWin tr>td:nth-child(2){width: 100px; white-space:nowrap; overflow:hidden; text-align:left}
    .tblInfoWin tr>td:nth-child(3){width: auto; white-space:nowrap; overflow:hidden; text-align:left}
    .tblInfoWin tr>td:nth-child(4){width: 37px; text-align:right}
    .tblInfoWin tr>td:nth-child(5){width: 40px; text-align:right}
    .tblInfoWin tr>td:nth-child(6){width: 40px; text-align:right}

  .tblInfo{
    width:            100%;
    margin-top:       5px;
    background:       none;
    border-collapse:  collapse;
    border-spacing:   0px;
    font-size:        inherit
  }
    .tblInfo td{
      padding:    3px 2px 3px 2px;
      border:     1px solid #E0E0E0;
      text-align: left
    }
    .tblInfo tr td:first-child{ width:100px}
    .tblInfo tr>td:nth-child(2){width:120px; text-align:right}
    .tblInfo tr>td:nth-child(3){width:auto; text-align:right}


  .tblInfoPie{
    width:            100%;
    margin-top: 5px;
    background:       silver;
    border-collapse:  collapse;
    border-spacing:   0px;
    font-size:        1em
  }


    .tblInfoPie td{
      padding:    3px 2px 3px 2px;
      border:     1px solid #eaeaea;
      text-align: left;
      color:      #000;
      background: #fff;
    }
    .tblInfoPie tr td:nth-child(1){width: auto} /*165px*/
    .tblInfoPie tr>td:nth-child(2){width:25%; text-align:right}
    .tblInfoPie tr>td:nth-child(3){width:25%; text-align:right}
    .tblInfoPie tr>td:nth-child(4){width:25%; text-align:right}





/*cuadro de suelos*/
  /*SUELOS*/

#divMapaSuelos{
  max-width:      420px;
  padding:        5px;
  border:         1px solid gray;
  border-radius:  4px;
  box-shadow:     0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background:     #fff;
  position:       absolute;
  left:           0px;
  top:            100px;
  display:        none;
  font-size:      16px
}

  #divTitSuelos{
    float:  left;
    width:  100%;
    cursor: move
  }
    .divMove{
      float:  left;
      cursor: move;
      width:  26px;
      height: 26px;
    }
      .SUBtnX{
        float:        right;
        padding-bottom: 4px
      }
    .divTitEmp{
      float:  left;
      width: 180px;
      overflow: hidden
    }
      #inSUCampo{
        border:     0;
        font-size:  0.9em;
        color:      gray;
        width: 190px;
      }

    .divSUPot{
      float:        left;
      width:        140px;
      margin-left:  20px;
      padding-top:  3px;
      font-size:    1em;
    }
      #inSUPot{
        width:      150px;
        border:     0;
        font-size:  0.9em;
        color:      green
      }

    /* es para la parcela en suelos uso (desactivada por ahora)
    .divTitPar{
      float:        left;
      width:        0px;
      margin-left:  20px
    }
    #inSUPar{
      width:  0px;
      border: 0
    }*/

.divSUBorrar{
  float:    right;
  padding:  1px;
}
.divSUCrear1Fila{
  float:    left;
  padding:  1px;
}
.divSUAbreNotas{
  float:        left;
  padding:      1px;
  margin-left:  15px
}


.divSUPie{
  float:      left;
  padding: 4px 5px;
  /* border: 1px solid silver; */
  width:      100%;
  /* background: #fff; */
  font-size: 15px;
  color: gray;
  background: #eaeaea;
  margin-top: 15px;
}
  /*.divSUPie div{*/
    /* border:   1px dashed blue */
  /*}*/

  #inSUBorraNum{
    padding:    3px 2px;
    width:      25px;
  }


  #tblSuelosUso{
    background:       #fff;
    color:            #000;
    border-collapse: collapse;    /* border-spacing:   1px; */
    width:            100%;
    font:             1em monospace;
    font-size:        16px;
  }
    #tblSuelosUso thead{
      background: #fff;
      text-align: center
    }
      #tblSuelosUso thead tr{
        text-align: center
      }
    #tblSuelosUso thead th{
      padding:    4px;
      border:     1px solid #000000;
      font-weight:normal;
      background: #Ededed;
      color:      #000;
      text-align: center
    }
    #tblSuelosUso thead tr>th:nth-child(1){width: 20px;}
    #tblSuelosUso thead tr>th:nth-child(2){width: 72px;}
    #tblSuelosUso thead tr>th:nth-child(3){
                                            width:        240px;
                                            white-space:  nowrap;
                                            overflow:     hidden;
                                            text-align:   left;
                                            padding:      2px 2px 2px 0px
                                          }
      #tblSuelosUso thead tr>th:nth-child(3)>button{
                                                      font-size:  20px;
                                                      padding:    2px 10px 2px 10px;
                                                   }
    #tblSuelosUso thead tr>th:nth-child(4){width: 36px;  padding: 0px}

    .tbySU{
      background: #fff
    }
    /* pseudo content inside t-bodys space them away from their previous sibling */
    tbody + tbody::before{
    	content:   "";
    	height:   10px;
      width:    100%;
    	display:  table-row;
    	/* Be warned that this pseudo content spans the whole table width in Firefox, but not in Chrome. Uncomment the background rule to see: */
    	/*background: #fff;*/
    }

    #tblSuelosUso tbody:not(:nth-child(2)){
      background: #fff;
      border-top:   20px solid #eaeaea;
    }
    #tblSuelosUso tbody tr{
      background: #fff;
    }
    #tblSuelosUso td{
      padding:  0px;
    }
    #tblSuelosUso tbody tr td:nth-child(1){
      padding:    0px;
      text-align: center;
      font-size:  0.8em;
    }

    #tblSuelosUso tbody tr td:nth-child(2){
      padding:    0px;
      text-align: center;
    }
      #tblSuelosUso tbody tr td:nth-child(2) input{
          padding:    6px 0px 4px 0px;
          width:      100%;
          margin-left:2px;
          border:     none;
          font-size:  inherit;
          text-align: center
      }

    #tblSuelosUso tbody tr>td:nth-child(3){
      white-space:  nowrap;
      overflow:     hidden;
      padding:      0px;
      text-align:   left;
      font-size:    1em;
    }
                    #tblSuelosUso tbody tr td:nth-child(3) button{
                      font-size:    20px;
                      padding:      5px 10px;
                    }
                    #tblSuelosUso tbody tr td:nth-child(3) input{
                        padding:    6px 2px 4px 2px;
                        width:      214px;
                        font-size:  1em;
                        border:     none;
                        margin-left: 2px;
                    }
    #tblSuelosUso tbody tr>td:nth-child(4){
      text-align:   right;
      padding:    0px;
    }

    #tblSuelosUso tfoot tr>td{
      background:  red;
      padding:    2px;
    }

    .taSU{
      width:      400px;
      resize:     vertical;
      font-size:  1.3em;
      border:     1px solid gray;
      padding:    6px 1px 4px 1px;
    }

      #tblSuelosUso tbody tr>td:nth-child(4) button{
        font-size:    0.9em;
        margin-right: 0
      }


    /*.subhead td{
    	padding:    4px 8px;
    	background: #fff;
    }
    .subhead:not(:first-child) td{
    	border-top: 4px double #000000;
      border-color: red;
    }*/

/************************************************************************************/

/*en suelos, NO SE USA !* /
.tblMas1filaSU{
  border-collapse:  separate;
  border-spacing:   2px;
  color:            #000;
  font-size:        1em;
  background:       #CCFFCC;
  border:           1px solid silver;
  margin-top:       10px
}
  .tblMas1filaSU tr{
    background:     #CCFFCC
  }
  .tblMas1filaSU td{
    padding:        5px;     /* border: 1px solid gray * /
  }
  .tblMas1filaSU tr> td:nth-child(1){width: 40px}
  .tblMas1filaSU tr> td:nth-child(2){width: 140px; padding-left: 20px}
  .tblMas1filaSU tr> td:nth-child(3){width: auto}
  .tblMas1filaSU tr> td:nth-child(4){width: 150px; text-align:center}

  .divBtonM1F{
    float:      left;
    text-align: center;          /* border:     1px solid silver; * /
    height:     45px
  }
    .divBtonM1Fnf{
      float:      left;
      text-align: center;              /* border:     1px solid silver; * /
      height:     45px;                   /* padding:    13px 1px 7px 1px; * /
      width:      126px
    }
    .divBtonM1F{
      width:   100px;
      padding: 0px 1px 0px 1px;
    }
    .divBtonM1Fm{
      width:    40px;                 /* border:     1px solid silver; * /
      height:   45px
    } */
/***************************** fin de cuadrito *******************************/




/*maps parcelas. infowindow*/
.divParInfo{
  position:   absolute;
  z-index:    99999;
  top:        0px;
  left:       5px;
  cursor:     move;
  display:    none;
  border-radius:  4px;
  padding:    10px 10px 13px 10px;
  background: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  width:      550px  /* height:     195px */;
}

  .divParInfo2{
    /* padding:    0px 5px 5px 5px; */
    background: #fff;
    width:      100%;
    /* border: 1px solid gray; */
  }
    .btnPRVPot{
      float: left;
      margin-left: 10px
    }
    .btnPRVSugerencias{
      float: right;
      margin-right: 10px;
                              /* display:none */
    }
    /*input en la ventanita de último pastoreo de la parcela para guardar el N° de pot para abrir Sugerencias*/
    #inParPotNum{
      border:   none;
      width:    35px;
      padding:  1px;
      background: none;
      font-size:  1em
    }

  .divParTit{
    float:      left;
    width:      100%;
    /* background: #bbe4cd; */
    color:      #303030;
    padding:    5px;
  }
  .divParX{
    float:    right;
    width:    18px
    }
    .divParX a{
      float:            right;
      width:            100%;
      text-decoration:  none;
      text-align:       center;
      /* color: #080808; */
    }
    .divParX a:hover{
      color:      #fff;
      background: #ff4500
    }

    #inSUMsj{
      border:     none;
      color:      green;
      width:      70px;
      font-size:  12px;
      background: none;
      margin-left:50px;
      padding:    3px
    }

/*hás de la parcela en cuadrito*/
.parHas{
  /* border: 1px solid silver; */
  /* background: lightgreen; */
  padding: 1px 3px 1px 3px;
  font-style: italic;
  color: #011f01;
  font-size: 0.9em;
  margin-left: 30px;
}


/*tabla datos de parcela onlclick*/
.tblParMap{
  width:            100%;
  border-collapse:  collapse;
  background:       #fff;
  /* text-align:       center; */
  font-size:        0.9em;
  margin-top:       3px;
  cursor:           default
}

  .tblParMap thead tr{
    background:   #eaeaea;
    text-align:   center;
    cursor:       default
  }
    .tblParMap thead tr>th{
      border:  1px solid silver
    }
    .tblParMap tbody tr:hover{
      background-color: #FFFF99;
    }

    .tblParMap thead tr>th:nth-child(1){width: auto;font-weight: normal}
    .tblParMap thead tr>th:nth-child(2){width: 85px;font-weight: normal}
    .tblParMap thead tr>th:nth-child(3){width: 85px;font-weight: normal}
    .tblParMap thead tr>th:nth-child(4){width: 65px;font-weight: normal}
    .tblParMap thead tr>th:nth-child(5){width: 65px;font-weight: normal}

  .tblParMap tbody tr td{
                padding: 1px 2px 1px 1px;
                /* border-bottom:  1px solid silver */
    /* border-bottom:  0.6px solid silver */
  }
  .tblParMap tbody tr td:nth-child(1){width: auto; text-align: left}
  .tblParMap tbody tr td:nth-child(2){width: 80px; text-align:left}
  .tblParMap tbody tr td:nth-child(3){width: 80px; text-align:left}
  .tblParMap tbody tr td:nth-child(4){width: 65px;text-align:right}
  .tblParMap tbody tr td:nth-child(5){width: 65px;text-align:right}


/*´simbolo para muertos*/
.muertos{
  float:          right;
  font-size:      19px;
  font-weight:    bold;
  color:          #000;
  padding-right:  1px
}

.ddClr{
  width:          15px;
  height:         15px;
  float:          right;
  border-radius:  25px;
  margin-left:    10px;
  margin-top:     3px;
  border:         1px solid #eaeaea
}

.ledPRV{
  width:          12px;
  height:         12px;
  float:          right;
  border-radius:  25px;
  margin-left:    5px;
  margin-top:     3px;
  border:         1px solid silver
}

.ledPRVHis{
  float:          left;
  width:          12px;
  height:         12px;
  float:          right;
  border-radius:  25px;
  margin-left:    5px;
  margin-top:     3px;
  border:         1px solid silver
}


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

.divParBorrar{
  float:      left;
  width:      100%;
  padding:    0px 5px 0px 7px;
  background: #eaeaea;
  margin-top: 5px
}
  .divParBorrar span{
    font-style: italic;
    color:      #77777b;
    font-size:  0.8em
  }
  .divParBorrar a{
    text-decoration:  none;
    color:            #0066FF;
    /* font-size:        0.8em */
  }
  /* .divParBorrar a:hover{color:  red} */


/*****************  en Inicial: al click en Uso del suelo   *****************/
#divPastosLista{
  position:     absolute;
  margin-top:   10px;
  margin-left:  30px;
  padding:      5px 0px 5px 0px;
  background:   #F0F0F0;
  color:        #000;
  display:      block;
  z-Index:      99;
  text-align:   left;
}

.tblPastosLista{
  table-layout:     fixed;
  width:            210px;
  box-sizing:       border-box;
  background:       none;
  border-collapse:  collapse;
  border-spacing:   0px;
  margin-top:       5px;
  font-size:        13px;
}

  .tblPastosLista thead th{        /* color:        #99CCFF; */
      font-weight:  normal;
      font-style:   italic;
      font-weight:  bold;
      text-align:   left;
      border-bottom:1px solid #606060;
      padding:      10px 3px 10px 4px;        /* background:   lightyellow */
  }
  .tblPastosLista thead tr>th:nth-child(1){width: 30px}
  .tblPastosLista thead tr>th:nth-child(2){width: 150px}
  .tblPastosLista thead tr>th:nth-child(3){width: 20px; cursor:pointer}

  .tblPastosLista tbody tr td{
    padding:        4px 3px 3px 3px;
    border-bottom:  1px solid #606060;                                                              /* border:1px solid lime; */
    text-align:   left
  }


/*****************  MAPA  ****************************/
/*mapas*/
#inPotNum{
  width: 35px;
}
#inParNum{
  width: 35px;
}

.btnMapas{
  width:        60px;
  padding:      4px 4px 4px 4px;
  margin-left:  10px;
  font-size:    1em
}
.btnMapBorra{
  padding:      4px 4px 4px 4px;
  margin-left:  10px;
  font-size:    1em
}
.divMapX{
  float:    right;
  padding:  5px 3px 8px 0px
}

/*mapa online*/
#secMapa{
  display:        none;
  margin:         0;
  padding:        0px;
  position:       absolute;
  left:           1px;
  top:            1px;
  width:          99.8%;
  height:         100%;
  background:     #CADFAA;
}
  /*mapa*/

.divBtnAyuda{
  float:      left;
  width:      100%;
  text-align: left;
  margin-top: 10px;
}

  #divParAyuda{
    float:      Left;
    width:      100%;
    font-size:  0.8em;
    text-align: left;
    display:    none;
    cursor:     default
  }


#divMapaOn{
  float:        left;
  width:          100%;
  height:         99.6%;
  background:     #fff;
}

.mapas{
  float:      left;  /* position:   relative; */
  width:      100%;
  height:     100%;
  min-height: 700px
}
.divMapaTit{
  padding:    8px 2px 5px 5px;
  height:     47px;
  /* background: #CADFAA; */
}

.divMapaTitR{
  float:      right;
  text-align: right;
  /* width: 450px; */
}
  .divMapaTitX{
    float:        right;
    padding:      0px;
  }


  .divMapaTitA{
    float: right;
    /* margin-left: 5px; */
    margin-right: 9px;
    padding:      0px
  }
    .divMapaTitA #btnMapaAyuda{
      width:    65px;
    }

  #divMapaAyuda{
    position:   absolute;
    top:        55px;
    right:      10px;
    width:      90%;
    padding:    20px;
    background: #fff;
    display:    none;
    z-index:    9;
    text-align: left;
    border:         1px solid #eaeaea;
    border-radius:  4px;
    box-shadow:     0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
    .divMapaAyuda1{
      margin-left:  30px;
      float:        left;
      width:        100%;
      /* margin-bottom:  20px; */
    }

  #divVacaClic{
    position:     absolute;
    top:          250px;
    left:         250px;
    background:   #fff;
    padding:      10px;
    display:      none;
    z-index:      9999;
    border-radius:  4px;
    box-shadow:     0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-sizing:     border-box;
    width:          320px;
  }
    /*#divVacaClic div{
      border: 1px solid blue
    }*/

    .divVacaClic2{
      width:      100%;
      float:      left;
      background: #fff
    }

    .divVacaClicHdr{
      float:          left;
      width:          100%;
      margin-bottom:  10px;
      margin-right:   5px;
      padding:        2px 5px 2px 0px;
      /* border:1px solid blue */
    }

    .divVacaClicMenu{
      float:            left;
      width:            24px;
      height:           25px;
      background-image: radial-gradient(circle, blue 2.5px, transparent 2px);
      background-size:  100% 33.33%;
      cursor:           pointer;
      padding:          2px 0px 2px 0px;
      display:          none
    }
      .divVacaClicMenu:hover{
        background-color: red;
        background-image: radial-gradient(circle, #fff 2px, transparent 2px);
      }
                                                                            /*width:    29px;
                                                                                          height:   35px;
                                                                                          float:    left;
                                                                                          display:  block;*/
                                                                                        /*.bi-three-dots-vertical{ /*width="64px" height="64px"* /
                                                                                          width:  20px;
                                                                                          height: 30px;
                                                                                        }
                                                                                        .liMap{
                                                                                          padding:      4px 6px 0px 6px;
                                                                                          cursor:       pointer;
                                                                                          text-align:   center;
                                                                                        }
                                                                                        .liMap:hover{
                                                                                          background-color:  red;
                                                                                        }
                                                                                        */

    #divVacaClicTxt{
      float:        left;
      padding:      10px 5px 1px 5px;
      width:        calc(100% - 100px);
      text-align:   left;
    }

    #divVacaClicPot{
      float:        left;
      padding:      1px 5px 5px 5px;
      width:        100%;
      text-align:   left;
    }
    #divVacaClicTot{
      float:        left;
      font-style:   italic;
      padding-top:  2px;
      width:        calc(100% - 55px);
      margin-left:  5px;
      text-align:   left;
      color:        gray;
    }
      .xBtnMapa{
        position: absolute;
        right:    8px;
        top:      10px;
      }

    #divVacaClicBottom{
      box-sizing: border-box;
      border:     1px solid silver;
      margin-top: 10px;
      font-size:  16px;
      /* color:      gray; */
      float:      left;
      width:      100%;
      display:    none
    }
      #divVacaClicBottom>div{
        float:      left;
        text-align: left;
        padding:    10px
      }
      #inLoteVacaClic{
        width:          50px;
        padding:        3px 4px 4px 5px;
        font-size:      20px;
        color:          red;
        border:         none;
        margin-left:    5px;
        margin-bottom:  2px;
        cursor:         default
      }
      .spnVender{
        font-size:  1.1em;
        color:      #0066FF;
        cursor:     pointer
      }
        .spnVender:hover{
          color:      red
        }

      .spnElimina{
        font-size:  1.1em;
        color:      #0066FF;
        cursor:     pointer
      }
        .spnElimina:hover{
          color:      red
        }

    .btnAniEliminar{
      color:        #0066FF;
      background:   #fff;
      padding:      4px 10px 4px 10px;
      font-size:    1.5em;
    }
    .btnAniVender{
      color:        #0066FF;
      background:   #fff;
      padding:      2px 5px 2px 10px;
      font-size:    1.5em;
    }


.carpeta{
  float:          left;
  padding-left:   5px;
  padding-right:  5px;
  font-size:      0.7em;
  color:          gray
}
  .carpeta1{
    float:       left;
    padding-top: 6px
  }
  #carpeta2{
    float:          left;
    padding-bottom: 2px;
    margin-left:    4px
  }

/*NUEVO mnu en el mapa*/
.menuMap{ /*menu del mapa*/
    float:        left;
    width:        40px;
    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; */
  }
  .menuMap:hover{
    background-color:  #009966;
  }

#divMapaMenuIn{
  position:   absolute;
  left:       0px;
  top:        53px;
  background: #fff;
  /* border:     1px solid gray; */
  width:      270px;
  display:    none;
  padding:    2px 1px;
  z-index:    9;
}


.divMenuMap{
  width:    50px;
  float:    left;
  display:  block;
}

#ulMenuMap{
  list-style-type:  none;
  margin:           0;
  padding:          0;
  overflow:         hidden;
  background-color: #fff;
}
  #ulMenuMap li{
    float:        left;
    width:        100%;
  }
  #ulMenuMap li a{
    display:          block;
    color:            #404040;
    text-align:       left;
    padding:          15px 10px;
    text-decoration:  none;                               /* border:           1px solid #DFDFDF; */
    font-size:        1.1em;
  }

  #ulMenuMap li a:hover{
    background-color: #009966;
    color:            #FFF;
  }






.mapaNA{
  float:        left;
  padding:      5px 4px 2px 4px;
  font-size:    13px;
  color:        #404040;
  text-align:   center
}
#campoNom{
  float:        left;
  max-width:    210px;
  margin-left:  5px;
  padding:      10px 4px 2px 4px;
  font-size:    16px;
  color:        #404040;
  text-align:   center;
}


  .divPotNum{
    display:    none;
    float:      left;
    width:      100%;
    padding:    10px 5px 10px 5px;
    background: #FFFF66;
    font-size:  0.9em;
  }
  .divPotNum > input{width:40px}
  .divMapBorrar{
    float:        left;
    margin-left:  10px;
    width:        140px
  }

  #error{
    float:      left;
    width:      100%;
    padding:    5px;
    background: #fff;
    display:    none
  }
  #divCoordsPolygon{
    background: #fff;
    position:   absolute;
    left:       5px;
    top:        46px;
    display:    none
  }
    #divCoordsPolygonTitulo{
      background: gray;
      color:      #fff;
      padding:    10px;
      font-size:  1.3em
    }
    #divCoordenadas{
      padding:    20px;
      text-align: left;
      font-size:  0.6em
    }
    .inLatLong{
      width:      130px;
      border:     0;
      background: none;
      font-size:  0.9em
    }

/** SVG VAQUITA OJO! no la toma, la ignora!
#vaquita{
  width:    80px;
  height:   80px;
} */

.divParLotesVaca{
  padding:      7px;
  width:        280px;
  background: #FFF;
  /* border:     1px solid #eaeaea; */
  box-shadow:     0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  z-index:    999999;
  position:   absolute;
  left:       350px;
  top:        450px
}
  .divParLotesVaca a{
    text-decoration:  none;
  }
  .tblParVaca{
    width:            100%;
    border-collapse:  collapse;
    background:       #fff;
    text-align:       center;
    font-size:        0.9em;
    margin-top:       3px
  }
  .tblParVaca  tr td{
                padding: 1px 2px 1px 1px;
                /* border:  1px solid silver; */
                border-bottom:  0.6px solid silver
  }
  .tblParVaca  tr td:nth-child(1){width: 50px}
  .tblParVaca  tr td:nth-child(2){width: 60px}
  .tblParVaca  tr td:nth-child(3){width: 70px; cursor:pointer; color:#0066cc}
  .tblParVaca  tr td:nth-child(4){width: 70px;text-align:right}



/*mensaje después de rotar*/
.spnMapDias{
  font-size:  16px;
  color:      #000;
}
.spnMapRep{
  font-size:  14px;
  color:      gray;
}




#divAlert{
  padding:        5px;
  width:          340px;
  background:     #fff;
  position:       absolute;
  top:            50%;
  left:           50%;
  border:         1px solid gray;
  border-radius:  4px;
  box-shadow:     0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-sizing:     border-box;
}
  #spnAlert{
    padding:    10px;
    float:      left;
    font:       20px verdana;
    color:      #0066CC;
    text-align: left;
    width:      100%;
    box-sizing: border-box;
  }
  #spnAlertX{
    float:      right;
    width:      30px;
    text-align: center;
    padding:    2px 3px 3px 0
  }
  #spnAlertDME{
    font:   16px verdana;
    float:  left;
    width:  100%;
    margin-top: 15px;
  }


.canalYT{
  background:       #fff;
  padding:          6px 2px 1px 2px;
  color:            #0066ff;
  text-decoration:  none;
  font-size:        0.9em;
  border-radius:    3px;
  border:           1px solid silver;
  cursor:           pointer;
}
  .canalYT:hover{
    color:            #fff;
    text-decoration:  none;
    background:       red
  }


/*********** PARA CUSTOMIZAR LOS BOTONES DE drawingControlOptions (MANITO, MARKER, DIBUJAR) **************/
div.gmnoprint div:nth-child(1){ /*manito*/
  width: 34px;
}
div.gmnoprint div:nth-child(2){ /*marker*/
  width: 34px;
}
div.gmnoprint div:nth-child(3){ /*dibujar*/
  width: 30px;
}


/******* HABLA ********/
.divHablaOut{
  float:    left;
  padding: 5px 10px 0px 10px;
  /* width: 140px; */
  /* background: yellow; */
}
.divHabla{
  float:      right;
  padding:    3px;
  background: #fff;
  cursor:     pointer
}
.divHabla:hover{
  background: #00FF99;
}

.divHablaX{
  float:      right;
  padding:    3px;
  background: #fff;
  cursor:     pointer
}
.divHablaX:hover{
  background: #FF6666;
}
/*app_mapa.css*/