/*** >>> CSS pour Ninja form */
/*** >>> nf-form-3-cont > Formulaire des élus */

body .wn-wrap .nf-field-element p{
	line-height: 20px;
	margin: 0px;
	font-size: 14px;
	font-family: 'Roboto';
	font-weight: 400;
    color: #333;
}
.nf-form-layout .nf-form-content .nf-field-container.title_horaires  h4{
	font-size: 22px;
	color: #333;
	font-weight: bold;
	border:1px solid #333;
	padding: 10px 5px;
}

.nf-form-layout .nf-form-content h5{
	font-size: 18px;
	color: #333;
	font-weight: bold;
}

.nf-form-layout .nf-form-content{
	max-width: none;
	padding: 0px;
}
.nf-before-form-content{
	margin:20px 0px;
}

.nf-form-layout .nf-form-content .list-select-wrap .nf-field-element>div, 
.nf-form-layout .nf-form-content input:not([type=button]), 
.nf-form-layout .nf-form-content textarea{
	background-color: #FFF;
}
.nf-form-layout .nf-form-content .listradio-wrap .nf-field-element label:after{
	background: #FFF;
}

.nf-form-content button, 
.nf-form-content input[type=button].ninja-forms-field.nf-element, 
.nf-form-content input[type=submit].ninja-forms-field.nf-element{
	background-color: #FB3333;
	width:200px;
	box-shadow: 0 5px 23px -3px rgb(0 0 0 / 50%);
	opacity: 0.89;
	transition: all .3s ease;
}
.nf-form-content button:hover, 
.nf-form-content input[type=button].ninja-forms-field.nf-element:hover, 
.nf-form-content input[type=submit].ninja-forms-field.nf-element:hover{
	background-color: #DC3545;
	color:white;
}

.nf-field-container .nf-field-label label,
.nf-field-label .nf-label-span{
	font-size: 16px;
	line-height: 15px;
	color:#333;
}
.nf-form-content .listselect-wrap .nf-field-element div,
.nf-form-content input.ninja-forms-field,
.nf-form-content select.ninja-forms-field:not([multiple]){
	/* 
    height: 30px!important;
	min-height: 30px!important;
    */
	font-size: 16px;
	padding: 5px!important;
}

.select2-container{
	z-index:2;
}
.select2-container--default.select2-container .select2-selection--single{
	/*height: 30px;*/
    height: 50px;
	border-radius: initial;
    padding-top: 10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    top:10px!important;
}

.nf-form-content .list-select-wrap>div div:after{
	font-size: 16px!important;
	height: 40px!important;
	line-height: 40px!important;
	bottom:-5px!important;
}

.nf-form-content input[type=checkbox].ninja-forms-field, 
.nf-form-content input[type=radio].ninja-forms-field{
	display: none;
}
.list-checkbox-wrap .nf-field-element li label, 
.list-image-wrap .nf-field-element li label, 
.list-radio-wrap .nf-field-element li label{
	font-size: 16px;
}
.nf-field-element label{
	font-weight: normal;
}

.nf-before-form-content{
	padding-left: 5px;
}
.nf-form-fields-required{
	font-size: 14px;
	color: #333;
}

/*** Progress bar */
.nf-form-content .nf-progress-container{
	background-color: #f7f7f7;
	margin-bottom: 10px;
}
.nf-form-content .nf-progress{
	background-color: #FB3333;
	height: 10px;
}
.nf-form-content .nf-breadcrumbs li a{
	background-color: white;
	color:#FB3333;
	border: 1px solid #FB3333;
	padding: 10px;
	font-size: 13px;
}
.nf-form-content .nf-breadcrumbs li.active a{
	background-color: #DC3545;
	color:white;
}

.nf-form-content .nf-breadcrumbs li a:hover{
	background: #DC3545;	
	color:white;
	text-decoration: none;
}

.nf-form-layout .nf-form-content button, 
.nf-form-layout .nf-form-content input[type=button], 
.nf-form-layout .nf-form-content input[type=submit]{
	background-color: #FB3333;
	color:white;
	cursor: pointer;
}

.nf-form-layout .nf-form-content button:hover, 
.nf-form-layout .nf-form-content input[type=button]:hover, 
.nf-form-layout .nf-form-content input[type=submit]:hover{
	background-color: #DC3545;
	color:white;
}
.nf-pass.field-wrap .nf-field-element:after{
	top:-9px;
	right:2px;
}
.nf-form-content .nf-progress-container{
	margin-top: 5px;
	height: 5px;
}

.nf-form-content .nf-breadcrumbs{
	margin: 5px 0!important;
}

.nf-field-label label:after,
.nf-field-label > span:after{
	content:':';
}

.nf-form-layout .nf-form-content .minute .nf-field-label label:after,
.nf-form-layout .nf-form-content .minute .nf-field-label > span:after,
.nf-form-layout .nf-form-content .label_masque .nf-field-label label:after,
.nf-form-layout .nf-form-content .label_masque .nf-field-label > span:after{
	color: transparent;
}
.nf-form-layout .nf-form-content .label_masque .nf-field-label{
	visibility: hidden;
	display:none;
}


.nf-form-layout .nf-form-content .nf-next{
	cursor: pointer;
}

.nf-form-layout .nf-form-content .nf-pass.field-wrap .nf-field-element:after{
	top: -10px;
}

/* input[type=radio].ninja-forms-field*/
.nf-form-layout .nf-form-content .type_manifestation li{
	float: left;
	width:19%;
}

.nf-form-layout .nf-form-content li{
	color: #333;
	line-height: normal;
}

.btn.ninja-forms-field{
	cursor: pointer;
}

.nf-form-layout .nf-form-content .checkbox-wrap .nf-field-element label:after, 
.nf-form-layout .nf-form-content .checkbox-wrap .nf-field-label label:after, 
.nf-form-layout .nf-form-content .listcheckbox-wrap .nf-field-element label:after, 
.nf-form-layout .nf-form-content .listcheckbox-wrap .nf-field-label label:after{
	background-color: white;
}

@media only screen and (max-width: 991px) {
	.nf-field-container .nf-field-label label,
	.nf-form-content .listselect-wrap .nf-field-element div,
	.nf-form-content input.ninja-forms-field, 
	.nf-form-content select.ninja-forms-field:not([multiple]),
	.nf-form-content .listselect-wrap .nf-field-element div{
		font-size: 14px;
	}
}

/*** Dossier unique*/
#nf-form-19-cont p{
	margin-bottom: 0px;

}
#nf-form-19-cont .listradio-wrap .nf-field-element label.nf-checked-label:before{
	top:0.30em;
}
#nf-form-19-cont .nf-form-layout .nf-form-content .nf-field-container.title_horaires h4{
	border: 0px;
}
#nf-form-19-cont #ninja_forms_required_items, .nf-field-container{
	font-family: Helvetica;
	font-size: 14px;;

}