tr .tt-details-control {
  vertical-align: middle !important; }
  tr .tt-details-control .expander {
    position: relative;
    color: transparent;
    margin: 0 10px; }

tr.has-child .tt-details-control {
  cursor: pointer; 
 }
tr.has-child .tt-details-control .expander {
	cursor: pointer; 
}

tr.has-child .tt-details-control .expander::before {
	content: "\e953";
	font-size: 30px;
	Color:black;
	font-family: 'saop-icon-font' !important;
}

tr.open .tt-details-control .expander::before {
	content: "\e951";
	font-size: 30px;
	Color:black;
	font-family: 'saop-icon-font' !important; 
}

tr:not(.has-child) .tt-details-control .expander::before {
  content: '-';
  padding-left: 15px;
  font-weight: bold;
  color: #000;
  border: 0; 
}

tr.level-1 .tt-details-control .expander::before {
  margin-left: 10px; }

tr.level-2 .tt-details-control .expander::before {
  margin-left: 20px; }

tr.level-3 .tt-details-control .expander::before {
  margin-left: 30px; }

tr.level-4 .tt-details-control .expander::before {
  margin-left: 40px; }

tr.level-5 .tt-details-control .expander::before {
  margin-left: 50px; }