#mapa{
    clear: both;
    text-align: center;
    width: 100%;
    margin: 30px 0 30px 0px;
    position: relative;
    display: none;
}
#mapa img{
    max-width: 860px;
}
#grafico{
    clear: both;
    text-align: center;
    width: 100%;
    margin: 30px 0 0 0px;
    position: relative;
    background: #FFFFFF;
}
#grafico img, #graficoHora img{
    max-width: 920px;
}

.diagramaHora{
    display: none;
}

#graficoHora{
    display: none;
    clear: both;
    text-align: center;
    width: 100%;
    margin: 30px 0 0 0px;
    position: relative;
}
#equivalente{
    display: none;
    margin: 20px 0 0 0px;
    background: #FFFFFF url("../img/loading.gif") center center no-repeat;
    min-height: 300px;
}
#previsao{
    display: none;
}
#download{
    display: none;
    margin: 40px 0 40px 0px;
}
#seletorGraficoMapa{
    //float: left;
    margin: -20px 0 0 40px;
    text-align: left;
}
#seletorGraficoMapa .ativo{
    background: #ECF3F8;
}
.seletorGraficoMapa{
    display: inline-block;
    background: #FFFFFF;
    border: 1px solid #DCEAF3;
    border-top: none;
    color: #569CC5;
    padding: 6px 20px;
    margin: 0px 2px 0 0px;
    cursor: pointer;
    font-size: 13px;
    //border-radius: 5px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.itemGrafico{
    position: absolute;
    font-size: 12px;
}
.itemGrafico span{
    font-weight: bold;
}
.vazaoAfluente, .chuva{
    color: #142DFF;
}
.vazaoDefluente{
    color: #FF2716;
}
.volumeUtil, .hora{
    color: #0F9361;
}
.pctVolumeUtil{
    color: #569CC5;
}
.dataMedicao{
    color: #569CC5;
}
.dataMedicao input{
    border: 1px solid #569CC5;
    color: #569CC5;
    text-align: center;
    padding: 2px;
    border-radius: 5px;
    margin-top: 3px;
}
#dataMedicao{
    top: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    right: 43px;
}
#filtroHora{
    top: -30px;
    right: 30px;
}
.linkModal{
    cursor: pointer;
}

#grafico .linkModalBig, #graficoHora .linkModalBig{
    width: 23px;
    height: 23px;
    display: block;
}
#grafico .linkModalSmall, #graficoHora .linkModalSmall{
    width: 17px;
    height: 17px;
    display: block;
}
#grafico .linkModalVeryBig, #graficoHora .linkModalVeryBig{
    width: 170px;
    height: 112px;
    display: block;
}
#grafico .linkCaixa, #graficoHora .linkCaixa{
    width: 80px;
    height: 80px;
    display: block;
}

#mapa .linkMapaSmall{
    width: 45px;
    height: 17px;    
    display: block;
}
#mapa .linkMapaBig{
    width: 70px;
    height: 17px;    
    display: block;
}
#mapa .linkMapaDuplo{
    width: 55px;
    height: 26px;    
    display: block;
}


/*Localizacao dos itens do grafico*/

/* Paraibuna */
#grafico #lkParaibuna_19090, #graficoHora #lkParaibuna_58087300{
    top: 228px;
    left: 55px;
}
#grafico #cxParaibuna_19090, #graficoHora #cxParaibuna_58087300{
    top: 145px;
    left: 35px;
}
#grafico #vuParaibuna, #graficoHora #hrParaibuna{
    top: 177px;
    left: 52px;
}
#grafico #vaParaibuna, #graficoHora #chvParaibuna{
    top: 192px;
    left: 52px;
}
#grafico #vdParaibuna, #graficoHora #vdhParaibuna{
    top: 207px;
    left: 52px;
}
#mapa #lkParaibuna_19090{
    top: 498px;
    left: 215px;
}
#mapa #vuParaibuna{
    top: 520px;
    left: 235px;
}
#mapa #vaParaibuna{
    top: 535px;
    left: 235px;
}
#mapa #vdParaibuna{
    top: 550px;
    left: 235px;
}

/* Santa Branca */
#grafico #lkSantaBranca_19091, #graficoHora #lkSantaBranca_58096000{
    top: 228px;
    left: 155px;
}
#grafico #cxSantaBranca_19091, #graficoHora #cxSantaBranca_58096000{
    top: 253px;
    left: 135px;
}
#grafico #vdSantaBranca, #graficoHora #vdhSantaBranca{
    top: 315px;
    left: 150px;
}
#grafico #vuSantaBranca, #graficoHora #hrSantaBranca{
    top: 285px;
    left: 150px;
}
#grafico #vaSantaBranca, #graficoHora #chvSantaBranca{
    top: 300px;
    left: 150px;
}
#mapa #lkSantaBranca_19091{
    top: 508px;
    left: 105px;
}
#mapa #vdSantaBranca{
    top: 560px;
    left: 115px;
}
#mapa #vuSantaBranca{
    top: 530px;
    left: 115px;
}
#mapa #vaSantaBranca{
    top: 545px;
    left: 115px;
}


/* Jaguari */
#grafico #lkJaguari_19092, #graficoHora #lkJaguari_58128200{
    top: 140px;
    left: 221px;
}
#grafico #cxJaguari_19092, #graficoHora #cxJaguari_58128200{
    top: 86px;
    left: 143px;
}
#grafico #vuJaguari, #graficoHora #hrJaguari{
    top: 117px;
    left: 160px;
}
#grafico #vaJaguari, #graficoHora #chvJaguari{
    top: 132px;
    left: 160px;
}
#grafico #vdJaguari, #graficoHora #vdhJaguari{
    top: 147px;
    left: 160px;
}
#mapa #lkJaguari_19092{
    top: 284px;
    left: 63px;
}
#mapa #vuJaguari{
    top: 310px;
    left: 70px;
}
#mapa #vaJaguari{
    top: 325px;
    left: 70px;
}
#mapa #vdJaguari{
    top: 340px;
    left: 70px;
}


/* Funil */
#grafico #lkFunil_19093, #graficoHora #lkFunil_58240080{
    top: 228px;
    left: 306px;
}
#grafico #cxFunil_19093, #graficoHora #cxFunil_58240080{
    top: 144px;
    left: 286px;
}
#grafico #vuFunil, #graficoHora #hrFunil{
    top: 175px;
    left: 300px;
}
#grafico #vaFunil, #graficoHora #chvFunil{
    top: 190px;
    left: 300px;
}
#grafico #vdFunil, #graficoHora #vdhFunil{
    top: 205px;
    left: 300px;
}
#mapa #lkFunil_19093{
    top: 194px;
    left: 272px;
}
#mapa #vuFunil{
    top: 220px;
    left: 280px;
}
#mapa #vaFunil{
    top: 235px;
    left: 280px;
}
#mapa #vdFunil{
    top: 250px;
    left: 280px;
}


/* Santa Cecilia */
#grafico #lkSantaCecilia_19094, #graficoHora #lkSantaCecilia_58318002{
    top: 225px;
    left: 499px;
}
#grafico #cxSantaCecilia_19094, #graficoHora #cxSantaCecilia_58318002{
    top: 145px;
    left: 470px;
}
#grafico #vuSantaCecilia, #graficoHora #hrSantaCecilia{
    top: 175px;
    left: 485px;
}
#grafico #vaSantaCecilia, #graficoHora #chvSantaCecilia{
    top: 180px;
    left: 485px;
}
#grafico #vdSantaCecilia, #graficoHora #vdhSantaCecilia{
    top: 199px;
    left: 485px;
}
#mapa #lkSantaCecilia_19094{
    top: 141px;
    left: 347px;
}
#mapa #vuSantaCecilia{
    top: 165px;
    left: 360px;
}
#mapa #vaSantaCecilia{
    //top: 180px;
    top: 165px;
    left: 360px;
}
#mapa #vdSantaCecilia{
    //top: 195px;
    top: 180px;
    left: 360px;
}


/* Ilha dos Pombos */
#grafico #lkIlhaDosPombos_19097, #graficoHora #lkIlhaDosPombos_58653000{
    top: 230px;
    left: 787px;
}
#grafico #cxIlhaDosPombos_19097, #graficoHora #cxIlhaDosPombos_58653000{
    top: 248px;
    left: 756px;
}
#grafico #vuIlhaDosPombos, #graficoHora #hrIlhaDosPombos{
    top: 277px;
    left: 770px;
}
#grafico #vaIlhaDosPombos, #graficoHora #chvIlhaDosPombos{
    top: 282px;
    left: 770px;
}
#grafico #vdIlhaDosPombos, #graficoHora #vdhIlhaDosPombos{
    top: 302px;
    left: 770px;
}
#mapa #lkIlhaDosPombos_19097{
    top: 316px;
    left: 660px;
}
#mapa #vuIlhaDosPombos{
    top: 350px;
    left: 665px;
}
#mapa #vaIlhaDosPombos{
    //top: 365px;
    top: 350px;
    left: 665px;
}
#mapa #vdIlhaDosPombos{
    //top: 380px;
    top: 365px;
    left: 665px;
}

/* Estacao Campos */
#grafico #lkCampos_21, #graficoHora #lkCampos_21{
    top: 230px;
    left: 845px;
}
#grafico #cxCampos_21, #graficoHora #cxCampos_21{
    top: 153px;
    left: 812px;
}

/* Picada */
#grafico #lkPicada_19095, #graficoHora #lkPicada_58512080{
    top: 39px;
    left: 514px;
}
#grafico #cxPicada_19095, #graficoHora #cxPicada_58512080{
    top: 5px;
    left: 432px;
}
#grafico #vuPicada, #graficoHora #hrPicada{
    top: 41px;
    left: 445px;
}
#grafico #vaPicada{
    top: 41px;
    left: 445px;
}
#grafico #vdPicada{
    top: 57px;
    left: 445px;
}
#graficoHora #chvPicada{
    top: 50px;
    left: 445px;
}
#graficoHora #vdhPicada{
    top: 65px;
    left: 445px;
}
#mapa #lkPicada_19095{
    top: 37px;
    left: 457px;
}
#mapa #vuPicada{
    top: 58px;
    left: 465px;
}
#mapa #vaPicada{
    //top: 73px;
    top: 58px;
    left: 465px;
}
#mapa #vdPicada{
    //top: 88px;
    top: 73px;
    left: 465px;
}


/* Sobragi */
#grafico #lkSobragi_19096, #graficoHora #lkSobragi_58521085{
    top: 110px;
    left: 573px;
}
#grafico #cxSobragi_19096, #graficoHora #cxSobragi_58521085{
    top: 55px;
    left: 590px;
}
#grafico #vuSobragi, #graficoHora #hrSobragi{
    top: 95px;
    left: 605px;
}
#grafico #vaSobragi, #graficoHora #chvSobragi{
    top: 91px;
    left: 605px;
}
#grafico #vdSobragi, #graficoHora #vdhSobragi{
    top: 108px;
    left: 605px;
}
#mapa #lkSobragi_19096{
    top: 5px;
    left: 548px;
}
#mapa #vuSobragi{
    top: 25px;
    left: 550px;
}
#mapa #vaSobragi{
    //top: 40px;
    top: 25px;
    left: 550px;
}
#mapa #vdSobragi{
    //top: 55px;
    top: 40px;
    left: 550px;
}


/* Simplicio */
#grafico #lkSimplicio_19150{
    top: 170px;
    left: 686px;
}
#grafico #cxSimplicio_19150{
    top: 90px;
    left: 684px;
}
#grafico #vuSimplicio, #graficoHora #hrSimplicio{
    top: 120px;
    left: 700px;
}
#grafico #vaSimplicio, #graficoHora #chvSimplicio{
    top: 135px;
    left: 700px;
}
#grafico #vdSimplicio, #graficoHora #vdhSimplicio{
    top: 150px;
    left: 700px;
}
#mapa #lkSimplicio_19150{
    top: 329px;
    left: 605px;
}
#mapa #vuSimplicio{
    top: 347px;
    left: 616px;
}
#mapa #vaSimplicio{
    top: 362px;
    left: 616px;
}
#mapa #vdSimplicio{
    top: 377px;
    left: 616px;
}


/* Anta */
#grafico #lkAnta_19140{
    top: 228px;
    left: 686px;
}
#grafico #cxAnta_19140{
    top: 250px;
    left: 656px;
}
#grafico #vuAnta, #graficoHora #hrAnta{
    top: 280px;
    left: 667px;
}
#grafico #vaAnta, #graficoHora #chvAnta{
    top: 295px;
    left: 667px;
}
#grafico #vdAnta, #graficoHora #vdhAnta{
    top: 310px;
    left: 667px;
}
#mapa #lkAnta_19140{
    top: 331px;
    left: 552px;
}
#mapa #vuAnta{
    top: 347px;
    left: 558px;
}
#mapa #vaAnta{
    top: 362px;
    left: 558px;
}
#mapa #vdAnta{
    top: 377px;
    left: 558px;
}


/* Pereira Passos */
#grafico #lkPereiraPassos_19104, #graficoHora #lkPereiraPassos_59309000{
    top: 414px;
    left: 613px;
}
#grafico #cxPereiraPassos_19104, #graficoHora #cxPereiraPassos_59309000{
    top: 383px;
    left: 650px;
}
#grafico #vuPereiraPassos, #graficoHora #hrPereiraPassos{
    top: 412px;
    left: 665px;
}
#grafico #vaPereiraPassos, #graficoHora #chvPereiraPassos{
    top: 412px;
    left: 665px;
}
#grafico #vdPereiraPassos, #graficoHora #vdhPereiraPassos{
    //top: 465px;
    top: 426px;
    left: 665px;
}
#mapa #lkPereiraPassos_19104{
    top: 448px;
    left: 545px;
}
#mapa #vuPereiraPassos{
    top: 485px;
    left: 550px;
}
#mapa #vaPereiraPassos{
    top: 500px;
    left: 550px;
}
#mapa #vdPereiraPassos{
    //top: 515px;
    top: 485px;
    left: 550px;
}


/* Nilo Pecanha */
#grafico #lkNiloPecanha_19103{
    top: 369px;
    left: 501px;
}
#grafico #cxNiloPecanha_19103{
    top: 369px;
    left: 501px;
}
#grafico #vuNiloPecanha, #graficoHora #hrNiloPecanha{
    top: 363px;
    left: 525px;
}
#grafico #vaNiloPecanha, #graficoHora #chvNiloPecanha{
    top: 378px;
    left: 525px;
}
#grafico #vdNiloPecanha, #graficoHora #vdhNiloPecanha{
    top: 393px;
    left: 525px;
}
#mapa #lkNiloPecanha_19103{
    top: 448px;
    left: 464px;
}
#mapa #vuNiloPecanha{
    top: 485px;
    left: 475px;
}
#mapa #vaNiloPecanha{
    top: 500px;
    left: 475px;
}
#mapa #vdNiloPecanha{
    top: 515px;
    left: 475px;
}


/* Lajes */
#grafico #lkLajes_19099, #graficoHora #lkLajes_59307000{
    top: 413px;
    left: 358px;
}
#grafico #cxLajes_19099, #graficoHora #cxLajes_59307000{
    top: 380px;
    left: 274px;
}
#grafico #vuLajes, #graficoHora #hrLajes{
    top: 417px;
    left: 290px;
}
#grafico #vaLajes, #graficoHora #chvLajes{
    top: 427px;
    left: 290px;
}
#grafico #vdLajes{
    top: 436px;
    left: 290px;
}
#graficoHora #vdhLajes{
    top: 442px;
    left: 290px;
}

#mapa #lkLajes_19099{
    top: 491px;
    left: 365px;
}
#mapa #vuLajes{
    top: 515px;
    left: 365px;
}
#mapa #vaLajes{
    top: 530px;
    left: 365px;
}
#mapa #vdLajes{
    //top: 545px;
    top: 530px;
    left: 365px;
}


/* Fontes */
#grafico #lkFontes_19102, #graficoHora #lkFontes_{
    top: 396px;
    left: 398px;
}
#grafico #cxFontes_19102, #graficoHora #cxFontes_{
    top: 396px;
    left: 398px;
}
#grafico #vuFontes, #graficoHora #hrFontes{
    top: 430px;
    left: 420px;
}
#grafico #vaFontes, #graficoHora #chvFontes{
    top: 445px;
    left: 420px;
}
#grafico #vdFontes, #graficoHora #vdhFontes{
    top: 460px;
    left: 420px;
}
#mapa #lkFontes_19102{
    top: 430px;
    left: 410px;
}
#mapa #vuFontes{
    top: 453px;
    left: 410px;
}
#mapa #vaFontes{
    top: 465px;
    left: 410px;
}
#mapa #vdFontes{
    top: 480px;
    left: 410px;
}


/* Santana */
#grafico #lkSantana_19100{
    top: 289px;
    left: 502px;
}
#grafico #cxSantana_19100{
    top: 289px;
    left: 502px;
}
#grafico #vuSantana, #graficoHora #hrSantana{
    top: 275px;
    left: 585px;
}
#grafico #vaSantana, #graficoHora #chvSantana{
    top: 290px;
    left: 585px;
}
#grafico #vdSantana, #graficoHora #vdhSantana{
    top: 305px;
    left: 585px;
}
#mapa #lkSantana_19100{
    top: 328px;
    left: 484px;
}
#mapa #vuSantana{
    top: 350px;
    left: 490px;
}
#mapa #vaSantana{
    top: 365px;
    left: 490px;
}
#mapa #vdSantana{
    top: 380px;
    left: 490px;
}


/* Tocos */
#grafico #lkTocos_19098{
    top: 290px;
    left: 357px;
}
#grafico #cxTocos_19098{
    top: 290px;
    left: 357px;
}
#grafico #vuTocos, #graficoHora #hrTocos{
    top: 320px;
    left: 310px;
}
#grafico #vaTocos, #graficoHora #chvTocos{
    top: 335px;
    left: 310px;
}
#grafico #vdTocos, #graficoHora #vdhTocos{
    top: 350px;
    left: 310px;
}
#mapa #lkTocos_19098{
    top: 438px;
    left: 278px;
}
#mapa #vuTocos{
    top: 460px;
    left: 270px;
}
#mapa #vaTocos{
    top: 475px;
    left: 270px;
}
#mapa #vdTocos{
    top: 490px;
    left: 270px;
}


/* Vigario */
#grafico #lkVigario_19101{
    top: 343px;
    left: 502px;
}
#grafico #cxVigario_19101{
    top: 343px;
    left: 502px;
}
#grafico #vuVigario, #graficoHora #hrVigario{
    top: 335px;
    left: 580px;
}
#grafico #vaVigario, #graficoHora #chvVigario{
    top: 350px;
    left: 580px;
}
#grafico #vdVigario, #graficoHora #vdhVigario{
    top: 365px;
    left: 580px;
}
#mapa #lkVigario_19101{
    top: 429px;
    left: 336px;
}
#mapa #vuVigario{
    top: 453px;
    left: 333px;
}
#mapa #vaVigario{
    top: 468px;
    left: 333px;
}
#mapa #vdVigario{
    top: 483px;
    left: 333px;
}

/* Equivalente */
#grafico #lkEquivalente_0{
    top: 340px;
    left: 720px;
}
/*
#grafico #vuEquivalente{
    top: 335px;
    left: 715px;
    text-align: center;
    width: 150px;
    border: 5px solid #A4C8C8;
    border-radius: 3px;
    padding: 10px;
    color: #599EC6;
    font-size: 20px;
}
*/
#mapa #vuEquivalente{
    top: 405px;
    left: 650px;
    text-align: center;
    width: 210px;
    border: 4px solid #4995C1;
    border-radius: 3px;
    padding: 5px;
    color: #4995C1;
    font-size: 15px;
    font-weight: bold;
    background: #FFFFFF;
    display: none !important;
}

/* Pontos de Controle*/

#mapa .linkMapaPontoControle{
    width: 15px;
    height: 15px;    
    display: block;
}

#mapa #lkNova_{
    top: 453px;
    left: 151px;
}

#lkSantaBranca_58099000{
    top: 449px;
    left: 112px;
}

#lkJaguari_58128200{
    top: 424px;
    left: 96px;
}

#lkPindamonhangaba_58183000{
    top: 378px;
    left: 181px;
}

#lkLorenaPiquete_58214000{
    top: 345px;
    left: 234px;
}

#lkQueluz_58235100{
    top: 322px;
    left: 287px;
}

#lkResende_58250000{
    top: 310px;
    left: 338px;
}

#lkVoltaRedonda_58305001{
    top: 316px;
    left: 393px;
}

#lkBarraDoPirai_58321000{
    top: 307px;
    left: 438px;
}

#lkTresRios_58385000{
    top: 257px;
    left: 520px;
}

#lkMouraBrasil_58440000{
    top: 266px;
    left: 536px;
}

#lkParaibunaSobragi_58520100{
    top: 235px;
    left: 505px;
}

#lkManoelDuarte_58585000{
    top: 251px;
    left: 474px;
}

#lkParaibunaFoz_58611000{
    top: 253px;
    left: 539px;
}

#lkItaocara_58680001{
    top: 185px;
    left: 701px;
}

#lkRioPombaParaoquena_58772000{
    top: 161px;
    left: 676px;
}

#lkDoisRios_58874000{
    top: 183px;
    left: 737px;
}

#lkPatrocinioDoMuriae_58920000{
    top: 107px;
    left: 682px;
}

#lkCaramgolaTombos_58931000{
    top: 67px;
    left: 713px;
}

#lkCardosoMoreira_58960000{
    top: 159px;
    left: 773px;
}

#lkCamposPonte_58974000{
    top: 201px;
    left: 822px;
}

/*FIM Localizacao dos itens do grafico*/



/*.highcharts-range-selector-buttons{
    display: none;
}*/
#boletins{
    background: #FFFFFF;
    display: none;
}

#download p,
#boletins p{    
    color: #4995C1;
    font-size: 14px;
    line-height: 50px;
}

#download input,
#download select,
#boletins input,
#boletins select{    
    padding: 4px;
}

#download button,
#boletins button{
    background: #ECF3F8;
    border: 1px solid #DCEAF3;
    border-radius: 3px;
    padding: 5px 10px;
    color: #5A9CC5;
    cursor: pointer;
}
#download .obs{
    color: #999999;
    font-size: 12px;
}

/* Tooltip Jquery UI Style*/
.ui-tooltip, .arrow:after {
    background: white;
    border: 2px solid #569CC5;
}
.ui-tooltip {
    padding: 10px 20px;
    color: #569CC5;
    border-radius: 20px;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
}
.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}
.arrow.top {
    top: -16px;
    bottom: auto;
}
.arrow.left {
    left: 20%;
}
.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow.top:after {
    bottom: -20px;
    top: auto;
}
.lblBoletim{
    display: none;
}

/* QUALIDADE DA AGUA */

#detalhesPC{
    clear: both;
    margin: 20px 30px;
    display: none;
}
#tituloPC{
    color: #4995C1;
    font-weight: bold;
    text-align: left;
}
#tblQualidadeAgua{
    width: 840px;
    height: 300px;
    overflow: scroll;
    margin-top: 10px;
    padding: 10px;
    font-size: 12px;
}
#tblQualidadeAgua table td,
#tblQualidadeAgua table th{
    padding: 5px;
    border: 1px solid #CCC;
    margin: 0px;
}
#tituloTblQualidadeAgua{
    width: 100%;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 14px;
}
#rodapeTblQualidadeAgua{
    width: 100%;
    text-align: center;
    margin-top: 5px;
    font-style: italic;
    font-size: 11px;
}

#lembreteHora{
    float: left;
    display: none;
    position: absolute;
    left: 30%;
    top: 30%;
    height: 25%;
    width: 40%;
    z-index: 1000;
    background-color: rgba(164, 200, 200, 1);
    line-height: 120px;
    color: #FFFFFF;
    font-weight: bold;
}

.erroHora{
    border: 1px solid red;
}
/* QUALIDADE DA AGUA */