#gmap {
    height: 100%;
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

/* The popup bubble styling. */
.popup-bubble {
    /* Position the bubble centred-above its parent. */
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -100%);
    /* Style the bubble. */
    background-color: white;
    padding: 0px;
    border-radius: 5px;
    font-family: sans-serif;
    overflow-y: auto;
    max-height: 200px;
    box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.5);
}
.geofence-container {
    cursor: auto;
    height: 0;
    position: absolute;
    /* The max width of the info window. */
    max-width: 300px;
    transform: translate(-50%, 0);
}

.geofence-label {
    background-color: #eeeeee;
    color: black;
    padding: 2px;
    font-size: 12px;
}

/* The parent of the bubble. A zero-height div at the top of the tip. */
.popup-bubble-anchor {
    /* Position the div a fixed distance above the tip. */
    position: absolute;
    width: 100%;
    bottom: 52px; /*Laura - change this to move the balloon up or down in relation to the marker image - 28 px is good for icons of size 16, 36 px is good for size 24, 52 px is good for size 40. So sounds like 12 px plus the size*/
    left: 0;
}

/* This element draws the tip. */
.popup-bubble-anchor::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    /* Center the tip horizontally. */
    transform: translate(-50%, 0);
    /* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
    width: 0;
    height: 0;
    /* The tip is 8px high, and 12px wide. */
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid white;
}

/* JavaScript will position this div at the bottom of the popup tip. */
.popup-container {
    cursor: auto;
    height: 0;
    position: absolute;
    /* The max width of the info window. */
    width: 300px;
}

.popup-title {
    background-color: #dddddd;
    color: black;
    padding: 8px;
    font-weight: bold;
}
.popup-info {
    background-color: white;
    color: black;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.popup-info-blank {
    background-color: white;
    color: black;
    padding: 0px;
}