/******************* Begin of Generated Text ******************/
/* This module allow open a popup window with a main image and buttons to view different images */
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  width: 300px;
  height: calc(300px * 0.85);
  min-width: 300px;
  min-height: 275px;
  margin: calc(50vh - (300px * 0.45)) auto;
  background: whitesmoke;
  border-radius: 5px;
  position: relative;
  z-index: 3;
}

.popup .close {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: black;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  background: whitesmoke;
  overflow: auto;
  margin: 20px;
}
.popupthumb {
  width: 25px;
  margin: 2px;
}
.button-holder {
  margin: 1vw 15%;
}
.image-managed {
  width: 150px;
  float: left;
}
.image-content {
  width: calc(150px * 3);
  overflow: auto;
  margin: 1vw calc(50% - (150px / 2));
}