/**
 * 21/12/24 : ajout .suggest-reverse pour ouverture propositions vers le haut (issu de LLNegoce)
 * 03/01/25 : mise en évidence des menus sélectionnés
 * 26/03/25 : modif .navbar-brand
 */
:root {
	--bs-body-bg: WhiteSmoke;
	--bs-body-font-size: .8em;
}

body, html {
    height: 100%;
}

/********************************************/
/* 					MODAL 					*/
.modal-body {
    max-height: calc(100vh - 200px);
}


/********************************************/
/* 					Menu					*/
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
	color: #27abe3;
	font-weight: bold;
}
.navbar-nav .nav-link.open, .navbar-nav .dropdown-item.active {
	background-color: #27abe3;
	color: white;
}
.navbar-nav .nav-link.open.active {
	background-color: #76bfde;
}
.navbar-brand > img {
	max-height: 30px;
}
.navbar-brand {
	color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
	text-decoration: underline;
}

/********************************************/
/* 					PAGINATION 				*/
/* Modification affichage symbole tri pagination */
th > a > span.float-end {
	float: none !important;
}
/* Configurateur d'affichage */
#paginationFields [data-pagination-fields-available] button[data-pagination-fields-del],
#paginationFields [data-pagination-fields-available] button[data-pagination-fields-up],
#paginationFields [data-pagination-fields-available] button[data-pagination-fields-dnd],
#paginationFields [data-pagination-fields-available] button[data-pagination-fields-down] {
	display: none;
}
#paginationFields [data-pagination-fields-displayed] button[data-pagination-fields-add] {
	display: none;
}
#paginationFields ul .input-group-text {
	cursor: move;
	cursor: -webkit-grabbing;
}
/* Sous menu dans les filtres */
.dropend .dropdown-toggle::after {
	position: absolute;
	right: 12px;
	top: 12px;
}
/* (c) https://bootstrap-menu.com/detail-multilevel.html */
@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
/*	.nav-item .submenu{*/ 
	.dropdown-menu.submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
/*	.nav-item .submenu-left{ */
	.dropdown-menu.submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }
}
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}

/********************************************/
/*					FORMULAIRES				*/

/* 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;
}

/********************************************/
/* 					HISTORIQUES 			*/
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-reverse {
  top: inherit;
  bottom: 100%;
}
.suggest-reverse > * {
  border-bottom-style: none;
  border-top: 1px solid #d4d4d4;
}
.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;
}