@import url('https://use.typekit.net/yxz0ctz.css');
html,
body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}
body {
  background-color: #fff;
  color: #61666f !important;
  font-family: 'mundial thin';
}

body.fixedheight {
  height: 100%;
  overflow-y: hidden;
}

h3,
h4,
h5,
h6 {
  color: #14467b;
}

legend {
  margin-top: 20px;
  border-bottom: none;
}

.form-group {
  margin-bottom: 5px;
}

#header-wrap {
  width: 100%;
  display: table;
  padding: 0;
  position: relative;
  z-index: 10;
}

.container {
  max-width: 1200px;
}

.height40 {
  height: 40px;
}

.height70 {
  height: 70px;
}

.blue {
  background-color: #007dc8;
  position: relative;
  z-index: 10;
}

.deep-blue {
  background-color: #19286e;
}

#header-wrap .header-top {
  width: 100%;
  height: 70px;
  border-radius: 0 0 30px 0;
  display: block;
  position: relative;
  background: #19286e;
  /* Old browsers */
  background: -moz-linear-gradient(left, #19286e 0%, #005aaa 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #19286e 0%, #005aaa 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #19286e 0%, #005aaa 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19286e', endColorstr='#005aaa', GradientType=1);
  /* IE6-9 */
  padding: 15px 0;
}

#header-wrap .header-bottom {
  width: 100%;
  height: 40px;
  border-radius: 30px 0 0 0;
  display: block;
  position: relative;
  background-color: #007dc8;
}

#header-wrap img {
  width: auto;
  height: 40px;
}

#header-wrap .MHLogo {
  width: auto;
  height: 50px;
  display: block;
  float: left;
  margin-left: 20px;
}

#header-wrap .oneWorldLogo {
  width: auto;
  height: 50px;
  display: block;
  float: left;
  margin-left: 20px;
}

.oneWorldLogo img.logo {
  width: auto;
  height: 36px !important;
  margin: 6px 0 6px 10px;
}

.bg-login {
  background: url('https://masgstrss3dpb2cap1.blob.core.windows.net/adb2c-lcp/images/mh-login-bg.jpg') no-repeat top center;
  background-size: auto, cover;
  background-color: #fff;
  height: 100%;
  min-height: 900px;
}

.bg-login-mhexplorer {
  background: url('http://malaysiaairlines.com/content/dam/mas/mhexplorer/signuppage/signup_banner.png') no-repeat top center;
  background-size: auto, cover;
  background-color: #fff;
  height: 100%;
  min-height: 900px;
}

.bg-login.blur {
  background: url('https://masgstrss3dpb2cap1.blob.core.windows.net/adb2c-lcp/images/bg-girl_blur.jpg') no-repeat top center;
  background-size: auto, cover;
  background-color: #fff;
  height: 100%;
  min-height: 900px;
}

.bg-login-enrich {
  background: url('https://masgstrss3dpb2cap1.blob.core.windows.net/adb2c-lcp/images/D-Enrich-2-140318.jpg') no-repeat top center;
  background-size: cover;
  background-color: #fff;
  height: 100%;
  min-height: 900px;
}

.bg-forgot-password {
  background: url('https://masgstrss3dpb2cap1.blob.core.windows.net/adb2c-lcp/images/bg-guy.jpg') no-repeat;
  background-size: cover, cover;
  background-color: #fff;
  height: 100%;
  min-height: 900px;
  background-position: center top;
}

#notification-wrap {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  z-index: 10000;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

#notification-wrap.hide {
  display: none;
}

.hide {
  display: none;
}

#notification-wrap.tooltip {
  background-color: transparent;
  height: auto;
  z-index: 9000;
  padding: 0;
  margin: 0;
}

#notification-wrap.tooltip .notification {
  background-color: #f1f1f1;
  padding: 30px;
  width: 500px;
  height: 170px;
  color: #61666f;
  margin: auto;
  position: absolute;
  top: 60px;
  left: 350px;
  right: 0;
  bottom: 0;
  box-shadow: 0 5px 10px #cccccc;
  font-size: 12px;
  border-radius: 10px;
}

#notification-wrap.tooltip .notification:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #f1f1f1;
  border-width: 20px;
  margin-top: -25px;
}

#notification-wrap p {
  color: #61666f;
}

.notification {
  background-color: #f1f1f1;
  padding: 30px;
  padding-bottom: 50px;
  width: 700px;
  display: block;
  color: #61666f;
  margin: auto;
  position: relative;
  top: 40%;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 10px;
  font-size: 14px;
  box-shadow: 0 0 5px #000;
}

@-moz-document url-prefix() {
  #notification-wrap.tooltip .notification {
    top: -55px;
  }

  .notification {
    top: 45%;
    bottom: 50%;
  }
}

.notification .container-small {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin: auto;
}

.notification .fa-info-circle {
  color: #005aaa;
  font-size: 24px;
  margin-right: 10px;
}

.notification a,
.notification a:hover {
  color: #005aaa;
}

.padding-left-33 {
  padding-left: 27px;
}

.notification-btn {
  font-weight: bold;
  color: #005aaa !important;
}

.text-primary {
  color: #005aaa;
}

.text-warning {
  color: #ffe600;
}

.btn-info {
  background-color: #61666f;
  color: #fff;
  border: none;
}

.btn-info:hover {
  background-color: #4c4f56;
  color: #fff;
  border: none;
}

.btn-dont {
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 14px;
  text-decoration: underline;
  color: #005aaa !important;
  background-color: transparent;
}

.btn-dont:hover {
  text-decoration: none;
  color: #005aaa !important;
  background-color: transparent;
}

#login-wrap {
  width: 410px;
  padding: 30px;
  box-shadow: 0 3px 3px #cccccc;
  display: table;
  background-color: #fff;
  margin: 30px;
  color: #61666f;
}

#login-wrap.center {
  margin: 30px auto !important;
}

#login-wrap .enrich-logo,
#login-wrap .enrich-logo img {
  width: auto;
  height: 43px;
  display: block;
}

#login-wrap .social-icons {
  margin: 10px 0;
  display: table;
}

#login-wrap .social-icons img {
  width: 40px;
  height: 40px;
  display: block;
}

#login-wrap .social-icons a {
  float: left;
  margin-right: 5px;
}

.or {
  border-bottom: 1px solid #cccccc;
  width: 100%;
  position: relative;
  margin: 40px auto;
}

.or span {
  width: 30px;
  height: 30px;
  color: #fff;
  background-color: #61666f;
  border-radius: 100%;
  text-align: center;
  font-size: 10px;
  padding: 8px 5px;
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
  margin: auto;
}

#login-wrap .btn-normal {
  margin: 10px 0;
}

.form-control {
  color: #333;
}

.form-control,
.form-control .btn {
  border-radius: 10px;
  min-height: 46px;
}

.btn {
  border-radius: 10px;
}

.btn-normal {
  width: 160px;
}

.btn-submit {
  margin-top: 10px;
}

.form-group {
  position: relative;
}

.login-form-wrap {
  margin-top: 10px;
}

#login-wrap .sign-up-box {
  margin: 10px 0;
  width: 100%;
  background-color: #f1f1f1;
  text-align: center;
  padding: 10px;
  height: 35px;
  font-size: 14px;
  display: table;
}

#login-wrap .sign-up-box a {
  color: #005aaa;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

.login-form-wrap .text-danger {
  font-size: 12px;
  float: right;
}

.signup-bg {
  background: url('https://www.malaysiaairlines.com/content/dam/mas/enrich/lcp/enrich-signup-banner-uat.jpg') no-repeat top center;
  background-size: auto, contain;
  background-color: #fff;
  min-height: 700px;
}

.signup-bg-mhexplorer {
  background: url('http://malaysiaairlines.com/content/dam/mas/mhexplorer/signuppage/signup_banner.png') no-repeat top center;
  background-size: auto, contain;
  background-color: #fff;
  min-height: 700px;
}

.name-guide-box {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 10000;
  display: none;
  top: 0;
  left: 0;
  box-sizing: border-box;
  overflow-y: auto;
}

.name-guide-box .card {
  max-width: 1024px;
  width: 100%;
  display: flex;
  margin: auto;
  position: relative;
  z-index: 6000;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.name-guide-box img {
  max-width: 1024px;
  width: 100%;
  height: auto;
  display: block;
  margin: auto;
}

.name-guide-box .black-panel {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 5000;
  background-color: rgba(0, 0, 0, 0.8);
  display: block;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.name-guide-box .btn-close {
  width: auto;
  height: auto;
  color: #fff;
  font-size: 12px;
  display: block;
  background-color: #006dbb;
  text-align: center;
  padding: 10px;
  position: fixed;
  z-index: 20;
  top: 0;
  right: 20px;
}

#dp-form-warp {
  font-size: 12px;
  padding: 30px;
  color: #61666f;
}

#dp-form-warp label {
  font-size: 18px;
  color: #61666f;
  font-weight: bold;
}

#dp-form-warp legend {
  font-weight: 500;
}

#dp-form-warp h6 {
  font-weight: bold;
}

#dp-form-warp label {
  font-size: 14px;
  line-height: 20px;
}

#dp-form-warp .form-control {
  margin: 5px 0;
}

.form-registration-wrap {
  margin: 0 0;
  width: 900px;
  padding: 0;
  background-color: #fff;
  box-shadow: 0 5px 10px #d0d0d0;
  display: inline-block;
  position: relative;
  padding: 30px 50px;
}

.ui-datepicker {
  z-index: 1000 !important;
}

.form-registration-wrap .text-error {
  font-size: 12px;
}

.form-registration-wrap .btn-default {
  border-color: #005aaa;
}

.form-registration-wrap .btn-default:hover {
  background-color: #cccccc;
}

.form-registration-wrap .btn {
  margin: 5px 0;
}

label#word-confirm-password {
  font-size: 12px;
  display: none;
}

input.valid {
  border: 1px #55a814 solid;
}

.password-verification-word {
  font-size: 12px;
  margin-top: 10px;
  margin-left: 0;
  padding-left: 10px;
  color: #ed1c24;
}

.password-verification-word.spe-cha {
  display: none;
}

.fullwidth {
  width: 100%;
  clear: both;
}

.password-verification-word li {
  list-style: none;
}

.name-guide-wrap {
  display: flex;
  margin-top: 20px;
  margin-bottom: 20px;
}

.name-guide-wrap i {
  margin-right: 10px;
  font-size: 24px;
}

.form-icon {
  position: relative;
}

.form-icon input {
  position: relative;
  z-index: 1;
  color: #333;
}

.form-icon option {
  color: #333;
}

.form-icon .fa {
  position: absolute;
  font-size: 18px;
  z-index: 10;
  bottom: 15px;
  right: 15px;
}

.check-box-wrap .checkbox {
  padding-left: 10px;
}

.check-box-wrap .checkbox label {
  font-size: 14px !important;
  line-height: 20px;
}

/*azure b2c--------------------------------------------------------------------------------------------------------------------*/
#login-wrap .social-icons {
  margin: 10px 0;
  display: table;
}

#login-wrap .social-icons img {
  width: 40px;
  height: 40px;
  display: block;
}

#login-wrap .social-icons a {
  float: left;
  margin-right: 5px;
}

.social .accountButton {
  border-radius: 50%;
}

#emailSignup {
  width: 45px;
  height: 45px;
  display: block;
  background: url('https://masgstrss3dpb2cap1.blob.core.windows.net/adb2c-lcp/images/email_login.svg') no-repeat center center;
  float: left;
  margin-right: 10px;
  border: 1px solid #cccccc;
  font-size: 0;
  cursor: pointer;
}

#GoogleExchange {
  width: 45px;
  height: 45px;
  display: block;
  background: url('https://masgstrss3dpb2cap1.blob.core.windows.net/adb2c-lcp/images/google.svg') no-repeat center center;
  float: left;
  margin-right: 10px;
  border: 1px solid #cccccc;
  font-size: 0;
  cursor: pointer;
}

#FacebookExchange {
  width: 45px;
  height: 45px;
  display: block;
  background: url('https://masgstrss3dpb2cap1.blob.core.windows.net/adb2c-lcp/images/icon_fb.svg') no-repeat center center;
  float: left;
  margin-right: 10px;
  border: none;
  font-size: 0;
  cursor: pointer;
}

#AppleExchange {
  width: 45px;
  height: 45px;
  display: block;
  background: url('https://masgstrss3dpb2cap1.blob.core.windows.net/adb2c-lcp/images/icon_apple_white.svg') no-repeat center center;
  float: left;
  border: none;
  font-size: 0;
  cursor: pointer;
  border: 1px solid #000;
}

.divider {
  clear: both;
  width: 100%;
  border-bottom: 1px solid #cccccc;
  position: relative;
  height: 30px;
  margin-bottom: 40px;
}

.divider h2 {
  font-size: 14px !important;
  text-align: center;
  background: #61666f;
  width: 35px;
  height: 35px;
  color: #fff;
  text-transform: uppercase;
  border-radius: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  margin: auto;
  top: 30px;
  bottom: 0;
  left: 0;
  right: 0;
}

.intro {
  display: none;
}

.entry-item {
  font-family: 'mundial hair';
  width: 100%;
  margin-bottom: 15px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.entry-item label {
  width: 100%;
}

#api .error,
.customError {
  font-size: 12px;
  color: #ed1c24;
  display: none;
}

.error-text {
  color: #ed1c24 !important;
}

.entry-item input {
  width: 100%;
  height: 46px;
  padding: 10px 20px;
  border: 1px solid #cccccc;
  background-color: #fff;
  border-radius: 10px;
  margin: 5px auto;
  font-size: 1rem;
}

.entry-item input:focus {
  border: 1px solid #006dbb;
  box-shadow: 0 0 5px #006dbb;
  outline: none;
}

#forgotPassword {
  position: absolute;
  top: 90px;
  right: 10px;
}

#forgotPassword2 {
  position: absolute;
  top: 90px;
  right: 10px;
}

.buttons {
  width: 100%;
}

.buttons #continue:disabled {
  pointer-events: none;
}

.buttons #continue,
.buttons #cancel {
  margin: 10px 0;
}

.buttons #next,
.buttons #continue,
.buttons #cancel,
.buttons #btn_continue_as_guest {
  width: 160px;
  height: 46px;
  color: #fff;
}

#next,
#continue,
#cancel,
#email_ver_but_send,
#email_ver_but_verify,
#email_ver_but_verify,
#email_ver_but_edit,
#btn_continue_as_guest,
#readonlyEmail_ver_but_send,
#readonlyEmail_ver_but_verify,
#readonlyEmail_ver_but_verify,
#readonlyEmail_ver_but_edit {
  background: #005aaa !important;
  color: #ffffff !important;
  padding: 14px 20px;
  font-size: 14px;
  line-height: 21px;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  line-height: 1rem;
  width: 100%;
  text-transform: none;
  border: 0;
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  transition-duration: 0s;
  transition-delay: 0.2s;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  border-radius: 10px;
  background-clip: padding-box;
  cursor: pointer;
}

#next:before,
#continue:before,
#cancel:before,
#email_ver_but_send::before,
#email_ver_but_verify:before,
#email_ver_but_edit:before,
#readonlyEmail_ver_but_send::before,
#readonlyEmail_ver_but_verify:before,
#readonlyEmail_ver_but_edit:before,
#btn_continue_as_guest:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #19286e;
  opacity: 0;
  border-radius: 100%;
  transform: scale(0);
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  border-radius: 50px;
  background-clip: padding-box;
}

#next {
  width: 100% !important;
}

#btn_continue_as_guest {
  background: #55a814 !important;
  width: 100% !important;
  margin-top: 10px;
}

#next:active:before,
#next:focus:before,
#next:hover:before,
#continue:active:before,
#continue:focus:before,
#continue:hover:before,
#cancel:hover:before,
#email_ver_but_send:active:before,
#email_ver_but_send:focus:before,
#email_ver_but_send:hover:before,
#email_ver_but_verify:active:before,
#email_ver_but_verify:focus:before,
#email_ver_but_verify:hover:before,
#email_ver_but_resend:active:before,
#email_ver_but_resend:focus:before,
#email_ver_but_resend:hover:before,
#email_ver_but_edit:active:before,
#email_ver_but_edit:focus:before,
#email_ver_but_edit:hover:before,
#btn_continue_as_guest:active:before,
#btn_continue_as_guest:focus:before,
#btn_continue_as_guest:hover:before,
#readonlyEmail_ver_but_send:active:before,
#readonlyEmail_ver_but_send:focus:before,
#readonlyEmail_ver_but_send:hover:before,
#readonlyEmail_ver_but_verify:active:before,
#readonlyEmail_ver_but_verify:focus:before,
#readonlyEmail_ver_but_verify:hover:before,
#readonlyEmail_ver_but_resend:active:before,
#readonlyEmail_ver_but_resend:focus:before,
#readonlyEmail_ver_but_resend:hover:before,
#readonlyEmail_ver_but_edit:active:before,
#readonlyEmail_ver_but_edit:focus:before,
#readonlyEmail_ver_but_edit:hover:before {
  transform: scale(2);
  opacity: 1;
}

#readonlyEmail_ver_but_verify {
  width: 40%;
}

/*outline*/
#email_ver_but_resend,
#readonlyEmail_ver_but_resend {
  background: #ffffff !important;
  color: #19286e !important;
  border: 1px solid #19286e !important;
  padding: 13px 10px;
  font-size: 14px;
  line-height: 21px;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  line-height: 1rem;
  text-transform: none;
  border: 0;
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  transition-duration: 0s;
  transition-delay: 0.2s;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  border-radius: 10px;
  background-clip: padding-box;
  cursor: pointer;
}

#email_ver_but_resend:before,
#readonlyEmail_ver_but_resend:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #19286e;
  color: #fff;
  opacity: 0;
  border-radius: 100%;
  transform: scale(0);
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  border-radius: 50px;
  background-clip: padding-box;
}

#email_ver_but_resend:active,
#email_ver_but_resend:focus,
#email_ver_but_resend:hover,
#readonlyEmail_ver_but_resend:active,
#readonlyEmail_ver_but_resend:focus,
#readonlyEmail_ver_but_resend:hover,
#cancel:hover {
  background: #19286e !important;
  color: #ffffff !important;
}

#cancel {
  display: none;
}

.createbox {
  width: 100%;
  background-color: #f1f1f1;
  color: #61666f;
  padding: 10px;
  text-align: center;
  font-size: 14px;
  margin: 15px auto;
  font-family: 'mundial thin';
}

.createbox.faq {
  background-color: transparent;
  padding: 0 !important;
  margin: 15px auto 5px !important;
}
.createbox.faq a {
  color: #61666f;
  text-decoration: underline;
}
.createbox.faq a:hover {
  color: #14467b;
  text-decoration: none;
}

.createbox a {
  font-weight: bold;
}

#api .eye-icon {
  position: absolute;
  bottom: 20px;
  right: 20px;
  display: table;
  color: #61666f;
  font-size: 18px;
  z-index: 40;
}

#api .eye-icon.toTop {
  bottom: 0;
  top: 15px;
}

#api #forgotPassword {
  font-size: 14px;
  color: #14467b;
}

#api #forgotPassword:hover {
  text-decoration: underline;
  text-decoration-style: solid;
  color: #14467b;
  text-decoration-color: #14467b;
}

#api #forgotPassword2 {
  font-size: 14px;
  color: #14467b;
}

#api #forgotPassword2:hover {
  text-decoration: underline;
  text-decoration-style: solid;
  color: #14467b;
  text-decoration-color: #14467b;
}

#api .create a {
  font-family: 'mundial', sans-serif;
  font-weight: 500;
}

.overlay-btn-close {
  position: absolute;
  width: 34px;
  height: 34px;
  z-index: 50;
  right: -10px;
  top: -10px;
  bottom: 80px;
  border-radius: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #14467b;
}

.overlay-btn-close .fa {
  color: #fff;
  font-size: 21px;
}

#email_intro {
  display: none !important;
}

#attributeList {
  padding: 0;
  margin: 20px 0 10px 0;
}

#attributeList ul {
  margin: 0;
  padding: 0;
}

#attributeList ul li {
  padding: 0;
  list-style: none;
}

#attributeList .helpLink {
  display: none;
}

#attributeList input {
  width: 100%;
  height: 46px;
  padding: 10px 20px;
  border: 1px solid #cccccc;
  background-color: transparent;
  border-radius: 10px;
  margin: 5px auto;
  position: relative;
  z-index: 30;
}

#attributeList input:focus {
  border: 1px solid #006dbb;
  box-shadow: 0 0 5px #006dbb;
  outline: none;
}

.forgot-password-text {
  margin: auto;
  float: right;
  font-size: 14px;
}

.Password {
  position: relative;
}

.Pasword #extension_flyerpin {
  position: relative;
  z-index: 10;
}

.attrEntry label,
.attrEntry .error {
  width: 100%;
}

#email,
#readonlyEmail {
  width: 60% !important;
  float: left;
}

#attributeList .buttons {
  width: 60%;
  padding: 7px 0;
}

#email_ver_but_send,
#readonlyEmail_ver_but_send {
  width: 100%;
  margin-top: 10px;
}

#login-wrap .buttons {
  margin-top: 20px;
}

.buttons {
  width: 100%;
  clear: both;
}

#email_info {
  display: none !important;
}

#email_ver_input,
#readonlyEmail_ver_input {
  width: 100%;
}

#email_ver_but_verify,
#readonlyEmail_ver_but_verify,
#email_ver_but_resend,
#readonlyEmail_ver_but_resend {
  margin-top: 10px;
}

#email_ver_but_edit,
#readonlyEmail_ver_but_edit {
  margin: 10px 0 0 0px;
}

.Password,
.Password input {
  width: 100%;
}

.dropdown_single,
select {
  color: #333;
  border-radius: 10px;
  min-height: 46px;
  padding: 10px 0 10px 15px;
  border: 1px solid #cccccc;
  background-color: transparent;
  width: 100%;
  vertical-align: middle;
  position: relative;
  z-index: 30;
}

/* This is to remove the arrow of select element in IE */
select::-ms-expand {
  display: none;
}

select {
  -webkit-appearance: none;
  appearance: none;
}

@-moz-document url-prefix() {
  .ui-select {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
  }

  .ui-select select {
    width: 110%;
    background-position: right 30px center !important;
    border: none !important;
  }
}

.select-arrow-down {
  content: '';
  width: 5px;
  height: 5px;
  color: #000;
  display: block;
  position: absolute;
  bottom: 32px;
  right: 15px;
  margin: auto;
}

.dropdown_single#title {
  width: 100%;
}

.DropdownSingleSelect {
  position: relative;
}

#attributeList select {
  margin: 5px auto;
}

/* custom wrap */
.passwordcontainer-wrap {
  width: 100%;
}

.passwordcontainer-wrap legend {
  width: 100%;
}

.createpassword-wrap {
  width: 40%;
  float: left;
  position: relative;
  z-index: 10;
  display: flex;
  align-items: flex-end;
}

.createpassword-wrap .error {
  display: none !important;
}

.confirmpassword-wrap {
  width: 40%;
  float: left;
  position: relative;
  z-index: 10;
  display: flex;
  align-items: flex-end;
  margin-left: 10px;
}

.Password,
.Password input {
  width: 100%;
}

.GDPR-wrap .RadioSingleSelect {
  display: none !important;
}

.GDPR-wrap input {
  width: 15px !important;
  height: 15px !important;
}

.GDPR-wrap label[for='extension_gdpr_yes'],
.GDPR-wrap label[for='extension_gdpr_no'] {
  width: 50px !important;
  margin-left: 5px;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #696969;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.GDPR-wrap:hover input ~ .checkmark {
  background-color: #696969;
}

/* When the radio button is checked, add a blue background */
.GDPR-wrap input:checked ~ .checkmark {
  background-color: #14467b;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: '';
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.GDPR-wrap input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.GDPR-wrap .checkmark:after {
  top: 4px;
  left: 4px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
}

.title-wrap {
  width: 15%;
  float: left;
  display: block;
  position: relative;
}

.title-wrap .DropdownSingleSelect {
  width: 100%;
}

.firstname-wrap {
  width: 40%;
  float: left;
  margin-left: 10px;
  position: relative;
}

.lastname-wrap .TextBox {
  width: 100%;
}

.lastname-wrap {
  width: 40%;
  float: left;
  margin-left: 10px;
  position: relative;
}

.firstname-wrap .TextBox {
  width: 100%;
}

.dob-wrap {
  width: 35%;
  float: left;
  position: relative;
}

.dob-wrap input {
  width: 100%;
}

.gender-wrap {
  width: 30%;
  float: left;
  margin-left: 10px;
  position: relative;
}

.gender-wrap select {
  width: 100%;
}

.country-wrap {
  position: relative;
}

.country-wrap select {
  width: 100%;
}

.nationality-wrap {
  width: 35%;
  float: left;
  position: relative;
}

.nationality-wrap select {
  width: 100%;
}

.state-wrap {
  margin-left: 10px;
  position: relative;
}

.state-wrap select {
  width: 100%;
}

.nric-wrap {
  width: 30%;
  float: left;
  margin-left: 10px;
  position: relative;
}

.nric-wrap input {
  width: 100%;
}

input.border_green {
  border: 1px solid #55a814 !important;
}

.countrycode-wrap {
  width: 40%;
  float: left;
  position: relative;
}

.countrycode-wrap select {
  width: 100%;
}

.phonenumber-wrap {
  width: 40%;
  float: left;
  margin-left: 10px;
  position: relative;
}

.promocode-wrap {
  width: 50%;
  float: left;
  position: relative;
}

.phonenumber-wrap select {
  width: 100%;
}

.checkbox-wrap {
  width: 100%;
  display: flex;
}

.checkbox-wrap input {
  width: 20px !important;
  height: 20px !important;
  float: left;
  border-radius: 0 !important;
}

.checkbox-wrap label {
  float: left;
  width: 100%;
  margin-left: 10px;
  padding-top: 5px;
}

.checkbox-wrap label[for='extension_tnc'] {
  display: none;
}

.checkbox-wrap label[for='extension_market'] {
  display: none;
}

.checkbox-wrap .attrEntry {
  display: flex;
  flex-direction: row;
}

#checkbox01 {
  padding-top: 15px;
}
#checkbox01 .error {
  position: absolute;
  margin-top: -15px;
}

.verifybuttons {
  width: 100%;
}

/* custom dropdown list */
.custom-select {
  position: relative;
  font-family: 'mundial', sans-serif;
  margin: 10px 0;
}

.custom-select select {
  display: none;
}

.select-selected {
  border: 1px solid #14467b;
  background-color: #fff;
  border-radius: 10px;
  color: #333;
  height: 46px;
  padding: 15px 15px;
}

.select-selected:focus {
  border: 1px solid #14467b;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: '';
  top: 20px;
  right: 13px;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-color: #333 transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #333 transparent;
  top: 15px;
}

/* style the items (options), including the selected item: */
.select-items div,
.select-selected {
  color: #333;
  padding: 12px 15px;
  border: 1px solid #ccc;
  /* border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; */
  cursor: pointer;
}

.select-items div {
  border: none;
  padding: 10px 15px;
  color: #14467b;
}

/* Style items (options): */
.select-items {
  position: absolute;
  color: #14467b;
  background-color: #fff;
  border: 2px #14467b solid;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 999999;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top: none;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 300px;
  scrollbar-width: auto;
}

#continue[disabled='disabled'],
#continue[disabled],
#givenName[disabled='disabled'],
#surname[disabled='disabled'],
#extension_birthdate[disabled='disabled'],
button#next[disabled],
button#next[disabled='disabled'] {
  background-color: #cccccc !important;
  cursor: not-allowed;
}

#continue[disabled='disabled']:hover,
#continue[disabled]:hover {
  background-color: #cccccc !important;
  cursor: not-allowed;
}

.alert_border {
  border: 1px solid #ed1c24 !important;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover,
.same-as-selected {
  background-color: #14467b;
  color: #fff !important;
}

.verifybuttons-wrap {
  margin-top: 10px;
}

#email_success {
  font-size: 14px;
  color: #55a814;
  font-weight: 600;
}

#api input#email[disabled='disabled'],
#api input#readonlyEmail[disabled='disabled'] {
  background-color: #cccccc !important;
}

.verifying-modal.active {
  width: 100%;
  padding: 10px;
  font-size: 12px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff !important;
  text-align: center;
  margin: 10px 0;
  border-radius: 10px;
  display: none !important;
}

input[type='date'] {
  display: block;
  /* Solution 1 */
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  min-height: 1.2em;
  /* Solution 2 */
  /* min-width: 40%; */
}

input[type='date']::before {
  color: #cccccc;
  content: attr(placeholder) '';
}

ul.calendar-tooltips {
  width: 100%;
  padding: 10px 20px !important;
  position: absolute;
  z-index: 200;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  text-align: left;
  border-radius: 10px;
  bottom: 60px;
  display: none;
}

ul.calendar-tooltips li {
  list-style: disc !important;
  margin-left: 10px !important;
}

.calendar-tooltips.showit {
  display: block;
}

.dropdown_single:active,
.dropdown_single:focus,
.dropdown_single:hover {
  outline: inherit;
  box-shadow: 0 0 5px #19286e;
  color: #333 !important;
}

.clear-both {
  width: 100%;
  clear: both;
  float: none;
}

.fa.fa-calendar {
  position: absolute;
  z-index: 0;
  top: 25px;
  bottom: 0;
  margin: auto;
  right: 15px;
  font-size: 14px;
}

#simplemodal-overlay {
  background: #000;
}

#simplemodal-container {
  background: #fff;
  padding: 30px 20px 20px;
  text-align: left;
  -webkit-box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  display: none !important;
}

#simplemodal-container h2 {
  font-family: 'mundial', sans-serif;
  color: #1c5b96;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 10px;
  display: none !important;
}

#simplemodal-container .simplemodal-data {
  padding: 8px;
  overflow: hidden;
}

#simplemodal-container h1 {
  margin-bottom: 20px;
  display: none !important;
}

.notification-icon {
  width: 30px;
  display: inline-block;
}

.notification .fa-info-circle {
  position: absolute;
  top: 30px;
}

.notification-content {
  width: 90%;
  display: inline-block;
}

/*---maintenance*/
.maintenance-wrap {
  width: 100%;
  position: relative;
  padding: 20px;
  background-color: #cb851c;
}
.maintenance-wrap h5 {
  text-align: left;
  padding: 0;
  margin: 0;
  color: #fff;
}
.maintenance-wrap h5 a {
  text-decoration: underline !important;
  color: #fff;
}
.maintenance-wrap h5 a:hover {
  text-decoration: none !important;
}

/*--help-----*/
.help-wrap {
  position: relative;
  background-color: transparent;
  width: 100%;
}
.help-header {
  width: 120px;
  padding: 14px 0;
  background-color: #55a814;
  color: #fff;
  text-align: center;
  font-size: 14px;
  position: absolute;
  top: -10px;
  right: -35px;
  left: auto;
  cursor: pointer;
}
.help-header:hover {
  background-color: #428111;
}

.btn-close-video {
  display: none;
  position: absolute;
  right: 20px;
  top: 20px;
  color: #fff;
  font-size: 12px;
}
.btn-close-video:hover {
  color: #55a814;
}
.video-wrap {
  display: none;
  margin-top: 70px;
  padding: 10px 15px;
}
.video-wrap a {
  display: inline-block;
  width: 100%;
  height: 100px;
  color: #fff;
  font-size: 12px;
}

.video-wrap a:hover {
  color: #55a814;
}
.video-wrap a img {
  margin-right: 10px;
  width: 120px;
  float: left;
}
.video-wrap a p {
  float: left;
  width: 60%;
  padding: 15px 0;
}
.help-wrap.expanded {
  position: absolute;
  left: 440px;
  background-color: #61666f;
  width: 467px;
  top: 40px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
/*when expend*/
.help-wrap.expanded .help-header {
  right: 0;
  left: 10px;
  top: -5px;
  cursor: auto;
}
.help-wrap.expanded .help-header:hover {
  background-color: #55a814;
}
.help-wrap.expanded .btn-close-video {
  display: block;
}
.help-wrap.expanded .video-wrap {
  display: block;
}

/*lightbox*/
.btn-video-close {
  color: #ed1c24;
  font-size: 40px;
  position: relative;
  left: 100%;
  z-index: 100002;
}
.hotpost-close {
  position: fixed;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100001;
}
.video-help-lightbox {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
}
.video-help-lightbox .video-help-lightbox-wrap {
  width: 650px;
  height: 366px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.video-help-lightbox .video-help-lightbox-wrap .video-container {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 100003;
}
/*--help END-----*/

@media only screen and (min-width: 769px) {
  .api-verification {
    width: 60%;
  }

  .error.buttons {
    width: 40%;
  }
}

/*---bigger then 320px to 600px--------------------------*/
@media only screen and (max-width: 767px) and (min-width: 320px) {
  /*help video*/
  .help-wrap.expanded .help-header {
    width: 100%;
    top: 0;
    left: 0;
  }
  .help-wrap.expanded {
    position: fixed;
    left: 0;
    background-color: #61666f;
    width: 100%;
    height: 100%;
    top: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    top: 0;
    left: 0;
    z-index: 90000;
  }
  .video-help-lightbox .video-help-lightbox-wrap {
    width: 100%;
    height: 500px;
    padding: 10px;
  }
  .video-help-lightbox .video-help-lightbox-wrap .video-container {
    width: 100%;
    height: auto;
    min-height: 300px !important;
  }
  .btn-video-close {
    left: 90%;
  }
  /*help video*/

  /*-----------b2c*-----------*/
  #panel.panel {
    width: 100%;
    margin: 0;
    top: 0;
    left: 0;
    height: auto !important;
  }

  .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }

  .notification {
    width: 100%;
    bottom: 0;
    top: 100px;
    margin: auto;
    display: block;
    position: relative;
    vertical-align: top;
  }

  .notification-content {
    width: 80%;
    display: inline-block;
  }

  #notification-wrap {
    padding: 30px;
  }

  #dp-form-warp {
    padding: 10px;
  }

  #dp-form-warp {
    font-size: 12px;
  }

  #dp-form-warp label {
    font-size: 14px;
  }

  #attributeList #email,
  #attributeList #readonlyEmail {
    width: 100% !important;
  }

  #attributeList .buttons {
    width: 100% !important;
  }

  #email_ver_but_send,
  #readonlyEmail_ver_but_send {
    width: 80% !important;
  }

  .buttons input#email_ver_input.verifyInput,
  .buttons input#readonlyEmail_ver_input.verifyInput {
    width: 100% !important;
  }

  #readonlyEmail_ver_but_edit,
  #email_ver_but_edit,
  #email_ver_but_resend,
  #readonlyEmail_ver_but_resend,
  #email_ver_but_verify,
  #readonly_ver_but_verify {
    width: 100% !important;
  }

  #email_ver_but_edit,
  #readonlyEmail_ver_but_edit {
    margin: 10px 0;
  }

  #extension_birthdate {
    width: 100% !important;
  }

  .Password {
    width: 100%;
    float: none;
    height: auto;
    display: block;
  }

  .dropdown_single#title {
    width: 100%;
  }

  .dropdown_single {
    width: 70%;
  }

  .signup-bg {
    background-image: none;
    background-color: #fff;
    min-height: 700px;
  }

  .form-registration-wrap {
    width: 100%;
    padding: 30px;
    box-shadow: 0 0 0;
  }

  .form-registration-wrap .btn {
    margin: 5px 0;
  }

  .form-registration-wrap input {
    margin: 5px 0;
  }

  .fullwidth {
    padding: 0;
  }

  /* log In */
  #login-wrap {
    width: 100%;
    margin: 0 auto;
  }

  .form-registration-wrap {
    width: 100%;
  }

  #notification-wrap.tooltip .notification {
    background-color: #f1f1f1;
    padding: 20px;
    width: 95%;
    color: #61666f;
    margin: 0 auto;
    position: fixed;
    top: 10px;
    left: 0;
    right: 0;
    box-shadow: 0 5px 10px #696969;
    font-size: 12px;
    border-radius: 10px;
    padding-bottom: 30px;
    display: table;
  }

  #notification-wrap.tooltip .notification:after {
    top: 108%;
    left: 50%;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #f1f1f1;
    border-width: 20px;
    margin-left: -25px;
  }

  #notification-wrap.tooltip .fa-info-circle {
    top: 20px;
  }

  #login-wrap {
    box-shadow: none;
  }

  .bg-login,
  .bg-login.blur {
    background-image: none;
    background-color: #fff;
    min-height: auto;
    min-height: 700px;
  }

  .bg-login-enrich {
    background-image: none;
    background-color: #fff;
    min-height: auto;
    min-height: 700px;
  }

  .bg-forgot-password {
    background-image: none;
    background-color: #fff;
    min-height: auto;
    min-height: 700px;
  }

  /* sign up form */
  .title-wrap {
    width: 100%;
  }

  .title-wrap select {
    width: 100%;
  }

  .firstname-wrap {
    margin-left: 0;
    width: 100%;
  }

  .lastname-wrap {
    margin-left: 0;
    width: 100%;
  }

  .gender-wrap {
    width: 100%;
    margin-left: 0;
  }

  .createpassword-wrap {
    width: 100% !important;
    margin-bottom: 20px;
  }

  .confirmpassword-wrap {
    width: 100% !important;
    margin-left: 0;
  }

  .dob-wrap {
    width: 100%;
  }

  .country-wrap {
    width: 100%;
  }

  .nationality-wrap,
  .state-wrap {
    width: 100%;
    margin-left: 0;
  }

  .nric-wrap {
    width: 100%;
  }

  .countrycode-wrap {
    width: 100%;
  }

  .phonenumber-wrap {
    width: 100%;
    margin: 0;
  }

  .promocode-wrap {
    width: 100%;
  }

  .api-verification {
    width: 100%;
  }

  .nric-wrap {
    margin-left: 0 !important;
  }

  .customError {
    display: block !important;
  }
}

/*---ipad--------------------------*/
@media only screen and (max-width: 768px) and (min-width: 450px) {
  #dp-form-warp .form-control {
    margin: 5px 0;
  }

  .form-registration-wrap {
    width: 100%;
  }

  #notification-wrap.tooltip .notification {
    width: 95%;
    height: 230px;
    top: 60px;
    right: 20px;
    bottom: 0;
  }
  .api-verification {
    width: 100%;
  }
}

/*---iphone 5 240px to 320px------*/
@media only screen and (max-width: 320px) and (min-width: 240px) {
  .notification {
    width: 95%;
    bottom: 300px;
    font-size: 14px;
  }

  .container-fluid {
    padding: 0;
  }

  .container {
    width: 100%;
  }

  #login-wrap {
    padding: 30px 20px;
    margin: 0;
  }

  #login-wrap .sign-up-box {
    font-size: 12px;
  }

  #notification-wrap.tooltip .notification {
    width: 95%;
    background-color: #f1f1f1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 330px;
    padding-bottom: 70px !important;
  }

  #notification-wrap.tooltip .notification:after {
    top: 110%;
    left: 50%;
  }

  .form-group label {
    font-size: 14px;
  }

  .form-group .control-label.text-danger {
    font-size: 11px;
  }

  .checkbox-wrap a,
  .checkbox-wrap label {
    font-size: 12px;
  }

  .api-verification {
    width: 100%;
  }

  .customError {
    display: block !important;
  }
}

/*------------------------------11 IE hack*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .checkbox-wrap .attrEntry {
    display: block;
    width: 100%;
  }

  .checkbox-wrap input {
    width: 30px;
    height: 30px;
    float: left;
  }

  .checkbox-wrap label {
    width: 90%;
    float: left;
  }
}

/*----------------------------Edge IE hack*/
@supports (-ms-ime-align: auto) {
}

/* verification page*/
.verification .error-text {
  font-size: 12px !important;
}

#back-to-login {
  width: 100%;
  height: 46px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #005aaa;
  color: #005aaa;
  margin-top: 5px;
  box-shadow: 0 0 1px transparent;
  cursor: pointer;
}

/* Change password and Social Media connect/disconnect */
.italic {
  font-style: italic;
}
.bold {
  font-weight: bold;
}

.sm-form-wrap {
  width: 90%;
  margin: 20px auto;
}

.sm-form-wrap .changePasswordContainer {
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-bottom: 20px;
}
.sm-form-wrap .internalContainer {
  padding: 20px;
  display: flex;
  flex-direction: column;
}

.facebookUtil,
.googleUtil,
.appleUtil {
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  border-radius: 5px;
}

.sm-form-wrap input.email {
  width: 100%;
  padding: 10px 0px;
  border: none;
  border-bottom: 1px solid;
  margin: 0 0 10px 0;
}

.sm-form-wrap .lock-icon {
  background: url('https://masgstrss3dpb2cap1.blob.core.windows.net/adb2c-lcp/images/img_locked.png') no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  position: absolute;
  margin: 10px;
  right: 10%;
}

.sm-form-wrap .inputContainer {
  margin-bottom: 10px;
}

.socialMediaUtil .buttonContainer {
  margin: 0 20px 20px 20px;
  display: flex;
  flex-direction: row-reverse;
}

#btn-sm-changePassword,
.sm-button {
  padding: 14px 20px;
  font-size: 14px;
  line-height: 21px;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  border-radius: 25px;
  border: 0;
}

#btn-sm-changePassword {
  width: 100%;
  background-color: #192b6e;
  color: #ffffff;
}

.sm-button {
  width: 100%;
  text-align: center;
  margin-right: 20px;
}

.sm-button.connect {
  background-color: #192b6e;
  color: #ffffff;
}

.sm-button.disconnect {
  background: white;
  border: 1px solid red;
  color: red;
}

.button-link {
  width: 40%;
}

.sm-util-header {
  margin-bottom: 20px;
}

.sm-util-header .title,
.sm-header-title .title {
  margin-bottom: 10px;
}

.googleUtil,
.facebookUtil,
.appleUtil {
  margin-bottom: 10px;
}

.socialMediaUtil .status {
  display: flex;
  align-items: center;
  margin: 20px;
  justify-content: space-evenly;
}

.googlelabel,
.fblabel,
.applelabel {
  width: 30%;
}

.link-status {
  width: 50%;
  text-align: center;
}

.fb-icon {
  width: 45px;
  height: 45px;
  background: url('https://masgstrss3dpb2cap1.blob.core.windows.net/adb2c-lcp/images/icon_fb.svg') no-repeat center center;
  margin-right: 10px;
  border: none;
  font-size: 0;
  cursor: pointer;
  border-radius: 25px;
}

.google-icon {
  width: 45px;
  height: 45px;
  background: url('https://masgstrss3dpb2cap1.blob.core.windows.net/adb2c-lcp/images/google.svg') no-repeat center center;
  margin-right: 10px;
  border: 1px solid #cccccc;
  font-size: 0;
  cursor: pointer;
  border-radius: 25px;
}

.apple-icon {
  width: 45px;
  height: 45px;
  background: url('https://masgstrss3dpb2cap1.blob.core.windows.net/adb2c-lcp/images/icon_apple_white.svg') no-repeat center center;
  margin-right: 10px;
  border: 1px solid #000;
  font-size: 0;
  cursor: pointer;
  border-radius: 25px;
}

.customError {
  display: none;
}

.preloader {
  width: 100%;
  height: 100%;
  display: block;
  background: url('https://masgstrss3dpb2cap1.blob.core.windows.net/adb2c-lcp/images/ajax-loader.gif') no-repeat center center #f9f9f9;
  background-size: 150px, 150px;
  position: fixed;
  z-index: 90000;
  top: 0;
  left: 0;
  opacity: 0.9;
}
.flex-wrap {
  display: flex;
}
.country-wrap,
.state-wrap {
  flex: 1;
}
#readonlyEmail_ver_but_edit,
#email_ver_but_edit,
#email_ver_but_resend,
#readonlyEmail_ver_but_resend,
#email_ver_but_verify,
#readonly_ver_but_verify {
  width: 100% !important;
}
#email_error,
.input_error {
  color: #ed1c24;
  font-size: 0.75em;
}