#map-page,
#map-canvas {
    width: 100%;
    height: 100%;
    padding: 0;
}
.ui-content {
    font-size: 13px;
   
} 
.ui-btn-b {
    font-size: 13px;
    
}
.ui-btn-a {
    font-size: 13px;
   
}
.xButton {
    font-size: 12px;
    padding-top: 3px; padding-bottom: 3px;
}
.inlineIcon {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: auto;
}
.NoDisk:after {
    background-color: transparent;
}
.ui-iconOrange:after {
    background-image: url("/mapicons/orange.png");
    background-size: 18px 18px;
    border-radius: 0;
}
.ui-iconOrangeDot:after {
    background-image: url("/mapicons/orange-dot.png");
    background-size: 18px 18px;
    border-radius: 0;
}
.ui-iconBlueDot:after {
    background-image: url("/mapicons/blue.png");
    background-size: 18px 18px;
    border-radius: 0;
} 
.ui-iconBlue:after {
    background-image: url("/mapicons/blue.png");
    background-size: 18px 18px;
    border-radius: 0;
}
.ui-iconGreen:after {
    background-image: url("/mapicons/green.png");
    background-size: 18px 18px;
    border-radius: 0;
}   
.ui-iconGreenDot:after {
    background-image: url("/mapicons/green-dot.png");
    background-size: 18px 18px;
    border-radius: 0;
} 
.ui-iconPinkDot:after {
    background-image: url("/mapicons/pink-dot.png");
    background-size: 18px 18px;
    border-radius: 0;
} 
.ui-iconPink:after {
    background-image: url("/mapicons/pink.png");
    background-size: 18px 18px;
    border-radius: 0;
} 
.ui-iconLightBlue:after {
    background-image: url("/mapicons/lightblue.png");
    background-size: 18px 18px;
    border-radius: 0;
}
.ui-iconLightBlueDot:after {
    background-image: url("/mapicons/ltblue-dot.png");
    background-size: 18px 18px;
    border-radius: 0;
} 
.ui-iconRed:after {
    background-image: url("/mapicons/red.png");
    background-size: 18px 18px;
    border-radius: 0;
} 
.ui-iconRedDot:after {
    background-image: url("/mapicons/red-dot.png");
    background-size: 18px 18px;
    border-radius: 0;
} 
.ui-iconPurple:after {
    background-image: url("/mapicons/purple.png");
    background-size: 18px 18px;
    border-radius: 0;
} 
.ui-iconPurpleDot:after {
    background-image: url("/mapicons/purple-dot.png");
    background-size: 18px 18px;
    border-radius: 0;
} 
.ui-iconYellowDot:after {
    background-image: url("/mapicons/yellow-dot.png");
    background-size: 18px 18px;
    border-radius: 0;
} 
.ui-iconYellow:after {
    background-image: url("/mapicons/yellow.png");
    background-size: 18px 18px;
    border-radius: 0;
}
.ui-iconYellowPushpin:after {
    background-image: url("/mapicons/ylw-pushpin.png");
    background-size: 18px 18px;
    border-radius: 0;
}
.ui-iconBluePushpin:after {
    background-image: url("/mapicons/blue-pushpin.png");
    background-size: 18px 18px;
    border-radius: 0;
}
.ui-iconRedPushpin:after {
    background-image: url("/mapicons/red-pushpin.png");
    background-size: 18px 18px;
    border-radius: 0;
}
.ui-iconGreenPushpin:after {
    background-image: url("/mapicons/green-pushpin.png");
    background-size: 18px 18px;
    border-radius: 0;
}
.ui-iconPinkPushpin:after {
    background-image: url("/mapicons/pink-pushpin.png");
    background-size: 18px 18px;
    border-radius: 0;
}
.ui-iconLightBluePushpin:after {
    background-image: url("/mapicons/ltblue-pushpin.png");
    background-size: 18px 18px;
    border-radius: 0;
}
.ui-iconPurplePushpin:after {
    background-image: url("/mapicons/purple-pushpin.png");
    background-size: 18px 18px;
    border-radius: 0;
}
.ui-iconUncheckAll:after {
    background-image: url("/mapicons/uncheck_all.png");
    background-size: 16px 16px;
    border-radius: 0;
}
.ui-iconCheckAll:after {
    background-image: url("/mapicons/check_all.png");
    background-size: 16px 16px;
    border-radius: 0;
}
 /* The popup bubble styling. */
.popup-bubble {
    /* Position the bubble centred-above its parent. */
    position: absolut;
    top: 0;
    left: 0;
    transform: translate(-50%, -100%);
    /* Style the bubble. */
    background-color: black;
    padding: 5px;
    border-radius: 5px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
    color: white;
    overflow-y: auto;
    max-height: 60px;
    box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.5);
}

  /* 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: 8px;
    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: sticky;
    /* The max width of the info window. */
    width: 180px;
    
}

.ui-iconRed2Location:after {
    background-image: url("/mapicons/ic_my_location_blackred2_18dp.png");
    background-size: 18px 18px;
    border-radius: 0;
}
.ui-iconBlack2Location:after {
    background-image: url("/mapicons/ic_my_location_blackblack2_18dp.png");
    background-size: 18px 18px;
    border-radius: 0;
}
.ui-iconYellow2Location:after {
    background-image: url("/mapicons/ic_my_location_blackyellow2_18dp.png");
    background-size: 18px 18px;
    border-radius: 0;
}
.ui-iconBlue2Location:after {
    background-image: url("/mapicons/ic_my_location_blackblue2_18dp.png");
    background-size: 18px 18px;
    border-radius: 0;
}
.ui-iconWhite2Location:after {
    background-image: url("/mapicons/ic_my_location_blackwhite2_18dp.png");
    background-size: 18px 18px;
    border-radius: 0;
}
.ui-iconMarin2Location:after {
    background-image: url("/mapicons/ic_my_location_blackmarin2_18dp.png");
    background-size: 18px 18px;
    border-radius: 0;
}
.ui-iconOrange2Location:after {
    background-image: url("/mapicons/ic_my_location_blackorange2_18dp.png");
    background-size: 18px 18px;
    border-radius: 0;
}
.ui-iconDarkRed2Location:after {
    background-image: url("/mapicons/ic_my_location_blackdarkred2_18dp.png");
    background-size: 18px 18px;
    border-radius: 0;
}
.ui-iconDarkGrey2Location:after {
    background-image: url("/mapicons/ic_my_location_blackdarkgrey2_18dp.png");
    background-size: 18px 18px;
    border-radius: 0;
}
.ui-iconLightGrey2Location:after {
    background-image: url("/mapicons/ic_my_location_blacklightgrey2_18dp.png");
    background-size: 18px 18px;
    border-radius: 0;
}
.ui-iconGold2Location:after {
    background-image: url("/mapicons/ic_my_location_blackgold2_18dp.png");
    background-size: 18px 18px;
    border-radius: 0;
}
.ui-iconGreen2Location:after {
    background-image: url("/mapicons/ic_my_location_blackgreen2_18dp.png");
    background-size: 18px 18px;
    border-radius: 0;
}
.ui-iconBrown2Location:after {
    background-image: url("/mapicons/ic_my_location_blackbrown2_18dp.png");
    background-size: 18px 18px;
    border-radius: 0;
}
.ui-iconRosa2Location:after {
    background-image: url("/mapicons/ic_my_location_blackrosa2_18dp.png");
    background-size: 18px 18px;
    border-radius: 0;
}
.ui-iconRos2Location:after {
    background-image: url("/mapicons/ic_my_location_blackros2_18dp.png");
    background-size: 18px 18px;
    border-radius: 0;
}
.ui-iconLime2Location:after {
    background-image: url("/mapicons/ic_my_location_blacklime2_18dp.png");
    background-size: 18px 18px;
    border-radius: 0;
}
.ui-iconTurkos2Location:after {
    background-image: url("/mapicons/ic_my_location_blackturkos2_18dp.png");
    background-size: 18px 18px;
    border-radius: 0;
}
.ui-iconLighYellow2Location:after {
    background-image: url("/mapicons/ic_my_location_blacklightyellow2_18dp.png");
    background-size: 18px 18px;
    border-radius: 0;
}