html[data-show="true"] #root {
    opacity: 1;
    margin-left: 0px;
    margin-bottom: 0px;
}
html[data-placement="horizontal"] .nav-container .logo {
    margin-top: 0;
    margin-bottom: 0;
    text-align: initial;
    padding-right: 2.5rem;
    position: absolute;
    right: 0px;
}
html[data-placement="horizontal"] .nav-container .language-switch-container {
    order: 0;
    height: auto;
    margin-right: 20px;
    padding-left: 0rem;
    position: absolute;
    right: 0px;
}
html[data-placement="horizontal"] .nav-container, html[data-placement="vertical"] .nav-container {
    position: static;
   
}
.filled .form-control {
    font-family: 'Poppins-Regular';
    color: #000 !important;
    font-size: 12pt;
    min-height: 44px;
    border: 0px solid #d8d8d8;
    background: #f0f0f0;
    border-radius: 0px !important;
    border-bottom: 0px solid #c52026 !important;
    text-align: center;
    text-transform: capitalize;
}
    .filled .form-control:focus {
        font-family: 'Poppins-Regular';
        color: #000 !important;
        font-size: 12pt;
        min-height: 44px;
        border: 0px solid #d8d8d8;
        background: #f0f0f0;
        border-radius: 0px !important;
        border-bottom: 0px solid #c52026 !important;
        text-align: center;
        text-transform: capitalize;
    }

.filled .btn-light, .filled .btn-light:not(:disabled):not(.disabled).focus, .filled .btn-light:not(:disabled):not(.disabled):focus {
    background-color: #9a9a9a !important;
    color: #fff !important;
}
html[data-footer="true"] #root > footer {
    border-top: 0px solid var(--separator);
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 0px;
    display: flex;
    background: #174784; padding-left: calc(var(--nav-size) + var(--main-spacing-horizontal));
    padding-right: var(--main-spacing-horizontal);
    margin-bottom:10px;
}
.login-main-box {
   /* margin-left: auto;
    margin-right: auto;
    width: 25%;*/
   
}
.loginbox {
    background: #fff url(../img/background/login-background.png) no-repeat center center;
    background-size: cover;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: relative;
    width: 100%;
    height:100vh;
    /*padding: 20px 30px 20px 30px;*/
}
body {
    background: #fff;
}
@media (max-width: 768px) {
    .login-main-box {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        background: #fff;
        height: auto;
    }
    .loginbox {
      
        height: auto;
    }
   
}