body {
    background: linear-gradient(to right, #070928, #000000);
}
.login {
  max-width: 400px;

  margin: 0px auto;
}
    .login .login-form {
        background: #38456c;
        /*border: inset 2px white;*/
        border-radius: 25px 0 25px 0px;
        box-shadow: 5px 5px 5px #070928;
        padding: 20px 30px 20px;
        /* min-height: 400px;*/
    }



.input-group-lg>.custom-select, .input-group-lg>.form-control:not(textarea) {
  height: calc(2.875rem);
  border: none;
 
}

.login .login-form .input-group {
  margin-top: 10px;
}
.login .login-form .input-group-addon {
  background: #fff;
  border-right: none;
  height: calc(2.875rem+2px);
  
}
.login .login-form input[type="email"],
.login .login-form input[type="text"],
.login .login-form input[type="password"] {
  border-left: none;
}
    .login .login-form input[type="email"]:focus,
    .login .login-form input[type="text"]:focus,
    .login .login-form input[type="password"]:focus {
        border-left: none;
        border-right: none;
        -webkit-transition: 0.4s ease;
    }
.login .login-form input[type="submit"]#login {
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
  text-align: center;
  height: 55px;
}
.login .login-form .login-bar {
  margin-top: 10px;
}
.login .login-form .login-bar label {
  font-weight: normal;
}
.login .login-form .login-bar input[type="checkbox"] {
  margin-right: 5px;
}
.login .social {
  margin: 0 auto;
  padding-top: 10px;
  text-align: center;
}
.login .social a {
  padding-top: 15px;
  width: 55px;
  height: 55px;
  border-radius: 50%;
}
.login .social a:hover {
  text-decoration: none;
}
.login .register {
  margin-top: 20px;
  padding: 10px;
}
.login .register .register-inner {
  margin: 0 auto;
  text-align: center;
}
.login .register .register-inner .btn {
  font-size: 18px;
  padding: 10px 30px;
}
.fa-user, .fa-key{
  margin-left: -10px!important;
 
}