/**
	 * Colors (color are defined in main file, but overridden here)
	 * Change colors for elements here
	 */
/* Background color */
.reader-js {
  background-color: #3b4352;
}
/* Background for top right toolbar (zoom buttons) */
.aquardr-toolbar {
  background-color: rgba(72, 75, 75, 0.4);
}
/* Color of the overlay when an element is fullscreen */
.aquardr-fullscreen {
  background-color: rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 30px rgba(50, 50, 50, 0.8) inset;
}
/* Background for next/previous buttons */
.aquardr-button-next .arrow-frame,
.aquardr-button-previous .arrow-frame {
  background-color: rgba(0, 0, 0, 0.8);
}
/* Background for next/previous buttons (preview for AVEMag) */
.aquardr-button-next .arrow-info,
.aquardr-button-previous .arrow-info {
  background-color: rgba(0, 0, 0, 0.8);
}
/* Color of the rollover effect for smartreading elements */
.aquardr-sr-overlay div {
  background-color: rgba(73, 134, 231, 0.4);
  box-shadow: 0px 0px 5px 5px rgba(73, 134, 231, 0.4);
}
/* Color of the mask for smart-reading */
/* Sublayout scrollbar color */
.sublayout-dragger-bar {
  background: #2F92ED;
}
/* Sublayout scrollbar rail color */
.sublayout-dragger {
  background: #F4F4F4;
  border-color: #EFEFEF;
}
/* Carousel scrollbar color */
.mCSB_carousel .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #F7F7F7;
}
/* Carousel scrollbar rail color */
.mCSB_carousel .mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  background: #212121;
}
.reader-js {
  /** ================
	 * Icons (Low DPI)
	 * ================ */
  /** ================
	 * Icons (High DPI)
	 * ================ */
}
.reader-js .aquardr-button-next .arrow div {
  background-image: url('../images/normal/next.png');
  background-position: right center;
  background-repeat: no-repeat;
}
.reader-js .aquardr-button-previous .arrow div {
  background-image: url('../images/normal/previous.png');
  background-position: left center;
  background-repeat: no-repeat;
}
.reader-js .aquardr-button-sr-left div {
  background-image: url('../images/normal/previous-reading.png');
  background-position: center bottom;
  background-repeat: no-repeat;
}
.reader-js .aquardr-button-sr-right div {
  background-image: url('../images/normal/next-reading.png');
  background-position: center bottom;
  background-repeat: no-repeat;
}
.reader-js .aquardr-button-up div {
  background-image: url('../images/normal/top.png');
  background-position: center top;
  background-repeat: no-repeat;
}
.reader-js .aquardr-button-down div {
  background-image: url('../images/normal/bottom.png');
  background-position: center bottom;
  background-repeat: no-repeat;
}
.reader-js .aquardr-button-toEnd div {
  background-image: url('../images/normal/icon-backtoend.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 15px 15px;
}
.reader-js .aquardr-button-toStart div {
  background-image: url('../images/normal/icon-backbegining.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 15px 15px;
}
.reader-js .aquardr-button-article-up {
  background-image: url('../images/normal/up.png');
  background-position: center center;
  background-repeat: no-repeat;
}
.reader-js .aquardr-button-article-down {
  background-image: url('../images/normal/down.png');
  background-position: center center;
  background-repeat: no-repeat;
}
@media screen and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  .reader-js .aquardr-button-next .arrow div {
    background-image: url('../images/@2x/next@2x.png');
    background-size: 36px 31px;
  }
  .reader-js .aquardr-button-previous .arrow div {
    background-image: url('../images/@2x/previous@2x.png');
    background-size: 36px 31px;
  }
  .reader-js .aquardr-button-sr-left div {
    background-image: url('../images/@2x/previous-reading@2x.png');
    background-size: 40px 31px;
  }
  .reader-js .aquardr-button-sr-right div {
    background-image: url('../images/@2x/next-reading@2x.png');
    background-size: 40px 31px;
  }
  .reader-js .aquardr-button-up div {
    background-image: url('../images/@2x/top@2x.png');
    background-size: 31px 36px;
  }
  .reader-js .aquardr-button-down div {
    background-image: url('../images/@2x/bottom@2x.png');
    background-size: 31px 36px;
  }
  .reader-js .aquardr-button-toEnd div {
    background-image: url('../images/@2x/icon-backtoend@2x.png');
    background-size: 19px 19px;
  }
  .reader-js .aquardr-button-toStart div {
    background-image: url('../images/@2x/icon-backbegining@2x.png');
    background-size: 19px 19px;
  }
  .reader-js .aquardr-button-article-up {
    background-image: url('../images/@2x/up@2x.png');
    background-size: 21px 12px;
  }
  .reader-js .aquardr-button-article-down {
    background-image: url('../images/@2x/down@2x.png');
    background-size: 21px 12px;
  }
}