#divCollectionUpdate
{
	display:none;
	height:100%;
	left:0px;
	position:fixed;
	top:0px;
	width:100%;
	z-index:10;
}

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

#divCollectionUpdate .divCollectionUpdatePopup
{
	background-color:#ffffff;
	height:100%;
	left:0px;
	overflow-y:auto;
	position:fixed;
	top:0px;
	width:100%;
}

#divCollectionUpdate .divCollectionHeader
{
	color:#25225c;
	font-size:28px;
	font-weight:600;
	margin:24px;
	text-align:center;
}

#divCollectionUpdate .divCollectionText
{
	margin:24px;
}

#divCollectionUpdate .btnOK
{
	margin:0px 24px 24px;
}

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

/* MEDIA QUERIES */
@media (max-width: 420px)
{
	#divCollectionUpdate .divCollectionHeader
	{
		margin:16px;
	}

	#divCollectionUpdate .divCollectionText
	{
		margin:16px;
	}

	#divCollectionUpdate .btnOK
	{
		margin:0px 16px 16px;
	}
}

@media (max-width: 360px)
{
	#divCollectionUpdate .divCollectionHeader
	{
		margin:12px;
	}

	#divCollectionUpdate .divCollectionText
	{
		margin:12px;
	}

	#divCollectionUpdate .btnOK
	{
		margin:0px 12px 12px;
	}
}