/* ### V2 
.mas-collapsible {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 3px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  
}
.ms-active, .mas-, .mas-collapsible:hover {
 background-color: #555;
}
.ms-active, .mas-.mas-collapsible:after{
  content: " 🔼";
}
.mas-collapsible:after{
  content: " 🔽";
}


.contentx {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #f1f1f1;
}
.contentx table[id^="expense_center_list"] tr.drag.drop {
   border: solid 1px  #555 !important;
}
*/

.mas-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;
    
  
}
.ms-active, .mas-, .mas-collapsible:hover {
 background-color: #555;
  border-radius: 3px;
}
.ms-active, .mas-.mas-collapsible:before{
  content: "➖";
  background-color: var(--colorwhite);
}
.mas-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); !important;
}
.mmerkezi {
    border-bottom: 1px solid var(--colortopbordertitle1);
}
.badge.butAction {
    position: absolute;
    display: inline;
    /* padding: 4px; */
    float: right;
    /* margin-left: 18px; */
    vertical-align: top !important;
}