body {
    background: #eee !important;
    height: 100%;
}

.pad-left { padding-left: 15px; }

.pad-right { padding-right: 15px; }

.no-margin-bottom { margin-bottom: 0 !important; }

.margin-top-10 { margin-top: 10px; }

.pad-bottom-5 { padding-bottom: 5px; }

.space5 { margin-bottom: 5px; }

.inline-block { display: inline-block; }

.pull-left { float: left; }

iframe {
    border: none;
    height: calc(100vh - 260px);
    width: 100%;
}

.light-border-bottom { border-bottom: 1px solid #ccc; }

.unbold { font-weight: 500; }

.text-right { text-align: right; }

.panel h3 {
    border: none;
    font-size: 14px;
    font-weight: bold;
}

#map {
    height: calc(100vh - 220px);
    min-height: 300px;
    width: 100%;
}

#info-box {
    background-color: white;
    border: 1px solid #364f6a;
    border-radius: 3px;
    bottom: 35px;
    box-shadow: 4px 4px rgba(54, 79, 106, 0.5);
    padding: 10px;
    position: absolute;
    right: 22px;
    width: 140px;
}

#legend {
    background-color: white;
    border: 1px solid #364f6a;
    border-radius: 3px;
    bottom: 175px;
    box-shadow: 4px 4px rgba(54, 79, 106, 0.5);
    padding: 10px;
    position: absolute;
    right: 22px;
    width: 140px;
}

.heading { font-weight: bold; }

.resultSpan { float: right; }

.modal.fade.in { top: 50% !important; }

.modal.fade.out { top: 50% !important; }