body {
}

.purl_frame {
  width: 100%;
  height: 100%;
  position: absolute;
  border: 0px;
  top: 0px;
  left: 0px;
}

.test_container {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  background: #ff0025;
  text-align: center;
  margin-bottom: 0px;
  padding: 2px;
  color: white;
}

.loading {
  position: absolute;
  left: 50%;
  top: 40%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

@keyframes progress-anim {
  0% { stroke-dashoffset: 251; }
  100% { stroke-dashoffset: 0; }
}

.progress-circle.indefinite .progress {
  stroke: #03a9f4 ;
  stroke-width: 2;
  stroke-dashoffset: 0;
  stroke-dasharray: 251;
  animation: progress-anim 2s linear infinite;
}

.progress-circle.indefinite .bg {
  stroke: #eee;
  stroke-width: 2;
}

.footer {
  font-size: 11px;
  color: gray;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 15px;
}

.powered_img {
  margin-bottom: -5px;
}

.powered {
  margin-right: 3px;
}


@media (max-width: 480px) {

}