.icon-active {
    background-color: #d3d3d3 !important;
}

.icon-ruler {
    cursor: pointer;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAFzUkdCAK7OHOkAAAAEZ0FNQQAAsY8L/GEFAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACjklEQVRIS91UwUpqURRd96qRE8WJZWjfoBDRVLAmfUAR1NCBgwZJQweSDYImEvQJ/UEjZwqKNVCsQSNFUwOj0ECtLO9z7de59MAH72E2aIHsc/Y5ey33uXtvzRgB3wD9w04dP1Do7e0N2WwWDw8P4qhWq2IngeIgJ7mpoff7fZydneHx8REnJyc4PDyUS5OAHKenp8JJbmpo3W7XOD4+xmAwQCKRgN/vx9bWFjqdzkfY/8HpdAp5sVhELBaDxWLB/v4+rKxum80mqoTX68XKygparRY0TRPfv4Jcbrcb6XRahPhkdrtd/Hh6ejJ2d3eNm5sb4+joyAgGg2ytiUAOcpGT3NSgqlEqlYx2uy2XXl9fxU4CxUFOclPj2yaDCNVqNT4hZmZm5LtQe5wdh7/dpR1lBofDgcXFReD9/d0Ih8PMaio/clNDpzIbjD3EdTKZFJvP58VGIhFzz8zL5TIqlQpub29xcXEhZ6MP/keM4iCnal6dabK8m82mlGO9XherpsXLy4vYq6sr3N3dib2+vkaj0ZA1m/L5+Rn39/fIZDISyzP2JS25qWHOulF6sFqtiEaj0lNstFEz4+DgAC6XS8755mtrawiFQkJEH8/i8Th6vZ7Zj3t7e7LmuYIpxFSJubk5IWEgs/F4POKnKPezs7Py45o+Yn5+XvaMYSw5CMVJjJ3erJTt7W34fD7Z67qOzc1NLC0tyZ7gemNjw6xGVtbOzo7EjoMpRDIFPuHCwoL8cwVmxjmmwLXKluBdxjBWQf0JQtjp+Hzhq6D6ktA4HtbX15HL5bC8vCxv/BVgMVxeXsqAPj8/hzYcDo1UKoVCoSAXPn/ASaAyCQQCWF1d/T2CxDNljK26aeCnCQG/AIrmUvmYVX/TAAAAAElFTkSuQmCC') !important;
    width: 50px !important;
}

.ruler-map {
    cursor: crosshair !important;
}

.total-popup {
    width: auto !important;
    height: auto !important;
    padding-left: 15px;
    margin-top: -10px !important;
    background-color: transparent;
    opacity: 0.7 !important
}

.total-popup-content {
    padding: 1px 7px;
    background-color: #4d90fe;
    border-radius: 8px;
    color: white;
    font-weight: bold;
    white-space: nowrap;
    text-align: center;
}

    .total-popup-content .poly-close {
        display: none;
    }

        .total-popup-content .poly-close:hover {
            opacity: 0.7;
        }

    .total-popup-content:hover .poly-close {
        display: inline;
        margin-left: 10px;
        position: relative;
        cursor: pointer;
    }

    .total-popup-content svg {
        width: 15px;
        height: 10px;
        position: relative !important;
        top: 0px !important;
        left: 5px !important;
    }

        .total-popup-content svg path {
            stroke: white;
            fill: transparent;
            stroke-linecap: round;
            stroke-width: 7;
        }

        .total-popup-content svg:hover {
            opacity: 0.7;
        }

        .total-popup-content svg:active {
            opacity: 0.3;
        }

.total-popup-label {
    padding: 0px;
    padding-top: 10px;
    background-color: transparent;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
    color: #4d90fe;
    font-weight: bold;
    font-size: 10px;
    white-space: nowrap;
}

.node-label {
    top: -25px !important;
}

.azimut {
    color: blue;
    text-shadow: 1px 1px 0px white;
    font-size: 13px;
    font-weight: normal;
}

.azimut-final {
    text-shadow: none;
    font-weight: bold;
}