body { width: 99%; margin: 0 auto; }
.voa { border: 2px #aaa solid; border-radius: 5px; box-shadow: 0 0 3px 3px #ccc; width: 99%; margin: 1em auto; }
.voa header { padding: 0.5em; }
.voa h3 { margin: 0; padding: 0; font-weight: bold; padding-bottom: 10px;}
.voa .start { font-size: smaller; color: #444; }
.voa .map { border: 1px #888 solid; border-left: none; border-right: none; width: 100%; height: 600px; margin: 0; }
.voa footer { background: #f0f0f0; padding: 0.5em; }
.voa ul.info { list-style: none; margin: 0; padding: 0; font-size: smaller; }
.voa table#loc { font-family: Arial, Helvetica, sans-serif; font-size: smaller; }
.voa ul.info li { color: #666; padding: 2px; display: inline; }
.voa ul.info li span { color: black; }
input { padding-left: 2px; font-size: smaller; }
button { padding-left: 2px; font-size: 11px; }
select { padding-left: 2px; font-size: smaller; }
.leaflet-container.crosshair-cursor-enabled { cursor: crosshair; }
.leaflet-container.pointer-cursor-enabled { cursor: pointer; }

.qwm {
    padding-left: 3px;
    font-size: 2.5em;
}
.gcpath {
    padding-left: 4.5px;
    font-size: 1.4em;
}
.es {
    padding-left: 0.5px;
    font-size: 1em;
}
.set_home {
    width: 33px;
    height: 30px;
    font-size: 2.5em;
    position: absolute;
    top: 46%;
    left: 50%;
    margin: -15px 0 0 -14.5px;
}
.calendar {
    font-size: 1.5em;
}
.button {
    margin: 0.1em auto;
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 5px 10px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}
.button:hover {
    background-color: green;
}
.hf {
    text-align: center;
}
.by {
    text-align: center;
    padding-top: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: smaller; 
}
div#chart svg {
    width: 470px;
    height: 500px;
}

#and-btn {
    margin-top: 5px;
    align: middle;
}