.flex {
	display: flex;
	flex-wrap: wrap;
  }

#map-container{
	/*position: absolute; */
	/*top: 0; */
	/*bottom: 0; */
	width: 100%;
	height: 90vh;
	/* min-height: 600px; */
	/* height: 100%; */
	/* overflow: visible; */
}
canvas.mapboxgl-canvas{
	height: 100% !important;
}

.col-switch{
	margin: 15px 0;
	text-align: center;
}

.all-markers{
	margin: 15px auto;
	display: block;
}
.btn-green-map{
	background-color: #009A44 !important;
}

.mapboxgl-popup-content{
	padding: 10px 20px!important;
	/* border-radius: 10px !important; */
	background: rgba(0, 0, 0, 0.7) !important;
}
.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{
	border-left-color: rgba(0, 0, 0, 0.7);
}
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip, 
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip, 
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
    border-top-color: rgba(0, 0, 0, 0.7);
}
.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
    border-right-color: rgba(0, 0, 0, 0.7);
}
.mapboxgl-popup-anchor-top .mapboxgl-popup-tip, 
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip, 
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
    border-bottom-color: rgba(0, 0, 0, 0.7);;
}
.mapboxgl-popup-content p{
	color: #FFF;
	text-align: center;
	margin: 7px 0;
	font-size: 11px;
}
.mapboxgl-popup-close-button{
	color: #FFF;
	background: transparent;
	font-size: 15px;
	/* border-radius: 0 10px 0 0 !important; */
}
.mapboxgl-popup-close-button:hover{
	color: #000;
	background: #FFF;
}



.btn-ubicacion{
	display: block;
}
.listado-content{
	overflow: auto !important;
}
.btn-to-station{
	display: block;
	font-size: 10px;
	cursor: pointer;
}
.btn-to-station:hover{
	color: #4CAF50;
}


/*  FIX switches on WP   */
.switch label i{
  display: none !important;
}
span.lever.active:before, span.lever.active:after{
  left: 18px !important;
}

/*  color "Ball" from switches, when are "on" */
.switch label input[type=checkbox]:checked+.lever:after {
    background-color: #a5abab !important;
}


.switch label input[type=checkbox]:checked+.lever.lever-metrobus.active {
    background-color: #d2202f !important;
}
.switch label input[type=checkbox]:checked+.lever.lever-ciclovia.active {
    background-color: #069844 !important;
}
.switch label input[type=checkbox]:checked+.lever.lever-metro.active {
    background-color: #e9540d !important;
}
.switch label input[type=checkbox]:checked+.lever.lever-trolebus.active {
    background-color: #035aa7 !important;
}
.switch label input[type=checkbox]:checked+.lever.lever-tren-ligero.active {
    background-color: #146bb8 !important;
}
.switch label input[type=checkbox]:checked+.lever.lever-suburbano.active {
    background-color: #c11706 !important;
}
.switch label input[type=checkbox]:checked+.lever.lever-cablebus.active {
    background-color: #3bc1e1 !important;
}



nav ul li{
	float: none !important;
}