#mapidxl {
	position: relative;
	top: 0;
	bottom: 56;
	height: calc(100vh - (180px));

/*	height: 200px;
*/	width: 100%;
}

.btt_submit_filter{
	margin-top:32px;
	margin-left:32px;
}



/*.app-gui {
    height: 100vh;
    width: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
}*/

/*#mapidxl {
    width: 100%;
    height: 50px;  Height cannot be set using % 
    flex:1;
} 
*/
/*
<div id="mapidxl" style="position: relative; overflow: hidden;"></div>

    <footer class="sticky-footer">
      <div class="container">
        <div class="text-center">
          <small>Copyright © Ángel Marqués Mateu, Pablo Fernández De Arroyabe & Benjamin Arroquia Cuadros - 2018</small>
        </div>
      </div>
    </footer>


    
.mapContainer{
    padding: 2px 2px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    margin: 10px 20px;
}

*/