/*****************************************************************/
/* Surcharge balises générales */
html{
	font-family: 'PT Sans', serif;
}

button{
	cursor: pointer;
}
/*****************************************************************/

/*****************************************************************/
/* Clases perso */
.txtalign-left-all *{
	text-align: left;
}

.padding-0{
	padding: 0;
}

.linehover{
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,0,0,.2) 35px, rgba(255,0,0,.2) 70px);
}

.nowrap{
	white-space: nowrap;
}

.paddingright-1rem{
	padding-right: 1rem !important;
}

.paddingside-0{
	padding-left: 0;
	padding-right: 0;
}

.marginbottom-1rem{
	margin-bottom: 1rem !important;
}

.margintop-1-5rem{
	margin-top: 1.5rem;
}
/*****************************************************************/

/*****************************************************************/
/* Surcharge formulaire de connexion */
#frmconnexion{
	border-radius: 1rem;
	background-repeat: no-repeat;
	background-image: url("../images/bg-login-QC1rPE6.jpg");
	background-size: cover;
	padding: 0;
}

#filt-frmconnexion{
	padding: 2rem;
	background-color: rgba(25,39,78,0.6);
	backdrop-filter: blur(2px);
	border-radius: 1rem;
	transition: all 1s;
}

#frmconnexion:hover #filt-frmconnexion{
	background-color: rgba(255,255,255,0.8);
	backdrop-filter: blur(2px);
}

#frmconnexion button[type=submit]{
	border-radius: 30px;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

#frmconnexion input[type=text],
#frmconnexion input[type=password]{
	padding-left: 1rem;
	padding-right: 1rem;
	border-radius: 30px;
	text-align: center;
}

#frmconnexion .FlexField label{
	padding-left: 1rem;
	padding-right: 1rem;
	text-align: center;
}
/*****************************************************************/

/*****************************************************************/
/* Tableau de saisie */
table.saisie{
	line-height: 2rem;
}

table.saisie th{
	background: var(--lightgrey);
	text-align: right;
	width: 1%;
	white-space: nowrap;
}

table.saisie td{
	padding: 0;
}

table.saisie input[type=text],
table.saisie input[type=number],
table.saisie input[type=email],
table.saisie input[type=password],
table.saisie textarea,
table.saisie button,
table.saisie select{
	width: 100%;
	padding-left: 1rem;
	padding-right: 1rem;
}

.blr {
	border-bottom-left-radius: 30px;
}
/*****************************************************************/

/*****************************************************************/
/* Page de saisie : bloc arrondis */
.blocSaisieArrondi{
	margin-bottom: 1rem;
	line-height: 2em;
}

.blocSaisieArrondi *{
	font-size: inherit;
}

.blocSaisieArrondi.actions h2{
	background-color: var(--secondaryColor);
	color: var(--mainColor);
}

.blocSaisieArrondi.actions button{
	background-color: var(--grey);
	color: white;
}

.blocSaisieArrondi{
	border-radius: 30px;
	border: 1px solid var(--grey);
	text-align: center;
	margin-bottom: 1rem;
}

.blocSaisieArrondi table{
	width: 100%;
}

.blocSaisieArrondi table caption,
table table caption{
	border: none;
	text-align: left;
	font-weight: bold;
	line-height: 1rem;
	padding: 0;
	padding-top: 0.2rem;
}

.blocSaisieArrondi h2{
	text-align: center;
	background: var(--mainColor);
	color: var(--secondaryColor);
	margin: 0;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	border-left: 1px solid var(--mainColor);
	border-right: 1px solid var(--mainColor);
	border-radius: 30px 30px 0 0;
}

.blocSaisieArrondi input,
.blocSaisieArrondi select,
.blocSaisieArrondi textarea{
	width: 100%;
}

.blocSaisieArrondi textarea
{
	resize: vertical;
}

.blocSaisieArrondi.orientation-ligne table tr th,
.blocSaisieArrondi.orientation-ligne table tr td,
.blocSaisieArrondi.orientation-ligne table tr:last-child{
	border: none;
}

.blocSaisieArrondi.orientation-ligne table tr{
	border-bottom: 1px solid var(--grey);
}

.blocSaisieArrondi table th{
	background: var(--lightgrey);
}

.blocSaisieArrondi tr:last-child td{
	border-bottom: none;
}

.blocSaisieArrondi table tr td:nth-child(1),
.blocSaisieArrondi table tr th:nth-child(1){
	border-left: none;
}

.blocSaisieArrondi table tr td:last-child,
.blocSaisieArrondi table tr th:last-child{
	border-right: none;
}

/* Boutons en bas de zone arrondie */
.input-roundbottom select,
.input-roundbottom button,
.input-roundbottom .ts-control{
	padding: 0.2rem 1rem;
	border-radius: 0 0 30px 30px;
	text-align-last: center;
	text-align: center;
	width: 100%;
	line-height: 2rem;
}

td.input-roundbottom{
	padding: 0;
}
/*****************************************************************/

/*****************************************************************/
/* Zone d'upload documents */
.blocSaisieArrondi .dropzone{
	min-height: 4ch;
	padding: 0.5ch;
	background: repeating-linear-gradient(45deg, var(--secondaryColor), var(--secondaryColor) 40px, white 40px, white 80px);
	width: calc(100% - 60px);
	margin: auto;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.blocSaisieArrondi .dropzone .dz-message{
	margin: 0;
}
/*****************************************************************/

/*****************************************************************/
/* Zone de déplacement de ligne de DE */
.updown input{
	display: none;
}

.updown div{
	display: inline-block;
}

.dragged{
	opacity: 40%;
}

.dragLigne{
	cursor: grab;
}

.dragLigne:active{
	cursor: grabbing;
}

.overTop{
	border-top: 2px dashed var(--red);
}

.overBottom{
	border-bottom: 2px dashed var(--red);
}
/*****************************************************************/

/*****************************************************************/
/* Bouton affichage filtres */
svg#filtrer{
	height: 2rem;
	width: 2rem;
	fill: var(--grey);
	cursor: pointer;
	float: right;
}

svg#filtrer:hover{
	fill: var(--blue)
}

form.filtres.filter-hidden{
	max-height: 0;
	transition: max-height 0.5s, margin-bottom 0.8s;
	margin-bottom: -1.5rem;
	overflow: hidden;
}

form.filtres{
	max-height: 30em;
	transition: max-height 0.5s;
}
/*****************************************************************/

/*****************************************************************/
/* Bouton d'ajout d'enregistrement en zone de caption d'une table */
caption.addBtn{
	text-align: right;
	border: none;
	padding: 0;
}

caption.addBtn button svg{
	padding-top: 0.2rem;
}

caption.addBtn button{
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1.7rem;
	background: var(--secondaryColor);
	color: var(--mainColor);
	border-radius: 1rem;
	font-size: 0.9rem;
}
/*****************************************************************/

/*****************************************************************/
/* Design upload */
#lignesNoteDeFrais input[type="file"]{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

input[type="file"] + .label{
	cursor: pointer;
	margin-right: 1em;
}
/*****************************************************************/

/*****************************************************************/
/* Spécificités saisie DE : bloc généralités */
#saisieDE-generalites table tr:last-child th{
	border-radius: 0 0 0 30px;
}

#saisieDE-generalites table tr:last-child td input,
#saisieDE-generalites table tr:last-child td select{
	border-radius: 0 0 30px 0;
}
/*****************************************************************/

/* Spécificités saisie DE : lignes de détails d'une DE */
#saisieDE-lignes table td,
#saisieDE-lignes table th{
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	white-space: nowrap;
}

#saisieDE-lignes table .saisieDE-ligne-puht{
	min-width: 12ch;
	max-width: 12ch;
	text-align: right;
}

#saisieDE-lignes table .saisieDE-ligne-fournisseur,
#saisieDE-lignes table .saisieDE-ligne-refFournisseur,
#saisieDE-lignes table .saisieDE-ligne-nature{
	min-width: 18ch;
	max-width: 18ch;
	width: 1ch;
}


#saisieDE-lignes table .saisieDE-ligne-quantite,
#saisieDE-lignes table .saisieDE-ligne-tva{
	min-width: 9ch;
	max-width: 9ch;
	width: 9ch;
}

#saisieDE-lignes table .saisieDE-ligne-quantite input,
#saisieDE-lignes table .saisieDE-ligne-tva select{
	min-width: 8ch;
	max-width: 8ch;
	width: 8ch;
}

#saisieDE-lignes table .saisieDE-ligne-puht,
#saisieDE-lignes table .saisieDE-ligne-total{
	min-width: 12ch;
	max-width: 12ch;
	width: 12ch;
}

#saisieDE-lignes table .saisieDE-ligne-designation{
	min-width: 40ch;
}

#saisieDE-lignes.monoFournisseur table tr th:nth-child(2),
#saisieDE-lignes.monoFournisseur table tr td:nth-child(2){
	display: none;
}

#montantDE{
	margin-left: 3.7rem;
}
/*****************************************************************/

/*****************************************************************/
/* Formulaire dans titre (import/export articles) */
table caption form{
	float: left;
}
table caption form *{
	font-size: inherit;
}
/*****************************************************************/

/*****************************************************************/
/* Bouton compacts (par exemple : ajout d'une ligne de mail dans workflow) */
table th button.petitBouton,
table th button.petitBouton{
	width: 2rem;
	padding: 0;
	background: var(--secondaryColor);
	border-radius: 1rem;
}
/*****************************************************************/

.upLigne:hover, .downLigne:hover{
	cursor: pointer;
}

h1.hasSubTitle{
	margin-bottom: 0;
}

h2.sousTitre{
	font-weight: normal;
	margin: 0;
	margin-bottom: 1em;
}

/*****************************************************************/
/* Page d'accueil */
#home{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom right 50%;
	min-height: 89vh;
	margin: 1rem;
}

#home:hover{
	filter: none;
}
/*****************************************************************/

/*****************************************************************/
/* Logo société */
#logo-societe{
	width: 8rem;
	height: auto;
	margin-top: 0.5rem;
}

/*****************************************************************/
/* Mobile */
@media screen and (max-height: 599px), screen and (max-width: 899px) {
	#home{
		margin: -1rem;
		min-height: 89vh;
	}
}
/*****************************************************************/

/*****************************************************************/
/* Lignes DE Quantités */
#lignesDemandeEngagement .qteOk, .sousLignesDE .qteOk, #lignesFacture .qteOk {
	background-color: var(--qteOk);
}

#lignesDemandeEngagement .qteDessous, .sousLignesDE .qteDessous , #lignesFacture .qteDessous{
	background-color: var(--qteDessous);
}

#lignesDemandeEngagement .qteDessus, .sousLignesDE .qteDessus,  #lignesFacture .qteDessus{
	background-color: var(--qteDessus);
}

#lignesDemandeEngagement .qteZero, .sousLignesDE .qteZero, #lignesFacture .qteZero{
	background-color: var(--qteZero);
}
/*****************************************************************/
#lignesDemandeEngagementAnalytique .saisieDE-sousLigneDE{
	padding: 0;
	line-height: 0;
}

#lignesDemandeEngagementAnalytique .saisieDE-sousLigneDE table thead th{
	font-size: 0.95em;
	font-style: italic;
	padding: 0;
	line-height: 1em;
}

#lignesDemandeEngagementAnalytique .saisieDE-sousLigneDE table tbody td{
	line-height: 1.8em;
	text-align: right;
}

#lignesDemandeEngagementAnalytique .saisieDE-sousLigneDE table tbody td input[type="number"]{
	text-align: right;
}

#lignesDemandeEngagementAnalytique .saisieDE-sousLigneDE table tfoot td{
	font-size: 0.8em;
	padding: 0;
	line-height: 1em;
	font-weight: bold;
	text-align: right;
}

#lignesDemandeEngagementAnalytique .saisieDE-sousLigneDE .addSousLigneDemandeEngagementLink button{
	padding: 0;
	width: 100%;
	font-size: 0.9em;
}

#lignesDemandeEngagementAnalytique .saisieDE-sousLigneDE table input{
	width: 100%;
	min-width: 3ch;
	max-width: unset;
}


/*** Actions de masse dans les tables ***/
.ActionMasse{
	float: right;
	margin-bottom: 0.2rem;
}

.ActionMasse select:invalid{
	color: inherit;
}

.ActionMasse select:invalid:focus{
	border: initial;
}

.ActionMasse select{
	width: auto;
}

.ActionMasse button{
	padding-bottom: 0.2rem;
	padding-top: 0.2rem;
	margin: 0;
}

.aideCompta:hover{
	cursor: pointer;
}
/*****************************************************************/

/*****************************************************************/
/* Personnalisation tom-select */
.optgroup-header{
	font-size: 1.05em;
	font-weight: bold;
}
/*****************************************************************/

/*****************************************************************/
/* colonnes lignes de facture */
.saisieFacture-ligne-qteCommandee,
.saisieFacture-ligne-qteRecue,
.saisieFacture-ligne-qteDejaFacturee,
.saisieFacture-ligne-tvaDebit{
	width: 2ch;
}

.saisieFacture-ligne-puht,
.saisieFacture-ligne-total{
	width: 12ch;
}

.saisieFacture-ligne-tauxTVA,
.saisieFacture-ligne-type,
.saisieFacture-ligne-nature{
	width: 15ch;
}