body {
	  margin: 0px;
	  padding:0px;
	  font-family: 'Open Sans', sans-serif;
	  overflow-x: hidden;
	  height: 100vh;
	  margin: auto;
	  display: flex;
	  background:#003E6B;
	}
 section{
	position: relative;
	width:100%;
	height:100vh;
	margin: 0;
	padding: 0;
 }
.particles-box{
	width: 100%;
    height: 100%;
    background-color: #003E6B;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
    z-index: -1;
	transition: background-color 1s ease;
}	  


.login{
	position: relative;
	width:100%;
	max-width:450px;
	padding:20px 30px 40px 30px;
	background:#fff;
	margin: 20vh auto 0px;
	border-radius:15px;
}
.logo{
	width:100%;
	text-align:center;
} 
.logo img{
	max-width:240px;
	margin: 0 auto ;
	text-align:center;
	padding:20px 0px 30px 0px;
}

.login input.form-control  {
	width: 100%;
    padding: 15px;
    margin: 0.7em auto;
    border-radius: 100px;
    border: none;
    background: #02223a!important;
    outline: none;
    height: 45px;
    color: #fff;
}
 
 .login .btn{
	background: #8F1336!important;
	color: #fff!important;
	width:100%;
	border-radius: 100px;
	text-align:center;	
	height: 45px;
	outline:none;	
 }
 .login .btn:hover, .login .btn:focus, .login .btn:active {
	background: #02223a!important;
	outline:none;
	box-shadow:none;
 }
  .login .alert {
	 border-radius: 100px; 
  }
  .login .alert p{
	  margin:0px;
  }
.resultlogin{
	  width:100%;
	  text-align:center;
  }