.smo_collapsible {
    background-color:#202947;
    color:var(--toolstextcolor);
    cursor:pointer;
    padding-bottom:6px;
    width:99%;
    border:none;
    text-align:left;
    outline:none;
    border-radius:2px;
    border-left:1px solid #545685;
    box-shadow:1px 1px 1px #a9c5dd;
    margin-left:4px;
    margin-right:4px;
    background-color:#19191f;
    }
    
    .smo_collapsible_active,.smo_collapsible:hover {
    background-color:#2d3858;
    color:#fff
    }
    
    .smo_collapsible_content {
    max-height:0;
    overflow:hidden;
    transition:max-height .2s ease-out;
    width:100%
    }





    
    .smo_collapsible_help_content {
      display: none;
      overflow: hidden;
      font-size: 14.4px;
    border: 1px solid #5765a9;
    box-shadow: 0px 8px 16px 0px #2c2e38c9;
    border-radius: 4px;
    background-color: var(--dropdown-item-background);
    width: 100%;
    }














/*
<script>
var coll = document.getElementsByClassName("smo_table_collapsible");
var i;

for (i = 0; i < coll.length; i++) {
  coll[i].addEventListener("click", function() {
    this.classList.toggle("smo_table_collapsible_active");
    var content = this.nextElementSibling;
    if (content.style.display === "block") {
      content.style.display = "none";
    } else {
      content.style.display = "block";
    }
  });
}
</script>
*/
.smo_table_collapsible {
    background-color: #777;
    color: white;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    
  }
  .smo_table_collapsible::before {
    /*position: absolute;*/
    content: '';
    width: 0;
    height: 0;
    border: .5em solid transparent;
    border-left-color: rgb(255, 255, 255);
    transform-origin: 0 50%;
    /*transition: transform .25s;*/
    vertical-align: middle;
    display: inline-block;
    margin-left: 5px;
    padding-left: 5px;
  
  
  }
  .smo_table_collapsible::after {
    /*position: absolute;*/
    content: '';
    width: 0;
    height: 0;
    border: .5em solid transparent;
    border-left-color: rgb(255, 255, 255);
    transform-origin: 0 50%;
    /*transition: transform .25s;*/
    vertical-align: middle;
    
    
    text-align: right;
    float:right;
  
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    
  }
  .smo_table_collapsible.smo_table_collapsible_active::before {
    border-left-color: red;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    /*transition: transform .25s;*/
    margin-top:-10px;
    margin-left: 5px;
    padding-left: 5px;
  }
  .smo_table_collapsible.smo_table_collapsible_active::after {
    border-left-color: red;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    /*transition: transform .25s;*/
    margin-top:5px;
  }
  .smo_table_collapsible_active, .smo_table_collapsible:hover {
    background-color: #555;
  }
  
  .smo_table_collapsible_content {
    padding: 0 18px;
    display: none;
    overflow: hidden;
    background-color: #f1f1f1;
  }