/* line 1, ../sass/_map.scss */
.map-holder {
  position: relative;
  margin-bottom: 12px;
  overflow: hidden;
  background-color: #f2f2f2;
}
/* line 6, ../sass/_map.scss */
.map-holder .draggable-map {
  position: relative;
  min-height: 800px;
  overflow: hidden;
}
/* line 11, ../sass/_map.scss */
.map-holder .draggable-map svg {
  position: absolute;
  cursor: grab;
  transition: 230ms ease all;
}
/* line 16, ../sass/_map.scss */
.map-holder .draggable-map svg .mapview-clickable {
  cursor: pointer;
  transition: 230ms ease all;
}
/* line 20, ../sass/_map.scss */
.map-holder .draggable-map svg .mapview-clickable:hover {
  opacity: .8 !important;
}
/* line 24, ../sass/_map.scss */
.map-holder .draggable-map svg .mapview-clickable > g, .map-holder .draggable-map svg .mapview-clickable > polygon, .map-holder .draggable-map svg .mapview-clickable > path {
  transition: 230ms ease all;
}
/* line 31, ../sass/_map.scss */
.map-holder .controls {
  position: absolute;
  bottom: 5px;
  right: 5px;
  transform: translateX(200%);
  transition: 230ms ease all;
}
/* line 39, ../sass/_map.scss */
.map-holder .controls .control div {
  background-color: #fff;
  padding: 15px;
  border-radius: 100px;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5px 0 0 0;
  transition: 230ms ease all;
}
/* line 51, ../sass/_map.scss */
.map-holder .controls .control div:hover {
  opacity: .8;
  cursor: pointer;
}
/* line 60, ../sass/_map.scss */
.map-holder:hover .controls {
  transform: translateX(0);
}

/* line 66, ../sass/_map.scss */
.admin-view {
  padding-top: 6px;
}