@import 'variables';

.table-detail {

  .error-label {
    margin: 48px auto;
    width: fit-content;
  }

  .detail-header {
    margin-bottom: 32px;
  }
  .detail-header .title {
    font-size: 32px;
    overflow-wrap: break-word;
    font-family: $font-family-sans-serif-bold;
    font-weight: $font-weight-sans-serif-bold;
  }

  .detail-list-header > label {
    font-size: 20px;
    margin-top: auto;
    margin-bottom: 32px;
    width: fit-content;
    line-height: 24px;
    font-family: $font-family-sans-serif-bold;
    font-weight: $font-weight-sans-serif-bold;
  }

  @media (min-width: $screen-md-min) {

    /* TODO: Delete this with Bootstrap V4 */
    .float-md-right {
      float: right;
    }

    .detail-header {
      margin-bottom: 72px;
    }
  }
}
