/* Flags */


		.fi-de {
			content: url('/Tools/Plugins/Flag-icons/flags/4x3/de.svg');
			width: 20px;
			height: 15px;
		}
	

		.fi-fr {
			content: url('/Tools/Plugins/Flag-icons/flags/4x3/fr.svg');
			width: 20px;
			height: 15px;
		}
	

		.fi-es {
			content: url('/Tools/Plugins/Flag-icons/flags/4x3/es.svg');
			width: 20px;
			height: 15px;
		}
	

		.fi-en {
			content: url('/Tools/Plugins/Flag-icons/flags/4x3/en.svg');
			width: 20px;
			height: 15px;
		}
	

		.fi-it {
			content: url('/Tools/Plugins/Flag-icons/flags/4x3/it.svg');
			width: 20px;
			height: 15px;
		}
	


:root{
	--bs-link-color: #6c757d;
	--bs-link-color-rgb: 108,117,125;
	--bs-link-hover-color: #2b2f32;
	--bs-link-hover-color-rgb: 10,88,202;
	--bs-nav-link-padding-x: .75rem;

	--xpx-commande: #EFD242;
	--xpx-commande-rgb: 239,210,66;

	--xpx-stock: #FF99CC;
	--xpx-stock-rgb: 255,153,204;

	--xpx-facture: #88FF88;
	--xpx-facture-rgb: 136,255,136;

	--xpx-requete: #026127;
	--xpx-requete-rgb: 2,97,39;
}

html, body {
	box-sizing: border-box;
	height: 100%;
	padding: 0;
	margin: 0;
}
body>div.container-fluid {
	height: 100%;
}
main.bg-body {
	background-image: var(--xpx-background-image);
	background-repeat: no-repeat;
	background-clip: content-box;
	background-size: cover;
}
div.xpx-form section,
div.xpx-list section .fixed-table-container {
	background-color: rgba(var(--bs-tertiary-bg-rgb),0.75);
}

/* lg */
@media (min-width: 992px) {
	body>div.container-fluid>div.row {
		height: calc(100% - 102px);
	}
}

.col-xpx-label {
	flex: 0 0 auto;
	white-space: nowrap !important;
	text-align: right !important;
}
.col-xpx-label label { 
	max-width: 200px;
	min-width: 150px;
	margin-top: .25rem;
	margin-bottom: .125rem;
}

/* header */
#navbarNav > ul.nav > li.nav-item > a.nav-link {
	padding-left: var(--bs-nav-link-padding-x);
	padding-right: var(--bs-nav-link-padding-x);
}
#navbarNav > ul.nav > li.nav-item > a.nav-link.active,
#navbarNav > ul.nav > li.nav-item > a.nav-link:hover,
#navbarNav > ul.nav > li.nav-item > a.nav-link:focus {
	border-bottom-color: var(--xpx-border-color);
}

#navbarNav ul.dropdown-menu {
	margin-left: .5rem;
	border-width: 0;
	background-color: var(--bs-tertiary-bg);
	padding-left: .25rem;
}
#navbarNav ul.dropdown-menu li {
	border-style: solid;
	border-width: 0 0 0 2px;
	padding-left: .25rem;
	padding-right: .25rem;
	margin-bottom: .5rem;
	background-color: rgba(var(--xpx-bg-color-rgb),.25);
	background-image: linear-gradient(to left, var(--bs-tertiary-bg) , rgba(255,255,255,.5));
	transition: .5s ease-in-out;
}
#navbarNav ul.dropdown-menu li:hover {
	background-color: rgba(var(--xpx-bg-color-rgb),1);
}
#navbarNav ul.dropdown-menu li.active {
	background-color: rgba(var(--xpx-bg-color-rgb),1);
	background-image: linear-gradient(to left, var(--bs-tertiary-bg) , rgba(255,255,255,.25));
}

#navbarNav ul.dropdown-menu li a.nav-link{
	--bs-nav-link-padding-y: .25rem;
}
#navbarNav .dropdown-toggle::after {
	margin-bottom: -.125rem;
}

form header {
	background: linear-gradient( var(--bs-body-bg) 20%, #f8f9fa 90%, rgba(var(--xpx-bg-color-rgb),.5));
}
#navbarNav ul.dropdown-menu li {
	border-left-color: var(--xpx-border-color);
}
#navbarNav ul.dropdown-menu li a {
	border-bottom-width: 0;
}
/* Home */
body {
	--xpx-background-image: url("/Template/Image/Commande-background.webp");
}
/* Commande */
.xpx-Commande {
	--xpx-bg-color: var(--xpx-commande);
	--xpx-bg-color-rgb: var(--xpx-commande-rgb);
	--xpx-border-color: var(--xpx-commande);
	--xpx-background-image: url("/Template/Image/Commande-background.webp");
}

/* stock */
.xpx-Stock {
	--xpx-bg-color: var(--xpx-stock);
	--xpx-bg-color-rgb: var(--xpx-stock-rgb);
	--xpx-border-color: var(--xpx-stock);
	--xpx-background-image: url("/Template/Image/Stock-background.webp");
}

/* facture */
.xpx-Facture {
	--xpx-bg-color: var(--xpx-facture);
	--xpx-bg-color-rgb: var(--xpx-facture-rgb);
	--xpx-border-color: var(--xpx-facture);
	--xpx-background-image: url("/Template/Image/Facture-background.webp");
}

/* requete */
.xpx-requete {
	--xpx-bg-color: var(--xpx-requete);
	--xpx-bg-color-rgb: var(--xpx-requete-rgb);
	--xpx-border-color: var(--xpx-requete);
}

/* table */
.bootstrap-table .fixed-table-container .table thead th .th-inner {
	padding: .375rem
}
.bootstrap-table .pagination-detail {
	padding-left: .5rem;
	padding-right: .5rem;
	background-color: var(--bs-tertiary-bg);
}
.bootstrap-table .pagination-detail .btn {
	--bs-btn-padding-y: .25rem;
	--bs-btn-padding-x: .5rem;
	--bs-btn-font-size: .875rem;
	--bs-btn-border-radius: var(--bs-border-radius-sm);
	margin-bottom: .125rem;
}
.bootstrap-table .page-item.active {
	--bs-pagination-active-color: var(--bs-secondary-color);
	--bs-pagination-active-bg: var(--bs-secondary-bg);
	--bs-pagination-active-border-color: var(--bs-secondary-border-subtle);
}

/* evocEtat */

	/* evocEtat */
	.evocEtat:not(.EVOC_ETAT_EN_APPRO) a.EVOC_ETAT_EN_APPRO .bi-check-square,
	.evocEtat.EVOC_ETAT_EN_APPRO a.EVOC_ETAT_EN_APPRO .bi-square {
		display: none;
	}
	.evocEtat:not(.EVOC_ETAT_EN_PREPA) a.EVOC_ETAT_EN_PREPA .bi-check-square,
	.evocEtat.EVOC_ETAT_EN_PREPA a.EVOC_ETAT_EN_PREPA .bi-square {
		display: none;
	}
	.evocEtat:not(.EVOC_ETAT_EXPEDIE) a.EVOC_ETAT_EXPEDIE .bi-check-square,
	.evocEtat.EVOC_ETAT_EXPEDIE a.EVOC_ETAT_EXPEDIE .bi-square {
		display: none;
	}
	.evocEtat:not(.EVOC_ETAT_FACTURE) a.EVOC_ETAT_FACTURE .bi-check-square,
	.evocEtat.EVOC_ETAT_FACTURE a.EVOC_ETAT_FACTURE .bi-square {
		display: none;
	}
	.evocEtat:not(.EVOC_ETAT_LIVRE) a.EVOC_ETAT_LIVRE .bi-check-square,
	.evocEtat.EVOC_ETAT_LIVRE a.EVOC_ETAT_LIVRE .bi-square {
		display: none;
	}

	.evocEtat:not(.evoc-etat-single) button .bi-check-square,
	.evocEtat:not(.evoc-etat-multiple) button .bi-dash-square, 
	.evocEtat.evoc-etat-multiple button .bi-square,
	.evocEtat.evoc-etat-single button .bi-square {
		display: none;
	}
	.evocEtat button,
	.evocEtat button:hover,
	.evocEtat button.btn:active,
	.evocEtat button.btn.show {
		color: var(--bs-body-color);
		background-color: var(--bs-body-bg);
		border: var(--bs-border-width) solid var(--bs-border-color);
	}
	.evocEtat .dropdown-menu {
		--bs-dropdown-link-active-bg: var(--bs-secondary);
	}