:root {
  --govuk-text-colour: #0b0c0c;
  --govuk-secondary-text-colour: #505a5f;
  --govuk-link-colour: #1d70b8;
  --govuk-link-hover-colour: #003078;
  --govuk-link-visited-colour: #4c2c92;
  --govuk-link-active-colour: #0b0c0c;
  --govuk-border-colour: #b1b4b6;
  --govuk-input-border-colour: #0b0c0c;
  --govuk-focus-colour: #ffdd00;
  --govuk-focus-text-colour: #0b0c0c;
  --govuk-error-colour: #d4351c;
  --govuk-brand-colour: #1d70b8;
  --govuk-colour-red: #d4351c;
  --govuk-colour-red-tint-25: #df6855;
  --govuk-colour-red-tint-50: #ea9a8e;
  --govuk-colour-red-shade-25: #9f2815;
  --govuk-colour-red-shade-50: #6a1b0e;
  --govuk-colour-yellow: #ffdd00;
  --govuk-colour-yellow-tint-25: #ffe640;
  --govuk-colour-yellow-tint-50: #ffee80;
  --govuk-colour-yellow-shade-25: #bfa600;
  --govuk-colour-yellow-shade-50: #806f00;
  --govuk-colour-green: #00703c;
  --govuk-colour-green-tint-25: #40946d;
  --govuk-colour-green-tint-50: #80b89e;
  --govuk-colour-green-shade-25: #00542d;
  --govuk-colour-green-shade-50: #00381e;
  --govuk-colour-blue: #1d70b8;
  --govuk-colour-blue-tint-25: #5694ca;
  --govuk-colour-blue-tint-50: #8eb8dc;
  --govuk-colour-blue-shade-25: #16548a;
  --govuk-colour-blue-shade-50: #0f385c;
  --govuk-colour-dark-blue: #003078;
  --govuk-colour-dark-blue-tint-25: #40649a;
  --govuk-colour-dark-blue-tint-50: #8098bc;
  --govuk-colour-dark-blue-shade-25: #00245a;
  --govuk-colour-dark-blue-shade-50: #00183c;
  --govuk-colour-light-blue: #5694ca;
  --govuk-colour-light-blue-tint-25: #80afd7;
  --govuk-colour-light-blue-tint-50: #abcae5;
  --govuk-colour-light-blue-shade-25: #416f98;
  --govuk-colour-light-blue-shade-50: #2b4a65;
  --govuk-colour-purple: #4c2c92;
  --govuk-colour-purple-tint-25: #7961ad;
  --govuk-colour-purple-tint-50: #a696c9;
  --govuk-colour-purple-shade-25: #39216e;
  --govuk-colour-purple-shade-50: #261649;
  --govuk-colour-black: #0b0c0c;
  --govuk-colour-black-tint-25: #484949;
  --govuk-colour-black-tint-50: #858686;
  --govuk-colour-black-shade-25: #080909;
  --govuk-colour-black-shade-50: #060606;
  --govuk-colour-dark-grey: #505a5f;
  --govuk-colour-dark-grey-tint-25: #7c8387;
  --govuk-colour-dark-grey-tint-50: #a8adaf;
  --govuk-colour-dark-grey-shade-25: #3c4447;
  --govuk-colour-dark-grey-shade-50: #282d30;
  --govuk-colour-mid-grey: #b1b4b6;
  --govuk-colour-mid-grey-tint-25: #c5c7c8;
  --govuk-colour-mid-grey-tint-50: #d8dadb;
  --govuk-colour-mid-grey-shade-25: #858789;
  --govuk-colour-mid-grey-shade-50: #595a5b;
  --govuk-colour-light-grey: #f3f2f1;
  --govuk-colour-light-grey-tint-25: #f6f5f5;
  --govuk-colour-light-grey-tint-50: #f9f9f8;
  --govuk-colour-light-grey-shade-25: #b6b6b5;
  --govuk-colour-light-grey-shade-50: #7a7979;
  --govuk-colour-white: #ffffff;
  --govuk-colour-white-tint-25: #ffffff;
  --govuk-colour-white-tint-50: #ffffff;
  --govuk-colour-white-shade-25: #bfbfbf;
  --govuk-colour-white-shade-50: #808080;
  --govuk-colour-light-purple: #6f72af;
  --govuk-colour-light-purple-tint-25: #9395c3;
  --govuk-colour-light-purple-tint-50: #b7b9d7;
  --govuk-colour-light-purple-shade-25: #535683;
  --govuk-colour-light-purple-shade-50: #383958;
  --govuk-colour-bright-purple: #912b88;
  --govuk-colour-bright-purple-tint-25: #ad60a6;
  --govuk-colour-bright-purple-tint-50: #c895c4;
  --govuk-colour-bright-purple-shade-25: #6d2066;
  --govuk-colour-bright-purple-shade-50: #491644;
  --govuk-colour-pink: #d53880;
  --govuk-colour-pink-tint-25: #e06aa0;
  --govuk-colour-pink-tint-50: #ea9cc0;
  --govuk-colour-pink-shade-25: #a02a60;
  --govuk-colour-pink-shade-50: #6b1c40;
  --govuk-colour-light-pink: #f499be;
  --govuk-colour-light-pink-tint-25: #f7b3ce;
  --govuk-colour-light-pink-tint-50: #faccdf;
  --govuk-colour-light-pink-shade-25: #b7738f;
  --govuk-colour-light-pink-shade-50: #7a4d5f;
  --govuk-colour-orange: #f47738;
  --govuk-colour-orange-tint-25: #f7996a;
  --govuk-colour-orange-tint-50: #fabb9c;
  --govuk-colour-orange-shade-25: #b7592a;
  --govuk-colour-orange-shade-50: #7a3c1c;
  --govuk-colour-brown: #b58840;
  --govuk-colour-brown-tint-25: #c8a670;
  --govuk-colour-brown-tint-50: #dac4a0;
  --govuk-colour-brown-shade-25: #886630;
  --govuk-colour-brown-shade-50: #5b4420;
  --govuk-colour-light-green: #85994b;
  --govuk-colour-light-green-tint-25: #a4b378;
  --govuk-colour-light-green-tint-50: #c2cca5;
  --govuk-colour-light-green-shade-25: #647338;
  --govuk-colour-light-green-shade-50: #434d26;
  --govuk-colour-turquoise: #28a197;
  --govuk-colour-turquoise-tint-25: #5eb9b1;
  --govuk-colour-turquoise-tint-50: #94d0cb;
  --govuk-colour-turquoise-shade-25: #1e7971;
  --govuk-colour-turquoise-shade-50: #14514c;
}

/* override to make the check fill the checkbox */
/*\.govuk-checkboxes__item ::after {
  box-sizing: content-box;
}*/
/* flex list for aligned two-column menu items */
ul.govuk-list.flex-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: left;
}

ul.govuk-list.flex-list li {
  flex: 1;
  max-width: calc(50% - 15px);
  min-width: calc(50% - 15px);
  margin-bottom: 15px;
}

ul.govuk-list.flex-list li.flex-left-list {
  margin-right: 15px;
}

ul.govuk-list.flex-list li.flex-right-list {
  margin-left: 15px;
}

ul.govuk-list.govuk-phonehub-flex-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: left;
}

ul.govuk-list.govuk-phonehub-flex-list li {
  flex: 1;
  max-width: calc(50% - 15px);
  min-width: calc(50% - 15px);
  margin-bottom: 15px;
}

ul.govuk-list.govuk-phonehub-flex-list li:not(.flex-left-list):not(.flex-right-list) {
  max-width: calc(100% - 0px);
  min-width: calc(100% - 0px);
  margin-right: 0px;
  margin-left: 0px;
}

ul.govuk-list.govuk-phonehub-flex-list li.flex-left-list {
  margin-right: 15px;
}

ul.govuk-list.govuk-phonehub-flex-list li.flex-right-list {
  margin-left: 15px;
}

/* full page width container */
.govuk-phonehub-thick-container {
  margin-right: 2em;
  margin-left: 2em;
  max-width: calc(100vw - 5em);
}

/* remove margin from bottom of buttons */
.govuk-button.govuk-button-no-bottom-margin,
.govuk-phonehub-no-bottom-margin {
  margin-bottom: 0;
}

/* force the exclamation warning icon to be a circle */
.govuk-warning-text .govuk-warning-text__icon {
  box-sizing: border-box;
  border-radius: 50% !important;
}

/* allow for scrollable tables when the information may overflow */
.govuk-phonehub-overflow-x-scroll {
  overflow-x: scroll;
}

table.govuk-phonehub-thick-table {
  width: unset;
  max-width: unset;
}

table.govuk-phonehub-thick-table th,
table.govuk-phonehub-thick-table td {
  word-wrap: unset;
  white-space: nowrap;
}

table.govuk-phonehub-auto-table {
  table-layout: auto;
}

table.govuk-phonehub-fixed-table {
  table-layout: fixed;
}

tr.govuk-table__row.govuk-phonehub-table-green,
td.govuk-table__cell.govuk-phonehub-table-green {
  background-color: var(--govuk-colour-green);
  color: var(--govuk-colour-white);
}

tr.govuk-table__row.govuk-phonehub-table-light-grey,
td.govuk-table__cell.govuk-phonehub-table-light-grey {
  background-color: var(--govuk-colour-light-grey);
}

tr.govuk-table__row.govuk-phonehub-table-mid-grey,
td.govuk-table__cell.govuk-phonehub-table-mid-grey {
  background-color: var(--govuk-colour-mid-grey);
}

.govuk-phonehub-flex-button-container {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-top: calc(-22px * 0.5);
}

.govuk-phonehub-flex-button-container .govuk-button,
.govuk-phonehub-flex-button-container .govuk-phonehub-flex-button-element {
  margin-top: calc(22px * 0.5);
  margin-bottom: 0;
}

@media (min-width: 40.0625em) {
  .govuk-phonehub-flex-button-container {
    margin-top: calc(-32px * 0.5);
  }

  .govuk-phonehub-flex-button-container .govuk-button,
  .govuk-phonehub-flex-button-container .govuk-phonehub-flex-button-element {
    margin-top: calc(32px * 0.5);
    margin-bottom: 0;
  }
}

/*~~~~~~~~~~~~~~
~ Alert panels ~
~~~~~~~~~~~~~~*/
.govuk-phonehub-transparent-hover:hover {
  opacity: 0.5;
}

.govuk-phonehub-transparent-hover {
  pointer-events: initial;
}

.govuk-phonehub-alert-panel--success {
  /* see govuk-tag--green */
  color: #005a30;
  background: #cce2d8;
}

.govuk-phonehub-alert-panel--danger {
  /* see govuk-tag--red */
  color: #942514;
  background: #f6d7d2;
}

.govuk-phonehub-alert-panel--info {
  /* see govuk-tag--blue */
  color: #144e81;
  background: #d2e2f1;
}

.govuk-phonehub-alert-panel--warning {
  /* see govuk-tag--orange */
  color: #6e3619;
  background: #fcd6c3;
}

.govuk-phonehub-alert-panel.govuk-panel {
  padding: 4px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
}

.govuk-phonehub-alert-panel.govuk-panel::before {
  content: 'Alert';
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}

.govuk-phonehub-alert-panel.govuk-panel .govuk-panel__title {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}

.govuk-phonehub-alert-panel.govuk-panel .govuk-panel__body {
  font-size: 1rem;
  color: var(--govuk-colour-black);
  background: white;
  padding: 0.5em;
  text-align: initial;
  white-space: break-spaces;
}

.govuk-phonehub-alert-panel.govuk-panel .close {
  background: white;
  opacity: 1;
  width: 1em;
  height: 1em;
  text-decoration: none;
}

.govuk-phonehub-alert-panel.govuk-panel .close:focus {
  background-color: var(--govuk-focus-colour);
}

.govuk-phonehub-align-dd-top {
  vertical-align: top;
}

.govuk-phonehub-flex {
  display: flex;
}

.govuk-phonehub-flex-column {
  display: flex;
  flex-direction: column;
}

.govuk-phonehub-flex-grow {
  flex-grow: 1;
  height: 0;
}

/* autocomplete */
.ui-widget.ui-widget-content.govuk-phonehub-autocomplete {
  padding-top: 0.25em;
  border: 2px solid rgb(11, 12, 12);
  border-top: 0px;
}

.ui-widget.ui-widget-content.govuk-phonehub-autocomplete .ui-state-active {
  background-color: inherit;
}

.ui-widget.ui-widget-content.govuk-phonehub-autocomplete .ui-menu-item:hover {
  background-color: inherit;
}

a.govuk-link {
  text-decoration: underline;
}

/* notification banner */
.govuk-notification-banner.govuk-phonehub-notification-banner.govuk-phonehub-notification-banner--success {
  border-color: var(--govuk-colour-green);
  background: var(--govuk-colour-green);
}

.govuk-notification-banner.govuk-phonehub-notification-banner.govuk-phonehub-notification-banner--danger {
  border-color: var(--govuk-colour-red);
  background: var(--govuk-colour-red);
}

.govuk-notification-banner.govuk-phonehub-notification-banner.govuk-phonehub-notification-banner--info {
  border-color: var(--govuk-colour-blue);
  background: var(--govuk-colour-blue);
}

.govuk-notification-banner.govuk-phonehub-notification-banner.govuk-phonehub-notification-banner--warning {
  border-color: var(--govuk-colour-orange);
  background: var(--govuk-colour-orange);
}

.govuk-notification-banner.govuk-phonehub-notification-banner.govuk-phonehub-notification-banner--primary {
  border-color: var(--govuk-colour-dark-blue);
  background: var(--govuk-colour-dark-blue);
}

.govuk-notification-banner.govuk-phonehub-notification-banner.govuk-phonehub-notification-banner--secondary {
  border-color: var(--govuk-colour-dark-grey);
  background: var(--govuk-colour-dark-grey);
}

.govuk-notification-banner.govuk-phonehub-notification-banner.govuk-phonehub-notification-banner--pale {
  border-color: var(--govuk-colour-light-grey);
  background: var(--govuk-colour-light-grey);
}

.govuk-notification-banner.govuk-phonehub-notification-banner.govuk-phonehub-notification-banner--pale .govuk-notification-banner__title {
  color: var(--govuk-text-colour);
}

:is(#alert-column, #message-column) .govuk-notification-banner.govuk-phonehub-notification-banner .govuk-notification-banner__title {
  overflow-x: hidden;
  margin-right: 15px;
}

:is(#alert-column, #message-column) .govuk-notification-banner.govuk-phonehub-notification-banner .govuk-notification-banner__content {
  white-space: break-spaces;
}

:is(#alert-column, #message-column) .govuk-notification-banner.govuk-phonehub-notification-banner .govuk-notification-banner__content>*,
.govuk-notification-banner.govuk-phonehub-notification-banner.govuk-phonehub-notification-banner-full-width .govuk-notification-banner__content>* {
  max-width: 100%;
}


:is(#alert-column, #message-column) .govuk-notification-banner.govuk-phonehub-notification-banner .close {
  background: white;
  opacity: 1;
  width: 1em;
  height: 1em;
  text-decoration: none;
  text-align: center;
  margin-right: -15px;
}

:is(#alert-column, #message-column) .govuk-notification-banner.govuk-phonehub-notification-banner .close:focus {
  background-color: var(--govuk-focus-colour);
}

@media (min-width: 40.0625em) {
  :is(#alert-column, #message-column) .govuk-notification-banner.govuk-phonehub-notification-banner .close {
    margin-right: -20px;
  }

  :is(#alert-column, #message-column) .govuk-notification-banner.govuk-phonehub-notification-banner .govuk-notification-banner__title {
    margin-right: 20px;
  }
}

.govuk-phonehub-full-width-logo {
  max-width: 100%;
}

.govuk-phonehub-mobile-app-badge {
  max-height: 256px;
  height: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.govuk-phonehub-login-logo {
  max-height: 3em;
  max-width: 100%;
  min-height: 1em;
  min-width: 0%;
  padding-bottom: 1em;
}

.govuk-phonehub-login-button {
  height: 40px;
  width: 172px;
  min-width: 172px;
  min-height: 40px;
  max-width: 344px;
  max-height: 80px;
  border: 2px solid transparent;
}

/*	link focus for tabbing */
a:focus .govuk-phonehub-login-button {
  border-width: 4px;
  border-color: #ffdd00;
  margin: -2px;
}

*.govuk-phonehub-hidden {
  display: none;
}

.govuk-panel.govuk-phonehub-panel-margin-bottom {
  margin-bottom: 50px;
}

.govuk-phonehub-date-error {
  position: absolute;
}

.govuk-phonehub-date-error-offset {
  margin-top: 2em;
}

.govuk-phonehub-modal {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #fffe;
  display: flex;
  /*align-items: center;
    justify-content: center;*/
  overflow-y: auto;
  z-index: 10000;
}

.govuk-phonehub-modal-container {
  margin: auto;
  background-color: #fff;
  border: 1px solid black;
  padding: 2em;
}

.govuk-phonehub-modal-hidden {
  visibility: hidden;
}

.govuk-phonehub-background-blue {
  border-color: var(--govuk-colour-blue);
  background: var(--govuk-colour-blue);
  color: var(--govuk-colour-white);
}

.govuk-phonehub-background-orange {
  border-color: var(--govuk-colour-orange);
  background: var(--govuk-colour-orange);
  color: var(--govuk-colour-white);
}

.govuk-phonehub-background-red {
  border-color: var(--govuk-colour-red);
  background: var(--govuk-colour-red);
  color: var(--govuk-colour-white);
}

.govuk-phonehub-background-white {
  border-color: var(--govuk-colour-white);
  background: var(--govuk-colour-white);
}

.govuk-phonehub-upper-case,
.govuk-phonehub-prisoner-number-input {
  text-transform: uppercase;
}

.govuk-phonehub-line-through {
  text-decoration: line-through;
}

a.govuk-phonehub-line-through,
a.govuk-phonehub-line-through:hover {
  text-decoration: line-through underline;
}

.govuk-phonehub-top-action-bar {
  display: flex;
  justify-content: space-between;
  margin-bottom: -1em;
  margin-bottom: -1.5em;
  margin-top: -0.5em;
}

.govuk-phonehub-result-count {
  flex-shrink: 0;
  padding-top: 8px;
  margin-bottom: 1.5em;
}

.govuk-phonehub-loader {
  border: 0.5em solid var(--govuk-colour-light-grey);
  border-radius: 50%;
  border-top-color: var(--govuk-colour-blue);
  width: 4em;
  height: 4em;
  -webkit-animation: govuk-phonehub-spin 2s linear infinite;
  animation: govuk-phonehub-spin 2s linear infinite;
  display: inline-block;
}

.govuk-phonehub-text-white {
  color: var(--govuk-colour-white);
}

.govuk-phonehub-antitag {
  margin-top: -5px;
  margin-bottom: -4px;
}

@-webkit-keyframes govuk-phonehub-spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes govuk-phonehub-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.govuk-phonehub-search-sort {
  display: inline-block;
  padding-right: 5px;
}

.govuk-phonehub-table-header-normal {
  font-weight: normal;
}

.govuk-phonehub-skip-link-bottom-margin.govuk-skip-link:focus {
  margin-bottom: 1em !important;
}

.govuk-phonehub-image-error {
  border-color: var(--govuk-colour-red) !important;
  background-color: var(--govuk-colour-light-grey);
  transition: background-color 2s ease, border-color 2s ease, background-blend-mode 2s ease;
  background-blend-mode: exclusion;
}

.govuk-phonehub-capitalise {
  text-transform: capitalize;
}

.govuk-phonehub-disable-pointer-events {
  pointer-events: none;
}

.govuk-phonehub-notification-banner--warning .govuk-notification-banner__title {
  color: black;
}

.govuk-phonehub-red-text {
  color: var(--govuk-colour-red) !important;
}

.govuk-phonehub-grey-text {
  color: var(--govuk-colour-mid-grey) !important;
}

.govuk-phonehub-green-text {
  color: var(--govuk-colour-green) !important;
}

.govuk-phonehub-notification-icon {
  display: block;
  float: right;
  margin-left: 1em;
  margin-bottom: 0;
}

.govuk-phonehub-warning-container {
  background-color: var(--govuk-colour-light-grey) !important;
  border: 1em var(--govuk-colour-orange) solid;
  margin: 0;
}

.govuk-phonehub-material-icon-header {
  display: flex;
  align-items: center;
}

.govuk-phonehub-material-icon-header * {
  padding-right: 0.25em;
}

.govuk-phonehub-navbar-align {
  display: inline-flex;
  align-items: baseline;
}

.govuk-phonehub-button-align {
  display: flex;
  align-items: center;
  width: 100%;
}

.govuk-phonehub-button-align *:first-child {
  padding-right: 0.25em;
  border-right: 1px solid black;
}

.govuk-button--warning.govuk-phonehub-button-align *:first-child {
  border-right: 1px solid white;
}

.govuk-phonehub-button-align *:last-child {
  zoom: 75%;
  line-height: normal;
  width: min-content;
  margin-left: auto;
  margin-right: auto;
}

.govuk-phonehub-table-stripe-background {
  background: repeating-linear-gradient(45deg,
      var(--govuk-colour-light-grey),
      var(--govuk-colour-light-grey) 0.5em,
      var(--govuk-colour-white) 0.5em,
      var(--govuk-colour-white) 1em);
}

.govuk-phonehub-table-white-background {
  background: var(--govuk-colour-white);
}

.govuk-phonehub-table-blue-background {
  background: var(--govuk-colour-light-blue-tint-50);
}

.govuk-phonehub-table-green-background {
  background: var(--govuk-colour-light-green-tint-50);
}

.govuk-phonehub-table-padding-left {
  padding-left: 20px;
}

.govuk-phonehub-sticky-top {
  position: sticky;
  top: 1em;
}

.govuk-phonehub-sticky-top-table-header {
  position: sticky;
  top: 0;
  background-color: var(--govuk-colour-white);
  background-clip: padding-box;
  z-index: 100;
}

.govuk-phonehub-table-box-shadow {
  box-shadow: inset 0px 0px 0px 5px var(--govuk-colour-blue);
}

.govuk-phonehub-table-box-shadow-focus {
  box-shadow: inset 0px 0px 0px 5px var(--govuk-focus-colour);
}

.govuk-phonehub-table-fixed-column {
  width: 10em;
}

.govuk-phonehub-table-overflow {
  overflow-x: auto;
  margin-bottom: 1em;
}

.govuk-phonehub-sticky-left-table-header {
  position: sticky;
  left: 0;
  background-color: var(--govuk-colour-white);
  background-clip: padding-box;
  z-index: 100;
}

.govuk-phonehub-fit-content {
  width: fit-content;
}