/*body,.main-block ,#detailController{
  height: 100%;
  overflow: hidden;
}*/
#detailController {
    width: 100%;

}

.wrapper_ebook {
    align-items: center;
    display: flex;
    height: 0%;
    justify-content: center;
    margin-bottom: 5px;
    overflow: hidden;
    background-color: #1a1919db;
    border: 2px solid #3c2a64;
    /*margin-bottom: 30px;*/
    /*height: 90%;*/
    /*margin: 5%;*/
    /* width: 90%; */
}

.aspect {
    padding-bottom: 38%;
    position: relative;
    width: 100%;
}

.aspect-inner {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.flipbook {
    height: 100%;
    transition: margin-left 0.25s ease-out;
    width: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* .flipbook .page {
    height: 400px;
    width: 100%;
    max-width: 400px;
    max-height: 500px;
} */

.flipbook .page img {
    width: 100%;
    height: 100%;
}
.block-book-detail h1 {
    text-align: left;
    margin-top: 10px !important;
    font-size: 16px;
}
.w50 {
    width: 50px;
}
#b_first, #b_last {
/*    height: 25px;*/
}
#b_previous, #b_next {
/*    height: 25px;*/
/*    padding-top: 3px;*/
/*    margin-top: -2px;*/
}
#jump {
/*    height: 25px;*/
}
.pd10 {
    padding: 10px;
}
.pdb15 {
    padding-bottom: 15px;
}
.msg-ebook {
    margin-top: 5px;
}
.display-initial {
    display: initial !important;
}


/*loading*/
.wrapper_ebook_laoding_view{
  margin-top: 10%;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 1000;
}

.wrapper_ebook_laoding{
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fff;
  z-index: 1000;
}

.lds-spinner,
.lds-spinner div,
.lds-spinner div:after {
  box-sizing: border-box;
}
.lds-spinner {
  color: #de5c8e;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3.2px;
  left: 36.8px;
  width: 6.4px;
  height: 17.6px;
  border-radius: 20%;
  background: currentColor;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@media (max-width: 1200px) {
  .aspect {
      padding-bottom: 60vh;
  }
}

@media (max-width: 900px) {
  .aspect {
      padding-bottom: 45vh;
  }
}

@media (max-width: 767px) {
  .aspect {
      padding-bottom: 40vh;
  }
}