:root {

	
	--color-primary: var(--color-primary-500);
	--color-primary-dark: var(--color-primary-700);
	--color-primary-light: var(--color-primary-100);
	--color-secondary: var(--color-secondary-500);
	--color-text: var(--color-grey-700);
	--color-cta: var(--color-cta-400);
	--color-green: var(--color-green-400);
	--color-red: var(--color-red-400);
	--color-grey: var(--color-grey-500);

	
	--color-primary-100: #edf6f9;
	--color-primary-200: #c2e1eb;
	--color-primary-300: #27a9c8;
	--color-primary-400: #1c88a3;
	--color-primary-500: #00759a;
	--color-primary-600: #00526c;
	--color-primary-700: #003b4d;

	--color-secondary-100: #ffffe2;
	--color-secondary-200: #fef6c5;
	--color-secondary-300: #f9db8c;
	--color-secondary-400: #edba34;
	--color-secondary-500: #d49b00;
	--color-secondary-600: #7e5c00;
	--color-secondary-700: #5c4813;

	--color-cta-100: #feeadc;
	--color-cta-200: #fbb483;
	--color-cta-300: #ee7c2f;
	--color-cta-400: #d45500;
	--color-cta-500: #963c00;
	--color-cta-600: #6a2b01;
	--color-cta-700: #4b1f02;

	--color-green-100: #ecf9ee;
	--color-green-200: #b5e3be;
	--color-green-300: #4fc366;
	--color-green-400: #00a121;
	--color-green-500: #007819;
	--color-green-600: #095018;
	--color-green-700: #0b3514;

	--color-red-100: #fee9e7;
	--color-red-200: #fca59c;
	--color-red-300: #ee3e2b;
	--color-red-400: #ce1d00;
	--color-red-500: #a51700;
	--color-red-600: #751101;
	--color-red-700: #510c01;

	--color-grey-100: #f0f0f0;
	--color-grey-200: #e8e8e8;
	--color-grey-300: #c1c1c1;
	--color-grey-400: #aaa;
	--color-grey-500: #777;
	--color-grey-600: #666;
	--color-grey-700: #404040;

	
	--font-family-base: Assistant, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--font-family-headings: Gilroy;
	--font-family-buttons: Gilroy;
	--font-family-icons: Entypo;
	--font-family-monospace: monospace, monospace;
	--font-size-base: 20px;
	--font-size-h1: 30px;
	--font-size-h2: 24px;
	--font-size-h3: 18px;
	--font-size-h4: 16px;
	--font-size-h5: 14px;
	--line-height-base: 1.4;
	--line-height-headings: 1.2;

	
	--color-shadow: rgba(0, 0, 0, .2);
	--color-menu-background: rgba(255, 255, 255, .85);
	--color-menu-item-active: rgba(255, 255, 255, .5);
	--color-button-disabled: #ccba88;
	--menu-transition-duration: .15s;
	--backdrop-blur: blur(4px);
	--dropdown-shadow: 0 15px 25px var(--color-shadow);

}

@font-face {
	font-family: 'Entypo';
	src: url(../4.0.46.0/fonts/entypo.woff2) format('woff2'), url(../4.0.46.0/fonts/entypo.woff) format('woff');
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'Assistant';
	src: url(../4.0.46.0/fonts/Assistant-Regular.woff2) format('woff2'), url(../4.0.46.0/fonts/Assistant-Regular.woff) format('woff');
	font-style: normal;
	font-weight: 400;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'Assistant';
	src: url(../4.0.46.0/fonts/Assistant-SemiBold.woff2) format('woff2'), url(../4.0.46.0/fonts/Assistant-SemiBold.woff) format('woff');
	font-style: normal;
	font-weight: 600;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'Assistant';
	src: url(../4.0.46.0/fonts/Assistant-Bold.woff2) format('woff2'), url(../4.0.46.0/fonts/Assistant-Bold.woff) format('woff');
	font-style: normal;
	font-weight: 700;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'Gilroy';
	src: url(../4.0.46.0/fonts/gilroy-regular.woff2) format('woff2'), url(../4.0.46.0/fonts/gilroy-regular.woff) format('woff');
	font-style: normal;
	font-weight: 400;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'Gilroy';
	src: url(../4.0.46.0/fonts/gilroy-medium.woff2) format('woff2'), url(../4.0.46.0/fonts/gilroy-medium.woff) format('woff');
	font-style: normal;
	font-weight: 500;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'Gilroy';
	src: url(../4.0.46.0/fonts/gilroy-semibold.woff2) format('woff2'), url(../4.0.46.0/fonts/gilroy-semibold.woff) format('woff');
	font-style: normal;
	font-weight: 600;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'Gilroy';
	src: url(../4.0.46.0/fonts/gilroy-bold.woff2) format('woff2'), url(../4.0.46.0/fonts/gilroy-bold.woff) format('woff');
	font-style: normal;
	font-weight: 700;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'Gilroy';
	src: url(../4.0.46.0/fonts/gilroy-extrabold.woff2) format('woff2'), url(../4.0.46.0/fonts/gilroy-extrabold.woff) format('woff');
	font-style: normal;
	font-weight: 800;
	text-rendering: optimizeLegibility;
}

html {
	height: 100%;
	font-family: var(--font-family-base);
}

body {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	font-size: var(--font-size-base);
	color: var(--color-text);
	background-color: #fff;
	line-height: var(--line-height-base);
}

h1,
h2,
h3,
h4,
h5 {
	font-family: var(--font-family-headings);
	text-transform: uppercase;
	color: var(--color-primary);
}

h1 {
	margin-top: 0;
	font-size: 30px;
	line-height: var(--line-height-headings);
	font-weight: 600;
}

h2 {
	margin: 40px 0 10px 0;
	font-size: var(--font-size-h2);
	line-height: var(--line-height-headings);
}

h3 {
	font-size: var(--font-size-h3);
	margin: 40px 0 5px 0;
}

h4 {
	font-size: var(--font-size-h4);
	margin: 20px 0 5px 0;
}

h5 {
	font-size: var(--font-size-h5);
	margin: 20px 0 5px 0;
}

p {
	margin-top: 20px;
	margin-bottom: 20px;
}

p:first-child {
	margin-top: 0;
}

p:last-child {
	margin-bottom: 0;
}

a {
	color: var(--color-primary);
}

a:hover {
	text-decoration: none;
}

form h1,
form h2,
form h3,
form h4,
form a {
	color: inherit;
}

main a[target="_blank"]:not(.button):after {
	font-family: var(--font-family-icons);
	content: "";
	display: inline-block;
	padding-left: 5px;
}

code {
	font-size: 90%;
	line-height: 1.3;
}

small {
	font-size: 85%;
}

blockquote {
	margin: 40px 0;
	padding: 20px;
	font-size: 24px;
	text-align: center;
	color: var(--color-primary);
	background-color: var(--color-primary-100);
}

blockquote:first-child {
	margin-top: 0;
}

blockquote:last-child {
	margin-bottom: 0;
}

address {
	font-style: normal;
}

figure {
	display: inline-flex;
	margin: 0;
	padding: 5px;
	flex-wrap: wrap;
	border: 1px solid var(--color-primary-200);
}

figcaption {
	flex-basis: 100%;
	padding: 5px;
	font-size: 18px;
	font-style: italic;
	text-align: center;
	color: var(--color-primary);
}

[aria-role=tab] {
	cursor: default;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.form-elements {
	margin: 0;
	position: relative;
}

form {
	padding: 40px;
	max-width: 520px;
	color: #fff;
	background-color: var(--color-primary);
}

form dt {
	font-size: 24px;
}

form dd {
	margin-left: 0;
	margin-top: 10px;
	margin-bottom: 20px;
	position: relative;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

dt.form-buttons {
	display: none;
}

dd.form-buttons {
	text-align: right;
	margin-bottom: 0;
}

button,
input,
optgroup,
select,
textarea {
	font-family: var(--font-family-base);
	line-height: var(--line-height-base);
}

input,
textarea,
select {
	box-sizing: border-box;
	padding: 11px 17px;
	width: 100%;
	line-height: var(--line-height-base);
	outline: none;
	border: none;
	color: var(--color-text);
	background: #fff;
}

input,
progress {
	accent-color: var(--color-secondary);
}

[type=text],
[type=email],
[type=url],
[type=search],
textarea {
	font-variant-ligatures: none;
}

select,
input:not([type=radio]):not([type=checkbox]) {
	border-radius: 0;
}

select {
	padding: 12px 13px;
}

[type=checkbox],
[type=radio] {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	background-color: transparent;
}

label [type=checkbox],
label [type=radio] {
	position: relative;
	top: -1px;
	vertical-align: middle;
}

label + label {
	margin-left: 15px;
}

input:disabled:not([type=button], [type=submit]),
textarea:disabled,
select:disabled,
input[readonly] {
	background-color: #a3bac2;
	color: var(--color-primary-700);
}

.checklist {
	padding-left: 0;
	line-height: 1.25;
	list-style-type: none;
}

.checklist li + li {
	margin-top: 10px;
}

.checklist label {
	display: inline-block;
	padding-left: 25px;
}

.checklist label [type=radio],
.checklist label [type=checkbox] {
	margin-left: -25px;
}

form dd ul {
	padding: 0 0 0 20px;
}

.input-description,
.input-valid-message {
	color: #fff;
	margin: 10px 0 0 0;
}

.input-description:empty {
	display: none;
}

.input-valid-message {
	line-height: var(--line-height-headings);
	margin-top: 5px;
	padding: 3px 17px;
	background-color: var(--color-green-200);
	color: var(--color-secondary-600);
}

::placeholder {
	color: var(--color-grey);
	opacity: 1;
}


label.input-error,
span.input-error {
	position: relative;
	display: inline-block;
	padding: 3px 17px;
	margin-top: 5px;
	line-height: var(--line-height-headings);
	background-color: var(--color-red-200);
	color: var(--color-red-600);
}

label.input-error:before,
span.input-error:before {
	position: absolute;
	top: -20px;
	left: 17px;
	display: block;
	box-sizing: border-box;
	width: 20px;
	height: 20px;
	border: 10px solid transparent;
	border-bottom-color: var(--color-red-200);
	content: '';
}

label.input-valid,
span.input-valid {
	padding: 0;
	margin: 0;
}

label.input-valid:before,
span.input-valid:before {
	right: 17px;
	left: auto;
	font-size: 24px;
	border: 0;
	font-family: var(--font-family-icons);
	color: var(--color-green-400);
	content: "✓";
}

.input-error.input-error-checkbox,
.input-error.input-error-radio {
	display: table; 
	margin-left: 0;
	border-collapse: separate;
}

.input-valid.input-error-checkbox,
.input-valid.input-error-radio {
	display: inline;
	background-color: transparent;
}

.input-valid.input-error-checkbox:before,
.input-valid.input-error-radio:before {
	position: static;
	display: inline;
	margin-left: 10px;
	color: var(--color-green-300); 
}

.input-group + label.input-valid,
.input-group + span.input-valid {
	display: block;
}

.input-group + label.input-valid:before,
.input-group + span.input-valid:before {
	top: -40px;
}

label[for|=csrf] {
	display: none!important; 
}

.address-validation-output {
	margin: 10px 0 0 0;
}

.validated-address {
	padding: 10px 20px;
	background-color: var(--color-green-200);
	color: var(--color-green-600);
}

.validated-address [data-icon] {
	font-size: 18px;
	margin-right: 2px;
	color: var(--color-green-500);
}

.address-validation-country {
	margin-right: 20px;
}

.form-elements-address-validation-other {
	margin-top: 15px;
}

.input-loading {
	background-image: url(../4.0.46.0/img/loader-grey.gif);
	background-repeat: no-repeat;
	background-position: right 17px top 9px;
}

.input-loading + label.input-valid {
	visibility: hidden;
}


.field-button,
.input-group {
	display: flex;
}

.field-button > input,
.field-button > button,
.field-button > select,
.input-group-addon,
.input-group input,
.input-group select {
	flex-shrink: 0;
}

.field-button > [type=text],
.field-button > select,
.field-button > .input-group,
.input-group input,
.input-group select {
	width: 0;
	flex-grow: 1;
}

.input-group-addon {
	display: inline-block;
	background-color: var(--color-grey-200);
	color: var(--color-text);
	line-height: 2.3;
	white-space: nowrap;
	padding: 0 12px 0 14px;
}

.inline-form {
	max-width: none;
}


.form-columns {
	display: flex;
}

.form-column {
	display: block;
	margin-top: 15px;
	flex-grow: 1;
}

.form-column:nth-child(n+2) {
	margin-left: 20px;
}

.form-column .label-text {
	display: block; 
	margin-bottom: 10px;
	font-size: 24px;
}

.form-column-postcode {
	flex: 0 0 calc(50% - 10px);
}

.search-query-form-column {
	margin-top: 0;
}


.form-searchable-entity {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}

.form-searchable-entity > label {
	margin: 40px 40px 0 0;
}

.form-searchable-entity > label:last-child {
	margin-right: 0;
}

.search-query-form-column {
	flex: 0 0 100%;
}

.search-query-form-column label.input-error,
.search-query-form-column span.input-error {
	padding: 5px 0 0 35px;
}

.search-query-field-button {
	width: 100%;
}

.search-query-label {
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.search-query-label input:last-child {
	border-radius: 0;
	border-right-width: 0;
}


.select2-container .select2-selection--single {
	height: 50px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding: 0 17px;
}

.select2-dropdown,
.select2-container--default .select2-selection--single {
	border: 0;
	border-radius: 0;
}

.select2-dropdown {
	box-shadow: 0 7px 8px rgba(0, 0, 0, .15);
}

.select2-results,
.select2-results__option {
	padding: 10px;
}

.select2-search--dropdown {
	padding: 10px 10px 0 10px;
}

.select2-results__message,
.select2-results__option[aria-disabled=true] {
	padding-left: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 50px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--default .select2-results__option[aria-disabled=true] {
	color: var(--color-primary);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 50px;
	top: 0;
	right: 0;
}

.select2-search--dropdown .select2-search__field {
	padding: 11px 17px;
	background: url(../4.0.46.0/img/icons/search.svg) no-repeat center right 17px;
	background-size: 24px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border-color: var(--color-primary);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--color-primary);
}

button,
.button,
[type=button],
[type=submit] {
	display: inline-block;
	text-decoration: none;
	line-height: 28px;
	border: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-transform: uppercase;
	overflow: hidden;
	width: auto;
	max-width: 100%;
	vertical-align: middle;
	font-family: var(--font-family-buttons);
	color: var(--color-secondary-500);
	transition: background-color .1s;
	cursor: pointer;
}

.button:hover,
.button:focus {
	color: var(--color-secondary-600);
}

button,
[type=submit],
.button-primary,
.button-cta {
	padding: 6px 20px;
	font-size: 24px;
	font-weight: 800;
	color: #fff;
	cursor: default;
}

button,
[type=submit],
.button-primary {
	background-color: var(--color-secondary-500);
}

button:hover,
button:focus,
[type=submit]:hover,
[type=submit]:focus,
.button-primary:hover,
.button-primary:focus {
	color: #fff;
	background-color: var(--color-secondary-600);
}

button:disabled,
[type=submit]:disabled {
	background-color: #ccba88;
}

[type=button],
[type=button]:disabled,
.button-secondary,
.button-secondary:disabled {
	padding: 0;
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
	background-color: transparent;
	color: var(--color-secondary-500);
	cursor: pointer;
}

[type=button]:hover,
[type=button]:focus,
.button-secondary:hover,
.button-secondary:focus {
	color: var(--color-secondary-600);
	background-color: transparent;
}

[type=button]:disabled,
.button-secondary:disabled {
	color: #b3974d;
}

.button-cta {
	background-color: var(--color-cta-400);;
}

.button-cta:hover,
.button-cta:focus {
	color: #fff;
	background-color: var(--color-cta-500);
}

.button-cta:disabled {
	background-color: #bf8b69;
}

button[type=button]:after,
button.button-secondary:after,
.button:after {
	display: inline-block;
	margin-left: 10px;
	width: 22px;
	height: 28px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMiAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im0xIDEuODA4MSAyMCAxMi4xNC0yMCAxMi4yNDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Q0OWIwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat 0 0;
	vertical-align: top;
	content: '';
}

.button:hover:after,
.button:focus:after,
button[type=button]:hover:after,
button[type=button]:focus:after,
button.button-secondary:hover:after,
button.button-secondary:focus:after {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMiAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im0xIDEuODA4MSAyMCAxMi4xNC0yMCAxMi4yNDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzdlNWMwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.button:disabled:after,
button[type=button]:disabled:after,
button.button-secondary:disabled:after {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMiAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im0xIDEuODA4MSAyMCAxMi4xNC0yMCAxMi4yNDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2IzOTc0ZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

button:after,
.button-primary:after,
.button-cta:after {
	content: none;
}

button[data-icon]:before,
.button[data-icon]:before {
	display: inline;
	margin: 0 7px 0 0;
	font-size: 20px;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	vertical-align: 0;
	font-family: var(--font-family-icons);
	content: ' ' attr(data-icon);
}

button[data-icon]:before,
.button-primary[data-icon]:before,
.button-cta[data-icon]:before {
	margin-left: -5px;
	vertical-align: 1px;
}

button[type=button][data-icon]:before,
button.button-secondary[data-icon]:before {
	margin-left: 0;
	vertical-align: 0;
}

.button-small {
	font-size: 16px;
	line-height: 22px;
}

button.button-small,
[type=submit].button-small,
.button-primary.button-small,
.button-cta.button-small {
	padding: 0 15px;
	line-height: 28px;
}

[type=button].button-small,
.button-secondary.button-small {
	padding: 0;
	line-height: 22px;
}

.button-small[data-icon]:before {
	font-size: 16px;
	vertical-align: 0;
}

.button-small:after,
button[type=button].button-small:after,
button.button-secondary.button-small:after {
	height: 22px;
	width: 18px;
}

.button-large {
	font-size: 28px;
	line-height: 48px;
}

button.button-large,
[type=submit].button-large,
.button-primary.button-large,
.button-cta.button-large {
	padding: 10px 30px;
	font-size: 32px;
}

[type=button].button-large,
.button-secondary.button-large {
	padding: 0;
	font-size: 28px;
}

.button-large[data-icon]:before {
	margin: 0 10px 0 0;
	font-size: 28px;
}

.button-secondary.button-small,
.button-secondary.button-large {
	padding: 0;
}

button.button-large[data-icon]:before,
.button-primary.button-large[data-icon]:before,
.button-cta.button-large[data-icon]:before {
	margin-left: -10px;
}

button[type=button].button-large[data-icon]:before,
button.button-secondary.button-large[data-icon]:before {
	margin-left: 0;
}

.button-large:after,
button[type=button].button-large:after,
button.button-secondary.button-large:after {
	width: 40px;
	height: 48px;
}

.button-glyph {
	width: 28px;
	line-height: 28px;
	padding: 0;
	text-align: center;
}

.button-glyph-icon {
	font-size: 20px;
	font-weight: 400;
	font-family: var(--font-family-icons);
}

.button-glyph:after,
button.button-glyph:after {
	content: none;
}

button.button-glyph,
[type=submit].button-glyph,
.button-primary.button-glyph,
.button-cta.button-glyph {
	width: 40px;
	line-height: 40px;
}

[type=button].button-glyph,
.button-secondary.button-glyph {
	width: 28px;
	line-height: 28px;
}

.button-glyph.button-small,
[type=button].button-glyph.button-small,
.button-secondary.button-glyph.button-small {
	font-size: 16px;
	width: 22px;
	line-height: 22px;
	padding: 0;
}

button.button-glyph.button-small,
[type=submit].button-glyph.button-small,
.button-primary.button-glyph.button-small,
.button-cta.button-glyph.button-small {
	width: 28px;
	line-height: 28px;
}

.button-glyph.button-large,
[type=button].button-glyph.button-large,
.button-secondary.button-glyph.button-large {
	width: 48px;
	line-height: 48px;
	padding: 0;
}

button.button-glyph.button-large,
[type=submit].button-glyph.button-large,
.button-primary.button-glyph.button-large,
.button-cta.button-glyph.button-large {
	width: 68px;
	line-height: 68px;
}

.button-glyph-icon.button-large {
	font-size: 28px;
}

.button-previous:after,
.button-cancel:after,
[type=button].button-previous:after,
[type=button].button-cancel:after {
	content: none;
}

.button-previous:before,
.button-cancel:before {
	display: inline-block;
	margin-right: 10px;
	width: 22px;
	height: 28px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMiAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im0xIDEuODA4MSAyMCAxMi4xNC0yMCAxMi4yNDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Q0OWIwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) no-repeat 0 0;
	transform: scaleX(-1);
	vertical-align: top;
	content: '';
}

.button-previous:hover:before,
.button-previous:focus:before,
.button-cancel:hover:before,
.button-cancel:focus:before {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMiAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im0xIDEuODA4MSAyMCAxMi4xNC0yMCAxMi4yNDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzdlNWMwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.button-cancel-form {
	margin-right: 20px;
}

.button-cancel-form:hover,
.button-cancel-form:focus {
	color: #fff;
}

.button-cancel-form:hover:before,
.button-cancel-form:focus:before {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMiAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im0xIDEuODA4MSAyMCAxMi4xNC0yMCAxMi4yNDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.button-next {
	padding-right: 40px;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMiAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im0xIDEuODA4MSAyMCAxMi4xNC0yMCAxMi4yNDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 22px;
}

.button-positive,
button[type=button].button-positive,
button.button-secondary.button-positive {
	color: var(--color-green-400);
	background-color: transparent;
}

.button-positive:hover,
.button-positive:focus,
button[type=button].button-positive:hover,
button[type=button].button-positive:focus,
button.button-secondary.button-positive:hover,
button.button-secondary.button-positive:focus {
	color: var(--color-green-500);
	background-color: transparent;
}

.button-positive:disabled,
button[type=button].button-positive:disabled,
button.button-secondary.button-positive:disabled {
	color: #75a37f;
	background-color: transparent;
}

button.button-positive,
[type=submit].button-positive,
.button-primary.button-positive,
.button-cta.button-positive {
	color: #fff;
	background-color: var(--color-green-400);
}

button.button-positive:hover,
button.button-positive:focus,
[type=submit].button-positive:hover,
[type=submit].button-positive:focus,
.button-primary.button-positive:hover,
.button-primary.button-positive:focus,
.button-cta.button-positive:hover,
.button-cta.button-positive:focus {
	color: #fff;
	background-color: var(--color-green-500);
}

button.button-positive:disabled,
[type=submit].button-positive:disabled {
	color: #fff;
	background-color: #83af8c;
}

.button-positive:after,
button[type=button].button-positive:after,
button.button-secondary.button-positive:after {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMiAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im0xIDEuODA4MSAyMCAxMi4xNC0yMCAxMi4yNDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwYTEyMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.button-positive:hover:after,
.button-positive:focus:after,
button[type=button].button-positive:hover:after,
button[type=button].button-positive:focus:after,
button.button-secondary.button-positive:hover:after,
button.button-secondary.button-positive:focus:after {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMiAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im0xIDEuODA4MSAyMCAxMi4xNC0yMCAxMi4yNDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwNzgxOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.button-positive:disabled:after,
button[type=button].button-positive:disabled:after,
button.button-secondary.button-positive:disabled:after {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMiAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im0xIDEuODA4MSAyMCAxMi4xNC0yMCAxMi4yNDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzc1YTM3ZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.button-negative,
button[type=button].button-negative,
button.button-secondary.button-negative {
	color: var(--color-red-400);
	background-color: transparent;
}

.button-negative:hover,
.button-negative:focus,
button[type=button].button-negative:hover,
button[type=button].button-negative:focus,
button.button-secondary.button-negative:hover,
button.button-secondary.button-negative:focus {
	color: var(--color-red-500);
	background-color: transparent;
}

.button-negative:disabled,
button[type=button].button-negative:disabled,
button.button-secondary.button-negative:disabled {
	color: #c27c70;
	background-color: transparent;
}

button.button-negative,
[type=submit].button-negative,
.button-primary.button-negative,
.button-cta.button-negative {
	color: #fff;
	background-color: var(--color-red-400);
}

button.button-negative:hover,
button.button-negative:focus,
[type=submit].button-negative:hover,
[type=submit].button-negative:focus,
.button-primary.button-negative:hover,
.button-primary.button-negative:focus,
.button-cta.button-negative:hover,
.button-cta.button-negative:focus {
	color: #fff;
	background-color: var(--color-red-500);
}

button.button-negative:disabled,
[type=submit].button-negative:disabled {
	color: #fff;
	background-color: #cc7466;
}

.button-negative:after,
button[type=button].button-negative:after,
button.button-secondary.button-negative:after {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMiAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im0xIDEuODA4MSAyMCAxMi4xNC0yMCAxMi4yNDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2NlMWQwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.button-negative:hover:after,
.button-negative:focus:after,
button[type=button].button-negative:hover:after,
button[type=button].button-negative:focus:after,
button.button-secondary.button-negative:hover:after,
button.button-secondary.button-negative:focus:after {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMiAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im0xIDEuODA4MSAyMCAxMi4xNC0yMCAxMi4yNDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2E1MTcwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.button-negative:disabled:after,
button[type=button].button-negative:disabled:after,
button.button-secondary.button-negative:disabled:after {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMiAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im0xIDEuODA4MSAyMCAxMi4xNC0yMCAxMi4yNDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2MyN2M3MCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}

.button-social {
	position: relative;
	padding-left: 40px;
	font-size: 28px;
	font-weight: 400;
	color: #fff;
}

.button-social:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font-family: var(--font-family-icons);
}

.button-social-twitter {
	background-color: #1da1f2;
}

.button-social-twitter:before {
	content: '';
}

.button-social-twitter:hover,
.button-social-twitter:focus {
	background-color: #4cb4f4; 
}

.button-social-facebook {
	background-color: #3b5998;
}

.button-social-facebook:before {
	content: '';
}

.button-social-facebook:hover,
.button-social-facebook:focus {
	background-color: #4b6db9; 
}

.button-social-google {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8cGF0aCBkPSJtNDMuNjExIDIwLjA4M2gtMS42MTF2LTAuMDgzaC0xOHY4aDExLjMwM2MtMS42NDkgNC42NTctNi4wOCA4LTExLjMwMyA4LTYuNjI3IDAtMTItNS4zNzMtMTItMTJzNS4zNzMtMTIgMTItMTJjMy4wNTkgMCA1Ljg0MiAxLjE1NCA3Ljk2MSAzLjAzOWw1LjY1Ny01LjY1N2MtMy41NzItMy4zMjktOC4zNS01LjM4Mi0xMy42MTgtNS4zODItMTEuMDQ1IDAtMjAgOC45NTUtMjAgMjBzOC45NTUgMjAgMjAgMjAgMjAtOC45NTUgMjAtMjBjMC0xLjM0MS0wLjEzOC0yLjY1LTAuMzg5LTMuOTE3eiIgZmlsbD0iI0ZGQzEwNyIvPgoJPHBhdGggZD0iTTYuMzA2LDE0LjY5MWw2LjU3MSw0LjgxOUMxNC42NTUsMTUuMTA4LDE4Ljk2MSwxMiwyNCwxMmMzLjA1OSwwLDUuODQyLDEuMTU0LDcuOTYxLDMuMDM5bDUuNjU3LTUuNjU3QzM0LjA0Niw2LjA1MywyOS4yNjgsNCwyNCw0QzE2LjMxOCw0LDkuNjU2LDguMzM3LDYuMzA2LDE0LjY5MXoiIGZpbGw9IiNGRjNEMDAiLz4KCTxwYXRoIGQ9Ik0yNCw0NGM1LjE2NiwwLDkuODYtMS45NzcsMTMuNDA5LTUuMTkybC02LjE5LTUuMjM4QzI5LjIxMSwzNS4wOTEsMjYuNzE1LDM2LDI0LDM2Yy01LjIwMiwwLTkuNjE5LTMuMzE3LTExLjI4My03Ljk0NmwtNi41MjIsNS4wMjVDOS41MDUsMzkuNTU2LDE2LjIyNyw0NCwyNCw0NHoiIGZpbGw9IiM0Q0FGNTAiLz4KCTxwYXRoIGQ9Ik00My42MTEsMjAuMDgzSDQyVjIwSDI0djhoMTEuMzAzYy0wLjc5MiwyLjIzNy0yLjIzMSw0LjE2Ni00LjA4Nyw1LjU3MWMwLjAwMS0wLjAwMSwwLjAwMi0wLjAwMSwwLjAwMy0wLjAwMmw2LjE5LDUuMjM4QzM2Ljk3MSwzOS4yMDUsNDQsMzQsNDQsMjRDNDQsMjIuNjU5LDQzLjg2MiwyMS4zNSw0My42MTEsMjAuMDgzeiIgZmlsbD0iIzE5NzZEMiIvPgo8L3N2Zz4K);
	background-size: 80%;
}

.button-social-google:hover,
.button-social-google:focus {
	background-color: #f0f0f0;
}

.button-social-linkedin {
	background-color: #0077b5;
}

.button-social-linkedin:before {
	content: '';
}

.button-social-linkedin:hover,
.button-social-linkedin:focus {
	background-color: #008bd6; 
}


.button-loading {
	padding-left: 23px;
	background-image: url(../4.0.46.0/img/loader-gold.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: 16px;
}

.button-loading:hover,
.button-loading:focus {
	background-image: url(../4.0.46.0/img/loader-gold-hover.gif);
}

button.button-loading,
[type=submit].button-loading,
.button-primary.button-loading,
.button-cta.button-loading {
	padding-left: 40px;
	background-position: 13px center;
}

button.button-loading,
[type=submit].button-loading,
.button-primary.button-loading {
	background-image: url(../4.0.46.0/img/loader-gold-inverted.gif);
}

button.button-loading:hover,
button.button-loading:focus,
[type=submit].button-loading:hover,
[type=submit].button-loading:focus,
.button-primary.button-loading:hover,
.button-primary.button-loading:focus {
	background-image: url(../4.0.46.0/img/loader-gold-inverted-hover.gif);
}

button.button-loading:disabled,
[type=submit].button-loading:disabled {
	background-image: url(../4.0.46.0/img/loader-gold-inverted-disabled.gif);
}

[type=button].button-loading,
.button-secondary.button-loading {
	padding-left: 23px;
	background-position: 0 center;
	background-image: url(../4.0.46.0/img/loader-gold.gif);
}

[type=button].button-loading:hover,
[type=button].button-loading:focus,
.button-secondary.button-loading:hover,
.button-secondary.button-loading:focus {
	background-image: url(../4.0.46.0/img/loader-gold-hover.gif);
}

[type=button].button-loading:disabled,
.button-secondary.button-loading:disabled {
	background-image: url(../4.0.46.0/img/loader-gold-disabled.gif);
}

.button-cta.button-loading {
	background-image: url(../4.0.46.0/img/loader-cta.gif);
}

.button-cta.button-loading:hover,
.button-cta.button-loading:focus {
	background-image: url(../4.0.46.0/img/loader-cta-hover.gif);
}

.button-cta.button-loading:disabled {
	background-image: url(../4.0.46.0/img/loader-cta-disabled.gif);
}

.button-positive.button-loading {
	background-image: url(../4.0.46.0/img/loader-green.gif);
}

.button-positive.button-loading:hover,
.button-positive.button-loading:focus {
	background-image: url(../4.0.46.0/img/loader-green.gif);
}

.button-positive.button-loading:disabled {
	background-image: url(../4.0.46.0/img/loader-green-disabled.gif);
}

.button-negative.button-loading {
	background-image: url(../4.0.46.0/img/loader-red.gif);
}

.button-negative.button-loading:hover,
.button-negative.button-loading:focus {
	background-image: url(../4.0.46.0/img/loader-red.gif);
}

.button-negative.button-loading:disabled {
	background-image: url(../4.0.46.0/img/loader-red-disabled.gif);
}
.has-sidebar #flash-messages {
	width: auto;
}

.alert {
	position: relative;
	background-color: var(--color-primary-light);
	color: var(--color-primary-600);
	padding: 20px 40px;
}

#flash-messages .alert {
	margin-bottom: 20px;
}

header #flash-messages .alert:first-child {
	margin-top: 20px;
}

.masthead + #flash-messages .alert:last-child {
	margin-bottom: 50px;
}

main #flash-messages {
	padding: 0;
}

.alert:before {
	font-family: var(--font-family-icons);
	content: "ℹ";
	position: absolute;
	display: block;
	left: 15px;
	top: 21px;
	z-index: 1;
	color: var(--color-primary);
}

.alert > :first-child {
	margin-top: 0;
}

.alert > :last-child {
	margin-bottom: 0;
}

.alert-success {
	background-color: var(--color-green-100);
	color: var(--color-green-600);
}

.alert-success:before {
	content: "✓";
	color: var(--color-green-500);
}

.alert.error,
.alert-error {
	background-color: var(--color-red-100);
	color: var(--color-red-600);
}

.alert-error:before {
	content: "✖";
	color: var(--color-red-500);
}

.alert.warning,
.alert-warning {
	background-color: var(--color-secondary-100);
	color: var(--color-secondary-700);
}

.alert-warning:before {
	content: "⚠";
	color: var(--color-secondary-500);
}

.alert-close {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 22px 0 0 0;
	margin: 0;
	width: 50px;
	opacity: .2;
	color: #000;
	font-size: 20px;
	cursor: pointer;
	text-align: center;
	line-height: 0;
}

.alert-close:hover {
	opacity: .5;
}

.alert li {
	list-style-type: none;
}

.content-wrapper {
	box-sizing: border-box;
	width: 1280px;
	margin: 0 auto;
}

.has-sidebar {
	display: flex;
	align-items: flex-start;
}

.well {
	position: relative;
	background: var(--color-primary-light);
	padding: 20px 40px;
}

.well .well {
	background: transparent;
	padding: 0;
}

.well > :first-child {
	margin-top: 0;
}

.well > :last-child {
	margin-bottom: 0;
}

.well-high-contrast {
	background-color: var(--color-text);
	color: #fff;
}

.well-high-contrast h2,
.well-high-contrast h3,
.well-high-contrast h4,
.well-high-contrast a:not(.button) {
	color: inherit;
}

.well-highlight {
	background-color: var(--color-primary-300);
	color: #fff;
}

.well-highlight h1,
.well-highlight h2,
.well-highlight h3,
.well-highlight h4 {
	color: inherit;
}

.well-cta {
	padding-bottom: 60px;
}

.well-cta-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #fff;
}

.well-cta-content + .well-cta-content {
	margin-top: 40px;
}

.well-cta-content p {
	flex-basis: 80%;
}

.well-cta-content .button {
	text-overflow: unset;
}

.well-title {
	display: inline-block;
	position: relative;
	top: -45px;
	padding: 10px 30px;
	margin: 0 0 -45px 0;
	background-color: var(--color-primary-400);
	color: #fff;
}

.well-title + p {
	margin-top: 0;
}

.dl-compact {
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	border-color: #ddd;
}

.dl-compact > dt {
	font-weight: bold;
	float: left;
	min-width: 180px;
	padding: 10px 0;
	border-top: 1px solid;
	border-color: inherit;
}

.dl-compact > dd {
	padding: 10px 0;
	margin: 0;
	overflow: hidden;
	border-top: 1px solid;
	border-color: inherit;
}

.dl-compact > dd + dd {
	padding-left: 180px;
}

.dl-compact > dd:empty:before {
	content: '\00A0'; 
}

.dl-compact > :nth-child(-n+2) {
	border-top: 0;
}

.dl-compact-extended > dt {
	width: 270px;
}

.dl-compact-extended > dd + dd {
	padding-left: 270px;
}

.dl-compact-glyph > dt {
	width: 25px;
	min-width: 0;
	text-align: center;
}

.dl-compact-glyph > dd + dd {
	padding-left: 25px;
}

.dl-compact dd > ul,
.dl-compact dd > ol {
	margin-top: 0;
	margin-bottom: 0;
}

.dl-compact-controls {
	float: right;
	text-align: right;
}

.dl-compact-controls form {
	display: inline;
	padding: 0;
	background-color: transparent;
}

.dl-long {
	margin: 20px 0;
	border-color: #ddd;
}

.dl-long > dt {
	font-weight: 700;
}

.dl-long > dt ~ dt {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid;
	border-color: inherit;
}

.dl-long > dd {
	margin: 0;
}

.well.dl-compact,
.well.dl-long,
.well .dl-compact,
.well .dl-long {
	border-color: var(--color-primary-200);
}

.flex-container {
	display: flex;
	justify-content: space-between;
	gap: 50px;
}


.main-content {
	padding-top: 40px;
	flex-grow: 1;
}

.main-content > section {
	margin-top: 40px;
}

.main-content > section > :first-child {
	margin-top: 0;
}

.main-content > section header {
	margin-bottom: 10px;
}

.main-content-header {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

.main-content-header h1,
.main-content-header h2 {
	flex: 1 1 50%;
	margin: 0 10px 10px 0;
}

.main-content-header nav,
.main-content-header form {
	text-align: right;
}

.main-content-header .button + .button {
	margin-left: 10px;
}

.main-content-header-subheading {
	flex: 1 0 100%;
	margin-top: 10px;
	font-size: 16px;
}

.main-content-header-subheading > span {
	margin-right: 10px;
}

.main-content-header-subheading img {
	vertical-align: text-bottom;
}

.main-content-header-subheading > span ~ span:before {
	display: inline-block;
	padding-right: 10px;
	font-size: 20px;
	line-height: 16px;
	vertical-align: middle;
	content: ""; 
	font-family: var(--font-family-icons);
}


.page-footer {
	margin-top: auto;
	padding: 40px 0 60px 0;
	border-top: 80px solid #fff;
	font-size: 16px;
	font-family: var(--font-family-headings);
	color: #fff;
	background-color: var(--color-primary-dark);
}

.page-footer h4,
.page-footer a {
	color: inherit;
	font-size: inherit;
}

.page-footer h4 {
	font-weight: 600;
}

.page-footer-columns {
	display: flex;
	padding: 0 20px;
	justify-content: center;
	flex-wrap: wrap;
	gap: 50px 100px;
}

.page-footer-column > ul {
	margin: 0;
	padding: 0;
	line-height: 1.6;
	list-style-type: none;
}

.page-footer-column > ul > ul {
	padding-left: 20px;
	list-style-type: disc;
}

.page-footer-items {
	margin: auto;
	padding: 0 20px;
	text-align: center;
}

.page-footer-items > li {
	display: inline-block;
	margin: 0 20px 10px 0;
}

.page-footer-items > a {
	margin-right: 10px;
}

.page-footer-copyright {
	box-sizing: border-box;
	flex: 0 0 100%;
	padding: 40px 20px;
	text-align: center;
	opacity: .65;
}


.wizard-steps {
	display: flex;
	background-color: var(--color-primary-light);
	margin: 0;
	padding: 20px 40px;
	list-style-type: none;
	counter-reset: wizard-step;
}

.wizard-step {
	position: relative;
	flex: 1 1 100%;
	text-align: center;
	border-bottom: 5px solid var(--color-primary-200);
	padding: 60px 5px 10px 5px;
}

.wizard-step:first-child {
	padding-left: 0;
}

.wizard-step:last-child {
	padding-right: 0;
}

.wizard-step-isActive,
.wizard-step-isDone {
	border-color: var(--color-primary);
}

.wizard-step a {
	font-weight: bold;
}

.wizard-step a:before {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 50%;
	counter-increment: wizard-step;
	content: counter(wizard-step);
	border: 5px solid var(--color-primary-200);
	border-radius: 50%;
	width: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 24px;
	font-family: var(--font-family-headings);
	margin: 0 0 10px -25px;
}

.wizard-step-isEnabled a:before {
	background: transparent;
}

.wizard-step-isDone a:before {
	background-color: var(--color-primary-200);
	border-color: transparent;
	content: '✓';
	font-family: var(--font-family-icons);
	font-weight: normal;
}

.wizard-step-isActive a:before {
	background-color: transparent;
	border-color: var(--color-primary);
	color: var(--color-primary);
	content: '✎';
	font-family: var(--font-family-icons);
	font-weight: normal;
}

.wizard-step-isEnabled.wizard-step-isActive a:before {
	background-color: transparent;
}

.wizard-step-isEnabled.wizard-step-isDone a:before {
	background-color: var(--color-primary);
	color: #fff;
}

.postcodenl-dropdown {
	position: relative;
	background-color: #fff;
	color: var(--color-text);
}

.postcodenl-dropdown-options {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 500;
	padding: 0;
	margin: 0;
	min-width: 100%;
	overflow-y: auto;
	list-style: none;
	border-top: 1px solid var(--color-primary-400);
	background-color: inherit;
	box-shadow: var(--dropdown-shadow);
}

.postcodenl-dropdown-option,
.postcodenl-dropdown-label {
	display: block;
	max-width: calc(100vw - 72px);
	margin: 0;
	padding: 15px 20px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: default;
	user-select: none;
}

.postcodenl-dropdown-option-focus {
	background-color: var(--color-primary);
	color: #fff;
}

.postcodenl-dropdown-label {
	max-width: calc(100% - 50px);
	height: calc(100% - 30px);
}

.postcodenl-dropdown-label:before {
	position: absolute;
	top: calc(50% - 2px);
	right: 10px;
	display: block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top-color: inherit;
	content: '';
}

.postcodenl-dropdown-api-countries [data-value] {
	padding-left: 60px;
	background-repeat: no-repeat;
	background-position: 20px center;
	background-size: 24px;
}

.tooltip {
	position: absolute;
	padding: 20px;
	font-size: 18px;
	border-radius: 20px;
	background-color: var(--color-secondary-100);
	color: var(--color-secondary-700);
	box-shadow: 0 5px 20px var(--color-shadow);
}

.tooltip:before {
	position: absolute;
	border: 15px solid transparent;
	content: '';
}

.tooltip a {
	color: var(--color-primary-600);
}


.cookie-banner {
	position: fixed;
	z-index: 2000;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	padding: 10px 40px;
	line-height: 1.25;
	justify-content: center;
	background-color: var(--color-primary);
	color: #fff;
	box-shadow: 0 -5px 20px rgba(0, 59, 77, .2);
}

.cookie-banner-content {
	margin: 0;
}

.cookie-banner-content a {
	color: inherit;
}

.cookie-consent-controls {
	white-space: nowrap;
	margin-left: 40px;
}

.cookie-consent-control-decline {
	color: #fff;
	margin-right: 15px;
}

.cookie-consent-control-accept {
	font-size: 16px;
}

.cookie-banner-dismissed {
	transition: bottom .5s ease-out;
	bottom: -300px;
}

.cookie-logtrackingconsent-form {
	display: none;
}

.js-tracking-cookies-form {
	max-width: none;
}

.js-tracking-cookies-form .checklist {
	margin: 0;
}

.js-tracking-cookies-form .alert {
	margin-top: 20px;
}

.js-link-cookie-banner-more {
	display: none;
}


.api-tiers {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}

.api-tier {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 0 0 calc(20% - 20px);
	flex-basis: calc(20% - 20px);
	font-size: 16px;
	text-align: center;
	background-color: var(--color-primary-light);
}

.api-tier h4 {
	font-size: 18px;
	line-height: var(--line-height-headings);
	margin: 30px 0 10px 0;
	font-weight: 600;
}

.api-tier h5 {
	margin: 20px 0 5px 0;
	font-size: 16px;
	font-weight: 600;
}

.api-tier-head {
	position: relative;
	text-align: center;
	background-color: var(--color-primary);
	color: #fff;
}

.api-tier-head h3 {
	margin: 0;
	padding: 30px 0;
	font-weight: 400;
	color: inherit;
}

.api-tier-head .api-tier-price {
	display: block;
	font-size: 30px;
	font-weight: 500;
	color: var(--color-primary-100);
}

.api-tier-body {
	padding: 0 20px;
	margin-bottom: auto;
}

.api-tier-unit-rates {
	margin: 0;
}

.api-tier-unit-rates dt {
	margin-top: 20px;
}

.api-tier-unit-rates dd {
	margin: 5px 0 0 0;
}

.api-tier-unit-rate {
	white-space: nowrap;
	display: block;
}

.api-tier-rate-limit {
	margin-top: 20px;
}

.api-tier-rate-limit h5 {
	margin: 0;
}

.api-tier-footer {
	margin: 30px 0 0 0;
	padding: 30px 0;
	background-color: var(--color-primary);
	color: #fff;
}

.api-tier-promo {
	border: 3px solid var(--color-secondary-500);
}

.api-tier-promo .api-tier-head h3 {
	padding-top: 15px;
	padding-bottom: 42px;
}

.api-tier-promo-message {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 20px;
	padding: 2px;
	font-weight: 600;
	background-color: var(--color-secondary-500);
}

.connect-social-buttons {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0;
}
.connect-social-buttons form {
	margin: 0;
	padding: 0;
	background-color: transparent;
}

.connect-social-buttons form + form {
	margin-left: 20px;
}

.main-selling-points {
	margin-top: -70px;
	margin-bottom: 80px;
	text-align: center;
}

.main-selling-points-heading {
	font-size: 22px;
	padding: 40px;
	font-weight: 500;
	background-color: #00759a;
	color: #fff;
}

.main-selling-points-item-heading {
	margin: 0;
	font-size: 20px;
}

.main-selling-points ul {
	display: flex;
	padding: 0 20px;
	list-style-type: none;
	background-color: #edf6f9;
	background: linear-gradient(#edf6f9, #fff);
}

.main-selling-points li {
	padding: 100px 20px 40px 20px;
	background-repeat: no-repeat;
	background-position: center 40px;
}


.main-selling-points-input {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhciIgZGF0YS1pY29uPSJrZXlib2FyZCIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWtleWJvYXJkIGZhLXctMTgiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTc2IDUxMiI+PHBhdGggZmlsbD0iI2Q0OWIwMCIgZD0iTTUyOCA2NEg0OEMyMS40OSA2NCAwIDg1LjQ5IDAgMTEydjI4OGMwIDI2LjUxIDIxLjQ5IDQ4IDQ4IDQ4aDQ4MGMyNi41MSAwIDQ4LTIxLjQ5IDQ4LTQ4VjExMmMwLTI2LjUxLTIxLjQ5LTQ4LTQ4LTQ4em04IDMzNmMwIDQuNDExLTMuNTg5IDgtOCA4SDQ4Yy00LjQxMSAwLTgtMy41ODktOC04VjExMmMwLTQuNDExIDMuNTg5LTggOC04aDQ4MGM0LjQxMSAwIDggMy41ODkgOCA4djI4OHpNMTcwIDI3MHYtMjhjMC02LjYyNy01LjM3My0xMi0xMi0xMmgtMjhjLTYuNjI3IDAtMTIgNS4zNzMtMTIgMTJ2MjhjMCA2LjYyNyA1LjM3MyAxMiAxMiAxMmgyOGM2LjYyNyAwIDEyLTUuMzczIDEyLTEyem05NiAwdi0yOGMwLTYuNjI3LTUuMzczLTEyLTEyLTEyaC0yOGMtNi42MjcgMC0xMiA1LjM3My0xMiAxMnYyOGMwIDYuNjI3IDUuMzczIDEyIDEyIDEyaDI4YzYuNjI3IDAgMTItNS4zNzMgMTItMTJ6bTk2IDB2LTI4YzAtNi42MjctNS4zNzMtMTItMTItMTJoLTI4Yy02LjYyNyAwLTEyIDUuMzczLTEyIDEydjI4YzAgNi42MjcgNS4zNzMgMTIgMTIgMTJoMjhjNi42MjcgMCAxMi01LjM3MyAxMi0xMnptOTYgMHYtMjhjMC02LjYyNy01LjM3My0xMi0xMi0xMmgtMjhjLTYuNjI3IDAtMTIgNS4zNzMtMTIgMTJ2MjhjMCA2LjYyNyA1LjM3MyAxMiAxMiAxMmgyOGM2LjYyNyAwIDEyLTUuMzczIDEyLTEyem0tMzM2IDgydi0yOGMwLTYuNjI3LTUuMzczLTEyLTEyLTEySDgyYy02LjYyNyAwLTEyIDUuMzczLTEyIDEydjI4YzAgNi42MjcgNS4zNzMgMTIgMTIgMTJoMjhjNi42MjcgMCAxMi01LjM3MyAxMi0xMnptMzg0IDB2LTI4YzAtNi42MjctNS4zNzMtMTItMTItMTJoLTI4Yy02LjYyNyAwLTEyIDUuMzczLTEyIDEydjI4YzAgNi42MjcgNS4zNzMgMTIgMTIgMTJoMjhjNi42MjcgMCAxMi01LjM3MyAxMi0xMnpNMTIyIDE4OHYtMjhjMC02LjYyNy01LjM3My0xMi0xMi0xMkg4MmMtNi42MjcgMC0xMiA1LjM3My0xMiAxMnYyOGMwIDYuNjI3IDUuMzczIDEyIDEyIDEyaDI4YzYuNjI3IDAgMTItNS4zNzMgMTItMTJ6bTk2IDB2LTI4YzAtNi42MjctNS4zNzMtMTItMTItMTJoLTI4Yy02LjYyNyAwLTEyIDUuMzczLTEyIDEydjI4YzAgNi42MjcgNS4zNzMgMTIgMTIgMTJoMjhjNi42MjcgMCAxMi01LjM3MyAxMi0xMnptOTYgMHYtMjhjMC02LjYyNy01LjM3My0xMi0xMi0xMmgtMjhjLTYuNjI3IDAtMTIgNS4zNzMtMTIgMTJ2MjhjMCA2LjYyNyA1LjM3MyAxMiAxMiAxMmgyOGM2LjYyNyAwIDEyLTUuMzczIDEyLTEyem05NiAwdi0yOGMwLTYuNjI3LTUuMzczLTEyLTEyLTEyaC0yOGMtNi42MjcgMC0xMiA1LjM3My0xMiAxMnYyOGMwIDYuNjI3IDUuMzczIDEyIDEyIDEyaDI4YzYuNjI3IDAgMTItNS4zNzMgMTItMTJ6bTk2IDB2LTI4YzAtNi42MjctNS4zNzMtMTItMTItMTJoLTI4Yy02LjYyNyAwLTEyIDUuMzczLTEyIDEydjI4YzAgNi42MjcgNS4zNzMgMTIgMTIgMTJoMjhjNi42MjcgMCAxMi01LjM3MyAxMi0xMnptLTk4IDE1OHYtMTZjMC02LjYyNy01LjM3My0xMi0xMi0xMkgxODBjLTYuNjI3IDAtMTIgNS4zNzMtMTIgMTJ2MTZjMCA2LjYyNyA1LjM3MyAxMiAxMiAxMmgyMTZjNi42MjcgMCAxMi01LjM3MyAxMi0xMnoiPjwvcGF0aD48L3N2Zz4K);
	background-size: 56px;
}

.main-selling-points-validate {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iI2Q0OWIwMCIgZD0iTTI1NiA0OGEyMDggMjA4IDAgMSAxIDAgNDE2IDIwOCAyMDggMCAxIDEgMC00MTZ6bTAgNDY0QTI1NiAyNTYgMCAxIDAgMjU2IDBhMjU2IDI1NiAwIDEgMCAwIDUxMnpNMzY5IDIwOWM5LjQtOS40IDkuNC0yNC42IDAtMzMuOXMtMjQuNi05LjQtMzMuOSAwbC0xMTEgMTExLTQ3LTQ3Yy05LjQtOS40LTI0LjYtOS40LTMzLjkgMHMtOS40IDI0LjYgMCAzMy45bDY0IDY0YzkuNCA5LjQgMjQuNiA5LjQgMzMuOSAwTDM2OSAyMDl6Ii8+PC9zdmc+Cg==);
	background-size: 48px;
}

.main-selling-points-uptodate {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJyZXR3ZWV0IiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtcmV0d2VldCBmYS13LTIwIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDY0MCA1MTIiPjxwYXRoIGZpbGw9IiNkNDliMDAiIGQ9Ik02MjkuNjU3IDM0My41OThMNTI4Ljk3MSA0NDQuMjg0Yy05LjM3MyA5LjM3Mi0yNC41NjggOS4zNzItMzMuOTQxIDBMMzk0LjM0MyAzNDMuNTk4Yy05LjM3My05LjM3My05LjM3My0yNC41NjkgMC0zMy45NDFsMTAuODIzLTEwLjgyM2M5LjU2Mi05LjU2MiAyNS4xMzMtOS4zNCAzNC40MTkuNDkyTDQ4MCAzNDIuMTE4VjE2MEgyOTIuNDUxYTI0LjAwNSAyNC4wMDUgMCAwIDEtMTYuOTcxLTcuMDI5bC0xNi0xNkMyNDQuMzYxIDEyMS44NTEgMjU1LjA2OSA5NiAyNzYuNDUxIDk2SDUyMGMxMy4yNTUgMCAyNCAxMC43NDUgMjQgMjR2MjIyLjExOGw0MC40MTYtNDIuNzkyYzkuMjg1LTkuODMxIDI0Ljg1Ni0xMC4wNTQgMzQuNDE5LS40OTJsMTAuODIzIDEwLjgyM2M5LjM3MiA5LjM3MiA5LjM3MiAyNC41NjktLjAwMSAzMy45NDF6bS0yNjUuMTM4IDE1LjQzMUEyMy45OTkgMjMuOTk5IDAgMCAwIDM0Ny41NDggMzUySDE2MFYxNjkuODgxbDQwLjQxNiA0Mi43OTJjOS4yODYgOS44MzEgMjQuODU2IDEwLjA1NCAzNC40MTkuNDkxbDEwLjgyMi0xMC44MjJjOS4zNzMtOS4zNzMgOS4zNzMtMjQuNTY5IDAtMzMuOTQxTDE0NC45NzEgNjcuNzE2Yy05LjM3My05LjM3My0yNC41NjktOS4zNzMtMzMuOTQxIDBMMTAuMzQzIDE2OC40MDJjLTkuMzczIDkuMzczLTkuMzczIDI0LjU2OSAwIDMzLjk0MWwxMC44MjIgMTAuODIyYzkuNTYyIDkuNTYyIDI1LjEzMyA5LjM0IDM0LjQxOS0uNDkxTDk2IDE2OS44ODFWMzkyYzAgMTMuMjU1IDEwLjc0NSAyNCAyNCAyNGgyNDMuNTQ5YzIxLjM4MiAwIDMyLjA5LTI1Ljg1MSAxNi45NzEtNDAuOTcxbC0xNi4wMDEtMTZ6Ij48L3BhdGg+PC9zdmc+Cg==);
	background-size: 56px;
}

.debug-output {
	display: block;
	line-height: 1.6;
	padding: 15px;
	font-size: 14px;
	font-family: var(--font-family-monospace);
	border-left: 4px solid var(--color-grey-300);
	color: var(--color-grey-700);
	background-color: var(--color-grey-100);
}

.reseller-model-diagram {
	position: relative;
	text-align: center;
}

.reseller-model-diagram h4 {
	margin: 0 0 20px 0;
	padding: 10px;
	background-color: var(--color-primary);
	color: #fff;
}

.reseller-model-accounts {
	display: flex;
	gap: 20px;
}

.reseller-model-accounts > div {
	position: relative;
	flex: 1;
	border: 3px solid var(--color-primary);
	background-color: #fff;
}

.reseller-model-accounts > div:before {
	position: absolute;
	left: 50%;
	display: block;
	height: 22px;
	width: 10px;
	margin: -23px 0 0 -5px;
	background-color: var(--color-primary);
	content: '';
}

.reseller-model-accounts h5 {
	margin: 0;
	padding: 10px 20px;
	font-size: 16px;
	background-color: var(--color-primary);
	color: #fff;
}

.reseller-model-account-reseller h5 {
	background-color: var(--color-primary-600);
}

.reseller-model-accounts .reseller-model-account-reseller {
	border-color: var(--color-primary-600);
}

.reseller-model-accounts .reseller-model-account-reseller:before {
	background: linear-gradient(var(--color-primary), var(--color-primary-600));
}

.reseller-model-accounts ul {
	padding: 0 10px;
	list-style-type: none;
}

.reseller-model-diagram-caption {
	font-style: italic;
}

.reseller-model-account-customers {
	display: flex;
	gap: 20px;
	padding: 10px 20px 20px 20px;
}

.reseller-model-account-customers > dl {
	flex: 1;
	margin: 0;
	border: 3px solid var(--color-primary);
}

.reseller-model-account-customers dt {
	padding: 5px;
	font-size: var(--font-size-h4);
	font-family: var(--font-family-headings);
	text-transform: uppercase;
	font-weight: bold;
	background-color: var(--color-primary);
	color: #fff;
}

.reseller-model-account-customers dd {
	padding: 10px;
	margin: 0;
}
.logo {
	color: #fff;
	line-height: 40px;
}

.logo a {
	display: block;
	width: 226px;
	height: 0;
	padding-top: 42px;
	overflow: hidden;
	background: url(../4.0.46.0/img/postcodeeu-logo.svg) no-repeat 0 0;
	background-size: contain;
}

.logo span {
	display: inline-block;
	font-size: 30px;
	margin-left: -3px;
}

.header-wrapper {
	position: relative;
	background: url(../4.0.46.0/img/navigation-background.svg) no-repeat 0 30px, linear-gradient(90deg, var(--color-primary-dark), #28abca) no-repeat 0 0;
	background-size: 100% 125px, 100% 100px;
}

.header-navigation {
	display: flex;
	height: 150px;
	justify-content: space-between;
	align-items: flex-start;
	font-size: 14px;
}

.logo-header {
	margin-top: 43px;
}

.header-navigation-toggle {
	display: none;
}

.primary-navigation-items {
	text-transform: uppercase;
	margin: 20px 0 0 0;
	padding: 0;
	font-family: var(--font-family-headings);
	font-weight: 600;
}

.user-navigation-menu {
	margin: 0;
	text-align: right;
}

.primary-navigation-items {
	display: flex;
}

.primary-navigation-item {
	position: relative;
}

.primary-navigation-item,
.user-navigation-menu > li {
	display: inline;
}

.primary-navigation-item > a,
.user-navigation-menu > li > a {
	position: relative;
	z-index: 500;
	display: inline-block;
	padding: 27px 10px;
	vertical-align: baseline;
	white-space: nowrap;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	transition: color .1s;
}

.primary-navigation-item [data-icon] {
	font-size: 16px;
	line-height: 1;
	margin-right: 5px;
}

.primary-navigation-item [data-icon]:before {
	width: 16px;
	text-align: center;
}

.user-navigation-menu > li > a {
	vertical-align: middle;
}

.primary-navigation-items:hover > li > a,
.primary-navigation-items:focus > li > a {
	color: #fff;
}

.primary-navigation-item-active > a,
.primary-navigation-items > li > a:hover,
.primary-navigation-items > li > a:focus,
.user-navigation-menu > li > a:hover,
.user-navigation-menu > li > a:focus,
.user-navigation-locale-dropdown-link:hover,
.user-navigation-locale-dropdown-link:focus {
	color: var(--color-secondary);
}

.user-navigation-menu .button {
	padding: 10px 20px;
	margin: 13px 0;
	font-size: 15px;
}

.user-navigation-menu .button:hover,
.user-navigation-menu .button:focus {
	color: #fff;
}

.primary-navigation-submenu,
.user-navigation-dropdown-content {
	position: absolute;
	top: -9999px;
	left: 0;
	padding: 15px 0;
	z-index: 400;
	font-size: 14px;
	background-color: var(--color-menu-background);
	backdrop-filter: var(--backdrop-blur);
	-webkit-backdrop-filter: var(--backdrop-blur);
	box-shadow: var(--dropdown-shadow);
	list-style-type: none;
	opacity: 0;
	border-top: 0;
	transition: opacity var(--menu-transition-duration);
}

.primary-navigation-submenu:after,
.user-navigation-dropdown-content:after {
	
	position: absolute;
	top: -40px;
	left: 20px;
	display: block;
	box-sizing: border-box;
	width: 40px;
	height: 40px;
	border: 20px solid transparent;
	border-bottom-color: var(--color-menu-background);
	content: '';
}

.user-navigation-dropdown-content:after {
	left: calc(50% - 20px);
}

.primary-navigation-submenu {
	min-width: 200px;
}

.primary-navigation-submenu.menu-has-focus,
.primary-navigation-submenu:hover,
.primary-navigation-submenu:focus,
.primary-navigation-has-submenu a:hover + .primary-navigation-submenu,
.primary-navigation-has-submenu a:focus + .primary-navigation-submenu,
.user-navigation-dropdown-content.menu-has-focus,
.user-navigation-dropdown-content:hover,
.user-navigation-dropdown-content:focus,
.user-navigation-dropdown-link:hover + .user-navigation-dropdown-content,
.user-navigation-dropdown-link:focus + .user-navigation-dropdown-content {
	top: 100%;
	opacity: 1;
}

.primary-navigation-submenu a,
.user-navigation-dropdown-menu a,
.user-navigation-account-switch-link {
	display: block;
	padding: 5px 20px;
	text-decoration: none;
	white-space: nowrap;
}

.primary-navigation-submenu a,
.user-navigation-dropdown-content a {
	color: var(--color-primary);
}

.primary-navigation-submenu a:hover,
.primary-navigation-submenu a:focus,
.user-navigation-dropdown-menu a:hover,
.user-navigation-dropdown-menu a:focus,
.user-navigation-account-switch-link:hover,
.user-navigation-account-switch-link:focus {
	background-color: var(--color-menu-item-active);
	text-decoration: underline;
}

.navigation-item-child {
	border-left: 1px solid var(--color-secondary);
	margin-left: 20px;
}

.user-navigation {
	font-family: var(--font-family-headings);
	font-weight: 600;
	margin-top: 20px;
	min-width: 225px;
}

.user-navigation-dropdown {
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-align: initial;
}

.user-navigation-dropdown-link {
	position: relative;
	display: block;
	padding: 27px 10px;
	overflow: visible;
	text-overflow: clip;
	text-align: right;
	cursor: pointer;
	color: #fff;
}

.user-navigation-dropdown-link:hover,
.user-navigation-dropdown-link:focus {
	color: var(--color-secondary-600);
}

.user-navigation-email,
.user-navigation-dropdown-link-account {
	display: block;
	white-space: nowrap;
	max-width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.user-navigation-dropdown-link-account {
	font-size: 18px;
	font-weight: 400;
}

.user-navigation-dropdown-isAdmin .user-navigation-email:after {
	display: inline-block;
	line-height: 14px;
	font-size: 12px;
	padding: 2px 5px;
	border-radius: 10px;
	font-weight: 700;
	margin-left: 5px;
	background-color: var(--color-secondary);
	color: #fff;
	content: 'Admin';
}

.user-navigation-dropdown-content {
	position: absolute;
	top: -9999px;
	left: auto;
	right: -40px;
	min-width: 260px;
	margin: 0;
}

.user-navigation-name,
.user-navigation-account {
	position: relative;
	padding: 0 10px 10px 20px;
	font-size: 16px;
	font-weight: 400;
}

.user-navigation-account-name {
	font-weight: 600;
}

.user-navigation-account-switch-link {
	margin: 0 -10px 0 -20px;
	padding-right: 10px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
}

.user-navigation-account-switch-link:hover {
	text-decoration: underline;
	background-color: var(--color-menu-item-active);
}

.user-navigation-dropdown-menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.user-navigation-dropdown-menu a {
	text-transform: uppercase;
}

.user-navigation-dropdown-menu [data-icon]:before,
.user-navigation-account-switch-link [data-icon]:before {
	width: 20px;
}

.user-navigation-dropdown-menu li ul {
	padding-left: 0;
	margin-left: 25px;
	list-style-type: none;
	border-left: 2px solid #00759a;
}

.user-navigation-dropdown-menu ul a {
	padding-left: 15px;
}

.user-navigation-noscript {
	position: absolute;
	top: 25px;
	right: 40px;
	margin: 0;
	z-index: 100;
	font-size: 20px;
	line-height: 1;
}

.user-navigation-deployment-info h2 {
	margin: 20px 0 0 20px;
	font-size: 16px;
	font-weight: 400;
	text-transform: none;
	color: inherit;
}

.user-navigation-deployment-info dl {
	padding: 5px 20px;
	font-size: 12px;
}

.user-navigation-deployment-info dt {
	min-width: 0;
	width: 70px;
	padding: 5px 0;
	border-top-color: var(--color-grey-400);
}

.user-navigation-deployment-info dd {
	padding: 5px 0;
	border-top-color: var(--color-grey-400);
}

.user-navigation-deployment-info .badge {
	padding: 1px 9px;
	font-size: inherit;
}

.deployment-info-stage a:hover,
.deployment-info-stage a:focus {
	color: #fff;
}

.badge.badge-deployment-stage {
	color: #fff;
}

.user-navigation-deployment-info .badge-deployment-stage-development,
.deployment-info-stage-development a:hover,
.deployment-info-stage-development a:focus {
	background-color: #08c;
}

.deployment-info-stage-development a {
	color: #08c;
}

.user-navigation-deployment-info .badge-deployment-stage-testing,
.deployment-info-stage-testing a:hover,
.deployment-info-stage-testing a:focus {
	background-color: #96c;
}

.deployment-info-stage-testing a {
	color: #96c;
}
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

th,
td {
	text-align: left;
	padding: 15px;
	vertical-align: top;
	line-height: var(--line-height-headings);
}

th a {
	color: inherit;
}

thead th {
	color: #fff;
	background-color: var(--color-primary);
	font-weight: normal;
	border-bottom: 5px solid #fff;
}

th:empty:after,
td:empty:after {
	content: '-'; 
}

tr:last-child td,
tbody tr:last-child th {
	border-bottom: none;
}

th:first-child,
td:first-child {
	padding-left: 20px;
}

th:last-child,
td:last-child {
	padding-right: 20px;
}

tbody tr:nth-child(odd) td,
tbody tr:nth-child(odd) th {
	background-color: var(--color-primary-light);
}


tbody tr:hover td,
tbody tr:hover th {
	background-color: #e3f0f4;
}

.clickable-rows tbody tr:hover td a {
	text-decoration: none;
}


tbody tr.tr-status-success :is(td, th) {
	background-color: var(--color-green-100);
	color: var(--color-green-600);
}

tbody tr.tr-status-warning :is(td, th) {
	background-color: var(--color-secondary-100);
	color: var(--color-secondary-700);
}

tbody tr.tr-status-error :is(td, th) {
	background-color: var(--color-red-100);
	color: var(--color-red-600);
}

tbody tr:nth-child(2n).tr-status-success :is(td, th) {
	background-color: oklch(from var(--color-green-100) calc(l + .025) c h);
}

tbody tr:nth-child(2n).tr-status-warning :is(td, th) {
	background-color: oklch(from var(--color-secondary-100) l calc(c - .02) h);
}

tbody tr:nth-child(2n).tr-status-error :is(td, th) {
	background-color: oklch(from var(--color-red-100) calc(l + .025) c h);
}

tbody tr:hover.tr-status-success :is(td, th) {
	background-color: oklch(from var(--color-green-100) calc(l - .015) c h);
}

tbody tr:hover.tr-status-warning :is(td, th) {
	background-color: oklch(from var(--color-secondary-100) calc(l - .015) c h);
}

tbody tr:hover.tr-status-error :is(td, th) {
	background-color: oklch(from var(--color-red-100) calc(l - .015) c h);
}


[class^="sort-"] {
	white-space: nowrap;
}

.sort-asc:after,
.sort-desc:after {
	font-family: var(--font-family-icons);
	font-size: 14px;
	line-height: 1;
	content: '▴';
	margin-left: 8px;
	display: inline-block; 
}

.sort-desc:after {
	content: '▾';
}

.table-header-qualifier {
	color: var(--color-grey-500);
	display: inline-block;
	font-weight: normal;
	font-size: 16px;
}

.table-footnote {
	margin-top: -10px;
	color: var(--color-grey-500);
	font-size: 16px;
}

.table-footnote-list {
	padding-left: 18px;
}


.table-high-contrast thead,
.table-high-contrast tbody th {
	text-transform: uppercase;
	font-size: 24px;
	font-family: Gilroy;
	font-weight: 500;
}

.table-high-contrast thead th {
	background-color: var(--color-text);
	border-bottom: 0;
}

.table-high-contrast tbody tr td,
.table-high-contrast tbody tr th {
	color: #fff;
	background-color: var(--color-text);
}

.table-high-contrast tbody tr + tr td,
.table-high-contrast tbody tr + tr th {
	border-top: 2px dashed var(--color-grey-300);
}

.table-high-contrast th:first-child,
.table-high-contrast td:first-child {
	padding-left: 0;
}

.table-high-contrast th:last-child,
.table-high-contrast td:last-child {
	padding-right: 0;
}

.well-high-contrast .table-footnote,
.table-high-contrast + .table-footnote,
.table-high-contrast .table-header-qualifier {
	color: var(--color-grey-300);
}

.table-high-contrast a:not(.button) {
	color: inherit;
}


.bb-tooltip {
	width: auto;
}
#main-navigation {
	display: flex;
	width: 240px;
	flex-shrink: 0;
	margin: 40px 40px 0 0;
}

#main-navigation ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#main-navigation h2 {
	margin-top: 20px;
}

#main-navigation a {
	position: relative;
	display: block;
	padding: 5px 0 5px 30px;
	font-weight: 500;
	text-decoration: none;
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 20px;
}

#main-navigation a:hover,
#main-navigation a:hover:before {
	text-decoration: underline;
}

#main-menu {
	white-space: nowrap;
	overflow: hidden;
	flex-grow: 1;
}

#main-menu [data-icon] {
	position: absolute;
	left: 5px;
	top: 0;
	width: 20px;
	font-size: 20px;
	line-height: 38px;
	text-align: center;
}

.main-menu-link-status-active {
	background-color: var(--color-primary-light);
}

.nav-icon a {
	padding-left: 41px;
	background-repeat: no-repeat;
	background-position: left 20px center;
	background-size: 16px;
}

.nav-icon-plugin a {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA2NCA2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Im01Ni40NzIgMzAuNTc2aC00LjU3MDd2LTEyLjE5M2MwLTMuMzUyOS0yLjc0MTQtNi4wOTQ0LTYuMDk0NC02LjA5NDRoLTEyLjE4OXYtNC41NzA3YzAtNC4yNjUxLTMuMzUyOS03LjYxNzktNy42MTc5LTcuNjE3OS00LjI2NTEgMC03LjYxNzkgMy4zNTI5LTcuNjE3OSA3LjYxNzl2NC41NzA3aC0xMi4xODljLTMuMzUyOSAwLTYuMDk0NCAyLjc0MTQtNi4wOTQ0IDYuMDk0NHYxMS41ODJoNC41NzA3YzQuNTcwNyAwIDguMjI5MSAzLjY1ODUgOC4yMjkxIDguMjI5MSAwIDQuNTcwNy0zLjY1ODYgOC4yMjkxLTguMjI5MSA4LjIyOTFoLTQuNTcwN3YxMS41ODJjMCAzLjM1MjkgMi43NDE0IDYuMDk0NCA2LjA5NDQgNi4wOTQ0aDExLjU4MnYtNC41NzA3YzAtNC41NzA3IDMuNjU4Ni04LjIyOTEgOC4yMjkxLTguMjI5MSA0LjU3MDcgMCA4LjIyOTEgMy42NTg2IDguMjI5MSA4LjIyOTF2NC41NzA3aDExLjU4MmMzLjM1MjkgMCA2LjA5NDQtMi43NDE0IDYuMDk0NC02LjA5NDR2LTEyLjE4OWg0LjU3MDdjNC4yNjUxIDAgNy42MTc5LTMuMzUyOSA3LjYxNzktNy42MTc5IDAtNC4yNjUxLTMuMzUyOS03LjYxNzktNy42MTc5LTcuNjE3OSIgZmlsbD0iIzAwNzU5YSIvPgo8L3N2Zz4K);
}
.badge {
	display: inline-block;
	line-height: inherit;
	font-size: 16px;
	padding: 0 10px 1px 10px;
	border-radius: 25px;
	font-family: var(--font-family-base);
	font-weight: 700;
	text-transform: none;
	white-space: nowrap;
	background-color: var(--color-primary-200);
	color: var(--color-primary-600);
}

.badge-important {
	background-color: var(--color-cta-200);
	color: var(--color-cta-600);
}

.badge-positive {
	background-color: var(--color-green-200);
	color: var(--color-green-600);
}

.badge-negative {
	background-color: var(--color-red-200);
	color: var(--color-red-600);
}

h1 .badge,
h2 .badge {
	font-size: 80%;
	padding: 1px 15px 2px 15px;
	vertical-align: 3px;
}

h2 .badge {
	vertical-align: 1px;
}

h3 .badge,
h4 .badge {
	font-size: 90%;
}

.national-flag {
	display: inline-block;
	width: 24px;
	height: 0;
	padding-top: 18px;
	margin-right: 2px;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: -2px;
	overflow: hidden;
}



.national-flag-nl,
.national-flag-nld,
.national-flag-nlLegacy,
.postcodenl-dropdown-api-countries [data-value=NLD] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLW5sIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPHBhdGggZmlsbD0iIzIxNDY4YiIgZD0iTTAgMGg2NDB2NDgwSDB6Ii8+CiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg2NDB2MzIwSDB6Ii8+CiAgPHBhdGggZmlsbD0iI2FlMWMyOCIgZD0iTTAgMGg2NDB2MTYwSDB6Ii8+Cjwvc3ZnPgo=);
}

.national-flag-be,
.national-flag-bel,
.postcodenl-dropdown-api-countries [data-value=BEL] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWJlIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2Utd2lkdGg9IjFwdCI+CiAgICA8cGF0aCBkPSJNMCAwaDIxMy4zdjQ4MEgweiIvPgogICAgPHBhdGggZmlsbD0iI2ZmZDkwYyIgZD0iTTIxMy4zIDBoMjEzLjR2NDgwSDIxMy4zeiIvPgogICAgPHBhdGggZmlsbD0iI2YzMTgzMCIgZD0iTTQyNi43IDBINjQwdjQ4MEg0MjYuN3oiLz4KICA8L2c+Cjwvc3ZnPgo=);
}

.national-flag-de,
.national-flag-deu,
.postcodenl-dropdown-api-countries [data-value=DEU] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWRlIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPHBhdGggZmlsbD0iI2ZmY2UwMCIgZD0iTTAgMzIwaDY0MHYxNjBIMHoiLz4KICA8cGF0aCBkPSJNMCAwaDY0MHYxNjBIMHoiLz4KICA8cGF0aCBmaWxsPSIjZDAwIiBkPSJNMCAxNjBoNjQwdjE2MEgweiIvPgo8L3N2Zz4K);
}

.national-flag-lu,
.national-flag-lux,
.postcodenl-dropdown-api-countries [data-value=LUX] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWx1IiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPHBhdGggZmlsbD0iIzAwYTFkZSIgZD0iTTAgMjQwaDY0MHYyNDBIMHoiLz4KICA8cGF0aCBmaWxsPSIjZWQyOTM5IiBkPSJNMCAwaDY0MHYyNDBIMHoiLz4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAxNjBoNjQwdjE2MEgweiIvPgo8L3N2Zz4K);
}

.national-flag-at,
.national-flag-aut,
.postcodenl-dropdown-api-countries [data-value=AUT] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWF0IiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPGcgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik02NDAgNDgwSDBWMGg2NDB6Ii8+CiAgICA8cGF0aCBmaWxsPSIjYzgxMDJlIiBkPSJNNjQwIDQ4MEgwVjMyMGg2NDB6bTAtMzE5LjlIMFYuMWg2NDB6Ii8+CiAgPC9nPgo8L3N2Zz4K);
}

.national-flag-ch,
.national-flag-che,
.postcodenl-dropdown-api-countries [data-value=CHE] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWNoIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2Utd2lkdGg9IjFwdCI+CiAgICA8cGF0aCBmaWxsPSJyZWQiIGQ9Ik0wIDBoNjQwdjQ4MEgweiIvPgogICAgPGcgZmlsbD0iI2ZmZiI+CiAgICAgIDxwYXRoIGQ9Ik0xNzAgMTk1aDMwMHY5MEgxNzB6Ii8+CiAgICAgIDxwYXRoIGQ9Ik0yNzUgOTBoOTB2MzAwaC05MHoiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=);
}

.national-flag-fr,
.national-flag-fra,
.postcodenl-dropdown-api-countries [data-value=FRA] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWZyIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2Utd2lkdGg9IjFwdCI+CiAgICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDY0MHY0ODBIMHoiLz4KICAgIDxwYXRoIGZpbGw9IiMwMDI2NTQiIGQ9Ik0wIDBoMjEzLjN2NDgwSDB6Ii8+CiAgICA8cGF0aCBmaWxsPSIjY2UxMTI2IiBkPSJNNDI2LjcgMEg2NDB2NDgwSDQyNi43eiIvPgogIDwvZz4KPC9zdmc+Cg==);
}

.national-flag-gb,
.national-flag-gbr,
.postcodenl-dropdown-api-countries [data-value=GBR] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWdiIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPHBhdGggZmlsbD0iIzAxMjE2OSIgZD0iTTAgMGg2NDB2NDgwSDB6Ii8+CiAgPHBhdGggZmlsbD0iI0ZGRiIgZD0ibTc1IDAgMjQ0IDE4MUw1NjIgMGg3OHY2Mkw0MDAgMjQxbDI0MCAxNzh2NjFoLTgwTDMyMCAzMDEgODEgNDgwSDB2LTYwbDIzOS0xNzhMMCA2NFYwaDc1eiIvPgogIDxwYXRoIGZpbGw9IiNDODEwMkUiIGQ9Im00MjQgMjgxIDIxNiAxNTl2NDBMMzY5IDI4MWg1NXptLTE4NCAyMCA2IDM1TDU0IDQ4MEgwbDI0MC0xNzl6TTY0MCAwdjNMMzkxIDE5MWwyLTQ0TDU5MCAwaDUwek0wIDBsMjM5IDE3NmgtNjBMMCA0MlYweiIvPgogIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yNDEgMHY0ODBoMTYwVjBIMjQxek0wIDE2MHYxNjBoNjQwVjE2MEgweiIvPgogIDxwYXRoIGZpbGw9IiNDODEwMkUiIGQ9Ik0wIDE5M3Y5Nmg2NDB2LTk2SDB6TTI3MyAwdjQ4MGg5NlYwaC05NnoiLz4KPC9zdmc+Cg==);
}

.national-flag-es,
.national-flag-esp,
.postcodenl-dropdown-api-countries [data-value=ESP] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWVzIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPHBhdGggZmlsbD0iI0FBMTUxQiIgZD0iTTAgMGg2NDB2NDgwSDB6Ii8+CiAgPHBhdGggZmlsbD0iI0YxQkYwMCIgZD0iTTAgMTIwaDY0MHYyNDBIMHoiLz4KPC9zdmc+Cg==);
}

.national-flag-dk,
.national-flag-dnk,
.postcodenl-dropdown-api-countries [data-value=DNK] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWRrIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPHBhdGggZmlsbD0iI2M4MTAyZSIgZD0iTTAgMGg2NDAuMXY0ODBIMHoiLz4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjA1LjcgMGg2OC42djQ4MGgtNjguNnoiLz4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAyMDUuN2g2NDAuMXY2OC42SDB6Ii8+Cjwvc3ZnPg==);
}

.national-flag-no,
.national-flag-nor,
.postcodenl-dropdown-api-countries [data-value=NOR] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLW5vIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPHBhdGggZmlsbD0iI2VkMjkzOSIgZD0iTTAgMGg2NDB2NDgwSDB6Ii8+CiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4MCAwaDEyMHY0ODBIMTgweiIvPgogIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDE4MGg2NDB2MTIwSDB6Ii8+CiAgPHBhdGggZmlsbD0iIzAwMjY2NCIgZD0iTTIxMCAwaDYwdjQ4MGgtNjB6Ii8+CiAgPHBhdGggZmlsbD0iIzAwMjY2NCIgZD0iTTAgMjEwaDY0MHY2MEgweiIvPgo8L3N2Zz4=);
}

.national-flag-fi,
.national-flag-fin,
.postcodenl-dropdown-api-countries [data-value=FIN] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWZpIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg2NDB2NDgwSDB6Ii8+CiAgPHBhdGggZmlsbD0iIzAwMmY2YyIgZD0iTTAgMTc0LjVoNjQwdjEzMUgweiIvPgogIDxwYXRoIGZpbGw9IiMwMDJmNmMiIGQ9Ik0xNzUuNSAwaDEzMC45djQ4MGgtMTMxeiIvPgo8L3N2Zz4K);
}

.national-flag-se,
.national-flag-swe,
.postcodenl-dropdown-api-countries [data-value=SWE] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLXNlIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPHBhdGggZmlsbD0iIzAwNTI5MyIgZD0iTTAgMGg2NDB2NDgwSDB6Ii8+CiAgPHBhdGggZmlsbD0iI2ZlY2IwMCIgZD0iTTE3NiAwdjE5Mkgwdjk2aDE3NnYxOTJoOTZWMjg4aDM2OHYtOTZIMjcyVjB6Ii8+Cjwvc3ZnPgo=);
}
.pagination {
	margin: 40px 0;
}

.pagination h4 {
	margin: 0 0 10px 0;
}

.pagination-pages {
	display: inline-flex;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.pagination-pages a {
	display: inline-block;
	line-height: 40px;
	min-width: 40px;
	padding: 0 5px;
	text-align: center;
	transition: background-color .2s, color .2s;
}

.pagination-pages:hover .pagination-page-current a {
	background-color: var(--color-primary-light);
	color: var(--color-primary);
}

.pagination-pages [href]:hover,
.pagination-page-current a,
.pagination-pages .pagination-page-current a:hover {
	background-color: var(--color-primary);
	color: #fff;
}

.pagination-pages [data-icon]:before {
	font-size: 20px;
	vertical-align: middle;
	font-weight: bold;
}

.pagination-page-current,
.pagination-page-skip {
	cursor: default;
}

.pagination-page-disabled {
	cursor: not-allowed;
}

.pagination-page-disabled a {
	color: var(--color-grey-300);
}
span[data-icon]:before {
	content: attr(data-icon);
	display: inline-block;
	font-family: var(--font-family-icons);
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	speak: none;
}

.hidden {
	display: none;
}

.clickable {
	cursor: pointer;
	text-decoration: underline;
}

.clickable:hover {
	text-decoration: none;
}

.js-link {
	cursor: pointer;
	text-decoration: underline; 
	text-decoration-line: underline;
	text-decoration-style: dotted;
}

span.postcode-loterij:before {
	content: 'Postcode Loterij';
	white-space: nowrap;
}

.text-success {
	color: var(--color-green-400);
}

.text-error {
	color: var(--color-red-400);
}
.exception {
	font-size: 16px;
	color: #000;
	background-color: ivory;
}

.exception table {
	table-layout: fixed;
}

.exception th,
.exception td {
	padding: 10px 5px;
	overflow-wrap: break-word;
}

.exception th:first-child,
.exception td:first-child {
	width: 20px;
	padding-right: 10px;
	text-align: right;
}

.exception thead th {
	color: inherit;
	background-color: transparent;
	font-weight: 700;
	border-bottom: 2px solid;
}

.exception tbody tr th,
.exception tbody tr td {
	background-color: transparent;
}

.exception tbody tr:hover td,
.exception tbody tr:hover th {
	background-color: khaki;
}



[data-breakpoint] {
	display: none;
}


@media (max-width: 1366px) {

	[data-breakpoint=xl] {
		display: block;
	}

	.content-wrapper {
		width: 100%;
		padding-left: 40px;
		padding-right: 40px;
	}

}


@media (max-width: 1200px) {

	[data-breakpoint=l] {
		display: block;
	}

	.has-sidebar {
		flex-direction: column;
		align-items: stretch;
	}

	.content-wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}

	.header-navigation {
		padding-top: 20px;
		flex-wrap: wrap;
		align-content: flex-start;
	}

	.logo-header {
		margin: 11px 0 0 0;
	}

	.primary-navigation {
		position: absolute;
		top: 72px;
		left: 10px;
	}

	.user-navigation {
		margin: 0;
	}

	.primary-navigation-items {
		margin: 0;
	}

	.user-navigation-dropdown-content {
		right: -20px;
	}

	.primary-navigation-item > a,
	.user-navigation-menu > li > a,
	.user-navigation-dropdown-link {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.user-navigation-menu .button {
		margin: 0;
	}

	.primary-navigation-submenu:before,
	.user-navigation-dropdown-content:before {
		
		position: absolute;
		top: -10px;
		left: 0;
		right: 0;
		height: 10px;
		content: '';
	}

	.primary-navigation-submenu:hover,
	.primary-navigation-submenu:focus,
	.primary-navigation-has-submenu a:hover + .primary-navigation-submenu,
	.primary-navigation-has-submenu a:focus + .primary-navigation-submenu,
	.user-navigation-dropdown-content:hover,
	.user-navigation-dropdown-content:focus,
	.user-navigation-dropdown-link:hover + .user-navigation-dropdown-content,
	.user-navigation-dropdown-link:focus + .user-navigation-dropdown-content {
		top: calc(100% + 10px);
	}

	.well,
	form {
		padding: 20px;
	}

	ul.well {
		padding-left: 40px;
	}

	.well-cta-content p {
		flex-basis: 72%;
	}

	.wizard-steps {
		flex-wrap: wrap;
		padding: 0 10px 10px 10px;
	}

	.wizard-step {
		flex: 0 1 auto;
		padding: 10px 20px 0 0;
		text-align: left;
		border-bottom: 0;
	}

	.wizard-step a {
		white-space: nowrap;
	}

	.wizard-step a:before {
		display: inline-block;
		position: static;
		border: 0;
		width: 30px;
		line-height: 30px;
		font-size: 20px;
		margin: 0 5px 0 0;
		background-color: var(--color-primary-200);
	}

	
	#main-navigation {
		width: auto;
		margin: 0;
	}

	#main-menu {
		display: flex;
		overflow: visible;
	}

	#main-menu > li > a {
		padding-right: 5px;
		margin-right: 10px;
	}

	#main-menu-login,
	#main-menu-logout {
		display: none;
	}

	#main-menu h2 {
		position: relative;
		font-size: 20px;
		text-transform: none;
		margin: 0;
		padding: 5px 30px 5px 5px;
		line-height: inherit;
		font-family: inherit;
		font-weight: 500;
		cursor: pointer;
	}

	#main-menu h2:after {
		
		position: absolute;
		top: 18px;
		right: 12px;
		display: block;
		border: 4px solid transparent;
		border-top-color: inherit;
		content: '';
	}

	#main-menu > li {
		position: relative;
	}

	#main-menu ul {
		position: absolute;
		z-index: 100;
		top: -999px;
		padding: 15px;
		opacity: 0;
		transform: scale(0);
		transform-origin: top;
		background-color: #fff;
		box-shadow: var(--dropdown-shadow);
		transition: opacity .4s .1s, transform .15s .1s, top 0s;
	}

	#main-menu li:hover ul {
		top: 100%;
		opacity: 1;
		transform: scale(1);
	}

	.cookie-banner {
		padding: 10px 20px;
	}

	.page-footer-columns {
		justify-content: initial;
		gap: 20px 50px;
	}

	.page-footer-copyright {
		text-align: left;
	}

	.api-tiers {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.api-tier {
		flex: 1 0 300px;
		margin: 0 10px 20px 0;
	}

	.api-tier-body {
		padding: 0 20px;
	}

	.api-tier-unit-rate {
		display: inline;
	}

	.api-tier-footer {
		padding-left: 20px;
		padding-right: 20px;
	}

}

@media (max-width: 1024px) {

	.cookie-banner {
		padding: 10px;
		flex-wrap: wrap;
		text-align: center;
		font-size: 18px;
	}

	.cookie-consent-controls {
		width: 100%;
		margin: 10px 0 0 0;
	}

	.flex-container {
		display: initial;
	}

}


@media (max-width: 768px) {

	[data-breakpoint=m] {
		display: block;
	}

	form {
		max-width: none;
	}

	.dl-compact-controls {
		float: none;
	}

	.api-tier-unit-rate {
		display: inline;
		padding-left: 5px;
	}

	.user-navigation-email {
		max-width: 235px;
	}

	.header-wrapper {
		background-position: 0 bottom, 0 0;
		background-size: 100% 145px, 100% calc(100% - 50px);
	}

	.header-navigation {
		display: block;
		height: auto;
		padding-bottom: 50px;
	}

	.logo-header {
		margin: 0 54px 0 0;
	}

	.header-navigation-toggle {
		display: block;
		position: absolute;
		top: 15px;
		right: 20px;
		font-size: 40px;
		line-height: 1;
		color: #fff;
		cursor: pointer;
	}

	.primary-navigation {
		position: static;
	}

	.primary-navigation-items {
		display: block;
		margin: 20px 0 20px 0;
		padding: 10px;
		background-color: var(--color-menu-background);
	}

	.js .primary-navigation-items,
	.js .user-navigation {
		display: none;
	}

	.js .header-navigation-active .primary-navigation-items,
	.js .header-navigation-active .user-navigation,
	.primary-navigation-item {
		display: block;
	}

	.primary-navigation-item a,
	.primary-navigation-items:hover > li > a,
	.primary-navigation-items:focus > li > a {
		color: var(--color-primary);
	}

	.primary-navigation-item a {
		display: block;
		padding: 10px;
	}

	.primary-navigation-item a:hover {
		background-color: var(--color-menu-item-active);
		text-decoration: underline;
	}

	.primary-navigation-item:first-child a {
		padding-left: 10px;
	}

	.nav-icon a {
		padding-left: 31px;
		background-position: left 10px center;
	}

	.user-navigation-menu {
		padding-left: 0;
	}

	.primary-navigation-submenu {
		position: static;
		margin: 0 0 0 20px;
		padding: 0;
		opacity: 1;
		transform: scale(1);
		border-left: 1px solid var(--color-secondary);
		background-color: transparent;
		box-shadow: none;
	}

	.primary-navigation-submenu:after {
		display: none;
	}

	.user-navigation {
		text-align: right;
	}

	.user-navigation-dropdown {
		text-align: left;
	}

	.user-navigation-dropdown-content {
		right: 0;
	}

	.user-navigation-email {
		max-width: none;
	}

	#main-menu-home {
		width: 38px;
		margin-right: 10px;
		overflow: hidden;
	}

	#main-menu-home a {
		padding-left: 40px;
	}

	#main-menu-home [data-icon] {
		left: 9px;
	}

	.main-selling-points ul {
		flex-wrap: wrap;
	}

	.main-selling-points li {
		flex: 1 0 260px;
		padding-top: 80px;
		padding-bottom: 0;
		background-position: center 25px;
	}

	.main-selling-points p {
		margin: 5px;
	}

}


@media (max-width: 640px) {

	[data-breakpoint=s] {
		display: block;
	}

	h1 {
		font-size: 26px;
	}

	p {
		margin-top: 10px;
	}

	blockquote {
		padding: 20px;
		margin: 20px 0;
		font-size: 20px;
	}

	form,
	.well {
		padding: 20px 10px;
	}

	button,
	[type=submit],
	.button-primary,
	.button-cta {
		font-size: 20px;
		padding-right: 10px;
		padding-left: 10px;
	}

	.button-next {
		padding-right: 40px;
	}

	.button-social {
		padding: 0 0 0 40px;
	}

	.content-wrapper {
		padding-left: 10px;
		padding-right: 10px;
	}

	.header-navigation {
		padding-top: 10px;
	}

	.header-navigation-toggle {
		top: 5px;
		right: 10px;
	}

	.table-responsive,
	.table-responsive thead,
	.table-responsive tbody,
	.table-responsive th,
	.table-responsive td,
	.table-responsive tr {
		display: block;
	}

	.table-responsive thead,
	.table-responsive tfoot {
		display: none;
	}

	.table-responsive tbody tr + tr td,
	.table-responsive tbody tr + tr th {
		border: 0;
	}

	.table-responsive th,
	.table-responsive td {
		padding: 10px 0;
	}

	.table-responsive td:first-child {
		padding-top: 20px;
	}

	.table-responsive td:last-child {
		padding-bottom: 20px;
	}

	.table-responsive td[data-title] {
		position: relative;
		padding-left: 140px;
	}

	.table-responsive td[data-title]:before {
		display: block;
		width: 120px;
		position: absolute;
		left: 10px;
		overflow: hidden;
		content: attr(data-title) "\00A0";
		font-weight: bold;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.table-responsive.table-high-contrast tr + tr {
		border-top: 2px dashed var(--color-grey-300);
	}

	.dl-compact > dd {
		border-top: 0;
	}

	.dl-compact > dt {
		width: auto;
		float: none;
		padding-bottom: 0;
	}

	.well-cta-content {
		display: block;
	}

	.well-title {
		padding: 10px 15px;
		font-size: 22px;
	}

	.form-buttons .button,
	.form-buttons button,
	.form-buttons input {
		display: block;
		margin: 0 0 0 auto;
	}

	.form-buttons .button:nth-child(n+2),
	.form-buttons button:nth-child(n+2),
	.form-buttons input:nth-child(n+2) {
		margin-top: 20px;
	}

	.api-tier {
		flex-basis: 400px;
		margin-right: 0;
	}

	.reseller-model-diagram-kickback .reseller-model-accounts {
		display: block;
		padding-left: 30px;
	}

	.reseller-model-diagram-kickback .reseller-model-accounts > div {
		margin-bottom: 20px;
	}

	.reseller-model-diagram-kickback .reseller-model-accounts > div:before {
		left: -33px;
		margin: -23px 0 0 0;
		height: calc(100% + 46px);
		background: var(--color-primary);
	}

	.reseller-model-diagram-kickback .reseller-model-accounts > div:after {
		position: absolute;
		left: -24px;
		top: 50%;
		display: block;
		margin-top: -5px;
		width: 22px;
		height: 10px;
		background-color: var(--color-primary);
		content: '';
	}

	.reseller-model-diagram-kickback .reseller-model-accounts > div:last-child:before {
		height: calc(50% + 28px);
	}

	.reseller-model-diagram-kickback .reseller-model-accounts > div:first-child:after {
		background: linear-gradient(90deg, var(--color-primary), var(--color-primary-600));
	}

	.reseller-model-account-customers {
		display: block;
		padding: 10px;
	}

	.reseller-model-account-customers > dl + dl {
		margin-top: 10px;
	}

}


@media (max-width: 480px) {

	[data-breakpoint=xs] {
		display: block;
	}

	#main-menu {
		position: relative;
	}

	#main-menu > li {
		position: static;
	}

	#main-menu li:hover ul {
		left: 0;
		right: 0;
	}

	button,
	.button,
	[type=button],
	[type=submit] {
		display: block;
	}

	.button,
	[type=button] {
		text-align: right;
	}

	button,
	[type=submit],
	.button-primary,
	.button-cta {
		text-align: center;
	}

	.button-glyph {
		display: inline-block;
	}

	.dl-compact-controls br {
		display: none;
	}

	.main-content-header {
		display: block;
	}

	.user-navigation .button {
		width: auto;
	}

	.cookie-consent-control-accept {
		display: inline-block;
		width: auto;
	}

	.api-tier {
		flex: 1 1 auto;
	}

}
.locale-menu {
	position: relative;
	display: inline;
}

.locale-menu-link {
	position: relative;
	z-index: 1001;
	display: inline-block;
	cursor: pointer;
}

.locale-menu-link [data-icon] {
	margin-right: 5px;
}

.sessionlocale-setlocale-form {
	display: inline;
	padding: 0;
}

.locale-options li,
.locale-options label {
	display: block;
}

.locale-options li + li {
	margin: 0;
}

.locale-options label {
	padding: 5px 20px;
	white-space: nowrap;
	cursor: pointer;
}

.locale-options input {
	top: -3px;
	vertical-align: bottom;
}

.locale-options {
	position: absolute;
	z-index: 1000;
	min-width: 200px;
	text-align: left;
	box-shadow: 0 15px 25px rgba(0, 0, 0, .2);
}

.user-navigation-locale .locale-options {
	top: -999px;
	left: 0;
	margin: 0 0 0 -17px;
	padding: 15px 0;
	opacity: 0;
	transition: opacity .15s;
	background-color: rgba(255, 255, 255, .85);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	text-transform: uppercase;
}

.locale-menu-link:hover + form .locale-options,
.locale-menu-link:focus + form .locale-options,
.locale-options:hover {
	top: 47px;
	opacity: 1;
}

.user-navigation-locale .locale-options:after {
	position: absolute;
	top: -40px;
	left: 20px;
	display: block;
	box-sizing: border-box;
	width: 40px;
	height: 40px;
	border: 20px solid transparent;
	border-bottom-color: rgba(255, 255, 255, .85);
	content: '';
}

.user-navigation-locale .locale-options label {
	color: #00759a;
}

.user-navigation-locale .locale-options label:hover {
	background-color: rgba(255, 255, 255, .25);
}

.user-navigation-locale .locale-options label:hover span {
	text-decoration: underline;
}

.user-navigation-locale-dropdown-link {
	padding: 27px 10px;
	vertical-align: middle;
	color: #fff;
}

.user-navigation-locale-dropdown-link:hover {
	color: #d49b00;
}

.page-footer-locale {
	margin-right: 10px;
}

.page-footer-locale .locale-options {
	bottom: 35px;
	left: -9999px;
	margin: 0;
	padding: 20px 0;
	opacity: 0;
	transition: opacity .15s;
	background-color: #00759a;
	color: #fff;
}

.page-footer-locale .locale-options input {
	top: -4px;
}

.page-footer-locale-popup-link:hover + form .locale-options,
.page-footer-locale-popup-link:focus + form .locale-options,
.page-footer-locale:hover .locale-options:hover {
	top: auto;
	left: -50px;
	opacity: 1;
}

.page-footer-locale .locale-options:before {
	
	display: block;
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
	z-index: 1000;
	height: 20px;
	opacity: 0;
	content: '';
}

.page-footer-locale .locale-options:after {
	display: block;
	position: absolute;
	bottom: -20px;
	left: calc(50% - 10px);
	box-sizing: border-box;
	width: 20px;
	height: 20px;
	border: 10px solid transparent;
	border-top-color: #00759a;
	content: '';
}

.page-footer-locale .locale-options label:hover {
	background-color: #fff;
	color: #444;
}

@media (max-width: 1200px) {

	.user-navigation-locale-dropdown-link {
		padding-top: 15px;
		padding-bottom: 15px;
	}

}
@media (max-width: 1200px) {

	.page-footer-locale-popup-link:hover + form .locale-options,
	.page-footer-locale-popup-link:focus + form .locale-options,
	.page-footer-locale:hover .locale-options:hover {
		left: 0;
	}

	.page-footer-locale .locale-options:after {
		left: 20px;
	}

}
.input-description-validated-address {
	margin: 0 0 10px 0;
}

.autocomplete-validated-address-formatted {
	font-size: 110%;
	line-height: 1.2;
	margin-top: 5px;
	padding: 17px;
	background-color: #b5e3be;
	color: #095018;
}

.autocomplete-validated-address-formatted:empty {
	display: none;
}
.postcodenl-autocomplete-menu {
	display: none;
	position: absolute;
	z-index: 9999;
	background-position: right .85em bottom .3em;
	box-shadow: 0 .5em .75em rgba(0, 0, 0, .15);
	background-color: #fff;
}

.postcodenl-autocomplete-menu-open {
	display: block;
}

.postcodenl-autocomplete-menu-items {
	margin: 0;
	padding: 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	max-height: 19em;
	overflow-y: auto;
	overflow-x: hidden;
}

.postcodenl-autocomplete-menu-items:empty {
	display: none;
}

input[class].postcodenl-autocomplete-address-input {
	transition: none;
}

.postcodenl-autocomplete-menu.postcodenl-autocomplete-logo {
	padding-bottom: 1.75em;
	border-top: 1px solid #ddd;
}

.postcodenl-autocomplete-logo .postcodenl-autocomplete-menu-items {
	border-top: none;
}

.postcodenl-autocomplete-menu.postcodenl-autocomplete-logo,
input[class].postcodenl-autocomplete-address-input.postcodenl-autocomplete-address-input-blank.postcodenl-autocomplete-logo {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMjYuMTcgNDAiIHdpZHRoPSIyMjYiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8ZyBmaWxsPSIjOTk5Ij4KCQk8cGF0aCBkPSJtOC4zODMgMS43NjlhNy40NjYgNy40NjYgMCAwIDEgNy42ODYgNy42NDIgNy4zNDEgNy4zNDEgMCAwIDEtMi4yIDUuNDQ3IDcuNDczIDcuNDczIDAgMCAxLTUuNSAyLjJoLTYuNXY5LjM2N2gtMS44Njl2LTI0LjY1NnptMCAxMy40OTJhNS42MyA1LjYzIDAgMCAwIDQuMTc3LTEuNjUxIDUuNzE4IDUuNzE4IDAgMCAwIDEuNjM3LTQuMiA1Ljc3IDUuNzcgMCAwIDAtMS42MzctNC4yMjggNS42MyA1LjYzIDAgMCAwLTQuMTc3LTEuNjUxaC02LjUxOHYxMS43NDV6Ii8+CgkJPHBhdGggZD0ibTQwLjQ4NSAyMy4xMDFhMTIuMjMgMTIuMjMgMCAwIDEtOS4wMjIgMy43MjIgMTIuMjMgMTIuMjMgMCAwIDEtOS4wMTQtMy43MjIgMTIuMjgxIDEyLjI4MSAwIDAgMS0zLjY3LTkgMTIuMyAxMi4zIDAgMCAxIDMuNjctOS4wMDcgMTIuMjUyIDEyLjI1MiAwIDAgMSA5LjAxNC0zLjcxNCAxMi4yNTIgMTIuMjUyIDAgMCAxIDkuMDIyIDMuNzE0IDEyLjMgMTIuMyAwIDAgMSAzLjY3IDkuMDA3IDEyLjI4MSAxMi4yODEgMCAwIDEtMy42NyA5em0tMTYuNzE1LTEuMjdhMTAuNCAxMC40IDAgMCAwIDcuNjkzIDMuMTkzIDEwLjQgMTAuNCAwIDAgMCA3LjctMy4xOTMgMTAuNTU2IDEwLjU1NiAwIDAgMCAzLjE1Ny03LjczIDEwLjU4NSAxMC41ODUgMCAwIDAtMy4xNTctNy43MzcgMTAuNDI0IDEwLjQyNCAwIDAgMC03LjctMy4xODYgMTAuNDI0IDEwLjQyNCAwIDAgMC03LjY5MyAzLjE4NiAxMC41ODUgMTAuNTg1IDAgMCAwLTMuMTU3IDcuNzM3IDEwLjU1NiAxMC41NTYgMCAwIDAgMy4xNTcgNy43M3oiLz4KCQk8cGF0aCBkPSJtNTUuMjE4IDI2LjgyM2ExMC4zMjEgMTAuMzIxIDAgMCAxLTUuOC0xLjU3MSA3LjczNyA3LjczNyAwIDAgMS0zLjIyMy00LjI0M2wxLjYyMi0wLjk1NGE2LjUgNi41IDAgMCAwIDIuNTU1IDMuNjI2IDguMTQ4IDguMTQ4IDAgMCAwIDQuODQ1IDEuMzQzIDYuODU2IDYuODU2IDAgMCAwIDQuNi0xLjM4IDQuNDQxIDQuNDQxIDAgMCAwIDEuNi0zLjU1MyAzLjYxMiAzLjYxMiAwIDAgMC0xLjU1MS0zLjE0MiAxOC43ODUgMTguNzg1IDAgMCAwLTQuODEtMi4xNDhsLTEuNzQtMC42MzEtMS41NzEtMC41NzNhOC42MTEgOC42MTEgMCAwIDEtMS41Mi0wLjY5Yy0wLjMzLTAuMjEzLTAuNzM0LTAuNS0xLjE4Mi0wLjg1MmEzLjg2OCAzLjg2OCAwIDAgMS0xLjAyLTEuMDQyIDcuMDU1IDcuMDU1IDAgMCAxLTAuNTU3LTEuMzEyIDUuMiA1LjIgMCAwIDEtMC4yNS0xLjY3NCA2LjAxMiA2LjAxMiAwIDAgMSAyLjEyOS00LjgwOCA3Ljk1IDcuOTUgMCAwIDEgNS4zNDQtMS44NDMgOC4zNDYgOC4zNDYgMCAwIDEgNC45MzMgMS40NjggOC41MyA4LjUzIDAgMCAxIDMgMy43MTRsLTEuNTg2IDAuODgxYTYuMzUgNi4zNSAwIDAgMC02LjM0Mi00LjI2NSA1Ljg3MyA1Ljg3MyAwIDAgMC00LjAzNyAxLjMzNiA0LjM2IDQuMzYgMCAwIDAtMS41MiAzLjQyMSAzLjM5MSAzLjM5MSAwIDAgMCAxLjQwOSAyLjk4OCAxOC42ODIgMTguNjgyIDAgMCAwIDQuNjE3IDIuMDQ4bDMuMTc5IDEuMTgyYTE0LjQxOCAxNC40MTggMCAwIDEgMi40NjcgMS4yNjMgNS4yNzggNS4yNzggMCAwIDEgMS45MTYgMS45NzUgNS43IDUuNyAwIDAgMSAwLjYgMi42NjUgNi4wODYgNi4wODYgMCAwIDEtMi4yIDQuOTE4IDguODgyIDguODgyIDAgMCAxLTUuOTA3IDEuODUzeiIvPgoJCTxwYXRoIGQ9Im04MS44MiAxLjc2OXYxLjc2MmgtNy43NTJ2MjIuOWgtMS45MDh2LTIyLjloLTcuNzUydi0xLjc2MnoiLz4KCQk8cGF0aCBkPSJtOTUuMjM5IDI2LjkyNmExMi41MzEgMTIuNTMxIDAgMCAxLTEyLjgzMi0xMi44MjQgMTIuNTE2IDEyLjUxNiAwIDAgMSAxMi44MzItMTIuODI0IDEyLjY0OCAxMi42NDggMCAwIDEgNi4xMyAxLjUyNyAxMS42OTQgMTEuNjk0IDAgMCAxIDQuNCA0LjE3N2wtNC44NjcgMi44MTlhNS41MjggNS41MjggMCAwIDAtMi4zMjctMi4yIDcuMTU3IDcuMTU3IDAgMCAwLTMuMzc3LTAuNzkzIDYuOTc0IDYuOTc0IDAgMCAwLTUuMiAyIDcuMjg5IDcuMjg5IDAgMCAwLTEuOTYgNS4zMjIgNy4zIDcuMyAwIDAgMCAxLjk2IDUuMzIyIDYuOTY2IDYuOTY2IDAgMCAwIDUuMjM0IDIgNy4yMTYgNy4yMTYgMCAwIDAgMy40LTAuODA3IDUuNDg0IDUuNDg0IDAgMCAwIDIuMzA1LTIuMmw0Ljg2NyAyLjgxOWExMS4zMzQgMTEuMzM0IDAgMCAxLTQuNCA0LjE3NyAxMi43MTQgMTIuNzE0IDAgMCAxLTYuMTY1IDEuNDg1eiIvPgoJCTxwYXRoIGQ9Im0xMzEuODcgMTYuMjUzLTExLjI2OSAyMy43NDctMTEuMjY4LTIzLjc0N2E5Ljg4OCA5Ljg4OCAwIDAgMS0wLjc3MS00LjIxNCAxMi4wMzkgMTIuMDM5IDAgMSAxIDI0LjA3OCAwIDkuODg4IDkuODg4IDAgMCAxLTAuNzcxIDQuMjE0em0tMTEuMjY5LTEwLjIzNGE2LjAxOSA2LjAxOSAwIDEgMCA2LjAxOSA2LjAxOSA2LjAxOSA2LjAxOSAwIDAgMC02LjAxOS02LjAxOXoiLz4KCQk8cGF0aCBkPSJtMTM1Ljk2IDI2LjQzNXYtMjQuNjY2aDkuODU1OXEyLjUxMTMgMCA0LjczMDEgMC45NjMyMyAyLjIzNjEgMC45NDYwMyAzLjgxODUgMi41ODAxIDEuNTgyNCAxLjYzNCAyLjUxMTMgMy45MjE3IDAuOTI4ODMgMi4yODc3IDAuOTI4ODMgNC44Njc3dC0wLjkyODgzIDQuODY3Ny0yLjUxMTMgMy45MjE3cS0xLjU4MjQgMS42MzQtMy44MTg1IDIuNTk3My0yLjIxODkgMC45NDYwMy00LjczMDEgMC45NDYwM3ptNS42NDE4LTUuNDE4Mmg0LjIxNDFxMi45MjQxIDAgNC43MzAxLTEuODc0OSAxLjgyMzMtMS44OTIxIDEuODIzMy01LjAzOTggMC0zLjE0NzctMS44MjMzLTUuMDIyNi0xLjgwNi0xLjg3NDktNC43MzAxLTEuODc0OWgtNC4yMTQxeiIvPgoJCTxwYXRoIGQ9Im0xNjAuNjYgMjYuNDM1di0yNC42NjZoMTUuMzI2djUuNDM1NGgtOS42ODM5djQuMDc2NWg4LjgwNjd2NS4zNjY2aC04LjgwNjd2NC4zNjg5aDkuODU1OXY1LjQxODJ6Ii8+CgkJPHBhdGggZD0ibTE3OC40MiAyMy41OHEwLTEuMzU4OCAwLjk4MDQzLTIuMzM5MyAwLjk5NzYzLTAuOTk3NjMgMi4zNzM3LTAuOTk3NjMgMS4zNTg4IDAgMi4zMzkzIDAuOTgwNDMgMC45OTc2MyAwLjk4MDQzIDAuOTk3NjMgMi4zNTY1IDAgMS4zNzYtMC45OTc2MyAyLjM3MzctMC45ODA0MyAwLjk4MDQzLTIuMzM5MyAwLjk4MDQzdC0yLjM1NjUtMC45ODA0M3EtMC45OTc2My0wLjk5NzYzLTAuOTk3NjMtMi4zNzM3eiIvPgoJCTxwYXRoIGQ9Im0xODguNDQgMjYuNDM1di0yNC42NjZoMTUuMzI2djUuNDM1NGgtOS42ODM5djQuMDc2NWg4LjgwNjd2NS4zNjY2aC04LjgwNjd2NC4zNjg5aDkuODU1OXY1LjQxODJ6Ii8+CgkJPHBhdGggZD0ibTIwNi41NyAxOC40NzF2LTE2LjcwMmg1LjYyNDZ2MTYuMjAzcTAgMy40NTczIDMuODg3MyAzLjQ1NzMgMy44NzAxIDAgMy44NzAxLTMuNDU3M3YtMTYuMjAzaDUuNjQxOHYxNi43MDJxMCAyLjU4MDEtMS4yNTU2IDQuNTIzNy0xLjI1NTYgMS45NDM3LTMuNDA1NyAyLjk0MTMtMi4xMzI5IDAuOTk3NjMtNC44NTA1IDAuOTk3NjMtMi43MTc3IDAtNC44Njc4LTAuOTk3NjMtMi4xMzI5LTAuOTk3NjMtMy4zODg1LTIuOTQxMy0xLjI1NTYtMS45NDM3LTEuMjU1Ni00LjUyMzd6Ii8+Cgk8L2c+Cjwvc3ZnPgo=);
	background-repeat: no-repeat;
	background-size: 5.0em;
}

input[class].postcodenl-autocomplete-address-input.postcodenl-autocomplete-address-input-blank {
	background-position: calc(100% - .85em) calc(50% + .1em);
}

input[class].postcodenl-autocomplete-address-input.postcodenl-autocomplete-address-input-blank:focus {
	background-image: none;
}

input[class].postcodenl-autocomplete-address-input.postcodenl-autocomplete-loading {
	background-image: url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///3d3d+Dg4L29vdfX18jIyJOTk6SkpOnp6fDw8Nra2oaGhnl5eQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
	background-position: center right .6em;
	background-repeat: no-repeat;
	background-size: .8em;
}

.postcodenl-autocomplete-item {
	padding: .4em 1.2em .4em .6em;
	margin: 0;
	line-height: 1.1;
	list-style: none;
	cursor: pointer;
}

.postcodenl-autocomplete-item-focus {
	background-color: #f0f0f0;
}

.postcodenl-autocomplete-item mark {
	background-color: transparent;
	font-weight: 700;
	padding: 0;
}

.postcodenl-autocomplete-item-label {
	display: inline-block;
	max-width: 100%;
	margin-right: .4em;
}

.postcodenl-autocomplete-item-description,
.postcodenl-autocomplete-item-tag {
	margin-right: .4em;
	font-size: 80%;
	color: #666;
}

.postcodenl-autocomplete-item-more {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJPHBhdGggZD0ibTUgMTQgNi02LTYtNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzc3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K);
	background-position: center right .25em;
	background-repeat: no-repeat;
	background-size: .8em;
}

.postcodenl-autocomplete-aria-live-region {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	border: 0;
	clip: rect(0 0 0 0);
}
.logo-header {
	line-height: 1;
}

.logo a {
	display: inline-block;
	width: 226px;
	background-image: url(../4.0.46.0/img/postcodeeu-logo.svg);
	vertical-align: top;
}

.logo span {
	margin-left: 10px;
	font-size: 14px;
	width: 100px;
	font-family: var(--font-family-headings);
	font-weight: 600;
	text-transform: uppercase;
}

.main-content {
	padding-top: 40px;
}

.homepage-sales-content > div {
	flex-basis: 50%;
	margin-bottom: 20px;
}

.well-register {
	margin-bottom: 100px;
	background-image: url(../4.0.46.0/img/marker-transparent.svg);
	background-repeat: no-repeat;
	background-position: right;
}

.well-register ul {
	padding: 0;
}

.account-summary {
	display: flex;
	justify-content: space-between;
	padding: 20px;
	margin-bottom: 60px;
}

.account-summary h3,
.account-summary p {
	margin: 0;
}

.signup-summary ul {
	padding-left: 20px;
}

.account-summary > div {
	flex-basis: 50%;
}

.account-summary-company {
	background: url(../4.0.46.0/img/avatar-company.png) no-repeat left center;
	background-size: 80px 80px;
	padding-left: 100px;
	padding-right: 20px;
}

.table-select-account .per-year {
	display: none;
}

.table-select-account strong {
	font-weight: normal;
}

.table-select-account th:nth-child(2),
.table-select-account td:nth-child(2) {
	text-align: right;
}

.account-service form,
.socialconnector-removependingprovider-form {
	padding: 0;
	background-color: transparent;
}

.badge-status-Approved {
	background-color: #b5e3be;
	color: #095018;
}

.badge-status-Denied {
	background-color: #fca59c;
	color: #751101;
}

.account-sites {
	padding: 0;
}

.well-account-switcher {
	margin-bottom: 20px;
}

.text-input-list {
	padding: 0;
	list-style-type: none;
}

.text-input-list li + li {
	margin-top: 10px;
}

.input-group-addon-toggle-password {
	display: flex;
	padding: 0;
}

.toggle-password-link {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkV5ZV93aXRoX2xpbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIKCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjNDA0MDQwIiBkPSJNMTguNTIxNDg0NCwxLjQ3NzYwMDFDMTguMTMxOTU4LDEuMDg2ODUzLDE3LjQ5ODEwNzksMS4wODY3OTIsMTcuMTA3NDgyOSwxLjQ3NzQ3OEwxLjQ3ODUxNTYsMTcuMTA4NDU5NQoJYy0wLjM5MDYyNSwwLjM5MDYyNS0wLjM5MDYyNSwxLjAyNDQxNDEsMC4wMDAxMjIxLDEuNDE0MDAxNWMwLjM5MDYyNSwwLjM5MDY4NiwxLjAyMzM3NjUsMC4zOTA2MjUsMS40MTQwMDE1LTAuMDAwMDYxCglMMTguNTIxNDIzMywyLjg5MTYwMTZDMTguOTEyMTcwNCwyLjUwMDk3NjYsMTguOTEyMTcwNCwxLjg2ODIyNTEsMTguNTIxNDg0NCwxLjQ3NzYwMDF6IE0zLjEwODM5ODQsMTMuNDk3MzE0NWwyLjU1OTMyNjItMi41NTg0NzE3CglDNS41OTgxNDQ1LDEwLjYzNTc0MjIsNS41NTQ2ODc1LDEwLjMyMzQ4NjMsNS41NTQ2ODc1LDEwYzAtMi4zNzg5MDYyLDEuOTkwMjM0NC00LjMwODU5MzgsNC40NDUzMTI1LTQuMzA4NTkzOAoJYzAuMjg2MTMyOCwwLDAuNTY0NDUzMSwwLjAzMTQ5NDEsMC44MzU0NDkyLDAuMDgxNjY1bDEuMjAyMTQ4NC0xLjIwMTY2MDJDMTEuMzk0MDQzLDQuNDY3MDQxLDEwLjcxOTIzODMsNC40MDAzOTA2LDEwLDQuNDAwMzkwNgoJQzMuNDM5NDUzMSw0LjQwMDM5MDYsMCw5LjIzMjQyMTksMCwxMEMwLDEwLjQyMzQ2MTksMS4wNTczNzMsMTIuMDkwODIwMywzLjEwODM5ODQsMTMuNDk3MzE0NXogTTE2Ljg5NTAxOTUsNi41MDQ2Mzg3CglMMTQuMzMzMDA3OCw5LjA2NTkxOEMxNC40MDE4NTU1LDkuMzY3NDMxNiwxNC40NDQzMzU5LDkuNjc4NDY2OCwxNC40NDQzMzU5LDEwCgljMCwyLjM3ODkwNjItMS45ODkyNTc4LDQuMzA2NjQwNi00LjQ0NDMzNTksNC4zMDY2NDA2Yy0wLjI4MzkzNTUsMC0wLjU1OTgxNDUtMC4wMzE3MzgzLTAuODI4ODU3NC0wLjA4MTA1NDdMNy45NjcwNDEsMTUuNDI5MTk5MgoJQzguNjA5Mzc1LDE1LjUzMzA4MTEsOS4yODI3MTQ4LDE1LjU5OTYwOTQsMTAsMTUuNTk5NjA5NGM2LjU2MDU0NjksMCwxMC00LjgzMzk4NDQsMTAtNS41OTk2MDk0CglDMjAsOS41NzU2ODM2LDE4Ljk0Mzg0NzcsNy45MTAxNTYyLDE2Ljg5NTAxOTUsNi41MDQ2Mzg3eiIvPgo8L3N2Zz4K) no-repeat center center;
	background-size: 20px;
	padding: 0 15px;
}

.toggle-password-link.toggle-password-visible {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkV5ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDIwIDIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiM0MDQwNDAiIGQ9Ik0xMCw0LjRDMy40MzksNC40LDAsOS4yMzIsMCwxMGMwLDAuNzY2LDMuNDM5LDUuNiwxMCw1LjZjNi41NiwwLDEwLTQuODM0LDEwLTUuNkMyMCw5LjIzMiwxNi41Niw0LjQsMTAsNC40Cgl6IE0xMCwxNC4zMDdjLTIuNDU1LDAtNC40NDUtMS45MjgtNC40NDUtNC4zMDdTNy41NDUsNS42OTEsMTAsNS42OTFzNC40NDQsMS45Myw0LjQ0NCw0LjMwOVMxMi40NTUsMTQuMzA3LDEwLDE0LjMwN3ogTTEwLDEwCgljLTAuNDA3LTAuNDQ3LDAuNjYzLTIuMTU0LDAtMi4xNTRjLTEuMjI4LDAtMi4yMjMsMC45NjUtMi4yMjMsMi4xNTRTOC43NzIsMTIuMTU0LDEwLDEyLjE1NGMxLjIyNywwLDIuMjIzLTAuOTY1LDIuMjIzLTIuMTU0CglDMTIuMjIzLDkuNDUzLDEwLjM0NiwxMC4zNzksMTAsMTB6Ii8+Cjwvc3ZnPgo=);
}

.toggle-password-link [data-icon] {
	visibility: hidden;
}


.contacts-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.contacts-list-item {
	position: relative;
	padding: 20px 40px;
	background-color: #edf6f9;
}

.contacts-list-contact > span {
	display: block;
	margin-right: 20px;
}

.contact-name {
	font-weight: 700;
}

.contact-email,
.contact-phone {
	white-space: nowrap;
}

.contact-email {
	margin-right: 10px;
}

.contacts-list h3 {
	margin-top: 20px;
}

.contacts-list .form-wrapper .well {
	padding: 0;
}

.contact-role,
.contact-address {
	padding-right: 10px;
	flex: 1 0 50%;
}

.contact-role p,
.contact-role ul {
	font-size: 16px;
	margin: 0;
}

.contact-role ul {
	list-style-type: none;
	padding-left: 0;
}

.contact-role p:before,
.contact-role ul li:before {
	margin-right: 3px;
  font-family: Entypo;
	content: '🔓 ';
}

.contact-role .alert {
	margin-top: 20px;
}

.contact-role .contact-pending-confirmation:before {
	margin-right: 3px;
	font-family: Entypo;
	content: '⏳ ';
}

.contact-role .contact-invite:before {
	content: '✎ ';
}

.contacts-list-full > li ~ li {
	margin-top: 20px;
}

.contacts-list-condensed {
	padding: 5px 40px;
}

.contacts-list-condensed > li {
	padding: 10px 0;
}

.contacts-list-condensed .contact-name {
	flex: 0 0 40%;
}

.contact-details {
	padding-right: 40px;
	margin: 0;
	flex: 1 0 150px;
}

.contact-manage {
	position: absolute;
	top: 20px;
	right: 20px;
}

.contacts-list-condensed .contact-info {
	padding: 15px 30px;
}

.contacts-list-condensed > li ~ li {
	padding-top: 15px;
	border-top: 1px solid #ddd;
}

.contacts-list-condensed .contact-role h3 {
	font-family: inherit;
	font-size: inherit;
	font-weight: normal;
	text-transform: none;
	margin: 0;
}

.contacts-list-condensed .contact-role ul.contact-role-description {
	display: none;
}

.contact-missing .contact-pending-confirmation:before {
  font-family: Entypo;
  content: "⏳ ";
}

.contact-missing .contact-confirmed:before {
  font-family: Entypo;
  content: "✓ ";
}

.account-contact-email-form-wrapper {
	background: #00759a;
	width: 600px;
}

.account-contact-email-form {
	padding-bottom: 0;
}

.form-result-contact-invite {
	margin-bottom: 60px;
}


.dl-service-access dd {
	text-align: right;
}

.dl-service-access form {
	display: none;
}


.postcode-housenumber-wrapper label.input-valid,
.address-validation-other label.input-valid,
.first-name label.input-error { 
	display: none!important; 
}

#addresssignuprequest-editinvoicedetails-form .validated-address-container .address-validation-countries {
	display: none;
}


.salutation-options label {
	display: inline;
}


.register-account-forms {
	display: flex;
	justify-content: space-between;
}

.register-account-forms > div {
	flex-basis: calc(50% - 20px);
}

dd.is-reseller > label {
	display: none;
}

.text-input-list-sites li:first-child .remove-site-link {
	display: none;
}

.text-input-list-sites li:nth-child(n+2) label.input-valid:before {
	right: 47px;
}

.remove-site-link {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	width: 40px;
	background-color: #e8e8e8;
	color: #ce1d00;
}


.account-sites {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.account-sites-site {
	margin-bottom: 20px;
}

.account-sites-site-locked {
	padding-left: 12px;
}

.account-sites-site > a:after {
	content: "🔒";
	font-family: Entypo;
	display: inline-block; 
	padding-left: 10px;
}

.account-sites li .badge {
	font-size: 13px;
	margin-left: 1em;
}

.site-delete-form {
	padding: 20px 40px;
}

.site-delete-form dl {
	width: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.site-delete-form dt.form-buttons,
.site-edit-form dt.form-buttons {
	display: block;
	font-size: 20px;
	font-weight: normal;
	word-break: break-all;
	min-width: 0;
}

.site-delete-form dd.form-buttons {
	position: static;
	text-align: left;
	margin: 0;
}

.register-sites-site + .register-sites-site {
	border-top: 1px solid #bababa;
	padding-top: 15px;
}

.register-sites-site dd {
	margin-top: 0;
}

.register-sites-site-isRequested [data-icon] {
	color: #008d06;
}

.register-sites .site-edit-form > dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.register-sites-url {
	padding-bottom: 15px;
}

.register-sites-controls {
	flex: 1 0 150px;
	padding-bottom: 15px;
}

.signup-navigation {
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: center;
}

.button-signup-next {
	margin-left: auto;
}


.form-wrapper-addresssignuprequest-contact .account-contact-email-form dt {
	display: none;
}

.account-contacttype-form {
	padding-bottom: 0;
	overflow: hidden;
}

.account-contacttype-form dd {
	margin-bottom: 0;
}

.account-contacttype-form label {
	display: block;
}


.addresssignuprequest-editsubscription-form {
	display: none;
}

.table-subscription-type {
	margin-bottom: 40px;
}

.table-subscription-type th:first-child,
.table-subscription-type td:first-child {
	padding-left: 0;
}

.table-subscription-type tbody tr td {
	background-color: transparent;
	padding-bottom: 5px;
}

.col-subscription-name {
	width: 240px;
}

.col-tier-name {
	width: 140px;
}

.api-tiers {
	margin: 40px 0;
}

.api-tier {
	border-color: #edf6f9;
}

.api-tier-footer {
	height: 40px;
}

.api-tier-isSelected {
	box-sizing: border-box;
	border: 3px solid #d49b00;
	transition: border-color .5s ease-out;
}

.api-tier-isSelected h3 {
	background-color: #d49b00;
	padding-top: 27px;
}

.api-tier-isSelected .api-tier-body {
	padding: 0 17px;
}

.api-tier-isSelected .api-tier-footer {
	padding-bottom: 27px;
}

.api-tier-isSelected .button-api-tier-select {
	display: none;
}

@keyframes apiTierCheckfadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.api-tier-isSelected .api-tier-footer:before {
	font-family: Entypo;
	font-size: 32px;
	line-height: 32px;
	content: '✓';
	color: #d49b00;
	animation: .5s ease-out apiTierCheckfadeIn;
}

.api-tiers-footnotes {
	margin: 40px 0;
}

.checkbox-list label {
	display: block;
}

.address-api-usage-intention ul {
	padding-left: 20px;
}

.address-api-usage-intention .dl-compact-controls {
	display: none;
}

.title-services-requirements .logo-postcode {
	vertical-align: middle;
}

.viewapisubscription-action .dl-compact dt {
	min-width: 220px;
}


.addresssignuprequest-editinvoicedetails-form .company-info {
	margin-top: 10px;
	line-height: 1.2;
}

.addresssignuprequest-editinvoicedetails-form .company-info + label {
	display: inline;
}

.addresssignuprequest-editinvoicedetails-form .reference-number label.input-valid {
	position: absolute;
	top: 32px;
	right: 0;
}


.productorder-controller form {
	max-width: none;
	width: 640px;
}

.productorder-controller .logo a {
	width: 226px;
	background-image: url(../4.0.46.0/img/postcodeeu-logo.svg);
}

.productorder-controller .productorder-confirm-form {
	width: auto;
}

:lang(nl) .productorder-controller .logo a {
	background-image: url(../4.0.46.0/img/postcodenl-logo.svg);
}

.previous-link {
	padding-right: 20px;
}


.autocomplete-address-result {
	position: relative;
	margin-top: 10px;
	padding: 20px 20px 20px 40px;
	line-height: 1.2;
	background-color: #b5e3be;
	color: #095018;
}

.autocomplete-address-result:empty {
	display: none;
}

.autocomplete-address-result:before {
	position: absolute;
	display: block;
	left: 18px;
	top: 20px;
	z-index: 1;
	font-family: Entypo;
	content: "";
	color: #007819;
}

.dashboard-product-prices {
	display: flex;
}

.dashboard-product-prices-intl {
	margin-right: 40px;
}

.dl-product-prices {
	font-size: 80%;
	color: #00759a;
}

.dl-product-prices > dt,
.dl-product-prices > dd {
	padding: 5px 0;
	border-color: #c2e1eb;
}

.dl-product-prices dt {
	position: relative;
	padding-left: 30px;
	min-width: 160px;
	font-weight: 600;
}

.dl-product-prices .national-flag {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-position: center;
	padding-top: 0;
}


.validation-autocomplete-form {
	position: relative;
	display: flex;
	margin-bottom: 40px;
}

.validation-autocomplete-countries {
	flex: 0 0 250px;
	margin-right: 20px;
}

.validation-autocomplete-countries .postcodenl-dropdown-label {
	display: flex;
	align-items: center;
	background-size: 32px;
}

.validation-autocomplete-countries [data-value] {
	padding-left: 68px;
	background-size: 32px;
}

.validation-autocomplete-countries .postcodenl-dropdown-options {
	z-index: 1002; 
}

.validation-autocomplete-query {
	padding: 15px 20px;
}

.validation-autocomplete-query:disabled {
	cursor: not-allowed;
}

.button-validation-autocomplete-submit {
	width: 100px;
	height: 0;
	padding: 63px 10px 0 10px;
	overflow: hidden;
	background: #fff url(../4.0.46.0/img/icons/search.svg) no-repeat center center;
	background-size: 50px;
}

.button-validation-autocomplete-submit:hover,
.button-validation-autocomplete-submit:focus {
	background-color: #00526c;
	background-image: url(../4.0.46.0/img/icons/search-white.svg);
}

.validation-autocomplete-result {
	display: grid;
	grid-template-columns: 60% auto;
	align-items: start;
	gap: 20px;
}

.validation-autocomplete-result:empty {
	display: none;
}

.validation-autocomplete-result-fadeIn {
	animation: .5s validation-autocomplete-result-fadeIn;
}

@keyframes validation-autocomplete-result-fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.copy-animation {
	animation: copy-animation 1s;
}

@keyframes copy-animation {
	20% {
		color: transparent;
	}
}

.validation-autocomplete-address-data {
	padding: 0;
}

.validation-autocomplete-address-data th {
	width: 200px;
	padding-right: 0;
}

.validation-autocomplete-address-data td:last-child {
	width: 60px;
	font-size: 85%;
	text-align: right;
}

.well-validation-autocomplete {
	padding: 20px;
	margin-bottom: 20px;
	color: #00759a;
}

.validation-autocomplete-addressing-address {
	margin-bottom: 10px;
	white-space: pre-line;
	line-height: 1.2;
	font-size: 24px;
	font-weight: 600;
}

.validation-autocomplete-coordinates {
	padding: 20px;
	margin-top: 20px;
}

.validation-access-form-toggle {
	float: right;
	white-space: nowrap;
}

.validation-access-form-toggle [data-icon] {
	margin-right: 5px;
}

.validation-setisvalidationenabled-form {
	display: none;
	margin-top: 20px;
}

.alert-validation-access {
	margin-top: 40px;
}

.alert-validation-access-show-form form {
	display: block;
}

.validation-autocomplete-reset {
	color: #00759a;
}


.bb svg {
 font: 10px sans-serif;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.bb path, .bb line {
 fill: none;
 stroke: #000; }

.bb text, .bb .bb-button {
 -webkit-user-select: none;
 -moz-user-select: none;
 user-select: none; }

.bb-legend-item-tile,
.bb-xgrid-focus,
.bb-ygrid-focus,
.bb-ygrid {
 shape-rendering: crispEdges; }

.bb-chart-arcs .bb-needle {
 fill: #000; }

.bb-chart-arc .bb-gauge-value {
 fill: #000; }

.bb-chart-arc path {
 stroke: #fff; }

.bb-chart-arc rect {
 stroke: #fff;
 stroke-width: 1; }

.bb-chart-arc text {
 fill: #fff;
 font-size: 13px; }


.bb-axis {
 shape-rendering: crispEdges; }


.bb-grid {
 pointer-events: none; }
 .bb-grid line {
  stroke: #aaa; }
 .bb-grid text {
  fill: #aaa; }

.bb-xgrid, .bb-ygrid {
 stroke-dasharray: 3 3; }


.bb-text.bb-empty {
 fill: gray;
 font-size: 2em; }


.bb-line {
 stroke-width: 1px; }


.bb-circle._expanded_ {
 stroke-width: 1px;
 stroke: white; }

.bb-selected-circle {
 fill: white;
 stroke-width: 2px; }


.bb-bar {
 stroke-width: 0; }
 .bb-bar._expanded_ {
  fill-opacity: 0.75; }


.bb-candlestick {
 stroke-width: 1px; }
 .bb-candlestick._expanded_ {
  fill-opacity: 0.75; }


.bb-target.bb-focused, .bb-circles.bb-focused {
 opacity: 1; }

.bb-target.bb-focused path.bb-line, .bb-target.bb-focused path.bb-step, .bb-circles.bb-focused path.bb-line, .bb-circles.bb-focused path.bb-step {
 stroke-width: 2px; }

.bb-target.bb-defocused, .bb-circles.bb-defocused {
 opacity: 0.3!important; }
 .bb-target.bb-defocused .text-overlapping, .bb-circles.bb-defocused .text-overlapping {
  opacity: .05!important; }


.bb-region rect {
 fill: steelblue;
 fill-opacity: .1; }


.bb-zoom-brush {
 fill-opacity: .1; }


.bb-brush .extent {
 fill-opacity: .1; }


.bb-legend-item {
 font-size: 12px;
 user-select: none; }

.bb-legend-item-hidden {
 opacity: 0.15; }

.bb-legend-background {
 opacity: 0.75;
 fill: white;
 stroke: lightgray;
 stroke-width: 1; }


.bb-title {
 font: 14px sans-serif; }


.bb-chart-treemaps rect {
 stroke: #fff;
 stroke-width: 1px; }


.bb-tooltip-container {
 z-index: 10;
 user-select: none; }

.bb-tooltip {
 border-collapse: collapse;
 border-spacing: 0;
 background-color: #fff;
 empty-cells: show;
 opacity: 0.9;
 box-shadow: 7px 7px 12px -9px #777;
 white-space: nowrap; }
 .bb-tooltip tr {
  border: 1px solid #CCC; }
 .bb-tooltip th {
  background-color: #aaa;
  font-size: 14px;
  padding: 2px 5px;
  text-align: left;
  color: #FFF; }
 .bb-tooltip td {
  font-size: 13px;
  padding: 3px 6px;
  background-color: #fff;
  border-left: 1px dotted #999; }
  .bb-tooltip td > span, .bb-tooltip td > svg {
   display: inline-block;
   width: 10px;
   height: 10px;
   margin-right: 6px; }
 .bb-tooltip.value {
  text-align: right; }


.bb-area {
 stroke-width: 0;
 opacity: 0.2; }


.bb-chart-arcs-title {
 dominant-baseline: middle;
 font-size: 1.3em; }

text.bb-chart-arcs-gauge-title {
 dominant-baseline: middle;
 font-size: 2.7em; }

.bb-chart-arcs {
  }
 .bb-chart-arcs .bb-chart-arcs-background {
  fill: #e0e0e0;
  stroke: #fff; }
 .bb-chart-arcs .bb-chart-arcs-gauge-unit {
  fill: #000;
  font-size: 16px; }
 .bb-chart-arcs .bb-chart-arcs-gauge-max {
  fill: #777; }
 .bb-chart-arcs .bb-chart-arcs-gauge-min {
  fill: #777; }
 .bb-chart-arcs .bb-levels circle {
  fill: none;
  stroke: #848282;
  stroke-width: .5px; }
 .bb-chart-arcs .bb-levels text {
  fill: #848282; }


.bb-chart-radars .bb-levels polygon {
 fill: none;
 stroke: #848282;
 stroke-width: .5px; }

.bb-chart-radars .bb-levels text {
 fill: #848282; }

.bb-chart-radars .bb-axis line {
 stroke: #848282;
 stroke-width: .5px; }

.bb-chart-radars .bb-axis text {
 font-size: 1.15em;
 cursor: default; }

.bb-chart-radars .bb-shapes polygon {
 fill-opacity: .2;
 stroke-width: 1px; }


.bb-button {
 position: absolute;
 top: 10px;
 right: 10px; }
 .bb-button .bb-zoom-reset {
  font-size: 11px;
  border: solid 1px #ccc;
  background-color: #fff;
  padding: 5px;
  border-radius: 5px;
  cursor: pointer; }


.short-stats {
  display: flex;
  justify-content: space-between;
}

.short-stats h2 {
  margin-top: 0;
}

.short-stats > div {
  flex-basis: calc(50% - 20px);
}

.chart svg {
  font-family: inherit;
  font-size: 14px;
}

.chart .bb-line {
  stroke-width: 2px;
}

.bb-grid line {
  stroke: #404040;
}

.bb-grid text {
  fill: #404040;
}

.bb-legend-item {
  font-size: 14px;
}

.bb-tooltip th {
  color: #003b4d;
}

.chart-usage {
  width: 300px;
  height: 200px;
}

.main-content-header-api-validations {
  align-items: flex-end;
}

.main-content-header-api-validations h2 {
  margin: 0;
}

.select-chart-param {
	width: auto;
	padding: 4px 8px;
	font-weight: 600;
	background-color: var(--color-primary);
	color: white;
}

.chart-validations {
  height: 320px;
}

.chart-validations-legacy .bb-legend-item {
  display: none;
}

.chart-usage .bb-gauge-value {
  font-size: 24px;
  font-weight: 700;
  font-family: Gilroy;
  text-transform: uppercase;
  fill: #00759a;
}

.bb-chart-arcs .bb-arc,
.bb-chart-arcs .bb-chart-arcs-background {
  stroke-width: 0;
}

.well-api-usage {
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin-bottom: 40px;
}

.well-api-usage h3 {
  margin: 0;
}

.well-recent-monthly-totals {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 50%;
  height: 200px;
}

.blank-slate-placeholder {
  border: 2px dashed rgba(0, 117, 154, 0.5);
  padding: 20px;
  color: #00759a;
  opacity: .33;
}

.blank-slate-placeholder h3 {
  margin: 0;
  font-size: 32px;
}

.blank-slate-placeholder p {
  margin: 0;
}

.monthly-total {
  flex: 0 0 50%;
}

.monthly-total h3 {
  margin: 0;
  font-weight: 500;
}

.monthly-total-number {
  display: block;
  font-size: 18px;
  font-family: Gilroy;
  font-weight: 700;
  color: #00759a;
}

.monthly-total:first-child {
  flex: 1 0 100%;
  margin-bottom: 40px;
}

.monthly-total:first-child .monthly-total-number {
  font-size: 48px;
  font-weight: 500;
}
@media (max-width: 1366px) {

	.contact-edit-roles {
		display: block;
	}

	.contact-edit-roles dd {
		text-align: left;
	}

	.contact-edit-roles .button ~ .button {
		margin-left: 10px;
	}

}

@media (max-width: 1200px) {

	.well-register ul {
		padding-left: 20px;
	}

}

@media (max-width: 1024px) {

	.site-delete-form {
		padding: 20px;
	}

	.api-tier-isSelected .api-tier-body,
	.api-tier-isSelected .api-tier-footer {
		padding-left: 17px;
		padding-right: 17px;
	}

	.register-account-forms {
		flex-direction: column-reverse;
	}

	.well-register-account-info {
		max-width: 520px;
		margin-bottom: 20px;
	}

	.validation-autocomplete-result {
		display: block;
	}

	.validation-autocomplete-address-data {
		margin-bottom: 40px;
	}

	.validation-autocomplete-addressing-address {
		position: relative;
		margin-bottom: 0;
	}

	.copy-addressing-link {
		position: absolute;
		top: 20px;
		right: 20px;
		line-height: 1;
	}

	.alert-validation-access {
		padding-right: 20px;
	}

}

@media (max-width: 768px) {

	.well-register-account-info {
		max-width: none;
	}

	.short-stats {
		display: block;
		margin-bottom: 40px;
	}

	.well-recent-monthly-totals {
		display: block;
		height: auto;
	}

	.monthly-total:first-child {
		margin-bottom: 0;
	}

	.monthly-total:nth-child(n+2) {
		margin-top: 20px;
	}

	.validation-autocomplete-form {
		flex-wrap: wrap;
	}

	.validation-autocomplete-countries {
		margin: 0 0 20px 0;
		flex-basis: 100%;
	}

	.validation-autocomplete-query {
		flex-basis: calc(100% - 100px);
	}

	.alert-validation-access,
	.validation-autocomplete-addressing {
		display: flex;
		flex-direction: column;
	}

	.validation-access-form-toggle,
	.validation-autocomplete-addressing small {
		align-self: flex-end;
	}

	.copy-addressing-link {
		position: static;
	}

}

@media (max-width: 640px) {

	.logo-header {
		margin: 0 20px 0 0;
	}

	.logo a {
		display: block;
	}

	.logo span {
		position: relative;
		bottom: 5px;
		width: auto;
		margin: 0;
	}

	.well-register {
		background-image: none;
	}

	.table-site-change-requests td[data-title] {
		padding-left: 170px;
	}

	.table-site-change-requests td[data-title]:before {
		width: 150px;
	}

	.table-site-change-requests td[data-title]:first-child {
		padding-left: 10px;
	}

	.table-site-change-requests td[data-title]:first-child:before {
		display: none;
		width: auto;
	}

	.table-select-account td[data-title] {
		padding-left: 170px;
	}

	.table-select-account td[data-title]:before {
		width: 150px;
	}

	.table-select-account th:nth-child(2),
	.table-select-account td:nth-child(2) {
		text-align: left;
	}

	.signup-summary > dd {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.signup-summary .dl-compact-controls {
		flex-grow: 1;
		order: 9;
	}

	.contacts-list-contact {
		display: block;
	}

	.contacts-list-item {
		padding: 20px;
	}

	.contacts-list-full h3,
	.contacts-list-full h3:first-child {
		margin-top: 20px;
	}

	.contact-edit-roles {
		display: block;
	}

	.account-contact-email-form-wrapper {
		width: auto;
	}

	.account-summary {
		display: block;
		margin-bottom: 40px;
	}

	.account-summary-company {
		padding: 0 0 20px 0;
		background: transparent;
	}

	.dl-compact .credentials-key {
		display: block;
		word-break: break-all;
	}

	.site-delete-form dl {
		display: block;
	}

	.site-delete-form dd.form-buttons {
		padding-top: 10px;
	}

	.well-api-usage {
		padding: 0;
	}

	.well-api-validations {
		padding: 10px;
	}

	.dashboard-product-prices {
		display: block;
	}

	.dashboard-product-prices-intl {
		margin-right: 0;
	}

	.dl-product-prices dt {
		min-width: 160px;
		float: left;
	}

	.dl-product-prices dd {
		border-top: 1px solid #ddd;
	}

	.validation-autocomplete-address-data,
	.validation-autocomplete-address-data tbody,
	.validation-autocomplete-address-data tr,
	.validation-autocomplete-address-data th,
	.validation-autocomplete-address-data td {
		display: block;
	}

	.validation-autocomplete-address-data tr {
		position: relative;
	}

	.validation-autocomplete-address-data th {
		width: auto;
		padding: 15px 15px 0 15px;
	}

	.validation-autocomplete-address-data td:last-child {
		position: absolute;
		top: 0;
		right: 0;
	}

	.validation-access-form-toggle {
		margin-top: 10px;
	}

	.validation-autocomplete-addressing-address {
		margin-bottom: 10px;
	}

}

@media (max-width: 480px) {

	.header-navigation {
		display: block;
	}

	.account-contact-email-form .input-group-email {
		flex-wrap: wrap;
	}

	.account-contact-email-form input {
		flex: 1 0 100%;
		margin-bottom: 10px;
	}

	.account-contact-email-form select {
		flex-basis: 80%;
	}

	.account-contact-email-form .input-group-addon {
		border-left-width: 1px;
	}

	.table-subscription-type thead {
		display: none;
	}

	.table-subscription-type tr:not(.hidden) {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.table-subscription-type tr:nth-child(n+2) {
		padding-top: 10px;
	}

	.table-subscription-type td {
		padding: 0;
	}

	.table-subscription-type td:first-child {
		flex-basis: 100%;
	}

	.table-subscription-type td:after {
		display: block;
		font-size: 16px;
		content: attr(data-title);
	}

	.table-subscription-type td:nth-child(2n) {
		padding-left: 20px;
	}

	.table-subscription-type td:nth-child(3n) {
		text-align: right;
	}

	.signup-summary .button,
	.well-register .button {
		display: inline-block;
		width: auto;
	}

	.validation-autocomplete-addressing-address {
		font-size: unset;
	}
}
@media print {}