.haVacatureHeader h1{
    font-size: 4em;
    color:#FFF;
}


.haIcon path {
  fill:#000;
}
.text-image{
  background-color: #4b195d;
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
  color:#FFF;
  padding:50px;
}
.jobIntro {
  padding-left:50px;
}
.jobIntro h2 {
  font-weight: 400;
  color: #52ae32;
  line-height: 1;
  margin-bottom: 8px;
}
.jobIntro h1 {
  line-height: 1;
  padding:0,
}

#intro h4{
  color:#FFF;
}

#intro .bs_btn.bs_btn-warning{
width:calc(50% - 0.5em);
}
#intro .bs_btn.bs_btn-warning+.bs_btn.bs_btn-warning{
  margin-left:1em;
}

.job-content { margin-top: 2em; padding-left:50px;padding-right:50px;}
.job-content h2{ margin-top: 2em; }

.jobApplyRowDark ul:not([class]):not([id]) li::before,
.jobApplyContent ul:not([class]):not([id]) li::before,
.job-content ul:not([class]):not([id]) li::before,
#overzicht ul:not([class]):not([id]) li::before {
  content: "\e900";
  font-family: "icomoon";
  font-size: 16px;
  color: #ec6608;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  background: transparent;
}

.jobApplyIntroText{
margin-bottom: 2em;
}
.jobApplyImage img{
  border-top-right-radius: 50px;
  margin-top: -3em;
}

.jobApplyHolder h4{
    color:#FFF;
    font-size: 1.25em;
}

.haVacatureHeader{

  border-radius: 0 0 150px 0;
  min-height: 320px;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: auto 100%;

}

.haVacatureHeader{
  h1{
    color: #FFF;
    font-size: 4em;
    margin-top:2.5em;
  }
}

.haVacatureOffers {
    font-weight: 700;
    margin-bottom: 1em;
}
.haVacatureOffers>div{
    margin-right: 0.5em;
}
.haVacatureOffers i{
color:#4b195d;
margin-right: 0.25em;
font-weight: normal;
}
.haVacatureAnkeiler{
  background-color: #F4F1F5;
  border-radius: 0 50px 0 0;
  padding:30px 50px;
}

.haVacatureAnkeiler ul{
    padding-left: 1em;
    list-style: disc;
}
.haVacatureAnkeiler li{
    margin-bottom: 1em;
    font-weight: 700;
}
li::marker {
  color: #52ae32;
}

.haVacatureDescription
{
    margin-bottom: 2em;
}

.haVacatureDescription h2{
  font-size: 3em;
}
.haVacatureDescription ul,
.haVacatureRequirements ul,
.haVacatureSalary ul{
    padding-left: 1em;
    list-style: disc;
    margin-bottom: 1em;
}
.haVacatureSalary li{
font-size: 1em;
}

.haVacatureIntroText h2{
  font-size: 3em;
}
.haVacatureHeaderButtonRow{
    margin-bottom: 8em;
}

.haVacature h5{
  font-size: 1.2em;
  font-weight: 700;
  margin-bottom:0.5em;
}
.haVacature h3{
  font-size: 2em;
}
/* 
.bs_btn.bs_btn-warning {
  color:#FFF;
  background-color: #ec6608;
    border-color: #ec6608;
    border: 2px solid #e96c1a;
    font-size: 20px;
    font-weight: 700;
    padding: 13px 10px;
    border-radius: 3em;
    padding-right: 2em;
    padding-left: 2em;
} */
/* .bs_btn.bs_btn-warning.active,
.bs_btn.bs_btn-warning:HOVER{
  background-color: #FFF;
  color: #ec6608;
} */

.bs_btn.bs_btn-warning {
  color:#FFF;
  background-color: #FFFFFF33;
  border: solid 1px #FFF;
   
    font-size: 1em;
    font-weight: 700;
    padding: 13px 10px;
    border-radius: 3em;
    padding-right: 2em;
    padding-left: 2em;
}
.bs_btn.bs_btn-warning.active,
.bs_btn.bs_btn-warning.active:active,
.bs_btn.bs_btn-warning:active,
.bs_btn.bs_btn-warning:HOVER{
  background-color: #ec6608;
  border-color: #ec6608;
  color:#FFF;
}


/* .jobApplyImage:before {
  content: "";
  position: absolute;
  z-index: -1;
  top:50px;
  left:-50px;
  display:block;
  background: #f4f1f5;
  height: 400px;
  width: 80%;
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
} */
.vactureCard{
  border:none;
}
.vactureCard .bs_card-footer{
  border:none;
  background:none;
}


.jobApplyPrivacy{
font-size:11px;
padding-bottom:2em;

}

.jobApplyPrivacy a {
  color: #52ae32;
}
.jobApplyPrivacy label{font-size:12px;line-height: 20px;font-weight: 800}

.accordion-button:not(.collapsed){
  background-color: #4b195d;
  color:#FFF;
}
.accordion-button:focus{

  box-shadow:none;
}

section.jobApply,
section.jobCloser{

  padding-top: 70px;
  padding-bottom: 70px;
}
.haJobCtrl h2:before,
.haJobsCtrl h2:before,
.jobApplyIntroText h2:before,
.jobApplyOpener h2:before,
.jobCloseText h2:before {
    display: block;
    margin: 20px 20px 8px 0;
    height: 4px;
    border-radius: 2px;
    content: " ";
    text-shadow: none;
    background-color: #52ae32;
    width: 60px;
}

.haVacatureIntroText h2:before{
    display: block;
    margin: 20px 20px 8px 0;
    margin-left:calc( 50% - 30px);
    height: 4px;
    border-radius: 2px;
    content: " ";
    text-shadow: none;
    background-color: #52ae32;
    width: 60px;
}

.jobApplyOpener h2 {
  font-weight: 400;
}

.bi.bi-pencil {cursor: pointer;

}
.bi.bi-pencil:HOVER{
   opacity: 0.5;
}

.bs_form-floating > label{
  background:none;
}

.bs_form-floating > .bs_form-control:focus ~ label::after, .bs_form-floating > .bs_form-control:not(:placeholder-shown) ~ label::after, .bs_form-floating > .bs_form-control-plaintext ~ label::after, .bs_form-floating > .bs_form-select ~ label::after {
  position: absolute;
  inset: .5rem 0.375rem;
}


.bs_btn-group .bs_btn.bs_btn-warning {
  padding: 13px 10px;
  /* border-radius: 1.25em; */
  padding-right: 1em;
  padding-left: 1em;
  padding-top: 0.2em;
  padding-bottom:0.2em;
}

#intro .bs_btn-group{
  margin-top: .25em;
  margin-bottom: .25em;
}

/* .bs_btn-group .bs_btn.bs_btn-warning :not[first-child]{
  border-radius
} */

.bs_form-floating.custom-floating label{
  color:#FFF;
  padding-left:1.5rem;
}

.bs_form-floating.custom-floating .bs_form-control{
  background-color: #FFFFFF33;
  border: none;
  border-radius: 3em;
  padding-left:1.5rem;
  border:solid 1px #FFF;
}
.bs_form-floating .bs_form-control:focus{
   background-color: #FFFFFF33;
}

.bs_form-floating.custom-floating:focus-within label {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease;
  
}

/* Pas padding aan bij focus */
.bs_form-floating.custom-floating:focus-within .bs_form-control,
.bs_form-floating.custom-floating > .bs_form-control:not(:placeholder-shown) {
  padding-top: 0.375rem; /* standaard padding bijv. aanpassen */
  padding-bottom: 0.375rem;
  padding-left:1.5rem;
  color:#FFF;

}


.bs_form-floating > .bs_form-control:focus ~ label,
.bs_form-floating > .bs_form-control:not(:placeholder-shown) ~ label {
  display: none;
}

.bs_form-floating.custom-floating > :disabled ~ label, .bs_form-floating.custom-floating > .bs_form-control:disabled ~ label {
  color:#FFFFFF99;
}

  #jobApplyImageHolder{ display: none;}

.jobApplyRowDark,
.jobApplyRow {
  background-color:#f4f1f5;
  
  padding: 0 3em 3em 3em;
  /* margin-top: 0;
  padding-top: 0; */
  border-bottom-right-radius: 3em;
}
.jobApplyRow {
  background-size: auto 100%;          /* automatische breedte, volledige hoogte */
  background-position: right bottom;   
  background-repeat: no-repeat;
  border-bottom-right-radius: 3em;
}
.tab-pane {color:#FFF;}
/* .tab-pane ul li {color:#FFF;}
.tab-pane h4{color:#FFF;}
.tab-pane p{color:#FFF;} */


.tab-pane .bs_form-check label{
  color:#52ae32;
}


.jobApplyRowDark {
  background-color:#4b195d;
  color:#FFF;
  /* padding-top:3em;
  margin-bottom: 0; */
}



#jobTabs .nav-item {width:25%; font-size:.8em;}
#jobTabs .nav-item button.nav-link{ background:none; color:#d2c6d7; text-align: left;padding-left: 0}
#jobTabs .nav-item button.nav-link.active{ color:#52ae32;font-weight: 700;}

#jobTabs .nav-item button.stepFinished {
  color: #52ae32;
  font-weight: 700;
}
#jobTabs .nav-item button.stepFinished span {
  color: #FFF;
}

.tab-pane#waar strong{
  color:#52ae32;
}

#gegevens input[type="text"],
#gegevens input[type="email"],
#gegevens input[type="search"],
#gegevens input[type="tel"],
#gegevens input[type="date"],
#gegevens input[type="password"],
#gegevens textarea{ 
  font-size: 1em;
  /* border:none; */
  /* padding-left: 01em;
  /*border-radius: 0;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #d2c6d7; */
}

  /* #gegevens input:focus,
  #gegevens textarea:focus{ background:none;} */

/* #gegevens .bs_form-floating > label {font-weight: normal;padding-left: 0;} */

#gegevens .bs_form-floating > .bs_form-control:focus ~ label::after,
#gegevens .bs_form-floating > .bs_form-control:not(:placeholder-shown) ~ label::after,
#gegevens .bs_form-floating > .bs_form-control-plaintext ~ label::after,
#gegevens .bs_form-floating > .bs_form-select ~ label::after{
  /* background:none !important; */
  font-size: 1em;
}
#gegevens .bs_form-floating label sup {color:#C00;top: -.25em;}
#gegevens .bs_form-control:focus {box-shadow:none}

.haVacatureAnkeiler .bs_btn.bs_btn-warning,
.haVacatureHeaderButtonRow .bs_btn.bs_btn-warning,
#waar .bs_btn.bs_btn-warning,
#overzicht .bs_btn.bs_btn-warning,
#gegevens .bs_btn.bs_btn-warning
{
  background-color: #ec6608;
  border-color: #ec6608;
  color: #FFF;
}


.bs_table.aafjeAvailabilityTable tr:first-child{
  display: none;
}
.bs_table.aafjeAvailabilityTable tr{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.bs_table.aafjeAvailabilityTable td{
    flex-basis: 50%;
    box-sizing: border-box;
}

.bs_table.aafjeAvailabilityTable td:first-child{
    flex-basis: 100%;
}


.bs_table.aafjeAvailabilityTable th,
.bs_table.aafjeAvailabilityTable td
 {
  background:none;
}
.aafjeAvailabilityTable tr td button {
  background:#FFF;
  border-color: #FFF;
  border-radius: 0;
}
.aafjeAvailabilityTable tr td button.bs_btn-success{
  background:#52ae32;
border-color: #52ae32;
color:#FFF;
}
.aafjeAvailabilityTable tr td:nth-of-type(even) button{
  border-top-left-radius: 1em;
}
.aafjeAvailabilityTable tr td:nth-of-type(odd) button{
  border-bottom-right-radius: 1em;
}


#waar {font-size: 1em;}

#waar .bs_row .whereBut {
  display: flex;
}

#waar .bs_row .whereBut button {
  background:#FFF;
  border-color: #FFF;
  border-radius: 0;
  height: 100%;
  flex-grow: 1;
}

#waar .bs_row .whereBut:nth-of-type(odd) button{
  border-top-left-radius: 1em;
}
#waar .bs_row .whereBut:nth-of-type(even) button{
  border-bottom-right-radius: 1em;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {

  .haVacatureAnkeiler{
  position: sticky;
  top: 100px;
}

  .jobApplyIntroText{
  margin-bottom: 3em;
  }
.jobApplyRowDark img{margin-top: -6em;}

  #jobTabs { margin-top: 1em;
  margin-bottom:1em;}
  #jobTabs .nav-item {font-size: .8em;}

#jobTabs .nav-item:after{
font-size: 1em;
}

  #jobApplyImageHolder{
    display: block;
    position: relative;
    margin-top: -3em;
    border-top-right-radius:3em;
  }


  .bs_table.aafjeAvailabilityTable tr:first-child{
    display: table-row;
  }
  .bs_table.aafjeAvailabilityTable tr{
      display: table-row;
      justify-content: space-between;
      flex-wrap: wrap;
  }

  .bs_table.aafjeAvailabilityTable td{
      display: table-cell;
  }

  .bs_table.aafjeAvailabilityTable td:first-child{
      flex-basis: none;
  }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

#jobTabs .nav-item {font-size: 1em;}
  #waar .bs_row .whereBut:nth-of-type(odd) button{
    border-top-left-radius: 0;
  }
  #waar .bs_row .whereBut:nth-of-type(even) button{
    border-bottom-right-radius: 0;
  }

  #waar .bs_row .whereBut:nth-of-type(3n+1) button{
    border-top-left-radius: 1em;
  }
  #waar .bs_row .whereBut:nth-of-type(3n) button{
    border-bottom-right-radius: 1em;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}


#waar .bs_row .whereBut button.btn-selected{
  background:#52ae32;
border-color: #52ae32;
color:#FFF;
}