:root {
	--color-main: #F3492F;
	--color-secondary: #E5922B;
}

@font-face {
	font-family: 'Montserrat-regular';
	src: url(../../fonts/Montserrat/Montserrat-Regular.ttf) format("truetype");
	src: url(../../fonts/Montserrat/Montserrat-Regular.woff) format("woff");
	src: url(../../fonts/Montserrat/Montserrat-Regular.woff2) format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat-medium';
	src: url(../../fonts/Montserrat/Montserrat-Medium.ttf);
	src: url(../../fonts/Montserrat/Montserrat-Medium.woff);
	src: url(../../fonts/Montserrat/Montserrat-Medium.woff2);
	font-weight: 500;
	font-style: normal sans-serif;
}

@font-face {
	font-family: 'Montserrat-semibold';
	src: url(../../fonts/Montserrat/Montserrat-SemiBold.ttf);
	src: url(../../fonts/Montserrat/Montserrat-SemiBold.woff);
	src: url(../../fonts/Montserrat/Montserrat-SemiBold.woff2);
	font-weight: 600;
	font-style: normal sans-serif;
}

@font-face {
	font-family: 'Montserrat-bold';
	src: url(../../fonts/Montserrat/Montserrat-Bold.ttf);
	src: url(../../fonts/Montserrat/Montserrat-Bold.woff);
	src: url(../../fonts/Montserrat/Montserrat-Bold.woff2);
	font-weight: 700;
	font-style: normal sans-serif;
}

.feminin{ display: none; }

body{ font-size: 0.7em; }
a { color:rgb(151, 150, 155); }

.pointer{cursor:pointer;}
.hidden{display:none;}

.sortable { list-style-type: none; margin: 0; float: left; background: #eee; padding: 5px; min-width: 150px; min-height:50px;}
.sortable li { margin: 5px; margin-bottom: 10px; font-size: 0.9em; min-width: 120px; min-height: 35px;  cursor:pointer;}
.sortable-disabled { list-style-type: none; margin: 0; float: left; background: #eee; padding: 5px; min-width: 150px; min-height:50px;}
.sortable-disabled li { margin: 5px; padding: 5px; font-size: 1.2em; min-width: 120px; min-height: 35px;}
.ui-state-highlight { height: 2.4em; line-height: 2.2em; }

.txt-orange{
	color: var(--color-main);
}
.btn-action{
	border-radius: 20px;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
	background-color: var(--color-main);
	color: white;
	font-family: Montserrat-medium !important;
}

.btn-save {
	font-family: Montserrat-medium !important;
	background-color: var(--color-main);
	color: white;
	border-radius: 15px;
	height: 50px;
	margin-top: 2rem;
	text-align: center;
	box-shadow: 4px 4px 10px rgb(168, 163, 163);
}

.btn-toggle {
	font-size: 1.7rem;
}


.titre-fiche {
	color: #F3492F;
	font-family: Montserrat-bold !important;
	text-decoration: underline;
	font-size: 2vw;
}

.arrow-retour {
	padding: 0.5rem;
	border-radius: 2rem;
	height: 2.2rem;
	width: 2.2rem;
	margin-top: -9px;
	margin-right: -8px;
	border: none !important;
	box-shadow: 4px 4px 10px rgb(168, 163, 163) !important;
	background-color: #fff;
	color: #F3492F;
}
.arrow-retour i {
	font-size: 1.3rem;
}

/*---------------------- pagination  -------------------------*/
.icon-pagination {
	color: #F3492F;
}
.icon-pagination-disabled {
	color: #666666;
}

/*---------------------- formulaires  -------------------------*/
.form-zone {
	margin: 0 1rem;
	padding: 1rem 2rem;
	background-color: white;
	border-radius: 20px;
	box-shadow: 4px 4px 10px rgb(168, 163, 163);
}
.form-zone .col-middle{
	border-left: 1px solid var(--color-main);
	border-right: 1px solid var(--color-main);
}
.form-zone label{
	margin-top: 1em;
	margin-bottom: 0.4rem;
	color: var(--color-main);
	font-size: 1rem;
}

.form-check-input {
	background-color: white;
	border-color:#534D1B;
}

.form-check-input:checked {
	background-color: var(--color-main);
	border: none;
}

.label-filtres {
	color: black;
	font-family: Montserrat-medium, sans-serif !important;
	font-size: 12px;
}

.background-geoloc-filter {
	padding: 0 1rem 1rem 1rem;
	background-color: white;
	border-radius: 20px;
	box-shadow: 4px 4px 10px rgb(168, 163, 163);
}

.label {
	color: var(--color-main);
	font-family: Montserrat-medium, sans-serif !important;
	font-size: 0.8rem;
}

.mission-archivée {
	color: black;
}

.mission-archivée:hover {
	color: var(--color-main);
}

.champ-texte {
	border-radius: 15px;
	border-width: 2px;
	border-color: #534D1B;
	font-family: Montserrat-medium, sans-serif !important;
}

.retour {
	border-radius: 20px;
	border: none !important;
	box-shadow: 4px 4px 10px rgb(168, 163, 163) !important;
	position:absolute;
	top: 1.3em;
	left: 1em;
	height: 36.8px;
	width: 40px;
	vertical-align: middle;
	background-color: #fff;
	color: var(--color-main);
}

.retour i{
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.FilterForm {
	max-width: 100%;
}

.form-control {
	font-size: 14px;
}

.icon-filtres {
	color: var(--color-main);
	text-align: left;
	font-size: 14px;
}

.form-control::placeholder { 
	color: black;
	font-family: Montserrat-medium;
}

.btn-filtres {
	text-align: center;
	border-radius: 15px;
	border: none;
	max-width: 200px;
	padding-left: 15px;
}

.btn-valider-filtres {
	border-radius: 20px;
	box-shadow: 4px 4px 10px grey;
	background-color: var(--color-main);
	color: white;
}

.btn-new-interim {
	background-color: var(--color-main);
	color: #fff;
	font-size: 40px;
	line-height: 50px;
	text-align: center;
	border-radius: 15px;
	border: none;
	height: 40px;
	max-width: 200px;
	padding-left: 15px;
}

.btn-new-interim span:hover {
	color: black;
}

h1, h2, h3, h4, h5 {
	font-family: Montserrat-medium !important;
}

.btn-save-modal {
	background-color: var(--color-main);
	color: white;
	border: none;
	border-radius: 15px;
	height: 40px;
	text-align: center;
	box-shadow: 4px 4px 10px rgb(168, 163, 163);
}

.btn-delete-list{
	border: none;
	height: 40px;
	text-align: center;
}

.modal-content {
	border-radius: 15px;
	border: none;
}

#liveToastContainer{
	width:40%;
}
#liveToast{
	width:100%;
}
.toast-header {
	color: black;
}
.toast-info{
	background-color: #1653a360;
}
.toast-error{
	background-color: #a3162d60;
}

.menuContextuel {
	position: fixed;
	z-index:1500;
	padding: 1rem;
}
.menuContextuelContent {
	background: #1653a3E0;
	color: white;
	font-size: 0.8rem;
	text-shadow: 1px 1px 2px black;
	cursor: pointer;
	border: 1px black solid;
	border-radius: 8px;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,.5);
}
.menuContextuel ul {
	list-style: none;
	padding: 0.2rem;
	margin: 0;
}
.menuContextuel li {
	padding: 0.2rem;
	margin: 0;
}
.menuContextuel li .fas {
	margin-right: 0.3rem;
}
.menuContextuel li:hover {
	border-radius: 8px;
	background: #1653a3;
	color: white;
}

.champ-obligatoire {
	border-radius: 15px;
	border-width: 2px;
	border-color: #534D1B;
	background-color: #E5922B40;
	font-family: Montserrat-medium, sans-serif !important;
}

.drag-me {
	padding: 1.5rem 0.5rem 1.5rem 0.5rem;
}

.titre-tronque{
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 700;
}

.filtre-actif {
	border: solid 1px var(--color-main) !important;
}

.btn-yesno {
	border-radius: 15px;
	border-width: 2px;
	border-color: #534D1B;
	font-family: Montserrat-medium, sans-serif !important;
}

.btn-yesno:hover {
	background-color: #554f1b33;
}

.btn-yesno:active {
	background-color: #554f1b33;
}

.titre-interview {
	font-size: 18px;
	font-family: Montserrat-semibold !important;
}

.petit-ombrage {
	border-radius: 20px;
	box-shadow: 4px 4px 4px rgba(168, 163, 163, 0.596);
}

/* Permet d'enlever le contour bleu lorsqu'un boutton est selectionné */
*:focus {
	outline:none !important;
}

.fas:hover{
	color: var(--color-main);
}

/* override du comportement par defaut de select2 */
.select2-container--default .select2-selection--single{
	line-height: 1.5rem;
	border-radius: 15px;
}
.select2-container--default{
	line-height: 1.5rem;
	background-color: inherit;
	border: inherit;
	border-radius: inherit;
}
.select2-container .select2-selection--single{
	height: 40px;
}

/* suppression du gigotage de l'arrière plan lors de l'ouverture d'une modale bootstrap */
.modal-open {
	overflow: inherit !important;
	padding-right:0 !important;
}

@media (max-width: 1440px) {

	.FilterForm {
		width: 100%;
	}


}

@media (min-width: 1500px) {
	
	.modal-candidat {
		width: 1500px;
	}

	#modalInterimaireContent {
		/*width: 1000px;*/
	}
}


/*scroll bar style 1*/
#scrollbar-1::-webkit-scrollbar-track
{
border-radius: 10px;
background-color: rgb(233, 224, 224);
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

#scrollbar-1::-webkit-scrollbar
{
width: 8px;
background-color: #F5F5F5;
}

#scrollbar-1::-webkit-scrollbar-thumb
{
border-radius: 10px;
background-color: #D5CFE5;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}

.zone-btn-save-sticky {
	position:fixed;
	bottom:1rem;
	right:1rem;
	width:fit-content;
}
.zone-btn-save-sticky input{
	font-family: Montserrat-medium !important;
	background-color: var(--color-main);
	color: white;
	border-radius: 15px;
	height: 50px;
	text-align: center;
	box-shadow: 4px 4px 10px rgb(168, 163, 163);
}