html {
  height: 100%;
}
body {
  background-color: #F7F7F5;
  height: 100%;
}
#pop {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
.main {
  position: relative;
  min-height: 100%;
}
.main #footer {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}
.main #header {
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  -webkit-box-shadow: 0px 2px 8px rgba(37, 12, 72, 0.25);
  -moz-box-shadow: 0px 2px 8px rgba(37, 12, 72, 0.25);
  box-shadow: 0px 2px 8px rgba(37, 12, 72, 0.25);
}
.main #header a {
  color: #000 !important;
}
.main #header a.shopping-cart {
  background-image: url("../img/shoppingCart_other_icon.png") !important;
}
.main .middle .link-nav {
  margin-top: 30px;
  font-size: 14px;
  color: #666;
}
.main .middle .link-nav a {
  font-size: 14px;
  color: #666;
}
.main .middle .reports-main {
  margin-top: 30px;
}
.main .middle .reports-main .reports-title {
  height: 80px;
  line-height: 80px;
  background-color: #e5e5e5;
  padding-left: 40px;
  font-size: 20px;
  color: #000;
}
.main .middle .reports-main .reports-container {
  padding: 20px 30px;
  background-color: #fff;
}
.main .middle .reports-main .reports-container .release-date {
  font-size: 14px;
  color: #666;
}
.main .middle .reports-main .reports-container .release-date i {
  color: #000;
}
.mfp-image-holder .mfp-content {
  height: 80%;
  min-width: 70%;
  max-width: 90%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  height: 100%;
}
.mfp-figure figure {
  height: 100%;
}
.mfp-figure:after {
  background: none;
  box-shadow: none;
}
img.mfp-img {
  height: 100%;
}
