:root {
  --modal-popup-width: 800px;
  --modal-popup-height: 600px;
}
.modal-popup {
	display: none;
	width: var(--modal-popup-width);
	height: var(--modal-popup-height);
	position: absolute;
	background-color: white;
	border: 1px solid black;
	box-shadow: 10px 10px 5px #888888;
	/*overflow: auto;*/
	z-index: 10;
}

.modal-content {
	background-color: white;
	padding: 0;
	width: 100%;
}
.modal-header {
	background-color:lightgrey;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 20px;
	text-align: center;
}
.modal-Frame {
    overflow-clip-margin: content-box !important;
    overflow: clip !important;
	padding: 0;
	margin: 0;
	border: none;
}
.modal-close {
	color: dimgrey;
	float: right;
	font-size: 18px;
	font-weight: bold;
	padding-right: 10px;
}
.modal-close:hover,
.modal-close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}