.reference_header{
    border-radius: 10px 10px 0px 0px;
    border: 1.5px solid #D3D3D3;
    padding: 20px 20px 0px 20px;
    font-size: 0.90em;
	min-height: 100px;
}

.reference_header:hover {
  cursor: pointer;
  background-color: #e6e6e6;
}
span.reference_citation{
	vertical-align: middle;
}

.reference_abstract {
  display: none;
  padding: 30px;
  border-radius: 0px 0px 10px 10px;
  border: 1.5px solid #D3D3D3;
  margin-bottom: 5px;
  position: relative;
  align-items: center;
  min-height: 100px;
  
}

.abstract {
font-size: 0.80em;
}

.icon-arrow {
  -moz-transition: all 0.25s linear;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

.arrow-up {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}

.arrow-down {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}

/*loading CSS */

.epmc-loading {
  display: inline-block;
  position: absolute;
  left: 50%;
  margin: 0 auto;
  width: 64px;
  height: 64px;

}
.epmc-loading div {
  display: inline-block;
  position: absolute; 
  width: 13px;
  background: #000;
  animation: epmc-loading 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.epmc-loading div:nth-child(1) {
  left: 0px;
  animation-delay: -0.24s;
}
.epmc-loading div:nth-child(2) {
  left: 20px;
  animation-delay: -0.12s;
}
.epmc-loading div:nth-child(3) {
  left: 39px;
  animation-delay: 0;
}
@keyframes epmc-loading {
  0% {
    top: 6px;
    height: 51px;
  }
  50%, 100% {
    top: 19px;
    height: 26px;
  }
}