.map-theme .sc-popup-header {
  height: 25px;
  padding-top: 6px;
  background: linear-gradient(to bottom, #3980cc 0%, #2865a2 100%);
  border-bottom: 2px solid #e7a614;
  color: #fff !important;
  line-height: 20px;
  padding-left: 6px;
  cursor: default;
  font-size: 15px;
  border-radius: 3px !important;
}

.map-theme .sc-popup-header-close-button {
  z-index: 500;
}
.sc-popup-content-next-button {
  z-index: 500;
}
.sc-popup-content-prev-button {
  z-index: 500;
}

@media only screen and (max-width: 770px) {
  .map-theme .sc-property-report-click-more-info {
    width: 60% !important;
  }

  .map-theme .sc-property-report-click-close {
    width: 37% !important;
  }
  .map-theme .ol-popup {
    position: absolute;
    background-color: white;
    /* padding: 15px 25px 15px 15px; */
    border: 1px solid #cccccc;
    bottom: 0px;
    top: unset;
    right: 0px;
    left: -50px;
    border-radius: 3px !important;
    width: 100%;
    max-width: none !important;
  }

  .map-theme .ol-popup-content {
    max-width: none;
    width: 100%;
  }

  .map-theme .ol-selectable {
    transform: unset !important;
    position: absolute;
    left: 50px !important;
    /*top: 238px !important;*/
    right: 0px !important;
    bottom: 0px;
    width: 100%;
  }
  .map-theme .ol-selectable.hidden {
    bottom: -1000px;
  }

  .map-theme .ol-popup-content {
    position: relative;
    width: 100%;
    max-width: none !important;
    z-index: 1;
    padding: 6px !important;
    background-color: #ffffff !important;
    overflow: scroll;
    /* max-height: 320px !important; */
    /* min-height: 50px !important; */
  }
}
