@charset "utf-8";

/* Mobile */
@media only screen and (min-width: 0px) {
	.contenitore-pop-up {
		height: auto;
		min-width: 0px;
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 10px;
		padding-left: 0px;
		text-align: center;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		width: 92%;
	}
	.button-chiudi-pop-up {
		/*COMUNI*/
		position: absolute;
		right: 0;
		top: 0;
		border: none;
		cursor: pointer;
		border-radius: none;
		/*FINE-COMUNI*/
		
		width: 25px;
		height: 25px;
		padding: 5px;
	}
	.button-chiudi-pop-up i {
		font-size: 15px;
	}
	.fascia-pop-up {
		padding-top: 10px;
		padding-bottom: 10px;
		width: 100%;
		height: 100%;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		position: fixed;
		transform-style: preserve-3d;
		z-index: 10;
		overflow-y: scroll;
		max-height: 100%;
		opacity: 0;
		transition:opacity .3s;
	}
	.fascia-pop-up-visibile{
		opacity: 1;
	}
	.fascia-pop-up-argomento {
		padding-top: 10px;
		padding-bottom: 10px;
		width: 100%;
		height: 100%;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		position: fixed;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
		z-index: 10;
	}
	.testo-unico-pop-up {
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
		display: inline-block;
		text-align: center;
		font-size: 16px;
		margin-bottom: 10px;
		margin-top: 35px;
		font-weight: 500;
		text-transform: uppercase;
	}	
	.input-pop-up {
		margin-left:10%;
		margin-right: 10%;
		text-align:center;
		margin-bottom:10px;
		margin-top:35px;
		font-weight: normal;
		height: 45px;
		font-size: 14px;
		border-radius: 0;
		width: 80%;
		display: inline-block;
		border-width: 1px;
		border-style: solid;
	}
	.label-check-pop-up{
		margin-left: 10% !important;
		margin-right:10% !important;
		margin-bottom:2% !important;
		text-align: left !important;
	}
	.blocco-input-errore-aperto-popup{
		height: 40px;
	}
}

/* Desktop */ 
@media only screen and (min-width: 769px) {
	.contenitore-pop-up {
		width: 95%;
	}
	.button-chiudi-pop-up {
		width: 30px;
		height: 30px;
		padding: 5px;
	}
	.button-chiudi-pop-up i {
		font-size: 20px;
	}
	.button-pop-up {
		width: 250px;
	}
}