.collapsible {
  background-color: var(--tableforfieldcolor);
  color: white;
  cursor: pointer;
  padding: 1px; 
  width: 100%;
  border: none;
  border-radius: 3px;
  text-align: left;
  _outline: none;
  margin-top:-6px;
  border: unset !important;
}
.active, .collapsible:hover {
  background-color: #555;
  border-radius: 3px;
}
.active.collapsible:before{
  content: "➖";
  background-color: var(--colorwhite);
}

.collapsible:before{
  content: "➕";
  margin-right: 5px; 
  border: solid 1px;
  padding: 2px; 
  background-color: var(--colorwhite);
  border-radius: 3px;
}
.contentx {
  padding-left:32px; 
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  _background-color: var(--colorbacktitle1);
  margin-top: 2px !important; 
}
.contentx table {
  margin-top: -10px;
}
.contentx table[id^="expense_center_list"] td{
  border: solid 0.5px  var(--tableforfieldcolor);
}
.badge.butAction {
  position: absolute;
  display: inline;
  float: right;
  vertical-align: top !important;
}
.mm-about {
  max-width: none;
  width: 100%;
  margin: 0 0 18px;
  text-align: left;
}
.mm-card {
  border: 1px solid var(--colortopbordertitle1);
}
td[data-key="commande_fournisseur.masraflartopkdvharic"],
td[data-key="ef.masraflartopkdvharic"]{
  white-space: nowrap;
}
.pcc-exp-icon{
  display:inline-block;
  margin-right:6px;
  margin-top:-3px;
  cursor:pointer;
  color: var(--colortext);
  opacity: .75;
  font-size: 18px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
  user-select: none;
}
.pcc-line-ico{
  margin-right:8px;
  vertical-align: middle;
  opacity:1;
}
.pcc-ico-prod{ color:#2e7d32; }
.pcc-ico-serv{ color:#1976d2; }
.pcc-ico-inv{  color:#8e24aa; }
.pcc-ico-other{color:#616161;}
.pcc-expenses{
  padding: 6px 8px;
  overflow: visible;
}
.pcc-expenses .div-table-responsive-no-min{
  overflow: visible;
}
.pcc-expenses table{
  width: 100%;
}
.pcc-expenses tr.liste_titre td{
  white-space: nowrap;
}
.pcc-expenses td{
  vertical-align: top;
}
.pcc-expenses-row .contentx{
  max-height: none !important;
  overflow: visible !important;
  padding: 6px 8px !important;
}