.main {
  display: flex;
  flex-direction: row;
  align-items: center;
  .left {
    flex-grow: 1;
  }
  .right {
    margin-left: 24px;
    flex-shrink: 0;
    .toggle {
      width: 32px;
      height: 32px;
      background: transparent url('~src/assets/images/icons/expand_less_20.svg') 50% 50% no-repeat;
      transform: rotateZ(180deg);
      transition: transform 0.3s;
      &.active {
        transform: rotateZ(0);
      }
    }
  }

  .title {
    margin-bottom: 8px;
    font-weight: bold;
  }
  .status {
    margin-bottom: 8px;
    color: #86898E;
    &.completed {color: #28A814;}
    &.processing {color: #7714A8;}
  }
}

.details {
  .reply {
    margin-top: 12px;
    .btn {
      padding: 7px 16px;
    }
  }
}

.documents.list.default {
  .items {
    .item {
      margin: 0 0 8px;
      &:last-child {margin: 0;}
    }
  }
}
