.popup
{
	display: flex;
	height: 0;
	overflow: hidden;
	transition: 0.5s opacity,background-color;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	align-items: center;
	justify-content: center;
	max-width: 100%;
}

.popup.visible
{
	height: auto;
	display: flex;
	background-color: rgba(0,0,0,0.4);
	opacity: 1;
}

.popup-content-body .popup-item
{
	padding-left: 50px;
	background-size: auto 30px;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	margin-top: 20px;
}

.popup-content-body .popup-item:first-child
{
	margin-top: 0;
}

.popup-content-body .popup-item input,
.popup-content-body .popup-item textarea,
.popup-content-body .popup-item select
{
	font-size: 14pt;
	padding: 5px;
	width: 100%;
}

.popup-content-body .popup-item input[type="submit"],
.popup-content-body .popup-item input[type="button"]
{
	width: auto;
}

.popup-content-body .popup-item textarea
{
	height: 125px;
}

.popup-search-select .popup-content
{
	width: 550px;
}

.popup-search-select .popup-content-header,
.popup-search-select .popup-content-body
{
	padding: 20px;
}

.popup-search-select .popup-content-header
{
	background-color: #0A71B3;
	font-size: 18pt;
	color: white;
}

.popup-search-select .popup-content-body
{
	background-color: #fff;
}