#divAppAlert
{
	background-color:rgba(0, 0, 0, 0.2);
	display:none;
	height:100%;
	left:0px;
	position:fixed;
	top:0px;
	width:100%;
	z-index:15;
}

#divAppAlert.show
{
	animation-duration:0.1s;
	animation-name:showAlert;
	display:block;
	opacity:1;
}

#divAppAlert #divAlertPopup
{
	background-color:#ffffff;
	border-radius:2px;
	box-shadow:0px 39px 56px 3.5px rgba(0, 0, 0, 0.24), 0px 15px 79px 1.5px rgba(0, 0, 0, 0.16);
	left:calc(50% - 160px);
	padding:24px 24px 0px;
	position:absolute;
	text-align:right;
	top:30%;
	width:272px;
}

#divAppAlert .divAlertText
{
	margin-bottom:32px;
	text-align:left;
}

#divAppAlert #divAlertPopup button
{
	margin:0px 0px 24px 10px;
}

/* ANIMATIONS */
@keyframes showAlert
{
	0%   {opacity:0;}
	1%   {opacity:0;}
	100% {opacity:1;}
}

/* MEDIA QUERIES */
@media (max-width: 420px)
{
	#divAppAlert #divAlertPopup
	{
		left:calc(50% - 152px);
		width:256px;
	}
}

@media (max-width: 360px)
{
	#divAppAlert #divAlertPopup
	{
		left:calc(50% - 136px);
		padding:16px 16px 0px;
		width:240px;
	}
	
	#divAppAlert .divAlertText
	{
		margin-bottom:24px;
	}
	
	#divAppAlert #divAlertPopup button
	{
		margin:0px 0px 16px 10px;
	}
}