.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5, .my-5 {
  margin-top: 3rem !important;
}
.mt-3, .my-3 {
  margin-top: 1rem !important;
}
.mt-2, .my-2 {
  margin-top: .5rem !important;
}
.mt-1, .my-1 {
  margin-top: .25rem !important;
}
.LoginPage{background-color: #fff !important;}
.loginPageInn{
  display: flex;
  flex-wrap: wrap;
}
.loginLeft{background-color: #F2E4F4; min-height: 100vh; height: 100%; position: relative;}
.loginLeft::before{content: ""; position: absolute; top: 10px; left: 10px; background: url(../images/loginTop.png); width: 150px; height: 146px;}
.loginLeftInn{display: flex; text-align: center; align-content: center; height: 100%; min-height: 100vh; align-items: center; justify-content: center;}
.loginLeftInn .imgs{max-width:calc(100% - 200px);}
.loginPageInn h1, .loginPageInn h2{font-weight: 600;}
.loginLeftInn2{display: grid; padding-left: 2em; padding-right: 2em; height: 100vh; align-items: center;}
.loginLeftInn2 .form-control{min-height: 43px; padding-left: 2.5em;}
.loginLeftInn2 .btn{border: 0 !important;min-height: 43px; min-width: 150px;}
.loginLeftInn2 .btn:focus {
 border: 0 !important; outline:  none !important;
}
.loginLeftInn2.form-group{position: relative;}
.loginLeftInn2 .form-group .licon{position: absolute; bottom: 3px; left: 19px;}
.loginLeftInn2 .form-group .licon svg{height: 25px; max-width: 20px;}

@media (min-width: 992px){
  .loginPageInn .col50{
    flex: 0 0 auto;
    width: 50%;
  }
}
@media (max-width: 992px){
  .loginLeftInn{
    height: 100%;
   min-height: 0;
  }
  .loginLeft{ min-height: 0; padding: 1em 0;}
  .loginLeft::before{
    width: 50px; height: 46px;
  }
  .loginLeftInn .imgs {
    max-width: calc(100% - 250px);
}
.loginLeftInn2{height: auto;}
.loginPageInn{display: block;}
}