/*
Changement overwrite website
*/
div.cf:not(.cf-inscription) a {
	font-weight: unset;
	text-decoration: unset;
	font-weight: 400;
}
div.cf:not(.cf-inscription) .btn {
	margin-top: 0;
	border-radius: 0px;
	white-space: unset;
	font-weight: 700;
}
div.cf:not(.cf-inscription) .btn:not(.btnRed):not(.btnGreen) {
	padding: 6px 12px;
	color: unset;
	font-size: 14px;
	font-weight: 400;
}
div.cf:not(.cf-inscription) h1 {
	font-family: open-sans, sans-serif;
	font-weight: 700 !important;
	font-size: 36px;
}
div.cf:not(.cf-inscription) h2 {
	font-family: open-sans, sans-serif;
	font-weight: 700 !important;
	font-size: 30px;
}
div.cf:not(.cf-inscription) h3 {
	font-family: open-sans, sans-serif;
	font-weight: 700 !important;
	font-size: 18px;
}
div.cf:not(.cf-inscription) .panel-body {
	padding: 20px 15px !important;
}
div.cf:not(.cf-inscription) .panel.panel-default {
	border-color: #1c3e73 !important;
	border-radius: 4px !important;
}
div.cf:not(.cf-inscription) .panel-heading {
	background: #1c3e73 !important;
	border-color: #1c3e73 !important;
}
div.cf:not(.cf-inscription) .panel-body .panel-default {
	border-color: #00a15e !important;
}
div.cf:not(.cf-inscription) .panel-body .panel-heading {
	background: #00a15e !important;
	border-color: #00a15e !important;
	padding: 10px 15px !important;
}
div.cf:not(.cf-inscription) {
	font-family: open-sans, sans-serif;
}

.equal {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}
.align-self-start {
	align-self: start;
}
.align-self-end {
	align-self: end;
}

#frmInscriptionFormulaire section.tab {
	display: none;
}
#frmInscriptionFormulaire section.tab.personal-info {
	display: block;
}
#frmInscriptionFormulaire section.tab a.upload-btn {
	color: #fff;
}
#frmInscriptionFormulaire div.buttons input[type="button"] {
	display: none;
}
#frmInscriptionFormulaire div.buttons input[type="button"].next {
	display: inline-block;
}
#frmInscriptionFormulaire div.buttons input[type="submit"] {
	display: none;
}
#frmInscriptionFormulaire div.notes {
	padding-left: 15px;
	margin-top: 20px;
	font-style: italic;
}
#frmInscriptionFormulaire div.notes span.red {
	position: absolute;
	font-family: "FontAwesome";
	font-weight: normal;
	font-size: 11px;
	content: "\f069";
	color: #bc2929;
	margin-left: -15px;
}
#frmInscriptionDocument input[type="file"],
#frmInscriptionDocument2 input[type="file"] {
	height: auto;
}
#frmInscriptionDocument div.progress,
#frmInscriptionDocument2 div.progress {
	margin: 10px 0;
	background-color: #f5f5f5;
}
#frmInscriptionDocument div.bar,
#frmInscriptionDocument2 div.bar {
	height: 18px;
	background: #00a15e;
}
#frmInscriptionFormulaire #credential_recognition_div select {
	transition: background-color 1s ease;
	background-color: #ffeeba;
}
#frmInscriptionFormulaire #credential_recognition_div.shown select {
	background-color: #fff;
}

/*
RESULT TABLE
*/
.cf table.table tr.inactive td {
	text-decoration: line-through;
}
.cf table.table tr.inactive td:has(a) {
	text-decoration: none;
}

/****
PROGRESS BAR
****/
.meter {
	height: 26px;
	position: relative;
	background: rgb(182, 182, 182);
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
	padding: 0;
	box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
	box-sizing: content-box;
}
.meter > span {
	display: block;
	height: 100%;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	background-color: rgb(25, 55, 101);
	background-image: linear-gradient(center bottom, rgb(25, 55, 101) 37%, rgb(93, 135, 199) 69%);
	box-shadow:
		inset 0 2px 9px rgba(255, 255, 255, 0.3),
		inset 0 -2px 6px rgba(0, 0, 0, 0.4);
	position: relative;
	overflow: hidden;
}
.meter > span:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-image: linear-gradient(
		-45deg,
		rgba(255, 255, 255, 0.1) 25%,
		transparent 25%,
		transparent 50%,
		rgba(255, 255, 255, 0.1) 50%,
		rgba(255, 255, 255, 0.1) 75%,
		transparent 75%,
		transparent
	);
	z-index: 1;
	background-size: 50px 50px;
	animation: move 2s linear infinite;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	overflow: hidden;
}
.meter > span:after,
.animate > span > span {
	animation: progressanim 2s linear infinite;
}
@keyframes progressanim {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 50px 50px;
	}
}

/****
INTRANET | INSCRIPTION
****/

div.cf.user ul.status {
	padding: 0;
}
div.cf.user ul.status li::before {
	display: none;
}
div.cf.user ul.status li span {
	margin-right: 8px;
}
div.cf.user ul.status li span.completed {
	color: #00a15e;
}

div.cf.cf-inscription section.destination input.ccm-input-date {
	width: auto;
}

div.cf.intranet-inscription div.immigrant-info-wrapper {
	background-color: #dedede;
	padding: 10px;
	border-radius: 4px;
}
div.cf.intranet-inscription div.immigrant-info-wrapper div.more-info {
	margin-top: 10px;
	text-align: right;
}
div.cf.intranet-inscription div.immigrant-info-wrapper div.more-info span.closePanel {
	display: none;
}
div.cf.intranet-inscription div.immigrant-base-info {
	display: flex;
	flex-wrap: wrap;
	background-color: #dedede;
}
div.cf.intranet-inscription div.immigrant-base-info div.info {
	flex: 1 0 18%;
	margin: 0 7.5px;
}
div.cf.intranet-inscription div.immigrant-base-info div.info:first-child {
	margin-left: 0;
}
div.cf.intranet-inscription div.immigrant-full-info {
	margin-top: 15px;
}
div.cf.intranet-inscription div.immigrant-full-info ul.nav-pills {
	border: none;
}
div.cf.intranet-inscription div.immigrant-full-info ul.nav-pills li a {
	background-color: #fff;
}
div.cf.intranet-inscription div.immigrant-full-info ul.nav-pills li.active a {
	background-color: #193765;
}
div.cf.intranet-inscription div.immigrant-full-info div.tab-content {
	padding-left: 10px;
	padding-right: 10px;
	background-color: #fff;
}
div.cf.intranet-inscription div.immigrant-base-info div.info:last-child {
	margin-right: 0;
}
div.cf.intranet-inscription div.panel-heading {
	background-color: #1c3e73;
	border-color: #1c3e73;
}
div.cf.intranet-inscription div.panel-heading div.panel-title a {
	color: #fff !important;
	text-transform: uppercase;
}
div.cf.intranet-inscription div.panel-body {
	padding-top: 20px;
	padding-bottom: 20px;
}
div.cf.intranet-inscription div.panel-body h3 {
	color: #fff;
	margin: 0;
}
div.cf.intranet-inscription div.panel-body div.panel-heading {
	background-color: #00a15e;
	border-color: #00a15e;
}
div.cf.intranet-inscription a.iconAdd,
div.cf.intranet-inscription a.iconDelete {
	position: relative;
	padding-left: 23px;
}
div.cf.intranet-inscription a.iconAdd::before {
	position: absolute;
	font-family: FontAwesome;
	content: "\f067";
	line-height: 20px;
	left: 0;
	color: #000;
	top: 0;
	height: 20px;
	width: 20px;
	z-index: 1;
}
div.cf.intranet-inscription a.iconDelete::before {
	position: absolute;
	font-family: FontAwesome;
	content: "\f068";
	line-height: 20px;
	left: 0;
	color: #000;
	top: 0;
	height: 20px;
	width: 20px;
	z-index: 1;
}
div.cf.intranet-inscription h2 span.smaller {
	font-size: 16px;
	line-height: 16px;
	vertical-align: middle;
}
div.cf.intranet-inscription div.buttons,
div.cf.cf-inscription div.buttons {
	margin-top: 15px;
}
div.cf.intranet-inscription div.notes {
	padding-left: 15px;
	margin-top: 20px;
	font-style: italic;
}
div.cf.intranet-inscription div.notes span.red {
	position: absolute;
	font-family: "FontAwesome";
	font-weight: normal;
	font-size: 11px;
	content: "\f069";
	color: #bc2929;
	margin-left: -15px;
}
div.cf.intranet-inscription .font-normal {
	font-weight: 400;
}
div.cf.intranet-inscription div.subStatus-wrapper {
	padding-left: 25px;
	margin-bottom: 0;
}
div.cf.intranet-inscription div.subStatus-wrapper.status-date-wrapper {
	margin-bottom: 5px;
}
div.cf.intranet-inscription div.checkbox-inline label,
div.cf.intranet-inscription div.radio-inline label {
	font-weight: 400;
}

/***
PROFIL
***/
div.cf.profile ul.nav-pills {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #193765;
}
div.cf.profile ul.nav-pills li {
	margin-top: 0;
}
div.cf.profile ul.nav-pills li::before {
	display: none;
}
div.cf.profile ul.nav-pills li a {
	border-radius: 4px 4px 0 0;
	color: #193765;
}
div.cf.profile ul.nav-pills li.active a {
	background-color: #193765;
	color: #fff;
}
div.cf.profile div.tab-content {
	padding: 25px 0;
}
div.cf.profile div.checkbox-inline label {
	font-weight: 400;
}
div.cf.profile div.progress,
div.cf.user div.progress,
.modal-dialog div.progress {
	margin-top: 10px;
	margin-bottom: 10px;
}
div.cf.profile div.files a::before,
div.cf.user div.files a::before,
.modal-dialog div.files a::before {
	content: "\f016";
	display: inline-block;
	font: normal normal normal 16px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	width: 20px;
	text-align: right;
	margin-right: 10px;
}
div.cf.profile div.buttons input[type="button"] {
	display: none;
}
div.cf.profile div.buttons input[type="button"].next {
	display: inline-block;
}
div.cf.profile div.buttons input[type="submit"] {
	display: none;
}
div.cf.profile div.notes {
	padding-left: 15px;
	margin-top: 20px;
	font-style: italic;
}
div.cf.profile div.notes span.red {
	position: absolute;
	font-family: "FontAwesome";
	font-weight: normal;
	font-size: 11px;
	content: "\f069";
	color: #bc2929;
	margin-left: -15px;
}
div.cf.profile div.history-bt {
	margin-top: 20px;
}
div.cf.profile div.print-bt {
	margin-top: 10px;
}
/***
RAPPORTS
***/
div.cf.reports div.dates-filter {
	float: left;
	margin-right: 15px;
	width: 100%;
}
div.cf.reports div.dates-filter .form-control {
	width: 100% !important;
}
div.cf.reports div.checkbox-inline label {
	font-weight: 400;
}
div.cf.reports div.fields-selection {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}
div.cf.reports div.results {
	margin: 30px 0 0;
}
div.cf.reports select option:disabled {
	color: #ccc;
}

/***
FORMATIONS
***/
div.cf.formation ul.nav-pills {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #193765;
}
div.cf.formation ul.nav-pills li {
	margin-top: 0;
}
div.cf.formation ul.nav-pills li::before {
	display: none;
}
div.cf.formation ul.nav-pills li a {
	border-radius: 4px 4px 0 0;
	color: #193765;
}
div.cf.formation ul.nav-pills li.active a {
	background-color: #193765;
	color: #fff;
}
div.cf.formation div.tab-content {
	padding: 25px 0;
}

div.cf.formation div.formation-progress {
	margin: 0 0 30px;
}
div.cf.formation div.completed-formation {
	margin: 0 0 10px;
}
div.cf.formation div.progressbar {
	margin: 0 0 10px;
}
div.cf.formation div.formations-list {
	display: flex;
	flex-wrap: wrap;
}
div.cf.formation div.formations-list div.formation {
	flex: 0 0 100%;
	margin: 0 0px 20px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
div.cf.formation div.formations-list div.formation div.formation-img {
	padding-bottom: 56.25%;
	background-size: cover;
	background-position: 50% 50%;
}
div.cf.formation div.formations-list div.formation div.formation-desc {
	padding: 0 15px 15px;
}
div.cf.formation div.formations-list div.formation div.formation-desc {
	padding: 0 15px 15px;
}
div.cf.formation div.formations-list div.formation a {
	color: #000;
}
div.cf.formation div.formations-list div.formation a:hover {
	color: #000;
}
div.cf.formation div.formations-list div.formation a:hover h3 {
	text-decoration: underline;
}

/***
WEBINAIRES
***/
div.cf.webinaire div.webinaires-list {
	display: flex;
	flex-wrap: wrap;
}
div.cf.webinaire div.webinaires-list div.webinaire {
	width: 100%;
	padding-bottom: 40px;
	display: flex;
}
div.cf.webinaire div.webinaires-list div.webinaire div.webinaire-img {
	display: none;
	width: 100%;
	max-width: 600px;
	height: auto;
	aspect-ratio: 6/4;
	background-size: cover;
	background-position: 50% 50%;
	background-color: #193765;
}
div.cf.webinaire div.webinaires-list div.webinaire div.webinaire-desc {
	padding: 20px 25px 30px;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	border-left: 5px solid #ffc43f;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
div.cf.webinaire div.webinaires-list div.webinaire div.webinaire-desc a {
	background-color: #00a15e;
	align-self: flex-end;
	border-radius: 0;
	padding: 8px 25px 10px;
	color: #fff;
	font-weight: 900;
}
div.cf.webinaire div.webinaires-list div.webinaire div.webinaire-desc a.btn-red {
	background-color: #bc2929;
	border-color: #bc2929;
}
/* div.cf.webinaire div.webinaire div.webinaire-info h3 { font-size: 24px; } */
div.cf.webinaire div.webinaire div.webinaire-info span.info {
	display: block;
	position: relative;
}
div.cf.webinaire div.webinaire div.webinaire-info span.info::before {
	display: inline-block;
	font-family: FontAwesome;
	font-weight: 400;
	padding: 0 15px 0 5px;
	width: 35px;
	text-align: center;
}
div.cf.webinaire div.webinaire div.webinaire-info span.date::before {
	content: "\f133";
}
div.cf.webinaire div.webinaire div.webinaire-info span.time::before {
	content: "\f017";
}
div.cf.webinaire div.webinaire div.webinaire-info span.category::before {
	content: "\f02b";
}
div.cf.webinaire div.webinaire div.webinaire-info span.person::before {
	content: "\f007";
}
div.cf.webinaire div.webinaire div.webinaire-img {
	width: 100%;
	max-width: 450px;
	height: auto;
	aspect-ratio: 6/4;
	background-size: cover;
	background-position: 50% 50%;
	background-color: #193765;
}
div.cf.webinaire div.webinaire button,
div.cf.webinaire div.webinaire a.btnGreen {
	width: 100%;
	margin-top: 25px;
	max-width: 450px;
}
div.cf.webinaire div.webinaire iframe {
	border: none;
	aspect-ratio: 16 / 9;
	width: 100%;
}
div.cf.webinaire div.pagination {
	width: 100%;
}
div.cf.webinaire div.pagination p {
	text-align: center;
	margin: 5px;
}
div.cf.webinaire div.pagination .dataTables_paginate {
	text-align: center;
}
div.cf.webinaire div.pagination .dataTables_paginate ul {
	margin: 0;
	padding: 0;
}
div.cf.webinaire div.pagination .dataTables_paginate ul li::before {
	display: none;
}
div.cf.webinaire div.search-filters #frmFilterWebinaires {
	width: fit-content;
}
div.cf.webinaire div.search-filters #frmFilterWebinaires .ccm-input-text {
	min-width: 290px;
}
div.cf.webinaire div.search-filters #frmFilterWebinaires div.checkboxes {
	text-align: center;
}
div.cf.webinaire div.search-filters #frmFilterWebinaires div.checkboxes .checkbox-inline {
	margin: 0 15px;
}

/***
FOIRE D'EMPLOI
***/
div.cf.foire-emploi div.tonik-youtube-gallery h2 {
	margin: 30px 0 10px 0;
}
div.cf.foire-emploi div.notes {
	margin: 20px 0;
}
div.cf.foire-emploi div.notes span.red {
	color: #bc2929;
	font-weight: 700;
}
div.cf.foire-emploi #inscriptionFoireEmploi .fileinput-button {
	position: relative;
	overflow: hidden;
	display: inline-block;
	margin-bottom: 15px;
}
div.cf.foire-emploi #inscriptionFoireEmploi .fileinput-button input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
	font-size: 200px !important;
	direction: ltr;
	cursor: pointer;
}

/***
LIAISON DE COMPTES
***/
div.cf.liaison div.search-results {
	margin-top: 20px;
}
div.cf.liaison div.dates-filter {
	float: left;
	margin-right: 15px;
}
div.cf.liaison div.checkbox-inline label {
	font-weight: 400;
}
div.cf.liaison div.fields-selection {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}
div.cf.liaison div.results {
	margin: 30px 0 0;
}

/***
ASIDE
***/
div.cf aside nav {
	background-color: #193765;
	color: #fff;
	padding: 30px;
}
div.cf aside nav ul {
	border: 3px solid #fff;
	padding: 30px;
	list-style: none;
}
div.cf aside nav ul li::before {
	display: none !important;
}

div.cf aside nav ul li a {
	color: #fff;
}

div.cf aside nav ul li.selected a {
	font-weight: 700;
}
div.cf aside nav ul li a:hover {
	text-decoration: underline;
	color: #fff;
}
div.cf aside nav ul ul {
	border: none;
	margin: 4px 0;
	padding: 5px 0px 5px 10px;
	font-size: 90%;
}
div.cf aside nav ul ul {
}

/* FORM ELEMENTS */
div.cf div.form-group {
	margin-bottom: 20px;
	vertical-align: top;
}
div.cf div.form-group label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
}
div.cf div.form-group .form-control,
div.cf div.form-group .form-select {
	height: 34px;
	font-size: 16px;
	line-height: 1.42857143;
	color: #000;
	background-color: #fff;
	background-image: none;
	border-radius: 0;
	box-shadow: none;
	width: 100%;
}
div.cf div.form-group .form-control:disabled,
div.cf div.form-group .form-select:disabled {
	background-color: #dfdfdf;
	cursor: not-allowed;
	color: #555;
}
div.cf div.form-group .dataTables_filter .form-control,
div.cf div.form-group .dataTables_filter .form-select {
	width: unset;
}
div.cf div.form-group .form-control[readonly],
div.cf div.form-group .form-select[readonly] {
	background-color: #dfdfdf;
	opacity: 1;
	color: #555;
}
div.cf div.form-group select,
div.cf div.form-group textarea {
	border-radius: 0;
	box-shadow: none;
}
div.cf div.form-group .fileinput-button {
	display: flex;
	width: max-content;
}
div.cf div.form-group .fileinput-button i {
	margin-right: 15px;
}
div.cf div.form-group .form-file-progress {
	display: flex;
	align-items: center;
	gap: 15px;
}
div.cf div.form-group #files p span + br {
	display: none;
}
div.cf div.form-group .upload-btn {
	margin-top: 0;
	padding: 3px 12px 2px;
	margin-left: 15px;
	font-size: 16px;
}
div.cf div.form-group .upload-btn:hover {
	color: #00a15e !important;
}
div.cf div.form-group .progress {
	height: 5px;
	width: 300px;
	background-color: #dfdfdf;
	box-shadow: none;
	border-radius: 0;
	margin-top: 0;
}
div.cf div.form-group .progress .progress-bar {
	background-color: #00a15e !important;
}
div.cf div.radio-inline,
div.cf div.checkbox-inline {
	padding-left: 0;
}
div.cf legend {
	border: none;
	margin-bottom: 10px;
	font-weight: 700;
}
div.cf .checkbox-inline + .checkbox-inline,
.radio-inline + .radio-inline {
	margin-left: 30px;
}
div.cf span {
	font-size: 16px;
}
div.cf span.error {
	display: block;
	color: #bc2929;
}
div.cf-inscription .btn.ccm-input-submit {
	float: right;
}

div.cf .form-inline .form-group label {
	display: block;
}

div.cf input[type="text"]:not(#phone):not(#partner_phone),
div.cf input[type="number"],
div.cf input[type="email"],
div.cf input[type="password"],
div.cf select {
	border: 1px solid #dfdfdf !important;
	padding: 6px 12px !important;
}
div.cf input[type="text"]:not(#phone):not(#partner_phone):focus,
div.cf input[type="number"]:focus,
div.cf input[type="email"]:focus,
div.cf input[type="password"]:focus,
div.cf select:focus {
	border: 1px solid #000 !important;
	outline: none;
}
div.cf input[type="text"]#phone,
div.cf input[type="text"]#partner_phone {
	border: 1px solid #dfdfdf !important;
}
div.cf textarea,
textarea {
	border: 1px solid #dfdfdf !important;
	padding: 6px 12px !important;
	width: 100%;
}
div.cf input[type="checkbox"],
div.cf input[type="radio"] {
	position: absolute;
	right: 9000px;
}

/* Variable list - email */
div.help-block button.variable {
	display: block;
	width: 100%;
	border: 1px solid #ccc;
	padding: 6px 12px;
	margin: 10px 0;
	background: #fff;
	position: relative;
}
div.help-block button.variable:hover {
	background: #e9e9ed;
}
div.help-block button.variable:first-of-type {
	margin-top: -5px;
}
div.help-block button.variable span:not(.tooltip) {
	border-bottom: 1px solid #ccc;
	padding-bottom: 3px;
	margin-bottom: 3px;
	display: block;
}
div.help-block button .tooltip {
	visibility: hidden;
	width: 140px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	z-index: 1;
	bottom: 110%;
	left: 50%;
	margin-left: -75px;
	opacity: 0;
	transition: opacity 0.3s;
}
div.help-block button .tooltip::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}
div.help-block button.copy:hover .tooltip {
	visibility: visible;
	opacity: 1;
}

/* error */
div.cf input[aria-invalid="true"] {
	border: 1px solid #bc2929 !important;
}
div.cf input[type="text"]:not(#phone):not(#partner_phone).error,
div.cf input[type="number"].error,
div.cf input[type="email"].error,
div.cf input[type="password"].error,
div.cf select.error {
	border: 1px solid #bc2929 !important;
}
div.cf input[type="text"].error,
div.cf input[type="number"].error,
div.cf input[type="email"].error,
div.cf input[type="password"].error,
div.cf select.error {
	border: 1px solid #bc2929 !important;
}

/*Check box*/
div.cf input[type="checkbox"] + label:before {
	content: "\f096";
	font-family: "FontAwesome";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 5px;
}
div.cf input[type="checkbox"]:checked + label:before {
	content: "\f14a";
	color: #00a15e;
	animation: effect 250ms ease-in;
}
div.cf input[type="checkbox"]:disabled + label {
	color: #aaa;
}
div.cf input[type="checkbox"]:checked:disabled + label:before {
	content: "\f14a";
	color: #00a15e;
	animation: effect 250ms ease-in;
}
div.cf input[type="checkbox"]:disabled + label:before {
	content: "\f0c8";
	color: #ccc;
}
div.cf .form-group.required > .form-label {
	padding-left: 15px;
}
div.cf .form-group.required > .form-label:before {
	position: absolute;
	font-family: "FontAwesome";
	font-weight: normal;
	font-size: 11px;
	content: "\f069";
	color: #bc2929;
	margin-left: -15px;
}
div.cf .form-group.required > div.checkbox-inline .form-label:after {
	position: absolute;
	font-family: "FontAwesome";
	font-weight: normal;
	font-size: 11px;
	content: "\f069";
	color: #bc2929;
	margin-left: 5px;
}

/*Radio box*/
div.cf input[type="radio"] + label:before {
	content: "\f10c";
	font-family: "FontAwesome";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 5px;
}
div.cf input[type="radio"]:checked + label:before {
	content: "\f192";
	color: #00a15e;
	animation: effect 250ms ease-in;
}
div.cf input[type="radio"]:disabled + label {
	color: #aaa;
}
div.cf input[type="radio"]:checked:disabled + label:before {
	content: "\f192";
	color: #00a15e;
	animation: effect 250ms ease-in;
}
div.cf input[type="radio"]:disabled + label:before {
	content: "\f10c";
	color: #ccc !important;
}

/*Radio Toggle*/
div.cf .toggle input[type="radio"] + label:before {
	content: "\f204";
	font-family: "FontAwesome";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 10px;
}
div.cf .toggle input[type="radio"]:checked + label:before {
	content: "\f205";
	color: #16a085;
	animation: effect 250ms ease-in;
}
div.cf .toggle input[type="radio"]:disabled + label {
	color: #aaa;
}
div.cf .toggle input[type="radio"]:disabled + label:before {
	content: "\f204";
	color: #ccc;
}

/*Intl Tel Input*/
.iti {
	font-size: 16px;
	line-height: normal;
	display: block !important;
}
.iti__country-list {
	font-size: 16px !important;
	margin: 0 !important;
	padding-left: 0 !important;
}
.iti__country {
	margin-top: 0 !important;
}
.iti__country:before {
	display: none !important;
}
div.cf .iti--allow-dropdown input,
.iti--allow-dropdown input[type="tel"],
.iti--allow-dropdown input[type="text"],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type="tel"],
.iti--separate-dial-code input[type="text"] {
	padding-right: 6px;
	margin-left: 0;
}
.iti input.iti-no-country {
	padding-left: 54px !important;
}

.cf-loading {
	position: relative;
	pointer-events: none;
}
.cf-loading::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(255, 255, 255, 0.7);
	z-index: 10;
}
.cf-loading::before {
	content: "\f110";
	font-family: "FontAwesome";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 32px;
	color: #00a15e;
	z-index: 11;
	animation: cf-spin 1s linear infinite;
}
@keyframes cf-spin {
	0% {
		transform: translate(-50%, -50%) rotate(0deg);
	}
	100% {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

@media only screen and (max-width: 576px) {
	.cf.profile .frmInscriptionFormulaire .d-flex .btnGreen,
	.cf-inscription .frmInscriptionFormulaire .d-flex .btnGreen {
		display: block !important;
	}
	.cf.profile .frmInscriptionFormulaire .d-flex .btnGreen + .btnGreen,
	.cf-inscription .frmInscriptionFormulaire .d-flex .btnGreen + .btnGreen {
		margin-top: 12px !important;
	}

	div.cf-inscription .btn.ccm-input-submit {
		width: 100%;
	}

	div.cf.profile div.buttons,
	div.cf.intranet-inscription div.buttons,
	div.cf.cf-inscription div.buttons {
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
	}
}

@media only screen and (max-width: 480px) {
	.cf.profile .frmInscriptionFormulaire .buttons .btnGreen,
	.cf-inscription .frmInscriptionFormulaire .buttons .btnGreen {
		float: unset !important;
		margin-inline: auto !important;
		display: block !important;
	}
}
/*
.iti--allow-dropdown input, .iti--allow-dropdown input[type=tel], .iti--allow-dropdown input[type=text], .iti--separate-dial-code input, .iti--separate-dial-code input[type=tel], .iti--separate-dial-code input[type=text] { padding-left:6px!important; padding-right:54px!important; }
*/
@media only screen and (min-width: 480px) {
	div.cf.formation div.formations-list div.formation {
		flex: 0 0 calc(50% - 20px);
		margin-left: 10px;
		margin-right: 10px;
	}
	div.cf.webinaire div.webinaires-list div.webinaire div.webinaire-desc a {
		padding: 8px 15px 6px;
		color: #fff;
		font-weight: 900;
	}

	/* div.cf.webinaire div.webinaires-list div.webinaire { flex: 0 0 calc(50% - 20px); margin-left: 10px; margin-right: 10px; } */
}

@media only screen and (min-width: 576px) {
	div.cf:not(.cf-inscription) h1 {
		font-family: open-sans, sans-serif;
		font-weight: 700 !important;
		font-size: 50px;
	}
	div.cf.webinaire div.webinaires-list div.webinaire div.webinaire-img {
		display: block;
	}
	div.cf.webinaire div.webinaires-list div.webinaire div.webinaire-desc {
		margin: 25px 0 25px -100px;
	}
	div.cf.webinaire div.search-filters #frmFilterWebinaires div.checkboxes {
		text-align: left;
	}
	div.cf.webinaire div.search-filters #frmFilterWebinaires div.checkboxes .checkbox-inline {
		margin: 0;
	}
	div.cf.webinaire div.search-filters #frmFilterWebinaires div.checkboxes .checkbox-inline + .checkbox-inline {
		margin-left: 30px;
	}
}

@media only screen and (min-width: 768px) {
	div.cf .form-inline .form-group + .form-group {
		margin-left: 30px;
	}
	div.cf.formation div.formations-list div.formation {
		flex: 0 0 calc(33.33333333% - 20px);
	}
	/* div.cf.webinaire div.webinaires-list div.webinaire { flex: 0 0 calc(33.33333333% - 20px); } */
	div.cf.profile div.history-bt {
		text-align: right;
	}
	div.cf.profile div.print-bt {
		text-align: right;
	}
	div.cf.webinaire div.webinaires-list div.webinaire div.webinaire-desc {
		margin-left: -75px;
	}
	div.cf.webinaire div.pagination p {
		text-align: left;
	}
	div.cf.webinaire div.pagination .dataTables_paginate {
		text-align: right;
	}
}

@media only screen and (min-width: 992px) {
	div.cf.intranet-inscription h2 span.smaller {
		font-size: 18px;
		line-height: 20px;
	}

	div.cf.foire-emploi div.tonik-youtube-gallery h2 {
		margin: 40px 0 10px 0;
	}
}

@media only screen and (min-width: 1200px) {
	div.cf.intranet-inscription h2 span.smaller {
		font-size: 20px;
		line-height: 22px;
	}
}

@media only screen and (min-width: 1600px) {
	div.cf.intranet-inscription h2 span.smaller {
		font-size: 22px;
		line-height: 24px;
	}
	div.cf.webinaire div.search-filters #frmFilterWebinaires {
		width: 100%;
	}
	div.cf.webinaire div.search-filters #frmFilterWebinaires > div {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	div.cf.webinaire div.search-filters #frmFilterWebinaires div.checkboxes {
		text-align: right;
	}
}

@media print {
	html {
		height: auto !important;
	}
	body {
		height: auto !important;
	}
	div#ccm-toolbar {
		display: none;
	}
	div#ccm-account-menu-container {
		display: none;
	}
	div.ccm-page {
		padding-top: 0 !important;
		display: block !important;
	}
	div.ccm-page header div.header-fixable {
		position: relative;
		top: auto !important;
	}
	div.ccm-page header div.header-fixable div.logo-wrapper {
		text-align: center;
	}
	div.ccm-page header div.header-fixable div.logo-wrapper img {
		display: inline-block;
	}
	a[href]:after {
		content: none;
	}
	div.ccm-page div.sub {
		padding: 0;
		overflow: initial !important;
	}
	div.cf.intranet-inscription div.immigrant-info-wrapper {
		padding: 0;
	}
	div.cf.intranet-inscription div.immigrant-full-info div.tab-content {
		padding-top: 0;
	}
	div.user-profile ul.nav.nav-pills {
		display: none;
	}
	.tab-content > .tab-pane {
		display: block !important;
		opacity: 1 !important;
		visibility: visible !important;
	}
}

a.cke_button,
a.cke_combo_button {
	transition: none !important;
}

@keyframes effect {
	0% {
		transform: scale(0);
	}
	25% {
		transform: scale(1.3);
	}
	75% {
		transform: scale(1.4);
	}
	100% {
		transform: scale(1);
	}
}

/***
JS dataTable
***/
#results_wrapper > .row > .col-sm-12 {
	max-width: 100% !important;
	overflow-x: scroll;
}
#results_wrapper .table.dataTable {
	width: 100% !important;
}
#results_wrapper #custom_filter_toggle {
	display: block;
	margin: auto;
}
#results_wrapper #custom_filter_reset,
#results_wrapper #custom_form_submit_btn {
	display: block;
	margin-left: auto;
	margin-right: 0;
}
#results_wrapper #custom_filter {
	max-height: 0;
	transition: max-height 0.15s ease-out;
	overflow: hidden;
}
#results_wrapper #custom_filter.show {
	max-height: 500px;
	transition: max-height 0.25s ease-in;
}
#results_wrapper #custom_filter > .row {
	margin-bottom: 15px;
}
#results_wrapper #custom_filter select,
#results_wrapper #custom_form_row select,
#results_wrapper #custom_filter input,
#results_wrapper #custom_form_row input {
	width: 100%;
	max-width: 100%;
}
#results_wrapper #custom_filter .custom_filter_date_range {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}
#results_wrapper #custom_filter .custom_filter_date_range > div {
	display: flex;
	flex-wrap: nowrap;
	flex-grow: 1;
	align-items: center;
	background-color: #eee;
	border-radius: 4px;
	border: 1px solid rgb(204, 204, 204);
	border-right: 0;
	overflow: hidden;
}
#results_wrapper #custom_filter .custom_filter_date_range > div > label {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	margin-bottom: 0;
	font-weight: normal;
	width: 50%;
}
#results_wrapper #custom_filter .custom_filter_date_range > div > label > span {
	margin: 1px 7px 0 7px;
	color: #555;
	font-size: 16px;
}
#results_wrapper #custom_filter .custom_filter_date_range > div > label > input {
	border-top: 0;
	border-bottom: 0;
	border-radius: 0;
}
#frmUpdateInscription input {
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	padding: 5px 10px;
	border-radius: 4px;
}
#frmUpdateInscription select {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	border-radius: 4px;
}

#frmUpdateInscription #custom_form_row_msg {
	overflow: unset;
	padding: 0;
}
#frmUpdateInscription #custom_form_row_msg .alert {
	margin-bottom: 0;
	margin-top: 15px;
	padding: 5px 10px;
	font-size: 16px;
}

.ccm-input-date-mobile[readonly] {
	background-color: #fff !important;
	color: #000 !important;
	cursor: pointer;
}