@charset "UTF-8";
/* CSS Document */
.form{
	border-radius:2px;
	padding:20px 30px;
	box-shadow:0 0 15px;
	font-size:14px;
	font-weight:bold;
	width:500px;
	margin:20px 250px 0 35px;
	float:left;
	z-index: 999;
}
.modal-input{
	width:100%;
	height:35px;
	border:1px solid #999;
	border-radius:3px;
	padding:5px;
	color: #1F1F1F;
	font-weight: 200;
}


.modalbutton{
	background-color:#0099e6;
	border:1px solid white;
	font-family: 'Fauna One', serif;
	font-Weight:bold;
	font-size:18px;
	color:white;
	width:49%;
	margin-left:24%;
	border-radius:10px;
	padding:10px;
}

#detaildiv{
	opacity:1.92;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	display: none;
}

#code {
	color:#FFF;
	text-align:center;
	font-size:15px;
}



#passdiv {
	opacity:1.92;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	display: none;
}

#scholar_closed {
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	position: fixed;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.8);
}


#modal{
	/**width:500px;**/
	top: 10%;
	width: 50%;
	max-width: 500px;
	min-width: 320px;
	height: auto;
	margin:0px;
	background-color:white;
	background:#037acc;
	background-size: cover;
	font-family: 'Fauna One', serif;
	position: fixed;
	border: 5px solid rgb(255, 255, 255);
	margin-left:-250px;
	/*position:fixed;*/
}

.img{
	float: right;
	margin-top: -35px;
	margin-right: -45px;
}

label {
	font-weight: 200;
	color:#FFFFFF;
	margin-bottom:0px;
}

.md-title {
	text-align:center;
	font-weight:500;
	font-size:x-large;
	color:#FFF;
}

.satisfaction {
	max-width:60%; 
}

.marginTop {
	margin-top: 30px;
}

/* Responsive website */
@media (max-width: 1600px) {
  #modal {
		left: 50%;
	}
}
@media (max-width: 1900px) {
  #modal {
		left: 50%;
	}
}


@media (max-width:1366px){
	#modal {
		left: 50%;
	}
}
@media (max-width:1280px){
	#modal {
		left: 50%;
	}
}
@media (max-width:1024px){
	#modal {
		left: 55%;
	}
}
@media (max-width:800px){
	#modal {
		left: 55%;
	}
}
@media (max-width:768px){
	.satisfaction {
		display: none;
	}
	#modal {
		left: 65%;
	}
}

@media (max-width:640px){
	.satisfaction {
		display: none;
	}
	#modal {
		left: 65%;
	}
}

@media (max-width:480px){
	.satisfaction {
		display: none;
	}
	#modal {
		left: 70%;
	}
}

@media (max-width:320px){
	.satisfaction {
		display: none;
	}
	#modal {
		left: 70%;
	}
}