@import "../../style/function";
@import "common";

.im-table-wrap .im-table .im-collapse-table {

  &-triangle {
    $triangleWidth: 9px;
    width: 0;
    height: 0;
    border: $triangleWidth dashed transparent;
    border-bottom: $triangleWidth solid $tableTrBorderColor;
    position: absolute;
    bottom: -1px;
    left: 30px;
    margin-left: -$triangleWidth;

    &-inner {
      $triangleWidth: 8px;
      width: 0;
      height: 0;
      border: $triangleWidth dashed transparent;
      border-bottom: $triangleWidth solid $tableHeadBgColor;
      position: absolute;
      bottom: -1px;
      left: 30px;
      margin-left: -$triangleWidth;
    }
  }

  &-collapse-row {
    background-color: $tableHeadBgColor;
    border: none;

    td {
      padding-top: 10px;
      padding-bottom: 10px;
    }

    &:hover{
      background-color: $tableHeadBgColor;
    }
  }

  &-toggle-row {
    border: 1px solid $tableTrBorderColor;
    border-left: none;
    border-right: none;

    &-active {

    }
  }
}