/*
 * Styles personnalisés pour le thème
    * ----------------------------------
    * Ce fichier contient des styles personnalisés pour le thème
    * Vous pouvez ajouter ici vos propres styles.
    * Vous pouvez également modifier les styles de base du thème
    * ou ajouter des fichiers CSS supplémentaires.
*/

body,
html {
  padding-top: 30px; /* Marge intérieure pour le corps de la page */
  overflow-x: hidden; /* Empêche le défilement horizontal */
  width: 100%; /* Empêche le défilement horizontal */

}

.ui-state-highlight {
  background: #ffffcc; /* Couleur de fond pour les éléments glissables */
}
.drag-handle {
  cursor: grab; /* Curseur pour l'élément glissable */
}
.drag-handle:active {
  cursor: grabbing; /* Curseur pour l'élément glissable */
}

.highlight {
  background-color: #ffeb3b; /* Couleur de fond pour les éléments glissables */
  transition: background-color 1.5s; /* Transition pour la couleur de fond */
}

.tab-content {
  max-height: calc(100vh - 128px); /* Hauteur maximale pour le contenu des onglets */
  overflow-y: scroll; /* Défilement vertical pour le contenu des onglets */
  overflow-x: hidden; /* Empêche le défilement horizontal */
}

.sticky-footer {
  position: fixed; /* Position fixe pour le pied de page */
  bottom: 0; /* Position fixe pour le pied de page */
  width: 100%; /* Largeur du pied de page */
  height: 30px; /* Hauteur du pied de page */
  background-color: #f7f7f7; /* Couleur de fond pour le pied de page */
  text-align: center; /* Alignement du texte pour le pied de page */
  padding: 5px 0; /* Marge intérieure pour le pied de page */
  font-size: 12px; /* Taille de police pour le pied de page */
  color: #777; /* Couleur de police pour le pied de page */
}