.progress-bar{
  width:100%;
  height:10px;
  border-radius:3px;
  background:#dadada
}

.progress-bar__level{
  height:10px;
  transition:all .5s ease-in-out;
  transition-timing-function:ease-in-out;
  border-radius:3px;
  background:#f69322
}

.progress-bar__level--10{
  width:10%
}

.progress-bar__level--20{
  width:20%
}

.progress-bar__level--30{
  width:30%
}

.progress-bar__level--40{
  width:40%
}

.progress-bar__level--50{
  width:50%
}

.progress-bar__level--60{
  width:60%
}

.progress-bar__level--70{
  width:70%
}

.progress-bar__level--80{
  width:80%
}

.progress-bar__level--90{
  width:90%
}

.progress-bar__level--100{
  width:100%
}

.progress-bar-v2{
  position:relative
}

.progress-bar-v2,.progress-bar-v2--empty:before{
  display:inline-flex;
  width:100%;
  height:10px;
  min-height:10px;
  max-height:10px;
  background-color:#f2f2f2
}

.progress-bar-v2--complete:before,.progress-bar-v2--empty:before{
  content:"";
  position:absolute;
  top:50%;
  z-index:-1;
  transform:translate(-50%,-50%)
}

.progress-bar-v2--complete:before{
  display:inline-flex;
  width:100%;
  height:10px;
  min-height:10px;
  max-height:10px;
  background-color:#f69322
}

.progress-bar-v2-disc{
  position:relative;
  width:50px;
  height:50px;
  min-width:50px;
  min-height:50px;
  max-width:50px;
  max-height:50px;
  border-radius:50%;
  background:#f2f2f2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  flex-direction:column
}

.progress-bar-v2-disc--full{
  background-color:#f69322
}

.progress-bar-v2-step-number{
  color:#fff
}

.progress-bar-v2-stage-complete{
  content:"";
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAABOElEQVR4Ae3TgUYEYRSG4YW1diNCwAIGUJs5h7q3QIGQhAjdRyIt7EIQBF1FRBcwKXwso+KwZw7v+1/A/3zzmxEREREREREREW3W7ttpYf7hnr9557d1+a/efR+7LszXhKp8nYuqfJ32vCZfx87gw/+jZrc6/wV+UvATgg8f/mKnOv8ZflbwE4IP30/syWejQPNpIv/o2D698/V8GuCv8/jtD7/ThGp8/9CVmlCGvzjY4GtCFf7c33uuXv3/d/aZrTL4yu56rtcr5H/9wIRmks8PTbClJgyWH5jQTBL5gQni2zKbH5iQzw9NGCJf2c1vE/L5gQk+zufHJjz4eOh85Vd9TL/3xxA//xXK8DWhLl8TSvKVXZbma0JdvibU5WtCXb4m1OVrQl2+JhTla8J2+URERERERET0BTMPgAX3NpM4AAAAAElFTkSuQmCC);
  height:24px;
  left:0;
  min-height:24px;
  min-width:24px;
  position:relative;
  width:24px;
  cursor:pointer;
  background-repeat:no-repeat;
  background-position:50%;
  background-size:contain;
  -webkit-filter:brightness(5);
  filter:brightness(5)
}

.progress-bar-v2--full{
  background-color:#f69322;
  z-index:1
}

.progress-bar-v2--left{
  border-top-right-radius:8px;
  border-bottom-right-radius:8px;
  transform:translateX(-4px)
}

.progress-bar-v2--right{
  border-top-left-radius:3px;
  border-bottom-left-radius:3px;
  transform:translateX(4px)
}

.sign-up-card-parent{
  background-color:#fff;
  box-shadow:0 2px 2px 0 rgba(0,0,0,.07),0 3px 1px -2px rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.06)
}

.sign-up-card,.sign-up-card-parent{
  display:inline-flex;
  width:100%;
  position:relative
}

.sign-up-card{
  flex-direction:column;
  padding:60px 60px 50px;
  align-items:center;
  justify-content:space-between;
  min-height:460px
}

.desktop-right-divider:before{
  content:"";
  display:inline-block;
  position:absolute;
  right:0;
  top:50px;
  bottom:50px;
  width:1px;
  background-color:#eee
}

.mobile-top-divider:before{
  content:"";
  display:none;
  position:absolute;
  left:10px;
  right:10px;
  top:0;
  height:1px;
  background-color:#eee
}

.customer-card-edit-wrapper{
  flex-direction:column
}

.customer-card-edit-wrapper--row{
  flex-direction:row
}

[class*=customer-card-edit-wrapper]{
  position:relative;
  display:inline-flex;
  width:100%;
  margin:0 0 20px;
  box-shadow:0 2px 2px 0 rgba(0,0,0,.07),0 3px 1px -2px rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.06);
  background-color:#fff
}

.card--compact{
  margin:0 0 1px
}

.card--no-margin{
  margin:0
}

.customer-card-edit__header{
  flex-direction:row;
  justify-content:space-between;
  padding:0 20px;
  height:50px;
  min-height:50px;
  border-radius:3px 3px 0 0;
  background:linear-gradient(0deg,#1a4d98,#4168c6)
}

.customer-card-edit__content-segment,.customer-card-edit__header{
  position:relative;
  display:inline-flex;
  align-items:center;
  width:100%
}

.customer-card-edit__content-segment{
  flex-direction:column;
  padding:10px 0
}

.customer-card-edit__footer{
  align-items:center;
  padding:15px 20px
}

.customer-card-edit--row,.customer-card-edit__footer{
  position:relative;
  display:inline-flex;
  flex-direction:row;
  justify-content:space-between;
  width:100%
}

.customer-card-edit--row{
  align-items:flex-start;
  padding:0 20px
}

.customer-card-edit--row-left{
  position:relative;
  display:inline-flex;
  flex-direction:row;
  align-items:center;
  padding:0 20px;
  width:100%
}

.customer-card-edit--column{
  position:relative;
  display:inline-flex;
  flex-direction:column;
  justify-content:center;
  width:100%
}

.customer-card-edit--direction-row{
  flex-direction:row
}

.customer-card-edit--direction-column{
  flex-direction:column
}

.customer-card-edit--flex-start{
  justify-content:flex-start
}

.customer-card-edit--flex-end{
  justify-content:flex-end
}

.customer-card-edit--align-center{
  align-items:center!important
}

.customer-card-edit__title{
  font-size:1.125rem;
  margin:0;
  flex:1;
  color:#fff;
  font-weight:300;
  padding-right:15px;
  line-height:25px;
  height:22px
}

.customer-card-edit--no-style{
  border-bottom:none;
  padding-bottom:0
}

.customer-card-edit__header a{
  font-size:.875rem;
  cursor:pointer
}

.customer-card-edit .radio-disc{
  left:12px
}

.customer-card-edit__header .i{
  line-height:1;
  width:20px;
  height:20px;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
}

.customer-card-edit__header .chevron--right-icon-text{
  margin-right:10px;
  height:18px
}

.customer-card-edit__header .chevron--right-icon{
  transform:translate(26px,-45%);
  width:25px;
  height:25px;
  margin:0
}

[class*=customer-card-edit-wrapper] .button{
  min-width:200px
}

[class*=customer-card-edit-wrapper] .button-characteristics{
  min-width:150px
}

[class*=customer-card-edit-wrapper] .button-invitation{
  min-width:320px
}

[class*=customer-card-edit-wrapper] .errorMsg{
  font-size:.875rem;
  margin:10px 0 0;
  flex:1;
  color:#d63a49;
  padding-left:15px;
  line-height:25px;
  height:22px
}

[class*=customer-card-edit-wrapper] .button--create-job-alert{
  min-width:200px;
  padding-top:8px;
  padding-bottom:8px;
  font-weight:500
}

.no-button--outline{
  padding:0;
  margin:0;
  background-color:initial;
  text-decoration:none;
  box-shadow:none;
  border:none;
  cursor:pointer
}

input[type=checkbox][data-toggle-password]{
  opacity:0
}

input[type=checkbox][data-toggle-password]+label .icon-indicates--hidden{
  display:inline-block
}

input[type=checkbox][data-toggle-password]+label .icon-indicates--visible,input[type=checkbox][data-toggle-password]:checked+label .icon-indicates--hidden{
  display:none
}

input[type=checkbox][data-toggle-password]:checked+label .icon-indicates--visible{
  display:inline-block
}

.sign-on{
  max-width:640px
}

.mj-myanmar .sign-on,.sign-on{
  position:relative;
  display:block;
  margin:25px auto
}

.mj-myanmar .sign-on{
  max-width:800px
}

.sign-on__form{
  padding:10px 40px 0;
  box-shadow:0 2px 2px 0 rgba(0,0,0,.07),0 3px 1px -2px rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.06)
}

.sign-on__title{
  margin:0 auto;
  font-size:1.625rem;
  font-weight:500;
  text-align:center
}

.sign-on__ringfenced-message{
  position:relative;
  display:inline-flex;
  flex-direction:column;
  width:100%;
  padding:20px;
  background-color:#4168c6
}

.sign-on__step-counter{
  margin-top:0;
  padding-bottom:10px
}

.sign-on__already-registered{
  text-align:center
}

.sign-on-v2{
  position:relative;
  display:flex;
  flex-direction:column;
  max-width:820px;
  margin:60px auto 0;
  width:100%;
  padding:0 20px
}

.sign-on__title-v2{
  font-size:1.625rem;
  font-weight:400;
  text-align:center;
  margin:0
}

.sign-on__ringfenced-message-v2{
  margin:20px 0;
  padding:20px;
  color:#fff;
  background:#2485af
}

.sign-on__step-counter-v2{
  margin:40px auto 0;
  max-width:270px
}

.sign-on__step-counter-text-v2{
  margin:0 auto;
  max-width:440px
}

.sign-on__form-v2{
  position:relative;
  display:flex;
  flex-direction:column;
  max-width:420px;
  margin:30px auto;
  width:100%
}

.sign-on__form-v2-special-border{
  position:relative;
  display:inline-flex;
  width:100%
}

.sign-on__form-v2-special-border:before{
  content:"";
  position:absolute;
  display:inline-flex;
  top:0;
  left:50%;
  border-top:1px solid #eee;
  width:160%;
  transform:translate(-50%,-50%)
}

.sign-on__already-registered-v2{
  text-align:center;
  margin:10px auto 0
}

.sign-on__already-registered-v2 a{
  text-align:center;
  margin:8px auto 0;
  width:100%;
  color:#f69322;
  font-size:.875rem;
  text-transform:uppercase
}

.congrats{
  color:var(--color-congrat)
}

.referral-banner-ul{
  list-style:none;
  padding-left:23px
}

.referral-banner-ul li{
  line-height:22px
}

.referral-banner-ul li:before{
  content:"\2022";
  color:#f69322;
  font-size:22px;
  font-weight:700;
  display:inline-block;
  width:1em;
  margin-left:-1em;
  position:relative;
  top:3px
}

@media (max-width:1024px){
  .sign-on__start{
    margin:55px auto 150px auto
  }
}

@media (max-width:768px){
  .sign-on{
    overflow:hidden;
    max-width:100%;
    margin:0;
    padding:0;
    background:#fff
  }

  .sign-on__form{
    padding:0 20px 0 20px;
    box-shadow:none
  }

  .background--cityscape{
    background:#fff
  }

  .sign-on__step-counter{
    padding-right:20px;
    padding-bottom:0;
    padding-left:20px;
    background:#fff
  }

  .sign-on__start{
    margin:30px auto 40px!important
  }
}

@media screen and (max-width:768px){
  .sign-up-card-parent{
    display:flex;
    flex-direction:column;
    margin-left:auto;
    margin-right:auto;
    max-width:340px
  }

  .desktop-right-divider:before{
    display:none
  }

  .mobile-top-divider:before{
    display:inline-block
  }

  .sign-up-card{
    padding:40px 25px 35px;
    min-height:380px
  }

  .sign-on__step-counter-v2{
    max-width:220px
  }
}

@media screen and (max-width:1024px){
  .availability-radio-button-layout{
    flex-direction:column;
    flex-wrap:nowrap;
    justify-content:flex-start;
    align-items:flex-start
  }

  .customer-card-edit__content-segment.max-width--50-perc{
    max-width:100%
  }

  [class*=customer-card-edit-wrapper] .button{
    margin-top:10px;
    margin-bottom:10px
  }

  .customer-card-edit--row{
    flex-direction:column;
    align-items:flex-start
  }

  .customer-card-edit__footer{
    flex-direction:column
  }

  .customer-card-edit__footer p{
    align-self:flex-start
  }

  .customer-card-edit-wrapper--row{
    flex-direction:column
  }

  .maintain--row{
    flex-direction:row
  }

  .maintain--center-align{
    align-items:center
  }

  .customer-card-edit__footer .button{
    margin-top:10px;
    margin-bottom:10px;
    width:100%
  }

  .customer-card-edit__footer.maintain--row{
    flex-direction:row
  }

  .customer-card-edit__footer.maintain--row .button{
    margin-top:0;
    margin-bottom:0;
    width:auto
  }

  .sign-on__form-v2-special-border:before{
    transform:none;
    left:0;
    width:100%
  }
}

@media screen and (max-width:560px){
  .customer-card-edit__header{
    height:auto
  }

  .customer-card-edit__title{
    font-size:1rem;
    height:100%;
    padding:12px 0
  }
}