@charset "UTF-8";
/* CSS Document */
.leaflet-control-layers {
	text-align: left;
}
/* RESIZE THE WEBPAGE TO SEE THE AFFECT */
/* With Autoprefixer Applied */

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

.mcontainer {
 height: 95vh;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
	flex-basis: 1400px;
}

.header {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0 1rem;
}

.title {
  /* Fallback for calc / vmin */
  font-size: 2rem;
  font-size: calc( 2vmin + 1rem);
}

.map-container {
  height: 100%;
  /* Fallback for vmin */
  padding: 1rem 1rem 1rem 1rem;
  padding: 1vmin 1vmin 1vmin 1vmin;
}

.map-frame {
  height: 100%;
  width: 100%;
/*   We use outline over border as has issues in some cases */
  outline: 1px solid black;
}

#map { 
  height: 100%;
}
.info {
    padding: 4px 4px;
    font: 16px;
    background: rgba(255,255,255,0.6);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 3px;
	border: solid #333 1px;
}
.info h2,h3 {
    margin: 4px;
    color: #333;
        }
.leaflet-control-layers-expanded {
  	/*color: white;
	background-color: #2da0e2;*/
	background: rgba(255,255,255,0.6);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 3px;
	border: solid #333 1px;
}
/* 
Support for browsers that DON'T support Flexbox uses 100% height on the map-container defined above.
Map will at least render, for the small amount of browsers that DON'T support flexbox. Users will just have to scroll abit ¯\_(ツ)_/¯
*/
@supports (display: flex) {
  .map-container {
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }

  .map-frame {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
}