/* turn.js additional*/

.bookViewer{
	margin: 5px auto 0 auto;
}

.bookViewer .page{
	background: #FFF;
}

/* Flipbook click/tap navigation (up to 30% left/right, prefers gutters) */
.bookFlipNav {
	position: fixed; /* pinned to viewport; positioned by JS to match viewerContainer */
	top: 0;
	height: 100px; /* overridden dynamically in JS */
	width: 64px; /* overridden dynamically in JS */
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 10000;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	display: flex;
	align-items: center;
}

.bookFlipNav-left {
	justify-content: flex-end;
	padding-right: 12px;
}

.bookFlipNav-right {
	justify-content: flex-start;
	padding-left: 12px;
}

.bookFlipNavIcon {
	width: 44px;
	height: 44px;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.35);
	color: #fff;
	font-size: 28px;
	line-height: 44px;
	text-align: center;
	user-select: none;
	pointer-events: none;
}

.bookFlipNav:hover .bookFlipNavIcon,
.bookFlipNav:focus-visible .bookFlipNavIcon {
	background: rgba(0, 0, 0, 0.55);
}

.bookFlipNav[aria-disabled="true"] {
	opacity: 0.25;
	cursor: default;
	pointer-events: none;
}

/* PDF.js additional */

.secondaryToolbarButton.bookFlip::before {
	content: url(secondaryToolbarButton-bookFlip.png);
}

@media screen and (-webkit-min-device-pixel-ratio: 1.1), screen and (min-resolution: 1.1dppx) {
	.secondaryToolbarButton.bookFlip::before {
		content: url(secondaryToolbarButton-bookFlip@2x.png);
	}
}
