/* Here, the content of the common custom CSS defined into Home - Setup - Display - CSS */
input, select, textarea {

    border: 2px solid #b2b2b2 !important;

    border-radius: 10px !important;

}



.select2 .select2-selection {

    border: 2px solid #b2b2b2 !important;

    border-radius: 10px !important;

}



input:focus:not(.button):not(.buttonwebsite):not(.buttonreset):not(.select2-search__field):not(#top-bookmark-search-input):not(.search_component_input):not(.input-search-takepos), select:focus, .select2-container--open [aria-expanded="false"].select2-selection--single {

    border: 2px solid #b2b2b2 !important;

    border-radius: 10px !important;

}



.select2-container {

    box-sizing: content-box !important;

}



.select2-container .select2-selection--single {

    box-sizing: content-box !important;

}



.cke {

    border: 2px solid #b2b2b2 !important;

    border-radius: 10px !important;

    overflow: hidden;

}

#price_ttc {
    color: red !important;
    font-style: oblique;
    font-weight: bold;
}

#price_ht {
    color: #0ec80e !important;
    font-style: oblique;
    font-weight: bold;
}

tr:has(.invoice_supplier_extras_on_matrix) {
    background-color: wheat;
    font-weight: bold;
}

#options_on_matrix, .invoice_supplier_extras_on_matrix > input {
    width: 1.5rem;
    height: 1.5rem;
}

tbody:has(.fa-file-excel) tr:has(.invoice_supplier_extras_on_matrix) {
    display: none
}

/* ========================================================================== */
/* Annette Capsules — listes : équilibre lisibilité / largeur (textes sur 2 lignes) */
/* ========================================================================== */

#id-container {
	max-width: 100vw;
	overflow-x: hidden;
	box-sizing: border-box;
}
#id-right,
div.fiche {
	max-width: 100%;
	min-width: 0;
	overflow-x: hidden;
	box-sizing: border-box;
}

.div-table-responsive,
.div-table-responsive-no-min {
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	box-sizing: border-box;
}

.div-table-responsive > table.liste,
.div-table-responsive > table.tagtable,
.div-table-responsive-no-min > table.liste,
.div-table-responsive-no-min > table.tagtable {
	width: 100% !important;
	max-width: 100%;
	table-layout: auto;
	font-size: 0.88em;
	border-collapse: collapse;
}

.div-table-responsive td,
.div-table-responsive th,
.div-table-responsive-no-min td,
.div-table-responsive-no-min th {
	padding: 4px 5px !important;
	line-height: 1.3;
	vertical-align: middle;
	overflow-wrap: break-word;
	word-break: normal;
}

/* Headers wrap on ~2 lines */
.div-table-responsive th,
.div-table-responsive-no-min th,
.div-table-responsive tr.liste_titre > td,
.div-table-responsive tr.liste_titre_filter > td {
	white-space: normal !important;
	max-width: 8.5em;
	max-height: 2.7em;
	overflow: hidden;
}

/* Data cells: allow 2 lines instead of one long line */
.div-table-responsive td {
	white-space: normal !important;
	max-width: 10em;
	max-height: 2.7em;
	overflow: hidden;
}

/* Dates / amounts / status: keep one line */
.div-table-responsive td.nowrap,
.div-table-responsive td.nowraponall,
.div-table-responsive td.right,
.div-table-responsive th.right,
.div-table-responsive td.center.nowrap,
.div-table-responsive td.center.nowraponall {
	white-space: nowrap !important;
	max-width: 7.5em;
	max-height: none;
	text-overflow: ellipsis;
}

.div-table-responsive td.center,
.div-table-responsive th.center,
.div-table-responsive td.maxwidthsearch,
.div-table-responsive th.maxwidthsearch {
	white-space: nowrap !important;
	max-width: 3.2em;
	width: 1%;
	max-height: none;
}

/* Long text (tiers, conditions, labels): 2 lines, wider cap */
.div-table-responsive td.tdoverflowmax100 {
	max-width: 7.5em;
	max-height: 2.7em;
	white-space: normal !important;
}
.div-table-responsive td.tdoverflowmax150 {
	max-width: 10.5em;
	max-height: 2.7em;
	white-space: normal !important;
}
.div-table-responsive td.tdoverflowmax200,
.div-table-responsive td.tdoverflowmax300,
.div-table-responsive td.tdoverflowmax500 {
	max-width: 12em;
	max-height: 2.7em;
	white-space: normal !important;
}

/* Nested ref+picto */
.div-table-responsive td table.nobordernopadding,
.div-table-responsive td table.nobordernopadding td {
	width: auto !important;
	max-width: none !important;
	max-height: none !important;
	padding: 0 !important;
	white-space: nowrap !important;
	overflow: visible;
}

.div-table-responsive .badge,
.div-table-responsive-no-min .badge {
	font-size: 0.95em;
	padding: 0.15em 0.4em;
	white-space: nowrap;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
}

.div-table-responsive input.flat,
.div-table-responsive select.flat,
.div-table-responsive-no-min input.flat,
.div-table-responsive-no-min select.flat,
.liste_titre_filter input.flat,
.liste_titre_filter select.flat {
	font-size: 0.95em;
	box-sizing: border-box;
	padding: 2px 4px;
	max-width: 100%;
	min-width: 0;
}

.liste_titre.liste_titre_bydiv,
div.liste_titre_bydiv {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 10px;
	max-width: 100%;
	box-sizing: border-box;
	font-size: 0.92em;
}

.liste_titre_bydiv .divsearchfield {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
	min-width: 0;
	max-width: 100%;
}

.liste_titre_bydiv select,
.liste_titre_bydiv .select2-container {
	min-width: 120px !important;
	max-width: min(240px, 100%) !important;
}

.select2-container {
	max-width: min(260px, 100%) !important;
}

.minwidth100 { min-width: 4.5em !important; max-width: 9em; }
.minwidth150 { min-width: 5.5em !important; max-width: 10em; }
.minwidth200 { min-width: 6.5em !important; max-width: 12em; }
.minwidth250,
.minwidth300,
.minwidth400,
.minwidth500 {
	min-width: 7em !important;
	max-width: 13em;
}

@media (max-width: 1200px) {
	.div-table-responsive > table.liste,
	.div-table-responsive > table.tagtable,
	.div-table-responsive-no-min > table.liste,
	.div-table-responsive-no-min > table.tagtable {
		font-size: 0.84em;
	}
}