<commit_before>.js-datatable-wrapper[action$="client-list"] {
  th:first-child {
    width: 3%;
  }

  .client {
    background-position-x: 57px;
    width: 25%;
  }

  .paye {
    background-position-x: 120px;
    width: 20%;
  }

  .client-ref {
    background-position-x: 123px;
    width: 18%;
  }

  .notes {
    width: 28%;
  }
}

$client-list-error-background: #fef7f7;
.missing-client-details,
.client-access-details {
  .form-field {
    &.error,
    &>.alert {
      background-color: $client-list-error-background;
    }
    &.error {
      padding: 0.75em 1em 1em 1em;
    }

    &>.alert {
      margin-bottom: 0;
      border-left-style: none;
      padding: 0;
      .error-message {
        @include bold-16;
      }
    }

    &.error {
      border-left-width: 4px;
    }
    
    &.error > input[type="text"] {
      border: 4px solid $alert-bg-red;
    }
  }
}
.client-access-details .form-field.error {
  margin-left: -1.1875em;
}

#global-breadcrumb {
  &.agent-breadcrumb {
    padding-bottom: 1.5em;
    border-bottom: 0;
  }
}

.client-list .content-header .sidebar-links {
  border-width: 5px;
  margin-right: 0;
  
  @include media(mobile) {
    display: none;
  }
  
  .sidebar-links__item {
    display: block;
    float:left;
    width: 100%;
  }
}

<commit_msg>[AOSS-1082](https://jira.tools.tax.service.gov.uk/browse/AOSS-1058) Updated DOM manipulation for new Missing Client Access Request Form (64-8) page  * additional CSS update for this JIRA (missed in previous merge to master:   *  error selectors in _client-list.scss<commit_after>.js-datatable-wrapper[action$="client-list"] {

  .client {
    background-position-x: 57px;
    width: 25%;
  }

  .paye {
    background-position-x: 120px;
    width: 20%;
  }

  .client-ref {
    background-position-x: 123px;
    width: 18%;
  }

  th:last-child {
    width: 7%;
  }
}

$client-list-error-background: #fef7f7;
.missing-client {
  .form-field {
    &.error,
    &>[role="alert"],
    .error-message {
      background-color: $client-list-error-background;
    }

    &.error {
      padding: 0.75em 1em 1em 1em;
    }

    &>[role="alert"] {
      margin-bottom: 0;
      border-left-style: none;
      padding: 0;
      .error-message {
        @include bold-16;
      }
    }

    &.error {
      border-left-width: 4px;
    }

    &.error > input[type="text"] {
      border: 4px solid $alert-bg-red;
    }
  }
}

#global-breadcrumb {
  &.agent-breadcrumb {
    padding-bottom: 1.5em;
    border-bottom: 0;
  }
}

.client-list .content-header .sidebar-links {
  border-width: 5px;
  margin-right: 0;

  @include media(mobile) {
    display: none;
  }

  .sidebar-links__item {
    display: block;
    float:left;
    width: 100%;
  }
}
{'fraction_non_alphanumeric': 0.15542521994134897, 'fraction_numerical': 0.03372434017595308, 'mean_word_length': 2.1992966002344665, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, 'https://': 1, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6066138', 'n_tokens_mistral': 1121, 'n_tokens_neox': 1023, 'n_words': 187}