body{
    background: url("/img/login_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(100vh - 110px) !important;
    max-height: calc(100vh - 110px) !important;
}

.wrapper{
    height: calc(100vh - 110px);
    max-height: calc(100vh - 110px);
}


@viewport{
    zoom: 1.0;
    width: device-width;
}
@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

.login-container{
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    /*border-radius: 20px;*/
    width:30%;
    margin: auto;
    margin-top: 50px;
    /*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);*/
}

.login-container .header{
    background-color: #FFF;
    width: 100%;
    border-bottom: 5px solid #a4141e;
    padding-bottom: 10px;
}

.login-container .login-area{
    padding: 15px;
    text-align:center;
}


a, a:hover {
    color: #fff !important;
}

.form-container{
    margin: auto;
    width:90%;
}

.form-control, .input-group-text{
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

.update-container{
    margin: auto;
    width:70%;
}

@media(max-width:767px) {
    .login-container{
      width:90%;
    }

    .form-container{
        width:90%;
    }

    .update-container{
        width:90%;
    }
  }