#header{display:none;}
.body-content{margin:0 auto;}
.container{min-height: 90vh; display: flex; flex-direction: column;}
.nav-side-menu{display:none;}
.modal-footer .container{min-height:auto;}
#loginForm{margin-top:40%;}
.login-logo{margin:0 auto 10px; display:block; width:200px;}
.login-outer {background: #fff; background-size: contain; position: relative; padding: 0;}
.login-outer div#leftHalf{ text-align:center; width:64%; position: absolute; right: 0px; height: 100%;}
.login-outer div#leftHalf img{width:60%; margin-top:5%;}
.login-outer .loginwrap{margin:0 auto; padding:0;}
.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline{font-size:16px;}

@media(min-width:992px) {
    .login-outer .loginwrap{width:970px;}
}
@media (min-width: 1200px){
    .login-outer .loginwrap{width:1230px!important;}
}
.loginwrap .banner-text{margin:220px 0 200px 150px; padding:20px; background:rgba(0,0,0,0.5); color:#fff;}
.loginwrap .banner-text h4{font-size:17px; font-family:$bold-heading-font; margin-bottom:20px; text-transform:uppercase; color:#fff;}
.loginwrap .banner-text h1{font-size:24px; font-family:$heading-font; color:#fff;}
.loginwrap .banner-text h1 a{color:#fff; text-decoration:underline; font-family:$semibold-heading-font;}
.loginwrap .banner-text{font-size:48px; font-family:$bold-heading-font; color:#fff;}
@media(max-width:991px) {
    .login-outer{background:#fff; padding-left:15px; padding-right:15px;}
    .loginwrap .banner-text, .login-outer div#leftHalf{display:none;}
}