@charset "utf-8";

html{
  height:100%;
}

body{
  position: relative;
  font-size: 16px !important;
}

body#Userslogin{
    background-image: url("./img/login_bg.jpg");
    background-size: cover;
    background-repeat:no-repeat;
    height:100%;
}

body#Userslogin .container{
    display: flex;
    justify-content: center;
    align-items: center;
    height:100%;
}

body#Userslogin .card{
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    margin-top: auto;
    margin-bottom: auto;
    width: 400px;
    max-width:95%;
    background-color: rgba(255,255,255,0.5) !important;
    text-align:center;
}

body#Userslogin .card-header{
    color:#fff;
    font-weight:bold;
    padding:30px 0px 10px 0px;
}

body#Userslogin .card > div{
    border:none;
    background:none;
}

body#Userslogin .card .card-body{
    padding:40px 20px;
}

body#Userslogin .card .form-group{
    margin-bottom:20px;
}

body#Userslogin .card .input{
    width: calc(100% - 45px);
}