hof 21.0.12-axios-beta → 21.0.12

Sign up to get free protection for your applications and to get access to all the features.
Files changed (29) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/codeReviewChecklist.md +22 -0
  3. package/config/hof-defaults.js +8 -0
  4. package/frontend/govuk-template/build/govuk_template.html +20 -22
  5. package/frontend/template-mixins/mixins/template-mixins.js +1 -0
  6. package/frontend/template-mixins/partials/forms/checkbox.html +5 -0
  7. package/frontend/template-mixins/partials/forms/input-text-group.html +1 -1
  8. package/frontend/template-mixins/partials/forms/select.html +6 -6
  9. package/frontend/template-mixins/partials/forms/textarea-group.html +4 -4
  10. package/frontend/template-partials/views/partials/gatag.html +0 -1
  11. package/frontend/template-partials/views/partials/head.html +23 -0
  12. package/lib/ga-tag.js +33 -7
  13. package/middleware/cookies.js +2 -0
  14. package/model/apis/axios-settings.js +18 -6
  15. package/model/apis/html-to-pdf-converter.js +0 -1
  16. package/model/index.js +95 -94
  17. package/package.json +9 -11
  18. package/pull_request.md +16 -0
  19. package/sandbox/package.json +1 -1
  20. package/sandbox/yarn.lock +14 -9
  21. package/.nyc_output/4fc007c9-d6c8-4614-89ce-04c7d6ce9fe5.json +0 -1
  22. package/.nyc_output/processinfo/4fc007c9-d6c8-4614-89ce-04c7d6ce9fe5.json +0 -1
  23. package/.nyc_output/processinfo/index.json +0 -1
  24. package/sandbox/apps/sandbox/translations/en/default.json +0 -224
  25. package/sandbox/public/css/app.css +0 -2793
  26. package/sandbox/public/images/icons/icon-caret-left.png +0 -0
  27. package/sandbox/public/images/icons/icon-complete.png +0 -0
  28. package/sandbox/public/images/icons/icon-cross-remove-sign.png +0 -0
  29. package/sandbox/public/js/bundle.js +0 -32888
@@ -1,2793 +0,0 @@
1
- @charset "UTF-8";
2
- .panel-indent:after, header:after, .breadcrumbs ol:after, .form-group-error:after, .form-section:after,
3
- .form-group:after, fieldset:after, .panel:after, .notice:after, #content:after, .grid-row#content:after, .grid-row:after {
4
- content: "";
5
- display: block;
6
- clear: both;
7
- }
8
-
9
- .main, #global-header-bar, #content {
10
- max-width: 960px;
11
- margin: 0 15px;
12
- }
13
- @media (min-width: 641px) {
14
- .main, #global-header-bar, #content {
15
- margin: 0 30px;
16
- }
17
- }
18
- @media (min-width: 1020px) {
19
- .main, #global-header-bar, #content {
20
- margin: 0 auto;
21
- }
22
- }
23
-
24
- .grid-row#content, .grid-row {
25
- margin: 0 -15px;
26
- }
27
-
28
- .panel-indent:after, header:after, .breadcrumbs ol:after, .form-group-error:after, .form-section:after,
29
- .form-group:after, fieldset:after, .panel:after, .notice:after, #content:after, .grid-row#content:after, .grid-row:after {
30
- content: "";
31
- display: block;
32
- clear: both;
33
- }
34
-
35
- .panel-indent:after, header:after, .breadcrumbs ol:after, .form-group-error:after, .form-section:after,
36
- .form-group:after, fieldset:after, .panel:after, .notice:after, #content:after, .grid-row#content:after, .grid-row:after {
37
- content: "";
38
- display: block;
39
- clear: both;
40
- }
41
-
42
- .panel-indent:after, header:after, .breadcrumbs ol:after, .form-group-error:after, .form-section:after,
43
- .form-group:after, fieldset:after, .panel:after, .notice:after, #content:after, .grid-row#content:after, .grid-row:after {
44
- content: "";
45
- display: block;
46
- clear: both;
47
- }
48
-
49
- .main, #global-header-bar, #content {
50
- max-width: 960px;
51
- margin: 0 15px;
52
- }
53
- @media (min-width: 641px) {
54
- .main, #global-header-bar, #content {
55
- margin: 0 30px;
56
- }
57
- }
58
- @media (min-width: 1020px) {
59
- .main, #global-header-bar, #content {
60
- margin: 0 auto;
61
- }
62
- }
63
-
64
- .grid-row#content, .grid-row {
65
- margin: 0 -15px;
66
- }
67
-
68
- .panel-indent:after, header:after, .breadcrumbs ol:after, .form-group-error:after, .form-section:after,
69
- .form-group:after, fieldset:after, .panel:after, .notice:after, #content:after, .grid-row#content:after, .grid-row:after {
70
- content: "";
71
- display: block;
72
- clear: both;
73
- }
74
-
75
- .panel-indent:after, header:after, .breadcrumbs ol:after, .form-group-error:after, .form-section:after,
76
- .form-group:after, fieldset:after, .panel:after, .notice:after, #content:after, .grid-row#content:after, .grid-row:after {
77
- content: "";
78
- display: block;
79
- clear: both;
80
- }
81
-
82
- .visually-hidden,
83
- .visuallyhidden {
84
- position: absolute;
85
- overflow: hidden;
86
- clip: rect(0 0 0 0);
87
- height: 1px;
88
- width: 1px;
89
- margin: -1px;
90
- padding: 0;
91
- border: 0;
92
- }
93
-
94
- div,
95
- span,
96
- h1,
97
- h2,
98
- h3,
99
- h4,
100
- h5,
101
- h6,
102
- p,
103
- blockquote,
104
- pre,
105
- a,
106
- abbr,
107
- acronym,
108
- address,
109
- big,
110
- cite,
111
- code,
112
- del,
113
- dfn,
114
- em,
115
- img,
116
- ins,
117
- kbd,
118
- q,
119
- s,
120
- samp,
121
- small,
122
- strike,
123
- strong,
124
- sub,
125
- sup,
126
- tt,
127
- var,
128
- b,
129
- u,
130
- i,
131
- center,
132
- dl,
133
- dt,
134
- dd,
135
- ol,
136
- ul,
137
- li,
138
- fieldset,
139
- form,
140
- label,
141
- legend,
142
- table,
143
- caption,
144
- tbody,
145
- tfoot,
146
- thead,
147
- tr,
148
- th,
149
- td,
150
- article,
151
- aside,
152
- canvas,
153
- details,
154
- embed,
155
- figure,
156
- figcaption,
157
- footer,
158
- header,
159
- hgroup,
160
- menu,
161
- nav,
162
- output,
163
- ruby,
164
- section,
165
- summary,
166
- time,
167
- mark {
168
- border: none;
169
- margin: 0;
170
- padding: 0;
171
- }
172
-
173
- h1,
174
- h2,
175
- h3,
176
- h4,
177
- h5,
178
- h6,
179
- p,
180
- blockquote,
181
- pre,
182
- small,
183
- strike,
184
- strong,
185
- sub,
186
- sup,
187
- tt,
188
- var,
189
- b,
190
- u,
191
- i,
192
- center,
193
- input,
194
- textarea,
195
- table,
196
- caption,
197
- tbody,
198
- tfoot,
199
- thead,
200
- tr,
201
- th,
202
- td {
203
- font-size: inherit;
204
- font-family: inherit;
205
- line-height: inherit;
206
- font-weight: normal;
207
- }
208
-
209
- abbr[title],
210
- acronym[title] {
211
- text-decoration: none;
212
- }
213
-
214
- legend {
215
- box-sizing: border-box;
216
- max-width: 100%;
217
- display: table;
218
- }
219
-
220
- #content {
221
- padding-bottom: 30px;
222
- outline: none;
223
- }
224
- @media (min-width: 769px) {
225
- #content {
226
- padding-bottom: 90px;
227
- }
228
- }
229
-
230
- .column-quarter,
231
- .column-one-quarter {
232
- padding: 0 15px;
233
- -webkit-box-sizing: border-box;
234
- -moz-box-sizing: border-box;
235
- box-sizing: border-box;
236
- }
237
- @media (min-width: 641px) {
238
- .column-quarter,
239
- .column-one-quarter {
240
- float: left;
241
- width: 25%;
242
- }
243
- }
244
-
245
- .column-half,
246
- .column-one-half {
247
- padding: 0 15px;
248
- -webkit-box-sizing: border-box;
249
- -moz-box-sizing: border-box;
250
- box-sizing: border-box;
251
- }
252
- @media (min-width: 641px) {
253
- .column-half,
254
- .column-one-half {
255
- float: left;
256
- width: 50%;
257
- }
258
- }
259
-
260
- .column-third,
261
- .column-one-third {
262
- padding: 0 15px;
263
- -webkit-box-sizing: border-box;
264
- -moz-box-sizing: border-box;
265
- box-sizing: border-box;
266
- }
267
- @media (min-width: 641px) {
268
- .column-third,
269
- .column-one-third {
270
- float: left;
271
- width: 33.3333333333%;
272
- }
273
- }
274
-
275
- .column-two-thirds {
276
- padding: 0 15px;
277
- -webkit-box-sizing: border-box;
278
- -moz-box-sizing: border-box;
279
- box-sizing: border-box;
280
- }
281
- @media (min-width: 641px) {
282
- .column-two-thirds {
283
- float: left;
284
- width: 66.6666666667%;
285
- }
286
- }
287
-
288
- .column-full {
289
- padding: 0 15px;
290
- -webkit-box-sizing: border-box;
291
- -moz-box-sizing: border-box;
292
- box-sizing: border-box;
293
- }
294
- @media (min-width: 641px) {
295
- .column-full {
296
- float: left;
297
- width: 100%;
298
- }
299
- }
300
-
301
- main {
302
- font-family: "nta", Arial, sans-serif;
303
- font-weight: 400;
304
- text-transform: none;
305
- font-size: 16px;
306
- line-height: 1.25;
307
- -webkit-font-smoothing: antialiased;
308
- }
309
- @media (min-width: 641px) {
310
- main {
311
- font-size: 19px;
312
- line-height: 1.3157894737;
313
- }
314
- }
315
-
316
- .font-xxlarge {
317
- font-family: "nta", Arial, sans-serif;
318
- font-weight: 400;
319
- text-transform: none;
320
- font-size: 53px;
321
- line-height: 1.0377358491;
322
- }
323
- @media (min-width: 641px) {
324
- .font-xxlarge {
325
- font-size: 80px;
326
- line-height: 1;
327
- }
328
- }
329
-
330
- .font-xlarge {
331
- font-family: "nta", Arial, sans-serif;
332
- font-weight: 400;
333
- text-transform: none;
334
- font-size: 32px;
335
- line-height: 1.09375;
336
- }
337
- @media (min-width: 641px) {
338
- .font-xlarge {
339
- font-size: 48px;
340
- line-height: 1.0416666667;
341
- }
342
- }
343
-
344
- .font-large {
345
- font-family: "nta", Arial, sans-serif;
346
- font-weight: 400;
347
- text-transform: none;
348
- font-size: 24px;
349
- line-height: 1.0416666667;
350
- }
351
- @media (min-width: 641px) {
352
- .font-large {
353
- font-size: 36px;
354
- line-height: 1.1111111111;
355
- }
356
- }
357
-
358
- .font-medium {
359
- font-family: "nta", Arial, sans-serif;
360
- font-weight: 400;
361
- text-transform: none;
362
- font-size: 18px;
363
- line-height: 1.2;
364
- }
365
- @media (min-width: 641px) {
366
- .font-medium {
367
- font-size: 24px;
368
- line-height: 1.25;
369
- }
370
- }
371
-
372
- .font-small {
373
- font-family: "nta", Arial, sans-serif;
374
- font-weight: 400;
375
- text-transform: none;
376
- font-size: 16px;
377
- line-height: 1.25;
378
- }
379
- @media (min-width: 641px) {
380
- .font-small {
381
- font-size: 19px;
382
- line-height: 1.3157894737;
383
- }
384
- }
385
-
386
- .font-xsmall {
387
- font-family: "nta", Arial, sans-serif;
388
- font-weight: 400;
389
- text-transform: none;
390
- font-size: 14px;
391
- line-height: 1.1428571429;
392
- }
393
- @media (min-width: 641px) {
394
- .font-xsmall {
395
- font-size: 16px;
396
- line-height: 1.25;
397
- }
398
- }
399
-
400
- .bold-xxlarge {
401
- font-family: "nta", Arial, sans-serif;
402
- font-weight: 700;
403
- text-transform: none;
404
- font-size: 53px;
405
- line-height: 1.0377358491;
406
- }
407
- @media (min-width: 641px) {
408
- .bold-xxlarge {
409
- font-size: 80px;
410
- line-height: 1;
411
- }
412
- }
413
-
414
- .bold-xlarge, .alert-number {
415
- font-family: "nta", Arial, sans-serif;
416
- font-weight: 700;
417
- text-transform: none;
418
- font-size: 32px;
419
- line-height: 1.09375;
420
- }
421
- @media (min-width: 641px) {
422
- .bold-xlarge, .alert-number {
423
- font-size: 48px;
424
- line-height: 1.0416666667;
425
- }
426
- }
427
-
428
- .bold-large {
429
- font-family: "nta", Arial, sans-serif;
430
- font-weight: 700;
431
- text-transform: none;
432
- font-size: 24px;
433
- line-height: 1.0416666667;
434
- }
435
- @media (min-width: 641px) {
436
- .bold-large {
437
- font-size: 36px;
438
- line-height: 1.1111111111;
439
- }
440
- }
441
-
442
- .bold-medium, .alert-header {
443
- font-family: "nta", Arial, sans-serif;
444
- font-weight: 700;
445
- text-transform: none;
446
- font-size: 18px;
447
- line-height: 1.2;
448
- }
449
- @media (min-width: 641px) {
450
- .bold-medium, .alert-header {
451
- font-size: 24px;
452
- line-height: 1.25;
453
- }
454
- }
455
-
456
- .bold-small {
457
- font-family: "nta", Arial, sans-serif;
458
- font-weight: 700;
459
- text-transform: none;
460
- font-size: 16px;
461
- line-height: 1.25;
462
- }
463
- @media (min-width: 641px) {
464
- .bold-small {
465
- font-size: 19px;
466
- line-height: 1.3157894737;
467
- }
468
- }
469
-
470
- .bold-xsmall {
471
- font-family: "nta", Arial, sans-serif;
472
- font-weight: 700;
473
- text-transform: none;
474
- font-size: 14px;
475
- line-height: 1.1428571429;
476
- }
477
- @media (min-width: 641px) {
478
- .bold-xsmall {
479
- font-size: 16px;
480
- line-height: 1.25;
481
- }
482
- }
483
-
484
- .bold {
485
- font-weight: 700;
486
- }
487
-
488
- .heading-xlarge {
489
- font-family: "nta", Arial, sans-serif;
490
- font-weight: 700;
491
- text-transform: none;
492
- font-size: 32px;
493
- line-height: 1.09375;
494
- display: block;
495
- margin-top: 0.46875em;
496
- margin-bottom: 0.9375em;
497
- }
498
- @media (min-width: 641px) {
499
- .heading-xlarge {
500
- font-size: 48px;
501
- line-height: 1.0416666667;
502
- }
503
- }
504
- @media (min-width: 641px) {
505
- .heading-xlarge {
506
- margin-top: 0.625em;
507
- margin-bottom: 1.25em;
508
- }
509
- }
510
- .heading-xlarge .heading-secondary {
511
- font-family: "nta", Arial, sans-serif;
512
- font-weight: 400;
513
- text-transform: none;
514
- font-size: 20px;
515
- line-height: 1.1111111111;
516
- display: block;
517
- padding-top: 8px;
518
- padding-bottom: 7px;
519
- display: block;
520
- color: #6f777b;
521
- }
522
- @media (min-width: 641px) {
523
- .heading-xlarge .heading-secondary {
524
- font-size: 27px;
525
- line-height: 1.1111111111;
526
- }
527
- }
528
- @media (min-width: 641px) {
529
- .heading-xlarge .heading-secondary {
530
- padding-top: 4px;
531
- padding-bottom: 6px;
532
- }
533
- }
534
-
535
- .heading-large, h1 {
536
- font-family: "nta", Arial, sans-serif;
537
- font-weight: 700;
538
- text-transform: none;
539
- font-size: 24px;
540
- line-height: 1.0416666667;
541
- display: block;
542
- margin-top: 1.0416666667em;
543
- margin-bottom: 0.4166666667em;
544
- }
545
- @media (min-width: 641px) {
546
- .heading-large, h1 {
547
- font-size: 36px;
548
- line-height: 1.1111111111;
549
- }
550
- }
551
- @media (min-width: 641px) {
552
- .heading-large, h1 {
553
- margin-top: 1.25em;
554
- margin-bottom: 0.5555555556em;
555
- }
556
- }
557
- .heading-large .heading-secondary, h1 .heading-secondary {
558
- font-family: "nta", Arial, sans-serif;
559
- font-weight: 400;
560
- text-transform: none;
561
- font-size: 18px;
562
- line-height: 1.2;
563
- display: block;
564
- padding-top: 9px;
565
- padding-bottom: 6px;
566
- display: block;
567
- color: #6f777b;
568
- }
569
- @media (min-width: 641px) {
570
- .heading-large .heading-secondary, h1 .heading-secondary {
571
- font-size: 24px;
572
- line-height: 1.25;
573
- }
574
- }
575
- @media (min-width: 641px) {
576
- .heading-large .heading-secondary, h1 .heading-secondary {
577
- padding-top: 6px;
578
- padding-bottom: 4px;
579
- }
580
- }
581
-
582
- .heading-medium, h2 {
583
- font-family: "nta", Arial, sans-serif;
584
- font-weight: 700;
585
- text-transform: none;
586
- font-size: 18px;
587
- line-height: 1.2;
588
- display: block;
589
- margin-top: 1.25em;
590
- margin-bottom: 0.5em;
591
- }
592
- @media (min-width: 641px) {
593
- .heading-medium, h2 {
594
- font-size: 24px;
595
- line-height: 1.25;
596
- }
597
- }
598
- @media (min-width: 641px) {
599
- .heading-medium, h2 {
600
- margin-top: 1.875em;
601
- margin-bottom: 0.8333333333em;
602
- }
603
- }
604
-
605
- .heading-small, h3 {
606
- font-family: "nta", Arial, sans-serif;
607
- font-weight: 700;
608
- text-transform: none;
609
- font-size: 16px;
610
- line-height: 1.25;
611
- display: block;
612
- margin-top: 0.625em;
613
- margin-bottom: 0.3125em;
614
- }
615
- @media (min-width: 641px) {
616
- .heading-small, h3 {
617
- font-size: 19px;
618
- line-height: 1.3157894737;
619
- }
620
- }
621
- @media (min-width: 641px) {
622
- .heading-small, h3 {
623
- margin-top: 1.0526315789em;
624
- }
625
- }
626
-
627
- p,
628
- .body-text {
629
- margin-top: 0.3125em;
630
- margin-bottom: 1.25em;
631
- }
632
- @media (min-width: 641px) {
633
- p,
634
- .body-text {
635
- margin-top: 0.2631578947em;
636
- margin-bottom: 1.0526315789em;
637
- }
638
- }
639
-
640
- .body-text {
641
- display: block;
642
- }
643
-
644
- .lede {
645
- font-family: "nta", Arial, sans-serif;
646
- font-weight: 400;
647
- text-transform: none;
648
- font-size: 18px;
649
- line-height: 1.2;
650
- }
651
- @media (min-width: 641px) {
652
- .lede {
653
- font-size: 24px;
654
- line-height: 1.25;
655
- }
656
- }
657
-
658
- .text {
659
- max-width: 30em;
660
- }
661
-
662
- .text-secondary {
663
- color: #6f777b;
664
- }
665
-
666
- .link {
667
- color: #005ea5;
668
- text-decoration: underline;
669
- }
670
-
671
- .link:visited {
672
- color: #4c2c92;
673
- }
674
-
675
- .link:hover {
676
- color: #2b8cc4;
677
- }
678
-
679
- .link:active {
680
- color: #005ea5;
681
- }
682
-
683
- .link-back {
684
- display: -moz-inline-stack;
685
- display: inline-block;
686
- position: relative;
687
- font-family: "nta", Arial, sans-serif;
688
- font-weight: 400;
689
- text-transform: none;
690
- font-size: 14px;
691
- line-height: 1.1428571429;
692
- margin-top: 15px;
693
- margin-bottom: 15px;
694
- padding-left: 14px;
695
- color: #0b0c0c;
696
- text-decoration: none;
697
- border-bottom: 1px solid #0b0c0c;
698
- }
699
- @media (min-width: 641px) {
700
- .link-back {
701
- font-size: 16px;
702
- line-height: 1.25;
703
- }
704
- }
705
- .link-back:link, .link-back:visited, .link-back:hover,
706
- .link-back a.link-back:focus, .link-back:active {
707
- color: #0b0c0c;
708
- }
709
- .link-back::before {
710
- content: "";
711
- display: block;
712
- width: 0;
713
- height: 0;
714
- border-top: 5px solid transparent;
715
- border-right: 6px solid #0b0c0c;
716
- border-bottom: 5px solid transparent;
717
- position: absolute;
718
- left: 0;
719
- top: 50%;
720
- margin-top: -6px;
721
- }
722
-
723
- .code {
724
- color: #0b0c0c;
725
- background-color: #f8f8f8;
726
- text-shadow: 0 1px #fff;
727
- font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
728
- font-size: 14px;
729
- direction: ltr;
730
- text-align: left;
731
- white-space: pre;
732
- word-spacing: normal;
733
- word-break: normal;
734
- line-height: 1.5;
735
- -moz-tab-size: 4;
736
- -o-tab-size: 4;
737
- tab-size: 4;
738
- -webkit-hyphens: none;
739
- -moz-hyphens: none;
740
- -ms-hyphens: none;
741
- hyphens: none;
742
- border: 1px solid #bfc1c3;
743
- padding: 4px 4px 2px;
744
- }
745
-
746
- hr {
747
- display: block;
748
- background: #bfc1c3;
749
- border: 0;
750
- height: 1px;
751
- margin-top: 30px;
752
- margin-bottom: 30px;
753
- padding: 0;
754
- }
755
-
756
- .notice {
757
- position: relative;
758
- }
759
- .notice .icon {
760
- position: absolute;
761
- left: 0;
762
- top: 50%;
763
- margin-top: -17px;
764
- }
765
- .notice strong {
766
- display: block;
767
- padding-left: 65px;
768
- margin-left: -15px;
769
- }
770
-
771
- .data {
772
- margin-top: 0.3125em;
773
- margin-bottom: 1.25em;
774
- }
775
- @media (min-width: 641px) {
776
- .data {
777
- margin-top: 0.2631578947em;
778
- margin-bottom: 1.0526315789em;
779
- }
780
- }
781
-
782
- .data-item {
783
- display: block;
784
- line-height: 1;
785
- }
786
-
787
- .button {
788
- background-color: #00823b;
789
- position: relative;
790
- display: -moz-inline-stack;
791
- display: inline-block;
792
- padding: 0.526315em 0.789473em 0.263157em;
793
- border: none;
794
- -webkit-border-radius: 0;
795
- -moz-border-radius: 0;
796
- border-radius: 0;
797
- outline: 1px solid transparent;
798
- outline-offset: -1px;
799
- -webkit-appearance: none;
800
- -webkit-box-shadow: 0 2px 0 #003618;
801
- -moz-box-shadow: 0 2px 0 #003618;
802
- box-shadow: 0 2px 0 #003618;
803
- font-size: 1em;
804
- line-height: 1.25;
805
- text-decoration: none;
806
- -webkit-font-smoothing: antialiased;
807
- cursor: pointer;
808
- color: #fff;
809
- -webkit-box-sizing: border-box;
810
- -moz-box-sizing: border-box;
811
- box-sizing: border-box;
812
- vertical-align: top;
813
- }
814
- .button:visited {
815
- background-color: #00823b;
816
- }
817
- .button:hover, .button:focus {
818
- background-color: #00692f;
819
- }
820
- .button:active {
821
- top: 2px;
822
- -webkit-box-shadow: 0 0 0 #00823b;
823
- -moz-box-shadow: 0 0 0 #00823b;
824
- box-shadow: 0 0 0 #00823b;
825
- }
826
- .button.disabled, .button[disabled=disabled], .button[disabled] {
827
- zoom: 1;
828
- filter: alpha(opacity=50);
829
- opacity: 0.5;
830
- }
831
- .button.disabled:hover, .button[disabled=disabled]:hover, .button[disabled]:hover {
832
- cursor: default;
833
- background-color: #00823b;
834
- }
835
- .button.disabled:active, .button[disabled=disabled]:active, .button[disabled]:active {
836
- top: 0;
837
- -webkit-box-shadow: 0 2px 0 #003618;
838
- -moz-box-shadow: 0 2px 0 #003618;
839
- box-shadow: 0 2px 0 #003618;
840
- }
841
- .button:link, .button:link:focus, .button:hover, .button:focus, .button:visited {
842
- color: #fff;
843
- }
844
- .button:before {
845
- content: "";
846
- height: 110%;
847
- width: 100%;
848
- display: block;
849
- background: transparent;
850
- position: absolute;
851
- top: 0;
852
- left: 0;
853
- }
854
- .button:active:before {
855
- top: -10%;
856
- height: 120%;
857
- }
858
- @media (max-width: 640px) {
859
- .button {
860
- width: 100%;
861
- text-align: center;
862
- }
863
- }
864
-
865
- .button::-moz-focus-inner {
866
- border: 0;
867
- padding: 0;
868
- }
869
-
870
- .button:focus {
871
- outline: 3px solid #ffbf47;
872
- }
873
-
874
- .button[disabled=disabled] {
875
- background: #00823b;
876
- }
877
-
878
- .button[disabled=disabled]:focus {
879
- outline: none;
880
- }
881
-
882
- .button-start,
883
- .button-get-started {
884
- font-family: "nta", Arial, sans-serif;
885
- font-weight: 700;
886
- text-transform: none;
887
- font-size: 18px;
888
- line-height: 1.2;
889
- background-image: url("/public/images/icon-pointer.png");
890
- background-repeat: no-repeat;
891
- background-position: 100% 50%;
892
- padding: 0.3684210526em 2.1578947368em 0.2105263158em 0.8421052632em;
893
- }
894
- @media (min-width: 641px) {
895
- .button-start,
896
- .button-get-started {
897
- font-size: 24px;
898
- line-height: 1.25;
899
- }
900
- }
901
- @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) {
902
- .button-start,
903
- .button-get-started {
904
- background-image: url("/public/images/icon-pointer-2x.png");
905
- background-size: 30px 19px;
906
- }
907
- }
908
-
909
- .icon {
910
- display: inline-block;
911
- background-position: 0 0;
912
- background-repeat: no-repeat;
913
- }
914
-
915
- .icon-calendar {
916
- width: 27px;
917
- height: 27px;
918
- background-image: url("/public/images/icon-calendar.png");
919
- }
920
- @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) {
921
- .icon-calendar {
922
- background-image: url("/public/images/icon-calendar-2x.png");
923
- background-size: 100%;
924
- }
925
- }
926
-
927
- .icon-file-download {
928
- width: 30px;
929
- height: 39px;
930
- background-image: url("/public/images/icon-file-download.png");
931
- }
932
- @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) {
933
- .icon-file-download {
934
- background-image: url("/public/images/icon-file-download-2x.png");
935
- background-size: 100%;
936
- }
937
- }
938
-
939
- .icon-important {
940
- width: 35px;
941
- height: 35px;
942
- background-image: url("/public/images/icon-important.png");
943
- }
944
- @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) {
945
- .icon-important {
946
- background-image: url("/public/images/icon-important-2x.png");
947
- background-size: 100%;
948
- }
949
- }
950
-
951
- .icon-information {
952
- width: 27px;
953
- height: 27px;
954
- background-image: url("/public/images/icon-information.png");
955
- }
956
- @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) {
957
- .icon-information {
958
- background-image: url("/public/images/icon-information-2x.png");
959
- background-size: 100%;
960
- }
961
- }
962
-
963
- .icon-locator {
964
- width: 26px;
965
- height: 36px;
966
- background-image: url("/public/images/icon-locator.png");
967
- }
968
- @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) {
969
- .icon-locator {
970
- background-image: url("/public/images/icon-locator-2x.png");
971
- background-size: 100%;
972
- }
973
- }
974
-
975
- .icon-pointer {
976
- width: 30px;
977
- height: 19px;
978
- background-image: url("/public/images/icon-pointer.png");
979
- }
980
- @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) {
981
- .icon-pointer {
982
- background-image: url("/public/images/icon-pointer-2x.png");
983
- background-size: 100%;
984
- }
985
- }
986
-
987
- .icon-pointer-black {
988
- width: 23px;
989
- height: 23px;
990
- background-image: url("/public/images/icon-pointer-black.png");
991
- }
992
- @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) {
993
- .icon-pointer-black {
994
- background-image: url("/public/images/icon-pointer-black-2x.png");
995
- background-size: 100%;
996
- }
997
- }
998
-
999
- .icon-search {
1000
- width: 30px;
1001
- height: 22px;
1002
- background-image: url("/public/images/icon-search.png");
1003
- }
1004
- @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) {
1005
- .icon-search {
1006
- background-image: url("/public/images/icon-search-2x.png");
1007
- background-size: 100%;
1008
- }
1009
- }
1010
-
1011
- .icon-step-1 {
1012
- width: 23px;
1013
- height: 23px;
1014
- background-image: url("/public/images/icon-steps/icon-step-1.png");
1015
- }
1016
- @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) {
1017
- .icon-step-1 {
1018
- background-image: url("/public/images/icon-steps/icon-step-1-2x.png");
1019
- background-size: 100%;
1020
- }
1021
- }
1022
-
1023
- .icon-step-2 {
1024
- width: 23px;
1025
- height: 23px;
1026
- background-image: url("/public/images/icon-steps/icon-step-2.png");
1027
- }
1028
- @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) {
1029
- .icon-step-2 {
1030
- background-image: url("/public/images/icon-steps/icon-step-2-2x.png");
1031
- background-size: 100%;
1032
- }
1033
- }
1034
-
1035
- .icon-step-3 {
1036
- width: 23px;
1037
- height: 23px;
1038
- background-image: url("/public/images/icon-steps/icon-step-3.png");
1039
- }
1040
- @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) {
1041
- .icon-step-3 {
1042
- background-image: url("/public/images/icon-steps/icon-step-3-2x.png");
1043
- background-size: 100%;
1044
- }
1045
- }
1046
-
1047
- .icon-step-4 {
1048
- width: 23px;
1049
- height: 23px;
1050
- background-image: url("/public/images/icon-steps/icon-step-4.png");
1051
- }
1052
- @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) {
1053
- .icon-step-4 {
1054
- background-image: url("/public/images/icon-steps/icon-step-4-2x.png");
1055
- background-size: 100%;
1056
- }
1057
- }
1058
-
1059
- .icon-step-5 {
1060
- width: 23px;
1061
- height: 23px;
1062
- background-image: url("/public/images/icon-steps/icon-step-5.png");
1063
- }
1064
- @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) {
1065
- .icon-step-5 {
1066
- background-image: url("/public/images/icon-steps/icon-step-5-2x.png");
1067
- background-size: 100%;
1068
- }
1069
- }
1070
-
1071
- .icon-step-6 {
1072
- width: 23px;
1073
- height: 23px;
1074
- background-image: url("/public/images/icon-steps/icon-step-6.png");
1075
- }
1076
- @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) {
1077
- .icon-step-6 {
1078
- background-image: url("/public/images/icon-steps/icon-step-6-2x.png");
1079
- background-size: 100%;
1080
- }
1081
- }
1082
-
1083
- .icon-step-7 {
1084
- width: 23px;
1085
- height: 23px;
1086
- background-image: url("/public/images/icon-steps/icon-step-7.png");
1087
- }
1088
- @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) {
1089
- .icon-step-7 {
1090
- background-image: url("/public/images/icon-steps/icon-step-7-2x.png");
1091
- background-size: 100%;
1092
- }
1093
- }
1094
-
1095
- .icon-step-8 {
1096
- width: 23px;
1097
- height: 23px;
1098
- background-image: url("/public/images/icon-steps/icon-step-8.png");
1099
- }
1100
- @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) {
1101
- .icon-step-8 {
1102
- background-image: url("/public/images/icon-steps/icon-step-8-2x.png");
1103
- background-size: 100%;
1104
- }
1105
- }
1106
-
1107
- .icon-step-9 {
1108
- width: 23px;
1109
- height: 23px;
1110
- background-image: url("/public/images/icon-steps/icon-step-9.png");
1111
- }
1112
- @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) {
1113
- .icon-step-9 {
1114
- background-image: url("/public/images/icon-steps/icon-step-9-2x.png");
1115
- background-size: 100%;
1116
- }
1117
- }
1118
-
1119
- .icon-step-10 {
1120
- width: 23px;
1121
- height: 23px;
1122
- background-image: url("/public/images/icon-steps/icon-step-10.png");
1123
- }
1124
- @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) {
1125
- .icon-step-10 {
1126
- background-image: url("/public/images/icon-steps/icon-step-10-2x.png");
1127
- background-size: 100%;
1128
- }
1129
- }
1130
-
1131
- .icon-step-11 {
1132
- width: 23px;
1133
- height: 23px;
1134
- background-image: url("/public/images/icon-steps/icon-step-11.png");
1135
- }
1136
- @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) {
1137
- .icon-step-11 {
1138
- background-image: url("/public/images/icon-steps/icon-step-11-2x.png");
1139
- background-size: 100%;
1140
- }
1141
- }
1142
-
1143
- .icon-step-12 {
1144
- width: 23px;
1145
- height: 23px;
1146
- background-image: url("/public/images/icon-steps/icon-step-12.png");
1147
- }
1148
- @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) {
1149
- .icon-step-12 {
1150
- background-image: url("/public/images/icon-steps/icon-step-12-2x.png");
1151
- background-size: 100%;
1152
- }
1153
- }
1154
-
1155
- .icon-step-13 {
1156
- width: 23px;
1157
- height: 23px;
1158
- background-image: url("/public/images/icon-steps/icon-step-13.png");
1159
- }
1160
- @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) {
1161
- .icon-step-13 {
1162
- background-image: url("/public/images/icon-steps/icon-step-13-2x.png");
1163
- background-size: 100%;
1164
- }
1165
- }
1166
-
1167
- .icon-step-14 {
1168
- width: 23px;
1169
- height: 23px;
1170
- background-image: url("/public/images/icon-steps/icon-step-14.png");
1171
- }
1172
- @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) {
1173
- .icon-step-14 {
1174
- background-image: url("/public/images/icon-steps/icon-step-14-2x.png");
1175
- background-size: 100%;
1176
- }
1177
- }
1178
-
1179
- .circle {
1180
- display: inline-block;
1181
- -webkit-border-radius: 50%;
1182
- -moz-border-radius: 50%;
1183
- border-radius: 50%;
1184
- background: #0b0c0c;
1185
- color: #fff;
1186
- font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
1187
- font-size: 12px;
1188
- font-weight: bold;
1189
- text-align: center;
1190
- }
1191
-
1192
- .circle-step {
1193
- min-width: 24px;
1194
- min-height: 24px;
1195
- line-height: 24px;
1196
- }
1197
-
1198
- .circle-step-large {
1199
- font-size: 19px;
1200
- min-width: 38px;
1201
- min-height: 38px;
1202
- line-height: 38px;
1203
- }
1204
-
1205
- ul,
1206
- ol {
1207
- list-style-type: none;
1208
- }
1209
-
1210
- .list {
1211
- padding: 0;
1212
- margin-top: 5px;
1213
- margin-bottom: 20px;
1214
- }
1215
-
1216
- .list li {
1217
- margin-bottom: 5px;
1218
- }
1219
-
1220
- .list-bullet {
1221
- list-style-type: disc;
1222
- padding-left: 20px;
1223
- }
1224
-
1225
- .list-number {
1226
- list-style-type: decimal;
1227
- padding-left: 20px;
1228
- }
1229
-
1230
- table {
1231
- border-collapse: collapse;
1232
- border-spacing: 0;
1233
- width: 100%;
1234
- }
1235
- table th,
1236
- table td {
1237
- font-family: "nta", Arial, sans-serif;
1238
- font-weight: 400;
1239
- text-transform: none;
1240
- font-size: 16px;
1241
- line-height: 1.25;
1242
- padding: 0.6315789474em 1.0526315789em 0.4736842105em 0;
1243
- text-align: left;
1244
- border-bottom: 1px solid #bfc1c3;
1245
- }
1246
- @media (min-width: 641px) {
1247
- table th,
1248
- table td {
1249
- font-size: 19px;
1250
- line-height: 1.3157894737;
1251
- }
1252
- }
1253
- table thead th {
1254
- font-weight: 700;
1255
- }
1256
- table td:last-child,
1257
- table th:last-child {
1258
- padding-right: 0;
1259
- }
1260
- table .numeric {
1261
- text-align: right;
1262
- }
1263
- table td.numeric {
1264
- font-family: "ntatabularnumbers", "nta", Arial, sans-serif;
1265
- }
1266
- table caption {
1267
- text-align: left;
1268
- }
1269
-
1270
- .table-font-xsmall th {
1271
- font-family: "nta", Arial, sans-serif;
1272
- font-weight: 700;
1273
- text-transform: none;
1274
- font-size: 14px;
1275
- line-height: 1.1428571429;
1276
- }
1277
- @media (min-width: 641px) {
1278
- .table-font-xsmall th {
1279
- font-size: 16px;
1280
- line-height: 1.25;
1281
- }
1282
- }
1283
- .table-font-xsmall td {
1284
- font-family: "nta", Arial, sans-serif;
1285
- font-weight: 400;
1286
- text-transform: none;
1287
- font-size: 14px;
1288
- line-height: 1.1428571429;
1289
- }
1290
- @media (min-width: 641px) {
1291
- .table-font-xsmall td {
1292
- font-size: 16px;
1293
- line-height: 1.25;
1294
- }
1295
- }
1296
- .table-font-xsmall th,
1297
- .table-font-xsmall td {
1298
- padding: 0.75em 1.25em 0.5625em 0;
1299
- }
1300
-
1301
- details {
1302
- display: block;
1303
- clear: both;
1304
- }
1305
- details summary {
1306
- display: inline-block;
1307
- color: #005ea5;
1308
- cursor: pointer;
1309
- position: relative;
1310
- margin-bottom: 0.2631578947em;
1311
- padding-left: 25px;
1312
- }
1313
- details summary:before {
1314
- content: "";
1315
- position: absolute;
1316
- top: 0;
1317
- bottom: 0;
1318
- left: 0;
1319
- margin: auto;
1320
- display: block;
1321
- width: 0;
1322
- height: 0;
1323
- border-style: solid;
1324
- border-color: transparent;
1325
- -webkit-clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
1326
- clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
1327
- border-width: 7px 0 7px 12.124px;
1328
- border-left-color: inherit;
1329
- }
1330
- details summary:hover {
1331
- color: #2b8cc4;
1332
- }
1333
- details summary:focus {
1334
- outline: 3px solid #ffbf47;
1335
- }
1336
- details summary::-webkit-details-marker {
1337
- display: none;
1338
- }
1339
- details[open] > summary:before {
1340
- display: block;
1341
- width: 0;
1342
- height: 0;
1343
- border-style: solid;
1344
- border-color: transparent;
1345
- -webkit-clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
1346
- clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
1347
- border-width: 12.124px 7px 0 7px;
1348
- border-top-color: inherit;
1349
- }
1350
- details .summary {
1351
- text-decoration: underline;
1352
- }
1353
- details .arrow {
1354
- display: none;
1355
- }
1356
-
1357
- .panel {
1358
- -webkit-box-sizing: border-box;
1359
- -moz-box-sizing: border-box;
1360
- box-sizing: border-box;
1361
- clear: both;
1362
- border-left-style: solid;
1363
- border-color: #bfc1c3;
1364
- padding: 0.7894736842em;
1365
- margin-bottom: 0.7894736842em;
1366
- }
1367
- .panel :first-child {
1368
- margin-top: 0;
1369
- }
1370
- .panel :only-child,
1371
- .panel :last-child {
1372
- margin-bottom: 0;
1373
- }
1374
-
1375
- .panel-border-wide {
1376
- border-left-width: 10px;
1377
- }
1378
-
1379
- .panel-border-narrow {
1380
- border-left-width: 5px;
1381
- }
1382
-
1383
- .form-group .panel-border-narrow {
1384
- float: left;
1385
- width: 100%;
1386
- padding-bottom: 0;
1387
- }
1388
-
1389
- .form-group .panel-border-narrow:first-child {
1390
- margin-top: 10px;
1391
- }
1392
-
1393
- .form-group .panel-border-narrow:last-child {
1394
- margin-top: 0;
1395
- margin-bottom: 0;
1396
- }
1397
-
1398
- .inline .panel-border-narrow,
1399
- .inline .panel-border-narrow:last-child {
1400
- margin-top: 10px;
1401
- margin-bottom: 0;
1402
- }
1403
-
1404
- fieldset {
1405
- width: 100%;
1406
- }
1407
- fieldset.after-error-summary {
1408
- margin-top: -15px;
1409
- }
1410
- @media (min-width: 641px) {
1411
- fieldset.after-error-summary {
1412
- margin-top: -30px;
1413
- }
1414
- }
1415
-
1416
- legend {
1417
- overflow: hidden;
1418
- }
1419
-
1420
- textarea {
1421
- display: block;
1422
- }
1423
-
1424
- .form-section,
1425
- .form-group {
1426
- -webkit-box-sizing: border-box;
1427
- -moz-box-sizing: border-box;
1428
- box-sizing: border-box;
1429
- }
1430
-
1431
- .form-section {
1432
- margin-bottom: 30px;
1433
- }
1434
- @media (min-width: 641px) {
1435
- .form-section {
1436
- margin-bottom: 60px;
1437
- }
1438
- }
1439
-
1440
- .form-group {
1441
- margin-bottom: 15px;
1442
- }
1443
- @media (min-width: 641px) {
1444
- .form-group {
1445
- margin-bottom: 30px;
1446
- }
1447
- }
1448
-
1449
- .form-group-related {
1450
- margin-bottom: 10px;
1451
- }
1452
- @media (min-width: 641px) {
1453
- .form-group-related {
1454
- margin-bottom: 20px;
1455
- }
1456
- }
1457
-
1458
- .form-group-compound {
1459
- margin-bottom: 10px;
1460
- }
1461
-
1462
- .form-label,
1463
- .form-label-bold {
1464
- display: block;
1465
- color: #0b0c0c;
1466
- padding-bottom: 2px;
1467
- }
1468
-
1469
- .form-label {
1470
- font-family: "nta", Arial, sans-serif;
1471
- font-weight: 400;
1472
- text-transform: none;
1473
- font-size: 16px;
1474
- line-height: 1.25;
1475
- }
1476
- @media (min-width: 641px) {
1477
- .form-label {
1478
- font-size: 19px;
1479
- line-height: 1.3157894737;
1480
- }
1481
- }
1482
-
1483
- .form-label-bold {
1484
- font-family: "nta", Arial, sans-serif;
1485
- font-weight: 700;
1486
- text-transform: none;
1487
- font-size: 16px;
1488
- line-height: 1.25;
1489
- }
1490
- @media (min-width: 641px) {
1491
- .form-label-bold {
1492
- font-size: 19px;
1493
- line-height: 1.3157894737;
1494
- }
1495
- }
1496
-
1497
- .form-block {
1498
- float: left;
1499
- clear: left;
1500
- margin-top: -5px;
1501
- margin-bottom: 5px;
1502
- }
1503
- @media (min-width: 641px) {
1504
- .form-block {
1505
- margin-top: 0;
1506
- margin-bottom: 10px;
1507
- }
1508
- }
1509
-
1510
- .form-hint {
1511
- font-family: "nta", Arial, sans-serif;
1512
- font-weight: 400;
1513
- text-transform: none;
1514
- font-size: 16px;
1515
- line-height: 1.25;
1516
- display: block;
1517
- color: #6f777b;
1518
- font-weight: normal;
1519
- margin-top: -2px;
1520
- padding-bottom: 2px;
1521
- }
1522
- @media (min-width: 641px) {
1523
- .form-hint {
1524
- font-size: 19px;
1525
- line-height: 1.3157894737;
1526
- }
1527
- }
1528
-
1529
- .form-label .form-hint,
1530
- .form-label-bold .form-hint {
1531
- margin-top: 0;
1532
- padding-bottom: 0;
1533
- }
1534
-
1535
- .form-control {
1536
- -webkit-box-sizing: border-box;
1537
- -moz-box-sizing: border-box;
1538
- box-sizing: border-box;
1539
- font-family: "nta", Arial, sans-serif;
1540
- font-weight: 400;
1541
- text-transform: none;
1542
- font-size: 16px;
1543
- line-height: 1.25;
1544
- width: 100%;
1545
- padding: 5px 4px 4px;
1546
- border: 2px solid #0b0c0c;
1547
- }
1548
- @media (min-width: 641px) {
1549
- .form-control {
1550
- font-size: 19px;
1551
- line-height: 1.3157894737;
1552
- }
1553
- }
1554
- @media (min-width: 641px) {
1555
- .form-control {
1556
- width: 50%;
1557
- }
1558
- }
1559
-
1560
- input.form-control,
1561
- textarea.form-control {
1562
- -webkit-appearance: none;
1563
- border-radius: 0;
1564
- }
1565
-
1566
- textarea.form-control {
1567
- opacity: 1;
1568
- background-image: none;
1569
- }
1570
-
1571
- .form-control-3-4 {
1572
- width: 100%;
1573
- }
1574
- @media (min-width: 641px) {
1575
- .form-control-3-4 {
1576
- width: 75%;
1577
- }
1578
- }
1579
-
1580
- .form-control-2-3 {
1581
- width: 100%;
1582
- }
1583
- @media (min-width: 641px) {
1584
- .form-control-2-3 {
1585
- width: 66.66%;
1586
- }
1587
- }
1588
-
1589
- .form-control-1-2 {
1590
- width: 100%;
1591
- }
1592
- @media (min-width: 641px) {
1593
- .form-control-1-2 {
1594
- width: 50%;
1595
- }
1596
- }
1597
-
1598
- .form-control-1-3 {
1599
- width: 100%;
1600
- }
1601
- @media (min-width: 641px) {
1602
- .form-control-1-3 {
1603
- width: 33.33%;
1604
- }
1605
- }
1606
-
1607
- .form-control-1-4 {
1608
- width: 100%;
1609
- }
1610
- @media (min-width: 641px) {
1611
- .form-control-1-4 {
1612
- width: 25%;
1613
- }
1614
- }
1615
-
1616
- .form-control-1-8 {
1617
- width: 100%;
1618
- }
1619
- @media (min-width: 641px) {
1620
- .form-control-1-8 {
1621
- width: 12.5%;
1622
- }
1623
- }
1624
-
1625
- option:active,
1626
- option:checked,
1627
- select:focus::-ms-value {
1628
- color: #fff;
1629
- background-color: #005ea5;
1630
- }
1631
-
1632
- .multiple-choice {
1633
- display: block;
1634
- float: none;
1635
- clear: left;
1636
- position: relative;
1637
- padding: 0 0 0 38px;
1638
- margin-bottom: 10px;
1639
- }
1640
- @media (min-width: 641px) {
1641
- .multiple-choice {
1642
- float: left;
1643
- }
1644
- }
1645
- .multiple-choice input {
1646
- position: absolute;
1647
- cursor: pointer;
1648
- left: 0;
1649
- top: 0;
1650
- width: 38px;
1651
- height: 38px;
1652
- z-index: 1;
1653
- margin: 0;
1654
- zoom: 1;
1655
- filter: alpha(opacity=0);
1656
- opacity: 0;
1657
- }
1658
- .multiple-choice label {
1659
- cursor: pointer;
1660
- padding: 8px 10px 9px 12px;
1661
- display: block;
1662
- -ms-touch-action: manipulation;
1663
- touch-action: manipulation;
1664
- }
1665
- @media (min-width: 641px) {
1666
- .multiple-choice label {
1667
- float: left;
1668
- padding-top: 7px;
1669
- padding-bottom: 7px;
1670
- }
1671
- }
1672
- .multiple-choice [type=radio] + label::before {
1673
- content: "";
1674
- border: 2px solid;
1675
- background: transparent;
1676
- width: 34px;
1677
- height: 34px;
1678
- position: absolute;
1679
- top: 0;
1680
- left: 0;
1681
- -webkit-border-radius: 50%;
1682
- -moz-border-radius: 50%;
1683
- border-radius: 50%;
1684
- }
1685
- .multiple-choice [type=radio] + label::after {
1686
- content: "";
1687
- border: 10px solid;
1688
- width: 0;
1689
- height: 0;
1690
- position: absolute;
1691
- top: 9px;
1692
- left: 9px;
1693
- -webkit-border-radius: 50%;
1694
- -moz-border-radius: 50%;
1695
- border-radius: 50%;
1696
- zoom: 1;
1697
- filter: alpha(opacity=0);
1698
- opacity: 0;
1699
- }
1700
- .multiple-choice [type=checkbox] + label::before {
1701
- content: "";
1702
- border: 2px solid;
1703
- background: transparent;
1704
- width: 34px;
1705
- height: 34px;
1706
- position: absolute;
1707
- top: 0;
1708
- left: 0;
1709
- }
1710
- .multiple-choice [type=checkbox] + label::after {
1711
- content: "";
1712
- border: solid;
1713
- border-width: 0 0 5px 5px;
1714
- background: transparent;
1715
- border-top-color: transparent;
1716
- width: 17px;
1717
- height: 7px;
1718
- position: absolute;
1719
- top: 10px;
1720
- left: 8px;
1721
- -moz-transform: rotate(-45deg);
1722
- -o-transform: rotate(-45deg);
1723
- -webkit-transform: rotate(-45deg);
1724
- -ms-transform: rotate(-45deg);
1725
- transform: rotate(-45deg);
1726
- zoom: 1;
1727
- filter: alpha(opacity=0);
1728
- opacity: 0;
1729
- }
1730
- .multiple-choice [type=radio]:focus + label::before {
1731
- -webkit-box-shadow: 0 0 0 4px #ffbf47;
1732
- -moz-box-shadow: 0 0 0 4px #ffbf47;
1733
- box-shadow: 0 0 0 4px #ffbf47;
1734
- }
1735
- .multiple-choice [type=checkbox]:focus + label::before {
1736
- -webkit-box-shadow: 0 0 0 3px #ffbf47;
1737
- -moz-box-shadow: 0 0 0 3px #ffbf47;
1738
- box-shadow: 0 0 0 3px #ffbf47;
1739
- }
1740
- .multiple-choice input:checked + label::after {
1741
- zoom: 1;
1742
- filter: alpha(opacity=100);
1743
- opacity: 1;
1744
- }
1745
- .multiple-choice input:disabled {
1746
- cursor: default;
1747
- }
1748
- .multiple-choice input:disabled + label {
1749
- zoom: 1;
1750
- filter: alpha(opacity=50);
1751
- opacity: 0.5;
1752
- cursor: default;
1753
- }
1754
- .multiple-choice:last-child, .multiple-choice:last-of-type {
1755
- margin-bottom: 0;
1756
- }
1757
-
1758
- .inline .multiple-choice {
1759
- clear: none;
1760
- }
1761
- @media (min-width: 641px) {
1762
- .inline .multiple-choice {
1763
- margin-bottom: 0;
1764
- margin-right: 30px;
1765
- }
1766
- }
1767
-
1768
- input::-webkit-outer-spin-button,
1769
- input::-webkit-inner-spin-button {
1770
- -webkit-appearance: none;
1771
- margin: 0;
1772
- }
1773
-
1774
- input[type=number] {
1775
- -moz-appearance: textfield;
1776
- }
1777
-
1778
- .form-date .form-group {
1779
- float: left;
1780
- width: 50px;
1781
- margin-right: 20px;
1782
- margin-bottom: 0;
1783
- clear: none;
1784
- }
1785
- .form-date .form-group label {
1786
- display: block;
1787
- padding-bottom: 2px;
1788
- }
1789
- .form-date .form-group input {
1790
- width: 100%;
1791
- }
1792
- .form-date .form-group-year {
1793
- width: 70px;
1794
- }
1795
-
1796
- .form-group-error {
1797
- margin-right: 15px;
1798
- border-left: 4px solid #b10e1e;
1799
- padding-left: 10px;
1800
- }
1801
- @media (min-width: 641px) {
1802
- .form-group-error {
1803
- border-left: 5px solid #b10e1e;
1804
- padding-left: 15px;
1805
- }
1806
- }
1807
-
1808
- .form-control-error {
1809
- border: 4px solid #b10e1e;
1810
- }
1811
-
1812
- .error-message {
1813
- font-family: "nta", Arial, sans-serif;
1814
- font-weight: 700;
1815
- text-transform: none;
1816
- font-size: 16px;
1817
- line-height: 1.25;
1818
- color: #b10e1e;
1819
- display: block;
1820
- clear: both;
1821
- margin: 0;
1822
- padding: 2px 0;
1823
- }
1824
- @media (min-width: 641px) {
1825
- .error-message {
1826
- font-size: 19px;
1827
- line-height: 1.3157894737;
1828
- }
1829
- }
1830
-
1831
- .form-label .error-message,
1832
- .form-label-bold .error-message {
1833
- padding-top: 4px;
1834
- padding-bottom: 0;
1835
- }
1836
-
1837
- .error-summary {
1838
- border: 4px solid #b10e1e;
1839
- margin-top: 15px;
1840
- margin-bottom: 15px;
1841
- padding: 15px 10px;
1842
- }
1843
- @media (min-width: 641px) {
1844
- .error-summary {
1845
- border: 5px solid #b10e1e;
1846
- margin-top: 30px;
1847
- margin-bottom: 30px;
1848
- padding: 20px 15px 15px;
1849
- }
1850
- }
1851
- .error-summary:focus {
1852
- outline: 3px solid #ffbf47;
1853
- }
1854
- .error-summary .error-summary-heading {
1855
- margin-top: 0;
1856
- }
1857
- .error-summary p {
1858
- margin-bottom: 10px;
1859
- }
1860
- .error-summary .error-summary-list {
1861
- padding-left: 0;
1862
- }
1863
- @media (min-width: 641px) {
1864
- .error-summary .error-summary-list li {
1865
- margin-bottom: 5px;
1866
- }
1867
- }
1868
- .error-summary .error-summary-list a {
1869
- color: #b10e1e;
1870
- font-weight: bold;
1871
- text-decoration: underline;
1872
- }
1873
-
1874
- .breadcrumbs {
1875
- padding-top: 0.75em;
1876
- padding-bottom: 0.75em;
1877
- }
1878
- .breadcrumbs li {
1879
- font-family: "nta", Arial, sans-serif;
1880
- font-weight: 400;
1881
- text-transform: none;
1882
- font-size: 14px;
1883
- line-height: 1.1428571429;
1884
- float: left;
1885
- background-image: url("/public/images/separator.png");
1886
- background-position: 0% 50%;
1887
- background-repeat: no-repeat;
1888
- list-style: none;
1889
- margin-left: 0.6em;
1890
- margin-bottom: 0.4em;
1891
- padding-left: 0.9em;
1892
- }
1893
- @media (min-width: 641px) {
1894
- .breadcrumbs li {
1895
- font-size: 16px;
1896
- line-height: 1.25;
1897
- }
1898
- }
1899
- @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) {
1900
- .breadcrumbs li {
1901
- background-image: url("/public/images/separator-2x.png");
1902
- background-size: 6px 11px;
1903
- }
1904
- }
1905
- .breadcrumbs li:first-child {
1906
- background-image: none;
1907
- margin-left: 0;
1908
- padding-left: 0;
1909
- }
1910
- .breadcrumbs a {
1911
- color: #0b0c0c;
1912
- }
1913
-
1914
- .phase-banner {
1915
- padding: 10px 0 8px;
1916
- border-bottom: 1px solid #bfc1c3;
1917
- }
1918
- @media (min-width: 641px) {
1919
- .phase-banner {
1920
- padding-bottom: 10px;
1921
- }
1922
- }
1923
- .phase-banner p {
1924
- display: table;
1925
- margin: 0;
1926
- color: #000;
1927
- font-family: "nta", Arial, sans-serif;
1928
- font-weight: 400;
1929
- text-transform: none;
1930
- font-size: 14px;
1931
- line-height: 1.1428571429;
1932
- }
1933
- @media (min-width: 641px) {
1934
- .phase-banner p {
1935
- font-size: 16px;
1936
- line-height: 1.25;
1937
- }
1938
- }
1939
- .phase-banner .phase-tag {
1940
- display: -moz-inline-stack;
1941
- display: inline-block;
1942
- margin: 0 8px 0 0;
1943
- padding: 2px 5px 0;
1944
- font-family: "nta", Arial, sans-serif;
1945
- font-weight: 700;
1946
- text-transform: none;
1947
- font-size: 14px;
1948
- line-height: 1.1428571429;
1949
- text-transform: uppercase;
1950
- letter-spacing: 1px;
1951
- text-decoration: none;
1952
- color: #fff;
1953
- background-color: #005ea5;
1954
- }
1955
- @media (min-width: 641px) {
1956
- .phase-banner .phase-tag {
1957
- font-size: 16px;
1958
- line-height: 1.25;
1959
- }
1960
- }
1961
- .phase-banner span {
1962
- display: table-cell;
1963
- vertical-align: baseline;
1964
- }
1965
-
1966
- .phase-banner-alpha,
1967
- .phase-banner-beta {
1968
- padding: 10px 0 8px;
1969
- border-bottom: 1px solid #bfc1c3;
1970
- }
1971
- @media (min-width: 641px) {
1972
- .phase-banner-alpha,
1973
- .phase-banner-beta {
1974
- padding-bottom: 10px;
1975
- }
1976
- }
1977
- .phase-banner-alpha p,
1978
- .phase-banner-beta p {
1979
- display: table;
1980
- margin: 0;
1981
- color: #000;
1982
- font-family: "nta", Arial, sans-serif;
1983
- font-weight: 400;
1984
- text-transform: none;
1985
- font-size: 14px;
1986
- line-height: 1.1428571429;
1987
- }
1988
- @media (min-width: 641px) {
1989
- .phase-banner-alpha p,
1990
- .phase-banner-beta p {
1991
- font-size: 16px;
1992
- line-height: 1.25;
1993
- }
1994
- }
1995
- .phase-banner-alpha .phase-tag,
1996
- .phase-banner-beta .phase-tag {
1997
- display: -moz-inline-stack;
1998
- display: inline-block;
1999
- margin: 0 8px 0 0;
2000
- padding: 2px 5px 0;
2001
- font-family: "nta", Arial, sans-serif;
2002
- font-weight: 700;
2003
- text-transform: none;
2004
- font-size: 14px;
2005
- line-height: 1.1428571429;
2006
- text-transform: uppercase;
2007
- letter-spacing: 1px;
2008
- text-decoration: none;
2009
- color: #fff;
2010
- background-color: #005ea5;
2011
- }
2012
- @media (min-width: 641px) {
2013
- .phase-banner-alpha .phase-tag,
2014
- .phase-banner-beta .phase-tag {
2015
- font-size: 16px;
2016
- line-height: 1.25;
2017
- }
2018
- }
2019
- .phase-banner-alpha span,
2020
- .phase-banner-beta span {
2021
- display: table-cell;
2022
- vertical-align: baseline;
2023
- }
2024
-
2025
- .phase-tag {
2026
- display: -moz-inline-stack;
2027
- display: inline-block;
2028
- margin: 0 8px 0 0;
2029
- padding: 2px 5px 0;
2030
- font-family: "nta", Arial, sans-serif;
2031
- font-weight: 700;
2032
- text-transform: none;
2033
- font-size: 14px;
2034
- line-height: 1.1428571429;
2035
- text-transform: uppercase;
2036
- letter-spacing: 1px;
2037
- text-decoration: none;
2038
- color: #fff;
2039
- background-color: #005ea5;
2040
- }
2041
- @media (min-width: 641px) {
2042
- .phase-tag {
2043
- font-size: 16px;
2044
- line-height: 1.25;
2045
- }
2046
- }
2047
-
2048
- .govuk-box-highlight {
2049
- margin: 1em 0;
2050
- padding: 2em 1em;
2051
- color: #fff;
2052
- background: #28a197;
2053
- text-align: center;
2054
- }
2055
-
2056
- html {
2057
- background: #dee0e2;
2058
- }
2059
-
2060
- body {
2061
- background: #fff;
2062
- }
2063
-
2064
- .main-content img {
2065
- max-width: 100%;
2066
- }
2067
- .main-content .svg {
2068
- width: 100%;
2069
- }
2070
-
2071
- .hmpo {
2072
- white-space: nowrap;
2073
- }
2074
-
2075
- #global-header-bar .inner-block {
2076
- padding: 0;
2077
- }
2078
-
2079
- #content {
2080
- margin: 0;
2081
- }
2082
-
2083
- .main {
2084
- padding-bottom: 30px;
2085
- }
2086
- @media (min-width: 769px) {
2087
- .main {
2088
- padding-bottom: 90px;
2089
- }
2090
- }
2091
-
2092
- .grid-row {
2093
- position: relative;
2094
- }
2095
- .column-full {
2096
- padding: 0 15px;
2097
- -webkit-box-sizing: border-box;
2098
- -moz-box-sizing: border-box;
2099
- box-sizing: border-box;
2100
- }
2101
- @media (min-width: 641px) {
2102
- .column-full {
2103
- float: left;
2104
- width: 100%;
2105
- }
2106
- }
2107
-
2108
- .column-one-third {
2109
- padding: 0 15px;
2110
- -webkit-box-sizing: border-box;
2111
- -moz-box-sizing: border-box;
2112
- box-sizing: border-box;
2113
- }
2114
- @media (min-width: 769px) {
2115
- .column-one-third {
2116
- float: left;
2117
- width: 33.3333333333%;
2118
- }
2119
- }
2120
-
2121
- .column-half {
2122
- padding: 0 15px;
2123
- -webkit-box-sizing: border-box;
2124
- -moz-box-sizing: border-box;
2125
- box-sizing: border-box;
2126
- }
2127
- @media (min-width: 769px) {
2128
- .column-half {
2129
- float: left;
2130
- width: 50%;
2131
- }
2132
- }
2133
-
2134
- .column-two-thirds {
2135
- padding: 0 15px;
2136
- -webkit-box-sizing: border-box;
2137
- -moz-box-sizing: border-box;
2138
- box-sizing: border-box;
2139
- }
2140
- @media (min-width: 769px) {
2141
- .column-two-thirds {
2142
- float: left;
2143
- width: 66.6666666667%;
2144
- }
2145
- }
2146
-
2147
- @media (min-width: 769px) {
2148
- .column-right {
2149
- float: right;
2150
- }
2151
- }
2152
-
2153
- .sidebar {
2154
- border-top: 10px solid #005ea5;
2155
- }
2156
-
2157
- .lte-ie8 #global-header-bar, .lte-ie8 #global-breadcrumb {
2158
- width: 960px;
2159
- max-width: inherit;
2160
- margin: 0 auto;
2161
- }
2162
- .lte-ie8 #global-header-bar .inner-block, .lte-ie8 #global-breadcrumb .inner-block {
2163
- margin: 0;
2164
- padding: 0;
2165
- }
2166
- .lte-ie8 #content {
2167
- width: 960px;
2168
- max-width: inherit;
2169
- margin: 0 auto;
2170
- padding-bottom: 90px;
2171
- }
2172
- .lte-ie8 .grid-row {
2173
- width: 990px;
2174
- }
2175
- .lte-ie8 .column-two-thirds {
2176
- float: left;
2177
- padding: 0 15px;
2178
- box-sizing: content-box;
2179
- width: 630px;
2180
- }
2181
- .lte-ie8 .column-two-thirds .grid-row {
2182
- width: 660px;
2183
- }
2184
- .lte-ie8 .column-two-thirds .column-two-thirds {
2185
- width: 410px;
2186
- }
2187
- .lte-ie8 .column-two-thirds .column-one-third {
2188
- width: 190px;
2189
- }
2190
- .lte-ie8 .column-half {
2191
- float: left;
2192
- padding: 0 15px;
2193
- box-sizing: content-box;
2194
- width: 465px;
2195
- }
2196
- .lte-ie8 .column-one-third {
2197
- float: left;
2198
- padding: 0 15px;
2199
- box-sizing: content-box;
2200
- width: 300px;
2201
- }
2202
- .lte-ie8 .column-right {
2203
- float: right;
2204
- }
2205
- .lte-ie8 .phase-banner, .lte-ie8 #back {
2206
- width: 960px;
2207
- margin: 0 auto;
2208
- }
2209
-
2210
- .bold {
2211
- font-weight: bold;
2212
- }
2213
-
2214
- .uppercase {
2215
- text-transform: uppercase;
2216
- }
2217
-
2218
- strong {
2219
- font-weight: bold;
2220
- }
2221
-
2222
- .new-window {
2223
- padding-right: 17px;
2224
- background: url("/public/images/passports/new-window-link.png") right center no-repeat;
2225
- }
2226
- .new-window:hover {
2227
- background-image: url("/public/images/passports/new-window-link-blue.png");
2228
- }
2229
-
2230
- #global-cookie-message {
2231
- background: #dee0e2;
2232
- padding: 0;
2233
- }
2234
- #global-cookie-message .js-enabled {
2235
- display: none;
2236
- }
2237
- #global-cookie-message p.no-ga-tag {
2238
- padding: 10px 0;
2239
- }
2240
-
2241
- #cookie-banner {
2242
- max-width: 960px;
2243
- margin: 0 15px;
2244
- }
2245
- #cookie-banner p {
2246
- margin: 0;
2247
- }
2248
- #cookie-banner .column-two-thirds {
2249
- padding: 0;
2250
- }
2251
- #cookie-banner .heading-medium, #cookie-banner h2 {
2252
- font-weight: 700;
2253
- font-size: 18px;
2254
- line-height: 1.2;
2255
- margin: 0.5em 0;
2256
- }
2257
- #cookie-banner #cookie-banner-actions {
2258
- display: flex;
2259
- justify-content: space-between;
2260
- align-items: center;
2261
- flex-wrap: wrap;
2262
- padding: 15px 0;
2263
- }
2264
- #cookie-banner #cookie-banner-actions button {
2265
- flex-grow: 1;
2266
- margin: 0 15px 15px 0;
2267
- }
2268
- @media (min-width: 641px) {
2269
- #cookie-banner {
2270
- margin: 0 30px;
2271
- }
2272
- #cookie-banner .heading-medium, #cookie-banner h2 {
2273
- font-size: 24px;
2274
- line-height: 1.25;
2275
- margin: 0.83333em 0;
2276
- }
2277
- #cookie-banner #cookie-banner-actions .button {
2278
- margin: 0 15px 0 0;
2279
- }
2280
- }
2281
- @media (min-width: 1020px) {
2282
- #cookie-banner {
2283
- margin: 0 auto;
2284
- }
2285
- }
2286
-
2287
- #cookie-banner-submitted {
2288
- display: none;
2289
- justify-content: space-between;
2290
- align-items: center;
2291
- }
2292
- #cookie-banner-submitted button {
2293
- margin: 0.5em 0;
2294
- height: fit-content;
2295
- }
2296
-
2297
- #cookie-settings .js-enabled {
2298
- display: none;
2299
- }
2300
-
2301
- #cookie-notification {
2302
- border: 4px solid #005ea5;
2303
- margin-top: 15px;
2304
- margin-bottom: 15px;
2305
- padding: 15px 10px;
2306
- display: none;
2307
- }
2308
- #cookie-notification .heading-medium, #cookie-notification h2 {
2309
- margin-top: 0;
2310
- }
2311
- #cookie-notification p {
2312
- font-size: 16px;
2313
- margin-bottom: 10px;
2314
- }
2315
- @media (min-width: 641px) {
2316
- #cookie-notification {
2317
- border: 5px solid #005ea5;
2318
- margin-top: 30px;
2319
- margin-bottom: 30px;
2320
- padding: 20px 15px 15px;
2321
- }
2322
- #cookie-notification p {
2323
- font-size: 19px;
2324
- }
2325
- }
2326
-
2327
- #cookie-notification:focus {
2328
- outline: 3px solid #ffbf47;
2329
- }
2330
-
2331
- .phase-banner {
2332
- padding: 10px 0 8px;
2333
- border-bottom: 1px solid #bfc1c3;
2334
- }
2335
- @media (min-width: 641px) {
2336
- .phase-banner {
2337
- padding-bottom: 10px;
2338
- }
2339
- }
2340
- .phase-banner p {
2341
- display: table;
2342
- margin: 0;
2343
- color: #000;
2344
- font-family: "nta", Arial, sans-serif;
2345
- font-weight: 400;
2346
- text-transform: none;
2347
- font-size: 14px;
2348
- line-height: 1.1428571429;
2349
- }
2350
- @media (min-width: 641px) {
2351
- .phase-banner p {
2352
- font-size: 16px;
2353
- line-height: 1.25;
2354
- }
2355
- }
2356
- .phase-banner .phase-tag {
2357
- display: -moz-inline-stack;
2358
- display: inline-block;
2359
- margin: 0 8px 0 0;
2360
- padding: 2px 5px 0;
2361
- font-family: "nta", Arial, sans-serif;
2362
- font-weight: 700;
2363
- text-transform: none;
2364
- font-size: 14px;
2365
- line-height: 1.1428571429;
2366
- text-transform: uppercase;
2367
- letter-spacing: 1px;
2368
- text-decoration: none;
2369
- color: #fff;
2370
- background-color: #005ea5;
2371
- }
2372
- @media (min-width: 641px) {
2373
- .phase-banner .phase-tag {
2374
- font-size: 16px;
2375
- line-height: 1.25;
2376
- }
2377
- }
2378
- .phase-banner span {
2379
- display: table-cell;
2380
- vertical-align: baseline;
2381
- }
2382
-
2383
- .govuk-table {
2384
- margin-bottom: 30px;
2385
- }
2386
-
2387
- .table-details {
2388
- width: 100%;
2389
- margin-bottom: 3em;
2390
- }
2391
- .table-details tbody tr.spacer {
2392
- height: 3em;
2393
- }
2394
- .table-details tbody td:nth-child(1) {
2395
- width: 40%;
2396
- }
2397
- .table-details tbody td:nth-child(2) {
2398
- width: 60%;
2399
- }
2400
- .table-details tbody td:nth-child(3) {
2401
- text-align: right;
2402
- padding-right: 0;
2403
- }
2404
- .table-details .button {
2405
- margin: 0;
2406
- background: #dde0e1;
2407
- color: #000;
2408
- }
2409
-
2410
- @media (max-width: 40.0525em) {
2411
- .form-textarea--revealed {
2412
- width: 100%;
2413
- }
2414
- }
2415
- @media (min-width: 40.0625em) {
2416
- .form-textarea--revealed {
2417
- width: 95%;
2418
- }
2419
- }
2420
-
2421
- button.govuk-link {
2422
- background: none !important;
2423
- border: none;
2424
- padding: 0 !important;
2425
- font-size: arial, sans-serif;
2426
- /* color: #069; */
2427
- text-decoration: underline;
2428
- cursor: pointer;
2429
- display: block;
2430
- margin-bottom: 1em;
2431
- color: #1d70b8;
2432
- font-size: 1em;
2433
- }
2434
-
2435
- .govuk-font-weight-bold {
2436
- font-weight: 700 !important;
2437
- }
2438
-
2439
- .govuk-panel--confirmation {
2440
- color: #ffffff;
2441
- background: #00703c;
2442
- }
2443
-
2444
- .govuk-panel {
2445
- font-family: "GDS Transport", Arial, sans-serif;
2446
- -webkit-font-smoothing: antialiased;
2447
- -moz-osx-font-smoothing: grayscale;
2448
- font-weight: 400;
2449
- font-size: 16px;
2450
- font-size: 1rem;
2451
- line-height: 1.25;
2452
- box-sizing: border-box;
2453
- margin-bottom: 15px;
2454
- padding: 35px;
2455
- border: 5px solid transparent;
2456
- text-align: center;
2457
- }
2458
- @media (max-width: 40.0525em) {
2459
- .govuk-panel {
2460
- padding: 25px;
2461
- }
2462
- }
2463
- @media (min-width: 40.0625em) {
2464
- .govuk-panel {
2465
- font-size: 19px;
2466
- font-size: 1.1875rem;
2467
- line-height: 1.31579;
2468
- }
2469
- }
2470
-
2471
- @media (min-width: 40em) {
2472
- .alert-complete {
2473
- margin-left: 28.33%;
2474
- margin-right: -28.33%;
2475
- }
2476
- }
2477
-
2478
- .action-col {
2479
- text-align: right;
2480
- vertical-align: top;
2481
- }
2482
-
2483
- .data-col {
2484
- min-width: 150px;
2485
- width: 300px;
2486
- }
2487
-
2488
- details {
2489
- margin-top: 34px;
2490
- }
2491
-
2492
- span.form-hint {
2493
- display: block;
2494
- padding-top: 0.75em;
2495
- margin-bottom: 0.75em;
2496
- }
2497
-
2498
- .govuk-details__text {
2499
- padding: 15px;
2500
- padding-left: 20px;
2501
- border-left: 5px solid #b1b4b6;
2502
- }
2503
-
2504
- .error-summary ul li a {
2505
- color: #B00E1F;
2506
- }
2507
-
2508
- .confirm-label {
2509
- font-weight: bold;
2510
- width: 40%;
2511
- }
2512
-
2513
- .confirm-value {
2514
- width: 60%;
2515
- word-break: break-word;
2516
- }
2517
-
2518
- .confirm-row {
2519
- display: table-row;
2520
- }
2521
- .confirm-row > * {
2522
- border-bottom: 1px solid #bfc1c3;
2523
- display: table-cell;
2524
- }
2525
- .confirm-row .confirm-label, .confirm-row .confirm-value {
2526
- padding: 10px 20px 10px 0;
2527
- }
2528
-
2529
- dl {
2530
- margin-bottom: 40px;
2531
- }
2532
- @media (min-width: 641px) {
2533
- dl {
2534
- margin-bottom: 60px;
2535
- }
2536
- }
2537
-
2538
- .pdf #global-header,
2539
- .pdf footer,
2540
- .pdf #declaration-section,
2541
- .pdf #skiplink-container {
2542
- display: none;
2543
- }
2544
- .pdf table {
2545
- table-layout: fixed;
2546
- width: 100%;
2547
- }
2548
- .pdf h1 {
2549
- font-size: 30px;
2550
- margin-top: 20px;
2551
- }
2552
- .pdf img {
2553
- width: 240px;
2554
- }
2555
- .pdf table.table-details {
2556
- margin-bottom: 0;
2557
- border-top: 1px solid #000000;
2558
- }
2559
- .pdf table.table-details:first-of-type {
2560
- border-top: none;
2561
- }
2562
- .pdf table td:nth-child(2) {
2563
- word-wrap: break-word;
2564
- }
2565
- .pdf table td:nth-child(3) {
2566
- display: none;
2567
- }
2568
- .pdf table td {
2569
- padding: 10px 0;
2570
- border-bottom: 1px #ccc solid;
2571
- }
2572
- .pdf #content {
2573
- padding-bottom: 0;
2574
- }
2575
-
2576
- .validation-summary {
2577
- padding-left: 11px;
2578
- padding-right: 15px;
2579
- border-width: 4px;
2580
- }
2581
- .validation-summary:focus {
2582
- outline: 3px solid #ffbf47;
2583
- }
2584
- .validation-summary h2 {
2585
- margin: 0.3em 0;
2586
- }
2587
- .validation-summary ul {
2588
- margin: 0;
2589
- }
2590
- .validation-summary ul li {
2591
- margin: 0;
2592
- padding: 3px 0;
2593
- }
2594
- .validation-summary a {
2595
- font-family: "nta", Arial, sans-serif;
2596
- font-weight: 700;
2597
- text-transform: none;
2598
- font-size: 16px;
2599
- line-height: 1.25;
2600
- }
2601
- @media (min-width: 641px) {
2602
- .validation-summary a {
2603
- font-size: 19px;
2604
- line-height: 1.3157894737;
2605
- }
2606
- }
2607
-
2608
- .validation-error {
2609
- box-sizing: border-box;
2610
- padding-left: 12px;
2611
- border-left: 4px solid #b10e1e;
2612
- }
2613
- .validation-error:focus {
2614
- outline: 3px solid #ffbf47;
2615
- }
2616
- .validation-error .form-control {
2617
- margin-bottom: 3px;
2618
- }
2619
-
2620
- .error-message {
2621
- display: block;
2622
- font-family: "nta", Arial, sans-serif;
2623
- font-weight: 700;
2624
- text-transform: none;
2625
- font-size: 16px;
2626
- line-height: 1.25;
2627
- color: #b10e1e;
2628
- }
2629
- @media (min-width: 641px) {
2630
- .error-message {
2631
- margin-bottom: 0.5em;
2632
- }
2633
- }
2634
- @media (min-width: 641px) {
2635
- .error-message {
2636
- font-size: 19px;
2637
- line-height: 1.3157894737;
2638
- }
2639
- }
2640
-
2641
- .invalid-input,
2642
- .validation-error .date-input {
2643
- border: 3px solid #b10e1e;
2644
- }
2645
-
2646
- .reveal {
2647
- float: left;
2648
- width: 100%;
2649
- }
2650
- .reveal .panel-indent {
2651
- margin-top: 7.5px;
2652
- margin-bottom: 15px;
2653
- }
2654
-
2655
- fieldset + .reveal {
2656
- margin-top: -15px;
2657
- margin-bottom: 15px;
2658
- }
2659
- @media (min-width: 641px) {
2660
- fieldset + .reveal {
2661
- margin-top: -30px;
2662
- margin-bottom: 30px;
2663
- }
2664
- }
2665
-
2666
- .button + .inline-options {
2667
- padding-top: 0.5263157895em;
2668
- display: inline-block;
2669
- line-height: 1.25;
2670
- }
2671
-
2672
- .list-spaced li {
2673
- margin-bottom: 1em;
2674
- }
2675
-
2676
- .alert-complete, .alert-error, .alert-info, .alert-success {
2677
- border-left: 4px solid #b10e1e;
2678
- clear: both;
2679
- margin: 0 0 1.05263em;
2680
- padding: 1.05263em;
2681
- }
2682
-
2683
- .alert-success {
2684
- border-color: #28a197;
2685
- }
2686
-
2687
- .alert-info {
2688
- border-color: #bfc1c3;
2689
- }
2690
-
2691
- .alert-error {
2692
- border-color: #b10e1e;
2693
- }
2694
-
2695
- .alert-complete {
2696
- background-color: #28a197;
2697
- border-color: #28a197;
2698
- color: #fff;
2699
- text-align: center;
2700
- padding: 4.5em 1em;
2701
- }
2702
-
2703
- .alert-header {
2704
- clear: both;
2705
- margin-bottom: 0.5em;
2706
- overflow: hidden;
2707
- vertical-align: middle;
2708
- }
2709
-
2710
- .alert-number {
2711
- float: left;
2712
- margin-right: 0.41666667em; /* 20px ÷ 48px font size */
2713
- }
2714
-
2715
- .alert-message {
2716
- display: block;
2717
- overflow: hidden;
2718
- }
2719
- .alert-message h1 {
2720
- margin-top: 1.3157894737em;
2721
- margin-bottom: 0;
2722
- }
2723
- .alert-message h1:first-child {
2724
- margin-top: 0;
2725
- }
2726
-
2727
- .maxlength-hint {
2728
- margin-top: 2px;
2729
- padding-top: 2px;
2730
- }
2731
-
2732
- .textarea-error {
2733
- border: 2px solid #b10e1e;
2734
- }
2735
-
2736
- .table-details {
2737
- width: 100%;
2738
- margin-bottom: 3em;
2739
- }
2740
- .table-details tbody td:nth-child(1) {
2741
- width: 40%;
2742
- }
2743
- .table-details tbody td:nth-child(2) {
2744
- width: 60%;
2745
- }
2746
- .table-details tbody td:nth-child(3) {
2747
- text-align: right;
2748
- padding-right: 0;
2749
- }
2750
- .table-details tbody td:not(.no-white-space) {
2751
- white-space: pre-wrap;
2752
- }
2753
-
2754
- .panel-indent {
2755
- clear: both;
2756
- border-left: 4px solid #bfc1c3;
2757
- padding: 10px 0 10px 15px;
2758
- margin: 30px 15px 45px 0;
2759
- }
2760
-
2761
- .panel-indent legend {
2762
- margin-top: 0;
2763
- }
2764
-
2765
- .panel-indent p:only-child,
2766
- .panel-indent p:last-child {
2767
- margin-bottom: 0;
2768
- }
2769
-
2770
- .panel-indent .form-group:last-child {
2771
- margin-bottom: 0;
2772
- }
2773
-
2774
- .tt-menu {
2775
- background-color: #fff;
2776
- border: 1px solid #ccc;
2777
- width: 65%;
2778
- }
2779
-
2780
- .tt-suggestion {
2781
- padding: 0.5em;
2782
- }
2783
- .tt-suggestion:hover, .tt-suggestion.tt-cursor {
2784
- color: #fff;
2785
- background-color: #0097cf;
2786
- }
2787
- .tt-suggestion:hover {
2788
- cursor: pointer;
2789
- }
2790
-
2791
- .twitter-typeahead {
2792
- width: 100%;
2793
- }