/* 
 * Always set the map height explicitly to define the size of the div element
 * that contains the map. 
 */
html, body, #map {
    height: 100%;
}
.box {
    display: flex;
    flex-flow: column;
    height: 100%;
	/*height: 100vh;*/
}
.box .row {
    /*border: 1px dotted grey;*/
}
.box .row.header {
    flex: 0 1 auto;
    /* The above is shorthand for:
  flex-grow: 0,
  flex-shrink: 1,
  flex-basis: auto
  */
}
.box .row.content {
    flex: 1 1 auto;
}
.box .row.footer {
    /*flex: 0 1 40px;*/
    flex: 0 1 auto;
}
/*InfoWindow*/
.iw_header h3 {
    font-size: 16px !important;
    font-weight: bold !important;
}
.iw_w3w a {
    color: #0a3049 !important;
    font-weight: bold;
    text-decoration: none;
}
.w3w_slashes {
    color: #E11F26 !important;
}
.iw_gm_dir a {
    color: #0000EE;
    font-weight: bold;
    text-decoration: none !important;
}
.marker_text {
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}