input::-webkit-credentials-auto-fill-button {
  display: none !important;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
}
.footer {
  display: none !important;
}

@media only screen and (min-width: 1024px) {
  .lefg-img-pic {
    max-width: calc(100vw - 470px);
  }
}

@media only screen and (max-width: 320px) {
  #email,
  #emailVerificationCode,
  #newPassword,
  #reenterPassword,
  #emailVerificationControl_but_send_code,
  #continue {
    width: 270px !important;
    max-width: 100% !important;
  }
  .unified_container .row .panel-default .panel-body {
    padding: 15px;
  }
  .unified_container
    .row
    .panel-default
    #api
    .localAccount
    .entry
    .entry-item
    input {
    width: 270px !important;
    max-width: 100% !important;
  }
}

::-webkit-input-placeholder {
  text-align: left;

  font-size: 15px;
  font-family: Nunito Sans;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}
:-moz-placeholder {
  text-align: left;

  font-size: 15px;
  font-family: Nunito Sans;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}
::-moz-placeholder {
  text-align: start;

  font-size: 15px;
  font-family: Nunito Sans;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}
:-ms-input-placeholder {
  text-align: start;

  font-size: 15px;
  font-family: Nunito Sans;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}
::-webkit-input-placeholder {
  text-align: start;

  font-size: 15px;
  font-family: Nunito Sans;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}
:-moz-placeholder {
  text-align: start;

  font-size: 15px;
  font-family: Nunito Sans;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}
::-moz-placeholder {
  text-align: start;
  font-size: 15px;
  font-family: Nunito Sans;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}
:-ms-input-placeholder {
  text-align: start;

  font-size: 15px;
  font-family: Nunito Sans;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}

input::placeholder {
  text-align: left;
  font-size: 15px;
  font-family: Nunito Sans;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}
.branding-container {
  background-color: #013e77;
  height: 100%;
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.lefg-img-pic {
  width: 100%;
  height: 100%;
  display: none;
}

body {
  height: 100%;
  background-color: #eaf0f0;
  overflow: hidden;
}

#reenterPassword_label {
  display: inline-block;
  margin-top: 15px;
  text-align: center;
  font: normal normal normal 16px/23px Nunito Sans;
  letter-spacing: 0px;
  color: #004f9a;
  opacity: 1;
}

#fieldIncorrect {
  margin-top: 15px;
  text-align: center;
  display: none !important;
}
.hide-element {
  display: none;
}
.language-container {
  position: absolute;
  right: 24px;
  cursor: pointer;
  top: 10px;
}
.language-link {
  text-align: center;
  text-decoration: underline;
  font: normal normal 600 18px/23px Nunito Sans;
  letter-spacing: 0px;
  color: #004f9a;
  opacity: 1;
}
.unified_container .row .panel-default {
  position: relative;
}

.buttons {
  text-align: center;
  margin: 0px auto;
  padding-bottom: 15px;
}
.pageLevel {
  width: auto !important;
}
.show-page-level {
  display: block !important;
}
.panel {
  box-shadow: none;
  -webkit-box-shadow: none;
}

.password-view-hide {
  display: none;
}
#password-view-tip,
#password-view-tip-confirm {
  font: normal normal normal 16px/23px Nunito Sans;
  letter-spacing: 0px;
  color: #000000;
  margin-right: 10px;
}
#password-container,
#password-container-confirm {
  position: relative;
}
input[type="password"]::-ms-reveal {
  display: none;
}

.login-title {
  letter-spacing: 0px;
  color: #1b2355;
  text-align: center;
  font: normal normal normal 24px/26px Nunito Sans;
  padding: 0px 48px;
  padding-top: 24px;
}
.login-title > p {
  display: inline;
  font-size: 2rem;
  font-weight: bold;
  line-height: 3rem;
}
.login-sidebar-title > p {
  color: #ffffff;
  margin-top: 8px;
  font-size: 1.4rem;
}
.companyLogo {
  height: 22%;
  width: unset;
}
.row {
  padding: 24px 0px;
  padding-top: 0px;
}
.password-container-inner {
  max-width: 311px;
  position: relative;
}

@media only screen and (max-width: 900px) {
  .body-container {
    flex-direction: column;
  }
  .branding-container {
    width: 100%;
    height: 20%;
  }
  .unified_container {
    height: 80% !important;
    width: 100%;
  }
  .row {
    padding: 24px 0px;
    padding-top: 0px;
  }
  .login-title {
    padding: 0px 48px;
    padding-top: 24px;
  }
  .companyLogo {
    height: 22%;
    width: unset;
  }
  .login-sidebar-title > p {
    font-size: 1.7rem;
  }
}

@media only screen and (min-width: 901px) {
  .body-container {
    flex-direction: row;
  }
  .branding-container {
    width: 25%;
    height: 100%;
  }
  .unified_container {
    height: 100%;
    width: 100%;
  }
  .companyLogo {
    height: unset;
    width: 45%;
  }
  .row {
    padding: 24px;
    padding-top: 0px;
  }
  .login-title {
    padding: 0px;
    padding-top: 48px;
  }
  .login-sidebar-title > p {
    font-size: 1.4rem;
  }
}