body { overflow: hidden; }

      .navbar-offset { margin-top: 50px; }
      #map { position: absolute; top: 64px; bottom: 0px; left: 0px; right: 0px; }
      #map .ol-zoom { font-size: 1.2em;  }
	  #map { z-index: 35; }

      .zoom-top-opened-sidebar { margin-top: 5px; }
      .zoom-top-collapsed { margin-top: 65px; }

      .mini-submenu{
        display:none;  
        background-color: rgba(255, 255, 255, 0.46);
        border: 1px solid rgba(0, 0, 0, 0.9);
        border-radius: 4px;
        padding: 9px;  
        /*position: relative;*/
        width: 42px;
        text-align: center;
      }

      .mini-submenu-left {
        position: absolute;
        top: 75px;
        left: .5em;
        z-index: 40;
      }
      .mini-submenu-right {
        position: absolute;
        top: 75px;
        right: .5em;
        z-index: 40;
      }



      .sidebar { z-index: 45; }

     
	  .main-row { position: absolute; top: 50px;  left: 0px;right: 0px; }

      .mini-submenu:hover{
        cursor: pointer;
      }

      .slide-submenu{
        background: rgba(0, 0, 0, 0.45);
        display: inline-block;
        padding: 0 8px;
        border-radius: 4px;
        cursor: pointer;
      }
	  
.bt input.ativo{color:#860055 ;background-color: white  ;font-weight:bold ; border: 1px solid #860055; }
.bt input  {font-family: Verdana; width:95%; font-size: .8em; color :white ;background-color: #C1BEBE; outline: none; border: 1px solid white  }
.bt input:hover  {cursor: pointer}
.bt input::-moz-focus-inner {border:0;} 
.bt2 input.ativo , .bt3 input.ativo {color:blue ;background-color: white  ;font-weight:bold ; border: 1px solid blue }
.bt2 input,.bt3 input  {font-family: Verdana; width:95%;font-size: .8em;;color :white ;background-color: #C1BEBE; outline: none; border: 1px solid white  }
.bt2 input:hover ,.bt3 input:hover  {cursor: pointer}
.bt2 input::-moz-focus-inner  ,.bt3 input::-moz-focus-inner {border:0;} 	  
.bt4 input  {font-family: Verdana; width:95%; font-size: .8em; color :white ;background-color: #C1BEBE; outline: none; border: 1px solid white  }  

.bt5 input.ativo {color:blue ;background-color: white  ;font-weight:bold ; border: 1px solid blue }
.bt5 input {font-family: Verdana; width:95%;font-size: .8em;;color :white ;background-color: #C1BEBE; outline: none; border: 1px solid white  }
.bt5 input:hover   {cursor: pointer}
.bt5 input::-moz-focus-inner  {border:0;} 	  
	  
.opacity75 { /* 75% opaque */
  opacity:0.75;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
  filter:alpha(opacity=75);
  zoom:1
}
	  
/*.list-group-item.ativo {color:blue ;background-color: white  ;font-weight:bold ;}
.list-group-item {font-family: Verdana; width:95%;font-size: .8em;;color :white ;background-color: #C1BEBE; outline: none; border: 1px solid white;  }*/
/*.list-group-item.ativo {color:blue ;background-color: white  ;font-weight:bold ; border: 1px solid blue; }
.list-group-item {font-family: Verdana; width:95%;font-size: .8em;;color :white ;background-color: #C1BEBE; outline: none; border: 1px solid white;  }
.list-group-item::-moz-focus-inner {border:0;} */

#popupLinha{
        width:400px; /* Tamanho da Largura da Div */
	    height:400px; /* Tamanho da Altura da Div */
        position:absolute; 
        top:50%; 
        margin-top:-100px; /* ou seja ele pega 50% da altura tela e sobe metade do valor da altura no caso 100 */
        left:50%;
       margin-left:-250px; /* ou seja ele pega 50% da largura tela e diminui  metade do valor da largura no caso 250 */
	   background-color:#fff;
	   z-index : 9999;
	}
#popupRede{
        width:400px; /* Tamanho da Largura da Div */
	    height:400px; /* Tamanho da Altura da Div */
        position:absolute; 
        top:50%; 
        margin-top:-100px; /* ou seja ele pega 50% da altura tela e sobe metade do valor da altura no caso 100 */
        left:50%;
        margin-left:-250px; /* ou seja ele pega 50% da largura tela e diminui  metade do valor da largura no caso 250 */
	    background-color:#fff; 
	    z-index : 9999;
	}



#divestacao{position: absolute;z-index: 45;top:85px; border-radius: 10px 10px; left: 20%; max-width:900px; background-color:#FFC6AA; padding:20px; font-size:14px; line-height: 16px; border: 1px solid #232020; line-height: 16px;/*filter: alpha(Opacity=80); */}
#divlinha{position: absolute;z-index: 45; top:85px; border-radius: 10px 10px; left: 20%; max-width:900px; background-color:#FFC6AA; padding:20px; font-size:14px; line-height: 16px; border: 1px solid #232020; line-height: 16px;/*filter: alpha(Opacity=80); */}
#divmunicipio{position: absolute;z-index: 45;top:85px; border-radius: 10px 10px; left: 20%; max-width:900px; background-color:#FFC6AA; padding:20px; font-size:14px; line-height: 16px; border: 1px solid #232020; line-height: 16px;/*filter: alpha(Opacity=80); */}
#divserie{position: absolute; z-index: 45;top:85px; border-radius: 10px 10px; left: 20%; max-width:900px; background-color:#FFC6AA; padding:20px; font-size:14px; line-height: 16px; border: 1px solid #232020; line-height: 16px;/*filter: alpha(Opacity=80); */}
#divredeGPS{position: absolute; z-index: 45; top:85px; border-radius: 10px 10px; left: 20%; max-width:900px; background-color:#FFC6AA; padding:20px; font-size:14px; line-height: 16px; border: 1px solid #232020; line-height: 16px;/*filter: alpha(Opacity=80); */}
#divbasica{position: absolute;z-index: 45; top:85px; border-radius: 10px 10px; left: 20%; max-width:900px; background-color:#FFC6AA; padding:20px; font-size:14px; line-height: 16px; border: 1px solid #232020; line-height: 16px;/*filter: alpha(Opacity=80); */}
#divconexao{position: absolute; z-index: 45;top:85px; border-radius: 10px 10px; left: 20%; max-width:900px; background-color:#FFC6AA; padding:20px; font-size:14px; line-height: 16px; border: 1px solid #232020; line-height: 16px;/*filter: alpha(Opacity=80); */}
#divenquadramento{position: absolute;z-index: 45; top:85px; border-radius: 10px 10px; left: 20%; max-width:900px; background-color:#FFC6AA; padding:20px; font-size:14px; line-height: 16px; border: 1px solid #232020; line-height: 16px;/*filter: alpha(Opacity=80); */}
#divbuffer{position: absolute;z-index: 45;  top:85px; border-radius: 10px 10px; left: 20%; max-width:900px; background-color:#FFC6AA; padding:20px; font-size:14px; line-height: 16px; border: 1px solid #232020; line-height: 16px;/*filter: alpha(Opacity=80); */}

#divload{position: absolute;z-index: 400; top:50%; left:50%; background: transparent;display:none; font-size:14px; line-height: 16px; border: 1px solid #232020; line-height: 16px;/*filter: alpha(Opacity=80); */}
#divMalha{position: absolute;z-index: 45;  top:85px; border-radius: 10px 10px; left: 20%; max-width:900px; background-color:#FFC6AA; padding:20px; font-size:14px; line-height: 16px; border: 1px solid #232020; line-height: 16px;/*filter: alpha(Opacity=80); */}

.tooltipDist {
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  color: white;
  padding: 4px 8px;
  opacity: 0.7;
  white-space: nowrap;
}
.tooltipDist-measure {
  opacity: 1;
  font-weight: bold;
}
.tooltipDist-static {
  background-color: #ffcc33;
  color: black;
  border: 1px solid white;
}
.tooltipDist-measure:before,
.tooltip-static:before {
  border-top: 6px solid rgba(0, 0, 0, 0.5);
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  content: "";
  position: absolute;
  bottom: -6px;
  margin-left: -7px;
  left: 50%;
}
.tooltipDist-static:before {
  border-top-color: #ffcc33;
}	

#directions_info, #directions_infoRBMC,#directions_infoRMPG{

	padding: 3px;
	width: auto;
	top:15px; right:15px; 
	line-height: 16px; border: 1px solid #232020; line-height: 16px;
	font: normal 10px Verdana;
	/*text-align:left;*/
	border: 1px solid navy;
/*	margin-left:5px;
	margin-right:5px;
	margin-top:5px; */
	height: auto;
	background-color:#FFC6AA;
	border-radius: 10px 10px; 
}

		
		/* Hiding the checkbox, but allowing it to be focused */
.badgebox
{
    opacity: 0;
}

.badgebox + .badge
{
    /* Move the check mark away when unchecked */
    text-indent: -999999px;
    /* Makes the badge's width stay the same checked and unchecked */
	width: 22px;
}

.badgebox:focus + .badge
{
    /* Set something to make the badge looks focused */
    /* This really depends on the application, in my case it was: */
    
    /* Adding a light border */
    box-shadow: inset 0px 0px 5px;
    /* Taking the difference out of the padding */
}

.badgebox:checked + .badge
{
    /* Move the check mark back when checked */
	text-indent: 0;
}