/*DGH EXTRA*/
	
	.dgh-extra-app .form-item{
		width: 50%;
		margin: 0;
		padding: 5px 1rem;
	}
	.block-offres-filter .dgh-extra-app .form--inline .form-actions{
		flex-basis: 0;
	}
	.dgh-extra-app #btn-rechercher {
		order: 1;
		background-color: #F7941D;
		color: #fff;
		background-image: url('https://contenulocal.dgh.energie.gouv.ci/themes/custom/dghtheme/assets/img/icon-search.svg');
		background-repeat: no-repeat;
		background-position: 2px center;
		padding-left: 2rem;
		border-radius: 50px;
		transition: linear .3s all;
	}
	.dgh-extra-app #btn-rechercher:hover {
		background-color: transparent;
		color: #F7941D;
	}
	.dgh-extra-app #btn-reset {
		background-color: #F6F6F6;
		color: #FF0000;
		border-radius: 50px;
		transition: linear .3s all;
		background-image: url('https://contenulocal.dgh.energie.gouv.ci/themes/custom/dghtheme/assets/img/icon-refresh.svg');
		background-repeat: no-repeat;
		background-position: 2px center;
		padding-left: 2rem;
	}
	.dgh-extra-app #btn-reset:hover {
		background-color: #FF0000;
		color: #F6F6F6;
	}

	#dgh-extra-app-result .result-header .title{
		font-size: 2rem;
		font-weight: 500;
	}
	#dgh-extra-app-result .result-header .count{
		font-size: 1.25rem;
		padding: 0 13px;
		border: 1px solid #DCDFE3;
		display: inline-flex;
		height: 35px;
		justify-content: center;
		align-items: center;
		position: relative;
		top: -4px;
		margin-left: 10px;
		color: #0B9444;
		border-radius: 8px;
		background-color: #F6F6F6;
	}

	#dgh-extra-app-result .post.post-offre .post-excerpt{
		height: 84px;
		overflow: hidden;
	}
	#dgh-extra-app-result .post.post-offre .post-attachment{
		display: none;
	}
	.post.post-offre .post-attachment .btn{
		background: #f7941d;
		color: #fff;
		border-radius: 20px;
		border: 1px solid #f7941d;
		transition: linear .3s all;
	}
	.post.post-offre .post-attachment .btn:hover{
		background: transparent;
		color: #f7941d;
	}
	#dgh-extra-app-result .post.post-offre .btn.candidate-job,
	#job-detail .post.post-offre .btn.show-job-detail{
		display: none;
	}
	#job-detail .post.post-offre{
		border: none;
		background: transparent;
		box-shadow: 0 0;
	}
	#job-detail .btn-close{
		background-color: #f7941d;
		text-indent: -94px;
		line-height: 1;
		opacity: 1;
	}

	#caditate-job-modal {
		background-image: url("https://contenulocal.dgh.energie.gouv.ci/themes/custom/dghtheme/assets/img/bg-key-facts.jpg");
		background-position: center;
		background-size: cover;
		margin-bottom: -1rem;
		margin-left: -1rem;
		margin-right: -1rem;
	}
	#caditate-job-modal .btn-submit-candidate{
		width: 100%;
		border-radius: 50px;
		background-color: #F7941D;
		color: #fff;
		font-weight: 500;
		border: 1px solid #F7941D;
		transition: .3s;
	}
	#caditate-job-modal .btn-submit-candidate:hover{
		background-color: #fff;
		color: #F7941D;
	}
	
	#caditate-job-modal .btn-submit-candidate .fa{display: none;}

	#caditate-job-modal .btn-submit-candidate.loading .fa-spinner{display: inline-block;}
	#caditate-job-modal .btn-submit-candidate.success .fa-check{display: inline-block;}
	#caditate-job-modal .btn-submit-candidate.error .fa-times{display: inline-block;}

	#candidate-job-form .js-form-wrapper.form-wrapper{
		background: #fff;
		padding: 1rem;
		border-radius: 10px;
	}
	#candidate-job-form label {
		font-size: 1rem;
		font-weight: 500;
		color: #2F2F2F;
		margin-bottom: 10px;
	}
	#candidate-job-form .modal-msg .alert-success{
		position: fixed;
		top: -400px;
		left: 0;
		right: 0;
		max-width: 500px;
		margin: auto;
		transition: linear .4s all;
		padding: 6rem 3rem 3rem;
		border-radius: 30px;
		font-size: 1.3rem;
		font-weight: bold;
		color: #f8c50f;
		background-color: #0ca788;
		text-align: center;
	}
	#candidate-job-form .modal-msg .alert-success.show{
		top: 80px;
	}
	#candidate-job-form .modal-msg .alert-success span{
		cursor: pointer;
		display: inline-block;
		margin-left: auto;
		background: #f8c50f;
		color: #fff;
		margin-top: 1rem;
		margin-right: auto;
		font-weight: 400;
		text-align: center;
		padding: 10px 26px;
		border-radius: 10px;
		transition: linear .3s all;
	}
	#candidate-job-form .modal-msg .alert-success span:hover{
		background: #fff;
		color: #f8c50f;
	}