#ol-readbar-wrapper {
 z-index:99999
}
#ol-readbar-element {
 z-index:99999
}
.style-gradient #ol-readbar-element {
 background:#c92c2c;
 background:linear-gradient(to right,#c92c2c 0,#eae42c 50%,#3cad26 100%)
}
.style-rounded #ol-readbar-element {
 border-top-right-radius:50px;
 border-bottom-right-radius:50px
}
.style-plastic #ol-readbar-element {
 box-shadow:inset 0 2px 9px rgba(255,255,255,.3),inset 0 -2px 6px rgba(0,0,0,.4)
}
.style-animated #ol-readbar-element {
 position:relative
}
.style-animated #ol-readbar-element:after {
 content:"";
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0;
 background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);
 z-index:1;
 background-size:50px 50px;
 -webkit-animation:ol-readbar-animated 2s linear infinite;
 animation:ol-readbar-animated 2s linear infinite;
 overflow:hidden
}
@-webkit-keyframes ol-readbar-animated {
 0% {
  background-position:0 0
 }
 100% {
  background-position:50px 50px
 }
}
@keyframes ol-readbar-animated {
 0% {
  background-position:0 0
 }
 100% {
  background-position:50px 50px
 }
}
.style-ios7 #ol-readbar-element {
 background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55)
}
.style-shine #ol-readbar-element {
 position:relative
}
.style-shine #ol-readbar-element:after {
 content:'';
 opacity:0;
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 background:#fff;
 border-radius:3px;
 -webkit-animation:ol-readbar-animate-shine 2s ease-out infinite;
 animation:ol-readbar-animate-shine 2s ease-out infinite
}
@-webkit-keyframes ol-readbar-animate-shine {
 0% {
  opacity:0;
  width:0
 }
 50% {
  opacity:.5
 }
 100% {
  opacity:0;
  width:95%
 }
}
@keyframes ol-readbar-animate-shine {
 0% {
  opacity:0;
  width:0
 }
 50% {
  opacity:.5
 }
 100% {
  opacity:0;
  width:95%
 }
}
.style-glow #ol-readbar-element {
 position:relative
}
.style-glow #ol-readbar-element:after {
 content:'';
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 box-shadow:0 5px 5px rgba(255,255,255,.7) inset,0 -5px 5px rgba(255,255,255,.7) inset;
 -webkit-animation:ol-readbar-animate-glow 1s ease-out infinite;
 animation:ol-readbar-animate-glow 1s ease-out infinite
}
@-webkit-keyframes ol-readbar-animate-glow {
 0% {
  box-shadow:0 5px 5px rgba(255,255,255,.7) inset,0 -5px 5px rgba(255,255,255,.7) inset
 }
 50% {
  box-shadow:0 5px 5px rgba(255,255,255,.3) inset,0 -5px 5px rgba(255,255,255,.3) inset
 }
 100% {
  box-shadow:0 5px 5px rgba(255,255,255,.7) inset,0 -5px 5px rgba(255,255,255,.7) inset
 }
}
@keyframes ol-readbar-animate-glow {
 0% {
  box-shadow:0 5px 5px rgba(255,255,255,.7) inset,0 -5px 5px rgba(255,255,255,.7) inset
 }
 50% {
  box-shadow:0 5px 5px rgba(255,255,255,.3) inset,0 -5px 5px rgba(255,255,255,.3) inset
 }
 100% {
  box-shadow:0 5px 5px rgba(255,255,255,.7) inset,0 -5px 5px rgba(255,255,255,.7) inset
 }
}
.readbar-position-top {
 top:0
}
.readbar-position-bottom {
 bottom:0
}
.readbar-position-left {
 transform:rotate(90deg);
 transform-origin:left
}
.readbar-position-right {
 transform:rotate(90deg);
 transform-origin:right
}