@media (min-width: 56em) {
  .openapply .cssSelectorColor,
  .jobalert .cssSelectorColor,
  .selectbaan .cssSelectorColor {
    padding-left: calc(var(--padding) * 2) !important;
  }
}
@media (max-width: 56em) {
  .openapply .cssSelectorColor,
  .jobalert .cssSelectorColor,
  .selectbaan .cssSelectorColor {
    padding-left: calc(var(--padding)) !important;
    flex-direction: column;
    align-items: initial;
  }
}
.openapply .cssSelectorColor .inner,
.jobalert .cssSelectorColor .inner,
.selectbaan .cssSelectorColor .inner {
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
}
@media (min-width: 56em) {
  .openapply .cssSelectorColor:before,
  .jobalert .cssSelectorColor:before,
  .selectbaan .cssSelectorColor:before {
    content: "";
    width: 4rem;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background-repeat: no-repeat;
    height: 60%;
    aspect-ratio: 1;
    transition: all 0.2s linear;
    background-size: contain;
  }
}
.openapply .cssSelectorColor .widgetHeader,
.jobalert .cssSelectorColor .widgetHeader,
.selectbaan .cssSelectorColor .widgetHeader,
.openapply .cssSelectorColor .content,
.jobalert .cssSelectorColor .content,
.selectbaan .cssSelectorColor .content {
  color: #fff;
}
@media (min-width: 56em) {
  .openapply .cssSelectorColor .content,
  .jobalert .cssSelectorColor .content,
  .selectbaan .cssSelectorColor .content {
    padding: 5px 250px 0 0 !important;
  }
}
@media (max-width: 56em) {
  .openapply .cssSelectorColor .footer,
  .jobalert .cssSelectorColor .footer,
  .selectbaan .cssSelectorColor .footer {
    width: 100%;
  }
}
@media (min-width: 56em) {
  .openapply .cssSelectorColor .footer,
  .jobalert .cssSelectorColor .footer,
  .selectbaan .cssSelectorColor .footer {
    position: absolute;
    right: calc(var(--padding) / 2);
  }
}
.openapply .cssSelectorColor .footer .actionButton,
.jobalert .cssSelectorColor .footer .actionButton,
.selectbaan .cssSelectorColor .footer .actionButton {
  color: #fff !important;
  box-shadow: 0 0 0 1px #fff !important;
}
@media (hover: hover) {
  .openapply .cssSelectorColor:hover:before,
  .jobalert .cssSelectorColor:hover:before,
  .selectbaan .cssSelectorColor:hover:before {
    height: 70%;
  }
}
.openapply .cssSelectorColor:before {
  background-image: url(/App_SkinMaster/images/dartboard-reversed.svg);
}
.selectbaan .cssSelectorColor:before {
  background-image: url(/App_SkinMaster/images/dartboard.svg);
}