:root {
	--color_1: #3B3B3B;
	--color_2: #0F3250;
	--white: #fff;
	--light_grey: #f2f2f2;
	--color_border: #fff;
	--light_blue: #e8e8ff;
}

#formulaire_campagne input[type="radio"],
#formulaire_campagne input[type="checkbox"]{
	display: none;
}
#cmar_formation_search .formation_modalite label,
#cmar_formation_search .formation_departement #checkBoxes label,
#formulaire_campagne label {
	color: #4f4f4f;
	font-size: 14px;
	margin: 5px auto;
  	position: relative;
  	display: block;
}

#formulaire_campagne input[type="radio"] + label::before,
#formulaire_campagne input[type="checkbox"] + label::before{
	content:'';
	width: 20px;
	height: 20px;
	background: #FFF;
	box-shadow: inset 0px 2px 5px #00000029;
	border: 1px solid #C6C6C6;
	border-radius: 6px !important;
	position: absolute;
  	right: 0;
	cursor: pointer;
	top: 0;
}


#formulaire_campagne input[type="radio"] + label::after,
#formulaire_campagne input[type="checkbox"] + label::after{
	content: "";
	display: inline-block;
	background-image: url("/wp-content/plugins/formation-continue/img/pictos/check_bleu.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin-top: -2px;
	position: absolute;
	right: 0;
	z-index: 9999;
	opacity:0;
	transition:all 0.2s ease-in-out;
	cursor: pointer;
	top:0;
}

#formulaire_campagne input[type="radio"]:checked + label::after,
#formulaire_campagne input[type="checkbox"]:checked + label::after{
	opacity:1;
}

#formulaire_campagne input[type="radio"]:checked + label::before,
#formulaire_campagne input[type="checkbox"]:checked + label::before{
	background: transparent linear-gradient(180deg, #D6CCEB 0%, #CFD5EE 43%, #C7E0F2 100%) 0% 0% no-repeat padding-box;
}
/**
.toggle_full_container {
	margin-bottom: 30px;
	display: grid;
	grid-template-columns: 75% 25%;
	align-items: center;
}
@media (min-width: 981px) {
	.toggle_full_container {
		margin-bottom: 10px;
	}
}
 /* Toggle switch *
.toggle_switch_btn {
	position: relative;
	display: inline-block;
	width: 40px;
  	height: 20px;
}
/* Hide default HTML checkbox *
.toggle_switch_btn input {
	opacity: 0;
	width: 0;
	height: 0;
}
/* The slider *
.toggle_switch_btn .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 7px;
	background: #EAEAEA 0% 0% no-repeat padding-box;
	box-shadow: inset 0px 0px 6px #00000029;
	-webkit-transition: .4s;
	transition: .4s;
}
.toggle_switch_btn .slider:before {
	position: absolute;
	content: "";
	height: 14px;
	width: 14px;
	border-radius: 50%;
	left: 4px;
	bottom: 3px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}
input:checked + .slider {
	background: transparent linear-gradient(180deg, #D6CCEB 0%, #CFD5EE 43%, #C7E0F2 100%) 0% 0% no-repeat padding-box;
	
}
/* input:focus + .slider {
	box-shadow: 0 0 1px var(--color_2);
} *
input:checked + .slider:before {
	-webkit-transform: translateX(18px);
	-ms-transform: translateX(18px);
	transform: translateX(18px);
}


/*********************************
***		 Formulaire Campagne ****
**********************************/

#formulaire_campagne .formulaire_inscription_inner_main {
	background: #FFFFFF;
}


#formulaire_campagne {
	background: white;
	color: #000;
}

/* Radio boutons formulaire */
#formulaire_campagne .checkbox_label {
	text-transform: uppercase;
	margin-bottom: 10px;
}
#formulaire_campagne .checkbox_container {
	display: grid;
	grid-template-columns: 1fr;
	margin-bottom: 30px;
}
@media (min-width: 980px) {
	#formulaire_campagne .checkbox_container{
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 980px) {
	#formulaire_campagne .main_fields_container {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px;
	}
}
#formulaire_campagne .main_fields_container p {
	margin-bottom: 0;
	padding-bottom: 0;
}

#formulaire_campagne label {
	color: #000;
	width: 100%;
	cursor: pointer;
	margin-top: 0;
	font-size: 16px;
}

#formulaire_campagne input[type="radio"] + label::before,
#formulaire_campagne input[type="checkbox"] + label::before{
	position: initial; 
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
#formulaire_campagne input[type="radio"] + label::after,
#formulaire_campagne input[type="checkbox"] + label::after {
	left: 0;
	right: auto;
}
#formulaire_campagne input[type="radio"] + label::after{
	margin-top: 0px;
}
#formulaire_campagne .label_champ {
	text-transform: uppercase;
	font-size: 16px;
}
#formulaire_campagne input[type="text"], 
#formulaire_campagne input[type="email"], 
#formulaire_campagne input[type="tel"]{
	height: 47px;
}
#formulaire_campagne input[type="text"], 
#formulaire_campagne input[type="email"], 
#formulaire_campagne input[type="tel"],
#formulaire_campagne textarea {
	width: 100%;
	border-radius: 7px;
	border: 1px solid #E6E6E6;
	padding: 5px 10px;
	font-size: 14px;
}
#formulaire_campagne textarea {
	resize: vertical;
}

#formulaire_campagne .champs_obligatoires {
	color: #EA4B3C;
	font-size: 12px;
	margin-top: 20px;
}
#formulaire_campagne .rgpdlabel{
	margin: 40px auto 10px auto;
}
#formulaire_campagne .rgpd{
	font: 12px/17px Montserrat;
	letter-spacing: -0.12px;
	color: #909090;
}
#formulaire_campagne .acceptance label {
	color: #909090;
	font-size: 14px;
	position: relative;
  	margin-left: 40px;
}
#formulaire_campagne .acceptance label::before,
#formulaire_campagne .acceptance label::after {
	position: absolute!important;
	left: -40px!important;
	top: 0!important;
}

#formulaire_campagne .je_m_inscris_button{
  text-transform: uppercase !important;
  box-shadow: 0px 3px 4px #00000029;
  border-radius: 8px;
  color: white !important;
  padding: 10px 20px;
  border: none !important;
}
#formulaire_campagne .je_m_inscris_button.formulaire_campagne_button.active {	
	position: relative;
	display: inline-block;
	margin: 40px auto;
	padding: 0;
}
#formulaire_campagne .je_m_inscris_button.formulaire_campagne_button.active input[type="submit"]{
	cursor: pointer;
	min-width: 154px;
	text-align: left;
	border:none;
  	background: transparent;
	color:white;
	text-transform: uppercase;
	padding: 15px 20px;
	border-radius: 8px;
	background: transparent linear-gradient(90deg, #1AA9D8 0%, #6C539E 100%) 0% 0% no-repeat padding-box;
}
#formulaire_campagne .je_m_inscris_button.formulaire_campagne_button.active.disabled{
  	background:white;
}
#formulaire_campagne .je_m_inscris_button.formulaire_campagne_button.active.disabled input[type="submit"]{
	cursor: not-allowed;
	color: #B0D2D9 !important;
}
#formulaire_campagne .je_m_inscris_button::after {
	right: 40px;
}
#formulaire_campagne .je_m_inscris_button:hover::after {
	right: 10px;
}
#formulaire_campagne .result_formulaire.valide {
	color: var(--color_2);
}
#formulaire_campagne .result_formulaire.invalide {
	color: red;
}
#formulaire_campagne #CMAR_response pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

#formulaire_campagne .main_fields_container p {
	position: relative;
}
#formulaire_campagne .notice_formulaire {
	color: #EA4B3C;
	font-size: 12px;
	visibility: hidden;
	position: absolute;
	left: 0;
	bottom: -20px;
	line-height: 1.3;
}