:root {
	--bs-body-bg: WhiteSmoke;
	--bs-body-font-size: .8em;
}

body, html {
    height: 100%;
}

/* Menu actif */
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
	color: #27abe3;
	font-weight: bold;
}

/* Modification affichage symbole tri pagination */
th > a > span.float-end {
	float: none !important;
}

/* Label des required */
.form-label.required::before, .col-form-label.required::before {
	content: '*';
	color: red;
	font-weight: bold;
	margin-right: 0.25em;
}

.form-control, .form-control:focus, .form-select {
	background-color: white;
}

/* Formatage des readonly */
.form-control[readonly] {
	background-color: var(--bs-card-cap-bg);
}

/* Boutons actifs des lots dans Stockage */
[data-lots] button[data-lot].active {
	opacity: .33;
}
/* Boutons actifs des Stockages dans détail Pile */
button[data-stock].active {
	opacity: .33;
}

/* Zébrage tableau lignes visibles */
/* NB : ne fonctionne pas !!!
.table-striped-visible > tbody > tr:not(.d-none):nth-of-type(odd) > * {
	background-color: var(--bs-table-striped-bg);
	color: var(--bs-table-striped-color);
}
*/

/* Résolution défaut d'affichage de l'autocomplete dans un modal */
/* https://github.com/orchidjs/tom-select/issues/557 */ 
.ts-dropdown {
  z-index: 10000000 !important;
}

/* Blocs d'information */
.list-group-item > .d-flex > div.text-nowrap:first-of-type {
	margin-right: .5em;
}

/* Champ Historique */
td.field-historique {
	padding-bottom: 0;
}
td.field-historique > div {
	/* link-underline-opacity-0 */
	--bs-link-underline-opacity: 0;
	/* d-inline-block */
	display: inline-block!important;
	/* overflow-hidden  */
    overflow: hidden;
	/* text-truncate */
    text-overflow: ellipsis;
    white-space: nowrap;
    /* link-body-emphasis */
    color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;
    -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important;
    /* custom */
	max-height: 4em;
	max-width: 20em;
	-webkit-mask-image: -webkit-gradient(linear, left center, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
}

/* Suggestions (ie autocomplete) */
.suggest-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.suggest-items > * {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
  display: block;
  padding: 4px;
}
.suggest-items > *:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.suggest-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}