.mv-rivista-sfogliabile-wrapper {
	width: 67vw;
	height: 49vw;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.mv-rivista-sfogliabile-doppia-pagina {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.25);
}

.mv-rivista-sfogliabile-pagina-sinistra {
	width: 50%;
	height: 100%;
	border-right: solid 1px #CCCCCC;
	box-sizing: border-box;

	cursor: zoom-in;
	background-repeat: no-repeat;
	background-position: center, center;
	background-size: contain;
}

.mv-rivista-sfogliabile-pagina-sinistra:hover {
	box-shadow: -10px 0px 10px rgba(0,0,0,0.25);
}

.mv-rivista-sfogliabile-pagina-destra {
	width: 50%;
	height: 100%;
	box-sizing: border-box;

	cursor: zoom-in;
	background-repeat: no-repeat;
	background-position: center, center;
	background-size: contain;
}

.mv-rivista-sfogliabile-pagina-destra:hover {
	box-shadow: 10px 0px 10px rgba(0,0,0,0.25);
}


.mv-rivista-sfogliabile-toolbar {
	width: 100%;
	height: 40px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	margin-top: 10px;
}

.mv-rivista-sfogliabile-icona-pagina-precedente {
	width: 40px;
	height: 40px;

	cursor: pointer;
	background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><title/><g data-name='Layer 2' id='Layer_2'><path d='M31,16A15,15,0,1,1,16,1,15,15,0,0,1,31,16ZM3,16A13,13,0,1,0,16,3,13,13,0,0,0,3,16Z'/><path d='M19.87,10.41,14.29,16l5.58,5.59a1,1,0,0,1,0,1.41h0a1,1,0,0,1-1.41,0L12.1,16.64a.91.91,0,0,1,0-1.28L18.46,9a1,1,0,0,1,1.41,0h0A1,1,0,0,1,19.87,10.41Z'/></g></svg>");
	background-repeat: no-repeat;
	background-position: center, center;
	background-size: contain;
}

.mv-rivista-sfogliabile-numeri-pagine {
	width: calc(100% - 40px);
	height: 40px;
	text-align: center;
	padding-top: 12px;
}

/* Rimuove tutti gli stili */
.mv-rivista-sfogliabile-numeri-pagine input[type=range] {
	-webkit-appearance: none;
	width: calc(100% - 120px);
	background: transparent;
}

.mv-rivista-sfogliabile-numeri-pagine input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
}

.mv-rivista-sfogliabile-numeri-pagine input[type=range]:focus {
	outline: none;
}

.mv-rivista-sfogliabile-numeri-pagine input[type=range]::-ms-track {
	width: calc(100% - 120px);
	cursor: pointer;
	background: transparent; 
	border-color: transparent;
	color: transparent;
}

/* Personalizza lo stile del thumb */
.mv-rivista-sfogliabile-numeri-pagine input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	border: solid 2px #000000;
	height: 36px;
	width: 36px;
	border-radius: 36px;
	background: #ffffff;
	cursor: pointer;
	margin-top: -15px;
}

.mv-rivista-sfogliabile-numeri-pagine input[type=range]::-moz-range-thumb {
	border: solid 2px #000000;
	height: 36px;
	width: 36px;
	border-radius: 36px;
	background: #ffffff;
	cursor: pointer;
}

.mv-rivista-sfogliabile-numeri-pagine input[type=range]::-ms-thumb {
	border: solid 2px #000000;
	height: 36px;
	width: 36px;
	border-radius: 36px;
	background: #ffffff;
	cursor: pointer;
}

/* Personalizza lo stile del track */
.mv-rivista-sfogliabile-numeri-pagine input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 8px;
	cursor: pointer;
	background: #666666;
	border-radius: 4px;
}

.mv-rivista-sfogliabile-numeri-pagine input[type=range]:focus::-webkit-slider-runnable-track {
	background: #666666;
}

.mv-rivista-sfogliabile-numeri-pagine input[type=range]::-moz-range-track {
	width: 100%;
	height: 8px;
	cursor: pointer;
	background: #666666;
	border-radius: 4px;
}

.mv-rivista-sfogliabile-numeri-pagine input[type=range]::-ms-track {
	width: 100%;
	height: 8px;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	border-width: 16px 0;
	color: transparent;
}

.mv-rivista-sfogliabile-numeri-pagine input[type=range]::-ms-fill-lower {
	background: #666666;
	border-radius: 4px;
}

.mv-rivista-sfogliabile-numeri-pagine input[type=range]:focus::-ms-fill-lower {
	background: #666666;
}

.mv-rivista-sfogliabile-numeri-pagine input[type=range]::-ms-fill-upper {
	background: #666666;
	border-radius: 4px;
}

.mv-rivista-sfogliabile-numeri-pagine input[type=range]:focus::-ms-fill-upper {
	background: #666666;
}


.mv-rivista-sfogliabile-icona-pagina-successiva {
	width: 40px;
	height: 40px;

	cursor: pointer;
	background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><title/><g data-name='Layer 2' id='Layer_2'><path d='M1,16A15,15,0,1,1,16,31,15,15,0,0,1,1,16Zm28,0A13,13,0,1,0,16,29,13,13,0,0,0,29,16Z'/><path d='M12.13,21.59,17.71,16l-5.58-5.59a1,1,0,0,1,0-1.41h0a1,1,0,0,1,1.41,0l6.36,6.36a.91.91,0,0,1,0,1.28L13.54,23a1,1,0,0,1-1.41,0h0A1,1,0,0,1,12.13,21.59Z'/></g></svg>");
	background-repeat: no-repeat;
	background-position: center, center;
	background-size: contain;
}


.mv-rivista-sfogliabile-icona-pagina-precedente:hover,
.mv-rivista-sfogliabile-icona-pagina-successiva:hover {
	background-color: #EEEEEE;
	border-radius: 40px;
}


.mv-rivista-sfogliabile-zoom-pagina {
	display: none;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #EEEEEE;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	cursor: zoom-out;
	z-index: 9999;
}


@media (max-width: 1023px) {
	
	.mv-rivista-sfogliabile-wrapper {
		width: 90vw;
		height: 127vw;
	}

	.mv-rivista-sfogliabile-doppia-pagina {
		width: 100%;
		height: 100%;
		flex-direction: column;
		flex-wrap: wrap;
	}

	.mv-rivista-sfogliabile-pagina-sinistra {
		width: 100%;
		height: 100%;
		border-right: none;
		border-bottom: solid 1px #CCCCCC;
	}

	.mv-rivista-sfogliabile-pagina-destra {
		width: 100%;
		height: 100%;
	}

}