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

#divAppPopups.show
{
	display:block;
}

#divAppPopups #divPopupsOverlay
{
	background-color:rgba(0, 0, 0, 0.2);
	height:100%;
	left:0px;
	opacity:0;
	position:absolute;
	top:0px;
	transition:opacity 0.15s;
	width:100%;
}

#divAppPopups #divPopupsOverlay.show
{
	opacity:1;
}

#divAppPopups .divPopup
{
	background-color:#ffffff;
	box-shadow:0px 28px 37.5px 2.5px rgba(0, 0, 0, 0.16), 0px 11px 52px 1px rgba(0, 0, 0, 0.08);
	height:100%;
	position:absolute;
	right:0px;
	top:0px;
	transform:translateX(110%);
	transition:transform 0.25s;
	width:420px;
}

#divAppPopups .divPopup.show
{
	transform:translateX(0%);
}

#divAppPopups .divPopupHeader
{
	background-color:#25225c;
	box-shadow:0px 0px 7px 0px #000000;
	height:64px;
	position:absolute;
	width:100%;
	z-index:1;
}

#divAppPopups .btnClosePopup
{
	background-image:url('../img/iconClosePopup.svg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:24px;
	cursor:pointer;
	height:48px;
	position:absolute;
	left:12px;
	top:50%;
	transform:translateY(-50%);
	width:48px;
}

#divAppPopups .divPopupHeaderText
{
	color:#ffffff;
	font-size:20px;
	font-weight:500;
	left:72px;
	overflow:hidden;
	position:absolute;
	right:72px;
	text-overflow:ellipsis;
	top:50%;
	transform:translateY(-50%);
	white-space:nowrap;
}

#divAppPopups .divPopupContent
{
	bottom:0px;
	left:0px;
	overflow-y:auto;
	position:absolute;
	right:0px;
	top:64px;
}

#divAppPopups .divPopupContent.hideContent
{
	display:none;
}

#divAppPopups .divFooterButtons
{
	background-color:#ffffff;
	border-top:1px solid rgba(0, 0, 0, 0.12);
	bottom:0px;
	height:64px;
	left:0px;
	position:absolute;
	right:0px;
	text-align:center;
}

/* MEDIA QUERIES */
@media (max-width: 620px)
{
	#divAppPopups .divPopup
	{
		width:100%;
	}
}

@media (max-width: 420px)
{
	#divAppPopups .divPopupHeader
	{
		height:56px;
	}
	
	#divAppPopups .btnClosePopup
	{
		left:4px;
	}
	
	#divAppPopups .divPopupHeaderText
	{
		left:56px;
		right:56px;
	}

	#divAppPopups .divPopupContent
	{
		top:56px;
	}
	
	#divAppPopups .divFooterButtons
	{
		height:56px;
	}
}