.banner-slider-content .banner-item {
  height: 600px !important;
}
.mm-container {
  width: 100%;
}

a.title-overflow-card {
  width: 100%;
}

a {
  color: var(--primary-color);
}

a:hover {
  color: color-mix(in srgb, var(--primary-color) 80%, transparent);
  /* opacity: 0.8; */
}

.text-primary {
  color: var(--primary-color) !important;
}

.btn-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  width: 100%;
}

.btn-primary:hover {
  background-color: color-mix(in srgb, var(--primary-color) 80%, transparent);
  border-color: color-mix(in srgb, var(--primary-color) 80%, transparent);
  /* opacity: 0.8; */
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  background-color: color-mix(in srgb, var(--primary-color) 80%, transparent);
  border-color: color-mix(in srgb, var(--primary-color) 80%, transparent);
  /* opacity: 0.8; */
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus,
.btn-primary.focus,
.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem
    color-mix(in srgb, var(--primary-color) 50%, transparent);
}

div.vacatures-accordion div.my-accordion-header div.new-version:after {
  color: var(--primary-color);
}

div.jobs-list-container div.jobs-items .card .card-body:hover,
div.vacatures-accordion .card.card-body:hover {
  background: var(--primary-color);
}

div.jobs-list-container div.jobs-items div.location:before,
div.jobs-list-container div.jobs-items div.date:before,
div.vacatures-accordion div.jobs-items div.location:before,
div.vacatures-accordion div.jobs-items div.date:before {
  color: var(--primary-color);
}

.job-item-container.jobs-items a:hover {
  text-decoration: none;
}

.card .card-body .teaser.card-text.job-teaser,
.job-info-container .job-date div span,
.job-info-container .job-location div span {
  color: #000000;
}

div.jobs-list-container
  div.jobs-items
  .card
  .card-body:hover
  .teaser.card-text.job-teaser,
div.jobs-list-container
  div.jobs-items
  .card
  .card-body:hover
  .job-info-container
  .job-date
  div
  span,
div.jobs-list-container
  div.jobs-items
  .card
  .card-body:hover
  .job-info-container
  .job-location
  div
  span {
  color: #ffff;
}

div.jobs-list-container
  div.jobs-items
  .card
  .card-body:hover
  div.location:before,
div.jobs-list-container div.jobs-items .card .card-body:hover div.date:before,
div.vacatures-accordion
  div.jobs-items
  .card
  .card-body:hover
  div.location:before,
div.vacatures-accordion div.jobs-items .card .card-body:hover div.date:before {
  color: var(--text-color);
}

.olContainer ul li .delete-cat-icons:after {
  color: var(--primary-color);
}

.btn-outline-secondary {
  color: var(--text-color);
  border-color: var(--text-color);
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show > .btn-outline-secondary.dropdown-toggle,
.btn-outline-secondary:hover {
  color: #fff;
  background-color: var(--text-color);
  border-color: var(--text-color);
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus,
.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.2rem
    color-mix(in srgb, var(--text-color) 50%, transparent);
}

.list-group-item.active {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.badge-primary {
  background-color: var(--primary-color);
}

.list-group-item.active .badge-primary {
  background-color: var(--text-color);
}

.active .badge-primary {
  color: var(--primary-color);
}

/* CHECKBOX & RADIO BUTTONS */

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
}

/* NAVBAR */

#header .navbar-light .navbar-nav .nav-link {
  color: color-mix(in srgb, var(--primary-color) 80%, transparent);
}

#header .navbar-light .navbar-nav .active > .nav-link,
#header .navbar-light .navbar-nav .nav-link.active,
#header .navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
  color: var(--primary-color);
}

#header .navbar-light .navbar-nav .nav-link:focus,
#header .navbar-light .navbar-nav .nav-link:hover {
  color: var(--primary-color);
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--primary-color);
}

/* PAGINATION */

.pager-container.ourjobsinfo .pager-content {
  max-width: 100% !important;
}

.pager-content .pager-container.ourjobsinfo {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.pager-content .pager-container.ourjobsinfo .pager-content {
  justify-self: end;
}

.pager-content .pager-container.ourjobsinfo .showing span,
.pager-content .pager-container.ourjobsinfo .showing span a {
  color: var(--primary-color);
  font-weight: 700;
}

.pager-content .pager-container.ourjobsinfo .showing span a:hover {
  text-decoration: none;
  color: var(--primary-color) !important;
}

.pager-content span.pageNumDisabled {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  color: #fff !important;
}

.pager-content a.pageNumActive {
  color: var(--primary-color);
}

.pager-content a.pageNumActive:hover {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
}

.pager-content a.page .pagePrec {
  color: var(--primary-color);
}

.pager-content a.page .pagePrec:hover {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
}

.pager-content a.page .pageFirst {
  color: var(--primary-color);
}

.pager-content a.page .pageFirst:hover {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
}

.pager-content a.page .pageSuiv {
  color: var(--primary-color);
}

.pager-content a.page .pageSuiv:hover {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
}

.pager-content a.page .pageLast {
  color: var(--primary-color);
}

.pager-content a.page .pageLast:hover {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
}

/* JOB DETAILS SHARING BAR */

.jobdetail .share li a:hover::before,
.jobdetail .share li a:active::before,
.jobdetail .share li a:focus::before,
.jobdetail .share li.pdf a:hover::before,
.jobdetail .share li.pdf a:focus::before,
.jobdetail .share li.pdf a:active::before {
  background: var(--primary-color);
}

.jobdetail .share li a:hover,
.jobdetail .share li a:active,
.jobdetail .share li a:focus {
  background: var(--primary-color) !important;
}

/* TITLES */

.jobs-details .main > h5,
.title-Myjob-h1 {
  color: var(--primary-color) !important;
}

/* COOKIES */

.rhc-banner {
  background: #f8f9fa !important;
}

.rhc-banner__content__message {
  color: #212529 !important;
}

.rhc-banner__content .consent-decline {
  border-color: transparent;
  background-color: transparent;
  color: var(--primary-color) !important;
  box-shadow: none;
}

.rhc-banner__content .consent-decline:hover {
  border-color: transparent;
  background-color: transparent;
  color: color-mix(in srgb, var(--primary-color) 80%, transparent) !important;
  box-shadow: none;
  text-decoration: underline;
}

.rhc-banner__content .consent-approve {
  background-color: var(--primary-color) !important;
}

.rhc-banner__content .consent-approve:hover {
  background-color: color-mix(
    in srgb,
    var(--primary-color) 80%,
    transparent
  ) !important;
}

.rhc-banner__content__message a {
  text-decoration: underline !important;
  color: var(--primary-color) !important;
  font-weight: 400 !important;
}

.rhc-banner__content__message a:hover {
  text-decoration: none !important;
  color: color-mix(in srgb, var(--primary-color) 80%, transparent) !important;
}

/* 
.cc-message .cc-link,
.cc-banner .cc-btn.cc-deny {
  color: var(--primary-color) !important;
}

.cc-message .cc-link:hover,
.cc-message .cc-link:focus,
.cc-banner .cc-btn.cc-deny:hover,
.cc-banner .cc-btn.cc-deny:focus {
  color: color-mix(in srgb, var(--primary-color) 80%, transparent) !important;
}

.cc-animate.cc-revoke.cc-bottom {
  color: var(--primary-color) !important;
  border-top: 3px solid var(--text-color) !important;
  background: #f8f9fa !important;
} */

/* SELECT2 */

.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4
  .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
  background-color: var(--primary-color) !important;
}

/* * upload file */

.application-files .file {
  padding: 1.75rem;
  align-items: center;
  display: grid;
  grid-template-columns: 2fr 2fr 2fr;
}

#uploadcv .file {
  padding: 1.75rem;
  align-items: center;
  display: grid;
  grid-template-columns: 2fr 2fr 2fr;
}

.message-container .title-file {
  color: #000000;
  font-size: 1rem;
  font-weight: 400;
  padding-bottom: 0.5rem;
}

.message-container .extension-file {
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.85rem;
  font-weight: 400;
}
.message-container {
  width: 78%;
}

.tableBox {
  display: flex;
  flex-direction: column;
}

.tableBox .tableTitle {
  order: 3;
  padding: 1.75rem;
  vertical-align: bottom;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  font-family:
    "ITCAvantGardeStdDemi", "ITCAvantGardeStdMd", "Megante", sans-serif;
  margin-top: 24px;
  display: grid;
  grid-template-columns: 2fr 2fr 2fr;
}

.tableBox .tableFoot {
  order: 1;
  padding: 24px;
  border: 1.5px dashed rgba(0, 0, 0, 0.25);
  border-radius: 48px;
}

.tableBox .curriculum-vitae,
.tableBox .emply {
  order: 3;
}

#upload-cv-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.8rem;
}

#upload-cv-container button {
  width: fit-content;
  border-radius: 64px;
  height: 48px;
  background: var(--primary-color) !important;
  border: 1px solid var(--primary-color) !important;
  color: #fff !important;
  outline: none;
}

.tableFoot:hover #upload-cv-container button {
  background: color-mix(
    in srgb,
    var(--primary-color) 80%,
    transparent
  ) !important;
  border: 1px solid color-mix(in srgb, var(--primary-color) 80%, transparent) !important;
  color: #fff !important;
}

#questioninfo #complete-form-container .contact-info .line .radio-group,
#questioninfo
  #complete-form-container
  .contact-info
  .line
  .talentfinder-textfield-label {
  display: grid;
  grid-template-columns: 0.5fr 2fr;
  align-items: center;
}

#questioninfo
  #complete-form-container
  .address-info
  .line
  .talentfinder-textfield-label,
#questioninfo
  #complete-form-container
  .address-info
  .line
  .talentfinder-select-label,
#questioninfo
  #complete-form-container
  .address-info
  .line
  .talentfinder-autocompleter,
#questioninfo
  #complete-form-container
  .address-info
  .line
  .talentfinder-autocompleter {
  display: grid;
  grid-template-columns: 0.5fr 2fr;
  align-items: center;
}

.MuiRadio-colorPrimary svg,
.MuiCheckbox-colorPrimary svg {
  fill: var(--primary-color) !important;
}

/* My Profile */

.row.myjobsite-breadcrumb .backgroundcolor.current::before {
  background: ar(--primary-color) !important;
}

.row.myjobsite-breadcrumb .backgroundcolor.current::after {
  border: 4px solid var(--primary-color) !important;
  background: #fff !important;
}

.row.myjobsite-breadcrumb .backgroundcolor::before {
  background: var(--primary-color) !important;
}

.row.myjobsite-breadcrumb .backgroundcolor::after {
  border: 4px solid var(--primary-color) !important;
  background: var(--primary-color) !important;
}

/* language */
.myjobsite-language-table {
  display: inline-table !important;
}

#language-skills
  table.myjobsite-language-table
  td
  .talentfinder-select-label
  .MuiInputBase-root.MuiOutlinedInput-root {
  width: 75% !important;
}

/* jobdetail page */

/* div.apply-option-container {
  display: none;
} */

.postion-opening .extra-info-content .content-title,
.postion-opening .organization-info-content .content-title {
  color: #6c757d !important;
}

a.info-website-text {
  color: var(--primary-color) !important;
  text-decoration: none;
  cursor: pointer;
}

.postion-opening.organization-info
  .organization-info-content.organization-name {
  font-weight: 500;
  line-height: 1.2;
}

.jobdetail .share li.back-to-list a {
  color: var(--primary-color) !important;
}

.jobdetail .share li.show_all a:hover {
  background: var(--primary-color) !important;
  color: #fff !important;
}

/* LOGO HEADER */

.logo-container img.logo-image {
  height: 60px;
}

/* filter */

.jobs-category-filter.card .card-body .plugins-title {
  display: none;
}

.jobs-category-filter.card .card-body .main-category a {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--heading-color) !important;
}

.filter-menu .nav-link {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--heading-color) !important;
  padding-left: 20px;
}

.jobs-category-filter.card .card-body .main-category .cat-item-count {
  display: none;
}

.jobs-category-filter.card
  .card-body
  .sub-category
  .sub-item
  label.custom-control-label:not(:has(a)) {
  display: none;
}

.cat-item-count {
  background-color: var(--primary-color);
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 10px;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  color: var(--text-color);
}

.jobs-category-filter.card {
  border: none !important;
}

.jobs-category-filter.card .card-body .sub-item label a,
.location-filter.card .card-body .custom-control label a {
  color: var(--heading-color) !important;
}

.jobs-category-filter.card
  .card-body
  .sub-category
  .sub-item:has(label.custom-control-label a),
.location-filter.card .card-body .custom-control {
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.jobs-category-filter.card
  .card-body
  .sub-category
  .sub-item
  label.custom-control-label:has(a),
.location-filter.card .card-body .custom-control label {
  position: relative;
  display: flex;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  justify-content: space-between;
}

.jobs-category-filter.card .card-body {
  padding-top: 0px !important;
}

.jobs-category-filter.card .card-body .main-category:not(:first-of-type) {
  margin-top: 1.5rem;
}

.jobs-category-filter.card .card-body .main-category {
  margin-bottom: 0.5rem;
}

.jobs-category-filter.card
  .card-body
  .sub-category
  .sub-item
  label.custom-control-label
  a,
.location-filter.card .card-body .custom-control label a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.jobs-category-filter.card .card-body .sub-category,
.jobs-category-filter.card .card-body .main-category {
  padding-left: 0px !important;
}