.overlayer{
	position: fixed;
	z-index: 99;
	background-color: #FFFFFFEE;
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	cursor: normal;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.overlayer.closedonload{
	display: none;
}

.overlayer .overlayerwindow{
	width: auto;
	height: auto;
	max-width: 50vw;
	max-height: 50vh;
	min-width: 30vw;
	text-align: left;
	background-color:#FFFFFF;
	color:#007E83;
	margin:auto;
	/*
	box-shadow: 0 5px 10px #00000099;
	*/
	position: relative;
}

.overlayer .overlayerwindow .overlayercloseicon{
	position: absolute;
	top:1em;
	right:1em;
	cursor: pointer;
}

.overlayer .overlayerwindow .overlayertitle{
	font-size: 1.6em;
	margin-bottom: 1em;
	padding:1em;
	border-bottom: solid 1px #cecece;
}

.overlayer .overlayerwindow .overlayertitle i{
	vertical-align: middle;
}

.overlayer .overlayerwindow .overlayertext{
	padding:1em;
}

.overlayer .overlayerwindow .overlayerbuttons{
	text-align: center;
	padding:1em;
}


@media screen and (max-width: 767px){
	.overlayer .overlayerwindow{
		max-width: 80vw;
		max-height: 90vh;
	}	
}