/* @import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";*/

body {
    font-family: 'Noto Sans HK', sans-serif;
	font-size:0.8rem;
   
	margin: 0px;
   	padding: 0px;
   	
	
   	/*overflow: hidden; */
	


background: rgba(233,245,236,1);
background: -moz-linear-gradient(top, rgba(233,245,236,1) 0%, rgba(233,245,236,1) 36%, rgba(196,221,202,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(233,245,236,1)), color-stop(36%, rgba(233,245,236,1)), color-stop(100%, rgba(196,221,202,1)));
background: -webkit-linear-gradient(top, rgba(233,245,236,1) 0%, rgba(233,245,236,1) 36%, rgba(196,221,202,1) 100%);
background: -o-linear-gradient(top, rgba(233,245,236,1) 0%, rgba(233,245,236,1) 36%, rgba(196,221,202,1) 100%);
background: -ms-linear-gradient(top, rgba(233,245,236,1) 0%, rgba(233,245,236,1) 36%, rgba(196,221,202,1) 100%);
background: linear-gradient(to bottom, rgba(233,245,236,1) 0%, rgba(233,245,236,1) 36%, rgba(196,221,202,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f5ec', endColorstr='#c4ddca', GradientType=0 );

   
   
}


.container{
	max-width:1170px;
}
.main{
	
}

#map {
 
	padding: 0px;
	margin: 0px; 
	width: 1150px;
	height: 705px;
}
.m-mapea-container{
	padding: 0;
  margin: 0;
  width: 1080px;
  height: 600px
}

.ol-unselected, .ol-viewport{
	/* -webkit-border-radius: 5px; */
	border: 0px solid #000000;
	/* -webkit-box-shadow: 11px 9px 12px -7px rgba(0,0,0,0.06);
-moz-box-shadow: 11px 9px 12px -7px rgba(0,0,0,0.06);
box-shadow: 11px 9px 12px -7px rgba(0,0,0,0.06); */
}




/* CONTENEDOR PANEL*/ 
.contenedor_panel{
	margin-left:20px;
	background-color: #808080;
	width: 100%;
	height: 100%
}


/* POPUP */

.m-popup {
	border: 2px solid transparent; 	border-color: #ddd;	border-radius:4px;
	box-shadow: none;
	
	white-space:nowrap; /* evita que el nombre se configure en varias lineas */
	
	max-width: 600px;
	
	position:absolute;	z-index:999;	overflow-y: auto; 	overflow-x: auto;
	bottom: 0px; 	left:0px;
    
	font-family: 'Noto Sans HK', sans-serif;
    font-size:12px;	
	opacity:0
	
	

}

.m-popup>div.m-content>div.m-body {
	max-height: 80px;
}


.m-popup-closer{
	font-weight: bold;
	font-size: 12px
}


.m-popup:before {
	border-top-color: initial;
	border-width: 0;
	left: inherit;
	margin-left: 0;
	
}

.m-popup:after,.m-popup:before {
	top: 0;
	}

.m-popup tr:nth-child(odd) {
	background-color: white;
	color: black;
}

.m-popup tr:nth-child(even) {
	background-color: white;
	color: black;
}


.emergente_hover{
	padding:5px;
	margin: 5px;
	bottom:40px; 
	right:30px;
	min-width:450px;
	min-height:60px;
	position:fixed;
	z-index:7;
}
.emergente_hover2{
	padding:5px;
	margin: 5px;
	bottom:120px; 
	right:30px;
	min-width:450px;
	min-height:60px;
	position:fixed;
	z-index:7;
}

.informacion{
	padding:5px;
	margin: 5px;
	
	background-color:#656565;
	position:absolute;
	z-index:6;
}


.footer{
	width:100%;
	position:absolute;
	z-index:5; 
	float:right;
	text-align: right;
	right:0px; 
	padding-right:20px;
	
	background-color:#198754
}


.form-control{
	padding: 0.4rem 0.2rem;
	font-size:0.75rem
}

.btn{
	
}

#leyenda{
	/*position:absolute;
	z-index:999;
	width:420px;
	bottom:40px; 
	right:20px;*/
	
	    position: relative;
    bottom: 80px;
    left: 700px;
		width:420px;
}

#leyenda_info{
	font-size:12px;
}

#leyenda_aux{
	margin:10px 0px 0px 0px;
	padding:0px;
	right:0px
}

#leyenda_tabla_up{
	margin: 0px;
	max-height:23px;
	height:15px;
	font-family:'Noto Sans HK', sans-serif;
	font-size:10px;
	text-align:center;
}

#leyenda_tabla_upline{
	margin: 0px;
}

#leyenda_tabla{
	margin: 0px;
}

.leyenda_tabla_div{
	background-color:#fff;
	border-bottom: 3px solid #fff;
	border-left: 1px solid #000000;
}

.leyenda_senalado_selected_0{
	max-height:3px;
	font-size:1px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
.leyenda_senalado_selected{
	max-height:3px;
	font-size:3px;
	border-right: 1px solid #000000;
}

#leyenda00_upline{ max-height:2px;}
#leyenda01_upline{ max-height:2px;}
#leyenda02_upline{ max-height:2px;}
#leyenda03_upline{ max-height:2px;}
#leyenda04_upline{ max-height:2px;}
#leyenda05_upline{ max-height:2px;}


#openNav_web{
		color:#000;
}
.leyenda_titulo{
	font-size:11px;	
	line-height:12px;
	bottom:20px;		
}

.leyenda_cuerpo_0{
	max-height:8px;
	height:8px;
	min-width:80px;
	font-size:6px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;	
}

.leyenda_cuerpo{
	max-height:8px; height:8px;
	font-size:6px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;	
}