body {
	background-color: #f2f2f2 !important;
}

input, textarea, select, option {
	background-color: #fff !important;
}

body, input, textarea, select, option {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
	color: #222 !important;
}

/* Headings */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', 'Open Sans', sans-serif !important;
	font-weight: 600 !important;
	color: #444 !important;
}

h1 { font-size: 30px; line-height: 36.00px; margin-bottom: 20.0px; text-transform: uppercase !important; }
h2 { font-size: 22px; line-height: 29.26px; margin-bottom:  7.7px; text-transform: none      !important; }
h3 { font-size: 20px; line-height: 24.00px; margin-bottom:  7.0px; text-transform: none      !important; }

select {
	user-select: none;
}

/* Body text */

.rvv2023-page {
	line-height: 22.68px;
}

.rvv2023-page .page-column {
	margin-bottom: 30px;
}

.rvv2023-page:not(:has(.page-column)) {
	padding-bottom: 30px;
}

.no-margin-bottom { margin-bottom: 0px; }

/* Links */

a        { color: #c80019; text-decoration: none; }
a:hover  { color: #c80019; text-decoration: underline; }
avisited { color: #c80019; }

.rvv2023-page button,
.rvv2023-page .primary-button {
    color: white;
    background-color: rgb(59, 110, 143);
    border: 0;
    padding: 6px 9px;
	margin: 0px;
	border-radius: 3px;
	text-decoration: none;
	user-select: none;
}

.rvv2023-page button:hover,
.rvv2023-page .primary-button:hover {
	background-color: rgb(74, 138, 179);
}

/* ------------------------------ */

.red-button {
    background-color: hsl(352deg 100% 39.22%) !important;
}

.red-button:hover {
	background-color: hsl(352deg 80% 49.22%) !important;
}

/* ------------------------------ */

body > .container {
	background-color: white;
}

td, th {
	empty-cells: show;
}

/* Without this, the Placeholder text has the same color as the actual text */
.salesforce input[type="text"],
.salesforce input[type="password"],
.salesforce input[type="email"],
.salesforce textarea {
	color: black;
}

input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="email"]::placeholder,
textarea::placeholder {
	font-style: italic;
	color: #aaa;
}

.required-field-asterisk {
	color: red;
}

/* =========================================================================== */
/* Top menu v2 */

.topnav-v2 {
	--topnav-height: 100px;
	overflow: hidden;
	background-color: #fff;
	user-select: none;
}

.topnav-v2 .topnav-v2-logo img {
	height: 100%;
	width: auto;
}

.topnav-v2 .main-links a,
.topnav-v2 .sub-links a {
	color: #000;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 56px;
	padding: 0px 16px;
	white-space: nowrap;
	/* box-shadow: inset 0px 0px 0px 1px blue; */
}

.topnav-v2 .links a:hover {
	background-color: hsl(0deg 0% 93%);
	color: black;
}

.topnav-v2 .links a.active {
	background-color: hsl(352deg 100% 39.22%);
	color: white;
}

.topnav-v2 .menu-toggler {
	padding: 0px 16px;
	float: right;
}

	.topnav-v2 .menu-toggler > * {
		line-height: 56px;
		color: #767676;
	}

	.topnav-v2 .menu-toggler:hover > * {
		color: black;
	}

.topnav-v2 .sub-links {
	display: none;
}

.topnav-v2 .sub-links .section-header {
	background-color: #9d9898;
	color: white;
	padding: 16px;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
}

.topnav-v2 .sub-links a.current-page {
	color: white;
	background-color: hsl(352deg 100% 39.22%);
}

/* ------------------------------ */

@media screen and (max-width: 991px) {
	.topnav-v2 .topnav-v2-logo {
		float: left;
		height: 56px;
		border-width: 0px 1px;
	}

	.topnav-v2 .main-links {
		width: 100%;
		display: none;
		clear: both;
		/* box-shadow: inset 0px 0px 0px 1px red; */
	}

	.topnav-v2 .links.expand .main-links,
	.topnav-v2 .links.expand .sub-links {
		display: block;
		/* box-shadow: inset 0px 0px 0px 1px red; */
	}

		.topnav-v2 .links .main-links a,
		.topnav-v2 .links .sub-links a {
			display: block;
			line-height: 46px;
			text-align: left;
			text-transform: none;
		}

		body.is-logged-in .topnav-v2 .main-links a.selvbetjening-link {
			display: none;
		}

	.topnav-v2 .menu-toggler {
		display: block;
	}
}

/* ------------------------------ */

@media screen and (min-width: 992px) and (max-width: 1204px) {
	.topnav-v2 .topnav-v2-logo {
		height: 100px;
		text-align: center;
	}

	.topnav-v2 .main-links {
		width: 100%;
		height: 56px;
		display: flex;
		justify-content: space-between;
		/* box-shadow: inset 0px 0px 0px 1px red; */
	}

		.topnav-v2 .main-links a {
			line-height: 56px;
			flex: 1;
		}

	.topnav-v2 .menu-toggler {
		display: none;
	}
}

/* ------------------------------ */

@media screen and (min-width: 1205px) {
	.topnav-v2 .topnav-v2-logo {
		float: left;
		height: 100px;
		border-width: 0px 1px;
	}

	.topnav-v2 .main-links {
		float: right;
		height: 100px;
		display: flex;
		justify-content: space-between;
		/* box-shadow: inset 0px 0px 0px 1px red; */
	}

		.topnav-v2 .main-links a {
			line-height: 100px;
			flex: 1;
		}

	.topnav-v2 .menu-toggler {
		display: none;
	}
}

/* =========================================================================== */
/* Subheader */

.rvv2023
.subheader {
	height: 445px;
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
	user-select: none;
}

	.container .subheader img.subheader-bg {
		position: absolute;
		left: 0px;
		bottom: 0px;
		height: calc(100% + 50px);
		pointer-events: none;
	}

	.rvv2023
	.subheader-consumptionpoint-dropdown-and-spinner {
		display: block;
		position: absolute;
		width: 100%;
		top: 13px;
		text-align: right;
		padding-right: 13px;

	}

		.rvv2023
		.subheader-consumptionpoint-dropdown {
			width: 550px;
			max-width: calc(100% - 13px);
			padding: 5px;
			border: 1px solid hsl(0deg 0% 0% / 25%);
			background-color: white;
			outline-style: none;
		}

/* =========================================================================== */
/* Subheader Menu v2 */

.rvv2023 .subheader-menu-v2 {
	display: flex;
	justify-content: space-between;

	background-color: white;
	position: absolute;
	right: 13px;
	bottom: 13px;
}

	.rvv2023
	.subheader-menu-v2 a {
		padding: 11px 16px;
		line-height: 1em;
		color: black;
		text-decoration: none;
		text-transform: uppercase;
		user-select: none;
		cursor: pointer;
		white-space: nowrap;
	}

/* NOT current page */
.rvv2023 .subheader-menu-v2 a:hover {
	background-color: hsl(0deg 0% 93%);
}

.rvv2023 .subheader-menu-v2 a:active {
	background-color: hsl(0deg 2.59% 90%);
}

/* Current page */

.rvv2023 .subheader-menu-v2 a.current-page {
	color: white;
	background-color: hsl(352deg 100% 39.22%);
}

.rvv2023 .subheader-menu-v2 a.current-page:hover {
	background-color: hsl(352deg 100% 44%);
}

.rvv2023 .subheader-menu-v2 a.current-page:active {
	background-color: hsl(352deg 100% 49.22%);
}

/* ------------------------------ */

@media screen and (max-width: 991px) {
	.rvv2023 .subheader-menu-v2 {
		display: none;
	}
}

/* ------------------------------ */

/* @media screen and (min-width: 771px) and (max-width: 991px) {
	.rvv2023 .subheader-menu-v2 {
		width: 100%;
		right: 0px;
		bottom: 0px;
	}

		.rvv2023 .subheader-menu-v2 a {
			flex: 1;
		}
} */

/* =========================================================================== */

@media screen and (max-width: 991px) {
	.rvv2023
	.subheader {
		height: 265px;
	}
}

/* =========================================================================== */

.rvv2023-page {
	min-height: 300px;

	/* SAS-8522 */
	padding-left: 45px;
    padding-right: 45px;
}

/* SAS-8522 */
.row:has(> .col-md-12     > div > .rvv2023-page),
           .col-md-12:has(> div > .rvv2023-page) {
    float: none;
	width: auto;
	padding: 0px;
	margin: 0px;
}

/* =========================================================================== */
/* Login */

.page-login {
	padding-top: 30px;
}

/* =========================================================================== */
/* Dashboard */

.page-dashboard {
	overflow: hidden; /* Due to floated children */
}

	.page-dashboard .dashboard-items .dashboard-is-temporarily-down {
		text-align: center;
		margin-top: 30px;
	}

	.page-dashboard .dashboard-items > div {
		/*border: 1px solid #ff9200;*/  /* For testing */
	}

		.page-dashboard .dashboard-item {
			/* background-color: hsl(220 90% 80%); */  /* For testing */
			height: 380px;
			margin-bottom: 20px;

			border: 1px solid hsl(0deg 0% 82.99%); /* Experimental */
			border-radius: 5px; /* Experimental */
			padding: 8px; /* Experimental */

			text-align: center;
		}

			.page-dashboard .dashboard-item .dashboard-item-text-top {
				font-weight: bold; 
				font-size: 15px;
				margin-bottom: 36px;
			}

			.page-dashboard .dashboard-item .dashboard-item-graphic-container {
				text-align: center;
			}

				.page-dashboard .dashboard-item svg {
					height: 130px;
				}

				.page-dashboard .dashboard-item img {
					height: 100px;
					user-select: none;
				}

			.page-dashboard .dashboard-item .dashboard-item-text-bottom {
				height: 130px;
				margin-top: 28px;
				margin-bottom: 7px;
			}

			.page-dashboard .dashboard-item button {
				width: 190px;
			}

/* =========================================================================== */
/* Regninger page */

.page-account .dropdowns {
	float: right;
}

	.page-account .dropdowns .dropdown-container  {
		float: left;
		width: 150px;
		margin-left: 10px;
		margin-bottom: 10px;
		text-align: left;
	}

		.page-account .dropdowns .dropdown-container .dropdown  {
		}

@media screen and (max-width: 370px) {
	.page-account .dropdowns {
		float: none;
	}

		.page-account .dropdowns .dropdown-container  {
			float: none;
			width: auto;
			margin-left: 0px;
		}

			.page-account .dropdowns .dropdown-container .dropdown  {

			}
}

.page-account .account-balance {
	font-weight: bold;
	text-align: right;
	padding: 8px;
	color: #004781;
	font-size: 1em;
}

	.page-account .account-balance .account-balance-label {
		margin-right: 15px;
	}

	.page-account .account-balance .account-balance-value {

	}

/* =========================================================================== */
/* Forbrug page */

/* Debug */

/*.page-consumption .row > div {
	border: 1px solid #aaa;
}

.consumption-installation-and-address .info-row label,
.consumption-installation-and-address .info-row .info-value {
	border: 1px solid #aaa;
}*/

/* --------------------------------------------------------------------------- */
.page-consumption .consumption-installation-and-address {
	margin-bottom: 30px;
}

	.page-consumption .consumption-installation-and-address .info-row {
		margin-bottom: 4px;
	}

		.page-consumption .consumption-installation-and-address .info-row label {
			display: inline-block;
			width: 120px;
			vertical-align: top;
			font-weight: bold;
		}

		.page-consumption .consumption-installation-and-address .info-row .info-value {
			display: inline-block;
		}

@media screen and (max-width: 370px) {
		.page-consumption .consumption-installation-and-address .info-row label,
		.page-consumption .consumption-installation-and-address .info-row .info-value {
			display: block;
			width: auto;
		}
}

/* --------------------------------------------------------------------------- */

.page-consumption #consumption-charts-section {
	display: block;
	margin-top: 10px;
}

	.page-consumption #consumption-charts-section #consumption-radio-button-group {
		overflow: hidden;
		user-select: none;
	}

		.page-consumption #consumption-charts-section #consumption-radio-button-group > * {
			display: inline-block;
			margin-right: 15px;
			padding: 5px 8px;
			line-height: 1em;
			border: 1px solid #aaa;
			border-radius: 3px;
		}

		.page-consumption #consumption-charts-section #consumption-radio-button-group > *:last-child {
			margin-right: 0px;
		}

			.page-consumption #consumption-charts-section #consumption-radio-button-group > * input {
				margin-right: 5px;
			}

		.page-consumption #consumption-charts-section #consumption-radio-button-group select {
			outline-style: none;
			border-radius: 3px;
			margin-left: 8px;
			min-width: 60px;
		}

		.page-consumption #consumption-charts-section #consumption-radio-button-group select#month-consumption-by-year[disabled] {
			pointer-events: none;
		}

@media screen and (max-width: 411px) {
	.page-consumption #consumption-charts-section #consumption-radio-button-group > * {
		float: left;
		clear: both;
		border: 0px;
		padding: 0px;
		margin-top: 7px;
	}
}

.page-consumption #consumption-charts-section #charts-group {
	margin-top: 10px;
}

	.page-consumption #consumption-charts-section #charts-group fieldset.chart-section {
		min-width: 200px;
		padding: 8px;
		margin-bottom: 20px;
		border: 1px solid silver;
		border-radius: 6px;
	}

		.page-consumption #consumption-charts-section #charts-group .chart-section legend {
			border: 0px;
		}

		.page-consumption #consumption-charts-section #charts-group .chart-section .chart-canvas-container {
			position: relative;
			width: 100%;
			height: 400px;
		}

		.page-consumption #consumption-charts-section #charts-group .chart-section .chart-section-info {
			float: left;
			margin-right: 20px;
		}
		
.page-consumption .chart-view-pan-position-indicator {
	text-align: center;
	user-select: none;
	white-space: nowrap;
}

	.page-consumption .chart-view-pan-position-indicator > span.cvppi-point {
		display: inline-block;
		padding: 0px 6px;
		margin: 0px;
		cursor: pointer;
	}

		.page-consumption .chart-view-pan-position-indicator > span.cvppi-point > span {
			display: inline-block;
			width: 9px;
			height: 9px;
			background-color: hsl(0deg 0% 0% / 10%);
			font-size: 0px;
			border-radius: 2px;
		}

		.page-consumption .chart-view-pan-position-indicator > span.cvppi-point:hover > span {
			background-color: hsl(0deg 0% 0% / 26%);
		}

		.page-consumption .chart-view-pan-position-indicator > span.cvppi-point-current > span {
			background-color: hsl(0deg 0% 0% / 42%);
		}

	.page-consumption .chart-view-pan-position-indicator span.cvppi-nudge-button {
		padding: 2px;
		user-select: none;
		margin: 0px 15px;
		color: hsl(203deg 42% 40%);
	}

	.page-consumption .chart-view-pan-position-indicator span.cvppi-nudge-button:hover {
		color: hsl(203deg 42% 70%);
	}

	.page-consumption .chart-view-pan-position-indicator span.cvppi-nudge-button:hover {
		cursor: pointer;
	}

@media screen and (max-width: 430px) {
	.page-consumption .chart-view-pan-position-indicator > span.cvppi-point {
		padding: 0px 3px !important;
	}

	.page-consumption .chart-view-pan-position-indicator span.cvppi-nudge-button {
		margin: 0px 10px !important;
	}
}



		
@media screen and (min-width: 991px) {
	.page-consumption #consumption-charts-section #consumption-radio-button-group {
		/*text-align: center;*/
	}

	.page-consumption #consumption-charts-section #charts-group fieldset.chart-section {
		/*float: left;*/
		/* margin-right: 20px; */
	}

	.page-consumption #consumption-charts-section #charts-group fieldset.chart-section:last-child {
		margin-right: 0px;
	}
}

@media screen and (max-width: 768px) {
	.page-consumption #consumption-charts-section #charts-group .chart-section .chart-canvas-container {
		position: relative;
		width: 100%;
	}
}

/* =========================================================================== */
/* Forbrugsalarm page */

.page-conserveheatenergy .sonlinc-page-section:not(.page-conserveheatenergy .sonlinc-page-section:last-of-type) {
	margin-bottom: 30px;
}

.page-conserveheatenergy fieldset.chart-section {
	min-width: 200px;
	padding: 8px;
	margin-bottom: 20px;
	border: 1px solid silver;
	border-radius: 6px;
}

	.page-conserveheatenergy .chart-section legend {
		border: 0px;
	}

	.page-conserveheatenergy .chart-section .chart-canvas-container {
		position: relative;
		width: 100%;
		height: 400px;
	}

	.page-conserveheatenergy .chart-section .chart-section-info {
		float: left;
		margin-right: 20px;
	}

@media screen and (max-width: 768px) {
	.page-conserveheatenergy .chart-section .chart-canvas-container {
		position: relative;
		width: 100%;
	}
}

@media screen and (min-width: 991px) {
	.page-conserveheatenergy fieldset.chart-section:last-child {
		margin-right: 0px;
	}
}
		
/* --------------------------------------------------------------------------- */

.page-conserveheatenergy .chart-view-pan-position-indicator {
	text-align: center;
	user-select: none;
	white-space: nowrap;
}

	.page-conserveheatenergy .chart-view-pan-position-indicator > span.cvppi-point {
		display: inline-block;
		padding: 0px 6px;
		margin: 0px;
		cursor: pointer;
	}

		.page-conserveheatenergy .chart-view-pan-position-indicator > span.cvppi-point > span {
			display: inline-block;
			width: 9px;
			height: 9px;
			background-color: hsl(0deg 0% 0% / 10%);
			font-size: 0px;
			border-radius: 2px;
		}

		.page-conserveheatenergy .chart-view-pan-position-indicator > span.cvppi-point:hover > span {
			background-color: hsl(0deg 0% 0% / 26%);
		}

		.page-conserveheatenergy .chart-view-pan-position-indicator > span.cvppi-point-current > span {
			background-color: hsl(0deg 0% 0% / 42%);
		}

	.page-conserveheatenergy .chart-view-pan-position-indicator span.cvppi-nudge-button {
		padding: 2px;
		user-select: none;
		margin: 0px 15px;
		color: hsl(203deg 42% 40%);
	}

	.page-conserveheatenergy .chart-view-pan-position-indicator span.cvppi-nudge-button:hover {
		color: hsl(203deg 42% 70%);
	}

	.page-conserveheatenergy .chart-view-pan-position-indicator span.cvppi-nudge-button:hover {
		cursor: pointer;
	}

@media screen and (max-width: 430px) {
	.page-conserveheatenergy .chart-view-pan-position-indicator > span.cvppi-point {
		padding: 0px 3px !important;
	}

	.page-conserveheatenergy .chart-view-pan-position-indicator span.cvppi-nudge-button {
		margin: 0px 10px !important;
	}
}

/* =========================================================================== */
/* Mine-Maalere */

.dcc-header {
	display: none !important; /* Hides the original header image which belongs to mine-maalere */
}

/* =========================================================================== */
/* Customer Edit page */

.page-customer-edit .customer-person {
	margin-bottom: 30px;
}

.page-customer-edit .customer-cprnr,
.page-customer-edit .customer-cvrnr {
	position: relative;
}

.page-customer-edit .formFieldTextLocked {
	display: none;
	position: absolute;
	line-height: 35px;
	right: 12px;
	color: #0008;
	z-index: 1000;
	user-select: none;
}

/* =========================================================================== */
/* Contact Form page */

.page-contactform {

}

/*.page-contactform .section {
	margin-top: 30px;
}*/


.page-contactform h2,
.page-contactform h3 {
	margin-top: 35px;
}


.page-contactform .registered-meter-data-section {

}

	.page-contactform .registered-meter-data-section .consumptionpointid-and-address {
		margin-bottom: 12px;
	}

	.page-contactform .registered-meter-data-section p {
		margin-bottom: 23px;
	}

	.page-contactform .registered-meter-data-section label {
		font-weight: bold;
		margin-bottom: 0px;
		margin-right: 7px;
	}

	.page-contactform .registered-meter-data-section th, 
	.page-contactform .registered-meter-data-section td {
		padding: 3px 8px;
		border: 1px solid #c3c3c3;
	}

	.page-contactform .registered-meter-data-section th {
		font-weight: bold;
		vertical-align: top;
	}

	.page-contactform .registered-meter-data-section td {
		white-space: nowrap;
	}

	

.page-contactform .contact-form-section {

}

	.page-contactform .contact-form-section form {
		position: relative;
	}

		 .page-contactform .contact-form-section .form-elements.form-disabled {
			pointer-events: none;
			user-select: none;
			opacity: 0.5;
		}

		.page-contactform .contact-form-section .response-method .response-method-text {
			margin-right: 15px;
		}

		.page-contactform .contact-form-section .response-method .response-method-checkboxes {
			white-space: nowrap;
			font-weight: bold;
		}

			.page-contactform .contact-form-section .response-method .response-method-checkboxes label {
				margin-right: 15px;
				font-weight: normal;
				user-select: none;
			}

			.page-contactform .contact-form-section .response-method .response-method-checkboxes input[type=checkbox] {
				margin-right: 8px;
				vertical-align: top;
			}

/* =========================================================================== */
/* Move page */

.page-move {
	padding-top: 30px;
}

.page-move form {
	min-width: 250px;
	max-width: 500px;
	border: 1px solid #aaa;
	border-radius: 5px;
	padding: 11px;
}

.sonlinc-wizard {
	position: relative;
}

	.sonlinc-wizard .sw-full-width {
		width: 100%;
		background-color: red;
	}

	.sonlinc-wizard input[type="text"],
	.sonlinc-wizard input[type="email"],
	.sonlinc-wizard input[type="tel"],
	.sonlinc-wizard input[type="date"] {
		display: block;
		border: 1px solid #aaa;
		border-radius: 4px;
		padding: 3px 5px;

		/* outline: 0px; */
		outline-color: initial;
	}

	.sonlinc-wizard textarea { 
		resize: vertical;
		min-height:70px;
	}

	.sonlinc-wizard input[type="text"].sw-invalid,
	.sonlinc-wizard input[type="email"].sw-invalid,
	.sonlinc-wizard input[type="tel"].sw-invalid,
	.sonlinc-wizard input[type="date"].sw-invalid {
		outline-color: red;
	}

	.sonlinc-wizard *[data-required]:has(input) {
		border-radius: 4px;
	}

	.sonlinc-wizard label {
		display: block;
		font-weight: bold;
		margin: 4px 0px;
		color: #444;
	}

	.sonlinc-wizard label:has(input[type="radio"]) {
		font-weight: normal;
		margin-right: 8px;
	}

	.sonlinc-wizard input[type="radio"] {
		vertical-align: top;
	}

	.sonlinc-wizard .required-field-asterisk {
		color: red;
		padding-left: 4px;
	}

	.sonlinc-wizard .sw-subpage .sw-invalid {
		border: 1px solid red;
	}

	.sonlinc-wizard *[data-required].sw-invalid:has(input) {
		padding: 3px 5px;
	}

	.sonlinc-wizard .sw-subpage {
		display: none;
	}

	.sonlinc-wizard .sw-subpage:not(.sonlinc-wizard .sw-subpage:last-of-type) {
		margin-bottom: 30px;
	}

	.sonlinc-wizard .sw-row {
		overflow: hidden;
		margin-bottom: 8px;
	}

	.sonlinc-wizard .sw-space-vertical {
		height: 15px;
	}

		.sonlinc-wizard .sw-nav-buttons {
			overflow: hidden;
			/* margin-top: 15px; */
		}

		.sonlinc-wizard .sw-nav-buttons:first-child {
			margin-bottom: 15px;
		}

		.sonlinc-wizard .sw-nav-buttons:last-child {
			margin-top: 15px;
		}

			.sonlinc-wizard .sw-nav-buttons .sw-previous-subpage-button {
				float: left;
			}

			.sonlinc-wizard .sw-nav-buttons .sw-next-subpage-button {
				float: right;
			}

			.sonlinc-wizard .sw-nav-buttons .sw-submit-button {
				float: right;
				width: 50px;
				transition: width 0.4s;
				white-space: nowrap;
				overflow: hidden;
			}

			.sonlinc-wizard .sw-nav-buttons .sw-submit-button.sw-alternate {
				width: 150px;
			}

			.sonlinc-wizard .sw-nav-buttons .sw-summary-subpage-button {
				display: block;
				float: right;
				margin-right: 10px;
			}

			.sw-scroll-target {
				top: -14px;
				position: absolute;
			}

		/* --------------------------------------------------------------------------- */

		.sonlinc-wizard .sw-subpage-readings {

		}

			.sonlinc-wizard .sw-subpage-readings .meter-section {
				margin-bottom: 15px;
			}

			.sonlinc-wizard .sw-subpage-readings .sw-row input[type="text"],
			.sonlinc-wizard .sw-subpage-readings .sw-row span {
				display: inline-block;
				margin-right: 5px;
			}

			.sonlinc-wizard .sw-subpage-readings .sw-row input[type="text"] {
				max-width: 170px;
				width: calc(100% - 30px);
			}

			.sonlinc-wizard .sw-subpage-readings .sw-meter-unit {
				font-weight: bold;
			}

			.sonlinc-wizard .sw-subpage-readings .sw-meter-lastreading-info {
				font-size: 0.9em;
				font-style: italic;
				color: #555;
			}

			/* Style of last reading value, e.g.: "1234 GJ" */
			.sonlinc-wizard .sw-subpage-readings .sw-meter-lastreading-info strong {
				color: #949494;
			}

			.sonlinc-wizard .sw-subpage-readings .meter-sections {
				min-height: 60px;
			}

		/* --------------------------------------------------------------------------- */

		.sonlinc-wizard .sw-subpage-summary {
			
		}
			.sw-subpage-x-summary {
				margin-bottom: 15px;
				padding-top: 15px;
				border-top: 1px solid #ccc;
			}
			
			.sw-subpage-x-summary h3:not(.sw-prevent-cursor-pointer) > * {
				cursor: pointer;
			}
			
			.sw-subpage-x-summary h3:not(.sw-prevent-cursor-pointer) > *:hover {
				color: hsl(352deg 100% 39.22%);
			}
			
			.sw-subpage-x-summary h3 .sw-summary-heading-arrow {
				opacity: 0.5;
				padding-left: 4px;
				font-size: 0.6em;
			}

			.sonlinc-wizard .sw-subpage-summary .sw-not-provided {
				font-style: italic;
				color: #888;
				white-space: nowrap;
			}

			.sonlinc-wizard .sw-subpage-summary .sw-subpage-02x-summary .sw-subpage-02x-label-meter {
				margin-top: 10px;
			}

			.sonlinc-wizard .sw-subpage-summary .sw-subpage-02x-summary .sw-meter-reading {
				margin-left: 15px;
			}

				.sonlinc-wizard .sw-subpage-summary .sw-subpage-02x-summary .sw-meter-reading .sw-meter-unit {
					font-weight: bold;
					display: inline-block;
					width: 30px;
				}

.sonlinc-wizard #form-feedback {
}

.sonlinc-wizard #form-feedback.form-feedback-border {
	padding-bottom: 15px;
	border-bottom: 2px solid #888;
	margin-bottom: 15px;
}

	.sonlinc-wizard #form-feedback #form-feedback-title {
		font-family: 'Raleway', 'Open Sans', sans-serif !important;
		font-weight: 600 !important;
		font-size: 20px;
		color: #444 !important;
		margin-bottom: 10px;
	}

	.sonlinc-wizard #form-feedback #form-feedback-body {
	}

	.sonlinc-wizard #form-feedback.form-feedback-error #form-feedback-body {
		color: hsl(352deg 100% 39.22%);
	}
			

/* =========================================================================== */
/* Footer */

body .subfoot {
	background-color: #222;
	color: #c8c8c8;
	font-size: 14px;
	font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
	line-height: 22.68px;
	padding: 60px;
}

	.subfoot .subfoot-columns {
		display: flex;
		justify-content: space-between;
	}

		.subfoot .subfoot-columns .subfoot-column .subfoot-header {
			color: #fff;
			font-size: 16px;
			font-weight: 400;
			margin-bottom: 20px;
		}

@media screen and (max-width: 991px) {
	.subfoot .subfoot-columns {
		display: block;
	}

	.subfoot .subfoot-columns .subfoot-column {
		margin-bottom: 30px;
	}

	.subfoot .subfoot-columns .subfoot-column:last-child {
		margin-bottom: 0px;
	}
}