#backofficeTVModelesFactures .OTreeView tr { height:22px; }
#backofficeTVModelesFactures .OTreeView tr td table { width:100%; }
#backofficeTVModelesFactures .OTreeView td.libelle	{ width: 300px;  }
#backofficeTVModelesFactures .OTreeView td.ttc		{ width: 100px; text-align:right; }
#backofficeTVModelesFactures .OTreeView tr.level_4 { height:25px; }
#backofficeTVModelesFactures .OTreeView tr.level_3 td { background-color:#eeeeee; }
#backofficeTVModelesFactures .OTreeView tr.level_4 td { background-color:white; cursor:pointer; color: black; font-size: 15px; }
#backofficeTVModelesFactures .OTreeView tr.level_4.selection td { background: linear-gradient(180deg, #53bbae 0%, rgba(255,255,255,1) 50%, #53bbae 100%); }
#backofficeTVModelesFactures .OTreeView tr td { position: relative; }
#backofficeTVModelesFactures .OTreeView tr td span.nMod {
    text-align: center;border-radius: 50%; padding: 2px;
	color: #888888; background-color: gainsboro;
    position: absolute; left: -20px; top: 2px; height: 15px; width: 15px;
}

#backofficeTVModelesFactures .OTreeView tr td.treeCell { width: 70px; }

form[name="formBackofficeModele"] select { width:150px; }
form[name="formBackofficeModele"] button[name="btnLoadDodContrat"] {
    width: 100%;
    padding: 5px;
}


#divBAckoffice_modFact_layout{
  top:30px;
  height: calc(100% - 70px);
  overflow: auto;
  right: 20px;
  left: 20px;
}

#divBAckoffice_modFact_layout .dhxlayout_cont{
  display: none;
}

#divBAckoffice_modFact_layout .objbox,
#divGridBkOffLModele{
  border-style: none;
}

#divBackOffice #backoff_droite #closePopUpFact{
  position: absolute !important;
  top: 5px;
  right: 10px;
  background-color: red;
  padding: 5px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5em;
  font-weight: 900;
  cursor: pointer;
  color: #FFF;
}

#divBAckoffice_modFact_a{
  height: 140px;
  padding: 20px;
}

#divBAckoffice_modFact_layout #divBAckoffice_modFact_b{
  height: calc(100% - 200px)!important;
  width: 97%!important;
  margin: auto;
}


#backofficeTVModelesFactures .OTreeView .level_1{
  border-top: 1px solid #FFF;
  height: 40px;
}

#backofficeTVModelesFactures .OTreeView .level_2{
  height: 35px;
}

#backofficeTVModelesFactures .OTreeView .level_3{
  height: 30px;
}

#backofficeTVModelesFactures .OTreeView .level_4{
  border-bottom: 0.5px solid rgb(200, 200, 200);
}


#backofficeTVModelesFactures .OTreeView tr td{
    vertical-align: inherit;
}

#backofficeTVModelesFactures .OTreeView .level_1 td{
  font-size: 1.7em;
  font-weight: 500;
}

#backofficeTVModelesFactures .OTreeView .level_2 td{
  font-size: 1.5em;
  font-weight: 500;
}

#backofficeTVModelesFactures .OTreeView .level_3 td{
  font-size: 1.2em;
  font-weight: 500;
}

#backofficeTVModelesFactures .OTreeView .level_1 td span.nMod{
  display: flex;
  align-items: center;
  justify-content: center;
  left: -38px;
  top: 5px; 
  height: 25px;
  width: 25px;
}

#backofficeTVModelesFactures .OTreeView .level_2 td span.nMod{
  display: flex;
  align-items: center;
  justify-content: center;
  left: -30px;
  top: 5px;
  height: 20px;
  width: 20px;
}

#backofficeTVModelesFactures .OTreeView .level_3 td span.nMod{
  display: flex;
  align-items: center;
  justify-content: center;
  left: -30px;
  top: 3px;
  height: 20px;
  width: 20px;
}

#backofficeTVModelesFactures th.ident_offre {
    width: 30px;
    font-weight: bold;
}

.cln_btn{
  display: flex;
  flex-flow: column;
  position: absolute;
  top: 12px;
  left: 524px;
}

/*.ttc{
  position: absolute;
  right: 588px;
}*/