.pdfViewerContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)";
  display: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1000;
  top: 0;
}

.pdfViewerBox {
  /* vertically aligned to center via javascript */
  position: absolute;
  left: 0;
  right: 0;
  top: 5%;
  margin-left: auto;
  margin-right: auto;
  height: 85%;
  width: 85%;
  background-color: #111111;
  color: white;
  border: 2px solid #20a8d8;
  z-index: 1001;
}

.holterContainer {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)";
  /*visibility: hidden;*/
  display: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 90;
}

.holterBox {
  /* vertically aligned to center via javascript */
  position: absolute;
  left: 0;
  right: 0;
  top: 35px;
  margin-left: auto;
  margin-right: auto;
  height: 93%;
  width: 98%;
  background-color: #111111;
  color: white;
  border: 2px solid #20a8d8;
  z-index: 91;
}

.prevHolter {
  background: url(../assets/left.png) no-repeat center;
  height: 32px;
  width: 32px;
  background-size: 100% 100%;
  border: none;
  vertical-align: top;
  opacity: 70%;
}

.prevHolter:hover {
  opacity: 100%;
}

.nextHolter {
  background: url(../assets/right.png) no-repeat center;
  height: 32px;
  width: 32px;
  background-size: 100% 100%;
  border: none;
  vertical-align: top;
  opacity: 70%;
}

.nextHolter:hover {
  opacity: 100%;
}

.holter-icon {
  height: 28px;
  margin: 0;
  position: relative;
  opacity: 80%;
  cursor: pointer;
}

.holter-icon:hover {
  opacity: 100%;
}

.holter-icon.selected {
  height: 30px;
  border-bottom: 2px solid #ffffff;
  border-radius: 6px;
  opacity: 100%;
  cursor: default;
}

.holterHistoryButton {
  background: url(../assets/buttons/patient20x20.png) no-repeat center;
  height: 24px;
  width: 24px;
  background-size: 100% 100%;
  border: none;
  float: right;
  margin-top: 5px;
  margin-right: 5px;
}

.holterInfoButton {
  background: url(../assets/info20x20-header.png) no-repeat center;
  height: 24px;
  width: 24px;
  background-size: 100% 100%;
  border: none;
  float: right;
  margin-top: 5px;
  margin-right: 5px;
}

.holterHistoryButton:focus {
  outline: none;
}

.holterInfoButton:focus {
  outline: none;
}

.prevHolter:focus {
  outline: none;
}

.nextHolter:focus {
  outline: none;
}

#holterPatientData {
  position: absolute;
  left: 0;
  color: white;
  margin: 0.5em 0 0 3em;
}