app/styles/components/_panel.scss
.panel--bisected {
  background-color: white;
  display: flex;
  overflow: hidden;

  .panel-heading, .panel-body {
    flex: 1;
    flex-grow: 0;
  }
  .panel-heading {
    background-color: default;
    min-width: 230px;
    padding: 20px 20px 0;
  }


  .panel-body {
    flex-grow: 1;
    width: calc(100% - 235px);
    text-align: center;
    p, .role-details__header {
      margin-left: auto;
      margin-right: auto;
      width: 450px;
    }
  }

  .panel-body--aptable {
    border-left: 1px solid #E0E0E0;
    padding: 0;
    text-align: left;
    .aptable {
      border-width: 0;
      border-bottom-width: 1px;
      box-shadow: none;
      border-radius: 0;
      tr {
        &:nth-child(even) td {
          background-color: #fff;
        }
        &:hover td {
          background-color: #f7f8fb;
        }
      }
    }
  }

  p {
    text-decoration: none;
    color: #9b9b9b;
  }
  .aptable__row-heading, .role-details__header {
    color: #4a4a4a;
    font-weight: $weight-semibold;
  }
  .role-details__header {
    font-size: 14px;
  }
  td {
    font-size: 13px;
    color: #9b9b9b;
  }
}

.panel--owner, .panel--platform_owner, .panel--compliance_owner {
  .panel-body {
    background-color: #F7F8FB;
  }
}

.role-details__heading {
  .label-owner {
    margin-bottom: 30px;
  }
}
.role-details__label {
  margin-bottom: 30px;
}
.role-details__name {
  color: #4A4A4A;
  font-size: 16px;
  margin-top: 0;
  font-weight: $weight-semibold;
}

.role-details__list {
  color: #9b9b9b;
  margin-bottom: 20px;
}

.user-names {
  list-style: none;
  padding: 0;
}
.user-names__value, .user-names__remainder {
  font-size: 12px;
  color: #9B9B9B;
}

.delimited-list__placeholder {
  font-style: italic;
}
