/* Generated by less 2.5.1 */

body.cd-open {
}
.allo-header {
  opacity:1.0;
  transition: opacity 320ms;
}
body.cd-open .allo-header,
body.cd-open .tbar {
  z-index:1;
  position:fixed;
  top:0;
  left:0;
  opacity:0;
  transition: opacity 320ms;
}
body.cd-open .allo-content {
  z-index:4;
  padding-top:97px;
  overflow-y: hidden;
  overflow-x: visible;
}
body.cd-open #r-canvas .drawer,
body.cd-open #l-canvas .drawer {
  overflow-y: scroll !important;
  overflow-x:hidden;
}
.rx_noselect {
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Chrome/Safari/Opera */
  -webkit-user-select: none;
  /* Konqueror */
  -khtml-user-select: none;
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently
                                  not supported by any browser */
  user-select: none;
}
.drawer_bg {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  right: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  opacity: 0.001;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  visibility: hidden;
}
.drawer {
  max-width: 950px;
  width: 100%;
  height: 100%;
  right: 0px;
  top: 0;
  bottom: 0;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  background: white;
  position: fixed;
  z-index: 6;
  opacity: 0.001;
  -webkit-box-shadow: 3px 0 16px -3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 3px 0 16px -3px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 3px 0 16px -3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 3px 0 16px -3px rgba(0, 0, 0, 0.4);
  box-shadow: 3px 0 16px -3px rgba(0, 0, 0, 0.4);
}
.drawer .label {
  position: absolute;
  top: 56px;
  bottom: 0;
  width: 32px;
  right: -32px;
}
.drawer .antiSelect {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
}

/* Drawers + Linked Book Pages */

/* Drawer > Source book pages */
#r-canvas .cd-contain .content {
  height: 100%;
    background-color: #f1f1f1;
}
#r-canvas .cd-contain .content .hdr {
  position: relative;
    background-color: white;
    border-bottom: 1px solid #ced4da;
    height: 100px;
  padding:0 155px 0 100px;
  display:block;
  width:100%;
}
#r-canvas .cd-contain .content .hdr .src-logo {
  position:absolute;
  top:15px;
  left:15px;
  width:70px;
  height:70px;
  border-radius:5px;
  overflow:hidden;
}
#r-canvas .cd-contain .hdr .src-logo img {
  display:block;
  width:100%;
}
#r-canvas .cd-contain .content .hdr h4 {
  font-size:1.2rem;
  color:gray;
  margin:0;
  padding:15px 0 5px 0;
  display:block;
  line-height: 1.5rem;
  white-space:nowrap;
}
#r-canvas .cd-contain .content .hdr .cite {
  display:block;
  color:gray;
  font-size:0.8rem;
  line-height:1.1rem;
}
#r-canvas .cd-contain .content .hdr h4 span {
  font-weight:700;
}
#r-canvas .cd-contain .content a.full-bk {
  position:absolute;
  top:8px;
  right:29px;
}
#r-canvas .cd-contain .content .mid {
  padding:15px;
  display:flex;
  background-color:#f1f1f1;
  position:relative;
}
#r-canvas .cd-contain .focus {
  flex: 0 0 750px;
}
#r-canvas .cd-contain .focus .ez-pg-hdr {
  margin:0 0 15px 0;
  font-size:1.0rem;
  color:gray;
}
#r-canvas .cd-contain .focus .zoom-contain {
  border-radius:5px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
#r-canvas .cd-contain .thumbs {
  flex: 1;
  padding: 40px 15px 15px 15px;
}
#r-canvas .cd-contain .thumbs ul {
  margin:0;
  padding:0;
  list-style-type:none;
}
#r-canvas .cd-contain .thumbs ul li {
  display:block;
  width:125px;
  margin:0 0 15px;
}
#r-canvas .cd-contain .thumbs ul li a {
  display:block;
  overflow:hidden;
  border-radius:5px;
  border:5px solid rgba(0,0,0,0.1);
}
#r-canvas .cd-contain .thumbs ul li a:hover {
  border:5px solid rgba(0,0,0,0.3);
}
#r-canvas .cd-contain .thumbs ul li.active a {
  border:5px solid rgba(0,0,0,0.7);
}
#r-canvas .cd-contain .thumbs ul li a img {
  width:100%;
  display:block;
}

/* Drawer > Generic */

#r-canvas .content .hdr {
  background-color:#f1f1f1;
  border-bottom: 1px solid #ced4da;
  position:relative;
  padding: 0 60px 0 15px;
  overflow:hidden;
}
#r-canvas .content .hdr h4 {
margin: 0;
    padding: 0;
    line-height: 50px;
    font-size: 1.3rem;
  white-space:nowrap;
    font-weight: 500;
}
#r-canvas .content .hdr button.close-drawer {
  position:absolute;
  top:0;
  right:0;
  background-color:transparent;
  outline:0;
  border:0;
  font-family: Roboto;
}
#r-canvas .content .hdr button.close-drawer::before {
  font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-style: normal;
    content: "\f00d";
  font-size: 1.4rem;
    display: block;
    color: gray;
    line-height: 50px;
    width: 50px;
    text-align: center;
}
#r-canvas .content .hdr button.close-drawer:hover::before {
  color:black;
  cursor:pointer;
}
#r-canvas .content .mid {
  background-color:white;
  padding:15px;
}

@media (max-width: 1000px) {
  .drawer.cd-contain {
    max-width:90%;
  }
  #r-canvas .cd-contain .content .mid {
    display:block;
    padding: 15px 155px 15px 15px;
    width:100%;
    position: relative;
  }
  #r-canvas .cd-contain .focus {
    width:100%;
  }
  .zoom-contain img {
    width:100%;
    height:auto;
    pointer-events: none;
  }
  #r-canvas .cd-contain .thumbs {
    flex: none;
    position: absolute;
    top: 50px;
    right: 0;
    padding-top:0;
  }
  #r-canvas .cd-contain .content a.full-bk {
    right: 15px;
  }
}


@media (max-width: 767px) {

  #r-canvas .cd-contain .content .mid {
    padding: 15px 15px 15px 15px;
  }
  #r-canvas .cd-contain .focus {
    width:100%;
  }
  .easyzoom.no-zoom img {
    width:100%;
    height:auto;
  }
  #r-canvas .cd-contain .thumbs {
    display:none;
    visibility:hidden;
    opacity:0;
  }
  .drawer.wf-contain {
  width:90%;
  }
  #r-canvas .cd-contain .content a.full-bk {
    right: 5px;
  }
}

@media (max-width: 593px) {
  #r-canvas .cd-contain .content .hdr .cite {
    display:none;
  }
  #r-canvas .cd-contain .content .hdr .src-logo {
    width:30px;
    height:30px;
  }
  #r-canvas .cd-contain .content .hdr {
    height: 50px;
    padding: 0 65px 0 60px;
  }
  #r-canvas .cd-contain .content .hdr .src-logo {
    top:10px;
  }
  #r-canvas .cd-contain .content .hdr h4 {
    font-size: 1.0rem;
    overflow:hidden;
  }
}