.collapse-cell {
  padding: 0 !important;
  border: none !important;
}

.cell-box {
  padding: 0.5rem;
  //border: solid 1px $gray-900;
}

.chev {
  transition: transform .2s;
  width: 13px;
  height: auto;
  fill: currentColor;
}

tr.collapsed .chev {
  transform: rotate(90deg);
}

tr.collapse-button {
  transition: all .2s;
  cursor: pointer;

  &:not(.collapsed) {
    background: $gray-800;
    color: white;
  }
}


tr td:first-child {
  width: 20px;
}

svg.icon {
  width: 16px;
  height: auto;
}

.item-image {
  display: block;
  float: right;
}