/*.top_popup_container
{
	width : 100%;
	height : 100%;
	background-image : url('../common/images/bg_alpha.png');
	background-size : cover;
	position : fixed;
	top : 0px;
	left : 0px;
	display : flex;
	min-width : 1024px;
	flex-direction : column;
	align-items : center;
	/*justify-content : center;*/
	/*font-family: "Calibri", "Georgia", "Arial", serif;
	display : hidden;
}*/

.top_popup
{
	width : 500px;
	position : fixed;
	top : 30px;
	left : calc(50vw - 250px);
	background-color : white;
	display : none;
	flex-direction : column;
	box-shadow : 5px 5px 5px 5px rgba(0, 0, 0, 0.25);
	padding : 0px;
	flex-direction : column;
	padding : 0px;
	border : 0px solid black;
}

.top_popup h2
{
	width : 100%;
	margin : 0px;
	padding : 0px;
	text-align : center;
	font-size : 1.2em;
}

.top_popup p
{
	width : calc(100% - 20px);
	margin : 0px;
	padding : 10px;
	text-align : center;
}

#top_popup_valid
{
	border : 2px solid var(--main_blue);
}

#top_popup_valid h2
{
	width : 100%;
	background-color : var(--main_blue);
	color : white;
}

#top_popup_error
{
	border : 2px solid red;
}

#top_popup_error h2
{
	width : 100%;
	background-color : red;;
	color : white;
}

#popup_buttons
{
	width : 100%;
	display : flex;
	align-items : center;
	justify-content : center;
}

.popup_close_button
{
	display : inline-block;
	padding : 10px;
	padding-top : 5px;
	padding-bottom : 5px;
	background-color : #009900;
	border : 1px solid black;
	color : white;
	text-decoration : none;
	margin-bottom : 10px;
	margin-top : 10px;
	font-weight : bold;
}