.wrapper {
    display: inline-block;
    width: 100%;
    position: relative;
    min-height: 350px;
    .half-width {
      width: calc(50% - 2px);
    }
    .role-column {
      position: absolute;
      height: 100%;
      left: 0;
    }
    .client-column {
      position: absolute;
      height: 100%;
      right: 0;
    }
    .table {
      .headers {
        display: flex;
      }
    }
    .table-data {
      font-size: 14px;
      .data-item {
        padding: .5rem 0 .5rem 0;
        .status-block {
          margin-left: 35%;
        }
      }
    }
  }
  .header {
    text-align: left;
    flex-basis: 100%;
    background-color: #F3F2F3;
    border-bottom: 2px solid #EAEAEA;
    font-weight: 700;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    padding: .5rem;
    &.left {
      border-top-left-radius: 3px;
    }
    &.right {
      border-top-right-radius: 3px;
    }
  }