body {
    margin: 0;
    min-height: 100%;
    overflow: hidden;
}

#map_box {
    position: absolute;
    bottom: 0px;
    width:100%;
    height:auto;
}
#map {
    height: 100%;
}

.labels {
    color: black;
    background-color: yellow;
    font-family: "Roboto";
    font-size: 10px;
    font-weight: normal;
    text-align: center;
    line-height: 12px ;
    padding: 1px 2px 1px 2px;
    width: auto;
    height: auto;
    border: 0px solid gray;
    border-radius: 4px ;
    white-space: nowrap;
}

#filter-dialog table {
    margin: 0;
}

#filter-dialog td {
    vertical-align: middle;
}

#filter-dialog {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: rgba(255, 255, 255, 0.75);
    border: 1px solid gray;
    border-radius: 2px;
    padding: 22px 5px 5px 5px;
}

#filter-dialog .close {
    position: absolute;
    right: 3px;
    top: 3px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    opacity: 0.33;
}
#filter-dialog .close:hover {
    opacity: 1;
}
#filter-dialog .close:before,
#filter-dialog .close:after {
    position: absolute;
    left: 7px;
    content: ' ';
    height: 16px;
    width: 2px;
    background-color: gray;
}
#filter-dialog .close:before {
    transform: rotate(45deg);
}
#filter-dialog .close:after {
    transform: rotate(-45deg);
}

#filter-dialog .clear {
    position: absolute;
    right: 3px;
    top: 3px;
    cursor: pointer;
    margin-right: 20px;
    height: 16px;
    width: 16px;
    background: url(../trash.png);
    opacity: 0.5;
}

#filter-dialog .clear:hover {
    opacity: 1;
}

#filter-dialog td {
    padding-right: 5px;
}

#filter-dialog .spanme {
    width: 100%;
}

#filter-dialog .filter-label {
    white-space: nowrap;
}

.filter-button {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px -1px rgba(0,0,0,.3);
    cursor: pointer;
    text-align: center;
    margin-right: 10px;
}

/* https://stackoverflow.com/questions/19740700/glyphicons-bootstrap-icon-font-hex-value */
.filter-icon::before {
    height: 28px;
    width: 28px;
    content:"\e138";
    font-family:"Glyphicons Halflings";
    font-size: 20px;
    margin:1px;
    display:inline-block;
}

#filter-apply {
    float: right;
}