body {
    background-image: url('../images/HUSS-CMS-background.jpg');
    background-repeat: no-repeat;
    background-position: bottom right;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #F78F1E;
    overflow-y: hidden;
    padding-top: 1px;
}

.form-signin {
    max-width: 400px;
    margin: 0 auto;
    position: relative;
    top: 55%;
    transform: translateY(-55%);
    background-color: rgba(0, 0,0, 0.4);
    padding: 25px;  
}

@media screen and (max-width: 500px) {
    .form-signin {
        max-width: 80vw;
    }
}


.form-signin .login-logo {
    text-align: center;
    margin-bottom: 10px;
}


.form-signin-heading {
    margin-top: 0px;
    padding-top: 0px;
}

.form-signin-container {
    height: 95vh;
}

    .form-signin-container > .form-signin > .login-error {
        float: none;
        color: #d71921;
        display: block;
        padding: 10px 10px 8px 40px;
        background: rgba(255, 255, 255, 1);
        border-radius: 4px;
        position: relative;
        font-weight: bold;
        margin-bottom: 0px;
        margin-top: 20px;
    }

    .form-signin-container .login-warning {
        color: #F78F1E;
        display: block;
        padding: 10px 10px 8px 40px;
        background: rgba(255, 255, 255, 1);
        border-radius: 4px;
        position: relative;
        font-weight: bold;
        margin-bottom: 5px;
    }

        .form-signin-container .login-error:before, .form-signin-container .login-warning:before {
            font-family: "Glyphicons Halflings";
            content: "\e101";
            font-size: 22px;
            position: absolute;
            top: 4px;
            left: 10px;
        }



.form-signin .form-signin-heading,
.form-signin .checkbox {
}

.form-signin .checkbox {
    font-weight: normal;
}

    .form-signin .checkbox label {
        color: white;
        padding-left: 0;
    }


    .form-signin .checkbox .i-checks > div {
        background-color: white;
    }



h1 {
    color: white;
    font-size: 20pt;
}

.form-signin .btn-default {
    background-color: #888;
    color: white;
    border: solid 1px #444;
    border-radius: 3px;
}

    .form-signin .btn-default:hover {
        background-color: #777;
        color: white;
        border: solid 1px #444;
        border-radius: 3px;
    }

.form-signin .form-twofactor label {
    color: white;
}