body {
  margin: 0;
  overflow-x: auto;
}

/*#####################################################################*/
/*#####################################################################*/
/*#####################################################################*/

/*MAP BODY STUFF*/

::-webkit-scrollbar {
  z-index: 99;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgb(138, 138, 138);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgb(100, 100, 100);
}

.msgContainer {
  position: relative;
  z-index: 10;
  min-width: 1200px;
  pointer-events: none;

}

.mapContainer {
  position: relative;
  left: 25%;
  width: 75%;
  height: 100%;
  z-index: 0;
  min-width: 1200px;
}

.mapBackground,
.mapOverlay,
.svg {
  position: absolute;
  max-width: 100%;
  min-width: 1200px;
  min-height: 100%;
  height: auto;
  top: 0;
  /* right: 0; */
  /* left: 25%; */
}

.mapBackground {
  z-index: 1;
}

.mapOverlay-buildings {
  z-index: 6;
  pointer-events: none;
}

.mapOverlay-tags {
  z-index: 7;
  pointer-events: none;
}

.svg-buildings {
  z-index: 5;
  pointer-events: none;
}

.svg-tags {
  z-index: 2;
  pointer-events: none;
}

.svg {
  filter: drop-shadow(0px 0px 20px rgba(245, 245, 245, 0.5));
  filter: drop-shadow(1px 1px 8px rgba(245, 245, 245, 0.5))
    drop-shadow(-1px -1px 8px rgba(245, 245, 245, 0.5))
    drop-shadow(1px -1px 8px rgba(245, 245, 245, 0.5))
    drop-shadow(-1px 1px 8px rgba(245, 245, 245, 0.5))
    drop-shadow(1px 0px 8px rgba(245, 245, 245, 0.5))
    drop-shadow(-1px 0px 8px rgba(245, 245, 245, 0.5))
    drop-shadow(0px 1px 8px rgba(245, 245, 245, 0.5))
    drop-shadow(0px -1px 8px rgba(245, 245, 245, 0.5));
    
}

/* 
.svg.red {
  filter: drop-shadow(0px 0px 20px rgba(219, 63, 63, 0.5))  !important;
  filter: drop-shadow(1px 1px 8px rgba(219, 63, 63, 0.5))
    drop-shadow(-1px -1px 8px rgba(219, 63, 63, 0.5))
    drop-shadow(1px -1px 8px rgba(219, 63, 63, 0.5))
    drop-shadow(-1px 1px 8px rgba(219, 63, 63, 0.5))
    drop-shadow(1px 0px 8px rgba(219, 63, 63, 0.5))
    drop-shadow(-1px 0px 8px rgba(219, 63, 63, 0.5))
    drop-shadow(0px 1px 8px rgba(219, 63, 63, 0.5))
    drop-shadow(0px -1px 8px rgba(219, 63, 63, 0.5))  !important;
} */
.highlight {
  /* fill: whitesmoke; */
  /* fill-opacity: 0.4; */
  stroke:#343a40;
  stroke-width:600px;
  animation-timing-function: linear;
  animation-name: mymove;
  animation-duration: 1s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}

path {
  cursor: pointer;
  fill: none;
  pointer-events: all;
}
path:hover {
  fill: whitesmoke;
  fill-opacity: 0.4;
}

@media only screen and (max-width: 1000px) {
  .m-mapBackground,
  .m-mapOverlay,
  .m-svg {
    position: absolute;
    max-width: 100%;
    /* min-width: 1200px; */
    min-height: 100%;
    height: auto;
    top: 0;
    /* right: 0; */
    /* left: 25%; */
  }

  .m-mapContainer {
    position: relative;
  }

  .mapContainer {
    display: none;
  }
}

@media only screen and (min-width: 1001px) {
  .m-mapContainer {
    display: none;
  }
}

/*MAP BODY STUFF END*/

/*#####################################################################*/
/*#####################################################################*/
/*#####################################################################*/

/*SIDE BAR STUFF*/

.sidebar {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
}

.pink {
  background-color: #ab1e54 !important;
}

/*SIDE BAR STUFF END*/