/*files:/home/houseofwork/domains/houseofwork.nl/public_html/compiled/less/ats.css*/
/*ats.css*/
.vacancies-overview .actions,
.vacancies-detail .actions {
  text-align: right;
}
.vacancies-overview .actions .btn,
.vacancies-detail .actions .btn,
.vacancies-overview .actions .dropdown-menu,
.vacancies-detail .actions .dropdown-menu {
  -webkit-border-radius: 0;
  border-radius: 0;
  vertical-align: top;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.vacancies-overview .actions .btn,
.vacancies-detail .actions .btn {
  padding-bottom: 5px;
  padding-top: 5px;
}
.vacancies-overview .actions .fa,
.vacancies-detail .actions .fa {
  font-size: 16px;
}
.vacancies-overview .actions .addthis,
.vacancies-detail .actions .addthis {
  display: inline-block;
  vertical-align: top;
}
.vacancies-overview .actions .addthis .at-resp-share-element .at-share-btn,
.vacancies-detail .actions .addthis .at-resp-share-element .at-share-btn {
  margin-bottom: 0;
}
.vacancies-overview .header,
.vacancies-detail .header {
  margin-bottom: 25px;
  position: relative;
}
.vacancies-overview .header h2,
.vacancies-detail .header h2 {
  line-height: 34px;
  margin: 0;
}
.vacancies-overview .detail .demands,
.vacancies-detail .detail .demands {
  margin-top: 20px;
}
.vacancies-overview .fa,
.vacancies-detail .fa {
  margin-right: 3px;
  top: 2px;
}
.vacancies-overview .overview-link,
.vacancies-detail .overview-link {
  float: left;
}
.vacancies-overview .row.row-vacancyImage img,
.vacancies-detail .row.row-vacancyImage img {
  max-width: 100%;
}
.vacancy-hero-image .image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 650px;
}
@media (max-width: 1199px) {
  .vacancy-hero-image .image {
    height: 550px;
  }
}
@media (max-width: 991px) {
  .vacancy-hero-image .image {
    height: 400px;
  }
}
@media (max-width: 767px) {
  .vacancy-hero-image .image {
    height: 350px;
  }
}
@media (max-width: 575px) {
  .vacancy-hero-image .image {
    height: 300px;
  }
}
.vacancies-overview .vacancy-card:hover {
  background-color: #f8f8f8;
}
.vacancies-overview .equal-height > [class*="col-"] {
  display: flex;
}
.applied {
  background-color: #eee;
}
.applied.applied-content {
  margin: 15px 0 0;
  padding: 5px 10px 5px 40px;
  position: relative;
}
.applied.applied-content .applied-mark {
  font-size: 20px;
  left: 10px;
  right: auto;
  top: auto;
}
.applied .applied-mark {
  color: green;
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-display: swap;
  font-size: 25px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  position: absolute;
  right: 20px;
  top: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.applied .applied-mark:before {
  content: "\f00c";
}
.vacancy-card {
  border: 1px solid #ccc;
  margin-bottom: 25px;
  padding: 20px;
  position: relative;
}
.vacancy-card .vacanyBlockLink {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  text-indent: -9999px;
}
.vacancy-card.list-item {
  border: none;
  border-bottom: 1px solid #ccc;
  margin: 0 0 7px;
  padding: 0 0 7px;
}
.vacancy-card.list-item a,
.vacancy-card.list-item h3 {
  font-size: 16px;
  margin: 0;
  text-decoration: none;
}
.vacancy-card.list-item .badges {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  margin-bottom: 0;
}
.vacancy-card.list-item .badges > span {
  flex: 0 0 auto;
  margin-right: 10px;
}
.vacancy-card.list-item .badges .read-more {
  margin: 0 0 0 auto;
}
.vacancy-card .title {
  position: relative;
}
.vacancy-card .title .date {
  position: absolute;
  right: 15px;
  top: 0;
}
.vacancy-card .badges,
.vacancy-card .details {
  margin-bottom: 20px;
}
.vacancy-card .badges .badge,
.vacancy-card .details .badge {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-weight: normal;
  line-height: 15px;
  padding: 4px 8px;
}
.vacancy-card .badges .badge.city,
.vacancy-card .details .badge.city {
  text-transform: uppercase;
}
.vacancy-card .details > span:not(:first-child) {
  border-left: 1px solid #ccc;
  margin-left: 5px;
  padding-left: 10px;
}
.vacancy-card .intro,
.vacancy-card .description {
  line-height: 20px;
  overflow: hidden;
}
.vacancy-card .intro p,
.vacancy-card .description p {
  margin-bottom: 20px;
}
.vacancy-card .intro:not(.description),
.vacancy-card .description:not(.description) {
  max-height: 60px;
}
.vacancy-card .properties {
  margin-top: 20px;
}
.vacancy-card .properties .table td:first-child {
  font-weight: bold;
  width: 20%;
}
.vacancy-card .properties .table .city > td:nth-child(2) {
  text-transform: uppercase;
}
.vacancy-card .detail-link {
  margin: 30px 0 10px;
  position: relative;
}
.vacancy-card .detail-link a {
  border: 1px solid #e6e6e6;
  display: block;
  padding: 9px 8px;
  position: absolute;
  right: 0;
  text-decoration: none;
  top: -15px;
}
.vacancies-filter fieldset {
  margin-bottom: 20px;
}
.vacancies-filter ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.vacancies-filter ul .vacancy-filter {
  padding: 0;
  position: relative;
}
.vacancies-filter ul .vacancy-filter:after {
  border: 5px solid #ddd;
  border-color: #ddd transparent transparent transparent;
  content: " ";
  position: absolute;
  right: 0;
  top: 10px;
  z-index: 1;
}
.vacancies-filter ul .vacancy-filter__title {
  border-bottom: 1px solid #ddd;
  cursor: pointer;
}
.vacancies-filter ul.filter-container {
  margin-bottom: 20px;
}
.vacancies-filter ul.filter-container li {
  border-bottom: 1px solid #ddd;
  margin-bottom: 3px;
  padding: 3px 0;
}
.vacancies-filter ul.filter-container li:last-child {
  border: none;
}
.vacancies-filter ul.filter-container label {
  margin: 0 0 0 10px;
}
.vacancies-filter ul.filter-container .badge {
  margin-top: 6px;
  float: right;
}
.vacancies-filter-v2 {
  background-color: #f7f5f0;
}
.vacancies-filter-v2 .vacancy-mobile-link {
  display: none;
  padding: 20px 0;
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .vacancy-mobile-link {
    display: block;
  }
}
@media (max-width: 375px) {
  .vacancies-filter-v2 .vacancy-mobile-link {
    text-align: center;
  }
}
.vacancies-filter-v2 .vacancy-mobile-link span {
  cursor: pointer;
}
.vacancies-filter-v2 .vacancy-filter-wrapper {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .vacancy-filter-wrapper {
    background-color: #f7f5f0;
    border-bottom: 1px solid #d7d7d7;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    padding: 0 15px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.vacancies-filter-v2 .vacancy-filter {
  padding: 20px 30px 20px 30px;
  user-select: none;
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .vacancy-filter {
    border-right: 0;
    padding: 20px 0;
    margin: 0 15px;
  }
}
@media (min-width: 992px) {
  .vacancies-filter-v2 .vacancy-filter:not(:first-of-type) .fake-border {
    border-left: 2px solid #d7d7d7;
    position: absolute;
    top: 50%;
    bottom: 0;
    transform: translate(-31px, -50%);
  }
}
@media (min-width: 992px) {
  .vacancies-filter-v2 .vacancy-filter.filtered {
    background-color: #d7d7d7;
  }
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .vacancy-filter.filtered .title {
    font-weight: 700;
    text-decoration: underline;
  }
}
.vacancies-filter-v2 .vacancy-filter.closed .title:after {
  content: "\f078";
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .vacancy-filter.closed .title:after {
    content: "\f02c";
  }
}
.vacancies-filter-v2 .vacancy-filter.open .title:after {
  content: "\f077";
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .vacancy-filter.open .title:after {
    content: "\f02c";
  }
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .vacancy-filter.filter-list-industries .title:after {
    content: "\f275";
  }
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .vacancy-filter.filter-list-functions .title:after {
    content: "\f0b1";
  }
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .vacancy-filter.filter-list-regions .title:after {
    content: "\f0ac";
  }
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .vacancy-filter.filter-hours .title:after {
    content: "\f017";
  }
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .vacancy-filter.filter-salary .title:after {
    content: "\f02b";
  }
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .vacancy-filter.filter-city .title:after {
    content: "\f041";
  }
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .vacancy-filter.filter-country .title:after {
    content: "\f041";
  }
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .vacancy-filter.filter-employment_period .title:after {
    content: "\f040";
  }
}
.vacancies-filter-v2 .filter-container {
  background-color: #f7f5f0;
  display: flex;
  position: absolute;
  width: 100%;
  z-index: 1;
  top: calc(100% + 10px);
  left: 0;
  list-style: none;
  padding: 40px;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .filter-container {
    display: flex;
    flex-direction: column;
    top: 0;
    padding: 55px 40px 40px 40px;
    flex-wrap: nowrap;
    overflow-y: scroll;
  }
}
.vacancies-filter-v2 .filter-container li {
  width: 33.33333%;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .filter-container li {
    width: 100%;
    display: flex;
    align-items: center;
  }
}
.vacancies-filter-v2 .filter-container input {
  margin-right: 12px;
  cursor: pointer;
}
.vacancies-filter-v2 .filter-container label {
  margin: 0;
  cursor: pointer;
  flex-grow: 1;
}
.vacancies-filter-v2 .filter-container .filter-form-close {
  font-size: 21px;
  width: auto;
  position: absolute;
  top: 10px;
  right: 10px;
  line-height: 1;
  cursor: pointer;
}
.vacancies-filter-v2 .filter-container .filter-form-button {
  margin: 30px 0 0 0;
  width: 100%;
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .filter-container .filter-form-button {
    margin-top: auto;
  }
}
.vacancies-filter-v2 .title {
  margin: 0 10px 0 0;
  cursor: pointer;
  position: relative;
  font-weight: 700;
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .title {
    margin: 0;
    padding-top: 30px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
  }
}
.vacancies-filter-v2 .title:after {
  font-family: FontAwesome;
  font-size: 12px;
  position: absolute;
  margin-left: 10px;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .title:after {
    font-size: 18px;
    margin: 0;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 991px) {
  .vacancies-filter-v2 .filter-submit {
    width: 100%;
  }
}
.vacancies-filter-v2 .filter-reset {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media (max-width: 375px) {
  .vacancies-filter-v2 .filter-reset {
    position: static;
    transform: none;
    margin: 0 0 20px 0;
    width: 100%;
  }
}
.vacancies-filter-v2 .filter-next {
  display: none;
}
.editMode .vacancies-filter-v2 .filter-container {
  display: none;
}
.vacancies-summary h3 {
  margin-top: 0;
}
.vacancies-summary .info {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-bottom: 10px;
}
.vacancies-summary .info .info-group {
  flex: 0 0 100%;
  margin-bottom: 10px;
}
.vacancies-summary .info .info-group .info-label {
  display: inline-block;
  min-width: 100px;
  font-weight: 900;
  float: left;
  width: 50%;
}
.vacancies-summary .info .info-group .info-label .fa {
  margin-right: 5px;
  font-size: 16px;
}
.vacancies-summary .info .info-group .info-data {
  display: inline-block;
  float: right;
  width: 50%;
}
.vacancies-contact .info-group {
  word-break: break-word;
}
.equal-height > [class*="col-"] {
  display: flex;
}
.vacancy-block {
  background-color: #fff;
  border: 1px solid #f4f4f4;
  border-radius: 3px;
  color: #000;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  text-decoration: none;
}
.vacancy-block:hover {
  background-color: #f4f4f4;
  color: #000;
  text-decoration: none;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.vacancy-block__image {
  text-align: center;
}
.vacancy-block__info.image-top {
  padding: 15px 15px 15px 15px;
}
.vacancy-block__info.image-left {
  padding: 15px 15px 15px 0;
}
@media (max-width: 425px) {
  .vacancy-block__info.image-left {
    padding: 10px 10px 10px 0;
  }
}
.vacancy-block__info.image-right {
  padding: 15px 0 15px 15px;
}
@media (max-width: 425px) {
  .vacancy-block__info.image-right {
    padding: 10px 0 10px 15px;
  }
}
.vacancy-block__info.image-right .link-detail {
  left: 30px;
}
@media (max-width: 425px) {
  .vacancy-block__title h3 {
    font-size: 1.5rem;
  }
}
.vacancy-block__badges {
  margin: 0 0 10px 0;
}
.vacancy-block__badges .fa,
.vacancy-block__badges .fa-solid,
.vacancy-block__badges .fa-light {
  margin-right: 3px;
  top: 2px;
}
.vacancy-block__date,
.vacancy-block__code,
.vacancy-block__views,
.vacancy-block__region,
.vacancy-block__city,
.vacancy-block__country,
.vacancy-block__hours,
.vacancy-block__salary,
.vacancy-block__salary-min-max,
.vacancy-block__function,
.vacancy-block__function-category,
.vacancy-block__industry,
.vacancy-block__education,
.vacancy-block__contract-type {
  display: inline-block;
  margin: 0 10px 0 0;
}
@media (max-width: 375px) {
  .vacancy-block__date,
  .vacancy-block__code,
  .vacancy-block__views,
  .vacancy-block__region,
  .vacancy-block__city,
  .vacancy-block__country,
  .vacancy-block__hours,
  .vacancy-block__salary,
  .vacancy-block__salary-min-max,
  .vacancy-block__function,
  .vacancy-block__function-category,
  .vacancy-block__industry,
  .vacancy-block__education,
  .vacancy-block__contract-type {
    display: none;
  }
}
@media (max-width: 575px) {
  .vacancy-block__date,
  .vacancy-block__code,
  .vacancy-block__views,
  .vacancy-block__region,
  .vacancy-block__function,
  .vacancy-block__function-category,
  .vacancy-block__industry,
  .vacancy-block__education,
  .vacancy-block__contract-type {
    display: none;
  }
}
.vacancy-block__hours .fa-time:before {
  content: "\f017";
}
@media (max-width: 767px) {
  .vacancy-block__description {
    display: none;
  }
}
.vacancy-block__description p {
  margin: 0;
}
.vacancy-block__footer {
  height: 1px;
  margin: 20px 0;
  position: static;
}
@media (max-width: 767px) {
  .vacancy-block__footer {
    display: none;
  }
}
.vacancy-block__footer .link-detail {
  position: absolute;
  bottom: 0;
  left: 15px;
  margin-bottom: 15px;
}
.vacancy-block .w-auto {
  width: auto !important;
}
.vacancy-block-v2 {
  margin-bottom: 30px;
  height: 250px;
  text-decoration: none;
}
.vacancy-block-v2:hover .image {
  transition: all 1.5s;
  transform: scale(1.05);
}
.vacancy-block-v2.left .info-wrapper {
  border-width: 1px 1px 1px 0;
}
.vacancy-block-v2.right {
  flex-direction: row-reverse;
}
.vacancy-block-v2.right .info-wrapper {
  border-width: 1px 0 1px 1px;
}
@media (max-width: 767px) {
  .vacancy-block-v2.left,
  .vacancy-block-v2.right {
    height: 500px;
  }
  .vacancy-block-v2.left a,
  .vacancy-block-v2.right a {
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  .vacancy-block-v2.left.width-50,
  .vacancy-block-v2.right.width-50,
  .vacancy-block-v2.left.width-33,
  .vacancy-block-v2.right.width-33,
  .vacancy-block-v2.left.width-25,
  .vacancy-block-v2.right.width-25 {
    height: 500px;
  }
  .vacancy-block-v2.left.width-50 a,
  .vacancy-block-v2.right.width-50 a,
  .vacancy-block-v2.left.width-33 a,
  .vacancy-block-v2.right.width-33 a,
  .vacancy-block-v2.left.width-25 a,
  .vacancy-block-v2.right.width-25 a {
    flex-direction: column;
  }
  .vacancy-block-v2.left.width-50 .image-wrapper,
  .vacancy-block-v2.right.width-50 .image-wrapper,
  .vacancy-block-v2.left.width-33 .image-wrapper,
  .vacancy-block-v2.right.width-33 .image-wrapper,
  .vacancy-block-v2.left.width-25 .image-wrapper,
  .vacancy-block-v2.right.width-25 .image-wrapper {
    width: 100%;
    height: 230px;
  }
  .vacancy-block-v2.left.width-50 .info-wrapper,
  .vacancy-block-v2.right.width-50 .info-wrapper,
  .vacancy-block-v2.left.width-33 .info-wrapper,
  .vacancy-block-v2.right.width-33 .info-wrapper,
  .vacancy-block-v2.left.width-25 .info-wrapper,
  .vacancy-block-v2.right.width-25 .info-wrapper {
    flex-grow: 1;
    width: 100%;
    border-width: 0 1px 1px 1px;
  }
  .vacancy-block-v2.left.width-50 .detail-link,
  .vacancy-block-v2.right.width-50 .detail-link,
  .vacancy-block-v2.left.width-33 .detail-link,
  .vacancy-block-v2.right.width-33 .detail-link,
  .vacancy-block-v2.left.width-25 .detail-link,
  .vacancy-block-v2.right.width-25 .detail-link {
    text-align: center;
  }
}
.vacancy-block-v2.left.width-50 .badges,
.vacancy-block-v2.right.width-50 .badges,
.vacancy-block-v2.left.width-33 .badges,
.vacancy-block-v2.right.width-33 .badges,
.vacancy-block-v2.left.width-25 .badges,
.vacancy-block-v2.right.width-25 .badges {
  display: none;
}
@media (min-width: 992px) {
  .vacancy-block-v2.left.width-33 .info-wrapper,
  .vacancy-block-v2.right.width-33 .info-wrapper,
  .vacancy-block-v2.left.width-25 .info-wrapper,
  .vacancy-block-v2.right.width-25 .info-wrapper {
    justify-content: space-between;
  }
  .vacancy-block-v2.left.width-33 .description,
  .vacancy-block-v2.right.width-33 .description,
  .vacancy-block-v2.left.width-25 .description,
  .vacancy-block-v2.right.width-25 .description {
    display: none;
  }
  .vacancy-block-v2.left.width-33 .detail-link,
  .vacancy-block-v2.right.width-33 .detail-link,
  .vacancy-block-v2.left.width-25 .detail-link,
  .vacancy-block-v2.right.width-25 .detail-link {
    text-align: center;
  }
}
@media (max-width: 1199px) {
  .vacancy-block-v2.left.width-25,
  .vacancy-block-v2.right.width-25 {
    height: 500px;
  }
  .vacancy-block-v2.left.width-25 a,
  .vacancy-block-v2.right.width-25 a {
    flex-direction: column;
  }
  .vacancy-block-v2.left.width-25 .image-wrapper,
  .vacancy-block-v2.right.width-25 .image-wrapper {
    width: 100%;
    height: 230px;
  }
  .vacancy-block-v2.left.width-25 .info-wrapper,
  .vacancy-block-v2.right.width-25 .info-wrapper {
    flex-grow: 1;
    width: 100%;
    border-width: 0 1px 1px 1px;
  }
}
.vacancy-block-v2.left .image-wrapper,
.vacancy-block-v2.right .image-wrapper {
  width: 30%;
}
@media (max-width: 767px) {
  .vacancy-block-v2.left .image-wrapper,
  .vacancy-block-v2.right .image-wrapper {
    width: 100%;
    height: 230px;
  }
}
.vacancy-block-v2.left .info-wrapper,
.vacancy-block-v2.right .info-wrapper {
  width: 70%;
}
@media (max-width: 767px) {
  .vacancy-block-v2.left .info-wrapper,
  .vacancy-block-v2.right .info-wrapper {
    flex-grow: 1;
    width: 100%;
    border-width: 0 1px 1px 1px;
  }
}
.vacancy-block-v2.left .detail-link,
.vacancy-block-v2.right .detail-link {
  text-align: right;
}
@media (max-width: 767px) {
  .vacancy-block-v2.left .detail-link,
  .vacancy-block-v2.right .detail-link {
    text-align: center;
  }
}
.vacancy-block-v2.top {
  height: 500px;
}
.vacancy-block-v2.top a {
  flex-direction: column;
}
@media (max-width: 1199px) {
  .vacancy-block-v2.top.width-50 .badges {
    display: none;
  }
}
.vacancy-block-v2.top.width-33 .badges,
.vacancy-block-v2.top.width-25 .badges {
  display: none;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .vacancy-block-v2.top.width-25 .info-wrapper {
    justify-content: space-between;
  }
  .vacancy-block-v2.top.width-25 .description {
    display: none;
  }
}
.vacancy-block-v2.top .image-wrapper {
  height: 260px;
}
.vacancy-block-v2.top .info-wrapper {
  flex-grow: 1;
}
.vacancy-block-v2.top .detail-link {
  text-align: center;
}
.vacancy-block-v2 a {
  display: flex;
  height: 100%;
}
.vacancy-block-v2 .image-wrapper {
  overflow: hidden;
}
.vacancy-block-v2 .image-wrapper .image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.vacancy-block-v2 .info-wrapper {
  border: 1px solid #f4f4f4;
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.vacancy-block-v2 .image {
  background-color: #808080;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  transition: all 300ms ease-in;
}
.vacancy-block-v2 .badges {
  margin: 0 0 5px 0;
}
@media (max-width: 475px) {
  .vacancy-block-v2 .badges {
    display: none;
  }
}
.vacancy-block-v2 .badge {
  display: inline-block;
  margin: 0 10px 0 0;
}
@media (max-width: 991px) {
  .vacancy-block-v2 .code,
  .vacancy-block-v2 .views,
  .vacancy-block-v2 .salary-min-max,
  .vacancy-block-v2 .function-category {
    display: none;
  }
}
.vacancy-block-v2 .description {
  flex-grow: 1;
}
@media (min-width: 768px) {
  .vacancy-block-v2 .description p:last-child {
    margin: 0;
  }
}
@media (min-width: 767px) {
  .vacancies-slider .slick-dots {
    display: none !important;
  }
}
.vacancies-slider .arrow {
  width: 55px;
  height: 55px;
  line-height: 55px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  z-index: 1;
  cursor: pointer;
}
@media (max-width: 767px) {
  .vacancies-slider .arrow {
    display: none !important;
  }
}
.vacancies-slider .arrow:after {
  color: #000;
  font-size: 3rem;
  font-family: "FontAwesome";
  font-weight: 900;
  left: 0;
  position: absolute;
  right: 0;
}
.vacancies-slider .arrow.prev {
  right: 100%;
}
.vacancies-slider .arrow.prev:after {
  content: "\f104";
}
.vacancies-slider .arrow.next {
  left: 100%;
}
.vacancies-slider .arrow.next:after {
  content: "\f105";
}
.vacancies-slider .vacancy-slide {
  position: relative;
}
@media (max-width: 767px) {
  .vacancies-slider .vacancy-slide {
    padding: 0;
  }
}
.vacancies-slider .vacancy-slide:hover .info-wrapper {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.65);
}
.vacancies-slider .vacancy-slide .image {
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.vacancies-slider .vacancy-slide .info-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
  background-clip: content-box;
}
@media (max-width: 991px) {
  .vacancies-slider .vacancy-slide .info-wrapper {
    position: relative;
    opacity: 1;
    padding: 0;
    background-color: #808080;
  }
}
.vacancies-slider .vacancy-slide .info-wrapper .title {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 991px) {
  .vacancies-slider .vacancy-slide .info-wrapper .title {
    position: relative;
    transform: unset;
    padding: 15px;
    top: 0;
    left: 0;
  }
}
.vacancies-slider .vacancy-slide .info-wrapper .title h3 {
  color: #fff;
  margin: 0;
}
.popup-background {
  opacity: 0.75;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
  background: #000;
  overflow: hidden;
  filter: alpha(opacity=50);
  display: none;
  cursor: pointer;
  transition: all 0.5s cubic-bezier(0.59, -0.17, 0.3, 1.67);
  width: 100%;
  height: 100%;
}
.loading-ring-icon {
  display: none;
  position: absolute;
  width: 64px;
  height: 64px;
  z-index: 9999;
}
@media (min-width: 576px) {
  .loading-ring-icon {
    position: fixed;
  }
}
.loading-ring-icon div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border-width: 6px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
  border-radius: 50%;
  animation: loading-ring-icon 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
.loading-ring-icon div:nth-child(1) {
  animation-delay: -0.45s;
}
.loading-ring-icon div:nth-child(2) {
  animation-delay: -0.3s;
}
.loading-ring-icon div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes loading-ring-icon {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.application-popup {
  background-color: #fff;
  z-index: -9999;
  padding: 15px 5px;
  position: absolute;
  width: auto;
  max-width: 100%;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.59, -0.17, 0.3, 1.67);
  transform: translate(0px, 0px);
}
@media (min-width: 320px) {
  .application-popup {
    width: 320px;
  }
}
@media (min-width: 375px) {
  .application-popup {
    width: 375px;
  }
}
@media (min-width: 425px) {
  .application-popup {
    width: 425px;
  }
}
@media (min-width: 576px) {
  .application-popup {
    position: fixed;
    width: 576px;
  }
}
@media (min-width: 768px) {
  .application-popup {
    width: 768px;
  }
}
@media (min-width: 991px) {
  .application-popup {
    width: 775px;
  }
}
@media (min-width: 1100px) {
  .application-popup {
    width: 825px;
  }
}
.application-popup.is-open {
  opacity: 1;
  z-index: 9999;
}
.application-popup--wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 576px) {
  .application-popup--wrapper {
    flex-wrap: nowrap;
  }
}
@media (min-width: 576px) {
  .application-popup__application-wrapper {
    border-right: 2px solid #ccc;
  }
}
@media (max-width: 575px) {
  .application-popup__application-wrapper {
    margin-bottom: 30px;
  }
}
.application-popup__application-wrapper #applicationForm {
  display: block;
  border: 0;
  margin: 0;
  padding: 0 20px;
}
.application-popup__application-wrapper #applicationForm p {
  margin-bottom: 10px;
}
.application-popup__application-wrapper #applicationForm legend {
  margin: 0;
}
.application-popup__application-wrapper #applicationForm fieldset {
  margin: 0;
}
.application-popup__application-wrapper #applicationForm fieldset[name="credentials"] {
  display: none;
}
.application-popup__application-wrapper #applicationForm fieldset[name="optin"] .form-group {
  margin: 0;
}
.application-popup__application-wrapper #applicationForm fieldset[name="optin"] .opt-in {
  margin: 0;
}
.application-popup__application-wrapper #applicationForm fieldset[name="optin"] .opt-in label {
  font-weight: 500;
}
.application-popup__application-wrapper #applicationForm fieldset[name="optin"] .opt-in label:after {
  height: 20px;
  width: 20px;
  border: 1px solid #ccc;
  margin-top: -10px;
}
.application-popup__application-wrapper #applicationForm fieldset[name="optin"] .opt-in label:before {
  right: 3px;
  font-size: 12px;
}
.application-popup__application-wrapper #applicationForm .cv-upload-label {
  margin: 0;
}
.application-popup__application-wrapper #applicationForm .credentials-text {
  margin-top: 10px;
}
.application-popup__application-wrapper #applicationForm .form-actions .register {
  display: none;
  width: 100%;
  border: 0;
  height: 50px;
  line-height: 28px;
  margin: 10px 0 0 0;
}
.application-popup__application-wrapper #applicationForm .form-actions .apply {
  width: 100%;
  border: 0;
  height: 50px;
  line-height: 28px;
  margin: 10px 0 0 0;
}
.application-popup__header-application {
  padding: 0 8px;
}
.application-popup__login-wrapper #loginForm legend {
  display: none;
}
.application-popup__login-wrapper #loginForm label {
  display: none;
}
.application-popup__login-wrapper #loginForm .form-control {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  height: 34px;
  line-height: 1.42857143;
  padding: 6px 12px;
  color: #555;
  font-size: 14px;
  font-weight: inherit;
}
.application-popup__login-wrapper #loginForm button {
  width: 100%;
  padding: 0;
  margin-top: 10px;
}
@media (min-width: 576px) {
  .application-popup__login-wrapper #loginForm button {
    width: 95%;
    position: absolute;
    bottom: 0;
    margin-top: 0;
  }
}
.application-popup__login-wrapper #loginForm .loginLinks {
  float: right;
}
.application-popup__login-wrapper #forgotPassForm {
  display: none;
  margin: 0;
}
.application-popup__login-wrapper #forgotPassForm legend {
  display: none;
}
.application-popup__login-wrapper #forgotPassForm label {
  display: none;
}
.application-popup__login-wrapper #forgotPassForm .form-control {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  height: 34px;
  line-height: 1.42857143;
  padding: 6px 12px;
  color: #555;
  font-size: 14px;
  font-weight: inherit;
}
.application-popup__login-wrapper #forgotPassForm fieldset .close {
  display: none;
}
.application-popup__login-wrapper .logged-in-apply {
  width: 100%;
  border: 0;
  height: 50px;
  line-height: 40px;
  margin-top: 10px;
}
@media (min-width: 576px) {
  .application-popup__login-wrapper .logged-in-apply {
    width: 95%;
    position: absolute;
    bottom: 0;
    margin-top: 0;
  }
}
#cvGeneratorForm,
#applicationForm,
#companyForm,
#payrollForm,
#signupForm.portal-signup {
  border: 1px solid #ccc;
  display: none;
  margin: 25px 0;
  overflow: hidden;
  padding: 20px;
}
#cvGeneratorForm.quick-apply:not(.not-quick) fieldset:not(.quick-apply),
#applicationForm.quick-apply:not(.not-quick) fieldset:not(.quick-apply),
#companyForm.quick-apply:not(.not-quick) fieldset:not(.quick-apply),
#payrollForm.quick-apply:not(.not-quick) fieldset:not(.quick-apply),
#signupForm.portal-signup.quick-apply:not(.not-quick) fieldset:not(.quick-apply),
#cvGeneratorForm.quick-apply:not(.not-quick) fieldset .row > div:not(.quick-apply),
#applicationForm.quick-apply:not(.not-quick) fieldset .row > div:not(.quick-apply),
#companyForm.quick-apply:not(.not-quick) fieldset .row > div:not(.quick-apply),
#payrollForm.quick-apply:not(.not-quick) fieldset .row > div:not(.quick-apply),
#signupForm.portal-signup.quick-apply:not(.not-quick) fieldset .row > div:not(.quick-apply) {
  display: none;
}
#cvGeneratorForm.quick-apply-mobile:not(.not-quick) fieldset:not(.quick-apply-mobile),
#applicationForm.quick-apply-mobile:not(.not-quick) fieldset:not(.quick-apply-mobile),
#companyForm.quick-apply-mobile:not(.not-quick) fieldset:not(.quick-apply-mobile),
#payrollForm.quick-apply-mobile:not(.not-quick) fieldset:not(.quick-apply-mobile),
#signupForm.portal-signup.quick-apply-mobile:not(.not-quick) fieldset:not(.quick-apply-mobile),
#cvGeneratorForm.quick-apply-mobile:not(.not-quick) fieldset .row > div:not(.quick-apply-mobile),
#applicationForm.quick-apply-mobile:not(.not-quick) fieldset .row > div:not(.quick-apply-mobile),
#companyForm.quick-apply-mobile:not(.not-quick) fieldset .row > div:not(.quick-apply-mobile),
#payrollForm.quick-apply-mobile:not(.not-quick) fieldset .row > div:not(.quick-apply-mobile),
#signupForm.portal-signup.quick-apply-mobile:not(.not-quick) fieldset .row > div:not(.quick-apply-mobile) {
  display: none;
}
#cvGeneratorForm.quick-apply-mobile .btn-quick-apply,
#applicationForm.quick-apply-mobile .btn-quick-apply,
#companyForm.quick-apply-mobile .btn-quick-apply,
#payrollForm.quick-apply-mobile .btn-quick-apply,
#signupForm.portal-signup.quick-apply-mobile .btn-quick-apply {
  display: inline-block;
}
#cvGeneratorForm .btn-quick-apply:not(.btn-mobile),
#applicationForm .btn-quick-apply:not(.btn-mobile),
#companyForm .btn-quick-apply:not(.btn-mobile),
#payrollForm .btn-quick-apply:not(.btn-mobile),
#signupForm.portal-signup .btn-quick-apply:not(.btn-mobile) {
  display: none;
}
#cvGeneratorForm .header,
#applicationForm .header,
#companyForm .header,
#payrollForm .header,
#signupForm.portal-signup .header {
  margin-bottom: 20px;
}
#cvGeneratorForm .header h3 span,
#applicationForm .header h3 span,
#companyForm .header h3 span,
#payrollForm .header h3 span,
#signupForm.portal-signup .header h3 span {
  text-transform: lowercase;
}
#cvGeneratorForm fieldset,
#applicationForm fieldset,
#companyForm fieldset,
#payrollForm fieldset,
#signupForm.portal-signup fieldset {
  margin-bottom: 15px;
}
#cvGeneratorForm fieldset legend,
#applicationForm fieldset legend,
#companyForm fieldset legend,
#payrollForm fieldset legend,
#signupForm.portal-signup fieldset legend {
  display: block;
  font-size: 16px;
}
#cvGeneratorForm fieldset.certificates label.certificate,
#applicationForm fieldset.certificates label.certificate,
#companyForm fieldset.certificates label.certificate,
#payrollForm fieldset.certificates label.certificate,
#signupForm.portal-signup fieldset.certificates label.certificate {
  width: 100%;
  display: block;
}
#cvGeneratorForm fieldset.certificates .certificates-upload,
#applicationForm fieldset.certificates .certificates-upload,
#companyForm fieldset.certificates .certificates-upload,
#payrollForm fieldset.certificates .certificates-upload,
#signupForm.portal-signup fieldset.certificates .certificates-upload {
  overflow: hidden;
}
#cvGeneratorForm fieldset.certificates div.radio,
#applicationForm fieldset.certificates div.radio,
#companyForm fieldset.certificates div.radio,
#payrollForm fieldset.certificates div.radio,
#signupForm.portal-signup fieldset.certificates div.radio {
  display: inline-block;
  margin: 0 20px 0 0;
}
#cvGeneratorForm fieldset .input-group-btn label,
#applicationForm fieldset .input-group-btn label,
#companyForm fieldset .input-group-btn label,
#payrollForm fieldset .input-group-btn label,
#signupForm.portal-signup fieldset .input-group-btn label {
  margin: 0;
}
#cvGeneratorForm input[type="file"],
#applicationForm input[type="file"],
#companyForm input[type="file"],
#payrollForm input[type="file"],
#signupForm.portal-signup input[type="file"] {
  background: #fff;
  cursor: inherit;
  display: block;
  filter: alpha(opacity=0);
  font-size: 100px;
  height: 32px;
  min-width: 100%;
  opacity: 0;
  outline: none;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}
#cvGeneratorForm .form-group,
#applicationForm .form-group,
#companyForm .form-group,
#payrollForm .form-group,
#signupForm.portal-signup .form-group {
  position: relative;
}
#cvGeneratorForm .form-group.selectCheckbox,
#applicationForm .form-group.selectCheckbox,
#companyForm .form-group.selectCheckbox,
#payrollForm .form-group.selectCheckbox,
#signupForm.portal-signup .form-group.selectCheckbox {
  z-index: 2;
}
#cvGeneratorForm .form-group > .input-group,
#applicationForm .form-group > .input-group,
#companyForm .form-group > .input-group,
#payrollForm .form-group > .input-group,
#signupForm.portal-signup .form-group > .input-group {
  z-index: 0;
}
#cvGeneratorForm .form-group .form-control.error,
#applicationForm .form-group .form-control.error,
#companyForm .form-group .form-control.error,
#payrollForm .form-group .form-control.error,
#signupForm.portal-signup .form-group .form-control.error {
  border-color: #f00;
}
#cvGeneratorForm .form-group .fa-exclamation-sign.validation,
#applicationForm .form-group .fa-exclamation-sign.validation,
#companyForm .form-group .fa-exclamation-sign.validation,
#payrollForm .form-group .fa-exclamation-sign.validation,
#signupForm.portal-signup .form-group .fa-exclamation-sign.validation {
  display: none !important;
}
#cvGeneratorForm .form-group.select .validation,
#applicationForm .form-group.select .validation,
#companyForm .form-group.select .validation,
#payrollForm .form-group.select .validation,
#signupForm.portal-signup .form-group.select .validation {
  right: 20px;
}
#cvGeneratorForm .form-group label.validationError,
#applicationForm .form-group label.validationError,
#companyForm .form-group label.validationError,
#payrollForm .form-group label.validationError,
#signupForm.portal-signup .form-group label.validationError {
  color: #f00;
}
#cvGeneratorForm .form-group label.error,
#applicationForm .form-group label.error,
#companyForm .form-group label.error,
#payrollForm .form-group label.error,
#signupForm.portal-signup .form-group label.error {
  font-size: 14px;
}
#cvGeneratorForm .special-table .delete-row,
#applicationForm .special-table .delete-row,
#companyForm .special-table .delete-row,
#payrollForm .special-table .delete-row,
#signupForm.portal-signup .special-table .delete-row {
  cursor: pointer;
}
#cvGeneratorForm fieldset[name="languages"] .input-group-addon,
#applicationForm fieldset[name="languages"] .input-group-addon,
#companyForm fieldset[name="languages"] .input-group-addon,
#payrollForm fieldset[name="languages"] .input-group-addon,
#signupForm.portal-signup fieldset[name="languages"] .input-group-addon {
  border-radius: 0 4px 4px 0;
}
#cvGeneratorForm fieldset[name="languages"] .open-language-select,
#applicationForm fieldset[name="languages"] .open-language-select,
#companyForm fieldset[name="languages"] .open-language-select,
#payrollForm fieldset[name="languages"] .open-language-select,
#signupForm.portal-signup fieldset[name="languages"] .open-language-select {
  display: none;
}
#jobAlertForm fieldset {
  margin-bottom: 15px;
}
#jobAlertForm fieldset[name="optin"] {
  margin-bottom: 0;
}
#jobAlertForm input.error {
  border-color: #f00;
}
#jobAlertForm .header {
  margin-bottom: 20px;
}
#jobAlertForm .form-group,
#jobAlertForm .input-group {
  position: relative;
}
#jobAlertForm .form-group .validation,
#jobAlertForm .input-group .validation {
  color: #ccc;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
#companyForm,
#signupForm.portal-signup {
  display: block;
}
#companyForm .form-group div.error:not(:empty),
#signupForm.portal-signup .form-group div.error:not(:empty) {
  padding: 6px 12px;
}
#cvGenerator #cvGeneratorForm {
  background-color: #fcfcfc;
  border-top: none;
  display: block;
  margin-top: 0;
}
#cvGenerator #cvGeneratorForm fieldset[name="file"] {
  margin-bottom: 0;
}
#cvGenerator #cvGeneratorForm fieldset[name="file"] .form-group {
  margin-bottom: 0;
}
#cvGenerator #cvSaveMobile,
#cvGenerator #cvDownloadMobile {
  margin-top: 25px;
}
#cvGenerator #cvSave,
#cvGenerator #cvSaveMobile {
  margin-left: 10px;
}
#cvGenerator .btn .fa {
  top: 2px;
}
#cvGenerator .ui-state-active a {
  background-color: #fcfcfc;
  border: 1px solid #ccc;
  border-bottom-color: #fcfcfc;
}
#cvGenerator .ui-state-active a:focus {
  outline: 0;
}
#cvGenerator .alert {
  display: none;
}
#cvGenerator #cvGeneratorFrame {
  background-color: #fff;
  border: 1px solid black;
  box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.2);
  display: none;
  position: fixed;
  top: 10px;
  left: 10px;
  height: 200px;
  width: 500px;
  z-index: 999;
}
#cvGenerator .special-table {
  font-size: 12px;
}
#cvGenerator .special-table p {
  margin: 0;
}
#cvGenerator .special-table .th-from,
#cvGenerator .special-table .th-to {
  width: 70px;
}
#cvGenerator .special-table .th-completed {
  width: 75px;
}
#cvGenerator .special-table .th-delete {
  width: 30px;
}
#cvGenerator .special-table .delete-row {
  cursor: pointer;
}
#cvGenerator .wysihtml5-toolbar a {
  text-decoration: none;
}
#cvGenerator .special-div-table {
  margin: 25px 0 10px;
}
#cvGenerator .special-div-table > div {
  border: 1px solid #e5e5e5;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 13px;
  margin-bottom: 10px;
  padding: 5px 10px;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
#cvGenerator .special-div-table > div > span {
  flex: 0 0 auto;
  line-height: 18px;
  margin-right: 10px;
  width: 30px;
}
#cvGenerator .special-div-table > div > span:nth-child(4) {
  width: auto;
}
#cvGenerator .special-div-table > div > span:nth-child(5) {
  display: none;
}
#cvGenerator .special-div-table > div > span:last-child {
  margin: 0;
  text-align: right;
}
#cvGenerator .candidate-image {
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 20px;
  max-width: 200px;
  padding: 5px;
}
#cvGenerator .candidate-image img {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  height: auto;
  max-width: 100%;
}
#cvGenerator .candidate-image .fa {
  font-size: 30px;
  margin: 3px 0 0 3px;
}
#cvGenerator .candidate-cv {
  margin-bottom: 5px;
}
#cvGenerator .ds-tooltip-container {
  display: inline-block;
  height: 20px;
  margin-left: 5px;
  position: relative;
  z-index: 1;
}
#cvGenerator .ds-tooltip-container .ds-tooltip {
  color: #ccc;
  display: block;
}
#cvGenerator .ds-tooltip-container .ds-tooltip:hover ~ div {
  display: block;
}
#cvGenerator .ds-tooltip-container .ds-tooltip-info {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  bottom: 100%;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  display: none;
  font-weight: normal;
  left: 0;
  margin-bottom: 5px;
  padding: 3px 10px;
  position: absolute;
  white-space: pre;
}
.vacancies-searchform.zend_form {
  overflow: visible;
}
.vacancies-searchform .vacancy-autocomplete-results {
  width: auto;
  max-height: 250px;
  overflow-y: scroll;
  background: #fff;
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 99999;
  display: none;
}
.vacancies-searchform .vacancy-autocomplete-results li {
  padding: 3px 10px;
}
.vacancies-searchform .vacancy-autocomplete-results li.selected,
.vacancies-searchform .vacancy-autocomplete-results li:hover {
  background: #eee;
  cursor: pointer;
}
.vacancies-searchform .industry-dropdown {
  width: 100%;
}
.vacancies-searchform button[type="submit"] {
  align-self: flex-end;
}
#flexworkersOverview table th {
  vertical-align: middle;
}
#flexworkersOverview table td {
  vertical-align: middle;
}
#flexworkersOverview table td.actions {
  text-align: right;
}
#flexworkerDetail ul {
  margin-bottom: 20px;
}
#flexworkerDetail ul.experience table {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
#flexworkerDetail ul.experience table th,
#flexworkerDetail ul.experience table td {
  padding: 0.75rem 1.25rem;
  background: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
#flexworkerDetail ul.experience table th p,
#flexworkerDetail ul.experience table td p {
  margin: 0;
}
#flexworkerDetail ul.experience table th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
#flexworkerDetail ul li {
  display: flex;
}
#flexworkerDetail ul li:first-child {
  font-weight: 700;
}
#flexworkerDetail ul span.list-label {
  flex: 0 1 25%;
  font-weight: 700;
  min-width: 150px;
}
#flexworkerDetail ul span.list-value {
  flex: 0 1 75%;
}
#flexworkerDetail .detail-action {
  text-align: right;
}
#flexworkerForm fieldset {
  margin-bottom: 15px;
}
#flexworkerForm fieldset legend {
  font-size: 16px;
}
#flexworkerForm .nav-tabs {
  border: 0;
}
#flexworkerForm .nav-tabs li {
  padding: 10px 0 8px 0;
}
#flexworkerForm .nav-tabs li.ui-state-active a {
  background-color: #fcfcfc;
  border: 1px solid #ccc;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  padding: 10px 14px;
}
#flexworkerForm .nav-tabs li.ui-state-active a:hover {
  background-color: #fcfcfc;
}
#flexworkerForm .nav-tabs li a {
  padding: 10px 15px;
}
#flexworkerForm .nav-tabs li a:hover {
  background-color: #eee;
  border-radius: 4px 4px 0 0;
}
#flexworkerForm .flexworker-form {
  background-color: #fcfcfc;
  border: 1px solid #ccc;
  overflow: hidden;
  padding: 20px;
}
#flexworkerForm .form-group {
  position: relative;
}
#flexworkerForm .form-group label.validationError {
  border-color: #f00;
}
#flexworkerForm .form-group label.error {
  font-size: 14px;
}
#flexworkerForm .form-group select + .validation {
  right: 20px;
}
#flexworkerForm .form-group .form-control.error {
  border-color: #f00;
}
#flexworkerForm .form-group .validation {
  color: #ccc;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
#flexworkerForm .input-group .btn {
  color: #000;
}
#flexworkerForm .input-group .input-group-prepend + .form-control[readonly] {
  background-color: #fff;
}
#flexworkerForm .input-group > .intl-tel-input {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
}
#flexworkerForm .input-group > .intl-tel-input input {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
#flexworkerForm .input-group > .intl-tel-input .flag-container {
  top: 0;
}
#flexworkerForm .special-table .delete-row {
  cursor: pointer;
}
#hirersOverview table th {
  vertical-align: middle;
}
#hirersOverview table td {
  vertical-align: middle;
}
#hirersOverview table td.actions {
  text-align: right;
}
#hirerDetail ul {
  margin-bottom: 20px;
}
#hirerDetail ul li {
  display: flex;
}
#hirerDetail ul li:first-child {
  font-weight: 700;
}
#hirerDetail ul span.list-label {
  flex: 0 1 25%;
  font-weight: 700;
  min-width: 150px;
}
#hirerDetail ul span.list-value {
  flex: 0 1 75%;
}
#hirerDetail .detail-action {
  text-align: right;
}
#hirerForm fieldset {
  margin-bottom: 15px;
}
#hirerForm fieldset legend {
  font-size: 16px;
}
#hirerForm .hirer-form {
  background-color: #fcfcfc;
  border: 1px solid #ccc;
  overflow: hidden;
  padding: 20px;
}
#hirerForm .form-group {
  position: relative;
}
#hirerForm .form-group label.validationError {
  border-color: #f00;
}
#hirerForm .form-group label.error {
  font-size: 14px;
}
#hirerForm .form-group select + .validation {
  right: 20px;
}
#hirerForm .form-group .form-control.error {
  border-color: #f00;
}
#hirerForm .form-group .validation {
  color: #ccc;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
#hirerForm .input-group .input-group-prepend + .form-control[readonly] {
  background-color: #fff;
}
#hirerForm .input-group input[type="file"] {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  right: 0;
}
#hirerForm .input-group > .intl-tel-input {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
}
#hirerForm .input-group > .intl-tel-input input {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
#hirerForm .input-group > .intl-tel-input .flag-container {
  top: 0;
}
#payrollJobsOverview table {
  vertical-align: middle;
}
#payrollJobsOverview table td {
  vertical-align: middle;
}
#payrollJobsOverview table td.actions {
  text-align: right;
}
#payrollJobDetail ul {
  margin-bottom: 20px;
}
#payrollJobDetail ul li {
  display: flex;
}
#payrollJobDetail ul li:first-child {
  font-weight: 700;
}
#payrollJobDetail ul span.list-label {
  flex: 0 1 25%;
  font-weight: bold;
  min-width: 150px;
}
#payrollJobDetail ul span.list-value {
  flex: 0 1 75%;
}
#payrollJobDetail .detail-action {
  text-align: right;
}
#payrollJobForm fieldset {
  margin-bottom: 15px;
}
#payrollJobForm fieldset[name="intermediary"] {
  display: none;
}
#payrollJobForm fieldset legend {
  font-size: 16px;
}
#payrollJobForm .nav-tabs {
  border: 0;
}
#payrollJobForm .nav-tabs li {
  padding: 10px 0 8px 0;
}
#payrollJobForm .nav-tabs li.ui-state-active a {
  background-color: #fcfcfc;
  border: 1px solid #ccc;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  padding: 10px 14px;
}
#payrollJobForm .nav-tabs li.ui-state-active a:hover {
  background-color: #fcfcfc;
}
#payrollJobForm .nav-tabs li a {
  padding: 10px 15px;
}
#payrollJobForm .nav-tabs li a:hover {
  background-color: #eee;
  border-radius: 4px 4px 0 0;
}
#payrollJobForm .payroll-job-form {
  background-color: #fcfcfc;
  border: 1px solid #ccc;
  overflow: hidden;
  padding: 20px;
}
#payrollJobForm .form-group {
  position: relative;
}
#payrollJobForm .form-group label.validationError {
  border-color: #f00;
}
#payrollJobForm .form-group label.error {
  font-size: 14px;
}
#payrollJobForm .form-group select + .validation {
  right: 20px;
}
#payrollJobForm .form-group .form-control.error {
  border-color: #f00;
}
#payrollJobForm .form-group .validation {
  color: #ccc;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.hours-overview .row-week {
  margin-top: 20px;
}
.hours-overview .row-flexworker-hours {
  border-color: rgba(0, 0, 0, 0.125);
  border-style: solid;
  border-width: 1px 1px 0 1px;
  font-size: 14px;
  line-height: 18px;
  padding: 0 15px;
}
.hours-overview .row-flexworker-hours .row-head {
  background-color: rgba(0, 0, 0, 0.03);
}
.hours-overview .row-flexworker-hours .col-head {
  padding-bottom: 10px;
  padding-top: 10px;
}
.hours-overview .row-flexworker-hours .col-body {
  padding-top: 5px;
  line-height: 35px;
}
.hours-overview .row-flexworker-hours .col-body .fa {
  margin-top: 10px;
}
.hours-overview .row-flexworker-hours .col-body.col-button {
  padding-bottom: 5px;
  padding-right: 5px;
}
.hours-overview .row-flexworker-hours .hourContainer {
  padding-bottom: 5px;
  border-top: 1px solid #eee;
}
.hours-overview .row-flexworker-hours .hourContainer:nth-child(2) {
  border-top: 0;
}
.hours-overview .row-flexworker-hours .row-comment {
  padding-bottom: 10px;
}
.hours-overview .row-flexworker-hours.has-toggle .col-head.col-total,
.hours-overview .row-flexworker-hours.has-toggle .col-head .dates {
  display: none;
}
.hours-overview .row-flexworker-hours.has-toggle.open .col-head .dates {
  display: flex;
}
.hours-overview .row-flexworker-hours.has-toggle.open .col-head.col-total {
  display: block;
}
.hours-overview .hour-forms form:first-child .row-flexworker-hours {
  border-radius: 4px 4px 0 0;
}
.hours-overview .hour-forms form:last-child .row-flexworker-hours {
  border-bottom-width: 1px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.hours-overview .dates {
  display: flex;
  justify-content: space-around;
}
.hours-overview .dates .dates-day {
  flex: 0 1 auto;
}
.hours-overview .dates .dates-input {
  padding: 0 5px;
}
.hours-overview .comments {
  padding: 0 5px;
}
.hours-overview input {
  font-size: 14px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
.hours-overview .btn {
  float: right;
  margin-left: 10px;
}
.hours-overview #alertPopup {
  left: 50%;
  margin-left: -150px;
  width: 300px;
  opacity: 0;
  position: fixed;
  top: 100px;
  transition: 2s;
  z-index: 99999;
}
.hours-overview #alertPopup.show {
  opacity: 1;
}
.hours-overview .toggleFlexworker,
.hours-overview .toggleHours {
  cursor: pointer;
}
.hours-overview .hourContainer.open .toggleHours.fa-plus:before {
  content: "\2212";
}
#requestVacancyForm input[type="file"] {
  cursor: inherit;
  display: block;
  height: 32px;
  min-width: 100%;
  max-width: 100%;
  opacity: 0;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
}
#requestVacancyForm fieldset[name="recaptcha"] {
  margin-bottom: 10px;
}
#requestVacancyForm .form-group {
  position: relative;
}
#requestVacancyForm .form-group .validation {
  color: #ccc;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
#requestVacancyForm .flag-container {
  top: 0;
}
#requestVacancyForm .input-group .dropdown-toggle {
  color: #000;
}
#requestVacancyForm .input-group .input-group-prepend + .form-control[readonly] {
  background-color: #fff;
}
#requestOfferForm input[type="file"] {
  cursor: inherit;
  display: block;
  height: 32px;
  min-width: 100%;
  max-width: 100%;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
}
#requestOfferForm fieldset[name="recaptcha"] {
  margin-bottom: 10px;
}
#requestOfferForm .form-group {
  position: relative;
}
#requestOfferForm .form-group .validation {
  color: #ccc;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
#requestOfferForm .flag-container {
  top: 0;
}
#requestAppointmentForm input[type="file"] {
  cursor: inherit;
  display: block;
  height: 32px;
  min-width: 100%;
  max-width: 100%;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
}
#requestAppointmentForm fieldset[name="recaptcha"] {
  margin-bottom: 10px;
}
#requestAppointmentForm .form-group {
  position: relative;
}
#requestAppointmentForm .form-group .validation {
  color: #ccc;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
#requestAppointmentForm .flag-container {
  top: 0;
}
#requestHourlyWageForm input[type="file"] {
  cursor: inherit;
  display: block;
  height: 32px;
  min-width: 100%;
  max-width: 100%;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
}
#requestHourlyWageForm fieldset[name="recaptcha"] {
  margin-bottom: 10px;
}
#requestHourlyWageForm .form-group {
  position: relative;
}
#requestHourlyWageForm .form-group .validation {
  color: #ccc;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
#requestHourlyWageForm .flag-container {
  top: 0;
}
#requestCvForm input[type="file"] {
  cursor: inherit;
  display: block;
  height: 32px;
  min-width: 100%;
  max-width: 100%;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
}
#requestCvForm fieldset[name="recaptcha"] {
  margin-bottom: 10px;
}
#requestCvForm .form-group {
  position: relative;
}
#requestCvForm .form-group .validation {
  color: #ccc;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
#requestCvForm .flag-container {
  top: 0;
}
#contactMeForm input[type="file"] {
  cursor: inherit;
  display: block;
  height: 32px;
  min-width: 100%;
  max-width: 100%;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
}
#contactMeForm fieldset[name="recaptcha"] {
  margin-bottom: 10px;
}
#contactMeForm .form-group {
  position: relative;
}
#contactMeForm .form-group .validation {
  color: #ccc;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
#contactMeForm .flag-container {
  top: 0;
}
@media (max-width: 767px) {
  #cvGenerator .nav {
    position: relative;
  }
  #cvGenerator .nav .button {
    bottom: -50px;
    position: absolute;
    right: 20px;
  }
  #cvGeneratorForm {
    padding-top: 40px;
  }
}
@media (max-width: 479px) {
  #cvGenerator .nav {
    position: relative;
  }
  #cvGenerator .nav > li > a {
    font-size: 12px;
    padding: 8px;
  }
  #cvGenerator .nav .button {
    padding: 0 20px;
    right: 0;
    width: 100%;
  }
  #cvGenerator .special-div-table > div {
    font-size: 12px;
  }
  #cvGenerator .special-div-table > div > span {
    margin-right: 5px;
  }
  #cvGenerator .special-div-table > div .delete-row {
    width: 15px;
  }
  #cvGenerator .special-div-table > div > span:nth-child(4) {
    max-width: 100px;
  }
  #cvGenerator .wysihtml5-toolbar a {
    padding-left: 9px;
    padding-right: 9px;
  }
  #cvGenerator.buttons .button {
    bottom: -90px;
  }
  #cvGenerator.buttons .button .btn:first-child {
    margin-bottom: 10px;
  }
  #cvGenerator.buttons #cvGeneratorForm {
    padding-top: 90px;
  }
  #cvGenerator #cvDownload,
  #cvGenerator #cvDownloadMobile,
  #cvGenerator #cvSave,
  #cvGenerator #cvSaveMobile {
    margin-left: 0;
    width: 100%;
  }
  #cvGenerator #cvDownloadMobile {
    margin-top: 10px;
  }
}
.pass-graybar {
  height: 5px;
  width: 100%;
  position: relative;
}
.pass-colorbar {
  height: 5px;
  background-image: url(DIGISELF_IMAGES_URL/passwordstrength.jpg);
  position: absolute;
  top: 0;
  left: 0;
}
.personalInfoFieldClass {
  display: none;
}
@media (min-width: 768px) {
  #cvGenerator .special-table.hidden-xs {
    display: table !important;
  }
}
.social-share {
  display: inline-block;
}
.social-share a {
  font-weight: 400;
  font-size: 13.3333px;
  min-width: 48px;
}
.vacancy-map {
  height: 500px;
}
@media (max-width: 1199px) {
  .vacancy-map {
    height: 400px;
  }
}
@media (max-width: 991px) {
  .vacancy-map {
    height: 350px;
  }
}
@media (max-width: 767px) {
  .vacancy-map {
    height: 300px;
  }
}
@media (max-width: 575px) {
  .vacancy-map {
    height: 250px;
  }
}
@media (max-width: 425px) {
  .vacancy-map {
    height: 200px;
  }
}
.vacancy-map .gm-style-mtc,
.vacancy-map .gm-svpc {
  display: none;
}
@media (max-width: 767px) {
  .vacancy-map .gm-fullscreen-control {
    display: none;
  }
}
.vacancy-video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.vacancy-video .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
#intake .intake-profile {
  margin-top: 25px;
}
#intake .intake-profile .portrait {
  text-align: center;
}
#intake .intake-profile .portrait img {
  max-width: 175px;
  border: 1px solid #ccc;
}
#intake .intake-profile .portrait .score {
  background-color: #000;
  margin: 10px 0;
  text-align: left;
}
#intake .intake-profile .portrait .score span {
  display: inline-block;
  padding: 5px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
#intake .intake-profile .user-name {
  padding: 10px;
  font-weight: bold;
}
#intake .intake-profile .timelines .time {
  padding: 5px;
  background-color: #f2f2f2;
  border: 1px solid #334248;
  font-weight: bold;
  text-align: center;
  color: #334248;
}
#intake .intake-profile .timelines .timeline-detail {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
}
#intake .intake-profile .timelines .timeline-detail:after {
  content: "";
  position: absolute;
  width: 100%;
  border-bottom: 2px dotted;
}
#intake .intake-profile .timelines .timeline-detail.finished .icon span {
  display: block;
}
#intake .intake-profile .timelines .timeline-detail.finished .icon i {
  opacity: 0.3;
}
#intake .intake-profile .timelines .timeline-detail .program,
#intake .intake-profile .timelines .timeline-detail .icon {
  background-color: #f2f2f2;
}
#intake .intake-profile .timelines .timeline-detail .program {
  flex: 0 1 70%;
  border-right: 1px solid;
  border-left: 10px solid;
  color: #334248;
  line-height: 20px;
  margin: 6px 0;
  padding: 4px 0;
  text-align: center;
  text-decoration: none;
  z-index: 1;
  word-break: break-word;
}
#intake .intake-profile .timelines .timeline-detail .icon {
  position: relative;
  flex: 1 1 20%;
  border: 2px solid #334248;
  color: #334248;
  border-radius: 50%;
  max-width: 40px;
  z-index: 1;
}
#intake .intake-profile .timelines .timeline-detail .icon span {
  position: absolute;
  display: none;
  z-index: 2;
  font-size: 45px;
  line-height: 24px;
  text-align: center;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}
#intake .intake-profile .timelines .timeline-detail .icon i {
  width: 38px;
  text-align: center;
  line-height: 38px;
  opacity: 0.6;
}
#intake .intake-step-content .hytPlayerWrap {
  display: inline-block;
  position: relative;
  width: 100%;
}
#intake .intake-step-content .hytPlayerWrap.ready::after,
#intake .intake-step-content .hytPlayerWrap.paused::after,
#intake .intake-step-content .hytPlayerWrap.ended::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  cursor: pointer;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center;
}
#intake .intake-step-content .hytPlayerWrap.ready::after,
#intake .intake-step-content .hytPlayerWrap.paused::after,
#intake .intake-step-content .hytPlayerWrap.ended::after {
  top: 70px;
  bottom: 50px;
  background-size: 64px 64px;
  background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEiIHdpZHRoPSIxNzA2LjY2NyIgaGVpZ2h0PSIxNzA2LjY2NyIgdmlld0JveD0iMCAwIDEyODAgMTI4MCI+PHBhdGggZD0iTTE1Ny42MzUgMi45ODRMMTI2MC45NzkgNjQwIDE1Ny42MzUgMTI3Ny4wMTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
}
#intake .intake-step-content .videoHeader,
#intake .intake-step-content .videoFooter {
  background-color: #000;
  width: 100%;
  height: 80px;
  position: absolute;
  z-index: 1;
}
#intake .intake-step-content .videoContainer {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
#intake .intake-step-content .videoContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
#intake .intake-step-content .videoFooter {
  bottom: 0;
}
#intake nav {
  margin-top: 15px;
  text-align: center;
}
#intake nav ul {
  padding: 0;
}
#intake nav ul.paging li {
  display: inline;
  background-color: #efefef;
  margin-right: 5px;
  padding: 10px 15px;
  font-size: 1.25rem;
}
#intake nav ul.paging li.disabled,
#intake nav ul.paging li.disabled * {
  cursor: not-allowed;
}
.menuTree .vacancy-industries {
  border-right: 1px solid transparent;
}
.menuTree .vacancy-industries .menuTree {
  height: 100%;
}
.menuTree .vacancy-industries .level3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-content: start;
}
.menuTree .vacancy-industries .level3 li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
@media (max-width: 1199px) {
  .menuTree .vacancy-industries .level3 li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.form-loader {
  display: inline-block;
  width: 30px;
  height: 30px;
}
.form-loader:after {
  content: " ";
  display: block;
  width: 30px;
  height: 30px;
  margin: 8px;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Verberg de validatie-icoontjes als de invoervelden geldig zijn */
form input.valid + .validation,
form select.valid + .validation,
form textarea.valid + .validation,
form input.valid + div + label + .validation,
form input.valid + div + .validation,
form input.valid + div + div + .validation {
  display: none !important;
  /* Verberg de fa als het invoerveld geldig is */
}
form .validation {
  color: #ccc;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
form.select .validation {
  right: 20px;
}
form label.validationError {
  color: #f00;
}
form label.error {
  font-size: 14px;
}