@media (max-width: 991px) {
    html{
        background: url(bglogin.jpeg) no-repeat center center fixed;
        min-height: 120% !important;
        height: 100% !important;;
        overflow: hidden;
        margin: 0px;
        padding: 0px;
    }
}
@media (min-width: 992px) {
    html{
        background: url(bglogin.jpeg) no-repeat center center fixed;
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;;
        -o-background-size: cover !important;;
        background-size: cover !important;;
        min-height: 100% !important;
        height: 100% !important;;
        overflow: hidden;
        margin: 0px !important;;
        padding: 0px !important;;
    }
}
html{
    background: url(bglogin.jpeg) no-repeat center center fixed;
/*    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
    min-height: 100% !important;
    height: 100%;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}
.login-box{
    width:100%;
    max-width: 350px;
    height: auto;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
    box-sizing: border-box;
    padding: 40px 30px;
}
.avatar{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    top: -50px;
    left: calc(50% - 50px);
}
h1{
    margin: 0;
    padding: 0 0 20px;
    text-align: center;
    font-size: 22px;
}
.login-box p{
    margin: 0;
    padding: 0;
    font-weight: bold;
}
.login-box input{
    width: 100%;
    margin-bottom: 20px;
}
input[type="text"], input[type="password"], input:hover, input:focus, input:active
{
    border: none !important;
    border-bottom: 1px solid #fff !important;
    background: transparent;
    outline: none;
    height: 35px;
    color: #fff;
    font-size: 15px;
    border-radius: 0px !important;
    padding-left:5px !important;
    box-shadow: none !important;
}

button[type="submit"], .btn-danger, .btn:hover, .btn:focus, .btn:active
{
    border: none !important;
    outline: none;
    font-size: 15px;
    border-radius: 20px;
    width:80%;
}

.login-box a{
    text-decoration: none;
    font-size: 15px;
    color: #fff;
}
label, .help-block{
    font-size: 13px !important;
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: white !important;
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: red !important;
}

#language .dropdown-menu>li>a, .aa-language .dropdown-menu>li>a, .login-box .smalla{
    font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif !important;
}