body.hold-transition .content-wrapper,
body.hold-transition .right-side,
body.hold-transition .main-footer,
body.hold-transition .main-sidebar,
body.hold-transition .left-side,
body.hold-transition .main-header>.navbar,
body.hold-transition .main-header .logo {
    /* Fix for IE */
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

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


/*
 * Page: Login & Register
 * ----------------------
 */

.login-logo,
.register-logo {
    font-size: 35px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 300;
}

.login-logo a,
.register-logo a {
    color: #444;
}

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

.login-box,
.register-box {
    width: 360px;
    margin: 7% auto;
}

.login-box-body,
.register-box-body {
    background: #fff;
    padding: 20px;
    border-top: 0;
    color: #666;
}

.login-box-body .form-control-feedback,
.register-box-body .form-control-feedback {
    color: #777;
}

.login-box-msg,
.register-box-msg {
    margin: 0;
    text-align: center;
    padding: 0 20px 20px 20px;
}

.social-auth-links {
    margin: 10px 0;
}

.login-page {
    background-image: url("bg.jpg");
    background-position: top center;
    background-size: auto;
    background-repeat: no-repeat;
}

.login-box-body {
    background-color: rgba(0, 0, 0, 0.1);
}

.login-box-body input {
    background-color: rgba(255, 255, 255, 0.7);
}

.login-box-body p {
    color: #fff;
}

.login-logo img {
    opacity: 0.9;
}

.login-logo div {
    line-height: 35px;
}

.login-logo span.left {
    font-weight: 700;
    color: white;
}

.title span {
    color: white;
}

.login-logo span.right {
    font-weight: 300;
    color: white;
}

.login-box-body {
    background-color: rgba(0, 0, 0, 0.1);
}

.login-logo img {
    opacity: 0.9;
}

.login-box-body input {
    background-color: rgba(255, 255, 255, 0.7);
}

.login-box-body p {
    color: #fff;
}

.btn-custom-login {
    background-color: #1C505D;
}

.btn-custom-login:hover {
    background-color: #286090;
}

@media (max-width: 768px) {
    .login-box,
    .register-box {
        width: 90%;
        margin-top: 20px;
    }
}