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

.icon-ruler {
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 31.883 31.883' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M31.603,8.288l-7.449-7.725c-0.375-0.388-1.002-0.409-1.391-0.035L0.292,22.202c-0.387,0.375-0.387,1.004-0.014,1.393 l7.451,7.723c0.374,0.392,1.002,0.413,1.39,0.037L31.59,9.679C31.978,9.304,31.979,8.676,31.603,8.288z M9.336,28.419 c-0.23,0.223-0.539,0.345-0.859,0.339c-0.32-0.007-0.624-0.14-0.846-0.369l-4.432-4.595c-0.462-0.479-0.449-1.243,0.03-1.705 l2.039,2.113c0.28,0.291,0.741,0.299,1.032,0.021c0.291-0.281,0.297-0.741,0.016-1.034l-2.037-2.11l0.543-0.523l2.037,2.111 c0.28,0.291,0.742,0.302,1.033,0.021c0.291-0.278,0.296-0.737,0.016-1.03l-2.037-2.111l0.542-0.523l2.038,2.112 c0.28,0.29,0.742,0.3,1.032,0.021c0.291-0.281,0.297-0.74,0.016-1.033l-2.037-2.11l0.542-0.521l2.038,2.111 c0.281,0.291,0.742,0.301,1.033,0.021c0.29-0.281,0.297-0.742,0.016-1.033l-2.037-2.111l0.543-0.522l3.393,3.516 c0.28,0.292,0.741,0.301,1.033,0.022c0.291-0.281,0.297-0.742,0.016-1.033l-3.392-3.519l0.542-0.523l2.038,2.112 c0.281,0.291,0.741,0.302,1.032,0.021s0.297-0.742,0.017-1.032l-2.038-2.111l0.543-0.523l2.038,2.112 c0.281,0.29,0.742,0.301,1.033,0.021c0.291-0.279,0.296-0.742,0.016-1.033l-2.037-2.112l0.542-0.523l2.037,2.112 c0.279,0.291,0.742,0.301,1.033,0.021s0.295-0.741,0.016-1.032l-2.037-2.112l0.542-0.523L18,11.921 c0.281,0.29,0.741,0.301,1.032,0.02c0.291-0.279,0.297-0.74,0.018-1.032l-2.037-2.112l0.543-0.523l3.391,3.518 c0.281,0.291,0.761,0.284,1.053,0.004c0.291-0.282,0.314-0.76,0.035-1.05L18.64,7.227l3.906-3.769 c0.229-0.222,0.539-0.344,0.858-0.338c0.32,0.006,0.625,0.138,0.847,0.369l4.434,4.594c0.221,0.229,0.344,0.539,0.338,0.858 c-0.006,0.32-0.14,0.624-0.369,0.847L9.336,28.419z'/%3E%3Cpath d='M22.351,9.433c0.938,0.973,2.49,1,3.463,0.062c0.975-0.938,1-2.492,0.062-3.464c-0.938-0.973-2.491-1-3.463-0.062 C21.439,6.908,21.412,8.462,22.351,9.433z M23.429,7.023c0.391-0.377,1.018-0.364,1.396,0.025 c0.376,0.392,0.364,1.017-0.026,1.395c-0.394,0.378-1.019,0.366-1.396-0.024C23.025,8.026,23.037,7.4,23.429,7.023z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
  background-size: 18px 18px;
}

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

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

.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;
}