/**
 * 25/11/24 : ajout partie AJAX-SUGGEST
 * 03/12/24 : ajout .suggest-reverse pour ouverture propositions vers le haut
 * 05/12/24 : modification dynamique de la hauteur des cellules de type historique dans les tableaux
 * 07/12/24 : ajout des 'tr.alerte-'
 * 12/12/24 : mise en forme des sous menu de filtrage
 */

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

body, html {
/*    height: 100%;*/
}

nav {
	font-size: 1.2em;
}
h1 {
/*
	font-size: calc(var(--bs-body-font-size)*2);
	font-size: 1.8em;
*/
	font-size: 2em;
}

[data-modlink] {
    cursor: pointer;
}

a.card {
	color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
	text-decoration: none;
}
a.card:hover .card-title {
	text-decoration: underline;
}

a.sortable {
	text-decoration: none;
}
a.sortable > span {
	white-space: nowrap !important;
}

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

/* Arrière plan des champs de formulaire */
.form-control, .form-select {
	background-color: white;
}

table > thead > tr > th {
	white-space: nowrap!important;
}
table > thead > tr > th > form {
	margin: -0.5rem;
}
.table>:not(caption)>*>* { padding: 0.25rem; }

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)));
}

/****************************************************
					 PAGINATION
*/

/* 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 [data-pagination-fields-displayed] li:first-child button[data-pagination-fields-up],
#paginationFields [data-pagination-fields-displayed] li:last-child button[data-pagination-fields-down] {
	visibility: hidden;
}
*/
#paginationFields ul .input-group-text {
	cursor: move;
	cursor: -webkit-grabbing;
}

/* Semble nécessaire pour gérer le défilement vertical */
.modal-dialog form {
	display: contents;
}

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

/* Affichage des filtres dans le modal de configuration */
#paginationFilters .modal-body .row-cols-1 > .col-auto { width: 100% !important; }

/****************************************************
					 TOM-SELECT
*/

.ts-results-up .ts-dropdown {
	top: inherit;
	bottom: 100%;
}

/****************************************************
					AJAX-SUGGEST
*/

.suggest-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 1000;
  /*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;
}

/****************************************************
					ALERTES
*/

tr.alerte-yellow {
	--bs-table-bg: yellow;
}
tr.alerte-orange {
	--bs-table-bg: orange;
}
tr.alerte-green {
	--bs-table-bg: lightgreen;
}