/*
    CSS Pertinente a pagina de login do sistema.
    
    Refatoração: Done.    
*/

body {
    background-color: #003366;
    background-image: url('patt_001.png');
}

html,body,.container {
    height: 100%;
}

.container {
    display: table;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.row {
    height: 100%;
    display: table-row;
}

.col-md-3 {
    display: table-cell;
    float: none;
    width: 25%;
}

.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}

.form-signin .form-signin-heading {
    margin-bottom: 10px;
    color: #c6ccd8;
}

.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}

.form-signin .form-control:focus {
    z-index: 2;
}

.form-signin input[type="text"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.btn {
    background-color: #4fc281;
}


.col-md-9 {
    box-shadow: 6px 0px 15px #d3d3d3;
    float: none;
    display: table-cell;
    background-color: #f8f9fb;
    /*background-image: url('gradient.png');*/
    width: 560px;
    background-repeat: repeat-y;
    text-align: center;
}

.loginarea {
    background-color: #f8f9fb; 
    width:100%; height: 400px;

}

h2 {
    color: #FFFFFF;
}

.field-validation-error {
    font-style: oblique;
    color: brown;
}

.box-login .group label {
    float: right;
    font-size: 11px !important;
}

.box-login .group input[type="checkbox"] {
    vertical-align: middle;
}