/*********************************************************
**                                                      **
**       Leaflet Plugin "Leaflet.PolylineMeasure"       **
**       File "Leaflet.PolylineMeasure.css"             **
**       Date: 2023-05-26                               **
**                                                      **
*********************************************************/


a.polyline-measure-controlOnBgColor, a.polyline-measure-controlOnBgColor:hover {
    background-color: #f4f4f4;
}

.polyline-measure-unicode-icon {
    font-size: 19px;
    font-weight: bold;
}

a.polyline-measure-clearControl:active {
    background-color: #f88;
}

.polyline-measure-unicode-icon, .polyline-measure-clearControl, #unitControlId
{
    cursor: pointer;
}

.polyline-measure-tooltip {
    font: 10px Arial, Helvetica, sans-serif;
    line-height: 10px;
    background-color: rgba(255, 255, 170, 0.7);
    border-radius: 3px;
    box-shadow: 1px 1px 4px #888;
    margin: 0;
    padding: 2px;
    width: auto !important;
    height: auto !important;
    white-space: nowrap;
    text-align: right;
}

.polyline-measure-tooltip-end {
    background-color: rgba(255, 255, 40, 0.7);
}

.polyline-measure-tooltip-total {
    color: #006;
    font-weight: bold;
}

.polyline-measure-tooltip-difference {
    color: #060;
    font-style: italic;
}

.polyline-measure-popupTooltip {
    font: 11px Arial, Helvetica, sans-serif;
    line-height: 11px;
}

#polyline-measure-control {
    background-image: url('../../../Images/Ruler/measuring.png');
}

.polyline-measure-tooltip,
.polyline-measure-popupTooltip {
    background-color: #ffffff !important;
    border: 3px solid #FF6600 !important;
    border-radius: 3px;
    padding: 5px 10px;
    text-align: left;
}

    .polyline-measure-tooltip > div {
        padding: 3px 0;
        font-style: normal !important;
    }

.polyline-measure-tooltip-start {
    display: none !important;
}

.polyline-measure-popupTooltip {
    padding: 10px 20px !important;
    border-color: #cccccc !important;
    line-height: 15px;
}

a.polyline-measure-controlOnBgColor, a.polyline-measure-controlOnBgColor:hover {
    background-color: #aad3df !important;
}

a.polyline-measure-clearControl:active {
    background-color: #fff !important;
}