.alert {
		position	:	fixed;
		left		:	0;
		top			:	0;
		right		:	0;
		bottom		:	0;
		text-align	:	center;
		
		background-color	:	rgba(0,0,0,0.5);
		
		z-index:	1000000;
	}
	
	#titolo_alert {
		padding	:	10px 30px;
	}
	
	.testo_alert{
		color:	#5e5d5c;
	}
	
	.modal_alert_container,
	.modal_content_alert,
	#avviso_contenitore_messaggio {
		display			:	inline-block;
		background-color:	#ebf0f2;
		margin		:	0 auto;
		padding 	:	10px;
		margin-top	:	10vh;
	}
	
	.modal_content_alert {
		margin-top	:	4vh;
		max-height	:	92vh;
		overflow	:	auto;
	}
	
	.modal_content_alert.anteprima {
		height	:	80vh;
		width	:	80vw;
	}
	
	.modal_content_alert.anteprima iframe {
		width	:	100%;
		height	:	80vh;
	}
	
	.contenitore_tasto_chiudi.anteprima {
		position	:	absolute;
		top			:	3vh;
		right		:	3vw;
		margin		:	unset;
		padding		:	unset;
	}
	
	.contenitore_tasto_chiudi{
		margin-top		:	30px;
		margin-bottom	:	10px;
		display	:	inline-block;
	}
	
	#avviso_contenitore_allegato
	{
		display	:	inline-block;
		height	: 80vh;
		margin	: 0 auto;
		/*margin-top: 10vh;*/
	}
	
	#avviso_messaggio {
		text-align	:	center;
	}
	
	#avviso_si_no,
	#avviso_chiudi {
		width		:	100%;
		color		:	#e5e5e5;
		font-weight	:	bold;
		height		:	30px;
		line-height	:	28px;
		
		cursor		:	pointer;
		
		background-color	:	#98b4c2;
	}
	
	#avviso_chiudi:hover {
		background-color:	#e8edf0;
		color			:	#5d707b;
	}
	
	#avviso_si {
		background-color:	#5abd64;
		
		color	:	#ffffff;
		float	:	left;
		height	:	30px;
		margin-right	:	20px;
	}
	#avviso_si:hover {
		background-color:	#ffffff;
		color			:	#5abd64;
	}
	
	#avviso_no {
		background-color:	#cf4848;
		
		color	:	#ffffff;
		float	:	left;
		height	:	30px;
	}
	
	#avviso_no:hover {
		background-color:	#ffffff;
		color			:	#cf4848;
	}
	
	@media screen and (max-width: 500px) {
		#avviso_contenitore_messaggio{
			width	:	80%;
		}
	}
	
	/**
	
	.loader {
		-ms-flex-item-align	:	center;
		-ms-grid-row-align	:	center;
		align-self			:	center;
		
		text-indent	:	-9999em;
		position	:	relative;
		width		:	99px;
		left		:	calc( 50% - 50px );
		top			:	calc( 50% - 5px );
	}

	.ball {
		border-radius	:	50%;
		background		:	white;
		position		:	absolute;
		width			:	10px;
		height			:	10px;
		top				:	0;
		left			:	0;
		
		-webkit-animation: loading 1.2s linear infinite;
				animation: loading 1.2s linear infinite;
	}
	
	.ball:nth-of-type(2) {
		-webkit-animation-delay: 0.4s;
				animation-delay: 0.4s;
	}
	
	.ball:nth-of-type(3) {
		-webkit-animation-delay: 0.8s;
				animation-delay: 0.8s;
	}
	
	@-webkit-keyframes loading {
		0% {
			opacity: 0;
			-webkit-transform: scale(0.5);
					transform: scale(0.5);
		}
		20% {
			opacity: 1;
			-webkit-transform: scale(1);
					transform: scale(1);
		}
		40% {
			-webkit-transform: translate3d(33px, 0, 0);
					transform: translate3d(33px, 0, 0);
		}
		60% {
			-webkit-transform: translate3d(66px, 0, 0);
					transform: translate3d(66px, 0, 0);
		}
		80% {
			-webkit-transform: translate3d(99px, 0, 0);
					transform: translate3d(99px, 0, 0);
			opacity: 1;
		}
		100% {
			-webkit-transform: translate3d(99px, 0, 0) scale(0.5);
					transform: translate3d(99px, 0, 0) scale(0.5);
			opacity: 0;
		}
	}

	@keyframes loading {
		0% {
		opacity: 0;
			-webkit-transform: scale(0.5);
					transform: scale(0.5);
		}
		20% {
			opacity: 1;
			-webkit-transform: scale(1);
					transform: scale(1);
		}
		40% {
			-webkit-transform: translate3d(33px, 0, 0);
					transform: translate3d(33px, 0, 0);
		}
		60% {
			-webkit-transform: translate3d(66px, 0, 0);
					transform: translate3d(66px, 0, 0);
		}
		80% {
			-webkit-transform: translate3d(99px, 0, 0);
					transform: translate3d(99px, 0, 0);
			opacity: 1;
		}
		100% {
			-webkit-transform: translate3d(99px, 0, 0) scale(0.5);
					transform: translate3d(99px, 0, 0) scale(0.5);
			opacity: 0;
		}
	}
	
	**/
	
	
	
	/**
	html {
	  height: 100%;
	  background-color: #fff;
	}
	**/
	main {
		position	: absolute;
		
		width	:	200px;
		height	:	200px;
		
		top		:	calc(50vh - 100px);
		left	:	calc(50vw - 100px);
		z-index	:	1;
	}

	.core {
		position	: absolute;
		top			: 50%;
		left		: 50%;
		
		margin-top: -45px;
		margin-left: -53px;
		width: 100px;
		height: 100px;

		border-radius	: 50px;
		/*background-color: #79c44a;*/
		z-index			: 10;
		
		background-image: url("../images/logo.png");
		background-position: center center;
		background-size: contain;
	}

	.particle {
	  position: absolute;
	  background-color: #25aae1;
	  width: 30px;
	  height: 30px;
	  border-radius: 15px;
	}

	.particle.one {
	  background-color: #968e8b;
	  top: 50px;
	  left: 50%;
	  margin-left: -17px;
	  animation: orbit-one 2s ease-in-out infinite;
	}

	.particle.two {
	  background-color: #181617;
	  left: 5px;
	  top: 75%;
	  margin-top: -17px;
	  animation: orbit-two 2s ease-in-out infinite;
	  animation-delay: -.6s;
	}

	.particle.three {
	  background-color: #e4332d;
	  right: 5px;
	  top: 75%;
	  margin-top: -17px;
	  animation: orbit-three 2s ease-in-out infinite;
	  animation-delay: -.3s;
	  /*animation-delay: 1.2s;*/
	}

	@keyframes orbit-one {
	  0% {
	   top: 5px;
		z-index: 100;
	  }
	  25% {
		transform: scale(1.5);
	  }
	  50% {
		top: 175px;
	  }
	  75% {
		transform: scale(.5);
	  }
	  100% {
		top: 5px;
		z-index: -100;
	  }
	}

	@keyframes orbit-two {
	  0% {
		left: 5px;
		z-index: 100;
	  }
	  25% {
		transform: scale(1.5);
	  }
	  50% {
		left: 175px;
		top: 25%;
	  }
	  75% {
		transform: scale(.5);
	  }
	  100% {
		left: 5px;
		z-index: -100;
	  }
	}

	@keyframes orbit-three {
	  0% {
		right: 5px;
		z-index: 100;
	  }
	  25% {
		transform: scale(1.5);
	  }
	  50% {
		right: 175px;
		top: 25%;
	  }
	  75% {
		transform: scale(.5);
	  }
	  100% {
		right: 5px;
		z-index: -100;
	  }
	}