html{height: 100%;}
body.signin {
    background: #18c8f6;
    height: auto;
    background:url("../img/bg.jpg") no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #404040;
}

.signinpanel {
    background: rgba(255, 255, 255, 1);
    -moz-box-shadow: 0 0 14px rgba(62, 62, 62, 0.2);
    -webkit-box-shadow: 0 0 14px rgba(62, 62, 62, 0.2);
    box-shadow: 0 0 14px rgba(62, 62, 62, 0.2);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.signinpanel-left{
    float: left;
    background:url("../img/pic.png") no-repeat center;
    height: 100%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.signinpanel-right{
    float: right;
    height:100%;
}
.signinpanel-left div{
    height:100%;
}
.signinpanel .logopanel {
    float: none;
    width: auto;
    padding: 0;
    background: none;
}

.signinpanel .signin-info ul {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.input-group{
    border:1px solid #d6d6d6;
    border-radius: 2px;
}
.input-group:focus{
    border:1px solid #be1c05;
    border-radius: 2px;
}
.input-group-addon{
    border:none;
}
.input-group-addon:focus{
    border:none;
}
.input-group .form-control{
    border: none;
    font-size: 18px;
}

.signinpanel .btn {
    height:42px;
    font-size:18px;
    font-weight:normal;
}
.signinpanel .btn-danger{
    background-color: #be1c05;
    border-color: #be1c05;
}

.signinpanel form {
    margin-left: auto;
    margin-right: auto;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    transition: background-color 5000s ease-in-out 0s;
}

.signup-footer{
    margin-top: 22px;
    color:#333;
    text-align: center;
    font-size: 14px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 100px;
    margin-right: 100px;
    font-weight:300;
}

@media screen and (min-width: 1200px){
    .signinpanel {
        width: 1176px;
        height: 598px;
        margin-top: 8%;
    }
    .signinpanel-left{
        width: 707px;
    }
    .signinpanel-right{
        width: 469px;
        padding-top: 100px;
    }
    .signinpanel-left div{
        margin-top: 192px;
    }
    .signinpanel .input-group {
        height: 42px;
        margin-top: 16px;
    }
    .img-group{
        width: 180px;
    }
    .signinpanel .form-control{
        height: 42px;
    }
    .signinpanel form {
        width: 292px;
    }
    .signinpanel .btn {
        margin-top: 26px;
        width: 296px;
    }
}

@media screen and (max-width: 1199px){
    .signinpanel {
        width: 900px;
        height: 478px;
        margin-top: 8%;
    }
    .signinpanel-left{
        width: 545px;
    }
    .signinpanel-right{
        width: 355px;
        padding-top: 46px;
    }
    .signinpanel-left div{
        margin-top: 153px;
    }
    .signinpanel .input-group {
        height: 42px;
        margin-top: 16px;
    }
    .img-group{
        width: 120px;
    }
    .signinpanel .form-control{
        height: 42px;
    }
    .signinpanel form {
        width: 233px;
    }
    .signinpanel .btn {
        margin-top: 34px;
        width: 233px;
    }
}