/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/templates/simple-sidebar)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */
body {
  font-family: 'Raleway', sans-serif;
  /*position:fixed;
  width:100%;*/
  -webkit-touch-callout: none !important;
 }
 
a { -webkit-user-select: none !important; }

.qr-border-red {
    border: 1px solid red;
}

.spinner{
	position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 9999;
    cursor: pointer;
    text-align: center;
    padding-top: 100px
}

.closeOverlay{
	color: #444444 !important;
    font-size: 30px;
    text-align: right;
    display: inline-block;
    width: 100%;
    padding-right: 47px;
    background: #fbf5f5;
}


 .loaderanimation {
  position: absolute;
  height:60px;
  width:60px;
  
  left: calc(50% - 30px);
  top: 50%;
  
  margin:0px auto;
  -webkit-animation: rotation .6s infinite linear;
  -moz-animation: rotation .6s infinite linear;
  -o-animation: rotation .6s infinite linear;
  animation: rotation .6s infinite linear;
  border-left:6px solid rgba(255, 208, 0, 0.856);
  border-right:6px solid rgba(239, 163, 0, 0.87);
  border-bottom:6px solid rgb(239, 127, 0);
  border-top:6px solid rgba(253, 0, 0, 0.8);
  border-radius:100%;
}

@-webkit-keyframes rotation {
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
  from {-moz-transform: rotate(0deg);}
  to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
  from {-o-transform: rotate(0deg);}
  to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
  from {transform: rotate(0deg);}
  to {transform: rotate(359deg);}
}

.footer-info {
	text-align: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 15px;
    background: rgb(255,255,255,0.8);
}

.navbar li {
  font-family: 'Raleway', sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 300;
}

/*
.first-icon {
  padding-left:20px;
}
*/

#center-nav-group p {
  margin: auto auto;
  color: #333;
}

#left-nav-group .logo {
  width: 140px;
  /* width: 9rem; 144px */
  user-select: none;
}

.nav-ico {
  padding-right: 20px;
}

.libreria {
 background-image: url(img/libreria.png);
 width: 50px;
 height: 38px;
 background-repeat: no-repeat;
 background-position: center;
}
.active .libreria {
 background-image: url(img/libreria.png);
 }

.capitoli {
 background-image: url(img/capitoli.png);
 width: 50px;
 height: 38px;
 background-repeat: no-repeat;
 background-position: center;
}
.active .capitoli {
 background-image: url(img/capitoli.png);
 }

 .notes {
 background-image: url(img/notes.png);
 width: 50px;
 height: 38px;
 background-repeat: no-repeat;
 background-position: center;
}
.active .notes{
 background-image: url(img/notes.png);
 }

.glasses {
 background-image: url(img/search.png);
 width: 50px;
 height: 38px;
 background-repeat: no-repeat;
 background-position: center;
}
.active .glasses {
 background-image: url(img/search.png);
 }
.settings {
  background-image: url(img/stile.png);
  width: 50px;
 height: 38px;
 background-repeat: no-repeat;
 background-position: center;
}
.active .settings {
  background-image: url(img/stile.png);
}
.bookmarks {
  background-image: url(img/segnalibro.png);
  width: 50px;
 height: 38px;
 background-repeat: no-repeat;
 background-position: center;
}
.active .bookmarks {
  background-image: url(img/segnalibro.png);
}
#overlayNotes, #overlayTocIDs, #overlayStyle, #overlaySearch {display:none;}
.active #overlayNotes, .active #overlayTocIDs, .active #overlayStyle, .active #overlaySearch {display:block;}

.library-grid {
  padding-top: 100px;
  width:80%;
  margin: auto auto;
}
.book-square {
  text-align:center;
  margin-bottom:50px
}

.book-square h2 {
    display: none;
}
.library-grid img {
  text-align: center;
  /*width: 200px;*/
  width: 75%;
  border-radius: 3px;
    box-shadow: 1px 1px 3px #666;
}

.book-square .custom-switch-lg {margin-top:10px;}

.navbar-nav, .navbar {margin: auto auto; z-index: 2;}

.navbar #center-nav-group ul, #book_title {background-color: rgba(118,118,118,0.1); border-radius: 20px; padding: .4rem .5rem;}
#book_title_h {
   position: absolute;
    width: 100%;
    text-align: center;
    margin: .5rem .7rem;
    padding: .6rem 0;
    color: #c4c4c4;
    z-index: -1;}

.navbar-nav .active >.nav-link {background-color: #ffffff;color: #333; border-radius: 20px;}
.nav-list .active >.nav-link {background-color: transparent;}

.bg-light-2 {
  /*background-color: #a9a9a9!important;*/
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c4c4c4), to(#e4e4e4));
  background-image: -webkit-linear-gradient(top, #e4e4e4, #c4c4c4);
  background-image:    -moz-linear-gradient(top, #e4e4e4, #c4c4c4);
  background-image:      -o-linear-gradient(top, #e4e4e4, #c4c4c4);
  background-image:         linear-gradient(to bottom, #e4e4e4, #c4c4c4);
  height:60px;
}
.nav-link {
  /*color:white!important;*/
  padding:0;
}
.nav-link:hover {
    color: #333!important;
}

#right-nav-group input {border-radius: 20px; border: none; padding: .2rem .8rem;}
#right-nav-group input:focus {outline: none;}

 #wrapper {
    overflow-x: hidden;
 }
/* NAVIGATION OVERLAY */
.carousel-controls {
	width: 5%;
}

.carousel-control-prev-icon {
    background-image: url(img/indietro.png);

}
.carousel-control-next-icon{
    background-image: url(img/avanti.png);
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 40px;
    height: 40px;

}


 #reader {
  columns: 2;
  column-rule-style: dotted;
  column-rule-color: #ccc;
  column-fill:balance;
  column-count: 2;
  
  padding: 5% 20px;
  
  margin: 0 auto;

  -webkit-tap-highlight-color: transparent;
 }

 .hghlght {
   background:yellow;
 }

 .hghlght::before {
  position:absolute;
  clip: rect(0 0 0 0 );
  overflow: hidden;
  content: " annotation start ";
 }

 .hghlght::after {
  position:absolute;
  clip: rect(0 0 0 0 );
  overflow: hidden;
  content: " annotation end ";
}
 
 
.qrlocation{color:#666666;}
.qrlocation .nbrword {
  display:none
}

.qrlocation svg {
  display:none
}
.qrlocation img {
  display:block
}

 #dropAcquisti {
  text-align: center;
 }

 #reader-wrapper {
  overflow-x: visible;
  overflow-y: hidden;
  width: 100%;
 }


 .watermark {
  opacity: 0.5;
  position: fixed;
  top: 50%;
  left: 10%;
  color:lightgrey;
    font-size:80px;
    transform:rotate(300deg);
    -webkit-transform:rotate(300deg);
    z-index:0;
}

#sidebar-wrapper {
  min-height: 100vh;
  margin-left: -15rem;
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
}

#sidebar-wrapper .list-group {
  width: 15rem;
}

#page-content-wrapper {
  min-width: 100vw;
}

#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}
/*tocIDs*/
#tocIDsList li {padding:10px 0;}

/*note*/

/* modali */
.modal{z-index: 999999999;}

.ui-dialog .ui-widget-content{
	border: none !important;
}

.ui-dialog .ui-dialog-buttonpane button {
    border-radius: 10px;
    border: none;
    padding: .2rem .8rem;
}
.ui-dialog .ui-dialog-buttonpane button:focus {
    border-radius: 10px;
    outline:none;
}

.ui-dialog .ui-dialog-buttonpane button:nth-of-type(3){
	background:#ca7f7f;
	color: #FFF;
}

.voteClass {
  font-size:20px; color:#ca7f7f;
}
.fa-thumbs-up, .fa-thumbs-down {
  font-size:20px; color:#ca7f7f;padding-left:5px;
}
.fa-link, .fa-file-text, .fa-volume-up, .fa-video-camera, .fa-picture-o, .fa-certificate {
  font-size:20px; color:#ca7f7f;padding-right:5px;
}

#reader p {font-size:0;}
#reader p .nbrword{font-size:var(--word-size,15px); padding:0 2px;}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
#reader {
  columns: 2;
  width: 1600px;
  column-gap:200px;
 }
}
@media only screen  and (min-width : 1366px) and (max-width: 1823px)  {
#reader {
  columns: 2;
  column-gap:150px;
  width: 1280px;
 }
}
@media only screen  and (min-width : 1280px) and (max-width: 1365px)  {
#reader {
  columns: 2;
  column-gap:100px;
  width: 1024px;
 }
}

@media only screen and (min-width: 415px) and (max-width: 768px)  {
#reader {
  columns: 1;
  column-gap:40px;
  width: 700px;
  column-rule-style: none;
  column-rule-color: #ccc;
 }
}

@media only screen and (max-width: 374px) {
	.libreria, .capitoli, .notes, .glasses, .settings, .bookmarks {
		 width: 44px;
		 height: 38px;
	}
}

@media only screen and (max-width: 413px) {
	#left-nav-group .logo {
    width: 190px;
	  /* width: 12rem; 192px */
	}
}

@media only screen and (max-width: 414px)  {
	#reader {
	  columns: 1;
	  column-gap:40px;
	  width: 380px;
	  column-rule-style: none;
	  column-rule-color: #ccc;
	  padding: 11% 20px;
	}

	.carousel-controls {
		width: 10%;
	}

	.carousel-control-next-icon, .carousel-control-prev-icon {
	    width: 30px;
	    height: 30px;
	}

}


@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
  }

  #page-content-wrapper {
    min-width: 0;
    width: 100%;
    min-height: 600px
  }

  #wrapper.toggled #sidebar-wrapper {
    margin-left: -15rem;
  }
}

@media (max-width: 1024px) {
	.footer-info {display: none;}
	
	
	#reader{
		  height: auto !important;
		  overflow-x: hidden !important;
		  overflow-y: scroll !important;
	}
	
	
}

/*.nbrword, p, wrd { -webkit-touch-callout: none !important; }*/
/*.nbrword, p, wrd { -webkit-user-select: none !important; }*/

.btnNoteMobile {
  position: fixed;
  bottom: 15%;
  right: 5%;
  display: none;
  z-index: 1049;
  background: #F4C4A7;
  padding: 10px;
  border-radius: 200px;
}

/*
@media (max-width: 768px) {
  .btnNoteMobile {
    display:block;
  }
}
*/

#overlayTocIDs {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    
}