[data-cellid="top_c"][data-page="invoices_list_mobile"][data-cellid="top_c"][data-page="invoices_list_mobile"][data-cellid="top_c"][data-page="invoices_list_mobile"] {
  padding-top: 15px;
}
[data-cellid="grid_cell_icons8"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons8"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons8"][data-page="invoices_list_mobile"] {
  background-color: #f7f7f7;
  border-right: none;
  border-bottom: none;
  font-weight: bold;
  font-size: 20px;
  white-space: nowrap;
}
[data-cellid="grid_headcell_icons"][data-page="invoices_list_mobile"][data-cellid="grid_headcell_icons"][data-page="invoices_list_mobile"][data-cellid="grid_headcell_icons"][data-page="invoices_list_mobile"] {
  background-color: #f7f7f7;
  border-bottom: solid #f7f7f7 1px;
  width: 30px;
}
[data-cellid="grid_footcell_icons"][data-page="invoices_list_mobile"][data-cellid="grid_footcell_icons"][data-page="invoices_list_mobile"][data-cellid="grid_footcell_icons"][data-page="invoices_list_mobile"] {
  background-color: #f7f7f7;
  border: none;
}
[data-cellid="grid_footcell_details"][data-page="invoices_list_mobile"][data-cellid="grid_footcell_details"][data-page="invoices_list_mobile"][data-cellid="grid_footcell_details"][data-page="invoices_list_mobile"] {
  background-color: #f7f7f7;
  border: none;
}
[data-cellid="grid_cell_icons1"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons1"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons1"][data-page="invoices_list_mobile"] {
  background-color: #f7f7f7;
  border-right: none;
  border-bottom: solid #551d38 1px;
  border-top: none;
  font-size: 20px;
  white-space: nowrap;
}
[data-cellid="grid_cell_details4"][data-page="invoices_list_mobile"][data-cellid="grid_cell_details4"][data-page="invoices_list_mobile"][data-cellid="grid_cell_details4"][data-page="invoices_list_mobile"] {
  background-color: #f7f7f7;
  border-top: none;
  border-bottom: none;
  border-left: none;
  border: none;
  white-space: nowrap;
}
[data-cellid="grid_cell_details2"][data-page="invoices_list_mobile"][data-cellid="grid_cell_details2"][data-page="invoices_list_mobile"][data-cellid="grid_cell_details2"][data-page="invoices_list_mobile"] {
  background-color: #f7f7f7;
  border-top: none;
  border-bottom: none;
  border-left: none;
  white-space: nowrap;
  padding-top: 30px;
}
[data-cellid="grid_cell_icons2"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons2"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons2"][data-page="invoices_list_mobile"] {
  background-color: #f7f7f7;
  border-right: none;
  border-bottom: none;
  border-top: none;
  font-size: 18px;
  white-space: nowrap;
}
[data-cellid="grid_cell_icons3"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons3"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons3"][data-page="invoices_list_mobile"] {
  background-color: #f7f7f7;
  border-right: none;
  border-bottom: none;
  border-top: none;
  font-size: 14px;
  white-space: nowrap;
}
[data-cellid="grid_cell_icons7"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons7"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons7"][data-page="invoices_list_mobile"] {
  width: 80%;
  white-space: nowrap;
}
[data-cellid="grid_cell_icons42"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons42"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons42"][data-page="invoices_list_mobile"] {
  font-size: 14px;
  white-space: nowrap;
}
[data-cellid="grid_cell_icons24"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons24"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons24"][data-page="invoices_list_mobile"] {
  font-size: 16px;
  white-space: nowrap;
}
[data-cellid="grid_cell_icons6"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons6"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons6"][data-page="invoices_list_mobile"] {
  font-size: 15px;
  white-space: nowrap;
}
[data-cellid="grid_cell_icons10"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons10"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons10"][data-page="invoices_list_mobile"] {
  background-color: #f7f7f7;
  border-right: none;
  border-bottom: none;
  border-left: none;
  white-space: nowrap;
}
[data-cellid="grid_cell_icons44"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons44"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons44"][data-page="invoices_list_mobile"] {
  font-size: 14px;
  white-space: nowrap;
}
[data-cellid="grid_cell_details1"][data-page="invoices_list_mobile"][data-cellid="grid_cell_details1"][data-page="invoices_list_mobile"][data-cellid="grid_cell_details1"][data-page="invoices_list_mobile"] {
  background-color: #f7f7f7;
  border-top: solid #f7f7f7 1px;
  border-bottom: none;
  border-left: none;
  border-right: none;
  white-space: nowrap;
}
[data-cellid="grid_cell_icons9"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons9"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons9"][data-page="invoices_list_mobile"] {
  background-color: #f7f7f7;
  border: none;
  font-size: 18px;
  white-space: nowrap;
}
[data-cellid="grid_cell_icons25"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons25"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons25"][data-page="invoices_list_mobile"] {
  white-space: nowrap;
}
[data-cellid="grid_cell_icons"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons"][data-page="invoices_list_mobile"] {
  background-color: #f7f7f7;
  border-right: none;
  border-bottom: none;
  border-top: none;
  white-space: nowrap;
}
[data-cellid="grid_cell_icons43"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons43"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons43"][data-page="invoices_list_mobile"] {
  font-size: 14px;
  white-space: nowrap;
}
[data-cellid="grid_cell_icons13"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons13"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons13"][data-page="invoices_list_mobile"] {
  border: none;
  white-space: nowrap;
  padding-left: 150px;
}
[data-cellid="grid_cell_details3"][data-page="invoices_list_mobile"][data-cellid="grid_cell_details3"][data-page="invoices_list_mobile"][data-cellid="grid_cell_details3"][data-page="invoices_list_mobile"] {
  background-color: #f7f7f7;
  border-top: none;
  border-bottom: none;
  border-left: none;
  white-space: nowrap;
  padding-top: 30px;
}
[data-cellid="grid_cell_details6"][data-page="invoices_list_mobile"][data-cellid="grid_cell_details6"][data-page="invoices_list_mobile"][data-cellid="grid_cell_details6"][data-page="invoices_list_mobile"] {
  background-color: #f7f7f7;
  border-top: none;
  border-bottom: none;
  border-left: none;
  white-space: nowrap;
  padding-top: 30px;
}
[data-cellid="grid_cell_icons4"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons4"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons4"][data-page="invoices_list_mobile"] {
  background-color: #f7f7f7;
  border: none;
  font-size: 18px;
  white-space: nowrap;
}
[data-cellid="grid_cell_icons5"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons5"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons5"][data-page="invoices_list_mobile"] {
  background-color: #f7f7f7;
  border: none;
  font-size: 18px;
  white-space: nowrap;
}
[data-page="invoices_list_mobile"][data-itemid="accompte2"] {
  font-size: 18px;
}
[data-page="invoices_list_mobile"][data-itemid="accompte3"] {
  font-size: 18px;
}
[data-page="invoices_list_mobile"][data-itemid="croix1"] > .btn {
  text-shadow: none;
  color: #ff0000;
  font-size: 18px;
}
[data-page="invoices_list_mobile"][data-itemid="daterappel1"] {
  color: #6e6969;
  font-size: 18px;
}
[data-page="invoices_list_mobile"][data-itemid="rappelbox1"] {
  color: #6e6969;
  font-size: 18px;
  padding-left: 2px;
  padding-right: 2px;
}
[data-page="invoices_list_mobile"][data-itemid="bouton_rappel1"] > .btn {
  text-shadow: none;
  color: #6e6969;
  font-size: 18px;
}
[data-page="invoices_list_mobile"][data-itemid="textenumero1"] {
  color: #6e6969;
  font-size: 18px;
}
[data-page="invoices_list_mobile"][data-itemid="joursderetard"] {
  color: #ff0000;
  font-weight: normal;
  font-size: 20px;
}
[data-page="invoices_list_mobile"][data-itemid="bouton_signature"] > .btn {
  background-color: #860707;
  background-image: none;
  text-shadow: none;
  color: #ffffff;
}
[data-page="invoices_list_mobile"][data-itemid="acompte1"] {
  font-size: 18px;
}
[data-page="invoices_list_mobile"][data-itemid="croix2"] > .btn {
  text-shadow: none;
  color: #ff0000;
  font-size: 18px;
}
[data-page="invoices_list_mobile"][data-itemid="daterappel2"] {
  color: #6e6969;
  font-size: 18px;
}
[data-page="invoices_list_mobile"][data-itemid="rappelbox2"] {
  color: #6e6969;
  font-size: 18px;
}
[data-page="invoices_list_mobile"][data-itemid="bouton_rappel2"] > .btn {
  text-shadow: none;
  color: #6e6969;
  font-size: 18px;
}
[data-page="invoices_list_mobile"][data-itemid="textenumero2"] {
  color: #6e6969;
  font-size: 18px;
}
[data-page="invoices_list_mobile"][data-itemid="croix3"] > .btn {
  text-shadow: none;
  color: #ff0000;
  font-size: 18px;
}
[data-page="invoices_list_mobile"][data-itemid="daterappel3"] {
  color: #6e6969;
  font-size: 18px;
}
[data-page="invoices_list_mobile"][data-itemid="rappelbox3"] {
  color: #6e6969;
  font-size: 18px;
}
[data-page="invoices_list_mobile"][data-itemid="bouton_rappel3"] > .btn {
  text-shadow: none;
  color: #6e6969;
  font-size: 18px;
}
[data-page="invoices_list_mobile"][data-itemid="textenumero3"] {
  color: #6e6969;
  font-size: 18px;
}
[data-page="invoices_list_mobile"][data-itemid="bouton_annuler_paye"] > a {
  text-shadow: none;
  color: #ff0000;
  font-size: 20px;
}
[data-page="invoices_list_mobile"][data-itemid="fleche"] {
  font-size: 20px;
}
[data-page="invoices_list_mobile"][data-itemid="custom_button5"] > a {
  text-shadow: none;
  color: #6e6969;
  font-size: 20px;
}
[data-page="invoices_list_mobile"][data-itemid="grid_field14"] {
  font-size: 20px;
}
[data-page="invoices_list_mobile"][data-itemid="paydate"] {
  padding-left: 10px;
  padding-right: 20;
}
[data-page="invoices_list_mobile"][data-itemid="couleur"] {
  font-size: 25px;
}
[data-page="invoices_list_mobile"][data-itemid="button_save_server1"] > a {
  font-size: 25px;
  padding-left: 8px;
}
[data-page="invoices_list_mobile"][data-itemid="button_save_server1"] {
  padding-top: 2px;
}
[data-page="invoices_list_mobile"][data-itemid="button_save_server"] > a {
  font-size: 25px;
  padding-left: 8px;
}
[data-page="invoices_list_mobile"][data-itemid="button_save_server"] {
  padding-top: 2px;
}
[data-page="invoices_list_mobile"][data-itemid="custom_button_paye"] > .btn {
  text-shadow: none;
  color: #ffffff;
}
[data-page="invoices_list_mobile"][data-itemid="lu"] {
  font-size: 25px;
  padding-left: 4px;
}
[data-page="invoices_list_mobile"][data-itemid="gestion_pdf4"] {
  color: #253578;
  font-size: 18px;
}
[data-page="invoices_list_mobile"][data-itemid="gestion_pdf3"] {
  color: #253578;
  font-size: 18px;
}
[data-page="invoices_list_mobile"][data-itemid="gestion_pdf2"] {
  color: #253578;
  font-size: 18px;
}
[data-page="invoices_list_mobile"][data-itemid="gestion_pdf1"] {
  color: #253578;
  font-size: 18px;
}
[data-page="invoices_list_mobile"][data-itemid="gestion_pdf"] {
  color: #253578;
  font-size: 18px;
}
[data-page="invoices_list_mobile"][data-itemid="quittance1"] {
  color: #253578;
  font-size: 18px;
}
[data-page="invoices_list_mobile"][data-itemid="grid_checkbox"] {
  font-size: 30px;
  padding-left: 4px;
}
[data-page="invoices_list_mobile"][data-itemid="qrcodeimg"] > .btn {
  background-color: #ff0000;
  background-image: none;
  text-shadow: none;
  color: #ffffff;
}
[data-page="invoices_list_mobile"][data-itemid="qrcodeimg"] {
  padding-top: 2px;
  padding-bottom: 2px;
}
[data-page="invoices_list_mobile"][data-itemid="file_devis"] > .btn {
  background-color: #253578;
  background-image: none;
  text-shadow: none;
  color: #ffffff;
}
[data-page="invoices_list_mobile"][data-itemid="file_devis"] {
  padding-top: 2px;
  padding-bottom: 2px;
}
[data-page="invoices_list_mobile"][data-itemid="file"] > .btn {
  background-color: #253578;
  background-image: none;
  text-shadow: none;
  color: #ffffff;
}
[data-page="invoices_list_mobile"][data-itemid="sommation_email_pdf"] > .btn {
  background-color: #253578;
  background-image: none;
  text-shadow: none;
  color: #ffffff;
}
[data-page="invoices_list_mobile"][data-itemid="sommation_email_pdf"] {
  padding-top: 2px;
  padding-bottom: 2px;
}
[data-page="invoices_list_mobile"][data-itemid="rappel2_email_pdf"] > .btn {
  background-color: #253578;
  background-image: none;
  text-shadow: none;
  color: #ffffff;
}
[data-page="invoices_list_mobile"][data-itemid="rappel2_email_pdf"] {
  padding-top: 2px;
  padding-bottom: 2px;
}
[data-page="invoices_list_mobile"][data-itemid="rappel1_email_pdf"] > .btn {
  background-color: #253578;
  background-image: none;
  text-shadow: none;
  color: #ffffff;
}
[data-page="invoices_list_mobile"][data-itemid="rappel1_email_pdf"] {
  padding-top: 2px;
  padding-bottom: 2px;
}
[data-page="invoices_list_mobile"][data-itemid="quittance"] > .btn {
  background-color: #253578;
  background-image: none;
  text-shadow: none;
  color: #ffffff;
}
[data-page="invoices_list_mobile"][data-itemid="texte_sommation"] {
  color: #ff0000;
}
[data-page="invoices_list_mobile"][data-itemid="texte_rappel2"] {
  color: #ff0000;
}
[data-page="invoices_list_mobile"][data-itemid="texte_rappel1"] {
  color: #ff0000;
}
[data-page="invoices_list_mobile"][data-itemid="dossier"] {
  font-size: 0px;
  padding-top: 5px;
}
[data-page="invoices_list_mobile"][data-itemid="recurrent"] {
  padding-top: 3px;
}
[data-page="invoices_list_mobile"][data-itemid="symbole"] {
  font-family: "Arial";
}
[data-page="invoices_list_mobile"][data-itemid="grid_field9"] {
  font-weight: bold;
}
[data-page="invoices_list_mobile"][data-itemid="numero_ligne1"] {
  color: #000000;
  padding-bottom: 3px;
}
[data-page="invoices_list_mobile"][data-itemid="grid_field10"] {
  font-weight: bold;
}
[data-page="invoices_list_mobile"][data-itemid="grid_field1"] {
  font-weight: bold;
}
[data-page="invoices_list_mobile"][data-itemid="grid_field12"] {
  font-weight: bold;
}
[data-page="invoices_list_mobile"][data-itemid="grid_edit"] > .btn {
  text-shadow: none;
  color: #6e6969;
}
[data-page="invoices_list_mobile"][data-itemid="facture_original"] > .btn {
  background-color: #860707;
  background-image: none;
  text-shadow: none;
  color: #ffffff;
}
[data-page="invoices_list_mobile"][data-itemid="bouton_copie_facture_devis"] > .btn {
  background-color: #d2d3d5;
  background-image: none;
  text-shadow: none;
  color: #222222;
}
[data-page="invoices_list_mobile"][data-itemid="bouton_copie_devis"] > .btn {
  background-color: #d2d3d5;
  background-image: none;
  text-shadow: none;
  color: #222222;
}
[data-page="invoices_list_mobile"][data-itemid="bouton_copie"] > .btn {
  background-color: #343232;
  background-image: none;
  text-shadow: none;
  color: #ffffff;
}
[data-page="invoices_list_mobile"][data-itemid="text6"] {
  color: #ffffff;
  padding-left: 5px;
  padding-right: 5px;
}
[data-page="invoices_list_mobile"][data-itemid="edit_devis"] > .btn {
  text-shadow: none;
  color: #343232;
}
[data-page="invoices_list_mobile"][data-itemid="edit_facture"] > .btn {
  background-color: transparent;
  text-shadow: none;
  color: #525252;
}
[data-page="invoices_list_mobile"][data-itemid="grid_field3"] {
  color: #0265ff;
  text-decoration: underline;
}
[data-page="invoices_list_mobile"][data-itemid="pays"] {
  font-weight: bold;
}
[data-page="invoices_list_mobile"][data-itemid="grid_field17"] {
  font-weight: bold;
}
[data-page="invoices_list_mobile"][data-itemid="logout_link"] > .btn {
  background-color: #787878;
  background-image: none;
  text-shadow: none;
  color: #ffffff;
}
[data-page="invoices_list_mobile"][data-itemid="notifications"] {
  padding-left: 40px;
}
[data-page="invoices_list_mobile"][data-itemid="devis_pdf"] > .btn {
  background-color: #860707;
  background-image: none;
  text-shadow: none;
  color: #ffffff;
}
[data-page="invoices_list_mobile"][data-itemid="devis_pdf"] {
  padding-top: 2px;
  padding-bottom: 2px;
}
[data-page="invoices_list_mobile"][data-itemid="pdf"] > .btn {
  background-color: #860707;
  background-image: none;
  text-shadow: none;
  color: #ffffff;
}
[data-page="invoices_list_mobile"][data-itemid="pdf"] {
  padding-top: 2px;
  padding-bottom: 2px;
}
[data-page="invoices_list_mobile"][data-itemid="rappel1_pdf"] > .btn {
  background-color: #860707;
  background-image: none;
  text-shadow: none;
  color: #ffffff;
}
[data-page="invoices_list_mobile"][data-itemid="rappel1_pdf"] {
  padding-top: 2px;
  padding-bottom: 2px;
}
[data-page="invoices_list_mobile"][data-itemid="rappel2_pdf"] > .btn {
  background-color: #860707;
  background-image: none;
  text-shadow: none;
  color: #ffffff;
}
[data-page="invoices_list_mobile"][data-itemid="rappel2_pdf"] {
  padding-top: 2px;
  padding-bottom: 2px;
}
[data-page="invoices_list_mobile"][data-itemid="sommation_pdf"] > .btn {
  background-color: #860707;
  background-image: none;
  text-shadow: none;
  color: #ffffff;
}
[data-page="invoices_list_mobile"][data-itemid="sommation_pdf"] {
  padding-top: 2px;
  padding-bottom: 2px;
}
[data-page="invoices_list_mobile"][data-itemid="custom_button6"] > a {
  font-size: 25px;
}
[data-page="invoices_list_mobile"][data-itemid="custom_button6"] {
  padding-top: 2px;
  padding-bottom: 2px;
}
[data-page="invoices_list_mobile"][data-itemid="page_image_ash8f23hr"] {
  width: 400px;
}

/* Put  your custom CSS code here */

[data-cellid="above-grid_c3"][data-page="invoices_list_mobile"][data-cellid="above-grid_c3"][data-page="invoices_list_mobile"][data-cellid="above-grid_c3"][data-page="invoices_list_mobile"] {
  color: red;
}
/* Par défaut (sur les grands écrans, par exemple), vous pouvez avoir une disposition verticale */

.cellule > div {
    display: block; 
}

/* Sur les appareils mobiles, nous utiliserons flexbox pour mettre les champs en horizontal */
@media (max-width: 768px) {
    .cellule {
        display: flex;
        flex-direction: row;  /* direction horizontale */
        justify-content: space-between; /* répartit les champs également */
        flex-wrap: nowrap; /* empêche les éléments de se déplacer à la ligne suivante */
    }
}
/* Put your custom CSS code here */
.table {
  background-color: #f7f7f7 !important; /* Fond de la table entière */
}

[data-cellid="grid_cell_icons2"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons2"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons2"][data-page="invoices_list_mobile"] {
  /* Fond typique blanc ou gris clair */
  background-color: #f5f5f7;

  /* Bordures arrondies */
  border-radius: 10px;

  /* Largeur fixe plus petite que la cellule */
  width: 200px;
  
  /* Centrage dans la cellule */
  margin-left: 10px; /* Position à 20px de la gauche de la cellule parente */
   margin-top: 10px; /* Position à 15px du haut de la cellule parente */
  /* Ombre subtile pour un effet de profondeur */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  
  /* Padding intérieur pour le contenu */
  padding: 7px;

  /* Typographie épurée et moderne */
  color: #333;
  font-size: 16px;

  /* Effet de transition pour les interactions */
  transition: all 0.3s ease;

  /* Pour que margin:auto fonctionne */
  display: block;
}

/* Pseudo-élément pour ajouter un titre */
[data-cellid="grid_cell_icons2"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons2"][data-page="invoices_list_mobile"][data-cellid="grid_cell_icons2"][data-page="invoices_list_mobile"]::before {
  content: "Acompte"; /* Le texte du titre */
  display: block; /* Permet d'appliquer des marges */
  font-size: 11px; /* Taille du titre */
  font-weight: bold; /* Rendre le titre gras */
  margin-top: -5px; /* Réduction de la marge supérieure pour moins d'espace */
  margin-bottom: 1px; /* Réduction de la marge inférieure */
  text-align: center; /* Centrer le titre */
}
/* Put  your custom CSS code here */

[data-page="invoices_list_mobile"][data-itemid="rappelbox1"] {
  transform: scale(1.5); /* Agrandit la case à cocher */
  /* Vous pouvez également ajouter d'autres styles pour personnaliser l'apparence */
  /* Par exemple : */
  /* margin-right: 10px; */
  /* border: 2px solid #000; */
  /* background-color: #f0f0f0; */

}

/* Put  your custom CSS code here */

[data-page="invoices_list_mobile"][data-itemid="rappelbox2"] {
  transform: scale(1.5); /* Agrandit la case à cocher */
  /* Vous pouvez également ajouter d'autres styles pour personnaliser l'apparence */
  /* Par exemple : */
  /* margin-right: 10px; */
  /* border: 2px solid #000; */
  /* background-color: #f0f0f0; */

}
/* Put  your custom CSS code here */
[data-page="invoices_list_mobile"][data-itemid="rappelbox3"] {
  transform: scale(1.5); /* Agrandit la case à cocher */
  /* Vous pouvez également ajouter d'autres styles pour personnaliser l'apparence */
  /* Par exemple : */
  /* margin-right: 10px; */
  /* border: 2px solid #000; */
  /* background-color: #f0f0f0; */

}
.orange-circle {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: orange;
  display: inline-block;
}
.rouge-circle {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: red;
  display: inline-block;
}

.green-circle {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #41d167;
  display: inline-block;
}
/* Put  your custom CSS code here */

[data-page="invoices_list_mobile"][data-itemid="grid_checkbox"] {
  transform: scale(1.5); /* Agrandit la case à cocher */
  /* Vous pouvez également ajouter d'autres styles pour personnaliser l'apparence */
  /* Par exemple : */
  /* margin-right: 10px; */
  /* border: 2px solid #000; */
  /* background-color: #f0f0f0; */

}

 input[name="ctlSearchFor1"] {
        font-size: 25px; /* Taille de police plus grande pour une meilleure lisibilité */
        padding: 10px;  /* Plus de padding pour un meilleur toucher */
        width: 100%;    /* Utiliser toute la largeur disponible */
        height: 50px;   /* Hauteur augmentée pour une meilleure visibilité */
    }
        .suggest_link {
        font-size: 25px; /* Augmente la taille de la police */
        padding: 10px;   /* Ajoute du padding pour un toucher plus confortable */
        height: auto;    /* Ajuste la hauteur automatiquement en fonction du contenu et du padding */
        /* Vous pouvez aussi ajouter d'autres propriétés si nécessaire */
    }
       .btn.btn-primary {
        font-size: 18px; /* Augmente la taille de la police */
        padding: 11px 20px; /* Augmente le padding pour un bouton plus grand */
        
    }
  
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px;
    font-size: 18px;
    padding: 11px 20px; /* Augmente le padding pour un bouton plus grand */
    
}

     
  

.loader-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.loader {
  border: 5px solid #f3f3f3; /* Couleur de fond */
  border-top: 5px solid royalblue; /* Couleur du cercle */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 2s linear infinite;
  margin-bottom: 20px; /* Espace entre le loader et le texte */
}
/* Autres styles que vous avez fournis */
.commentaire   { width: 500px; height: 70px; }
.address      { width: 350px; height: 29px; }
.co           { width: 143px; height: 29px; }
.nomsociete   { width: 250px; height: 29px; }
.telprof      { width: 210px; height: 29px; }
.prive        { width: 210px; height: 29px; }
.fax          { width: 210px; height: 29px; }
.name         { width: 143px; height: 29px; }
.prenom       { width: 143px; height: 29px; }
.codepostal   { width: 100px; height: 29px; }
.localite     { width: 180px; height: 29px; }
.pays         { width: 160px; height: 29px; }
.numero       { width: 180px; height: 29px; }
.natel        { width: 210px; height: 29px; }
.email        { width: 280px; height: 29px; }
.appelation   { width: 250px; height: 34px; }

/* Styles pour les icônes */
.fa-th-list::before {
  content: "\f00b";
  color: yellow;
}
.fa.fa-vcard-o::before {
  color: #FFA903;
}
.glyphicon-list-alt::before {
  content: "\e032";
  color: #58A6EC;
}
.fa.fa-trash-o::before {
  content: "\f2ed";
  color: #DF1E1E;
}
.fa-gear::before, .fa-cog::before {
  content: "\f013";
  color: #00BF1B;
}
.fa.fa-keyboard-o::before {
  content: "\f11c";
  color: #73848E;
}

/* Autres styles CSS pour le corps de la page */
table {
  border: none;
}
body {
  background-color: #f2f2f2;
  background-image: linear-gradient(to bottom right, #ffffff 25%, #f2f2f2 25%, #f2f2f2 50%, #ffffff 50%, #ffffff 75%, #f2f2f2 75%);
  background-size: 5px 5px;
}

/* Styles spécifiques aux petits écrans (moins de 480px de largeur) */

  /* Réglez la largeur de ces éléments à 100% pour utiliser toute la largeur disponible */
  .commentaire, 
  .address, 
  .co, 
  .nomsociete, 
  .telprof, 
  .prive, 
  .fax, 
  .name, 
  .prenom, 
  .codepostal, 
  .localite, 
  .pays, 
  .numero, 
  .natel, 
  .email, 
  .appelation {
    width: 100%;
  }

 
  /* Ajustements pour les icônes ou autres éléments si nécessaire */
  .fa-th-list::before, .fa.fa-vcard-o::before, .glyphicon-list-alt::before, .fa.fa-trash-o::before, .fa-gear::before, .fa-cog::before, .fa.fa-keyboard-o::before {
    /* Ajustements pour les icônes sur les petits écrans */
  }




@media (max-width: 480px) {
    



    /* Ajustements pour les icônes ou autres éléments si nécessaire */
    .fa-th-list::before, .fa.fa-vcard-o::before, .glyphicon-list-alt::before, .fa.fa-trash-o::before, .fa-gear::before, .fa-cog::before, .fa.fa-keyboard-o::before {
        /* Ajustements pour les icônes sur les petits écrans */
    }

    /* Autres ajustements CSS pour les petits écrans */
} 
  






  .swal2-input {
    max-width: 80%; /* Vous pouvez ajuster la valeur en fonction de vos besoins */

    

  }
      


  /* Réduire la largeur maximale du textarea dans l'alerte Swal */
  .swal2-textarea {
    max-width: 80%; /* Vous pouvez ajuster la valeur en fonction de vos besoins */
  }