log-clustering-group-table {
  display: block;

  .group-log-table {
    height: 600px;
    overflow-y: auto;

    .box-title {
      display: block;
      width: 100%;
      height: 40px;
      line-height: 40px;
      text-align: center;
      background: #00C8C1;
      color: white;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      font-size: 15px;

      .fa-remove {
        float: right;
        font-size: 18px;
        position: relative;
        right: 10px;
        top: 10px;
      }
    }

    .box-content {
      height: 560px;
      overflow-y: auto;
      padding-top: 20px;

      .normal {
        display: flex;
        margin-bottom: 10px;
        text-align: left;

        &.current {
          color: red !important;
        }

        span {
          float: left;
          max-width: 715px;

          &.time-span {
            width: 150px;
          }

          &:hover {
            background: rgba(224, 224, 224, 1) !important;
          }

          &.inline-mark {
            float: none !important;
          }
        }
      }

      .group-box {
        display:block;
        margin-bottom: 25px;
        padding: 0 15px 0 20px;
      }

      .group-box:hover {
        background: rgba(244, 244, 244, 1);
      }
    }
  }
}