.close {
	display: none;
}
.modal {
	z-index:1;
	position:fixed;
	top: 0;
	left:0;
	width:100%;
	height:100%;
	overflow:auto;
	background:rgba(0, 0, 0, 0.3);
}
.modal-content {
	text-align:center !important;
	color:black;
	border:2px solid grey;
	border-radius:25px;
	margin:0 !important;
	top:30%;
	left:40%;
	position:absolute;
	padding:20px;
	width:370px;
	background-color:white;
}
.modal button {
	border:1px solid #333;
	border-radius:8px;
	color:white;
	background-color:#333;
	padding:8px;
}
.modal button:disabled {
	border:1px solid #333;
	border-radius:8px;
	color:grey;
	background-color:#333;
	padding:8px;
}
.modal button:enabled {
	border:1px solid #333;
	border-radius:8px;
	color:white;
	background-color:#333;
	padding:8px;
}
.modal button:enabled:hover {
	color:#00FF21;
}
.xclose {
	color:#333;
	margin:0;
	top:25%;
	left:59%;
	position:absolute;
	padding:0px 10px 0px 0px;
	font-size:40px;
	font-weight:bold;
}
.xclose:hover {
	color:black;
	text-decoration:none;
	cursor:pointer;
}