* {
 box-sizing: border-box;
}
*:before,
*:after {
 box-sizing: border-box;
}

html, body {
      margin: 0;
      padding: 0;
      width: 100%;
      height: 100%;
      position: relative;
			background-color: light;
}
.login-container{
    margin-top: 5%;
    /* margin-bottom: 5%; */
	  max-width: 50%;
}
.login-form-1{
    padding: 8%;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
}
.login-form-1 h3{
    text-align: center;
    color: #333;
}
.login-container form{
    padding: 8%;
}

.login-form-1 .ForgetPwd{
    color: #0062cc;
    font-weight: light;
    text-decoration: none;
}

/* .logo {
      line-height: 40px;
      position: absolute;
      float: left;
      color: black;
      font-weight: bold;
      font-size: 20px;
			margin-left: 50px;
      letter-spacing: 2px;

} */

@media(max-width: 786px) {
      .login-container{
        margin-bottom: 5%;
    	  max-width: 90%;
      }

}

#messages_error{
  color: red ;
  font-size: 20px;
  margin-top: 15px;
  margin-left:28%;
}

#messages_success{
  color: green ;
  font-size: 20px;
  margin-top: 15px;
  margin-left:28%;
}

#content-desktop {display: block;}
#content-mobile {display: none;}

@media screen and (max-width: 768px) {
  #content-desktop {display: none;}
  #content-mobile {display: block;}
}