/* Responsiveness */
@media screen and (max-width: 767px) {
    .adjust-login-width{
        width: 350px;
    }
} 

/* Medium to Extra Large*/
@media screen and (min-width: 768px) {
    .adjust-login-width{
        width: 400px;
    }
}

.login-form{
  /* display:none; */
  border-radius: 15px;
  text-align: center;
  padding: 30px;
  margin-bottom:0;
  background-color: white;
  /* -webkit-box-shadow: 0 0 3px rgb(22, 22, 22); */
  box-shadow: 0 0 10px 6px rgba(22, 22, 22, 0.05);
}

.login-form input[type=text], .login-form input[type=password]{
  
    width: 100%;
    padding:8px;
    border-radius: 10px;
    margin-bottom: 7px;
    border: none;
    background: #f1f1f1;
    outline: none;
}
  
.login-form .btn {
    background-color: rgb(39, 171, 43);
    color: white;
    border: none;
    cursor: pointer;
    width: 100%;
    margin-top: 20px;
    margin-bottom:10px;
    opacity: 0.8;
    border-radius: 8px;
    padding:8px;
}
  
.login-form input[type=text]:focus, .login-form input[type=password]:focus{
    background-color: #ddd;
    outline: none;
}
  
  
.login-container {
    border-radius: 15px;
}
  
  
.login-form .btn{
    width:55%;
}
  
.login-form input[type="text"]{
    margin-bottom: 1em;
}
  
.login-form input[type="password"], .login-form .thin{
    margin-bottom: 1em;
}
  
.login-form .btn-back{
    background-color: #390072;
}
.login-form .btn {
    margin-bottom:3px;
}