@media screen and (min-width: 768px) {
	.filtre-doubleLigne{
		min-height: 115px !important;
	}
}

.souligne{
	text-decoration: underline;
}

.filtre-rechercher{
	min-width: 85px;
}

.select2-container{
	min-height: 34px; /* Idem que input */
}

#modal-dialog-pdf{
	width: 90%;
	height: calc(100% - 60px);
}

#modal-content-pdf{
	height: 100%;
}

#modal-body-pdf{
	height: calc(100% - 90px);
}

.pointer{
	cursor: pointer;
}

/* Problème d'ascenseur horizontal sur les input form dans table (rembours. frais) */
input.form-control{
	width: -webkit-fill-available;
	width: fill-available;
	width: -moz-available;
}

input.form-control.datepicker{
	min-width: 100px;
}

/* => Loading */
#loadingDivAbs{
	display: block;
	visibility: hidden; 
	position: absolute;
	width: 100vw;
	height: 100%;
	background-color: #4545458c;
	z-index: 99;
}
#loadingDiv{
	position: sticky;
	margin: auto;
	width: 200px;
	padding: 0px;
	z-index: 99;
	height: 200px;
	top: 50%;
	transform: translateY(-50%);
}
#loadingDivImg{
	width: inherit;
	border-radius: 44px;
	border: 1px solid #e3e3e3;
}
#loadingDivTxt{
	text-align: center;
	top: -45px;
	position: relative;
}
/* <= Loading */


/* => Header Search */
@media screen and (max-width: 992px) { #header-search{ width: 32px; } }
@media screen and (min-width: 992px) { #header-search{ width: 351px; } }
@media screen and (min-width: 1200px) { #header-search{ width: 560px; } }
@media screen and (min-width: 1418px) { #header-search{ width: 760px; } }
#header-search-div{
	padding-right: 29px;
	padding-top: 13px;
	padding-bottom: 13px;
}
#header-dropdown{
	width: inherit;
}
@media screen and (max-width: 768px) {
	#header-search-div{
	}
}
@media screen and (max-width: 992px) {
	#header-search-div{
		float: right;
		background-color: #ebebeb;
		padding-left: 5px;
		padding-right: 5px;
	}
	#header-search-div.focus{
		width: 90vw;
	}
	#header-dropdown{
		width: 90vw;
		float: right;
	}
	.bloc-u-none{
		display: none;
	}
}
#dropdownMenuSearch{
	overflow-y: auto;
	max-height: 300px;
	width: inherit;
	padding-left: 5px;
	padding-right: 5px;
	scrollbar-width: thin;
	scrollbar-color: #888 #f1f1f1;
}

::-webkit-scrollbar {
	width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #555;
}
/* <= Header Search */

#dropdownMenuSearch i.fa{
	color: #de1e1e;
}
.d-none{
	display: none;
}
.width-inherit{
	width: inherit;
}
.devis-presta-qte{
	max-width: 62px;
}

/*Alex = Empêcher les producteurs de cliquer sur payer la facture #480*/
.avoid-clicks {
	pointer-events: none;
}

.footer-total-facture {
	position: fixed;
	bottom: 20px;
	z-index: 1;
	width: calc(100vw - 120px);
	margin-left: 60px;
	margin-right: 60px;
	background-color: #ebebeb;
	border-radius: 8px;
	padding: 7px;
	border-color: #7b7b7b;
	border-style: solid;
	border-width: 1px;
	height: 77px;

}

/*Ajout pour aligner les icones euros et autres*/
.align-icons {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}
.align-icons .fa-euro {
	font-size: 24px;
}

.header-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 70px;
	gap: 20px;
}
.total-header{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	padding-right: 15px;
	padding-left: 15px;

}

.total-header .bloc-total p, .total-header .nom-production {
	font-size: 1.5rem;
	margin: 0;
/*	max character*/
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 200px;

}

.display-total-header{
	display: block;
}
.bloc-utilisateur-header{
display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 10px;
}
#header-search{
	width: 500px;
}
/*responsive sous 1130*/
@media screen and (max-width: 1120px) {

	.bloc-utilisateur {
		display: none;
	}
}

@media screen and (max-width: 560px) {

	.nom-production {
		/*font-size: 15px!important;*/
		display: none!important;

	}
	.bloc-total .titre, .bloc-total .montant span {
		font-size: 15px!important;
	}
	.bloc-total{
		width: 106px!important;
	}
}