/***** Découpage Interface *****/

/* .tdbsa-main-container{
    display: flex; 
} */


.navigation-tdbsa {
  min-width: 150px;
  width: 10%;
  transition: all 0.3s ease;
  background-color: #003e5d;
  min-height: 100vh;
}

.colonne-principale {
  min-width: 600px;
  padding: 10px;
  box-sizing: border-box;
  width: 88%;

}

#tdbsa-full-width {
  padding: 0;
  max-width: inherit;
  overflow-x: scroll;
}

/***** NAVIGATION *****/

.cadre-super-agent {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #21acb1;
  color: white;
  font-weight: bold;
  padding: 10px;
}

#right-panel {
  margin-top: 0 !important;
}

header,
footer {
  display: none !important;
}

.page-full-width {
  min-height: 100vh;
}





.navigation-tdbsa a:hover {
  background-color: #21acb1;
  color: white;
}


/* .nav-activite{
    background-color: ;
} */


/***** FIN NAVIGATION *****/

/***** NOTIFICATION *****/

.container-notification {
  border: 1px solid #003e5d;
  border-radius: 10px;
  width: 600px;
  margin: 10px auto;
  overflow: hidden;
  background: white;
}

.container-notification h3 {
  width: 100%;
  text-align: center;
  padding: 10px;
  font-size: 16px;
  color: white;
  background-color: #003e5d;
  text-transform: uppercase;
}

.container-notification-agent {
  display: flex;
  align-items: center;
  padding: 10px;
  justify-content: space-between;
  border-bottom: 1px solid lightgray;
}


.notification-photo-agent {
  display: flex;
  align-items: center;

}

.notification-photo-agent b {
  font-size: 12px;
}

.notification-photo-agent img {
  padding-right: 5px;
}

.notification-type {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  padding: 0 5px;
}

.notification-action {
  display: flex;
  flex-direction: column;
  padding: 0 5px;
}

.notification-action a,
.notification-action button {
  padding: 5px;
  color: inherit;
  background: transparent;
  width: auto;
}

.resume-notification {
  width: 300px;
  margin: 0 auto;
  transition: box-shadow 0.3s ease;
}

.resume-notification:hover {
  cursor: pointer;
  box-shadow: 0px 0px 5px 2px#21acb1;
}

.resume-notification h3 {
  color: white;
  background-color: #003e5d;
  text-transform: uppercase;
  font-size: 18px;
  padding: 10px;
  margin-bottom: 0px;
}

.resume-notification div {
  background: white;
  padding: 15px;
  text-align: center;
}



/***** FIN NOTIFICATION *****/

.container-actions {
  display: flex;
  justify-content: space-between;
}

.container-equipe-agents {
  display: flex;
  flex-direction: column;
}

.header-tableau-vue-ensemble {
  padding: 10px;
  display: flex;
  font-weight: bold;
  justify-content: space-between;
  align-items: baseline;
  text-transform: uppercase;
  text-align: center;
  background: white;
}

.header-type-devis {
  display: flex;
  flex-direction: column;
  /* align-items: center; */
}




.container-type-devis {
  display: flex;
  justify-content: center;
}

.couleur-type-devis-brouillon,
.couleur-type-devis-envoye,
.couleur-type-devis-lu,
.couleur-type-devis-accepte,
.couleur-type-devis-acompte,
.couleur-type-devis-partiellement-facture,
.couleur-type-facture-brouillon,
.couleur-type-facture-a-regler,
.couleur-type-facture-payee,
.couleur-type-facture-retard,
.couleur-type-facture-annulee,
.couleur-type-facture-partiellement-payee,
.couleur-type-facture-solde {
  font-weight: 600;
}

.couleur-type-devis-brouillon,
.couleur-type-facture-brouillon {
  color: #464646;
}

.couleur-type-devis-envoye,
.couleur-type-facture-a-regler {
  color: #df441d;
}

.couleur-type-devis-lu,
.couleur-type-facture-payee {
  color: #176d0c;
}

.couleur-type-devis-acompte,
.couleur-type-facture-solde {
  color: #F3AB56;
}

.couleur-type-devis-accepte {
  color: #7ac6d8;
}

.couleur-type-devis-partiellement-facture,
.couleur-type-facture-partiellement-payee {
  color: #1A79CE;
}

.couleur-type-facture-retard {
  color: darkred;
}

.couleur-type-facture-annulee {
  color: #868686;
}


.container-agent-indirect {
  max-height: 0px;
  transition: all 0.5s ease;
  overflow: hidden;
  background-color: moccasin;

}

.show-equipe {
  max-height: 1500px;
}


.inner-container-agent,
.inner-container-agent-indirect {
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  text-align: center;
}

.inner-container-agent:nth-of-type(odd) {
  background-color: #fbfbfb;
}

.inner-container-agent img,
.inner-container-agent-indirect img {
  width: 50px;
  height: auto;
}

.equipe-nom-agent {
  font-weight: bold;
}

.equipe-agent-devis,
.equipe-agent-recrutement-reussi {
  font-weight: bold;
  text-align: center;
  display: flex;
  text-align: center;
}


.container-liens {
  display: flex;
  flex-direction: column;
}

#fourchette-date-facture {
  /* display:flex; */
  /* justify-content: space-between; */
  /* align-items: center; */
  margin: 5px auto;
  width: 700px;

}

.resultats-recherche {
  padding: 20px;
  margin: 10px auto;
  width: 100%;
}

.actions,
.commission {
  display: flex;
  font-weight: bold;
  flex-direction: column;
}

.actions a {
  color: #e26f38;
  transition: all 0.3s ease-out;
}

.actions a:hover {
  color: #003e5d;
}

.commission {
  color: cornflowerblue;
}

.telecharger-releve {
  display: block;
  width: 470px;
  text-align: center;
  padding: 15px;
  margin: 10px auto;
  font-size: 1rem;
  text-transform: uppercase;
  border: 2px solid #e26f38;
  color: #e26f38;
  transition: all 0.3s ease-out;
  font-weight: 600;
  background-color: white;
}

.telecharger-releve:hover {
  background-color: #e26f38;
  color: white;
}

.titre-tableau-commission h2 {
  font-size: 2rem;
}


/******* SINGLE AGENT ********/

.tdbsa-container-header-single-agent {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  border: 1px solid rgba(0, 0, 0, 0.11);

}

.tdbsa-container-infos-agent {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 15%;
  background-color: white;
  border-radius: 5px 0px 0px 5px;
}

.tdbsa-container-infos-agent img {
  padding: 10px;
}

.tdbsa-container-infos-agent .nom-agent {
  font-weight: bold;
  font-size: 1.2rem;
  padding: 5px 0px;
  background-color: rgba(0, 0, 0, 0.11);
  width: 100%;
  text-align: center;
  border-radius: 0px 0px 0px 5px;
}

.tdbsa-container-activite-agent {
  display: flex;
  /* align-items: center; */
  justify-content: space-evenly;
  width: 85%;
  flex-wrap: wrap;
  background-color: white;
}

.tdbsa-container-activite-agent .titre-recapitulatif {
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
}


.tdbsa-inner-header-container-devis,
.tdbsa-inner-header-container-facture {
  background-color: gray;
  color: white
}

.tdbsa-inner-header-container-devis,
.tdbsa-inner-container-devis,
.tdbsa-inner-header-container-facture,
.tdbsa-inner-container-facture {
  display: flex;
  justify-content: space-between;
}

.tdbsa-inner-container-devis:nth-child(odd),
.tdbsa-inner-container-facture:nth-child(odd) {
  background-color: #fbfbfb;
}

.tdbsa-inner-header-container-devis,
.tdbsa-inner-header-container-facture {
  font-weight: bold;
}

.tdbsa-inner-header-container-devis div,
.tdbsa-inner-container-devis div,
.tdbsa-inner-header-container-facture div,
.tdbsa-inner-container-facture div {
  flex: 1;
  border: 1px solid rgba(0, 0, 0, 0.11);
  border-collapse: collapse;
  padding: 5px;

}

.tdbsa-header-title-devis,
.tdbsa-header-title-facture {
  padding: 10px;
  font-size: 2rem;
  text-align: center;
  margin-top: 10px;
  color: white;
}

.tdbsa-header-title-devis {
  background-color: #A280D6;
}

.tdbsa-header-title-facture {
  background-color: #e26f38;
}

/***** TABLEAU COMMISSION *****/

.titre-tableau-commission,
.titre-vue-ensemble {
  padding: 15px;
  font-size: 1.2rem;
  text-transform: uppercase;
  background-color: #003e5d;
  color: white;
  text-align: center;
  font-weight: bold;
}

.resume-tableau-commission {
  padding: 20px;
  font-size: 1.2rem;
}

.pourcentage-commission {
  color: gray;
  font-weight: bold;
}

.container-factures-commission {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}

.inner-header-container-factures-commission {
  background: gray;
  color: white;
  padding: 10px;
  display: flex;
  width: 100%;
}

.inner-container-factures-commission {
  display: flex;
  padding: 10px;
  border: 1px solid black;
  width: 100%;
  text-align: center;
}

.niveau-retrocommission {
  padding: 10px;
  text-transform: uppercase;
  background-color: #e26f38;
  color: white;
  text-align: center;
}

#formMoisChoisi select,
#recherche-mon-activite select {
  padding: 10px;
  border: none;
  border-left: 3px solid #003e5d;
  flex: auto;
  font-weight: bold;
}

#formMoisChoisi button,
#recherche-mon-activite button {
  background-color: #e26f38;
  padding: 10px;
  border-radius: 5px;
  color: white;
  border: none;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
}

#recherche-mon-activite {
  width: 1000px;
  margin: 15px auto;
  display: flex;

}

#recherche-mon-activite label {
  font-weight: bold;
  color: #003e5d;
  width: 100%;
  margin-bottom: 0;
}


.inner-recherche-mon-activite {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
}

/***** PAGE GRAPHIQUE *****/

.main-container-graphique {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: center;
  max-width: 1000px;
  margin: 30px auto;
  border-top: 1px solid gray;
  padding-top: 20px;
}

.container-graphique {
  display: flex;
  width: 100%;
  align-items: center;
  margin: 20px 0;
}

.container-legende-graphique {
  padding: 20px;
}

.container-equipe-agent {
  display: flex;
  flex-wrap: wrap;
  /* align-items: center; */
  justify-content: center;
}

.colonne-principale h3 {
  text-align: center;
}

.container-agents {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  text-align: center;
}

.secteur-geographique-agent {
  color: #008f95;
}

.secteur-activite {
  text-transform: uppercase;
  color: #003e5d;
  font-size: 10px;
  font-weight: 600;
}

#container-graphique-personnel canvas,
#container-graphique-equipe canvas {
  display: none;
}

.buddyboss-select {
  min-width: auto !important;
}

.buddyboss-select-inner {
  color: #003E5D !important;
  border-color: #003e5d !important;
}

.hide {
  display: none;
}

#choixAnnee {
  width: 75px !important;
}

.inner-container-canvas {
  position: relative;
}

.chargement-graphique {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  width: 100%;
  min-height: 500px;
  background-color: rgba(196, 196, 196, 1);
  font-size: 3rem;
  color: white;
  font-weight: bold;
  text-shadow: 1px 1px 1px black;
}

#formMoisChoisi {
  width: 400px;
  margin: 20px auto;
}

/**** Outil Recherche Client ****/

.titre,
.consigne {
  width: 800px;
  margin: 0px auto;
}

.titre {
  margin-top: 50px;
  font-weight: bold;
  color: #e26f38;
  text-align: center;

}

.consigne {
  margin: 15px auto 30px auto;
  color: #003e5d;
}

#formulaireRechercheClient {
  width: 800px;
  margin: 0 auto;
  display: flex;
}

#formulaireRechercheClient #rechercheClient {
  width: 70%;
  padding: 10px;
  border: 1px solid #cccccc;
  border-right: inherit;
  border-radius: 5px 0px 0px 5px;
}

#formulaireRechercheClient button {
  padding: 10px;
  border-radius: 0px 5px 5px 0;
  width: 30%;
  border: none;
  background-color: #e26f38;
  color: white;
  transition: all 0.3s ease-out;
}

#formulaireRechercheClient button:hover {
  box-shadow: inset 0 0 1000px rgb(0 0 0 / 15%);
}

.resultats-recherche,
.container-resultat-recherche,
.container-entete-resultat-recherche,
.container-infos-resultat-recherche {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.resultats-recherche {
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
}

.container-entete-resultat-recherche,
.container-resultat-recherche,
.container-infos-resultat-recherche {
  width: 100%;
}

.nom-entreprise {
  width: 45%;
}

.nom-referent,
.numero-referent {
  width: 20%;
}

.container-infos-resultat-recherche .client {
  color: #e26f38;
}

.container-infos-resultat-recherche .prospection {
  color: #a9a93c;
}


.codepostal-entreprise {
  width: 15%
}

.container-entete-resultat-recherche {
  padding: 15px;
  background-color: #003E5D;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
}

.container-infos-resultat-recherche {
  padding: 15px;
}

.container-infos-resultat-recherche:nth-child(odd) {
  background-color: #ebebeb;
}


/**** MLM ****/


.mentor-bold {
  font-weight: 600;
}

.niveau-0,
.niveau-1,
.niveau-2,
.niveau-3,
.niveau-4,
.niveau-5,
.niveau-6,
.niveau-7 {
  padding: 10px;
  color: white;
  margin-bottom: 10px;
  width: 400px;
  font-weight: 600;
  border-radius: 0 20px 20px 0;
}

.niveau-0 {
  margin-left: 0;
  background-color: #e26f38;
}

.niveau-1 {
  margin-left: 40px;
  background-color: #003e5d;
}

.niveau-2 {
  margin-left: 80px;
  background-color: #387903;
}

.niveau-3 {
  margin-left: 120px;
  background-color: #6606e4;
}

.niveau-4 {
  margin-left: 160px;
  background-color: #8f058f;
}

.niveau-5 {
  margin-left: 200px;
  background-color: #8f050e;
}

.niveau-6 {
  margin-left: 240px;
  background-color: #058f68;
}

.niveau-7 {
  margin-left: 280px;
  background-color: #8a8f05;
}


.container-html>div {
  display: flex;
  justify-content: space-between;
}

.container-html span {
  color: white;
}

/*** PAGE MON ACTIVITE ***/

.tdbsa-mon-activite-element {
  /* display: flex;
    flex-wrap: wrap; */
  margin-bottom: 40px;
}


.part-facture,
.part-devis,
.part-avoir,
.part-echeance {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

}

.part-devis .entete-part-devis>div,
.part-facture .entete-part-facture>div,
.content-part-facture>div,
.content-part-devis>div,
.part-avoir .entete-part-avoir>div,
.content-part-avoir>div,
.part-echeance .entete-part-echeance>div,
.content-part-echeance>div {
  border: 1px dotted rgba(0, 0, 0, 0.11);
  border-bottom: 1px solid rgb(80, 80, 80);

  border-collapse: collapse;
  padding: 8px 25px;
  flex: 1;
}

.entete-part-facture,
.entete-part-devis,
.entete-part-avoir,
.entete-part-echeance {
  width: 100%;
  display: flex;
  justify-content: space-between;
  background-color: rgb(80, 80, 80);
  color: white;
}

.entete-part-facture {
  background-color: #e26f38;
}

.entete-part-avoir {
  background-color: #9e9d9d;
}

.entete-part-echeance {
  background-color: #003e5d;
}

.content-part-facture,
.content-part-devis,
.content-part-avoir,
.content-part-echeance {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.part-echeance {
  display: none;
  overflow: hidden;
}

.container-liste-echeances {
  width: 100%;
}

div.afficher-echeances {
  font-size: 0.8rem;
  color: #003e5d;
  cursor: pointer;
  transition: all 0.3s ease-out;
}

div.afficher-echeances:hover {
  color: rgb(235, 26, 207);

}





/*** TEMP ****/

.container-temp-home {
  max-width: 1000px;
  margin: 50px auto 0 auto;
  display: flex;
  flex-wrap: wrap;
}


.container-temp-home a {
  text-align: center;
  text-transform: uppercase;
  font-size: 1.2rem;
  padding: 20px;
  margin: 10px;
  min-width: 300px;
  border: 2px solid #e26f38;
  color: #e26f38;
  transition: all 0.3s ease-out;
}

.container-temp-home a:hover {
  padding: 20px;
  min-width: 300px;
  background-color: #e26f38;
  color: white;
}

/*** FIN TEMPS ***/

/*** RELEVES MENTOR ***/

.commissions {
  text-align: center;
  width: 60%;
  margin: auto;
}

.commissions h3 {
  color: #e26f38;
  font-size: 1em;
  margin-bottom: 1em;
  margin-top: 2em;
  padding: 0.5em;
  text-transform: uppercase;
  font-weight: 800;
}

div.commissions-par-mois {
  border-top: thin solid #e26f38;
  margin: 2em auto;
}

div.commissions-par-mois:last-of-type {
  border-bottom: thin solid #e26f38;
}

.commission a {
  color: #003e5d;
}

.item-navigation-tdbsa form {
  color: white;
  font-size: small;
  padding: 0.5em;
}

p.alias-consultant {
  font-size: small;
  color: white;
  padding: auto 0.5em;
  margin: 0.5em;
}

.item-navigation-tdbsa form button {
  margin: 0.3em auto;
  width: 100%;
  background-color: #008f95;
  color: white;
  border: none;
  border-radius: 6px;
}

.item-navigation-tdbsa form input {
  width: 100%;
}

.alias-consultant span {
  font-weight: 600;
  color: #008f95;
}

h3.total-mois-releves {
  border: none;
  font-weight: normal;
  font-size: small;
}

span.montant-releve {
  font-weight: bold;
}

table.tableau-commissions-mentor {
  margin-left: 45%;
  margin-bottom: 0.5em;
  text-align: left;
}

table.tableau-releves-commission {
  text-align: left;
  width: 100%;
}

.tableau-releves-commission tr:nth-child(odd) {
  background-color: #003e5d1f;
}

.tableau-releves-commission td:first-of-type {
  width: 30%;
}

.tableau-releves-commission td {
  padding-left: 1em;
}

.tableau-releves-commission td.dix {
  width: 15%;
  padding-right: 5%;
  text-align: right;
}

.tableau-releves-commission td.secondaire {
  font-size: smaller;
  color: grey;
}

.tableau-releves-commission thead {
  border-bottom: thick solid white;
}

.tableau-releves-commission th {
  padding-left: 1em;
  font-size: small;
  font-weight: 600;
}

.tableau-releves-commission th:last-of-type {
  padding-left: 0;
  text-align: center;
}


/*** FIN RELEVES MENTOR ***/

/*** PARTAGE COMMISSION ***/

.partage-commission-recruteur,
.partage-commission-admin {
  position: relative;
  padding: 0;
  margin-left: 160px !important;

}

.partage-commission-recruteur h1,
.partage-commission-admin h1 {
  font-weight: bold;
  margin-bottom: 50px;
  color: #003E5D;
  background-color: white;
  position: absolute;
  top: 0;
  width: 100%;
  height: 141px;
  padding: 50px;
}

#intro-partage-commission {
  margin-bottom: 50px;
  font-size: 16px;
  padding: 20px 20px 20px 50px;
  margin-top: 150px;
  font-weight: 600;
  width: 60%;
}

.liste-devis-entete-large {
  width: 15% !important;
}

.liste-devis-entete-etroit {
  width: 5% !important;
  font-size: 15px;
}

.boutons-action-partage-commission {
  display: flex;
  justify-content: space-around;
  margin: auto;

}

.boutons-action-partage-commission a,
#table-liste-devis-partage-commission a {
  color: #db6a2aff;
  font-weight: 600;
  cursor: pointer;
}

#table-liste-devis-partage-commission {
  width: 100%;
  margin: auto;
  font-size: 12px;
  font-weight: bold;
  display: block;
  margin-left: 50px;
}

#table-liste-devis-partage-commission td {
  padding: 5px;
  text-align: left;
  width: 10%;
}

#table-liste-devis-partage-commission thead {
  background-color: transparent;
}

#table-liste-devis-partage-commission th,
#table-liste-devis-partage-commission td {
  vertical-align: top;
  padding: 15px 10px 15px 20px;

}

/* #table-liste-devis-partage-commission tr:hover {
    background-color: red !important;
} */

#table-liste-devis-partage-commission .partage-commission-detail-devis-row {
  transition: all 0.3s ease-out;
}

#table-liste-devis-partage-commission .partage-commission-detail-devis-row.selected {
  background-color: #db6a2a !important;
}

#table-liste-devis-partage-commission .partage-commission-detail-devis-row.selected .table-liste-devis-partage-commission__devis a {
  color: white;
}

#table-liste-devis-partage-commission .partage-commission-detail-devis-row.selected:hover {
  background-color: #db6a2a;
}

#table-liste-devis-partage-commission tr,
#table-liste-devis-partage-commission thead {
  border-top: 2px solid #f2f2f2;
  border-bottom: 2px solid #f2f2f2;
}


#table-liste-devis-partage-commission tr td.table-liste-devis-partage-commission__devis {
  vertical-align: middle;
}

#table-liste-devis-partage-commission tr td {
  border-right: 2px solid #f2f2f2;
  vertical-align: middle;
}

#table-liste-devis-partage-commission tr td.table-liste-devis-partage-commission__montantHT {
  text-align: center;
  width: 7%;
}

.montant-avoir {
  font-size: 0.75rem;
  color: #003E5D;
}


#table-liste-devis-partage-commission th {
  background-color: #003E5D;
  color: white;
  border-right: 2px solid #184f6cff;
  border-top: 2px solid #003E5D;
  border-bottom: 2px solid #f2f2f2;
  vertical-align: middle;
}

#table-liste-devis-partage-commission .partage-commission-detail-devis-row:nth-child(even) {
  background-color: #c9c9c9;
}


#table-liste-devis-partage-commission .partage-commission-detail-devis-row:hover {
  /* box-shadow: inset 0px 0px 10px 0px #aaa8a8; */
  background-color: #eb5d0b70;
  cursor: pointer;
}

#table-liste-devis-partage-commission .formulaire-modif-commission {
  background-color: white;
}

/* #table-liste-devis-partage-commission td[id^='liste-beneficiaires-partage-'] {
    width: 350px;
} */


#table-liste-devis-partage-commission .table-liste-devis-partage-commission__nom-societe {
  width: 20%;
}

#table-liste-devis-partage-commission .beneficiaire-partage-unique {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

#table-liste-devis-partage-commission .beneficiaire-partage-unique span:nth-child(1) {
  width: 50%;
}

#table-liste-devis-partage-commission .beneficiaire-partage-unique span:nth-child(2) {
  width: 25%;
  text-align: right;
}

#table-liste-devis-partage-commission .beneficiaire-partage-unique span:nth-child(3) {
  width: 25%;
  text-align: right;
}

/* #table-liste-devis-partage-commission th:last-of-type {
    background-color: transparent;
    border-right: none;
    border-top: none;
} */

.formulaire_ajout_partage,
.formulaire_modif_partage {

  background-color: white;
}

td#formulaire-modif {
  background-color: white;
  box-shadow: inset 0 4px 30px -15px rgb(165 165 165 / 79%);
  border-right: 2px solid #db6a2aff !important;
  border-left: 2px solid #db6a2aff;
  border-bottom: 2px solid #db6a2aff;
}

td#formulaire-modif .succes {
  background-color: #176d0c;
  color: white;
  padding: 10px;
  text-align: center;
  font-size: 1.2rem;
  width: 600px;
  margin: 0 auto;
}


.formulaire_ajout_partage div,
.formulaire_modif_partage div {
  display: flex;
  margin-bottom: 10px;
  align-items: baseline;

}

.formulaire_ajout_partage div label,
.formulaire_modif_partage div label {
  margin-right: 10px;
}




.boutons-formulaire {
  display: flex;
  justify-content: flex-end;
  padding-right: 50px;
  margin-top: 20px;
}

.boutons-formulaire button,
.formulaire-modif__retirer-partage,
.formulaire-ajout__retirer-partage,
#admin-select-recruteur button,
#form-admin-choix-client button {
  width: fit-content;
  margin: 10px;
  color: white;
  border-radius: 5px;
  font-weight: bold;
  border: none;
  padding: 10px 20px;
}

.boutons-formulaire__ajouter-formulaire i {
  color: #008f95;
  margin-right: 10px;
}

.boutons-formulaire__ajouter-formulaire {
  background-color: #003E5D;
}

.boutons-formulaire__submit {
  background-color: #008f95;
}

.boutons-formulaire__fermer-ajout {
  background-color: #953b09ff;
}

.boutons-formulaire__fermer-ajout i {
  color: #db6a2aff;
  margin-left: 10px;
}

#form-admin-choix-client button {
  background-color: transparent;
  border: thin solid #003E5D;
  color: #003E5D;
  padding: 5px 20px;
}

.formulaire-modif__retirer-partage,
.formulaire-ajout__retirer-partage {
  background-color: transparent;
  border: thin solid #db6a2aff;
  color: #db6a2aff;
  margin: auto;
  padding: 5px 25px;
  border-radius: 5px;
}

.form-partage-row {
  display: flex;
  flex-direction: row;
  padding: 10px 0;
  font-size: 16px;
}


.form-partage-row-entete .form-partage-nom-beneficiaire,
.form-partage-row-entete .form-partage-pourcentage-beneficiaire {
  font-weight: bold;
}

.form-partage-row div {
  display: flex;
  width: 33%;
}



.form-partage-pourcentage-beneficiaire,
.form-partage-nom-beneficiaire {
  text-align: left;
  font-weight: bold;
}

.form-partage-nom-beneficiaire input {
  width: 300px;
  border: 1px solid #db6a2aff;
  padding: 5px 10px;
  border-radius: 5px;
}

.form-partage-pourcentage-beneficiaire input {
  border-radius: 3px;
  border: 1px solid #db6a2aff;
  padding: 5px 10px;
  border-radius: 5px;
}

div.form-partage-row:nth-of-type(even) {
  background-color: #f2f2f2 !important;
}



/*** FIN PARTAGE COMMISSION ***/

/*** ADMIN PARTAGE COMMISSION ***/

#admin-partage-commission {
  height: 160px;
  margin: 180px auto 50px;
  width: 80%;
  background-color: white;
  border-radius: 20px;
  padding: 20px;
}

#admin-select-recruteur input {
  width: 300px;
  margin-right: 30px;
}

#admin-select-recruteur select {
  width: 200px;
}

#form-admin-choix-client select {
  margin-left: 10px;
  width: 300px;
}

#admin-select-recruteur input,
#admin-select-recruteur select,
#form-admin-choix-client select {
  margin-right: 30px;
  height: 30px;
  border-radius: 5px;
  background-color: #003e5d1a;
  border: none;
  padding: 5px;
}

.groupe-champs-partage-commission {
  display: flex;
  flex-direction: column;

}

#admin-select-recruteur button,
#form-admin-choix-client button {
  margin: 0;

}

#admin-select-recruteur button {
  background-color: #db6a2aff;
}

#admin-select-recruteur label,
#form-admin-choix-client label {
  font-weight: bold;
  color: #21acb1;
  width: fit-content;
}

#form-admin-choix-client {
  width: 80%;
  margin: auto;
}

#admin-select-recruteur,
#form-admin-choix-client {
  display: flex;
  align-items: end;
  justify-content: center;
  margin-bottom: 20px;
}

/*** FIN ADMIN PARTAGE COMMISSION ***/