.overlay-all {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background-color: rgba(100, 101, 103, 0.5);
  z-index: 10000;
}
.overlay-all .overlay-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #646567;
  font-size: 2em;
  padding: 0.5em;
}
.overlay-all .overlay-content.overlay-normal-font {
  font-size: 1em;
}
.overlay-all .overlay-content.overlay-half {
  min-width: 50%;
}
.overlay-all .overlay-content .overlay-throbber {
  width: 1em;
  height: 1em;
  display: inline-block;
}
.overlay-all .overlay-content .overlay-throbber .throbber {
  vertical-align: middle;
}
.overlay-all .overlay-content-header {
  height: 3em;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.overlay-all .overlay-content-header a,
.overlay-all .overlay-content-header a:hover,
.overlay-all .overlay-content-header span {
  color: #ffffff;
  vertical-align: middle;
}
.overlay-all .overlay-content-header .overlay-content-header-close {
  font-size: 1.5em;
  cursor: pointer;
  margin-left: 1em;
}
.overlay-all .overlay-content-document {
  position: fixed;
  top: 3em;
  left: 50%;
  transform: translateX(-50%);
  height: calc(100% - 3em);
  width: 8.5in;
  max-width: 100%;
}
.overlay-all .overlay-content-document iframe {
  border: none;
  height: 100%;
  width: 100%;
}