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


.ts-wrapper.single .ts-control::after {
    display: none !important;
}

.ts-control input
{
   
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: black !important;
}

/* Appliquer le look d'un .form-control de Bootstrap sur Tom Select */
.ts-wrapper.single .ts-control {
    min-height: calc(1.5em + 0.75rem + 2px) !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #212529 !important;
    background-color: #fff !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 0.375rem !important;
    box-shadow: none !important;
    background-image: none !important;
    background-repeat: none !important;
    
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 0.75rem center !important;
    background-size: 16px 12px !important;
    padding-right: 2.25rem !important;  /*S'assure que le texte ne passe pas sous la flèche */
    
}

.ts-dropdown{
    
background-color: var(--bs-body-bg) !important;
  background-clip: padding-box !important;
  border: var(--bs-border-width) solid var(--bs-border-color) !important;
  border-radius: var(--bs-border-radius) !important;
  padding: 4px !important;
}

.ts-dropdown-content{
    
}

.active{
    background-color: #e1e1e1 !important;
    color: var(--bs-body-color) !important;
}
.ts-wrapper.single.focus .ts-control {
    border-color: #86b7fe !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}


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