#divAppPopups
{
	bottom:0px;
	display:none;
	left:0px;
	position:fixed;
	right:0px;
	top:0px;
	z-index:2;
}

#divAppPopups.show
{
	display:block;
}

#divAppPopups .divPopup
{
	background-color:rgba(0, 0, 0, 0.25);
	bottom:0px;
	left:0px;
	overflow:hidden;
	position:fixed;
	right:0px;
	top:0px;
	transition:opacity 0.25s;
}

#divAppPopups .divPopup.hide
{
	opacity:0;
}

#divAppPopups .divPopupBox
{
	background-color:#ffffff;
	border-radius:3px;
	box-shadow:0px 0px 50px 10px rgba(0, 0, 0, 0.5);
	left:50%;
	min-height:100px;
	min-width:200px;
	position:absolute;
	top:50%;
	transform:scale(1) translate(-50%, -50%);
	transition:left 0.25s, top 0.25s, transform 0.25s;
}

#divAppPopups .hide .divPopupBox
{
	left:25%;
	top:25%;
	transform:scale(0) translate(-50%, -50%);
}

#divAppPopups .divPopupHeader
{
	background-color:#547736;
	height:60px;
	position:absolute;
	width:100%;
	z-index:1;
}

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

#divAppPopups .btnClosePopup
{
	background-image:url('../img/iconClosePopup.svg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:28px;
	cursor:pointer;
	height:40px;
	position:absolute;
	right:10px;
	top:10px;
	width:40px;
}

#divAppPopups .btnBack
{
	cursor:pointer;
	height:48px;
	left:10px;
	position:absolute;
	top:-48px;
	width:48px;
}

#divAppPopups .btnBack:after
{
	border-left:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
	content:"";
	height:10px;
	left:20px;
	position:absolute;
	top:18px;
	transform:rotate(45deg);
	transition:border 0.25s;
	width:10px;
}

#divAppPopups .divPopupContent
{
	position:relative;
	top:60px;
}

/* MEDIA QUERIES */
@media (max-width: 860px)
{
	#divAppPopups
	{
		bottom:0px;
		top:80px;
	}
	
	#divAppPopups .divPopup
	{
		bottom:0px;
		top:80px;
	}
	
	#divAppPopups .divPopupBox
	{
		border-radius:0px;
		height:100%;
		left:0px;
		top:0px;
		transform:translate(0px, 0px);
		width:100%;
	}
	
	#divAppPopups .hide .divPopupBox
	{
		left:0px;
		top:0px;
		transform:scale(1) translate(-110%, 0px);
	}
	
	#divAppPopups .divPopupHeader
	{
		display:none;
	}
	
	#divAppPopups .divPopupContent
	{
		bottom:0px;
		position:absolute;
		top:0px;
		width:100%;
	}
}