.liste-four .filters label {
    margin-bottom: 1rem;
}

.liste-four .frm-control {
    width: 100%;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.liste-four .tbl-icon {
  width: 27PX;
  MARGIN: 7PX;
  height: 27PX;

}

.liste-four th {
  color: white;
background-color:unset !important;

}
.liste-four table tr td{
background-color:unset !important;
}

.liste-four .table {
  border-radius: 5PX;
   table-layout: fixed;
}

.liste-four table .actions span{
display:flex;
justify-content:center;
}
.liste-four .table-heading {
  border-radius: 10px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0px;
}

.liste-four.table-wrapper {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #ccc;
  /* ou rouge ou ce que tu veux */
}

.liste-four table tr td:first-child {
  border-radius: 10px 0px 0px 10px;
}

.liste-four table tr td:last-child {
  border-radius: 0px 10px 10px 0px;
}

.liste-four table tr {
  border-top: 0px solid transparent;
  border-bottom: 0px solid transparent;
}

.liste-four .actions img {
  width: 30px;
  height: 30px;
}

.liste-four table .actions span:first-child {
  border-right: #a66eff solid;
}

.liste-four table .actions span:last-child {
  border-left: #a66eff solid;
}

.liste-four table .actions {
  background: #a66eff38 ;
}

.liste-four table .statut {
  background-color: #2cddae3a;
}

.liste-four table .commande {
  background-color: #ffb35021;
}

.liste-four table .niveau {
  background-color: #f9828e34;
}

.liste-four table .etablissement {
  background-color: #29adff2f;
}

.liste-four .table-heading.actions::after,
.liste-four .table-heading.actions {
  background: #a66eff !important;
}

.liste-four .table-heading.statut::after,
.liste-four .table-heading.statut {
  background-color: #2cddae !important;
}

.liste-four .table-heading.commande::after,
.liste-four .table-heading.commande {
  background-color: #ffb350 !important;
}

.liste-four .table-heading.niveau::after,
.liste-four .table-heading.niveau {
  background-color: #f9828e !important;
}

.liste-four .table-heading.etablissement::after,
.liste-four .table-heading.etablissement {
  background-color: #29adff !important;
}

.liste-four td .st {
  border-radius: 10px;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

}

.liste-four .liste-four td span {
  cursor: pointer;
}

.liste-four .color-back {
  background-color: #e5f0f8;
}
.liste-four td .st.actions img{

    width: 20px !important;
    height: 20px !important;
cursor:pointer;
}
.liste-four .form-select{
border-radius:15px !important;
}

.liste-four .filters {
    padding: 40px;
    border-radius: 15px;
    }


.liste-four .heading {

display:flex;
column-gap:5px;

}
.liste-four .heading img{

width: 40px;
}

/* Trois points animés */
@keyframes dots {
  50% { content: '…'; }
  75% { content: '……'; }
  100% { content: '………'; }
}

.loading-dots::after {
  content: '…';
  animation: dots 1s steps(3, end) infinite;
}

/* Spinner circulaire basique */
.loader {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #E20714;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 0.8s linear infinite;
  margin: auto;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}


#global-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: white;
  z-index: 999999; /* très élevé pour passer au-dessus de tout */
  display: none;
  justify-content: center;
  align-items: center;
transition:0.5s;
}

#global-loader img {
  width: 120px;
  height: 120px;
object-fit:contain;
transition:0.5s;
}