/* CMS settings */
.sideBlock .preview{min-height: 50px; display: inline-block; width: inherit;}
.sideBlock .preview .previewImage{min-height: 100px; border: solid 1px lightgray; margin-bottom: 20px;}
.sideBlock .preview span {top: 35px; display: inline-block; width: 255px; position: relative; margin-left:15px;}
.sideBlock .preview .plugin-button {top: 20px; display: inline-block; position: relative;}
.sideBlock .interactive.fill input {cursor: pointer;}


/* Viewer settings */
.book-plugin {background-color:#000; height:100vh; top: 0; position: absolute; width: 100vw; z-index:-1;}
.book-plugin img[src=''] {display:none;}
.book-plugin img {height: 60vh; top: 20vh; position: absolute; left: 10vw;}
.book-plugin img.fill {height:auto;top: 0; left: 0; width:100vw;}

.book-plugin.overlay-landscape-2 img{right:10vw; left:auto;}
.book-plugin.overlay-landscape-2 img.fill{right:0; left:auto; width:60vw;}

.book-plugin.overlay-landscape-3 img{right:20vw; left:auto;}
.book-plugin.overlay-landscape-3 img.fill{right:0; left:auto; width:65vw;}

.book-plugin.overlay-landscape-4 img{right:6vw; left:auto;}
.book-plugin.overlay-landscape-4 img.fill{right:0; left:auto; width:50vw;}

.portrait .book-plugin.overlay-portrait-1 img{top: 50vh; height: 45vh; left: 20vw;}
.portrait .book-plugin.overlay-portrait-1 img.fill{height: 100vh; width: auto; left: -10vw; top:0;}

.portrait .book-plugin.overlay-portrait-2 img{top: 62vh; height: 35vh; left: 25vw;}
.portrait .book-plugin.overlay-portrait-2 img.fill{top: 55vh; width: 100vw; left: 0; height:auto;}

.portrait .book-plugin.overlay-portrait-3 img{top: 45vh; height: 45vh; left: 20vw;}
.portrait .book-plugin.overlay-portrait-3 img.fill{height: 100vh; width: auto; left: -10vw;}


#Books {padding:5px; background-color:#fff; border:solid 1px #868686; margin:5px 0; overflow:auto; max-height:150px; height:120px;}