.tw-absolute {
  position: absolute
}

.tw-relative {
  position: relative
}

.tw-inset-0 {
  inset: 0px
}

.-tw-right-4 {
  right: -1rem
}

.-tw-top-1 {
  top: -0.25rem
}

.-tw-top-4 {
  top: -1rem
}

.tw-left-0 {
  left: 0px
}

.tw-left-\[33\%\] {
  left: 33%
}

.tw-left-\[49\%\] {
  left: 49%
}

.tw-left-\[66\%\] {
  left: 66%
}

.tw-right-0 {
  right: 0px
}

.tw-right-4 {
  right: 1rem
}

.tw-top-1 {
  top: 0.25rem
}

.tw-top-4 {
  top: 1rem
}

.tw-z-50 {
  z-index: 50
}

.tw-col-span-3 {
  grid-column: span 3 / span 3
}

.tw-col-start-1 {
  grid-column-start: 1
}

.tw-float-left {
  float: left
}

.\!tw-m-0 {
  margin: 0px !important
}

.tw-m-0 {
  margin: 0px
}

.\!tw-mx-12 {
  margin-left: 3rem !important;
  margin-right: 3rem !important
}

.\!tw-my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important
}

.-tw-mx-3 {
  margin-left: -0.75rem;
  margin-right: -0.75rem
}

.tw--mx-4 {
  margin-left: -1rem;
  margin-right: -1rem
}

.tw--mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem
}

.tw-mx-16 {
  margin-left: 4rem;
  margin-right: 4rem
}

.tw-mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem
}

.tw-mx-4 {
  margin-left: 1rem;
  margin-right: 1rem
}

.tw-mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem
}

.tw-mx-auto {
  margin-left: auto;
  margin-right: auto
}

.tw-my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem
}

.tw-my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem
}

.tw-my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem
}

.tw-my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem
}

.tw-my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem
}

.tw-my-auto {
  margin-top: auto;
  margin-bottom: auto
}

.\!tw-mb-0 {
  margin-bottom: 0px !important
}

.\!tw-mb-2 {
  margin-bottom: 0.5rem !important
}

.\!tw-mb-6 {
  margin-bottom: 1.5rem !important
}

.\!tw-mb-8 {
  margin-bottom: 2rem !important
}

.\!tw-mb-\[17px\] {
  margin-bottom: 17px !important
}

.\!tw-ml-2 {
  margin-left: 0.5rem !important
}

.\!tw-ml-4 {
  margin-left: 1rem !important
}

.\!tw-mr-4 {
  margin-right: 1rem !important
}

.\!tw-mt-12 {
  margin-top: 3rem !important
}

.-tw-mt-4 {
  margin-top: -1rem
}

.-tw-mt-6 {
  margin-top: -1.5rem
}

.-tw-mt-\[75px\] {
  margin-top: -75px
}

.tw--mt-20 {
  margin-top: -5rem
}

.tw--mt-3 {
  margin-top: -0.75rem
}

.tw-mb-0 {
  margin-bottom: 0px
}

.tw-mb-10 {
  margin-bottom: 2.5rem
}

.tw-mb-12 {
  margin-bottom: 3rem
}

.tw-mb-16 {
  margin-bottom: 4rem
}

.tw-mb-2 {
  margin-bottom: 0.5rem
}

.tw-mb-4 {
  margin-bottom: 1rem
}

.tw-mb-6 {
  margin-bottom: 1.5rem
}

.tw-mb-8 {
  margin-bottom: 2rem
}

.tw-ml-10 {
  margin-left: 2.5rem
}

.tw-ml-2 {
  margin-left: 0.5rem
}

.tw-ml-8 {
  margin-left: 2rem
}

.tw-ml-\[5px\] {
  margin-left: 5px
}

.tw-mr-1 {
  margin-right: 0.25rem
}

.tw-mr-10 {
  margin-right: 2.5rem
}

.tw-mr-2 {
  margin-right: 0.5rem
}

.tw-mr-3 {
  margin-right: 0.75rem
}

.tw-mr-4 {
  margin-right: 1rem
}

.tw-mr-6 {
  margin-right: 1.5rem
}

.tw-mt-0 {
  margin-top: 0px
}

.tw-mt-10 {
  margin-top: 2.5rem
}

.tw-mt-16 {
  margin-top: 4rem
}

.tw-mt-20 {
  margin-top: 5rem
}

.tw-mt-3 {
  margin-top: 0.75rem
}

.tw-mt-4 {
  margin-top: 1rem
}

.tw-mt-5 {
  margin-top: 1.25rem
}

.tw-mt-6 {
  margin-top: 1.5rem
}

.tw-mt-8 {
  margin-top: 2rem
}

.\!tw-inline-block {
  display: inline-block !important
}

.tw-inline-block {
  display: inline-block
}

.tw-flex {
  display: flex
}

.tw-grid {
  display: grid
}

.tw-hidden {
  display: none
}

.\!tw-h-full {
  height: 100% !important
}

.tw-h-1 {
  height: 0.25rem
}

.tw-h-1\/2 {
  height: 50%
}

.tw-h-10 {
  height: 2.5rem
}

.tw-h-16 {
  height: 4rem
}

.tw-h-24 {
  height: 6rem
}

.tw-h-32 {
  height: 8rem
}

.tw-h-4 {
  height: 1rem
}

.tw-h-5 {
  height: 1.25rem
}

.tw-h-6 {
  height: 1.5rem
}

.tw-h-80 {
  height: 20rem
}

.tw-h-96 {
  height: 24rem
}

.tw-h-\[42px\] {
  height: 42px
}

.tw-h-\[45px\] {
  height: 45px
}

.tw-h-\[60vh\] {
  height: 60vh
}

.tw-h-\[75px\] {
  height: 75px
}

.tw-h-full {
  height: 100%
}

.tw-max-h-80 {
  max-height: 20rem
}

.tw-max-h-96 {
  max-height: 24rem
}

.tw-max-h-\[28rem\] {
  max-height: 28rem
}

.\!tw-w-1\/2 {
  width: 50% !important
}

.tw-w-1\/2 {
  width: 50%
}

.tw-w-1\/3 {
  width: 33.333333%
}

.tw-w-1\/4 {
  width: 25%
}

.tw-w-10 {
  width: 2.5rem
}

.tw-w-16 {
  width: 4rem
}

.tw-w-2\/12 {
  width: 16.666667%
}

.tw-w-2\/4 {
  width: 50%
}

.tw-w-20 {
  width: 5rem
}

.tw-w-24 {
  width: 6rem
}

.tw-w-3\/4 {
  width: 75%
}

.tw-w-32 {
  width: 8rem
}

.tw-w-40 {
  width: 10rem
}

.tw-w-48 {
  width: 12rem
}

.tw-w-5 {
  width: 1.25rem
}

.tw-w-5\/12 {
  width: 41.666667%
}

.tw-w-5\/6 {
  width: 83.333333%
}

.tw-w-6 {
  width: 1.5rem
}

.tw-w-\[45px\] {
  width: 45px
}

.tw-w-\[70\%\] {
  width: 70%
}

.tw-w-\[75px\] {
  width: 75px
}

.tw-w-auto {
  width: auto
}

.tw-w-full {
  width: 100%
}

.tw-flex-1 {
  flex: 1 1 0%
}

.tw-grow {
  flex-grow: 1
}

.tw-cursor-not-allowed {
  cursor: not-allowed
}

.tw-cursor-pointer {
  cursor: pointer
}

.tw-grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr))
}

.tw-grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr))
}

.tw-grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr))
}

.tw-flex-row {
  flex-direction: row
}

.tw-flex-row-reverse {
  flex-direction: row-reverse
}

.tw-flex-col {
  flex-direction: column
}

.tw-flex-col-reverse {
  flex-direction: column-reverse
}

.tw-flex-wrap {
  flex-wrap: wrap
}

.tw-items-end {
  align-items: flex-end
}

.tw-items-center {
  align-items: center
}

.tw-items-stretch {
  align-items: stretch
}

.tw-justify-center {
  justify-content: center
}

.tw-justify-between {
  justify-content: space-between
}

.tw-gap-2 {
  gap: 0.5rem
}

.tw-gap-4 {
  gap: 1rem
}

.tw-gap-8 {
  gap: 2rem
}

.tw-gap-x-16 {
  -moz-column-gap: 4rem;
       column-gap: 4rem
}

.tw-gap-y-4 {
  row-gap: 1rem
}

.tw-overflow-hidden {
  overflow: hidden
}

.tw-overflow-y-auto {
  overflow-y: auto
}

.tw-overflow-x-hidden {
  overflow-x: hidden
}

.tw-overflow-y-scroll {
  overflow-y: scroll
}

.tw-whitespace-nowrap {
  white-space: nowrap
}

.tw-break-words {
  overflow-wrap: break-word
}

.\!tw-rounded-lg {
  border-radius: 0.5rem !important
}

.tw-rounded {
  border-radius: 0.25rem
}

.tw-rounded-full {
  border-radius: 9999px
}

.tw-rounded-lg {
  border-radius: 0.5rem
}

.tw-rounded-md {
  border-radius: 0.375rem
}

.tw-rounded-sm {
  border-radius: 0.125rem
}

.tw-rounded-xl {
  border-radius: 0.75rem
}

.tw-rounded-b-xl {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem
}

.tw-rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem
}

.\!tw-border {
  border-width: 1px !important
}

.tw-border {
  border-width: 1px
}

.tw-border-0 {
  border-width: 0px
}

.tw-border-x-0 {
  border-left-width: 0px;
  border-right-width: 0px
}

.\!tw-border-b-0 {
  border-bottom-width: 0px !important
}

.tw-border-b {
  border-bottom-width: 1px
}

.tw-border-b-0 {
  border-bottom-width: 0px
}

.tw-border-l-0 {
  border-left-width: 0px
}

.tw-border-r {
  border-right-width: 1px
}

.tw-border-r-0 {
  border-right-width: 0px
}

.tw-border-t-0 {
  border-top-width: 0px
}

.tw-border-solid {
  border-style: solid
}

.\!tw-border-blue-300 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(147 197 253 / var(--tw-border-opacity)) !important
}

.\!tw-border-red-500 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(239 68 68 / var(--tw-border-opacity)) !important
}

.tw-border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity))
}

.tw-border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity))
}

.tw-border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity))
}

.tw-border-primary-200 {
  border-color: var(--primary-200-colour)
}

.tw-border-primary-500 {
  border-color: var(--primary-500-colour)
}

.tw-border-transparent {
  border-color: transparent
}

.tw-bg-\[\#f9f9f9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity))
}

.tw-bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}

.tw-bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}

.tw-bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity))
}

.tw-bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity))
}

.tw-bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity))
}

.tw-bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.tw-bg-opacity-80 {
  --tw-bg-opacity: 0.8
}

.tw-bg-opacity-90 {
  --tw-bg-opacity: 0.9
}

.tw-bg-\[url\(\'\/images\/dca\/my_data_centres\.png\'\)\] {
  background-image: url('/images/dca/my_data_centres.png')
}

.tw-bg-\[url\(\'\/images\/dca\/new_access_request\.png\'\)\] {
  background-image: url('/images/dca/new_access_request.png')
}

.tw-bg-\[url\(\'\/images\/dca\/view_access_requests\.png\'\)\] {
  background-image: url('/images/dca/view_access_requests.png')
}

.tw-bg-\[url\(\'\/images\/phonebook\/available\.png\'\)\] {
  background-image: url('/images/phonebook/available.png')
}

.tw-bg-\[url\(\'\/images\/phonebook\/geographic\.png\'\)\] {
  background-image: url('/images/phonebook/geographic.png')
}

.tw-bg-\[url\(\'\/images\/phonebook\/mobile\.png\'\)\] {
  background-image: url('/images/phonebook/mobile.png')
}

.tw-bg-\[url\(\'\/images\/phonebook\/national\.png\'\)\] {
  background-image: url('/images/phonebook/national.png')
}

.tw-bg-\[url\(\'\/images\/phonebook\/premium\.png\'\)\] {
  background-image: url('/images/phonebook/premium.png')
}

.tw-bg-\[url\(\'\/images\/phonebook\/toll_free\.png\'\)\] {
  background-image: url('/images/phonebook/toll_free.png')
}

.tw-bg-cover {
  background-size: cover
}

.tw-bg-no-repeat {
  background-repeat: no-repeat
}

.\!tw-fill-\[\#bbbbbb\] {
  fill: #bbbbbb !important
}

.tw-p-10 {
  padding: 2.5rem
}

.tw-p-2 {
  padding: 0.5rem
}

.tw-p-4 {
  padding: 1rem
}

.tw-p-6 {
  padding: 1.5rem
}

.tw-p-8 {
  padding: 2rem
}

.\!tw-px-8 {
  padding-left: 2rem !important;
  padding-right: 2rem !important
}

.\!tw-py-\[3px\] {
  padding-top: 3px !important;
  padding-bottom: 3px !important
}

.tw-px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem
}

.tw-px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem
}

.tw-px-20 {
  padding-left: 5rem;
  padding-right: 5rem
}

.tw-px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem
}

.tw-px-4 {
  padding-left: 1rem;
  padding-right: 1rem
}

.tw-px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem
}

.tw-px-8 {
  padding-left: 2rem;
  padding-right: 2rem
}

.tw-py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem
}

.tw-py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem
}

.tw-py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem
}

.tw-py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem
}

.tw-py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem
}

.tw-py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem
}

.tw-py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem
}

.\!tw-pr-24 {
  padding-right: 6rem !important
}

.tw-pb-10 {
  padding-bottom: 2.5rem
}

.tw-pb-3 {
  padding-bottom: 0.75rem
}

.tw-pb-6 {
  padding-bottom: 1.5rem
}

.tw-pb-\[40\%\] {
  padding-bottom: 40%
}

.tw-pb-\[60px\] {
  padding-bottom: 60px
}

.tw-pl-0 {
  padding-left: 0px
}

.tw-pl-10 {
  padding-left: 2.5rem
}

.tw-pl-2 {
  padding-left: 0.5rem
}

.tw-pl-28 {
  padding-left: 7rem
}

.tw-pl-8 {
  padding-left: 2rem
}

.tw-pr-10 {
  padding-right: 2.5rem
}

.tw-pr-2 {
  padding-right: 0.5rem
}

.tw-pr-4 {
  padding-right: 1rem
}

.tw-pr-8 {
  padding-right: 2rem
}

.tw-text-center {
  text-align: center
}

.tw-text-right {
  text-align: right
}

.tw-font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

.\!tw-text-2xl {
  font-size: 1.5rem !important;
  line-height: 2rem !important
}

.\!tw-text-8xl {
  font-size: 6rem !important;
  line-height: 1 !important
}

.\!tw-text-xl {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important
}

.tw-text-2xl {
  font-size: 1.5rem;
  line-height: 2rem
}

.tw-text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem
}

.tw-text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem
}

.tw-text-5xl {
  font-size: 3rem;
  line-height: 1
}

.tw-text-6xl {
  font-size: 3.75rem;
  line-height: 1
}

.tw-text-base {
  font-size: 1rem;
  line-height: 1.5rem
}

.tw-text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem
}

.tw-text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem
}

.tw-font-bold {
  font-weight: 700
}

.tw-font-semibold {
  font-weight: 600
}

.tw-uppercase {
  text-transform: uppercase
}

.tw-leading-10 {
  line-height: 2.5rem
}

.tw-leading-normal {
  line-height: 1.5
}

.tw-text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity))
}

.tw-text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity))
}

.tw-text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity))
}

.tw-text-neutral-500 {
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity))
}

.tw-text-primary-500 {
  color: var(--primary-500-colour)
}

.tw-text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity))
}

.tw-text-slate-200 {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity))
}

.tw-text-slate-400 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity))
}

.tw-text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.tw-shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:tw-bg-primary-500:hover {
  background-color: var(--primary-500-colour)
}

.hover\:tw-text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity))
}

.hover\:tw-text-neutral-500:hover {
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity))
}

.hover\:tw-text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.hover\:tw-no-underline:hover {
  text-decoration-line: none
}

.hover\:tw-shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.active\:tw-text-gray-700:active {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity))
}

@media (min-width: 640px) {
  .sm\:tw-w-1\/2 {
    width: 50%
  }

  .sm\:tw-w-full {
    width: 100%
  }

  .sm\:tw-flex-row {
    flex-direction: row
  }
}

@media (min-width: 768px) {
  .md\:tw-h-auto {
    height: auto
  }

  .md\:tw-w-1\/2 {
    width: 50%
  }

  .md\:tw-w-1\/3 {
    width: 33.333333%
  }

  .md\:tw-w-\[23\%\] {
    width: 23%
  }

  .md\:tw-w-\[30\%\] {
    width: 30%
  }

  .md\:tw-w-\[47\%\] {
    width: 47%
  }

  .md\:tw-w-auto {
    width: auto
  }

  .md\:tw-flex-row {
    flex-direction: row
  }

  .md\:tw-flex-nowrap {
    flex-wrap: nowrap
  }
}

@media (min-width: 1024px) {
  .lg\:tw-mx-0 {
    margin-left: 0px;
    margin-right: 0px
  }

  .lg\:tw-my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem
  }

  .lg\:tw-mb-12 {
    margin-bottom: 3rem
  }

  .lg\:tw-block {
    display: block
  }

  .lg\:tw-w-\[360px\] {
    width: 360px
  }

  .lg\:tw-w-auto {
    width: auto
  }

  .lg\:tw-w-full {
    width: 100%
  }

  .lg\:tw-flex-row {
    flex-direction: row
  }

  .lg\:tw-pr-4 {
    padding-right: 1rem
  }

  .lg\:tw-text-left {
    text-align: left
  }
}