#map-container {
  width: 100%;
  height: 400px;

  .vector-marker {
    filter: saturate(50%);

    path {
      stroke: white;
    }

    i.active {
      color: black;
    }
  }

  .leaflet-overlay-pane {

    path {

      &.polygon {
        stroke-width: 1px;
        stroke-opacity: 0.5;

        &.active {
          fill-opacity: 0.5;
          stroke-opacity: 1.0;
        }
      }

      &.polyline {
        stroke-width: 2px;
        stroke-opacity: 0.5;

        &.active {
          stroke-opacity: 1.0;
        }
      }

      &.parent {
        stroke-width: 2px;
        stroke-dasharray: 5, 5, 1, 5;
        stroke-opacity: 0.2;
        fill: none;
      }
    }
  }
}