/* Page */
html, body {
    height: 100% !important;
}

.wrapper {
    min-height: 100%;
}

.main-header {
    height: 0;
}

body {
    color: #666;
}

.login-page, .register-page {
    background: #ecf0f5;
}

/* Content */
.login-box {
    margin: 10% auto 0 auto;
}

.register-box {
    margin: 5% auto 0 auto;
}

.login-box-bottom, .register-box-bottom {
    width: 360px;
    padding: 10px 0 10px 0;
    text-align: center;
}

.login-box-bottom {
    margin: 0 auto 10% auto;
}

.register-box-bottom {
    margin: 0 auto 5% auto;
}

@media (max-width: 768px) {

    .login-box, .register-box {
        margin-top: 25px;
    }

    .login-box-bottom, .register-box-bottom {
        margin-bottom: 25px;
    }
    
    .login-box-bottom, .register-box-bottom {
        width: 90%;
    }

}

.register-disclaimer {
    font-size: smaller;
    text-align: justify;
    margin-top: 15px;
}

/* Footer */
.push, .login-footer, .register-footer {
    height: 51px;
}

.login-footer, .register-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 1200px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    border-top: 1px solid #d2d6de;
}

.login-footer-left, .register-footer-left {
    float: left;
    margin: 5px;
}

.login-footer-right, .register-footer-right {
    float: right;
    text-align: right;
    margin: 5px;
}