html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.p10{
    padding : 10px;
}

.table-pointer tbody tr {
    cursor : pointer;
}

.comment-editor-container > .trumbowyg-box.trumbowyg-editor-visible {
    min-height: 100px !important;
}

.comment-editor-container .trumbowyg-editor {
    min-height: 100px !important;
    max-height: 150px !important;
}

.navbar-nav .nav-link:hover {
    background-color: #f8f9fa; /* Couleur de surbrillance de fond */
    color: #007bff; /* Couleur de surbrillance du texte */
    border-radius: 5px; /* Optionnel : pour un effet arrondi */
}

.ps-lg-6 {
    padding-left: 6rem; 
}

.pe-lg-6 {
    padding-right: 6rem;
}

.sections .trumbowyg-box {
    margin-bottom: 30px;
}

.bg-solid-white {
    background-color: orangered !important;
}

/* Corrige les checkboxes du multi-select quand on déplace le composant dans la barre de recherche DataTables */
#tag-filter-container .form-check-input,
#tag-filter-container .ms-checkbox {
    width: 1.25rem !important;
    height: 1.25rem !important;
    flex: 0 0 auto !important;
    -webkit-appearance: checkbox !important;
    appearance: checkbox !important;
}

/* Empêche le menu dropdown de se compresser dans l'espace de la barre de recherche */
#tag-filter-container .dropdown,
#tag-filter-container .dropdown-menu {
    min-width: 12rem;
}