@import url('//fonts.googleapis.com/css?family=Open+Sans:600');

body {
    background-image:url('/images/login_bg.jpg?x=1');
    background-size: cover;
    font-family:'Open Sans',sans-serif;
    font-size:14px;
}

a {color:#1aafd0}
a:hover {color:#1aafd0;text-decoration:underline;}

.fl {float:left;}
.fr {float:right;}
.clr {clear:both;}

.container {
    width:30%;
}

.form-signin-heading {
    text-align:center;
    padding:40px;
}

.login-wrap {
    background-color:#fff;
    border-radius:5px;
    padding:40px 80px;

}
#form_title {font-size:21px;text-align:center;}
.form_label {padding-top:30px;padding-bottom:15px;}
.form-control {padding:20px 10px;}

/* For Firefox */
@-moz-document url-prefix() {
    .form-control {padding: 10px;height: 40px;}
}

#btnSignIn, .btn { color: #fff; background-color: var(--c0); }

.white_text {color:#fff;text-align:right;padding-top:20px;}

@media screen and (max-width: 1270px) {
    .container {
        width:50%;
    }
}

@media screen and (max-width: 796px) {
    .container {
        width:60%;
    }
    .login-wrap {padding:20px;}
}

@media screen and (max-width: 641px) {
    .container {
        width:100%;
    }
    .login-wrap {padding:10px;}
    .white_text a {display:block;}
}