input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: 'color 9999s ease-out, background-color 9999s ease-out';
  -webkit-transition-delay: 9999s;
  transition: color 9999s ease-out, background-color 9999s ease-out;
  transition-delay: 9999s;
}

body {
  margin: 0;
  font-family: 'Manulife JH Sans';
  color: #202336;
}

.main-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  overflow-y: hidden;
  height: 100dvh;
}

.left-container {
  background-image: url('../images/login-background.jpg');
  background-repeat: no-repeat;
  background-position: top left;
  background-attachment: fixed;
  background-size: contain;
  color: #ffffff;
  width: 340px;
  height: 100%;
  padding: 40px;
}

.logo {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 50px;
}

.logo img {
  margin-right: 30px;
}

.logo span {
  font-size: 2em;
}

.header {
  width: 210px;
  font-size: 3em;
  font-weight: 300;
  color: #ffffff;
  line-height: 1.2em;
}

.right-container {
  width: calc(100vw - 340px);
  padding: 120px 100px;
}

.right-container .screen-name {
  font-size: 2em;
  font-weight: 200;
  margin-bottom: 35px;
}

.right-container .field-container {
  display: flex;
  flex-direction: column;
  margin-bottom: 35px;
}

.right-container .field-container.flex-row {
  flex-direction: row;
}

.right-container .field-container.mb40 {
  margin-bottom: 40px;
}

.right-container .field-container label {
  font-size: 0.87em;
  color: #5e6073;
  margin-bottom: 35px;
}

.right-container .field-container input {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #8e90a2;
  padding-bottom: 5px;
  padding-right: 30px;
  font-size: 1em;
}

.right-container .field-container input.inp-password {
  background: url('../images/icon-eye.svg') no-repeat top left;
  background-position: top right;
  background-size: 20px 14px;
}

.right-container .field-container input:focus,
.right-container .field-container button:focus {
  outline: none;
}

.right-container .field-container .btn {
  background-color: #ec6453;
  color: #ffffff;
  padding: 0 30px;
  border: none;
  font-size: 1.15em;
  width: 150px;
  height: 60px;
}

.right-container .field-container a {
  color: #202336;
  font-size: 0.87em;
  font-weight: 600;
  text-decoration: none;
  background-image: linear-gradient(to right, #00a758 0, #00a758 100%, transparent 0);
  content: '';
  background-size: 1px 1px;
  background-repeat: repeat-x;
  background-position: left bottom;
}

.right-container .language-control-container a {
  cursor: pointer;
}

.space {
  height: 50px;
}

.agent-mcf-logout-mgs1 {
  font-family: 'Manulife JH Sans';
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  letter-spacing: 0em;
}

.agent-mcf-logout-mgs1 .italic {
  font-family: 'Manulife JH Serif';
  font-style: italic;
  font-weight: 400;
}

.agent-mcf-logout-mgs2 {
  margin: 30px 0;
}

.header_logout {
  font-family: 'Manulife JH Sans';
  width: 260px;
  font-size: 48px;
  font-weight: 400;
  color: #ffffff;
  line-height: 58px;
}

.right-container_logout {
  width: calc(100vw - 340px);
  padding: 60px 60px 60px 100px;
}

.language-control-container_logout {
  text-align: right;
}

.login_form_ch,
.login_form_en {
  background: #fff;
}