@charset "UTF-8";

@keyframes msgbox {
    0% {top: 20px;}
    20%{top: 50px;}
}

	html, body, .fullheight {
		width:100%;
		height:100%;
		padding:0px;
		margin:0px;
		display:flex;
		justify-content:center;
		align-items:center;
		position:absolute;
	}
	
	input[type=text]{border:thin solid gray;width:220px;height: 28px;margin: 1px;border-radius: 2px;font-size: 10pt;border:0px;border-radius:3px;}
	input[type=password]{border:thin solid gray;width:220px;height: 28px;margin: 1px;border-radius: 2px;font-size: 10pt;border:0px;border-radius:3px}
	
	table{border: 0px;padding:0;border-collapse:collapse;}
	
	.submit{width: 80px;height: 60px;font-size: 11pt;color:white;background-color:rgb(48, 75, 122);border:0px;border-radius:5px}
	
	.loginform{
		float:left;
		width:425px; 
		height:239px;
		color:white;
		background-color:rgb(208, 208, 218, 0.7);
		display:flex;
		align-items: center;
	}
	
	.loginformout{
		display:block;
		justify-content:center;
		position:absolute;
		align-items:center;
		
	}
	
	.codeGroupinfo{
		border: 1px solid black;
		background-color: lightgray;
	}
	

	.mbox{
		display:flex;
		align-items:center;
		justify-content: center;		
		height:120px;
		font-size:10pt;
		border-left:thin solid rgb(208, 208, 218, 0.7);
		border-bottom:thin solid rgb(208, 208, 218, 0.7);
		border-right:thin solid rgb(208, 208, 218, 0.7);
		color: rgb(128,128,128);
	}
	
	.messageModal{display: none;min-height: 100%;min-width: 100%;position: absolute;left:0%;top:0%;background: rgb(0, 0, 0, 0.5);z-index: 1;}
	.messgeboxBody{display: none;border: 0px solid gray;position: absolute;left:50%;top:50px;z-index: 1;width: 500px;height: 160px;transform: translateX(-50%);background-color: white;border-radius: 5px;box-shadow: 2px 2px 5px 0px gray;animation-name: msgbox;animation-duration: 1s;animation-delay: 0s;}
	.messageboxTitle{border: 0px;color: white;border: 0px solid gray;width: 100%;height: 40px;display: flex;align-items: center;background-color: cadetblue;border-radius: 5px 5px 0px 0px;position: relative;z-index: 2;}
	.messageContents{border: 0px solid black;font-size: 12pt;width:100%;height: 60px;padding: 0px 5px 0px 5px;margin:0%;z-index: 2;display: flex;align-items: center;}
	.messageBottom{width:100%;height:30px;margin:auto;padding: 0px 5px 0px 5px;display: flex;justify-content : center;position: relative;z-index: 2;text-align: right;}
	.messageButton{width: 80px;height: 30px;font-size: 12pt;margin: 2px;}