.no-ol-ui .ol-control, .no-ol-ui .ol-extra-buttons {
  display: none;

}
.no-ol-eb .ol-extra-buttons {
  display: none;
}

.map-screenshot-map-alaska .interactive-map,
.map-screenshot-map-hawaii .interactive-map,
.map-screenshot-map-pr .interactive-map {
  min-height: auto !important;
}

.usa-checkbox__input:disabled + .usa-checkbox__label {
  color: #1b1b1b;
}

#map-screenshot-close-button {
  position: relative;
}

#map-screenshot-close-button:after {
  content: "";
  position:  absolute;
  top: 1px;
  left: 1px;
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50%;
  z-index:0;
}

.screenshot-expand-button {
  background: transparent;
}

.screenshot-expand-button:hover svg {
  background: rgba(0,60,136,.7) !important;
}

.custom-menu {
  display: none;
  z-index: 100000;
  position: absolute;
  overflow: hidden;
  border: 1px solid #CCC;
  white-space: nowrap;
  font-family: sans-serif;
  background: #FFF;
  color: #333;
  border-radius: 5px;
  padding: 0;
}

/* Each of the items in the list */
.custom-menu li {
  padding: 8px 12px;
  cursor: pointer;
  list-style-type: none;
  transition: all .3s ease;
  user-select: none;
}

.custom-menu li:hover {
  background-color: #DEF;
}

div.ol-attribution {
  bottom: auto;
  right: 0;
  font-size: .8rem;
  top: 100%;
  max-width: 100%;
  background: transparent;
}

.map-screenshot-map-conus div.ol-attribution.ol-collapsed ul {
  display: block;
}

.map-screenshot-map-conus div.ol-attribution button {
  display: none;
}

.map-screenshot-map-conus div.ol-attribution li:before {
  content: "Basemap ";
  display: inline;
}

.map-screenshot-map-conus div.ol-attribution, .map-screenshot-map-conus div.ol-attribution ul {
  padding-right: 0;
}

.map-screenshot-map-conus .ol-viewport {
  overflow: visible !important;
}

.map-screenshot-map-wrappers .ol-layers {
  overflow: hidden;
}

.map-screenshot-jump-buttons {
  top: 76px;
  left: 11px;
  background: rgba(255, 255, 255, .3);
  padding: 1px 1px 0;
  border-radius: 4px;
}

.map-screenshot-jump-button {
  width: 26px;
  height: 26px;
  padding: 2px;
  background: rgba(0,60,136,.5);
  border: 0;
  margin-bottom: 1px;
}

.map-screenshot-jump-button:hover {
  background: rgba(0,60,136,.7);
}

.map-screenshot-jump-button:first-child {
  border-radius: 2px 2px 0 0;
}
.map-screenshot-jump-button:last-child {
  border-radius: 0 0 2px 2px;
}

.map-screenshot-jump-button span {
  width: 100%;
  height: 100%;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
}

.map-screenshot-jump-button-conus span {
  background-image: url("./icons/conus.png");
}

.map-screenshot-jump-button-alaska span {
  background-image: url("./icons/alaska.png");
}

.map-screenshot-jump-button-hawaii span {
  background-image: url("./icons/hawaii.png");
}

.map-screenshot-jump-button-pr span {
  background-image: url("./icons/pr.png");
}

.screenshot-expand-button {
  border-radius: 2px;
  position: absolute;
  width: 29px;
  padding: 0;
  top: 70px;
  left: 9px;
  height: 29px;
  border: 2px solid transparent;
  background-color: rgba(255,255,255,.4);
  z-index: 999;
}

.screenshot-expand-button svg {
  padding: 2px;
  fill: #fff;
  background: rgba(0, 60, 136, .5);
  border-radius: 2px;
  z-index: 10;
  width: 100%;
  height: 100%;
}

svg + .screenshot-expand-button, svg ~ .screenshot-expand-button {
  top: 9px;
}

.ol-viewport.ol-touch + .screenshot-expand-button, .ol-viewport.ol-touch ~ .screenshot-expand-button {
  top: 83px;
  width: 37px;
  height: 37px;
}