.absoluteCenter {
			position:absolute;
			left:0px;
			top:0px;
			right:0px;
			bottom:0px;
			margin:auto;
		}
		.modalContainer {
			position:absolute;
			width:100%; 
			height:100%;
			left:0px;
			top:0px;
			display:none;
		}
		.modalBG {
			position:absolute; 
			width:100%; 
			height:100%; 
			background: rgba(0, 0, 0, 0.2); 
			backdrop-filter: blur(2px); 
			-webkit-backdrop-filter: blur(2px);
		}
		.ModalBox {
			border:1px solid black; 
			border-radius:10px; 
			overflow:hidden; 
			-webkit-box-shadow: 8px 7px 10px -3px rgba(0,0,0,0.30); 
			box-shadow: 8px 7px 10px -3px rgba(0,0,0,0.30);
		}		
		.modalLargeScreen {
			width:calc(100% - 20px);
			height:calc(100% - 20px);
		}
		.modalSmallScreen {
			width:100%;
			height:100%;
		}
		.modalfullScreen {
			width:calc(100% - 10px);
			max-width:400px;
			height:calc(100% - 10px);
			max-height:300px;
			background-color:white;
			border:2px solid black;
		}
		.modalhalfScreen {
			width:calc(100% - 10px);
			max-width:400px;
			height:50%;
			min-height:150px;
			max-height:300px;
			background-color:white;
			border:2px solid black;
		}