.navbar-brand img {
	max-width: 100%;
	height: 60px;
}

.main-title h1 b {
	font-weight: 500;
}


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

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



.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);
}

.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);
}

.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 .card {
	overflow: hidden;
}

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);
}

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(--primary-color);
}

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

.btn-outline-secondary {
	color: var(--primary-color);
	border-color: var(--primary-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(--primary-color);
	border-color: var(--primary-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(--primary-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(--primary-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-content span.pageNumDisabled {
	background-color: var(--primary-color);
	border: 1px solid var(--primary-color);
}

.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;
	font-size: 1.25rem;
	font-weight: 500;
}

/* 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;
}


/* COOKIES */

.rhc-theme-light {
	--text-primary: var(--primary-color) !important;
	--text-secondary: #757575;
	--background: #f8f9fa !important;
	;
	--scrollbar-background-color: #d4d4d4;
	--scrollbar-foreground-color: #8a8a8a;
}

.rhc-banner {
	background-color: var(--background) !important;
}

button.consent-decline {
	color: var(--primary-color) !important;
	background-color: transparent !important;
}

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


@media (max-width: 991px) {
	button.consent-approve {
		margin-left: 10px;
	}
}


div.talentfinder-autocompleter.label div.MuiAutocomplete-root.MuiAutocomplete-root {
	width: 100% !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;
}

.position-preference .application-from .line .geographical-area .checkbox-group.inline-label,
#questioninfo #complete-form-container .contact-info .line .radio-group,
#questioninfo #complete-form-container .contact-info .line .talentfinder-textfield-label,	
#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;
}

@media (max-width: 991.98px) {
	.position-preference .application-from .line .geographical-area .checkbox-group.inline-label,
    #questioninfo #complete-form-container .contact-info .line .radio-group,
#questioninfo #complete-form-container .contact-info .line .talentfinder-textfield-label,	
#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 {
        grid-template-columns: 1fr;   /* 1 colonne */
        row-gap: 0.5rem;              /* un peu d’espace entre label et input */
    }

    /* Si besoin, forcer les inputs à prendre toute la largeur */
    #questioninfo #complete-form-container .address-info .line input,
    #questioninfo #complete-form-container .address-info .line select,
    #questioninfo #complete-form-container .address-info .line textarea {
        width: 100%;
    }
}

#questioninfo #complete-form-container .address-info .line.address-postalCode div.talentfinder-autocompleter.label div.MuiAutocomplete-root.MuiAutocomplete-root {
	width: 100% !important;
}

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

.position-preference .line .talentfinder-select-label,
.position-preference .remuneration-package .line .talentfinder-select-label,
.position-profile .remuneration-package .line.input-select .talentfinder-select-label,
#self-application-disclaimer .person-base #self-application-disclaimer .line .talentfinder-select-label,
#self-application-disclaimer .person-base #self-application-disclaimer .line .talentfinder-textfield-label,
#self-application-disclaimer .person-legal #self-application-disclaimer .line .talentfinder-select-label {
	display: flex;
	flex-direction: column;
}


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

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


/* Logon page */

.my-jobsite-logon .row .main-title h1 {
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
	color: var(--primary-color); /*color: var(--heading-color);*/
}

.my-jobsite-logon .content-container p.contentBlue {
	color: var(--primary-color); /*color: var(--heading-color);*/
	font-style: normal;
	font-weight: 400;
	line-height: 160%;
}

div.content-Login {
	/*border-radius: 24px;*/
	border: 1px solid var(--primary-color);
}

div.content-Login .my-jobsite-logon-form .logon_myjobsite #MyJobSiteLogonFrmSubmit,
div.content-Login .my-jobsite-logon-form #lostPasswordFrmSubmit {
	/*border-radius: 40px;*/
	display: flex;
	padding: 8px 12px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	align-self: stretch;
}

.my-jobsite-logon-form .left {
	padding: 0 44px 0 40px !important;
}

.my-jobsite-logon-form .left form .gdpr-logon {
	padding-left: 0px !important;
}

.my-jobsite-logon-form .left form .gdpr-logon .checkbox label {
	text-align: left;
	padding-top: 8px;
	font-size: 16px;
}

.my-jobsite-logon-form .right {
	padding: 0 40px 0 44px !important;
}

/* reset password */

.my-jobsite-logon-form.reset-password.card-body {
	padding: 2.25rem 4.25rem;
}

.my-jobsite-logon-form.reset-password.card-body .reset-container form .logon_myjobsite #MyJobSiteResetFrmSubmit {
	display: flex;
	padding: 8px 12px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	align-self: stretch;
	border-radius: 40px;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}


/* 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;
}


/*  my profile */

form .my-jobsite-btn-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	direction: rtl;
}

form .my-jobsite-btn-container button.myjobsite-submit {
	width: 126px;
	background-color: var(--primary-color) !important;
}

form .my-jobsite-btn-container button.myjobsite-back {
	width: 126px;
	justify-self: end;
	background-color: var(--primary-color) !important;
	direction: ltr;
}


.modules-myjobsite-categories .content-container .intro p:nth-of-type(2),
.modules-myjobsite-professional .content-container .intro p:nth-of-type(2),
.modules-myjobsite-personal .content-container .intro p:nth-of-type(2) {
	display: none;
}

.content-container form .job-category .wish-category #csa_form .talentfinder-autocompleter label {
	display: none !important;
}

#leftMenu #myjob-site-menu .item div .sub-item,
#leftMenu #myjob-site-menu div #content-Profil .sub-item,
#leftMenu #myjob-site-menu div #content-Profil .leftMenuMyJobSite {
	padding: 8px 16px;
}

#leftMenu #myjob-site-menu .item div .sub-item a,
#leftMenu #myjob-site-menu div #content-Profil .sub-item a,
#leftMenu #myjob-site-menu div #content-Profil .leftMenuMyJobSite a {
	color: var(--heading-color) !important;
	padding: 8px 16px;
}

#leftMenu #myjob-site-menu .item div .sub-item a:hover,
#leftMenu #myjob-site-menu div #content-Profil .sub-item a:hover,
#leftMenu #myjob-site-menu div #content-Profil .leftMenuMyJobSite a:hover {
	text-decoration: none;
}

#leftMenu #myjob-site-menu .item div .sub-item:hover,
#leftMenu #myjob-site-menu div #content-Profil .sub-item:hover,
#leftMenu #myjob-site-menu div #content-Profil .leftMenuMyJobSite:hover {
	background-color: var(--primary-color);
	border-radius: 5px;
}

#leftMenu #myjob-site-menu .item div .sub-item:hover a,
#leftMenu #myjob-site-menu div #content-Profil .sub-item:hover a,
#leftMenu #myjob-site-menu div #content-Profil .leftMenuMyJobSite:hover a {
	color: #fff !important;
	text-decoration: none;
}

#leftMenu #myjob-site-menu .item div .sub-item.active,
#leftMenu #myjob-site-menu div #content-Profil .sub-item.active,
#leftMenu #myjob-site-menu div #content-Profil .leftMenuMyJobSite.active {
	background-color: var(--primary-color);
	border-radius: 5px;
}

#leftMenu #myjob-site-menu .item div .sub-item.active a,
#leftMenu #myjob-site-menu div #content-Profil .sub-item.active a,
#leftMenu #myjob-site-menu div #content-Profil .leftMenuMyJobSite.active a {
	color: #fff !important;
	text-decoration: none;
}


/* Disclaimer */

.privacy-policy {
	line-height: 1.6;
	margin: 2rem;
	color: var(--primary-color); /*color: var(--heading-color);*/
}

.privacy-policy h1 {
	font-size: 2rem;
	font-weight: bold;
}

.privacy-policy h2 {
	font-size: 1.2rem;
	margin-top: 1.5rem;
}

.privacy-policy p {
	margin: 0.5rem 0;
}

.privacy-policy ul {
	margin: 0.5rem 0 1rem 1.5rem;
	padding-left: 1rem;
}

.privacy-policy li {
	margin-bottom: 0.5rem;
}

.privacy-policy .subtitle {
	font-size: 0.95rem;
	color: color-mix(in srgb, var(--heading-color) 80%, transparent);
	margin-bottom: 2rem;
}

.privacy-policy .section {
	margin-bottom: 2rem;
}

.privacy-policy .main-section {
	border-radius: 24px;
	border: 1px solid var(--primary-color);
	padding: 80px;
}