.logs-listing{
  width:100%;
  display: flex;
  flex-direction: column;
  padding-top: 20px;

  .log-error{
    background-color: $error-red;
  }

  &-is-empty{
    // background-color: lighten($gray7, 5%);
    background-color: $gray8;
    // width: 725px;
    padding:50px;
    font-style: italic;
    text-align:center;
    font-size:14px;
  }

  .col-header{
    display:inline-block;
    font-size:14px;
    padding-left:5px;
  }

  .col-status{
    width: 65px;
    cursor:pointer;
  }
  .col-at{
    width:180px;
  }

  .col-timetaken{
    width:100px;
  }
  .col-user{
    width:180px;
    .logs-userid-filter:hover{
      text-decoration:underline;
      cursor:pointer;
    }
  }
  .col-desc{
    width:200px;
  }
  .logs-listing-header{
    display:flex;
    flex-direction:row;
    font-weight:bold;
    border-bottom:1px solid $gray5;
    // width: 725px;
  }
  .logs-listing-header-col{
    border-bottom:1px solid #333;
    padding:5px;
    text-align:center;
  }

  .logs-listing-entry{
    display:flex;
    flex-direction:column;

    .expand-control{
      font-size:10px;
      margin-right:5px;
    }

    &.expanded{
      border:1px solid #ccc;
    }
    &-simulate{
      display:inline-block;
    }
  }
  .logs-listing-entry-row {
    display:flex;
    flex-direction:row;
  }
  .logs-listing-entry-data {
    .logs-listing-entry-data-container{
      display: inline-block;
      width:100%;
      font-family:monospace;
    }
  }

  .logs-listing-entry-field{
    font-size:12px;
    display:table-cell;
    padding:5px;
    border-right:1px solid #eee;
    border-bottom: 1px solid #eee;
  }
}