﻿html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

body {
    width: auto;
    height: 100%;
}

.body-content .control-label { color: white; }

.disclaimer-text {
    font-size: 12px;
    margin-left: 50%;
}

@media (max-width: 1199px) {
    .footer .disclaimer-text { font-size: 9px; }
}

@media only screen and (max-width: 819px) {
    #div_login_view {
        width: 100%;
        background: none;
    }

    #div_login_view form {
        /*margin-left: 5px;
            margin-right: 5px;*/
    }

    .footer { margin-top: 10px; }
}

@media only screen and (min-width: 820px) {
    #div_login_view {
        position: fixed;
        width: 800px;
        top: 50%;
        left: 50%;
        margin-top: -300px;
        margin-left: -400px;
        background: url("../images/login_bg.jpg") no-repeat bottom center scroll;
        background-size: cover;
    }

    #div_login_view form {
        margin-left: 400px;
        border-radius: 5px;
    }

    .footer {
        position: fixed;
        top: 70%;
        left: 0;
    }
}



#div_login_view {
    border-radius: 5px;
    height: 400px;
}

#div_login_view form { height: 400px; }

#div_login_view form h2 { margin-top: 50px; }

#div_login_view form .form-control {
    margin-top: 20px;
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}

#div_login_view form .form-control:focus { z-index: 2; }

.footer {
    color: #FFFFFF;
    text-align: center;
}