.dataTables_info, .dt-buttons{
    margin-left: 15px;
}

.dataTables_info{
    font-size:14px ;
}

/* Bouton actif pagination Bootstrap */
.page-item.active .page-link {
    background-color: rgb(49, 132, 227) !important; /* fond blanc */
    color: #f8f6f6 !important;             /* texte noir */
    border-color: rgb(49, 132, 227) !important;    /* bordure grise */
}

/* Pour que le hover ne change pas la couleur */
.page-item.active .page-link:hover {
    background-color: white !important;
    color: rgb(49, 132, 227) !important;
}


/* Conteneur des boutons pour espacer et centrer */
.dataTables_wrapper .dt-buttons {
  float: left;
  gap: 2px;            /* espace entre boutons */
  justify-content: center;
  margin-bottom: 10px;
}

.dt-buttons {
  border-radius: 10px !important;
}

/* Style des boutons pour uniformiser la taille */
.dataTables_wrapper .dt-buttons .dt-button {
    background-color: rgb(49, 132, 227);
    color: white;
    padding: 8px 20px;
    border-radius: 5px;
    border: none;
    font-weight: 100;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.dataTables_wrapper .dt-buttons .dt-button:hover {
  background-color: rgb(49, 132, 227);
}

/* Conteneur de recherche */
.dataTables_wrapper .dataTables_filter {
  margin-top: 10px;
  text-align: right;
}

/* Encadrer le champ input recherche */
.dataTables_wrapper .dataTables_filter input {
  border: 1px solid #666;
  border-radius: 5px;
  padding: 6px 10px;
  font-size: 14px;
  margin-right: 15px;
  transition: border-color 0.3s ease;
  width: 200px !important;
}

.dataTables_wrapper .dataTables_filter input:focus {
  border-color: #0b588b;
  outline: none;
}


.avatar.avatar-xl {
    width: 150px;  /* largeur fixe */
    height: 150px; /* hauteur fixe */
    overflow: hidden; /* cache ce qui dépasse */
    border-radius: 50%; /* arrondi parfait */
}

.avatar.avatar-xl img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* rogne l'image pour remplir la div */
}

.logo-container {
  padding: 55px !important;
}

.bgcolor{
  background-color: rgb(3, 104, 67);
}


/* Couleur spéciale pour le lien actif */
.myclass, .myclass_btn {
    color: #ffffff !important;      /* texte blanc */
    background-color: rgb(3, 104, 67) !important;      /* fond bleu (ou ta couleur) */
    border-radius: 8px;             /* optionnel, arrondir le fond */
}

/* Si tu veux changer aussi l'icône active */
.nav-link.active i {
    color: #ffffff !important;
}

/* Couleur du switch coché */
.form-check-input:checked {
    background-color: rgb(3, 104, 67) !important;  /* vert */
    border-color: rgb(3, 104, 67) !important;
}

/* Optionnel : changer la couleur de l'ombre au focus */
.form-check-input:focus {
    border-color: rgb(3, 104, 67) !important;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}


.input-group-static textarea.form-control {
    border-right: 1.5px solid #ced4da !important;
    border-radius: 15.5em !important; /* arrondi optionnel */
    padding: 1.0em !important;
}

.mon_modal{
  background-color: rgb(43, 120, 227) !important;  /* vert */
}

.toast-body{
  color:#f8f6f6 !important;
}

.fourniture-input{
  border: none !important;
  background-color: none !important;
  text-align: center !important;
}