[expandablerow] {
  button {
    float: left;

    i {
      color: $gray-850;
    }

    &.btn {
      margin-left: -1.5rem;
      padding: 0;
      // text-align: left;
      width: 1.5rem;
    }

    &.up {
      i {
        @extend .ico-chevron-up;
      }
    }

    &.down {
      i {
        @extend .ico-chevron-down;
      }
    }
  }

  os-icon {
    .btn-link {
      margin: 0 .45rem 0 .125rem;
      width: inherit;
    }
  }
}

.table.compact [expandablerow] os-icon .btn-link i {
  width: 1rem;
}

.table td expandable-row-trigger i {
  font-size: 0.6125em;
}

.table tbody + tbody {
  border-top: 0;
}

.hidden-row {
  border-top: 0;
  margin: 0;
  display: table-row;

  &.closed, &.closed > td {
    border-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: none;
  }
}

tr[expandableRowContent] {
  background-color: $gray-75;
  box-shadow: inset 0 0 rem(6) $shadow-lighter;

  & > td {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .spec-list {
    margin-bottom: 0;
  }
}

@include media-breakpoint-down(xs) {
  tr[expandablerow] {
    button {
      &.btn {
        text-align: center;
      }
    }
  }
}
