#popupModalContainer
{
	width : 100%;
	height : 100vh;

	margin : 0px;
	padding : 0px;

	position : fixed;
	top : 0px;
	left : 0px;

	z-index : 9999999999;

	display : flex;
	align-items : start;
	justify-content : center;

	background-color : rgba(0, 0, 0, 0.5);
}

#popupNonModalContainer
{
	width : 400px;

	margin : 0px;
	padding : 0px;

	position : fixed;
	left : calc(50% - 200px);
	top : 20px;

	z-index : 9999999999;

	box-shadow : 0px 0px 20px 2px rgba(0, 0, 0, 0.5);
}

#popupModal_Main, #popupNonModal_Main
{
	width : 400px;

	margin : 0px;
	padding : 0px;

	background-color : white;

	display : flex;
	align-items : center;
	justify-content : center;
	flex-direction : column;

	border-radius : 5px;

	border : 1px solid #eeeeee;
}

.popup_title
{
	width : 100%;

	margin : 0px;
	padding : 0px;

	display : flex;
	align-items : center;
	justify-content : center;
}

.popup_title p
{

	width : calc(100% - 20px);

	margin : 0px;
	padding : 0px;

	padding : 10px;
	font-size : 1.3em;

	color : white;

	text-align : center;

	border-radius : 5px 5px 0px 0px;

	font-weight : bold;
}

.popup_Text
{
	width : 100%;

	margin : 0px;
	padding : 0px;

	display : flex;
	align-items : center;
	justify-content: center;
}

.popup_Text p
{
	width : calc(100% - 20px);

	margin : 0px;
	padding : 0px;

	padding : 10px;

	text-align : center;
}

.popup_buttons
{
	width : 100%;

	margin : 0px;
	padding : 0px;

	display : flex;
	align-items : center;
	justify-content : center;
}

.popup_buttons p
{
	width : calc(100% - 20px);

	margin : 0px;
	padding : 0px;

	padding : 10px;

	text-align : center;
}

.popup_buttons p a
{
	margin : 0px;
	padding : 0px;

	padding-left : 10px;
	padding-right : 10px;
	padding-top : 5px;
	padding-bottom : 5px;

	border : 1px solid #DDDDDD;

	background-color : #eeeeee;

	border-radius : 5px;

	color : black;

	text-decoration : none;
}

.errorPopup
{
	background-color : red;
}

.successPopup
{
	background-color : green;
}

.hidden
{
	display : none!important;
}