body {
    /*padding-bottom: 10px;*/
    background: #fafafa;
    color: #37474f;
    /*font-family: 'Noto Sans', sans-serif;*/
    overflow-x: hidden;
}

#error-message {
    display: none;
}

.map-container {
    overflow-x: auto;
    overflow-y: auto;
    /*min-height: 80vh;*/
}

#map {
    width: 768px;
    height: 576px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.purple {
    background-color: #41295a!important;
}
/*
 * Hide high-res map rendering
 */
.hidden-map {
    overflow: hidden;
    height: 0;
    width: 0;
    position: fixed;
}

.selectDiv {
    bottom: 1rem;
}
.labeltext {
    font-size: 0.8rem;
    color: #757575;
    /*position: absolute;*/
    /*top: .8rem;*/
}


/*
 * Loading spinner
 * Based on http://codepen.io/lixquid/pen/ybjmr
 */
#spinner {
    width: 24px;
    height: 24px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #333;
    border-left: 2px solid #333;
    -webkit-animation: spinner 0.75s ease infinite;
            animation: spinner 0.75s ease infinite;
    border-radius: 100%;
    position: relative;
    top: 8px;
    margin-left: 10px;
    display: none;
}
@-webkit-keyframes spinner {
    to {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }
}
@keyframes spinner {
    to {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }
}
/* FOOTER CSS */
footer.page-footer .footer-copyright {
    height: auto;
    line-height: 1.5rem;
    color: rgba(255,255,255,.6);
    background-color: rgba(0,0,0,.2);
    text-align: center;
    font-size: .9rem;
}