/*
#@0
#@1
#@2
#@3
#@4
#@5
#@6
#@7
#@8
#@9
*/
@charset "UTF-8";
/* les styles spécifiques de gamufacture */
@font-face {
  font-family: "devisfacture";
  src: url('https://factures.be05.fr/plugins/devis_factures/font/font/devisfacture.woff2?15671513') format("woff2");
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'devisfacture';
    src: url('https://factures.be05.fr/plugins/devis_factures/font/devisfacture.svg?15671513#devisfacture') format('svg');
  }
}
*/
[class^="df-"]:before, [class*=" df-"]:before {
  font-family: "devisfacture";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.df-lg {
  font-size: 1.5em;
}
/* les utilitaires de devis_factures */
html {
  box-sizing: border-box;
}
*, *::before, *::after {
  box-sizing: inherit;
}
.a_cacher, .js-hidden {
  display: none;
}
.ml-3 {
  margin-left: 1rem;
}
.mr-3 {
  margin-right: 1rem;
}
.mt-3 {
  margin-top: 1rem;
}
.mb-3 {
  margin-top: 1rem;
}
.w50 {
  width: 50%;
}
.w100 {
  width: 100%;
}
.minw400p, .mw400p {
  min-width: 400px;
}
.inline-block {
  display: inline-block;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.gap-1 {
  gap: 0.5rem;
}
.gap-2 {
  gap: 0.75rem;
}
.gap-3 {
  gap: 1rem;
}
.gap-6 {
  gap: 2rem;
}
.flex-grow {
  flex-grow: 1;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.nowrap {
  white-space: nowrap;
}
.item-first {
  order: -100;
}
.item-last {
  order: 100;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-bold {
  font-weight: bold;
}
.pointer {
  cursor: pointer;
}
div.sep {
  margin-top: 3rem;
  margin-bottom: 1rem;
  border-top: 2px solid black;
  width: 100%;
}
.groupe_boutons button:first-child, .menu-type_dossier button:first-child, .liste-actions button:first-child, .groupe_boutons a:first-child, .menu-type_dossier a:first-child, .liste-actions a:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.groupe_boutons span:first-child, .menu-type_dossier span:first-child, .liste-actions span:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.groupe_boutons button:not(:last-child), .menu-type_dossier button:not(:last-child), .liste-actions button:not(:last-child), .groupe_boutons a:not(:last-child), .menu-type_dossier a:not(:last-child), .liste-actions a:not(:last-child) {
  border-right: 1px dotted #000;
}
.groupe_boutons span:not(:last-child), .menu-type_dossier span:not(:last-child), .liste-actions span:not(:last-child) {
  border-right: 1px dotted #000;
}
.groupe_boutons button:last-child, .menu-type_dossier button:last-child, .liste-actions button:last-child, .groupe_boutons a:last-child, .menu-type_dossier a:last-child, .liste-actions a:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.devis_factures-menus {
  display: flex;
  justify-content: space-between;
}
.devis_factures-menus > .menu-type_dossier {
  margin-right: 4rem;
}
.menu-type_dossier {
  display: flex;
}
.menu-type_dossier :last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.menu-type_dossier a.item-type_dossier {
  background-color: #ccc;
  display: inline-block;
  padding: 1rem 1.5rem;
  cursor: pointer;
  user-select: none;
  transition: 0.25s;
  transition-property: box-shadow, background-color, color, border;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
  color: #000000;
  /*border: none;*/
  border-bottom: 2px solid #ccc;
  font-family: inherit;
  font-size: inherit;
  line-height: 1;
  font-weight: bold;
}
.menu-type_dossier a.item-type_dossier:hover, .menu-type_dossier a.item-type_dossier.active {
  background-color: #b1bbc4;
  color: #4e453b;
  border-bottom: 2px solid #4e453b;
}
.menu-type_dossier a.item-type_dossier.alertes {
  background-color: rgba(255, 0, 0, 0.5);
}
i.df-ds, i.df-fs.pf {
  color: #258fd6;
}
i.df-ds::before, i.df-fs.pf::before {
  font-weight: bold !important;
}
i.df-fs.fe, i.df-da {
  color: #239c56;
}
i.df-fs.fe::before, i.df-da::before {
  font-weight: bold !important;
}
i.df-fs.av {
  color: rgba(255, 0, 0, 0.5);
}
i.df-fs.av::before {
  font-weight: bold !important;
}
i.df-md {
  color: rgba(255, 0, 0, 0.5);
  font-weight: bold;
}
.titre-type_dossier, .titregamutable, .titregamutable_deux {
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
  margin: 2rem 0 3rem;
}
.liste-actions {
  display: flex;
}
.liste-actions > a {
  background-color: #ccc;
  display: inline-block;
  padding: 0.8rem 0.8rem;
  cursor: pointer;
  user-select: none;
  transition: 0.25s;
  transition-property: box-shadow, background-color, color, border;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
  color: #000000;
  /*border: none;*/
  border-bottom: 2px solid #ccc;
  font-family: inherit;
  font-size: inherit;
  line-height: 1;
  font-weight: bold;
}
.liste-actions > a:hover, .liste-actions > a.active {
  background-color: #b1bbc4;
  color: #4e453b;
  border-bottom: 2px solid #4e453b;
}
.liste-actions > a img {
  width: 20px;
}
.liste-actions img {
  max-width: 100px;
}
.liste-actions .icone_avoir {
  font-weight: bold;
}
.actions-fs {
  width: 220px;
}
.actions-ds {
  width: 380px;
}
.actions-fe {
  width: 370px;
}
.actions-dx {
  width: 180px;
}
.actions-av {
  width: 160px;
}
th.num_av, th.num_fs, th.numero {
  width: 100px;
  max-width: 100px;
}
th.date, th.date_encaissee {
  width: 120px;
  max-width: 120px;
}
th.reste_a_payer, th.montant_ht, th.montant_ttc {
  width: 150px;
  max-width: 150px;
  min-width: 90px;
}
tfoot th > div {
  justify-content: end;
}
th.client, th.societe {
  width: 250px;
}
th.client {
  min-width: 250px;
}
th.titre {
  min-width: 450px;
}
td:not(.titre, .actions) > div {
  margin-top: 1rem;
}
.devis_factures-fs-gamutable .h2-like {
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  width: 100%;
}
.devis_factures-fs-gamutable .gamutableSep {
  border: 0;
  border-bottom: 3px solid #000000;
  margin: 2rem 0 0;
}
#gestion_transactions #vueGamutable td.id {
  width: 80px;
  max-width: 80px;
}
#gestion_transactions #vueGamutable td.id * {
  display: block;
}
.formulaire_dossier_info .supprimer_dossier_info {
  box-shadow: none;
  background-color: transparent;
  border: none;
}
.formulaire_dossier_info .une_info:hover {
  background-color: #cecece;
  box-shadow: none;
  border: none;
}
.mon_bouton, .gros_bouton, [type="submit"].valider_form, [type="submit"].valider_form.rouge, .formulaire_devis_factures .valider, .formulaire_devis_factures .visualiser_pdf, .formulaire_devis_factures .attribuer_numero, .formulaire_devis_factures .annuler_form {
  padding: 2px 10px;
  font-weight: bold;
  font-size: 1em;
  background-color: #ccc;
  color: #000;
  box-shadow: none;
}
.gros_bouton, [type="submit"].valider_form, [type="submit"].valider_form.rouge {
  padding: 10px 1rem;
}
[type="submit"].valider_form.rouge {
  color: red;
}
.export input#champ_separateur {
  width: 9em;
  text-align: center;
}
.export fieldset.editer {
  border: 0;
  padding: 0;
}
.formulaire_devis_factures {
  width: 100%;
  margin: auto;
}
.formulaire_devis_factures .orange {
  color: orange;
}
.formulaire_devis_factures .blue, .formulaire_devis_factures .bleue {
  color: #258fd6;
}
.formulaire_devis_factures .rouge {
  color: red;
}
.formulaire_devis_factures #num_version {
  font-weight: bold;
  padding: 2px auto;
}
.formulaire_devis_factures .ligne-entete {
  margin: 0 0 2rem;
}
.formulaire_devis_factures .ligne-entete select {
  height: 100%;
}
.formulaire_devis_factures .icone-ca {
  margin-right: -25px;
  z-index: 1;
}
.formulaire_devis_factures select#charge_affaire {
  padding-left: 25px;
}
.formulaire_devis_factures .num_dossier {
  background-color: #258fd6;
  color: #eee;
  font-weight: bold;
  padding: 2px 1rem;
}
.formulaire_devis_factures .editer_date .date {
  box-shadow: 0 0 0 2px red inset;
  font-weight: bold;
  text-align: center;
  color: red;
  height: auto;
}
.formulaire_devis_factures .description_client_dossier legend {
  background-color: transparent;
  font-weight: bold;
  font-size: 2rem;
  border-bottom: 2px solid #000000;
  margin-bottom: 1.5rem;
  line-height: 2rem;
}
.formulaire_devis_factures .description_client_dossier .coordonnees_client, .formulaire_devis_factures .description_client_dossier .descriptif_dossier {
  border: 3px solid #000;
  border-radius: 15px;
  padding: 1rem 2rem;
  background-color: #DDD;
  flex-grow: 1;
}
.formulaire_devis_factures .description_client_dossier .editer_civilite {
  width: 220px;
}
.formulaire_devis_factures .description_client_dossier .editer_telephone {
  width: 220px;
}
.formulaire_devis_factures .description_client_dossier .editer_code_postal {
  width: 120px;
}
.formulaire_devis_factures .description_client_dossier .editer_num_tva {
  width: 320px;
}
.formulaire_devis_factures .description_client_dossier .nom_client {
  width: 500px;
  display: flex;
  align-items: flex-end;
}
.formulaire_devis_factures .description_client_dossier .nom_client .editer_nom {
  flex-grow: 1;
}
.formulaire_devis_factures .description_client_dossier .nom_client .select_client {
  display: inline-block;
  width: 3rem;
  height: 3.4rem;
  line-height: 3rem;
  text-align: center;
  background-color: #ccc;
}
.formulaire_devis_factures .description_client_dossier .editer_email {
  width: 500px;
}
.formulaire_devis_factures .attribuer_numero {
  background-color: rgba(255, 0, 0, 0.5);
  color: #eee;
}
.formulaire_devis_factures .select_version .df-save {
  color: #258fd6;
}
.formulaire_devis_factures .select_version .df-save::before {
  font-weight: bold;
}
.valider_acompte_ou_facturer {
  width: 1200px;
  margin: 5rem auto;
}
.items-ss_menu {
  display: flex;
  gap: 3rem;
  margin-top: 3rem;
}
.items-ss_menu > a {
  display: inline-block;
  font-size: 2rem;
  width: 300px;
  padding: 3rem;
  background-color: #cecece;
  color: #000;
  text-align: center;
}
.item-type_dossier .acronyme {
  display: none;
}
.item-type_dossier .mots {
  display: none;
}
@media (min-width: 768px) {
  .item-type_dossier .acronyme {
    display: contents;
  }
}
@media (min-width: 1440px) {
  .item-type_dossier .acronyme {
    display: none;
  }
  .item-type_dossier .mots {
    display: contents;
  }
}
.df-icon_move {
  cursor: all-scroll;
}
.df-eye {
  cursor: zoom-in;
}
.df-eye-off {
  cursor: zoom-out;
}
.configuration_generale .titre--partie {
  background-color: #ced4da;
  font-weight: bold;
  font-size: 2.5rem;
  padding: 1rem 1rem;
}
.configuration_generale .titre--sous_partie {
  font-weight: bold;
  font-size: 2rem;
  padding: 0.8rem 0;
}
.bloc_rapport {
  border: 2px solid #ddd;
  padding: 10px;
  margin: 10px 0;
}
.titre_config {
  font-weight: bold;
  text-align: center;
  border: 2px solid black;
  background-color: #ced4da;
  margin-bottom: 1rem;
}
#sortable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 2rem 2rem;
}
#sortable li {
  padding: 1rem;
  height: 240px;
  text-align: center;
  border: 1px solid black;
}
tr.titre_poste {
  border-bottom: 2px solid #000;
}
.gestion_modeles th.rang {
  width: 60px;
  cursor: pointer;
}
.gestion_modeles th.icone {
  width: 60px;
}
.gestion_modeles th.titre {
  width: 600px;
}
.gestion_modeles th.qte, .gestion_modeles th.pu, .gestion_modeles th.tva, .gestion_modeles th.unite {
  width: 120px;
}
.df_mon_compte {
  width: 600px;
  margin: auto;
}
.df_mon_compte .comptespip_titre_form {
  text-align: center;
  margin-bottom: 1rem;
}
#app .vs__search::placeholder {
  font-size: 1.5rem;
  font-weight: bold;
}
#app .df-trash {
  color: #d94613;
  cursor: pointer;
}
#app .sortable-handle {
  cursor: pointer;
}
#app .collerRapport {
  margin-left: 3rem;
}
#app .cellule input, #app .cellule textarea {
  margin: 0;
}
#app .sep {
  margin: 0 10px;
}
#app .cacherCouleur {
  color: #f5f5f5;
}
#app .remplacerPlus {
  display: inline-block;
  width: 28px;
}
#app .labelAutre {
  width: 145px;
}
#app .delMateriel {
  width: 28px;
  display: inline-block;
  text-align: center;
}
#app .tvas {
  margin-left: 1rem;
}
#app .tvas label, #app .tvas input {
  margin: 0;
  padding: 0;
}
#app .montants {
  width: 400px;
  display: flex;
  flex-direction: column;
  align-items: end;
  padding-top: 0.8rem;
  /* padding-left: 0.5rem; */
}
#app .montants > div:first-child {
  margin-bottom: 5px;
}
#app .montant {
  margin-left: 5px;
  width: 130px;
  font-weight: bold;
  text-align: right;
}
#app .prix_reel {
  border-top: 2px solid #000;
  padding-top: 5px;
}
#app input.border-black {
  border-color: #000;
}
#app input.prixReel {
  border: 1px solid #000;
}
#app input#debour {
  width: 60px;
}
#app div.table {
  width: 99%;
  margin: 0 auto 1rem;
}
#app div.sous-table_form {
  padding-left: 1rem;
  padding-right: 1px;
}
#app div.ligne {
  width: 100%;
  display: flex;
  margin-bottom: 5px;
  border: 1px solid #cecece;
}
#app div.cellule {
  width: 100%;
  /*font-weight: bold;*/
  padding: 5px 5px;
  text-align: center;
}
#app div.cellule_icone {
  display: flex;
  width: 35px;
  min-width: 35px;
  justify-content: center;
  align-items: center;
}
#app div.obs {
  flex-grow: 1;
  min-width: 200px;
}
#app div.poubelle {
  width: 30px;
  min-width: 30px;
}
#app div.humain {
  width: 100px;
  min-width: 100px;
  text-align: center;
  /* margin-right: 10px; */
}
#app input#humain {
  width: 30px;
}
#app input#taux_horaire {
  width: 25px;
}
#app input#pctdebour {
  width: 15px;
}
#app div.caddie {
  width: 85px;
  min-width: 85px;
  text-align: center;
}
#app div.qte {
  width: 80px;
  min-width: 80px;
}
#app div.unite {
  width: 100px;
  min-width: 100px;
}
#app div.pu {
  width: 90px;
  min-width: 90px;
}
#app div.tva {
  width: 70px;
  min-width: 70px;
}
#app div.remise {
  width: 85px;
  min-width: 85px;
}
#app div.montant {
  width: 150px;
  min-width: 130px;
}
#app div.selectSelect {
  margin-left: 40px;
  width: 646px;
}
#app div.descriptif {
  margin-left: 40px;
}
#app div.desriptif_duree {
  margin-top: 1rem;
  margin-right: 1rem;
}
#app .poste {
  background-color: #aeaeae;
}
#app .recup_poste {
  background-color: #aeaeae;
  border: 1px solid #d44413;
  width: 80%;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px;
}
#app .ghost_rub {
  background-color: red;
}
@media screen and (max-width: 1199px) {
  #app .selectPoste--tva {
    flex-direction: column;
  }
  #app .montant_horaire {
    display: flex;
  }
  #app .labelAutre {
    width: 122px;
  }
}
#app .ghost_article {
  background-color: red;
}
#app .cellule textarea.ligne_obs {
  width: 98%;
  height: 20px;
}
#app input {
  text-align: center;
}
#app .montant input {
  font-weight: bold;
}
#app div.selectSelect {
  margin-bottom: 1.5rem;
  width: 97%;
}