body {
	/* Disable double-tap to zoom & pinch-zoom */
    touch-action: pan-x pan-y;
}

#page-preview-container {
	border: solid 1px #707070;
	box-shadow: 5px 10px 10px 10px #888888;
	text-align: center;
	overflow: hidden;
}

#page-preview-image {
	width: 100%;
}

#close-zoom-row {
	display: none;
	z-index: 3;
	position: fixed;
	width: 100%;
}

.modal-dialog {
	z-index: 99;
}

#openZoom {
	background-color: #0054AD;
	color: #ffffff;
	width: 100%;
	padding: 1em;
}

#closeZoom {
	background-color: #0054AD;
	color: #ffffff;
	width: 100%;
	padding: 1em;
}

#page-container {
	text-align: center;
	overflow: hidden;
	height: 100%;
	width: 100%;
}

#page-image {
	width: 90%;
	object-fit: contain;

/*  Can't use max-width/max-height as this borks hammer.js */
/*
	max-width: 100%;
	max-height: 100%;
*/
}

.fullscreen-modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(255,255,255); /* Fallback color */
	background-color: rgba(255,255,255,1); /* White w/ opacity */
}