/*==========  Mobile First Method  ==========*/

#map {
      position: absolute;
      overflow: hidden;
      border-radius: 0px;
      width: 100%;
      height: 100%;
      z-index: 9;
  }

.my-div-icon:after {
  content: '\f03d';
  font-family: fontAwesome;
  position: absolute;
  opacity: 0.9;
  font-size: 1.2em;
  margin-top: -7px;
  margin-left: -4px;
  color: #cc5200;
  z-index: 100;
}

.dummy-div-icon:after {
  content: '\f0c8';
  font-family: fontAwesome;
  position: absolute;
  opacity: 0.8;
  font-size: 2em;
  margin-top: -14px;
  margin-left: -6px;
  color: #ffffff;
  z-index: 10;
}

.leaflet-popup-content-wrapper {
  opacity: 0.95;
  max-width: 275px;
  max-height: 300px;
/*  overflow-y: auto;*/
}

.leaflet-popup-leaflet-zoom-animated {
  width: 150px;
}

video {
  position: relative;
  height:200px;
  width:250px;
  z-index:999;
  margin:-12px 0px 0px -5px;
  border-width: 0px;
  border-radius: 4px;

}

.issue-active-street-icon:before {
  content:'\f0c8';/*solid circle*/
  font-family: fontAwesome;
  position: absolute;

  color:  #ffffff;
  border: 2px solid black;
  border-radius: 10%;
  z-index: 10;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.issue-active-street-icon:after {
  content:'\f018';
  font-family: fontAwesome;
  font-size: 2em;
  margin-top: -11.5px;
  margin-left: -10px;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #cc0000;
  z-index: 15;
}

.issue-active-icon:before {
  content:'\f111';/*solid circle*/
  font-family: fontAwesome;
  position: absolute;
  opacity: 1.0;
  font-size: 2.2em;
  margin-top: -15.5px;
  margin-left: -11px;
  color: #ffffff;
  z-index: 10;
}
.issue-active-icon:after {
  content:'\f2dc';
  font-family: fontAwesome;
  position: absolute;
  opacity: 1.0;
  font-size: 1.8em;
  -webkit-text-stroke: 1px;
  margin-top: -11.5px;
  margin-left: -10px;
  color: #cc0000;
  z-index: 10;
}

.issue-inactive-icon:before {
  content:'\f111';
  font-family: fontAwesome;
  position: absolute;
  opacity: 1.0;
  font-size: 2.2em;
  margin-top: -15.5px;
  margin-left: -11px;
  color: #ffffff;
  z-index: 10;
}
.issue-inactive-icon:after {
  content:'\f2dc';
  font-family: fontAwesome;
  position: absolute;
  opacity: 0.8;
  font-size: 1.8em;
  -webkit-text-stroke: 1px;
  margin-top: -11.5px;
  margin-left: -10px;
  color: #333333;
  z-index: 10;
}

.leaflet-control-customFindMeControl-toggle {
  text-indent: -9999px;
  white-space: nowrap;
  background-image: url('../img/locateMe2.png');
  display: block;
}

.leaflet-control-customGeocodeControl-toggle {
  text-indent: -9999px;
  white-space: nowrap;
  background-image: url('../img/addressSearchb2.png');
  display: block;
}

.leaflet-control-layers {
  box-shadow: none;
}

.leaflet-top.leaflet-left {
  position: relative;
  margin-top: 50px;
  /*margin-left: 42%;*/
}

.leaflet-top.leaflet-right {
  margin-top: 50px;
}

/* Extra small devices (tablets/laptops, 768px and up) */
@media only screen and (min-width : 768px) {

}

/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width : 992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media only screen and (min-width : 1200px) {

}