@import "../vendor/bootstrap/dist/css/bootstrap.min-z0zQt-h.css";

/* 1. On désactive l'overflow qui bloque le sticky lors du scroll de la page */
.table-responsive {
  overflow-y: visible; 
  overflow-x: auto;
}

@media (min-width: 992px) { /* S'applique à partir des écrans d'ordinateurs (992px et +) */
  
  /* On désactive l'overflow pour que le sticky global fonctionne */
  .table-responsive-header-sticky {
    overflow: visible !important; 
  }

  /* On applique le sticky sur les th */
  .table-responsive thead th {
    position: sticky !important;
    top: 0 !important;
    z-index: 100;
    background-color: #212529 !important; /* Fond sombre opaque */
    color: #fff;
  }
}

body {
    background-color: white;
}

/*Met les champs de formulaire en gris pour ceux qui sont juste readonly*/
input[readonly], 
textarea[readonly],
select[readonly] {
    background-color: #e9ecef; /* Un gris clair standard (style Bootstrap) */
    color: #6c757d;           /* Texte légèrement grisé pour le contraste */
    cursor: not-allowed;      /* Change le curseur pour indiquer l'interdiction */
    border-color: #dee2e6;    /* Bordure adoucie */
}

/*Met les erreurs de formulaire en rouge*/
ul li[id*="_error"] {
    color: #dc3545;
    
}


.inputFeuillesDeTempsEmploye
{
    width: 60px;
}

.table-ultra-condensed {
    font-size: 11px !important; /* Force une taille très petite */
}