body{font-family: 'Segoe UI',Segoe,SegoeUI-Regular-final,Tahoma,Helvetica,Arial,sans-serif;margin:0;}
.login_outer{float: left;width: 100%;display: flex;align-items: center;justify-content: center;}
.login_lft{float: left; width: 60%;flex-basis: 60%;padding-top:20px;}
.login_lft img{max-height: calc(100vh - 20px);float: left;}
.login_rgt{width: 40%;float: right;flex-basis: 40%;}
.login_form{float: left;width: 480px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.5);border-radius: 5px;padding: 65px;box-sizing: border-box;}
.login_form h1{float: left;width: 100%;text-align: center;font-size: 24px;color: #4B56B5;margin: 0;font-weight: normal;}
.login_form h2{float: left;width: 100%;text-align: center;font-size: 18px;color: #B8B8B8;text-transform: uppercase;margin: 50px 0 15px 0;font-weight: normal;}
.login_form ul{float: left;width: 100%;padding: 0;list-style: none;margin:0;}
.login_form ul li{float: left;width: 100%;margin-bottom: 30px;position: relative;}
.login_form ul li:last-child{margin: 0;}
.login_form input[type=text],.login_form input[type=password],.login_form input[type=email]{float: left;width: 100%;border-radius: 3px;border:1px solid #C5C5C5;height: 50px;box-sizing: border-box;padding: 12px 15px 12px 45px;font-size: 14px;color: #444;outline: none;}
.login_form ul li i{position: absolute;left: 15px;top: 15px;width: 20px;height: 20px;}
.login_form input[type=text]:focus,.login_form input[type=password]:focus,.login_form input[type=email]:focus{border:1px solid #4B56B5;}
.login_form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #B8B8B8;
    opacity: 1; /* Firefox */
  }
  .login_form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #B8B8B8;
  }
  .login_form input::-ms-input-placeholder { /* Microsoft Edge */
    color: #B8B8B8;
  }
.forgot_password{color: #4B56B5;font-size: 14px;text-decoration: none;margin-top: 5px;display: inline-block;}
.rememberMe label{font-size: 14px;color: #B8B8B8;}
.login_butt{width: 100%;text-align: center;height: 57px;border-radius: 2px;font-size: 20px;text-transform: uppercase;outline: none;background: #4B56B5;color: #fff;
box-sizing: border-box;border:none;cursor: pointer;}
.login_butt:hover{opacity: 0.8;}



.localAccount,.entry,.entry-item,.rememberMe,.buttons,.divider,.create{float: left;width: 100%;position: relative;}
.buttons {margin-top: 20px;}
.rememberMe{margin-bottom:30px;}
.entry-item{margin-bottom: 54px;}
.intro,.entry-item label,.divider,.create{display: none;}
.entry-item:first-child{margin-bottom: 30px;}
.buttons button{width: 100%;text-align: center; margin: 5px 0px;height: 57px;border-radius: 2px;font-size: 20px;text-transform: uppercase;outline: none;background: #4B56B5;color: #fff;box-sizing: border-box;border:none;cursor: pointer;}
.buttons #continue, .buttons #cancel, .buttons #sendCode, .buttons #verifyCode{width: 49% !important;}
.buttons #continue{margin-right: 6px}
.error.itemLevel.show{color: red}
.buttons button:hover{opacity: 0.8;}
#forgotPassword{color: #4B56B5;font-size: 14px;text-decoration: none;margin-top: 5px;float: left;}
.login_form .divider h2{margin: 30px 0 15px 0;}
.create p{font-size: 15px;color: #444;margin: 0;text-align: center;}
#createAccount{color: #4B56B5;font-size: 14px;text-decoration: underline;margin-top: 5px;display: inline-block;}
.entry-item i{position: absolute;left: 15px;top: 15px;width: 20px;height: 20px;}
#password{background:#fff url(https://stcompassproduction.blob.core.windows.net/b2ccontainer/B2C/Nextgen/lock.png) 12px center no-repeat;}
#logonIdentifier{background:#fff url(https://stcompassproduction.blob.core.windows.net/b2ccontainer/B2C/Nextgen/login_user.png) 12px center no-repeat;}
.error p{margin:0 0 5px 0;font-size: 14px;color: red;}
.password-label{position: absolute;bottom: -24px;}



@media only screen and (max-width : 1600px) {
  .login_form{padding: 50px;width: 450px;}
  .buttons button{height: 48px;font-size: 18px;}
  .login_form h2{margin: 40px 0 15px 0;}
}

@media only screen and (max-width : 1368px) {
  .login_form{padding: 40px;width: 440px;}
  .buttons button{height: 44px;font-size: 16px;}
  .login_form h1{font-size: 22px;}
  .login_form h2{margin: 35px 0 15px 0;}
}

@media only screen and (max-width: 600px) {
  .login_lft{display: none;}
  .login_form{width: 100%;}
  .login_rgt{width: 100%;margin-top: 160px;flex-basis: 72%;}
}