.orders-listing .icon-list {
  width: 30px;
}
.orders-listing .modal-body, .modal-header{
  background-color: #dfe8ef !important;
}
.orders-listing .bot-rech {
  background: #666666;
  border: none;
  padding: 11px 74px;
  border-radius: 10px;
  color: white;
}

.orders-listing .tbl-icon {
  width: 27PX;
  MARGIN: 7PX;
  height: 27PX;

}

.orders-listing .bot-eff {
  background: none;
  color: black;
  border: none;
  text-decoration: underline;
  text-align: center;
  padding: 10px 10px;

}

.orders-listing th {
  color: white;
background-color:unset !important;

}
.orders-listing table tr td{
background-color:unset !important;
}
.orders-listing .cmd {
  display: flex;
  align-items: end;

}

.orders-listing .pagination-custom {
  text-align: center;
  margin-top: 20px;
}

.orders-listing .pagination-custom ul {
  list-style: none;
  padding: 0;
  display: inline-flex;
  gap: 10px;
}

.orders-listing .pagination-custom a {
  display: block;
  padding: 8px 12px;
  background-color: NONE;
  color: black;
  border-radius: 5px;
  text-decoration: none;
  border: 1px solid #666666;
  ;
}

.orders-listing .table {
  border-radius: 5PX;
   table-layout: fixed;
}

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


/* Smooth transition for accordion content */
.orders-listing .smooth-collapse {
  transition: height 0.4s ease, opacity 0.4s ease;
  overflow: hidden;
}

/* Optional fade effect */
.orders-listing .smooth-collapse.collapsing {
  opacity: 0;
}

.orders-listing .smooth-collapse.collapse.show {
  opacity: 1;
}

.orders-listing .smooth-collapse {
  transition: all 0.4s ease;
  overflow: hidden;
  display: block;
  /* force div to act like block element */
  height: auto;
}

.orders-listing .smooth-collapse.collapsing {
  opacity: 0;
  height: 0 !important;
}

.orders-listing .smooth-collapse.collapse.show {
  opacity: 1;
  height: auto;
}

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

.orders-listing .pagin .active {
  background-color: #666666;
  color: white;
}

.orders-listing.pagin a:hover {
  background-color: #666666;
  color: white;

}

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

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

.orders-listing table tr {
  border-top: 0px solid transparent;
  border-bottom: 0px solid transparent;
}


body:has(.orders-listing) #page .site-content{
    margin-top: 0px !important;
}

.orders-listing #filter-form select{
  border-radius: 10px;
}




.orders-listing #toggle-filtre-checkbox {
  display: none;
}

/* Cacher le formulaire au départ */
.orders-listing #form-filtres {
  display: none;
}

/* Afficher le formulaire si la case est cochée */
.orders-listing #toggle-filtre-checkbox:checked+label+#form-filtres {
  display: block;
}


.orders-listing .actions img {
  width: 30px;
  height: 30px;
}

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

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

.orders-listing table .actions {
  background: #a66eff38 ;
}

.orders-listing table .statut {
  background-color: #2cddae3a;
}

.orders-listing table .commande {
  background-color: #ffb35021;
}

.orders-listing table .niveau {
  background-color: #f9828e34;
}

.orders-listing table .etablissement {
  background-color: #29adff2f;
}

.orders-listing .table-heading.actions::after,
.orders-listing .table-heading.actions {
  background: #a66eff !important;
}
.orders-listing form{
margin-bottom:0px !important
}
.orders-listing .table-heading.statut::after,
.orders-listing .table-heading.statut {
  background-color: #2cddae !important;
}

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

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

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

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

}

.orders-listing .orders-listing td span {
  cursor: pointer;
}

.orders-listing .color-back {
  background-color: #e5f0f8;
}



/* modal */
 #commandeModal .h3 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}

 #commandeModal .image-icon {
  width: 40px;
}

 #commandeModal .crd {
  box-shadow: 2px 0px 24px -3px rgb(0 0 0 / 11%);
  border-radius: 25PX;
  width: 30% !important;
  padding-left: 0;
padding-bottom: 10px;
  background-color: white;
}

 #commandeModal .content {
padding: 0px 24px 0px 24px;
}
#commandeModal .crd .titre.eleve, #commandeModal .crd .content.eleve b {
color: #f9828e;
}
#commandeModal .crd .titre.ecole, #commandeModal .crd .content.ecole b {
color:#29adff;
}
#commandeModal .crd .titre.parent , #commandeModal .crd .content.parent b {
color: #a66eff;
}
#commandeModal .crd .titre.payment, #commandeModal .crd .content.payment b  {
color:#a6c04e ;
}
#commandeModal .crd .titre.livraison, #commandeModal .crd .content.livraison b  {
color: #2cddae;
}
#commandeModal .crd .titre.commande, #commandeModal .crd .content.commande b  {
color:#ffb450;
}

#commandeModal .crds {
row-gap: 35px;
    column-gap: 3%;
    justify-content: center;
}

#commandeModal .titre {
  display: flex;
  column-gap: 12px;
  justify-content: start;
  font-size: 20PX;
  ALIGN-ITEMS: center;
      transform: translate(-3%, -14%);
      margin: 0 !important;
}

#commandeModal .icon-top {
  width: 25PX;
}

#commandeModal .cmd-date {
  column-gap: 12px;
  display: flex;
  font-size: 20PX;

}

#commandeModal .cmd-ref {
  font-size: 20px;
}
#commandeModal .crd .crd-icn span {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 5px solid white;
  display: flex;
  justify-content: center;
  align-items: center;
      box-shadow: 2px 0px 24px -3px rgb(0 0 0 / 11%);
}
#commandeModal .crd .crd-icn.eleve span {
background-color: #f9828e;
}
#commandeModal .crd .crd-icn.ecole span {
background-color:  #29adff;
}
#commandeModal .crd .crd-icn.parent span {
background-color:  #a66eff;
}
#commandeModal .crd .crd-icn.commande span {
background-color:  #ffb450;
}
#commandeModal .crd .crd-icn.livraison span {
background-color:  #2cddae;
}
#commandeModal .crd .crd-icn.payment span {
background-color: #a6c04e ;
}
#commandeModal .modal-header{
      column-gap: 15px;
    font-size: 21PX;
        border-radius: 25px 25px 0px 0px
}
#commandeModal .modal-body{
      display: flex
;
    justify-content: center;
    border-radius: 0px 0px 25px 25px;
    padding-bottom: 40px;
}
#commandeModal .modal-content{
 background: unset;
 border: none;
}
body:has(#commandeModal) header {
z-index:auto !important;
}
#commandeModal.modal.fade .modal-dialog {
    transform: translate(0, 100px) !important;
}

body:has(#commandeModal) .elementor-widget-bokifa-search {
z-index:0;
}
#commandeModal.modal.fade.show {
    backdrop-filter: blur(5px);
}
body:has(#commandeModal.modal.fade) .orders-listing .table {
    transition:0.5s;
}
body:has(#commandeModal.modal.fade.show) .orders-listing .table {
    opacity: 0;
}
#commandeModalBodyContent {
    display: flex
;
    justify-content: center;
}

#commandeModalBodyContent p {
margin:0;
 }

.orders-listing td .st.actions img{

    width: 20px !important;
    height: 20px !important;
cursor:pointer;
}