2022-07-20 15:23:54 -07:00
. grid-row : after ,
. tick-cross-list : after ,
. notice : after ,
fieldset : after ,
. form-section : after ,
. form-group : after ,
# content : after ,
. panel : after ,
. top-gutter-4-3 : after ,
. top-gutter-1-2 : after ,
. top-gutter-1-3 : after ,
. top-gutter-2-3 : after ,
. top-gutter : after ,
. bottom-gutter-2-3 : after ,
. bottom-gutter-1-2 : after ,
. bottom-gutter-1-3 : after ,
. bottom-gutter-3-2 : after ,
. bottom-gutter-2 : after ,
. bottom-gutter : after {
content : "" ;
display : block ;
clear : both
}
. grid-row : after ,
. tick-cross-list : after ,
. notice : after ,
fieldset : after ,
. form-section : after ,
. form-group : after ,
# content : after ,
. panel : after ,
. top-gutter-4-3 : after ,
. top-gutter-1-2 : after ,
. top-gutter-1-3 : after ,
. top-gutter-2-3 : after ,
. top-gutter : after ,
. bottom-gutter-2-3 : after ,
. bottom-gutter-1-2 : after ,
. bottom-gutter-1-3 : after ,
. bottom-gutter-3-2 : after ,
. bottom-gutter-2 : after ,
. bottom-gutter : after {
content : "" ;
display : block ;
clear : both
}
# content ,
. global-cookie-message p ,
. breadcrumbs ,
. product-page-intro-wrapper ,
. product-page-section {
max-width : 960 px ;
margin : 0 15 px
}
@ media ( min-width : 641px ) {
# content ,
. global-cookie-message p ,
. breadcrumbs ,
. product-page-intro-wrapper ,
. product-page-section {
margin : 0 30 px
}
}
@ media ( min-width : 1020px ) {
# content ,
. global-cookie-message p ,
. breadcrumbs ,
. product-page-intro-wrapper ,
. product-page-section {
margin : 0 auto
}
}
. grid-row ,
. tick-cross-list {
margin : 0 -15 px
}
. grid-row : after ,
. tick-cross-list : after ,
. notice : after ,
fieldset : after ,
. form-section : after ,
. form-group : after ,
# content : after ,
. panel : after ,
. top-gutter-4-3 : after ,
. top-gutter-1-2 : after ,
. top-gutter-1-3 : after ,
. top-gutter-2-3 : after ,
. top-gutter : after ,
. bottom-gutter-2-3 : after ,
. bottom-gutter-1-2 : after ,
. bottom-gutter-1-3 : after ,
. bottom-gutter-3-2 : after ,
. bottom-gutter-2 : after ,
. bottom-gutter : after {
content : "" ;
display : block ;
clear : both
}
. visually-hidden ,
. visuallyhidden {
position : absolute ;
overflow : hidden ;
clip : rect ( 0 0 0 0 );
height : 1 px ;
width : 1 px ;
margin : -1 px ;
padding : 0 ;
border : 0
}
div ,
span ,
h1 ,
h2 ,
h3 ,
h4 ,
h5 ,
h6 ,
p ,
blockquote ,
pre ,
a ,
abbr ,
acronym ,
address ,
big ,
cite ,
code ,
del ,
dfn ,
em ,
img ,
ins ,
kbd ,
q ,
s ,
samp ,
small ,
strike ,
strong ,
sub ,
sup ,
tt ,
var ,
b ,
u ,
i ,
center ,
dl ,
dt ,
dd ,
ol ,
ul ,
li ,
fieldset ,
form ,
label ,
legend ,
table ,
caption ,
tbody ,
tfoot ,
thead ,
tr ,
th ,
td ,
article ,
aside ,
canvas ,
details ,
embed ,
figure ,
figcaption ,
footer ,
header ,
hgroup ,
menu ,
nav ,
output ,
ruby ,
section ,
summary ,
time ,
mark {
border : none ;
margin : 0 ;
padding : 0
}
h1 ,
h2 ,
h3 ,
h4 ,
h5 ,
h6 ,
p ,
blockquote ,
pre ,
small ,
strike ,
strong ,
sub ,
sup ,
tt ,
var ,
b ,
u ,
i ,
center ,
input ,
textarea ,
table ,
caption ,
tbody ,
tfoot ,
thead ,
tr ,
th ,
td {
font-size : inherit ;
font-family : inherit ;
line-height : inherit ;
font-weight : normal
}
abbr [ title ],
acronym [ title ] {
text-decoration : none
}
legend {
box-sizing : border-box ;
max-width : 100 % ;
display : table
}
. button {
background-color : #00823b ;
position : relative ;
display : -moz- inline - stack ;
display : inline-block ;
padding : .526315 em .789473 em .263157 em ;
border : none ;
-webkit- border-radius : 0 ;
-moz- border-radius : 0 ;
border-radius : 0 ;
outline : 1 px solid transparent ;
outline-offset : -1 px ;
-webkit- appearance : none ;
-webkit- box-shadow : 0 2 px 0 #003618 ;
-moz- box-shadow : 0 2 px 0 #003618 ;
box-shadow : 0 2 px 0 #003618 ;
font-size : 1 em ;
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 : 2 px ;
-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 : .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 2 px 0 #003618 ;
-moz- box-shadow : 0 2 px 0 #003618 ;
box-shadow : 0 2 px 0 #003618
}
. button : link ,
. button : link : focus ,
. button : hover ,
. button : focus ,
. button : visited {
color : #fff
}
. button : before {
content : "" ;
height : 110 % ;
width : 100 % ;
display : block ;
background : transparent ;
position : absolute ;
top : 0 ;
left : 0
}
. button : active : before {
top : -10 % ;
height : 120 %
}
@ media ( max-width : 640px ) {
. button {
width : 100 % ;
text-align : center
}
}
. button :: -moz-focus-inner {
border : 0 ;
padding : 0
}
. button : focus {
outline : 3 px 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 : 18 px ;
line-height : 1.2 ;
background-image : url ( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAATCAMAAACwcE1OAAAAJFBMVEX///////////////////////////////////////8AAAD///8l0tt6AAAAC3RSTlNwj+5IYDChUKCAAJvFEkYAAABPSURBVHjadclJDoAwDAPAsKaY//8XBbXywfFcJ8ZbTvQC/Lbnb6bXD9N803xtfW2+tr429v9d513CdD4lIW2WzdWWleZqrz3Q9twLfXM7HzwAFbthf/TFAAAAAElFTkSuQmCC );
background-repeat : no-repeat ;
background-position : 100 % 50 % ;
padding : .36842 em 2.15789 em .21053 em .84211 em
}
@ media ( min-width : 641px ) {
. button-start ,
. button-get-started {
font-size : 24 px ;
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 ( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAmCAMAAACvbwi9AAAAJFBMVEUAAAD///////////////////////////////////////////+0CY3pAAAAC3RSTlMAmWCfOe+PMB0mUKNaVuIAAAA5SURBVHgBY2DmhgNWdgYSwTDRzUWJbm6mUd2jukd1E8hjdNXMxIgALKN6QWBU76heNk4K9HKMAL0AqfELJxFKuhEAAAAASUVORK5CYII= );
background-size : 30 px 19 px
}
}
details {
display : block ;
clear : both
}
details summary {
display : inline-block ;
color : #005ea5 ;
cursor : pointer ;
position : relative ;
margin-bottom : .26316 em
}
details summary : hover {
color : #2b8cc4
}
details summary : focus {
outline : 3 px solid #ffbf47
}
details . summary {
text-decoration : underline
}
details . arrow {
margin-right : .35 em ;
font-style : normal
}
main {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25 ;
-webkit- font-smoothing : antialiased
}
@ media ( min-width : 641px ) {
main {
font-size : 19 px ;
line-height : 1.31579
}
}
. font-xxlarge {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 53 px ;
line-height : 1.03774
}
@ media ( min-width : 641px ) {
. font-xxlarge {
font-size : 80 px ;
line-height : 1
}
}
. font-xlarge {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 32 px ;
line-height : 1.09375
}
@ media ( min-width : 641px ) {
. font-xlarge {
font-size : 48 px ;
line-height : 1.04167
}
}
. font-large {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 24 px ;
line-height : 1.04167
}
@ media ( min-width : 641px ) {
. font-large {
font-size : 36 px ;
line-height : 1.11111
}
}
. font-medium {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 18 px ;
line-height : 1.2
}
@ media ( min-width : 641px ) {
. font-medium {
font-size : 24 px ;
line-height : 1.25
}
}
. font-small {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25
}
@ media ( min-width : 641px ) {
. font-small {
font-size : 19 px ;
line-height : 1.31579
}
}
. font-xsmall {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 14 px ;
line-height : 1.14286
}
@ media ( min-width : 641px ) {
. font-xsmall {
font-size : 16 px ;
line-height : 1.25
}
}
. bold-xxlarge {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 53 px ;
line-height : 1.03774
}
@ media ( min-width : 641px ) {
. bold-xxlarge {
font-size : 80 px ;
line-height : 1
}
}
. bold-xlarge {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 32 px ;
line-height : 1.09375
}
@ media ( min-width : 641px ) {
. bold-xlarge {
font-size : 48 px ;
line-height : 1.04167
}
}
. bold-large {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 24 px ;
line-height : 1.04167
}
@ media ( min-width : 641px ) {
. bold-large {
font-size : 36 px ;
line-height : 1.11111
}
}
. bold-medium {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 18 px ;
line-height : 1.2
}
@ media ( min-width : 641px ) {
. bold-medium {
font-size : 24 px ;
line-height : 1.25
}
}
. bold-small {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25
}
@ media ( min-width : 641px ) {
. bold-small {
font-size : 19 px ;
line-height : 1.31579
}
}
. bold-xsmall {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 14 px ;
line-height : 1.14286
}
@ media ( min-width : 641px ) {
. bold-xsmall {
font-size : 16 px ;
line-height : 1.25
}
}
. bold {
font-weight : 700
}
. heading-xlarge {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 32 px ;
line-height : 1.09375 ;
margin-top : .46875 em ;
margin-bottom : .9375 em
}
@ media ( min-width : 641px ) {
. heading-xlarge {
font-size : 48 px ;
line-height : 1.04167
}
}
@ media ( min-width : 641px ) {
. heading-xlarge {
margin-top : .625 em ;
margin-bottom : 1.25 em
}
}
. heading-xlarge . heading-secondary {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 20 px ;
line-height : 1.11111 ;
display : block ;
padding-top : 8 px ;
padding-bottom : 7 px ;
display : block ;
color : #6f777b
}
@ media ( min-width : 641px ) {
. heading-xlarge . heading-secondary {
font-size : 27 px ;
line-height : 1.11111
}
}
@ media ( min-width : 641px ) {
. heading-xlarge . heading-secondary {
padding-top : 4 px ;
padding-bottom : 6 px
}
}
. heading-large {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 24 px ;
line-height : 1.04167 ;
margin-top : 1.04167 em ;
margin-bottom : .41667 em
}
@ media ( min-width : 641px ) {
. heading-large {
font-size : 36 px ;
line-height : 1.11111
}
}
@ media ( min-width : 641px ) {
. heading-large {
margin-top : 1.25 em ;
margin-bottom : .55556 em
}
}
. heading-large . heading-secondary {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 18 px ;
line-height : 1.2 ;
display : block ;
padding-top : 9 px ;
padding-bottom : 6 px ;
display : block ;
color : #6f777b
}
@ media ( min-width : 641px ) {
. heading-large . heading-secondary {
font-size : 24 px ;
line-height : 1.25
}
}
@ media ( min-width : 641px ) {
. heading-large . heading-secondary {
padding-top : 6 px ;
padding-bottom : 4 px
}
}
. heading-medium {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 18 px ;
line-height : 1.2 ;
margin-top : 1.25 em ;
margin-bottom : .5 em
}
@ media ( min-width : 641px ) {
. heading-medium {
font-size : 24 px ;
line-height : 1.25
}
}
@ media ( min-width : 641px ) {
. heading-medium {
margin-top : 1.875 em ;
margin-bottom : .83333 em
}
}
. heading-small {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25 ;
margin-top : .625 em ;
margin-bottom : .3125 em
}
@ media ( min-width : 641px ) {
. heading-small {
font-size : 19 px ;
line-height : 1.31579
}
}
@ media ( min-width : 641px ) {
. heading-small {
margin-top : 1.05263 em
}
}
p ,
. body-text {
margin-top : .3125 em ;
margin-bottom : 1.25 em
}
@ media ( min-width : 641px ) {
p ,
. body-text {
margin-top : .26316 em ;
margin-bottom : 1.05263 em
}
}
. body-text {
display : block
}
. lede {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 18 px ;
line-height : 1.2
}
@ media ( min-width : 641px ) {
. lede {
font-size : 24 px ;
line-height : 1.25
}
}
. text {
max-width : 30 em
}
. 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 : 14 px ;
line-height : 1.14286 ;
margin-top : 15 px ;
margin-bottom : 15 px ;
padding-left : 14 px ;
color : #0b0c0c ;
text-decoration : none ;
border-bottom : 1 px solid #0b0c0c
}
@ media ( min-width : 641px ) {
. link-back {
font-size : 16 px ;
line-height : 1.25
}
}
. link-back : link ,
. link-back : visited ,
. link-back : hover ,
. link-back a . link-back : focus ,
. link-back : active {
color : #0b0c0c
}
. link-back :: before {
content : '' ;
display : block ;
width : 0 ;
height : 0 ;
border-top : 5 px solid transparent ;
border-right : 6 px solid #0b0c0c ;
border-bottom : 5 px solid transparent ;
position : absolute ;
left : 0 ;
top : 50 % ;
margin-top : -6 px
}
. code {
color : #0b0c0c ;
background-color : #f8f8f8 ;
text-shadow : 0 1 px #fff ;
font-family : Consolas , Monaco , 'Andale Mono' , 'Ubuntu Mono' , monospace ;
font-size : 14 px ;
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 : 1 px solid #bfc1c3 ;
padding : 4 px 4 px 2 px
}
hr {
display : block ;
background : #bfc1c3 ;
border : 0 ;
height : 1 px ;
margin-top : 30 px ;
margin-bottom : 30 px ;
padding : 0
}
. notice {
position : relative
}
. notice . icon {
position : absolute ;
left : 0 ;
top : 50 % ;
margin-top : -17 px
}
. notice strong {
display : block ;
padding-left : 65 px ;
margin-left : -15 px
}
. data {
margin-top : .3125 em ;
margin-bottom : 1.25 em
}
@ media ( min-width : 641px ) {
. data {
margin-top : .26316 em ;
margin-bottom : 1.05263 em
}
}
. data-item {
display : block ;
line-height : 1
}
fieldset {
width : 100 %
}
legend {
overflow : hidden
}
textarea {
display : block
}
. form-section ,
. form-group {
-webkit- box-sizing : border-box ;
-moz- box-sizing : border-box ;
box-sizing : border-box
}
. form-section {
margin-bottom : 30 px
}
@ media ( min-width : 641px ) {
. form-section {
margin-bottom : 60 px
}
}
. form-group {
margin-bottom : 15 px
}
@ media ( min-width : 641px ) {
. form-group {
margin-bottom : 30 px
}
}
. form-group-related {
margin-bottom : 10 px
}
@ media ( min-width : 641px ) {
. form-group-related {
margin-bottom : 20 px
}
}
. form-group-compound {
margin-bottom : 10 px
}
. form-label ,
. form-label-bold {
display : block ;
color : #0b0c0c ;
padding-bottom : 2 px
}
. form-label {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25
}
@ media ( min-width : 641px ) {
. form-label {
font-size : 19 px ;
line-height : 1.31579
}
}
. form-label-bold {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25
}
@ media ( min-width : 641px ) {
. form-label-bold {
font-size : 19 px ;
line-height : 1.31579
}
}
. form-block {
float : left ;
clear : left ;
margin-top : -5 px ;
margin-bottom : 5 px
}
@ media ( min-width : 641px ) {
. form-block {
margin-top : 0 ;
margin-bottom : 10 px
}
}
. form-hint {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25 ;
display : block ;
color : #6f777b ;
font-weight : normal ;
margin-top : -2 px ;
padding-bottom : 2 px
}
@ media ( min-width : 641px ) {
. form-hint {
font-size : 19 px ;
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 : 16 px ;
line-height : 1.25 ;
width : 100 % ;
padding : 5 px 4 px 4 px ;
border : 2 px solid #0b0c0c
}
@ media ( min-width : 641px ) {
. form-control {
font-size : 19 px ;
line-height : 1.31579
}
}
@ media ( min-width : 641px ) {
. form-control {
width : 50 %
}
}
input . form-control ,
textarea . form-control {
-webkit- appearance : none ;
border-radius : 0
}
textarea . form-control {
opacity : 1 ;
background-image : none
}
. form-control-3-4 {
width : 100 %
}
@ media ( min-width : 641px ) {
. form-control-3-4 {
width : 75 %
}
}
. form-control-2-3 {
width : 100 %
}
@ media ( min-width : 641px ) {
. form-control-2-3 {
width : 66.66 %
}
}
. form-control-1-2 {
width : 100 %
}
@ media ( min-width : 641px ) {
. form-control-1-2 {
width : 50 %
}
}
. form-control-1-3 {
width : 100 %
}
@ media ( min-width : 641px ) {
. form-control-1-3 {
width : 33.33 %
}
}
. form-control-1-4 {
width : 100 %
}
@ media ( min-width : 641px ) {
. form-control-1-4 {
width : 25 %
}
}
. form-control-1-8 {
width : 100 %
}
@ media ( min-width : 641px ) {
. form-control-1-8 {
width : 12.5 %
}
}
option : active ,
option : checked ,
select : focus :: -ms-value {
color : #fff ;
background-color : #005ea5
}
. multiple-choice {
display : block ;
float : none ;
clear : left ;
position : relative ;
padding : 0 0 0 38 px ;
margin-bottom : 10 px
}
@ media ( min-width : 641px ) {
. multiple-choice {
float : left
}
}
. multiple-choice input {
position : absolute ;
cursor : pointer ;
left : 0 ;
top : 0 ;
width : 38 px ;
height : 38 px ;
z-index : 1 ;
margin : 0 ;
zoom : 1 ;
filter : alpha ( opacity = 0 );
opacity : 0
}
. multiple-choice label {
cursor : pointer ;
padding : 8 px 10 px 9 px 12 px ;
display : block ;
-ms- touch-action : manipulation ;
touch-action : manipulation
}
@ media ( min-width : 641px ) {
. multiple-choice label {
float : left ;
padding-top : 7 px ;
padding-bottom : 7 px
}
}
. multiple-choice [ type = radio ]+ label :: before {
content : "" ;
border : 2 px solid ;
background : transparent ;
width : 34 px ;
height : 34 px ;
position : absolute ;
top : 0 ;
left : 0 ;
-webkit- border-radius : 50 % ;
-moz- border-radius : 50 % ;
border-radius : 50 %
}
. multiple-choice [ type = radio ]+ label :: after {
content : "" ;
border : 10 px solid ;
width : 0 ;
height : 0 ;
position : absolute ;
top : 9 px ;
left : 9 px ;
-webkit- border-radius : 50 % ;
-moz- border-radius : 50 % ;
border-radius : 50 % ;
zoom : 1 ;
filter : alpha ( opacity = 0 );
opacity : 0
}
. multiple-choice [ type = checkbox ]+ label :: before {
content : "" ;
border : 2 px solid ;
background : transparent ;
width : 34 px ;
height : 34 px ;
position : absolute ;
top : 0 ;
left : 0
}
. multiple-choice [ type = checkbox ]+ label :: after {
content : "" ;
border : solid ;
border-width : 0 0 5 px 5 px ;
background : transparent ;
border-top-color : transparent ;
width : 17 px ;
height : 7 px ;
position : absolute ;
top : 10 px ;
left : 8 px ;
-moz- transform : rotate ( -45 deg );
-o- transform : rotate ( -45 deg );
-webkit- transform : rotate ( -45 deg );
-ms- transform : rotate ( -45 deg );
transform : rotate ( -45 deg );
zoom : 1 ;
filter : alpha ( opacity = 0 );
opacity : 0
}
. multiple-choice [ type = radio ] : focus + label :: before {
-webkit- box-shadow : 0 0 0 4 px #ffbf47 ;
-moz- box-shadow : 0 0 0 4 px #ffbf47 ;
box-shadow : 0 0 0 4 px #ffbf47
}
. multiple-choice [ type = checkbox ] : focus + label :: before {
-webkit- box-shadow : 0 0 0 3 px #ffbf47 ;
-moz- box-shadow : 0 0 0 3 px #ffbf47 ;
box-shadow : 0 0 0 3 px #ffbf47
}
. multiple-choice input : checked + label :: after {
zoom : 1 ;
filter : alpha ( opacity = 100 );
opacity : 1
}
. multiple-choice input : disabled {
cursor : default
}
. multiple-choice input : disabled + label {
zoom : 1 ;
filter : alpha ( opacity = 50 );
opacity : .5 ;
cursor : default
}
. multiple-choice : last-child ,
. multiple-choice : last-of-type {
margin-bottom : 0
}
. inline . multiple-choice {
clear : none
}
@ media ( min-width : 641px ) {
. inline . multiple-choice {
margin-bottom : 0 ;
margin-right : 30 px
}
}
. form-group-error {
margin-right : 15 px ;
border-left : 4 px solid #b10e1e ;
padding-left : 10 px
}
@ media ( min-width : 641px ) {
. form-group-error {
border-left : 5 px solid #b10e1e ;
padding-left : 15 px
}
}
. form-control-error {
border : 4 px solid #b10e1e
}
. error-message {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25 ;
color : #b10e1e ;
display : block ;
clear : both ;
margin : 0 ;
padding : 2 px 0
}
@ media ( min-width : 641px ) {
. error-message {
font-size : 19 px ;
line-height : 1.31579
}
}
. form-label . error-message ,
. form-label-bold . error-message {
padding-top : 4 px ;
padding-bottom : 0
}
. error-summary {
border : 4 px solid #b10e1e ;
margin-top : 15 px ;
margin-bottom : 15 px ;
padding : 15 px 10 px
}
@ media ( min-width : 641px ) {
. error-summary {
border : 5 px solid #b10e1e ;
margin-top : 30 px ;
margin-bottom : 30 px ;
padding : 20 px 15 px 15 px
}
}
. error-summary : focus {
outline : 3 px solid #ffbf47
}
. error-summary . error-summary-heading {
margin-top : 0
}
. error-summary p {
margin-bottom : 10 px
}
. error-summary . error-summary-list {
padding-left : 0
}
@ media ( min-width : 641px ) {
. error-summary . error-summary-list li {
margin-bottom : 5 px
}
}
. error-summary . error-summary-list a {
color : #b10e1e ;
font-weight : bold ;
text-decoration : underline
}
# content {
padding-bottom : 30 px ;
outline : none
}
@ media ( min-width : 769px ) {
# content {
padding-bottom : 90 px
}
}
. column-quarter ,
. column-one-quarter {
padding : 0 15 px ;
-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 15 px ;
-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 15 px ;
-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 15 px ;
-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 15 px ;
-webkit- box-sizing : border-box ;
-moz- box-sizing : border-box ;
box-sizing : border-box
}
@ media ( min-width : 641px ) {
. column-full {
float : left ;
width : 100 %
}
}
ul ,
ol {
list-style-type : none
}
. list {
padding : 0 ;
margin-top : 5 px ;
margin-bottom : 20 px
}
. list li {
margin-bottom : 5 px
}
. list-bullet {
list-style-type : disc ;
padding-left : 20 px
}
. list-number {
list-style-type : decimal ;
padding-left : 20 px
}
. 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 : .78947 em ;
margin-bottom : .78947 em
}
. panel : first-child {
margin-top : 0
}
. panel : only-child ,
. panel : last-child {
margin-bottom : 0
}
. panel-border-wide {
border-left-width : 10 px
}
. panel-border-narrow {
border-left-width : 5 px
}
. form-group . panel-border-narrow {
float : left ;
width : 100 % ;
padding-bottom : 0
}
. form-group . panel-border-narrow : first-child {
margin-top : 10 px
}
. form-group . panel-border-narrow : last-child {
margin-top : 0 ;
margin-bottom : 0
}
. inline . panel-border-narrow ,
. inline . panel-border-narrow : last-child {
margin-top : 10 px ;
margin-bottom : 0
}
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 : 16 px ;
line-height : 1.25 ;
padding : .63158 em 1.05263 em .47368 em 0 ;
text-align : left ;
border-bottom : 1 px solid #bfc1c3
}
@ media ( min-width : 641px ) {
table th ,
table td {
font-size : 19 px ;
line-height : 1.31579
}
}
table thead th {
font-weight : 700
}
table td : last-child ,
table th : last-child {
padding-right : 0
}
table . numeric {
text-align : right
}
table td . numeric {
font-family : "ntatabularnumbers" , "nta" , Arial , sans-serif
}
table caption {
text-align : left
}
. table-font-xsmall th {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 14 px ;
line-height : 1.14286
}
@ media ( min-width : 641px ) {
. table-font-xsmall th {
font-size : 16 px ;
line-height : 1.25
}
}
. table-font-xsmall td {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 14 px ;
line-height : 1.14286
}
@ media ( min-width : 641px ) {
. table-font-xsmall td {
font-size : 16 px ;
line-height : 1.25
}
}
. table-font-xsmall th ,
. table-font-xsmall td {
padding : .75 em 1.25 em .5625 em 0
}
. govuk-link ,
a {
font-family : "nta" , Arial , sans-serif ;
-webkit- font-smoothing : antialiased ;
-moz- osx-font-smoothing : grayscale
}
/*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */
@ font-face {
font-family : "nta" ;
src : url ( "/static_503/fonts/light-2c037cf7e1-v1.eot" );
src : url ( "/static_503/fonts/light-2c037cf7e1-v1.eot?#iefix" ) format ( "embedded-opentype" ), url ( "/static_503/fonts/light-f38ad40456-v1.woff2" ) format ( "woff2" ), url ( "/static_503/fonts/light-458f8ea81c-v1.woff" ) format ( "woff" );
font-weight : normal ;
font-style : normal ;
font-display : fallback
}
@ font-face {
font-family : "nta" ;
src : url ( "/static_503/fonts/bold-fb2676462a-v1.eot" );
src : url ( "/static_503/fonts/bold-fb2676462a-v1.eot?#iefix" ) format ( "embedded-opentype" ), url ( "/static_503/fonts/bold-a2452cb66f-v1.woff2" ) format ( "woff2" ), url ( "/static_503/fonts/bold-f38c792ac2-v1.woff" ) format ( "woff" );
font-weight : bold ;
font-style : normal ;
font-display : fallback
}
@ font-face {
font-family : "ntatabularnumbers" ;
src : url ( "/static_503/fonts/light-tabular-498ea8ffe2-v1.eot" );
src : url ( "/static_503/fonts/light-tabular-498ea8ffe2-v1.eot?#iefix" ) format ( "embedded-opentype" ), url ( "/static_503/fonts/light-tabular-851b10ccdd-v1.woff2" ) format ( "woff2" ), url ( "/static_503/fonts/light-tabular-62cc6f0a28-v1.woff" ) format ( "woff" );
font-weight : normal ;
font-style : normal ;
font-display : fallback
}
@ font-face {
font-family : "ntatabularnumbers" ;
src : url ( "/static_503/fonts/bold-tabular-357fdfbcc3-v1.eot" );
src : url ( "/static_503/fonts/bold-tabular-357fdfbcc3-v1.eot?#iefix" ) format ( "embedded-opentype" ), url ( "/static_503/fonts/bold-tabular-b89238d840-v1.woff2" ) format ( "woff2" ), url ( "/static_503/fonts/bold-tabular-784c21afb8-v1.woff" ) format ( "woff" );
font-weight : bold ;
font-style : normal ;
font-display : fallback
}
@ media print {
. govuk-link ,
a {
font-family : sans-serif
}
}
. govuk-link : focus ,
a : focus {
outline : 3 px solid #ffbf47 ;
outline-offset : 0 ;
background-color : #ffbf47
}
. govuk-link : link ,
a : link {
color : #005ea5
}
. govuk-link : visited ,
a : visited {
color : #4c2c92
}
. govuk-link : hover ,
a : hover {
color : #2b8cc4
}
. govuk-link : active ,
a : active {
color : #2b8cc4
}
. govuk-link : focus ,
a : focus {
color : #0b0c0c
}
@ media print {
. govuk-link [ href ^= "/" ] :: after ,
a [ href ^= "/" ] :: after ,
. govuk-link [ href ^= "http://" ] :: after ,
a [ href ^= "http://" ] :: after ,
. govuk-link [ href ^= "https://" ] :: after ,
a [ href ^= "https://" ] :: after {
content : " (" attr ( href ) ")" ;
font-size : 90 % ;
word-wrap : break-word
}
}
. govuk-link--muted : link ,
. govuk-link--muted : visited ,
. govuk-link--muted : hover ,
. govuk-link--muted : active {
color : #6f777b
}
. govuk-link--muted : focus {
color : #0b0c0c
}
. govuk-link--text-colour : link ,
. govuk-link--text-colour : visited ,
. govuk-link--text-colour : hover ,
. govuk-link--text-colour : active ,
. govuk-link--text-colour : focus {
color : #0b0c0c
}
@ media print {
. govuk-link--text-colour : link ,
. govuk-link--text-colour : visited ,
. govuk-link--text-colour : hover ,
. govuk-link--text-colour : active ,
. govuk-link--text-colour : focus {
color : #000
}
}
. govuk-link--no-visited-state : link {
color : #005ea5
}
. govuk-link--no-visited-state : visited {
color : #005ea5
}
. govuk-link--no-visited-state : hover {
color : #2b8cc4
}
. govuk-link--no-visited-state : active {
color : #2b8cc4
}
. govuk-link--no-visited-state : focus {
color : #0b0c0c
}
. govuk-list {
font-family : "nta" , Arial , sans-serif ;
-webkit- font-smoothing : antialiased ;
-moz- osx-font-smoothing : grayscale ;
font-weight : 400 ;
font-size : 16 px ;
font-size : 1 rem ;
line-height : 1.25 ;
color : #0b0c0c ;
margin-top : 0 ;
margin-bottom : 15 px ;
padding-left : 0 ;
list-style-type : none
}
@ media print {
. govuk-list {
font-family : sans-serif
}
}
@ media ( min-width : 40 . 0625em ) {
. govuk-list {
font-size : 19 px ;
font-size : 1.1875 rem ;
line-height : 1.31579
}
}
@ media print {
. govuk-list {
font-size : 14 pt ;
line-height : 1.15
}
}
@ media print {
. govuk-list {
color : #000
}
}
@ media ( min-width : 40 . 0625em ) {
. govuk-list {
margin-bottom : 20 px
}
}
. govuk-list . govuk-list {
margin-top : 10 px
}
. govuk-list > li {
margin-bottom : 5 px
}
. govuk-list--bullet {
padding-left : 20 px ;
list-style-type : disc
}
. govuk-list--number {
padding-left : 20 px ;
list-style-type : decimal
}
. govuk-list--bullet > li ,
. govuk-list--number > li {
margin-bottom : 0
}
@ media ( min-width : 40 . 0625em ) {
. govuk-list--bullet > li ,
. govuk-list--number > li {
margin-bottom : 5 px
}
}
. govuk-template {
background-color : #dee0e2 ;
-webkit- text-size-adjust : 100 % ;
-moz- text-size-adjust : 100 % ;
-ms- text-size-adjust : 100 % ;
text-size-adjust : 100 %
}
@ media screen {
. govuk-template {
overflow-y : scroll
}
}
. govuk-template__body {
margin : 0 ;
background-color : #fff
}
. govuk-heading-xl {
color : #0b0c0c ;
font-family : "nta" , Arial , sans-serif ;
-webkit- font-smoothing : antialiased ;
-moz- osx-font-smoothing : grayscale ;
font-weight : 700 ;
font-size : 32 px ;
font-size : 2 rem ;
line-height : 1.09375 ;
display : block ;
margin-top : 0 ;
margin-bottom : 30 px
}
@ media print {
. govuk-heading-xl {
color : #000
}
}
@ media print {
. govuk-heading-xl {
font-family : sans-serif
}
}
@ media ( min-width : 40 . 0625em ) {
. govuk-heading-xl {
font-size : 48 px ;
font-size : 3 rem ;
line-height : 1.04167
}
}
@ media print {
. govuk-heading-xl {
font-size : 32 pt ;
line-height : 1.15
}
}
@ media ( min-width : 40 . 0625em ) {
. govuk-heading-xl {
margin-bottom : 50 px
}
}
. govuk-heading-l {
color : #0b0c0c ;
font-family : "nta" , Arial , sans-serif ;
-webkit- font-smoothing : antialiased ;
-moz- osx-font-smoothing : grayscale ;
font-weight : 700 ;
font-size : 24 px ;
font-size : 1.5 rem ;
line-height : 1.04167 ;
display : block ;
margin-top : 0 ;
margin-bottom : 20 px
}
@ media print {
. govuk-heading-l {
color : #000
}
}
@ media print {
. govuk-heading-l {
font-family : sans-serif
}
}
@ media ( min-width : 40 . 0625em ) {
. govuk-heading-l {
font-size : 36 px ;
font-size : 2.25 rem ;
line-height : 1.11111
}
}
@ media print {
. govuk-heading-l {
font-size : 24 pt ;
line-height : 1.05
}
}
@ media ( min-width : 40 . 0625em ) {
. govuk-heading-l {
margin-bottom : 30 px
}
}
. govuk-heading-m {
color : #0b0c0c ;
font-family : "nta" , Arial , sans-serif ;
-webkit- font-smoothing : antialiased ;
-moz- osx-font-smoothing : grayscale ;
font-weight : 700 ;
font-size : 18 px ;
font-size : 1.125 rem ;
line-height : 1.11111 ;
display : block ;
margin-top : 0 ;
margin-bottom : 15 px
}
@ media print {
. govuk-heading-m {
color : #000
}
}
@ media print {
. govuk-heading-m {
font-family : sans-serif
}
}
@ media ( min-width : 40 . 0625em ) {
. govuk-heading-m {
font-size : 24 px ;
font-size : 1.5 rem ;
line-height : 1.25
}
}
@ media print {
. govuk-heading-m {
font-size : 18 pt ;
line-height : 1.15
}
}
@ media ( min-width : 40 . 0625em ) {
. govuk-heading-m {
margin-bottom : 20 px
}
}
. govuk-heading-s {
color : #0b0c0c ;
font-family : "nta" , Arial , sans-serif ;
-webkit- font-smoothing : antialiased ;
-moz- osx-font-smoothing : grayscale ;
font-weight : 700 ;
font-size : 16 px ;
font-size : 1 rem ;
line-height : 1.25 ;
display : block ;
margin-top : 0 ;
margin-bottom : 15 px
}
@ media print {
. govuk-heading-s {
color : #000
}
}
@ media print {
. govuk-heading-s {
font-family : sans-serif
}
}
@ media ( min-width : 40 . 0625em ) {
. govuk-heading-s {
font-size : 19 px ;
font-size : 1.1875 rem ;
line-height : 1.31579
}
}
@ media print {
. govuk-heading-s {
font-size : 14 pt ;
line-height : 1.15
}
}
@ media ( min-width : 40 . 0625em ) {
. govuk-heading-s {
margin-bottom : 20 px
}
}
. govuk-caption-xl {
font-family : "nta" , Arial , sans-serif ;
-webkit- font-smoothing : antialiased ;
-moz- osx-font-smoothing : grayscale ;
font-weight : 400 ;
font-size : 18 px ;
font-size : 1.125 rem ;
line-height : 1.11111 ;
display : block ;
margin-bottom : 5 px ;
color : #6f777b
}
@ media print {
. govuk-caption-xl {
font-family : sans-serif
}
}
@ media ( min-width : 40 . 0625em ) {
. govuk-caption-xl {
font-size : 27 px ;
font-size : 1.6875 rem ;
line-height : 1.11111
}
}
@ media print {
. govuk-caption-xl {
font-size : 18 pt ;
line-height : 1.15
}
}
. govuk-caption-l {
font-family : "nta" , Arial , sans-serif ;
-webkit- font-smoothing : antialiased ;
-moz- osx-font-smoothing : grayscale ;
font-weight : 400 ;
font-size : 18 px ;
font-size : 1.125 rem ;
line-height : 1.11111 ;
display : block ;
margin-bottom : 5 px ;
color : #6f777b
}
@ media print {
. govuk-caption-l {
font-family : sans-serif
}
}
@ media ( min-width : 40 . 0625em ) {
. govuk-caption-l {
font-size : 24 px ;
font-size : 1.5 rem ;
line-height : 1.25
}
}
@ media print {
. govuk-caption-l {
font-size : 18 pt ;
line-height : 1.15
}
}
@ media ( min-width : 40 . 0625em ) {
. govuk-caption-l {
margin-bottom : 0
}
}
. govuk-caption-m {
font-family : "nta" , Arial , sans-serif ;
-webkit- font-smoothing : antialiased ;
-moz- osx-font-smoothing : grayscale ;
font-weight : 400 ;
font-size : 16 px ;
font-size : 1 rem ;
line-height : 1.25 ;
display : block ;
color : #6f777b
}
@ media print {
. govuk-caption-m {
font-family : sans-serif
}
}
@ media ( min-width : 40 . 0625em ) {
. govuk-caption-m {
font-size : 19 px ;
font-size : 1.1875 rem ;
line-height : 1.31579
}
}
@ media print {
. govuk-caption-m {
font-size : 14 pt ;
line-height : 1.15
}
}
2023-08-25 11:49:13 -04:00
. usa-body-l ,
. usa-body-lead {
2022-07-20 15:23:54 -07:00
color : #0b0c0c ;
font-family : "nta" , Arial , sans-serif ;
-webkit- font-smoothing : antialiased ;
-moz- osx-font-smoothing : grayscale ;
font-weight : 400 ;
font-size : 18 px ;
font-size : 1.125 rem ;
line-height : 1.11111 ;
margin-top : 0 ;
margin-bottom : 20 px
}
@ media print {
2023-08-25 11:49:13 -04:00
. usa-body-l ,
. usa-body-lead {
2022-07-20 15:23:54 -07:00
color : #000
}
}
@ media print {
2023-08-25 11:49:13 -04:00
. usa-body-l ,
. usa-body-lead {
2022-07-20 15:23:54 -07:00
font-family : sans-serif
}
}
@ media ( min-width : 40 . 0625em ) {
2023-08-25 11:49:13 -04:00
. usa-body-l ,
. usa-body-lead {
2022-07-20 15:23:54 -07:00
font-size : 24 px ;
font-size : 1.5 rem ;
line-height : 1.25
}
}
@ media print {
2023-08-25 11:49:13 -04:00
. usa-body-l ,
. usa-body-lead {
2022-07-20 15:23:54 -07:00
font-size : 18 pt ;
line-height : 1.15
}
}
@ media ( min-width : 40 . 0625em ) {
2023-08-25 11:49:13 -04:00
. usa-body-l ,
. usa-body-lead {
2022-07-20 15:23:54 -07:00
margin-bottom : 30 px
}
}
2023-08-25 11:49:13 -04:00
. usa-body-m ,
. usa-body {
2022-07-20 15:23:54 -07:00
color : #0b0c0c ;
font-family : "nta" , Arial , sans-serif ;
-webkit- font-smoothing : antialiased ;
-moz- osx-font-smoothing : grayscale ;
font-weight : 400 ;
font-size : 16 px ;
font-size : 1 rem ;
line-height : 1.25 ;
margin-top : 0 ;
margin-bottom : 15 px
}
@ media print {
2023-08-25 11:49:13 -04:00
. usa-body-m ,
. usa-body {
2022-07-20 15:23:54 -07:00
color : #000
}
}
@ media print {
2023-08-25 11:49:13 -04:00
. usa-body-m ,
. usa-body {
2022-07-20 15:23:54 -07:00
font-family : sans-serif
}
}
@ media ( min-width : 40 . 0625em ) {
2023-08-25 11:49:13 -04:00
. usa-body-m ,
. usa-body {
2022-07-20 15:23:54 -07:00
font-size : 19 px ;
font-size : 1.1875 rem ;
line-height : 1.31579
}
}
@ media print {
2023-08-25 11:49:13 -04:00
. usa-body-m ,
. usa-body {
2022-07-20 15:23:54 -07:00
font-size : 14 pt ;
line-height : 1.15
}
}
@ media ( min-width : 40 . 0625em ) {
2023-08-25 11:49:13 -04:00
. usa-body-m ,
. usa-body {
2022-07-20 15:23:54 -07:00
margin-bottom : 20 px
}
}
2023-08-25 11:49:13 -04:00
. usa-body-s {
2022-07-20 15:23:54 -07:00
color : #0b0c0c ;
font-family : "nta" , Arial , sans-serif ;
-webkit- font-smoothing : antialiased ;
-moz- osx-font-smoothing : grayscale ;
font-weight : 400 ;
font-size : 14 px ;
font-size : .875 rem ;
line-height : 1.14286 ;
margin-top : 0 ;
margin-bottom : 15 px
}
@ media print {
2023-08-25 11:49:13 -04:00
. usa-body-s {
2022-07-20 15:23:54 -07:00
color : #000
}
}
@ media print {
2023-08-25 11:49:13 -04:00
. usa-body-s {
2022-07-20 15:23:54 -07:00
font-family : sans-serif
}
}
@ media ( min-width : 40 . 0625em ) {
2023-08-25 11:49:13 -04:00
. usa-body-s {
2022-07-20 15:23:54 -07:00
font-size : 16 px ;
font-size : 1 rem ;
line-height : 1.25
}
}
@ media print {
2023-08-25 11:49:13 -04:00
. usa-body-s {
2022-07-20 15:23:54 -07:00
font-size : 14 pt ;
line-height : 1.2
}
}
@ media ( min-width : 40 . 0625em ) {
2023-08-25 11:49:13 -04:00
. usa-body-s {
2022-07-20 15:23:54 -07:00
margin-bottom : 20 px
}
}
2023-08-25 11:49:13 -04:00
. usa-body-xs {
2022-07-20 15:23:54 -07:00
color : #0b0c0c ;
font-family : "nta" , Arial , sans-serif ;
-webkit- font-smoothing : antialiased ;
-moz- osx-font-smoothing : grayscale ;
font-weight : 400 ;
font-size : 12 px ;
font-size : .75 rem ;
line-height : 1.25 ;
margin-top : 0 ;
margin-bottom : 15 px
}
@ media print {
2023-08-25 11:49:13 -04:00
. usa-body-xs {
2022-07-20 15:23:54 -07:00
color : #000
}
}
@ media print {
2023-08-25 11:49:13 -04:00
. usa-body-xs {
2022-07-20 15:23:54 -07:00
font-family : sans-serif
}
}
@ media ( min-width : 40 . 0625em ) {
2023-08-25 11:49:13 -04:00
. usa-body-xs {
2022-07-20 15:23:54 -07:00
font-size : 14 px ;
font-size : .875 rem ;
line-height : 1.42857
}
}
@ media print {
2023-08-25 11:49:13 -04:00
. usa-body-xs {
2022-07-20 15:23:54 -07:00
font-size : 12 pt ;
line-height : 1.2
}
}
@ media ( min-width : 40 . 0625em ) {
2023-08-25 11:49:13 -04:00
. usa-body-xs {
2022-07-20 15:23:54 -07:00
margin-bottom : 20 px
}
}
2023-08-25 11:49:13 -04:00
. usa-body-l + . govuk-heading-l ,
. usa-body-lead + . govuk-heading-l {
2022-07-20 15:23:54 -07:00
padding-top : 5 px
}
@ media ( min-width : 40 . 0625em ) {
2023-08-25 11:49:13 -04:00
. usa-body-l + . govuk-heading-l ,
. usa-body-lead + . govuk-heading-l {
2022-07-20 15:23:54 -07:00
padding-top : 10 px
}
}
2023-08-25 11:49:13 -04:00
. usa-body-m + . govuk-heading-l ,
. usa-body + . govuk-heading-l ,
. usa-body-s + . govuk-heading-l ,
2022-07-20 15:23:54 -07:00
. govuk-list + . govuk-heading-l {
padding-top : 15 px
}
@ media ( min-width : 40 . 0625em ) {
2023-08-25 11:49:13 -04:00
. usa-body-m + . govuk-heading-l ,
. usa-body + . govuk-heading-l ,
. usa-body-s + . govuk-heading-l ,
2022-07-20 15:23:54 -07:00
. govuk-list + . govuk-heading-l {
padding-top : 20 px
}
}
2023-08-25 11:49:13 -04:00
. usa-body-m + . govuk-heading-m ,
. usa-body + . govuk-heading-m ,
. usa-body-s + . govuk-heading-m ,
2022-07-20 15:23:54 -07:00
. govuk-list + . govuk-heading-m ,
2023-08-25 11:49:13 -04:00
. usa-body-m + . govuk-heading-s ,
. usa-body + . govuk-heading-s ,
. usa-body-s + . govuk-heading-s ,
2022-07-20 15:23:54 -07:00
. govuk-list + . govuk-heading-s {
padding-top : 5 px
}
@ media ( min-width : 40 . 0625em ) {
2023-08-25 11:49:13 -04:00
. usa-body-m + . govuk-heading-m ,
. usa-body + . govuk-heading-m ,
. usa-body-s + . govuk-heading-m ,
2022-07-20 15:23:54 -07:00
. govuk-list + . govuk-heading-m ,
2023-08-25 11:49:13 -04:00
. usa-body-m + . govuk-heading-s ,
. usa-body + . govuk-heading-s ,
. usa-body-s + . govuk-heading-s ,
2022-07-20 15:23:54 -07:00
. govuk-list + . govuk-heading-s {
padding-top : 10 px
}
}
. govuk-section-break {
margin : 0 ;
border : 0
}
. govuk-section-break--xl {
margin-top : 30 px ;
margin-bottom : 30 px
}
@ media ( min-width : 40 . 0625em ) {
. govuk-section-break--xl {
margin-top : 50 px
}
}
@ media ( min-width : 40 . 0625em ) {
. govuk-section-break--xl {
margin-bottom : 50 px
}
}
. govuk-section-break--l {
margin-top : 20 px ;
margin-bottom : 20 px
}
@ media ( min-width : 40 . 0625em ) {
. govuk-section-break--l {
margin-top : 30 px
}
}
@ media ( min-width : 40 . 0625em ) {
. govuk-section-break--l {
margin-bottom : 30 px
}
}
. govuk-section-break--m {
margin-top : 15 px ;
margin-bottom : 15 px
}
@ media ( min-width : 40 . 0625em ) {
. govuk-section-break--m {
margin-top : 20 px
}
}
@ media ( min-width : 40 . 0625em ) {
. govuk-section-break--m {
margin-bottom : 20 px
}
}
. govuk-section-break--visible {
border-bottom : 1 px solid #bfc1c3
}
. govuk-form-group {
margin-bottom : 20 px
}
. govuk-form-group : after {
content : "" ;
display : block ;
clear : both
}
@ media ( min-width : 40 . 0625em ) {
. govuk-form-group {
margin-bottom : 30 px
}
}
. govuk-form-group . govuk-form-group : last-of-type {
margin-bottom : 0
}
. govuk-form-group--error {
padding-left : 15 px ;
border-left : 5 px solid #b10e1e
}
. govuk-form-group--error . govuk-form-group {
padding : 0 ;
border : 0
}
. govuk-grid-row {
margin-right : -15 px ;
margin-left : -15 px
}
. govuk-grid-row : after {
content : "" ;
display : block ;
clear : both
}
. govuk-grid-column-one-quarter {
box-sizing : border-box ;
width : 100 % ;
padding : 0 15 px
}
@ media ( min-width : 40 . 0625em ) {
. govuk-grid-column-one-quarter {
width : 25 % ;
float : left
}
}
. govuk-grid-column-one-third {
box-sizing : border-box ;
width : 100 % ;
padding : 0 15 px
}
@ media ( min-width : 40 . 0625em ) {
. govuk-grid-column-one-third {
width : 33.3333 % ;
float : left
}
}
. govuk-grid-column-one-half {
box-sizing : border-box ;
width : 100 % ;
padding : 0 15 px
}
@ media ( min-width : 40 . 0625em ) {
. govuk-grid-column-one-half {
width : 50 % ;
float : left
}
}
. govuk-grid-column-two-thirds {
box-sizing : border-box ;
width : 100 % ;
padding : 0 15 px
}
@ media ( min-width : 40 . 0625em ) {
. govuk-grid-column-two-thirds {
width : 66.6666 % ;
float : left
}
}
. govuk-grid-column-three-quarters {
box-sizing : border-box ;
width : 100 % ;
padding : 0 15 px
}
@ media ( min-width : 40 . 0625em ) {
. govuk-grid-column-three-quarters {
width : 75 % ;
float : left
}
}
. govuk-grid-column-full {
box-sizing : border-box ;
width : 100 % ;
padding : 0 15 px
}
@ media ( min-width : 40 . 0625em ) {
. govuk-grid-column-full {
width : 100 % ;
float : left
}
}
. govuk-grid-column-one-quarter-from-desktop {
box-sizing : border-box ;
padding : 0 15 px
}
@ media ( min-width : 48 . 0625em ) {
. govuk-grid-column-one-quarter-from-desktop {
width : 25 % ;
float : left
}
}
. govuk-grid-column-one-third-from-desktop {
box-sizing : border-box ;
padding : 0 15 px
}
@ media ( min-width : 48 . 0625em ) {
. govuk-grid-column-one-third-from-desktop {
width : 33.3333 % ;
float : left
}
}
. govuk-grid-column-one-half-from-desktop {
box-sizing : border-box ;
padding : 0 15 px
}
@ media ( min-width : 48 . 0625em ) {
. govuk-grid-column-one-half-from-desktop {
width : 50 % ;
float : left
}
}
. govuk-grid-column-two-thirds-from-desktop {
box-sizing : border-box ;
padding : 0 15 px
}
@ media ( min-width : 48 . 0625em ) {
. govuk-grid-column-two-thirds-from-desktop {
width : 66.6666 % ;
float : left
}
}
. govuk-grid-column-three-quarters-from-desktop {
box-sizing : border-box ;
padding : 0 15 px
}
@ media ( min-width : 48 . 0625em ) {
. govuk-grid-column-three-quarters-from-desktop {
width : 75 % ;
float : left
}
}
. govuk-grid-column-full-from-desktop {
box-sizing : border-box ;
padding : 0 15 px
}
@ media ( min-width : 48 . 0625em ) {
. govuk-grid-column-full-from-desktop {
width : 100 % ;
float : left
}
}
. govuk-main-wrapper {
display : block ;
padding-top : 20 px ;
padding-bottom : 20 px
}
@ media ( min-width : 40 . 0625em ) {
. govuk-main-wrapper {
padding-top : 40 px ;
padding-bottom : 40 px
}
}
. govuk-main-wrapper--l {
padding-top : 30 px
}
@ media ( min-width : 40 . 0625em ) {
. govuk-main-wrapper--l {
padding-top : 50 px
}
}
. govuk-width-container {
max-width : 960 px ;
margin : 0 15 px
}
@ supports ( margin : max ( calc ( 0px ))) {
. govuk-width-container {
margin-right : max ( 15 px , calc ( 15 px + env ( safe - area - inset - right )));
margin-left : max ( 15 px , calc ( 15 px + env ( safe - area - inset - left )))
}
}
@ media ( min-width : 40 . 0625em ) {
. govuk-width-container {
margin : 0 30 px
}
@ supports ( margin : max ( calc ( 0px ))) {
. govuk-width-container {
margin-right : max ( 30 px , calc ( 15 px + env ( safe - area - inset - right )));
margin-left : max ( 30 px , calc ( 15 px + env ( safe - area - inset - left )))
}
}
}
@ media ( min-width : 1020px ) {
. govuk-width-container {
margin : 0 auto
}
@ supports ( margin : max ( calc ( 0px ))) {
. govuk-width-container {
margin : 0 auto
}
}
}
. govuk-skip-link {
position : absolute !important ;
width : 1 px !important ;
height : 1 px !important ;
margin : 0 !important ;
overflow : hidden !important ;
clip : rect ( 0 0 0 0 ) !important ;
-webkit- clip-path : inset ( 50 % ) !important ;
clip-path : inset ( 50 % ) !important ;
white-space : nowrap !important ;
font-family : "nta" , Arial , sans-serif ;
-webkit- font-smoothing : antialiased ;
-moz- osx-font-smoothing : grayscale ;
font-size : 14 px ;
font-size : .875 rem ;
line-height : 1.14286 ;
display : block ;
padding : 10 px 15 px
}
. govuk-skip-link : active ,
. govuk-skip-link : focus {
position : static !important ;
width : auto !important ;
height : auto !important ;
margin : inherit !important ;
overflow : visible !important ;
clip : auto !important ;
-webkit- clip-path : none !important ;
clip-path : none !important ;
white-space : inherit !important
}
@ media print {
. govuk-skip-link {
font-family : sans-serif
}
}
. govuk-skip-link : focus {
outline : 3 px solid #ffbf47 ;
outline-offset : 0 ;
background-color : #ffbf47
}
. govuk-skip-link : link ,
. govuk-skip-link : visited ,
. govuk-skip-link : hover ,
. govuk-skip-link : active ,
. govuk-skip-link : focus {
color : #0b0c0c
}
@ media print {
. govuk-skip-link : link ,
. govuk-skip-link : visited ,
. govuk-skip-link : hover ,
. govuk-skip-link : active ,
. govuk-skip-link : focus {
color : #000
}
}
@ media ( min-width : 40 . 0625em ) {
. govuk-skip-link {
font-size : 16 px ;
font-size : 1 rem ;
line-height : 1.25
}
}
@ media print {
. govuk-skip-link {
font-size : 14 pt ;
line-height : 1.2
}
}
@ supports ( padding : max ( calc ( 0px ))) {
. govuk-skip-link {
padding-right : max ( 15 px , calc ( 15 px + env ( safe - area - inset - right )));
padding-left : max ( 15 px , calc ( 15 px + env ( safe - area - inset - left )))
}
}
. govuk-header {
font-family : "nta" , Arial , sans-serif ;
-webkit- font-smoothing : antialiased ;
-moz- osx-font-smoothing : grayscale ;
font-weight : 400 ;
font-size : 14 px ;
font-size : .875 rem ;
line-height : 1.14286 ;
border-bottom : 10 px solid #fff ;
color : #fff ;
background : #0b0c0c
}
@ media print {
. govuk-header {
font-family : sans-serif
}
}
@ media ( min-width : 40 . 0625em ) {
. govuk-header {
font-size : 16 px ;
font-size : 1 rem ;
line-height : 1.25
}
}
@ media print {
. govuk-header {
font-size : 14 pt ;
line-height : 1.2
}
}
. govuk-header__container--full-width {
padding : 0 15 px ;
border-color : #005ea5
}
. govuk-header__container--full-width . govuk-header__menu-button {
right : 15 px
}
. govuk-header__container {
position : relative ;
margin-bottom : -10 px ;
padding-top : 10 px ;
border-bottom : 10 px solid #005ea5
}
. govuk-header__container : after {
content : "" ;
display : block ;
clear : both
}
. govuk-header__logotype {
margin-right : 0 px
}
2022-07-21 18:25:23 -07:00
. govuk-header__logotype-text {
margin-left : 5 px
}
2022-07-20 15:23:54 -07:00
. govuk-header__logotype-crown {
margin-right : 1 px ;
fill : currentColor ;
vertical-align : middle
}
. govuk-header__logotype-crown-fallback-image {
width : 36 px ;
height : 32 px ;
border : 0 ;
vertical-align : middle
}
. govuk-header__product-name {
font-family : "nta" , Arial , sans-serif ;
-webkit- font-smoothing : antialiased ;
-moz- osx-font-smoothing : grayscale ;
font-weight : 400 ;
font-size : 18 px ;
font-size : 1.125 rem ;
line-height : 1.11111 ;
display : inline-table ;
padding-right : 10 px
}
@ media print {
. govuk-header__product-name {
font-family : sans-serif
}
}
@ media ( min-width : 40 . 0625em ) {
. govuk-header__product-name {
font-size : 24 px ;
font-size : 1.5 rem ;
line-height : 1.25
}
}
@ media print {
. govuk-header__product-name {
font-size : 18 pt ;
line-height : 1.15
}
}
. govuk-header__link {
text-decoration : none
}
. govuk-header__link : focus {
outline : 3 px solid #ffbf47 ;
outline-offset : 0 ;
background-color : #ffbf47
}
. govuk-header__link : link ,
. govuk-header__link : visited {
color : #fff
}
. govuk-header__link : hover {
text-decoration : underline
}
. govuk-header__link : focus {
color : #0b0c0c
}
. govuk-header__link--homepage {
font-family : "nta" , Arial , sans-serif ;
-webkit- font-smoothing : antialiased ;
-moz- osx-font-smoothing : grayscale ;
font-weight : 700 ;
display : inline-block ;
font-size : 30 px ;
line-height : 30 px
}
@ media print {
. govuk-header__link--homepage {
font-family : sans-serif
}
}
. govuk-header__link--homepage : link ,
. govuk-header__link--homepage : visited {
text-decoration : none
}
. govuk-header__link--homepage : hover ,
. govuk-header__link--homepage : active {
margin-bottom : -1 px ;
border-bottom : 1 px solid
}
. govuk-header__link--service-name {
display : inline-block ;
margin-bottom : 10 px ;
font-family : "nta" , Arial , sans-serif ;
-webkit- font-smoothing : antialiased ;
-moz- osx-font-smoothing : grayscale ;
font-weight : 700 ;
font-size : 18 px ;
font-size : 1.125 rem ;
line-height : 1.11111
}
@ media print {
. govuk-header__link--service-name {
font-family : sans-serif
}
}
@ media ( min-width : 40 . 0625em ) {
. govuk-header__link--service-name {
font-size : 24 px ;
font-size : 1.5 rem ;
line-height : 1.25
}
}
@ media print {
. govuk-header__link--service-name {
font-size : 18 pt ;
line-height : 1.15
}
}
. govuk-header__logo ,
. govuk-header__content {
box-sizing : border-box
}
. govuk-header__logo {
margin-bottom : 10 px ;
padding-right : 50 px
}
@ media ( min-width : 40 . 0625em ) {
. govuk-header__logo {
margin-bottom : 10 px
}
}
@ media ( min-width : 48 . 0625em ) {
. govuk-header__logo {
width : 33.33 % ;
padding-right : 15 px ;
float : left ;
vertical-align : top
}
}
@ media ( min-width : 48 . 0625em ) {
. govuk-header__content {
width : 66.66 % ;
padding-left : 15 px ;
float : left
}
}
. govuk-header__menu-button {
font-family : "nta" , Arial , sans-serif ;
-webkit- font-smoothing : antialiased ;
-moz- osx-font-smoothing : grayscale ;
font-weight : 400 ;
font-size : 14 px ;
font-size : .875 rem ;
line-height : 1.14286 ;
display : none ;
position : absolute ;
top : 20 px ;
right : 0 ;
margin : 0 ;
padding : 0 ;
border : 0 ;
color : #fff ;
background : none
}
@ media print {
. govuk-header__menu-button {
font-family : sans-serif
}
}
@ media ( min-width : 40 . 0625em ) {
. govuk-header__menu-button {
font-size : 16 px ;
font-size : 1 rem ;
line-height : 1.25
}
}
@ media print {
. govuk-header__menu-button {
font-size : 14 pt ;
line-height : 1.2
}
}
. govuk-header__menu-button : hover {
text-decoration : underline
}
. govuk-header__menu-button :: after {
display : inline-block ;
width : 0 ;
height : 0 ;
border-style : solid ;
border-color : transparent ;
-webkit- clip-path : polygon ( 0 % 0 % , 50 % 100 % , 100 % 0 % );
clip-path : polygon ( 0 % 0 % , 50 % 100 % , 100 % 0 % );
border-width : 8.66 px 5 px 0 5 px ;
border-top-color : inherit ;
content : "" ;
margin-left : 5 px
}
. govuk-header__menu-button : focus {
outline : 3 px solid #ffbf47 ;
outline-offset : 0
}
@ media ( min-width : 40 . 0625em ) {
. govuk-header__menu-button {
top : 15 px
}
}
. govuk-header__menu-button--open :: after {
display : inline-block ;
width : 0 ;
height : 0 ;
border-style : solid ;
border-color : transparent ;
-webkit- clip-path : polygon ( 50 % 0 % , 0 % 100 % , 100 % 100 % );
clip-path : polygon ( 50 % 0 % , 0 % 100 % , 100 % 100 % );
border-width : 0 5 px 8.66 px 5 px ;
border-bottom-color : inherit
}
. govuk-header__navigation {
margin-bottom : 10 px ;
display : block ;
margin : 0 ;
padding : 0 ;
list-style : none
}
@ media ( min-width : 40 . 0625em ) {
. govuk-header__navigation {
margin-bottom : 10 px
}
}
. js-enabled . govuk-header__menu-button {
display : block
}
@ media ( min-width : 48 . 0625em ) {
. js-enabled . govuk-header__menu-button {
display : none
}
}
. js-enabled . govuk-header__navigation {
display : none
}
@ media ( min-width : 48 . 0625em ) {
. js-enabled . govuk-header__navigation {
display : block
}
}
. js-enabled . govuk-header__navigation--open {
display : block
}
@ media ( min-width : 48 . 0625em ) {
. govuk-header__navigation--end {
margin : 0 ;
padding : 5 px 0 ;
text-align : right
}
}
. govuk-header__navigation--no-service-name {
padding-top : 40 px
}
. govuk-header__navigation-item {
padding : 10 px 0 ;
border-bottom : 1 px solid #2e3133
}
@ media ( min-width : 48 . 0625em ) {
. govuk-header__navigation-item {
display : inline-block ;
margin-right : 15 px ;
padding : 5 px 0 ;
border : 0
}
}
. govuk-header__navigation-item a {
font-family : "nta" , Arial , sans-serif ;
-webkit- font-smoothing : antialiased ;
-moz- osx-font-smoothing : grayscale ;
font-weight : 700 ;
font-size : 14 px ;
font-size : .875 rem ;
line-height : 1.14286 ;
white-space : nowrap
}
@ media print {
. govuk-header__navigation-item a {
font-family : sans-serif
}
}
@ media ( min-width : 40 . 0625em ) {
. govuk-header__navigation-item a {
font-size : 16 px ;
font-size : 1 rem ;
line-height : 1.25
}
}
@ media print {
. govuk-header__navigation-item a {
font-size : 14 pt ;
line-height : 1.2
}
}
. govuk-header__navigation-item--active a : link ,
. govuk-header__navigation-item--active a : hover ,
. govuk-header__navigation-item--active a : visited {
color : #1d8feb
}
. govuk-header__navigation-item--active a : focus {
color : #0b0c0c
}
. govuk-header__navigation-item : last-child {
margin-right : 0
}
@ media print {
. govuk-header {
border-bottom-width : 0 ;
color : #0b0c0c ;
background : transparent
}
. govuk-header__logotype-crown-fallback-image {
display : none
}
. govuk-header__link : link ,
. govuk-header__link : visited {
color : #0b0c0c
}
. govuk-header__link : after {
display : none
}
}
. govuk-header__logotype-crown {
position : relative ;
top : -4 px
}
. govuk-header {
padding-top : 3 px
}
2023-08-25 10:40:56 -04:00
. usa-footer {
2022-07-20 15:23:54 -07:00
font-family : "nta" , Arial , sans-serif ;
-webkit- font-smoothing : antialiased ;
-moz- osx-font-smoothing : grayscale ;
font-weight : 400 ;
font-size : 14 px ;
font-size : .875 rem ;
line-height : 1.14286 ;
padding-top : 25 px ;
padding-bottom : 15 px ;
border-top : 1 px solid #a1acb2 ;
color : #454a4c ;
background : #dee0e2
}
@ media print {
2023-08-25 10:40:56 -04:00
. usa-footer {
2022-07-20 15:23:54 -07:00
font-family : sans-serif
}
}
@ media ( min-width : 40 . 0625em ) {
2023-08-25 10:40:56 -04:00
. usa-footer {
2022-07-20 15:23:54 -07:00
font-size : 16 px ;
font-size : 1 rem ;
line-height : 1.25
}
}
@ media print {
2023-08-25 10:40:56 -04:00
. usa-footer {
2022-07-20 15:23:54 -07:00
font-size : 14 pt ;
line-height : 1.2
}
}
@ media ( min-width : 40 . 0625em ) {
2023-08-25 10:40:56 -04:00
. usa-footer {
2022-07-20 15:23:54 -07:00
padding-top : 40 px
}
}
@ media ( min-width : 40 . 0625em ) {
2023-08-25 10:40:56 -04:00
. usa-footer {
2022-07-20 15:23:54 -07:00
padding-bottom : 25 px
}
}
2023-08-25 10:40:56 -04:00
. usa-footer__link : focus {
2022-07-20 15:23:54 -07:00
outline : 3 px solid #ffbf47 ;
outline-offset : 0 ;
background-color : #ffbf47
}
2023-08-25 10:40:56 -04:00
. usa-footer__link : link ,
. usa-footer__link : visited {
2022-07-20 15:23:54 -07:00
color : #454a4c
}
2023-08-25 10:40:56 -04:00
. usa-footer__link : hover ,
. usa-footer__link : active {
2022-07-20 15:23:54 -07:00
color : #171819
}
2023-08-25 10:40:56 -04:00
. usa-footer__link : focus {
2022-07-20 15:23:54 -07:00
color : #0b0c0c
}
2023-08-25 10:40:56 -04:00
. usa-footer__section-break {
2022-07-20 15:23:54 -07:00
margin : 0 ;
margin-bottom : 30 px ;
border : 0 ;
border-bottom : 1 px solid #bfc1c3
}
@ media ( min-width : 40 . 0625em ) {
2023-08-25 10:40:56 -04:00
. usa-footer__section-break {
2022-07-20 15:23:54 -07:00
margin-bottom : 50 px
}
}
2023-08-25 10:40:56 -04:00
. usa-footer__meta {
2022-07-20 15:23:54 -07:00
display : -webkit- box ;
display : -webkit- flex ;
display : -ms- flexbox ;
display : flex ;
margin-right : -15 px ;
margin-left : -15 px ;
-webkit- flex-wrap : wrap ;
-ms- flex-wrap : wrap ;
flex-wrap : wrap ;
-webkit- box-align : end ;
-webkit- align-items : flex-end ;
-ms- flex-align : end ;
align-items : flex-end ;
-webkit- box-pack : center ;
-webkit- justify-content : center ;
-ms- flex-pack : center ;
justify-content : center
}
2023-08-25 10:40:56 -04:00
. usa-footer__meta-item {
2022-07-20 15:23:54 -07:00
margin-right : 15 px ;
margin-bottom : 25 px ;
margin-left : 15 px
}
2023-08-25 10:40:56 -04:00
. usa-footer__meta-item--grow {
2022-07-20 15:23:54 -07:00
-webkit- box-flex : 1 ;
-webkit- flex : 1 ;
-ms- flex : 1 ;
flex : 1
}
@ media ( max-width : 40 . 0525em ) {
2023-08-25 10:40:56 -04:00
. usa-footer__meta-item--grow {
2022-07-20 15:23:54 -07:00
-webkit- flex-basis : 320 px ;
-ms- flex-preferred-size : 320 px ;
flex-basis : 320 px
}
}
2023-08-25 10:40:56 -04:00
. usa-footer__licence-logo {
2022-07-20 15:23:54 -07:00
display : inline-block ;
margin-right : 10 px ;
vertical-align : top
}
@ media ( max-width : 48 . 0525em ) {
2023-08-25 10:40:56 -04:00
. usa-footer__licence-logo {
2022-07-20 15:23:54 -07:00
margin-bottom : 15 px
}
}
2023-08-25 10:40:56 -04:00
. usa-footer__licence-description {
2022-07-20 15:23:54 -07:00
display : inline-block
}
2023-08-25 10:40:56 -04:00
. usa-footer__copyright-logo {
2022-07-20 15:23:54 -07:00
display : inline-block ;
min-width : 125 px ;
padding-top : 112 px ;
background-image : url ( "/static_503/images/govuk-crest.png" );
background-repeat : no-repeat ;
background-position : 50 % 0 % ;
background-size : 125 px 102 px ;
text-align : center ;
text-decoration : none ;
white-space : nowrap
}
@ media only screen and ( -webkit-min-device-pixel-ratio : 2 ),
only screen and ( min-device-pixel-ratio : 2 ),
only screen and ( min-resolution : 192dpi ),
only screen and ( min-resolution : 2dppx ) {
2023-08-25 10:40:56 -04:00
. usa-footer__copyright-logo {
2022-07-20 15:23:54 -07:00
background-image : url ( "/static_503/images/govuk-crest-2x.png" )
}
}
2023-08-25 10:40:56 -04:00
. usa-footer__inline-list {
2022-07-20 15:23:54 -07:00
margin-top : 0 ;
margin-bottom : 15 px ;
padding : 0
}
2023-08-25 10:40:56 -04:00
. usa-footer__meta-custom {
2022-07-20 15:23:54 -07:00
margin-bottom : 20 px
}
2023-08-25 10:40:56 -04:00
. usa-footer__inline-list-item {
2022-07-20 15:23:54 -07:00
display : inline-block ;
margin-right : 15 px ;
margin-bottom : 5 px
}
2023-08-25 10:40:56 -04:00
. usa-footer__heading {
2022-07-20 15:23:54 -07:00
margin-bottom : 25 px ;
padding-bottom : 20 px ;
border-bottom : 1 px solid #bfc1c3
}
@ media ( min-width : 40 . 0625em ) {
2023-08-25 10:40:56 -04:00
. usa-footer__heading {
2022-07-20 15:23:54 -07:00
margin-bottom : 40 px
}
}
@ media ( max-width : 40 . 0525em ) {
2023-08-25 10:40:56 -04:00
. usa-footer__heading {
2022-07-20 15:23:54 -07:00
padding-bottom : 10 px
}
}
2023-08-25 10:40:56 -04:00
. usa-footer__navigation {
2022-07-20 15:23:54 -07:00
display : -webkit- box ;
display : -webkit- flex ;
display : -ms- flexbox ;
display : flex ;
margin-right : -15 px ;
margin-left : -15 px ;
-webkit- flex-wrap : wrap ;
-ms- flex-wrap : wrap ;
flex-wrap : wrap
}
2023-08-25 10:40:56 -04:00
. usa-footer__section {
2022-07-20 15:23:54 -07:00
display : inline-block ;
margin-right : 15 px ;
margin-bottom : 30 px ;
margin-left : 15 px ;
vertical-align : top ;
-webkit- box-flex : 1 ;
-webkit- flex-grow : 1 ;
-ms- flex-positive : 1 ;
flex-grow : 1 ;
-webkit- flex-shrink : 1 ;
-ms- flex-negative : 1 ;
flex-shrink : 1
}
@ media ( max-width : 48 . 0525em ) {
2023-08-25 10:40:56 -04:00
. usa-footer__section {
2022-07-20 15:23:54 -07:00
-webkit- flex-basis : 200 px ;
-ms- flex-preferred-size : 200 px ;
flex-basis : 200 px
}
}
@ media ( min-width : 48 . 0625em ) {
2023-08-25 10:40:56 -04:00
. usa-footer__section : first-child {
2022-07-20 15:23:54 -07:00
-webkit- box-flex : 2 ;
-webkit- flex-grow : 2 ;
-ms- flex-positive : 2 ;
flex-grow : 2
}
}
2023-08-25 10:40:56 -04:00
. usa-footer__list {
2022-07-20 15:23:54 -07:00
margin : 0 ;
padding : 0 ;
list-style : none ;
-webkit- column-gap : 30 px ;
-moz- column-gap : 30 px ;
column-gap : 30 px
}
@ media ( min-width : 48 . 0625em ) {
2023-08-25 10:40:56 -04:00
. usa-footer__list--columns-2 {
2022-07-20 15:23:54 -07:00
-webkit- column-count : 2 ;
-moz- column-count : 2 ;
column-count : 2
}
2023-08-25 10:40:56 -04:00
. usa-footer__list--columns-3 {
2022-07-20 15:23:54 -07:00
-webkit- column-count : 3 ;
-moz- column-count : 3 ;
column-count : 3
}
}
2023-08-25 10:40:56 -04:00
. usa-footer__list-item {
2022-07-20 15:23:54 -07:00
margin-bottom : 15 px
}
@ media ( min-width : 40 . 0625em ) {
2023-08-25 10:40:56 -04:00
. usa-footer__list-item {
2022-07-20 15:23:54 -07:00
margin-bottom : 20 px
}
}
2023-08-25 10:40:56 -04:00
. usa-footer__list-item : last-child {
2022-07-20 15:23:54 -07:00
margin-bottom : 0
}
. govuk-clearfix : after {
content : "" ;
display : block ;
clear : both
}
2023-06-16 14:55:24 -04:00
. usa-sr-only {
2022-07-20 15:23:54 -07:00
position : absolute !important ;
width : 1 px !important ;
height : 1 px !important ;
margin : 0 !important ;
padding : 0 !important ;
overflow : hidden !important ;
clip : rect ( 0 0 0 0 ) !important ;
-webkit- clip-path : inset ( 50 % ) !important ;
clip-path : inset ( 50 % ) !important ;
border : 0 !important ;
white-space : nowrap !important
}
2023-06-16 14:55:24 -04:00
. usa-sr-only-focusable {
2022-07-20 15:23:54 -07:00
position : absolute !important ;
width : 1 px !important ;
height : 1 px !important ;
margin : 0 !important ;
overflow : hidden !important ;
clip : rect ( 0 0 0 0 ) !important ;
-webkit- clip-path : inset ( 50 % ) !important ;
clip-path : inset ( 50 % ) !important ;
white-space : nowrap !important
}
2023-06-16 14:55:24 -04:00
. usa-sr-only-focusable : active ,
. usa-sr-only-focusable : focus {
2022-07-20 15:23:54 -07:00
position : static !important ;
width : auto !important ;
height : auto !important ;
margin : inherit !important ;
overflow : visible !important ;
clip : auto !important ;
-webkit- clip-path : none !important ;
clip-path : none !important ;
white-space : inherit !important
}
. govuk- \ ! -display-inline {
display : inline !important
}
. govuk- \ ! -display-inline-block {
display : inline-block !important
}
. govuk- \ ! -display-block {
display : block !important
}
. govuk- \ ! -margin-0 {
margin : 0 !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-0 {
margin : 0 !important
}
}
. govuk- \ ! -margin-top-0 {
margin-top : 0 !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-top-0 {
margin-top : 0 !important
}
}
. govuk- \ ! -margin-right-0 {
margin-right : 0 !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-right-0 {
margin-right : 0 !important
}
}
. govuk- \ ! -margin-bottom-0 {
margin-bottom : 0 !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-bottom-0 {
margin-bottom : 0 !important
}
}
. govuk- \ ! -margin-left-0 {
margin-left : 0 !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-left-0 {
margin-left : 0 !important
}
}
. govuk- \ ! -margin-1 {
margin : 5 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-1 {
margin : 5 px !important
}
}
. govuk- \ ! -margin-top-1 {
margin-top : 5 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-top-1 {
margin-top : 5 px !important
}
}
. govuk- \ ! -margin-right-1 {
margin-right : 5 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-right-1 {
margin-right : 5 px !important
}
}
. govuk- \ ! -margin-bottom-1 {
margin-bottom : 5 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-bottom-1 {
margin-bottom : 5 px !important
}
}
. govuk- \ ! -margin-left-1 {
margin-left : 5 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-left-1 {
margin-left : 5 px !important
}
}
. govuk- \ ! -margin-2 {
margin : 10 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-2 {
margin : 10 px !important
}
}
. govuk- \ ! -margin-top-2 {
margin-top : 10 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-top-2 {
margin-top : 10 px !important
}
}
. govuk- \ ! -margin-right-2 {
margin-right : 10 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-right-2 {
margin-right : 10 px !important
}
}
. govuk- \ ! -margin-bottom-2 {
margin-bottom : 10 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-bottom-2 {
margin-bottom : 10 px !important
}
}
. govuk- \ ! -margin-left-2 {
margin-left : 10 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-left-2 {
margin-left : 10 px !important
}
}
. govuk- \ ! -margin-3 {
margin : 15 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-3 {
margin : 15 px !important
}
}
. govuk- \ ! -margin-top-3 {
margin-top : 15 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-top-3 {
margin-top : 15 px !important
}
}
. govuk- \ ! -margin-right-3 {
margin-right : 15 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-right-3 {
margin-right : 15 px !important
}
}
. govuk- \ ! -margin-bottom-3 {
margin-bottom : 15 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-bottom-3 {
margin-bottom : 15 px !important
}
}
. govuk- \ ! -margin-left-3 {
margin-left : 15 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-left-3 {
margin-left : 15 px !important
}
}
. govuk- \ ! -margin-4 {
margin : 15 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-4 {
margin : 20 px !important
}
}
. govuk- \ ! -margin-top-4 {
margin-top : 15 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-top-4 {
margin-top : 20 px !important
}
}
. govuk- \ ! -margin-right-4 {
margin-right : 15 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-right-4 {
margin-right : 20 px !important
}
}
. govuk- \ ! -margin-bottom-4 {
margin-bottom : 15 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-bottom-4 {
margin-bottom : 20 px !important
}
}
. govuk- \ ! -margin-left-4 {
margin-left : 15 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-left-4 {
margin-left : 20 px !important
}
}
. govuk- \ ! -margin-5 {
margin : 15 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-5 {
margin : 25 px !important
}
}
. govuk- \ ! -margin-top-5 {
margin-top : 15 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-top-5 {
margin-top : 25 px !important
}
}
. govuk- \ ! -margin-right-5 {
margin-right : 15 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-right-5 {
margin-right : 25 px !important
}
}
. govuk- \ ! -margin-bottom-5 {
margin-bottom : 15 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-bottom-5 {
margin-bottom : 25 px !important
}
}
. govuk- \ ! -margin-left-5 {
margin-left : 15 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-left-5 {
margin-left : 25 px !important
}
}
. govuk- \ ! -margin-6 {
margin : 20 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-6 {
margin : 30 px !important
}
}
. govuk- \ ! -margin-top-6 {
margin-top : 20 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-top-6 {
margin-top : 30 px !important
}
}
. govuk- \ ! -margin-right-6 {
margin-right : 20 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-right-6 {
margin-right : 30 px !important
}
}
. govuk- \ ! -margin-bottom-6 {
margin-bottom : 20 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-bottom-6 {
margin-bottom : 30 px !important
}
}
. govuk- \ ! -margin-left-6 {
margin-left : 20 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-left-6 {
margin-left : 30 px !important
}
}
. govuk- \ ! -margin-7 {
margin : 25 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-7 {
margin : 40 px !important
}
}
. govuk- \ ! -margin-top-7 {
margin-top : 25 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-top-7 {
margin-top : 40 px !important
}
}
. govuk- \ ! -margin-right-7 {
margin-right : 25 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-right-7 {
margin-right : 40 px !important
}
}
. govuk- \ ! -margin-bottom-7 {
margin-bottom : 25 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-bottom-7 {
margin-bottom : 40 px !important
}
}
. govuk- \ ! -margin-left-7 {
margin-left : 25 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-left-7 {
margin-left : 40 px !important
}
}
. govuk- \ ! -margin-8 {
margin : 30 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-8 {
margin : 50 px !important
}
}
. govuk- \ ! -margin-top-8 {
margin-top : 30 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-top-8 {
margin-top : 50 px !important
}
}
. govuk- \ ! -margin-right-8 {
margin-right : 30 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-right-8 {
margin-right : 50 px !important
}
}
. govuk- \ ! -margin-bottom-8 {
margin-bottom : 30 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-bottom-8 {
margin-bottom : 50 px !important
}
}
. govuk- \ ! -margin-left-8 {
margin-left : 30 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-left-8 {
margin-left : 50 px !important
}
}
. govuk- \ ! -margin-9 {
margin : 40 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-9 {
margin : 60 px !important
}
}
. govuk- \ ! -margin-top-9 {
margin-top : 40 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-top-9 {
margin-top : 60 px !important
}
}
. govuk- \ ! -margin-right-9 {
margin-right : 40 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-right-9 {
margin-right : 60 px !important
}
}
. govuk- \ ! -margin-bottom-9 {
margin-bottom : 40 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-bottom-9 {
margin-bottom : 60 px !important
}
}
. govuk- \ ! -margin-left-9 {
margin-left : 40 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -margin-left-9 {
margin-left : 60 px !important
}
}
. govuk- \ ! -padding-0 {
padding : 0 !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-0 {
padding : 0 !important
}
}
. govuk- \ ! -padding-top-0 {
padding-top : 0 !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-top-0 {
padding-top : 0 !important
}
}
. govuk- \ ! -padding-right-0 {
padding-right : 0 !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-right-0 {
padding-right : 0 !important
}
}
. govuk- \ ! -padding-bottom-0 {
padding-bottom : 0 !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-bottom-0 {
padding-bottom : 0 !important
}
}
. govuk- \ ! -padding-left-0 {
padding-left : 0 !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-left-0 {
padding-left : 0 !important
}
}
. govuk- \ ! -padding-1 {
padding : 5 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-1 {
padding : 5 px !important
}
}
. govuk- \ ! -padding-top-1 {
padding-top : 5 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-top-1 {
padding-top : 5 px !important
}
}
. govuk- \ ! -padding-right-1 {
padding-right : 5 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-right-1 {
padding-right : 5 px !important
}
}
. govuk- \ ! -padding-bottom-1 {
padding-bottom : 5 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-bottom-1 {
padding-bottom : 5 px !important
}
}
. govuk- \ ! -padding-left-1 {
padding-left : 5 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-left-1 {
padding-left : 5 px !important
}
}
. govuk- \ ! -padding-2 {
padding : 10 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-2 {
padding : 10 px !important
}
}
. govuk- \ ! -padding-top-2 {
padding-top : 10 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-top-2 {
padding-top : 10 px !important
}
}
. govuk- \ ! -padding-right-2 {
padding-right : 10 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-right-2 {
padding-right : 10 px !important
}
}
. govuk- \ ! -padding-bottom-2 {
padding-bottom : 10 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-bottom-2 {
padding-bottom : 10 px !important
}
}
. govuk- \ ! -padding-left-2 {
padding-left : 10 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-left-2 {
padding-left : 10 px !important
}
}
. govuk- \ ! -padding-3 {
padding : 15 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-3 {
padding : 15 px !important
}
}
. govuk- \ ! -padding-top-3 {
padding-top : 15 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-top-3 {
padding-top : 15 px !important
}
}
. govuk- \ ! -padding-right-3 {
padding-right : 15 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-right-3 {
padding-right : 15 px !important
}
}
. govuk- \ ! -padding-bottom-3 {
padding-bottom : 15 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-bottom-3 {
padding-bottom : 15 px !important
}
}
. govuk- \ ! -padding-left-3 {
padding-left : 15 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-left-3 {
padding-left : 15 px !important
}
}
. govuk- \ ! -padding-4 {
padding : 15 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-4 {
padding : 20 px !important
}
}
. govuk- \ ! -padding-top-4 {
padding-top : 15 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-top-4 {
padding-top : 20 px !important
}
}
. govuk- \ ! -padding-right-4 {
padding-right : 15 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-right-4 {
padding-right : 20 px !important
}
}
. govuk- \ ! -padding-bottom-4 {
padding-bottom : 15 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-bottom-4 {
padding-bottom : 20 px !important
}
}
. govuk- \ ! -padding-left-4 {
padding-left : 15 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-left-4 {
padding-left : 20 px !important
}
}
. govuk- \ ! -padding-5 {
padding : 15 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-5 {
padding : 25 px !important
}
}
. govuk- \ ! -padding-top-5 {
padding-top : 15 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-top-5 {
padding-top : 25 px !important
}
}
. govuk- \ ! -padding-right-5 {
padding-right : 15 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-right-5 {
padding-right : 25 px !important
}
}
. govuk- \ ! -padding-bottom-5 {
padding-bottom : 15 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-bottom-5 {
padding-bottom : 25 px !important
}
}
. govuk- \ ! -padding-left-5 {
padding-left : 15 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-left-5 {
padding-left : 25 px !important
}
}
. govuk- \ ! -padding-6 {
padding : 20 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-6 {
padding : 30 px !important
}
}
. govuk- \ ! -padding-top-6 {
padding-top : 20 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-top-6 {
padding-top : 30 px !important
}
}
. govuk- \ ! -padding-right-6 {
padding-right : 20 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-right-6 {
padding-right : 30 px !important
}
}
. govuk- \ ! -padding-bottom-6 {
padding-bottom : 20 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-bottom-6 {
padding-bottom : 30 px !important
}
}
. govuk- \ ! -padding-left-6 {
padding-left : 20 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-left-6 {
padding-left : 30 px !important
}
}
. govuk- \ ! -padding-7 {
padding : 25 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-7 {
padding : 40 px !important
}
}
. govuk- \ ! -padding-top-7 {
padding-top : 25 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-top-7 {
padding-top : 40 px !important
}
}
. govuk- \ ! -padding-right-7 {
padding-right : 25 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-right-7 {
padding-right : 40 px !important
}
}
. govuk- \ ! -padding-bottom-7 {
padding-bottom : 25 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-bottom-7 {
padding-bottom : 40 px !important
}
}
. govuk- \ ! -padding-left-7 {
padding-left : 25 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-left-7 {
padding-left : 40 px !important
}
}
. govuk- \ ! -padding-8 {
padding : 30 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-8 {
padding : 50 px !important
}
}
. govuk- \ ! -padding-top-8 {
padding-top : 30 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-top-8 {
padding-top : 50 px !important
}
}
. govuk- \ ! -padding-right-8 {
padding-right : 30 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-right-8 {
padding-right : 50 px !important
}
}
. govuk- \ ! -padding-bottom-8 {
padding-bottom : 30 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-bottom-8 {
padding-bottom : 50 px !important
}
}
. govuk- \ ! -padding-left-8 {
padding-left : 30 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-left-8 {
padding-left : 50 px !important
}
}
. govuk- \ ! -padding-9 {
padding : 40 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-9 {
padding : 60 px !important
}
}
. govuk- \ ! -padding-top-9 {
padding-top : 40 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-top-9 {
padding-top : 60 px !important
}
}
. govuk- \ ! -padding-right-9 {
padding-right : 40 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-right-9 {
padding-right : 60 px !important
}
}
. govuk- \ ! -padding-bottom-9 {
padding-bottom : 40 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-bottom-9 {
padding-bottom : 60 px !important
}
}
. govuk- \ ! -padding-left-9 {
padding-left : 40 px !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-left-9 {
padding-left : 60 px !important
}
}
. govuk- \ ! -font-size-80 {
font-size : 53 px !important ;
font-size : 3.3125 rem !important ;
line-height : 1.03774 !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -font-size-80 {
font-size : 80 px !important ;
font-size : 5 rem !important ;
line-height : 1 !important
}
}
@ media print {
. govuk- \ ! -font-size-80 {
font-size : 53 pt !important ;
line-height : 1.1 !important
}
}
. govuk- \ ! -font-size-48 {
font-size : 32 px !important ;
font-size : 2 rem !important ;
line-height : 1.09375 !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -font-size-48 {
font-size : 48 px !important ;
font-size : 3 rem !important ;
line-height : 1.04167 !important
}
}
@ media print {
. govuk- \ ! -font-size-48 {
font-size : 32 pt !important ;
line-height : 1.15 !important
}
}
. govuk- \ ! -font-size-36 {
font-size : 24 px !important ;
font-size : 1.5 rem !important ;
line-height : 1.04167 !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -font-size-36 {
font-size : 36 px !important ;
font-size : 2.25 rem !important ;
line-height : 1.11111 !important
}
}
@ media print {
. govuk- \ ! -font-size-36 {
font-size : 24 pt !important ;
line-height : 1.05 !important
}
}
. govuk- \ ! -font-size-27 {
font-size : 18 px !important ;
font-size : 1.125 rem !important ;
line-height : 1.11111 !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -font-size-27 {
font-size : 27 px !important ;
font-size : 1.6875 rem !important ;
line-height : 1.11111 !important
}
}
@ media print {
. govuk- \ ! -font-size-27 {
font-size : 18 pt !important ;
line-height : 1.15 !important
}
}
. govuk- \ ! -font-size-24 {
font-size : 18 px !important ;
font-size : 1.125 rem !important ;
line-height : 1.11111 !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -font-size-24 {
font-size : 24 px !important ;
font-size : 1.5 rem !important ;
line-height : 1.25 !important
}
}
@ media print {
. govuk- \ ! -font-size-24 {
font-size : 18 pt !important ;
line-height : 1.15 !important
}
}
. govuk- \ ! -font-size-19 {
font-size : 16 px !important ;
font-size : 1 rem !important ;
line-height : 1.25 !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -font-size-19 {
font-size : 19 px !important ;
font-size : 1.1875 rem !important ;
line-height : 1.31579 !important
}
}
@ media print {
. govuk- \ ! -font-size-19 {
font-size : 14 pt !important ;
line-height : 1.15 !important
}
}
. govuk- \ ! -font-size-16 {
font-size : 14 px !important ;
font-size : .875 rem !important ;
line-height : 1.14286 !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -font-size-16 {
font-size : 16 px !important ;
font-size : 1 rem !important ;
line-height : 1.25 !important
}
}
@ media print {
. govuk- \ ! -font-size-16 {
font-size : 14 pt !important ;
line-height : 1.2 !important
}
}
. govuk- \ ! -font-size-14 {
font-size : 12 px !important ;
font-size : .75 rem !important ;
line-height : 1.25 !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -font-size-14 {
font-size : 14 px !important ;
font-size : .875 rem !important ;
line-height : 1.42857 !important
}
}
@ media print {
. govuk- \ ! -font-size-14 {
font-size : 12 pt !important ;
line-height : 1.2 !important
}
}
. govuk- \ ! -font-weight-regular {
font-weight : 400 !important
}
. govuk- \ ! -font-weight-bold {
font-weight : 700 !important
}
. govuk- \ ! -width-full {
width : 100 % !important
}
. govuk- \ ! -width-three-quarters {
width : 100 % !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -width-three-quarters {
width : 75 % !important
}
}
. govuk- \ ! -width-two-thirds {
width : 100 % !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -width-two-thirds {
width : 66.66 % !important
}
}
. govuk- \ ! -width-one-half {
width : 100 % !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -width-one-half {
width : 50 % !important
}
}
. govuk- \ ! -width-one-third {
width : 100 % !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -width-one-third {
width : 33.33 % !important
}
}
. govuk- \ ! -width-one-quarter {
width : 100 % !important
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -width-one-quarter {
width : 25 % !important
}
}
@ media ( min-width : 48 . 0625em ) {
2023-08-25 10:40:56 -04:00
. usa-footer__list--columns-4 {
2022-07-20 15:23:54 -07:00
-webkit- column-count : 4 ;
-moz- column-count : 4 ;
column-count : 4
}
}
. govuk-header__navigation {
text-align : right
}
. govuk-header__navigation . govuk-header__navigation-item {
text-align : left
}
. govuk-main-wrapper {
position : relative
}
. govuk- \ ! -padding-bottom-12 {
padding-bottom : 70 px
}
@ media ( min-width : 40 . 0625em ) {
. govuk- \ ! -padding-bottom-12 {
padding-bottom : 90 px
}
}
@ -ms-viewport {
width : device-width
}
b ,
strong {
font-weight : 600
}
abbr [ title ] {
cursor : help
}
. js-enabled . js-hidden {
display : none
}
input [ type = "search" ] {
-webkit- appearance : textfield ;
-moz- box-sizing : content-box ;
-webkit- box-sizing : content-box ;
box-sizing : content-box
}
input [ type = "search" ] :: -webkit-search-cancel-button {
-webkit- appearance : searchfield-cancel-button ;
margin-right : 2 px
}
input [ type = "search" ] :: -webkit-search-decoration {
-webkit- appearance : none
}
a : visited {
color : #005ea5
}
input : focus ,
textarea : focus ,
select : focus ,
button : focus {
outline : 3 px solid #ffbf47 ;
outline-offset : 0
}
. column-whole {
padding : 0 15 px ;
-webkit- box-sizing : border-box ;
-moz- box-sizing : border-box ;
box-sizing : border-box
}
@ media ( min-width : 641px ) {
. column-whole {
float : left ;
width : 100 %
}
}
. column-three-quarters {
padding : 0 15 px ;
-webkit- box-sizing : border-box ;
-moz- box-sizing : border-box ;
box-sizing : border-box
}
@ media ( min-width : 641px ) {
. column-three-quarters {
float : left ;
width : 75 %
}
}
. column-one-sixth {
padding : 0 15 px ;
-webkit- box-sizing : border-box ;
-moz- box-sizing : border-box ;
box-sizing : border-box
}
@ media ( min-width : 641px ) {
. column-one-sixth {
float : left ;
width : 16.66667 %
}
}
. column-five-sixths {
padding : 0 15 px ;
-webkit- box-sizing : border-box ;
-moz- box-sizing : border-box ;
box-sizing : border-box
}
@ media ( min-width : 641px ) {
. column-five-sixths {
float : left ;
width : 83.33333 %
}
}
. column-one-eighth {
padding : 0 15 px ;
-webkit- box-sizing : border-box ;
-moz- box-sizing : border-box ;
box-sizing : border-box
}
@ media ( min-width : 641px ) {
. column-one-eighth {
float : left ;
width : 12.5 %
}
}
. column-five-eighths {
padding : 0 15 px ;
-webkit- box-sizing : border-box ;
-moz- box-sizing : border-box ;
box-sizing : border-box
}
@ media ( min-width : 641px ) {
. column-five-eighths {
float : left ;
width : 62.5 %
}
}
. column-seven-eighths {
padding : 0 15 px ;
-webkit- box-sizing : border-box ;
-moz- box-sizing : border-box ;
box-sizing : border-box
}
@ media ( min-width : 641px ) {
. column-seven-eighths {
float : left ;
width : 87.5 %
}
}
. top-gutter-4-3 ,
. top-gutter-1-2 ,
. top-gutter-1-3 ,
. top-gutter-2-3 ,
. top-gutter {
display : block ;
margin-top : 30 px ;
clear : both
}
. top-gutter-4-3 {
margin-top : 40 px
}
. top-gutter-1-2 {
margin-top : 15 px
}
. top-gutter-1-3 {
margin-top : 10 px
}
. top-gutter-2-3 {
margin-top : 20 px
}
. top-gutter-0 {
margin-top : 0
}
. bottom-gutter-2-3 ,
. bottom-gutter-1-2 ,
. bottom-gutter-1-3 ,
. bottom-gutter-3-2 ,
. bottom-gutter-2 ,
. bottom-gutter {
margin-bottom : 30 px ;
clear : both
}
. bottom-gutter-2-3 {
margin-bottom : 20 px
}
. bottom-gutter-1-2 {
margin-bottom : 15 px
}
. bottom-gutter-1-3 {
margin-bottom : 10 px
}
. bottom-gutter-3-2 {
margin-bottom : 45 px
}
. bottom-gutter-2 {
margin-bottom : 60 px
}
. left-gutter {
padding-left : 30 px
}
. left-gutter-4-3 {
padding-left : 40 px
}
. align-with-heading {
display : block ;
text-align : center ;
margin-top : 13 px ;
padding-left : 2 px ;
padding-right : 2 px
}
. align-with-heading-copy {
display : block ;
margin-top : 25 px
}
. align-with-heading-copy-right {
display : block ;
margin : 21 px 0 19 px 0 ;
text-align : right
}
. align-with-big-number-hint {
margin-top : 50 px
}
. footer-nav {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 14 px ;
line-height : 1.14286 ;
padding-top : 8 px ;
padding-bottom : 7 px ;
margin-bottom : 20 px
}
@ media ( min-width : 641px ) {
. footer-nav {
font-size : 16 px ;
line-height : 1.25
}
}
@ media ( min-width : 641px ) {
. footer-nav {
padding-top : 5 px ;
padding-bottom : 5 px
}
}
. footer-nav a {
display : inline-block ;
margin-right : 15 px
}
. notify-cookie-message {
font-family : "nta" , Arial , sans-serif ;
-webkit- font-smoothing : antialiased ;
-moz- osx-font-smoothing : grayscale ;
font-weight : 400 ;
font-size : 14 px ;
font-size : .875 rem ;
line-height : 1.14286 ;
padding : 15 px 0
}
@ media print {
. notify-cookie-message {
font-family : sans-serif
}
}
@ media ( min-width : 40 . 0625em ) {
. notify-cookie-message {
font-size : 16 px ;
font-size : 1 rem ;
line-height : 1.25
}
}
@ media print {
. notify-cookie-message {
font-size : 14 pt ;
line-height : 1.2
}
}
. js-enabled . notify-cookie-message {
display : none
}
# footer . footer-categories {
margin : 0 auto
}
# footer . footer-categories-wrapper {
margin-bottom : 30 px ;
padding-bottom : 60 px ;
border-bottom : 1 px solid #bfc1c3
}
# footer . footer-categories h2 {
margin : 20 px 0
}
@ media ( min-width : 641px ) {
# footer . footer-categories h2 {
margin-top : 0
}
}
# footer . footer-categories ul {
margin : 0 ;
padding : 0
}
# footer . footer-categories li {
margin-bottom : 5 px ;
font-size : 16 px
}
. placeholder-no-brackets ,
. placeholder-conditional ,
. placeholder {
display : inline ;
background : #ffbf47 ;
color : #0b0c0c ;
overflow-wrap : break-word ;
word-wrap : break-word ;
border-radius : 20 px ;
box-shadow : inset 0.47 em 0 0 0 #fff , inset -0.47 em 0 0 0 #fff , inset 0 -0.15 em 0 0 #fff , inset 0 0.15 em 0 0 #fff
}
. sms-message-wrapper . placeholder-no-brackets ,
. sms-message-wrapper . placeholder-conditional ,
. sms-message-wrapper . placeholder {
box-shadow : inset 0.47 em 0 0 0 #dee0e2 , inset -0.47 em 0 0 0 #dee0e2 , inset 0 -0.18 em 0 0 #dee0e2 , inset 0 0.18 em 0 0 #dee0e2
}
. placeholder-no-brackets {
padding-left : 3 px ;
padding-right : 3 px ;
border-radius : 1 px ;
box-shadow : inset 0 -0.1 em 0 0 #fff , inset 0 0.1 em 0 0 #fff
}
. placeholder-conditional {
border-radius : 0 ;
border-top-left-radius : 20 px ;
border-bottom-left-radius : 20 px ;
border-top-right-radius : 8 px ;
border-bottom-right-radius : 8 px ;
box-shadow : inset 0.47 em 0 0 0 #fff , inset -0.89 em 0 0 0 #fff , inset 0 -0.16 em 0 0 #fff , inset 0 0.16 em 0 0 #fff
}
. sms-message-wrapper . placeholder-conditional {
box-shadow : inset 0.47 em 0 0 0 #dee0e2 , inset -0.89 em 0 0 0 #dee0e2 , inset 0 -0.18 em 0 0 #dee0e2 , inset 0 0.18 em 0 0 #dee0e2
}
. placeholder-redacted {
background : currentColor ;
padding : 0 0.5 em ;
opacity : 0.8 ;
box-shadow : inset 0 -0.35 em 0 0 #fff ;
position : relative ;
top : 0.1 em
}
. sms-message-wrapper . placeholder-redacted {
box-shadow : inset 0 -0.35 em 0 0 #dee0e2
}
* : focus + p . placeholder-redacted {
box-shadow : inset 0 -0.35 em 0 0 #ffbf47
}
. sms-message-wrapper {
position : relative ;
width : 100 % ;
max-width : 464 px ;
box-sizing : border-box ;
padding : 15 px 15 px 15 px 15 px ;
background : #dee0e2 ;
border : 1 px solid #dee0e2 ;
border-radius : 5 px ;
white-space : normal ;
margin : 0 0 30 px 0 ;
clear : both ;
word-wrap : break-word
}
. sms-message-wrapper : after {
content : "" ;
display : block ;
position : absolute ;
bottom : -5 px ;
right : -20 px ;
border : 10 px solid transparent ;
border-left-width : 13 px ;
border-right-width : 13 px ;
border-bottom-color : #dee0e2 ;
border-left-color : #dee0e2 ;
transform : rotate ( 20 deg )
}
. sms-message-inbound . sms-message-wrapper : after {
border-left-color : transparent ;
border-bottom-color : #dee0e2 ;
border-right-color : #dee0e2 ;
right : auto ;
left : -20 px ;
transform : rotate ( -20 deg )
}
. sms-message-sender {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25 ;
padding-top : 2 px ;
padding-bottom : 8 px ;
color : #6f777b ;
margin : 0 0 -10 px 0
}
@ media ( min-width : 641px ) {
. sms-message-sender {
font-size : 19 px ;
line-height : 1.31579
}
}
@ media ( min-width : 641px ) {
. sms-message-sender {
padding-top : 0 ;
padding-bottom : 5 px
}
}
. sms-message-recipient {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25 ;
padding-top : 2 px ;
padding-bottom : 8 px ;
color : #6f777b ;
margin : 10 px 0 0 0
}
@ media ( min-width : 641px ) {
. sms-message-recipient {
font-size : 19 px ;
line-height : 1.31579
}
}
@ media ( min-width : 641px ) {
. sms-message-recipient {
padding-top : 0 ;
padding-bottom : 5 px
}
}
. sms-message-status {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 14 px ;
line-height : 1.14286 ;
color : #6f777b ;
margin : -20 px 15 px 20 px 15 px
}
@ media ( min-width : 641px ) {
. sms-message-status {
font-size : 16 px ;
line-height : 1.25
}
}
. sms-message-status-outbound {
text-align : right
}
. sms-message-row : focus {
outline : none ;
padding-top : 120 px ;
margin-top : -120 px
}
. sms-message-reply-link {
text-align : right
}
. page-footer {
position : relative ;
margin-bottom : 30 px
}
. page-footer-delete-link {
line-height : 40 px ;
padding : 1 px 0 0 15 px
}
. page-footer-delete-link a : visited ,
. page-footer-delete-link a : link {
color : #b10e1e ;
display : inline-block ;
vertical-align : center
}
. page-footer-delete-link a : hover ,
. page-footer-delete-link a : active {
color : #df3034
}
. page-footer-delete-link-without-button {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25 ;
padding : 0 ;
display : inline-block
}
@ media ( min-width : 641px ) {
. page-footer-delete-link-without-button {
font-size : 19 px ;
line-height : 1.31579
}
}
. page-footer-secondary-link {
display : block ;
margin-top : 30 px
}
. page-footer-right-aligned-link {
position : absolute ;
right : 0 ;
top : 10 px
}
. page-footer . button ,
. page-footer . button-destructive {
margin-right : 10 px
}
. page-footer . button-destructive {
background-color : #b10e1e ;
position : relative ;
display : -moz- inline - stack ;
display : inline-block ;
padding : .526315 em .789473 em .263157 em ;
border : none ;
-webkit- border-radius : 0 ;
-moz- border-radius : 0 ;
border-radius : 0 ;
outline : 1 px solid transparent ;
outline-offset : -1 px ;
-webkit- appearance : none ;
-webkit- box-shadow : 0 2 px 0 #6a0812 ;
-moz- box-shadow : 0 2 px 0 #6a0812 ;
box-shadow : 0 2 px 0 #6a0812 ;
font-size : 1 em ;
line-height : 1.25 ;
text-decoration : none ;
-webkit- font-smoothing : antialiased ;
cursor : pointer ;
color : #fff ;
padding : 0.52632 em 0.78947 em 0.26316 em 0.78947 em
}
. page-footer . button-destructive : visited {
background-color : #b10e1e
}
. page-footer . button-destructive : hover ,
. page-footer . button-destructive : focus {
background-color : #990c1a
}
. page-footer . button-destructive : active {
top : 2 px ;
-webkit- box-shadow : 0 0 0 #b10e1e ;
-moz- box-shadow : 0 0 0 #b10e1e ;
box-shadow : 0 0 0 #b10e1e
}
. page-footer . button-destructive . disabled ,
. page-footer . button-destructive [ disabled = "disabled" ],
. page-footer . button-destructive [ disabled ] {
zoom : 1 ;
filter : alpha ( opacity = 50 );
opacity : .5
}
. page-footer . button-destructive . disabled : hover ,
. page-footer . button-destructive [ disabled = "disabled" ] : hover ,
. page-footer . button-destructive [ disabled ] : hover {
cursor : default ;
background-color : #b10e1e
}
. page-footer . button-destructive . disabled : active ,
. page-footer . button-destructive [ disabled = "disabled" ] : active ,
. page-footer . button-destructive [ disabled ] : active {
top : 0 ;
-webkit- box-shadow : 0 2 px 0 #6a0812 ;
-moz- box-shadow : 0 2 px 0 #6a0812 ;
box-shadow : 0 2 px 0 #6a0812
}
. page-footer . button-destructive : link ,
. page-footer . button-destructive : link : focus ,
. page-footer . button-destructive : hover ,
. page-footer . button-destructive : focus ,
. page-footer . button-destructive : visited {
color : #fff
}
. page-footer . button-destructive : before {
content : "" ;
height : 110 % ;
width : 100 % ;
display : block ;
background : transparent ;
position : absolute ;
top : 0 ;
left : 0
}
. page-footer . button-destructive : active : before {
top : -10 % ;
height : 120 %
}
. page-footer . js-cancel {
margin : 0
}
@ media ( min-width : 769px ) {
. align-button-with-textbox . button {
position : relative ;
top : 32 px ;
left : -30 px ;
width : 100 % ;
margin-right : -30 px ;
padding-top : 8 px ;
box-sizing : content-box
}
}
. table {
margin-bottom : 30 px ;
width : 100 %
}
. table-heading {
text-align : left ;
margin : 15 px 0 15 px 0
}
. dashboard-table . heading-medium {
margin-bottom : 5 px
}
. dashboard-table . table {
table-layout : fixed
}
. dashboard-table . table-field-headings th {
font-size : 1 px
}
. dashboard-table . table-field-headings-visible th {
padding-bottom : 5 px
}
. dashboard-table . table-field-heading-first {
width : 52.5 %
}
. dashboard-table . table-row th {
display : table-cell ;
width : 52.5 % ;
font-weight : normal
}
. dashboard-table . table-row th . hint ,
. dashboard-table . table-row th p {
white-space : nowrap ;
overflow : hidden ;
text-overflow : ellipsis
}
. settings-table table {
table-layout : fixed ;
margin-bottom : 5 px
}
. settings-table th : first-child {
width : 35 %
}
. settings-table th : last-child {
width : 17.5 %
}
. settings-table td . table-field-left-aligned : first-child div {
white-space : normal
}
. settings-table td . table-field-left-aligned div {
white-space : nowrap ;
overflow : hidden ;
text-overflow : ellipsis
}
. settings-table td . table-field-left-aligned ul li {
margin-bottom : 5 px
}
. settings-table . table-heading {
margin-bottom : 20 px
}
. table-field-right-aligned ,
. table-field {
vertical-align : top
}
. table-field-right-aligned : last-child ,
. table-field : last-child {
padding-right : 0
}
. table-field-error {
border-left : 5 px solid #b10e1e ;
padding-left : 7 px ;
display : block
}
. table-field-error-label {
display : block ;
color : #b10e1e ;
font-weight : bold
}
. table-field-invisible-error {
border-left : 5 px solid transparent ;
padding-left : 7 px ;
display : block
}
. table-field-status-default {
color : #6f777b
}
. table-field-status-error {
color : #b10e1e ;
font-weight : bold
}
. table-field-status-error a : link ,
. table-field-status-error a : visited {
color : #b10e1e
}
. table-field-status-error . status-hint {
display : block ;
font-weight : normal ;
color : #b10e1e ;
margin-top : 5 px
}
. table-field-status-yes ,
. table-field-status-no {
display : block ;
text-indent : -999 em ;
background-size : 19 px 19 px ;
background-repeat : no-repeat ;
background-position : 50 % 50 %
}
. table-field-status-yes {
background-image : url ( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACpQTFRF6vXvLpleL5lfFYxL0ejcJpVY0uncQ6NuRKNvK5dcN51lEYpIAII7////Km646wAAAA50Uk5T/////////////////wBFwNzIAAAClElEQVR42uzayXrCMAyF0WtIoUP8/q9bZjJ4knSxNs66/f6zoDS2hOj8YAAGYAAGYAAGoFPme3IF4DAfJ0fApT/nBOjVzwnQrZ8RoF8/LUDHflKAnv2UAF37CQH69vcCdO7vBOjd3wrQvb8RoH9/LYBDfyWAR38pgEt/IYBP/y2AU/8lgFf/KYBb/yGAX/8ugGP/JoBn/yqAa3+ez/DtB8C5T/0MaPpMgKpPBOj6PICyTwNo+yyAuk8C6PscgKFPAVj6WcDpG136OcDpOB/Qo58BXPpzo8DYTwNu/TaBtZ8EPPotAnM/BXj16wJ7PwFY9GsCQn8PmI6rXykJGP0dYNMvCSj9LWDXzws4/Q0g0c8JSP01INlPC1j9FSDTTwlo/SUg298LeP0FoNDfCoj9N6DYXwuY/Reg0l8KqP0noNp/C7j9B6Ch/xSQ+3dAU/8uYPdvgMb+VUDvXwHN/Xn++WH3LwBBX/zU+xHO/Yizbz8CwbV/+Qx8StDWv/4VfEYQWg9W8TOC1v79m5AvCO1H2/gJQXv/+d+QKxD0X+8DTIGk/34j4glE/cU7IUsg6y/fijkCYX91LmAIpP31ycguEPc3Z0OrQN7fno5tAkV/dz9gEWj6+xsSvUDVT9wRaQW6fuqWTCdQ9pP3hBqBtp++KZUL1P3MXTG+evVzt+UygaGfnRdIBJZ+fmLSLjD1CyObVoGtX5oZtQmM/eLQqkVg7ZenZnWBuV8Z29UE9n5tblgWEPrVwWVJEChTz6gWBM7YN2oFgTT3jkpBYA3+o04QaJsPUSUIvNWPqBEE4u5LVAgCc/knygWBuv0UxYLAXf+KUkEg778JfvT3j9+XLbFMR3pfuEUznfkroNH5GYABGIAB+BdgAGxeFsHe0VjdAAAAAElFTkSuQmCC )
}
. table-field-noborder {
border : 0 px
}
. table-field-index {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 14 px ;
line-height : 1.14286 ;
width : 15 px
}
@ media ( min-width : 641px ) {
. table-field-index {
font-size : 16 px ;
line-height : 1.25
}
}
. table-field-index a : before {
content : '' ;
position : absolute ;
top : 0 ;
left : 0 ;
right : 0 ;
bottom : 0
}
. table-field-index a : focus : before {
background : #ffbf47 ;
z-index : -1
}
. table-field-right-aligned p ,
. table-field p {
margin : 0 0 5 px 0
}
. table-font-xsmall td . table-field-index {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 14 px ;
line-height : 1.14286
}
@ media ( min-width : 641px ) {
. table-font-xsmall td . table-field-index {
font-size : 16 px ;
line-height : 1.25
}
}
. table-field-headings th {
padding : 1 px
}
. table-field-headings-visible {
height : auto
}
. table-field-headings-visible th {
padding : .75 em 1.25 em .5625 em 0
}
. table-field-headings th ,
. table-field-headings-visible th {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25
}
@ media ( min-width : 641px ) {
. table-field-headings th ,
. table-field-headings-visible th {
font-size : 19 px ;
line-height : 1.31579
}
}
. dashboard-table . table-field-headings-first ,
. dashboard-table . table-field-headings-visible-first {
width : 52.5 %
}
. table-field-heading : last-child {
padding-right : 0
}
. table-field-heading-right-aligned {
display : block ;
text-align : right
}
. table-field-right-aligned {
text-align : right
}
. table-field-right-aligned a {
display : block ;
position : relative
}
. table-field-right-aligned a : before {
content : "" ;
display : block ;
position : absolute ;
top : -15 px ;
right : 0 ;
bottom : -11 px ;
left : -15 px ;
background : transparent
}
. table-field-right-aligned a : hover {
color : #2b8cc4
}
. table-field-right-aligned a : active ,
. table-field-right-aligned a : focus {
color : #0b0c0c
}
. table-field-right-aligned a : active : before ,
. table-field-right-aligned a : focus : before {
border-color : #ffbf47 ;
border-style : solid ;
border-width : 15 px 3 px 15 px 15 px ;
right : -3 px
}
. table-row-group {
border-top : 1 px solid #bfc1c3 ;
border-bottom : 1 px solid #bfc1c3
}
. table-empty-message {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 14 px ;
line-height : 1.14286 ;
color : #6f777b ;
border-bottom : 1 px solid #bfc1c3 ;
padding : 0.75 em 0 0.5625 em 0
}
@ media ( min-width : 641px ) {
. table-empty-message {
font-size : 16 px ;
line-height : 1.25
}
}
. table-show-more-link {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 14 px ;
line-height : 1.14286 ;
color : #6f777b ;
margin-bottom : 39.999 px ;
border-bottom : 1 px solid #bfc1c3 ;
padding : 10 px 0 10 px 0 ;
text-align : center
}
@ media ( min-width : 641px ) {
. table-show-more-link {
font-size : 16 px ;
line-height : 1.25
}
}
. table + . table-show-more-link {
margin-top : -30 px
}
a . table-show-more-link {
color : #005ea5
}
. table-no-data {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 14 px ;
line-height : 1.14286 ;
color : #6f777b ;
margin-top : 10 px ;
margin-bottom : 39.999 px ;
border-top : 1 px solid #bfc1c3 ;
border-bottom : 1 px solid #bfc1c3 ;
padding : 0.75 em 0 0.5625 em 0
}
@ media ( min-width : 641px ) {
. table-no-data {
font-size : 16 px ;
line-height : 1.25
}
}
. wide-left-hand-column {
display : block ;
max-width : 560 px ;
white-space : nowrap ;
overflow : hidden ;
text-overflow : ellipsis
}
. truncate-text {
white-space : nowrap ;
overflow : hidden ;
text-overflow : ellipsis
}
. navigation {
padding : 0 30 px 0 0
}
. navigation-service {
border-bottom : 1 px solid #bfc1c3 ;
margin : 0 0 10 px ;
position : relative ;
font-size : 0
}
. navigation-service-name {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25 ;
padding : 14 px 0 11 px 0 ;
display : inline-block ;
max-width : 50 % ;
overflow : hidden ;
white-space : nowrap ;
text-overflow : ellipsis
}
@ media ( min-width : 641px ) {
. navigation-service-name {
font-size : 19 px ;
line-height : 1.31579
}
}
. navigation-service-switch {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25 ;
text-decoration : none ;
text-align : right ;
position : absolute ;
top : 0 ;
right : 0 ;
padding : 14 px 0 11 px 15 px
}
@ media ( min-width : 641px ) {
. navigation-service-switch {
font-size : 19 px ;
line-height : 1.31579
}
}
. navigation-service-switch : hover {
color : #2b8cc4 ;
text-decoration : underline
}
. navigation-service-switch : focus {
outline : none ;
border-bottom : 1 px solid #ffbf47 ;
border-left : 10 px solid #ffbf47 ;
border-right : 3 px solid #ffbf47 ;
right : -3 px ;
color : #0b0c0c
}
. navigation-service-back-to {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25 ;
padding : 14 px 15 px 11 px 0 ;
display : inline-block ;
text-decoration : none
}
@ media ( min-width : 641px ) {
. navigation-service-back-to {
font-size : 19 px ;
line-height : 1.31579
}
}
. navigation-service-back-to : hover {
text-decoration : underline ;
color : #2b8cc4
}
2023-07-12 12:09:44 -04:00
. navigation-organization-link {
2022-07-20 15:23:54 -07:00
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25 ;
display : inline-block ;
max-width : 25 % ;
white-space : nowrap ;
overflow : hidden ;
text-overflow : ellipsis ;
font-weight : normal ;
text-decoration : none ;
padding : 14 px 20 px 11 px 0 ;
margin-right : 7 px ;
box-sizing : border-box ;
position : relative
}
@ media ( min-width : 641px ) {
2023-07-12 12:09:44 -04:00
. navigation-organization-link {
2022-07-20 15:23:54 -07:00
font-size : 19 px ;
line-height : 1.31579
}
}
2023-07-12 12:09:44 -04:00
. navigation-organization-link : before {
2022-07-20 15:23:54 -07:00
content : "" ;
display : block ;
position : absolute ;
top : -1 px ;
bottom : 1 px ;
right : 6 px ;
width : 7 px ;
height : 7 px ;
margin : auto 0 ;
-webkit- transform : rotate ( 45 deg );
-ms- transform : rotate ( 45 deg );
transform : rotate ( 45 deg );
border : solid ;
border-width : 1 px 1 px 0 0 ;
border-color : #6f777b
}
2023-07-12 12:09:44 -04:00
. navigation-organization-link : hover {
2022-07-20 15:23:54 -07:00
color : #2b8cc4 ;
text-decoration : underline
}
2023-07-12 12:09:44 -04:00
. navigation-organization-link : focus {
2022-07-20 15:23:54 -07:00
color : #0b0c0c ;
outline : none ;
box-shadow : 0 1 px 0 0 #ffbf47 , -3 px 0 0 0 #ffbf47 , -3 px 1 px 0 0 #ffbf47
}
. navigation li {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25 ;
margin : 0 ;
list-style-type : none
}
@ media ( min-width : 641px ) {
. navigation li {
font-size : 19 px ;
line-height : 1.31579
}
}
. navigation a {
display : block ;
padding : 5 px 0 ;
position : relative ;
top : 5 px
}
. navigation a : link ,
. navigation a : visited {
text-decoration : none
}
. navigation a : hover {
color : #2b8cc4 ;
text-decoration : underline
}
. navigation a : focus {
color : #0b0c0c
}
. navigation a . selected {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25 ;
position : relative ;
left : -0.5 px ;
letter-spacing : -0.01 em
}
@ media ( min-width : 641px ) {
. navigation a . selected {
font-size : 19 px ;
line-height : 1.31579
}
}
@ media ( min-width : 641px ) {
. sub-navigation {
margin-top : 45 px
}
}
. sub-navigation ol ,
. sub-navigation ul {
list-style : none ;
padding : 0 ;
margin : 0
}
. sub-navigation__item {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 14 px ;
line-height : 1.14286 ;
border-bottom : 1 px #dee0e2 solid ;
display : block ;
padding : 10 px 0
}
@ media ( min-width : 641px ) {
. sub-navigation__item {
font-size : 16 px ;
line-height : 1.25
}
}
. sub-navigation__item a : link {
text-decoration : none
}
. sub-navigation__item a : hover ,
. sub-navigation__item a : active {
text-decoration : underline
}
ol ol . sub-navigation__item {
padding-left : 30 px
}
. sub-navigation__item--active {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 14 px ;
line-height : 1.14286
}
@ media ( min-width : 641px ) {
. sub-navigation__item--active {
font-size : 16 px ;
line-height : 1.25
}
}
. sub-navigation__item--active a : link ,
. sub-navigation__item--active a : visited {
color : #0b0c0c
}
. big-number-dark ,
. big-number-smaller ,
. big-number-smallest ,
. big-number-with-status ,
. big-number {
display : block
}
. big-number-number {
font-family : "ntatabularnumbers" , "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 32 px ;
line-height : 1.09375 ;
display : block
}
@ media ( min-width : 641px ) {
. big-number-number {
font-size : 48 px ;
line-height : 1.04167
}
}
. big-number-label {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25 ;
display : inline-block ;
padding-bottom : 10 px
}
@ media ( min-width : 641px ) {
. big-number-label {
font-size : 19 px ;
line-height : 1.31579
}
}
. big-number-dark {
padding : 15 px ;
position : relative ;
background : #0b0c0c ;
color : #fff
}
. big-number-dark . big-number-number {
font-family : "ntatabularnumbers" , "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 24 px ;
line-height : 1.04167
}
@ media ( min-width : 641px ) {
. big-number-dark . big-number-number {
font-size : 36 px ;
line-height : 1.11111
}
}
. big-number-smaller . big-number-number {
font-family : "ntatabularnumbers" , "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 24 px ;
line-height : 1.04167
}
@ media ( min-width : 641px ) {
. big-number-smaller . big-number-number {
font-size : 36 px ;
line-height : 1.11111
}
}
. big-number-smallest . big-number-number {
font-family : "ntatabularnumbers" , "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 18 px ;
line-height : 1.2
}
@ media ( min-width : 641px ) {
. big-number-smallest . big-number-number {
font-size : 24 px ;
line-height : 1.25
}
}
. big-number-with-status {
position : relative ;
margin-bottom : 20 px
}
. big-number-with-status . big-number ,
. big-number-with-status . big-number-smaller {
padding : 15 px ;
position : relative ;
background : #0b0c0c ;
color : #fff
}
. big-number-with-status . big-number-label {
padding-bottom : 0
}
. big-number-with-status . big-number-label : link ,
. big-number-with-status . big-number-label : visited {
color : #005ea5
}
. big-number-with-status . big-number-link {
text-decoration : none ;
background : #005ea5 ;
color : #fff ;
display : block ;
border : 2 px solid #005ea5 ;
margin-bottom : 5 px
}
. big-number-with-status . big-number-link : hover {
color : #d5e8f3
}
. big-number-with-status . big-number-link : hover . big-number {
color : #d5e8f3
}
. big-number-with-status . big-number-link : active ,
. big-number-with-status . big-number-link : focus {
outline : 3 px solid #ffbf47
}
. big-number-with-status . big-number-link . big-number ,
. big-number-with-status . big-number-link . big-number-smaller {
background : transparent
}
. big-number-with-status . big-number-link . big-number-label {
text-decoration : underline
}
. big-number-with-status . big-number-status-failing ,
. big-number-with-status . big-number-status {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25 ;
display : block ;
background : #006435 ;
color : #fff ;
padding : 15 px
}
@ media ( min-width : 641px ) {
. big-number-with-status . big-number-status-failing ,
. big-number-with-status . big-number-status {
font-size : 19 px ;
line-height : 1.31579
}
}
. big-number-with-status . big-number-status-failing a : link ,
. big-number-with-status . big-number-status-failing a : visited ,
. big-number-with-status . big-number-status-failing a : active ,
. big-number-with-status . big-number-status-failing a : hover ,
. big-number-with-status . big-number-status a : link ,
. big-number-with-status . big-number-status a : visited ,
. big-number-with-status . big-number-status a : active ,
. big-number-with-status . big-number-status a : hover {
color : #fff ;
text-decoration : underline
}
. big-number-with-status . big-number-status-failing a : active ,
. big-number-with-status . big-number-status-failing a : focus ,
. big-number-with-status . big-number-status a : active ,
. big-number-with-status . big-number-status a : focus {
color : #0b0c0c ;
border-bottom : 1 px solid #0b0c0c
}
. big-number-with-status . big-number-status-failing {
background : #b10e1e
}
. big-number-meta-wrapper {
position : relative ;
margin : 15 px 0 30 px 0 ;
background : #005ea5
}
. big-number-meta-wrapper . big-number-meta {
padding : 10 px 15 px ;
color : #fff ;
pointer-events : none
}
@ media ( min-width : 769px ) {
. big-number-meta-wrapper . big-number-meta {
position : absolute ;
bottom : 7 px ;
right : 5 px ;
text-align : right
}
}
. banner-default-with-tick ,
. banner-dangerous ,
. banner-tour ,
. banner ,
. banner-default {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25 ;
color : #00823b ;
display : block ;
padding : 15 px ;
margin : 15 px 0 30 px 0 ;
text-align : left ;
position : relative ;
clear : both ;
border : 5 px solid #00823b
}
@ media ( min-width : 641px ) {
. banner-default-with-tick ,
. banner-dangerous ,
. banner-tour ,
. banner ,
. banner-default {
font-size : 19 px ;
line-height : 1.31579
}
}
. banner-title ,
. banner-default-title {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 18 px ;
line-height : 1.2
}
@ media ( min-width : 641px ) {
. banner-title ,
. banner-default-title {
font-size : 24 px ;
line-height : 1.25
}
}
. banner-default-with-tick p ,
. banner-dangerous p ,
. banner-tour p ,
. banner p ,
. banner-default p {
margin : 10 px 0 5 px 0
}
. banner-default-with-tick . list-bullet ,
. banner-dangerous . list-bullet ,
. banner-tour . list-bullet ,
. banner . list-bullet ,
. banner-default . list-bullet {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25 ;
padding-top : 2 px ;
padding-bottom : 8 px
}
@ media ( min-width : 641px ) {
. banner-default-with-tick . list-bullet ,
. banner-dangerous . list-bullet ,
. banner-tour . list-bullet ,
. banner . list-bullet ,
. banner-default . list-bullet {
font-size : 19 px ;
line-height : 1.31579
}
}
@ media ( min-width : 641px ) {
. banner-default-with-tick . list-bullet ,
. banner-dangerous . list-bullet ,
. banner-tour . list-bullet ,
. banner . list-bullet ,
. banner-default . list-bullet {
padding-top : 0 ;
padding-bottom : 5 px
}
}
. banner-default-with-tick ,
. banner-with-tick {
padding : 15 px 45 px ;
background-image : url ( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACpQTFRF6vXvLpleL5lfFYxL0ejcJpVY0uncQ6NuRKNvK5dcN51lEYpIAII7////Km646wAAAA50Uk5T/////////////////wBFwNzIAAAClElEQVR42uzayXrCMAyF0WtIoUP8/q9bZjJ4knSxNs66/f6zoDS2hOj8YAAGYAAGYAAGoFPme3IF4DAfJ0fApT/nBOjVzwnQrZ8RoF8/LUDHflKAnv2UAF37CQH69vcCdO7vBOjd3wrQvb8RoH9/LYBDfyWAR38pgEt/IYBP/y2AU/8lgFf/KYBb/yGAX/8ugGP/JoBn/yqAa3+ez/DtB8C5T/0MaPpMgKpPBOj6PICyTwNo+yyAuk8C6PscgKFPAVj6WcDpG136OcDpOB/Qo58BXPpzo8DYTwNu/TaBtZ8EPPotAnM/BXj16wJ7PwFY9GsCQn8PmI6rXykJGP0dYNMvCSj9LWDXzws4/Q0g0c8JSP01INlPC1j9FSDTTwlo/SUg298LeP0FoNDfCoj9N6DYXwuY/Reg0l8KqP0noNp/C7j9B6Ch/xSQ+3dAU/8uYPdvgMb+VUDvXwHN/Xn++WH3LwBBX/zU+xHO/Yizbz8CwbV/+Qx8StDWv/4VfEYQWg9W8TOC1v79m5AvCO1H2/gJQXv/+d+QKxD0X+8DTIGk/34j4glE/cU7IUsg6y/fijkCYX91LmAIpP31ycguEPc3Z0OrQN7fno5tAkV/dz9gEWj6+xsSvUDVT9wRaQW6fuqWTCdQ9pP3hBqBtp++KZUL1P3MXTG+evVzt+UygaGfnRdIBJZ+fmLSLjD1CyObVoGtX5oZtQmM/eLQqkVg7ZenZnWBuV8Z29UE9n5tblgWEPrVwWVJEChTz6gWBM7YN2oFgTT3jkpBYA3+o04QaJsPUSUIvNWPqBEE4u5LVAgCc/knygWBuv0UxYLAXf+KUkEg778JfvT3j9+XLbFMR3pfuEUznfkroNH5GYABGIAB+BdgAGxeFsHe0VjdAAAAAElFTkSuQmCC );
background-size : 19 px ;
background-repeat : no-repeat ;
background-position : 15 px 15 px
}
. banner-dangerous {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25 ;
background : #fff ;
color : #0b0c0c ;
border : 5 px solid #b10e1e ;
margin : 15 px 0 ;
text-align : left
}
@ media ( min-width : 641px ) {
. banner-dangerous {
font-size : 19 px ;
line-height : 1.31579
}
}
. banner-dangerous : focus {
outline : 3 px solid #ffbf47
}
. banner-dangerous . button {
background-color : #b10e1e ;
position : relative ;
display : -moz- inline - stack ;
display : inline-block ;
padding : .526315 em .789473 em .263157 em ;
border : none ;
-webkit- border-radius : 0 ;
-moz- border-radius : 0 ;
border-radius : 0 ;
outline : 1 px solid transparent ;
outline-offset : -1 px ;
-webkit- appearance : none ;
-webkit- box-shadow : 0 2 px 0 #6a0812 ;
-moz- box-shadow : 0 2 px 0 #6a0812 ;
box-shadow : 0 2 px 0 #6a0812 ;
font-size : 1 em ;
line-height : 1.25 ;
text-decoration : none ;
-webkit- font-smoothing : antialiased ;
cursor : pointer ;
color : #fff ;
margin-top : 10 px
}
. banner-dangerous . button : visited {
background-color : #b10e1e
}
. banner-dangerous . button : hover ,
. banner-dangerous . button : focus {
background-color : #990c1a
}
. banner-dangerous . button : active {
top : 2 px ;
-webkit- box-shadow : 0 0 0 #b10e1e ;
-moz- box-shadow : 0 0 0 #b10e1e ;
box-shadow : 0 0 0 #b10e1e
}
. banner-dangerous . button . disabled ,
. banner-dangerous . button [ disabled = "disabled" ],
. banner-dangerous . button [ disabled ] {
zoom : 1 ;
filter : alpha ( opacity = 50 );
opacity : .5
}
. banner-dangerous . button . disabled : hover ,
. banner-dangerous . button [ disabled = "disabled" ] : hover ,
. banner-dangerous . button [ disabled ] : hover {
cursor : default ;
background-color : #b10e1e
}
. banner-dangerous . button . disabled : active ,
. banner-dangerous . button [ disabled = "disabled" ] : active ,
. banner-dangerous . button [ disabled ] : active {
top : 0 ;
-webkit- box-shadow : 0 2 px 0 #6a0812 ;
-moz- box-shadow : 0 2 px 0 #6a0812 ;
box-shadow : 0 2 px 0 #6a0812
}
. banner-dangerous . button : link ,
. banner-dangerous . button : link : focus ,
. banner-dangerous . button : hover ,
. banner-dangerous . button : focus ,
. banner-dangerous . button : visited {
color : #fff
}
. banner-dangerous . button : before {
content : "" ;
height : 110 % ;
width : 100 % ;
display : block ;
background : transparent ;
position : absolute ;
top : 0 ;
left : 0
}
. banner-dangerous . button : active : before {
top : -10 % ;
height : 120 %
}
. banner-dangerous a : link ,
. banner-dangerous a : visited {
color : #b10e1e
}
. banner-dangerous a : hover {
color : #df3034
}
. banner-dangerous . list {
margin-bottom : 0
}
. banner-tour {
background : #005ea5 ;
color : #fff ;
margin-top : 10 px ;
margin-bottom : 0 ;
padding : 30 px ;
height : 425 px ;
overflow : hidden ;
box-shadow : inset 0 -1 em 1.6 em 0 rgba ( 0 , 0 , 0 , 0.05 );
border : 0
}
. banner-tour . heading-medium {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 18 px ;
line-height : 1.2
}
@ media ( min-width : 641px ) {
. banner-tour . heading-medium {
font-size : 24 px ;
line-height : 1.25
}
}
. banner-tour p {
margin-top : 0 ;
margin-bottom : 30 px
}
. banner-tour p : last-child {
margin-bottom : 0
}
. banner-tour p + p {
margin-top : -15 px
}
. banner-tour a {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25 ;
display : block ;
padding : 0 ;
margin : 0 0 30 px 0
}
@ media ( min-width : 641px ) {
. banner-tour a {
font-size : 19 px ;
line-height : 1.31579
}
}
. banner-tour a : link ,
. banner-tour a : visited {
color : #fff
}
. banner-tour a : hover ,
. banner-tour a : active {
background-color : #2b8cc4 ;
outline : 10 px solid #2b8cc4
}
. banner-tour a : active ,
. banner-tour a : focus {
background-color : #ffbf47 ;
outline : 10 px solid #ffbf47
}
. banner-tour . greyed-out-step {
opacity : 0.6
}
. textbox-highlight-wrapper {
position : relative
}
. textbox-highlight-textbox {
resize : none ;
z-index : 20 ;
background : none
}
. textbox-highlight-textbox ,
. textbox-highlight-background ,
. textbox-highlight-foreground ,
. textbox-highlight-mask {
font-size : 19 px ;
display : block ;
box-sizing : border-box ;
position : relative ;
margin : 0 ;
padding : 4 px ;
overflow : hidden ;
line-height : 1.6
}
. textbox-highlight-background {
position : absolute ;
top : 0 ;
left : 0 ;
pointer-events : none ;
color : transparent ;
white-space : pre-wrap ;
overflow-wrap : break-word ;
word-wrap : break-word ;
border : 2 px solid transparent ;
padding-bottom : 15 px ;
z-index : 10
}
. textbox-highlight-background . placeholder ,
. textbox-highlight-background . placeholder-conditional {
color : transparent
}
. textbox-help-link {
margin : 10 px 0 0 0
}
. textbox-right-aligned {
text-align : right
}
. extra-tracking . form-control {
font-family : "ntatabularnumbers" , "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25 ;
padding-left : 5 px ;
letter-spacing : 0.04 em
}
@ media ( min-width : 641px ) {
. extra-tracking . form-control {
font-size : 19 px ;
line-height : 1.31579
}
}
@ media ( min-width : 769px ) {
. textbox-colour-preview {
width : 38 px ;
height : 38 px ;
margin-left : 5 px ;
border-radius : 50 % ;
box-shadow : inset 0 0 0 1 px rgba ( 11 , 12 , 12 , 0.2 );
display : inline-block ;
vertical-align : top ;
transition : background 0.3 s ease-out
}
}
. js-enabled . file-upload-label {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25 ;
display : block ;
margin : 0 0 10 px 0
}
@ media ( min-width : 641px ) {
. js-enabled . file-upload-label {
font-size : 19 px ;
line-height : 1.31579
}
}
. js-enabled . file-upload-label . error-message {
padding : 0
}
. js-enabled . file-upload-field {
width : 0.1 px ;
height : 0.1 px ;
opacity : 0 ;
overflow : hidden ;
position : absolute ;
z-index : -1
}
. js-enabled . file-upload-field : focus + . file-upload-button {
outline : 3 px solid #ffbf47
}
. js-enabled . file-upload-button {
background-color : #00823b ;
position : relative ;
display : -moz- inline - stack ;
display : inline-block ;
padding : .526315 em .789473 em .263157 em ;
border : none ;
-webkit- border-radius : 0 ;
-moz- border-radius : 0 ;
border-radius : 0 ;
outline : 1 px solid transparent ;
outline-offset : -1 px ;
-webkit- appearance : none ;
-webkit- box-shadow : 0 2 px 0 #003618 ;
-moz- box-shadow : 0 2 px 0 #003618 ;
box-shadow : 0 2 px 0 #003618 ;
font-size : 1 em ;
line-height : 1.25 ;
text-decoration : none ;
-webkit- font-smoothing : antialiased ;
cursor : pointer ;
color : #fff ;
display : inline-block ;
margin-right : 5 px
}
. js-enabled . file-upload-button : visited {
background-color : #00823b
}
. js-enabled . file-upload-button : hover ,
. js-enabled . file-upload-button : focus {
background-color : #00692f
}
. js-enabled . file-upload-button : active {
top : 2 px ;
-webkit- box-shadow : 0 0 0 #00823b ;
-moz- box-shadow : 0 0 0 #00823b ;
box-shadow : 0 0 0 #00823b
}
. js-enabled . file-upload-button . disabled ,
. js-enabled . file-upload-button [ disabled = "disabled" ],
. js-enabled . file-upload-button [ disabled ] {
zoom : 1 ;
filter : alpha ( opacity = 50 );
opacity : .5
}
. js-enabled . file-upload-button . disabled : hover ,
. js-enabled . file-upload-button [ disabled = "disabled" ] : hover ,
. js-enabled . file-upload-button [ disabled ] : hover {
cursor : default ;
background-color : #00823b
}
. js-enabled . file-upload-button . disabled : active ,
. js-enabled . file-upload-button [ disabled = "disabled" ] : active ,
. js-enabled . file-upload-button [ disabled ] : active {
top : 0 ;
-webkit- box-shadow : 0 2 px 0 #003618 ;
-moz- box-shadow : 0 2 px 0 #003618 ;
box-shadow : 0 2 px 0 #003618
}
. js-enabled . file-upload-button : link ,
. js-enabled . file-upload-button : link : focus ,
. js-enabled . file-upload-button : hover ,
. js-enabled . file-upload-button : focus ,
. js-enabled . file-upload-button : visited {
color : #fff
}
. js-enabled . file-upload-button : before {
content : "" ;
height : 110 % ;
width : 100 % ;
display : block ;
background : transparent ;
position : absolute ;
top : 0 ;
left : 0
}
. js-enabled . file-upload-button : active : before {
top : -10 % ;
height : 120 %
}
. js-enabled . file-upload-button-cancel {
background-color : #b10e1e ;
position : relative ;
display : -moz- inline - stack ;
display : inline-block ;
padding : .526315 em .789473 em .263157 em ;
border : none ;
-webkit- border-radius : 0 ;
-moz- border-radius : 0 ;
border-radius : 0 ;
outline : 1 px solid transparent ;
outline-offset : -1 px ;
-webkit- appearance : none ;
-webkit- box-shadow : 0 2 px 0 #6a0812 ;
-moz- box-shadow : 0 2 px 0 #6a0812 ;
box-shadow : 0 2 px 0 #6a0812 ;
font-size : 1 em ;
line-height : 1.25 ;
text-decoration : none ;
-webkit- font-smoothing : antialiased ;
cursor : pointer ;
color : #fff ;
display : inline-block ;
margin-right : 5 px
}
. js-enabled . file-upload-button-cancel : visited {
background-color : #b10e1e
}
. js-enabled . file-upload-button-cancel : hover ,
. js-enabled . file-upload-button-cancel : focus {
background-color : #990c1a
}
. js-enabled . file-upload-button-cancel : active {
top : 2 px ;
-webkit- box-shadow : 0 0 0 #b10e1e ;
-moz- box-shadow : 0 0 0 #b10e1e ;
box-shadow : 0 0 0 #b10e1e
}
. js-enabled . file-upload-button-cancel . disabled ,
. js-enabled . file-upload-button-cancel [ disabled = "disabled" ],
. js-enabled . file-upload-button-cancel [ disabled ] {
zoom : 1 ;
filter : alpha ( opacity = 50 );
opacity : .5
}
. js-enabled . file-upload-button-cancel . disabled : hover ,
. js-enabled . file-upload-button-cancel [ disabled = "disabled" ] : hover ,
. js-enabled . file-upload-button-cancel [ disabled ] : hover {
cursor : default ;
background-color : #b10e1e
}
. js-enabled . file-upload-button-cancel . disabled : active ,
. js-enabled . file-upload-button-cancel [ disabled = "disabled" ] : active ,
. js-enabled . file-upload-button-cancel [ disabled ] : active {
top : 0 ;
-webkit- box-shadow : 0 2 px 0 #6a0812 ;
-moz- box-shadow : 0 2 px 0 #6a0812 ;
box-shadow : 0 2 px 0 #6a0812
}
. js-enabled . file-upload-button-cancel : link ,
. js-enabled . file-upload-button-cancel : link : focus ,
. js-enabled . file-upload-button-cancel : hover ,
. js-enabled . file-upload-button-cancel : focus ,
. js-enabled . file-upload-button-cancel : visited {
color : #fff
}
. js-enabled . file-upload-button-cancel : before {
content : "" ;
height : 110 % ;
width : 100 % ;
display : block ;
background : transparent ;
position : absolute ;
top : 0 ;
left : 0
}
. js-enabled . file-upload-button-cancel : active : before {
top : -10 % ;
height : 120 %
}
. js-enabled . file-upload-filename {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25 ;
display : inline-block ;
padding-left : 15 px
}
@ media ( min-width : 641px ) {
. js-enabled . file-upload-filename {
font-size : 19 px ;
line-height : 1.31579
}
}
. js-enabled . file-upload-submit {
display : none
}
. js-enabled . file-upload-alternate-link {
display : inline-block ;
line-height : 35 px
}
. js-enabled . file-upload-alternate-link a {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25
}
@ media ( min-width : 641px ) {
. js-enabled . file-upload-alternate-link a {
font-size : 19 px ;
line-height : 1.31579
}
}
. browse-list {
margin-bottom : 15 px
}
. browse-list . browse-sub-list {
margin-top : 15 px ;
margin-left : 30 px
}
@ media ( min-width : 769px ) {
. browse-list . browse-sub-list {
margin-left : 60 px
}
}
. browse-list-item ,
. browse-list-sub-item {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 18 px ;
line-height : 1.2 ;
list-style : none ;
margin-bottom : 15 px
}
@ media ( min-width : 641px ) {
. browse-list-item ,
. browse-list-sub-item {
font-size : 24 px ;
line-height : 1.25
}
}
. browse-list-link {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 18 px ;
line-height : 1.2
}
@ media ( min-width : 641px ) {
. browse-list-link {
font-size : 24 px ;
line-height : 1.25
}
}
. browse-list-link-destructive {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 18 px ;
line-height : 1.2 ;
color : #b10e1e
}
@ media ( min-width : 641px ) {
. browse-list-link-destructive {
font-size : 24 px ;
line-height : 1.25
}
}
. browse-list-link-destructive : visited ,
. browse-list-link-destructive : link {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 18 px ;
line-height : 1.2 ;
color : #b10e1e
}
@ media ( min-width : 641px ) {
. browse-list-link-destructive : visited ,
. browse-list-link-destructive : link {
font-size : 24 px ;
line-height : 1.25
}
}
. browse-list-link-destructive : hover {
color : #df3034
}
. browse-list-hint {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25 ;
margin : 5 px 0 10 px 0 ;
color : #6f777b
}
@ media ( min-width : 641px ) {
. browse-list-hint {
font-size : 19 px ;
line-height : 1.31579
}
}
. email-message {
margin-bottom : 30 px ;
border : 1 px solid #bfc1c3
}
. email-message-meta {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25 ;
margin : 0
}
@ media ( min-width : 641px ) {
. email-message-meta {
font-size : 19 px ;
line-height : 1.31579
}
}
. email-message-meta td ,
. email-message-meta th {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25 ;
border-top : 0 ;
border-bottom : 1 px solid #bfc1c3 ;
vertical-align : top
}
@ media ( min-width : 641px ) {
. email-message-meta td ,
. email-message-meta th {
font-size : 19 px ;
line-height : 1.31579
}
}
. email-message-meta th {
color : #6f777b ;
padding-left : 60 px
}
. email-message-meta td {
width : 99 % ;
padding-right : 60 px ;
word-break : break-word
}
. email-message-meta td : last-child {
padding-right : 60 px
}
. email-message-from {
padding-top : 15 px
}
. email-message-body {
width : 100 % ;
box-sizing : border-box ;
padding : 15 px 60 px 0 60 px ;
margin : 0 0 0 0 ;
clear : both ;
position : relative ;
word-wrap : break-word
}
. email-message-body table {
margin : 0 0 20 px 0
}
. email-message-body table td {
border : 0 ;
padding : 0 ;
font-family : inherit !important
}
. email-message-body table li : first-child {
margin-top : 0 !important
}
. api-key {
position : relative ;
padding-bottom : 38 px ;
display : flex
}
. api-key-name {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25 ;
margin-bottom : 5 px
}
@ media ( min-width : 641px ) {
. api-key-name {
font-size : 19 px ;
line-height : 1.31579
}
}
. api-key-key {
font-family : monospace ;
display : block ;
padding : 0 0 10 px 0 ;
margin : auto 0
}
. api-key-button-show ,
. api-key-button-copy {
background-color : #dee0e2 ;
position : relative ;
display : -moz- inline - stack ;
display : inline-block ;
padding : .526315 em .789473 em .263157 em ;
border : none ;
-webkit- border-radius : 0 ;
-moz- border-radius : 0 ;
border-radius : 0 ;
outline : 1 px solid transparent ;
outline-offset : -1 px ;
-webkit- appearance : none ;
-webkit- box-shadow : 0 2 px 0 #b5babe ;
-moz- box-shadow : 0 2 px 0 #b5babe ;
box-shadow : 0 2 px 0 #b5babe ;
font-size : 1 em ;
line-height : 1.25 ;
text-decoration : none ;
-webkit- font-smoothing : antialiased ;
cursor : pointer ;
color : #0b0c0c ;
position : absolute ;
bottom : 2 px
}
. api-key-button-show : visited ,
. api-key-button-copy : visited {
background-color : #dee0e2
}
. api-key-button-show : hover ,
. api-key-button-show : focus ,
. api-key-button-copy : hover ,
. api-key-button-copy : focus {
background-color : #d0d3d6
}
. api-key-button-show : active ,
. api-key-button-copy : active {
top : 2 px ;
-webkit- box-shadow : 0 0 0 #dee0e2 ;
-moz- box-shadow : 0 0 0 #dee0e2 ;
box-shadow : 0 0 0 #dee0e2
}
. api-key-button-show . disabled ,
. api-key-button-show [ disabled = "disabled" ],
. api-key-button-show [ disabled ],
. api-key-button-copy . disabled ,
. api-key-button-copy [ disabled = "disabled" ],
. api-key-button-copy [ disabled ] {
zoom : 1 ;
filter : alpha ( opacity = 50 );
opacity : .5
}
. api-key-button-show . disabled : hover ,
. api-key-button-show [ disabled = "disabled" ] : hover ,
. api-key-button-show [ disabled ] : hover ,
. api-key-button-copy . disabled : hover ,
. api-key-button-copy [ disabled = "disabled" ] : hover ,
. api-key-button-copy [ disabled ] : hover {
cursor : default ;
background-color : #dee0e2
}
. api-key-button-show . disabled : active ,
. api-key-button-show [ disabled = "disabled" ] : active ,
. api-key-button-show [ disabled ] : active ,
. api-key-button-copy . disabled : active ,
. api-key-button-copy [ disabled = "disabled" ] : active ,
. api-key-button-copy [ disabled ] : active {
top : 0 ;
-webkit- box-shadow : 0 2 px 0 #b5babe ;
-moz- box-shadow : 0 2 px 0 #b5babe ;
box-shadow : 0 2 px 0 #b5babe
}
. api-key-button-show : link ,
. api-key-button-show : link : focus ,
. api-key-button-show : hover ,
. api-key-button-show : focus ,
. api-key-button-show : visited ,
. api-key-button-copy : link ,
. api-key-button-copy : link : focus ,
. api-key-button-copy : hover ,
. api-key-button-copy : focus ,
. api-key-button-copy : visited {
color : #0b0c0c
}
. api-key-button-show : before ,
. api-key-button-copy : before {
content : "" ;
height : 110 % ;
width : 100 % ;
display : block ;
background : transparent ;
position : absolute ;
top : 0 ;
left : 0
}
. api-key-button-show : active : before ,
. api-key-button-copy : active : before {
top : -10 % ;
height : 120 %
}
. api-key-button-show : active ,
. api-key-button-copy : active {
top : auto
}
. govuk-previous-and-next-navigation {
display : block ;
margin-top : 30 px ;
margin-bottom : 30 px ;
margin-left : -15 px ;
margin-right : -15 px
}
. govuk-previous-and-next-navigation ul {
margin : 0 ;
padding : 0
}
. govuk-previous-and-next-navigation li {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 14 px ;
line-height : 1.14286 ;
float : left ;
list-style : none ;
text-align : right ;
margin : 0 ;
padding : 0 ;
width : 50 %
}
@ media ( min-width : 641px ) {
. govuk-previous-and-next-navigation li {
font-size : 16 px ;
line-height : 1.25
}
}
. govuk-previous-and-next-navigation li a {
display : block ;
padding : 15 px ;
text-decoration : none
}
. govuk-previous-and-next-navigation li a : visited {
color : #005ea5
}
. govuk-previous-and-next-navigation li a : hover ,
. govuk-previous-and-next-navigation li a : active {
background-color : #f8f8f8
}
. govuk-previous-and-next-navigation li a . pagination-part-title {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 20 px ;
line-height : 1.11111 ;
display : block
}
@ media ( min-width : 641px ) {
. govuk-previous-and-next-navigation li a . pagination-part-title {
font-size : 27 px ;
line-height : 1.25
}
}
. govuk-previous-and-next-navigation . previous-page {
float : left ;
text-align : left
}
. govuk-previous-and-next-navigation . next-page {
float : right ;
text-align : right
}
@ media ( max-width : 640px ) {
. govuk-previous-and-next-navigation . previous-page ,
. govuk-previous-and-next-navigation . next-page {
float : none ;
width : 100 %
}
. govuk-previous-and-next-navigation . next-page a {
text-align : right
}
}
. govuk-previous-and-next-navigation . pagination-icon {
display : inline-block ;
margin-bottom : 1 px ;
height : .482 em ;
width : .63 em
}
. govuk-previous-and-next-navigation . pagination-label {
display : inline-block ;
margin-top : 0.1 em ;
text-decoration : underline
}
. govuk-previous-and-next-navigation . pagination-label : empty {
display : none
}
. radio-select {
min-height : 39 px
}
. radio-select-column {
display : inline-block ;
vertical-align : top
}
. radio-select-column . multiple-choice {
padding-right : 10 px ;
padding-left : 44 px
}
. radio-select . js-done-button ,
. radio-select . js-category-button ,
. radio-select . js-reset-button {
background-color : #dee0e2 ;
position : relative ;
display : -moz- inline - stack ;
display : inline-block ;
padding : .526315 em .789473 em .263157 em ;
border : none ;
-webkit- border-radius : 0 ;
-moz- border-radius : 0 ;
border-radius : 0 ;
outline : 1 px solid transparent ;
outline-offset : -1 px ;
-webkit- appearance : none ;
-webkit- box-shadow : 0 2 px 0 #b5babe ;
-moz- box-shadow : 0 2 px 0 #b5babe ;
box-shadow : 0 2 px 0 #b5babe ;
font-size : 1 em ;
line-height : 1.25 ;
text-decoration : none ;
-webkit- font-smoothing : antialiased ;
cursor : pointer ;
color : #0b0c0c ;
margin-right : 15 px
}
. radio-select . js-done-button : visited ,
. radio-select . js-category-button : visited ,
. radio-select . js-reset-button : visited {
background-color : #dee0e2
}
. radio-select . js-done-button : hover ,
. radio-select . js-done-button : focus ,
. radio-select . js-category-button : hover ,
. radio-select . js-category-button : focus ,
. radio-select . js-reset-button : hover ,
. radio-select . js-reset-button : focus {
background-color : #d0d3d6
}
. radio-select . js-done-button : active ,
. radio-select . js-category-button : active ,
. radio-select . js-reset-button : active {
top : 2 px ;
-webkit- box-shadow : 0 0 0 #dee0e2 ;
-moz- box-shadow : 0 0 0 #dee0e2 ;
box-shadow : 0 0 0 #dee0e2
}
. radio-select . js-done-button . disabled ,
. radio-select . js-done-button [ disabled = "disabled" ],
. radio-select . js-done-button [ disabled ],
. radio-select . js-category-button . disabled ,
. radio-select . js-category-button [ disabled = "disabled" ],
. radio-select . js-category-button [ disabled ],
. radio-select . js-reset-button . disabled ,
. radio-select . js-reset-button [ disabled = "disabled" ],
. radio-select . js-reset-button [ disabled ] {
zoom : 1 ;
filter : alpha ( opacity = 50 );
opacity : .5
}
. radio-select . js-done-button . disabled : hover ,
. radio-select . js-done-button [ disabled = "disabled" ] : hover ,
. radio-select . js-done-button [ disabled ] : hover ,
. radio-select . js-category-button . disabled : hover ,
. radio-select . js-category-button [ disabled = "disabled" ] : hover ,
. radio-select . js-category-button [ disabled ] : hover ,
. radio-select . js-reset-button . disabled : hover ,
. radio-select . js-reset-button [ disabled = "disabled" ] : hover ,
. radio-select . js-reset-button [ disabled ] : hover {
cursor : default ;
background-color : #dee0e2
}
. radio-select . js-done-button . disabled : active ,
. radio-select . js-done-button [ disabled = "disabled" ] : active ,
. radio-select . js-done-button [ disabled ] : active ,
. radio-select . js-category-button . disabled : active ,
. radio-select . js-category-button [ disabled = "disabled" ] : active ,
. radio-select . js-category-button [ disabled ] : active ,
. radio-select . js-reset-button . disabled : active ,
. radio-select . js-reset-button [ disabled = "disabled" ] : active ,
. radio-select . js-reset-button [ disabled ] : active {
top : 0 ;
-webkit- box-shadow : 0 2 px 0 #b5babe ;
-moz- box-shadow : 0 2 px 0 #b5babe ;
box-shadow : 0 2 px 0 #b5babe
}
. radio-select . js-done-button : link ,
. radio-select . js-done-button : link : focus ,
. radio-select . js-done-button : hover ,
. radio-select . js-done-button : focus ,
. radio-select . js-done-button : visited ,
. radio-select . js-category-button : link ,
. radio-select . js-category-button : link : focus ,
. radio-select . js-category-button : hover ,
. radio-select . js-category-button : focus ,
. radio-select . js-category-button : visited ,
. radio-select . js-reset-button : link ,
. radio-select . js-reset-button : link : focus ,
. radio-select . js-reset-button : hover ,
. radio-select . js-reset-button : focus ,
. radio-select . js-reset-button : visited {
color : #0b0c0c
}
. radio-select . js-done-button : before ,
. radio-select . js-category-button : before ,
. radio-select . js-reset-button : before {
content : "" ;
height : 110 % ;
width : 100 % ;
display : block ;
background : transparent ;
position : absolute ;
top : 0 ;
left : 0
}
. radio-select . js-done-button : active : before ,
. radio-select . js-category-button : active : before ,
. radio-select . js-reset-button : active : before {
top : -10 % ;
height : 120 %
}
. radio-select . js-done-button-block {
display : block ;
clear : both ;
margin : 0 0 30 px 0 ;
position : relative ;
top : 15 px
}
. radio-select . js-done-button-block : active {
top : 17 px
}
. js-enabled . radio-select {
overflow : visible
}
. js-enabled . radio-select . multiple-choice {
display : none
}
. js-enabled . radio-select . js-multiple-choice {
display : block
}
. radios-nested {
margin-bottom : 10 px
}
. radios-nested . multiple-choice {
float : none ;
position : relative
}
. radios-nested . multiple-choice : before {
content : "" ;
position : absolute ;
bottom : 0 ;
left : 17.5 px ;
width : 4 px ;
height : 100 % ;
background : #bfc1c3
}
. radios-nested . multiple-choice label {
float : none
}
. radios-nested . multiple-choice [ type = radio ]+ label :: before {
background : #fff
}
. radios-nested . multiple-choice ul {
margin-top : 5 px ;
margin-bottom : -5 px ;
padding-left : 12 px
}
. radios-nested . multiple-choice . block-label-hint : after {
content : "" ;
position : absolute ;
top : 44 px ;
left : 17.5 px ;
width : 4 px ;
height : 25 px ;
background : #bfc1c3
}
. selection-summary . selection-summary__text {
font-family : "ntatabularnumbers" , "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25 ;
padding : 5 px 0 0 0 ;
margin-bottom : 15 px
}
@ media ( min-width : 641px ) {
. selection-summary . selection-summary__text {
font-size : 19 px ;
line-height : 1.31579
}
}
. selection-summary . selection-summary__text : focus {
outline : none
}
. selection-summary . selection-summary__text--folders {
padding : 10 px 15 px 5 px 51 px ;
background-image : url ( data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAyMCIgd2lkdGg9IjI2IiBoZWlnaHQ9IjIwIj48cG9seWdvbiBmaWxsPSIjREVFMEUyIiBwb2ludHM9IjEsMTkuMSAxLDEgOS44LDEgMTEuMyw1IDI1LDUgMjUsMTkuMSIvPjxwYXRoIGZpbGw9IjBCMEMwQyIgZD0iTTkuMiwxLjlsMSwyLjhsMC41LDEuMkgxMmgxMi4xdjEyLjJIMS45di0xMVY1LjJWMS45SDkuMiBNMTAuNSwwaC0wLjJIMHY1LjJ2MS45VjIwaDI2VjRIMTJMMTAuNSwwTDEwLjUsMHoiLz48L3N2Zz4K );
background-repeat : no-repeat ;
background-size : 39 px auto ;
background-position : 0 px 4 px
}
. selection-summary . button {
display : inline-block ;
width : auto ;
position : relative ;
top : 1 px
}
. checkboxes-nested {
margin-bottom : 10 px
}
. checkboxes-nested . multiple-choice {
float : none ;
position : relative
}
. checkboxes-nested . multiple-choice : before {
content : "" ;
position : absolute ;
bottom : 0 ;
left : 17.5 px ;
width : 4 px ;
height : 100 % ;
background : #bfc1c3
}
. checkboxes-nested . multiple-choice label {
float : none
}
. checkboxes-nested . multiple-choice [ type = checkbox ]+ label :: before {
background : #fff
}
. checkboxes-nested . multiple-choice ul {
margin-top : 5 px ;
margin-bottom : -5 px ;
padding-left : 12 px
}
. selection-content {
margin-bottom : 20 px
}
. selection-content . checkboxes-nested {
margin-bottom : 0
}
. selection-footer {
clear : both
}
. selection-footer . button-secondary {
display : inline-block ;
width : auto
}
. selection-wrapper fieldset : focus {
outline : none
}
. pill {
display : flex
}
. pill li {
width : 25 % ;
flex-grow : 1 ;
text-align : left ;
float : left
}
. pill a ,
. pill-selected-item {
display : block ;
float : left ;
box-sizing : border-box ;
width : 100 % ;
padding : 10 px
}
. pill a {
background : #005ea5 ;
color : #fff ;
border : 2 px solid #005ea5 ;
position : relative ;
text-decoration : none ;
cursor : pointer
}
. pill a . pill-label {
text-decoration : underline
}
. pill a : link ,
. pill a : visited {
color : #fff
}
. pill a : hover {
color : #d5e8f3
}
. pill a : active ,
. pill a : focus {
z-index : 10
}
. pill-selected-item {
border : 2 px solid #0b0c0c ;
outline : 1 px solid rgba ( 255 , 255 , 255 , 0.1 );
position : relative ;
z-index : 10 ;
color : #0b0c0c
}
. pill-selected-item : focus {
z-index : 1000 ;
outline : 3 px solid #ffbf47
}
. pill-centered-item {
text-align : center
}
. pill-separate-item {
display : block ;
text-align : left ;
padding : 10 px 15 px ;
text-align : center
}
. pill-separate-item : link ,
. pill-separate-item : visited {
background : #005ea5 ;
color : #fff ;
text-decoration : underline
}
. pill-separate-item : hover ,
. pill-separate-item : focus ,
. pill-separate-item : link : focus {
color : #d5e8f3
}
. show-more-empty ,
. show-more {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 14 px ;
line-height : 1.14286 ;
display : block ;
padding : 0 0 ;
margin : 15 px 0 30 px 0 ;
text-align : center ;
border-top : 1 px solid #bfc1c3
}
@ media ( min-width : 641px ) {
. show-more-empty ,
. show-more {
font-size : 16 px ;
line-height : 1.25
}
}
. show-more-empty : focus ,
. show-more : focus {
outline : none ;
color : #0b0c0c ;
box-shadow : 0 -10 px 0 0 #ffbf47 ;
border-color : #ffbf47
}
. show-more-empty : focus span ,
. show-more : focus span {
background : #ffbf47 ;
outline : none ;
border-color : #0b0c0c
}
. show-more-empty span ,
. show-more span {
position : relative ;
top : -11 px ;
outline : 10 px solid white ;
background : #fff ;
display : inline-block ;
border-bottom : 1 px solid #2b8cc4
}
. show-more-empty {
margin-top : -10 px
}
. message-name {
font-family : "nta" , Arial , sans-serif ;
font-weight : 700 ;
text-transform : none ;
font-size : 18 px ;
line-height : 1.2 ;
margin : 0
}
@ media ( min-width : 641px ) {
. message-name {
font-size : 24 px ;
line-height : 1.25
}
}
. message-name a {
margin-bottom : -30 px ;
padding-bottom : 30 px
}
. message-name a : hover {
color : #2b8cc4
}
. message-name a : hover . message-name-separator : before {
border-color : #2b8cc4
}
. message-name a : focus {
outline : none ;
box-shadow : 0 0 0 3 px #ffbf47
}
. message-name a . message-name-separator {
margin-right : -2 px ;
margin-left : -2 px
}
. message-name a . message-name-separator : before {
border-color : #005ea5
}
. message-name-separator {
display : inline-block ;
vertical-align : top ;
width : 20 px ;
height : 30 px ;
position : relative
}
. message-name-separator : before {
content : "" ;
display : block ;
position : absolute ;
top : -5 px ;
bottom : 1 px ;
right : 7 px ;
width : 9 px ;
height : 9 px ;
margin : auto 0 ;
-webkit- transform : rotate ( 45 deg );
-ms- transform : rotate ( 45 deg );
transform : rotate ( 45 deg );
border : solid ;
border-width : 2 px 2 px 0 0 ;
border-color : #6f777b
}
. message-type {
color : #6f777b ;
margin : 0 0 20 px 0 ;
pointer-events : none
}
# template-list {
margin-top : 30 px
}
# template-list . top-gutter-5px {
margin-top : 5 px
}
. template-list-item-with-checkbox {
position : relative ;
padding-left : 60 px
}
. template-list-item-with-checkbox . multiple-choice {
position : absolute ;
left : 0
}
. template-list-item-hidden-by-default {
display : none
}
. template-list-item-without-ancestors . message-name a {
display : block
}
. template-list-item-without-ancestors . message-name a : first-child {
display : block
}
. template-list-item-without-ancestors . message-name a . template-list-folder : first-child {
background-position : 0 2 px ;
padding-left : 0 ;
text-indent : 40 px
}
. template-list-folder {
display : inline ;
padding-left : 40 px ;
background-image : url ( data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI2IDIwIj48cGF0aCBmaWxsPSIjZGVlMGUyIiBkPSJNMS4yIDE4LjhWMS4zaDguNGwxLjUgNGgxMy43djEzLjV6Ii8+PHBhdGggZD0iTTguOCAyLjVsLjkgMi40LjYgMS42aDEzLjJ2MTFoLTIxdi0xNWg2LjNNMTAuNSAwSDB2MjBoMjZWNEgxMmwtMS41LTR6IiBmaWxsPSIjMDA1ZWE1Ii8+PC9zdmc+Cg== );
background-repeat : no-repeat ;
background-size : auto 20 px ;
background-position : 0 px 4 px
}
. template-list-folder : hover {
background-image : url ( data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI2IDIwIj48cGF0aCBmaWxsPSIjZGVlMGUyIiBkPSJNMS4yIDE4LjhWMS4zaDguNGwxLjUgNGgxMy43djEzLjV6Ii8+PHBhdGggZD0iTTguOCAyLjVsLjkgMi40LjYgMS42aDEzLjJ2MTFoLTIxdi0xNWg2LjNNMTAuNSAwSDB2MjBoMjZWNEgxMmwtMS41LTR6IiBmaWxsPSIjMkI4Q0M0Ii8+PC9zdmc+Cg== )
}
. template-list-template a {
display : inline
}
. template-list-empty {
color : #6f777b ;
padding : 15 px 0 10 px 0
}
. template-list-selected-counter {
color : #6f777b ;
margin : 15 px 0
}
@ media ( min-width : 641px ) {
. template-list-selected-counter {
position : absolute ;
right : 0 ;
top : 29 px ;
margin : 0
}
}
. content-fixed . template-list-selected-counter {
right : 15 px
}
. grid-row . folder-heading {
margin : 15 px 0 20 px 0 ;
word-wrap : break-word
}
. folder-heading a ,
. folder-heading-folder ,
. folder-heading-subfolder {
display : inline ;
vertical-align : top ;
background-repeat : no-repeat ;
background-size : auto 20 px ;
background-position : 0 px 4 px ;
min-height : 30 px
}
. folder-heading-folder {
padding : 0 0 0 40 px ;
background-image : url ( data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI2IDIwIj48cGF0aCBmaWxsPSIjZGVlMGUyIiBkPSJNMS4yIDE4LjhWMS4zaDguNGwxLjUgNGgxMy43djEzLjV6Ii8+PHBhdGggZD0iTTguOCAyLjVsLjkgMi40LjYgMS42aDEzLjJ2MTFoLTIxdi0xNWg2LjNNMTAuNSAwSDB2MjBoMjZWNEgxMmwtMS41LTR6IiBmaWxsPSIjMEIwQzBDIi8+PC9zdmc+Cg== )
}
. folder-heading-folder-truncated {
width : 0 ;
padding : 0 0 0 30 px ;
white-space : nowrap ;
overflow : hidden
}
. folder-heading-folder-root-truncated {
max-width : 1.4 em ;
white-space : nowrap ;
overflow : hidden ;
text-overflow : ellipsis
}
. folder-heading a {
display : inline-block ;
vertical-align : top
}
. folder-heading a . folder-heading-folder {
display : inline ;
background-image : url ( data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI2IDIwIj48cGF0aCBmaWxsPSIjZGVlMGUyIiBkPSJNMS4yIDE4LjhWMS4zaDguNGwxLjUgNGgxMy43djEzLjV6Ii8+PHBhdGggZD0iTTguOCAyLjVsLjkgMi40LjYgMS42aDEzLjJ2MTFoLTIxdi0xNWg2LjNNMTAuNSAwSDB2MjBoMjZWNEgxMmwtMS41LTR6IiBmaWxsPSIjMDA1ZWE1Ii8+PC9zdmc+Cg== );
background-position : 0 px 4 px ;
overflow : hidden ;
text-overflow : ellipsis
}
. folder-heading a . folder-heading-folder : hover {
background-image : url ( data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI2IDIwIj48cGF0aCBmaWxsPSIjZGVlMGUyIiBkPSJNMS4yIDE4LjhWMS4zaDguNGwxLjUgNGgxMy43djEzLjV6Ii8+PHBhdGggZD0iTTguOCAyLjVsLjkgMi40LjYgMS42aDEzLjJ2MTFoLTIxdi0xNWg2LjNNMTAuNSAwSDB2MjBoMjZWNEgxMmwtMS41LTR6IiBmaWxsPSIjMkI4Q0M0Ii8+PC9zdmc+Cg== )
}
. folder-heading a . folder-heading-folder-truncated {
display : inline-block ;
background-position : 0 px 2 px
}
. folder-heading a : hover {
color : #2b8cc4
}
. folder-heading-separator {
display : inline-block ;
vertical-align : top ;
width : 20 px ;
height : 30 px ;
position : relative
}
. folder-heading-separator : before {
content : "" ;
display : block ;
position : absolute ;
top : -5 px ;
bottom : 1 px ;
right : 7 px ;
width : 9 px ;
height : 9 px ;
margin : auto 0 ;
-webkit- transform : rotate ( 45 deg );
-ms- transform : rotate ( 45 deg );
transform : rotate ( 45 deg );
border : solid ;
border-width : 2 px 2 px 0 0 ;
border-color : #6f777b
}
. folder-heading-manage-link {
display : block ;
text-align : right ;
padding : 20 px 0 0 0 ;
position : relative ;
top : -6 px
}
. research-mode {
font-weight : bold ;
display : inline-block ;
padding : 5 px 10 px ;
background : #005ea5 ;
color : #fff ;
border-radius : 2 px
}
. tick-cross-tick ,
. tick-cross-cross {
font-family : "nta" , Arial , sans-serif ;
font-weight : 400 ;
text-transform : none ;
font-size : 16 px ;
line-height : 1.25 ;
display : inline-block ;
background-size : 19 px 19 px ;
background-repeat : no-repeat ;
background-position : 0 6 px ;
padding : 6 px 0 5 px 25 px
}
@ media ( min-width : 641px ) {
. tick-cross-tick ,
. tick-cross-cross {
font-size : 19 px ;
line-height : 1.31579
}
}
. tick-cross-tick {
background-image : url ( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACpQTFRF6vXvLpleL5lfFYxL0ejcJpVY0uncQ6NuRKNvK5dcN51lEYpIAII7////Km646wAAAA50Uk5T/////////////////wBFwNzIAAAClElEQVR42uzayXrCMAyF0WtIoUP8/q9bZjJ4knSxNs66/f6zoDS2hOj8YAAGYAAGYAAGoFPme3IF4DAfJ0fApT/nBOjVzwnQrZ8RoF8/LUDHflKAnv2UAF37CQH69vcCdO7vBOjd3wrQvb8RoH9/LYBDfyWAR38pgEt/IYBP/y2AU/8lgFf/KYBb/yGAX/8ugGP/JoBn/yqAa3+ez/DtB8C5T/0MaPpMgKpPBOj6PICyTwNo+yyAuk8C6PscgKFPAVj6WcDpG136OcDpOB/Qo58BXPpzo8DYTwNu/TaBtZ8EPPotAnM/BXj16wJ7PwFY9GsCQn8PmI6rXykJGP0dYNMvCSj9LWDXzws4/Q0g0c8JSP01INlPC1j9FSDTTwlo/SUg298LeP0FoNDfCoj9N6DYXwuY/Reg0l8KqP0noNp/C7j9B6Ch/xSQ+3dAU/8uYPdvgMb+VUDvXwHN/Xn++WH3LwBBX/zU+xHO/Yizbz8CwbV/+Qx8StDWv/4VfEYQWg9W8TOC1v79m5AvCO1H2/gJQXv/+d+QKxD0X+8DTIGk/34j4glE/cU7IUsg6y/fijkCYX91LmAIpP31ycguEPc3Z0OrQN7fno5tAkV/dz9gEWj6+xsSvUDVT9wRaQW6fuqWTCdQ9pP3hBqBtp++KZUL1P3MXTG+evVzt+UygaGfnRdIBJZ+fmLSLjD1CyObVoGtX5oZtQmM/eLQqkVg7ZenZnWBuV8Z29UE9n5tblgWEPrVwWVJEChTz6gWBM7YN2oFgTT3jkpBYA3+o04QaJsPUSUIvNWPqBEE4u5LVAgCc/knygWBuv0UxYLAXf+KUkEg778JfvT3j9+XLbFMR3pfuEUznfkroNH5GYABGIAB+BdgAGxeFsHe0VjdAAAAAElFTkSuQmCC )
}
. tick-cross-cross {
color : #6f777b ;
background-image : url ( data : image / png ; base64 , iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89 + bN / rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz / SMBAPh + PDwrIsAHvgABeNMLCADATZvAMByH / w / qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf + bTAICd + Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA / g88wAAKCRFRHgg / P9eM4Ors7ONo62Dl8t6r8G / yJiYuP +5 c + rcEAAAOF0ftH + LC + zGoA7BoBt / qIl7gRoXgugdfeLZrIPQLUAoOnaV / Nw + H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl / AV / 1 s + X48 / Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H / LcL // wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s + wM +3 zUAsGo + AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93 / +8 // UegJQCAZkmScQAAXkQkLlTKsz / HCAAARKCBKrBBG / TBGCzABhzBBdzBC / xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD / phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8 + Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8 + xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR + cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI + ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG + Qh8lsKnWJAcaT4U + IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr + h0uhHdlR5Ol9BX0svpR + iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK + YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI + pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q / pH5Z / YkGWcNMw09DpFGgsV / jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY / R27iz2qqaE5QzNKM1ezUvOUZj8H45hx + Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4 / OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up +6 Ynr5egJ5Mb6feeb3n + hx9L / 1 U / W36p / VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm + eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw +6 TvZN9un2N / T0HDYfZDqsdWh1 + c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc + Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26 / uNu5p7ofcn8w0nymeWTNz0MPIQ + BR5dE / C5 + VMGvfrH5PQ0 + BZ7XnIy9jL5FXrdewt6V3qvdh7xc +9 j5yn + M +4 zw33jLeWV / MN8C3yLfLT8Nvnl + F30N / I / 9 k / 3 r / 0 QCngCUBZwOJgUGBWwL7 + Hp8Ib + OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo + qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt / 87 fOH4p3iC + N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi / RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z + pn5mZ2y6xlhbL + xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a / zYnKOZarnivN7cyzytuQN5zvn // tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1 +1 dT1gvWd +1 YfqGnRs + FYmKrhTbF5cVf9go3HjlG4dvyr + Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql + aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO / PLi8ZafJzs07P1SkVPRU + lQ27tLdtWHX + G7R7ht7vPY07NXbW7z3 / T7JvttVAVVN1WbVZftJ +7 P3P66Jqun4lvttXa1ObXHtxwPSA / 0 HIw6217nU1R3SPVRSj9Yr60cOxx ++/ p3vdy0NNg1VjZzG4iNwRHnk6fcJ3 / ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w +0 dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb + +6 EHTh0kX / i + c7vDvOXPK4dPKy2 + UTV7hXmq86X23qdOo8 / pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb / 1 tWeOT3dvfN6b / fF9 / XfFt1 + cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v +3 Njv3H9qwHeg89HcR / cGhYPP / pH1jw9DBY + Zj8uGDYbrnjg + OTniP3L96fynQ89kzyaeF / 6 i / suuFxYvfvjV69fO0ZjRoZfyl5O / bXyl / erA6xmv28bCxh6 + yXgzMV70VvvtwXfcdx3vo98PT + R8IH8o / 2 j5sfVT0Kf7kxmTk / 8 EA5jz / GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5 / wAAgOkAAHUwAADqYAAAOpgAABdvkl / FRgAABE9JREFUeNrs3c1NW1EQhuFhlBZShRVoIQtSBCkiG6IUESksUgRNAEoNsKAJF + EsYksO4u / ec2bmm5lvJCSQkLDv +8 gYizM +2 e12wuk7yktAABwC4BAAhwA4BMAhAA4BcAiAQwCcBvNhyTd / u / xheVs + iciViHwVkW3R6 / 1 RRK5F5FJEHqx + yO9fP9M9AnwSkTsROReRm / 2 Fqhj / Zn8fb0XklL8C / o9 / iH5WEMEh / tnR1xAIFCy + FETwNL4gIVDA + JUQvBQfBoGCxq + A4K34EAgUOH5mBO + NH47AG8DpwvgZESyNH4pAnePfDkTMgGBt / DAEmiR + BgSj8UMQaKL4yAhmxXdHoMniIyKYHd8VgSaMj4TAKr4bAk0aHwG
box - shadow : inset 20 px 0 0 0 rgba ( 255 , 255 , 255 , 0.6 )
}
. tick - cross - list {
position : relative
}
. tick - cross - list - permissions {
padding : 0 15 px ;
-webkit- box - sizing : border-box ;
-moz- box - sizing : border-box ;
box - sizing : border-box ;
margin - top : 5 px
}
@ media ( min - width : 641 px ) {
. tick - cross - list - permissions {
float : left ;
width : 75 %
}
}
. tick - cross - list - permissions li {
display : block ;
margin - right : 0.5 em
}
. tick - cross - list - edit - link {
text - align : right ;
position : absolute ;
top : -25 px ;
right : -135 px
}
. tick - cross - list - edit - link a : before {
content : "" ;
display : block ;
position : absolute ;
top : -16 px ;
right : 0 ;
bottom : -15 px ;
left : -15 px ;
background : transparent
}
. tick - cross - list - edit - link a : hover {
color : #2b8cc4
}
. tick - cross - list - edit - link a : active ,
. tick - cross - list - edit - link a : focus {
color : #0b0c0c
}
. tick - cross - list - edit - link a : active : before ,
. tick - cross - list - edit - link a : focus : before {
border - color : #ffbf47 ;
border - style : solid ;
border - width : 15 px 3 px 15 px 15 px ;
right : -3 px
}
. tick - cross - list - hint {
color : #6F777B ;
padding - top : 5 px
}
. input - list . list - entry {
vertical - align : middle ;
margin - bottom : 15 px ;
position : relative
}
. input - list . list - entry - remove {
font - family : "nta" , Arial , sans-serif ;
font - weight : 400 ;
text - transform : none ;
font - size : 16 px ;
line - height : 1.25 ;
display : block ;
margin - bottom : 15 px ;
margin - top : 5 px ;
position : static ;
overflow : hidden
}
@ media ( min - width : 641 px ) {
. input - list . list - entry - remove {
font - size : 19 px ;
line - height : 1.31579
}
}
@ media ( min - width : 641 px ) {
. input - list . list - entry - remove {
display : -moz- inline - stack ;
display : inline-block ;
margin : 0 0 0 10 px ;
position : absolute ;
top : 0 ;
left : 100 %
}
}
. input - list . form - control {
padding - left : 1.84 em ;
width : 100 % ;
margin - bottom : 0
}
@ media ( min - width : 769 px ) {
. input - list . form - control {
display : -moz- inline - stack ;
display : inline-block
}
}
. input - list . text - box - number - label {
font - family : "nta" , Arial , sans-serif ;
font - weight : 400 ;
text - transform : none ;
font - size : 16 px ;
line - height : 1.25 ;
float : left ;
width : 1.6 em ;
margin : 6 px -1.6 em 0 0 ;
position : relative ;
left : 10 px ;
color : #6f777b ;
font - weight : bold ;
pointer - events : none
}
@ media ( min - width : 641 px ) {
. input - list . text - box - number - label {
font - size : 19 px ;
line - height : 1.31579
}
}
. input - list . list - entry - add {
font - family : "nta" , Arial , sans-serif ;
font - weight : 400 ;
text - transform : none ;
font - size : 16 px ;
line - height : 1.25 ;
margin : 0 0 20 px 0
}
@ media ( min - width : 641 px ) {
. input - list . list - entry - add {
font - size : 19 px ;
line - height : 1.31579
}
}
. button - secondary {
background - color : #dee0e2 ;
position : relative ;
display : -moz- inline - stack ;
display : inline-block ;
padding : .526315 em .789473 em .263157 em ;
border : none ;
-webkit- border - radius : 0 ;
-moz- border - radius : 0 ;
border - radius : 0 ;
outline : 1 px solid transparent ;
outline - offset : -1 px ;
-webkit- appearance : none ;
-webkit- box - shadow : 0 2 px 0 #b5babe ;
-moz- box - shadow : 0 2 px 0 #b5babe ;
box - shadow : 0 2 px 0 #b5babe ;
font - size : 1 em ;
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 : 2 px ;
-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 : .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 2 px 0 #b5babe ;
-moz- box - shadow : 0 2 px 0 #b5babe ;
box - shadow : 0 2 px 0 #b5babe
}
. button - secondary : link ,
. button - secondary : link : focus ,
. 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 %
}
@ keyframes ellipsis {
to {
width : 1.25 em
}
}
input [ type = "search" ] {
-moz- box - sizing : border-box ;
-webkit- box - sizing : border-box ;
box - sizing : border-box
}
. live - search {
display : none
}
. js - enabled . live - search {
display : block
}
. live - search . form - group {
margin - bottom : 20 px
}
. js - stick - at - top - when - scrolling ,
. js - stick - at - bottom - when - scrolling {
overflow : hidden ;
margin - left : -15 px ;
padding : 10 px 0 0 15 px ;
position : relative
}
. js - stick - at - top - when - scrolling . form - group ,
. js - stick - at - bottom - when - scrolling . form - group {
margin - bottom : 20 px
}
. js - stick - at - top - when - scrolling . form - group legend ,
. js - stick - at - bottom - when - scrolling . form - group legend {
outline : none
}
. js - stick - at - top - when - scrolling . back - to - top - link ,
. js - stick - at - bottom - when - scrolling . back - to - top - link {
position : absolute ;
top : 30 px ;
right : 15 px ;
opacity : 0 ;
transition : opacity 0.1 s ease-in-out
}
. js - stick - at - top - when - scrolling {
margin - top : -10 px ;
margin - bottom : 5 px ;
top : 5 px ;
transition : top 0.1 s ease-out , box - shadow 1 s ease-in-out
}
. js - stick - at - bottom - when - scrolling {
transition : bottom 0.1 s ease-out , box - shadow 1 s ease-in-out ;
padding : 20 px 0 20 px 15 px ;
margin - top : -20 px
}
. js - stick - at - bottom - when - scrolling + . js - stick - at - bottom - when - scrolling {
margin - top : -40 px
}
. js - stick - at - bottom - when - scrolling fieldset : focus {
outline : none
}
. js - stick - at - bottom - when - scrolling . page - footer {
margin - bottom : 0 ;
min - height : 50 px
}
. js - stick - at - bottom - when - scrolling . page - footer - delete - link - without - button {
margin - top : 10 px
}
. js - stick - at - bottom - when - scrolling . notification - status {
margin : 0
}
. js - stick - at - bottom - when - scrolling . button - secondary {
margin - right : 15 px
}
. content - fixed ,
. content - fixed - onload {
position : fixed ;
background : #fff ;
z - index : 100 ;
padding - right : 15 px ;
margin - top : 0
}
. content - fixed . back - to - top - link ,
. content - fixed - onload . back - to - top - link {
opacity : 1 ;
transition : opacity 0.6 s ease-in-out
}
. js - stick - at - top - when - scrolling . content - fixed ,
. js - stick - at - top - when - scrolling . content - fixed - onload {
top : 0 ;
margin - top : 0
}
. js - stick - at - top - when - scrolling . content - fixed__top {
border - bottom : 1 px solid #bfc1c3 ;
box - shadow : 0 2 px 0 0 rgba ( 191 , 193 , 195 , 0.2 )
}
. js - stick - at - top - when - scrolling . content - fixed {
transition : background 0.6 s ease-in-out , margin - top 0.4 s ease-out
}
. js - stick - at - bottom - when - scrolling . content - fixed ,
. js - stick - at - bottom - when - scrolling . content - fixed - onload {
top : auto ;
bottom : 0
}
. js - stick - at - bottom - when - scrolling . content - fixed__bottom {
border - top : 1 px solid #bfc1c3 ;
box - shadow : 0 -2 px 0 0 rgba ( 191 , 193 , 195 , 0.2 )
}
. js - stick - at - bottom - when - scrolling . content - fixed {
transition : background 0.6 s ease-in-out
}
. js - stick - at - bottom - when - scrolling - loaded . content - fixed - onload {
transition : none
}
. shim {
display : block ;
margin - bottom : 5 px
}
. js - cancel {
display : inline-block ;
padding : 10 px 10 px 5 px 10 px ;
margin - top : -10 px ;
margin - right : -10 px ;
text - decoration : underline ;
color : #005ea5 ;
cursor : pointer
}
. js - cancel : hover {
color : #2b8cc4
}
. js - cancel : focus ,
. js - cancel : active {
background : #ffbf47 ;
color : #005ea5 ;
outline : none
}
. fullscreen - content {
background : #fff ;
z - index : 10 ;
overflow - y : hidden ;
box - sizing : border-box ;
margin : 0 0 30 px 0 ;
padding : 0 0 0 0 ;
overflow : hidden ;
border - bottom : 1 px solid #bfc1c3
}
. fullscreen - content . table {
margin - bottom : 0
}
. fullscreen - content . table tr : last - child td {
border - bottom : 1 px solid #fff
}
. fullscreen - content th ,
. fullscreen - content . table - field - error - label ,
. fullscreen - content . table - field - left - aligned {
white - space : nowrap
}
. fullscreen - right - shadow {
position : absolute ;
top : 0 ;
right : 0 ;
width : 4 px ;
height : 100 % ;
z - index : 200
}
. fullscreen - right - shadow . visible {
box - shadow : inset -1 px 0 0 0 #bfc1c3 , inset -3 px 0 0 0 rgba ( 191 , 193 , 195 , 0.2 )
}
. fullscreen - right - shadow . visible . with - transition {
transition : box - shadow 0.6 s ease-out
}
. fullscreen - scrollable - table {
overflow - x : auto ;
overflow - y : hidden
}
. fullscreen - scrollable - table . table - field - heading - first ,
. fullscreen - scrollable - table . table - field - index {
display : none
}
. fullscreen - scrollable - table . table - field - left - aligned {
position : relative ;
z - index : 150 ;
background : #fff
}
. fullscreen - scrollable - table :: -webkit- scrollbar {
-webkit- appearance : none
}
. fullscreen - scrollable - table :: -webkit- scrollbar : horizontal {
height : 11 px ;
background - color : #fff
}
. fullscreen - scrollable - table :: -webkit- scrollbar - thumb {
border - radius : 8 px ;
border : 2 px solid #fff ;
background - color : rgba ( 0 , 0 , 0 , 0.5 )
}
. fullscreen - scrollable - table :: -webkit- scrollbar - track {
background - color : #fff ;
border - radius : 8 px
}
. fullscreen - fixed - table {
position : absolute ;
top : 0 ;
overflow : hidden
}
. fullscreen - fixed - table . table - field - heading {
visibility : hidden
}
. fullscreen - fixed - table . table - field - left - aligned {
width : 0 ;
position : relative ;
z - index : 100 ;
visibility : hidden
}
. fullscreen - fixed - table . table - field - heading - first ,
. fullscreen - fixed - table . table - field - index {
transition : none ;
position : relative ;
z - index : 200 ;
background : #fff
}
. fullscreen - scrolled - table {
padding - bottom : 20 px
}
. fullscreen - scrolled - table . table - field - heading - first ,
. fullscreen - scrolled - table . table - field - index {
transition : box - shadow 0.3 s ease-in-out ;
box - shadow : 1 px 0 0 0 #bfc1c3 , 3 px 0 0 0 rgba ( 191 , 193 , 195 , 0.2 )
}
. fullscreen - shim {
width : 100 % ;
position : relative ;
z - index : 9 ;
margin - bottom : 30 px ;
pointer - events : none
}
. fullscreen - shim + . table - show - more - link {
margin - top : -28 px
}
. multiple - choice {
z - index : 10
}
. multiple - choice . block - label : before {
box - shadow : 0 5 px 0 0 #fff
}
. conditional - radios - panel {
border - left : 4 px solid #bfc1c3 ;
margin : 0 0 -15 px 17 px ;
padding : 15 px 0 0 28 px ;
position : relative ;
top : -25 px ;
z - index : 1
}
. breadcrumbs {
font - family : "nta" , Arial , sans-serif ;
font - weight : 400 ;
text - transform : none ;
font - size : 14 px ;
line - height : 1.75 ;
padding : 10 px 0 ;
list - style : none
}
@ media ( min - width : 641 px ) {
. breadcrumbs {
font - size : 16 px ;
line - height : 1.5625
}
}
@ media ( min - width : 641 px ) {
. breadcrumbs {
margin - bottom : 30 px
}
}
. breadcrumbs ol {
margin : 0 ;
padding : 0 ;
list - style : none
}
. breadcrumbs__item {
display : inline-block ;
margin : 0 ;
padding : 0 7.5 px 0 18.5 px ;
background - image : url ( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAALBAMAAACufOGlAAAAElBMVEWytbe0t7m+wcO+wcMAAAC+wcPAbOgBAAAABXRSTlPu26BgABhfd1AAAAApSURBVAgdYxB2cWFQNXFhcAp2YXBRNWFwcQpmcHFhhdBAPkgcJA9UBwCnGweczi1blAAAAABJRU5ErkJggg== ) ;
background - repeat : no-repeat ;
background - size : 6 px 11 px ;
background - position : left center ;
white - space : nowrap
}
@ 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 : 192 dpi ),
only screen and ( min - resolution : 2 dppx ) {
. breadcrumbs__item {
background - image : url ( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAWCAMAAADD5o0oAAAAIVBMVEW+wcO+wcO+wcO+wcO+wcO+wcO+wcO+wcO+wcMAAAC+wcM+0VMmAAAACnRSTlPfj4CfzxBgMO8AaBhGbgAAAE1JREFUeNplz1EOgDAIA1CmTlbuf+CJrOkHfPESAsV8OVi2QrI3JMMvonRQmgSuiGcSuFMJKSF9kBo01hcMrq4IxqMMp6D9Bfb9bVePDc6+CJmAJ7aqAAAAAElFTkSuQmCC )
}
}
. breadcrumbs__item ,
. breadcrumbs__item a : link ,
. breadcrumbs__item a : hover ,
. breadcrumbs__item a : active ,
. breadcrumbs__item a : visited {
color : #0b0c0c
}
. breadcrumbs__item -- active {
font - family : "nta" , Arial , sans-serif ;
font - weight : 700 ;
text - transform : none ;
font - size : 14 px ;
line - height : 1.14286
}
@ media ( min - width : 641 px ) {
. breadcrumbs__item -- active {
font - size : 16 px ;
line - height : 1.25
}
}
. breadcrumbs__item -- active a : link ,
. breadcrumbs__item -- active a : visited {
text - decoration : none
}
. breadcrumbs__item : first - child {
padding - left : 0 ;
background - image : none
}
. breadcrumbs -- inverse {
border - bottom : 1 px #fff solid ;
border - bottom - color : rgba ( 255 , 255 , 255 , 0.25 )
}
. breadcrumbs -- inverse . breadcrumbs__item -- active ,
. breadcrumbs -- inverse . breadcrumbs__item a : link ,
. breadcrumbs -- inverse . breadcrumbs__item a : hover ,
. breadcrumbs -- inverse . breadcrumbs__item a : active ,
. breadcrumbs -- inverse . breadcrumbs__item a : visited {
color : #fff
}
. breadcrumbs -- inverse . breadcrumbs__item a : focus {
color : #0b0c0c
}
. responsive - embed . responsive - embed__wrapper {
position : relative ;
display : block ;
height : 0 ;
padding : 0 ;
overflow : hidden
}
. responsive - embed . responsive - embed__item ,
. responsive - embed iframe ,
. responsive - embed embed ,
. responsive - embed object ,
. responsive - embed video {
position : absolute ;
top : 0 ;
left : 0 ;
bottom : 0 ;
height : 100 % ;
width : 100 % ;
border : 0
}
. responsive - embed -- bordered {
padding : 5 px ;
outline : 1 px solid #bfc1c3
}
. responsive - embed - -16 by9 . responsive - embed__wrapper {
padding - bottom : 56.25 %
}
. responsive - embed - -4 by3 . responsive - embed__wrapper {
padding - bottom : 75 %
}
. branding - preview {
width : 100 % ;
box - sizing : border-box ;
border : solid 1 px #bfc1c3 ;
min - height : 200 px ;
margin - bottom : 30 px
}
#logo - img {
background - color : #f8f8f8 ;
background - image : linear-gradient ( 45 deg , #dee0e2 25 % , transparent 25 % ), linear-gradient ( -45 deg , #dee0e2 25 % , transparent 25 % ), linear-gradient ( 45 deg , transparent 75 % , #dee0e2 75 % ), linear-gradient ( -45 deg , transparent 75 % , #dee0e2 75 % ) ;
background - size : 20 px 20 px ;
background - position : 0 0 , 0 10 px , 10 px -10 px , -10 px 0 px
}
#logo - img img {
display : block
}
. task - list - indicator - completed ,
. task - list - indicator - not - completed {
font - family : "nta" , Arial , sans-serif ;
font - weight : 700 ;
text - transform : none ;
font - size : 14 px ;
line - height : 1.14286 ;
display : inline-block ;
padding : 3 px 8 px 1 px 8 px ;
position : absolute ;
right : 0 ;
top : 28 px ;
margin - top : -15 px ;
border : 2 px solid #0b0c0c ;
pointer - events : none ;
z - index : 2 ;
min - width : 20 % ;
text - align : center
}
@ media ( min - width : 641 px ) {
. task - list - indicator - completed ,
. task - list - indicator - not - completed {
font - size : 16 px ;
line - height : 1.25
}
}
. task - list {
border - top : 1 px solid #bfc1c3 ;
margin : 30 px 0
}
. task - list-item {
position : relative
}
. task - list-item a {
border - bottom : 1 px solid #bfc1c3 ;
display : block ;
padding : 15 px 0 ;
padding - right : 20 % ;
position : relative
}
. task - list-item a : hover {
color : #2b8cc4
}
. task - list-item a : focus {
outline : none ;
color : #0b0c0c ;
box - shadow : -3 px 0 0 0 #ffbf47 , 3 px 0 0 0 #ffbf47 ;
border - color : transparent ;
top : -1 px ;
margin - bottom : -2 px ;
padding - top : 16 px ;
padding - bottom : 16 px
}
. task - list - indicator - completed {
background - color : #0b0c0c ;
color : #f8f8f8 ;
letter - spacing : 0.02 em
}
. task - list - indicator - not - completed {
background - color : #fff ;
color : #0b0c0c
}
. govuk - back - link {
font - family : "nta" , Arial , sans-serif ;
font - weight : 400 ;
text - transform : none ;
font - size : 14 px ;
line - height : 1.14286 ;
color : #0b0c0c ;
display : inline-block ;
position : relative ;
margin - top : 15 px ;
margin - bottom : 10 px ;
padding - left : 14 px ;
border - bottom : 1 px solid #0b0c0c ;
text - decoration : none
}
@ media ( min - width : 641 px ) {
. govuk - back - link {
font - size : 16 px ;
line - height : 1.25
}
}
. govuk - back - link : link ,
. govuk - back - link : visited {
color : #0b0c0c
}
. govuk - back - link : before {
display : block ;
width : 0 ;
height : 0 ;
border - style : solid ;
border - color : transparent ;
-webkit- clip - path : polygon ( 0 % 50 % , 100 % 100 % , 100 % 0 % ) ;
clip - path : polygon ( 0 % 50 % , 100 % 100 % , 100 % 0 % ) ;
border - width : 5 px 6 px 5 px 0 ;
border - right - color : inherit ;
content : "" ;
position : absolute ;
top : -1 px ;
bottom : 1 px ;
left : 0 ;
margin : auto
}
. govuk - back - link : after {
content : "" ;
position : absolute ;
top : -15 px ;
left : -3 px ;
width : 100 % ;
height : 100 % ;
border - style : solid ;
border - width : 15 px 30 px 15 px 3 px ;
border - color : transparent
}
. govuk - back - link : focus : after {
border - color : #ffbf47
}
@ keyframes ellipsis {
to {
width : 1.25 em
}
}
. loading - indicator : after {
overflow : hidden ;
display : inline-block ;
vertical - align : bottom ;
animation : ellipsis steps ( 4 , end ) 1.5 s infinite ;
content : "\2026" ;
width : 0
}
. dashboard table th {
font - family : "nta" , Arial , sans-serif ;
font - weight : 400 ;
text - transform : none ;
font - size : 16 px ;
line - height : 1.25 ;
border - bottom : 0
}
@ media ( min - width : 641 px ) {
. dashboard table th {
font - size : 19 px ;
line - height : 1.31579
}
}
. dashboard table td {
font - family : "nta" , Arial , sans-serif ;
font - weight : 400 ;
text - transform : none ;
font - size : 16 px ;
line - height : 1.25 ;
border : 0
}
@ media ( min - width : 641 px ) {
. dashboard table td {
font - size : 19 px ;
line - height : 1.31579
}
}
. dashboard >. heading - medium : first - of - type {
margin - top : 15 px
}
. keyline - block {
border - top : 1 px solid #bfc1c3 ;
padding - top : 15 px
}
. spark - bar {
font - family : "nta" , Arial , sans-serif ;
font - weight : 400 ;
text - transform : none ;
font - size : 14 px ;
line - height : 1.14286 ;
box - sizing : border-box ;
display : block ;
width : 100 % ;
margin - bottom : 15 px ;
height : 15 px ;
color : #0b0c0c ;
text - align : left
}
@ media ( min - width : 641 px ) {
. spark - bar {
font - size : 16 px ;
line - height : 1.25
}
}
. spark - bar span {
box - sizing : border-box ;
display : inline-block ;
overflow : visible ;
background : #dee0e2 ;
color : #0b0c0c ;
padding : 5 px 5 px 2 px 5 px ;
text - indent : -2 px ;
margin : 3 px 0 5 px 0 ;
transition : width 0.6 s ease-in-out
}
. file - list - filename {
font - family : "nta" , Arial , sans-serif ;
font - weight : 700 ;
text - transform : none ;
font - size : 16 px ;
line - height : 1.25 ;
display : block ;
white - space : nowrap ;
overflow : hidden ;
text - overflow : ellipsis ;
padding - bottom : 30 px ;
padding - top : 10 px ;
margin - bottom : -30 px ;
margin - top : -10 px
}
@ media ( min - width : 641 px ) {
. file - list - filename {
font - size : 19 px ;
line - height : 1.31579
}
}
. file - list - hint {
font - family : "nta" , Arial , sans-serif ;
font - weight : 400 ;
text - transform : none ;
font - size : 14 px ;
line - height : 1.14286 ;
display : block ;
color : #6f777b ;
pointer - events : none ;
overflow : hidden ;
white - space : nowrap ;
text - overflow : ellipsis ;
max - width : 580 px
}
@ media ( min - width : 641 px ) {
. file - list - hint {
font - size : 16 px ;
line - height : 1.25
}
}
. failure - highlight {
font - family : "nta" , Arial , sans-serif ;
font - weight : 700 ;
text - transform : none ;
font - size : 16 px ;
line - height : 1.25 ;
color : #b10e1e
}
@ media ( min - width : 641 px ) {
. failure - highlight {
font - size : 19 px ;
line - height : 1.31579
}
}
. template - usage - table {
border - top : 1 px solid #bfc1c3 ;
border - bottom : 1 px solid #bfc1c3 ;
margin - top : 10 px ;
margin - bottom : 39.999 px
}
. template - usage - table . table {
margin - bottom : 5 px
}
. align - with - message - body {
display : block ;
margin - top : 25 px
}
. user - list {
font - family : "nta" , Arial , sans-serif ;
font - weight : 400 ;
text - transform : none ;
font - size : 16 px ;
line - height : 1.25 ;
margin - bottom : 30 px
}
@ media ( min - width : 641 px ) {
. user - list {
font - size : 19 px ;
line - height : 1.31579
}
}
. user - list-item {
padding : 15 px 150 px 15 px 0 ;
border - top : 1 px solid #bfc1c3 ;
position : relative
}
. user - list-item h3 {
padding - right : 15 px ;
white - space : nowrap ;
overflow : hidden ;
text - overflow : ellipsis ;
color : #6f777b
}
. user - list-item h3 . heading - small {
color : #0b0c0c
}
. user - list-item : last - child {
border - bottom : 1 px solid #bfc1c3
}
. user - list - edit - link {
text - align : right ;
position : absolute ;
top : 15 px ;
right : 0 px
}
. api - notifications {
font - family : monospace ;
border - bottom : 1 px solid #bfc1c3
}
. api - notifications - item {
border - top : 1 px solid #bfc1c3 ;
padding : 10 px 0 0 0
}
. api - notifications - item - title {
color : #005ea5 ;
text - decoration : none ;
display : block
}
. api - notifications - item - recipient {
display : inline
}
. api - notifications - item - meta {
display : block ;
color : #6f777b
}
. api - notifications - item - time {
text - align : right
}
. api - notifications - item - key {
display : inline-block ;
padding - left : 46 px
}
. api - notifications - item - data {
padding - left : 31 px ;
color : #6f777b
}
. api - notifications - item - data - item {
padding - bottom : 15 px ;
color : #0b0c0c
}
. product - page - intro {
margin : -10 px 0 45 px 0 ;
padding : 0 0 60 px 0 ;
background : #005ea5 ;
color : #fff
}
@ media ( min - width : 769 px ) {
. product - page - intro - wrapper {
background - image : url ( data : image / png ; base64 , iVBORw0KGgoAAAANSUhEUgAAApQAAAH + CAYAAAAiSJ6dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAJzpJREFUeNrs3Q2Q1eV96PEHg7sJLC / ZFcNiBEyqWKgELIxxTa7gncmEzYvtbdKkMTXGjJPazL3RqWOnnbbG3Dt9ydjRdtoxnYwJ7dW2aZzbxli07Z2IacQ4qBCNRLrmiiBghKXALiiI7j2 / P / w3h / Xs2zl7ds / L5zNz5ixnz + tzMPnyPP + X6YmGsOy273 / JKEDd2vjMTe / bWO0XGRgYuKZwtdhww + lefPHFtGvXrju6uroOGo3yTDcEDeMWQwD1HZWT8BqfKVzWGGoo6cpNmzatFZXlOcMQAACkFYXLQ4WonGsoBCUAgKgUlAAAolJQAgCISkEJACAqRaWgBAAQlYISAEBUCkoAAFEpKAEARKWoFJQAAKJSUAIAiEpBCQAgKgUlAICozKJyhaEQlAAAolJQAgBMmbmiUlACAIhKQQkAICoFJQCAqBSUAAA0Z1QKSgAAUSkoAQBEpaAEABCVghIAgGaMSkEJACAqBSUAgKgUlAAAolJQAgDQjFEpKAEARKWgBAAQlYISAEBUCkoAAJoxKqf7HgGohv7 +/ tTT02MgJsnKlSsNQv1H5dqurq6tghIABoOyL23Z8qSBEJQ0QVRa8gYAqK2orLvlb0EJACAqBSUAgKgUlAAA1GlUCkoAAFEpKAEARKWgBACgTqNSUAIAiMqKOLA5AFXR0tKSOjs7DQRMfFTW3MHPBSUAVdHe3pHWres2ENAEUWnJGwCgPqOyZpa / BSUAgKgUlAAAolJQAgBQp1EpKAEAGiMqrxGUAABUEpXfmKqoFJQAAI1jSqJSUAIAiEpBCQDA1EWlM + UAUBUvvbQ3bdiwwUBMkmuv / ZxBoFRUpq6urvXVfiEzlAAAjR2V1whKAABqOioFJQCAqBSUAABMXVQKSgAAUSkoAQCYuqgUlAAAolJQAgAwdVEpKAEARGVFnCkHgKpob +9 I3d3dBgLqIyorOqOOoASgKlpaWtL8 + Z0GApogKi15AwCQR + U1ghIAgEmPSkEJAEBFUSkoAQCoKCoFJQAAFUWloAQAoKKoFJQAAFQUlYISAICKotKBzQGoiv7 +/ tTT02MgJsnKlSsNApMRlSUPfi4oAahSUPalLVueNBCCkiaISkveAACMNyqvEZQAAExYVApKAAAqikrbUAIATa21tTXNnj3bQJQZlT / 5 yU8OCkoAoKnNmzcvu1C2FZa8AQCoiKAEAEBQAgAwdWxDCUBVtLS0pM7OTgMBghIAytPe3pHWres2ENAELHkDACAoAQAQlAAACEoAAAQlAAAISgAABCUAAIISAIDmMOqBzTdt2rTGMNW +254 ZqMn3tf / VgdR7zPcDAE0XlKci8ouFyy8Zovpw07JpNfrOpmVBuenlgfR / 9 w6koyd8V9AsXnppb9qwYUNdvvc4ZaSz / ECZQVkIybmFq29ESG7bti09 / PDD6fHHH09HjhwxUpRl8eLF6fLLL0 // NS6dM9I3nhtIWw8MGBgAaMSgPBWTDx09enTFnXfemTZv3mx0qNiOHTuyy7333puuvvrq9IVCWH7juZMzlgBAgwVlHpNf / vKXswCAiRSz3PEPlZj5vv7660 /+ I0ZUAkBDyPby3rRp05fEJJMhNqN44IEH0icWT0sdrcYDABoiKE8tdd8SG06LSSbDX // 1 X6cj / 7 kvffTcaQYDABohKAuXa44ePZpt4waTJf6 + dZ09Lc2YbiwAoBGC8ko74DDZ4ugB4YLZZikBoBGCck3sKAGTKXbSib93C2caCwBohKBM +/ btMxIAAJTFFmwAVEV7e0fq7q7Ps820tLT4AkFQAlALUTZ / fqeBgCZwhiEAAEBQAgAgKAEAEJQAAAhKAAAQlAAATKKGO2zQggUL0jnnnDP452PHjqXt27dn18NZsmRJmj179qS / 1927 d6c9e / b4WwgACMpasXr16rRq1aqSwXjfffeVjMorr7wyi9CpEO / 1 wQcfTM8 // 7 y / iQBA3WqoJe + LLrqo5O1nnXVW6ujoeNPts2bNmrKYLI5dAABBWQdaW1t92wAAgnJkTz / 9 dMnb9 +/ fX3Jbxb6 + vilfbn7qqaf8LQQA6lpDbUO5efPmbEeX8eyUE9swTtVOOc8 + +2 wWtQAAgrKGxEzkePecjuAEAKA8jkMJAICgBABAUAIAICgBABCUAAAgKAEAEJQAAAhKAAAEJQAACEoAAAQlAACCEgAAQQkAAIISAABBCQBATZleVoXOnpddoNiJF7cZBAAQlGPT8vP / JbVe8itGj9Mc + vNPGQQAaEKWvAEAqMh0QwBAtf32b / 92 euqpp0r +7 v3vf3 / 68 Ic / nJYvX17x6xw6dCh7re985zvZz3PmzEm7d +8 u +/ nuueeedPfdd2c / f / rTn05XXXVVWZ9x0aJF2WPjsw4nHhvPEePwJ3 / yJyU / 21 / +5 V + m +++/ f / B14r5f + MIXRnxf // 7 v / 549 Lq7zMfnIRz6SfvM3f3PMYx6P ++ QnPzn45wceeKDk / datWzfqcw33WAQlAIwoAiiCZrjg + cM // MMsjEqF1HhEOEUARsBFLFUaqfF8xZE4UriN9hnjfUWUfvWrXy15n507dw77 + Ai6iLV4jQjCPEzj / p /// Oez9xmhFr8bGrnxuzw +4 / fxOvFe4vJXf / VXI36mXLzGcO9t6OekOVnyBmDSRPT09 / cPXmL2MKImQifCJ2YEK5EHTbxOXCoJ1Ii4CLh89jSf4SvnM8b7iM8YERczjMWvEc8bnzuiejj57GcE6bZt2wY / X / wc7y1 + N / Tx8ZwxpvG6cd9NmzZl188880w25uHmm2 / OAnO0qI73HME / 2 j8awu / +7 u + e9vmHXhCUADChInZihuwrX / nKYLxMhIULF1b8HHn4xWxgPiNYHIPj + YwRY3mQ5UvoeYTFzGPMAA63XB7Rmc +6 xuxm8SxkfM6 /// u / Hxy74uCN +0 VsRkQOXWqPMY84jfvH5gEjRWK + DB + hOFqAh3ifCEoAmHQxC5gHzHCxEjN5k7mkmodWbG + YLwuPFF + jyaOuOPoiviLU4hKBV8oLL7wwuA3mcPGcP3fx + MWYxqzkcMv + eXQPN + sat // Gb / xGFqZDQ7aUfKZzImKe + mMbSgCm3HCxku9kUzyrl8 / 4 Fc + YxSxfcWy2tbVl1 / nsXDxPV1dXdltE1mhxFGI2MkIuAiku8ZhKgjYPruLZwnje / HPk21kOFUEYy9QTLf8swwVnLKFHoMZy / Vi2RY3wzb + fWG4v3jGqOMoRlABQFaXipnhHlHyGLl /+ zbcXzGMsf1zcN +6 TR1sejhE7efDE9WiBlC9t5zOnIaIo3way + PaxiPcV2yvmMTzRivf6Hk0e6THmcf9SnyU + Yyyhx +/ G + n7zmc6Y1Rw605w / X6kdhxCUAFCxmLmLwCkOxJDvYT10z + gIywjNiMr4Xczy5Tvf5DOVQw9NE + GU74gylugq3n4yF3EVQRnPP1JQxmcpjqZ855543djecaKDKmYD4zXyvbhHel / Fe6LH2JXaaSm + j9imMyI + H7PxRG2Iz5mPUYxlPtsZhx5y2KDGZBtKACZNRE1EX36JZeilS5cOLq0Wh1q + g87Q6MmPvRjGs01jhOhYl13z6Cp + P + XumBORF3EWn3GknW / KESGZz9aOtkf70MMaxUxtqe0n4z3G7X / 3 d383rvjN9zyPTQqKxy1 + jttjDPI92mk8ZigBmDSlYiqfuSvemSNfus4PiVMq0vLwm + gl5Hi9iK2hs5D58R / jNfMZx1Ii7EodwDweFzN0EdKPPvpoxTuv5JsExHuN2caRDpqeB1 /++ SJCI4wvvfTS7NBD + XjG7fE + Y6a4nGN4Dvce4vnjQOr5UrvtKQUlAJRt6CFsli1blgXR0JmwfOYsP6zOSFE10fIZyLlz575pJ5x8li3uM97gis8d8RvRFrOvlR4jM9 ++ dKSDpZeSB3xs6xhL + PFe8k0N4r0Vx + Vw8t8VH1JpLK8b8m1ZEZQAMCEiZPIzvZQ6zuFwpyH
background - size : 320 px ;
background - repeat : no-repeat ;
background - position : right -6 px top 100 px
}
}
. product - page - intro h1 {
font - family : "nta" , Arial , sans-serif ;
font - weight : 700 ;
text - transform : none ;
font - size : 32 px ;
line - height : 1.09375 ;
margin : 20 px 0 30 px 0
}
@ media ( min - width : 641 px ) {
. product - page - intro h1 {
font - size : 48 px ;
line - height : 1.04167
}
}
. product - page - intro p {
font - family : "nta" , Arial , sans-serif ;
font - weight : 400 ;
text - transform : none ;
font - size : 18 px ;
line - height : 1.2 ;
margin : 15 px 0 30 px
}
@ media ( min - width : 641 px ) {
. product - page - intro p {
font - size : 24 px ;
line - height : 1.25
}
}
. product - page - intro . button - container {
line - height : 45 px
}
. product - page - intro . button {
-webkit- box - shadow : 0 2 px 0 #003259 ;
-moz- box - shadow : 0 2 px 0 #003259 ;
box - shadow : 0 2 px 0 #003259 ;
background : #fff ;
margin - right : 15 px ;
padding - right : 1.25 em
}
. product - page - intro . button : link ,
. product - page - intro . button : visited ,
. product - page - intro . button : hover {
color : #005ea5
}
. product - page - intro . button : hover {
background : #d5e8f3 ;
outline : none
}
. product - page - intro a : link ,
. product - page - intro a : visited {
color : #fff
}
. product - page - intro a : hover ,
. product - page - intro a : active {
color : #d5e8f3
}
. product - page - section {
margin - bottom : 15 px
}
. product - page - section h2 {
font - family : "nta" , Arial , sans-serif ;
font - weight : 700 ;
text - transform : none ;
font - size : 20 px ;
line - height : 1.11111 ;
margin : 0 0 30 px
}
@ media ( min - width : 641 px ) {
. product - page - section h2 {
font - size : 27 px ;
line - height : 1.11111
}
}
. product - page - section . with - keyline {
border - top : 1 px solid #bfc1c3 ;
padding : 45 px 0 0 0
}
. product - page - section img {
width : 100 % ;
margin : 0 0 45 px 0
}
. product - page - big - number {
font - family : "ntatabularnumbers" , "nta" , Arial , sans-serif ;
font - weight : 700 ;
text - transform : none ;
font - size : 32 px ;
line - height : 1.09375 ;
margin : 0 0 0 0
}
@ media ( min - width : 641 px ) {
. product - page - big - number {
font - size : 48 px ;
line - height : 1.04167
}
}
. template - container {
position : relative
}
. edit - template - link - letter - contact ,
. edit - template - link - letter - address ,
. edit - template - link - letter - body ,
. edit - template - link - letter - branding ,
. edit - template - link {
font - family : "nta" , Arial , sans-serif ;
font - weight : 400 ;
text - transform : none ;
font - size : 16 px ;
line - height : 1.25 ;
position : absolute ;
background : #005ea5 ;
color : #fff ;
padding : 10 px 15 px ;
z - index : 10000
}
@ media ( min - width : 641 px ) {
. edit - template - link - letter - contact ,
. edit - template - link - letter - address ,
. edit - template - link - letter - body ,
. edit - template - link - letter - branding ,
. edit - template - link {
font - size : 19 px ;
line - height : 1.31579
}
}
. edit - template - link - letter - contact : link ,
. edit - template - link - letter - address : link ,
. edit - template - link - letter - body : link ,
. edit - template - link - letter - branding : link ,
. edit - template - link - letter - contact : visited ,
. edit - template - link - letter - address : visited ,
. edit - template - link - letter - body : visited ,
. edit - template - link - letter - branding : visited ,
. edit - template - link : link ,
. edit - template - link : visited {
color : #fff
}
. edit - template - link - letter - contact : hover ,
. edit - template - link - letter - address : hover ,
. edit - template - link - letter - body : hover ,
. edit - template - link - letter - branding : hover ,
. edit - template - link : hover {
color : #d5e8f3
}
. notification - status {
font - family : "nta" , Arial , sans-serif ;
font - weight : 400 ;
text - transform : none ;
font - size : 14 px ;
line - height : 1.14286 ;
color : #6f777b ;
margin - top : -15 px
}
@ media ( min - width : 641 px ) {
. notification - status {
font - size : 16 px ;
line - height : 1.25
}
}
. notification - status . error {
color : #b10e1e ;
font - weight : bold
}
. notification - status . error a {
color : #b10e1e
}
. notification - status - cancelled {
font - family : "nta" , Arial , sans-serif ;
font - weight : 700 ;
text - transform : none ;
font - size : 16 px ;
line - height : 1.25 ;
color : #b10e1e
}
@ media ( min - width : 641 px ) {
. notification - status - cancelled {
font - size : 19 px ;
line - height : 1.31579
}
}
. send - one - off - form . form - group {
margin - bottom : 20 px
}
. history - list {
font - family : "nta" , Arial , sans-serif ;
font - weight : 400 ;
text - transform : none ;
font - size : 16 px ;
line - height : 1.25 ;
margin - bottom : 30 px
}
@ media ( min - width : 641 px ) {
. history - list {
font - size : 19 px ;
line - height : 1.31579
}
}
. history - list-item {
padding : 15 px 0 15 px 0 ;
border - top : 1 px solid #bfc1c3 ;
position : relative
}
. history - list-item : last - child {
border - bottom : 1 px solid #bfc1c3
}
. history - list - user {
display : block
}
. history - list - time {
display : block ;
color : #6f777b
}
. form - control -1-1 {
width : 100 %
}
. form - control -5 em {
width : 100 %
}
@ media ( min - width : 641 px ) {
. form - control -5 em {
width : 5 em
}
}
. column - main . heading - large ,
. column - main >. heading - medium {
margin : 15 px 0 20 px 0 ;
word - wrap : break-word
}
. column - main . heading - large . top - gutter -0 ,
. column - main >. heading - medium . top - gutter -0 {
margin - top : 0
}
. highlight {
font - family : monospace ;
overflow - x : scroll ;
padding : 10 px 0 10 px 10 px
}
@ media ( min - width : 641 px ) {
. inline . block - label {
float : none ;
display : inline-block
}
}
td {
vertical - align : top
}
. heading - xlarge {
margin - bottom : 20 px
}
. heading - medium {
margin - top : 30 px
}
. form - label {
margin - bottom : 5 px
}
. form - label . heading - small {
font - family : "nta" , Arial , sans-serif ;
font - weight : 700 ;
text - transform : none ;
font - size : 16 px ;
line - height : 1.25
}
@ media ( min - width : 641 px ) {
. form - label . heading - small {
font - size : 19 px ;
line - height : 1.31579
}
}
. hint {
color : #6f777b
}
. form - label + . hint {
display : block ;
margin - top : -5 px ;
margin - bottom : 5 px
}
. list - bullet . list - bullet {
list - style : circle
}
details summary {
text - decoration : underline ;
margin - bottom : 15 px
}
. spreadsheet {
margin - bottom : -30 px
}
. spreadsheet . table {
margin - bottom : 0
}
. spreadsheet th ,
. spreadsheet . table - field - index {
background : #f8f8f8 ;
font - weight : bold ;
text - align : center
}
. spreadsheet th ,
. spreadsheet td {
padding - left : 10 px ;
padding - right : 10 px ;
border : 1 px solid #bfc1c3
}
. spreadsheet td {
border - top : 0 ;
min - width : 183 px
}
. spreadsheet td : first - child {
min - width : auto
}
. spreadsheet . fullscreen - fixed - table {
z - index : 1000
}
. spreadsheet . fullscreen - fixed - table . table - field - heading - first {
background : #f8f8f8
}
. body - copy - table table th ,
. body - copy - table table td {
font - family : "nta" , Arial , sans-serif ;
font - weight : 400 ;
text - transform : none ;
font - size : 16 px ;
line - height : 1.25 ;
word - wrap : break-word
}
@ media ( min - width : 641 px ) {
. body - copy - table table th ,
. body - copy - table table td {
font - size : 19 px ;
line - height : 1.31579
}
}
. body - copy - table table thead th {
font - family : "nta" , Arial , sans-serif ;
font - weight : 700 ;
text - transform : none ;
font - size : 16 px ;
line - height : 1.25
}
@ media ( min - width : 641 px ) {
. body - copy - table table thead th {
font - size : 19 px ;
line - height : 1.31579
}
}
. tabular - numbers {
font - family : "ntatabularnumbers" , "nta" , Arial , sans-serif ;
font - weight : 400 ;
text - transform : none ;
font - size : 16 px ;
line - height : 1.25
}
@ media ( min - width : 641 px ) {
. tabular - numbers {
font - size : 19 px ;
line - height : 1.31579
}
}
summary :: -moz- details - marker {
display : none
}
summary :: -ms- details - marker {
display : none
}
summary :: -o- details - marker {
display : none
}
summary :: details - marker {
display : none
}
summary :: -webkit- details - marker {
display : none
}
details . arrow {
font - size : 16 px
}
. block - label - hint {
font - family : "nta" , Arial , sans-serif ;
font - weight : 400 ;
text - transform : none ;
font - size : 14 px ;
line - height : 1.14286 ;
margin - top : 5 px
}
@ media ( min - width : 641 px ) {
. block - label - hint {
font - size : 16 px ;
line - height : 1.25
}
}
#conten t . override - elements - content {
padding - bottom : 0
}
. multiple - choice input : disabled + label {
opacity : 1 ;
color : #6f777b ;
cursor : default
}
. heading - inline {
display : inline-block
}
. bordered - text - box {
padding : 5 px ;
outline : 2 px solid #0b0c0c ;
max - width : 100 %
}
. nowrap {
white - space : nowrap
}
. heading - upcoming - jobs {
margin - top : 15 px
}