#mapDiv
{
  /* min-height: 800px;*/
  height: calc(100vh - 182px);
}

/* Override the annoying styles attached by overly broad selectors (e.g. "div") in style.css */
#mapDiv .esriSimpleSlider div
{
  text-align: center;
  font-size: 24px;
}

.esriControlsBR
{
  display:none;  /* Seems to be the easiest way to suppress the "powered by esri" logo */
}


#mapDiv .esriSimpleSlider div
{
  text-align: center;
  font-size: 24px;
}

#mapDiv div.scalebar_top-right
{
  top: 24px;
  right: 160px;
}
@media (max-width: 960px)
{
  #mapDiv div.scalebar_top-right
  {
    top: 153px;
    right: 160px;
  }
}

@media (min-width: 961px)
{
  #mapDiv div.esriOverviewMap.ovwBL
  {
    left: 273px;
    bottom: 5px;
  }
}

@media (max-width: 960px)
{
  #selected-location-pane
  {
    display: none;
  }
}

#mapDiv_root div.esriPopup.esriPopupVisible div.esriPopupWrapper
{
  border-left: 2px solid #25730d;
  border-right: 2px solid #25730d;
  border-top: 2px solid #25730d;
  background-color: #e5ebeb;
}

#mapDiv_root div.esriPopup.esriPopupVisible div.outerPointer,
#mapDiv_root div.esriPopup.esriPopupVisible div.pointer.bottom
{
  background-color: #444;
}

#mapDiv_root div.esriPopup.esriPopupVisible div.esriPopupWrapper div.titlePane
{
  background-color: #e5ebeb;
  padding-left: 3px;
  padding-right: 4px;
}

#mapDiv_root div.esriPopup.esriPopupVisible div.esriPopupWrapper div.title
{
  color: black;
  font-size: 1.6rem;
  font-weight: bold;
  white-space: nowrap;
}

#mapDiv_root div.esriPopup.esriPopupVisible div.esriPopupWrapper div.title > span
{
  color: #004a6a;
}

#mapDiv_root div.esriPopup.esriPopupVisible div.esriPopupWrapper div.titleButton.maximize,
#mapDiv_root div.esriPopup.esriPopupVisible div.esriPopupWrapper div.titleButton.close
{
  display: none;
}

#mapDiv_root div.esriPopup.esriPopupVisible div.sizer
{
  width: auto;
}

#mapDiv_root div.esriPopup.esriPopupVisible div.content
{
  background-color: #e5ebeb;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  /* border: 1px solid #25730d; */
  border-bottom: 2px solid #25730d;
}

#mapDiv_root div.esriPopup.esriPopupVisible div.content
{
  padding: 0px 3px;
  margin-top: -2px;
}

#mapDiv_root div.esriPopup.esriPopupVisible div.contentPane
{
  font-size: 1.3rem;
  padding: 0px;
  overflow-y: hidden;
  white-space: nowrap;
  background-color: transparent;
}

#mapDiv_root div.esriPopup.esriPopupVisible div.contentPane > span
{
  font-weight: bold;
  color: #004a6a;
}


#mapDiv_root div.esriPopup.esriPopupVisible div.actionsPane
{
  display: none;
}