html,
body {
    height : 100%;
}

html,
body, 
ul, ol, li, p, div,
h1, h2, h3, h4, h5, h6,
dl, dd, table, tr, th, fieldset {
    margin  : 0px;
    padding : 0px;
}

body {
    font-family : "Century Gothic","QuickSans";
    font-size : 10pt;
}


body.login-bg {
    background: url('/Content/images/login/login-bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size : cover;
    background-size : cover;
    height : 100%;
}

h1, h2, h3, h4, h5, h6 {
    font-family : "Century Gothic", "QuickSans";
    font-weight : bold;
    margin-bottom: 5px;
}

/* Generic class definitions*/
.relative {
    position : relative;
}

.center {
    margin-left : auto;
    margin-right : auto;
}


.float-left {
    float: left;
}

.float-right {
    float:right;
}


/*specifics*/
#login-page {
        height: 100%;
        width : 100%;
}

#left-container,
#right-container {
        height: 100%;
        display:inline-block;
}


#left-container {
    /*width : 60%;*/
    background: url('/Content/images/login/left-bg.png') no-repeat right center ;
}

#right-container {
    /*width: 40%;*/
}

#the-logo{
    height: 100%;
    /*vertical-align: middle;*/
    text-align: right;
    /*line-height: 100vh;*/
}

input[type=text],
input[type=password] {
    border: 2px solid #d1d1d1;
    background-color: #ffffff;
    color : #3d3d3d;
    width : 100%;
    padding : 4px;
}

h2 {
    font-size: 30px;
    font-weight : 100;
    color : #ffffff;
}

h2 > strong {
    font-weight:bold;
}

#login_form_wrapper {
    background-color: rgba(0,0,0, 0.45);
    padding : 10px;
    width : 70%;
}

.vcenter {
    position : relative;
    top: 50%;
    transform : translateY(-50%);
}

.form-item {
    margin-bottom : 5px;
}

/*#red-label {
    position: absolute;
    top: 45%;
    right: 15px;
}*/

#btnLogin {
    background-color: #23a048;
    color: #ffffff;
    font-size : 1em;
    border : 0px;
    padding: 5px 15px;
    border-radius : 3px;
    border-top: 1px solid #00ff4c;
    text-shadow : 0px 1px 1px rgba(0,0,0,1);
    transition : ease .5s all;
}

#btnLogin:hover {
    background-color: #2dc259;
}

.content-login {
    height : 110px;

}