/* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
#map {
    height: 100%;
}

.expanded {
    position: absolute;
    top: 60%;
    height: 40%;
    width: 100%;
}

.planner_panel {
    height: 15%;
}


.size1of3 {
    width: 450px;
}

nav {
    background-color: #36474E;
}

.page-footer {
    background-color: #36474E;
}

.datepicker-table td {
    color: #999;
}


span.badge.new {
    font-size: 1rem;
}