:root {
	--page-line-height: 22.68px;
}

body {
	/* background-color: #f2f2f2 !important; */
	background-color: #fff !important;
	line-height: var(--page-line-height);
}

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

body, input, textarea, select, option, pre, button, h1, h2, h3, h4, h5, h6,
.salesforce input, .salesforce textarea, .salesforce select, .salesforce option, .salesforce pre, .salesforce button, .salesforce h1, .salesforce h2, .salesforce h3, .salesforce h4, .salesforce h5, .salesforce h6 {
	font-family: 'Host Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 350;
}

body, input, textarea, select, option, pre, button, .form-control {
	color: rgb(42, 43, 43);
	font-size: 17px;
}

/* Headings */

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

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

select {
	user-select: none;
}

.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: #e42c2a; text-decoration: none; font-weight: bold; }
a:hover   { color: #e42c2a; text-decoration: none; font-weight: bold; }
a:visited { color: #e42c2a; text-decoration: none; font-weight: bold; }

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

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

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

.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;
	margin-top: 10px;
	background-color: #fff;
	user-select: none;
}

.topnav-v2 .topnav-v2-logo img {
	height: calc(100% - 4px);
	width: auto;
}

.topnav-v2 .main-links a,
.topnav-v2 .sub-links a {
	color: #000;
	text-align: center;
	text-decoration: none;
	font-size: 17px;
	font-weight: 350;
	line-height: 56px;
	padding: 0px 13px;
	white-space: nowrap;
	/* box-shadow: inset 0px 0px 0px 1px blue; */
}

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

.topnav-v2 .links a.active {
	/* background-color: hsl(352deg 100% 39.22%); */
	background-color: #f9f9f9;
	/* 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:not(:has(a)) .section-header {
	display: none;
}

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

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

@media screen and (max-width: 1084px) {
	.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: 1085px) 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;*/
	min-height: 50px;
	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);*/
		width: 100%;
		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; */
		color: #0098d4;
		font-weight: normal;
		text-decoration: none;
		user-select: none;
		cursor: pointer;
		white-space: nowrap;
	}

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

.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%); */
	background-color: #f9f9f9;
}

.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: 1084px) {
	.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 */
.row:has(> .col-md-12 > div > .rvv2023-page),
	.col-md-12:has(> div > .rvv2023-page) {
	float: none;
	width: auto;
	padding: 0px;
	margin: 0px;
}

/* =========================================================================== */
/* SupplyType Picker - Used on pages like Login and Move*/

#firmanr-selection-buttons                   { margin-bottom: 15px; padding-bottom: 15px; /*border-bottom: 1px solid #aaa;*/ }
#firmanr-selection-buttons button            { background-color: transparent; border: 1px solid #888; color: #000; margin-right: 15px; min-width: 60px; }
#firmanr-selection-buttons button:hover      { background-color: #f9f9f9; }

#firmanr-selection-buttons button.selected,
#firmanr-selection-buttons button.invalid    { border-color: transparent; color: #fff; }

#firmanr-selection-buttons button.selected   { background-color: #333; }
#firmanr-selection-buttons button.invalid    { background-color: hsl(0deg 70% 45% / 40%); }

#firmanr-selection-buttons label             { display: block; }

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

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

.page-login #login-and-logout-error-message              { font-weight: bold; }


.login-via-mitid			{ margin-bottom: 50px; }
#btn-mitid					{ background-color: #0060E6; color: #FFFFFF; border-radius: 6px; padding: 26px 41px; font-weight: bold; font-size: x-large; font-family: 'IBM Plex Sans'; display: none; margin-left: 10%; }
#btn-mitid:hover			{ background-color: #004CB8; }
#btn-mitid span				{ font-weight: 600; font-size: large; padding-left: 16px; }

@media screen and (max-width: 445px) {
	#btn-mitid	{ padding: 5% 5%; /*width: 100%*/}
}

@media screen and (max-width: 396px) {
	#btn-mitid span { padding-left: 0px; }
}

@media screen and (max-width: 376px) {
	#btn-mitid { margin-left: 0px; }
}

	.login-separator-container {
		display: flex;
		margin-top: 75px;
		margin-bottom: 75px;
		align-items: center;
	}

	.login-separator-line {
		flex-grow: 1; /*Makes the lines flexible*/
		height: 2px;
		border: none;
		background-color: rgba(0, 0, 0, 0.1);
	}

	.login-separator-text {
		padding: 0 10px; /* Adds spacing between lines and text */
		white-space: nowrap; /*Prevents text from wrapping */
	}


	/* Font type on MitID button */
	.ibm-plex-sans {
		font-family: "IBM Plex Sans", sans-serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-variation-settings: "wdth" 100;
	}

	/* MitID logo on the button */
	.mitid-logo {
		display: inline-block;
		height: 28px;
		width: 119px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 234 62' version='1.1'%3E%3Ctitle%3EMitID identity blue%3C/title%3E%3Cdesc%3E%3C/desc%3E%3Cg id='(2.)-MitID-logo' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='scalable-vector' transform='translate(-576.000000, -264.000000)' fill='%23FFFFFF'%3E%3Cg id='MitID-identity-blue' transform='translate(576.000000, 264.000000)'%3E%3Cg id='group'%3E%3Cg id='brand-/-logo-/-mitid_logo'%3E%3Cpath d='M188.917342,0.941100331 L198.961909,0.941100331 C223.577531,0.941100331 234,14.3173314 234,31.0507435 C234,47.7841556 223.577531,61.1603866 198.961909,61.1603866 L188.917342,61.1603866 L188.917342,0.941100331 Z M181.403764,61.1604264 L128.80713,61.1604264 C130.306432,42.590944 141.427544,34.8143892 155.105447,34.8143892 C168.78335,34.8143892 179.904462,42.590944 181.403764,61.1604264 Z M169.663401,14.5845299 C169.663401,22.6394579 163.145388,29.1689007 155.105447,29.1689007 C147.065109,29.1689007 140.547493,22.6394579 140.547493,14.5845299 C140.547493,6.52999953 147.065109,0.000159070413 155.105447,0.000159070413 C163.145388,0.000159070413 169.663401,6.52999953 169.663401,14.5845299 Z M28.4911,48.6737966 L11.7927606,23.7236023 L11.7927606,61.1496891 L0,61.1496891 L0,3.11960941 L11.2267018,3.11960941 L28.7741295,30.5274416 L46.2272405,3.11960941 L57.2653883,3.11960941 L57.2653883,61.1496891 L45.3781522,61.1496891 L45.3781522,23.7236023 L28.8686049,48.6737966 L28.4911,48.6737966 Z M79.5330165,61.1496096 L67.8351283,61.1496096 L67.8351283,18.9024963 L79.5330165,18.9024963 L79.5330165,61.1496096 Z M92.2697379,28.3542216 L85.8545364,28.3542216 L85.8545364,18.9026553 L92.2697379,18.9026553 L92.2697379,7.46708333 L103.873548,7.46708333 L103.873548,18.9026553 L113.118646,18.9026553 L113.118646,28.3542216 L103.873548,28.3542216 L103.873548,46.8783689 C103.873548,50.1858404 105.665803,51.6982024 108.685048,51.6982024 C110.4777,51.6982024 112.458509,51.131514 113.779578,50.280885 L113.779578,60.6773295 C112.17548,61.5283562 109.345185,62 106.232258,62 C97.647297,62 92.2697379,57.7468548 92.2697379,48.3903331 L92.2697379,28.3542216 Z M80.6182935,6.94700261 C80.6182935,10.783781 77.5137028,13.8936076 73.683874,13.8936076 C69.8544421,13.8936076 66.7498514,10.783781 66.7498514,6.94700261 C66.7498514,3.11022425 69.8544421,0 73.683874,0 C77.5137028,0 80.6182935,3.11022425 80.6182935,6.94700261 Z' id='mitid_logo'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
		background-repeat: no-repeat;
	}

	/* =========================================================================== */
	/* 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 */
			margin-bottom: 20px;

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

			text-align: center;
		}

			.page-dashboard .dashboard-item .dashboard-item-text-top {
				font-weight: bold; 
				margin-bottom: 36px;
				height: calc(var(--page-line-height) * 1);
				overflow: hidden;
			}

			.page-dashboard .dashboard-item .dashboard-item-graphic-container {
				height: 100px;
				margin-bottom: 10px;
				text-align: center;
			}

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

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

			.page-dashboard .dashboard-item .dashboard-item-text-bottom {
				height: calc(var(--page-line-height) * 7);
				margin-bottom: 7px;
				padding: 0px;
				overflow: hidden;
			}

			.page-dashboard .dashboard-item p {
				margin: 0px;
				padding: 0px;
				margin-bottom: var(--page-line-height);
			}

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

/* =========================================================================== */
/* 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 {

	}

/* =========================================================================== */
/* Dokumenter page */

.page-documents .table-container {
	overflow-x: auto;
}

.page-documents table {
	width: auto !important;
	border: 0px !important;
}

.page-documents table th,
.page-documents table td {
	white-space: nowrap;
}

/* =========================================================================== */
/* 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"],
	.sonlinc-wizard textarea {
		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:not(:has(input)) {
		display: block;
		font-weight: bold;
		margin: 4px 0px;
		/* color: #444; */
	}

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

	.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: 60px;
				transition: width 0.4s;
				white-space: nowrap;
				overflow: hidden;
			}

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

			.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: 45px;
				}

.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-weight: 600 !important;
		font-size: 20px;
		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 {
	padding-top: 20px;
	padding-bottom: 20px;
	white-space: nowrap;
}

	.subfoot .subfoot-columns {
		display: flex;
		justify-content: left;
		gap: 100px;
	}

		.subfoot .subfoot-columns .subfoot-column .subfoot-header {
			color: #000;
			font-size: 24px;
			font-weight: 500;
			margin-bottom: 20px;
		}

		.subfoot .subfoot-columns .subfoot-column .subfoot-header2 {
			color: #000;
			font-size: 20px;
			font-weight: 500;
			margin-bottom: 20px;
		}

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

		.subfoot .subfoot-columns .subfoot-column section p {
			margin-bottom: 10px;
		}

	body .subfoot a {
		color: rgb(95, 100, 103);
		font-weight: normal;
		text-decoration: underline;
	}

@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;
	}
}