#login-wrapper {
    margin-top: 100px;
    border: 0px solid red;
    width: 99.85% !important;
    margin-right: 500px !important;
    min-height: calc(100vh - 220px);
    margin-bottom: 0px;
}






.navbar {
    box-shadow: none !important;
}

.navbar-default {
    background-color: #fff !important;
}

.login-page .navbar-default .navbar-nav>.active>a {
    background-color: transparent;
    border: 0;
    color: var(--theme);
}


.login-page .navbar {
    margin: 20px 30px;
}

.login-page .navbar-nav li {
    margin-top: 15px;
}

.login-page .navbar-nav a {

    padding: 0 15px;
    font-size: 13px;
}

.login-page .navbar-nav li:first-child a {
    border-right: 1px solid #c0c0c0;
}

.login-page {
    padding-top: 0px !important;
    background: radial-gradient(circle, #fff, #cccccc) !important;
    background-image: url('../images/site_setting_logo/login_bg4.jpg') !important;
    background-repeat: no-repeat;
    background-position: top !important;
    background-size: cover;
}

.login-page .navbar-default,
.login-page .navbar-brand {
    background-color: transparent !important;
}


.login-page h4 {
    font-size: 20px;
    font-weight: 600;
    color: #0d0d0d;
    margin-bottom: 50px;

}

.left-col {
    height: 69vh;
    background-image: xurl('../assets/images/site_setting_logo/login_theme4.png');
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;

}

.login-align {
    display: table-cell;
    vertical-align: middle;
    border: 0px solid red;
    height: 69vh;
}

.login-widget {
    box-shadow: 0 0 35px 0 rgba(218, 219, 221, 0.60) !important;
    padding: 20px 50px;
    border: 0px solid red;
    display: table-cell;
    vertical-align: middle;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 5px;
}


@media (max-width: 992px) {
    .login-widget {
        background-color: transparent;
        box-shadow: none !important;
        padding: 40px 20px;
    }
}


@media (max-width: 767px) {
    .login-widget {
        background-color: transparent;
        box-shadow: none !important;
        padding: 20px 20px;
    }
}

@media (max-width: 768px) {
    .navbar-header {
        background: transparent;
    }
}

.login-inner {
    height: 50vh;
}

.footer-wrap {
    border-radius: 5px;
    background-color: transparent;
    margin-top: 50px;
}