#nodemap {
  min-height: 500px;
  height: 70vh;
  background: linear-gradient(301deg, #868780, #78c55b, #178bc1);
  background-size: 600% 600%;
  animation: mapbganimation 6s ease infinite;
}

@keyframes mapbganimation {
  0%{background-position:0% 17%}
  50%{background-position:100% 84%}
  100%{background-position:0% 17%}
}

#nodemap .marker-type-node {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: blue;
  opacity: 0.7;
  margin-top: -2px;
  margin-left: -2px;
}
#nodemap .marker-type-radial {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: blue;
  opacity: 0.7;
  margin-top: 1px;
  margin-left: 1px;
}
#nodemap .marker-type-tech {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: blue;
  opacity: 0.7;
  margin-top: 3px;
  margin-left: 3px;
}

#nodemap .marker-icon-active {
  animation: activemarker 0.5s linear;
  animation-iteration-count: infinite;
}
#nodemap .leaflet-div-icon {
  background: transparent;
  border: 0;
}

#autocomplete {
  z-index: 1100;
}

@keyframes activemarker {
  0% {background-color: #0000FF;}
  50% {background-color: #FF0000;}
  100% {background-color: #0000FF;}
}

.multilevel-icon {
  border-radius: 50%;
  text-align: center;
}
svg .leaflet-interactive[class*="polygon-"] {
  opacity: 0;
}
.page-node-edit svg .leaflet-interactive,
.page-node-add svg .leaflet-interactive {
  opacity: 1;
}
.leaflet-marker-icon[data-visibility="level-invisible"] {
  opacity: .4;
}
svg .leaflet-interactive[data-visibility="level-visible"] {
  opacity: 1;
}
.leaflet-marker-icon[data-visibility="level-visible"] {
  opacity: 1;
}
.leaflet-image-layer[data-visibility="level-invisible"] {
  opacity: .4;
}
.inner-level {
  background-color: white;
  position: absolute;
  width: 100%;
  height: 100%;
  right: -10px;
  bottom: -10px;
  z-index: -1;
}
.popup-level {
  font-size: 18px;
}
.leaflet-popup-content p,
.leaflet-popup-content .summary,
.custom-popup p,
.custom-popup .summary {
  pointer-events: none;
}
.multilevel-el .leaflet-popup-content p {
  margin: 5px 0;
}
div.map-wrapper .node-map .leaflet-popup .leaflet-popup-content h2 {
  margin-bottom: 0;
}
.map-wrapper .node-map .leaflet-popup .leaflet-popup-content div.summary {
  margin: 0 0 20px 0;
  font-size: 14px;
}
.map-wrapper .node-map .custom-popup{
    top: 50%;
    transform: translateY(-50%);
}