/*----------------------------------------------
CSS Settings For HTML Div ExactCenter
------------------------------------------------*/
.bodyh{
    background-color: #258d2a;
}
.bodys{
    background-color: #0D2E8A;
}
span {
color:red
}
/**h2
{
text-align:center;
border-radius:10px 10px 0 0;
margin:-10px -40px;
padding:15px
}**/
hr
{
border:0;
border-bottom:1px solid;
}
#login
{
text-align: left;
margin: auto;
width:450px;
height:400px;
border-radius:10px;
border:2px solid #fff;
padding:10px 40px 25px;
background-color:#FFB400;
}
span {
    font-size:25px;
}
label {
  padding: 12px 12px 12px 0;
  display: inline-block;
  font-size:23px;
  
}
select {
    width:99.5%;
padding:10px;
margin-top:8px;
border:1px solid #fff;
padding-left:5px;
font-size:25px;
}
input[type=text],input[type=password]
{
width:96.5%;
padding:10px;
margin-top:8px;
border:1px solid #fff;
padding-left:5px;
font-size:25px;
}
input[type=submit]
{
width:100%;
background-color:#2f90ff;
color:#fff;
border:2px solid #fff;
padding:10px;
font-size:20px;
float:right;
cursor:pointer;
border-radius:5px;
}
#profile
{
padding:50px;
border:1px dashed grey;
font-size:20px;
background-color:#DCE6F7
}
#logout
{
float:right;
padding:5px;
border:dashed 1px gray
}
a
{
text-decoration:none;
color:#6495ed
}
i
{
color:#6495ed
}
.loginhead img{
   margin-left:-100px;
    width:1200px;
    height:300px;
}
.loginhead1 img{
    margin-top:-10px;
   margin-left:-5px;
    width:1600px;
    height:350px;
}
.buttonh{
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
.button21 {background-color: #008CBA;}
.buttonh:hover{
   background-color: #f2b010; 
}
.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
.button2 {background-color: #008CBA;} /* Blue */
.button3 {background-color: #f44336;} /* Red */ 
.button4 {background-color: #e7e7e7; color: black;} /* Gray */ 
.button5 {background-color: #555555;} /* Black */

.welcome1 h2{
    margin-left:200px;
    color:#fff;
}
.logout1{
   margin-top:-160px;
    margin-left:20px;
    float:left;
}
.logout1 a:link, a:visited {
  background-color: #008CBA;
  color: white;
  border:2px solid #fff;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

.logout1 a:hover, a:active {
  background-color: #FFB400;
  color:#000;
}
.entryform1{
    margin-left: 520px;
    margin-bottom: 20px;
    margin-top:-140px;
}
.entryform1 a:link, a:visited {
  background-color: #008CBA;
  color: white;
  width:250px;
  border:2px solid #fff;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

.entryform1 a:hover, a:active {
  background-color: #FFB400;
  color:#000;
}
.entryform2{
    margin-left: 520px;
    margin-bottom: 20px;
    margin-top:20px;
}
.entryform2 a:link, a:visited {
  background-color: #008CBA;
  color: white;
  border:2px solid #fff;
  width:250px;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

.entryform2 a:hover, a:active {
  background-color: #FFB400;
  color:#000;
}
.studhome{
    margin-top :10px;
    margin-left:150px;
    float:left;
}
.studhome a:hover{
    color:#E7AF16;
    
}
.studcontact{
    margin-top :10px;
    margin-right:150px;
    float:right;
}
.studcontact a:hover{
    color:#E7AF16;
    
}
.studforget a{
    margin-top :20px;
    margin-right:10px;
    margin-bottom:20px;
    float:right;
    font-size:20px;
    color:#cf006d;
}
.studforget a:hover{
    color:#006DCF;
    
}
.studreactive1{
    margin-top :20px;
    margin-left:10px;
    margin-bottom:20px;
    float:leftt;
    font-size:20px;
    color:#cf006d;
}
.studreactive2 a{
    margin-top :20px;
    margin-left:10px;
    margin-bottom:20px;
    float:leftt;
    font-size:20px;
    color:#cf006d;
}
.studreactive2 a:hover{
    color:#006DCF;
    
}

@media (max-width: 1440px) {
    .loginhead img{
        width:97%;
        height:97%;
        margin-left:0px;
        
    }
    
}

@media (max-width: 1024px) {
    .loginhead img{
        width:100%;
        height:98%;
        margin-left:0px;
        
    }
    
}
@media (min-width: 666px) and (max-width: 768px) {
    .loginhead img{
        width:100%;
        height:96%;
        margin-left:0px;
        
    }
    
}
/*
@media (min-width: 1024px) {
   .body
   { width:108%;
    height:auto;
   }
   .loginhead img{
        width:108%;
        margin-left:0px;
        
    }
}

@media (min-width: 425px) and (max-width: 666px) {
 .body
   { width:100%;
    height:auto;
   }
}  
@media (max-width:320px) {
    .body
   { width:100%;
    height:auto;
   }
    

}
*/