button {
  color: #000;
}

.fs_button_form {
    display: inline-block;
    padding: 8px 30px;
    margin: 15px 0;
    background-color: #f5f5f5;
    border : solid 1px #e1e1e1;
    border-radius: 25px;
    cursor: pointer;
    transition: background-color 450ms;
}

.fs_button_form_livraison, .fs_button_form_transfert {
  display: flex;
  align-items: center;
  color: #2c2c2c;
  margin-right: 10px;
  padding: 5px 12px;
  white-space: nowrap;
  border: 1px solid #e1e1e1;
  border-radius: 25px;
  cursor: pointer;
  background-color: #fff;
}

.fs_button_form_livraison:hover, .fs_button_form_transfert:hover {
  background-color: #eeeeee;
  transition: background-color 650ms;
}

.fs_button_form:hover {
  background-color: #fff;
  border : solid 1px #f1f1f1;
}

.fs_button_form_submit {
  display: inline-block;
  padding: 5px 20px;
  background-color: #f5f5f5;
  border : solid 1px #e1e1e1;
  border-radius: 25px;
  cursor: pointer;
  transition: border-color 650ms, background-color 650ms;
}

#fs-container-excel-form .fs_button_form_submit {
  margin-top: 10px;
  margin-bottom: 3px;
}

#fs-container-excel-form .fs_button_form_submit[disabled] {
    background-color: #ccc;
    cursor: not-allowed;
    opacity: 0.6;
}

#creer-livraison-action, #creer-litige-action {
  margin-top: 15px;
}

.fs_button_form i {
  margin-right: 5px; /* Ajoute de l'espace à droite de l'icône */
}

#fs-charger-plus {
  padding: 10px;
  margin: 10px 10px 20px;
  background-color: #f5f5f5;
  border: solid 1px #e1e1e1;
  border-radius: 25px;
  transition: border-color 850ms, background-color 850ms;
  cursor:pointer;
}

/* Style du bouton "Charger plus" lorsqu'il est désactivé */
#fs-charger-plus:disabled {
  background-color: #d3d3d3;
  color: #999;
  cursor: not-allowed;
}

.fs_etat_button_en-preparation {
  font-family: Helvetica, sans-serif;
  line-height: 1.6;
  font-size: 14px;
  letter-spacing: 0.1px;
  padding: 7px 10px;
  border: none;
  border-radius: 3px;
  background-color: #F3EAE2;
  color: #7C3513;
}

.fs_etat_button_preparee, .fs_etat_button_prepare {
  font-family: Helvetica, sans-serif;
  line-height: 1.6;
  font-size: 14px;
  letter-spacing: 0.1px;
  padding: 7px 10px;
  border: none;
  border-radius: 3px;
  background-color: #EDC1DD;
  color: #912B6D;
}

.fs_etat_button_controlee, .fs_etat_button_expedie {
  font-family: Helvetica, sans-serif;
  line-height: 1.6;
  font-size: 14px;
  letter-spacing: 0.1px;
  padding: 7px 10px;
  border: none;
  border-radius: 3px;
  background-color: #D2E3FF;
  color: #124699;
}

.fs_etat_button_livree, .fs_etat_button_receptionne, .fs_etat_button_transformee {
  font-family: Helvetica, sans-serif;
  line-height: 1.6;
  font-size: 14px;
  letter-spacing: 0.1px;
  padding: 7px 10px;
  border: none;
  border-radius: 3px;
  background-color: #DAFBF2;
  color: #145F5F;
}

.fs_etat_button_litige {
  font-family: Helvetica, sans-serif;
  line-height: 1.6;
  font-size: 14px;
  letter-spacing: 0.1px;
  padding: 7px 10px;
  border: none;
  border-radius: 3px;
  background-color: #FCE0AE;
  color: #B47504;
}

.fs_etat_button_annulee {
  font-family: Helvetica, sans-serif;
  color: white;
  line-height: 1.6;
  font-size: 14px;
  letter-spacing: 0.1px;
  padding: 7px 10px;
  border: none;
  border-radius: 3px;
  background-color: #FF8989;
}

.fs_etat_button_approuver {
  font-family: Helvetica, sans-serif;
  color: white;
  line-height: 1.6;
  font-size: 14px;
  letter-spacing: 0.1px;
  padding: 7px 10px;
  border: none;
  cursor: pointer;
  border-radius: 3px;
  background-color: rgb(141, 181, 216);
  transition: background-color 0.5s ease;
}

.fs_etat_button_approuver:hover {
  background-color: #5f85a7;
}

.fa-close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  color:white;
}

#fs-apply-etat, #fs-change-states, #fs-apply-flux, #fs-apply-zone, #fs-apply-etat-t {
  padding: 3px 0;
  width: 140px;
  background-color: #d3d3d3;
  border: none;
  color: #ffffff;
  margin-right: 10px;
  border-radius: 3px;
  cursor: not-allowed;
  transition: background-color 250ms;
  display: block; /* Obligatoire pour que `margin: auto` fonctionne horizontalement */
  margin: 8px auto; /* Centre horizontalement */
}

#fs-apply-etat.show, #fs-change-states.show, #fs-apply-flux.show, #fs-apply-zone.show, #fs-apply-etat-t.show {
  background-color: #69a4ce;
  cursor: pointer;
}

#fs-apply-etat.show:hover, #fs-change-states.show:hover, #fs-apply-flux.show:hover, #fs-apply-zone.show:hover, #fs-apply-etat-t.show:hover {
  background-color: #81b7dd;
}

#fs-apply-delai {
  padding: 5px 0;
  width: 170px;
  background-color: #d3d3d3;
  border: none;
  color: #ffffff;
  border-radius: 3px;
  cursor: not-allowed;
  transition: background-color 250ms;
  display: block; /* Obligatoire pour que `margin: auto` fonctionne horizontalement */
  margin: 5px auto 0;
}

#fs-apply-delai.show {
  background-color: #69a4ce;
  cursor: pointer;
}

#fs-apply-delai.show:hover {
  background-color: #81b7dd;
}

.fs_btn_wrapper {
  display: flex;
  color: #2c2c2c;
  margin-right: 10px;
  padding: 5px 12px;
  border: 1px solid #e1e1e1;
  border-radius: 25px;
  cursor: pointer;
  background-color: #fff;
  transition: border-color 650ms, background-color 650ms;
}

#fs-my-deliveries.blue, #fs-deliveries.blue, #fs-transferts.blue {
    background-color: #9DCAE1;
    border-color: #9DCAE1;
}

.fs_btn_premium_upgrade {
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, #d4af37 0%, #f5de50 100%);
    color: #3c2f00;
    padding: 9px 22px;
    margin-top: 20px;
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(212, 175, 55, 0.4);
    cursor: pointer;
    transition: background 0.7s ease, box-shadow 0.3s ease;
    text-decoration: none;
    font-size: 1rem;
}

.fs_btn_premium_upgrade:hover {
    background: linear-gradient(135deg, #f5de50 0%, #d4af37 100%);
    box-shadow: 0 6px 10px rgba(212, 175, 55, 0.6);
    color: #2c2100;
}


.fs_export_item_btn .fs_button_form_submit {
  padding: 10px 20px;
}


.fs_switch_btn {
  font-size: 14px;
  position: relative;
  display: inline-block;
  width: 50px;
  height: 26px;
  flex-shrink: 0;
}

.fs_switch_btn input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: #cccccc;
  border-radius: 50px;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.slider:before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  left: 1px;
  bottom: 1px;
  background-color: #fff;
  border-radius: inherit;
  transition: all 0.4s cubic-bezier(0.23, 1, 0.320, 1);
}

.fs_switch_btn input:checked + .slider {
  background-color: #4C8BB7;
}

.fs_switch_btn input:checked + .slider:before {
  transform: translateX(24px);
}

.fs-switch-actions button {
  margin-bottom: 0;
}

@media (hover: hover) {
  .fs_btn_wrapper:hover, #fs-charger-plus:not(:disabled):hover, .fs_button_form_submit:hover {
      background-color: #9DCAE1;
      border-color: #9DCAE1;  }

}