.SpeedAlarmIconEx 
{
    float                   : left;
    height                  : 36px;
    width                   : 36px;
    background-position-x   : center;
    background-position-y   : center;
    background-repeat       : no-repeat;
    background-size         : 32px 32px;
}

.MeasureTooltip
{
    position            : relative;
    background          : rgba(0, 0, 0, 0.5);
    border-radius       : 4px;
    color               : white;
    padding             : 4px 8px;
    opacity             : 0.7;
    white-space         : nowrap;
    text-align          : center;
}
.MeasureTooltipMeasure
{
    opacity             : 1;
    font-weight         : bold;
}
.MeasureTooltipStatic 
{
    background-color    : #ffcc33;
    color               : black;
    border              : 1px solid white;
}
.MeasureTooltipMeasure:before,
.MeasureTooltipStatic:before 
{
    border-top          : 6px solid rgba(0, 0, 0, 0.5);
    border-right        : 6px solid transparent;
    border-left         : 6px solid transparent;
    content             : "";
    position            : absolute;
    bottom              : -6px;
    margin-left         : -7px;
    left                : 50%;
}
.MeasureTooltipStatic:before 
{
    border-top-color: #ffcc33;
}

/* Popup */
.ol-popup 
{
    position                : absolute;
    background-color        : white;
    -webkit-box-shadow      : 3px 3px 6px rgba(0, 0, 0, 0.25); -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
    padding                 : 15px;
    -webkit-border-radius   : 3px; -moz-border-radius: 3px; border-radius: 3px;
    border                  : 1px solid #cccccc;
    bottom                  : 12px; 
    left                    : -50px;
    min-width               : 280px;
    z-index                 : 5000;
}
.ol-popup:after, .ol-popup:before 
{
    top                     : 100%;
    border                  : solid transparent;
    content                 : " ";
    height                  : 0;
    width                   : 0;
    position                : absolute;
    pointer-events          : none;
}
.ol-popup:after 
{
    border-top-color        : white;
    border-width            : 10px;
    left                    : 48px;
    margin-left             : -10px;
}
.ol-popup:before 
{
    border-top-color        : #cccccc;
    border-width            : 11px;
    left                    : 48px;
    margin-left             : -11px;
}
.ol-popup-closer 
{
    text-decoration         : none;
    position                : absolute;
    top                     : 2px;
    right                   : 8px;
}
.ol-popup-closer:after 
{
    content                 : "✖";
}
.low-accuracy-label {
    background-color: #FF7C00;
    color: white;
    font-family: 'Segoe UI', sans-serif;
    font-size: 12px;
    padding: 6px 12px;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
    white-space: nowrap;
    position: relative;
    z-index: 999;
}