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

/* 
 * Optional: Makes the sample page fill the window. 
 */
html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

.center-text-with-space-below {
    text-align: center;
    margin-bottom: 10px;
}

/* HTML marker styles */
.stop-tag {
    background-color: #4285F4;
    border-radius: 8px;
    color: #FFFFFF;
    font-size: 14px;
    padding: 10px 15px;
    position: relative;
}

/*.stop-tag::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    top: 100%;*/
/*    transform: translate(-50%, 0);*/
/*    width: 0;*/
/*    height: 0;*/
/*    border-left: 8px solid transparent;*/
/*    border-right: 8px solid transparent;*/
/*    border-top: 8px solid #4285F4;*/
/*}*/

/*.stop-tag::after {*/
/*    border-left: 9px solid transparent;*/
/*    border-right: 9px solid transparent;*/
/*    border-top: 9px solid #FFFFFF;*/
/*    content: "";*/
/*    height: 0;*/
/*    left: 50%;*/
/*    position: absolute;*/
/*    top: 95%;*/
/*    transform: translate(-50%, 0);*/
/*    transition: all 0.3s ease-out;*/
/*    width: 0;*/
/*    z-index: 1;*/
/*}*/

/*.stop-tag.highlight {*/
/*    background-color: #FFFFFF;*/
/*    border-radius: 8px;*/
/*    box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2);*/
/*    height: auto;*/
/*    padding: 8px 15px;*/
/*    width: auto;*/
/*}*/

/*.stop-tag.highlight::after {*/
/*    border-top: 9px solid #FFFFFF;*/
/*}*/