/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

.AdresBovenKeuzeMenu {
	top: 34px !important;
}

.ui-dialog .ui-dialog-titlebar-close {
	background-image: url(/Content/images/kruisje2.png);
}

.uitloggen-item{
	cursor: pointer;
}

.modules {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Chrome/Safari/Opera */
	-khtml-user-select: none; /* Konqueror */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently not supported by any browser */
}

.woonconnect-logo {
	background-image: url(/content/images/header-woonconnect.png);
	width: 200px;
	height: 80px;
	background-size: contain;
	background-repeat: no-repeat;
}

.bedrijf-logo {
	background-image: url(/content/images/header-woonconnect.png);
	width: 200px;
	height: 50px;
	background-size: contain;
	background-repeat: no-repeat;
}

body {
	/*background-color: #5c87b2;*/
	background-color: #FFF;
	font-size: .75em;
	font-family: "Open Sans", Helvetica, Arial;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility; /*font-family: Verdana, Helvetica, Sans-Serif;*/
	margin: 0;
	padding: 0;
	color: rgb(0,0,0);
	cursor: default;
}

.MainContentDiv {
	overflow: auto;
}

select {
	cursor: pointer;
}

.eindresultaat-knop {
	text-decoration: none;
	background-color: #debb25;
	border-radius: 5px;
	font-size: 12px;
	font-weight: bold;
	padding: 10px;
	margin: auto;
	width: 150px;
	text-align: center;
	cursor: pointer;
	margin-top: 20px;
}

.mijn-gebruikers-profiel-knop {
	background-color: #debb25;
	border-radius: 5px;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	right: 15px;
	top: 13px;
	padding: 10px;
}

body {
	-webkit-animation-duration: 0.1s;
	-webkit-animation-name: fontfix;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0.1s;
}

@-webkit-keyframes fontfix {
	from {
		opacity: 1;
	}

	to {
		opacity: 1;
	}
}

a {
	text-decoration: none;
	color: #000;
}

	a:hover {
		text-decoration: underline;
	}
/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
	margin-top: 0;
}

.kop {
	background-color: #027EC8;
	padding: 0 10px;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	height: 35px;
	line-height: 35px;
}
/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */

.page-fullscreen {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

#title {
	height: 5px;
	background-repeat: no-repeat;
	background-position: center top;
}


#pageheader-fullscreen {
	width: 100%;
	margin: auto;
}

#logindisplay-fullscreen {
	background-color: transparent;
	font-size: 1.1em;
	display: block;
	text-align: right;
	height: 21px;
	line-height: 21px;
	color: #000;
	margin: auto;
	width: 100%;
	padding: 5px 0px 5px 0px;
}


	#logindisplay-fullscreen a {
		color: inherit;
	}

#main {
	clear: both;
	background-color: #FFFFFF;
	_height: 1px; /* only IE6 applies CSS properties starting with an underscore */ /*border-bottom: 1px solid #000;     border-left: 1px solid #000;     border-right: 1px solid #000;*/
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #CCC;
}

	fieldset p {
		margin: 2px 12px 10px 10px;
	}

legend {
	font-size: 1.1em;
	font-weight: 600;
	padding: 2px 4px 8px 4px;
}

input[type="text"] {
	border: 1px solid #CCC;
}

input[type="number"] {
	width: 200px;
	border: 1px solid #CCC;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="password"] {
	width: 200px;
	border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------*/

table {
	border-collapse: collapse;
	border-spacing: 0px;
}
	/*
	Tabellen
*/
	table.editor {
		width: 100%;
		border-spacing: 2px;
		border-collapse: separate;
	}

		table.editor thead th {
			background-color: #027EC8;
			color: #FFF;
			padding-left: 4px;
		}

		table.editor tr {
			height: 26px;
		}

		table.editor tbody tr:hover td {
			background-color: #9AD8F1;
		}

		table.editor tbody td {
			background-color: #F0F0F0;
			padding-left: 4px;
		}
/* MISC  
----------------------------------------------------------*/
.clear {
	clear: both;
}

.error {
	color: Red;
}

.menucontainer {
	position: relative;
	top: -40px;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
	color: #ff0000;
}

.field-validation-valid {
	display: none;
}

.input-validation-error {
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}

.validation-summary-errors {
	font-weight: bold;
	color: #000000;
	padding-top: 30px;
}

	.validation-summary-errors ul {
		list-style: none;
	}

.validation-summary-valid {
	display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label, .display-field, .editor-field {
	margin: 0.5em 0;
}

.text-box {
	width: calc(100% - 25px) !important;
}

	.text-box.multi-line {
		height: 6.5em;
	}

.tri-state {
	width: 6em;
}

/*ul.menu
{
	text-align: right;
	margin-right: 20px;
}

ul.menu li
{
	display: inline;
	list-style: none;
}

ul.menu li#greeting
{
	padding: 10px 20px;
	font-weight: bold;
	text-decoration: none;
	line-height: 2.8em;
	color: #fff;
}

ul.menu li a
{
	padding: 5px 10px;
	font-weight: bold;
	text-decoration: none;
	line-height: 2.8em;
	background-color: #273691;
	color: #FEFFFF;
	border-bottom: 2px solid #004F55;
	border-top: 2px solid #004F55;
}

ul.menu li a:hover
{
	background-color: #004F55;
	text-decoration: none;
}

ul.menu li a:active
{
	background-color: #004F55;
	text-decoration: none;
}

ul.menu li.selected a
{
	background-color: #B5C0C6;
	color: #FFF;
}

ul.menu .active
{
	background-color: #004F55;
}*/
/*
	Modules
*/

/*.modules-menu .dropdown
{
	z-index: 99;
}

.modules-menu .dropdown li:hover
{  
	background-color: #ffffff;
}

.modules-menu .dropdown ul
{  
	background-color: #e8eff5;
	margin-right: 0px;
}

.modules-menu .dropdown ul li
{  
	border-radius: 0px;
	box-shadow: none;
	-webkit-box-shadow: none;
}

*/

/*ul.menu1 li.menu_active a
{
	color:#FFF;
}
ul.menu1 li a:hover 
{
	color:#017DC7;
	background-color: #E3F4FB;
}
ul.menu1 li.menu_active, ul.menu1 li.menu_active a:hover
{
	background-color:#027EC8;
	color: #FFF;
}*/

#ViewMainDiv {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
/*
Test voor non focus op img
*/
:focus {
	outline: 0;
}

img {
	-ms-interpolation-mode: bicubic;
}
/*
	Kavel classes
*/
.img-container {
	display: block;
	position: relative;
	text-align: center;
}

	.img-container img {
		display: block;
		height: 100%;
	}

.bezet {
	display: block;
	border: 2px solid #FFF;
	position: absolute;
}

.vrij {
	display: block;
	position: absolute;
	cursor: pointer;
}

	.vrij:hover {
		background-color: rgba(50, 50, 50, 0.5);
	}

.eigen {
	display: block;
	border: 4px solid Red;
	position: absolute;
	margin: -4px 0px 0px -4px;
}

.kavel-eigen {
	fill: #323232;
	fill-opacity: 0.2;
	stroke: red;
	stroke-width: 2;
}

.kavel-vrij {
	fill: transparent;
	stroke: none;
	stroke-width: 0;
	cursor: pointer;
}

.kavel-bezet {
	opacity: 0.5;
	stroke: none;
	stroke-width: 0;
}

.kavel-vrij:hover {
	fill: #323232;
	fill-opacity: 0.4;
}

.kavel-optie {
	fill: #323232;
	fill-opacity: 0.6;
	cursor: url(/Content/images/fail.png), auto;
}

.kavel-verkocht {
	fill: #323232;
	fill-opacity: 0.8;
	cursor: url(/Content/images/fail.png), auto;
}

.kavelLijst ul li {
	position: absolute;
	display: list-item;
	top: 0px;
	left: 0px;
}

	.kavelLijst ul li a {
		color: Red;
	}

area {
	display: block;
}

#algemene-informatie-kavel {
	float: right;
	position: absolute;
	top: 40px;
	right: 50px;
	width: 350px;
}

	#algemene-informatie-kavel .info_fieldset {
		background-color: rgba(255, 255, 255, 0.5);
	}

.wijk-selecteer-titel {
	color: #7E7E7E;
}

.wijk-selecteer-streep {
	border-bottom: 2px solid #7E7E7E;
}

.wijk-selecteren-main {
	width: 100%;
	height: 100%;
}

.wijk-selecteer-achtergrond {
	background-color: #FFF;
	width: 100%;
	height: 100%;
}

#wijk-selecteer-left {
	width: 700px;
	height: 600px;
	float: left;
	overflow: hidden;
}

#wijk-selecteer-right {
	width: 370px;
	height: 600px;
	float: left;
	overflow: hidden;
}

/*
	login / welkom
*/
.woon-login {
	width: 900px;
	margin: auto;
}

.woon-login-user {
	width: 440px;
	background: #D9D9D9;
	height: 200px;
	margin-top: 20px;
}

.woon-login-user-header {
	border-bottom: 1px dotted black;
	height: 26px;
	line-height: 26px;
	padding: 0 10px;
	font-weight: bold;
}

.woon-login-user-content {
	padding: 10px;
}

	.woon-login-user-content input[type="Text"], .woon-login-user-content input[type="password"] {
		width: 254px;
	}

.woon-login-venster {
	width: 375px;
	margin-top: 20px;
	height: 180px;
	background-color: #9AD8F1;
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	padding: 10px 30px;
}

.woon-login-welkom {
	margin-top: 20px;
	background-color: #FFF;
}

	.woon-login-welkom h2 {
		-webkit-margin-before: 0;
		padding: 0px;
	}
/*
	Tiny MCE
*/
.tinySourceButton {
	height: 24px;
	line-height: 24px;
	padding: 4px 20px 4px 20px;
	border: solid 1px #CCC;
	background-color: #F0F0EE;
	border-bottom: 0px;
	cursor: pointer;
}
/*
	jsTree
*/
.jstree-default.jstree-focused {
	background: transparent;
}
/*
	Kavel tooltip
*/
#kavelTooltip {
	border: solid 2px #438DCC;
}

	#kavelTooltip .foto {
		background-color: #E2F3FA;
		width: 150px;
	}

	#kavelTooltip .info {
		padding: 10px 20px 10px 20px;
	}

		#kavelTooltip .info table tr td {
			height: 22px;
			line-height: 22px;
		}

		#kavelTooltip .info table td.label {
			color: #438DCC;
			font-weight: bold;
		}

		#kavelTooltip .info table td.waarde {
			color: black;
			font-weight: bold;
			padding-left: 20px;
			padding-right: 20px;
		}
/*
	Configurator
*/

.weergave, .weergave-dropdown {
	background-color: #9AD8F1;
	padding: 4px;
	width: auto;
	float: right;
	position: relative;
}

	.weergave img {
		width: 100%;
		height: 100%;
	}

	.weergave ul, .weergave-dropdown ul {
		background-color: #9AD8F1;
		list-style-type: none;
		margin: auto;
		padding: 0px;
		-webkit-margin-before: 0px;
		-webkit-margin-after: 0px;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
	}

		.weergave ul li {
			float: left;
			line-height: 26px;
		}

			.weergave ul li.actief, .weergave ul li:hover {
				background-color: transparent;
			}

			.weergave ul li.Seperator {
				border-left: solid 1px white;
			}

			.weergave ul li a {
				padding: 5px 5px 5px 5px;
				text-decoration: none;
				display: block;
				width: 26px;
				height: 26px;
			}

.weergave-fullscreen {
}

/*.weergaveMenuHeader {
	height: 50px;
	float: left;
	background-color: #C1C1C1;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	white-space: nowrap;
	text-align: center;
	padding: 5px;
	width: 60px;
}

	.weergaveMenuHeader.verkoop {
		width: 32% !important;
	}

	.weergaveMenuHeader:before,
	.weergaveMenuHeader_before {
		content: "";
		display: inline-block;
		height: 100%;
		vertical-align: middle;
	}

.weergaveMenuHeaderHelp {
	height: 50px;
	background-color: #C1C1C1;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	white-space: nowrap;
	text-align: center;
	padding: 5px;
	width: 44px;
	float: right;
}

	.weergaveMenuHeaderHelp.verkoop {
		width: 32% !important;
	}

@media only screen and (max-width: 1280px) {
	.weergaveMenuHeaderHelp {
		width: 48%;
	}

		.weergaveMenuHeaderHelp.verkoop {
			width: 30% !important;
		}
}

@media only screen and (max-width: 1366px) {
	.weergaveMenuHeaderHelp {
		width: auto;
	}

		.weergaveMenuHeaderHelp.verkoop {
			width: 30% !important;
		}
}

#WeergaveKnockout {
	position: absolute;
	top: 0;
	display: flex;
	right: 10px;
}

.weergaveMenu {
	cursor: pointer;
	border-bottom: 1px solid #000;
}

.weergaveMenuItemList {
	width: 100%;
	border-right: 1px solid #000;
}

.weergaveMenuItem {
	float: left;
	height: 50px;
	width: 100%;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	background-color: #FFF;
}

	.weergaveMenuItem:hover {
		background-color: #DDD;
	}

.WeergaveMenuFillerLinks {
	float: left;
	width: 6px;
	height: 100%;
}

.WeergaveMenuContent {
	float: left;
	height: 100%;
	width: 90%;
	overflow: hidden;
	padding-top: 5px;
}

.WeergaveMenuImg {
	width: 31px;
}

.WeergaveMenuImgContainer {
	float: left;
	width: 40px;
	height: 100%;
	cursor: pointer;
}

.WeergaveMenuImg:before,
.WeergaveMenuImg_before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.WeergaveMenuText {
	width: auto;
	height: 100%;
	cursor: pointer;
	overflow: hidden;
	word-wrap: break-word;
}

	.WeergaveMenuText:before,
	.WeergaveMenuText_before {
		content: "";
		display: inline-block;
		height: 100%;
		vertical-align: middle;
	}

.WeergaveMenuFillerRechts {
	float: right;
	width: 6px;
	height: 100%;
}

.weergaveMenuBetween {
	float: left;
	height: 1px;
}

.weergaveMenuBetweenFiller {
	float: left;
	width: 100%;
	height: 1px;
	background-color: #000;
}

.weergaveMenuBottom {
	float: left;
	width: 100%;
	border-bottom: 1px solid #000;
}*/

#WeergaveWoningGebouwSwitch {
	background-color: #C1C1C1;
	/* right: 183px; */
	/* top: 3px; */
	font-size: 12px;
	text-align: left;
	/* padding: 10px; */
	padding-top: 4px;
	width: 44px;
	z-index: 1;
	border: 1px solid black;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
}

#weergaveZonIcoon {
	/* position: absolute; */
	background-color: #C1C1C1;
	/* right: 183px; */
	/* top: 3px; */
	font-size: 12px;
	text-align: left;
	/* padding: 10px; */
	z-index: 1;
	border: 1px solid black;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
}

	#weergaveZonIcoon img {
	}

#ui-datepicker-div {
	background-color: #FFF;
	border: 1px solid #000;
}

.ui-datepicker-header {
	color: #FFF;
	background-color: #000;
}

.ui-datepicker-prev, .ui-datepicker-next {
}

#dialog-modal-Zon {
}

	#dialog-modal-Zon .woon-button {
		color: white;
		cursor: pointer;
	}

#ZonTijdstip {
}

#ZonDagverloop {
}

.dialog-zon-tabel-regel {
	width: 100%;
	line-height: 26px;
	height: 26px;
}

.dialog-zon-tabel-cell {
	width: 150px;
}

.topBorder {
	border-top: 1px solid #000;
}

.centerAlign {
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
}

.woon-opties {
	width: 100%;
}

#GebouwDiv {
	width: 100%;
	height: 100%;
}

#gekozenOpties {
	width: 100%;
	height: 100%;
	display: none;
}

#woon-optiesGebouw {
	height: 100%;
	position: relative;
}

.subMenuDivs .woon-opties-titel {
	display: none;
}


/*
	Kosten
*/
.kosten {
	/* width: 260px; */
	background-color: #D9D9D9;
	color: #000;
	height: 30px;
	padding: 5px;
}

	.kosten td.header {
		font-weight: bold;
	}

	.kosten td.bedrag {
		background-color: #FFF;
		width: 100px;
		padding: 0 5px 0 5px;
		text-align: right;
		font-weight: bold;
	}

	.kosten td.valuta {
		text-align: left;
	}

.MJOPHandeling {
	width: 300px;
	display: inline-block;
}

.MJOPTabelDiv {
	overflow: auto;
}

.MJOPTabel td {
	border: 1px solid black;
}

/*
	Technisch
*/
.technisch {
	width: 260px;
	background-color: #D9D9D9;
	color: #000;
	height: 30px;
	padding: 5px;
}

	.technisch td.header {
		font-weight: bold;
	}

	.technisch td.bedrag {
		background-color: #FFF;
		width: 100px;
		padding: 0 5px 0 5px;
		text-align: right;
		font-weight: bold;
	}

	.technisch td.valuta {
		text-align: left;
	}
/*
	Configurator
*/
#woon-woning-configuratie-header-container {
}

.woon-woning-configuratie-header {
	background-color: #024B76;
	height: 32px;
	line-height: 32px;
	font-weight: bold;
	margin-bottom: 10px;
}

.woon-woning-kavel {
	float: left;
	width: 235px;
	color: #FFF;
	padding-left: 15px;
}

.woon-woning-configuratie {
	float: left;
	width: 160px;
	color: #FFF;
}

	.woon-woning-configuratie select {
		color: #024B76;
		width: 120px;
		border: 1px solid #024B76;
	}

.woon-woning-kosten {
	float: left;
	color: #FFF;
}

	.woon-woning-kosten a {
		display: flex;
	}

.woon-woning-reset {
	float: right;
	padding-right: 5px;
	font-size: 10px;
}

	.woon-woning-reset a, .woon-woning-reset a:hover {
		color: #fff;
		text-decoration: none;
		display: block;
	}
/*
	Energie pakketten
*/
.carousel-container {
	float: left;
}

.pakket-controls {
	overflow: auto;
	padding-bottom: 6px;
	margin: auto;
	display: inline-block;
}

.pakket-eerste, .pakket-laatste, .pakket-vorige, .pakket-volgende, .pakket-blok {
	height: 24px;
	line-height: 24px;
	float: left;
}

.pakket-laatste, .pakket-vorige, .pakket-volgende, .pakket-blok {
	margin-left: 10px;
}

.pakket-vorige {
	width: 24px;
	height: 24px;
	background-image: url('/Content/images/prev24.png');
	cursor: pointer;
}

.pakket-volgende {
	width: 24px;
	height: 24px;
	background-image: url('/Content/images/next24.png');
	cursor: pointer;
}

.pakket-blok {
	width: 20px;
	height: 20px;
	border: 2px solid #434343;
}

.pakket-blok-actief {
	border: 2px solid #FFF;
}

.pakket-blok-zichtbaar {
	background-color: #434343;
}

.pakket-blok-zichtbaar-actief {
	background-color: #FFF;
}

.energie-pagina {
	background-color: #D9D9D9;
}

.energie-header {
	border-bottom: 1px dotted #000;
	height: 36px;
	line-height: 36px;
	padding-left: 10px;
	font-weight: bold;
}

.energie-content {
	padding: 20px;
	overflow: auto;
}

.energie-groep {
	clear: both;
	background-color: #788C8D;
	height: 20px;
	line-height: 20px;
	color: #FFF;
	font-weight: bold;
	padding-left: 4px;
}

.energie-groep-info {
	float: left;
	width: 200px;
	font-weight: bold;
	border-top: 6px solid transparent;
	border-right: 10px solid transparent;
}

.energie-groep-info-tekst, .energie-pakket-info-tekst, .energie-groep-titel-tekst, .energie-pakket-result-tekst, .energie-pakket-info-img {
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	background-color: #CACACA;
	margin-bottom: 4px;
	padding-left: 4px;
}

.energie-pakket-info-img {
	text-align: center;
}

.energie-groep-titel-tekst, .energie-pakket-result-tekst {
	margin-bottom: 10px;
	height: 30px;
	line-height: 30px;
}

.energie-pakket-result-tekst {
	text-align: center;
	color: #FFF;
}

.energie-pakket {
	min-width: 100px;
	width: 120px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-top: 6px solid transparent;
}

.energie-pakket-header {
	height: 30px;
	line-height: 30px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}

.epc-0-6 {
	background-color: #D3D800;
}

.epc-0-55 {
	background-color: #C1CC03;
}

.epc-0-5 {
	background-color: #B2C207;
}

.epc-0-45 {
	background-color: #A1B70A;
}

.epc-0-4 {
	background-color: #97B309;
}

.epc-0-35 {
	background-color: #96B208;
}

.epc-0-3 {
	background-color: #83A60E;
}

.epc-0-25 {
	background-color: #6B9611;
}

.epc-0-2 {
	background-color: #588B15;
}

.epc-0-15 {
	background-color: #478019;
}

.epc-0-1 {
	background-color: #417A1B;
}

.epc-0-05 {
	background-color: #31711D;
}

.epc-0 {
	background-color: #236920;
}

.epc--0-1 {
	background-color: #236920;
}

.energie-eenheid {
	float: right;
	color: #858585;
	padding-right: 5px;
}

.energie-pakket-uitkomst {
	background-color: #8EC3C7;
}

.energie-pakket-bedrag {
	background-color: #3B8E96;
}

.energie-pakket-kosten {
	background-color: #29646A;
}

.energie-pakket-verbruik {
	background-color: #193E44;
}

.energie-pakket-besparing {
	background-color: #FFF;
	color: #133B6F;
}

.energie-pakket-kies {
	background-color: #E3E3E3;
	color: #2877A2;
}

	.energie-pakket-kies:hover {
		cursor: pointer;
		background-color: #FFF;
	}

.energie-pakket-actief {
	background-color: #FFF;
}

.energie-pakket-gekozen {
	background-color: #FFF;
}

.energie-pakket-actief:hover {
	cursor: pointer;
}
/*
	Energie meter
*/
#meter {
	width: 350px;
	position: relative;
}

	#meter .duurzaam {
		background-image: url('/Content/Images/energiemeter1.png');
		background-repeat: no-repeat;
		background-position: left bottom;
		width: 330px;
		height: 440px;
		padding-left: 10px;
		position: absolute;
		top: -20px;
		z-index: 20;
	}

	#meter .pakket1 {
		background-image: url('/Content/Images/energiemeter1.png');
	}

	#meter .pakket2 {
		background-image: url('/Content/Images/energiemeter2.png');
	}

	#meter .pakket3 {
		background-image: url('/Content/Images/energiemeter3.png');
	}

	#meter .meter-info {
		background-color: #88A3B5;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		color: White;
		padding: 10px;
		width: 230px;
		height: 176px;
		position: absolute;
		left: 25px;
		z-index: 10;
	}

		#meter .meter-info table {
			border-collapse: separate;
		}

			#meter .meter-info table tr {
			}

	#meter .meter-info-label {
		text-align: right;
	}

	#meter .meter-info-waarde {
		background-color: Black;
		text-align: right;
		padding: 4px;
		margin-top: 4px;
	}

	#meter .meter-klok {
		position: absolute;
		left: 95px;
		top: 268px;
		color: White;
		z-index: 30;
	}

	#meter .meter-klok-waarde {
		text-align: right;
		width: 110px;
		line-height: 40px;
		height: 40px;
		font-size: 22px;
		font-weight: bold;
	}
/*
	Resultaat
*/
.resultaat {
	background-color: #F0F0F0;
}

.resultaat-download {
	position: absolute;
	float: right;
	top: 0px;
	right: 0px;
	width: 250px;
}
/*
	DOWNLOADS
*/
.download {
	background-color: #A8CCE4;
	color: #FFF;
}

.downloads-header {
	height: 35px;
	line-height: 35px;
	background-color: #027EC8;
	font-weight: bold;
	padding-left: 10px;
}

.downloads-files {
	padding: 5px;
	color: #017DC7;
	font-weight: bold;
}

.download td.bestand-naam {
}

	.download td.bestand-naam a {
		text-decoration: none;
		color: #017DC7;
	}

		.download td.bestand-naam a:hover {
			color: #FFF;
		}

.download td bestand-icon {
	width: 40px;
}

#DownloadsOverlay {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background-color: grey;
	opacity: 0.9;
	color: #FFF;
	font-size: 17px;
	font-weight: 600;
	text-align: -webkit-center;
	line-height: 55px;
}
/*
	input
*/
.woon-button {
	border: 0px;
	background-color: #9AD8F1;
	color: #FFF;
	width: 120px;
	margin: 0em;
	margin-right: 10px;
	height: 26px;
	line-height: 26px;
	cursor: pointer;
	padding: 1px 6px;
	text-align: center;
	box-sizing: border-box;
	display: inline-block;
	-webkit-appearance: button;
}

	.woon-button:hover {
		background-color: #000;
		text-decoration: none;
	}

	.woon-button a, .woon-button a:hover {
		text-decoration: none;
		color: inherit;
	}
/* 
	JQuery UI overrides
*/
.ui-widget {
	font-family: "Open Sans", Helvetica, Arial;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.ui-widget-content {
	border: 0px;
	background-image: none;
	background-color: transparent;
}

.ui-tooltip {
	width: auto;
	background-color: White;
	border: 8px solid #438DCC;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	padding: 4px;
	box-shadow: 0 0 7px black;
}

	.ui-tooltip ul {
		padding: 6px;
		padding-left: 26px;
	}

.ui-tabs, .ui-tabs .ui-tabs-nav {
	padding: 0px;
}

	.ui-tabs .ui-tabs-panel {
		padding: 0px;
		border: solid 0px white;
		margin-top: 1px;
	}

	.ui-tabs .ui-tabs-nav li {
		border: 0px;
		background-image: none;
		background-color: #9AD8F1;
	}

		.ui-tabs .ui-tabs-nav li a {
			color: #FFF;
		}

		.ui-tabs .ui-tabs-nav li.ui-tabs-active {
			background-image: none;
			background-color: #027EC8;
			color: #FFF;
		}

.ui-dialog {
	background-color: White;
}

	.ui-dialog .ui-dialog-content {
		padding: 10px;
		padding-bottom: 0px;
	}

.ui-dialog-content .ui-widget-content {
	background-color: White;
}

.ui-dialog-titlebar {
	background-color: #0089CC;
}

.menugebouwdeelgroep {
	text-align: left !important;
}

.ui-accordion {
	/*margin-top: 0px;*/
}

	.ui-accordion .ui-accordion-icons {
		padding-left: 10px;
	}

	.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
		position: relative;
		margin: 0px;
		left: 0px;
		top: 5px;
		border: 0px;
		background-image: url("/Content/Images/accordion-arrow-close.png");
		background-position: right 0px top 8px;
		float: right;
		width: 24px;
		height: 25px;
		position: relative;
	}

	.ui-accordion .ui-accordion-header {
		padding: 0 5px 0 10px;
		color: #024B76;
		background-color: #9AD8F1;
		background-image: none;
		border: 0px;
		border-top: solid 1px #FFF;
		border-radius: 0px;
		cursor: pointer;
		font-weight: bold;
		background-repeat: no-repeat;
		background-position: right center;
		height: 35px;
		line-height: 35px;
		margin-top: 0px !important;
		-webkit-margin-before: 0px;
		-webkit-margin-after: 0px;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

.ui-accordion-header:hover {
	border-left: 0px;
	border-right: 0px;
	border-top: solid 1px #FFF;
}

.ui-accordion .ui-accordion-header-active {
	background-color: #027EC8;
	color: #FFF;
}

	.ui-accordion .ui-accordion-header-active .ui-accordion-header-icon {
		background-image: url("/Content/Images/accordion-arrow-open.png");
	}

.ui-accordion .ui-accordion-content {
	padding: 10px;
	background-color: #68B1DC;
	border-radius: 0px;
	color: #FFF;
}

.ui-state-default .ui-icon {
	background-image: url("/Content/jQueryUI/ui-lightness/images/ui-icons_454545_256x240.png");
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {
	border: 1px solid #027EC8;
}
/*
	JQuery UI state
*/
/*
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
	color:White;
	background-color: #0089CC;
	border:0px;
	background-image:none;
}
.ui-state-default a, .ui-state-default a:link
{
	color:White;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{
	color:White;
	background-color:Black;
	border:0px;
	background-image:none;
}
.ui-state-active a, .ui-state-active a:link
{
	color: White;
}
.ui-state-default
{
	background-image:none;
	background-color: #0089CC;
	border:0px;
}
.ui-state-active
{
	color: white;
	background-color:Black;
	border:0px;
	background-image:none;
}*/
/*
	Kavel tooltip
*/
.qtip {
	padding: 5px;
	box-shadow: 2px 2px 7px black;
}

.qtip-default {
	border: 0;
	background-color: #FFF;
}

.qtip-content {
	border: 0;
}

.kaveltooltip {
	border: solid 2px #438DCC;
}

.kaveltooltip-header {
	background-color: #438DCC;
	height: 28px;
	line-height: 28px;
	color: #fff;
	font-size: 14px;
	padding-left: 10px;
}

.kaveltooltip-content {
	background-color: #fff;
	overflow: auto;
}

.kaveltooltip-plaatje {
	background-color: #E2F3FA;
	width: 150px;
	height: 160px;
	float: left;
	display: block;
}

	.kaveltooltip-plaatje img {
		width: 150px;
	}

.kaveltooltip-woning {
	float: left;
	padding: 10px;
}

	.kaveltooltip-woning table tr td {
		height: 22px;
		line-height: 22px;
	}

	.kaveltooltip-woning table td.info {
		color: #000;
		font-weight: bold;
	}

	.kaveltooltip-woning table td.waarde {
		color: black;
		font-weight: bold;
		padding-left: 20px;
		padding-right: 20px;
		color: #438DCC;
	}
/*
	Aanvullende classes
*/
/*
	DROPDOWN MENU OVERRIDES
*/

/*
*/

.laden {
	background-color: #CECECE !important;
}

.wachten-idle {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #666666 url('/content/jQueryUI/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png') 50% 50% repeat;
	opacity: .5;
	filter: Alpha(Opacity=50);
	z-index: 25000;
}

.MenuAccordionOverlay-idle {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #666666 url('/content/jQueryUI/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png') 50% 50% repeat;
	opacity: .5;
	filter: Alpha(Opacity=50);
	z-index: 25000;
}

.wachten-inner {
	z-index: 25001;
	position: absolute;
	margin: auto;
	max-width: 200px;
	top: 400px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	padding: 20px;
	border-radius: 10px;
	background-color: rgba(50, 50, 50, 0.5);
	font-size: 12px;
}

.wachten-icoon {
}

.wachten-info {
	font-size: 12px;
	padding-top: 10px;
}

.wachten-close {
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 100000;
}

	.wachten-close span {
		background-image: url('/Content/jQueryUI/ui-lightness/images/ui-icons_ffffff_256x240.png');
		background-position: -33px -193px;
		width: 16px;
		height: 16px;
		display: block;
		cursor: pointer;
	}

.clear {
	clear: both;
}

.disabled {
	color: Gray;
}

.is-disabled {
	opacity: .5;
	/*pointer-events: none;*/
}

.verborgen {
	display: none !important;
}

.outline {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5), 1px -1px 1px rgba(0, 0, 0, 0.5), -1px 1px 1px rgba(0, 0, 0, 0.5), -1px -1px 1px rgba(0, 0, 0, 0.5);
}

.tekst-links {
	text-align: left;
}

.tekst-midden {
	text-align: center;
}

.tekst-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#footer-image {
	display: none;
}

.busyIconContainer {
	position: absolute;
	right: 5px;
	top: 7px;
}


.hurks-keuze {
	display: none;
}

#TijdDisplayDiv {
	/* graag uit laten staan (dusplay none dus) of anders goed stylen zodat de canvas niet omlaag schuift  */
	display: none;
	float: right;
	position: relative;
	z-index: 100;
	padding: 2px 2px 2px 2px;
	top: 40px;
	right: -250px;
}

#TijdDisplay {
	background: #FFF;
}

#2DDiv {
	width: 630px;
	cursor: move;
}

.main-table {
	-background-color: #EBEBEB;
}
/*#main-container-configuratie
{
	-background-color: #EBEBEB;
	width:100%;
	height:100%;
}
#left-container-configuratie
{
	float:left;   
	height:100%
}*/
#body-container {
	width: 100%;
	height: 100%;
}

/*#right-container-configuratie
{    
	text-align:right; 
	margin-left: 290px;
	height:100%
}*/

#3DDiv {
	cursor: move;
}

.loading70 {
	content: url("/Content/Images/loading.gif");
	width: 70px;
	height: 70px;
}

.loading50 {
	content: url("/Content/Images/loading.gif");
	width: 50px;
	height: 50px;
	z-index: 100;
}

.loading3d {
	width: 630px;
	float: left;
	position: absolute;
	z-index: 100;
	top: 250px;
}

.loading3d-inner {
	background-color: #C4CfD1;
	color: #000000;
	margin: auto;
	text-align: center;
	width: 300px;
	padding: 5px;
}

.loading3d-fullscreen {
	width: 100%;
}

#WijkDiv {
	cursor: move;
	display: none;
}

.WijkDivKnockoutWachten {
	opacity: 0.4;
}

.WoningDivKnockoutWachten {
	opacity: 0.4;
}

.ViewerDiv {
	cursor: move;
	height: 100%;
	width: 100%;
}

.wct-fps-info {
	position: absolute;
	bottom: 10px;
	left: 10px;
	color: white;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

	.wct-fps-info .wct-fps-counter {
		font-size: 24px;
	}

	.wct-fps-info .wct-fps-details {
		font-size: 16px;
	}

.resultaattabs-fullscreen {
	float: left;
	position: absolute;
	left: 5px;
}

.sidemenu-optie-actief {
	background-color: #c3d7ef;
}

.page-content-energie {
	width: 986px;
	margin: auto;
	padding-top: 20px;
}

/* 
LET OP DIT MOET MISSCHIEN VERPLAATST WORDEN NAAR KLANTSPECIFIEK
*/
#menuTabsContainer {
	width: 270px;
	height: 30px;
}

#menuDivsContainer {
	height: 100%;
	width: 100%;
	overflow-y: scroll;
}

.menuSubTabsContainer {
	width: 270px;
	height: 30px;
}

.menuSubDivsContainer {
	width: 100%;
	overflow: none;
}

#MenuAccordionOverlay {
	position: absolute;
	height: 100%;
	z-index: 25002;
	width: 100%;
	background: #666666 url('/content/jQueryUI/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png') 50% 50% repeat;
	opacity: .5;
	filter: Alpha(Opacity=50);
}

	#MenuAccordionOverlay.wachten {
		position: absolute;
		top: 50%;
		left: 50%;
		margin: 0px;
	}


.menuTabs {
	float: left;
	/* border: 1px solid black; */
	padding: 2px 5px 2px 5px;
	width: 124px;
	background-color: #85B916;
	color: white;
	cursor: pointer;
	font-size: 12px;
	font-weight: 400;
	font-family: "Open Sans", Helvetica, Arial;
	-webkit-font-smoothing: antialiased;
	text-align: center;
}

.subMenuTabs {
	float: left;
	/* border: 1px solid black; */
	padding: 2px 5px 2px 5px;
	width: 124px;
	background-color: #85B916;
	color: white;
	cursor: pointer;
	font-size: 12px;
	font-weight: 400;
	font-family: "Open Sans", Helvetica, Arial;
	-webkit-font-smoothing: antialiased;
	text-align: center;
}

.menuTabsActief {
	background-color: #407104;
}

.menuDivs {
	display: none;
	width: 100%;
}

.subMenuDivs {
	display: none;
	width: 100%;
}

.menuDivsActief {
	display: block;
}



.container-appartement-details table td {
	/*border: 1px solid #000000;*/
}

.appartement-details {
	font-size: 15px;
}

.appartement-details-first-col {
	background-color: #1a4b3c;
	color: #ffffff;
	padding: 5px;
	border: 1px solid #ffffff;
	width: 210px;
}

.appartement-details-waarde {
	background-color: #1a4b3c;
	color: #ffffff;
	padding: 5px 8px 5px 8px;
	border: 1px solid #ffffff;
	width: 100px;
}

.HuurPuntenLinks {
	float: left;
	width: 400px;
	margin-left: 20px;
	padding: 5px;
	text-align: left;
}

.HuurPuntenRechts {
	float: right;
	width: 800px;
	margin-left: 20px;
	padding: 5px;
	text-align: left;
}

.HuurPuntenVragen {
}

.HuurPuntenOverzichtRegel {
	width: 100%;
	float: left;
	margin-bottom: 4px;
}

.metlijn {
	border-bottom: 1px dashed #dfdfdf;
}

.metHover:hover {
	background-color: #c6c6c6;
}

.PDFRapportText {
	padding: 6px;
	background-color: #027ec8;
	color: white;
	border: 1px solid black;
	cursor: pointer;
	width: 100px;
	text-align: center;
}

.HuurPuntenOverzichtVraag {
	width: 60%;
	float: left;
}

.HuurPuntenOverzichtPunten {
	width: 20%;
	float: left;
}

.huurpuntenpijltje {
	width: 12px;
	height: 12px;
}

.PDFLink {
	width: 100%;
	float: left;
}

.energie-button {
	border: 1px solid #d9d9d9;
	display: block;
	width: 200px;
	text-align: center;
	padding: 5px;
	color: #2877a2;
	background-color: #e3e3e3;
}

	.energie-button:hover {
		background-color: #ffffff;
		text-decoration: none;
	}

.EnergiePakkettenInputVeld {
	width: 24px !important;
	margin-top: 6px;
	float: left;
}

.TVTDiv {
	width: 400px;
	padding: 10px:;
}

.TVTKop {
	width: 100%;
	float: left;
	font-weight: bold;
	background-color: #000000;
	color: #FFFFFF;
}

.TVTRegel {
	width: 100%;
	float: left;
	border-bottom: 1px solid #000000;
}

.TVTJaar {
	float: left;
	width: 10%;
	text-align: right;
}

.TVTJaarClass {
	background-color: #FFA500;
	color: #FFFFFF;
}

.TVTinvestering {
	float: left;
	width: 27%;
	text-align: right;
}

.TVTtotalebesparing {
	float: left;
	width: 30%;
	text-align: right;
}

.TVTbesparing {
	float: left;
	width: 27%;
	text-align: right;
	padding-right: 4px;
}

.TVTPopupContent {
	/* padding-right: 4px; */
}

#KostenLoaderImg {
	height: 32px;
}

/*.page, #pageHeader
{
	width: 100%;
	min-width: 950px;
}
*/
.geenItems {
	z-index: -1;
	padding: 50px 10px 10px 30px;
}

.userkeuze_toggle {
	vertical-align: middle;
	/*margin: 0px 2px 0px 4px;*/
}

.userkeuze_toggle_UitvraagActief {
	vertical-align: middle;
	cursor: default;
	/*margin: 0px 2px 0px 4px;*/
}

.userkeuze_toggle_gebouwdeel {
	vertical-align: middle;
	margin: 10px 1px 4px 4px;
	cursor: pointer;
}

.woon-gebouwdeel-header-stemmen {
	float: right;
}

.woon-optie-doorgestreept {
	/*text-decoration: line-through;*/
}

.userkeuze_toggle_disabled {
	cursor: default;
}

.afgestreepte_icoon img, .afgestreepte_icoon_met_tekst img {
	margin-top: 4px;
}

.userkeuze_toggle_gebouwdeel_check {
	margin-right: 9px;
}

.userkeuze_toggle_gebouwdeel_balans {
	margin-right: 9px;
}

.mijnViewer {
	background-color: rgb(255, 255, 255);
}

.BekijkPauseResumeContainer {
	position: absolute;
	right: 0px;
	bottom: 0px;
	font-size: 13px;
	text-align: left;
	width: 100%;
	z-index: 1;
}

.BekijkPauseResumeContainerActief {
	background-color: #C4CFD1;
}

.BekijkPauseResume {
	position: relative;
	float: right;
	margin: 10px;
	cursor: pointer;
	opacity: 0.25;
}

	.BekijkPauseResume:hover {
		opacity: 1;
	}

.BekijkPauseResumeMelding {
	top: 18px;
	float: right;
	position: relative;
	font-size: 16px;
	margin-right: 20px;
}

.BekijkPauseResumeMeldingInactief {
	display: none;
}

.toepassenopContainer {
	/*border: 1px solid #272320;
	margin: 10px 6px 3px 6px;*/
	background-color: #E8EFF5;
}

.toepassenopHeader {
	font-weight: bold;
	/*color: white;
	background-color: #272320;*/
	line-height: 35px;
	padding: 0 5px 0 10px;
}

.toepassenopTable {
	/*display:table;*/
	display: none; /* Tijdelijk weggehaald omdat deze schakelaar volgens Jeroen momenteel niet lijkt te werken */
	width: 100%;
}

.toepassenopLinkerKolom {
	display: table-cell;
	text-align: right;
}

.toepassenopMiddenKolom {
	display: table-cell;
	width: 53px;
}

	.toepassenopMiddenKolom img {
		margin: 0px 10px 0px 10px;
		cursor: pointer;
	}

.toepassenopRechterKolom {
	display: table-cell;
}

.toepassenopRij {
	height: 20px;
	margin: 8px 0 8px 0;
	cursor: default;
}

.schuifVerborgen {
	display: none;
}

.toepassenOpDisabled {
	opacity: 0.35;
}

#toepassenopContainerBestaand .toepassenOpScenario {
	display: none;
}

#totaal-weergave {
	position: absolute;
	background-color: #C1C1C1;
	top: 10px;
	right: 10px;
	font-size: 12px;
	text-align: left;
	padding: 10px;
	padding-top: 5px;
	width: 185px;
	z-index: 1;
	border: 1px solid black;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	display: inline-block;
}

#KostenInWoningConfiguratorHeader {
	padding-left: 10px;
	padding-right: 10px;
}

#totaal-weergave.alleenhelpknop {
	width: 77px;
}

	#totaal-weergave.alleenhelpknop .weergaveMenuHeaderHelp {
		width: 100%;
	}

body, html {
	height: 100%;
}

.wct-optie-hover {
	font-size: 12px;
}

body {
	font-family: 'Ruda', sans-serif;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom center;
}

/*.page, #pageHeader
{
	width: 100%;
	min-width: 950px;
}
*/
/*#pageHeader
{
	height: 36px;
	width: 100%;
}*/
.page-content {
	height: 100%;
	position: relative;
	border: solid 1px black;
}

/* Bread Crumb  START*/

.labelFancyDropDown {
	position: relative;
	display: inline-block;
}

.selectFancyDropDown {
	display: inline-block;
	padding: 4px 3px 5px 5px;
	width: 250px;
	outline: none;
	color: #74646e;
	border: 1px solid #C8BFC4;
	border-radius: 4px;
	box-shadow: inset 1px 1px 2px #ddd8dc;
	background-color: #fff;
}

.selectFancyDropDownDisabled {
	display: inline-block;
	padding: 4px 3px 5px 5px;
	width: 250px;
	outline: none;
	color: #a4949e;
	border: 1px solid #D8CFD4;
	border-radius: 4px;
	box-shadow: inset 1px 1px 2px #ddd8dc;
	background-color: #fff;
}

.selectFancyPopUp {
	display: inline-block;
	padding: 4px 3px 5px 5px;
	width: 250px;
	outline: none;
	color: #74646e;
	border: 1px solid #C8BFC4;
	border-radius: 4px;
	box-shadow: inset 1px 1px 2px #ddd8dc;
	background-color: #fff;
	height: 28px;
}

/* Select arrow styling */
.notIEFancyDropdown label:after {
	content: '';
	width: 23px;
	height: 23px;
	position: absolute;
	display: inline-block;
	top: 4px;
	right: 4px;
	background: url('/Content/Images/arrow_down_2.png') no-repeat right center white;
	pointer-events: none;
}

@-moz-document url-prefix() {
	.notIEFancyDropdown label:after {
		content: '';
		width: 18px !important;
		height: 27px !important;
		position: absolute;
		display: inline-block;
		top: 1px !important;
		right: 1px !important;
		background: url('/Content/Images/arrow_down_2.png') no-repeat right center white;
		pointer-events: none;
	}
}

/* Bread Crumb END */

/*  Kavel opbouw uit blokjes voor gebouw   */
#GebouwTabelFiller {
	width: 100%;
	float: left;
	background-color: transparent;
}

#GebouwTabel {
	margin-left: auto;
	position: relative;
	display: inline-block;
	margin-right: 20px;
}

.no-overflow {
	overflow-x: hidden;
	overflow-y: hidden;
}

.overflowHorizontalScroll {
	overflow-x: scroll;
	overflow-y: hidden;
}

.WoonblokDivGebouwCopyIndicator {
	margin: 2px;
	padding: 2px;
	display: inline-block;
	background-color: rgb(0, 115, 195);
	color: white;
}

.GebouwLaag {
	/*width:100%;
	float:left;*/
	font-size: small;
	clear: both;
	overflow: hidden;
}


.GebouwWoningContainer {
	display: inline-block;
	margin-left: -4px;
}

.GebouwBlokNaam {
	font-size: 20px;
	text-align: center;
	margin-bottom: 10px;
	color: white;
}

.GebouwButtonDetails {
	display: block;
}

.GebouwButtonHoverDetector:hover .GebouwButtonDetails {
	/* display: none;*/
}

.GebouwButtonHoverDetector {
	width: 73px;
	height: 100%;
}

.GebouwButtonContainer {
	background-color: rgba(50, 107, 197, 0.5);
	width: 100%;
	height: 100%;
	display: none;
}

.GebouwButtonHoverDetector:hover .GebouwButtonContainer {
	display: block;
}

.GebouwButtonCenter {
	height: 16px;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	margin-top: -8px;
	position: absolute;
	top: 70px;
}


.GebouwWijzigButton {
	margin: 2px;
	cursor: pointer;
	display: inline-block;
}

GebouwWijzigButtonLine {
	display: block;
}


.GebouwWoningHuisnummer {
	font-size: 16px;
	text-align: center;
	cursor: pointer;
}

.GebouwWoningHuisnummerActief {
	background-color: rgb(0, 115, 195);
	color: white;
}


#KavelKiezenRaadpleger width: 100%; height: 100%;
}

.GebouwTabelKavelKiezen {
	color: #0089CC;
	height: 100%;
	float: left;
}

.GebouwTabelBackgroundWrapper {
	height: 320px;
	width: 100%;
	background: -webkit-linear-gradient(#0089CC, #F0F6FB); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#0089CC, #F0F6FB); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#0089CC, #F0F6FB); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#0089CC, #F0F6FB); /* Standard syntax */
}

.bovenBomen {
	width: 100%;
}

.bomen {
	width: 100%;
	height: 143px;
}

#bomenLinks {
	height: 100%;
	float: left;
}

#bomenRechts {
	height: 100%;
	float: left;
}

.boom {
	height: 143px;
	width: 107px;
	margin-left: 10px;
	margin-right: 10px;
	background-image: url('/Content/images/wc-boom.png');
	float: left;
}

#AppartementInfoBlock {
	width: 1150px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}

#AppartementInfoBlockFiller {
	height: 100%;
	float: left;
	width: 20px;
}

#GebouwInfoBlock {
	width: 700px;
	float: left;
}

#GebouwInfoBlockHeader {
	width: 100%;
	float: left;
	color: #FFF;
	padding: 10px 2px 10px 2px;
	border-bottom: 1px solid #FFF;
	font-weight: bold;
	font-size: 1.3em;
	height: 22px;
}

#GebouwInfoBlockContent {
	width: 100%;
	float: left;
	margin-top: 10px;
}

#WoningInfoBlock {
	width: 430px;
	float: left;
}

#WoningInfoBlockHeader {
	width: 100%;
	float: left;
	color: #FFF;
	padding: 10px 2px 10px 2px;
	border-bottom: 1px solid #FFF;
	font-weight: bold;
	font-size: 1.3em;
	height: 22px;
}

#WoningInfoBlockContent {
	width: 100%;
	float: left;
	margin-top: 10px;
}

#GebouwInfo {
	width: 40%;
	float: left;
}

#GebouwKaart {
	width: 58%;
	float: left;
	padding-left: 10px;
	border-left: 1px solid #FFF;
}

#GoogleMapsKaart {
	width: 400px;
	height: 380px;
}

.GebouwInfoHeader {
	width: 100%;
	float: left;
	color: #FFF;
	margin-right: 10px;
	margin-bottom: 20px;
	font-weight: bold;
}

.GebouwInfoRegel {
	width: 100%;
	float: left;
	color: #FFF;
	margin-right: 10px;
}

.GebouwInfoRegelOmschrijving {
	width: 50%;
	float: left;
	color: #FFF;
	height: 17px;
}

.GebouwInfoRegelData {
	width: 50%;
	float: left;
	color: #FFF;
	font-weight: bold;
}

.AppartementInfoWrapper {
	width: 100%;
	background-color: #009640;
}

#AppartementInfo {
	width: 270px;
	float: left;
	height: 100%;
}

.AppartementInfoAdres {
	font-weight: bold;
	color: White;
	color: white;
	font-family: Calibri;
	font-size: 1.8em;
	padding-left: 10px;
	padding-top: 10px;
}

.AppartementInfoType {
	color: White;
	color: white;
	font-family: Calibri;
	font-size: 1.8em;
	padding-left: 10px;
	padding-top: 10px;
}

#AppartementSelectieTextBlock {
	width: 400px;
	border-left: 1px solid white;
	height: 95%;
	float: left;
	color: White;
	font-family: Calibri;
	font-size: 1.8em;
	padding-left: 10px;
	padding-top: 10px;
}

#AppartementSelectieText {
	width: 100%;
	float: left;
}

#AppartementSelectieStart {
	width: 100%;
	float: left;
	font-size: 2.2em;
	font-weight: bold;
	cursor: pointer;
	color: White;
	text-align: right;
}

.Kavel {
	width: 100%;
	height: 100%;
}

	.Kavel:hover {
		background-color: #C2D6E5;
		opacity: 0.6;
	}

.KavelSelected {
	background-color: #003F64;
	opacity: 0.6;
}

#BekijkStapelKnockoutContent {
	width: 100%;
	height: 100%;
}

#ToonScenariosDiv {
	height: 100%;
	width: 100%;
}

#ToonScenariosRapportageDiv {
	height: 100%;
	width: 100%;
}

.ScenarioContainerDiv {
	height: 100%;
	width: 100%;
}

#ScenarioRapportageContainerDiv {
	height: 100%;
	width: 100%;
}

.logTrace {
	color: darkgray;
}

.logDebug {
	color: blue;
}

.logInfo {
	color: green;
}

.logWarn {
	color: red;
}

.logError {
	color: red;
}

.logFatal {
	color: red;
}

.logNothing {
	color: red;
}

div#main {
	padding: 0px;
	position: relative;
	height: 100%;
	overflow-y: auto;
}

#resultaattabsGebouw {
	float: left;
	width: 290px;
	position: absolute;
	top: 0px;
	bottom: 0;
}

#resultaattabsWoning {
	float: left;
	width: 290px;
	position: absolute;
	top: 34px;
	bottom: 0;
}

#menuDivsContainerGebouw {
	height: 100%;
	overflow-y: scroll;
	float: left;
	width: 100%;
	background-color: #B6C7D1;
	height: 100%;
	position: relative;
}

.NiceScrollbar::-webkit-scrollbar-track {
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	/*border-radius: 10px;*/
	background-color: #F5F5F5;
}

.NiceScrollbar::-webkit-scrollbar {
	width: 15px;
	height: 15px;
	background-color: #F5F5F5;
}

.NiceScrollbar::-webkit-scrollbar-thumb {
	/*border-radius: 10px;*/
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
	background-color: #555;
}

.NiceScrollbar::-webkit-scrollbar-button:start {
	display: block;
}

.NiceScrollbar::-webkit-scrollbar-button:end {
	display: none;
}

.NiceScrollbar::-webkit-scrollbar:vertical {
	-webkit-border-image: url(http://i.stack.imgur.com/NdaTT.png?vertical-button.png) 2 0 2 0;
	border-color: transparent;
	border-width: 2px 0;
	background-image: url(http://i.stack.imgur.com/p7j9a.png?vertical-button-background.png);
	background-repeat: repeat-y;
}

	.NiceScrollbar::-webkit-scrollbar:vertical:corner-present {
		border-bottom-width: 0;
	}
/*.NiceScrollbar::-webkit-scrollbar-thumb:vertical {
	-webkit-border-image: url(http://i.stack.imgur.com/rPEsZ.png?vertical-thumb.png) 15 0 15 0;
	border-color: transparent;
	border-width: 15px 0;
	min-height: 20px;
}
.NiceScrollbar::-webkit-scrollbar-track-piece:vertical:start {
	margin-top: 6px;
}
.NiceScrollbar::-webkit-scrollbar-track-piece:vertical:end {
	margin-bottom: -6px;
}
.NiceScrollbar::-webkit-scrollbar-track-piece:vertical:decrement {
	-webkit-border-image: url(http://i.stack.imgur.com/Rb6ru.png?vertical-track.png) 15 0 15 0;
	border-color: transparent;
	border-width: 15px 0 0 0;
}
.NiceScrollbar::-webkit-scrollbar-track-piece:vertical:increment {
	-webkit-border-image: url(http://i.stack.imgur.com/Rb6ru.png?vertical-track.png) 15 0 15 0;
	border-color: transparent;
	border-width: 0 0 15px 0;
}*/
.NiceScrollbar::-webkit-scrollbar-button:vertical {
	height: 21px;
	-webkit-border-image: url(http://i.stack.imgur.com/NdaTT.png?vertical-button.png) 2 0 2 0;
	border-color: transparent;
	border-width: 2px 0;
}

	.NiceScrollbar::-webkit-scrollbar-button:vertical:decrement {
		background-image: url(http://i.stack.imgur.com/KQvwk.png?vertical-decrement-arrow.png), url(http://i.stack.imgur.com/p7j9a.png?vertical-button-background.png);
		background-repeat: no-repeat, repeat-y;
		background-position: 4px 7px, 0 0;
	}

		.NiceScrollbar::-webkit-scrollbar-button:vertical:decrement:active {
			-webkit-border-image: url(http://i.stack.imgur.com/uW3TL.png?vertical-button-active.png) 2 0 2 0;
			background-image: url(http://i.stack.imgur.com/KQvwk.png?vertical-decrement-arrow.png), url(http://i.stack.imgur.com/puDsH.png?vertical-button-background-active.png);
		}

	.NiceScrollbar::-webkit-scrollbar-button:vertical:increment {
		background-image: url(http://i.stack.imgur.com/UjkVR.png?vertical-increment-arrow.png), url(http://i.stack.imgur.com/p7j9a.png?vertical-button-background.png);
		background-repeat: no-repeat, repeat-y;
		height: 16px;
		border-top-width: 0;
		background-position: 4px 5px, 0 0;
	}

		.NiceScrollbar::-webkit-scrollbar-button:vertical:increment:active {
			-webkit-border-image: url(http://i.stack.imgur.com/uW3TL.png?vertical-button-active.png) 2 0 2 0;
			background-image: url(http://i.stack.imgur.com/UjkVR.png?vertical-increment-arrow.png), url(http://i.stack.imgur.com/puDsH.png?vertical-button-background-active.png);
		}

	.NiceScrollbar::-webkit-scrollbar-button:vertical:end:increment:corner-present {
		border-bottom-width: 0;
		height: 15px;
	}

#menuDivsContainerWoning {
	height: 100%;
	overflow-y: scroll;
	float: left;
	width: 100%;
	background-color: #B6C7D1;
	height: 100%;
	position: relative;
}

#ToonSemantiekWarmeOpnameDiv {
	width: 100%;
	height: 100%;
}

#SemantiekWarmeOpnameContainerDiv {
	width: 100%;
	height: 100%;
}

#ToonSemantiekEnqueteDiv {
	width: 100%;
	height: 100%;
}

#SemantiekEnqueteContainerDiv {
	width: 100%;
	height: 100%;
}

#ToonNotitiesContainerDiv, #ToonNotitiesDiv {
	width: 100%;
	height: 100%;
}

#GebruiksProfielDiv {
	width: 100%;
	height: 100%;
	overflow: scroll;
}

#ToonWoningOpnameContainerDiv, #ToonWoningOpnameDiv {
	width: 100%;
	height: 100%;
}

#ToonEnqueteDiv {
	width: 100%;
	height: 100%;
}

.SemantiekWarmeOpnamePartialDiv {
	width: 100%;
	height: 100%;
}

.SemantiekEnquetePartialDiv {
	width: 100%;
	height: 100%;
}

#ToonLocatieDiv {
	width: 100%;
	height: 100%;
}

#LocatieContainerDiv {
	width: 100%;
	height: 100%;
}

.LocatiePartialDiv {
	width: 100%;
	height: 100%;
}

#ToonKostenDiv {
	width: 100%;
	height: 100%;
}

#ToonInregelen {
	width: 100%;
	height: 100%;
}

#KostenContainerDiv {
	width: 100%;
	height: 100%;
}

.KostenPartialDivWitteHeader {
	font-size: 19px;
	padding-left: 10px;
	font-weight: bold;
}

.KostenPartialDivTabelColDetails1 {
	width: 440px;
}

.KostenDetailKostenRegel {
	font-style: italic;
}

.KostenPartialDivTabel .Uitklapbaar {
	cursor: pointer;
}

.KostenDetailKostenRegel .KostenPartialDivTabelColDetails1 {
	text-indent: 10px;
}

.weergaveMenuNotities {
	position: absolute;
	top: 0;
	right: 250px;
}

.kleinetext {
	font-size: 11px;
	padding-left: 13px;
	max-width: 575px;
}

.KostenPartialDivTabelCol1 {
	width: 120px;
}

.KostenPartialDivTabelCol2 {
	width: 18px;
	font-weight: normal;
	text-align: center;
}

.KostenPartialDivTabelCol3 {
	font-weight: normal;
	text-align: right;
}

.KostenPartialDivTabelCol4 {
	width: 10px;
}

.KostenPartialDivRodeStreep {
	background-color: #E41B13;
	height: 1px;
	margin-left: 2px;
}

.KostenPartialDivPlus {
	color: #E41B13;
	padding-bottom: 3px;
}

.KostenPartialDivTabel {
	color: #000;
	width: 100%;
}

.KostenPartialDivUitleg {
	font-size: 12px;
	padding: 2px;
}

#KostenPartialDiv {
	width: 100%;
	height: 100%;
	margin: auto;
	text-align: left;
	background-color: #FFF;
	/*padding-top: 20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;*/
	position: relative;
	overflow-y: scroll;
}

.wct-kosten-kolom {
	padding-right: 20px;
	vertical-align: top;
}

.wct-kosten-kolom-code {
	width: 50px;
}

.wct-kosten-kolom-hoofdstuk {
	width: 10%;
}

.wct-kosten-kolom-werkomschrijving {
	width: 20%;
}

.wct-kosten-kolom-toelichting {
	width: 40%;
}

.wct-kosten-kolom-categorie {
	width: 10%;
}

.wct-kosten-kolom-verdeelsleutel {
	width: 10%;
}

.wct-kosten-kolom-totaal {
	width: 10%;
}

#KostenPartialDiv .woningLijst {
	margin: 10px;
	font-size: 14px;
}

	#KostenPartialDiv .woningLijst .blokHeader {
		padding: 5px 5px 5px 10px;
		font-size: 16px;
		font-weight: bold;
		color: #012c59;
	}

	#KostenPartialDiv .woningLijst .kostenHeader {
		background-color: #d0d9e2;
		color: #012c59;
		font-weight: bold;
		padding: 5px 5px 5px 10px;
		cursor: pointer;
		margin-top: 2px;
		text-align: center;
	}

		#KostenPartialDiv .woningLijst .kostenHeader:hover {
			background-color: #012c59;
			color: white;
		}

#KostenPartialDiv .woningHeaderNoClick {
	color: #012c59;
	font-weight: bold;
	padding: 5px 5px 5px 0px;
	margin-top: 2px;
	font-size: 14px;
	font-weight: bold;
	display: flex;
	flex-direction: row;
}

#KostenPartialDiv .KostenDetailHeaderText {
	float: left;
	margin-right: 20px;
	width: 350px;
}

#KostenPartialDiv .totaleKosten {
	width: 100px;
}

#KostenPartialDiv .woningLijst .woningHeader {
	background-color: #d0d9e2;
	color: #012c59;
	font-weight: bold;
	padding: 5px 5px 5px 10px;
	cursor: pointer;
	margin-top: 2px;
}

	#KostenPartialDiv .woningLijst .woningHeader:hover {
		background-color: #012c59;
		color: white;
	}

	#KostenPartialDiv .woningLijst .woningHeader .totaleKosten {
		float: right;
		margin-right: 20px;
		width: 150px;
	}

	#KostenPartialDiv .woningLijst .woningHeader .expand {
		float: right;
	}

#KostenPartialDiv .woningLijst .woningHoofdstukken {
}

#KostenPartialDiv .woningLijst .hoofdstukHeader {
	background-color: #eaeaea;
	padding: 5px 5px 5px 40px;
	margin-top: 2px;
	cursor: pointer;
}

	#KostenPartialDiv .woningLijst .hoofdstukHeader:hover {
		background-color: #bfbfbf;
	}

	#KostenPartialDiv .woningLijst .hoofdstukHeader .totaleKosten {
		float: right;
		margin-right: 20px;
	}

	#KostenPartialDiv .woningLijst .hoofdstukHeader .expand {
		float: right;
	}

#KostenPartialDiv .afprijsRegelLijst {
	font-size: 14px;
	margin: 10px 5px 10px 16px;
}

#KostenPartialDiv .afprijsRegel {
	cursor: default;
}

	#KostenPartialDiv .afprijsRegel:hover {
		color: #0073c3;
	}

#KostenPartialDiv .afprijsRegelLijst td {
	line-height: 24px;
}

#KostenPartialDiv .afprijsRegelLijst .expand {
	width: 12px;
	height: 12px;
	cursor: pointer;
	vertical-align: middle;
	margin-right: 5px;
}

#KostenPartialDiv .afprijsRegelLijst .melding {
	vertical-align: middle;
	margin-right: 5px;
}

#KostenPartialDiv .afprijsRegelLijst .optie {
	width: 300px;
}

#KostenPartialDiv .afprijsRegelLijst .eenheid {
	text-align: center;
	padding: 0 20px;
}

#KostenPartialDiv .afprijsRegelLijst .eenheidsprijs {
	text-align: right;
	padding: 0 20px;
}

#KostenPartialDiv .afprijsRegelLijst .hoeveelheid {
	text-align: right;
	padding: 0 20px;
}

#KostenPartialDiv .afprijsRegelLijst .totaal {
	text-align: right;
	padding: 0 20px;
}

#KostenPartialDiv .afprijsRegelLijst .omschrijving {
	padding: 10px 25px;
	max-width: 500px;
	color: #a0a0a0;
}

#KostenPartialDiv .afprijsRegelLijst .toelichting {
	padding: 0px 25px 10px 25px;
	max-width: 500px;
	color: #ff9000;
}

#KostenPartialDiv .afprijsRegelLijst .toeslagheader {
	font-weight: bold;
}

	#KostenPartialDiv .afprijsRegelLijst .toeslagheader td {
		padding-top: 40px;
	}

#KostenPartialDiv .afprijsRegelLijst .totaalRegel {
	font-weight: bold;
}

	#KostenPartialDiv .afprijsRegelLijst .totaalRegel td {
		padding-top: 5px;
	}

#KostenPartialDiv .totalen {
	margin: 5px 43px 20px 40px;
}

	#KostenPartialDiv .totalen .totaal {
		float: right;
	}

	#KostenPartialDiv .totalen .exclBtw, #KostenPartialDiv .totalen .inclBtw {
		padding: 5px 0;
	}

	#KostenPartialDiv .totalen .inclBtw {
		border-top: 1px solid black;
		font-weight: bold;
	}

#KostenPartialDiv .blokTotaal {
	margin: 5px 43px 20px 10px;
}

#KostenPartialDiv .alleBlokkenTotalen {
	background-color: #fce6e8;
	margin: 20px 0 0 0;
	padding: 5px 43px 5px 10px;
}

#KostenPartialDiv .knop {
	cursor: pointer;
	display: inline-block;
	background-color: #027ec8;
	color: white;
	font-size: 16px;
	padding: 10px;
}

#KostenPartialDiv .knoppenContainerBoven {
	margin: 20px 10px 0 10px;
	text-align: right;
	max-width: 900px;
}

#KostenPartialDiv .knoppenContainerOnder {
	margin: 20px 0 0 10px;
	text-align: right;
	max-width: 900px;
}


#KostenPartialDiv .KostenDetailPopup {
	position: fixed;
	width: 500px;
	right: 400px;
	width: 600px;
	background-color: white;
	border: 1px solid #aaaaaa;
	border-radius: 4px;
	padding: 10px;
	top: 120px;
	z-index: 100;
	/*cursor: pointer;*/
	box-shadow: 0 1px 5px #333333;
	border: 1px solid black;
}

	#KostenPartialDiv .KostenDetailPopup .Vet {
		font-weight: bold;
	}

	#KostenPartialDiv .KostenDetailPopup .CloseButton {
		position: absolute;
		right: 5px;
		top: 5px;
		cursor: pointer;
		width: 16px;
		height: 16px;
		background-image: url('/Content/Images/button_verwijder.png');
	}

	#KostenPartialDiv .KostenDetailPopup .woningLijst {
		margin: 0;
	}

	#KostenPartialDiv .KostenDetailPopup .afprijsRegel:hover {
		color: inherit;
	}

	#KostenPartialDiv .KostenDetailPopup .afprijsRegel {
		cursor: default;
	}

	#KostenPartialDiv .KostenDetailPopup .energieDetailRegel {
		width: 100%;
		display: flex;
		flex-direction: row;
	}

		#KostenPartialDiv .KostenDetailPopup .energieDetailRegel .Totaal {
			border-top: 1px solid #000;
		}

		#KostenPartialDiv .KostenDetailPopup .energieDetailRegel .kostenPerMaandText {
		}

#KostenBlokOfDetailSwitch {
	background-color: #272320;
	width: 100%;
	padding: 5px 0px 5px 0px;
	text-indent: 5px;
	height: 24px;
	line-height: 24px;
	font-size: 21px;
	color: #FFF;
	position: absolute;
	top: 0px;
}

#KostenBlokOfDetailSwitchToonOverzicht {
	color: #fff;
}

#KostenBlokOfDetailSwitchToonDetails {
	color: #fff;
}

#KostenPartialTableContainer {
	width: 100%;
	position: absolute;
	top: 34px;
	bottom: 0;
	overflow-y: scroll;
}

#KostenPartialTable {
	width: 100%;
	/*height:100%;*/
	cellpadding ="5";
	cellspacing ="5";
}

	#KostenPartialTable tr {
		height: 28px;
	}

#KostenTableLastRowFiller {
	/*height:100% !important;*/
}

.KostenTableFillerRight {
	width: 30px;
}

.KostenTableRijFiller {
	height: 30px;
}

.KostenTabelTextVeld {
	width: 200px;
}

#KostenBlokOverzichtTable {
	width: 80%;
	height: 100%;
	border-spacing: 5px;
	border-collapse: separate;
}

	#KostenBlokOverzichtTable td {
		padding: 5px;
	}

	#KostenBlokOverzichtTable tr {
		height: 28px;
	}

	#KostenBlokOverzichtTable thead {
		font-weight: 700;
	}

#PoweredByWoonConnect {
	float: right;
	position: absolute;
	right: 0px;
	top: 0px;
}

.BlokOverzichtBlokNaam {
	width: 300px;
}

.BlokOverzichtVariantNaam {
	width: 150px;
}

.BlokOverzichtAantal {
	width: 50px;
}

.BlokOverzichtKostenVoorBlok {
	width: 150px;
}


.BlokOverzichtKostenTotaalBedrag {
	width: 100px;
}

.BlokOverzichtKolom {
	float: left;
	margin: 0px 5px 0px 5;
}

.BlokOverzichtRegel {
	clear: both;
}

.BlokOverzichtToevoegen {
	clear: both;
}

.PrijsPartialBedrag {
	text-align: right;
}

#VragenNavBlok {
	width: calc(100% - 25px) !important;
	float: left;
}

#KostenMJOPPartialTableContainer {
	margin: 0 40px 20px 0;
	overflow: auto;
}

#KostenMJOPPartialTable {
	margin-bottom: 10px;
}

	#KostenMJOPPartialTable thead {
		background-color: #c1c1c1;
	}

	#KostenMJOPPartialTable th, #KostenMJOPPartialTable td {
		padding: 7px 5px 7px 5px;
	}

	#KostenMJOPPartialTable .mjop, #KostenMJOPPartialTable .mjopheader #KostenMJOPPartialTable .uitvjr {
		text-align: right;
	}

	#KostenMJOPPartialTable .uitvjr {
		border-left: 1px solid #c1c1c1;
		border-right: 1px solid #c1c1c1;
	}

	#KostenMJOPPartialTable tr.hoofdstuk {
		background-color: #e8e8e8;
	}

	#KostenMJOPPartialTable td.prijsRegelNaam {
		padding-left: 20px;
		width: 100%;
		min-width: 200px;
	}

	#KostenMJOPPartialTable tr.totaal {
		font-weight: bold;
		border-top: 1px solid #c1c1c1;
		border-bottom: 1px solid #c1c1c1;
	}

		#KostenMJOPPartialTable tr.totaal td:nth-child(3) {
			border-left: 1px solid #c1c1c1;
		}

	#KostenMJOPPartialTable td.regelTotaal {
		font-weight: bold;
	}

	#KostenMJOPPartialTable td.totaal {
		border-left: 1px solid #c1c1c1;
	}

	#KostenMJOPPartialTable .mjop ~ .mjop {
		border-left: 1px solid #e8e8e8;
	}

.progressdialogcontainer {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 10;
}

.progressdialog {
	font-size: 13px;
	position: absolute;
	background-color: white;
	height: 100px;
	width: 400px;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -200px;
	padding: 20px;
	text-align: center;
	border: 1px solid #ccc;
}

.progressbarcontainer {
	border: 1px solid #ccc;
	margin-top: 20px;
	height: 20px;
}

.progressbar {
	background-color: #027EC8;
	height: 100%;
}

.progressIcon {
	display: inline-block;
	margin: 0 1px;
	opacity: 0.50;
	vertical-align: middle;
}

	.progressIcon.busy {
		opacity: 1.0;
	}

.OpslaanIcon {
	display: inline-block;
	margin: 0 1px;
	opacity: 0.50;
	vertical-align: middle;
	background-image: url('/Content/images/Viewer/busy_saving.gif');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

	.OpslaanIcon.busy {
		opacity: 1.0;
		background-image: url('/Content/images/Viewer/progress_saving.gif');
	}

	.OpslaanIcon.error {
		opacity: 1.0;
		background-image: url('/Content/images/Viewer/error_saving.gif');
	}

.userkeuze_toggle_number_left {
	font-size: 11px;
	width: 12px;
	float: left;
	color: #EEE;
	text-align: right;
}

.userkeuze_toggle_number_right {
	font-size: 11px;
	width: 12px;
	float: right;
	color: #EEE;
	text-align: right;
}

.userkeuze_aanbesteder_toggle_number_left {
	font-size: 11px;
	float: right;
	color: #000;
	text-align: right;
}

.userkeuze_aanbesteder_toggle_number_right {
	font-size: 11px;
	float: right;
	color: #000;
	text-align: right;
	margin-right: 5px;
}

#HeaderAdresDivContainer {
	width: 280px;
	height: 30px;
	max-width: 280px;
	border-right: 1px solid #000;
}

#HeaderAdresDiv {
	text-decoration: none;
	line-height: 30px;
	display: block;
	color: inherit;
	font-weight: 700;
	padding-left: 10px;
	/*padding-top: 5px;*/
}

#SemantiekMain {
	font-size: 12px;
}

.UserNameUsedToLogin {
	width: 196px;
	overflow: hidden;
	/*float: left;*/
	text-align: right;
	margin-left: auto;
	margin-right: 8px;
	display: table-cell;
}

.UsernameWrapper {
	text-align: right;
	position: relative;
	float: right;
}

.LogoutLink {
	display: table-cell;
	padding-right: 16px;
}

#normalemanier {
	display: flex;
}

#logon-interface {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

	#logon-interface .login-data {
		display: flex;
		flex-direction: row;
	}

	#logon-interface .activatieBlok {
		width: 300px;
		padding-left: 40px;
		align-self: flex-end;
	}

		#logon-interface .activatieBlok .activatieBlokUitleg {
			padding-bottom: 10px;
		}

	#logon-interface .Login-spacer {
		width: 300px;
		height: 5px;
	}

/**  iPad 1 en 2, en iPad 3 en 4 - landscape layout **/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	.validation-summary-errors {
		padding-top: 1px;
		font-size: 10px;
	}

	.hideIfMobile {
		display: none;
	}
}