/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

/**
* Fiche : background
*/
.table-create {
	background-color: rgb(252, 240, 230);
	filter: brightness(98%);
}

.table-create-private {
	background-color: rgb(230, 240, 252);
}

/**
* Fiche creation : select line
*/
.select-line {
	margin-top: 0.5em;
	margin-bottom: 1.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px groove black;
}

/**
* Product line
*/
input.line_input {
	min-width: 40px;
	max-width: 80px;
}

textarea.editline_description {
	vertical-align: middle;
	min-width: 40px;
	max-width: 10vw;
	min-height: 20px;
	max-height: 5vh;
}

.linecoltva,
.linecoltotalttc {
	display: none;
}

.linecolempty {
	/* display: none; */
	background-color: white;
	opacity: 20%;
}



/**
* Object Creation Origin Table
*/
.origintable {
	--background_origintable: rgb(240, 240, 240);
	--border_origintable: rgb(200, 200, 200);
}

table.origintable {
	background-color: var(--background_origintable);
	border: 1px solid var(--border_origintable)
}

table.origintable thead td {
	border-bottom: 1px solid var(--border_origintable);
}


/**
* Linked table for commercial uses
*/

.table_linked_object {
	--background_linkedtable: rgb(160, 160, 160);
	--border_linkedtable: rgb(200, 200, 200);
	--border_selected: rgba(32, 192, 32, 0.85);
}

table.table_linked_object {
	border: 2px solid var(--border_linkedtable);
	width: calc(100px + 30vw);
	min-width: 120px;
	background-color: var(--background_linkedtable);
	/* ⚠ opacity porte sur TOUTE la table, texte et bordure compris : le
	   bordeaux ci-dessous s en trouve delave. Si le texte doit rester franc,
	   c est la couleur de fond qui doit porter la transparence, en rgba, et
	   non l element entier. Voir --background_linkedtable. */
	opacity: 75%;
	color: darkred;
	border-radius: 20px;
	text-align: center;
}

table.table_linked_object td {
	border-bottom: 1px solid var(--border_linkedtable);
}

table.table_linked_object tbody tr:last-child td {
	border-bottom: inherit;
}

table.table_linked_object td.selected {
	border-left: 0.2em solid var(--border_selected);
	border-right: 0.2em solid var(--border_selected);
}

table.table_linked_object thead tr:first-child td.selected {
	border-top: 0.25em solid var(--border_selected);
}

table.table_linked_object tbody tr:last-child td.selected {
	border-bottom: 0.25em solid var(--border_selected);
}

/**
* Deposit button
*/
.btn-deposit {
	background-color: rgba(20, 180, 20, 0.95) !important;
}
/* Detail de l eco-participation sur une ligne de document.
   Le trait sous la seconde ligne marque que le montant du dessous est la
   somme des deux, comme sur le document PDF. */
.nationeco-ligne-detail {
    font-size: 0.85em;
    color: #666;
    line-height: 1.3;
}
.nationeco-ligne-somme {
    border-bottom: 1px solid #999;
    padding-bottom: 2px;
    margin-bottom: 3px;
}

/* --- Aide embarquee (lib/nation_aide.lib.php) --------------------------- */
.nationaide-modale {
    line-height: 1.5;
    padding: 4px 8px;
}
.nationaide-modale h1 {
    font-size: 1.4em;
    margin: 0 0 0.6em 0;
}
.nationaide-modale h2 {
    font-size: 1.1em;
    margin: 1.4em 0 0.4em 0;
    padding-bottom: 3px;
    border-bottom: 1px solid var(--colortopbordertitle1, #ddd);
}
.nationaide-modale code,
.nationaide-modale pre {
    background: var(--colorbackgrey, #f4f4f4);
    border-radius: 3px;
}
.nationaide-modale pre {
    padding: 8px 10px;
    overflow-x: auto;
}
.nationaide-modale code {
    padding: 1px 4px;
}
.nationaide-modale table {
    border-collapse: collapse;
    margin: 0.6em 0;
}
.nationaide-modale th,
.nationaide-modale td {
    border: 1px solid var(--colortopbordertitle1, #ddd);
    padding: 4px 8px;
    text-align: left;
}
.nationaide-brut {
    white-space: pre-wrap;
}

/* 2.6.13 - les quatre types de tiers sont des cartes cliquables, chacune avec
   sa couleur et son icone. Trois cases a cocher collees se lisaient comme une
   seule question a deux reponses, et rien ne distinguait un professionnel d un
   particulier une fois la fiche ouverte. */
#selectthridpartytype {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
}
.nationcanvas-typechoix {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 7px 14px;
	border: 2px solid #d8d8d8;
	border-left-width: 5px;
	border-radius: 4px;
	background: #fafafa;
	cursor: pointer;
	transition: background .12s, border-color .12s;
}
.nationcanvas-typechoix:hover { background: #f0f0f5; }
.nationcanvas-typechoix input { margin: 0; }
.nationcanvas-typechoix label { cursor: pointer; margin: 0; }
.nationcanvas-typepicto { font-size: 1.15em; line-height: 1; }

/* Une couleur par nature de relation, reprise ensuite sur la fiche. */
.nationcanvas-type-particulier { border-left-color: #7a9cc6; }
.nationcanvas-type-client      { border-left-color: #2a7d4f; }
.nationcanvas-type-fournisseur { border-left-color: #c07a1e; }
.nationcanvas-type-les_deux    { border-left-color: #6c4a9c; }

/* Le choix retenu se voit sans avoir a chercher le bouton radio. */
.nationcanvas-typechoix.est-choisi { font-weight: bold; border-color: #444; }
.nationcanvas-typechoix.est-choisi.nationcanvas-type-particulier { background: #eef3fa; border-color: #7a9cc6; }
.nationcanvas-typechoix.est-choisi.nationcanvas-type-client      { background: #eaf6ef; border-color: #2a7d4f; }
.nationcanvas-typechoix.est-choisi.nationcanvas-type-fournisseur { background: #fdf3e3; border-color: #c07a1e; }
.nationcanvas-typechoix.est-choisi.nationcanvas-type-les_deux    { background: #f2edf9; border-color: #6c4a9c; }

/* Bandeau rappelant la nature du tiers en haut du formulaire. */
.nationcanvas-bandeau-type {
	display: inline-block;
	margin: 0 0 8px 0;
	padding: 4px 12px;
	border-left: 5px solid #999;
	border-radius: 3px;
	background: #f4f4f4;
	font-weight: bold;
}
.nationcanvas-bandeau-particulier { border-left-color: #7a9cc6; background: #eef3fa; }
.nationcanvas-bandeau-client      { border-left-color: #2a7d4f; background: #eaf6ef; }
.nationcanvas-bandeau-fournisseur { border-left-color: #c07a1e; background: #fdf3e3; }
.nationcanvas-bandeau-les_deux    { border-left-color: #6c4a9c; background: #f2edf9; }

/* 2.6.46 - En-tete du seul pied de facture « Montants / HT / TVA / TTC »
   (2.6.45 visait tous les tableaux de montants et changeait les autres titres) : le theme donne la
   couleur du texte des titres mais pas le fond dans un tableau tableforfield,
   d ou un texte jaune sur fond clair, illisible. */
/* 2.6.47 - Le style du coeur (table.border / tableforfield) passait devant :
   selecteur par id et !important, toujours limites a ce seul en-tete. */
#amountInvoice.nationacompte-pied tr.liste_titre td,
#amountInvoice.nationacompte-pied tr.liste_titre th,
table.border.nationacompte-pied tr.liste_titre td,
table.border.nationacompte-pied tr.liste_titre th,
/* 2.6.50 - Memes couleurs sur les tableaux de montants des autres fiches
   (devis, commande, facture, expedition, produit) : tableaux tableforfield et
   tableau des marges des colonnes de fiche. Les tableaux de liste ne sont pas
   concernes. */
div.fiche .fichehalfleft table.tableforfield tr.liste_titre td,
div.fiche .fichehalfleft table.tableforfield tr.liste_titre th,
div.fiche .fichehalfright table.tableforfield tr.liste_titre td,
div.fiche .fichehalfright table.tableforfield tr.liste_titre th,
div.fiche .fichehalfright table.noborder.margintable tr.liste_titre td,
div.fiche .fichehalfright table.noborder.margintable tr.liste_titre th,
div.fiche table.tableforfield tr.liste_titre td.liste_titre {
	background: var(--backgroundcolorblock, rgb(140, 20, 10)) !important;
	background-color: var(--backgroundcolorblock, rgb(140, 20, 10)) !important;
	color: #FFFF66 !important;
	font-weight: bold;
}

/* 2.6.48 - Le theme nationweb colore les titres avec --backgroundcolorblock
   (bordeaux) et #FFFF66 sur la ligne tr.liste_titre ; --colorbacktitle1 est
   celle du coeur (gris clair), d ou le gris de 2.6.47. Meme chose pour la
   cellule « Reduc. » de l en-tete des lignes, qui avait son propre fond :
   elle reprend celui de sa ligne. */
#tablelines tr.liste_titre td.linecoldiscount,
#tablelines tr.liste_titre th.linecoldiscount {
	background: inherit !important;
	color: inherit !important;
}