.breadcrumb{
  display:inline-block;
  width:100%;
  margin:0;
  padding:15px 0;
  list-style:none;
  color:#f69322
}

.breadcrumb__list-item{
  display:inline-block;
  margin:0;
  padding:0 5px 0 0;
  vertical-align:middle;
  text-transform:none;
  color:#4e5559;
  height:28px;
  font-size:.875rem;
  line-height:2
}

.breadcrumb__list-item span{
  display:inline-block;
  float:left;
  margin-right:5px;
  height:28px;
  font-size:.875rem
}

.breadcrumb__list-item span:last-child{
  color:#4e5559;
  height:28px;
  font-size:.875rem
}

.breadcrumb__link{
  display:inline-block;
  float:left;
  text-decoration:none;
  color:#f69322;
  height:28px;
  font-size:.875rem
}

.breadcrumb__separator{
  width:1.25rem;
  margin:0 5px 0 0
}

.button--facebook{
  background-image:url(/build/static-assets/img/icon-facebook-5e5fa0405a.svg)
}

.button--twitter{
  background-image:url(/build/static-assets/img/icon-twitter-8623c7aca5.svg)
}

.button--linkedin{
  background-image:url(/build/static-assets/img/icon-linkedin-32c818b8fc.svg)
}

.button--whatsapp{
  background-image:url(/build/static-assets/img/icon-whatsapp-f4f0e0f07d.svg);
  display:none
}

.button--email{
  background-image:url(/build/static-assets/img/icon-email-4fb648ea71.svg)
}

.button--sms{
  background-image:url(/build/static-assets/img/icon-sms-0244c0ff4b.svg)
}

[class*=button--]{
  background-size:contain;
  background-repeat:no-repeat
}

.facebook-login--button,.tab-pane .button--facebook{
  background-color:#365998;
  color:#fff
}

.share{
  flex-direction:row;
  align-items:center;
  flex-wrap:wrap;
  width:100%;
  padding:10px 0 30px
}

.share,.share__icon-link{
  position:relative;
  display:inline-flex
}

.share__icon-link{
  flex-direction:column;
  width:41px;
  height:41px;
  min-width:41px;
  min-height:41px;
  border-radius:50%;
  margin-right:10px
}

.card{
  position:relative;
  min-height:100px;
  margin-bottom:10px;
  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)
}

.enquiry-header{
  position:relative;
  display:inline-block;
  width:100%;
  margin-bottom:40px
}

.enquiry-header-type{
  font-size:1.5rem;
  position:absolute;
  top:50%;
  left:20px;
  transform:translateY(-50%);
  margin:0;
  color:#fff
}

.enquiry{
  position:relative;
  display:inline-block;
  width:100%
}

.enquiry .job__message{
  box-shadow:none;
  padding:0;
  font-size:1rem;
  border-bottom:2px solid #fafafa;
  margin-bottom:0;
  font-weight:300
}

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

.enquiry__field__select-currency{
  position:relative;
  display:inline-flex;
  width:100px;
  min-width:100px
}

.enquiry__field__select-number{
  position:relative;
  display:inline-flex;
  flex-direction:column;
  width:calc(100% - 100px);
  padding-left:5px
}

.enquiry__field__term-conditions-link{
  font-weight:500;
  text-align:center
}

.employer-logo{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  width:80px;
  height:80px
}

.employer-logo__image{
  max-height:85px;
  width:100%;
  max-width:100%;
  position:relative;
  text-align:center
}

.employer-logo__image-preview{
  width:auto;
  height:auto;
  max-width:150px;
  max-height:150px
}

.job-header{
  width:100%;
  padding:25px 0 20px
}

.job-header__details{
  padding-left:30px
}

.job-header__details a{
  width:100%;
  font-size:1rem;
  color:#4e5559
}

.job-header__details h2{
  line-height:1;
  font-size:1rem
}

.job-header__footer a{
  color:#4e5559
}

.job-header__details a:hover,.job-header__footer a:hover{
  color:#2485af
}

.job-header__header{
  position:relative;
  width:100%
}

.job-header__title{
  font-size:1.125rem;
  font-weight:500;
  line-height:22px;
  margin:0;
  position:relative;
  word-break:normal;
  word-wrap:normal
}

.job-header__label{
  flex-wrap:nowrap;
  align-items:center
}

.job-header__footer,.job-header__label{
  position:relative;
  display:inline-flex;
  justify-content:space-between
}

.job-header__footer{
  align-items:flex-end;
  width:100%;
  padding:0 30px;
  margin-top:2px
}

.job-header__industry,.job-header__location,.job-header__salary,.job-header__time-stamp,.job-header__work-type{
  position:relative;
  display:inline-block;
  vertical-align:middle;
  padding:0 10px;
  font-size:1rem
}

.job-header__location{
  padding-left:0
}

.job-header__industry a,.job-header__location a{
  color:#4e5559
}

.job-header__save-form{
  position:relative;
  display:inline-flex;
  margin:0 0 0 15px;
  height:auto
}

.job-header__divider{
  position:relative;
  margin:0
}

.search-result--top-of-list .job-header__divider{
  color:#fff
}

.search-result__currency-symbol{
  font-weight:500
}

.customer-card .job-header__save-form .button{
  min-width:auto
}

.status-mark{
  position:relative;
  display:inline-flex;
  border:2px solid transparent;
  padding:0 8px;
  border-radius:12px;
  font-size:.75rem
}

.status-mark__mark--red{
  border:2px solid #bd2233!important;
  color:#bd2233;
  padding:0 8px;
  border-radius:12px;
  font-size:.75rem
}

.status-mark__mark--orange{
  border:2px solid #f69322!important;
  color:#f69322;
  padding:0 8px;
  border-radius:12px;
  font-size:.75rem
}

.status-mark__mark--green{
  border:2px solid #4dae37!important;
  color:#4dae37;
  padding:0 8px;
  border-radius:12px;
  font-size:.75rem
}

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
}

.initial-list{
  list-style:initial
}

.job,.job__details{
  position:relative
}

.job__details{
  border-radius:3px;
  overflow:hidden
}

i.arrow-down{
  border:solid;
  border-width:0 3px 3px 0;
  display:inline-block;
  padding:3px;
  transform:rotate(45deg);
  -webkit-transform:rotate(45deg)
}

.job__details__user-edit{
  position:relative;
  display:inline-block;
  float:left;
  width:100%
}

.description-content__content p{
  margin:0!important;
  padding:0!important
}

.description-content__content p b,.description-content__content p strong{
  font-weight:500
}

[class*=customer-card] .job__details__user-edit h3{
  font-size:1.125rem;
  margin-bottom:15px
}

[class*=customer-card] .job__details__user-edit p{
  margin:0 0 10px
}

[class*=customer-card] .job__details__user-edit ul{
  margin:15px 0;
  list-style:initial;
  padding:revert
}

.job__report-container{
  position:relative;
  display:inline-flex;
  width:100%
}

.job__report-container .button.job__report-button{
  min-width:140px;
  padding:3px 6px;
  border:2px solid #d32b3d;
  color:#d32b3d
}

.job__report-button{
  background-color:initial!important
}

.job__application label{
  position:relative;
  display:inline-block;
  float:left;
  width:100%
}

.job__application .form-control{
  box-shadow:none
}

.job__title{
  position:relative
}

.job__message{
  padding:20px;
  background-color:#fff;
  box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.2);
  margin-bottom:15px
}

.job__message,.job__message-link{
  position:relative;
  display:inline-block;
  width:100%
}

.job__message-link{
  margin-top:10px;
  color:#f69322;
  font-size:.875rem;
  font-weight:400;
  text-transform:uppercase;
  cursor:pointer
}

.line-break{
  width:100%;
  text-align:center;
  border-bottom:1px solid #eee;
  line-height:.1em
}

.line-break span{
  background:#fff;
  padding:0 10px;
  font-size:25px;
  position:relative;
  top:5px
}

.customer__card-icon{
  position:relative;
  width:40px;
  max-width:40px;
  min-width:40px;
  height:40px;
  max-height:40px;
  border-radius:50%
}

.customer__card-icon img,.customer__card-icon svg{
  position:absolute;
  width:24px;
  max-width:24px;
  min-width:24px;
  height:24px;
  max-height:24px;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
}

.notification--basic--icon{
  background-color:#4e5559
}

.notification--negative-information{
  background-color:#4168c6
}

.notification--positive-information{
  background-color:#389660
}

.basic-icon{
  background-color:#4e5559!important;
  overflow:hidden;
  border-radius:50%
}

.premium--alert-icon{
  background-color:#bda955
}

.large--icon-successful{
  width:48px!important;
  max-width:100%!important
}

.tabs{
  position:relative;
  display:block;
  margin:0 auto;
  width:100%
}

.tabs--horizontal{
  padding-bottom:0;
  width:100%;
  min-height:42px
}

.tabs__link-border{
  border-bottom:1px solid #e0e0e0
}

.tabs__link--container{
  position:relative;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  margin:0 auto;
  padding:0 20px;
  min-height:60px;
  max-width:1280px!important;
  list-style:none;
  justify-content:center
}

.tabs__link,.tabs__link--no-target{
  display:inline-block;
  background-color:initial;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;
  border:none;
  color:#4e5559;
  font-size:1rem;
  margin-right:10px;
  margin-left:10px;
  line-height:60px;
  height:60px;
  text-align:center;
  float:left;
  border-radius:0;
  border-bottom:5px solid #fff
}

.tabs__link--no-target:first-child,.tabs__link:first-child{
  margin-left:0
}

.tabs__link--no-target:hover,.tabs__link:hover{
  border-color:#ffad3c;
  color:#4e5559
}

.tab-current,.tabs__link--no-target:active,.tabs__link--no-target:focus,.tabs__link--selected,.tabs__link--selected:hover,.tabs__link:active,.tabs__link:focus{
  border-bottom:5px solid #f69322!important
}

.tabs a:focus{
  outline:none
}

.covid-ribbon{
  position:relative;
  display:inline-block;
  width:200px;
  height:50px;
  left:79px;
  margin:0;
  z-index:1;
  transform-origin:center left
}

.covid-ribbon-text{
  top:0;
  right:100px
}

.covid-ribbon-text,.covid-ribbon-text-mobile{
  width:250px;
  height:35px;
  line-height:2.3;
  text-transform:uppercase;
  color:#fff;
  font-size:1rem;
  background-color:#f69322;
  position:absolute;
  overflow:hidden;
  text-align:center
}

.covid-ribbon-text-mobile{
  top:23px;
  right:29px
}

.covid-ribbon-text-mobile:before,.covid-ribbon-text:before{
  content:"";
  position:absolute;
  display:inline-block;
  height:27px;
  left:239px;
  top:5px;
  background-color:#fff;
  transform-origin:center;
  transform:rotate(-45deg);
  width:24px
}

.products .tabs__link--container{
  justify-content:space-between;
  max-width:100%
}

.products .tabs__link--container li{
  position:relative;
  flex:1 1 calc(100% / 3);
  justify-content:center;
  display:flex;
  flex-basis:auto
}

.products .tabs__link--container li a{
  position:relative;
  margin-right:0;
  text-transform:uppercase
}

.account-settings .tabs__link--container{
  justify-content:flex-start
}

.employer .tabs__link{
  color:#4e5559;
  border-bottom:5px solid transparent!important
}

.employer .tab-current{
  color:#4e5559;
  border-bottom:5px solid #f69322!important
}

.details-tab .tabs__link{
  color:#4e5559;
  border-bottom:5px solid transparent!important
}

.details-tab .tab-current{
  color:#4e5559;
  border-bottom:5px solid #f69322!important
}

.employer-landing .content-current{
  position:relative;
  display:inline-flex;
  flex-direction:column
}

.employer-landing .tabs__link--container{
  max-width:400px!important
}

.employer-landing .tabs__link{
  border-left:5px solid transparent!important;
  border-radius:3px;
  border-bottom:none!important;
  line-height:1.5;
  height:auto;
  padding-left:20px;
  padding-right: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);
  transition:all .3s ease;
  cursor:pointer
}

.employer-landing .tab-current{
  border-left:5px solid #f69322!important;
  border-bottom:none!important;
  box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.2)
}

.employer-landing .tab__content .bullet-point{
  margin-top:25px
}

.employer-landing .tab__content .bullet-point+p{
  line-height:32px;
  margin-top:15px;
  margin-bottom:5px
}

.employer-landing .tabs-accordion .tabs__link{
  box-shadow:none
}

.tabs-accordion details{
  margin-bottom:20px;
  box-shadow:0 4px 24px 4px #cdcaca
}

.tabs-accordion details .tab__content{
  box-shadow:none!important
}

.tabs-accordion details summary::-webkit-details-marker{
  display:none
}

.tabs-accordion summary::-moz-list-bullet{
  list-style-type:none
}

.tabs-accordion .summary-content{
  position:relative;
  display:inline-flex;
  flex-direction:column;
  width:100%;
  z-index:1000
}

.tabs-accordion .summary-content:before{
  content:"+";
  font-size:2rem;
  color:#f69322;
  position:absolute;
  right:30px;
  top:20px;
  z-index:1000
}

.tabs-accordion details[open] .summary-content:before{
  content:"-"
}

.no-details details,.no-details details summary{
  display:block
}

.employer-navigation .tabs__link--container li{
  margin-right:50px
}

.employer-navigation .tabs__link--container li:nth-child(2){
  order:4
}

.similar-jobs-tab .search-result__job-title h3{
  line-height:1rem
}

.similar-jobs-tab .search-result__header{
  padding:15px 0 15px
}

.top-jobs .tabs__link--container{
  display:inline-flex;
  justify-content:space-between;
  align-items:center;
  margin-top:10px;
  margin-bottom:10px;
  width:90px!important;
  height:30px;
  min-height:30px;
  padding:0
}

.top-jobs .tabs__link--container li{
  position:relative;
  flex-basis:auto;
  align-items:center;
  justify-content:center;
  display:inline-flex;
  width:14px;
  height:14px;
  border-radius:50%;
  border:1px solid #979797
}

.top-jobs .tabs__link--container .tabs__link{
  position:relative;
  border-radius:50%;
  background-color:initial;
  width:14px;
  height:14px;
  min-width:14px;
  min-height:14px;
  display:inline-flex;
  border:none;
  padding:0;
  margin:0
}

.top-jobs .tab-current,.top-jobs .tabs__link--no-target:active,.top-jobs .tabs__link--no-target:focus,.top-jobs .tabs__link--selected,.top-jobs .tabs__link--selected:hover,.top-jobs .tabs__link:active,.top-jobs .tabs__link:focus{
  background-color:#f69322!important
}

.job-seeker-area__content .tabs__link--container{
  justify-content:space-between;
  width:100%;
  margin-bottom:10px;
  border-bottom:2px solid #eee
}

.job-seeker-area__content .active .tabs__link{
  color:#4e5559;
  border-bottom:5px solid #f69322!important
}

.tabs__link-parent{
  position:relative;
  flex:1 1 calc(100% / 3);
  justify-content:center;
  display:flex;
  flex-basis:auto
}

.tabs__link-parent .tabs__link{
  width:100%;
  margin-right:0;
  margin-left:0
}

.content-wrap{
  position:relative;
  min-height:100px
}

.content-wrap section{
  display:none;
  border-radius:3px
}

.content-wrap section.content-current{
  display:inline-block;
  width:100%
}

.content-wrap .this-tab-animates.content-current{
  -webkit-animation:a .3s ease both;
  animation:a .3s ease both
}

@-webkit-keyframes a{
  0%{
    opacity:0;
    transform:translateY(10px)
  }

  to{
    opacity:1;
    transform:translateY(0)
  }
}

@keyframes a{
  0%{
    opacity:0;
    transform:translateY(10px)
  }

  to{
    opacity:1;
    transform:translateY(0)
  }
}

.one-signal-card{
  position:relative;
  display:none;
  flex-direction:column;
  width:100%;
  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)
}

.one-signal__header{
  flex-direction:row;
  padding:0 20px
}

.one-signal__content-segment,.one-signal__header{
  position:relative;
  display:inline-flex;
  align-items:center;
  width:100%
}

.one-signal__content-segment{
  flex-direction:column
}

.one-signal__top{
  margin:0;
  font-size:1.125rem;
  font-weight:500
}

.one-signal__bottom,.one-signal__top{
  position:relative;
  display:inline-flex
}

.one-signal__bottom{
  font-size:1rem
}

.one-signal__column{
  flex-direction:column;
  justify-content:center
}

.one-signal__column,.one-signal__row{
  position:relative;
  display:inline-flex;
  width:100%
}

.one-signal__row{
  align-items:center;
  flex-direction:row;
  justify-content:space-between
}

.one-signal__icon{
  position:relative;
  width:70px;
  max-width:70px;
  min-width:70px;
  height:70px;
  max-height:70px;
  border-radius:50%;
  background-color:#4e5559!important
}

.one-signal__icon svg{
  position:absolute;
  width:48px;
  max-width:48px;
  min-width:48px;
  height:48px;
  max-height:48px;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
}

.one-signal__icon-media{
  fill:#fff
}

@media (min-width:960px) and (max-width:1024px){
  .enquiry__field{
    display:inline-block;
    width:50%;
    padding-right:20px
  }
}

@media screen and (min-width:960px){
  .employer-landing .tabs-accordion{
    display:none
  }
}

@media (max-width:1280px){
  .enquiry-header-type{
    left:30px;
    transform:translateY(-50%)
  }
}

@media screen and (max-width:768px){
  .breadcrumb{
    display:none
  }

  .share .button{
    display:block;
    margin-left:auto;
    margin-right:auto;
    max-width:146px
  }

  .employer-logo__image{
    max-width:60px
  }

  .file-upload-label{
    display:none
  }
}

@media screen and (max-width:960px){
  .button--whatsapp{
    display:inline-flex
  }

  .employer-logo__image{
    max-width:70px
  }

  .job-header__details{
    width:100%;
    padding-left:20px;
    padding-right:0
  }

  .job__title{
    font-size:1.5rem
  }

  .employer-landing .tabs{
    display:none
  }

  .employer-landing .tab__content .bullet-point{
    margin-left:0
  }

  .tabs-accordion .tabs__link p{
    text-align:center
  }

  .employer-landing.padding-top-bottom--70{
    padding-top:20px!important
  }

  .tabs h4{
    padding-left:10px;
    padding-right:10px
  }

  .tabs__link--container{
    margin-bottom:20px
  }

  .tabs nav ul{
    display:block;
    width:100%;
    box-shadow:none
  }

  .tabs nav ul li{
    position:relative;
    display:inline-flex!important;
    align-items:center!important;
    flex:none;
    width:100%;
    line-height:50px
  }

  .tabs__link,.tabs__link--no-target{
    width:100%;
    padding-left:0;
    margin-left:0;
    margin-right:0;
    text-align:left;
    line-height:50px;
    border-bottom:5px solid #f0f0f0
  }

  .tabs__link-border{
    border-bottom-color:transparent;
    display:inline-block;
    width:100%
  }

  .tabs .details-tab ul li{
    width:auto!important
  }

  .details-tab .tabs__link{
    width:auto!important;
    line-height:60px;
    height:60px
  }
}

@media screen and (max-width:640px){
  .share__icon-link{
    margin-right:4px;
    margin-top:5px;
    margin-bottom:5px
  }
}

@media screen and (max-width:1140px){
  .job-header__industry,.job-header__location,.job-header__salary,.job-header__time-stamp,.job-header__work-type,.search-result__job-salary{
    font-size:.875rem
  }

  .job-seeker-area__content .tabs__link{
    height:50px;
    line-height:50px
  }

  .job-seeker-area__content .tabs__link--container{
    flex-direction:column;
    border-bottom:none;
    padding:0
  }

  .job-seeker-area__content .tabs__link--container li{
    position:relative;
    display:inline-flex;
    align-items:center;
    width:100%;
    border-bottom:1px solid #eee
  }

  .job-seeker-area__content .tabs__link--container li a{
    width:100%;
    text-align:left;
    padding-left:20px;
    border-left:5px solid transparent!important;
    border-bottom:none!important
  }

  .job-seeker-area__content .tabs__link--container li .tab-current{
    border-left:5px solid #f69322!important
  }
}

@media screen and (max-width:1024px){
  .job-header{
    padding:20px 0
  }

  .job-header .search-result__card-icon{
    max-height:40px;
    max-width:40px;
    min-width:40px;
    width:40px
  }

  .job-header .search-result__card-icon .basic-icon-logo{
    width:20px;
    max-width:20px;
    min-width:20px;
    height:20px;
    max-height:20px
  }

  .job-header__time-stamp{
    font-size:.875rem
  }

  .job-header__divider{
    display:none
  }

  .job-header__industry,.job-header__location,.job-header__salary,.job-header__time-stamp,.job-header__work-type{
    padding:0;
    width:100%
  }

  .job-header__details{
    padding-left:20px
  }

  .customer-card .job-header__save-form .button{
    margin-left:0
  }

  .job-header__label{
    justify-content:space-between
  }

  .job-header__footer{
    flex-direction:column;
    align-items:flex-start;
    padding:0 20px
  }

  .job-header__footer a,.job-header__footer h2,.search-result__job-salary{
    font-size:.875rem
  }

  .job__details__user-edit p{
    max-width:100%;
    min-width:100%;
    width:100%
  }

  .job__details ul{
    padding-left:15px
  }

  .job__application p{
    text-align:left
  }

  .job__report-container{
    justify-content:flex-start
  }
}

@media screen and (max-width:1280px){
  .job__message{
    padding:25px
  }
}
