/* FORMULAIRE : Espacement et bordures */


#list-depot-form .depot-row:not(:first-child) {
    margin-top: 20px;
}

/* Bouton ajouter ligne */
#add-row {
    font-size: 16px;
    font-weight: 500;
}

/* TABLEAU : Réduction des images */
.table td img {
    max-height: 80px;
    border-radius: 4px;
    transition: transform 0.2s ease;
}
.table td img:hover {
    transform: scale(1.05);
}

/* Responsive si jamais Bootstrap pas chargé */
@media screen and (max-width: 768px) {
    #list-depot-form .row > div {
        margin-bottom: 10px;
    }

    .table-responsive {
        overflow-x: auto;
    }
}

/* Messages */
.alert-success,
.alert-warning,
.alert-info {
    font-size: 16px;
}



.form-depot select, .form-depot input{

    border-radius: 10px !important;
    min-height: 50px;

}
.form-depot .depot-row{

    padding: 20px 40px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
border-radius:10px !important;

}
.form-depot .select2-container--default .select2-selection--single {
    border-radius: 10px !important;
    min-height: 50px;
    padding: 10px 15px;
}
.form-depot .btns{

display:flex;
column-gap:20px
}
.form-depot .btns button{
    padding: 10px 20px;
    display: flex
;
    column-gap: 5px;
    align-items: center;
border-radius:10px !important;
}
.form-depot .btns button span{
width: 30px;
    display: flex
;
    height: 30px;
    justify-content: center;
    align-items: center;
}
.form-depot .btns button span img{
    width: 60%;
}
.form-depot .btns button#add-row{
	background:#666666;
color:white;
}
.form-depot .btns button.btn-send{
    background: #e20613 !important;
}
.form-depot #list-depot-rows{

    display: flex;
    flex-direction: column;
    row-gap: 0px;
    margin-top: 30px;

}
.form-depot #list-depot-rows .remove-row-btn:hover{

background: #8c878721;

}
.list-depot {}



.list-depot .tbl-icon {
    width: 34PX;
    MARGIN: 7PX;
    height: 34PX;
filter: brightness(0) saturate(100%) invert(93%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%);
}

.list-depot th {
  color: white;
background-color:unset !important;

}
.list-depot table tr td{
background-color:unset !important;
    text-align: center;
}

.list-depot .table {
  border-radius: 5PX;
   table-layout: fixed;
}

.list-depot table .actions span{
display:flex;
justify-content:center;
}
.list-depot .table-heading {
  border-radius: 10px;
  position: relative;
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 10px;
    font-size: 18px;
    column-gap: 10px;
}

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


.list-depot table tr {
  border-top: 0px solid transparent;
  border-bottom: 0px solid transparent;
}

.list-depot .actions img {
  width: 30px;
  height: 30px;
}






.list-depot table .ville {
  background-color: #2cddae37 !important;
}
.list-depot table .fullName {
  background-color: #b2cfd849 !important;
}

.list-depot table .etablissement {
  background-color: #29adff2f !important;
}

.list-depot table .actions {
  background-color: #a66eff38 !important;
}

.list-depot table .statut {
  background-color: #f9828e34 !important;
}

.list-depot table .date {
  background: #a66eff38 !important ;
}

.list-depot table .image {
  background-color: #ffb3502c !important;
}



.list-depot thead .fullName img {
  filter: brightness(0) saturate(100%) invert(93%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%);
}

.list-depot thead .fullName::after,
.list-depot thead .fullName {
  background: #b2cfd8 !important;
}

.list-depot thead .ville::after,
.list-depot thead .ville {
  background: #2cddae !important;
}

.list-depot thead .etablissement::after,
.list-depot thead .etablissement {
  background-color: #29adff !important;
}

.list-depot thead .actions::after,
.list-depot thead .actions {
  background-color: #a66eff !important;
}

.list-depot thead .statut::after,
.list-depot thead .statut {
  background-color: #f9828e !important;
}

.list-depot thead .date::after,
.list-depot thead .date {
  background-color: #a66eff !important;
}

.list-depot thead .image::after,
.list-depot thead .image {
  background-color: #ffb350 !important;
}




.list-depot th{

    padding: 8px !important;
    border-bottom: unset !important;

}

.list-depot th::after {

bottom:30% !important;
top:unset !important;
color : black !important;
opacity:0.2 !important;
right:15px !important;

}

.list-depot td.st {
  border-radius: 10px;
  text-align: center;     /* Horizontal centering */
  vertical-align: middle; /* Vertical centering */
  word-break: keep-all;


}
.list-depot td.actions.st a{

    background: none;
    border: none !important;

}
.list-depot td.actions.st a span{

    border: none !important;

}
.list-depot td span {
  cursor: pointer;
}

.list-depot .color-back {
  background-color: #e5f0f8;
}
.list-depot td .st.actions img{

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

.list-depot .accordion{
    display: flex
;
    row-gap: 30px;
    flex-direction: column;
}
.list-depot .accordion .accordion-item{
    border: none;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 10px !important;

}
.list-depot .accordion .accordion-item .accordion-button{

color: black;
background-color: white;
    border-radius: 10px 10px 0px 0px;

}

.list-depot .accordion .accordion-item .accordion-button.collapsed{

    border-radius: 10px !important;

}

.list-depot .accordion .accordion-item .accordion-button:hover, .list-depot .accordion .accordion-item .accordion-button:focus{

color: white;
background-color: #e20613;
  box-shadow: none !important;
}

.list-depot .accordion .accordion-item .accordion-button:hover::after, .list-depot .accordion .accordion-item .accordion-button:focus::after, .list-depot .accordion .accordion-item .accordion-button:hover .acc-img img, .list-depot .accordion .accordion-item .accordion-button:focus .acc-img img{

    filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(483%);

}

.list-depot .accordion .accordion-item .accordion-button::after{

color: black;

}

.list-depot .accordion .accordion-item .accordion-button .acc-img{
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}
.list-depot .accordion .accordion-item .accordion-button .acc-img img{
  width: 80%;
}

.list-depot table,.list-depot th,.list-depot td {
  border: none;
}


.form-depot .remove-row-btn {

    background: none;
    color: black;
    padding: 11px;
    display: flex
;
    justify-content: center;
    align-items: center;
    margin: 0 !important;
    border-radius: 0px 10px;

}

.form-depot .remove-row-btn i{

color: black;
    font-size: 21px;
    margin: 0;

}

.form-depot .remove-row-btn:hover {

background:black !important;

}
.form-depot .remove-row-btn:hover i {
color:white
}

#list-depots-table_length select {
      border: 1px solid #e20613 !important;
    color: #e20613 !important;
    background: white !important;
    border-radius: 10px;
}
#list-depots-table_length select option:checked,#list-depots-table_length select option:hover {
    color: white !important;
    background: #e20613 !important;
}
#list-depots-table_paginate {
      display: flex
;
    column-gap: 10px;
}
#list-depots-table_paginate span{
        display: flex
;
    column-gap: 10px;
}
#list-depots-table_paginate .paginate_button{
      border: 1px solid #e20613 !important;
    color: #e20613 !important;
    background: white !important;
    border-radius: 10px;
}
#list-depots-table_paginate .paginate_button.current, #list-depots-table_paginate .paginate_button:hover{
color: white !important;
    background: #e20613 !important;
}
#list-depots-table_paginate .paginate_button.disabled{
  cursor: not-allowed;
      background: #e9ecef !important;
}
#list-depots-table_paginate .paginate_button.disabled:hover{
    color: #e20613 !important;
}
#list-depots-table_paginate .paginate_button.previous{
  border-radius: 10px 0px 0px 10px;
}
#list-depots-table_paginate .paginate_button.next{
  border-radius: 0px 10px 10px 0px;
}
#list-depots-table {
      margin-bottom: 40px;
          border-collapse: separate;
    border-spacing: 10px;
}
#list-depots-table_filter input{
        border: 1px solid #e20613 !important;
    color: black !important;
    background: white !important;
    border-radius: 10px;
}
#list-depots-table th{
  border-radius: 10px !important;
}
/* actions */
.list-depot td.st.actions button{
        border: 1px solid #a66eff  !important;
           color: #a66eff  !important;
}
.list-depot td.st.actions button i{
           color: #a66eff  !important;
}
.list-depot td.st.actions button:hover{
        border: 1px solid #a66eff  !important;
        background-color: #a66eff  !important;
}
.list-depot td.st.actions button:hover i{
color: white !important;
}
/* actions end*/
/* image */
 .list-depot td.st.image a:hover{
        border: 1px solid #ffb350 !important;
        background-color: #ffb350 !important;
}
.list-depot td.st.image a{
        border: 1px solid #ffb350 !important;
           color: #ffb350 !important;
}
.list-depot td.st.image a i{
           color: #ffb350 !important;
}
.list-depot td.st.image a:hover i{
color: white !important;
}
/* image end*/




.list-depot td.st i{
  border-radius: 10px !important;
  margin: 0 !important;

}
.list-depot td.st.act{
  column-gap: 10px;
}
.list-depot td.st.act button, .list-depot td.st.act a{
display: flex;
align-items: center;
justify-content: center;
    width: 35px;
    height: 33px;
    border: 1px solid !important;
    border-radius: 10px !important;
}

#list-depots-table th.sorting::after {
  font-family: "Font Awesome 5 Free";
  content: "\f0dc"; /* fa-sort */
  float: right;
  font-weight: 900;
  color: #aaa;
}

#list-depots-table th.sorting_asc::after {
  font-family: "Font Awesome 5 Free";
  content: "\f0de"; /* fa-sort-up */
  float: right;
  font-weight: 900;
  color: #000;
}

#list-depots-table th.sorting_desc::after {
  font-family: "Font Awesome 5 Free";
  content: "\f0dd"; /* fa-sort-down */
  float: right;
  font-weight: 900;
  color: #000;
}
#list-depots-table .bt{
  display: flex;
  justify-content: center;
  align-items: center;
      column-gap: 10px;
}
.custom-file-label {
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 10px !important;
  border: 1px solid #e20613 !important;
  padding: 10px 15px;
  background-color: #fff;
  color: #333;
  font-weight: 500;
  transition: background-color 0.2s ease;
}

.custom-file-label:hover {
  background-color: #f8f9fa;
}

.custom-file-display {
  pointer-events: none;
  user-select: none;
}
.list-depot table .statut.st form{
  margin: 0 !important;
}
.list-depot table .statut.st form select{
  border-radius: 10px !important;
}


body:has(.list-depot) .modal-backdrop {
  display: none;
}
body:has(.list-depot) #affectModal.show, body:has(.list-depot) #detailsModal.show {
    background: #0000007a;
}
body:has(.list-depot) #affectModal .modal-content, body:has(.list-depot) #detailsModal .modal-content {
  border-radius: 10px !important;
  border: none;
}
body:has(.list-depot) #affectModal .modal-header, body:has(.list-depot) #detailsModal .modal-header {
  border-radius: 10px 10px 0px 0px  !important;
}
body:has(.list-depot) #affectModal .modal-body, body:has(.list-depot) #detailsModal .modal-body {
  border-radius: 0px 0px 10px 10px !important;
}
body:has(.list-depot) #detailsModal .modal-body{
  background: #a66eff38 !important;
}
body:has(.list-depot) #detailsModal .modal-body .list-group-item, body:has(.list-depot) #affectModal .modal-body .list-group-item{
  background: none;
}
body:has(.list-depot) #detailsModal .modal-body .list-group-item{
  border-color: #a66eff !important;
}
body:has(.list-depot) #detailsModal .modal-body .list-group, body:has(.list-depot) #affectModal .modal-body .list-group{
  border-radius: 10px !important;
}
.list-depot td .statut.st {
  flex-direction: column !important;
}
body:has(.list-depot) #detailsModal .modal-header{
  border: none !important;
  color: white !important;
  background-color: #a66eff !important;
}
#list-depots-table .stat{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 10px;
}
#list-depots-table .stat button{
  background-color: #f9828e ;
  color: white;
  border-radius: 10px;
    border: 1px solid white !important;
    padding: 6px 18px;
}
#list-depots-table .stat button:hover{
  background-color: white;
  color: #f9828e;
  border-color: #f9828e !important;
}

body:has(.list-depot) #affectModal .modal-content {}
body:has(.list-depot) #affectModal .modal-content select{
  border-radius: 10px !important;
}
body:has(.list-depot) #affectModal .modal-content .affect{
    background-color: #f9828e ;
  color: white;
  border-radius: 10px;
    border: 1px solid #f9828e !important;
}
 body:has(.list-depot) #detailsModal .btn-cls {
      background-color: #a66eff !important;
      border-radius: 10px !important;
      border: 1px solid white !important;
 }
 body:has(.list-depot) #detailsModal .btn-cls:hover{
    background-color: white !important;
  border-color: #a66eff !important;
 }
  body:has(.list-depot) #detailsModal .btn-cls:hover i{
  color: #a66eff !important;
 }
 /* affect modal */
 body:has(.list-depot) #affectModal .modal-header{
  border: none !important;
  color: white !important;
  background-color: #f9828e !important;
}
   body:has(.list-depot) #affectModal .btn-cls:hover i{
  color: #f9828e !important;
 }
    body:has(.list-depot) #affectModal #affectForm{
      margin: 0 !important;
 }
  body:has(.list-depot) #affectModal .btn-cls {
      background-color: #f9828e !important;
      border-radius: 10px !important;
      border: 1px solid white !important;
 }
 body:has(.list-depot) #affectModal .btn-cls:hover{
    background-color: white !important;
  border-color: #f9828e !important;
 }
  body:has(.list-depot) #affectModal .modal-body{
    border-radius: 0px !important;
  }
 body:has(.list-depot) #affectModal .modal-body,  body:has(.list-depot) #affectModal .modal-footer{
  background: #f9828e34  !important;
  border: none !important;
}
 /* affect modal end */
body:has(.list-depot) #affectModal .btn-cls{
        padding: 10px;
}
body:has(.list-depot) #affectModal .modal-content .affect:hover{
  background-color: white;
  color: #f9828e;
  border-color: #f9828e !important;
}
 body:has(.list-depot) #affectModal .btn-cls i, body:has(.list-depot) #detailsModal .btn-cls i{
  margin: 0 !important;
 }
 body:has(.list-depot) #affectModal .btn-cls:hover i,  body:has(.list-depot) #detailsModal .btn-cls:hover i{
  color: #e20613;
 }

 .custom-file-display-wrapper {
  gap: 10px;
}
.custom-file-display {
  flex-grow: 1;
}

.form-depot .remove-file-btn {
  background: #e20613;
  border: 1px solid #e20613 !important;
}
.form-depot .remove-file-btn i{
  margin: 0;
  color: white;
}
.form-depot .remove-file-btn:hover {
  background: white;
  border: 1px solid #e20613 !important;
}
.form-depot .remove-file-btn:hover i {
  color: #e20613;
}

.custom-file-display {
  transition: all 0.3s ease;
  font-size: 0.95rem;
}
.file-label-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.selectize-control.single .selectize-input {
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    border: 1px solid #ced4da;
}
.selectize-input.focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.2rem rgba(13,110,253,.25);
}

.selectize-control.single .selectize-input{
      background: none !important;
    border: none !important;
    box-shadow: none !important;
}
.selectize-control{
      border: 1px solid #e20613 !important;
    border-radius: 10px !important;
    min-height: 50px !important;
}


.list-depot .heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.list-depot .heading .ttl, .form-depot .heading .ttl{
      font-size: 24px;
}

.form-depot .heading{
      margin-top: 20px;
      margin-bottom: 30px;
}

.list-depot .heading button, .list-depot .heading button:focus{
  border-radius: 10px !important;
  border: 1px solid #666666 !important;
  background: #666666 !important;
}
.list-depot .heading button:hover {
  border-radius: 10px !important;
    border: 1px solid #666666 !important;
    color: #666666 !important;
    background: white !important;
}
.list-depot .heading button:hover i {
  color: #666666 !important;
} 
.list-depot .filter-box{
  border-radius: 10px;
}
.list-depot .filter-box .cred{
  align-items: center;
}
.list-depot .filter-box .bot-rech, .list-depot .filter-box .bot-rech:focus{
    border-radius: 10px !important;
  border: 1px solid #e20613 !important;
    width: 70% !important;
    justify-content: center;
    background: #e20613 !important;
}
.list-depot .filter-box .bot-rech:hover{
  border-radius: 10px !important;
    border: 1px solid #e20613 !important;
    color: #e20613 !important;
    background: white !important;
}
.list-depot .filter-box .bot-rech:hover i{
  color: #e20613 !important;
}
.list-depot .filter-box input, .list-depot .filter-box select {
  border-radius: 10px !important;
}

.selectize-input {
      border: none !important;
    box-shadow: none !important;
}
.selectize-dropdown{
  margin-top: 10px !important;
}

.list-depot #filter-form select{
  min-height: 48px !important;
}

.list-depot .selectize-control.single .selectize-input:after{
  display: none !important;
}


.list-depot #filter-btn, .list-depot #filter-btn:focus {
  background: #e20613 !important;
  border: 1px solid #e20613 !important;
  padding: 15px 30px !important;
  border-radius: 10px !important;
  color: white !important;

}
.list-depot #filter-btn:hover {
  background: white !important;
  border: 1px solid #e20613 !important;
  color: #e20613 !important;
}
.list-depot #filter-btn:hover i{
  color: #e20613 !important;
}