.modal-container {
	position: absolute;
	background:#000000;
	height:100%;
	width:100vw;
	z-index:10000;
	opacity:0.7;
}
.modal-box {	
	position: fixed;
	margin:0 auto;
	background:#ffffff;
	height:auto;
	width:50%;
	margin-left:25%;
	top:25px;
	z-index:10001;
	padding:30px;
	border-radius:4px;
	text-align: center;
}
.modals {
	display:none;
}
.logo {
	width:50%;
}
.create-boxes {
	padding:10px;
	font-size:11pt;
    border: 1px solid #49b751;
    box-shadow: 0px 0px 5px rgba(6, 170, 45, 0.22);
	margin-top:4px;
	border-radius: 4px;
	background-color:#FFA800;
	color:white;
}
.load-hide {
	display:none;
}
@media only screen and (max-width: 1000px) {
	.modal-box {
		width:98% !important;
		margin-left:1% !important;
	}
	.logo {
		width:75%;
	}	
}