body{
   padding:0;
   margin:0;
}
.head{
  padding:5px;
  border-bottom:#009966 solid;
  }
.head label{
 padding:5px;
	position: absolute;
	right: 1%;
	top: 2%;
	color:#009966;
	font-weight: 600;
  }
.head label .fa{
	color:#009966;
	font-size: 19px;
	font-weight: 500;
  }
.head label .logout{
	color:#009966;
	padding: 3px;
	border: #009966 solid 1px;
	border-bottom: #009966 dotted 1px;
	border-radius: 8px;
	transition: 1s;
  }
.head label .logout:hover{
	
	border: #990006 solid 1px;
	border-bottom: #990006 dotted 1px;
  }
.head label .logout a{
	color:#009966;
	text-decoration: none;
  }
.head label span{
	color:#333;
	font-weight: 500;
  }
@media(max-width:1000px){
	.head label{
 padding:5px;
	position: absolute;
	right: 0%;
	top: 2%;
	color:#009966;
	font-weight: 600;
	background: rgba(255,255,255,0.9);
  }
}
  .head h1{
  text-align:center;
  color:#009966;
  text-shadow:#009966 2px 2px 2px;
  font-weight:500;
  }
   .head p{
  text-align:center;
  color:#333;
  font-size:20px;
  font-weight:500;
  }
  #bd{
  border:;
   margin:3em auto auto auto;
  background-size:contain;
  position:relative;
  min-height:500px;
   box-shadow:0 0 12px 0 rgba(0,100,0,0.4);
  }
.gen{
	padding: 0 !important;
	border:;
}
.lefty{
	position: relative;
  height:100%;
	background:;
	padding:;
}
.head-bottom{
	position: relative;
}
.head-bottom ul{
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none;
}
.head-bottom ul li{
	position: relative;
	padding: 4px;
	margin: 5px auto;
	border-bottom: #009966 dotted 1px;
	font-size: 20px;
	transition: 1.2s;
	box-shadow: #009966 2px 2px 2px;
}
.head-bottom ul li .fa{
	color: #009966;
	position: absolute;
	right: 0px;
	background:;
}
.head-bottom ul li a{
	text-decoration:none;
	color: #333;
}
.head-bottom ul li:hover{
	background:#009966;
	color: #fff;
}
.head-bottom ul li a:hover{
	
	color: #fff;
}
.center{
	background:url(../img/www.jpg);
	padding:;
}
  .fm{
  border:;
  background:rgba(0,255,50,0.199);
   box-shadow:0 0 12px 0 rgba(0,255,0,0.4);
  position:relative;
  }
  .first{
  position:relative;
  border:;
   position:relative;
  max-width:600px;
  margin:auto;
  }
  .first form{
  margin:auto;
  border:;
  }
  .first form ul{
  list-style:none;
  margin:0;
  padding:0;
  }
  .first form ul li{
  width:100%;
   margin:10px auto;
  border:;
  }
   .flist input{
  width:49% !important;
  padding:10px;
  border:#fff solid 2px;
  border-radius:3px;
  }
 .first form ul li input,select{
  width:100%;
  padding:10px;
  border:#fff solid 2px;
  border-radius:3px;
  }
  .first form ul li button{
   display:block;
   margin:auto;
   padding:5px 10px;
   border-radius:6px;
   color:#333;
	  transition: 1.2s;
	  text-transform: uppercase;
	  font-weight: 500;
	  font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana," sans-serif";
  }
.first form ul li button:hover{
	background:#009966 ;
	color: #fff;
}
   .second{
  position:relative;
  background:#fff;
  border:#ccc solid;
   position:relative;
  max-width:600px;
  margin:auto;
  display:none;
  }
   .second ul{
  list-style:none;
  margin:0;
  padding:0;
  }
  .second ul li{
  width:100%;
   margin:10px auto;
   padding-bottom:3px;
   color:#333;
  border-bottom:#333 dotted 1px;
  }
   .second ul li label{
  min-width:70%;
  display:inline-block;
  border:;
  }
  .second ul li button{
  padding:3px 8px;
  border-radius:5px;
  text-transform:uppercase;
  color:#333;
  box-shadow:#333 3px 3px 3px;
  transition:1.5s;
  }
   .second ul li button:hover{
   background-color:#009966;
   color:#fff;
 
  }
#student_print{
	position: fixed;
	max-width:600px;
	left: 50%;
	top: 10%;
	background: #f9f9f9;
	padding:;
}
.student_print{
	padding: 10px;
	position: relative;
}
.student_print p{
	font-size: 20px;
	color: #333;
}
.student_print label{
	padding:;
	position: relative;
	display: inline-block;
	width: 70px;
	text-align: right;
}
/*--- publish page ----*/
.for-pu{
	
}
.for-pu form ul li{
  width:49% !important;
   margin:10px auto;
	display: inline-block;
  border:;
  }
.for-pu h4{
	background: #fff;
	padding: 5px;
	text-align: center;
	color:#009966 ;
	font-weight: 500;
	border-radius: 8px;
}
.pu-send{
	display: block !important;
}
.pub-second{
	display: block !important;
	position: relative;
	margin-bottom: 2em;
}
.pub-second p{
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	padding: 10px;
	background: rgba(0,0,0,0.6);
	display:;
}
.pub-second table{
	position: relative;
	width: 100%;
	border:#009966 solid;
}
.pub-second table tr{
	width: 100%;
	border:#009966 solid;
}
.pub-second table th{
	width:;
	padding: 5px 8px;
	border:#009966 solid;
}
.pub-second table td{
	width: 100%;
	padding:;
	border:#009966 solid;
}
.pub-second table td input{
	width: 100%;
	padding: 5px 10px;
	border:;
}
.pub-second li{
	border: none;
	padding: 5px;
	list-style: none;
}
.pub-second li button{
	padding: 5px;
	display: block;
	margin: auto;
	border-radius: 8px;
	box-shadow: #ccc 2px 2px 2px 3px;
	background: #009966;
	color: #fff;
}
.pub-second li button:hover{
	color: #333;
	background: #fcfcfc;
}
@media(max-width:430px){
	.pub-second table th{
	width:;
	padding: 3px 4px;
	font-size: 12px;
	border:#009966 solid;
		font-weight: 400;
}
.pub-second table td{
	width: 100%;
	font-size: 11px;
	padding: 3px 4px;
	border:#009966 solid;
}
	.pub-second table td input{
	width: 100%;
	padding: 3px;
}
}
/*---- manage schools ----*/
.mng{
	padding: 1em;
	}
	.mng table{
	  position: relative;
	  width: 100%;
	  margin: auto;
	  border: #333 2px solid;
   }
   .mng table th{
	  padding: 4px 6px;
	  text-transform: uppercase;
	  text-align: center;
   }
   .mng table td{
	 padding: 4px 6px;
	 text-transform: capitalize;
	 text-align: center;
   }
   .mng table td button{
	 padding: 4px 6px;
	 text-transform: capitalize;
	 border-radius: 8px;
   }
   .mng table td a{
	 color: #333;
   }
   @media(max-width:700px){
	 .mng{
	   padding: 1px;
	   }
	  .mng table th{
		 padding: 2px;
		 font-size: 10px !important;
		 text-transform: capitalize;
	  }
	  .mng table td{
		padding: 2px;
		font-size: 9px;
	  }
	  .mng table td button{
		padding: 2px;
		border-radius: 8px;
	  }
   }
/*--- login ----*/
.logbd{
	position: fixed !important;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/Seafast_MU.jpg);
}
.loga{
	background: rgba(0,0,0,0.9);
	position: relative;
	height: 100%;
}
.logfm{
	max-width: 800px;
	padding: 4em;
	position: relative;
	margin: auto;
	top: 7vw;
	background: rgba(255,255,255,0.4) !important;
	box-shadow:0 0 12px 0 rgba(255,255,255,0.7) !important;
}
/*---- edit result -----*/
.edit{
	
}
.edit form ul li select{
	border:#ccc solid;
}
.edit table{
	position: relative;
	width: 100%;
	border:#333 solid;
}
.edit_second table tr{
	width: 100%;
	border:#333 solid;
}
.edit_second table th{
	width:;
	padding: 5px 8px;
	border:#333 solid;
}
.edit_second table td{
	width: 100%;
	padding:;
	border:#333 solid;
}

/*-------*/

/*----*/
  .footer{
  background:#009966;
  border:#333 solid;
  padding:1em;
  }
  .footer p{
  background:;
  text-align:center;
  color:#fff;
  font-size:20px;
  }