hof 20.3.3 → 20.3.4-beta-testing-request

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,2793 @@
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
+ }