/* Header.scss */
.grid-row:after, fieldset:after, .form-section:after, .form-group:after, .form-block:after, .notice:after, #content:after, .panel:after, #global-nav .inner:after, .navigation-list:after, .pager ul:after, ol.breadcrumb:after, ul.pager:after, .section-tabs:after {
content: "";
display: block;
clear: both;
}
.grid-row:after, fieldset:after, .form-section:after, .form-group:after, .form-block:after, .notice:after, #content:after, .panel:after, #global-nav .inner:after, .navigation-list:after, .pager ul:after, ol.breadcrumb:after, ul.pager:after, .section-tabs:after {
content: "";
display: block;
clear: both;
}
.grid-row:after, fieldset:after, .form-section:after, .form-group:after, .form-block:after, .notice:after, #content:after, .panel:after, #global-nav .inner:after, .navigation-list:after, .pager ul:after, ol.breadcrumb:after, ul.pager:after, .section-tabs:after {
content: "";
display: block;
clear: both;
}
#content, #page-container {
max-width: 960px;
margin: 0 15px;
}
@media (min-width: 641px) {
#content, #page-container {
margin: 0 30px;
}
}
@media (min-width: 1020px) {
#content, #page-container {
margin: 0 auto;
}
}
.grid-row {
margin: 0 -15px;
}
.grid-row:after, fieldset:after, .form-section:after, .form-group:after, .form-block:after, .notice:after, #content:after, .panel:after, #global-nav .inner:after, .navigation-list:after, .pager ul:after, ol.breadcrumb:after, ul.pager:after, .section-tabs:after {
content: "";
display: block;
clear: both;
}
.grid-row:after, fieldset:after, .form-section:after, .form-group:after, .form-block:after, .notice:after, #content:after, .panel:after, #global-nav .inner:after, .navigation-list:after, .pager ul:after, ol.breadcrumb:after, ul.pager:after, .section-tabs:after {
content: "";
display: block;
clear: both;
}
.grid-row:after, fieldset:after, .form-section:after, .form-group:after, .form-block:after, .notice:after, #content:after, .panel:after, #global-nav .inner:after, .navigation-list:after, .pager ul:after, ol.breadcrumb:after, ul.pager:after, .section-tabs:after {
content: "";
display: block;
clear: both;
}
#content, #page-container {
max-width: 960px;
margin: 0 15px;
}
@media (min-width: 641px) {
#content, #page-container {
margin: 0 30px;
}
}
@media (min-width: 1020px) {
#content, #page-container {
margin: 0 auto;
}
}
.grid-row {
margin: 0 -15px;
}
.grid-row:after, fieldset:after, .form-section:after, .form-group:after, .form-block:after, .notice:after, #content:after, .panel:after, #global-nav .inner:after, .navigation-list:after, .pager ul:after, ol.breadcrumb:after, ul.pager:after, .section-tabs:after {
content: "";
display: block;
clear: both;
}
.grid-row:after, fieldset:after, .form-section:after, .form-group:after, .form-block:after, .notice:after, #content:after, .panel:after, #global-nav .inner:after, .navigation-list:after, .pager ul:after, ol.breadcrumb:after, ul.pager:after, .section-tabs:after {
content: "";
display: block;
clear: both;
}
#content, #page-container {
max-width: 960px;
margin: 0 15px;
}
@media (min-width: 641px) {
#content, #page-container {
margin: 0 30px;
}
}
@media (min-width: 1020px) {
#content, #page-container {
margin: 0 auto;
}
}
.grid-row {
margin: 0 -15px;
}
.grid-row:after, fieldset:after, .form-section:after, .form-group:after, .form-block:after, .notice:after, #content:after, .panel:after, #global-nav .inner:after, .navigation-list:after, .pager ul:after, ol.breadcrumb:after, ul.pager:after, .section-tabs:after {
content: "";
display: block;
clear: both;
}
fieldset {
width: 100%;
}
textarea {
display: block;
}
.form-section {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 100%;
margin-bottom: 30px;
}
@media (min-width: 641px) {
.form-section {
margin-bottom: 60px;
}
}
.form-group {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 100%;
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: "nta", 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: "nta", 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;
width: 100%;
margin-top: -5px;
margin-bottom: 5px;
}
@media (min-width: 641px) {
.form-block {
margin-top: 0;
margin-bottom: 10px;
}
}
.form-hint {
font-family: "nta", 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: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 16px;
line-height: 1.25;
width: 100%;
padding: 5px 4px 4px;
color: inherit;
background-color: transparent;
border: 2px solid;
}
@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;
}
.form-radio {
display: block;
margin: 10px 0;
}
.form-radio input {
vertical-align: middle;
margin: -4px 5px 0 0;
}
.form-checkbox {
display: block;
margin: 15px 0;
}
.form-checkbox input {
vertical-align: middle;
margin: -2px 5px 0 0;
}
.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%;
}
}
.block-label {
display: block;
float: none;
clear: left;
position: relative;
padding: 8px 10px 9px 50px;
margin-bottom: 10px;
cursor: pointer;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
@media (min-width: 641px) {
.block-label {
float: left;
padding-top: 7px;
padding-bottom: 7px;
}
}
.block-label input {
position: absolute;
cursor: pointer;
left: 0;
top: 0;
width: 38px;
height: 38px;
}
.js-enabled .block-label input {
margin: 0;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
}
.js-enabled .block-label.selection-button-radio::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%;
}
.js-enabled .block-label.selection-button-radio::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;
}
.js-enabled .block-label.selection-button-checkbox::before {
content: "";
border: 2px solid;
background: transparent;
width: 34px;
height: 34px;
position: absolute;
top: 0;
left: 0;
}
.js-enabled .block-label.selection-button-checkbox::after {
content: "";
border: solid;
border-width: 0 0 5px 5px;
background: 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;
}
.js-enabled .block-label.selection-button-radio.focused::before, .js-enabled .block-label.selection-button-checkbox.focused::before {
-webkit-box-shadow: 0 0 0 5px #ffbf47;
-moz-box-shadow: 0 0 0 5px #ffbf47;
box-shadow: 0 0 0 5px #ffbf47;
}
.js-enabled .block-label.selection-button-radio.selected::after, .js-enabled .block-label.selection-button-checkbox.selected::after {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.block-label:last-child, .block-label:last-of-type {
margin-bottom: 0;
}
.inline .block-label {
clear: none;
}
@media (min-width: 641px) {
.inline .block-label {
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;
}
.error {
margin-right: 15px;
border-left: 4px solid #b10e1e;
padding-left: 10px;
}
.error > .form-control {
border: 4px solid #b10e1e;
}
@media (min-width: 641px) {
.error {
border-left: 5px solid #b10e1e;
padding-left: 15px;
}
}
.error-message {
font-family: "nta", 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 {
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;
}
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;
}
.example-highlight-grid .grid-row {
background: #bfc1c3;
}
.example-highlight-grid .column-highlight {
background: #dee0e2;
width: 100%;
}
.visually-hidden,
.visuallyhidden {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
main {
font-family: "nta", 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: "nta", 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: "nta", 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: "nta", 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: "nta", 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: "nta", 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: "nta", 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: "nta", 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: "nta", 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: "nta", 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: "nta", 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: "nta", 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: "nta", 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: "nta", 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: "nta", 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: "nta", 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: "nta", 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: "nta", 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: "nta", 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 {
margin-top: 0.3125em;
margin-bottom: 1.25em;
}
@media (min-width: 641px) {
p {
margin-top: 0.26316em;
margin-bottom: 1.05263em;
}
}
.lede {
font-family: "nta", 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: "nta", 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: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;
}
#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%;
}
}
fieldset {
width: 100%;
}
textarea {
display: block;
}
.form-section {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 100%;
margin-bottom: 30px;
}
@media (min-width: 641px) {
.form-section {
margin-bottom: 60px;
}
}
.form-group {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 100%;
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: "nta", 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: "nta", 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;
width: 100%;
margin-top: -5px;
margin-bottom: 5px;
}
@media (min-width: 641px) {
.form-block {
margin-top: 0;
margin-bottom: 10px;
}
}
.form-hint {
font-family: "nta", 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: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 16px;
line-height: 1.25;
width: 100%;
padding: 5px 4px 4px;
color: inherit;
background-color: transparent;
border: 2px solid;
}
@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;
}
.form-radio {
display: block;
margin: 10px 0;
}
.form-radio input {
vertical-align: middle;
margin: -4px 5px 0 0;
}
.form-checkbox {
display: block;
margin: 15px 0;
}
.form-checkbox input {
vertical-align: middle;
margin: -2px 5px 0 0;
}
.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%;
}
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
table th,
table td {
font-family: "nta", 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;
color: #0b0c0c;
border-bottom: 1px solid #bfc1c3;
}
@media (min-width: 641px) {
table th,
table td {
font-size: 19px;
line-height: 1.31579;
}
}
table th {
font-weight: 700;
}
table th.numeric {
text-align: right;
}
table td.numeric {
font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 14px;
line-height: 1.14286;
text-align: right;
}
@media (min-width: 641px) {
table td.numeric {
font-size: 16px;
line-height: 1.25;
}
}
.table-font-xsmall th {
font-family: "nta", 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: "nta", 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;
}
.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;
-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: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: "nta", Arial, sans-serif;
font-weight: 700;
text-transform: none;
font-size: 18px;
line-height: 1.2;
background-image: url("/images/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: url("/images/icon-pointer-2x.png");
background-size: 30px 19px;
}
}
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;
}
.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: 10px;
margin-bottom: 0;
}
.inline .panel-border-narrow {
margin-top: 10px;
margin-bottom: 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;
}
.icon {
display: inline-block;
background-position: 0 0;
background-repeat: no-repeat;
}
.icon-calendar {
width: 27px;
height: 27px;
background-image: url("/images/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: url("/images/icon-calendar-2x.png");
background-size: 100%;
}
}
.icon-file-download {
width: 30px;
height: 39px;
background-image: url("/images/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: url("/images/icon-file-download-2x.png");
background-size: 100%;
}
}
.icon-important {
width: 35px;
height: 35px;
background-image: url("/images/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: url("/images/icon-important-2x.png");
background-size: 100%;
}
}
.icon-information {
width: 27px;
height: 27px;
background-image: url("/images/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: url("/images/icon-information-2x.png");
background-size: 100%;
}
}
.icon-locator {
width: 26px;
height: 36px;
background-image: url("/images/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: url("/images/icon-locator-2x.png");
background-size: 100%;
}
}
.icon-pointer {
width: 30px;
height: 19px;
background-image: url("/images/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: url("/images/icon-pointer-2x.png");
background-size: 100%;
}
}
.icon-pointer-black {
width: 23px;
height: 23px;
background-image: url("/images/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: url("/images/icon-pointer-black-2x.png");
background-size: 100%;
}
}
.icon-search {
width: 30px;
height: 22px;
background-image: url("/images/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: url("/images/icon-search-2x.png");
background-size: 100%;
}
}
.icon-step-1 {
width: 23px;
height: 23px;
background-image: url("/images/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: url("/images/icon-steps/icon-step-1-2x.png");
background-size: 100%;
}
}
.icon-step-2 {
width: 23px;
height: 23px;
background-image: url("/images/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: url("/images/icon-steps/icon-step-2-2x.png");
background-size: 100%;
}
}
.icon-step-3 {
width: 23px;
height: 23px;
background-image: url("/images/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: url("/images/icon-steps/icon-step-3-2x.png");
background-size: 100%;
}
}
.icon-step-4 {
width: 23px;
height: 23px;
background-image: url("/images/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: url("/images/icon-steps/icon-step-4-2x.png");
background-size: 100%;
}
}
.icon-step-5 {
width: 23px;
height: 23px;
background-image: url("/images/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: url("/images/icon-steps/icon-step-5-2x.png");
background-size: 100%;
}
}
.icon-step-6 {
width: 23px;
height: 23px;
background-image: url("/images/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: url("/images/icon-steps/icon-step-6-2x.png");
background-size: 100%;
}
}
.icon-step-7 {
width: 23px;
height: 23px;
background-image: url("/images/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: url("/images/icon-steps/icon-step-7-2x.png");
background-size: 100%;
}
}
.icon-step-8 {
width: 23px;
height: 23px;
background-image: url("/images/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: url("/images/icon-steps/icon-step-8-2x.png");
background-size: 100%;
}
}
.icon-step-9 {
width: 23px;
height: 23px;
background-image: url("/images/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: url("/images/icon-steps/icon-step-9-2x.png");
background-size: 100%;
}
}
.icon-step-10 {
width: 23px;
height: 23px;
background-image: url("/images/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: url("/images/icon-steps/icon-step-10-2x.png");
background-size: 100%;
}
}
.icon-step-11 {
width: 23px;
height: 23px;
background-image: url("/images/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: url("/images/icon-steps/icon-step-11-2x.png");
background-size: 100%;
}
}
.icon-step-12 {
width: 23px;
height: 23px;
background-image: url("/images/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: url("/images/icon-steps/icon-step-12-2x.png");
background-size: 100%;
}
}
.icon-step-13 {
width: 23px;
height: 23px;
background-image: url("/images/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: url("/images/icon-steps/icon-step-13-2x.png");
background-size: 100%;
}
}
.icon-step-14 {
width: 23px;
height: 23px;
background-image: url("/images/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: url("/images/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: "ntatabularnumbers", "nta", 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;
}
.govuk-box-highlight {
margin: 1em 0;
padding: 2em 0 1em;
color: #fff;
background: #28a197;
text-align: center;
}
#global-nav {
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 14px;
line-height: 1.14286;
margin: 0;
position: relative;
z-index: 60;
}
@media (min-width: 641px) {
#global-nav {
font-size: 16px;
line-height: 1.25;
}
}
@media (max-width: 640px) {
#global-nav {
margin: 0 -15px 1em -15px;
}
}
@media (min-width: 641px) {
#global-nav {
margin: 0;
}
}
@media (min-width: 769px) {
#global-nav {
text-align: right;
}
}
#global-nav .inner {
padding: 0;
}
@media (min-width: 769px) {
#global-nav .inner {
padding: 0 30px;
}
}
@media (min-width: 641px) {
#global-nav .inner {
padding-bottom: 0;
}
}
#global-nav .sign-in, #global-nav .js-header-toggle {
display: block;
text-decoration: none;
cursor: pointer;
background-color: #dee0e2;
padding: 1em;
}
@media (min-width: 641px) {
#global-nav .sign-in, #global-nav .js-header-toggle {
display: none;
}
}
@media (min-width: 769px) {
#global-nav .sign-in, #global-nav .js-header-toggle {
display: none;
}
}
#global-nav .sign-in:hover, #global-nav .sign-in:focus, #global-nav .js-header-toggle:hover, #global-nav .js-header-toggle:focus {
text-decoration: underline;
}
#global-nav .home a {
display: block;
float: left;
padding-left: 0;
}
#global-nav .jump-link {
float: right;
}
@media (min-width: 769px) {
#global-nav .jump-link {
position: absolute;
left: -99999em;
}
}
#global-nav .js-header-toggle:focus {
outline: none;
}
#global-nav .js-header-toggle:after {
display: inline-block;
font-size: 8px;
height: 8px;
padding-left: 5px;
vertical-align: middle;
content: " \25BC";
}
#global-nav.open .js-header-toggle:after {
content: " \25B2";
}
#global-nav nav {
clear: both;
/* sort top border whenbeta turns off
@include govuk-header-bar();
*/
border-bottom: 1px solid #bfc1c3;
}
@media (min-width: 769px) {
#global-nav nav {
padding: 10px 0;
}
}
@media (min-width: 769px) {
#global-nav nav {
clear: none;
background: transparent;
position: static;
margin-bottom: 0;
}
}
#global-nav nav #navigation {
margin: 0;
padding: 0 0 1em;
}
@media (min-width: 641px) {
#global-nav nav #navigation {
padding: 10px 0;
}
}
@media (min-width: 769px) {
#global-nav nav #navigation {
padding: 0;
}
}
#global-nav nav .current {
color: #fff;
}
#global-nav nav a {
text-decoration: underline;
}
#global-nav nav li {
padding: 10px 0 10px 16px;
margin-bottom: 0;
display: block;
position: relative;
}
@media (max-width: 640px) {
#global-nav nav li {
padding: 1em 1em 0;
}
}
@media (min-width: 641px) {
#global-nav nav li {
display: inline;
}
}
@media (max-width: 640px) {
#global-nav nav li.user {
display: none;
}
}
@media (min-width: 641px) {
#global-nav nav li.user {
padding-left: 0;
}
}
@media (min-width: 641px) {
#global-nav nav li.unauthenticated {
padding-left: 0;
}
}
#global-nav .home a {
position: relative;
}
#global-nav .home a small {
position: absolute;
top: 0.8em;
text-transform: uppercase;
color: white;
-webkit-font-smoothing: subpixel-antialiased;
background-color: #dee0e2;
padding: 2px 5px 0;
margin-left: 10px;
}
#global-nav .home a small.alpha {
background-color: #d53880;
}
#global-nav .home a small.beta {
background-color: #f47738;
}
#global-header form#search input.submit {
cursor: pointer;
}
#global-header .search-toggle {
margin-top: 5px;
width: 34px;
}
.company-header nav ul {
list-style-type: none;
}
.text.help-notice {
margin-bottom: 15px;
}
@media (min-width: 641px) {
.text.help-notice {
margin-bottom: 30px;
}
}
.example-back-link {
margin-top: 7.5px;
margin-bottom: 0;
}
@media (min-width: 641px) {
.example-back-link {
margin-top: 30px;
margin-bottom: 1.05263em;
}
}
/**** Fixes - NEED Sorting *****/
fieldset.search-submit button {
margin-right: 0;
}
fieldset.search-input {
float: none;
}
.phase-banner {
padding: 10px 0 8px;
border-bottom: 1px solid #bfc1c3;
border-top-width: 6.66667px;
border-top-style: solid;
border-top-color: #005ea5;
}
@media (min-width: 641px) {
.phase-banner {
padding-bottom: 10px;
}
}
.phase-banner p {
display: table;
margin: 0;
color: #000;
font-family: "nta", 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: "nta", 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;
}
@media (min-width: 641px) {
.phase-banner {
border-top-width: 10px;
}
}
@media (min-width: 769px) {
.phase-banner {
border-top-width: 10px;
}
}
@media (max-width: 640px) {
.phase-banner {
margin: 0 -15px;
}
}
.phase-banner .phase-tag {
display: -moz-inline-stack;
display: inline-block;
margin: 0 8px 0 0;
padding: 2px 5px 0;
font-family: "nta", 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;
margin-left: 10px;
}
@media (min-width: 641px) {
.phase-banner .phase-tag {
font-size: 16px;
line-height: 1.25;
}
}
@media (min-width: 641px) {
.phase-banner .phase-tag {
margin-left: 0;
}
}
@media (min-width: 769px) {
.phase-banner .phase-tag {
margin-left: 0;
}
}
/* header includes */
#global-header a#logo {
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 20px;
line-height: 1.11111;
width: 240px;
color: #FFF;
text-decoration: none;
border-left: 2px solid #0b0c0c;
background-image: url(/images/royal-coat-of-arms-white.png);
background-repeat: no-repeat;
background-position: 12px 3px;
background-size: 42px 35px;
margin: -3px 15px 0 0;
padding: 8px 0 2px 62px;
}
@media (min-width: 641px) {
#global-header a#logo {
font-size: 27px;
line-height: 1.11111;
}
}
#global-header a#logo:hover, #global-header a#logo:focus {
text-decoration: underline;
border-bottom: 2px solid #000;
}
@media (max-width: 640px) {
#global-header a#logo {
padding: 32px 0 2px 6px;
margin-left: 0.3em;
height: auto;
width: 160px;
background-position: 6px top;
background-size: 32px 27px;
}
}
#global-header a#logo:active {
color: #FFF;
}
#global-header .header-wrapper .header-global .header-logo {
margin: 0;
}
.accuracy-banner {
padding-bottom: 0.3em;
}
.phase-banner-empty {
border-bottom: 0;
padding-bottom: 0;
}
.svg #global-header a#logo {
background-image: url(/images/royal-coat-of-arms-white.svg);
background-position: 10px top;
background-size: 47px 42px;
}
@media (max-width: 640px) {
.svg #global-header a#logo {
background-position: 4px top;
background-size: 35px 30px;
}
}
.grid-row:after, fieldset:after, .form-section:after, .form-group:after, .form-block:after, .notice:after, #content:after, .panel:after, #global-nav .inner:after, .navigation-list:after, .pager ul:after, ol.breadcrumb:after, ul.pager:after, .section-tabs:after {
content: "";
display: block;
clear: both;
}
.grid-row:after, fieldset:after, .form-section:after, .form-group:after, .form-block:after, .notice:after, #content:after, .panel:after, #global-nav .inner:after, .navigation-list:after, .pager ul:after, ol.breadcrumb:after, ul.pager:after, .section-tabs:after {
content: "";
display: block;
clear: both;
}
#content, #page-container {
max-width: 960px;
margin: 0 15px;
}
@media (min-width: 641px) {
#content, #page-container {
margin: 0 30px;
}
}
@media (min-width: 1020px) {
#content, #page-container {
margin: 0 auto;
}
}
.grid-row {
margin: 0 -15px;
}
.grid-row:after, fieldset:after, .form-section:after, .form-group:after, .form-block:after, .notice:after, #content:after, .panel:after, #global-nav .inner:after, .navigation-list:after, .pager ul:after, ol.breadcrumb:after, ul.pager:after, .section-tabs:after {
content: "";
display: block;
clear: both;
}
.follow-page-container {
overflow: auto;
}
strong, b {
font-weight: bold;
}
.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;
-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;
}
.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: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%;
}
.button-secondary {
background-color: #dee0e2;
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;
-webkit-appearance: none;
-webkit-box-shadow: 0 2px 0 #b5babe;
-moz-box-shadow: 0 2px 0 #b5babe;
box-shadow: 0 2px 0 #b5babe;
font-size: 1em;
line-height: 1.25;
text-decoration: none;
-webkit-font-smoothing: antialiased;
cursor: pointer;
color: #0b0c0c;
}
.button-secondary:visited {
background-color: #dee0e2;
}
.button-secondary:hover, .button-secondary:focus {
background-color: #d0d3d6;
}
.button-secondary:active {
top: 2px;
-webkit-box-shadow: 0 0 0 #dee0e2;
-moz-box-shadow: 0 0 0 #dee0e2;
box-shadow: 0 0 0 #dee0e2;
}
.button-secondary.disabled, .button-secondary[disabled="disabled"], .button-secondary[disabled] {
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
.button-secondary.disabled:hover, .button-secondary[disabled="disabled"]:hover, .button-secondary[disabled]:hover {
cursor: default;
background-color: #dee0e2;
}
.button-secondary.disabled:active, .button-secondary[disabled="disabled"]:active, .button-secondary[disabled]:active {
top: 0;
-webkit-box-shadow: 0 2px 0 #b5babe;
-moz-box-shadow: 0 2px 0 #b5babe;
box-shadow: 0 2px 0 #b5babe;
}
.button-secondary:link, .button-secondary:hover, .button-secondary:focus, .button-secondary:visited {
color: #0b0c0c;
}
.button-secondary:before {
content: "";
height: 110%;
width: 100%;
display: block;
background: transparent;
position: absolute;
top: 0;
left: 0;
}
.button-secondary:active:before {
top: -10%;
height: 120%;
}
.button-warning {
background-color: #b10e1e;
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;
-webkit-appearance: none;
-webkit-box-shadow: 0 2px 0 #6a0812;
-moz-box-shadow: 0 2px 0 #6a0812;
box-shadow: 0 2px 0 #6a0812;
font-size: 1em;
line-height: 1.25;
text-decoration: none;
-webkit-font-smoothing: antialiased;
cursor: pointer;
color: #fff;
}
.button-warning:visited {
background-color: #b10e1e;
}
.button-warning:hover, .button-warning:focus {
background-color: #990c1a;
}
.button-warning:active {
top: 2px;
-webkit-box-shadow: 0 0 0 #b10e1e;
-moz-box-shadow: 0 0 0 #b10e1e;
box-shadow: 0 0 0 #b10e1e;
}
.button-warning.disabled, .button-warning[disabled="disabled"], .button-warning[disabled] {
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
.button-warning.disabled:hover, .button-warning[disabled="disabled"]:hover, .button-warning[disabled]:hover {
cursor: default;
background-color: #b10e1e;
}
.button-warning.disabled:active, .button-warning[disabled="disabled"]:active, .button-warning[disabled]:active {
top: 0;
-webkit-box-shadow: 0 2px 0 #6a0812;
-moz-box-shadow: 0 2px 0 #6a0812;
box-shadow: 0 2px 0 #6a0812;
}
.button-warning:link, .button-warning:hover, .button-warning:focus, .button-warning:visited {
color: #fff;
}
.button-warning:before {
content: "";
height: 110%;
width: 100%;
display: block;
background: transparent;
position: absolute;
top: 0;
left: 0;
}
.button-warning:active:before {
top: -10%;
height: 120%;
}
h1 .button {
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 16px;
line-height: 1.25;
}
@media (min-width: 641px) {
h1 .button {
font-size: 19px;
line-height: 1.31579;
}
}
a.alternative-action {
margin-left: 1em;
}
/*
.federated-login {
li {
@include core-16;
margin: 0 1px 2px 0;
.button {
width: 65%;
display: block;
padding: 10px 0 8px 45px;
margin-bottom: 0;
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.facebook {
background: #3B5998 url(/images/social/facebook.svg) no-repeat 10px center;
&:hover {
background-color: #4C70BA;
}
}
.google {
background: #DD4B39 url(/images/social/google-plus.svg) no-repeat 10px center;
&:hover {
background-color: #E47365;
}
}
.amazon {
background: #FE9900 url(/images/social/amazon.svg) no-repeat 10px center;
&:hover {
background-color: #FFAD32;
}
}
.paypal {
background: #03385F url(/images/social/paypal.svg) no-repeat 10px center;
&:hover {
background-color: #195D82;
}
}
.microsoft {
background: #56AAF3 url(/images/social/windows.svg) no-repeat 10px center;
&:hover {
background-color: #86C2F6;
}
}
}
}
*/
ul.data {
padding: 0 0 2em 0;
margin-bottom: 3em;
border-bottom: 1px solid #bfc1c3;
}
ul.data li {
padding-left: 0;
}
ul.data li pre {
margin-top: 0;
}
ul.data li ul {
margin-top: 0.5em;
padding-left: 2em;
}
ul.data li ul li {
padding-left: 0.3em;
list-style-type: disc;
}
/* Don't know what this does!!!
.status {
padding-left: 20px;
&.tick {
background: url(/images/icon/progress-tick.png) no-repeat left center;
}
&.cross {
background: url(/images/icon/progress-cross.png) no-repeat left center;
}
}
*/
.grid-1-3 ul.action-button-list {
margin-top: 15px;
margin-bottom: 20px;
}
@media (min-width: 641px) {
.grid-1-3 ul.action-button-list {
margin-top: 30px;
margin-bottom: 30px;
}
}
.grid-1-3 ul.action-button-list li {
margin-bottom: 10px;
}
.company-header .heading-xlarge {
margin: 0;
}
.company-header nav {
margin: 30px 0;
}
@media (max-width: 640px) {
.company-header nav {
margin: 0;
}
}
.company-header .actions {
margin-bottom: 3em;
}
.company-header .actions #manage_auth_code {
margin: .7em 0 0 .5em;
display: inline-block;
}
@media (max-width: 640px) {
.company-header .actions {
margin-bottom: 1em;
}
.company-header .actions #manage_auth_code {
margin: .7em auto 0;
text-align: center;
display: block;
}
.company-header .actions #file-for-this-company {
margin-top: .5em;
}
}
.company-header .heading {
margin: 0.8em 0 1em 0;
}
.company-header .help-notice .heading {
margin-top: 0.7em;
margin-bottom: 0.55em;
}
.navigation-list {
margin: 20px 0 20px 0;
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 16px;
line-height: 1.25;
}
@media (min-width: 641px) {
.navigation-list {
font-size: 19px;
line-height: 1.31579;
}
}
.navigation-list li {
display: inline;
margin: 0 20px 0 0;
}
@media (max-width: 640px) {
.navigation-list li {
display: block;
margin-bottom: 10px;
}
}
.help-notice {
background: none;
background: url("/images/icon/icon-important.png") no-repeat scroll 0 0.5em;
padding: 0 0 0 1em;
overflow: auto;
}
@media (max-width: 640px) {
.help-notice {
background-image: url("/images/icon/icon-important.png");
background-size: 26px 26px;
}
}
.help-notice p {
font-weight: 600;
}
.help-notice p a {
font-weight: normal;
}
.help-notice p, .help-notice dl {
padding: 0 0 0 1.5em;
margin-bottom: 0.55em;
}
@media (max-width: 640px) {
.help-notice p, .help-notice dl {
padding-left: 1.2em;
}
}
.help-notice.overdue {
background: url("/images/icon/icon-important-red.png") no-repeat scroll 0 2.3em;
padding: 0 0 0 1em;
}
@media (max-width: 640px) {
.help-notice.overdue {
background-image: url("/images/icon/icon-important-red.png");
background-size: 26px 26px;
background-position: 0 1.2em;
padding-left: 1.2em;
}
}
.help-notice.overdue h2, .help-notice.overdue p {
color: #b10e1e;
padding-left: 1.2em;
margin-bottom: 0.61em;
}
@media (max-width: 640px) {
.help-notice.overdue h2, .help-notice.overdue p {
margin-bottom: 0.5em;
}
}
#wrapper.no-footer {
border-bottom: 0;
}
.summary-link {
display: block;
margin: 0 0 35px;
}
.summary-link:focus {
outline: 3px solid #ffbf47;
}
@media (max-width: 640px) {
.mobile-hidden {
display: none;
}
}
.filing-history .grid-3-4 {
width: 100%;
}
.filing-history .filters {
display: none;
}
.js-enabled .filing-history .grid-3-4 {
width: 100%;
}
@media (min-width: 641px) {
.js-enabled .filing-history .grid-3-4 {
width: 75%;
}
}
.js-enabled .filing-history .filters {
display: block;
}
.transaction-confirmation ul {
margin: 30px 0;
}
@media (max-width: 640px) {
.transaction-confirmation ul {
margin: 15px 0;
}
}
table tr.no-border-bottom td {
border-bottom: none;
}
table#roles_and_permissions {
margin-bottom: 1em;
}
table#roles_and_permissions th {
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 14px;
line-height: 1.14286;
vertical-align: top;
font-weight: 700;
}
@media (min-width: 641px) {
table#roles_and_permissions th {
font-size: 16px;
line-height: 1.25;
}
}
table#roles_and_permissions td {
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 14px;
line-height: 1.14286;
}
@media (min-width: 641px) {
table#roles_and_permissions td {
font-size: 16px;
line-height: 1.25;
}
}
table#roles_and_permissions td.green-tick {
color: #28a197;
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 18px;
line-height: 1.2;
padding: 0;
text-align: center;
}
@media (min-width: 641px) {
table#roles_and_permissions td.green-tick {
font-size: 24px;
line-height: 1.25;
}
}
.filters {
margin-top: 30px;
}
object.filing-history-image {
height: 40em;
}
.filing-history table tr.nowrap {
white-space: nowrap;
}
.filing-history table th, .filing-history table td, .filing-history table td .form-hint {
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 14px;
line-height: 1.14286;
}
@media (min-width: 641px) {
.filing-history table th, .filing-history table td, .filing-history table td .form-hint {
font-size: 16px;
line-height: 1.25;
}
}
.filing-history table th {
font-weight: 700;
}
.filing-history table a {
text-decoration: underline;
}
.filing-history form h2.heading-medium {
margin-top: 10px;
}
@media (max-width: 640px) {
.filing-history form .block-label {
float: none;
}
}
.form h2.heading-medium {
margin: 10px 0;
}
.block-label input {
top: 8px;
}
.block-label {
padding: 5px 30px 5px 45px;
float: left;
}
.filter-appointments {
margin-bottom: 1.8em;
}
.total-appointments {
margin-bottom: 1.8em;
}
h2.filter-appointments {
margin-top: 0.5em;
}
h2.total-appointments {
margin-top: 0.5em;
}
.appointments-list a {
text-decoration: underline;
}
.appointments-list h3 {
margin-bottom: 1em;
}
.heading-with-border {
border-top: 1px solid #dee0e2;
padding-top: 1.25em;
}
hr {
height: 1px;
color: #bfc1c3;
background: #bfc1c3;
font-size: 0;
border: 0;
}
dl {
margin-bottom: 30px;
}
@media (max-width: 640px) {
dl {
margin-bottom: 20px;
}
}
dl .heading-medium, dl .heading-large, dl .heading-xlarge {
margin-bottom: 0;
}
.profile dl {
margin-bottom: 20px;
}
@media (max-width: 640px) {
.profile dl {
margin-bottom: 15px;
}
}
ol.breadcrumb li {
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 14px;
line-height: 1.14286;
background-image: url("/images/icon/separator.png");
background-position: 100% 50%;
background-repeat: no-repeat;
float: left;
list-style: none;
margin: 0 0.5em 0 0;
padding-right: 1em;
}
@media (min-width: 641px) {
ol.breadcrumb li {
font-size: 16px;
line-height: 1.25;
}
}
ol.breadcrumb li:last-child {
background-image: none;
}
.section-tabs + .breadcrumb {
margin-top: -15px;
}
.label {
display: inline-block;
padding: 0 0.3em;
background-color: #6f777b;
color: #fff;
}
.label.orange {
background-color: #f47738;
}
span.status-tag {
background-color: #006435;
/*$live-colour*/
color: #fff;
margin-left: 0.75em;
vertical-align: baseline;
padding: 2px 5px 1px;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
display: inline-block;
position: relative;
top: -0.05em;
}
span.status-tag.ceased-tag {
background-color: #4B5253;
}
.disqualifications h2.heading-medium {
margin-top: 0;
}
.disqualifications h2.heading-medium span {
font-weight: normal;
}
.margin-top-0 {
margin-top: 0;
}
hr.section {
height: 4px;
font-size: 1em;
margin-top: 1.5em;
}
hr.exemption {
margin: 0 0 2em 0;
font-size: 1em;
}
div.disqualification {
margin-bottom: 2em;
}
h2.leadin {
margin-bottom: 0;
}
p.leadin {
margin-bottom: 2em;
}
.pager-a-z {
vertical-align: bottom;
margin-bottom: 1em;
border-bottom: 1px solid #6f777b;
}
.pager-a-z li.inactive {
padding-right: 1em;
}
.pager-a-z li.active {
font-size: 2.5em;
font-weight: bold;
padding-right: 0.5em;
}
main.search .section-tabs h1 {
padding-bottom: 0;
}
ul.search-tabs {
overflow: auto;
border-bottom: 1px solid #bfc1c3;
margin-bottom: 30px;
}
ul.search-tabs li {
list-style-type: none;
float: left;
padding: 0 8px 10px;
margin: 0 20px 0 0;
}
ul.search-tabs li.active {
border-bottom: 3px solid #005ea5;
}
ul.search-tabs li.active h1 {
font-size: 19px;
padding: 0;
}
ul.search-tabs li a {
text-decoration: none;
}
main.search .results-list p.meta {
font-size: 16px;
}
sup.label {
display: inline-block;
background-color: #fff;
color: #912b88;
font-size: 0.8em;
font-weight: 700;
}
main.search .search-header a {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #005ea5;
background-image: url("/images/search/search-button.png");
background-position: -12.5% 50%;
background-repeat: no-repeat;
border-bottom-color: -moz-use-text-color;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-style: none;
border-bottom-width: medium;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color: -moz-use-text-color;
border-left-style: none;
border-left-width: medium;
border-right-color: -moz-use-text-color;
border-right-style: none;
border-right-width: medium;
border-top-color: -moz-use-text-color;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top-style: none;
border-top-width: medium;
box-shadow: none;
color: #fff;
height: 50px;
overflow-x: hidden;
overflow-y: hidden;
position: absolute;
right: 0;
text-indent: -5000px;
top: 0;
width: 50px;
z-index: 4;
pointer-events: none;
}
main.search .search-header a:hover {
background-color: #005ea5;
}
.view {
display: none;
}
.view.active {
display: block;
}
.main-title.center {
text-align: center;
margin-bottom: 1.5em;
}
::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
color: #6f777b;
}
:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #6f777b;
opacity: 1;
}
::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #6f777b;
opacity: 1;
}
:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #6f777b;
}
.search-bar-active {
background: #dee0e2;
padding: 0.5em;
}
#view2 .search-bar-active .search-header {
padding: 0;
}
.filter-bar {
padding-top: 0.75em;
font-size: 0.8em;
}
.filter-bar ul {
padding-top: 0.5em;
margin-bottom: 0;
}
.filter-bar li.filters a {
padding: 0.3em 0.5em;
background: #005ea5;
color: #fff;
}
.search-tabs a:hover {
text-decoration: underline;
}
.did-you-mean {
padding-top: 0.75em;
color: #6f777b;
}
.did-you-mean a {
color: #005ea5;
text-decoration: underline;
}
.did-you-mean a:hover {
text-decoration: underline;
}
.result-count {
font-size: 0.8em;
color: #6f777b;
height: 0;
display: none;
opacity: 0;
transition: .25s ease-in-out;
border-bottom: 1px solid #fff;
margin-top: 30px;
}
.result-count.active {
display: block;
height: 1.75em;
opacity: 1;
}
.result-count a {
text-decoration: underline;
}
.result-count a:after {
background-position: right 2px;
}
.search-tools {
display: none;
height: 0;
opacity: 0;
font-size: 0.8em;
background: #f8f8f8;
transition: .25s ease-in-out;
border-bottom: 1px solid #dee0e2;
}
.search-tools.active {
display: block;
height: 1.75em;
opacity: 1;
padding-top: 0.75em;
z-index: 10000;
}
.search-tools a {
padding: 0.3em 0.75em 0.3em 0;
color: #6f777b;
text-decoration: underline;
}
#services-information-results {
min-height: auto;
}
.similar-searches h3 {
padding-bottom: 0.5em;
}
.similar-searches a {
text-decoration: none;
}
.pager-a-z {
vertical-align: bottom;
margin-bottom: 1em;
border-bottom: 1px solid #bfc1c3;
}
#view3 .pager-a-z li {
padding-right: 1em;
}
#view3 .pager-a-z li.active {
font-size: 2.5em;
font-weight: bold;
padding-right: 0.5em;
}
.results {
position: relative;
}
.results-list li:hover {
/*background: $grey-3;*/
}
.quick-look {
background: #dee0e2;
margin: 1em 0 0 1em;
padding: 1em;
}
.quick-look h4 {
margin-top: 0;
}
.quick-look ul {
margin-bottom: 0;
}
.quick-look li {
margin-bottom: .5em;
}
.quick-look li:last-of-type {
margin-bottom: 0;
}
.quick-look a[rel="external"]::after {
background-position: right 3px;
}
.full-list {
position: absolute;
top: 3em;
right: 0;
background: #dee0e2;
padding: 1em;
}
.full-list h2 {
font-weight: bold;
font-size: 1.25em;
margin-bottom: 1em;
}
.full-list a {
padding: 0.5em 0.75em;
background: #005ea5;
color: #fff;
text-decoration: none;
}
.full-list a:hover {
background: #2b8cc4;
text-decoration: underline;
}
.main-title.center {
text-align: center;
margin-bottom: 1.5em;
}
.font-xsmall {
font-family: "proxima_nova", Arial, sans-serif;
font-size: 16px;
line-height: 1.25;
font-weight: 400;
text-transform: none;
}
#list-of-registers h2 {
margin-bottom: 0.5em;
}
#list-of-registers table {
margin-top: 1em;
}
.no-script {
display: none;
/*Hides content if JS off*/
}
.toggle-hidden {
margin-top: 10px;
}
a.toggle-link {
display: block;
float: right;
}
a.toggle-no-link {
color: #0b0c0c;
text-decoration: none;
}
.toggle-link:focus {
background-color: #fff;
color: #005ea5;
}
.toggle-link:focus .toggle-arrows {
color: #005ea5;
}
.toggle-arrows {
float: left;
margin-right: 5px;
}
.twenty-percent {
width: 20%;
}
.thirty-percent {
width: 30%;
}
.forty-percent {
width: 40%;
}
.fifty-percent {
width: 50%;
}
.sixty-percent {
width: 60%;
}
.seventy-percent {
width: 70%;
}
.eighty-percent {
width: 80%;
}
.display-table {
margin: 30px 0;
width: 100%;
border-collapse: collapse;
}
.display-table tr th, .display-table tr td {
padding: 0.5em;
text-align: left;
}
.display-table tr th {
border: 1px solid #bfc1c3;
background-color: #dee0e2;
}
.display-table tr td {
border: 1px dotted #bfc1c3;
background-color: #f8f8f8;
}
.display-table tr td pre,
.display-table tr td code,
.display-table tr td span.value {
background: none;
border: 0;
padding: 0;
}
.display-table tr td .object {
color: #6f777b;
}
.display-table tr:nth-child(even) td {
background-color: #fff;
}
.grid-row:after, fieldset:after, .form-section:after, .form-group:after, .form-block:after, .notice:after, #content:after, .panel:after, #global-nav .inner:after, .navigation-list:after, .pager ul:after, ol.breadcrumb:after, ul.pager:after, .section-tabs:after {
content: "";
display: block;
clear: both;
}
.grid-row:after, fieldset:after, .form-section:after, .form-group:after, .form-block:after, .notice:after, #content:after, .panel:after, #global-nav .inner:after, .navigation-list:after, .pager ul:after, ol.breadcrumb:after, ul.pager:after, .section-tabs:after {
content: "";
display: block;
clear: both;
}
.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: 10px;
margin-bottom: 0;
}
.inline .panel-border-narrow {
margin-top: 10px;
margin-bottom: 0;
}
.validation-summary {
background-color: #fef7f7;
/* ??? Needs changing to rely on toolkit */
margin: 0 -15px 30px;
}
.validation-summary.important {
border-color: #ffbf47;
background-color: #fff2d3;
}
.validation-summary a {
text-decoration: underline;
}
.validation-summary a:hover {
text-decoration: none;
}
fieldset legend {
margin-bottom: 40px;
}
.form-group fieldset legend {
margin-bottom: 0;
}
.form-group.validation-error {
padding: 15px;
/* ??? Needs changing to rely on toolkit */
margin-left: -15px;
border-left: 3px solid #b10e1e;
background-color: #fef7f7;
}
.form-group.validation-error .button-link, .form-group.validation-error .button {
margin-bottom: 0;
}
.action-link {
margin: 0;
}
.action-link .button-link {
padding-left: 0;
}
.js-enabled .form .selection-button-checkbox-small::before {
height: 22px;
width: 22px;
}
.js-enabled .block-label.selection-button-checkbox-small::after {
height: 5px;
left: 3px;
top: 7px;
width: 15px;
}
.feedback-wrapper {
clear: both;
max-width: 960px;
margin: 0 auto;
display: block;
margin-top: -125px;
padding: 1em;
overflow: auto;
}
.feedback-wrapper .toggle-link {
float: none;
display: inline-block;
}
/*input,
select,
textarea {
&.form-control {
margin: 0;
@include core-19;
padding: 4px;
border: 2px solid $black;
}
}
select.form-control {
font-family: "nta", Arial, sans-serif;
-webkit-appearance: menulist;
}
input[type="password"] {
font-family: Arial;
}*/
a:link {
color: #005ea5;
}
/* unvisited link */
a:visited {
color: #005ea5;
}
/* visited link */
a:hover {
color: #2e8aca;
}
/* mouse over link */
a:active {
color: #2e8aca;
}
/* selected link */
#global-header form#search input.submit, #global-header .search-toggle {
background-color: #005ea5;
}
#global-header form#search input.submit:hover, #global-header .search-toggle:hover {
background-color: #004f8c;
}
.error-summary {
border: 5px solid #B10E1E;
margin-bottom: 30px;
margin-top: 30px;
padding: 20px 15px 15px;
}
.heading-medium {
font-size: 24px;
font-weight: 700;
line-height: 1.25;
}
.error-summary p {
margin-bottom: 10px;
}
.error-summary .error-summary-list a {
color: #B10E1E;
font-family: "proxima_nova",Arial,sans-serif;
font-weight: bold;
text-decoration: underline;
}
.error {
font-size: 19px;
border-left: 5px solid #B10E1E;
font-family: "proxima_nova",Arial,sans-serif;
padding-left: 15px;
margin-right: 15px;
}
.error-message {
clear: both;
color: #B10E1E;
display: block;
font-size: 19px;
font-family: "proxima_nova",Arial,sans-serif;
font-weight: 700;
line-height: 1.25;
margin: 0;
padding: 2px 0;
text-transform: none;
}
.form-label-bold {
font-family: "proxima_nova",Arial,sans-serif;
font-size: 19px;
font-weight: 700;
line-height: 1.25;
text-transform: none;
}
.form-label, .form-label-bold {
font-family: "proxima_nova",Arial,sans-serif;
color: #0b0c0c;
display: block;
padding-bottom: 2px;
}
.form-group.error input, .form-group.error select {
border: 3px solid #B10E1E;
}
.error-summary h2.error-summary-heading {
margin-top: 0;
}
.grid-row:after, fieldset:after, .form-section:after, .form-group:after, .form-block:after, .notice:after, #content:after, .panel:after, #global-nav .inner:after, .navigation-list:after, .pager ul:after, ol.breadcrumb:after, ul.pager:after, .section-tabs:after {
content: "";
display: block;
clear: both;
}
.grid-row:after, fieldset:after, .form-section:after, .form-group:after, .form-block:after, .notice:after, #content:after, .panel:after, #global-nav .inner:after, .navigation-list:after, .pager ul:after, ol.breadcrumb:after, ul.pager:after, .section-tabs:after {
content: "";
display: block;
clear: both;
}
.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: 10px;
margin-bottom: 0;
}
.inline .panel-border-narrow {
margin-top: 10px;
margin-bottom: 0;
}
.transaction.service ul li {
list-style-type: disc;
}
.transaction.service dl.faq {
margin-top: 4.5em;
}
.no-bullet {
list-style-type: none;
}
.grid-row:after, fieldset:after, .form-section:after, .form-group:after, .form-block:after, .notice:after, #content:after, .panel:after, #global-nav .inner:after, .navigation-list:after, .pager ul:after, ol.breadcrumb:after, ul.pager:after, .section-tabs:after {
content: "";
display: block;
clear: both;
}
ul.pager {
background: transparent;
width: auto;
margin-top: 2em;
padding-left: 0;
}
@media (max-width: 640px) {
ul.pager {
margin-left: 0;
width: 100%;
}
}
ul.pager li {
display: inline;
padding: 0 1.4em 0 0;
margin: 0;
float: left;
}
ul.pager li.next {
float: right;
}
ul.pager li a {
color: #005ea5;
}
ul.pager li a:active {
background: transparent;
}
ul.pager li a.next, ul.pager li a.previous {
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 20px;
line-height: 1.11111;
}
@media (min-width: 641px) {
ul.pager li a.next, ul.pager li a.previous {
font-size: 27px;
line-height: 1.11111;
}
}
ul.pager li a.next {
padding-right: 45px;
margin-right: -90px;
float: right;
}
ul.pager li a.next:after {
background-attachment: scroll;
background-clip: border-box;
background-image: url("https://assets.digital.cabinet-office.gov.uk/government/assets/arrow-sprite-2B8CC4-93afeb702f53a20045ad9f4ab8170825.png");
background-origin: padding-box;
background-position: -102px -11px;
background-repeat: no-repeat;
background-size: auto auto;
content: " ";
display: block;
float: right;
height: 38px;
margin-bottom: 0;
margin-left: 0;
margin-right: -32px;
margin-top: -4px;
width: 30px;
}
ul.pager li a.previous {
padding-left: 45px;
margin-left: -45px;
}
ul.pager li a.previous:before {
background-attachment: scroll;
background-clip: border-box;
background-image: url("https://assets.digital.cabinet-office.gov.uk/government/assets/arrow-sprite-2B8CC4-93afeb702f53a20045ad9f4ab8170825.png");
background-origin: padding-box;
background-position: -20px -11px;
background-repeat: no-repeat;
background-size: auto auto;
content: " ";
display: block;
float: left;
height: 38px;
margin-bottom: 0;
margin-left: -32px;
margin-right: 0;
margin-top: -4px;
width: 30px;
}
.grid-row:after, fieldset:after, .form-section:after, .form-group:after, .form-block:after, .notice:after, #content:after, .panel:after, #global-nav .inner:after, .navigation-list:after, .pager ul:after, ol.breadcrumb:after, ul.pager:after, .section-tabs:after {
content: "";
display: block;
clear: both;
}
main.search .section-tabs h1 {
padding-bottom: 0;
}
ul.search-tabs {
overflow: auto;
border-bottom: 1px solid #0b0c0c;
margin-bottom: 30px;
}
ul.search-tabs li {
list-style-type: none;
float: left;
padding: 0 8px 10px;
margin: 0 20px 0 0;
}
ul.search-tabs li.active {
border-bottom: 5px solid #005ea5;
}
ul.search-tabs li.active h1 {
font-size: 19px;
padding: 0;
}
ul.search-tabs li a {
text-decoration: none;
}
.section-tabs {
border-bottom: 1px solid #0b0c0c;
margin: 1.5em 0;
}
@media (max-width: 640px) {
.section-tabs {
border-bottom: none;
margin: 30px 0;
}
}
.section-tabs ul {
position: relative;
top: 1px;
margin: 0;
padding: 0;
}
.section-tabs ul li {
margin: 0;
padding: 0;
float: left;
display: inline;
list-style: none;
}
@media (max-width: 640px) {
.section-tabs ul li {
float: none;
display: block;
}
}
.section-tabs ul a {
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 16px;
line-height: 1.25;
font-weight: bold;
display: block;
overflow: hidden;
margin: 5px 5px 6px 0;
padding: 5px 0;
text-decoration: none;
background: #dee0e2;
border: 1px solid #dee0e2;
border-bottom: none;
}
@media (min-width: 641px) {
.section-tabs ul a {
font-size: 19px;
line-height: 1.31579;
}
}
.section-tabs ul a:hover .label, .section-tabs ul a:focus .label {
text-decoration: underline;
}
@media (max-width: 640px) {
.section-tabs ul a {
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 14px;
line-height: 1.14286;
border-bottom: 1px solid #0b0c0c;
width: 98.5%;
width: -webkit-calc(100% - 10px);
width: calc(100% - 10px);
margin: 5px 0 0 0;
padding: 5px 0 5px 5px;
text-decoration: underline;
font-weight: normal;
}
}
@media (max-width: 640px) and (min-width: 641px) {
.section-tabs ul a {
font-size: 16px;
line-height: 1.25;
}
}
@media (min-width: 641px) {
.section-tabs ul a {
padding: 11px 14px 9px 9px;
}
}
.section-tabs ul li.active a {
background: #fff;
padding: 10px 9px 10px;
margin: 0 5px 0 0;
border-color: #0b0c0c;
}
@media (max-width: 640px) {
.section-tabs ul li.active a {
border-bottom: 1px solid #0b0c0c;
width: 98.5%;
width: -webkit-calc(100% - 10px);
width: calc(100% - 10px);
padding: 5px 0 5px 5px;
margin: 5px 0 0 0;
text-decoration: none;
font-weight: bold;
}
}
@media (min-width: 641px) {
.section-tabs ul li.active a {
padding: 16px 19px 15px 14px;
}
}
.section-tabs ul li.active a:focus {
outline: none;
background: #ffdd00;
}
.section-tabs ul li.active a .label {
text-decoration: none;
}
.section-tabs ul.two-tabs li {
width: 50%;
}
@media (min-width: 769px) {
.section-tabs ul.two-tabs li {
width: auto;
min-width: 33.333%;
}
}
.section-tabs.plain-tabs .tab-navigation ul li a {
background-color: #fff;
border: none;
text-decoration: underline;
font-weight: normal;
}
.section-tabs.plain-tabs .tab-navigation ul li.active a {
border: 1px solid #dee0e2;
border-bottom: none;
}
.more-tab {
color: #ffffff !important;
background-color: #005ea5 !important;
}
.govuk-list--bullet {
padding-left: 20px;
list-style-type: disc;
}
.govuk-button:link {
text-decoration: none;
padding: 9px;
}
.secondary-button {
background-color: #dee0e2;
color: #0b0c0c !important;
box-shadow: 0 2px 0 #bfc1c3;
}
.govuk-visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0;
white-space: nowrap;
}
.govuk-details {
margin-bottom: 30px;
}
.govuk-details__text {
padding: 15px;
padding-left: 20px;
border-left: 5px solid #bfc1c3;
}
.widget-footer {
margin-top: 30px;
}
.govuk-details__summary-text {
text-decoration: underline;
}
.grid-row:after, fieldset:after, .form-section:after, .form-group:after, .form-block:after, .notice:after, #content:after, .panel:after, #global-nav .inner:after, .navigation-list:after, .pager ul:after, ol.breadcrumb:after, ul.pager:after, .section-tabs:after {
content: "";
display: block;
clear: both;
}
.grid-row:after, fieldset:after, .form-section:after, .form-group:after, .form-block:after, .notice:after, #content:after, .panel:after, #global-nav .inner:after, .navigation-list:after, .pager ul:after, ol.breadcrumb:after, ul.pager:after, .section-tabs:after {
content: "";
display: block;
clear: both;
}
#content, #page-container {
max-width: 960px;
margin: 0 15px;
}
@media (min-width: 641px) {
#content, #page-container {
margin: 0 30px;
}
}
@media (min-width: 1020px) {
#content, #page-container {
margin: 0 auto;
}
}
.grid-row {
margin: 0 -15px;
}
.grid-row:after, fieldset:after, .form-section:after, .form-group:after, .form-block:after, .notice:after, #content:after, .panel:after, #global-nav .inner:after, .navigation-list:after, .pager ul:after, ol.breadcrumb:after, ul.pager:after, .section-tabs:after {
content: "";
display: block;
clear: both;
}
.grid-row:after, fieldset:after, .form-section:after, .form-group:after, .form-block:after, .notice:after, #content:after, .panel:after, #global-nav .inner:after, .navigation-list:after, .pager ul:after, ol.breadcrumb:after, ul.pager:after, .section-tabs:after {
content: "";
display: block;
clear: both;
}
.grid-row:after, fieldset:after, .form-section:after, .form-group:after, .form-block:after, .notice:after, #content:after, .panel:after, #global-nav .inner:after, .navigation-list:after, .pager ul:after, ol.breadcrumb:after, ul.pager:after, .section-tabs:after {
content: "";
display: block;
clear: both;
}
#content, #page-container {
max-width: 960px;
margin: 0 15px;
}
@media (min-width: 641px) {
#content, #page-container {
margin: 0 30px;
}
}
@media (min-width: 1020px) {
#content, #page-container {
margin: 0 auto;
}
}
.grid-row {
margin: 0 -15px;
}
.button-link {
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 16px;
line-height: 1.25;
background: none;
border: none;
-webkit-font-smoothing: antialiased;
display: inline-block;
color: #005ea5;
line-height: 1.25;
text-decoration: underline;
cursor: pointer;
margin: 0 15px 15px 0;
padding: 10px 10px 5px 10px;
vertical-align: top;
}
@media (min-width: 641px) {
.button-link {
font-size: 19px;
line-height: 1.31579;
}
}
.button-link:hover {
color: #2b8cc4;
}
.button-link:focus {
outline: 3px solid #ffbf47;
}
.button-get-started {
font-family: "nta", Arial, sans-serif;
font-weight: 700;
text-transform: none;
font-size: 18px;
line-height: 1.2;
background-image: url("../../images/icon/icon-pointer.png") !important;
background-repeat: no-repeat;
background-position: 100% 50%;
padding: 0.36842em 2.15789em 0.21053em 0.84211em;
}
@media (min-width: 641px) {
.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-get-started {
background-image: url("../../images/icon/icon-pointer-2x.png") !important;
background-size: 30px 19px;
}
}
.action-button-list .button {
margin: 30px 0;
}
@media (max-width: 640px) {
.action-button-list .button {
margin: 0;
}
}
.grid-row:after, fieldset:after, .form-section:after, .form-group:after, .form-block:after, .notice:after, #content:after, .panel:after, #global-nav .inner:after, .navigation-list:after, .pager ul:after, ol.breadcrumb:after, ul.pager:after, .section-tabs:after {
content: "";
display: block;
clear: both;
}
::-webkit-input-placeholder {
/* WebKit browsers */
color: #0b0c0c;
}
:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #0b0c0c;
opacity: 1;
}
::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #0b0c0c;
opacity: 1;
}
:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #0b0c0c;
}
body.search #global-header #search,
body.search #global-breadcrumb {
display: none;
}
#global-header form#search input.header-search {
width: 86%;
width: -webkit-calc(100% - 37px);
width: calc(100% - 37px);
}
main.search {
padding-bottom: 40px;
/* Needed for spacing of 'customer insight' feedback element */
}
main.search h1 {
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 32px;
line-height: 1.09375;
font-weight: bold;
padding-bottom: 10px;
margin-top: 1em;
}
@media (min-width: 641px) {
main.search h1 {
font-size: 48px;
line-height: 1.04167;
}
}
main.search .section-tabs h1 {
margin-top: 0px;
}
main.search .search-header {
position: relative;
margin: 0;
padding: 0 0 30px !important;
overflow: visible;
}
@media (min-width: 641px) {
main.search .search-header {
padding: 0 30px 30px 0;
width: 100%;
}
}
main.search .search-header .searchfield {
position: relative;
}
main.search .search-header .search-input {
position: static;
margin: 0;
padding: 0 50px 0 0;
}
main.search .search-header .search-submit {
position: absolute;
bottom: 0;
right: 0;
height: 50px;
width: 50px;
overflow: visible;
cursor: pointer;
}
main.search .search-header input {
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 16px;
line-height: 1.25;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 93%;
width: -webkit-calc(100% - 49px);
width: calc(100% - 49px);
margin: 0;
padding: 0 0 0 10px;
display: block;
height: 50px;
border-color: #0b0c0c;
}
@media (min-width: 641px) {
main.search .search-header input {
font-size: 19px;
line-height: 1.31579;
}
}
main.search .search-header input::-webkit-search-cancel-button {
-webkit-appearance: none;
}
main.search .search-header button {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
position: absolute;
z-index: 4;
right: 0;
top: 0;
width: 50px;
height: 50px;
border: none;
overflow: hidden;
text-indent: -5000px;
color: #fff;
background-color: #005ea5;
background-image: url("/images/search/search-button.png");
background-repeat: no-repeat;
background-position: -12.5% 50%;
}
main.search .search-header button:hover {
background-color: #004f8c;
}
main.search .search-header .spelling-suggestion p {
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 14px;
line-height: 1.14286;
margin: 0;
padding: 10px 0 0;
}
@media (min-width: 641px) {
main.search .search-header .spelling-suggestion p {
font-size: 16px;
line-height: 1.25;
}
}
main.search .search-filter {
padding: 15px 15px 0;
}
@media (min-width: 641px) {
main.search .search-filter {
padding: 30px 30px 0;
}
}
main.search .search-filter .sort-by label {
font-weight: normal;
}
main.search .search-filter .sort-by h3 {
display: inline;
font-size: 14px;
font-weight: bold;
padding-right: 14px;
}
main.search .search-filter label, main.search .search-filter select {
margin-right: 1em;
}
main.search .search-filter label {
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 12px;
line-height: 1.25;
font-weight: bold;
padding-top: 8px;
padding-bottom: 4px;
}
@media (min-width: 641px) {
main.search .search-filter label {
font-size: 14px;
line-height: 1.42857;
}
}
main.search .search-filter select {
margin-bottom: 10px;
width: 100%;
max-width: 500px;
}
@media (min-width: 641px) {
main.search .search-filter select {
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 12px;
line-height: 1.25;
border: 1px solid #555;
padding: 5px 20px 5px 10px;
background: #fff;
background-image: url("/images/search/dropdown-arrow-small.png");
background-repeat: no-repeat;
background-position: right center;
border-color: #bfc1c3;
-webkit-box-shadow: 1px 1px 1px #fff;
-moz-box-shadow: 1px 1px 1px #fff;
box-shadow: 1px 1px 1px #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-appearance: none;
-moz-appearance: none;
}
}
@media (min-width: 641px) and (min-width: 641px) {
main.search .search-filter select {
font-size: 14px;
line-height: 1.42857;
}
}
main.search .search-filter button {
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 14px;
line-height: 1.14286;
font-weight: bold;
-webkit-font-smoothing: antialiased;
margin-top: 23px;
}
@media (min-width: 641px) {
main.search .search-filter button {
font-size: 16px;
line-height: 1.25;
}
}
main.search .results-list {
list-style: none;
margin: 0;
padding: 15px 0 0;
}
@media (min-width: 641px) {
main.search .results-list {
padding: 30px 0 0;
}
}
main.search .results-list li {
max-width: 32.5em;
margin: 0;
padding: 0 0 15px;
}
@media (min-width: 641px) {
main.search .results-list li {
padding: 0 0 25px;
}
}
main.search .results-list li.external {
border: 1px solid #bfc1c3;
padding: 9px;
margin-bottom: 25px;
}
@media (min-width: 641px) {
main.search .results-list li.external {
padding: 14px;
}
}
main.search .results-list h3 {
font-size: 20px;
margin: 0;
padding-bottom: 2px;
font-weight: normal;
}
@media (max-width: 640px) {
main.search .results-list h3 {
padding: 17px;
}
}
main.search .results-list h3 a {
font-weight: normal;
}
main.search .results-list h3 a:hover, main.search .results-list h3 a:focus {
color: #2b8cc4;
}
main.search .results-list h3 a[rel="external"]::after {
content: "\A0\A0\A0\A0\A0\A0";
}
main.search .results-list .sections {
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 14px;
line-height: 1.14286;
margin: 0;
padding: 0;
overflow: hidden;
}
@media (min-width: 641px) {
main.search .results-list .sections {
font-size: 16px;
line-height: 1.25;
}
}
main.search .results-list .sections li {
margin: 0;
padding: 3px 0 2px;
float: left;
width: 50%;
}
@media (min-width: 641px) {
main.search .results-list .sections li {
width: 40%;
}
}
main.search .results-list .attributes {
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 12px;
line-height: 1.25;
color: #6f777b;
padding: 0 0 3px;
margin: 0;
}
@media (min-width: 641px) {
main.search .results-list .attributes {
font-size: 14px;
line-height: 1.42857;
}
}
main.search .results-list .attributes li {
display: inline;
padding: 0;
}
main.search .results-list .attributes li:after {
content: ',';
position: relative;
left: -0.25em;
}
main.search .results-list .attributes li:last-child::after {
content: '';
}
main.search .results-list p {
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 14px;
line-height: 1.14286;
margin: 0;
padding: 0;
}
@media (min-width: 641px) {
main.search .results-list p {
font-size: 16px;
line-height: 1.25;
}
}
main.search .results-list p.meta {
padding: 0 0 3px;
word-wrap: break-word;
color: #6f777b;
}
main.search .results-list p.meta .subsection,
main.search .results-list p.meta .subsubsection {
background: transparent url("/images/search/separator.png") 0 40% no-repeat;
padding-left: 15px;
margin-left: 5px;
}
main.search .results-list p.inset {
border-left: 3px solid #bfc1c3;
margin: 0 0 3px 0;
padding: 10px 0 10px 15px;
}
main.search .results-list p.inset span {
font-size: 1.1em;
}
main.search #top-results {
position: relative;
margin: 0;
padding: 0;
clear: both;
background: #fff;
}
main.search #top-results .results-list {
padding-top: 0;
}
main.search #top-results .crumbtrail,
main.search #top-results .attributes {
display: none;
}
@media (min-width: 641px) {
main.search #government-results-enhanced .filters {
width: 33%;
float: left;
}
main.search #government-results-enhanced .results {
width: 66%;
float: left;
}
}
main.search .no-results {
overflow: hidden;
margin: 0;
padding: 0;
}
@media (min-width: 641px) {
main.search .no-results {
padding: 0;
}
}
main.search .no-results h2 {
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 24px;
line-height: 1.04167;
font-weight: bold;
}
@media (min-width: 641px) {
main.search .no-results h2 {
font-size: 36px;
line-height: 1.11111;
}
}
main.search .no-results h3 {
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 16px;
line-height: 1.25;
font-weight: bold;
}
@media (min-width: 641px) {
main.search .no-results h3 {
font-size: 19px;
line-height: 1.31579;
}
}
main.search #search-results-tabs .no-results {
padding-top: 40px;
}
@media (min-width: 641px) {
main.search .nav-tabs {
margin: 0;
padding: 0 30px;
}
}
main.search .nav-tabs ul {
margin: 0;
}
main.search .nav-tabs .active a {
outline: none;
}
main.search .tab-content {
clear: both;
margin: 0;
}
main.search .tab-content .inner {
padding: 0;
}
main.search .tab-pane {
padding: 0;
}
.search-launcher {
padding-top: 30px;
padding-bottom: 130px;
}
@media (min-width: 641px) {
.search-launcher {
padding-top: 40px;
padding-bottom: 300px;
}
.search-launcher h1 {
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 32px;
line-height: 1.09375;
font-weight: bold;
padding-bottom: 15px;
}
}
@media (min-width: 641px) and (min-width: 641px) {
.search-launcher h1 {
font-size: 48px;
line-height: 1.04167;
}
}
.search-meta {
overflow: hidden;
margin: 0;
padding: 0;
}
@media (min-width: 641px) {
.search-meta {
padding: 0;
}
}
.slow-search-msg {
display: none;
}
/*! CSS Used from: https://www.gov.uk/assets/static/application-2c94784e6080dc2a919bfbcd48e30ff9f75b4d356fd013c0a32f49f29a467352.css */
.gem-c-search__submit:focus {
z-index: 2;
outline: 3px solid #ffdd00;
outline-offset: 0;
box-shadow: inset 0 0 0 4px #0b0c0c;
}
.grid-row:after, fieldset:after, .form-section:after, .form-group:after, .form-block:after, .notice:after, #content:after, .panel:after, #global-nav .inner:after, .navigation-list:after, .pager ul:after, ol.breadcrumb:after, ul.pager:after, .section-tabs:after {
content: "";
display: block;
clear: both;
}
.password-wrapper {
position: relative;
}
@media (max-width: 640px) {
.password-wrapper {
max-width: 300px;
}
}
.password-wrapper input {
margin-bottom: 0;
}
.password-wrapper .toggle {
position: absolute;
top: 4px;
right: 4px;
width: 52px;
height: 34px;
padding: 7px 6px 0 5px;
background: #fff;
}
.password-strength {
width: 100%;
}
@media (min-width: 641px) {
.password-strength {
width: 50%;
}
}
.password-strength p {
font-size: 0.73684pxem;
margin: 0;
}
.progress {
background: #bfc1c3;
}
.progress .bar {
/* @extend .hide-text; */
height: 10px;
}
.progress .strength1 {
width: 25%;
background: #dd514c;
}
.progress .strength2 {
width: 50%;
background: #faa732;
}
.progress .strength3 {
background: #5eb95e;
width: 75%;
}
.progress .strength4 {
background: #399800;
width: 100%;
}
#memorable-word-hint {
clear: both;
}
.js-enabled input.password {
margin: 0;
}
.password-text-hint {
display: block;
margin: 5px 0 20px;
}
.validation-error .password-text-hint {
margin-bottom: 0;
}
/* CSS Document */
a:link {
color: #005ea5;
}
/* unvisited link */
a:visited {
color: #005ea5;
}
/* visited link */
a:hover {
color: #2e8aca;
}
/* mouse over link */
a:active {
color: #2e8aca;
}
/* selected link */
#global-header form#search input.submit, #global-header .search-toggle {
background-color: #005ea5;
}
#global-header form#search input.submit:hover, #global-header .search-toggle:hover {
background-color: #004f8c;
}
pre,
code,
.code,
pre code,
pre code .attribute,
table td.resource,
table td code,
table span.value {
font-family: "Courier New", Courier, monospace;
color: #008000;
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 12px;
line-height: 1.25;
white-space: pre;
}
@media (min-width: 641px) {
pre,
code,
.code,
pre code,
pre code .attribute,
table td.resource,
table td code,
table span.value {
font-size: 14px;
line-height: 1.42857;
}
}
pre code {
background: #f8f8f8;
border: 0;
}
pre {
margin-bottom: 30px;
}
.page-header + h2 {
margin-top: 30px;
}
.js-enabled .js-hidden {
display: none;
}
.js-enabled .js-only {
display: inline;
}
.js-only {
display: none;
}
.always-hidden {
display: none;
}
* {
font-family: "GDS Transport",Arial,sans-serif;
}
.very-small-text {
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 12px;
line-height: 1.25;
}
@media (min-width: 641px) {
.very-small-text {
font-size: 14px;
line-height: 1.42857;
}
}
.small-text {
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 14px;
line-height: 1.14286;
}
@media (min-width: 641px) {
.small-text {
font-size: 16px;
line-height: 1.25;
}
}
strong.small-text {
font-weight: 600;
}
.heading-small.filters {
margin: 2em 0 1em 0;
}
.heading-large {
margin-bottom: 1em;
}
.heading-large .heading-small {
display: block;
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 20px;
line-height: 1.11111;
color: #6f777b;
}
@media (min-width: 641px) {
.heading-large .heading-small {
font-size: 27px;
line-height: 1.11111;
}
}
.heading-xlarge {
word-wrap: break-word;
}
.normal {
font-weight: normal;
}
.data {
font-weight: bold;
}
p.label {
margin-bottom: 0;
}
.warning-overview {
display: block;
border: 2px solid #ffbf47;
background-color: #fff2d3;
padding: 0.5em;
margin: 1em 0;
}
#chs-customer-insights-top {
position: relative;
background-color: #005ea5;
padding: 1em;
z-index: 10;
margin: -10px 0 1em 0;
color: #fff;
}
#chs-customer-insights-top a:link, #chs-customer-insights-top a:visited {
color: #fff;
}
#chs-customer-insights-top a:focus {
color: #0b0c0c;
}
#chs-customer-insights-top a:hover {
color: #bfc1c3;
}
#chs-customer-insights-top a.secondary-customer-insights {
float: right;
}
#chs-customer-insights {
background-color: #005ea5;
padding: 0.5em 0.5em 0;
margin: 0 auto 0;
height: auto;
width: 960px;
max-width: 960px;
border-bottom: 10px solid #005ea5;
}
#chs-customer-insights a:link, #chs-customer-insights a:visited {
color: #fff;
}
#chs-customer-insights a:focus {
color: #0b0c0c;
}
#chs-customer-insights a:hover {
color: #bfc1c3;
}
#chs-customer-insights a.secondary-customer-insights {
float: right;
}
@media (max-width: 641px) {
#chs-customer-insights {
padding-bottom: 3em;
width: auto;
max-width: none;
}
#chs-customer-insights a {
padding-bottom: 1em;
}
#chs-customer-insights a.secondary-customer-insights {
float: left;
margin-top: 1em;
}
}
@media (max-width: 959px) and (min-width: 700px) {
#chs-customer-insights {
padding-bottom: 0.5em;
max-width: none;
width: auto;
}
}
#content.content-override {
padding-bottom: 0px;
}
.push {
height: 71px;
}
.filing-history .grid-3-4 {
width: 100%;
}
.filing-history .filters {
display: none;
}
.blue-footer-border {
border-bottom: 10px solid #005ea5;
}
.js-enabled .filing-history .grid-3-4 {
width: 100%;
}
@media (min-width: 641px) {
.js-enabled .filing-history .grid-3-4 {
width: 75%;
}
}
.js-enabled .filing-history .filters {
display: block;
}
object.filing-history-image {
height: 40em;
}
.filing-history table th, .filing-history table td, .filing-history table td .form-hint {
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 14px;
line-height: 1.14286;
}
@media (min-width: 641px) {
.filing-history table th, .filing-history table td, .filing-history table td .form-hint {
font-size: 16px;
line-height: 1.25;
}
}
.filing-history table th {
font-weight: 700;
}
.filing-history table a {
text-decoration: underline;
}
.filing-history form h2.heading-medium {
margin-top: 10px;
}
@media (max-width: 640px) {
.filing-history form .block-label {
float: none;
}
}
tr .nowrap {
white-space: nowrap;
}
.your-filings table[id^="rf_table"] {
margin-top: 1.5em;
}
.your-filings table[id^="rf_table"] tr td {
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 14px;
line-height: 1.14286;
}
@media (min-width: 641px) {
.your-filings table[id^="rf_table"] tr td {
font-size: 16px;
line-height: 1.25;
}
}
.your-filings table[id^="rf_table"] tr td strong.status {
font-weight: 700;
font-size: 1.2em;
}
.your-filings table[id^="rf_table"] tr td a {
display: inline-block;
font-size: 1.1em;
}
.your-filings table[id^="rf_table"] tr th {
font-weight: normal;
}
.your-filings table[id^="rf_table"] tr th.description {
width: 69%;
}
.your-filings table[id^="rf_table"] tr th.status {
width: 18%;
}
.your-filings table[id^="rf_table"] tr th.actions {
width: 15%;
}
.your-filings table[id^="rf_table"] tr td.rejected-type {
padding-right: 4em;
}
.your-filings table[id^="rf_table"] tr .notice {
margin-left: -3em;
}
.your-filings table[id^="rf_table"] tr .rejected {
color: #B10E1E;
margin-left: -3.1em;
}
.your-filings table[id^="rf_table"] tr .rejected .icon-important {
background-image: url("/images/icon/icon-important-red.png");
}
.your-filings .one-filing {
margin-bottom: 2em;
background-color: #f8f8f8;
padding: 1em;
clear: both;
}
.your-filings .one-filing .heading-medium {
margin-top: 0;
}
.your-filings .one-filing .heading-medium span {
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 16px;
line-height: 1.25;
display: block;
}
@media (min-width: 641px) {
.your-filings .one-filing .heading-medium span {
font-size: 19px;
line-height: 1.31579;
}
}
.your-filings .one-filing.rejected .notice {
color: #B10E1E;
}
.your-filings .one-filing.rejected .notice .icon-important {
background-image: url("/images/icon/icon-important-red.png");
}
.your-filings .grid-row strong {
display: block;
}
.your-filings .grid-row strong a:first-of-type {
padding-right: 1em;
}
.your-filings .grid-row .bold-medium {
font-weight: normal;
margin-bottom: 1em;
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 16px;
line-height: 1.25;
}
@media (min-width: 641px) {
.your-filings .grid-row .bold-medium {
font-size: 19px;
line-height: 1.31579;
}
}
.your-filings .grid-row .bold-medium span {
display: block;
font-family: "nta", Arial, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 18px;
line-height: 1.2;
font-weight: 700;
}
@media (min-width: 641px) {
.your-filings .grid-row .bold-medium span {
font-size: 24px;
line-height: 1.25;
}
}
.your-filings .no-table .column-description {
width: 33%;
}
.your-filings .no-table .column-reference {
width: 33%;
}
.your-filings .no-table .column-status {
width: 17%;
}
.your-filings .no-table .column-actions {
width: 17%;
}
.your-filings .no-table .column-actions strong {
font-weight: normal;
font-size: 0.9em;
}
.your-filings .no-table .column-actions strong a:first-of-type {
padding-right: 0;
}
.your-filings a.admin-link, .your-filings input.admin-link {
font-size: 16px !important;
color: #fff;
background-color: #005ea5;
text-decoration: none;
padding: 2px 8px;
display: inline-block;
margin: 0.5em 0.5em 1.5em 0;
}
.your-filings a.admin-link:hover, .your-filings a.admin-link:focus, .your-filings input.admin-link:hover, .your-filings input.admin-link:focus {
background-color: #2b8cc4;
}
.process-status {
font-size: 12px;
}
.process-spinner {
background-image: url("/images/icon/process-spinner.gif");
background-size: 27px 27px;
width: 27px;
height: 27px;
}
.font-xsmall {
font-family: "GDS Transport",Arial,sans-serif;
}
.error-summary .error-summary-list a {
font-family: "GDS Transport",Arial,sans-serif;
}
.error {
font-family: "GDS Transport",Arial,sans-serif;
}
.error-message {
font-family: "GDS Transport",Arial,sans-serif;
}
.form-label-bold {
font-family: "GDS Transport",Arial,sans-serif;
}
.form-label, .form-label-bold {
font-family: "GDS Transport",Arial,sans-serif;
}
.underline {
text-decoration: underline;
text-underline-offset: .1em;
}
a.govuk-link.link-updater-js.link-visited {
color: #4c2c92;
}
#services-information-results .govuk-link:focus {
color: black;
}
.pager .govuk-link:focus {
text-decoration: underline 4px;
}
.pager.pager-a-z .govuk-link:focus {
text-decoration: none !important;
}
.corporate-annotations-text {
background-color: #eee;
margin-bottom: 1em !important;
border: 1px solid black;
}
.corporate-annotations-text .govuk-warning-text__icon {
margin-left: 0.25em;
}
.corporate-annotations-text .govuk-warning-text__text {
margin-bottom: 0.1em;
margin-left: 0.5em;
}
.corporate-annotations-text p.govuk-warning-text__text {
margin-bottom: 15px;
}
.corporate-annotations-text p.govuk-warning-text__text:last-of-type {
margin-bottom: 0;
}
