.grid-row:after, #content:after, .notice:after, .panel:after, fieldset:after, .form-section:after,
.form-group:after, .breadcrumbs ol:after {
  content: "";
  display: block;
  clear: both; }

#content {
  max-width: 960px;
  margin: 0 15px; }
  @media (min-width: 641px) {
    #content {
      margin: 0 30px; } }
  @media (min-width: 1020px) {
    #content {
      margin: 0 auto; } }

.grid-row {
  margin: 0 -15px; }

.grid-row:after, #content:after, .notice:after, .panel:after, fieldset:after, .form-section:after,
.form-group:after, .breadcrumbs ol:after {
  content: "";
  display: block;
  clear: both; }

.grid-row:after, #content:after, .notice:after, .panel:after, fieldset:after, .form-section:after,
.form-group:after, .breadcrumbs ol:after {
  content: "";
  display: block;
  clear: both; }

.grid-row:after, #content:after, .notice:after, .panel:after, fieldset:after, .form-section:after,
.form-group:after, .breadcrumbs ol:after {
  content: "";
  display: block;
  clear: both; }

#content {
  max-width: 960px;
  margin: 0 15px; }
  @media (min-width: 641px) {
    #content {
      margin: 0 30px; } }
  @media (min-width: 1020px) {
    #content {
      margin: 0 auto; } }

.grid-row {
  margin: 0 -15px; }

.grid-row:after, #content:after, .notice:after, .panel:after, fieldset:after, .form-section:after,
.form-group:after, .breadcrumbs ol:after {
  content: "";
  display: block;
  clear: both; }

.grid-row:after, #content:after, .notice:after, .panel:after, fieldset:after, .form-section:after,
.form-group:after, .breadcrumbs ol:after {
  content: "";
  display: block;
  clear: both; }

.visually-hidden,
.visuallyhidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark {
  border: none;
  margin: 0;
  padding: 0; }

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
input,
textarea,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  font-weight: normal; }

abbr[title],
acronym[title] {
  text-decoration: none; }

legend {
  box-sizing: border-box;
  max-width: 100%;
  display: table; }

#content {
  padding-bottom: 30px;
  outline: none; }
  @media (min-width: 769px) {
    #content {
      padding-bottom: 90px; } }

.column-quarter,
.column-one-quarter {
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (min-width: 641px) {
    .column-quarter,
    .column-one-quarter {
      float: left;
      width: 25%; } }

.column-half,
.column-one-half {
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (min-width: 641px) {
    .column-half,
    .column-one-half {
      float: left;
      width: 50%; } }

.column-third,
.column-one-third {
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (min-width: 641px) {
    .column-third,
    .column-one-third {
      float: left;
      width: 33.33333%; } }

.column-two-thirds {
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (min-width: 641px) {
    .column-two-thirds {
      float: left;
      width: 66.66667%; } }

.column-full {
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (min-width: 641px) {
    .column-full {
      float: left;
      width: 100%; } }

main {
  font-family: Cabin, Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 16px;
  line-height: 1.25;
  -webkit-font-smoothing: antialiased; }
  @media (min-width: 641px) {
    main {
      font-size: 19px;
      line-height: 1.31579; } }

.font-xxlarge {
  font-family: Cabin, Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 53px;
  line-height: 1.03774; }
  @media (min-width: 641px) {
    .font-xxlarge {
      font-size: 80px;
      line-height: 1; } }

.font-xlarge {
  font-family: Cabin, Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 32px;
  line-height: 1.09375; }
  @media (min-width: 641px) {
    .font-xlarge {
      font-size: 48px;
      line-height: 1.04167; } }

.font-large {
  font-family: Cabin, Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 24px;
  line-height: 1.04167; }
  @media (min-width: 641px) {
    .font-large {
      font-size: 36px;
      line-height: 1.11111; } }

.font-medium {
  font-family: Cabin, Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 18px;
  line-height: 1.2; }
  @media (min-width: 641px) {
    .font-medium {
      font-size: 24px;
      line-height: 1.25; } }

.font-small {
  font-family: Cabin, Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 16px;
  line-height: 1.25; }
  @media (min-width: 641px) {
    .font-small {
      font-size: 19px;
      line-height: 1.31579; } }

.font-xsmall {
  font-family: Cabin, Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 14px;
  line-height: 1.14286; }
  @media (min-width: 641px) {
    .font-xsmall {
      font-size: 16px;
      line-height: 1.25; } }

.bold-xxlarge {
  font-family: Cabin, Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 53px;
  line-height: 1.03774; }
  @media (min-width: 641px) {
    .bold-xxlarge {
      font-size: 80px;
      line-height: 1; } }

.bold-xlarge {
  font-family: Cabin, Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 32px;
  line-height: 1.09375; }
  @media (min-width: 641px) {
    .bold-xlarge {
      font-size: 48px;
      line-height: 1.04167; } }

.bold-large {
  font-family: Cabin, Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 24px;
  line-height: 1.04167; }
  @media (min-width: 641px) {
    .bold-large {
      font-size: 36px;
      line-height: 1.11111; } }

.bold-medium {
  font-family: Cabin, Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 18px;
  line-height: 1.2; }
  @media (min-width: 641px) {
    .bold-medium {
      font-size: 24px;
      line-height: 1.25; } }

.bold-small {
  font-family: Cabin, Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 16px;
  line-height: 1.25; }
  @media (min-width: 641px) {
    .bold-small {
      font-size: 19px;
      line-height: 1.31579; } }

.bold-xsmall {
  font-family: Cabin, Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 14px;
  line-height: 1.14286; }
  @media (min-width: 641px) {
    .bold-xsmall {
      font-size: 16px;
      line-height: 1.25; } }

.bold {
  font-weight: 700; }

.heading-xlarge {
  font-family: Cabin, Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 32px;
  line-height: 1.09375;
  margin-top: 0.46875em;
  margin-bottom: 0.9375em; }
  @media (min-width: 641px) {
    .heading-xlarge {
      font-size: 48px;
      line-height: 1.04167; } }
  @media (min-width: 641px) {
    .heading-xlarge {
      margin-top: 0.625em;
      margin-bottom: 1.25em; } }
  .heading-xlarge .heading-secondary {
    font-family: Cabin, Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    font-size: 20px;
    line-height: 1.11111;
    display: block;
    padding-top: 8px;
    padding-bottom: 7px;
    display: block;
    color: #6f777b; }
    @media (min-width: 641px) {
      .heading-xlarge .heading-secondary {
        font-size: 27px;
        line-height: 1.11111; } }
    @media (min-width: 641px) {
      .heading-xlarge .heading-secondary {
        padding-top: 4px;
        padding-bottom: 6px; } }

.heading-large {
  font-family: Cabin, Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 24px;
  line-height: 1.04167;
  margin-top: 1.04167em;
  margin-bottom: 0.41667em; }
  @media (min-width: 641px) {
    .heading-large {
      font-size: 36px;
      line-height: 1.11111; } }
  @media (min-width: 641px) {
    .heading-large {
      margin-top: 1.25em;
      margin-bottom: 0.55556em; } }
  .heading-large .heading-secondary {
    font-family: Cabin, Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    font-size: 18px;
    line-height: 1.2;
    display: block;
    padding-top: 9px;
    padding-bottom: 6px;
    display: block;
    color: #6f777b; }
    @media (min-width: 641px) {
      .heading-large .heading-secondary {
        font-size: 24px;
        line-height: 1.25; } }
    @media (min-width: 641px) {
      .heading-large .heading-secondary {
        padding-top: 6px;
        padding-bottom: 4px; } }

.heading-medium {
  font-family: Cabin, Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 18px;
  line-height: 1.2;
  margin-top: 1.25em;
  margin-bottom: 0.5em; }
  @media (min-width: 641px) {
    .heading-medium {
      font-size: 24px;
      line-height: 1.25; } }
  @media (min-width: 641px) {
    .heading-medium {
      margin-top: 1.875em;
      margin-bottom: 0.83333em; } }

.heading-small {
  font-family: Cabin, Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 16px;
  line-height: 1.25;
  margin-top: 0.625em;
  margin-bottom: 0.3125em; }
  @media (min-width: 641px) {
    .heading-small {
      font-size: 19px;
      line-height: 1.31579; } }
  @media (min-width: 641px) {
    .heading-small {
      margin-top: 1.05263em; } }

p,
.body-text {
  margin-top: 0.3125em;
  margin-bottom: 1.25em; }
  @media (min-width: 641px) {
    p,
    .body-text {
      margin-top: 0.26316em;
      margin-bottom: 1.05263em; } }

.body-text {
  display: block; }

.lede {
  font-family: Cabin, Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 18px;
  line-height: 1.2; }
  @media (min-width: 641px) {
    .lede {
      font-size: 24px;
      line-height: 1.25; } }

.text {
  max-width: 30em; }

.text-secondary {
  color: #6f777b; }

.link {
  color: #005ea5;
  text-decoration: underline; }

.link:visited {
  color: #4c2c92; }

.link:hover {
  color: #2b8cc4; }

.link:active {
  color: #005ea5; }

.link-back {
  display: -moz-inline-stack;
  display: inline-block;
  position: relative;
  font-family: Cabin, Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 14px;
  line-height: 1.14286;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 14px;
  color: #0b0c0c;
  text-decoration: none;
  border-bottom: 1px solid #0b0c0c; }
  @media (min-width: 641px) {
    .link-back {
      font-size: 16px;
      line-height: 1.25; } }
  .link-back:link, .link-back:visited, .link-back:hover,
  .link-back a.link-back:focus, .link-back:active {
    color: #0b0c0c; }
  .link-back::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 6px solid #0b0c0c;
    border-bottom: 5px solid transparent;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px; }

.code {
  color: #0b0c0c;
  background-color: #f8f8f8;
  text-shadow: 0 1px #fff;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  font-size: 14px;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  border: 1px solid #bfc1c3;
  padding: 4px 4px 2px; }

hr {
  display: block;
  background: #bfc1c3;
  border: 0;
  height: 1px;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 0; }

.notice {
  position: relative; }
  .notice .icon {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -17px; }
  .notice strong {
    display: block;
    padding-left: 65px;
    margin-left: -15px; }

.data {
  margin-top: 0.3125em;
  margin-bottom: 1.25em; }
  @media (min-width: 641px) {
    .data {
      margin-top: 0.26316em;
      margin-bottom: 1.05263em; } }

.data-item {
  display: block;
  line-height: 1; }

.button {
  background-color: #00823b;
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  padding: .526315em .789473em .263157em;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  outline: 1px solid transparent;
  outline-offset: -1px;
  -webkit-appearance: none;
  -webkit-box-shadow: 0 2px 0 #003618;
  -moz-box-shadow: 0 2px 0 #003618;
  box-shadow: 0 2px 0 #003618;
  font-size: 1em;
  line-height: 1.25;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
  color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top; }
  .button:visited {
    background-color: #00823b; }
  .button:hover, .button:focus {
    background-color: #00692f; }
  .button:active {
    top: 2px;
    -webkit-box-shadow: 0 0 0 #00823b;
    -moz-box-shadow: 0 0 0 #00823b;
    box-shadow: 0 0 0 #00823b; }
  .button.disabled, .button[disabled="disabled"], .button[disabled] {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5; }
    .button.disabled:hover, .button[disabled="disabled"]:hover, .button[disabled]:hover {
      cursor: default;
      background-color: #00823b; }
    .button.disabled:active, .button[disabled="disabled"]:active, .button[disabled]:active {
      top: 0;
      -webkit-box-shadow: 0 2px 0 #003618;
      -moz-box-shadow: 0 2px 0 #003618;
      box-shadow: 0 2px 0 #003618; }
  .button:link, .button:link:focus, .button:hover, .button:focus, .button:visited {
    color: #fff; }
  .button:before {
    content: "";
    height: 110%;
    width: 100%;
    display: block;
    background: transparent;
    position: absolute;
    top: 0;
    left: 0; }
  .button:active:before {
    top: -10%;
    height: 120%; }
  @media (max-width: 640px) {
    .button {
      width: 100%;
      text-align: center; } }

.button::-moz-focus-inner {
  border: 0;
  padding: 0; }

.button:focus {
  outline: 3px solid #ffbf47; }

.button[disabled="disabled"] {
  background: #00823b; }

.button[disabled="disabled"]:focus {
  outline: none; }

.button-start,
.button-get-started {
  font-family: Cabin, Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 18px;
  line-height: 1.2;
  background-image: image-url("icon-pointer.png");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  padding: 0.36842em 2.15789em 0.21053em 0.84211em; }
  @media (min-width: 641px) {
    .button-start,
    .button-get-started {
      font-size: 24px;
      line-height: 1.25; } }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .button-start,
    .button-get-started {
      background-image: image-url("icon-pointer-2x.png");
      background-size: 30px 19px; } }

.icon {
  display: inline-block;
  background-position: 0 0;
  background-repeat: no-repeat; }

.icon-calendar {
  width: 27px;
  height: 27px;
  background-image: image-url("icon-calendar.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-calendar {
      background-image: image-url("icon-calendar-2x.png");
      background-size: 100%; } }

.icon-file-download {
  width: 30px;
  height: 39px;
  background-image: image-url("icon-file-download.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-file-download {
      background-image: image-url("icon-file-download-2x.png");
      background-size: 100%; } }

.icon-important {
  width: 35px;
  height: 35px;
  background-image: image-url("icon-important.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-important {
      background-image: image-url("icon-important-2x.png");
      background-size: 100%; } }

.icon-information {
  width: 27px;
  height: 27px;
  background-image: image-url("icon-information.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-information {
      background-image: image-url("icon-information-2x.png");
      background-size: 100%; } }

.icon-locator {
  width: 26px;
  height: 36px;
  background-image: image-url("icon-locator.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-locator {
      background-image: image-url("icon-locator-2x.png");
      background-size: 100%; } }

.icon-pointer {
  width: 30px;
  height: 19px;
  background-image: image-url("icon-pointer.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-pointer {
      background-image: image-url("icon-pointer-2x.png");
      background-size: 100%; } }

.icon-pointer-black {
  width: 23px;
  height: 23px;
  background-image: image-url("icon-pointer-black.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-pointer-black {
      background-image: image-url("icon-pointer-black-2x.png");
      background-size: 100%; } }

.icon-search {
  width: 30px;
  height: 22px;
  background-image: image-url("icon-search.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-search {
      background-image: image-url("icon-search-2x.png");
      background-size: 100%; } }

.icon-step-1 {
  width: 23px;
  height: 23px;
  background-image: image-url("icon-steps/icon-step-1.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-step-1 {
      background-image: image-url("icon-steps/icon-step-1-2x.png");
      background-size: 100%; } }

.icon-step-2 {
  width: 23px;
  height: 23px;
  background-image: image-url("icon-steps/icon-step-2.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-step-2 {
      background-image: image-url("icon-steps/icon-step-2-2x.png");
      background-size: 100%; } }

.icon-step-3 {
  width: 23px;
  height: 23px;
  background-image: image-url("icon-steps/icon-step-3.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-step-3 {
      background-image: image-url("icon-steps/icon-step-3-2x.png");
      background-size: 100%; } }

.icon-step-4 {
  width: 23px;
  height: 23px;
  background-image: image-url("icon-steps/icon-step-4.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-step-4 {
      background-image: image-url("icon-steps/icon-step-4-2x.png");
      background-size: 100%; } }

.icon-step-5 {
  width: 23px;
  height: 23px;
  background-image: image-url("icon-steps/icon-step-5.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-step-5 {
      background-image: image-url("icon-steps/icon-step-5-2x.png");
      background-size: 100%; } }

.icon-step-6 {
  width: 23px;
  height: 23px;
  background-image: image-url("icon-steps/icon-step-6.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-step-6 {
      background-image: image-url("icon-steps/icon-step-6-2x.png");
      background-size: 100%; } }

.icon-step-7 {
  width: 23px;
  height: 23px;
  background-image: image-url("icon-steps/icon-step-7.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-step-7 {
      background-image: image-url("icon-steps/icon-step-7-2x.png");
      background-size: 100%; } }

.icon-step-8 {
  width: 23px;
  height: 23px;
  background-image: image-url("icon-steps/icon-step-8.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-step-8 {
      background-image: image-url("icon-steps/icon-step-8-2x.png");
      background-size: 100%; } }

.icon-step-9 {
  width: 23px;
  height: 23px;
  background-image: image-url("icon-steps/icon-step-9.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-step-9 {
      background-image: image-url("icon-steps/icon-step-9-2x.png");
      background-size: 100%; } }

.icon-step-10 {
  width: 23px;
  height: 23px;
  background-image: image-url("icon-steps/icon-step-10.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-step-10 {
      background-image: image-url("icon-steps/icon-step-10-2x.png");
      background-size: 100%; } }

.icon-step-11 {
  width: 23px;
  height: 23px;
  background-image: image-url("icon-steps/icon-step-11.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-step-11 {
      background-image: image-url("icon-steps/icon-step-11-2x.png");
      background-size: 100%; } }

.icon-step-12 {
  width: 23px;
  height: 23px;
  background-image: image-url("icon-steps/icon-step-12.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-step-12 {
      background-image: image-url("icon-steps/icon-step-12-2x.png");
      background-size: 100%; } }

.icon-step-13 {
  width: 23px;
  height: 23px;
  background-image: image-url("icon-steps/icon-step-13.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-step-13 {
      background-image: image-url("icon-steps/icon-step-13-2x.png");
      background-size: 100%; } }

.icon-step-14 {
  width: 23px;
  height: 23px;
  background-image: image-url("icon-steps/icon-step-14.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .icon-step-14 {
      background-image: image-url("icon-steps/icon-step-14-2x.png");
      background-size: 100%; } }

.circle {
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #0b0c0c;
  color: #fff;
  font-family: "Cabin", Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: center; }

.circle-step {
  min-width: 24px;
  min-height: 24px;
  line-height: 24px; }

.circle-step-large {
  font-size: 19px;
  min-width: 38px;
  min-height: 38px;
  line-height: 38px; }

ul,
ol {
  list-style-type: none; }

.list {
  padding: 0;
  margin-top: 5px;
  margin-bottom: 20px; }

.list li {
  margin-bottom: 5px; }

.list-bullet {
  list-style-type: disc;
  padding-left: 20px; }

.list-number {
  list-style-type: decimal;
  padding-left: 20px; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%; }
  table th,
  table td {
    font-family: Cabin, Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    font-size: 16px;
    line-height: 1.25;
    padding: 0.63158em 1.05263em 0.47368em 0;
    text-align: left;
    border-bottom: 1px solid #bfc1c3; }
    @media (min-width: 641px) {
      table th,
      table td {
        font-size: 19px;
        line-height: 1.31579; } }
  table thead th {
    font-weight: 700; }
  table td:last-child,
  table th:last-child {
    padding-right: 0; }
  table .numeric {
    text-align: right; }
  table td.numeric {
    font-family: "Cabin", Arial, sans-serif; }
  table caption {
    text-align: left; }

.table-font-xsmall th {
  font-family: Cabin, Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 14px;
  line-height: 1.14286; }
  @media (min-width: 641px) {
    .table-font-xsmall th {
      font-size: 16px;
      line-height: 1.25; } }

.table-font-xsmall td {
  font-family: Cabin, Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 14px;
  line-height: 1.14286; }
  @media (min-width: 641px) {
    .table-font-xsmall td {
      font-size: 16px;
      line-height: 1.25; } }

.table-font-xsmall th,
.table-font-xsmall td {
  padding: 0.75em 1.25em 0.5625em 0; }

details {
  display: block;
  clear: both; }
  details summary {
    display: inline-block;
    color: #005ea5;
    cursor: pointer;
    position: relative;
    margin-bottom: 0.26316em; }
    details summary:hover {
      color: #2b8cc4; }
    details summary:focus {
      outline: 3px solid #ffbf47; }
  details .summary {
    text-decoration: underline; }
  details .arrow {
    margin-right: .35em;
    font-style: normal; }

.panel {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  border-left-style: solid;
  border-color: #bfc1c3;
  padding: 0.78947em;
  margin-bottom: 0.78947em; }
  .panel :first-child {
    margin-top: 0; }
  .panel :only-child,
  .panel :last-child {
    margin-bottom: 0; }

.panel-border-wide {
  border-left-width: 10px; }

.panel-border-narrow {
  border-left-width: 5px; }

.form-group .panel-border-narrow {
  float: left;
  width: 100%;
  padding-bottom: 0; }

.form-group .panel-border-narrow:first-child {
  margin-top: 10px; }

.form-group .panel-border-narrow:last-child {
  margin-top: 0;
  margin-bottom: 0; }

.inline .panel-border-narrow,
.inline .panel-border-narrow:last-child {
  margin-top: 10px;
  margin-bottom: 0; }

fieldset {
  width: 100%; }

legend {
  overflow: hidden; }

textarea {
  display: block; }

.form-section,
.form-group {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.form-section {
  margin-bottom: 30px; }
  @media (min-width: 641px) {
    .form-section {
      margin-bottom: 60px; } }

.form-group {
  margin-bottom: 15px; }
  @media (min-width: 641px) {
    .form-group {
      margin-bottom: 30px; } }

.form-group-related {
  margin-bottom: 10px; }
  @media (min-width: 641px) {
    .form-group-related {
      margin-bottom: 20px; } }

.form-group-compound {
  margin-bottom: 10px; }

.form-label,
.form-label-bold {
  display: block;
  color: #0b0c0c;
  padding-bottom: 2px; }

.form-label {
  font-family: Cabin, Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 16px;
  line-height: 1.25; }
  @media (min-width: 641px) {
    .form-label {
      font-size: 19px;
      line-height: 1.31579; } }

.form-label-bold {
  font-family: Cabin, Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 16px;
  line-height: 1.25; }
  @media (min-width: 641px) {
    .form-label-bold {
      font-size: 19px;
      line-height: 1.31579; } }

.form-block {
  float: left;
  clear: left;
  margin-top: -5px;
  margin-bottom: 5px; }
  @media (min-width: 641px) {
    .form-block {
      margin-top: 0;
      margin-bottom: 10px; } }

.form-hint {
  font-family: Cabin, Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 16px;
  line-height: 1.25;
  display: block;
  color: #6f777b;
  font-weight: normal;
  margin-top: -2px;
  padding-bottom: 2px; }
  @media (min-width: 641px) {
    .form-hint {
      font-size: 19px;
      line-height: 1.31579; } }

.form-label .form-hint,
.form-label-bold .form-hint {
  margin-top: 0;
  padding-bottom: 0; }

.form-control {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Cabin, Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
  font-size: 16px;
  line-height: 1.25;
  width: 100%;
  padding: 5px 4px 4px;
  border: 2px solid #0b0c0c; }
  @media (min-width: 641px) {
    .form-control {
      font-size: 19px;
      line-height: 1.31579; } }
  @media (min-width: 641px) {
    .form-control {
      width: 50%; } }

input.form-control,
textarea.form-control {
  -webkit-appearance: none;
  border-radius: 0; }

textarea.form-control {
  opacity: 1;
  background-image: none; }

.form-control-3-4 {
  width: 100%; }
  @media (min-width: 641px) {
    .form-control-3-4 {
      width: 75%; } }

.form-control-2-3 {
  width: 100%; }
  @media (min-width: 641px) {
    .form-control-2-3 {
      width: 66.66%; } }

.form-control-1-2 {
  width: 100%; }
  @media (min-width: 641px) {
    .form-control-1-2 {
      width: 50%; } }

.form-control-1-3 {
  width: 100%; }
  @media (min-width: 641px) {
    .form-control-1-3 {
      width: 33.33%; } }

.form-control-1-4 {
  width: 100%; }
  @media (min-width: 641px) {
    .form-control-1-4 {
      width: 25%; } }

.form-control-1-8 {
  width: 100%; }
  @media (min-width: 641px) {
    .form-control-1-8 {
      width: 12.5%; } }

option:active,
option:checked,
select:focus::-ms-value {
  color: #fff;
  background-color: #005ea5; }

.multiple-choice {
  display: block;
  float: none;
  clear: left;
  position: relative;
  padding: 0 0 0 38px;
  margin-bottom: 10px; }
  @media (min-width: 641px) {
    .multiple-choice {
      float: left; } }
  .multiple-choice input {
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 0;
    width: 38px;
    height: 38px;
    z-index: 1;
    margin: 0;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0; }
  .multiple-choice label {
    cursor: pointer;
    padding: 8px 10px 9px 12px;
    display: block;
    -ms-touch-action: manipulation;
    touch-action: manipulation; }
    @media (min-width: 641px) {
      .multiple-choice label {
        float: left;
        padding-top: 7px;
        padding-bottom: 7px; } }
  .multiple-choice [type=radio] + label::before {
    content: "";
    border: 2px solid;
    background: transparent;
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
  .multiple-choice [type=radio] + label::after {
    content: "";
    border: 10px solid;
    width: 0;
    height: 0;
    position: absolute;
    top: 9px;
    left: 9px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0; }
  .multiple-choice [type=checkbox] + label::before {
    content: "";
    border: 2px solid;
    background: transparent;
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0;
    left: 0; }
  .multiple-choice [type=checkbox] + label::after {
    content: "";
    border: solid;
    border-width: 0 0 5px 5px;
    background: transparent;
    border-top-color: transparent;
    width: 17px;
    height: 7px;
    position: absolute;
    top: 10px;
    left: 8px;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0; }
  .multiple-choice [type=radio]:focus + label::before {
    -webkit-box-shadow: 0 0 0 4px #ffbf47;
    -moz-box-shadow: 0 0 0 4px #ffbf47;
    box-shadow: 0 0 0 4px #ffbf47; }
  .multiple-choice [type=checkbox]:focus + label::before {
    -webkit-box-shadow: 0 0 0 3px #ffbf47;
    -moz-box-shadow: 0 0 0 3px #ffbf47;
    box-shadow: 0 0 0 3px #ffbf47; }
  .multiple-choice input:checked + label::after {
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1; }
  .multiple-choice input:disabled {
    cursor: default; }
  .multiple-choice input:disabled + label {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default; }
  .multiple-choice:last-child, .multiple-choice:last-of-type {
    margin-bottom: 0; }

.inline .multiple-choice {
  clear: none; }
  @media (min-width: 641px) {
    .inline .multiple-choice {
      margin-bottom: 0;
      margin-right: 30px; } }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield; }

.form-date .form-group {
  float: left;
  width: 50px;
  margin-right: 20px;
  margin-bottom: 0;
  clear: none; }
  .form-date .form-group label {
    display: block;
    padding-bottom: 2px; }
  .form-date .form-group input {
    width: 100%; }

.form-date .form-group-year {
  width: 70px; }

.form-group-error {
  margin-right: 15px;
  border-left: 4px solid #b10e1e;
  padding-left: 10px; }
  @media (min-width: 641px) {
    .form-group-error {
      border-left: 5px solid #b10e1e;
      padding-left: 15px; } }

.form-control-error {
  border: 4px solid #b10e1e; }

.error-message, .eligible-postcode-area {
  font-family: Cabin, Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 16px;
  line-height: 1.25;
  color: #b10e1e;
  display: block;
  clear: both;
  margin: 0;
  padding: 2px 0; }
  @media (min-width: 641px) {
    .error-message, .eligible-postcode-area {
      font-size: 19px;
      line-height: 1.31579; } }

.form-label .error-message,
.form-label-bold .error-message {
  padding-top: 4px;
  padding-bottom: 0; }

.error-summary {
  border: 4px solid #b10e1e;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 15px 10px; }
  @media (min-width: 641px) {
    .error-summary {
      border: 5px solid #b10e1e;
      margin-top: 30px;
      margin-bottom: 30px;
      padding: 20px 15px 15px; } }
  .error-summary:focus {
    outline: 3px solid #ffbf47; }
  .error-summary .error-summary-heading {
    margin-top: 0; }
  .error-summary p {
    margin-bottom: 10px; }
  .error-summary .error-summary-list {
    padding-left: 0; }
    @media (min-width: 641px) {
      .error-summary .error-summary-list li {
        margin-bottom: 5px; } }
    .error-summary .error-summary-list a {
      color: #b10e1e;
      font-weight: bold;
      text-decoration: underline; }

.breadcrumbs {
  padding-top: 0.75em;
  padding-bottom: 0.75em; }
  .breadcrumbs li {
    font-family: Cabin, Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    font-size: 14px;
    line-height: 1.14286;
    float: left;
    background-image: image-url("separator.png");
    background-position: 0% 50%;
    background-repeat: no-repeat;
    list-style: none;
    margin-left: 0.6em;
    margin-bottom: 0.4em;
    padding-left: 0.9em; }
    @media (min-width: 641px) {
      .breadcrumbs li {
        font-size: 16px;
        line-height: 1.25; } }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 20 / 10), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .breadcrumbs li {
        background-image: image-url("separator-2x.png");
        background-size: 6px 11px; } }
    .breadcrumbs li:first-child {
      background-image: none;
      margin-left: 0;
      padding-left: 0; }
  .breadcrumbs a {
    color: #0b0c0c; }

.phase-banner {
  padding: 10px 0 8px;
  border-bottom: 1px solid #bfc1c3; }
  @media (min-width: 641px) {
    .phase-banner {
      padding-bottom: 10px; } }
  .phase-banner p {
    display: table;
    margin: 0;
    color: #000;
    font-family: Cabin, Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    font-size: 14px;
    line-height: 1.14286; }
    @media (min-width: 641px) {
      .phase-banner p {
        font-size: 16px;
        line-height: 1.25; } }
  .phase-banner .phase-tag {
    display: -moz-inline-stack;
    display: inline-block;
    margin: 0 8px 0 0;
    padding: 2px 5px 0;
    font-family: Cabin, Arial, sans-serif;
    font-weight: 700;
    text-transform: none;
    font-size: 14px;
    line-height: 1.14286;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    color: #fff;
    background-color: #005ea5; }
    @media (min-width: 641px) {
      .phase-banner .phase-tag {
        font-size: 16px;
        line-height: 1.25; } }
  .phase-banner span {
    display: table-cell;
    vertical-align: baseline; }

.phase-banner-alpha,
.phase-banner-beta {
  padding: 10px 0 8px;
  border-bottom: 1px solid #bfc1c3; }
  @media (min-width: 641px) {
    .phase-banner-alpha,
    .phase-banner-beta {
      padding-bottom: 10px; } }
  .phase-banner-alpha p,
  .phase-banner-beta p {
    display: table;
    margin: 0;
    color: #000;
    font-family: Cabin, Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    font-size: 14px;
    line-height: 1.14286; }
    @media (min-width: 641px) {
      .phase-banner-alpha p,
      .phase-banner-beta p {
        font-size: 16px;
        line-height: 1.25; } }
  .phase-banner-alpha .phase-tag,
  .phase-banner-beta .phase-tag {
    display: -moz-inline-stack;
    display: inline-block;
    margin: 0 8px 0 0;
    padding: 2px 5px 0;
    font-family: Cabin, Arial, sans-serif;
    font-weight: 700;
    text-transform: none;
    font-size: 14px;
    line-height: 1.14286;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    color: #fff;
    background-color: #005ea5; }
    @media (min-width: 641px) {
      .phase-banner-alpha .phase-tag,
      .phase-banner-beta .phase-tag {
        font-size: 16px;
        line-height: 1.25; } }
  .phase-banner-alpha span,
  .phase-banner-beta span {
    display: table-cell;
    vertical-align: baseline; }

.phase-tag {
  display: -moz-inline-stack;
  display: inline-block;
  margin: 0 8px 0 0;
  padding: 2px 5px 0;
  font-family: Cabin, Arial, sans-serif;
  font-weight: 700;
  text-transform: none;
  font-size: 14px;
  line-height: 1.14286;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  color: #fff;
  background-color: #005ea5; }
  @media (min-width: 641px) {
    .phase-tag {
      font-size: 16px;
      line-height: 1.25; } }

.govuk-box-highlight {
  margin: 1em 0;
  padding: 2em 1em;
  color: #fff;
  background: #28a197;
  text-align: center; }

@-moz-document regexp('.*') {
  details summary:not([tabindex]) {
    display: list-item;
    display: revert; } }

@font-face {
  font-family: 'Cabin';
  src: url("fonts/cabin-bold-webfont.woff2") format("woff2"), url("fonts/cabin-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Cabin';
  src: url("fonts/cabin-bolditalic-webfont.woff2") format("woff2"), url("fonts/cabin-bolditalic-webfont.woff") format("woff");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: 'Cabin';
  src: url("fonts/cabin-italic-webfont.woff2") format("woff2"), url("fonts/cabin-italic-webfont.woff") format("woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'Cabin';
  src: url("fonts/cabin-medium-webfont.woff2") format("woff2"), url("fonts/cabin-medium-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Cabin';
  src: url("fonts/cabin-mediumitalic-webfont.woff2") format("woff2"), url("fonts/cabin-mediumitalic-webfont.woff") format("woff");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: 'Cabin';
  src: url("fonts/cabin-regular-webfont.woff2") format("woff2"), url("fonts/cabin-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Cabin';
  src: url("fonts/cabin-semibold-webfont.woff2") format("woff2"), url("fonts/cabin-semibold-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Cabin';
  src: url("fonts/cabin-semibolditalic-webfont.woff2") format("woff2"), url("fonts/cabin-semibolditalic-webfont.woff") format("woff");
  font-weight: 600;
  font-style: italic; }

.cc-window {
  opacity: 1;
  transition: opacity 1s ease; }

.cc-window.cc-invisible {
  opacity: 0; }

.cc-animate.cc-revoke {
  transition: transform 1s ease; }

.cc-animate.cc-revoke.cc-top {
  transform: translateY(-2em); }

.cc-animate.cc-revoke.cc-bottom {
  transform: translateY(2em); }

.cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover {
  transform: translateY(0); }

.cc-grower {
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s; }

.cc-link, .cc-revoke:hover {
  text-decoration: underline; }

.cc-revoke, .cc-window {
  position: fixed;
  overflow: hidden;
  box-sizing: border-box;
  font-family: Helvetica,Calibri,Arial,sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  z-index: 9999; }

.cc-window.cc-static {
  position: static; }

.cc-window.cc-floating {
  padding: 2em;
  max-width: 24em;
  -ms-flex-direction: column;
  flex-direction: column; }

.cc-window.cc-banner {
  padding: 1em 1.8em;
  width: 100%;
  -ms-flex-direction: row;
  flex-direction: row; }

.cc-revoke {
  padding: .5em; }

.cc-header {
  font-size: 18px;
  font-weight: 700; }

.cc-btn, .cc-close, .cc-link, .cc-revoke {
  cursor: pointer; }

.cc-link {
  opacity: .8;
  display: inline-block;
  padding: .2em; }

.cc-link:hover {
  opacity: 1; }

.cc-link:active, .cc-link:visited {
  color: initial; }

.cc-btn {
  display: block;
  padding: .4em .8em;
  font-size: .9em;
  font-weight: 700;
  border-width: 2px;
  border-style: solid;
  text-align: center;
  white-space: nowrap; }

.cc-banner .cc-btn:last-child {
  min-width: 140px; }

.cc-highlight .cc-btn:first-child {
  background-color: transparent;
  border-color: transparent; }

.cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
  background-color: transparent;
  text-decoration: underline; }

.cc-close {
  display: block;
  position: absolute;
  top: .5em;
  right: .5em;
  font-size: 1.6em;
  opacity: .9;
  line-height: .75; }

.cc-close:focus, .cc-close:hover {
  opacity: 1; }

.cc-revoke.cc-top {
  top: 0;
  left: 3em;
  border-bottom-left-radius: .5em;
  border-bottom-right-radius: .5em; }

.cc-revoke.cc-bottom {
  bottom: 0;
  left: 3em;
  border-top-left-radius: .5em;
  border-top-right-radius: .5em; }

.cc-revoke.cc-left {
  left: 3em;
  right: unset; }

.cc-revoke.cc-right {
  right: 3em;
  left: unset; }

.cc-top {
  top: 1em; }

.cc-left {
  left: 1em; }

.cc-right {
  right: 1em; }

.cc-bottom {
  bottom: 1em; }

.cc-floating > .cc-link {
  margin-bottom: 1em; }

.cc-floating .cc-message {
  display: block;
  margin-bottom: 1em; }

.cc-window.cc-floating .cc-compliance {
  -ms-flex: 1;
  flex: 1; }

.cc-window.cc-banner {
  -ms-flex-align: center;
  align-items: center; }

.cc-banner.cc-top {
  left: 0;
  right: 0;
  top: 0; }

.cc-banner.cc-bottom {
  left: 0;
  right: 0;
  bottom: 0; }

.cc-banner .cc-message {
  -ms-flex: 1;
  flex: 1; }

.cc-compliance {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: justify;
  align-content: space-between; }

.cc-compliance > .cc-btn {
  -ms-flex: 1;
  flex: 1; }

.cc-btn + .cc-btn {
  margin-left: .5em; }

@media print {
  .cc-revoke, .cc-window {
    display: none; } }

@media screen and (max-width: 900px) {
  .cc-btn {
    white-space: normal; } }

@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
  .cc-window.cc-top {
    top: 0; }
  .cc-window.cc-bottom {
    bottom: 0; }
  .cc-window.cc-banner, .cc-window.cc-left, .cc-window.cc-right {
    left: 0;
    right: 0; }
  .cc-window.cc-banner {
    -ms-flex-direction: column;
    flex-direction: column; }
  .cc-window.cc-banner .cc-compliance {
    -ms-flex: 1;
    flex: 1; }
  .cc-window.cc-floating {
    max-width: none; }
  .cc-window .cc-message {
    margin-bottom: 1em; }
  .cc-window.cc-banner {
    -ms-flex-align: unset;
    align-items: unset; } }

.cc-floating.cc-theme-classic {
  padding: 1.2em;
  border-radius: 5px; }

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
  text-align: center;
  display: inline;
  -ms-flex: none;
  flex: none; }

.cc-theme-classic .cc-btn {
  border-radius: 5px; }

.cc-theme-classic .cc-btn:last-child {
  min-width: 140px; }

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
  display: inline-block; }

.cc-theme-edgeless.cc-window {
  padding: 0; }

.cc-floating.cc-theme-edgeless .cc-message {
  margin: 2em 2em 1.5em; }

.cc-banner.cc-theme-edgeless .cc-btn {
  margin: 0;
  padding: .8em 1.8em;
  height: 100%; }

.cc-banner.cc-theme-edgeless .cc-message {
  margin-left: 1em; }

.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
  margin-left: 0; }

html, body {
  font-family: Cabin, Arial, sans-serif;
  margin: 0;
  padding: 0; }

.button {
  -moz-box-shadow: 0 2px 0 #002952;
  -webkit-box-shadow: 0 2px 0 #002952;
  background-color: #006eb8;
  box-shadow: 0 2px 0 #002952; }
  .button:visited {
    background-color: #006eb8; }
  .button:hover, .button:focus {
    background-color: #3a82a8; }
  .button.disabled:hover, .button[disabled="disabled"]:hover, .button[disabled]:hover {
    background-color: #006eb8; }

.pca.pcalist {
  font-family: Cabin, Arial, sans-serif;
  font-size: 16px;
  line-height: 22px; }

.pca .pcatext.pcanotification.pcavisible {
  display: none !important;
  height: 0 !important;
  visibility: hidden !important;
  width: 0 !important; }

.reciteme {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 999; }

.idpc_ul.hidden {
  display: none; }

div.idpc_autocomplete {
  position: relative; }

div.idpc_autocomplete > input {
  display: block; }

div.idpc_autocomplete > ul {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: 0.05em 0.2em 0.6em rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  left: 0;
  list-style: none;
  margin: .2em 0 0;
  max-height: 250px;
  min-width: 100%;
  overflow-y: scroll;
  padding: 0;
  position: absolute;
  text-shadow: none;
  z-index: 1; }

div.idpc_autocomplete > ul > li {
  cursor: pointer;
  font-size: 17px;
  line-height: 25px;
  padding: .2em .5em;
  position: relative; }

div.idpc_autocomplete > ul > li:hover {
  background: #b8d3e0;
  color: #000; }

div.idpc_autocomplete > ul > li.idpc_error {
  background-color: #eee;
  cursor: default !important;
  font-style: italic; }

div.idpc_autocomplete > ul > li[aria-selected=true] {
  background: #3d6d8f;
  color: #fff; }

.hidden {
  display: none !important; }

.form-control-48-100 {
  width: 100%; }

@media (min-width: 641px) {
  .form-control-48-100 {
    width: 48%; } }

.tips .section ol, #tips .section ol {
  list-style-type: decimal;
  padding-left: 30px; }
.tips .section ul, #tips .section ul {
  list-style-type: disc;
  padding-left: 30px; }
  .tips .section ol li, #tips .section ol li, .tips .section ul li, #tips .section ul li {
    font-size: 17px;
    line-height: 23px; }

#email .container .content #application, #print .container .content #application {
  float: none;
  width: 100%; }
  #email .container .content #application .main-section input, #email .container .content #application .main-section label, #email .container .content #application .main-section select, #email .container .content #application .main-section textarea, #email .container .content #application .main-section .summary, #print .container .content #application .main-section input, #print .container .content #application .main-section label, #print .container .content #application .main-section select, #print .container .content #application .main-section textarea, #print .container .content #application .main-section .summary {
    cursor: default; }
    #email .container .content #application .main-section input:focus, #email .container .content #application .main-section label:focus, #email .container .content #application .main-section select:focus, #email .container .content #application .main-section textarea:focus, #email .container .content #application .main-section .summary:focus, #print .container .content #application .main-section input:focus, #print .container .content #application .main-section label:focus, #print .container .content #application .main-section select:focus, #print .container .content #application .main-section textarea:focus, #print .container .content #application .main-section .summary:focus {
      outline-style: none; }
  #email .container .content #application .main-section .form-section .tip, #print .container .content #application .main-section .form-section .tip {
    display: none; }
  #email .container .content #application .main-section .form-section .form-group label .optional, #email .container .content #application .main-section .form-section .form-group h1 .optional, #print .container .content #application .main-section .form-section .form-group label .optional, #print .container .content #application .main-section .form-section .form-group h1 .optional {
    display: none; }
  #email .container .content #application .main-section .form-section .form-group .textarea-print, #print .container .content #application .main-section .form-section .form-group .textarea-print {
    border: 2px solid #0b0c0c;
    font-family: Cabin, Arial, sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 25px;
    min-height: 125px;
    padding: 5px 4px 4px; }
  #email .container .content #application #applicant > .summary, #print .container .content #application #applicant > .summary {
    background-color: #005085;
    background-image: url("../img/applicant.png"); }
  #email .container .content #application #voucher_details > .summary, #print .container .content #application #voucher_details > .summary {
    background-color: #3E92CC;
    background-image: url("../img/about-your-needs.png"); }
  #email .container .content #application #checklist > .summary, #print .container .content #application #checklist > .summary {
    background-color: #18435A;
    background-image: url("../img/checklist.png"); }
  #email .container .content #application #home_and_family > .summary, #print .container .content #application #home_and_family > .summary {
    background-color: #0096e3;
    background-image: url("../img/home-and-family.png"); }
  #email .container .content #application #home_and_family #homeSharedWith .person.hidden, #print .container .content #application #home_and_family #homeSharedWith .person.hidden {
    display: none; }
  #email .container .content #application #water_accounts > .summary, #print .container .content #application #water_accounts > .summary {
    background-color: #37c8e3;
    background-image: url("../img/water-accounts.png"); }
  #email .container .content #application #finances > .summary, #print .container .content #application #finances > .summary {
    background-color: #002952;
    background-image: url("../img/finances.png"); }
  #email .container .content #application #finances > .form-section, #print .container .content #application #finances > .form-section {
    padding-top: 40px; }
    #email .container .content #application #finances > .form-section .sub-section .summary, #print .container .content #application #finances > .form-section .sub-section .summary {
      background-image: none; }
    #email .container .content #application #finances > .form-section .sub-section .form-section, #print .container .content #application #finances > .form-section .sub-section .form-section {
      padding-bottom: 20px; }
      #email .container .content #application #finances > .form-section .sub-section .form-section .form-group, #print .container .content #application #finances > .form-section .sub-section .form-section .form-group {
        padding: 0 0 25px; }
      #email .container .content #application #finances > .form-section .sub-section .form-section p, #print .container .content #application #finances > .form-section .sub-section .form-section p {
        font-size: 19px;
        line-height: 25px;
        margin: 10px 0 25px; }
    #email .container .content #application #finances > .form-section #finances_income .form-section table, #email .container .content #application #finances > .form-section #finances_expenditure .form-section table, #print .container .content #application #finances > .form-section #finances_income .form-section table, #print .container .content #application #finances > .form-section #finances_expenditure .form-section table {
      margin-bottom: 25px; }
      #email .container .content #application #finances > .form-section #finances_income .form-section table tr th, #email .container .content #application #finances > .form-section #finances_income .form-section table tr td, #email .container .content #application #finances > .form-section #finances_expenditure .form-section table tr th, #email .container .content #application #finances > .form-section #finances_expenditure .form-section table tr td, #print .container .content #application #finances > .form-section #finances_income .form-section table tr th, #print .container .content #application #finances > .form-section #finances_income .form-section table tr td, #print .container .content #application #finances > .form-section #finances_expenditure .form-section table tr th, #print .container .content #application #finances > .form-section #finances_expenditure .form-section table tr td {
        text-align: center; }
        #email .container .content #application #finances > .form-section #finances_income .form-section table tr th:first-of-type, #email .container .content #application #finances > .form-section #finances_income .form-section table tr td:first-of-type, #email .container .content #application #finances > .form-section #finances_expenditure .form-section table tr th:first-of-type, #email .container .content #application #finances > .form-section #finances_expenditure .form-section table tr td:first-of-type, #print .container .content #application #finances > .form-section #finances_income .form-section table tr th:first-of-type, #print .container .content #application #finances > .form-section #finances_income .form-section table tr td:first-of-type, #print .container .content #application #finances > .form-section #finances_expenditure .form-section table tr th:first-of-type, #print .container .content #application #finances > .form-section #finances_expenditure .form-section table tr td:first-of-type {
          text-align: left; }
      #email .container .content #application #finances > .form-section #finances_income .form-section table tr th, #email .container .content #application #finances > .form-section #finances_expenditure .form-section table tr th, #print .container .content #application #finances > .form-section #finances_income .form-section table tr th, #print .container .content #application #finances > .form-section #finances_expenditure .form-section table tr th {
        width: 22.5%; }
        #email .container .content #application #finances > .form-section #finances_income .form-section table tr th.type, #email .container .content #application #finances > .form-section #finances_expenditure .form-section table tr th.type, #print .container .content #application #finances > .form-section #finances_income .form-section table tr th.type, #print .container .content #application #finances > .form-section #finances_expenditure .form-section table tr th.type {
          width: 55%; }
    #email .container .content #application #finances > .form-section #finances_outstanding_debt .form-section table, #print .container .content #application #finances > .form-section #finances_outstanding_debt .form-section table {
      margin-bottom: 45px; }
      #email .container .content #application #finances > .form-section #finances_outstanding_debt .form-section table tr th, #email .container .content #application #finances > .form-section #finances_outstanding_debt .form-section table tr td, #print .container .content #application #finances > .form-section #finances_outstanding_debt .form-section table tr th, #print .container .content #application #finances > .form-section #finances_outstanding_debt .form-section table tr td {
        text-align: center; }
        #email .container .content #application #finances > .form-section #finances_outstanding_debt .form-section table tr th:first-of-type, #email .container .content #application #finances > .form-section #finances_outstanding_debt .form-section table tr td:first-of-type, #print .container .content #application #finances > .form-section #finances_outstanding_debt .form-section table tr th:first-of-type, #print .container .content #application #finances > .form-section #finances_outstanding_debt .form-section table tr td:first-of-type {
          text-align: left; }
      #email .container .content #application #finances > .form-section #finances_outstanding_debt .form-section table tr th, #print .container .content #application #finances > .form-section #finances_outstanding_debt .form-section table tr th {
        width: 16%; }
        #email .container .content #application #finances > .form-section #finances_outstanding_debt .form-section table tr th.type, #print .container .content #application #finances > .form-section #finances_outstanding_debt .form-section table tr th.type {
          width: 24%; }
        #email .container .content #application #finances > .form-section #finances_outstanding_debt .form-section table tr th.amount-owed, #print .container .content #application #finances > .form-section #finances_outstanding_debt .form-section table tr th.amount-owed {
          width: 20%; }
        #email .container .content #application #finances > .form-section #finances_outstanding_debt .form-section table tr th.sub, #print .container .content #application #finances > .form-section #finances_outstanding_debt .form-section table tr th.sub {
          color: #777;
          font-style: italic;
          font-weight: 500; }
          #email .container .content #application #finances > .form-section #finances_outstanding_debt .form-section table tr th.sub.amount, #email .container .content #application #finances > .form-section #finances_outstanding_debt .form-section table tr th.sub.frequency, #print .container .content #application #finances > .form-section #finances_outstanding_debt .form-section table tr th.sub.amount, #print .container .content #application #finances > .form-section #finances_outstanding_debt .form-section table tr th.sub.frequency {
            width: 14%; }
  #email .container .content #application #additional_info > .summary, #print .container .content #application #additional_info > .summary {
    background-color: #006eb8;
    background-image: url("../img/additional-info.png"); }
  #email .container .content #application #how_can_we_help > .summary, #print .container .content #application #how_can_we_help > .summary {
    background-color: #00669b;
    background-image: url("../img/how-can-we-help.png"); }
  #email .container .content #application #how_can_we_help .form-section .form-group #payments_help input + input, #print .container .content #application #how_can_we_help .form-section .form-group #payments_help input + input {
    margin-top: 10px; }
  #email .container .content #application #declaration > .summary, #print .container .content #application #declaration > .summary {
    background-color: #00bb28;
    background-image: url("../img/declaration.png"); }
  #email .container .content #application button, #print .container .content #application button {
    display: none; }

#part-completed-forms .container .content .button.delete, #submitted-forms .container .content .button.delete, #delete-application .container .content .button.delete, #manage-users .container .content .button.delete {
  background-color: #990000;
  -webkit-box-shadow: 0 2px 0 #4d0000;
  -moz-box-shadow: 0 2px 0 #4d0000;
  box-shadow: 0 2px 0 #4d0000;
  margin-bottom: 5px; }
  #part-completed-forms .container .content .button.delete:hover, #part-completed-forms .container .content .button.delete:focus, #submitted-forms .container .content .button.delete:hover, #submitted-forms .container .content .button.delete:focus, #delete-application .container .content .button.delete:hover, #delete-application .container .content .button.delete:focus, #manage-users .container .content .button.delete:hover, #manage-users .container .content .button.delete:focus {
    background-color: #800000; }

#part-completed-forms .container .content .form-section, #submitted-forms .container .content .form-section, #delete-application .container .content .form-section, #manage-users .container .content .form-section {
  margin-bottom: 40px; }

#part-completed-forms .container .content h1, #submitted-forms .container .content h1, #delete-application .container .content h1, #manage-users .container .content h1 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px; }

#part-completed-forms .container .content #message a, #submitted-forms .container .content #message a, #delete-application .container .content #message a, #manage-users .container .content #message a {
  color: #286e9c;
  font-weight: 400; }
  #part-completed-forms .container .content #message a:hover, #part-completed-forms .container .content #message a:active, #part-completed-forms .container .content #message a:focus, #submitted-forms .container .content #message a:hover, #submitted-forms .container .content #message a:active, #submitted-forms .container .content #message a:focus, #delete-application .container .content #message a:hover, #delete-application .container .content #message a:active, #delete-application .container .content #message a:focus, #manage-users .container .content #message a:hover, #manage-users .container .content #message a:active, #manage-users .container .content #message a:focus {
    color: #000; }

#part-completed-forms .container .content #search, #submitted-forms .container .content #search, #delete-application .container .content #search, #manage-users .container .content #search {
  margin-top: 20px; }
  #part-completed-forms .container .content #search .button, #submitted-forms .container .content #search .button, #delete-application .container .content #search .button, #manage-users .container .content #search .button {
    font-size: 18px;
    font-weight: 500; }

#part-completed-forms .container .content .no-applications, #submitted-forms .container .content .no-applications, #delete-application .container .content .no-applications, #manage-users .container .content .no-applications {
  background-color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 40px;
  padding: 15px 25px; }

#part-completed-forms .container .content .table-container, #submitted-forms .container .content .table-container, #delete-application .container .content .table-container, #manage-users .container .content .table-container {
  margin-bottom: 40px; }

#part-completed-forms .container .content table thead tr th.actions, #part-completed-forms .container .content table thead tr th.status, #part-completed-forms .container .content table thead tr td.actions, #part-completed-forms .container .content table thead tr td.status, #part-completed-forms .container .content table tbody tr th.actions, #part-completed-forms .container .content table tbody tr th.status, #part-completed-forms .container .content table tbody tr td.actions, #part-completed-forms .container .content table tbody tr td.status, #submitted-forms .container .content table thead tr th.actions, #submitted-forms .container .content table thead tr th.status, #submitted-forms .container .content table thead tr td.actions, #submitted-forms .container .content table thead tr td.status, #submitted-forms .container .content table tbody tr th.actions, #submitted-forms .container .content table tbody tr th.status, #submitted-forms .container .content table tbody tr td.actions, #submitted-forms .container .content table tbody tr td.status, #delete-application .container .content table thead tr th.actions, #delete-application .container .content table thead tr th.status, #delete-application .container .content table thead tr td.actions, #delete-application .container .content table thead tr td.status, #delete-application .container .content table tbody tr th.actions, #delete-application .container .content table tbody tr th.status, #delete-application .container .content table tbody tr td.actions, #delete-application .container .content table tbody tr td.status, #manage-users .container .content table thead tr th.actions, #manage-users .container .content table thead tr th.status, #manage-users .container .content table thead tr td.actions, #manage-users .container .content table thead tr td.status, #manage-users .container .content table tbody tr th.actions, #manage-users .container .content table tbody tr th.status, #manage-users .container .content table tbody tr td.actions, #manage-users .container .content table tbody tr td.status {
  padding-right: 20px; }

#part-completed-forms .container .content table thead tr th, #submitted-forms .container .content table thead tr th, #delete-application .container .content table thead tr th, #manage-users .container .content table thead tr th {
  background-color: #ccd4d9; }

#part-completed-forms .container .content table tbody tr:nth-child(2n) td, #submitted-forms .container .content table tbody tr:nth-child(2n) td, #delete-application .container .content table tbody tr:nth-child(2n) td, #manage-users .container .content table tbody tr:nth-child(2n) td {
  background-color: #f5f6f7; }

#part-completed-forms .container .content table tbody tr td, #submitted-forms .container .content table tbody tr td, #delete-application .container .content table tbody tr td, #manage-users .container .content table tbody tr td {
  background-color: #fff;
  font-size: 18px; }
  #part-completed-forms .container .content table tbody tr td.actions, #submitted-forms .container .content table tbody tr td.actions, #delete-application .container .content table tbody tr td.actions, #manage-users .container .content table tbody tr td.actions {
    text-align: center; }
  #part-completed-forms .container .content table tbody tr td .phone strong, #part-completed-forms .container .content table tbody tr td .mobile strong, #submitted-forms .container .content table tbody tr td .phone strong, #submitted-forms .container .content table tbody tr td .mobile strong, #delete-application .container .content table tbody tr td .phone strong, #delete-application .container .content table tbody tr td .mobile strong, #manage-users .container .content table tbody tr td .phone strong, #manage-users .container .content table tbody tr td .mobile strong {
    color: #3b4235;
    font-weight: 600; }
  #part-completed-forms .container .content table tbody tr td .email a, #submitted-forms .container .content table tbody tr td .email a, #delete-application .container .content table tbody tr td .email a, #manage-users .container .content table tbody tr td .email a {
    color: #000; }
    #part-completed-forms .container .content table tbody tr td .email a:hover, #part-completed-forms .container .content table tbody tr td .email a:active, #submitted-forms .container .content table tbody tr td .email a:hover, #submitted-forms .container .content table tbody tr td .email a:active, #delete-application .container .content table tbody tr td .email a:hover, #delete-application .container .content table tbody tr td .email a:active, #manage-users .container .content table tbody tr td .email a:hover, #manage-users .container .content table tbody tr td .email a:active {
      color: #286e9c; }
  #part-completed-forms .container .content table tbody tr td .button.view-edit, #submitted-forms .container .content table tbody tr td .button.view-edit, #delete-application .container .content table tbody tr td .button.view-edit, #manage-users .container .content table tbody tr td .button.view-edit {
    margin-bottom: 13px; }

#part-completed-forms .container .content .pagination, #submitted-forms .container .content .pagination, #delete-application .container .content .pagination, #manage-users .container .content .pagination {
  background-color: #fff;
  display: inline-block;
  font-size: 19px;
  margin-bottom: 40px;
  padding: 15px 20px; }
  #part-completed-forms .container .content .pagination:before, #submitted-forms .container .content .pagination:before, #delete-application .container .content .pagination:before, #manage-users .container .content .pagination:before {
    content: 'Pages:';
    font-weight: 700; }
  #part-completed-forms .container .content .pagination .selected, #part-completed-forms .container .content .pagination a, #submitted-forms .container .content .pagination .selected, #submitted-forms .container .content .pagination a, #delete-application .container .content .pagination .selected, #delete-application .container .content .pagination a, #manage-users .container .content .pagination .selected, #manage-users .container .content .pagination a {
    margin-left: 10px; }
  #part-completed-forms .container .content .pagination a, #submitted-forms .container .content .pagination a, #delete-application .container .content .pagination a, #manage-users .container .content .pagination a {
    color: #286e9c; }
    #part-completed-forms .container .content .pagination a:hover, #part-completed-forms .container .content .pagination a:active, #part-completed-forms .container .content .pagination a:focus, #submitted-forms .container .content .pagination a:hover, #submitted-forms .container .content .pagination a:active, #submitted-forms .container .content .pagination a:focus, #delete-application .container .content .pagination a:hover, #delete-application .container .content .pagination a:active, #delete-application .container .content .pagination a:focus, #manage-users .container .content .pagination a:hover, #manage-users .container .content .pagination a:active, #manage-users .container .content .pagination a:focus {
      color: #000; }

#submit-application #submitMessage {
  background-color: #fff;
  margin-bottom: 30px;
  /*max-width: 700px;*/
  min-height: 150px;
  padding: 20px 25px 20px; }
  #submit-application #submitMessage p {
    font-size: 19px;
    line-height: 27px;
    margin: 0 0 27px; }
    #submit-application #submitMessage p strong {
      font-weight: 700; }
  #submit-application #submitMessage .ozzie {
    float: none; }
  #submit-application #submitMessage .print, #submit-application #submitMessage .email, #submit-application #submitMessage .return {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 27px;
    padding: 8px 16px 10px; }
  #submit-application #submitMessage .print {
    margin-right: 20px; }
  #submit-application #submitMessage span {
    white-space: nowrap; }

#submitted-forms .container .content table thead th.id, #submitted-forms .container .content table thead td.id, #submitted-forms .container .content table tbody th.id, #submitted-forms .container .content table tbody td.id {
  padding-left: 20px; }

#your-privacy .container .content, #legitimate-interests .container .content, #cookie-statement .container .content {
  padding-bottom: 40px; }
  #your-privacy .container .content .inner, #legitimate-interests .container .content .inner, #cookie-statement .container .content .inner {
    background-color: #fff;
    padding: 20px 25px 10px; }
    #your-privacy .container .content .inner h1, #your-privacy .container .content .inner h2, #legitimate-interests .container .content .inner h1, #legitimate-interests .container .content .inner h2, #cookie-statement .container .content .inner h1, #cookie-statement .container .content .inner h2 {
      font-weight: 700;
      margin-bottom: 25px; }
    #your-privacy .container .content .inner h1, #legitimate-interests .container .content .inner h1, #cookie-statement .container .content .inner h1 {
      font-size: 25px; }
      #your-privacy .container .content .inner h1:first-of-type, #legitimate-interests .container .content .inner h1:first-of-type, #cookie-statement .container .content .inner h1:first-of-type {
        margin-top: 0; }
    #your-privacy .container .content .inner h2, #legitimate-interests .container .content .inner h2, #cookie-statement .container .content .inner h2 {
      font-size: 20px; }
    #your-privacy .container .content .inner table, #your-privacy .container .content .inner thead, #your-privacy .container .content .inner tbody, #your-privacy .container .content .inner tr, #your-privacy .container .content .inner th, #your-privacy .container .content .inner td, #your-privacy .container .content .inner ul, #your-privacy .container .content .inner p, #legitimate-interests .container .content .inner table, #legitimate-interests .container .content .inner thead, #legitimate-interests .container .content .inner tbody, #legitimate-interests .container .content .inner tr, #legitimate-interests .container .content .inner th, #legitimate-interests .container .content .inner td, #legitimate-interests .container .content .inner ul, #legitimate-interests .container .content .inner p, #cookie-statement .container .content .inner table, #cookie-statement .container .content .inner thead, #cookie-statement .container .content .inner tbody, #cookie-statement .container .content .inner tr, #cookie-statement .container .content .inner th, #cookie-statement .container .content .inner td, #cookie-statement .container .content .inner ul, #cookie-statement .container .content .inner p {
      font-size: 17px;
      line-height: 25px; }
    #your-privacy .container .content .inner table, #your-privacy .container .content .inner ul, #your-privacy .container .content .inner p, #legitimate-interests .container .content .inner table, #legitimate-interests .container .content .inner ul, #legitimate-interests .container .content .inner p, #cookie-statement .container .content .inner table, #cookie-statement .container .content .inner ul, #cookie-statement .container .content .inner p {
      margin-bottom: 25px; }
    #your-privacy .container .content .inner table p, #legitimate-interests .container .content .inner table p, #cookie-statement .container .content .inner table p {
      margin: 0; }
    #your-privacy .container .content .inner ul, #legitimate-interests .container .content .inner ul, #cookie-statement .container .content .inner ul {
      padding-left: 20px; }
      #your-privacy .container .content .inner ul li, #legitimate-interests .container .content .inner ul li, #cookie-statement .container .content .inner ul li {
        list-style-type: disc; }
        #your-privacy .container .content .inner ul li li, #legitimate-interests .container .content .inner ul li li, #cookie-statement .container .content .inner ul li li {
          list-style-type: circle; }
    #your-privacy .container .content .inner a, #legitimate-interests .container .content .inner a, #cookie-statement .container .content .inner a {
      color: #000;
      font-weight: 600; }
      #your-privacy .container .content .inner a:hover, #your-privacy .container .content .inner a:active, #your-privacy .container .content .inner a:focus, #legitimate-interests .container .content .inner a:hover, #legitimate-interests .container .content .inner a:active, #legitimate-interests .container .content .inner a:focus, #cookie-statement .container .content .inner a:hover, #cookie-statement .container .content .inner a:active, #cookie-statement .container .content .inner a:focus {
        text-decoration: none; }

.test-user {
  background-color: #b52f2f;
  color: #fff;
  font-size: 16px;
  margin-bottom: 20px;
  padding: 20px 30px; }

.container header {
  background-color: #00669b;
  color: #fff;
  padding: 22px 15px 15px; }
  .container header img {
    max-width: 100%; }
    .container header img.print-logo {
      display: none; }
  .container header .need-help {
    font-size: 16px;
    margin-top: 20px; }
    .container header .need-help a {
      color: #fff;
      font-weight: bold;
      text-decoration: none; }

.container #loginNavigation {
  background-color: #006eb8; }
  .container #loginNavigation #topNavigation {
    background-color: #006eb8;
    padding: 10px 15px; }
    .container #loginNavigation #topNavigation li {
      font-size: 16px;
      line-height: 30px;
      list-style-type: none; }
      .container #loginNavigation #topNavigation li.current a {
        color: #ffd659;
        cursor: default; }
      .container #loginNavigation #topNavigation li.admin {
        border-top: 4px #005085 solid;
        display: block; 
        margin-top: 7px;
        padding-top: 10px;
      }
        .container #loginNavigation #topNavigation li.admin strong {
          font-weight: bold;
          margin-right: 10px;
		  color: #fff;
        }
        .container #loginNavigation #topNavigation li.admin ul {
          display: inline-block;
        }
      .container #loginNavigation #topNavigation li a {
        color: #fff;
        text-decoration: none; }
        .container #loginNavigation #topNavigation li a:hover, .container #loginNavigation #topNavigation li a:active, .container #loginNavigation #topNavigation li a:focus {
          color: #ffd659; }
  .container #loginNavigation #userLogin {
    background-color: #005085;
    color: #e4e8eb;
    font-size: 16px;
    padding: 10px 15px; }
    .container #loginNavigation #userLogin a {
      color: #ffd659;
      font-weight: 600;
      text-decoration: none; }
      .container #loginNavigation #userLogin a:hover, .container #loginNavigation #userLogin a:active, .container #loginNavigation #userLogin a:focus {
        color: #fff; }

.container .content {
  clear: both;
  padding: 30px 15px 10px; }
  .container .content #message {
    background-color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 40px;
    padding: 15px 25px; }
    .container .content #message .criteria-information p {
      font-size: 16px;
      font-weight: normal;
      line-height: 23px;
      margin: 17px 0 0; }
      .container .content #message .criteria-information p a {
        color: #0096e3; }
    .container .content #message .criteria-information ul {
      margin: 0 0 17px;
      padding-left: 40px; }
      .container .content #message .criteria-information ul li {
        font-size: 16px;
        font-weight: normal;
        line-height: 23px;
        list-style-type: disc; }
  .container .content .ozzie {
    float: left;
    margin: 0 16px 12px 0; }
  .container .content .tip, .container .content .optional {
    font-weight: 400; }
  .container .content h1.heading-small, .container .content h2.heading-small, .container .content h3.heading-small, .container .content h4.heading-small, .container .content h5.heading-small, .container .content h6.heading-small {
    margin-top: 0; }
  .container .content h1.username, .container .content h1.welcome, .container .content h2.username, .container .content h2.welcome, .container .content h3.username, .container .content h3.welcome, .container .content h4.username, .container .content h4.welcome, .container .content h5.username, .container .content h5.welcome, .container .content h6.username, .container .content h6.welcome {
    margin: 0 0 30px; }
  .container .content label strong, .container .content legend strong, .container .content h1 strong {
    font-weight: 700; }
  .container .content label .more-info, .container .content legend .more-info, .container .content h1 .more-info {
    background-image: url(../img/info.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 25px;
    color: #0b0c0c;
    font-weight: 500;
    margin-left: 5px;
    padding-left: 30px;
    white-space: nowrap; }
    .container .content label .more-info:hover, .container .content legend .more-info:hover, .container .content h1 .more-info:hover {
      opacity: 0.8;
      text-decoration: none; }
  .container .content .heading-non-bold {
    font-weight: 400; }
  .container .content input:focus, .container .content select:focus, .container .content textarea:focus {
    outline: 3px solid #ffbf47;
    outline-offset: 0; }
  .container .content #tips {
    margin-bottom: 40px; }
    .container .content #tips p {
      font-size: 17px;
      line-height: 23px; }
      .container .content #tips p b {
        font-weight: 700; }
    .container .content #tips .more-info {
      background-image: url(../img/info.png);
      background-position: left center;
      background-repeat: no-repeat;
      background-size: 25px;
      color: #0b0c0c;
      display: block;
      font-weight: 500;
      padding-left: 30px; }
    .container .content #tips .how-to-take-screenshots {
      margin-top: 0.26316em;
      margin-bottom: 1.05263em; }
      .container .content #tips .how-to-take-screenshots img {
        display: inline-block;
        margin-bottom: 10px;
        max-width: 100%; }
      .container .content #tips .how-to-take-screenshots ol {
        list-style-type: lower-roman;
        padding-left: 25px; }
  .container .content .finances-bget .inner {
    border: 2px #003f5c solid;
    border-radius: 10px;
    padding: 20px 20px 10px;
    text-align: center; }
    .container .content .finances-bget .inner strong {
      font-weight: 700; }
    .container .content .finances-bget .inner a {
      color: #20b175; }
      .container .content .finances-bget .inner a.logo {
        display: block;
        margin: 30px auto 0;
        width: 200px; }
        .container .content .finances-bget .inner a.logo img {
          width: 100%; }
  .container .content #application {
    margin-bottom: 40px; }
    .container .content #application .main-section.open .form-section {
      display: block; }
    .container .content #application .main-section .tips, .container .content #application .main-section .form-section {
      display: none; }
    .container .content #application .main-section .sub-section.open .form-section {
      display: block; }
    .container .content #application .main-section .sub-section .form-section {
      display: none; }
    .container .content #application .main-section {
      background-color: #fff; }
      .container .content #application .main-section > .summary {
        background-position: left 14px center, right 16px center;
        background-repeat: no-repeat;
        background-size: 40px, 40px;
        color: #fff;
        display: block;
        font-size: 20px;
        font-weight: 700;
        line-height: 30px;
        margin-bottom: 7px;
        padding: 16px 72px;
        text-shadow: 0 0 30px rgba(0, 0, 0, 0.25); }
      .container .content #application .main-section .summary {
        text-decoration: none; }
        .container .content #application .main-section .summary:active, .container .content #application .main-section .summary:focus {
          outline: 3px solid #ffbf47;
          outline-offset: 0; }
      .container .content #application .main-section .form-section {
        margin: 0 0 7px;
        padding: 20px 20px 40px; }
        .container .content #application .main-section .form-section .form-group.form-group-error .error-message {
          display: block; }
        .container .content #application .main-section .form-section .form-group .error-message {
          display: none;
          padding-bottom: 6px; }
        .container .content #application .main-section .form-section .form-group input.pound-value {
          background-image: url(../img/pound-value.png);
          background-position: left center;
          background-repeat: no-repeat;
          background-size: 34px;
          padding-left: 40px; }
          .container .content #application .main-section .form-section .form-group input.pound-value.form-control-error {
            background-image: url(../img/pound-value-error.png); }
        .container .content #application .main-section .form-section .form-group textarea {
          max-width: 100%;
          min-width: 50%; }
        .container .content #application .main-section .form-section .form-group p:last-of-type {
          margin-bottom: 8px; }
    .container .content #application #applicant > .summary {
      background-color: #134a8d;
      background-image: url("../img/applicant.png"), url("../img/cross.png"); }
      .container .content #application #applicant > .summary.tick {
        background-image: url("../img/applicant.png"), url("../img/tick.png"); }
    @media (min-width: 641px) {
      .container .content #application #applicant #findAddress {
        margin: 0 0 0 25px; } }
    @media (min-width: 641px) {
      .container .content #application #applicant #manuallyEnterAddress {
        margin-top: 12px; } }
    .container .content #application #applicant #findAddress, .container .content #application #applicant #manuallyEnterAddress {
      font-size: 18px; }
      @media (min-width: 641px) {
        .container .content #application #applicant #findAddress, .container .content #application #applicant #manuallyEnterAddress {
          font-size: 20px;
          padding: 7px 18px 5px; } }
    .container .content #application #applicant #addressOptions select {
      margin-top: 12px;
      width: 100%; }
    .container .content #application #applicant .form-control[readonly] {
      background-color: #e6e7e8; }
    .container .content #application #home_and_family > .summary {
      background-color: #0096e3;
      background-image: url("../img/home-and-family.png"), url("../img/cross.png"); }
      .container .content #application #home_and_family > .summary.tick {
        background-image: url("../img/home-and-family.png"), url("../img/tick.png"); }
    .container .content #application #home_and_family #rentTo.hidden {
      display: none; }
    .container .content #application #home_and_family #homeSharedWith {
      margin-bottom: 40px; }
      .container .content #application #home_and_family #homeSharedWith .person {
        border-bottom: 1px #b6b7bc solid;
        margin: 0;
        padding: 25px 0; }
        .container .content #application #home_and_family #homeSharedWith .person:nth-child(1) {
          border-top: 1px #b6b7bc solid; }
        .container .content #application #home_and_family #homeSharedWith .person.hidden {
          display: none; }
        .container .content #application #home_and_family #homeSharedWith .person .age, .container .content #application #home_and_family #homeSharedWith .person .relationship, .container .content #application #home_and_family #homeSharedWith .person .other-relationship, .container .content #application #home_and_family #homeSharedWith .person .occupation {
          margin-bottom: 25px; }
        .container .content #application #home_and_family #homeSharedWith .person .occupation.hidden {
          display: none; }
        .container .content #application #home_and_family #homeSharedWith .person.form-group-error {
          padding-left: 10px; }
        .container .content #application #home_and_family #homeSharedWith .person fieldset legend {
          float: left;
          font-size: 18px;
          font-weight: 500;
          line-height: 38px;
          margin-right: 30px; }
    .container .content #application #voucher_details > .summary {
      background-color: #3E92CC;
      background-image: url("../img/about-your-needs.png"), url("../img/cross.png"); }
      .container .content #application #voucher_details > .summary.tick {
        background-image: url("../img/about-your-needs.png"), url("../img/tick.png"); }
    .container .content #application #water_accounts #prevArrearsInfo.hidden {
      display: none; }
    .container .content #application #finances > .summary {
      background-color: #002952;
      background-image: url("../img/finances.png"), url("../img/cross.png"); }
      .container .content #application #finances > .summary.tick {
        background-image: url("../img/finances.png"), url("../img/tick.png"); }
    .container .content #application #finances > .form-section > button.save {
      margin-top: 30px; }
      .container .content #application #finances #totalMonthlyIncomeExpenditure {
        background-color: #e6e7e8;
        padding: 16px;
      }
      .container .content #application #finances #totalMonthlyIncomeExpenditureConfirmation, .container .content #application #finances #confirm_financial_info_is_correct {
        margin-top: 25px;
      }
        .container .content #application #finances #totalMonthlyIncomeExpenditureConfirmation .save.button {
          margin: 0 0 40px;
        }
    .container .content #application #finances #finances_income .summary {
      background-color: #004f9e; }
    .container .content #application #finances #finances_income .form-section .ensure-income-info {
      border-bottom: 1px #b6b7bc solid;
      padding: 5px 16px; }
      .container .content #application #finances #finances_income .form-section .ensure-income-info .form-group {
        border-bottom-style: none;
        margin: 25px 0;
        padding: 0 16px; }
    .container .content #application #finances #finances_income h1.heading-small {
      color: #004f9e; }
    .container .content #application #finances #finances_expenditure .summary {
      background-color: #004285; }
    .container .content #application #finances #finances_expenditure .form-section .ensure-expenditure-info {
      border-bottom: 1px #b6b7bc solid;
      padding: 5px 16px; }
      .container .content #application #finances #finances_expenditure .form-section .ensure-expenditure-info .form-group {
        border-bottom-style: none;
        margin: 25px 0;
        padding: 0 16px; }
    .container .content #application #finances #finances_expenditure_fixed .summary {
      background-color: #004285; }
    .container .content #application #finances #finances_expenditure_fixed h1.heading-small {
      color: #004f9e; }
    .container .content #application #finances #finances_expenditure_flexible .summary {
      background-color: #00366b; }
    .container .content #application #finances #finances_expenditure_flexible h1.heading-small {
      color: #004f9e; }
    .container .content #application #finances #finances_outstanding_debt .summary {
      background-color: #002952; }
    .container .content #application #finances #finances_outstanding_debt > .form-section {
      padding-bottom: 0; }
      .container .content #application #finances #finances_outstanding_debt > .form-section > .form-group:last-of-type {
        margin-bottom: 0; }
    .container .content #application #finances #finances_outstanding_debt #outstandingDebts .outstanding-debt {
      border-bottom: 1px #b6b7bc solid;
      margin: 0;
      padding: 25px 0 0; }
      .container .content #application #finances #finances_outstanding_debt #outstandingDebts .outstanding-debt:nth-child(1) {
        border-top: 1px #b6b7bc solid; }
      .container .content #application #finances #finances_outstanding_debt #outstandingDebts .outstanding-debt.hidden {
        display: none; }
      .container .content #application #finances #finances_outstanding_debt #outstandingDebts .outstanding-debt.form-group-error {
        padding-left: 10px; }
      .container .content #application #finances #finances_outstanding_debt #outstandingDebts .outstanding-debt .form-group {
        margin-bottom: 25px; }
      .container .content #application #finances #finances_outstanding_debt #outstandingDebts .outstanding-debt h1 {
        padding-left: 16px;
        padding-right: 16px; }
      .container .content #application #finances #finances_outstanding_debt #outstandingDebts .outstanding-debt fieldset legend {
        font-size: 18px;
        font-weight: 500;
        line-height: 38px;
        margin-right: 30px; }
    .container .content #application #finances #finances_outstanding_debt #outstandingDebts #addAnotherOutstandingDebt {
      margin: 25px 0 20px 16px; }
    .container .content #application #finances #finances_outstanding_debt .creditor, .container .content #application #finances #finances_outstanding_debt .owed, .container .content #application #finances #finances_outstanding_debt .repayment-offer, .container .content #application #finances #finances_outstanding_debt .offer-frequency, .container .content #application #finances #finances_outstanding_debt .priority-or-non-priority-debt {
      margin-bottom: 20px; }
    .container .content #application #finances #finances_outstanding_debt .remove-outstanding-debt {
      background-color: #990000;
      -webkit-box-shadow: 0 2px 0 #4d0000;
      -moz-box-shadow: 0 2px 0 #4d0000;
      box-shadow: 0 2px 0 #4d0000; }
    @media (min-width: 641px) {
      .container .content #application #finances #finances_outstanding_debt .finances-bget {
        border-bottom: 1px #b6b7bc solid; } }
    @media (min-width: 990px) {
      .container .content #application #finances #finances_outstanding_debt .finances-bget {
        display: none; } }
    .container .content #application #finances #finances_outstanding_debt .finances-bget .inner {
      background-color: #F2F9FC;
      margin: 25px 0 15px;
      max-width: 320px; }
      @media (min-width: 641px) {
        .container .content #application #finances #finances_outstanding_debt .finances-bget .inner {
          margin: 30px 0; } }
    .container .content #application #finances .sub-section .summary {
      background-image: url(../img/cross.png);
      background-position: right 16px center;
      background-repeat: no-repeat;
      background-size: 26px;
      color: #fff;
      display: block;
      font-size: 18px;
      font-weight: 700;
      margin-bottom: 6px;
      padding: 12px 16px;
      text-shadow: 0 0 30px rgba(0, 0, 0, 0.25); }
      .container .content #application #finances .sub-section .summary.tick {
        background-image: url("../img/tick.png"); }
    .container .content #application #finances .sub-section .form-section {
      padding-top: 0; }
      .container .content #application #finances .sub-section .form-section label.row-field {
        font-size: 17px;
        font-weight: 500; }
      .container .content #application #finances .sub-section .form-section .form-group.highlighted {
        background-color: #fffe98; }
      .container .content #application #finances .sub-section .form-section h1.heading-small {
        border-bottom-style: none;
        padding: 0; }
    .container .content #application #finances button.save {
      margin-top: 25px; }
    .container .content #application #checklist > .summary {
      background-color: #18435A;
      background-image: url("../img/checklist.png"), url("../img/cross.png"); }
      .container .content #application #checklist > .summary.tick {
        background-image: url("../img/checklist.png"), url("../img/tick.png"); }
    .container .content #application #how_can_we_help > .summary {
      background-color: #00669b;
      background-image: url("../img/how-can-we-help.png"), url("../img/cross.png"); }
      .container .content #application #how_can_we_help > .summary.tick {
        background-image: url("../img/how-can-we-help.png"), url("../img/tick.png"); }
    .container .content #application #how_can_we_help #appliedBeforeInfo.hidden {
      display: none; }
    .container .content #application #how_can_we_help #applicant_reason, .container .content #application #how_can_we_help #future_payment_comments, .container .content #application #how_can_we_help #further_information {
      width: 100%; }
    .container .content #application #how_can_we_help #furtherInformation.hidden {
      display: none; }
    .container .content #application #how_can_we_help #furtherInformation label .more-info {
      background-size: 18px;
      line-height: 18px;
      margin-left: 10px;
      padding-left: 25px; }
    .container .content #application #how_can_we_help #furtherInformation .multiple-choice > .tip {
      clear: left;
      float: left;
      padding: 0 10px 9px 12px; }
    .container .content #application #declaration > .summary {
      background-color: #00bb28;
      background-image: url("../img/declaration.png"), url("../img/cross.png"); }
      .container .content #application #declaration > .summary.tick {
        background-image: url("../img/declaration.png"), url("../img/tick.png"); }
	.container .content #application #declaration b {
	  font-weight: 700; }
    .container .content #application #declaration ol {
      margin-bottom: 40px;
      padding-left: 20px; }
      .container .content #application #declaration ol li {
        list-style-type: lower-alpha; }
    .container .content #application #declaration .file-uploads {
      margin-bottom: 30px; }
      .container .content #application #declaration .file-uploads.hidden {
        display: none; }
      .container .content #application #declaration .file-uploads tbody tr.hidden {
        display: none; }
    .container .content #application #declaration .proof {
      color: #b10e1e;
      margin-bottom: 20px; }
    .container .content #application #declaration .form-group.file label {
      margin-bottom: 7px; }
    .container .content #application #declaration .form-group.hidden {
      display: none; }
    .container .content #application #declaration input.file {
      max-width: 100%; }
    .container .content #application #declaration #application_form_progress {
      margin: 40px 0 15px; }
      .container .content #application #declaration #application_form_progress table tbody tr.hidden td {
        display: none; }
      .container .content #application #declaration #application_form_progress table tbody tr td {
        vertical-align: middle; }
        .container .content #application #declaration #application_form_progress table tbody tr td.tick, .container .content #application #declaration #application_form_progress table tbody tr td.cross {
          padding-left: 20px;
          width: 32px; }
          .container .content #application #declaration #application_form_progress table tbody tr td.tick img, .container .content #application #declaration #application_form_progress table tbody tr td.cross img {
            display: block;
            height: 32px;
            width: 32px; }
    .container .content #application button.submit {
      font-size: 22px;
      font-weight: 600;
      margin-top: 40px;
      padding: 10px 18px 8px; }
    .container .content #application button.save {
      font-size: 20px;
      font-weight: 500;
      padding: 8px 16px 10px; }
      .container .content #application button.save.next-to-submit {
        font-size: 22px;
        margin: 40px 25px 0 0;
        padding: 10px 18px 8px; }
        @media (max-width: 640px) {
          .container .content #application button.save.next-to-submit {
            margin-right: 0; } }
  .container .content #submitApplication {
    margin-bottom: 40px;
    margin-top: 20px; }
    .container .content #submitApplication button.submit {
      font-size: 22px;
      font-weight: 600;
      padding: 10px 18px 8px; }
  .container .content .form-group strong {
    font-weight: bold; }
  .container .content #login, .container .content #register, .container .content #forgotPassword, .container .content #createAccount, .container .content #resetPassword, .container .content #deleteApplication {
    background-color: #fff;
    margin: 10px 0 40px; }
    .container .content #login h1, .container .content #register h1, .container .content #forgotPassword h1, .container .content #createAccount h1, .container .content #resetPassword h1, .container .content #deleteApplication h1 {
      font-size: 24px;
      font-weight: 700; }
    .container .content #login p, .container .content #login div.errors, .container .content #login div.errors ul li, .container .content #register p, .container .content #register div.errors, .container .content #register div.errors ul li, .container .content #forgotPassword p, .container .content #forgotPassword div.errors, .container .content #forgotPassword div.errors ul li, .container .content #createAccount p, .container .content #createAccount div.errors, .container .content #createAccount div.errors ul li, .container .content #resetPassword p, .container .content #resetPassword div.errors, .container .content #resetPassword div.errors ul li, .container .content #deleteApplication p, .container .content #deleteApplication div.errors, .container .content #deleteApplication div.errors ul li {
      font-size: 17px;
      line-height: 23px; }
    .container .content #login p a, .container .content #register p a, .container .content #forgotPassword p a, .container .content #createAccount p a, .container .content #resetPassword p a, .container .content #deleteApplication p a {
      color: #0096e3;
      font-size: 18px; }
      .container .content #login p a:hover, .container .content #login p a:active, .container .content #login p a:focus, .container .content #register p a:hover, .container .content #register p a:active, .container .content #register p a:focus, .container .content #forgotPassword p a:hover, .container .content #forgotPassword p a:active, .container .content #forgotPassword p a:focus, .container .content #createAccount p a:hover, .container .content #createAccount p a:active, .container .content #createAccount p a:focus, .container .content #resetPassword p a:hover, .container .content #resetPassword p a:active, .container .content #resetPassword p a:focus, .container .content #deleteApplication p a:hover, .container .content #deleteApplication p a:active, .container .content #deleteApplication p a:focus {
        color: #404142; }
    .container .content #login div.errors, .container .content #register div.errors, .container .content #forgotPassword div.errors, .container .content #createAccount div.errors, .container .content #resetPassword div.errors, .container .content #deleteApplication div.errors {
      margin-bottom: 20px;
      color: red; }
      .container .content #login div.errors ul, .container .content #register div.errors ul, .container .content #forgotPassword div.errors ul, .container .content #createAccount div.errors ul, .container .content #resetPassword div.errors ul, .container .content #deleteApplication div.errors ul {
        padding-left: 30px; }
        .container .content #login div.errors ul li, .container .content #register div.errors ul li, .container .content #forgotPassword div.errors ul li, .container .content #createAccount div.errors ul li, .container .content #resetPassword div.errors ul li, .container .content #deleteApplication div.errors ul li {
          list-style-type: disc; }
  .container .content #login p, .container .content #register p {
    margin: 0; }
  .container .content #login {
    padding: 20px 25px 25px; }
    .container .content #login .form-section .button {
      margin: 10px 0 30px; }
  .container .content #login h1, .container .content #forgotPassword h1, .container .content #createAccount h1, .container .content #resetPassword h1, .container .content #deleteApplication h1 {
    margin: 0 0 20px; }
  .container .content #login .form-section, .container .content #forgotPassword .form-section, .container .content #createAccount .form-section, .container .content #resetPassword .form-section, .container .content #deleteApplication .form-section {
    margin: 0; }
    .container .content #login .form-section .form-group, .container .content #forgotPassword .form-section .form-group, .container .content #createAccount .form-section .form-group, .container .content #resetPassword .form-section .form-group, .container .content #deleteApplication .form-section .form-group {
      margin-bottom: 20px; }
    .container .content #login .form-section .button, .container .content #forgotPassword .form-section .button, .container .content #createAccount .form-section .button, .container .content #resetPassword .form-section .button, .container .content #deleteApplication .form-section .button {
      font-size: 22px;
      font-weight: 600;
      padding: 10px 18px 8px; }
  .container .content #register, .container .content #forgotPassword, .container .content #resetPassword, .container .content #deleteApplication {
    padding: 20px 25px 30px; }
  .container .content #register h1 {
    margin: 0 0 25px; }
  .container .content #register .individual, .container .content #register .agent {
    overflow: hidden; }
    .container .content #register .individual h2, .container .content #register .agent h2 {
      font-size: 18px;
      padding-top: 7px; }
    .container .content #register .individual img, .container .content #register .agent img {
      float: left;
      margin-right: 25px;
      height: 64px;
      width: 64px; }
  .container .content #register .individual {
    border-bottom: 1px #adaeb3 solid;
    margin-bottom: 30px;
    padding-bottom: 30px; }
  .container .content #forgotPassword p, .container .content #forgotPassword div.errors, .container .content #resetPassword p, .container .content #resetPassword div.errors, .container .content #deleteApplication p, .container .content #deleteApplication div.errors {
    margin-bottom: 15px; }
  .container .content #forgotPassword .form-section .button, .container .content #resetPassword .form-section .button, .container .content #deleteApplication .form-section .button {
    margin-top: 10px; }
  .container .content #createAccount {
    padding: 20px 25px 35px; }
    .container .content #createAccount .form-section .button {
      margin-top: 10px; }
    @media (min-width: 641px) {
      .container .content #createAccount #findAddress {
        margin: 0 0 0 25px; } }
    @media (min-width: 641px) {
      .container .content #createAccount #manuallyEnterAddress {
        margin-top: 12px; } }
    .container .content #createAccount #findAddress, .container .content #createAccount #manuallyEnterAddress {
      font-size: 18px; }
      @media (min-width: 641px) {
        .container .content #createAccount #findAddress, .container .content #createAccount #manuallyEnterAddress {
          font-size: 20px;
          padding: 7px 18px 5px; } }
    .container .content #createAccount #addressOptions select {
      margin-top: 12px;
      width: 100%; }
    .container .content #createAccount .form-control[readonly] {
      background-color: #e6e7e8; }
    .container .content #createAccount #passwordRequirements ul {
      padding-left: 30px; }
      .container .content #createAccount #passwordRequirements ul li {
        font-size: 17px;
        line-height: 23px;
        list-style-type: disc; }
  .container .content #deleteApplication .item {
    font-weight: 600; }
  .container .content #deleteApplication .back-link {
    color: #000;
    display: inline-block;
    font-size: 18px;
    margin-top: 35px; }
    .container .content #deleteApplication .back-link:hover, .container .content #deleteApplication .back-link:active {
      color: #286e9c; }

.container footer {
  background-color: #00669b;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  line-height: 25px;
  padding: 19px 25px 13px; }
  .container footer span {
    white-space: nowrap; }
  .container footer .version {
    font-weight: 400; }
  .container footer ul {
    border-top: 2px #286e9c solid;
    font-size: 16px;
    margin: 8px 0 0;
    padding: 13px 0 0; }
    .container footer ul li {
      list-style-type: none; }
      .container footer ul li a {
        color: #fff;
        font-weight: 400;
        text-decoration: none; }
        .container footer ul li a:hover, .container footer ul li a:active, .container footer ul li a:focus {
          text-decoration: underline; }

@media (max-width: 479px) {
  .hide-xs {
    display: none; } }

@media (min-width: 480px) {
  .container #loginNavigation #topNavigation li {
    display: inline-block;
    line-height: 24px;
    margin-right: 15px; }
  .container footer ul {
    font-size: 0; }
    .container footer ul li {
      display: inline-block;
      font-size: 16px;
      margin-right: 15px; }
  #submit-application #submitMessage .ozzie {
    float: left;
    margin: 0 40px 520px 0; } }

@media (min-width: 480px) and (max-width: 767px) {
  .hide-qs {
    display: none; } }

@media (min-width: 480px) and (max-width: 989px) {
  .container header .need-help .need-some-help, .container header .need-help .call-the-auriga-team {
    display: inline-block; } }

@media (min-width: 611px) {
  .container header img.screen-logo {
    max-width: 582px; } }

@media (min-width: 641px) {
  .container header .need-help {
    font-size: 18px;
    line-height: 25px; }
  .container .content #application #applicant #dob_month {
    margin: 0 25px; }
  .container .content #application #water_accounts #payment_for_future {
    margin-right: 25px; }
  .container .content #application #finances .sub-section .form-section h1.heading-small {
    border-bottom: 1px #b6b7bc solid;
    margin-bottom: 0;
    padding: 25px 16px; }
  .container .content #application #finances .sub-section .form-section .form-group {
    border-bottom: 1px #b6b7bc solid;
    margin-bottom: 0;
    padding: 25px 16px; }
    .container .content #application #finances .sub-section .form-section .form-group label.row-field {
      display: inline-block;
      line-height: 38px;
      margin-right: 25px;
      width: 240px; }
    .container .content #application #finances .sub-section .form-section .form-group button.clear-values {
      margin: 0 50px 25px 0; }
    .container .content #application #finances .sub-section .form-section .form-group .other {
      margin: 0 0 25px 0; }
    .container .content #application #finances .sub-section .form-section .form-group .frequency {
      margin: 0 25px 0 0; }
    .container .content #application #finances .sub-section .form-section .form-group .amount-owed {
      margin: 0 0 25px 0; }
    .container .content #application #finances .sub-section .form-section .form-group .regular-payment, .container .content #application #finances .sub-section .form-section .form-group .payments-from-benefit {
      margin: 0 25px 25px 0; }
  .container .content #application #how_can_we_help #applicant_reason, .container .content #application #how_can_we_help #future_payment_comments, .container .content #application #how_can_we_help #further_information {
    min-height: 300px; }
  .container .content #application #how_can_we_help #gas_supplier {
    margin-right: 10px; }
  .container .content #application #how_can_we_help #date_applied_before_month {
    margin-right: 25px; } }

@media (max-width: 767px) {
  #part-completed-forms .container .content table thead th.last-name, #part-completed-forms .container .content table thead td.last-name, #part-completed-forms .container .content table tbody th.last-name, #part-completed-forms .container .content table tbody td.last-name, #manage-users .container .content table thead th.last-name, #manage-users .container .content table thead td.last-name, #manage-users .container .content table tbody th.last-name, #manage-users .container .content table tbody td.last-name {
    padding-left: 20px; } }

@media (min-width: 768px) {
  #part-completed-forms .container .content table thead th.first-name, #part-completed-forms .container .content table thead td.first-name, #part-completed-forms .container .content table tbody th.first-name, #part-completed-forms .container .content table tbody td.first-name, #manage-users .container .content table thead th.first-name, #manage-users .container .content table thead td.first-name, #manage-users .container .content table tbody th.first-name, #manage-users .container .content table tbody td.first-name {
    padding-left: 20px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .hide-sm {
    display: none; } }

@media (max-width: 989px) {
  #tips {
    display: none; }
  .container .content #application .main-section.open .tips {
    display: block; }
  .container .content #application .main-section .tips p b {
    font-weight: 700; }
  #applicant .tips .ozzie {
    border-color: #134a8d; }
  #home_and_family .tips .ozzie {
    border-color: #0096e3; }
  #water_accounts .tips .ozzie {
    border-color: #37c8e3; }
  #finances .tips .ozzie {
    border-color: #002952; }
  #additional_info .tips .ozzie {
    border-color: #006eb8; }
  #how_can_we_help .tips .ozzie {
    border-color: #00669b; }
  #declaration .tips .ozzie {
    border-color: #00bb28; }
  .main-section .tips {
    padding: 20px 20px 0; }
    .main-section .tips .ozzie {
      border-radius: 100%;
      border-style: dashed;
      border-width: 2px; } }

@media (min-width: 990px) {
  .container header {
    padding: 28px 25px 20px; }
    .container header .need-help {
      float: right;
      margin-top: 3px;
      text-align: right; }
      .container header .need-help a {
        color: #fff;
        font-weight: bold;
        text-decoration: none; }
  .container #loginNavigation #topNavigation, .container #loginNavigation #userLogin {
    display: inline-block; }
  .container #loginNavigation #topNavigation {
    font-size: 0; }
    .container #loginNavigation #topNavigation li {
      font-size: 17px;
      margin-right: 15px; }
      .container #loginNavigation #topNavigation li:last-of-type {
        margin-right: 0; }
  .container #loginNavigation #userLogin {
    float: right;
    font-size: 17px;
    line-height: 24px; }
    .container #loginNavigation #userLogin strong {
      font-weight: 600; }
  .container .content {
    padding: 40px 30px 10px;
    overflow: hidden; }
    .container .content #tips {
      float: left;
      width: 30%; }
      .container .content #tips .hidden {
        display: none; }
      .container .content #tips .section {
        background-color: #fff;
        padding: 45px 20px 20px;
        overflow: hidden;
        position: relative; }
        .container .content #tips .section:before {
          color: #fff;
          content: 'HELP FROM OZZIE';
          font-size: 15px;
          left: 0;
          line-height: 23px;
          padding: 3px 11px;
          position: absolute;
          top: 0; }
        .container .content #tips .section p:last-of-type {
          margin-bottom: 0; }
      .container .content #tips .intro:before {
        background-color: #565855; }
      .container .content #tips .applicant {
        margin-top: 98px; }
        .container .content #tips .applicant:before {
          background-color: #134a8d; }
      .container .content #tips .home-and-family {
        margin-top: 167px; }
        .container .content #tips .home-and-family:before {
          background-color: #0096e3; }
      .container .content #tips .water-accounts {
        margin-top: 236px; }
        .container .content #tips .water-accounts:before {
          background-color: #37c8e3; }
      .container .content #tips .finances {
        margin-top: 305px; }
        .container .content #tips .finances:before {
          background-color: #002952; }
      .container .content #tips .finances-bget {
        margin-top: 42px; }
        .container .content #tips .finances-bget .inner {
          background-color: #fff; }
      .container .content #tips .additional-info {
        margin-top: 374px; }
        .container .content #tips .additional-info:before {
          background-color: #006eb8; }
      .container .content #tips .how-can-we-help {
        margin-top: 443px; }
        .container .content #tips .how-can-we-help:before {
          background-color: #00669b; }
      .container .content #tips .declaration {
        margin-top: 512px; }
        .container .content #tips .declaration:before {
          background-color: #00bb28; }
    .container .content #application {
      float: none;
      width: 63%; }
      .container .content #application details.main-section .tips, .container .content #application .main-section .tips {
        display: none; }
      .container .content #application details.main-section .form-section .sub-section .form-section, .container .content #application .main-section .form-section .sub-section .form-section {
        padding: 20px 0 40px; }
      .container .content #application #how_can_we_help #applicant_reason, .container .content #application #how_can_we_help #future_payment_comments {
        min-height: 400px; }
      .container .content #application #how_can_we_help #applicant_reason {
        min-height: 600px; }
    .container .content #submitApplication {
      float: right;
      width: 55%; }
    /*.container .content #login {
      float: right;
      width: 40.5%; }
    .container .content #register {
      float: left;
      width: 46.5%; }*/
    .container .content #forgotPassword, .container .content #createAccount, .container .content #resetPassword, .container .content #deleteApplication {
      width: 55%; } }

@media (min-width: 1025px) {
  body {
    padding: 15px 15px 30px; }
  .container header {
    padding: 28px 30px 20px; }
  .container #loginNavigation #topNavigation {
    padding: 15px 10px 12px 30px; }
  .container #loginNavigation #userLogin {
    padding: 15px 30px 12px 25px; }
  .container .content #tips {
    width: 38%; }
  .container .content #application {
    width: 55%; }
  .container footer {
    padding: 17px 30px 10px; } }

@media (min-width: 1200px) {
  .container header .need-help {
    font-size: 20px;
    line-height: 28px;
    margin-top: 0; }
  .container .content #application #finances .sub-section .form-section .form-group label.row-field {
    width: 360px; }
  .container .content #application #finances .sub-section .form-section .form-group button.clear-values {
    margin: 0 0 25px 0; }
  /*.container .content #login, .container .content #register {
    width: 43.5%; }*/
  .container .content #forgotPassword, .container .content #resetPassword, .container .content #deleteApplication {
    width: 46%; }
  .container footer {
    overflow: hidden; }
    .container footer div {
      float: left;
      width: 600px; }
    .container footer ul {
      border-style: none;
      float: right;
      margin: 0;
      padding: 0;
      text-align: right;
      width: 450px; }
      .container footer ul li {
        margin: 0 0 0 15px; } }