:root {
	--bs-body-bg: #FFFFFF;
	--iti-dropdown-bg: #FFFFFF;
	--bs-body-color: #6A6864;
	--bs-secondary-color: #6A6864;
}

body {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.searchFor {
    background-color: #FFFFFF;
    border-color: #CED4DA !important;
    border-bottom-left-radius: 1px !important;
    border-top-left-radius: 1px !important;
    border-bottom-right-radius: 1px !important;
    border-top-right-radius: 1px !important;
    color: #000000;
}

.searchFor:focus {
    background-color: #FFFFFF;
    border-color: #CED4DA !important;
    border-bottom-left-radius: 1px !important;
    border-top-left-radius: 1px !important;
    border-bottom-right-radius: 1px !important;
    border-top-right-radius: 1px !important;
    color: #000000;
}

.search-icon-box, .sort-dropdown, .sort-direction-btn, .languageSwitcher {
    background-color: #E9ECEF !important;
    border-color: #CED4DA !important;
    border-bottom-right-radius: 1px !important;
    border-top-right-radius: 1px !important;
    border-bottom-left-radius: 1px !important;
    border-top-left-radius: 1px !important;
    color: #000000 !important;
}

.sort-dropdown, .sort-direction-btn, .languageSwitcher {
    background-color: #E9ECEF !important;
    border-radius: 1px !important;
    border-color: #CED4DA !important;
    color: #000000 !important;
}

.sort-direction-btn:hover, .sort-direction-btn:focus {
    background-color: #E9ECEF !important;
    border-color: #CED4DA !important;
    color: #000000 !important;
    box-shadow: none !important;
}

.languageSwitcher:hover {
    background-color: #E9ECEF;
    border-radius: 1px;
    border-color: #CED4DA;
    color: #000000;
}

.language-dropdown {
    position: relative;
    z-index: 1030;
}

.dropdown-menu.languageSwitcher {
    z-index: 1031;
}

.dropdown-menu.filter-menu {
    background-color: #E9ECEF;
    border-color: #CED4DA;
    color: #000000;
    z-index: 1031;
    max-height: 300px;
    overflow-y: auto;
}

.dropdown-menu.filter-menu .dropdown-item,
.dropdown-menu.filter-menu .dropdown-header {
    color: #000000;
}

.dropdown-menu.filter-menu .dropdown-item:hover,
.dropdown-menu.filter-menu .dropdown-item:focus {
    background-color: #E9ECEF;
    color: #000000;
}

.dropdown-menu.filter-menu .filter-item {
    cursor: pointer;
}

.dropdown-menu.filter-menu .filter-count {
    opacity: 0.9;
}

.filter-multi-toggle {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 3.6rem !important;
    /* the caret is drawn by .dropdown-caret instead, so it can follow the filter colour and flip */
    background-image: none !important;
}

.dropdown-caret {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.75rem;
    pointer-events: none;
    transition: transform 0.15s ease-in-out;
    z-index: 6;
}

.filter-multi-toggle[aria-expanded="true"] .dropdown-caret,
select.sort-dropdown.is-open ~ .dropdown-caret {
    transform: translateY(-50%) rotate(180deg);
}

select.sort-dropdown {
    background-image: none !important;
}

.filter-btn-label {
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    min-width: 0;
    white-space: nowrap;
}

.sort-dropdown.filter-active {
    outline: 2px solid #CED4DA !important;
    outline-offset: -1px;
    font-weight: 500;
}

.sort-direction-btn {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    min-width: 2.5rem;
}

.active-filters-title {
    font-size: 1rem;
    color: #000000 !important;
    white-space: nowrap;
    align-self: center;
}

/* sits on top of the toggle but stays a sibling of it, see resetFilter() in utils.js */
.filter-reset-btn {
    position: absolute;
    top: 0;
    right: 2.2rem;
    height: calc(1.5rem + 0.75rem + 2px);
    z-index: 3;
    background: none;
    border: 0;
    color: #000000;
    cursor: pointer;
    opacity: 0.55;
    padding: 0 0.4rem;
    line-height: 1;
    display: flex;
    align-items: center;
}

.filter-reset-btn i {
    font-size: 0.8rem;
}

.filter-reset-btn:hover {
    opacity: 1;
}

.active-filters-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.active-filter-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    background-color: #E9ECEF;
    color: #000000;
    border: 1px solid #CED4DA;
    border-radius: 1rem;
    padding: 0.15rem 0.5rem 0.15rem 0.6rem;
    font-size: 0.8rem;
    font-weight: 400;
}

.active-filter-tag .tag-remove {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: 0.55;
    line-height: 1;
    color: inherit;
    font-size: 0.75rem;
    display: flex;
    align-items: center;
}

.active-filter-tag .tag-remove:hover {
    opacity: 1;
}

.iti__search-input {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}

.iti__search-input::placeholder {
    color: var(--bs-body-color);
}

.jobName, .no-job-found, .no-result {
	color: #E30000;
	font-size: 21px;
	font-weight: 600;
}

.cityName {
	color: var(--bs-body-color);
}

.branch-logo-img {
    max-height: 80px;
}

.jobCategory, .jobDate, .workPeriod {
	color: #6A6864;
	background-color: #FFFFFF;
	border: 1px solid #6A6864;
	font-weight: 500;
}

.jobElement {
	border-bottom: solid 1px #E30000;
}

.jobElement:hover {
	background-color: #F5F5F5;
}

.jobElement:hover .jobCategory,
.jobElement:hover .jobDate,
.jobElement:hover .workPeriod {
    background-color: #FFFFFF;
    border: 1px solid #6A6864;
    color: #6A6864;
}

.jobElement:hover .cityName,
.jobElement:hover .jobName {
    color: #E30000;
}


.dv-button {
	color: #FFFFFF;
	background-color: #E30000;
	border-radius: 1px;
	border-color: #E30000;
	border-width: 1px;
}

.dv-button:hover {
	color: #E30000;
	background-color: #FFFFFF;
	border-color: #E30000;
}

.dv-btn-back {
	color: #6A6864;
	background-color: #FFFFFF;
	border-radius: 1px;
	border-color: #6A6864;
	border-width: 1px;
}

.dv-btn-back .form-text {
    color: inherit !important;
}

.dv-btn-back:hover .form-text {
    color: #E30000 !important;
}

.dv-btn-back:hover {
	color: #E30000;
	background-color: #FFFFFF;
	border-color: #E30000;
}

.dv-btn-back-overview {
	color: #6A6864;
	background-color: #FFFFFF;
	border-radius: 1px;
	border-color: #6A6864;
	border-width: 1px;
}

.dv-btn-back-overview:hover {
	color: #E30000;
	background-color: #FFFFFF;
	border-color: #E30000;
}

/* job detail page */
.advertisementContactTitle,
.advertisementBenefitsTitle,
.advertisementRequirementsTitle,
.advertisementResponsibilitiesTitle,
.salaryTitle {
	font-weight: bold;
	text-decoration: none !important;
	font-size: 16px;
	color: #6A6864;
}

.advertisement ul {
	list-style: none;
	padding: 0px;
}

.advertisement li {
	text-indent: -0.9em;
	padding-left: 1em;
}

.advertisement li::before {
	content: "\25CF";
	color: #E30000;
	padding-right: 0.3em;
}

.print-icon {
	color: #E30000;
}
.socialMediaIcon {
    margin-left: 1rem;
    text-decoration: none;
}
.printDetailIcon {
    margin-left: 0.5rem;
    margin-right: 1.5rem;
    text-decoration: none;
}

/* apply page */
.imageDropzonePreview {
    width: 100%;
    height: 306px;
    overflow: hidden;
}

.imageDropzonePreview .applicantImage {
	background-color: #BEB9AE;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Or switch to "contain" if you want to see the full image with possible empty spaces */
}
/*
.applicantImage {
	background-color: #BEB9AE;
	display: block;
	width: 100%;
}*/

.uploadZone {
    border-top: 1px dashed;
    border-top-color: #8E8E8E;
}

.uploadTitle span {
	font-size: 18px;
	font-weight: 600;
}

.uploadDescription span {
	font-size: 14px;
}

.pdfAssistance {
    padding: 15px;
    background-color: #D9D9DA;
    border-radius: 4px;
}

.frc-captcha {
    background-color: #D9D9DA !important;
    border-radius: 4px !important;
}

.pdfAssistance label {
    font-weight: 600;
}

.pdfAssistance i {
    color: red;
}

.dropzone {
    min-height: auto;
    padding: 1.5rem 1.75rem;
    text-align: center;
    cursor: pointer;
    border: 1px dashed;
    border-color: #CED4DA;
    background-color: #FFFFFF;
    border-radius: 4px;
}

.dropzone .dz-message {
    margin: 0;
    display: flex;
    text-align: left
}

.dropzone .dz-preview {
    border-radius: .475rem!important;
    margin: .75rem
}

.dropzone .dz-preview .dz-image {
    border-radius: .475rem!important;
    z-index: 1
}

.dropzone .dz-preview.dz-file-preview .dz-image {
    background: var(--bs-gray-200)
}

.dropzone .dz-error-mark,.dropzone .dz-success-mark {
    margin-left: -20px!important;
    margin-top: -20px!important
}

.dropzone .dz-error-mark svg,.dropzone .dz-success-mark svg {
    height: 40px!important;
    width: 40px!important
}

.dropzone .dz-remove {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.65rem;
    width: 1.65rem;
    font-size: 1rem;
    text-indent: -9999px;
    white-space: nowrap;
    position: absolute;
    z-index: 2;
    background-color: var(--bs-body-bg)!important;
    box-shadow: var(--bs-box-shadow);
    border-radius: 100%;
    top: -.825rem;
    right: -.825rem
}

.dropzone .dz-remove:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    content: "";
    mask-size: 40%;
    -webkit-mask-size: 40%;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-gray-600);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-gray-600%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-gray-600%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
}

.dropzone .dz-remove:hover:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-primary);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-primary%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-primary%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
}

.dropzone .dz-error-message {
    color: var(--bs-danger-inverse);
    background: var(--bs-danger)
}

.dropzone.dropzone-queue .dz-message {
    display: none
}

.dropzone.dropzone-queue .dropzone-panel .dropzone-upload {
    display: none
}

.dropzone.dropzone-queue .dropzone-item {
    display: flex;
    align-items: center;
    margin-top: .75rem;
    border-radius: .475rem;
    padding: .5rem 1rem;
}

.dropzone.dropzone-queue .dropzone-item .dropzone-file {
    flex-grow: 1
}

.dropzone.dz-drag-hover {
    border: 2px dashed #999;
    background-color: #ddd;
}

.dropzone.dropzone-queue .dropzone-item .dropzone-file .dropzone-filename {
    font-size: .9rem;
    font-weight: 500;
    color: var(--bs-body-color);
    text-overflow: ellipsis;
    margin-right: .5rem
}

.dropzone-filename {
    min-width: 100%;
    max-width: 100%;
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal;
}

.dropzone.dropzone-queue .dropzone-item .dropzone-file .dropzone-error {
    margin-top: .25rem;
    font-size: .9rem;
    font-weight: 400;
    color: var(--bs-danger);
    text-overflow: ellipsis
}

.dropzone.dropzone-queue .dropzone-item .dropzone-progress {
    width: 15%
}

.dropzone.dropzone-queue .dropzone-item .dropzone-progress .progress {
    height: 5px;
    transition: all .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .dropzone.dropzone-queue .dropzone-item .dropzone-progress .progress {
        transition: none
    }
}

.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar {
    margin-left: 1rem;
    display: flex;
    flex-wrap: nowrap
}

.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-cancel,.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-delete,.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-start {
    height: 25px;
    width: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: color .2s ease
}

.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-cancel>i,.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-delete>i,.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-start>i {
    transition: color .2s ease;
    font-size: .8rem;
    color: var(--bs-gray-600)
}

.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-cancel:hover,.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-delete:hover,.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-start:hover {
    transition: color .2s ease
}

.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-cancel:hover>i,.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-delete:hover>i,.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-start:hover>i {
    color: var(--bs-primary)
}

.dropzone.dropzone-queue .dropzone-item .dropzone-toolbar .dropzone-start {
    transition: color .2s ease
}

/* Lightly color while uploading with gray */
.dropzone .dropzone-item.dz-processing {
    background-color: var(--bs-gray-100);
}

/* Lightly color failure uploads with red */
.dropzone .dropzone-item.dz-error {
    background-color: rgb(237 210 210);
    color: red !important;
}

/* Lightly color successful uploads with green */
.dropzone .dropzone-item.dz-success {
    background-color: rgba(0, 255, 0, 0.1);
}

/* error for upload missing */
.file-upload-invalid {
    background-color: rgba(255, 0, 0, 0.1);
}

/* error for video source not selected: outline each choice button */
.video-source-invalid .btn {
    outline: 2px solid #dc3545;
    outline-offset: 2px;
}

/* intl-tel-number */
.iti {
	width: 100%;
}

.contact-avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    margin-right: 20px;
}

.advertisementContactText {
    display: flex;
    margin-bottom: 1rem;
}

/* long texts (e.g. the role) wrap inside the contact instead of widening it */
.advertisementContactDetails {
    min-width: 0;
    overflow-wrap: anywhere;
}

.form-control {
    background-color: #FFFFFF;
    border-color: #CED4DA;
    border-radius: 4px;
}

/* addon next to an input (e.g. salary unit), styled like the input; Bootstrap squares the joined corners */
.input-group-text {
    background-color: #FFFFFF;
    border-color: #CED4DA;
    border-radius: 4px;
    color: #6A6864;
}

.countryDropdown {
    background-color: #FFFFFF;
    border-color: #CED4DA;
    border-radius: 4px;
}

#countryList {
    overflow-y: scroll;
    max-height: 250px;
}

.form-select {
    background-color: #FFFFFF;
    border-color: #CED4DA;
    border-radius: 4px;
}

.form-check-input {
    background-color: #FFFFFF;
    border-color: #CED4DA;
    border-radius: 4px;
}

.max-file-size-block {
    margin-top: 5px;
}

.dropzone-error {
    color: red !important;
}

.dropzone-delete i {
    color: #000000 !important;
}

.terms-of-use, .privacy-policy {
    color: #358AFF;
}

.terms-of-use:hover, .privacy-policy:hover {
    color: #1E449C;
}

a {
    color: #358AFF;
}

a:hover {
    color: #1E449C;
}

.send-application-btn {
    float: right;
}

.text-end {
    padding-left: 0px !important;
}

.friendly-captcha {
    margin-left: 0px !important;
}

.nationality-selected {
    float: left;
    margin-top: 4px;
}

.country-selected {
    float: left;
}

#countryDropdown.form-control {
  display: flex;
  align-items: center;
  min-height: calc(1.5em + .75rem + 2px);
}

#countryDropdown.form-control::after{
  margin-left: auto;
}

/* Dual Range Slider */
.range-slider-wrapper {
	position: relative;
	height: 50px;
	padding-top: 15px;
}

.range-slider-wrapper .slider-track {
	position: absolute;
	width: 100%;
	height: 4px;
	background: #CED4DA;
	border-radius: 2px;
	top: 23px;
}

.range-slider-wrapper .slider-range {
	position: absolute;
	height: 4px;
	background: #CED4DA;
	border-radius: 2px;
	top: 23px;
}

.range-slider-wrapper input[type="range"] {
	position: absolute;
	width: 100%;
	height: 4px;
	top: 15px;
	pointer-events: none;
	background: transparent;
	-webkit-appearance: none;
	appearance: none;
}

.range-slider-wrapper input[type="range"]::-webkit-slider-thumb {
	pointer-events: all;
	-webkit-appearance: none;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #E9ECEF;
	border: 2px solid #CED4DA;
	cursor: pointer;
	margin-top: 0px;
	position: relative;
}

.range-slider-wrapper input[type="range"]::-moz-range-thumb {
	pointer-events: all;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #E9ECEF;
	border: 2px solid #CED4DA;
	cursor: pointer;
	border: none;
}

.range-slider-wrapper input[type="range"]::-webkit-slider-runnable-track {
	width: 100%;
	height: 4px;
	background: transparent;
	border-radius: 2px;
}

.range-slider-wrapper input[type="range"]::-moz-range-track {
	width: 100%;
	height: 4px;
	background: transparent;
	border-radius: 2px;
}

/* Job overview filter dropdowns rendered in normal flow for iframe resizing */
#filterCategorySelect[aria-expanded='true'] ~ .filter-categories-menu,
#filterLocationSelect[aria-expanded='true'] ~ .filter-locations-menu,
#filterStartDateSelect[aria-expanded='true'] ~ .filter-start-dates-menu,
#filterPercentageSelect[aria-expanded='true'] ~ .filter-percentage-menu {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  margin-top: 0.25rem !important;
  overflow-x: hidden;
  transform-origin: top;
}

#filterCategorySelect[aria-expanded='true'] ~ .filter-categories-menu[data-bs-popper],
#filterLocationSelect[aria-expanded='true'] ~ .filter-locations-menu[data-bs-popper],
#filterStartDateSelect[aria-expanded='true'] ~ .filter-start-dates-menu[data-bs-popper],
#filterPercentageSelect[aria-expanded='true'] ~ .filter-percentage-menu[data-bs-popper] {
  top: auto !important;
  left: auto !important;
}

#emailConfirmModal.modal {
    background-color: transparent;
}

body:has(#emailConfirmModal.show) .modal-backdrop.show {
    background-color: rgba(255, 255, 255, 0.6);
    opacity: 1;
}