@communitiesuk/svelte-component-library 0.1.18 → 0.2.0-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (97) hide show
  1. package/README.md +30 -6
  2. package/dist/assets/css/base.css +9 -0
  3. package/dist/assets/css/code-block.css +116 -0
  4. package/dist/assets/css/components.css +47 -0
  5. package/dist/assets/css/fonts.css +19 -0
  6. package/dist/assets/css/govuk-additional.css +142 -0
  7. package/dist/assets/css/govuk-frontend.min.css +2 -2
  8. package/dist/assets/css/moduk.css +1 -0
  9. package/dist/assets/css/moj-frontend.min copy.css +4108 -0
  10. package/dist/assets/css/moj-frontend.min.css +2 -0
  11. package/dist/assets/css/moj-frontend.min.css.map +1 -0
  12. package/dist/assets/css/utilities.css +0 -0
  13. package/dist/assets/images/govuk-crest.svg +1 -1
  14. package/dist/assets/js/govuk-frontend.min.js +1 -0
  15. package/dist/assets/js/moj-frontend.min.js +1 -0
  16. package/dist/assets/rebrand/images/favicon.ico +0 -0
  17. package/dist/assets/rebrand/images/favicon.svg +1 -0
  18. package/dist/assets/rebrand/images/govuk-crest.svg +1 -0
  19. package/dist/assets/rebrand/images/govuk-icon-180.png +0 -0
  20. package/dist/assets/rebrand/images/govuk-icon-192.png +0 -0
  21. package/dist/assets/rebrand/images/govuk-icon-512.png +0 -0
  22. package/dist/assets/rebrand/images/govuk-icon-mask.svg +1 -0
  23. package/dist/assets/rebrand/images/govuk-opengraph-image.png +0 -0
  24. package/dist/assets/rebrand/manifest.json +39 -0
  25. package/dist/components/data-vis/line-chart/Line.svelte +48 -40
  26. package/dist/components/data-vis/line-chart/Line.svelte.d.ts +6 -4
  27. package/dist/components/data-vis/line-chart/LineChart.svelte +145 -36
  28. package/dist/components/data-vis/line-chart/LineChart.svelte.d.ts +25 -9
  29. package/dist/components/data-vis/line-chart/Lines.svelte +10 -23
  30. package/dist/components/data-vis/line-chart/Lines.svelte.d.ts +8 -4
  31. package/dist/components/data-vis/line-chart/Marker.svelte +31 -5
  32. package/dist/components/data-vis/line-chart/Marker.svelte.d.ts +6 -2
  33. package/dist/components/data-vis/line-chart/SeriesLabel.svelte +7 -8
  34. package/dist/components/data-vis/line-chart/SeriesLabel.svelte.d.ts +2 -2
  35. package/dist/components/data-vis/line-chart/ValueLabel.svelte +26 -34
  36. package/dist/components/data-vis/line-chart/ValueLabel.svelte.d.ts +8 -4
  37. package/dist/components/data-vis/map/Map.svelte +299 -71
  38. package/dist/components/data-vis/map/Map.svelte.d.ts +39 -12
  39. package/dist/components/data-vis/map/NonStandardControls.svelte +10 -1
  40. package/dist/components/data-vis/map/NonStandardControls.svelte.d.ts +12 -11
  41. package/dist/components/data-vis/map/Tooltip.svelte +3 -4
  42. package/dist/components/data-vis/map/Tooltip.svelte.d.ts +0 -2
  43. package/dist/components/data-vis/map/mapUtils.d.ts +2 -0
  44. package/dist/components/data-vis/map/mapUtils.js +50 -0
  45. package/dist/components/data-vis/table/Table.svelte +28 -40
  46. package/dist/components/data-vis/table/Table.svelte.d.ts +0 -2
  47. package/dist/components/layout/Breadcrumbs.svelte +10 -12
  48. package/dist/components/layout/Breadcrumbs.svelte.d.ts +1 -0
  49. package/dist/components/layout/Footer.svelte +69 -4
  50. package/dist/components/layout/Footer.svelte.d.ts +3 -0
  51. package/dist/components/layout/Header.svelte +56 -16
  52. package/dist/components/layout/Header.svelte.d.ts +1 -0
  53. package/dist/components/layout/InternalHeader.svelte +155 -150
  54. package/dist/components/layout/InternalHeader.svelte.d.ts +1 -0
  55. package/dist/components/ui/Button.svelte +78 -4
  56. package/dist/components/ui/Button.svelte.d.ts +2 -0
  57. package/dist/components/ui/CookieBanner.svelte +356 -0
  58. package/dist/components/ui/CookieBanner.svelte.d.ts +18 -0
  59. package/dist/components/ui/FilterPanel.svelte +167 -158
  60. package/dist/components/ui/FilterPanel.svelte.d.ts +2 -0
  61. package/dist/components/ui/Masthead.svelte +35 -23
  62. package/dist/components/ui/Masthead.svelte.d.ts +2 -0
  63. package/dist/components/ui/PostcodeOrAreaSearch.svelte +200 -0
  64. package/dist/components/ui/PostcodeOrAreaSearch.svelte.d.ts +37 -0
  65. package/dist/components/ui/Search.svelte +2 -2
  66. package/dist/components/ui/SearchAutocomplete.svelte +104 -14
  67. package/dist/components/ui/SearchAutocomplete.svelte.d.ts +4 -0
  68. package/dist/data/IMD2019.json +32846 -0
  69. package/dist/data/places.csv +20039 -0
  70. package/dist/data/places.json +100192 -0
  71. package/dist/data/svgFontDimensions.json +90 -0
  72. package/dist/data/testData.json +52632 -0
  73. package/dist/index.d.ts +2 -0
  74. package/dist/index.js +2 -0
  75. package/dist/package-wrapping/BaseInformation.svelte +0 -33
  76. package/dist/package-wrapping/SidebarContainer.svelte +0 -7
  77. package/dist/utils/area-search/geoConfig.d.ts +435 -0
  78. package/dist/utils/area-search/geoConfig.js +291 -0
  79. package/dist/utils/cookiesNavigation.d.ts +44 -0
  80. package/dist/utils/cookiesNavigation.js +63 -0
  81. package/dist/utils/data-transformations/convert-csv-to-json-proper.cjs +88 -0
  82. package/dist/utils/data-transformations/convert-csv-to-json-proper.d.cts +1 -0
  83. package/dist/utils/data-transformations/convertCSV.d.ts +6 -0
  84. package/dist/utils/data-transformations/convertCSV.js +40 -21
  85. package/dist/utils/text-string-conversion/textStringConversion.d.ts +6 -0
  86. package/dist/utils/text-string-conversion/textStringConversion.js +10 -0
  87. package/package.json +18 -7
  88. package/dist/components/ui/Breadcrumbs.svelte +0 -198
  89. package/dist/components/ui/Breadcrumbs.svelte.d.ts +0 -24
  90. package/dist/components/ui/Footer.svelte +0 -171
  91. package/dist/components/ui/Footer.svelte.d.ts +0 -30
  92. package/dist/components/ui/Header.svelte +0 -43
  93. package/dist/components/ui/Header.svelte.d.ts +0 -7
  94. package/dist/components/ui/ServiceNavigation.svelte +0 -143
  95. package/dist/components/ui/ServiceNavigation.svelte.d.ts +0 -13
  96. package/dist/components/ui/SideNavigation.svelte +0 -346
  97. package/dist/components/ui/SideNavigation.svelte.d.ts +0 -25
@@ -0,0 +1,4108 @@
1
+ @charset "UTF-8";
2
+ .moj-filter-layout:after {
3
+ clear: both;
4
+ content: "";
5
+ display: block;
6
+ }
7
+ .moj-filter-layout__filter {
8
+ box-shadow: inset 0 0 0 1px #f3f2f1;
9
+ }
10
+ @media (min-width: 48.0625em) {
11
+ .moj-filter-layout__filter {
12
+ float: left;
13
+ margin-right: 40px;
14
+ max-width: 385px;
15
+ min-width: 260px;
16
+ width: 100%;
17
+ }
18
+ }
19
+ @media (max-width: 48.0525em) {
20
+ .js-enabled .moj-filter-layout__filter {
21
+ background-color: #fff;
22
+ bottom: 0;
23
+ overflow-y: scroll;
24
+ position: fixed;
25
+ right: 0;
26
+ top: 0;
27
+ z-index: 100;
28
+ }
29
+ }
30
+ .moj-filter-layout__content {
31
+ overflow: hidden;
32
+ overflow-x: auto;
33
+ }
34
+ .moj-scrollable-pane {
35
+ background:
36
+ linear-gradient(
37
+ to right,
38
+ #fff,
39
+ #fff,
40
+ hsla(0, 0%, 100%, 0) calc(var(0.75em) * 2)
41
+ ),
42
+ radial-gradient(
43
+ farthest-side at 0 50%,
44
+ rgba(0, 0, 0, 0.2),
45
+ hsla(0, 0%, 100%, 0)
46
+ ),
47
+ linear-gradient(
48
+ to left,
49
+ #fff,
50
+ #fff,
51
+ hsla(0, 0%, 100%, 0) calc(var(0.75em) * 2)
52
+ ),
53
+ radial-gradient(
54
+ farthest-side at 100% 50%,
55
+ rgba(0, 0, 0, 0.2),
56
+ hsla(0, 0%, 100%, 0)
57
+ )
58
+ 100%;
59
+ background-attachment: local, scroll, local, scroll;
60
+ background-color: #fff;
61
+ background-repeat: no-repeat;
62
+ background-size:
63
+ 100% 100%,
64
+ 0.75em 100%,
65
+ 100% 100%,
66
+ 0.75em 100%;
67
+ overflow-x: scroll;
68
+ }
69
+ @media (max-width: 63.75em) {
70
+ .moj-scrollable-pane .govuk-table__cell,
71
+ .moj-scrollable-pane .govuk-table__header {
72
+ white-space: nowrap;
73
+ }
74
+ }
75
+ .moj-button-group {
76
+ align-items: center;
77
+ display: flex;
78
+ flex-direction: column;
79
+ margin-bottom: 5px;
80
+ }
81
+ @media (min-width: 40.0625em) {
82
+ .moj-button-group {
83
+ margin-bottom: 15px;
84
+ }
85
+ }
86
+ .moj-button-group .govuk-link {
87
+ display: inline-block;
88
+ font-family:
89
+ GDS Transport,
90
+ arial,
91
+ sans-serif;
92
+ margin-bottom: 20px;
93
+ margin-top: 5px;
94
+ max-width: 100%;
95
+ text-align: center;
96
+ -webkit-font-smoothing: antialiased;
97
+ -moz-osx-font-smoothing: grayscale;
98
+ font-size: 1rem;
99
+ font-weight: 400;
100
+ line-height: 1.1875;
101
+ }
102
+ @media print {
103
+ .moj-button-group .govuk-link {
104
+ font-family: sans-serif;
105
+ }
106
+ }
107
+ @media (min-width: 40.0625em) {
108
+ .moj-button-group .govuk-link {
109
+ font-size: 1.1875rem;
110
+ line-height: 1;
111
+ }
112
+ }
113
+ @media print {
114
+ .moj-button-group .govuk-link {
115
+ font-size: 14pt;
116
+ line-height: 19px;
117
+ }
118
+ }
119
+ .js-enabled .moj-button-group .moj-button-menu,
120
+ .moj-button-group .govuk-button,
121
+ .moj-button-group .moj-button-menu__item {
122
+ margin-bottom: 17px;
123
+ }
124
+ .js-enabled .moj-button-group .moj-button-menu__item,
125
+ .moj-button-group .moj-button-menu__toggle-button {
126
+ margin-bottom: 0;
127
+ }
128
+ @media (max-width: 40.0525em) {
129
+ .moj-button-group .moj-button-menu,
130
+ .moj-button-group .moj-button-menu__item,
131
+ .moj-button-group .moj-button-menu__wrapper {
132
+ width: 100%;
133
+ }
134
+ .moj-button-group .moj-button-menu__wrapper {
135
+ position: relative;
136
+ }
137
+ .moj-button-group--inline {
138
+ align-items: baseline;
139
+ flex-direction: row;
140
+ flex-wrap: wrap;
141
+ margin-right: -15px;
142
+ }
143
+ .moj-button-group--inline .govuk-button,
144
+ .moj-button-group--inline .govuk-link,
145
+ .moj-button-group--inline .moj-button-menu {
146
+ margin-right: 15px;
147
+ width: auto;
148
+ }
149
+ .moj-button-group--inline .moj-button-menu__toggle-button {
150
+ margin-right: 0;
151
+ }
152
+ .moj-button-group--inline .govuk-link {
153
+ text-align: left;
154
+ }
155
+ }
156
+ @media (min-width: 40.0625em) {
157
+ .moj-button-group {
158
+ align-items: baseline;
159
+ flex-direction: row;
160
+ flex-wrap: wrap;
161
+ margin-right: -15px;
162
+ }
163
+ .moj-button-group .govuk-button,
164
+ .moj-button-group .govuk-link,
165
+ .moj-button-group .moj-button-menu {
166
+ margin-right: 15px;
167
+ width: auto;
168
+ }
169
+ .moj-button-group .moj-button-menu__toggle-button {
170
+ margin-right: 0;
171
+ }
172
+ .moj-button-group .govuk-link {
173
+ text-align: left;
174
+ }
175
+ }
176
+ .moj-action-bar {
177
+ font-size: 0;
178
+ }
179
+ .moj-action-bar__filter {
180
+ display: inline-block;
181
+ position: relative;
182
+ }
183
+ @media (max-width: 48.0525em) {
184
+ .moj-action-bar__filter {
185
+ float: right;
186
+ }
187
+ }
188
+ @media (min-width: 48.0625em) {
189
+ .moj-action-bar__filter {
190
+ margin-right: 10px;
191
+ padding-right: 12px;
192
+ }
193
+ .moj-action-bar__filter:after {
194
+ background-color: #f3f2f1;
195
+ content: "";
196
+ height: 40px;
197
+ position: absolute;
198
+ right: 0;
199
+ top: 0;
200
+ width: 2px;
201
+ }
202
+ }
203
+ .moj-action-bar__filter > .govuk-button {
204
+ vertical-align: baseline;
205
+ }
206
+ .moj-add-another__item {
207
+ margin: 30px 0 0;
208
+ padding: 0;
209
+ position: relative;
210
+ }
211
+ .moj-add-another__item:first-of-type {
212
+ margin-top: 0;
213
+ }
214
+ .moj-add-another__title {
215
+ float: left;
216
+ padding: 4px 100px 4px 0;
217
+ width: 100%;
218
+ }
219
+ .moj-add-another__title + .govuk-form-group {
220
+ clear: left;
221
+ }
222
+ .moj-add-another__remove-button {
223
+ position: absolute;
224
+ right: 0;
225
+ top: 0;
226
+ width: auto;
227
+ }
228
+ .moj-add-another__add-button {
229
+ display: block;
230
+ }
231
+ .moj-add-another__heading:focus {
232
+ background-color: #fd0;
233
+ box-shadow:
234
+ 0 -2px #fd0,
235
+ 0 4px #0b0c0c;
236
+ color: #0b0c0c;
237
+ outline: none;
238
+ }
239
+ .moj-alert {
240
+ background: #fff;
241
+ border: 5px solid transparent;
242
+ display: grid;
243
+ font-family:
244
+ GDS Transport,
245
+ arial,
246
+ sans-serif;
247
+ gap: 10px;
248
+ grid-template-columns: min-content fit-content(960px);
249
+ margin-bottom: 30px;
250
+ padding: 10px;
251
+ -webkit-font-smoothing: antialiased;
252
+ -moz-osx-font-smoothing: grayscale;
253
+ font-weight: 400;
254
+ }
255
+ @media print {
256
+ .moj-alert {
257
+ font-family: sans-serif;
258
+ }
259
+ }
260
+ .moj-alert:focus {
261
+ outline: 3px solid #fd0;
262
+ }
263
+ @media (min-width: 40.0625em) {
264
+ .moj-alert[data-dismissible] {
265
+ grid-template-columns: min-content fit-content(920px) auto;
266
+ }
267
+ }
268
+ .moj-alert__icon {
269
+ display: block;
270
+ height: 1.875rem;
271
+ width: 1.875rem;
272
+ fill: currentcolor;
273
+ }
274
+ .moj-alert__content {
275
+ color: #0b0c0c;
276
+ display: block;
277
+ font-size: 1rem;
278
+ line-height: 1.25;
279
+ overflow: hidden;
280
+ padding-top: 0.3125rem;
281
+ }
282
+ @media (min-width: 40.0625em) {
283
+ .moj-alert__content {
284
+ font-size: 1.1875rem;
285
+ line-height: 1.3157894737;
286
+ }
287
+ }
288
+ @media print {
289
+ .moj-alert__content {
290
+ font-size: 14pt;
291
+ line-height: 1.15;
292
+ }
293
+ }
294
+ @media (min-width: 40.0625em) {
295
+ .moj-alert__content {
296
+ padding-top: 0.125rem;
297
+ }
298
+ }
299
+ .moj-alert__action {
300
+ grid-column-end: -1;
301
+ grid-column-start: 2;
302
+ }
303
+ @media (min-width: 40.0625em) {
304
+ .moj-alert__action {
305
+ grid-column-start: 3;
306
+ justify-self: right;
307
+ }
308
+ }
309
+ .moj-alert__dismiss {
310
+ -webkit-appearance: none;
311
+ -moz-appearance: none;
312
+ appearance: none;
313
+ background-color: transparent;
314
+ border: none;
315
+ color: unset;
316
+ cursor: pointer;
317
+ font-family:
318
+ GDS Transport,
319
+ arial,
320
+ sans-serif;
321
+ font-size: 1rem;
322
+ line-height: 1.25;
323
+ margin-bottom: 0;
324
+ padding: 0;
325
+ -webkit-font-smoothing: antialiased;
326
+ -moz-osx-font-smoothing: grayscale;
327
+ text-decoration: underline;
328
+ text-decoration-thickness: max(1px, 0.0625rem);
329
+ text-underline-offset: 0.1578em;
330
+ }
331
+ @media (min-width: 40.0625em) {
332
+ .moj-alert__dismiss {
333
+ font-size: 1.1875rem;
334
+ line-height: 1.3157894737;
335
+ }
336
+ }
337
+ @media print {
338
+ .moj-alert__dismiss {
339
+ font-family: sans-serif;
340
+ font-size: 14pt;
341
+ line-height: 1.15;
342
+ }
343
+ }
344
+ .moj-alert__dismiss:hover {
345
+ -webkit-text-decoration-skip-ink: none;
346
+ text-decoration-skip-ink: none;
347
+ text-decoration-thickness: max(3px, 0.1875rem, 0.12em);
348
+ -webkit-text-decoration-skip: none;
349
+ text-decoration-skip: none;
350
+ }
351
+ .moj-alert__dismiss:focus {
352
+ background-color: #fd0;
353
+ -webkit-box-decoration-break: clone;
354
+ box-decoration-break: clone;
355
+ box-shadow:
356
+ 0 -2px #fd0,
357
+ 0 4px #0b0c0c;
358
+ outline: 3px solid transparent;
359
+ text-decoration: none;
360
+ }
361
+ .moj-alert__dismiss:link {
362
+ color: #1d70b8;
363
+ }
364
+ .moj-alert__dismiss:visited {
365
+ color: #4c2c92;
366
+ }
367
+ .moj-alert__dismiss:hover {
368
+ color: #003078;
369
+ }
370
+ .moj-alert__dismiss:active,
371
+ .moj-alert__dismiss:focus {
372
+ color: #0b0c0c;
373
+ }
374
+ @media print {
375
+ .moj-alert__dismiss[href^="/"]:after,.moj-alert__dismiss[href^="http://"]:after,.moj-alert__dismiss[href^="https://"]:after
376
+ {
377
+ content: " (" attr(href) ")";
378
+ font-size: 90%;
379
+ word-wrap: break-word;
380
+ }
381
+ }
382
+ .moj-alert__heading {
383
+ color: #0b0c0c;
384
+ display: block;
385
+ font-size: 1.125rem;
386
+ font-weight: 700;
387
+ line-height: 1.1111111111;
388
+ margin-bottom: 0.3125rem;
389
+ margin-top: 0;
390
+ }
391
+ @media print {
392
+ .moj-alert__heading {
393
+ color: #000;
394
+ }
395
+ }
396
+ @media (min-width: 40.0625em) {
397
+ .moj-alert__heading {
398
+ font-size: 1.5rem;
399
+ line-height: 1.25;
400
+ }
401
+ }
402
+ @media print {
403
+ .moj-alert__heading {
404
+ font-size: 18pt;
405
+ line-height: 1.15;
406
+ }
407
+ }
408
+ @media (min-width: 40.0625em) {
409
+ .moj-alert__heading {
410
+ margin-bottom: 0.1875rem;
411
+ }
412
+ }
413
+ .moj-alert__content a:last-child,
414
+ .moj-alert__content p:last-child,
415
+ .moj-alert__content ul:last-child {
416
+ margin-bottom: 0;
417
+ }
418
+ .moj-alert--information {
419
+ border-color: #1d70b8;
420
+ color: #1d70b8;
421
+ }
422
+ .moj-alert--information .moj-alert__content a,
423
+ .moj-alert--information .moj-alert__dismiss {
424
+ font-family:
425
+ GDS Transport,
426
+ arial,
427
+ sans-serif;
428
+ -webkit-font-smoothing: antialiased;
429
+ -moz-osx-font-smoothing: grayscale;
430
+ text-decoration: underline;
431
+ text-decoration-thickness: max(1px, 0.0625rem);
432
+ text-underline-offset: 0.1578em;
433
+ }
434
+ @media print {
435
+ .moj-alert--information .moj-alert__content a,
436
+ .moj-alert--information .moj-alert__dismiss {
437
+ font-family: sans-serif;
438
+ }
439
+ }
440
+ .moj-alert--information .moj-alert__content a:hover,
441
+ .moj-alert--information .moj-alert__dismiss:hover {
442
+ -webkit-text-decoration-skip-ink: none;
443
+ text-decoration-skip-ink: none;
444
+ text-decoration-thickness: max(3px, 0.1875rem, 0.12em);
445
+ -webkit-text-decoration-skip: none;
446
+ text-decoration-skip: none;
447
+ }
448
+ .moj-alert--information .moj-alert__content a:focus,
449
+ .moj-alert--information .moj-alert__dismiss:focus {
450
+ background-color: #fd0;
451
+ -webkit-box-decoration-break: clone;
452
+ box-decoration-break: clone;
453
+ box-shadow:
454
+ 0 -2px #fd0,
455
+ 0 4px #0b0c0c;
456
+ outline: 3px solid transparent;
457
+ text-decoration: none;
458
+ }
459
+ .moj-alert--information .moj-alert__content a:link,
460
+ .moj-alert--information .moj-alert__dismiss:link {
461
+ color: #1d70b8;
462
+ }
463
+ .moj-alert--information .moj-alert__content a:visited,
464
+ .moj-alert--information .moj-alert__dismiss:visited {
465
+ color: #4c2c92;
466
+ }
467
+ .moj-alert--information .moj-alert__content a:hover,
468
+ .moj-alert--information .moj-alert__dismiss:hover {
469
+ color: #003078;
470
+ }
471
+ .moj-alert--information .moj-alert__content a:active,
472
+ .moj-alert--information .moj-alert__content a:focus,
473
+ .moj-alert--information .moj-alert__dismiss:active,
474
+ .moj-alert--information .moj-alert__dismiss:focus {
475
+ color: #0b0c0c;
476
+ }
477
+ .moj-alert--success {
478
+ border-color: #00703c;
479
+ color: #00703c;
480
+ }
481
+ .moj-alert--success .moj-alert__content .govuk-link,
482
+ .moj-alert--success .moj-alert__content a,
483
+ .moj-alert--success .moj-alert__dismiss {
484
+ font-family:
485
+ GDS Transport,
486
+ arial,
487
+ sans-serif;
488
+ -webkit-font-smoothing: antialiased;
489
+ -moz-osx-font-smoothing: grayscale;
490
+ text-decoration: underline;
491
+ text-decoration-thickness: max(1px, 0.0625rem);
492
+ text-underline-offset: 0.1578em;
493
+ }
494
+ @media print {
495
+ .moj-alert--success .moj-alert__content .govuk-link,
496
+ .moj-alert--success .moj-alert__content a,
497
+ .moj-alert--success .moj-alert__dismiss {
498
+ font-family: sans-serif;
499
+ }
500
+ }
501
+ .moj-alert--success .moj-alert__content .govuk-link:hover,
502
+ .moj-alert--success .moj-alert__content a:hover,
503
+ .moj-alert--success .moj-alert__dismiss:hover {
504
+ -webkit-text-decoration-skip-ink: none;
505
+ text-decoration-skip-ink: none;
506
+ text-decoration-thickness: max(3px, 0.1875rem, 0.12em);
507
+ -webkit-text-decoration-skip: none;
508
+ text-decoration-skip: none;
509
+ }
510
+ .moj-alert--success .moj-alert__content .govuk-link:focus,
511
+ .moj-alert--success .moj-alert__content a:focus,
512
+ .moj-alert--success .moj-alert__dismiss:focus {
513
+ background-color: #fd0;
514
+ -webkit-box-decoration-break: clone;
515
+ box-decoration-break: clone;
516
+ box-shadow:
517
+ 0 -2px #fd0,
518
+ 0 4px #0b0c0c;
519
+ outline: 3px solid transparent;
520
+ text-decoration: none;
521
+ }
522
+ .moj-alert--success .moj-alert__content .govuk-link:link,
523
+ .moj-alert--success .moj-alert__content .govuk-link:visited,
524
+ .moj-alert--success .moj-alert__content a:link,
525
+ .moj-alert--success .moj-alert__content a:visited,
526
+ .moj-alert--success .moj-alert__dismiss:link,
527
+ .moj-alert--success .moj-alert__dismiss:visited {
528
+ color: #00703c;
529
+ }
530
+ .moj-alert--success .moj-alert__content .govuk-link:hover,
531
+ .moj-alert--success .moj-alert__content a:hover,
532
+ .moj-alert--success .moj-alert__dismiss:hover {
533
+ color: #004e2a;
534
+ }
535
+ .moj-alert--success .moj-alert__content .govuk-link:active,
536
+ .moj-alert--success .moj-alert__content a:active,
537
+ .moj-alert--success .moj-alert__dismiss:active {
538
+ color: #00703c;
539
+ }
540
+ .moj-alert--success .moj-alert__content .govuk-link:focus,
541
+ .moj-alert--success .moj-alert__content a:focus,
542
+ .moj-alert--success .moj-alert__dismiss:focus {
543
+ color: #0b0c0c;
544
+ }
545
+ .moj-alert--warning {
546
+ border-color: #eb611c;
547
+ color: #eb611c;
548
+ }
549
+ .moj-alert--warning .moj-alert__dismiss {
550
+ color: #c75228;
551
+ }
552
+ .moj-alert--warning .moj-alert__content .govuk-link,
553
+ .moj-alert--warning .moj-alert__content a,
554
+ .moj-alert--warning .moj-alert__dismiss {
555
+ font-family:
556
+ GDS Transport,
557
+ arial,
558
+ sans-serif;
559
+ -webkit-font-smoothing: antialiased;
560
+ -moz-osx-font-smoothing: grayscale;
561
+ text-decoration: underline;
562
+ text-decoration-thickness: max(1px, 0.0625rem);
563
+ text-underline-offset: 0.1578em;
564
+ }
565
+ @media print {
566
+ .moj-alert--warning .moj-alert__content .govuk-link,
567
+ .moj-alert--warning .moj-alert__content a,
568
+ .moj-alert--warning .moj-alert__dismiss {
569
+ font-family: sans-serif;
570
+ }
571
+ }
572
+ .moj-alert--warning .moj-alert__content .govuk-link:hover,
573
+ .moj-alert--warning .moj-alert__content a:hover,
574
+ .moj-alert--warning .moj-alert__dismiss:hover {
575
+ -webkit-text-decoration-skip-ink: none;
576
+ text-decoration-skip-ink: none;
577
+ text-decoration-thickness: max(3px, 0.1875rem, 0.12em);
578
+ -webkit-text-decoration-skip: none;
579
+ text-decoration-skip: none;
580
+ }
581
+ .moj-alert--warning .moj-alert__content .govuk-link:focus,
582
+ .moj-alert--warning .moj-alert__content a:focus,
583
+ .moj-alert--warning .moj-alert__dismiss:focus {
584
+ background-color: #fd0;
585
+ -webkit-box-decoration-break: clone;
586
+ box-decoration-break: clone;
587
+ box-shadow:
588
+ 0 -2px #fd0,
589
+ 0 4px #0b0c0c;
590
+ outline: 3px solid transparent;
591
+ text-decoration: none;
592
+ }
593
+ .moj-alert--warning .moj-alert__content .govuk-link:link,
594
+ .moj-alert--warning .moj-alert__content .govuk-link:visited,
595
+ .moj-alert--warning .moj-alert__content a:link,
596
+ .moj-alert--warning .moj-alert__content a:visited,
597
+ .moj-alert--warning .moj-alert__dismiss:link,
598
+ .moj-alert--warning .moj-alert__dismiss:visited {
599
+ color: #c75228;
600
+ }
601
+ .moj-alert--warning .moj-alert__content .govuk-link:hover,
602
+ .moj-alert--warning .moj-alert__content a:hover,
603
+ .moj-alert--warning .moj-alert__dismiss:hover {
604
+ color: #8b391c;
605
+ }
606
+ .moj-alert--warning .moj-alert__content .govuk-link:active,
607
+ .moj-alert--warning .moj-alert__content a:active,
608
+ .moj-alert--warning .moj-alert__dismiss:active {
609
+ color: #eb611c;
610
+ }
611
+ .moj-alert--warning .moj-alert__content .govuk-link:focus,
612
+ .moj-alert--warning .moj-alert__content a:focus,
613
+ .moj-alert--warning .moj-alert__dismiss:focus {
614
+ color: #0b0c0c;
615
+ }
616
+ .moj-alert--error {
617
+ border-color: #d4351c;
618
+ color: #d4351c;
619
+ }
620
+ .moj-alert--error .moj-alert__content .govuk-link,
621
+ .moj-alert--error .moj-alert__content a,
622
+ .moj-alert--error .moj-alert__dismiss {
623
+ font-family:
624
+ GDS Transport,
625
+ arial,
626
+ sans-serif;
627
+ -webkit-font-smoothing: antialiased;
628
+ -moz-osx-font-smoothing: grayscale;
629
+ text-decoration: underline;
630
+ text-decoration-thickness: max(1px, 0.0625rem);
631
+ text-underline-offset: 0.1578em;
632
+ }
633
+ @media print {
634
+ .moj-alert--error .moj-alert__content .govuk-link,
635
+ .moj-alert--error .moj-alert__content a,
636
+ .moj-alert--error .moj-alert__dismiss {
637
+ font-family: sans-serif;
638
+ }
639
+ }
640
+ .moj-alert--error .moj-alert__content .govuk-link:hover,
641
+ .moj-alert--error .moj-alert__content a:hover,
642
+ .moj-alert--error .moj-alert__dismiss:hover {
643
+ -webkit-text-decoration-skip-ink: none;
644
+ text-decoration-skip-ink: none;
645
+ text-decoration-thickness: max(3px, 0.1875rem, 0.12em);
646
+ -webkit-text-decoration-skip: none;
647
+ text-decoration-skip: none;
648
+ }
649
+ .moj-alert--error .moj-alert__content .govuk-link:focus,
650
+ .moj-alert--error .moj-alert__content a:focus,
651
+ .moj-alert--error .moj-alert__dismiss:focus {
652
+ background-color: #fd0;
653
+ -webkit-box-decoration-break: clone;
654
+ box-decoration-break: clone;
655
+ box-shadow:
656
+ 0 -2px #fd0,
657
+ 0 4px #0b0c0c;
658
+ outline: 3px solid transparent;
659
+ text-decoration: none;
660
+ }
661
+ .moj-alert--error .moj-alert__content .govuk-link:link,
662
+ .moj-alert--error .moj-alert__content .govuk-link:visited,
663
+ .moj-alert--error .moj-alert__content a:link,
664
+ .moj-alert--error .moj-alert__content a:visited,
665
+ .moj-alert--error .moj-alert__dismiss:link,
666
+ .moj-alert--error .moj-alert__dismiss:visited {
667
+ color: #d4351c;
668
+ }
669
+ .moj-alert--error .moj-alert__content .govuk-link:hover,
670
+ .moj-alert--error .moj-alert__content a:hover,
671
+ .moj-alert--error .moj-alert__dismiss:hover {
672
+ color: #942514;
673
+ }
674
+ .moj-alert--error .moj-alert__content .govuk-link:active,
675
+ .moj-alert--error .moj-alert__content a:active,
676
+ .moj-alert--error .moj-alert__dismiss:active {
677
+ color: #d4351c;
678
+ }
679
+ .moj-alert--error .moj-alert__content .govuk-link:focus,
680
+ .moj-alert--error .moj-alert__content a:focus,
681
+ .moj-alert--error .moj-alert__dismiss:focus {
682
+ color: #0b0c0c;
683
+ }
684
+ .moj-badge {
685
+ border: 2px solid #1d70b8;
686
+ color: #1d70b8;
687
+ display: inline-block;
688
+ font-family:
689
+ GDS Transport,
690
+ arial,
691
+ sans-serif;
692
+ outline: 2px solid transparent;
693
+ outline-offset: -2px;
694
+ padding: 0 5px;
695
+ text-transform: uppercase;
696
+ vertical-align: middle;
697
+ -webkit-font-smoothing: antialiased;
698
+ -moz-osx-font-smoothing: grayscale;
699
+ font-size: 0.75rem;
700
+ font-weight: 700;
701
+ line-height: 1.25;
702
+ }
703
+ @media print {
704
+ .moj-badge {
705
+ font-family: sans-serif;
706
+ }
707
+ }
708
+ @media (min-width: 40.0625em) {
709
+ .moj-badge {
710
+ font-size: 0.875rem;
711
+ line-height: 1.4285714286;
712
+ }
713
+ }
714
+ @media print {
715
+ .moj-badge {
716
+ font-size: 12pt;
717
+ line-height: 1.2;
718
+ }
719
+ }
720
+ .moj-badge--purple {
721
+ border-color: #4c2c92;
722
+ color: #4c2c92;
723
+ }
724
+ .moj-badge--bright-purple {
725
+ border-color: #912b88;
726
+ color: #912b88;
727
+ }
728
+ .moj-badge--red {
729
+ border-color: #d4351c;
730
+ color: #d4351c;
731
+ }
732
+ .moj-badge--green {
733
+ border-color: #00703c;
734
+ color: #00703c;
735
+ }
736
+ .moj-badge--blue {
737
+ border-color: #1d70b8;
738
+ color: #1d70b8;
739
+ }
740
+ .moj-badge--black {
741
+ border-color: #0b0c0c;
742
+ color: #0b0c0c;
743
+ }
744
+ .moj-badge--grey {
745
+ border-color: #505a5f;
746
+ color: #505a5f;
747
+ }
748
+ .moj-badge--large {
749
+ font-family:
750
+ GDS Transport,
751
+ arial,
752
+ sans-serif;
753
+ -webkit-font-smoothing: antialiased;
754
+ -moz-osx-font-smoothing: grayscale;
755
+ font-size: 0.875rem;
756
+ font-weight: 700;
757
+ line-height: 1.1428571429;
758
+ }
759
+ @media print {
760
+ .moj-badge--large {
761
+ font-family: sans-serif;
762
+ }
763
+ }
764
+ @media (min-width: 40.0625em) {
765
+ .moj-badge--large {
766
+ font-size: 1rem;
767
+ line-height: 1.25;
768
+ }
769
+ }
770
+ @media print {
771
+ .moj-badge--large {
772
+ font-size: 14pt;
773
+ line-height: 1.2;
774
+ }
775
+ }
776
+ .moj-banner {
777
+ border: 5px solid #1d70b8;
778
+ color: #1d70b8;
779
+ font-size: 0;
780
+ margin-bottom: 30px;
781
+ padding: 10px;
782
+ }
783
+ .moj-banner__icon {
784
+ float: left;
785
+ margin-right: 10px;
786
+ fill: currentcolor;
787
+ }
788
+ .moj-banner__message {
789
+ color: #0b0c0c;
790
+ display: block;
791
+ font-family:
792
+ GDS Transport,
793
+ arial,
794
+ sans-serif;
795
+ overflow: hidden;
796
+ -webkit-font-smoothing: antialiased;
797
+ -moz-osx-font-smoothing: grayscale;
798
+ font-size: 1rem;
799
+ font-weight: 400;
800
+ line-height: 1.25;
801
+ }
802
+ @media print {
803
+ .moj-banner__message {
804
+ font-family: sans-serif;
805
+ }
806
+ }
807
+ @media (min-width: 40.0625em) {
808
+ .moj-banner__message {
809
+ font-size: 1.1875rem;
810
+ line-height: 1.3157894737;
811
+ }
812
+ }
813
+ @media print {
814
+ .moj-banner__message {
815
+ font-size: 14pt;
816
+ line-height: 1.15;
817
+ }
818
+ }
819
+ .moj-banner__message h2 {
820
+ margin-bottom: 10px;
821
+ }
822
+ .moj-banner__message h2:last-child,
823
+ .moj-banner__message p:last-child {
824
+ margin-bottom: 0;
825
+ }
826
+ .moj-banner__assistive {
827
+ height: 1px !important;
828
+ margin: 0 !important;
829
+ overflow: hidden !important;
830
+ padding: 0 !important;
831
+ position: absolute !important;
832
+ width: 1px !important;
833
+ clip: rect(0 0 0 0) !important;
834
+ border: 0 !important;
835
+ clip-path: inset(50%) !important;
836
+ -webkit-user-select: none;
837
+ -moz-user-select: none;
838
+ user-select: none;
839
+ white-space: nowrap !important;
840
+ }
841
+ .moj-banner__assistive:after,
842
+ .moj-banner__assistive:before {
843
+ content: " ";
844
+ }
845
+ .moj-banner--success {
846
+ border-color: #00703c;
847
+ color: #00703c;
848
+ }
849
+ .moj-banner--warning {
850
+ border-color: #d4351c;
851
+ color: #d4351c;
852
+ }
853
+ .moj-button-menu {
854
+ display: inline-block;
855
+ position: relative;
856
+ }
857
+ .moj-button-menu__toggle-button {
858
+ margin-bottom: 0;
859
+ vertical-align: baseline;
860
+ }
861
+ .moj-button-menu__toggle-button span {
862
+ align-items: center;
863
+ display: inline-flex;
864
+ gap: 8px;
865
+ }
866
+ .moj-button-menu__toggle-button svg {
867
+ margin-top: 2px;
868
+ transform: rotate(180deg);
869
+ }
870
+ .moj-button-menu__toggle-button[aria-expanded="true"] svg {
871
+ transform: rotate(0deg);
872
+ }
873
+ .moj-button-menu__wrapper {
874
+ list-style: none;
875
+ margin: 5px 0 0;
876
+ padding: 0;
877
+ z-index: 10;
878
+ }
879
+ .moj-button-menu__wrapper,
880
+ .moj-button-menu__wrapper .moj-button-group--inline {
881
+ position: absolute;
882
+ width: 200px;
883
+ }
884
+ .moj-button-menu__wrapper--right {
885
+ right: 0;
886
+ }
887
+ .moj-button-menu__item {
888
+ display: inline-block;
889
+ margin-bottom: 10px;
890
+ margin-right: 10px;
891
+ vertical-align: baseline;
892
+ width: auto;
893
+ }
894
+ .moj-button-menu__item:last-child {
895
+ margin-right: 0;
896
+ }
897
+ .moj-button-menu li > .moj-button-menu__item {
898
+ -webkit-appearance: none;
899
+ -moz-appearance: none;
900
+ appearance: none;
901
+ background-color: #f3f2f1;
902
+ border: 2px solid transparent;
903
+ border-bottom: 1px solid #949494;
904
+ border-radius: 0;
905
+ box-sizing: border-box;
906
+ color: #0b0c0c;
907
+ cursor: pointer;
908
+ display: inline-block;
909
+ font-family:
910
+ GDS Transport,
911
+ arial,
912
+ sans-serif;
913
+ margin: 0;
914
+ padding: 10px;
915
+ position: relative;
916
+ text-align: left;
917
+ vertical-align: top;
918
+ width: 100%;
919
+ -webkit-font-smoothing: antialiased;
920
+ -moz-osx-font-smoothing: grayscale;
921
+ font-size: 1rem;
922
+ font-weight: 400;
923
+ line-height: 1.1875;
924
+ }
925
+ @media print {
926
+ .moj-button-menu li > .moj-button-menu__item {
927
+ font-family: sans-serif;
928
+ }
929
+ }
930
+ @media (min-width: 40.0625em) {
931
+ .moj-button-menu li > .moj-button-menu__item {
932
+ font-size: 1.1875rem;
933
+ line-height: 1;
934
+ }
935
+ }
936
+ @media print {
937
+ .moj-button-menu li > .moj-button-menu__item {
938
+ font-size: 14pt;
939
+ line-height: 19px;
940
+ }
941
+ }
942
+ .moj-button-menu li > .moj-button-menu__item:active,
943
+ .moj-button-menu li > .moj-button-menu__item:hover,
944
+ .moj-button-menu li > .moj-button-menu__item:link,
945
+ .moj-button-menu li > .moj-button-menu__item:visited {
946
+ color: #0b0c0c;
947
+ text-decoration: none;
948
+ }
949
+ .moj-button-menu li > .moj-button-menu__item:active,
950
+ .moj-button-menu li > .moj-button-menu__item:hover {
951
+ color: #fff;
952
+ }
953
+ .moj-button-menu li > .moj-button-menu__item::-moz-focus-inner {
954
+ border: 0;
955
+ padding: 0;
956
+ }
957
+ .moj-button-menu li > .moj-button-menu__item:hover {
958
+ background-color: #767676;
959
+ }
960
+ .moj-button-menu li > .moj-button-menu__item:focus {
961
+ border-color: #fd0;
962
+ box-shadow: inset 0 0 0 1px #fd0;
963
+ outline: 3px solid transparent;
964
+ z-index: 10;
965
+ }
966
+ .moj-button-menu li > .moj-button-menu__item:focus:not(:active):not(:hover) {
967
+ background-color: #fd0;
968
+ border-color: #fd0;
969
+ box-shadow: 0 2px 0 #0b0c0c;
970
+ color: #0b0c0c;
971
+ }
972
+ .moj-cookie-banner {
973
+ background-color: #fff;
974
+ box-sizing: border-box;
975
+ display: none;
976
+ font-family:
977
+ GDS Transport,
978
+ arial,
979
+ sans-serif;
980
+ left: 15px;
981
+ padding-bottom: 15px;
982
+ padding-right: 15px;
983
+ padding-top: 15px;
984
+ -webkit-font-smoothing: antialiased;
985
+ -moz-osx-font-smoothing: grayscale;
986
+ font-size: 0.875rem;
987
+ font-weight: 400;
988
+ line-height: 1.1428571429;
989
+ }
990
+ @media print {
991
+ .moj-cookie-banner {
992
+ font-family: sans-serif;
993
+ }
994
+ }
995
+ @media (min-width: 40.0625em) {
996
+ .moj-cookie-banner {
997
+ font-size: 1rem;
998
+ line-height: 1.25;
999
+ }
1000
+ }
1001
+ @media print {
1002
+ .moj-cookie-banner {
1003
+ font-size: 14pt;
1004
+ line-height: 1.2;
1005
+ }
1006
+ }
1007
+ .moj-cookie-banner--show {
1008
+ display: block !important;
1009
+ }
1010
+ .moj-cookie-banner__message {
1011
+ margin: 0 15px;
1012
+ max-width: 960px;
1013
+ }
1014
+ @media (min-width: 40.0625em) {
1015
+ .moj-cookie-banner__message {
1016
+ margin: 0 30px;
1017
+ }
1018
+ }
1019
+ @media (min-width: 1020px) {
1020
+ .moj-cookie-banner__message {
1021
+ margin: 0 auto;
1022
+ }
1023
+ }
1024
+ .moj-cookie-banner__buttons .govuk-grid-column-full {
1025
+ padding-left: 0;
1026
+ }
1027
+ @media (min-width: 40.0625em) {
1028
+ .moj-cookie-banner .govuk-button {
1029
+ width: 90%;
1030
+ }
1031
+ }
1032
+ @media print {
1033
+ .moj-cookie-banner {
1034
+ display: none !important;
1035
+ }
1036
+ }
1037
+ .moj-label__currency {
1038
+ background-color: #f3f2f1;
1039
+ border-right: 2px solid #0b0c0c;
1040
+ font-family:
1041
+ GDS Transport,
1042
+ arial,
1043
+ sans-serif;
1044
+ margin: 2px 0 0 2px !important;
1045
+ padding: 5.5px 12px;
1046
+ position: absolute;
1047
+ -webkit-font-smoothing: antialiased;
1048
+ -moz-osx-font-smoothing: grayscale;
1049
+ font-size: 1rem;
1050
+ font-weight: 400;
1051
+ line-height: 1.25;
1052
+ }
1053
+ @media print {
1054
+ .moj-label__currency {
1055
+ font-family: sans-serif;
1056
+ }
1057
+ }
1058
+ @media (min-width: 40.0625em) {
1059
+ .moj-label__currency {
1060
+ font-size: 1.1875rem;
1061
+ line-height: 1.3157894737;
1062
+ }
1063
+ }
1064
+ @media print {
1065
+ .moj-label__currency {
1066
+ font-size: 14pt;
1067
+ line-height: 1.15;
1068
+ }
1069
+ }
1070
+ .moj-label__currency--error {
1071
+ background-color: #d4351c;
1072
+ border-right: 2px solid #d4351c;
1073
+ color: #fff;
1074
+ }
1075
+ @media (max-width: 40.0525em) {
1076
+ .moj-label__currency {
1077
+ padding: 8px 12px;
1078
+ }
1079
+ }
1080
+ .moj-input__currency {
1081
+ margin: 0;
1082
+ padding-left: 40px;
1083
+ }
1084
+ .moj-datepicker {
1085
+ font-family:
1086
+ GDS Transport,
1087
+ arial,
1088
+ sans-serif;
1089
+ position: relative;
1090
+ -webkit-font-smoothing: antialiased;
1091
+ -moz-osx-font-smoothing: grayscale;
1092
+ font-size: 0.875rem;
1093
+ font-weight: 400;
1094
+ line-height: 1.1428571429;
1095
+ }
1096
+ @media print {
1097
+ .moj-datepicker {
1098
+ font-family: sans-serif;
1099
+ }
1100
+ }
1101
+ @media (min-width: 40.0625em) {
1102
+ .moj-datepicker {
1103
+ font-size: 1rem;
1104
+ line-height: 1.25;
1105
+ }
1106
+ }
1107
+ @media print {
1108
+ .moj-datepicker {
1109
+ font-size: 14pt;
1110
+ line-height: 1.2;
1111
+ }
1112
+ }
1113
+ .moj-datepicker__dialog {
1114
+ background-color: #fff;
1115
+ display: none;
1116
+ min-width: 280px;
1117
+ outline: 2px solid #0b0c0c;
1118
+ outline-offset: -2px;
1119
+ padding: 20px;
1120
+ position: absolute;
1121
+ top: 0;
1122
+ transition:
1123
+ background-color 0.2s,
1124
+ outline-color 0.2s;
1125
+ z-index: 2;
1126
+ }
1127
+ .moj-datepicker__dialog--open {
1128
+ display: block;
1129
+ }
1130
+ .moj-datepicker__dialog-header {
1131
+ align-items: center;
1132
+ display: flex;
1133
+ justify-content: space-between;
1134
+ margin-bottom: 10px;
1135
+ position: relative;
1136
+ }
1137
+ .moj-datepicker__dialog-title {
1138
+ font-family:
1139
+ GDS Transport,
1140
+ arial,
1141
+ sans-serif;
1142
+ font-weight: 700;
1143
+ margin-bottom: 0;
1144
+ margin-top: 0;
1145
+ -webkit-font-smoothing: antialiased;
1146
+ -moz-osx-font-smoothing: grayscale;
1147
+ font-size: 0.875rem;
1148
+ font-weight: 400;
1149
+ line-height: 1.1428571429;
1150
+ }
1151
+ @media print {
1152
+ .moj-datepicker__dialog-title {
1153
+ font-family: sans-serif;
1154
+ }
1155
+ }
1156
+ @media (min-width: 40.0625em) {
1157
+ .moj-datepicker__dialog-title {
1158
+ font-size: 1rem;
1159
+ line-height: 1.25;
1160
+ }
1161
+ }
1162
+ @media print {
1163
+ .moj-datepicker__dialog-title {
1164
+ font-size: 14pt;
1165
+ line-height: 1.2;
1166
+ }
1167
+ }
1168
+ .moj-datepicker__dialog-navbuttons {
1169
+ align-items: center;
1170
+ display: flex;
1171
+ }
1172
+ .moj-datepicker__calendar {
1173
+ border-collapse: collapse;
1174
+ margin-bottom: 20px;
1175
+ }
1176
+ .moj-datepicker__calendar tbody:focus-within {
1177
+ outline: 2px solid #fd0;
1178
+ }
1179
+ .moj-datepicker__calendar td {
1180
+ border: 0;
1181
+ margin: 0;
1182
+ outline: 0;
1183
+ padding: 0;
1184
+ }
1185
+ .moj-datepicker__calendar th {
1186
+ color: #0b0c0c;
1187
+ font-family:
1188
+ GDS Transport,
1189
+ arial,
1190
+ sans-serif;
1191
+ font-weight: 700;
1192
+ -webkit-font-smoothing: antialiased;
1193
+ -moz-osx-font-smoothing: grayscale;
1194
+ font-size: 0.875rem;
1195
+ font-weight: 400;
1196
+ line-height: 1.1428571429;
1197
+ }
1198
+ @media print {
1199
+ .moj-datepicker__calendar th {
1200
+ font-family: sans-serif;
1201
+ }
1202
+ }
1203
+ @media (min-width: 40.0625em) {
1204
+ .moj-datepicker__calendar th {
1205
+ font-size: 1rem;
1206
+ line-height: 1.25;
1207
+ }
1208
+ }
1209
+ @media print {
1210
+ .moj-datepicker__calendar th {
1211
+ font-size: 14pt;
1212
+ line-height: 1.2;
1213
+ }
1214
+ }
1215
+ .moj-datepicker__dialog > .govuk-button-group,
1216
+ .moj-datepicker__dialog > .govuk-button-group > * {
1217
+ margin-bottom: 0;
1218
+ }
1219
+ .moj-datepicker__button {
1220
+ background-color: transparent;
1221
+ border-width: 0;
1222
+ color: #0b0c0c;
1223
+ font-family:
1224
+ GDS Transport,
1225
+ arial,
1226
+ sans-serif;
1227
+ height: 40px;
1228
+ margin: 0;
1229
+ outline: 2px solid transparent;
1230
+ outline-offset: -2px;
1231
+ padding: 0;
1232
+ position: relative;
1233
+ width: 44px;
1234
+ -webkit-font-smoothing: antialiased;
1235
+ -moz-osx-font-smoothing: grayscale;
1236
+ font-size: 0.875rem;
1237
+ font-weight: 400;
1238
+ line-height: 1.1428571429;
1239
+ }
1240
+ @media print {
1241
+ .moj-datepicker__button {
1242
+ font-family: sans-serif;
1243
+ }
1244
+ }
1245
+ @media (min-width: 40.0625em) {
1246
+ .moj-datepicker__button {
1247
+ font-size: 1rem;
1248
+ line-height: 1.25;
1249
+ }
1250
+ }
1251
+ @media print {
1252
+ .moj-datepicker__button {
1253
+ font-size: 14pt;
1254
+ line-height: 1.2;
1255
+ }
1256
+ }
1257
+ @media (forced-colors: active) {
1258
+ .moj-datepicker__button:after {
1259
+ display: none;
1260
+ }
1261
+ }
1262
+ .moj-datepicker__button:after {
1263
+ background-color: transparent;
1264
+ bottom: 0;
1265
+ content: "";
1266
+ height: 4px;
1267
+ left: 0;
1268
+ position: absolute;
1269
+ right: 0;
1270
+ }
1271
+ .moj-datepicker__button[aria-disabled="true"],
1272
+ .moj-datepicker__button[aria-disabled="true"]:hover {
1273
+ background-color: #f3f2f1;
1274
+ color: #0b0c0c;
1275
+ cursor: not-allowed;
1276
+ text-decoration: line-through;
1277
+ }
1278
+ .moj-datepicker__button:hover {
1279
+ background-color: #949494;
1280
+ cursor: pointer;
1281
+ text-decoration: none;
1282
+ }
1283
+ .moj-datepicker__button:focus,
1284
+ .moj-datepicker__button:hover {
1285
+ -webkit-box-decoration-break: clone;
1286
+ box-decoration-break: clone;
1287
+ color: #0b0c0c;
1288
+ }
1289
+ .moj-datepicker__button:focus {
1290
+ background-color: #fd0;
1291
+ outline-color: transparent;
1292
+ }
1293
+ .moj-datepicker__button:focus:after {
1294
+ background-color: #0b0c0c;
1295
+ }
1296
+ .moj-datepicker__button:focus:hover {
1297
+ background-color: #949494;
1298
+ outline-color: #fd0;
1299
+ }
1300
+ .moj-datepicker__button:focus:hover:after {
1301
+ background-color: transparent;
1302
+ }
1303
+ .moj-datepicker__button--current:not(:focus) {
1304
+ background-color: #1d70b8;
1305
+ color: #fff;
1306
+ outline-color: #1d70b8;
1307
+ }
1308
+ .moj-datepicker__button--current:not(:focus):after {
1309
+ background-color: #1d70b8;
1310
+ }
1311
+ .moj-datepicker__button--current[tabindex="-1"] {
1312
+ background: transparent;
1313
+ color: currentcolor;
1314
+ outline-color: transparent;
1315
+ }
1316
+ .moj-datepicker__button--current[tabindex="-1"]:after {
1317
+ background-color: transparent;
1318
+ }
1319
+ .moj-datepicker__button--today {
1320
+ border: 2px solid #0b0c0c;
1321
+ }
1322
+ .moj-datepicker__button--selected:not(:focus) {
1323
+ background-color: #1d70b8;
1324
+ color: #fff;
1325
+ }
1326
+ .moj-datepicker__button--selected:not(:focus):after {
1327
+ background-color: #1d70b8;
1328
+ }
1329
+ .moj-datepicker__button--selected:not(:focus):hover {
1330
+ background-color: #949494;
1331
+ color: #0b0c0c;
1332
+ outline-color: #1d70b8;
1333
+ }
1334
+ .moj-datepicker__button--selected:not(:focus):hover:after {
1335
+ background-color: transparent;
1336
+ }
1337
+ .moj-datepicker input {
1338
+ max-width: 11.5em;
1339
+ }
1340
+ .moj-datepicker input.govuk-input--width-30 {
1341
+ max-width: 29.5em;
1342
+ }
1343
+ .moj-datepicker input.govuk-input--width-20 {
1344
+ max-width: 20.5em;
1345
+ }
1346
+ .moj-datepicker input.govuk-\!-width-full,
1347
+ .moj-datepicker input.govuk-\!-width-three-quarters {
1348
+ max-width: none;
1349
+ width: 100% !important;
1350
+ }
1351
+ @media (min-width: 40.0625em) {
1352
+ .moj-datepicker input.govuk-\!-width-three-quarters {
1353
+ width: 75% !important;
1354
+ }
1355
+ }
1356
+ .moj-datepicker input.govuk-\!-width-two-thirds {
1357
+ max-width: none;
1358
+ width: 100% !important;
1359
+ }
1360
+ @media (min-width: 40.0625em) {
1361
+ .moj-datepicker input.govuk-\!-width-two-thirds {
1362
+ width: 66.66% !important;
1363
+ }
1364
+ }
1365
+ .moj-datepicker input.govuk-\!-width-one-half {
1366
+ max-width: none;
1367
+ width: 100% !important;
1368
+ }
1369
+ @media (min-width: 40.0625em) {
1370
+ .moj-datepicker input.govuk-\!-width-one-half {
1371
+ width: 50% !important;
1372
+ }
1373
+ }
1374
+ .moj-datepicker input.govuk-\!-width-one-third {
1375
+ max-width: none;
1376
+ width: 100% !important;
1377
+ }
1378
+ @media (min-width: 40.0625em) {
1379
+ .moj-datepicker input.govuk-\!-width-one-third {
1380
+ width: 33.33% !important;
1381
+ }
1382
+ }
1383
+ .moj-datepicker input.govuk-\!-width-one-quarter {
1384
+ max-width: none;
1385
+ width: 100% !important;
1386
+ }
1387
+ @media (min-width: 40.0625em) {
1388
+ .moj-datepicker input.govuk-\!-width-one-quarter {
1389
+ width: 25% !important;
1390
+ }
1391
+ }
1392
+ .moj-datepicker__wrapper {
1393
+ position: relative;
1394
+ }
1395
+ @media (min-width: 768px) {
1396
+ .moj-datepicker__dialog {
1397
+ width: auto;
1398
+ }
1399
+ }
1400
+ .moj-datepicker__toggle {
1401
+ background-color: #0b0c0c;
1402
+ border: none;
1403
+ border-bottom: 4px solid transparent;
1404
+ color: #fff;
1405
+ cursor: pointer;
1406
+ height: 40px;
1407
+ outline: 3px solid transparent;
1408
+ outline-offset: -3px;
1409
+ padding-top: 6px;
1410
+ }
1411
+ .moj-datepicker__toggle:focus {
1412
+ background-color: #fd0;
1413
+ border-bottom: 4px solid #0b0c0c;
1414
+ color: #0b0c0c;
1415
+ }
1416
+ .moj-datepicker__toggle:hover {
1417
+ background-color: #949494;
1418
+ border-bottom: 4px solid #949494;
1419
+ color: #0b0c0c;
1420
+ }
1421
+ .moj-datepicker__toggle:focus:hover {
1422
+ background-color: #949494;
1423
+ border-bottom: 4px solid #0b0c0c;
1424
+ color: #0b0c0c;
1425
+ }
1426
+ .moj-filter {
1427
+ background-color: #fff;
1428
+ box-shadow: inset 0 0 0 1px #b1b4b6;
1429
+ }
1430
+ .moj-filter:focus {
1431
+ box-shadow:
1432
+ 0 -2px #fd0,
1433
+ 0 4px #0b0c0c;
1434
+ }
1435
+ .moj-filter__header {
1436
+ background-color: #b1b4b6;
1437
+ font-size: 0;
1438
+ padding: 10px 20px;
1439
+ text-align: justify;
1440
+ }
1441
+ .moj-filter__header:after {
1442
+ content: "";
1443
+ display: inline-block;
1444
+ width: 100%;
1445
+ }
1446
+ .moj-filter__header [class^="govuk-heading-"] {
1447
+ margin-bottom: 0;
1448
+ }
1449
+ .moj-filter__legend {
1450
+ overflow: visible;
1451
+ width: 100%;
1452
+ }
1453
+ .moj-filter__legend button {
1454
+ -moz-appearance: none;
1455
+ appearance: none;
1456
+ -webkit-appearance: none;
1457
+ background-color: transparent;
1458
+ border: 0;
1459
+ border-radius: 0;
1460
+ box-sizing: border-box;
1461
+ cursor: pointer;
1462
+ display: block;
1463
+ font-family:
1464
+ GDS Transport,
1465
+ arial,
1466
+ sans-serif;
1467
+ margin: 0;
1468
+ padding: 0;
1469
+ position: relative;
1470
+ text-align: left;
1471
+ width: 100%;
1472
+ -webkit-font-smoothing: antialiased;
1473
+ -moz-osx-font-smoothing: grayscale;
1474
+ font-size: 1.125rem;
1475
+ font-weight: 700;
1476
+ line-height: 1.1111111111;
1477
+ }
1478
+ @media print {
1479
+ .moj-filter__legend button {
1480
+ font-family: sans-serif;
1481
+ }
1482
+ }
1483
+ @media (min-width: 40.0625em) {
1484
+ .moj-filter__legend button {
1485
+ font-size: 1.5rem;
1486
+ line-height: 1.25;
1487
+ }
1488
+ }
1489
+ @media print {
1490
+ .moj-filter__legend button {
1491
+ font-size: 18pt;
1492
+ line-height: 1.15;
1493
+ }
1494
+ }
1495
+ .moj-filter__legend button::-moz-focus-inner {
1496
+ border: 0;
1497
+ padding: 0;
1498
+ }
1499
+ .moj-filter__legend button:after {
1500
+ background-image: url(/assets/images/icon-toggle-plus-minus.svg);
1501
+ background-position: 0 0;
1502
+ content: "";
1503
+ display: block;
1504
+ height: 16px;
1505
+ margin-top: -8px;
1506
+ position: absolute;
1507
+ right: 0;
1508
+ top: 50%;
1509
+ width: 16px;
1510
+ }
1511
+ .moj-filter__legend button[aria-expanded="true"]:after {
1512
+ background-position: 16px 16px;
1513
+ }
1514
+ .moj-filter__header-action,
1515
+ .moj-filter__header-title {
1516
+ display: inline-block;
1517
+ text-align: left;
1518
+ vertical-align: middle;
1519
+ }
1520
+ .moj-filter__close {
1521
+ -webkit-appearance: none;
1522
+ -moz-appearance: none;
1523
+ appearance: none;
1524
+ background-color: transparent;
1525
+ border: none;
1526
+ border-radius: 0;
1527
+ color: #0b0c0c;
1528
+ cursor: pointer;
1529
+ font-family:
1530
+ GDS Transport,
1531
+ arial,
1532
+ sans-serif;
1533
+ margin: 0;
1534
+ padding: 0;
1535
+ -webkit-font-smoothing: antialiased;
1536
+ -moz-osx-font-smoothing: grayscale;
1537
+ font-size: 1rem;
1538
+ font-weight: 400;
1539
+ line-height: 1.25;
1540
+ }
1541
+ @media print {
1542
+ .moj-filter__close {
1543
+ font-family: sans-serif;
1544
+ }
1545
+ }
1546
+ @media (min-width: 40.0625em) {
1547
+ .moj-filter__close {
1548
+ font-size: 1.1875rem;
1549
+ line-height: 1.3157894737;
1550
+ }
1551
+ }
1552
+ @media print {
1553
+ .moj-filter__close {
1554
+ font-size: 14pt;
1555
+ line-height: 1.15;
1556
+ }
1557
+ }
1558
+ .moj-filter__close:focus {
1559
+ background-color: #fd0;
1560
+ box-shadow:
1561
+ 0 -2px #fd0,
1562
+ 0 4px #0b0c0c;
1563
+ color: #0b0c0c;
1564
+ outline: none;
1565
+ }
1566
+ .moj-filter__close::-moz-focus-inner {
1567
+ border: 0;
1568
+ padding: 0;
1569
+ }
1570
+ .moj-filter__close:before {
1571
+ background-image: url(/assets/images/icon-close-cross-black.svg);
1572
+ content: "";
1573
+ display: inline-block;
1574
+ height: 14px;
1575
+ margin-right: 5px;
1576
+ position: relative;
1577
+ top: -1px;
1578
+ vertical-align: middle;
1579
+ width: 14px;
1580
+ }
1581
+ .moj-filter__selected {
1582
+ background-color: #f3f2f1;
1583
+ box-shadow: inset 0 0 0 1px #b1b4b6;
1584
+ padding: 20px;
1585
+ }
1586
+ .moj-filter__selected ul:last-of-type {
1587
+ margin-bottom: 0;
1588
+ }
1589
+ .moj-filter__selected-heading {
1590
+ font-size: 0;
1591
+ text-align: justify;
1592
+ }
1593
+ .moj-filter__selected-heading:after {
1594
+ content: "";
1595
+ display: inline-block;
1596
+ width: 100%;
1597
+ }
1598
+ .moj-filter__heading-action,
1599
+ .moj-filter__heading-title {
1600
+ display: inline-block;
1601
+ font-family:
1602
+ GDS Transport,
1603
+ arial,
1604
+ sans-serif;
1605
+ text-align: left;
1606
+ vertical-align: middle;
1607
+ -webkit-font-smoothing: antialiased;
1608
+ -moz-osx-font-smoothing: grayscale;
1609
+ font-size: 0.875rem;
1610
+ font-weight: 400;
1611
+ line-height: 1.1428571429;
1612
+ }
1613
+ @media print {
1614
+ .moj-filter__heading-action,
1615
+ .moj-filter__heading-title {
1616
+ font-family: sans-serif;
1617
+ }
1618
+ }
1619
+ @media (min-width: 40.0625em) {
1620
+ .moj-filter__heading-action,
1621
+ .moj-filter__heading-title {
1622
+ font-size: 1rem;
1623
+ line-height: 1.25;
1624
+ }
1625
+ }
1626
+ @media print {
1627
+ .moj-filter__heading-action,
1628
+ .moj-filter__heading-title {
1629
+ font-size: 14pt;
1630
+ line-height: 1.2;
1631
+ }
1632
+ }
1633
+ .moj-filter-tags {
1634
+ font-size: 0;
1635
+ margin-bottom: 20px;
1636
+ padding-left: 0;
1637
+ }
1638
+ .moj-filter-tags li {
1639
+ display: inline-block;
1640
+ margin-right: 10px;
1641
+ }
1642
+ .moj-filter__tag {
1643
+ background-color: #fff;
1644
+ border: 1px solid #0b0c0c;
1645
+ color: #0b0c0c;
1646
+ display: inline-block;
1647
+ font-family:
1648
+ GDS Transport,
1649
+ arial,
1650
+ sans-serif;
1651
+ margin-top: 5px;
1652
+ padding: 5px;
1653
+ text-decoration: none;
1654
+ -webkit-font-smoothing: antialiased;
1655
+ -moz-osx-font-smoothing: grayscale;
1656
+ font-size: 0.875rem;
1657
+ font-weight: 400;
1658
+ line-height: 1.1428571429;
1659
+ }
1660
+ @media print {
1661
+ .moj-filter__tag {
1662
+ font-family: sans-serif;
1663
+ }
1664
+ }
1665
+ @media (min-width: 40.0625em) {
1666
+ .moj-filter__tag {
1667
+ font-size: 1rem;
1668
+ line-height: 1.25;
1669
+ }
1670
+ }
1671
+ @media print {
1672
+ .moj-filter__tag {
1673
+ font-size: 14pt;
1674
+ line-height: 1.2;
1675
+ }
1676
+ }
1677
+ .moj-filter__tag:link,
1678
+ .moj-filter__tag:visited {
1679
+ color: #0b0c0c;
1680
+ }
1681
+ .moj-filter__tag:focus {
1682
+ background-color: #fd0;
1683
+ color: #0b0c0c;
1684
+ }
1685
+ .moj-filter__tag:hover {
1686
+ background-color: #0b0c0c;
1687
+ color: #fff;
1688
+ }
1689
+ .moj-filter__tag:after {
1690
+ background-image: url(/assets/images/icon-tag-remove-cross.svg);
1691
+ content: "";
1692
+ display: inline-block;
1693
+ font-weight: 700;
1694
+ height: 10px;
1695
+ margin-left: 5px;
1696
+ vertical-align: middle;
1697
+ width: 10px;
1698
+ }
1699
+ .moj-filter__tag:hover:after {
1700
+ background-image: url(/assets/images/icon-tag-remove-cross-white.svg);
1701
+ }
1702
+ .moj-filter__options {
1703
+ box-shadow: inset 0 0 0 1px #b1b4b6;
1704
+ margin-top: -1px;
1705
+ padding: 20px;
1706
+ }
1707
+ .moj-filter__options div:last-of-type {
1708
+ margin-bottom: 0;
1709
+ }
1710
+ .moj-header {
1711
+ background-color: #0b0c0c;
1712
+ border-bottom: 10px solid #1d70b8;
1713
+ padding-top: 15px;
1714
+ }
1715
+ .moj-header__container {
1716
+ margin: 0 15px;
1717
+ max-width: 960px;
1718
+ position: relative;
1719
+ }
1720
+ @media (min-width: 40.0625em) {
1721
+ .moj-header__container {
1722
+ margin: 0 30px;
1723
+ }
1724
+ }
1725
+ @media (min-width: 1020px) {
1726
+ .moj-header__container {
1727
+ margin: 0 auto;
1728
+ }
1729
+ }
1730
+ .moj-header__container:after {
1731
+ clear: both;
1732
+ content: "";
1733
+ display: block;
1734
+ }
1735
+ .moj-header__logo {
1736
+ padding-bottom: 5px;
1737
+ }
1738
+ @media (min-width: 48.0625em) {
1739
+ .moj-header__logo {
1740
+ float: left;
1741
+ }
1742
+ }
1743
+ .moj-header__logotype-crown {
1744
+ margin-right: 5px;
1745
+ position: relative;
1746
+ top: -4px;
1747
+ vertical-align: top;
1748
+ }
1749
+ .moj-header__logotype-crest {
1750
+ margin-right: 5px;
1751
+ position: relative;
1752
+ top: -8px;
1753
+ vertical-align: top;
1754
+ }
1755
+ .moj-header__content {
1756
+ padding-bottom: 10px;
1757
+ }
1758
+ @media (min-width: 48.0625em) {
1759
+ .moj-header__content {
1760
+ float: right;
1761
+ }
1762
+ }
1763
+ .moj-header__link,
1764
+ .moj-header__link > a {
1765
+ border-bottom: 1px solid transparent;
1766
+ color: #fff;
1767
+ display: inline-block;
1768
+ font-family:
1769
+ GDS Transport,
1770
+ arial,
1771
+ sans-serif;
1772
+ line-height: 25px;
1773
+ margin-bottom: -1px;
1774
+ overflow: hidden;
1775
+ vertical-align: middle;
1776
+ -webkit-font-smoothing: antialiased;
1777
+ -moz-osx-font-smoothing: grayscale;
1778
+ text-decoration: underline;
1779
+ text-decoration-thickness: max(1px, 0.0625rem);
1780
+ text-underline-offset: 0.1578em;
1781
+ }
1782
+ @media print {
1783
+ .moj-header__link,
1784
+ .moj-header__link > a {
1785
+ font-family: sans-serif;
1786
+ }
1787
+ }
1788
+ .moj-header__link:hover,
1789
+ .moj-header__link > a:hover {
1790
+ -webkit-text-decoration-skip-ink: none;
1791
+ text-decoration-skip-ink: none;
1792
+ text-decoration-thickness: max(3px, 0.1875rem, 0.12em);
1793
+ -webkit-text-decoration-skip: none;
1794
+ text-decoration-skip: none;
1795
+ }
1796
+ .moj-header__link:focus,
1797
+ .moj-header__link > a:focus {
1798
+ background-color: #fd0;
1799
+ -webkit-box-decoration-break: clone;
1800
+ box-decoration-break: clone;
1801
+ box-shadow:
1802
+ 0 -2px #fd0,
1803
+ 0 4px #0b0c0c;
1804
+ outline: 3px solid transparent;
1805
+ text-decoration: none;
1806
+ }
1807
+ .moj-header__link:link,
1808
+ .moj-header__link > a:link {
1809
+ color: #1d70b8;
1810
+ }
1811
+ .moj-header__link:visited,
1812
+ .moj-header__link > a:visited {
1813
+ color: #4c2c92;
1814
+ }
1815
+ .moj-header__link:hover,
1816
+ .moj-header__link > a:hover {
1817
+ color: #003078;
1818
+ }
1819
+ .moj-header__link:active,
1820
+ .moj-header__link > a:active {
1821
+ color: #0b0c0c;
1822
+ }
1823
+ .moj-header__link:active,
1824
+ .moj-header__link:hover,
1825
+ .moj-header__link:link,
1826
+ .moj-header__link:visited,
1827
+ .moj-header__link > a:active,
1828
+ .moj-header__link > a:hover,
1829
+ .moj-header__link > a:link,
1830
+ .moj-header__link > a:visited {
1831
+ color: #fff;
1832
+ text-decoration: none;
1833
+ }
1834
+ .moj-header__link:hover,
1835
+ .moj-header__link > a:hover {
1836
+ border-color: #fff;
1837
+ }
1838
+ .moj-header__link:focus,
1839
+ .moj-header__link > a:focus {
1840
+ border-color: transparent;
1841
+ color: #0b0c0c;
1842
+ }
1843
+ .moj-header__link--organisation-name,
1844
+ .moj-header__link > a--organisation-name {
1845
+ font-family:
1846
+ GDS Transport,
1847
+ arial,
1848
+ sans-serif;
1849
+ vertical-align: middle;
1850
+ -webkit-font-smoothing: antialiased;
1851
+ -moz-osx-font-smoothing: grayscale;
1852
+ font-size: 1.125rem;
1853
+ font-weight: 700;
1854
+ line-height: 1.1111111111;
1855
+ }
1856
+ @media print {
1857
+ .moj-header__link--organisation-name,
1858
+ .moj-header__link > a--organisation-name {
1859
+ font-family: sans-serif;
1860
+ }
1861
+ }
1862
+ @media (min-width: 40.0625em) {
1863
+ .moj-header__link--organisation-name,
1864
+ .moj-header__link > a--organisation-name {
1865
+ font-size: 1.5rem;
1866
+ line-height: 1.25;
1867
+ }
1868
+ }
1869
+ @media print {
1870
+ .moj-header__link--organisation-name,
1871
+ .moj-header__link > a--organisation-name {
1872
+ font-size: 18pt;
1873
+ line-height: 1.15;
1874
+ }
1875
+ }
1876
+ .moj-header__link--organisation-name:hover,
1877
+ .moj-header__link > a--organisation-name:hover {
1878
+ border-color: transparent;
1879
+ }
1880
+ .moj-header__link--service-name,
1881
+ .moj-header__link > a--service-name {
1882
+ font-family:
1883
+ GDS Transport,
1884
+ arial,
1885
+ sans-serif;
1886
+ vertical-align: middle;
1887
+ -webkit-font-smoothing: antialiased;
1888
+ -moz-osx-font-smoothing: grayscale;
1889
+ font-size: 1.125rem;
1890
+ line-height: 1.1111111111;
1891
+ }
1892
+ @media print {
1893
+ .moj-header__link--service-name,
1894
+ .moj-header__link > a--service-name {
1895
+ font-family: sans-serif;
1896
+ }
1897
+ }
1898
+ @media (min-width: 40.0625em) {
1899
+ .moj-header__link--service-name,
1900
+ .moj-header__link > a--service-name {
1901
+ font-size: 1.5rem;
1902
+ line-height: 1.25;
1903
+ }
1904
+ }
1905
+ @media print {
1906
+ .moj-header__link--service-name,
1907
+ .moj-header__link > a--service-name {
1908
+ font-size: 18pt;
1909
+ line-height: 1.15;
1910
+ }
1911
+ }
1912
+ @media (max-width: 48.0525em) {
1913
+ .moj-header__link--service-name,
1914
+ .moj-header__link > a--service-name {
1915
+ display: block;
1916
+ }
1917
+ }
1918
+ @media (min-width: 48.0625em) {
1919
+ .moj-header__link--service-name,
1920
+ .moj-header__link > a--service-name {
1921
+ margin-left: 5px;
1922
+ }
1923
+ }
1924
+ .moj-header__link--service-name:hover,
1925
+ .moj-header__link > a--service-name:hover {
1926
+ border-color: transparent;
1927
+ }
1928
+ .moj-header__link a {
1929
+ margin-bottom: 1px;
1930
+ vertical-align: text-bottom;
1931
+ }
1932
+ .moj-header__link a:hover {
1933
+ border-color: #fff;
1934
+ }
1935
+ @media (max-width: 48.0525em) {
1936
+ .moj-header__link a {
1937
+ margin-bottom: -1px;
1938
+ vertical-align: middle;
1939
+ }
1940
+ }
1941
+ span.moj-header__link:hover {
1942
+ border-color: transparent;
1943
+ }
1944
+ .moj-header__navigation {
1945
+ color: #fff;
1946
+ margin-top: 3px;
1947
+ }
1948
+ .moj-header__navigation-list {
1949
+ font-size: 0;
1950
+ list-style: none;
1951
+ margin: 0;
1952
+ padding: 0;
1953
+ }
1954
+ .moj-header__navigation-item {
1955
+ display: inline-block;
1956
+ font-family:
1957
+ GDS Transport,
1958
+ arial,
1959
+ sans-serif;
1960
+ margin-right: 20px;
1961
+ -webkit-font-smoothing: antialiased;
1962
+ -moz-osx-font-smoothing: grayscale;
1963
+ font-size: 1rem;
1964
+ font-weight: 400;
1965
+ line-height: 1.25;
1966
+ }
1967
+ @media print {
1968
+ .moj-header__navigation-item {
1969
+ font-family: sans-serif;
1970
+ }
1971
+ }
1972
+ @media (min-width: 40.0625em) {
1973
+ .moj-header__navigation-item {
1974
+ font-size: 1.1875rem;
1975
+ line-height: 1.3157894737;
1976
+ }
1977
+ }
1978
+ @media print {
1979
+ .moj-header__navigation-item {
1980
+ font-size: 14pt;
1981
+ line-height: 1.15;
1982
+ }
1983
+ }
1984
+ .moj-header__navigation-item:last-child {
1985
+ margin-right: 0;
1986
+ }
1987
+ .moj-header__navigation-link {
1988
+ font-family:
1989
+ GDS Transport,
1990
+ arial,
1991
+ sans-serif;
1992
+ -webkit-font-smoothing: antialiased;
1993
+ -moz-osx-font-smoothing: grayscale;
1994
+ text-decoration: underline;
1995
+ text-decoration-thickness: max(1px, 0.0625rem);
1996
+ text-underline-offset: 0.1578em;
1997
+ }
1998
+ @media print {
1999
+ .moj-header__navigation-link {
2000
+ font-family: sans-serif;
2001
+ }
2002
+ }
2003
+ .moj-header__navigation-link:hover {
2004
+ -webkit-text-decoration-skip-ink: none;
2005
+ text-decoration-skip-ink: none;
2006
+ text-decoration-thickness: max(3px, 0.1875rem, 0.12em);
2007
+ -webkit-text-decoration-skip: none;
2008
+ text-decoration-skip: none;
2009
+ }
2010
+ .moj-header__navigation-link:focus {
2011
+ background-color: #fd0;
2012
+ -webkit-box-decoration-break: clone;
2013
+ box-decoration-break: clone;
2014
+ box-shadow:
2015
+ 0 -2px #fd0,
2016
+ 0 4px #0b0c0c;
2017
+ outline: 3px solid transparent;
2018
+ text-decoration: none;
2019
+ }
2020
+ .moj-header__navigation-link:link {
2021
+ color: #1d70b8;
2022
+ }
2023
+ .moj-header__navigation-link:visited {
2024
+ color: #4c2c92;
2025
+ }
2026
+ .moj-header__navigation-link:hover {
2027
+ color: #003078;
2028
+ }
2029
+ .moj-header__navigation-link:active {
2030
+ color: #0b0c0c;
2031
+ }
2032
+ .moj-header__navigation-link:active,
2033
+ .moj-header__navigation-link:link,
2034
+ .moj-header__navigation-link:visited {
2035
+ color: inherit;
2036
+ text-decoration: none;
2037
+ }
2038
+ .moj-header__navigation-link:hover {
2039
+ text-decoration: underline !important;
2040
+ }
2041
+ .moj-header__navigation-link:focus {
2042
+ color: #0b0c0c;
2043
+ }
2044
+ .moj-header__navigation-link[aria-current="page"] {
2045
+ text-decoration: none;
2046
+ }
2047
+ .moj-identity-bar {
2048
+ background-color: #fff;
2049
+ box-shadow: inset 0 -1px 0 0 #b1b4b6;
2050
+ color: #0b0c0c;
2051
+ padding-bottom: 9px;
2052
+ padding-top: 10px;
2053
+ }
2054
+ .moj-identity-bar:after {
2055
+ clear: both;
2056
+ content: "";
2057
+ display: block;
2058
+ }
2059
+ .moj-identity-bar__container {
2060
+ font-size: 0;
2061
+ margin: 0 15px;
2062
+ max-width: 960px;
2063
+ text-align: justify;
2064
+ }
2065
+ @media (min-width: 40.0625em) {
2066
+ .moj-identity-bar__container {
2067
+ margin: 0 30px;
2068
+ }
2069
+ }
2070
+ @media (min-width: 1020px) {
2071
+ .moj-identity-bar__container {
2072
+ margin: 0 auto;
2073
+ }
2074
+ }
2075
+ .moj-identity-bar__container:after {
2076
+ content: "";
2077
+ display: inline-block;
2078
+ width: 100%;
2079
+ }
2080
+ .moj-identity-bar__title {
2081
+ display: inline-block;
2082
+ font-family:
2083
+ GDS Transport,
2084
+ arial,
2085
+ sans-serif;
2086
+ vertical-align: top;
2087
+ -webkit-font-smoothing: antialiased;
2088
+ -moz-osx-font-smoothing: grayscale;
2089
+ font-size: 0.875rem;
2090
+ font-weight: 400;
2091
+ line-height: 1.1428571429;
2092
+ }
2093
+ @media print {
2094
+ .moj-identity-bar__title {
2095
+ font-family: sans-serif;
2096
+ }
2097
+ }
2098
+ @media (min-width: 40.0625em) {
2099
+ .moj-identity-bar__title {
2100
+ font-size: 1rem;
2101
+ line-height: 1.25;
2102
+ }
2103
+ }
2104
+ @media print {
2105
+ .moj-identity-bar__title {
2106
+ font-size: 14pt;
2107
+ line-height: 1.2;
2108
+ }
2109
+ }
2110
+ .moj-identity-bar__details {
2111
+ margin-right: 10px;
2112
+ padding-bottom: 5px;
2113
+ padding-top: 5px;
2114
+ }
2115
+ @media (min-width: 40.0625em) {
2116
+ .moj-identity-bar__details {
2117
+ display: inline-block;
2118
+ padding-bottom: 9px;
2119
+ padding-top: 11px;
2120
+ vertical-align: top;
2121
+ }
2122
+ .moj-identity-bar__actions {
2123
+ display: inline-block;
2124
+ vertical-align: middle;
2125
+ }
2126
+ }
2127
+ .moj-identity-bar__menu {
2128
+ display: inline-block;
2129
+ margin-right: 10px;
2130
+ }
2131
+ .moj-identity-bar__menu:last-child {
2132
+ margin-right: 0;
2133
+ }
2134
+ .moj-identity-bar__menu .moj-button-menu__toggle-button {
2135
+ margin-bottom: 0;
2136
+ }
2137
+ .moj-interruption-card {
2138
+ background-color: #1d70b8;
2139
+ border: 5px solid transparent;
2140
+ margin-bottom: 15px;
2141
+ padding: 20px;
2142
+ }
2143
+ @media (min-width: 40.0625em) {
2144
+ .moj-interruption-card {
2145
+ padding: 35px;
2146
+ }
2147
+ }
2148
+ .moj-interruption-card__content {
2149
+ max-width: 960px;
2150
+ }
2151
+ .moj-interruption-card__body,
2152
+ .moj-interruption-card__heading {
2153
+ color: #fff;
2154
+ }
2155
+ .moj-interruption-card__body > * {
2156
+ color: #fff;
2157
+ font-size: 1.125rem;
2158
+ line-height: 1.1111111111;
2159
+ }
2160
+ @media (min-width: 40.0625em) {
2161
+ .moj-interruption-card__body > * {
2162
+ font-size: 1.5rem;
2163
+ line-height: 1.25;
2164
+ }
2165
+ }
2166
+ @media print {
2167
+ .moj-interruption-card__body > * {
2168
+ font-size: 18pt;
2169
+ line-height: 1.15;
2170
+ }
2171
+ }
2172
+ .moj-interruption-card__actions:last-child,
2173
+ .moj-interruption-card__actions:last-child .govuk-button:last-child,
2174
+ .moj-interruption-card__actions:last-child .govuk-link:last-child,
2175
+ .moj-interruption-card__body:last-child {
2176
+ margin-bottom: 0;
2177
+ }
2178
+ @media (min-width: 40.0625em) {
2179
+ .moj-interruption-card__actions:last-child .govuk-button,
2180
+ .moj-interruption-card__actions:last-child .govuk-link {
2181
+ margin-bottom: 0;
2182
+ }
2183
+ }
2184
+ .moj-messages-container {
2185
+ border: 1px solid #b1b4b6;
2186
+ font-family:
2187
+ GDS Transport,
2188
+ arial,
2189
+ sans-serif;
2190
+ -webkit-font-smoothing: antialiased;
2191
+ -moz-osx-font-smoothing: grayscale;
2192
+ font-size: 1rem;
2193
+ font-weight: 400;
2194
+ line-height: 1.25;
2195
+ }
2196
+ @media print {
2197
+ .moj-messages-container {
2198
+ font-family: sans-serif;
2199
+ }
2200
+ }
2201
+ @media (min-width: 40.0625em) {
2202
+ .moj-messages-container {
2203
+ font-size: 1.1875rem;
2204
+ line-height: 1.3157894737;
2205
+ }
2206
+ }
2207
+ @media print {
2208
+ .moj-messages-container {
2209
+ font-size: 14pt;
2210
+ line-height: 1.15;
2211
+ }
2212
+ }
2213
+ .moj-message-list {
2214
+ min-height: 200px;
2215
+ overflow-x: hidden;
2216
+ overflow-y: scroll;
2217
+ padding: 5px;
2218
+ }
2219
+ .moj-message-list__date {
2220
+ color: #505a5f;
2221
+ display: inline-block;
2222
+ font-family:
2223
+ GDS Transport,
2224
+ arial,
2225
+ sans-serif;
2226
+ padding: 15px 0;
2227
+ text-align: center;
2228
+ width: 100%;
2229
+ -webkit-font-smoothing: antialiased;
2230
+ -moz-osx-font-smoothing: grayscale;
2231
+ font-size: 1rem;
2232
+ font-weight: 700;
2233
+ line-height: 1.25;
2234
+ }
2235
+ @media print {
2236
+ .moj-message-list__date {
2237
+ font-family: sans-serif;
2238
+ }
2239
+ }
2240
+ @media (min-width: 40.0625em) {
2241
+ .moj-message-list__date {
2242
+ font-size: 1.1875rem;
2243
+ line-height: 1.3157894737;
2244
+ }
2245
+ }
2246
+ @media print {
2247
+ .moj-message-list__date {
2248
+ font-size: 14pt;
2249
+ line-height: 1.15;
2250
+ }
2251
+ }
2252
+ .moj-message-item {
2253
+ border-radius: 0.5em 0.5em 0.75em;
2254
+ margin-bottom: 5px;
2255
+ padding: 15px;
2256
+ position: relative;
2257
+ }
2258
+ @media (min-width: 40.0625em) {
2259
+ .moj-message-item {
2260
+ width: 50%;
2261
+ }
2262
+ }
2263
+ .moj-message-item--sent {
2264
+ background-color: #1d70b8;
2265
+ color: #fff;
2266
+ float: right;
2267
+ margin-right: 10px;
2268
+ padding-right: 25px;
2269
+ text-align: right;
2270
+ }
2271
+ .moj-message-item--sent:after {
2272
+ border-bottom-left-radius: 1.75em 1.5em;
2273
+ border-left: 1em solid #1d70b8;
2274
+ bottom: 0;
2275
+ content: "";
2276
+ height: 1.5em;
2277
+ position: absolute;
2278
+ right: -1.5em;
2279
+ width: 1.5em;
2280
+ }
2281
+ .moj-message-item--received {
2282
+ background-color: #f3f2f1;
2283
+ float: left;
2284
+ margin-left: 10px;
2285
+ padding-left: 25px;
2286
+ }
2287
+ .moj-message-item--received:after {
2288
+ border-bottom-right-radius: 1.75em 1.5em;
2289
+ border-right: 1em solid #f3f2f1;
2290
+ bottom: 0;
2291
+ content: "";
2292
+ height: 1.5em;
2293
+ left: -1.5em;
2294
+ position: absolute;
2295
+ width: 1.5em;
2296
+ }
2297
+ .moj-message-item a:link,
2298
+ .moj-message-item a:visited {
2299
+ color: #fff;
2300
+ }
2301
+ .moj-message-item a:focus {
2302
+ color: #0b0c0c;
2303
+ }
2304
+ .moj-message-item__text--sent table {
2305
+ color: #fff;
2306
+ }
2307
+ .moj-message-item__text--sent table td,
2308
+ .moj-message-item__text--sent table th {
2309
+ border-bottom: 1px solid #fff;
2310
+ }
2311
+ .moj-message-item__meta {
2312
+ margin-top: 10px;
2313
+ }
2314
+ .moj-message-item__meta--sender {
2315
+ font-family:
2316
+ GDS Transport,
2317
+ arial,
2318
+ sans-serif;
2319
+ -webkit-font-smoothing: antialiased;
2320
+ -moz-osx-font-smoothing: grayscale;
2321
+ font-size: 0.875rem;
2322
+ font-weight: 700;
2323
+ line-height: 1.1428571429;
2324
+ }
2325
+ @media print {
2326
+ .moj-message-item__meta--sender {
2327
+ font-family: sans-serif;
2328
+ }
2329
+ }
2330
+ @media (min-width: 40.0625em) {
2331
+ .moj-message-item__meta--sender {
2332
+ font-size: 1rem;
2333
+ line-height: 1.25;
2334
+ }
2335
+ }
2336
+ @media print {
2337
+ .moj-message-item__meta--sender {
2338
+ font-size: 14pt;
2339
+ line-height: 1.2;
2340
+ }
2341
+ }
2342
+ .moj-message-item__meta--timestamp {
2343
+ font-family:
2344
+ GDS Transport,
2345
+ arial,
2346
+ sans-serif;
2347
+ -webkit-font-smoothing: antialiased;
2348
+ -moz-osx-font-smoothing: grayscale;
2349
+ font-size: 0.875rem;
2350
+ font-weight: 700;
2351
+ line-height: 1.1428571429;
2352
+ }
2353
+ @media print {
2354
+ .moj-message-item__meta--timestamp {
2355
+ font-family: sans-serif;
2356
+ }
2357
+ }
2358
+ @media (min-width: 40.0625em) {
2359
+ .moj-message-item__meta--timestamp {
2360
+ font-size: 1rem;
2361
+ line-height: 1.25;
2362
+ }
2363
+ }
2364
+ @media print {
2365
+ .moj-message-item__meta--timestamp {
2366
+ font-size: 14pt;
2367
+ line-height: 1.2;
2368
+ }
2369
+ }
2370
+ .moj-multi-file-upload {
2371
+ margin-bottom: 40px;
2372
+ }
2373
+ .moj-multi-file-upload--enhanced .moj-multi-file-upload__button {
2374
+ display: none;
2375
+ }
2376
+ .moj-multi-file-upload__dropzone {
2377
+ display: flex;
2378
+ outline: 3px dashed #0b0c0c;
2379
+ padding: 60px 15px;
2380
+ text-align: center;
2381
+ transition:
2382
+ outline-offset 0.1s ease-in-out,
2383
+ background-color 0.1s linear;
2384
+ }
2385
+ .moj-multi-file-upload__dropzone label {
2386
+ display: inline-block;
2387
+ margin-bottom: 0;
2388
+ width: auto;
2389
+ }
2390
+ .moj-multi-file-upload__dropzone p {
2391
+ margin-bottom: 0;
2392
+ margin-right: 10px;
2393
+ padding-top: 7px;
2394
+ }
2395
+ .moj-multi-file-upload__dropzone [type="file"] {
2396
+ left: -9999em;
2397
+ position: absolute;
2398
+ }
2399
+ .moj-multi-file-upload--dragover {
2400
+ background: #b1b4b6;
2401
+ outline-color: #6f777b;
2402
+ }
2403
+ .moj-multi-file-upload--focused {
2404
+ background-color: #fd0;
2405
+ box-shadow:
2406
+ 0 -2px #fd0,
2407
+ 0 4px #0b0c0c;
2408
+ color: #0b0c0c;
2409
+ outline: none;
2410
+ }
2411
+ .moj-multi-file-upload__error {
2412
+ color: #d4351c;
2413
+ font-weight: 700;
2414
+ }
2415
+ .moj-multi-file-upload__success {
2416
+ color: #00703c;
2417
+ font-weight: 700;
2418
+ }
2419
+ .moj-multi-file-upload__error svg,
2420
+ .moj-multi-file-upload__success svg {
2421
+ float: left;
2422
+ margin-right: 10px;
2423
+ fill: currentcolor;
2424
+ }
2425
+ .moj-multi-select__checkbox {
2426
+ display: inline-block;
2427
+ padding-left: 0;
2428
+ }
2429
+ .moj-multi-select__toggle-label {
2430
+ margin: 0 !important;
2431
+ padding: 0 !important;
2432
+ }
2433
+ .moj-notification-badge {
2434
+ background-color: #d4351c;
2435
+ border-radius: 75px;
2436
+ color: #fff;
2437
+ display: inline-block;
2438
+ font-family:
2439
+ GDS Transport,
2440
+ arial,
2441
+ sans-serif;
2442
+ font-weight: 600;
2443
+ min-width: 15px;
2444
+ padding: 5px 8px 2px;
2445
+ text-align: center;
2446
+ white-space: nowrap;
2447
+ -webkit-font-smoothing: antialiased;
2448
+ -moz-osx-font-smoothing: grayscale;
2449
+ font-size: 0.875rem;
2450
+ font-weight: 700;
2451
+ line-height: 1.1428571429;
2452
+ }
2453
+ @media print {
2454
+ .moj-notification-badge {
2455
+ font-family: sans-serif;
2456
+ }
2457
+ }
2458
+ @media (min-width: 40.0625em) {
2459
+ .moj-notification-badge {
2460
+ font-size: 1rem;
2461
+ line-height: 1.25;
2462
+ }
2463
+ }
2464
+ @media print {
2465
+ .moj-notification-badge {
2466
+ font-size: 14pt;
2467
+ line-height: 1.2;
2468
+ }
2469
+ }
2470
+ .moj-organisation-nav {
2471
+ border-bottom: 1px solid #b1b4b6;
2472
+ margin-bottom: 15px;
2473
+ margin-top: 10px;
2474
+ padding-bottom: 5px;
2475
+ }
2476
+ .moj-organisation-nav:after {
2477
+ clear: both;
2478
+ content: "";
2479
+ display: block;
2480
+ }
2481
+ .moj-organisation-nav__title {
2482
+ font-family:
2483
+ GDS Transport,
2484
+ arial,
2485
+ sans-serif;
2486
+ -webkit-font-smoothing: antialiased;
2487
+ -moz-osx-font-smoothing: grayscale;
2488
+ font-size: 1rem;
2489
+ font-weight: 700;
2490
+ line-height: 1.25;
2491
+ }
2492
+ @media print {
2493
+ .moj-organisation-nav__title {
2494
+ font-family: sans-serif;
2495
+ }
2496
+ }
2497
+ @media (min-width: 40.0625em) {
2498
+ .moj-organisation-nav__title {
2499
+ font-size: 1.1875rem;
2500
+ line-height: 1.3157894737;
2501
+ }
2502
+ }
2503
+ @media print {
2504
+ .moj-organisation-nav__title {
2505
+ font-size: 14pt;
2506
+ line-height: 1.15;
2507
+ }
2508
+ }
2509
+ @media (min-width: 40.0625em) {
2510
+ .moj-organisation-nav__title {
2511
+ float: left;
2512
+ width: 75%;
2513
+ }
2514
+ }
2515
+ .moj-organisation-nav__link {
2516
+ font-family:
2517
+ GDS Transport,
2518
+ arial,
2519
+ sans-serif;
2520
+ -webkit-font-smoothing: antialiased;
2521
+ -moz-osx-font-smoothing: grayscale;
2522
+ text-decoration: underline;
2523
+ text-decoration-thickness: max(1px, 0.0625rem);
2524
+ text-underline-offset: 0.1578em;
2525
+ }
2526
+ @media print {
2527
+ .moj-organisation-nav__link {
2528
+ font-family: sans-serif;
2529
+ }
2530
+ }
2531
+ .moj-organisation-nav__link:hover {
2532
+ -webkit-text-decoration-skip-ink: none;
2533
+ text-decoration-skip-ink: none;
2534
+ text-decoration-thickness: max(3px, 0.1875rem, 0.12em);
2535
+ -webkit-text-decoration-skip: none;
2536
+ text-decoration-skip: none;
2537
+ }
2538
+ .moj-organisation-nav__link:focus {
2539
+ background-color: #fd0;
2540
+ -webkit-box-decoration-break: clone;
2541
+ box-decoration-break: clone;
2542
+ box-shadow:
2543
+ 0 -2px #fd0,
2544
+ 0 4px #0b0c0c;
2545
+ outline: 3px solid transparent;
2546
+ text-decoration: none;
2547
+ }
2548
+ .moj-organisation-nav__link:link {
2549
+ color: #1d70b8;
2550
+ }
2551
+ .moj-organisation-nav__link:visited {
2552
+ color: #4c2c92;
2553
+ }
2554
+ .moj-organisation-nav__link:hover {
2555
+ color: #003078;
2556
+ }
2557
+ .moj-organisation-nav__link:active,
2558
+ .moj-organisation-nav__link:focus {
2559
+ color: #0b0c0c;
2560
+ }
2561
+ @media print {
2562
+ .moj-organisation-nav__link[href^="/"]:after,.moj-organisation-nav__link[href^="http://"]:after,.moj-organisation-nav__link[href^="https://"]:after
2563
+ {
2564
+ content: " (" attr(href) ")";
2565
+ font-size: 90%;
2566
+ word-wrap: break-word;
2567
+ }
2568
+ }
2569
+ @media (min-width: 40.0625em) {
2570
+ .moj-organisation-nav__link {
2571
+ float: right;
2572
+ }
2573
+ }
2574
+ .moj-page-header-actions {
2575
+ align-items: center;
2576
+ display: flex;
2577
+ flex-wrap: wrap;
2578
+ gap: 10px;
2579
+ justify-content: space-between;
2580
+ margin-bottom: 40px;
2581
+ min-height: 40px;
2582
+ }
2583
+ .moj-page-header-actions__actions .govuk-button,
2584
+ .moj-page-header-actions__actions .moj-button-group,
2585
+ .moj-page-header-actions__title [class^="govuk-heading-"] {
2586
+ margin-bottom: 0;
2587
+ }
2588
+ @media (min-width: 48.0625em) {
2589
+ .moj-pagination {
2590
+ font-size: 0;
2591
+ margin-left: -5px;
2592
+ margin-right: -5px;
2593
+ text-align: justify;
2594
+ }
2595
+ .moj-pagination:after {
2596
+ content: "";
2597
+ display: inline-block;
2598
+ width: 100%;
2599
+ }
2600
+ }
2601
+ .moj-pagination__list {
2602
+ list-style: none;
2603
+ margin: 0;
2604
+ padding: 0;
2605
+ }
2606
+ @media (min-width: 48.0625em) {
2607
+ .moj-pagination__list {
2608
+ display: inline-block;
2609
+ margin-bottom: 0;
2610
+ vertical-align: middle;
2611
+ }
2612
+ }
2613
+ .moj-pagination__results {
2614
+ font-family:
2615
+ GDS Transport,
2616
+ arial,
2617
+ sans-serif;
2618
+ margin-top: 0;
2619
+ padding: 5px;
2620
+ -webkit-font-smoothing: antialiased;
2621
+ -moz-osx-font-smoothing: grayscale;
2622
+ font-size: 1rem;
2623
+ font-weight: 400;
2624
+ line-height: 1.25;
2625
+ }
2626
+ @media print {
2627
+ .moj-pagination__results {
2628
+ font-family: sans-serif;
2629
+ }
2630
+ }
2631
+ @media (min-width: 40.0625em) {
2632
+ .moj-pagination__results {
2633
+ font-size: 1.1875rem;
2634
+ line-height: 1.3157894737;
2635
+ }
2636
+ }
2637
+ @media print {
2638
+ .moj-pagination__results {
2639
+ font-size: 14pt;
2640
+ line-height: 1.15;
2641
+ }
2642
+ }
2643
+ @media (min-width: 48.0625em) {
2644
+ .moj-pagination__results {
2645
+ display: inline-block;
2646
+ margin-bottom: 0;
2647
+ vertical-align: middle;
2648
+ }
2649
+ }
2650
+ .moj-pagination__item {
2651
+ display: inline-block;
2652
+ font-family:
2653
+ GDS Transport,
2654
+ arial,
2655
+ sans-serif;
2656
+ -webkit-font-smoothing: antialiased;
2657
+ -moz-osx-font-smoothing: grayscale;
2658
+ font-size: 1rem;
2659
+ font-weight: 400;
2660
+ line-height: 1.25;
2661
+ }
2662
+ @media print {
2663
+ .moj-pagination__item {
2664
+ font-family: sans-serif;
2665
+ }
2666
+ }
2667
+ @media (min-width: 40.0625em) {
2668
+ .moj-pagination__item {
2669
+ font-size: 1.1875rem;
2670
+ line-height: 1.3157894737;
2671
+ }
2672
+ }
2673
+ @media print {
2674
+ .moj-pagination__item {
2675
+ font-size: 14pt;
2676
+ line-height: 1.15;
2677
+ }
2678
+ }
2679
+ .moj-pagination__item--active,
2680
+ .moj-pagination__item--dots {
2681
+ font-weight: 700;
2682
+ height: 25px;
2683
+ padding: 5px 10px;
2684
+ text-align: center;
2685
+ }
2686
+ .moj-pagination__item--dots {
2687
+ padding-left: 0;
2688
+ padding-right: 0;
2689
+ }
2690
+ .moj-pagination__item--next .moj-pagination__link:after,
2691
+ .moj-pagination__item--prev .moj-pagination__link:before {
2692
+ background: transparent;
2693
+ border-style: solid;
2694
+ color: #0b0c0c;
2695
+ content: "";
2696
+ display: inline-block;
2697
+ height: 10px;
2698
+ transform: rotate(-45deg);
2699
+ width: 10px;
2700
+ }
2701
+ .moj-pagination__item--prev .moj-pagination__link:before {
2702
+ border-width: 3px 0 0 3px;
2703
+ margin-right: 5px;
2704
+ }
2705
+ .moj-pagination__item--next .moj-pagination__link:after {
2706
+ border-width: 0 3px 3px 0;
2707
+ margin-left: 5px;
2708
+ }
2709
+ .moj-pagination__link {
2710
+ display: block;
2711
+ font-family:
2712
+ GDS Transport,
2713
+ arial,
2714
+ sans-serif;
2715
+ min-width: 25px;
2716
+ padding: 5px;
2717
+ text-align: center;
2718
+ -webkit-font-smoothing: antialiased;
2719
+ -moz-osx-font-smoothing: grayscale;
2720
+ text-decoration: underline;
2721
+ text-decoration-thickness: max(1px, 0.0625rem);
2722
+ text-underline-offset: 0.1578em;
2723
+ }
2724
+ @media print {
2725
+ .moj-pagination__link {
2726
+ font-family: sans-serif;
2727
+ }
2728
+ }
2729
+ .moj-pagination__link:hover {
2730
+ -webkit-text-decoration-skip-ink: none;
2731
+ text-decoration-skip-ink: none;
2732
+ text-decoration-thickness: max(3px, 0.1875rem, 0.12em);
2733
+ -webkit-text-decoration-skip: none;
2734
+ text-decoration-skip: none;
2735
+ }
2736
+ .moj-pagination__link:focus {
2737
+ background-color: #fd0;
2738
+ -webkit-box-decoration-break: clone;
2739
+ box-decoration-break: clone;
2740
+ box-shadow:
2741
+ 0 -2px #fd0,
2742
+ 0 4px #0b0c0c;
2743
+ outline: 3px solid transparent;
2744
+ text-decoration: none;
2745
+ }
2746
+ .moj-pagination__link:link {
2747
+ color: #1d70b8;
2748
+ }
2749
+ .moj-pagination__link:visited {
2750
+ color: #4c2c92;
2751
+ }
2752
+ .moj-pagination__link:hover {
2753
+ color: #003078;
2754
+ }
2755
+ .moj-pagination__link:active {
2756
+ color: #0b0c0c;
2757
+ }
2758
+ .moj-pagination__link:active,
2759
+ .moj-pagination__link:hover,
2760
+ .moj-pagination__link:link,
2761
+ .moj-pagination__link:visited {
2762
+ text-decoration: none;
2763
+ }
2764
+ .moj-pagination__link:link,
2765
+ .moj-pagination__link:visited {
2766
+ color: #1d70b8;
2767
+ }
2768
+ .moj-pagination__link:hover {
2769
+ color: #5694ca;
2770
+ }
2771
+ .moj-pagination__link:focus {
2772
+ color: #0b0c0c;
2773
+ }
2774
+ .moj-password-reveal {
2775
+ display: flex;
2776
+ }
2777
+ .moj-password-reveal__input {
2778
+ margin-right: 5px;
2779
+ }
2780
+ .moj-password-reveal__button {
2781
+ width: 80px;
2782
+ }
2783
+ .moj-primary-navigation {
2784
+ background-color: #f3f2f1;
2785
+ }
2786
+ .moj-primary-navigation__container {
2787
+ font-size: 0;
2788
+ margin: 0 15px;
2789
+ max-width: 960px;
2790
+ text-align: justify;
2791
+ }
2792
+ @media (min-width: 40.0625em) {
2793
+ .moj-primary-navigation__container {
2794
+ margin: 0 30px;
2795
+ }
2796
+ }
2797
+ @media (min-width: 1020px) {
2798
+ .moj-primary-navigation__container {
2799
+ margin: 0 auto;
2800
+ }
2801
+ }
2802
+ .moj-primary-navigation__container:after {
2803
+ content: "";
2804
+ display: inline-block;
2805
+ width: 100%;
2806
+ }
2807
+ .moj-primary-navigation__nav {
2808
+ text-align: left;
2809
+ }
2810
+ @media (min-width: 48.0625em) {
2811
+ .moj-primary-navigation__nav {
2812
+ display: inline-block;
2813
+ vertical-align: middle;
2814
+ }
2815
+ }
2816
+ .moj-primary-navigation__list {
2817
+ font-size: 0;
2818
+ list-style: none;
2819
+ margin: 0;
2820
+ padding: 0;
2821
+ }
2822
+ .moj-primary-navigation__item {
2823
+ display: inline-block;
2824
+ font-family:
2825
+ GDS Transport,
2826
+ arial,
2827
+ sans-serif;
2828
+ margin-right: 20px;
2829
+ margin-top: 0;
2830
+ -webkit-font-smoothing: antialiased;
2831
+ -moz-osx-font-smoothing: grayscale;
2832
+ font-size: 1rem;
2833
+ font-weight: 400;
2834
+ line-height: 1.25;
2835
+ }
2836
+ @media print {
2837
+ .moj-primary-navigation__item {
2838
+ font-family: sans-serif;
2839
+ }
2840
+ }
2841
+ @media (min-width: 40.0625em) {
2842
+ .moj-primary-navigation__item {
2843
+ font-size: 1.1875rem;
2844
+ line-height: 1.3157894737;
2845
+ }
2846
+ }
2847
+ @media print {
2848
+ .moj-primary-navigation__item {
2849
+ font-size: 14pt;
2850
+ line-height: 1.15;
2851
+ }
2852
+ }
2853
+ .moj-primary-navigation__item:last-child {
2854
+ margin-right: 0;
2855
+ }
2856
+ .moj-primary-navigation__link {
2857
+ display: block;
2858
+ font-family:
2859
+ GDS Transport,
2860
+ arial,
2861
+ sans-serif;
2862
+ font-weight: 700;
2863
+ padding-bottom: 15px;
2864
+ padding-top: 15px;
2865
+ -webkit-font-smoothing: antialiased;
2866
+ -moz-osx-font-smoothing: grayscale;
2867
+ text-decoration: underline;
2868
+ text-decoration-thickness: max(1px, 0.0625rem);
2869
+ text-underline-offset: 0.1578em;
2870
+ }
2871
+ @media print {
2872
+ .moj-primary-navigation__link {
2873
+ font-family: sans-serif;
2874
+ }
2875
+ }
2876
+ .moj-primary-navigation__link:hover {
2877
+ -webkit-text-decoration-skip-ink: none;
2878
+ text-decoration-skip-ink: none;
2879
+ text-decoration-thickness: max(3px, 0.1875rem, 0.12em);
2880
+ -webkit-text-decoration-skip: none;
2881
+ text-decoration-skip: none;
2882
+ }
2883
+ .moj-primary-navigation__link:focus {
2884
+ background-color: #fd0;
2885
+ -webkit-box-decoration-break: clone;
2886
+ box-decoration-break: clone;
2887
+ box-shadow:
2888
+ 0 -2px #fd0,
2889
+ 0 4px #0b0c0c;
2890
+ outline: 3px solid transparent;
2891
+ text-decoration: none;
2892
+ }
2893
+ .moj-primary-navigation__link:link {
2894
+ color: #1d70b8;
2895
+ }
2896
+ .moj-primary-navigation__link:visited {
2897
+ color: #4c2c92;
2898
+ }
2899
+ .moj-primary-navigation__link:active {
2900
+ color: #0b0c0c;
2901
+ }
2902
+ .moj-primary-navigation__link:active,
2903
+ .moj-primary-navigation__link:hover,
2904
+ .moj-primary-navigation__link:link,
2905
+ .moj-primary-navigation__link:visited {
2906
+ text-decoration: none;
2907
+ }
2908
+ .moj-primary-navigation__link:link,
2909
+ .moj-primary-navigation__link:visited {
2910
+ color: #1d70b8;
2911
+ }
2912
+ .moj-primary-navigation__link:hover {
2913
+ color: #003078;
2914
+ }
2915
+ .moj-primary-navigation__link:focus {
2916
+ box-shadow: none;
2917
+ color: #0b0c0c;
2918
+ position: relative;
2919
+ z-index: 1;
2920
+ }
2921
+ .moj-primary-navigation__link:focus:before {
2922
+ background-color: #0b0c0c;
2923
+ bottom: 0;
2924
+ content: "";
2925
+ display: block;
2926
+ height: 5px;
2927
+ left: 0;
2928
+ position: absolute;
2929
+ width: 100%;
2930
+ }
2931
+ .moj-primary-navigation__link[aria-current] {
2932
+ color: #1d70b8;
2933
+ font-weight: 700;
2934
+ position: relative;
2935
+ text-decoration: none;
2936
+ }
2937
+ .moj-primary-navigation__link[aria-current]:before {
2938
+ background-color: #1d70b8;
2939
+ bottom: 0;
2940
+ content: "";
2941
+ display: block;
2942
+ height: 5px;
2943
+ left: 0;
2944
+ position: absolute;
2945
+ width: 100%;
2946
+ }
2947
+ .moj-primary-navigation__link[aria-current]:hover {
2948
+ color: #003078;
2949
+ }
2950
+ .moj-primary-navigation__link[aria-current]:hover:before {
2951
+ background-color: #003078;
2952
+ }
2953
+ .moj-primary-navigation__link[aria-current]:focus {
2954
+ border: none;
2955
+ color: #0b0c0c;
2956
+ position: relative;
2957
+ }
2958
+ .moj-primary-navigation__link[aria-current]:focus:before {
2959
+ background-color: #0b0c0c;
2960
+ }
2961
+ @media (min-width: 48.0625em) {
2962
+ .moj-primary-navigation__search {
2963
+ display: inline-block;
2964
+ vertical-align: middle;
2965
+ }
2966
+ }
2967
+ .moj-progress-bar {
2968
+ margin-bottom: 40px;
2969
+ }
2970
+ .moj-progress-bar__list {
2971
+ font-size: 0;
2972
+ list-style: none;
2973
+ margin: 0;
2974
+ padding: 0;
2975
+ position: relative;
2976
+ text-align: justify;
2977
+ vertical-align: top;
2978
+ }
2979
+ .moj-progress-bar__list:after {
2980
+ content: "";
2981
+ display: inline-block;
2982
+ width: 100%;
2983
+ }
2984
+ .moj-progress-bar__list:before {
2985
+ border-top: 6px solid #00703c;
2986
+ content: "";
2987
+ left: 0;
2988
+ position: absolute;
2989
+ top: 13px;
2990
+ width: 100%;
2991
+ }
2992
+ .moj-progress-bar__item {
2993
+ display: inline-block;
2994
+ font-family:
2995
+ GDS Transport,
2996
+ arial,
2997
+ sans-serif;
2998
+ max-width: 20%;
2999
+ position: relative;
3000
+ text-align: center;
3001
+ vertical-align: top;
3002
+ -webkit-font-smoothing: antialiased;
3003
+ -moz-osx-font-smoothing: grayscale;
3004
+ font-size: 1rem;
3005
+ font-weight: 400;
3006
+ line-height: 1.25;
3007
+ }
3008
+ @media print {
3009
+ .moj-progress-bar__item {
3010
+ font-family: sans-serif;
3011
+ }
3012
+ }
3013
+ @media (min-width: 40.0625em) {
3014
+ .moj-progress-bar__item {
3015
+ font-size: 1.1875rem;
3016
+ line-height: 1.3157894737;
3017
+ }
3018
+ }
3019
+ @media print {
3020
+ .moj-progress-bar__item {
3021
+ font-size: 14pt;
3022
+ line-height: 1.15;
3023
+ }
3024
+ }
3025
+ .moj-progress-bar__item:first-child:before,
3026
+ .moj-progress-bar__item:last-child:before {
3027
+ border-top: 6px solid #fff;
3028
+ content: "";
3029
+ left: 0;
3030
+ position: absolute;
3031
+ top: 13px;
3032
+ width: 50%;
3033
+ }
3034
+ .moj-progress-bar__item:first-child:before {
3035
+ left: 0;
3036
+ }
3037
+ .moj-progress-bar__item:last-child:before {
3038
+ left: auto;
3039
+ right: 0;
3040
+ }
3041
+ .moj-progress-bar__item[aria-current="step"] {
3042
+ font-family:
3043
+ GDS Transport,
3044
+ arial,
3045
+ sans-serif;
3046
+ -webkit-font-smoothing: antialiased;
3047
+ -moz-osx-font-smoothing: grayscale;
3048
+ font-size: 1rem;
3049
+ font-weight: 700;
3050
+ line-height: 1.25;
3051
+ }
3052
+ @media print {
3053
+ .moj-progress-bar__item[aria-current="step"] {
3054
+ font-family: sans-serif;
3055
+ }
3056
+ }
3057
+ @media (min-width: 40.0625em) {
3058
+ .moj-progress-bar__item[aria-current="step"] {
3059
+ font-size: 1.1875rem;
3060
+ line-height: 1.3157894737;
3061
+ }
3062
+ }
3063
+ @media print {
3064
+ .moj-progress-bar__item[aria-current="step"] {
3065
+ font-size: 14pt;
3066
+ line-height: 1.15;
3067
+ }
3068
+ }
3069
+ .moj-progress-bar__icon {
3070
+ background-color: #fff;
3071
+ border: 6px solid #00703c;
3072
+ border-radius: 50%;
3073
+ box-sizing: border-box;
3074
+ display: block;
3075
+ height: 32px;
3076
+ margin-left: auto;
3077
+ margin-right: auto;
3078
+ position: relative;
3079
+ width: 32px;
3080
+ }
3081
+ .moj-progress-bar__icon--complete {
3082
+ background-color: #00703c;
3083
+ background-image: url(/assets/images/icon-progress-tick.svg);
3084
+ background-position: 50% 50%;
3085
+ background-repeat: no-repeat;
3086
+ }
3087
+ .moj-progress-bar__label {
3088
+ display: block;
3089
+ font-weight: inherit;
3090
+ margin-top: 15px;
3091
+ position: relative;
3092
+ word-wrap: break-word;
3093
+ font-family:
3094
+ GDS Transport,
3095
+ arial,
3096
+ sans-serif;
3097
+ -webkit-font-smoothing: antialiased;
3098
+ -moz-osx-font-smoothing: grayscale;
3099
+ font-size: 0.875rem;
3100
+ font-weight: 400;
3101
+ line-height: 1.1428571429;
3102
+ }
3103
+ @media print {
3104
+ .moj-progress-bar__label {
3105
+ font-family: sans-serif;
3106
+ }
3107
+ }
3108
+ @media (min-width: 40.0625em) {
3109
+ .moj-progress-bar__label {
3110
+ font-size: 1rem;
3111
+ line-height: 1.25;
3112
+ }
3113
+ }
3114
+ @media print {
3115
+ .moj-progress-bar__label {
3116
+ font-size: 14pt;
3117
+ line-height: 1.2;
3118
+ }
3119
+ }
3120
+ .moj-rich-text-editor__toolbar {
3121
+ margin-bottom: 10px;
3122
+ }
3123
+ .moj-rich-text-editor__toolbar:after {
3124
+ clear: both;
3125
+ content: "";
3126
+ display: block;
3127
+ }
3128
+ .moj-rich-text-editor__toolbar-button {
3129
+ background-color: #fff;
3130
+ background-position: 50% 50%;
3131
+ background-repeat: no-repeat;
3132
+ background-size: 40px 40px;
3133
+ border: 2px solid #0b0c0c;
3134
+ color: #0b0c0c;
3135
+ cursor: pointer;
3136
+ float: left;
3137
+ height: 40px;
3138
+ margin-left: -2px;
3139
+ outline: 0;
3140
+ text-decoration: none;
3141
+ vertical-align: top;
3142
+ width: 40px;
3143
+ }
3144
+ .moj-rich-text-editor__toolbar-button:first-child {
3145
+ margin-left: 0;
3146
+ }
3147
+ .moj-rich-text-editor__toolbar-button::-moz-focus-inner {
3148
+ border: 0;
3149
+ padding: 0;
3150
+ }
3151
+ .moj-rich-text-editor__toolbar-button:focus {
3152
+ background-color: #fd0;
3153
+ box-shadow:
3154
+ 0 -2px #fd0,
3155
+ 0 4px #0b0c0c;
3156
+ color: #0b0c0c;
3157
+ outline: none;
3158
+ position: relative;
3159
+ z-index: 2;
3160
+ }
3161
+ .moj-rich-text-editor__toolbar-button--bold {
3162
+ background-image: url(/assets/images/icon-wysiwyg-bold.svg);
3163
+ }
3164
+ .moj-rich-text-editor__toolbar-button--italic {
3165
+ background-image: url(/assets/images/icon-wysiwyg-italic.svg);
3166
+ }
3167
+ .moj-rich-text-editor__toolbar-button--underline {
3168
+ background-image: url(/assets/images/icon-wysiwyg-underline.svg);
3169
+ }
3170
+ .moj-rich-text-editor__toolbar-button--unordered-list {
3171
+ background-image: url(/assets/images/icon-wysiwyg-unordered-list.svg);
3172
+ margin-left: 10px;
3173
+ }
3174
+ .moj-rich-text-editor__toolbar-button--ordered-list {
3175
+ background-image: url(/assets/images/icon-wysiwyg-ordered-list.svg);
3176
+ }
3177
+ .moj-rich-text-editor__content {
3178
+ min-height: 130px;
3179
+ outline: none;
3180
+ overflow: auto;
3181
+ resize: vertical;
3182
+ }
3183
+ .moj-search-toggle__button {
3184
+ -webkit-appearance: none;
3185
+ -moz-appearance: none;
3186
+ appearance: none;
3187
+ background-color: transparent;
3188
+ border: none;
3189
+ color: #1d70b8;
3190
+ cursor: pointer;
3191
+ display: inline-block;
3192
+ font-family:
3193
+ GDS Transport,
3194
+ arial,
3195
+ sans-serif;
3196
+ padding: 12px 0 13px;
3197
+ -webkit-font-smoothing: antialiased;
3198
+ -moz-osx-font-smoothing: grayscale;
3199
+ font-size: 1rem;
3200
+ font-weight: 700;
3201
+ line-height: 1.25;
3202
+ }
3203
+ @media print {
3204
+ .moj-search-toggle__button {
3205
+ font-family: sans-serif;
3206
+ }
3207
+ }
3208
+ @media (min-width: 40.0625em) {
3209
+ .moj-search-toggle__button {
3210
+ font-size: 1.1875rem;
3211
+ line-height: 1.3157894737;
3212
+ }
3213
+ }
3214
+ @media print {
3215
+ .moj-search-toggle__button {
3216
+ font-size: 14pt;
3217
+ line-height: 1.15;
3218
+ }
3219
+ }
3220
+ .moj-search-toggle__button__icon {
3221
+ display: inline-block;
3222
+ height: 20px;
3223
+ margin-left: 10px;
3224
+ width: 20px;
3225
+ fill: currentcolor;
3226
+ vertical-align: middle;
3227
+ }
3228
+ @media screen and (forced-colors: active) {
3229
+ .moj-search-toggle__button__icon {
3230
+ fill: windowText;
3231
+ }
3232
+ }
3233
+ .moj-search-toggle__button:focus {
3234
+ background-color: #fd0;
3235
+ box-shadow:
3236
+ 0 -2px #fd0,
3237
+ 0 4px #0b0c0c;
3238
+ color: #0b0c0c;
3239
+ outline: none;
3240
+ position: relative;
3241
+ z-index: 1;
3242
+ }
3243
+ .moj-search--toggle {
3244
+ padding: 15px;
3245
+ }
3246
+ @media (max-width: 48.0525em) {
3247
+ .moj-search--toggle {
3248
+ padding-left: 0 !important;
3249
+ padding-right: 0 !important;
3250
+ }
3251
+ .js-enabled .moj-search--toggle {
3252
+ padding-top: 0 !important;
3253
+ }
3254
+ }
3255
+ .js-enabled .moj-search-toggle {
3256
+ position: relative;
3257
+ }
3258
+ .js-enabled .moj-search-toggle__search {
3259
+ background-color: #f3f2f1;
3260
+ }
3261
+ @media (min-width: 48.0625em) {
3262
+ .js-enabled .moj-search-toggle__search {
3263
+ max-width: 450px;
3264
+ position: absolute;
3265
+ right: -15px;
3266
+ top: 50px;
3267
+ width: 450px;
3268
+ z-index: 10;
3269
+ }
3270
+ }
3271
+ .moj-search {
3272
+ font-size: 0;
3273
+ }
3274
+ .moj-search form {
3275
+ align-items: flex-end;
3276
+ display: flex;
3277
+ }
3278
+ .moj-search .govuk-form-group {
3279
+ display: inline-block;
3280
+ flex: 1;
3281
+ margin-bottom: 0;
3282
+ vertical-align: top;
3283
+ }
3284
+ .moj-search__hint,
3285
+ .moj-search__label {
3286
+ text-align: left;
3287
+ }
3288
+ .moj-search__input:focus {
3289
+ position: relative;
3290
+ z-index: 1;
3291
+ }
3292
+ .moj-search__button {
3293
+ display: inline-block;
3294
+ margin-bottom: 0;
3295
+ margin-left: 10px;
3296
+ position: relative;
3297
+ top: -2px;
3298
+ vertical-align: bottom;
3299
+ width: auto;
3300
+ }
3301
+ .moj-search--inline {
3302
+ padding: 10px 0 !important;
3303
+ }
3304
+ @media (min-width: 48.0625em) {
3305
+ .moj-search--inline {
3306
+ padding: 0 !important;
3307
+ }
3308
+ }
3309
+ .moj-side-navigation {
3310
+ font-family:
3311
+ GDS Transport,
3312
+ arial,
3313
+ sans-serif;
3314
+ -webkit-font-smoothing: antialiased;
3315
+ -moz-osx-font-smoothing: grayscale;
3316
+ font-size: 0.875rem;
3317
+ font-weight: 400;
3318
+ line-height: 1.1428571429;
3319
+ }
3320
+ @media print {
3321
+ .moj-side-navigation {
3322
+ font-family: sans-serif;
3323
+ }
3324
+ }
3325
+ @media (min-width: 40.0625em) {
3326
+ .moj-side-navigation {
3327
+ font-size: 1rem;
3328
+ line-height: 1.25;
3329
+ }
3330
+ }
3331
+ @media print {
3332
+ .moj-side-navigation {
3333
+ font-size: 14pt;
3334
+ line-height: 1.2;
3335
+ }
3336
+ }
3337
+ @media (max-width: 40.0525em) {
3338
+ .moj-side-navigation {
3339
+ display: flex;
3340
+ overflow-x: scroll;
3341
+ }
3342
+ }
3343
+ @media (min-width: 40.0625em) {
3344
+ .moj-side-navigation {
3345
+ display: block;
3346
+ padding: 20px 0 0;
3347
+ }
3348
+ }
3349
+ .moj-side-navigation__title {
3350
+ color: #505a5f;
3351
+ font-family:
3352
+ GDS Transport,
3353
+ arial,
3354
+ sans-serif;
3355
+ margin: 0;
3356
+ padding: 10px 10px 10px 14px;
3357
+ -webkit-font-smoothing: antialiased;
3358
+ -moz-osx-font-smoothing: grayscale;
3359
+ font-size: 1rem;
3360
+ font-weight: 400;
3361
+ line-height: 1.25;
3362
+ }
3363
+ @media print {
3364
+ .moj-side-navigation__title {
3365
+ font-family: sans-serif;
3366
+ }
3367
+ }
3368
+ @media (min-width: 40.0625em) {
3369
+ .moj-side-navigation__title {
3370
+ font-size: 1.1875rem;
3371
+ line-height: 1.3157894737;
3372
+ }
3373
+ }
3374
+ @media print {
3375
+ .moj-side-navigation__title {
3376
+ font-size: 14pt;
3377
+ line-height: 1.15;
3378
+ }
3379
+ }
3380
+ @media (max-width: 40.0525em) {
3381
+ .moj-side-navigation__title {
3382
+ display: none;
3383
+ }
3384
+ }
3385
+ .moj-side-navigation__list {
3386
+ list-style: none;
3387
+ margin: 0;
3388
+ padding: 0;
3389
+ }
3390
+ @media (max-width: 40.0525em) {
3391
+ .moj-side-navigation__list {
3392
+ display: flex;
3393
+ margin: 0;
3394
+ white-space: nowrap;
3395
+ }
3396
+ }
3397
+ @media (min-width: 40.0625em) {
3398
+ .moj-side-navigation__list {
3399
+ margin-bottom: 20px;
3400
+ }
3401
+ }
3402
+ @media (max-width: 40.0525em) {
3403
+ .moj-side-navigation__item {
3404
+ display: flex;
3405
+ }
3406
+ }
3407
+ .moj-side-navigation__item a,
3408
+ .moj-side-navigation__item a:link,
3409
+ .moj-side-navigation__item a:visited {
3410
+ background-color: inherit;
3411
+ color: #1d70b8;
3412
+ display: block;
3413
+ text-decoration: none;
3414
+ }
3415
+ @media (max-width: 40.0525em) {
3416
+ .moj-side-navigation__item a,
3417
+ .moj-side-navigation__item a:link,
3418
+ .moj-side-navigation__item a:visited {
3419
+ border-bottom: 4px solid transparent;
3420
+ padding: 15px 15px 11px;
3421
+ }
3422
+ }
3423
+ @media (min-width: 40.0625em) {
3424
+ .moj-side-navigation__item a,
3425
+ .moj-side-navigation__item a:link,
3426
+ .moj-side-navigation__item a:visited {
3427
+ background-color: inherit;
3428
+ border-left: 4px solid transparent;
3429
+ padding: 10px;
3430
+ }
3431
+ }
3432
+ .moj-side-navigation__item a:hover {
3433
+ color: #003078;
3434
+ }
3435
+ .moj-side-navigation__item a:focus {
3436
+ background-color: #fd0;
3437
+ border-color: #0b0c0c;
3438
+ color: #0b0c0c;
3439
+ position: relative;
3440
+ }
3441
+ .moj-side-navigation__item--active a:link,
3442
+ .moj-side-navigation__item--active a:visited {
3443
+ border-color: #1d70b8;
3444
+ color: #1d70b8;
3445
+ font-weight: 700;
3446
+ }
3447
+ .moj-side-navigation__item--active a:hover {
3448
+ border-color: #003078;
3449
+ color: #003078;
3450
+ }
3451
+ .moj-side-navigation__item--active a:focus {
3452
+ background-color: #fd0;
3453
+ border-color: #0b0c0c;
3454
+ color: #0b0c0c;
3455
+ }
3456
+ @media (min-width: 40.0625em) {
3457
+ .moj-side-navigation__item--active a:link,
3458
+ .moj-side-navigation__item--active a:visited {
3459
+ background-color: #f3f2f1;
3460
+ }
3461
+ .moj-side-navigation__item--active a:focus {
3462
+ background-color: #fd0;
3463
+ color: #0b0c0c;
3464
+ }
3465
+ }
3466
+ [aria-sort] button,
3467
+ [aria-sort] button:hover {
3468
+ background-color: transparent;
3469
+ border-width: 0;
3470
+ box-shadow: 0 0 0 0;
3471
+ color: #005ea5;
3472
+ cursor: pointer;
3473
+ font-family: inherit;
3474
+ font-size: inherit;
3475
+ font-size: 1em;
3476
+ font-weight: inherit;
3477
+ margin: 0;
3478
+ padding: 0 10px 0 0;
3479
+ position: relative;
3480
+ text-align: inherit;
3481
+ }
3482
+ [aria-sort] button:focus {
3483
+ background-color: #fd0;
3484
+ box-shadow:
3485
+ 0 -2px #fd0,
3486
+ 0 4px #0b0c0c;
3487
+ color: #0b0c0c;
3488
+ outline: none;
3489
+ }
3490
+ [aria-sort]:first-child button {
3491
+ right: auto;
3492
+ }
3493
+ [aria-sort] button:before {
3494
+ content: " ▼";
3495
+ font-size: 0.5em;
3496
+ position: absolute;
3497
+ right: -1px;
3498
+ top: 9px;
3499
+ }
3500
+ [aria-sort] button:after {
3501
+ content: " ▲";
3502
+ font-size: 0.5em;
3503
+ position: absolute;
3504
+ right: -1px;
3505
+ top: 1px;
3506
+ }
3507
+ [aria-sort="ascending"] button:before,
3508
+ [aria-sort="descending"] button:before {
3509
+ content: none;
3510
+ }
3511
+ [aria-sort="ascending"] button:after {
3512
+ content: " ▲";
3513
+ font-size: 0.8em;
3514
+ position: absolute;
3515
+ right: -5px;
3516
+ top: 2px;
3517
+ }
3518
+ [aria-sort="descending"] button:after {
3519
+ content: " ▼";
3520
+ font-size: 0.8em;
3521
+ position: absolute;
3522
+ right: -5px;
3523
+ top: 2px;
3524
+ }
3525
+ .moj-sub-navigation {
3526
+ margin-bottom: 40px;
3527
+ }
3528
+ .moj-sub-navigation__list {
3529
+ font-size: 0;
3530
+ list-style: none;
3531
+ margin: 0;
3532
+ padding: 0;
3533
+ }
3534
+ @media (min-width: 40.0625em) {
3535
+ .moj-sub-navigation__list {
3536
+ box-shadow: inset 0 -1px 0 #b1b4b6;
3537
+ width: 100%;
3538
+ }
3539
+ }
3540
+ .moj-sub-navigation__item {
3541
+ box-shadow: inset 0 -1px 0 #b1b4b6;
3542
+ display: block;
3543
+ font-family:
3544
+ GDS Transport,
3545
+ arial,
3546
+ sans-serif;
3547
+ margin-top: -1px;
3548
+ -webkit-font-smoothing: antialiased;
3549
+ -moz-osx-font-smoothing: grayscale;
3550
+ font-size: 1rem;
3551
+ font-weight: 400;
3552
+ line-height: 1.25;
3553
+ }
3554
+ @media print {
3555
+ .moj-sub-navigation__item {
3556
+ font-family: sans-serif;
3557
+ }
3558
+ }
3559
+ @media (min-width: 40.0625em) {
3560
+ .moj-sub-navigation__item {
3561
+ font-size: 1.1875rem;
3562
+ line-height: 1.3157894737;
3563
+ }
3564
+ }
3565
+ @media print {
3566
+ .moj-sub-navigation__item {
3567
+ font-size: 14pt;
3568
+ line-height: 1.15;
3569
+ }
3570
+ }
3571
+ .moj-sub-navigation__item:last-child {
3572
+ box-shadow: none;
3573
+ }
3574
+ @media (min-width: 40.0625em) {
3575
+ .moj-sub-navigation__item {
3576
+ box-shadow: none;
3577
+ display: inline-block;
3578
+ margin-right: 20px;
3579
+ margin-top: 0;
3580
+ }
3581
+ }
3582
+ .moj-sub-navigation__link {
3583
+ display: block;
3584
+ font-family:
3585
+ GDS Transport,
3586
+ arial,
3587
+ sans-serif;
3588
+ padding-bottom: 12px;
3589
+ padding-left: 15px;
3590
+ padding-top: 12px;
3591
+ position: relative;
3592
+ -webkit-font-smoothing: antialiased;
3593
+ -moz-osx-font-smoothing: grayscale;
3594
+ text-decoration: underline;
3595
+ text-decoration-thickness: max(1px, 0.0625rem);
3596
+ text-underline-offset: 0.1578em;
3597
+ }
3598
+ @media print {
3599
+ .moj-sub-navigation__link {
3600
+ font-family: sans-serif;
3601
+ }
3602
+ }
3603
+ .moj-sub-navigation__link:hover {
3604
+ -webkit-text-decoration-skip-ink: none;
3605
+ text-decoration-skip-ink: none;
3606
+ text-decoration-thickness: max(3px, 0.1875rem, 0.12em);
3607
+ -webkit-text-decoration-skip: none;
3608
+ text-decoration-skip: none;
3609
+ }
3610
+ .moj-sub-navigation__link:focus {
3611
+ background-color: #fd0;
3612
+ -webkit-box-decoration-break: clone;
3613
+ box-decoration-break: clone;
3614
+ box-shadow:
3615
+ 0 -2px #fd0,
3616
+ 0 4px #0b0c0c;
3617
+ outline: 3px solid transparent;
3618
+ text-decoration: none;
3619
+ }
3620
+ .moj-sub-navigation__link:link {
3621
+ color: #1d70b8;
3622
+ }
3623
+ .moj-sub-navigation__link:visited {
3624
+ color: #4c2c92;
3625
+ }
3626
+ .moj-sub-navigation__link:active {
3627
+ color: #0b0c0c;
3628
+ }
3629
+ @media (min-width: 40.0625em) {
3630
+ .moj-sub-navigation__link {
3631
+ padding-left: 0;
3632
+ }
3633
+ }
3634
+ .moj-sub-navigation__link:active,
3635
+ .moj-sub-navigation__link:hover,
3636
+ .moj-sub-navigation__link:link,
3637
+ .moj-sub-navigation__link:visited {
3638
+ text-decoration: none;
3639
+ }
3640
+ .moj-sub-navigation__link:link,
3641
+ .moj-sub-navigation__link:visited {
3642
+ color: #1d70b8;
3643
+ }
3644
+ .moj-sub-navigation__link:hover {
3645
+ color: #003078;
3646
+ }
3647
+ .moj-sub-navigation__link:focus {
3648
+ box-shadow: none;
3649
+ color: #0b0c0c;
3650
+ position: relative;
3651
+ }
3652
+ .moj-sub-navigation__link:focus:before {
3653
+ background-color: #0b0c0c;
3654
+ bottom: 0;
3655
+ content: "";
3656
+ display: block;
3657
+ height: 100%;
3658
+ left: 0;
3659
+ position: absolute;
3660
+ width: 5px;
3661
+ }
3662
+ @media (min-width: 40.0625em) {
3663
+ .moj-sub-navigation__link:focus:before {
3664
+ height: 5px;
3665
+ width: 100%;
3666
+ }
3667
+ }
3668
+ .moj-sub-navigation__link[aria-current="page"] {
3669
+ color: #0b0c0c;
3670
+ position: relative;
3671
+ text-decoration: none;
3672
+ }
3673
+ .moj-sub-navigation__link[aria-current="page"]:before {
3674
+ background-color: #1d70b8;
3675
+ bottom: 0;
3676
+ content: "";
3677
+ display: block;
3678
+ height: 100%;
3679
+ left: 0;
3680
+ position: absolute;
3681
+ width: 5px;
3682
+ }
3683
+ @media (min-width: 40.0625em) {
3684
+ .moj-sub-navigation__link[aria-current="page"]:before {
3685
+ height: 5px;
3686
+ width: 100%;
3687
+ }
3688
+ }
3689
+ .moj-sub-navigation__link[aria-current="page"]:hover {
3690
+ color: #003078;
3691
+ }
3692
+ .moj-sub-navigation__link[aria-current="page"]:focus:before {
3693
+ background-color: #0b0c0c;
3694
+ }
3695
+ .moj-tag {
3696
+ background-color: #1d70b8;
3697
+ border: 2px solid #1d70b8;
3698
+ color: #fff;
3699
+ }
3700
+ .moj-tag--purple {
3701
+ background-color: #4c2c92;
3702
+ border: 2px solid #4c2c92;
3703
+ color: #fff;
3704
+ }
3705
+ .moj-tag--bright-purple {
3706
+ background-color: #912b88;
3707
+ border: 2px solid #912b88;
3708
+ color: #fff;
3709
+ }
3710
+ .moj-tag--error,
3711
+ .moj-tag--red {
3712
+ background-color: #d4351c;
3713
+ border: 2px solid #d4351c;
3714
+ color: #fff;
3715
+ }
3716
+ .moj-tag--green,
3717
+ .moj-tag--success {
3718
+ background-color: #00703c;
3719
+ border: 2px solid #00703c;
3720
+ color: #fff;
3721
+ }
3722
+ .moj-tag--blue,
3723
+ .moj-tag--information {
3724
+ background-color: #1d70b8;
3725
+ border: 2px solid #1d70b8;
3726
+ color: #fff;
3727
+ }
3728
+ .moj-tag--black {
3729
+ background-color: #0b0c0c;
3730
+ border: 2px solid #0b0c0c;
3731
+ color: #fff;
3732
+ }
3733
+ .moj-tag--grey {
3734
+ background-color: #505a5f;
3735
+ border: 2px solid #505a5f;
3736
+ color: #fff;
3737
+ }
3738
+ .moj-task-list {
3739
+ list-style-type: none;
3740
+ margin-bottom: 0;
3741
+ margin-top: 0;
3742
+ padding-left: 0;
3743
+ }
3744
+ @media (min-width: 40.0625em) {
3745
+ .moj-task-list {
3746
+ min-width: 550px;
3747
+ }
3748
+ }
3749
+ .moj-task-list__section {
3750
+ display: table;
3751
+ font-family:
3752
+ GDS Transport,
3753
+ arial,
3754
+ sans-serif;
3755
+ -webkit-font-smoothing: antialiased;
3756
+ -moz-osx-font-smoothing: grayscale;
3757
+ font-size: 1.125rem;
3758
+ font-weight: 700;
3759
+ line-height: 1.1111111111;
3760
+ }
3761
+ @media print {
3762
+ .moj-task-list__section {
3763
+ font-family: sans-serif;
3764
+ }
3765
+ }
3766
+ @media (min-width: 40.0625em) {
3767
+ .moj-task-list__section {
3768
+ font-size: 1.5rem;
3769
+ line-height: 1.25;
3770
+ }
3771
+ }
3772
+ @media print {
3773
+ .moj-task-list__section {
3774
+ font-size: 18pt;
3775
+ line-height: 1.15;
3776
+ }
3777
+ }
3778
+ .moj-task-list__section-number {
3779
+ display: table-cell;
3780
+ }
3781
+ @media (min-width: 40.0625em) {
3782
+ .moj-task-list__section-number {
3783
+ min-width: 30px;
3784
+ padding-right: 0;
3785
+ }
3786
+ }
3787
+ .moj-task-list__items {
3788
+ font-family:
3789
+ GDS Transport,
3790
+ arial,
3791
+ sans-serif;
3792
+ list-style: none;
3793
+ padding-left: 0;
3794
+ -webkit-font-smoothing: antialiased;
3795
+ -moz-osx-font-smoothing: grayscale;
3796
+ font-size: 1rem;
3797
+ font-weight: 400;
3798
+ line-height: 1.25;
3799
+ margin-bottom: 40px;
3800
+ }
3801
+ @media print {
3802
+ .moj-task-list__items {
3803
+ font-family: sans-serif;
3804
+ }
3805
+ }
3806
+ @media (min-width: 40.0625em) {
3807
+ .moj-task-list__items {
3808
+ font-size: 1.1875rem;
3809
+ line-height: 1.3157894737;
3810
+ }
3811
+ }
3812
+ @media print {
3813
+ .moj-task-list__items {
3814
+ font-size: 14pt;
3815
+ line-height: 1.15;
3816
+ }
3817
+ }
3818
+ @media (min-width: 40.0625em) {
3819
+ .moj-task-list__items {
3820
+ margin-bottom: 60px;
3821
+ padding-left: 30px;
3822
+ }
3823
+ }
3824
+ .moj-task-list__item {
3825
+ border-bottom: 1px solid #b1b4b6;
3826
+ margin-bottom: 0 !important;
3827
+ padding-bottom: 10px;
3828
+ padding-top: 10px;
3829
+ }
3830
+ .moj-task-list__item:after {
3831
+ clear: both;
3832
+ content: "";
3833
+ display: block;
3834
+ }
3835
+ .moj-task-list__item:first-child {
3836
+ border-top: 1px solid #b1b4b6;
3837
+ }
3838
+ .moj-task-list__task-name {
3839
+ display: block;
3840
+ }
3841
+ @media (min-width: 28.125em) {
3842
+ .moj-task-list__task-name {
3843
+ float: left;
3844
+ width: 75%;
3845
+ }
3846
+ }
3847
+ .moj-task-list__task-completed {
3848
+ margin-bottom: 5px;
3849
+ margin-top: 10px;
3850
+ }
3851
+ @media (min-width: 28.125em) {
3852
+ .moj-task-list__task-completed {
3853
+ float: right;
3854
+ margin-bottom: 0;
3855
+ margin-top: 0;
3856
+ }
3857
+ }
3858
+ .moj-timeline {
3859
+ margin-bottom: 20px;
3860
+ overflow: hidden;
3861
+ position: relative;
3862
+ }
3863
+ .moj-timeline:before {
3864
+ background-color: #1d70b8;
3865
+ content: "";
3866
+ height: 100%;
3867
+ left: 0;
3868
+ position: absolute;
3869
+ top: 10px;
3870
+ width: 5px;
3871
+ }
3872
+ .moj-timeline--full {
3873
+ margin-bottom: 0;
3874
+ }
3875
+ .moj-timeline--full:before {
3876
+ height: calc(100% - 75px);
3877
+ }
3878
+ .moj-timeline__item {
3879
+ padding-bottom: 30px;
3880
+ padding-left: 20px;
3881
+ position: relative;
3882
+ }
3883
+ .moj-timeline__item:before {
3884
+ background-color: #1d70b8;
3885
+ content: "";
3886
+ height: 5px;
3887
+ left: 0;
3888
+ position: absolute;
3889
+ top: 10px;
3890
+ width: 15px;
3891
+ }
3892
+ .moj-timeline__title {
3893
+ display: inline;
3894
+ font-family:
3895
+ GDS Transport,
3896
+ arial,
3897
+ sans-serif;
3898
+ -webkit-font-smoothing: antialiased;
3899
+ -moz-osx-font-smoothing: grayscale;
3900
+ font-size: 1rem;
3901
+ font-weight: 700;
3902
+ line-height: 1.25;
3903
+ }
3904
+ @media print {
3905
+ .moj-timeline__title {
3906
+ font-family: sans-serif;
3907
+ }
3908
+ }
3909
+ @media (min-width: 40.0625em) {
3910
+ .moj-timeline__title {
3911
+ font-size: 1.1875rem;
3912
+ line-height: 1.3157894737;
3913
+ }
3914
+ }
3915
+ @media print {
3916
+ .moj-timeline__title {
3917
+ font-size: 14pt;
3918
+ line-height: 1.15;
3919
+ }
3920
+ }
3921
+ .moj-timeline__byline {
3922
+ color: #505a5f;
3923
+ display: inline;
3924
+ font-family:
3925
+ GDS Transport,
3926
+ arial,
3927
+ sans-serif;
3928
+ margin: 0;
3929
+ -webkit-font-smoothing: antialiased;
3930
+ -moz-osx-font-smoothing: grayscale;
3931
+ font-size: 1rem;
3932
+ font-weight: 400;
3933
+ line-height: 1.25;
3934
+ }
3935
+ @media print {
3936
+ .moj-timeline__byline {
3937
+ font-family: sans-serif;
3938
+ }
3939
+ }
3940
+ @media (min-width: 40.0625em) {
3941
+ .moj-timeline__byline {
3942
+ font-size: 1.1875rem;
3943
+ line-height: 1.3157894737;
3944
+ }
3945
+ }
3946
+ @media print {
3947
+ .moj-timeline__byline {
3948
+ font-size: 14pt;
3949
+ line-height: 1.15;
3950
+ }
3951
+ }
3952
+ .moj-timeline__date {
3953
+ font-family:
3954
+ GDS Transport,
3955
+ arial,
3956
+ sans-serif;
3957
+ margin-bottom: 0;
3958
+ margin-top: 5px;
3959
+ -webkit-font-smoothing: antialiased;
3960
+ -moz-osx-font-smoothing: grayscale;
3961
+ font-size: 0.875rem;
3962
+ font-weight: 400;
3963
+ line-height: 1.1428571429;
3964
+ }
3965
+ @media print {
3966
+ .moj-timeline__date {
3967
+ font-family: sans-serif;
3968
+ }
3969
+ }
3970
+ @media (min-width: 40.0625em) {
3971
+ .moj-timeline__date {
3972
+ font-size: 1rem;
3973
+ line-height: 1.25;
3974
+ }
3975
+ }
3976
+ @media print {
3977
+ .moj-timeline__date {
3978
+ font-size: 14pt;
3979
+ line-height: 1.2;
3980
+ }
3981
+ }
3982
+ .moj-timeline__description {
3983
+ font-family:
3984
+ GDS Transport,
3985
+ arial,
3986
+ sans-serif;
3987
+ margin-top: 20px;
3988
+ -webkit-font-smoothing: antialiased;
3989
+ -moz-osx-font-smoothing: grayscale;
3990
+ font-size: 1rem;
3991
+ font-weight: 400;
3992
+ line-height: 1.25;
3993
+ }
3994
+ @media print {
3995
+ .moj-timeline__description {
3996
+ font-family: sans-serif;
3997
+ }
3998
+ }
3999
+ @media (min-width: 40.0625em) {
4000
+ .moj-timeline__description {
4001
+ font-size: 1.1875rem;
4002
+ line-height: 1.3157894737;
4003
+ }
4004
+ }
4005
+ @media print {
4006
+ .moj-timeline__description {
4007
+ font-size: 14pt;
4008
+ line-height: 1.15;
4009
+ }
4010
+ }
4011
+ .moj-timeline__documents {
4012
+ list-style: none;
4013
+ margin-bottom: 0;
4014
+ padding-left: 0;
4015
+ }
4016
+ .moj-timeline__document-item {
4017
+ margin-bottom: 5px;
4018
+ }
4019
+ .moj-timeline__document-item:last-child {
4020
+ margin-bottom: 0;
4021
+ }
4022
+ .moj-timeline__document-icon {
4023
+ float: left;
4024
+ margin-right: 4px;
4025
+ margin-top: 4px;
4026
+ fill: currentcolor;
4027
+ }
4028
+ @media screen and (forced-colors: active) {
4029
+ .moj-timeline__document-icon {
4030
+ fill: linkText;
4031
+ }
4032
+ }
4033
+ .moj-timeline__document-link {
4034
+ background-image: url(/assets/images/icon-document.svg);
4035
+ background-position: 0 50%;
4036
+ background-repeat: no-repeat;
4037
+ background-size: 20px 16px;
4038
+ padding-left: 25px;
4039
+ }
4040
+ .moj-timeline__document-link:focus {
4041
+ color: #0b0c0c;
4042
+ }
4043
+ .moj-ticket-panel {
4044
+ display: block;
4045
+ flex-wrap: wrap;
4046
+ margin-right: 0;
4047
+ }
4048
+ @media (min-width: 48.0625em) {
4049
+ .moj-ticket-panel--inline {
4050
+ display: flex;
4051
+ flex-wrap: nowrap;
4052
+ }
4053
+ .moj-ticket-panel--inline > * + * {
4054
+ margin-left: 15px;
4055
+ }
4056
+ }
4057
+ .moj-ticket-panel__content :last-child {
4058
+ margin-bottom: 0;
4059
+ }
4060
+ .moj-ticket-panel__content {
4061
+ background-color: #f3f2f1;
4062
+ border-left: 4px solid transparent;
4063
+ display: block;
4064
+ flex-grow: 1;
4065
+ margin-bottom: 15px;
4066
+ padding: 20px;
4067
+ position: relative;
4068
+ }
4069
+ .moj-ticket-panel__content--grey {
4070
+ border-left-color: #b1b4b6;
4071
+ }
4072
+ .moj-ticket-panel__content--blue {
4073
+ border-left-color: #1d70b8;
4074
+ }
4075
+ .moj-ticket-panel__content--red {
4076
+ border-left-color: #d4351c;
4077
+ }
4078
+ .moj-ticket-panel__content--yellow {
4079
+ border-left-color: #fd0;
4080
+ }
4081
+ .moj-ticket-panel__content--green {
4082
+ border-left-color: #00703c;
4083
+ }
4084
+ .moj-ticket-panel__content--purple {
4085
+ border-left-color: #4c2c92;
4086
+ }
4087
+ .moj-ticket-panel__content--orange {
4088
+ border-left-color: #f47738;
4089
+ }
4090
+ .js-enabled .moj-js-hidden,
4091
+ .moj-hidden {
4092
+ display: none;
4093
+ }
4094
+ .moj-width-container {
4095
+ margin: 0 15px;
4096
+ max-width: 960px;
4097
+ }
4098
+ @media (min-width: 40.0625em) {
4099
+ .moj-width-container {
4100
+ margin: 0 30px;
4101
+ }
4102
+ }
4103
+ @media (min-width: 1020px) {
4104
+ .moj-width-container {
4105
+ margin: 0 auto;
4106
+ }
4107
+ }
4108
+ /*# sourceMappingURL=moj-frontend.min.css.map */