/*////////////////////////////////////////////
// Copyright © 2023 Windex Bedrijfssoftware //
////////////////////////////////////////////*/

/* font-weight: 300 (t.b.v. PageTitle) */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');

/* Normal */
@font-face {
	font-family: "open-sans";
	src: url("https://use.typekit.net/af/f18587/00000000000000007735a07a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/f18587/00000000000000007735a07a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/f18587/00000000000000007735a07a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
	font-display: auto;
	font-style: normal;
	font-weight: 400;
	font-stretch: normal;
}

/*#region Centeren content*/

html {
	overflow-x: hidden; /* Voorkomt horizontale schuifbalk bij versmallen venster */
	overflow-y: scroll; /* Voorkomt verspingen gecentreerde inhoud i.p.v. wel/geen schuifbalken */
}

a {
	color: #333333;
}

.wcc_ContentBlockContentCell a:hover {
	color: #0191D2;
}

.wcc_ContentBlockContentCell a:focus {
	color: #0180B6;
}

.wcc_ContentBlockContentCell a:active {
	color: #017099;
}
/* The Magic Float Center Code */
.wcc_PageContainer {
	float: right;
	position: relative;
	left: -50%;
	text-align: left;
}

	.wcc_PageContainer > .wcc_Centered {
		position: relative;
		left: 50%;
		width: inherit;
	}

.wcc_PageWrapper {
	/* Margin-left ter compensatie van rechtermarge rechterkolom niet langer nodig */
}

.wcc_FooterContainer {
	backdrop-filter: blur(6px) contrast(60%);
	position: fixed;
	bottom: 0px;
	background: linear-gradient(0deg, rgba(160,160,160,1) 0%, rgba(208,208,208,0) 100%);
	width: inherit;
	max-width: inherit;
}

/*#endregion*/

/*#region BaseComponents*/

html {
	height: 100%;
}

.wcc_Body {
	padding: 0px;
	margin: 0px;
	font-family: 'Segoe UI Variable Text', 'Segoe UI', Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 13px;
	height: 100%;
	background-color: #EEEEEE;
	letter-spacing: 0.25px;
}

form {
	padding: 0px;
	margin: 0px;
}

/*#endregion BaseComponents*/

/*#region PageStructure Header*/

.wcc_HeaderWrapper {
	position: relative;
	height: 70px;
}

.wcc_WindexCCLogo {
	width: 54px;
	height: 90px;
	position: absolute;
	top: 0px;
	background-image: url('/Theming/Styles/Images/WccLogo.png');
	background-repeat: no-repeat;
	background-position-y: 13px;
}

.wcc_CustomerLogo {
	width: 150px;
	height: 90px;
	position: absolute;
	top: 0px;
	right: 0px;
}

.wcc_Title {
	left: 0px;
	right: 25px;
	position: absolute;
	height: 90px;
}

.wcc_PageTitle {
	color: #999990;
	padding-top: 7px;
	padding-left: 55px;
	font: 22px 'Open Sans', 'Segoe UI', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.wcc_PageContext {
	padding-left: 55px;
	font: 22px open-sans, 'Segoe UI', sans-serif;
	color: black;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.wcc_PageSubContext {
	color: #999990;
	font-weight: 300;
}

.wcc_Loading {
	background: url('/Theming/Styles/Images/Spinner.gif') no-repeat top center;
	color: black;
	padding-top: 65px;
	position: fixed;
	top: 50%;
	left: 0px;
	right: 0px;
	z-index: 100;
	text-align: center;
	margin-top: -45px;
}

.wcc_BrowserSupportWrapper {
	color: red;
	font-weight: bold;
	font: 22px open-sans, 'Segoe UI', sans-serif;
	border: 2px solid silver;
	margin: 10px;
	padding: 20px;
	text-align: center;
	display: none;
}

.wcc_PageMeasurement {
	border: 3px solid black;
	width: 420px !important;
	position: fixed !important;
	right: 290px;
	top: 0px;
}

/*#endregion */

/*#region PageStructure Content*/

.wcc_NoItemsFound {
	font-style: italic;
}

.wcc_FooterMargin {
	padding-bottom: 35px; /* Compensatie voor footer (indien deze aanstaat) */
}

.wcc_ContentWrapper {
	padding-top: 20px; /* I.v.m. pageviewer i.c.m. ShowHeader = false */
	position: relative;
	display: none;
	/* Correctie voor marge rechterkolom (blokken ruimte optimaal laten benutten) */
	margin-right: -20px;
}

	.wcc_ContentWrapper:after {
		content: '.';
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0px;
		height: 0px;
	}

.wcc_DefaultBlockHeight {
	height: 492px;
}

.wcc_ContentBlockFixedWidth,
.wcc_ContentBlock {
	float: left;
	width: 437px;
	height: 492px;
	margin-right: 20px;
	margin-bottom: 20px;
	background-color: #fdfdfd;
	padding: 10px 9px 10px 9px; /* Links en rechts 5px voor hoverstyling reserveren */
	box-sizing: border-box;
	/* HOTFIX 26-09-2019: Benodigd voor ResizeRowHeight ter voorkoming van ongewenst wrappen van inhoud tijdens bepaling hoogte van inhoud */
	-ms-overflow-style: none; /* IE 10+ */
	scrollbar-width: none; /* Firefox */
	border-radius: 3px;
	box-shadow: 2px 2px 10px #d7d7d7;
}

	.wcc_ContentBlock::-webkit-scrollbar,
	.wcc_ContentBlockFullHeight::-webkit-scrollbar {
		/* HOTFIX 26-09-2019 Safari and Chrome */
		width: 0;
	}

.wcc_ContentBlockFullHeight {
	float: left;
	width: 437px;
	margin-right: 20px;
	background-color: #fdfdfd;
	margin-bottom: 20px;
	padding: 10px 9px 10px 9px; /* Links en rechts 5px voor hoverstyling reserveren */
	box-sizing: border-box;
	/* HOTFIX 26-09-2019: Benodigd voor ResizeRowHeight ter voorkoming van ongewenst wrappen van inhoud tijdens bepaling hoogte van inhoud */
	-ms-overflow-style: none; /* IE 10+ */
	scrollbar-width: none; /* Firefox */
	border-radius: 3px;
	box-shadow: 2px 2px 10px #d7d7d7;
}

.wcc_ContentBlockDummy {
	/* Nodig i.g.v. popup geopend vanuit expander (wcc_ContentBlockExpandedNoZIndex) */
	background-color: transparent;
}

.wcc_ContentBlockTitle {
	font-size: 22px;
	color: #0291D3;
	font-family: open-sans, 'Segoe UI', sans-serif;
	text-transform: uppercase;
	padding-bottom: 2px;
	margin-bottom: 6px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.wcc_ContentBlockTitleSuffix {
	display: inline;
	text-transform: lowercase;
	font-size: 18px;
	color: #0291D3;
	font-family: open-sans, 'Segoe UI', sans-serif;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.wcc_ContentBlockTitle span[disabled] {
	color: #999990;
}

.wcc_ContentBlockSubTitle {
	font-size: 16px;
	font-family: open-sans, 'Segoe UI', sans-serif;
	text-transform: uppercase;
	min-height: 26px;
	margin-bottom: 5px;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

	.wcc_ContentBlockSubTitle span[disabled] {
		color: #999990;
	}

.wcc_ContentBlockSubTitleWithLine {
	font-size: 16px;
	font-family: open-sans, 'Segoe UI', sans-serif;
	text-transform: uppercase;
	min-height: 26px;
	margin-bottom: 5px;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-bottom: solid 1px #CCCCCC;
}

/* Blok(sub)titels van uitgegrijsde blokken mee-uitgrijzen */
div[disabled] .wcc_ContentBlockTitle > span,
div[disabled] .wcc_ContentBlockSubTitle > span,
div[disabled] .wcc_ContentBlockSubTitleWithLine > span,
div[disabled] .wcc_ContentBlockTitleCell,
div[disabled] .wcc_ContentBlockContentCell {
	color: #CCCCCC;
}

div[disabled] .wcc_NewButtonPanel a {
	background: #FAFAFA url('/Theming/Styles/Images/AddDisabled.png') no-repeat center center;
	border: 1px solid #F0F0F0;
	cursor: default;
}

.wcc_ContentBlockRow {
	width: 100%;
	margin-bottom: 5px;
	position: relative;
	min-height: 26px;
	/*	Workitem 4498, 4936 (12-04-2022, 19-09-2022)
		Schuifbalk voorkomen bij zoompercentage van > 100%	*/
	overflow: hidden; /* overflow gebruiken (zowel x als y) om horizontale schuifbalk in subtitel te voorkomen */
}

	.wcc_ContentBlockRow:after {
		content: '.';
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0px;
		height: 0px;
	}

.wcc_ContentBlockRow_Empty {
	min-height: 26px;
	margin-bottom: 5px;
}

.wcc_ContentBlockTextSpacing, .wcc_ContentBlockTitle, .wcc_ContentBlockSubTitle, .wcc_ContentBlockSubTitleWithLine, .wcc_ContentBlockTitleCell, .wcc_ContentBlockFullCell {
	padding-left: 5px;
}

.wcc_ContentBlockTitleCell {
	width: 180px;
	float: left;
	color: #999990;
	height: 100%;
	position: absolute;
	box-sizing: border-box;
	padding-top: 3px;
	font-family: 'Segoe UI Variable Text', 'Segoe UI';
	letter-spacing: 0.25pt;
}

.wcc_ContentBlockContentCell {
	float: left;
	position: relative;
	left: 174px;
	padding-left: 2px;
	border-left: 5px solid transparent;
	width: 240px;
	max-width: 240px;
	box-sizing: border-box;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-height: inherit;
	overflow-x: hidden;
}

.wcc_ContentBlockContentCellHalfWidth {
	float: left;
	position: relative;
	left: 181px;
	border-left: 5px solid transparent;
	width: 233px;
	max-width: 233px;
	box-sizing: border-box;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-height: inherit;
	overflow-x: hidden;
	overflow-y: hidden;
	min-height: 33px;
}

.wcc_ContentBlockContentCellNoLabel {
	border-left: 5px solid white;
	margin-left: 7px;
	min-height: 26px;
	padding-left: 2px;
	box-sizing: border-box;
}

.wcc_ContentBlockContentCell a {
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wcc_ContentBlockContentCell label, .wcc_ContentBlockContentCell span {
	/* Geen display:inline-block i.v.m. tonen ellipsis */
	line-height: 23px;
}

.wcc_ContentBlockContentCell input[type=checkbox] + label {
	padding-top: 0px;
}

.wcc_ContentBlockContentCell input[type=checkbox] {
	margin-left: 0px;
	margin-top: 5px;
}

.wcc_ContentBlockFullCell {
	min-height: 26px;
	width: 414px;
	box-sizing: border-box;
}

.wcc_DualBlock {
	width: 894px;
	padding: 10px 9px 10px 9px; /* Links en rechts 5px voor hoverstyling reserveren */
	box-sizing: border-box;
}

	.wcc_DualBlock .wcc_ContentBlockFullCell {
		width: 871px;
	}

	.wcc_DualBlock .wcc_ContentBlockContentCell {
		width: 697px;
		max-width: 2000px;
	}
	/* In een popup binnen een dualblock velden oorspronkelijke breedte geven */
	.wcc_DualBlock .popup_SingleBlock .wcc_ContentBlockFullCell {
		width: 406px;
	}

	.wcc_DualBlock .popup_SingleBlock .wcc_ContentBlockContentCell {
		width: 240px;
		max-width: 240px;
	}

.wcc_TripleBlock {
	width: 1351px;
}

.wcc_Required {
	border-left: 5px solid #0191D2;
	border-radius: 2px;
}

.wcc_Warning {
	border-left: 5px solid #FF9106;
	border-radius: 2px;
}

.wcc_Invalid {
	border-left: 5px solid #D70000 !important;
	border-radius: 2px;
}

.wcc_Valid {
	border-left: 5px solid #00CC00;
	border-radius: 2px;
}

div[disabled] .wcc_Required,
div[disabled] .wcc_Warning,
div[disabled] .wcc_Invalid,
div[disabled] .wcc_Valid {
	border-left: 5px solid #CCCCCC;
}

/* 14-06-2019: Toevoeging datetime t.b.v. datumvelden in externe MVC-pagina's */
/* 22-10-2021: toevoeging opmaak voor numerieke HTML5-velden */
.wcc_Body input[type=text], .wcc_Body input[type=password], .wcc_Body input[type=datetime], .wcc_Body input[type=number], .wcc_Body input[type=email] {
	height: 26px;
}

.wcc_Body input[type=text], .wcc_Body input[type=password], .wcc_Body input[type=datetime], .wcc_Body input[type=number], .wcc_Body input[type=email], .wcc_Body textarea {
	border: 1px solid #CCCCCC;
	background-color: #EFEFEF;
	width: 100%;
	font-family: 'Segoe UI Variable Text', 'Segoe UI', Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 10pt;
	color: black;
	padding-left: 5px;
	box-sizing: border-box;
	border-radius: 2px;
	min-height: 26px;
}

	.wcc_Body input[type=text]:hover, .wcc_Body input[type=password]:hover, .wcc_Body input[type=datetime]:hover,
	.wcc_Body input[type=number]:hover, .wcc_Body input[type=email]:hover, .wcc_Body textarea:hover {
		background-color: #EDEEF2;
		border: 1px solid #57ADD2;
	}

	.wcc_Body input[type=text]:focus, .wcc_Body input[type=password]:focus, .wcc_Body input[type=datetime]:focus,
	.wcc_Body input[type=number]:focus, .wcc_Body input[type=email]:focus {
		border: 1px solid #0191D2;
		background-color: #0191D2;
		color: white;
		outline: none; /* Remove border on focus in Google Chrome and Chromium-based Edge */
	}

	.wcc_Body input[type=text]:disabled, .wcc_Body input[type=password]:disabled, .wcc_Body input[type=datetime]:disabled,
	.wcc_Body input[type=number]:disabled, .wcc_Body input[type=email]:disabled, .wcc_Body textarea:disabled {
		border: 1px solid #F0F0F0;
		background-color: #FAFAFA;
		color: #CCCCCC;
	}

	.wcc_Body textarea:focus {
		border: 1px solid #0191D2;
		background-color: white;
		color: black;
		outline: none; /* Remove border on focus in Google Chrome and Chromium-based Edge */
	}

input[type=text].wcc_PlaceholderText {
	color: #777777;
	font-style: italic;
	letter-spacing: 0.5px;
}

/* 
	Workitem 2336 (26-07-2021)
	Rand en achtergrond van alleen-lezen tekstveld doorzichtig gemaakt
*/
.wcc_ContentBlockContentCell input[type=text][readonly] {
	background-color: transparent;
	border-color: transparent;
	padding: 0px;
}

.wcc_Body input[type=submit] {
	background-color: #BABABA;
	color: white;
	font-weight: bold;
	border: solid 1px #CCCCCC;
	height: 26px;
	text-align: left;
	padding-left: 5px;
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
}

	.wcc_Body input[type=submit]:hover {
		background-color: #999999;
	}

input[type=text].wcc_Valuta {
	background-image: url('/Theming/Styles/Images/Euro.png');
	background-repeat: no-repeat;
	padding-left: 16px;
}

	input[type=text].wcc_Valuta:focus {
		background-image: url('/Theming/Styles/Images/EuroActive.png');
	}

	input[type=text].wcc_Valuta:disabled {
		background-image: url('/Theming/Styles/Images/EuroDisabled.png');
	}

.ajax__calendar_container {
	z-index: 999;
}

.wcc_Indent {
	padding-left: 20px;
	box-sizing: border-box;
}

.wcc_NoBottomMargin {
	margin-bottom: 0;
}

/*#endregion */

/*#region PageStructure Footer */

.wcc_FooterWrapper {
	background: #999999 url('/Theming/Styles/Images/WhiteLine.png') repeat-x;
	bottom: 0px;
	position: fixed;
	width: 100%;
	z-index: 10; /* footer boven expanders tonen tijdens scrollen */
}

.wcc_FooterPanel {
	color: white;
	float: right;
}

input.wcc_ActionButton {
	background: #0191D2 url('/Theming/Styles/Images/TabControl/SaveAction.png') no-repeat 10px 9px;
	border-width: 0px;
	font: bold 12px 'Segoe UI Variable Text', 'Segoe UI';
	letter-spacing: 0.25pt;
	height: 36px;
	padding-right: 11px;
	text-align: right;
	text-transform: uppercase;
	width: 106px;
}

	input.wcc_ActionButton:hover {
		background-color: #0180B6;
	}

	input.wcc_ActionButton:active {
		background-color: #017099;
	}

	input.wcc_ActionButton:disabled {
		background-color: #CCE9F6;
		background-image: url('/Theming/Styles/Images/TabControl/SaveActionDisabled.png');
	}

.toastNotification {
	background-color: #0191D2;
	bottom: 36px;
	box-shadow: -5px -5px 10px -5px silver;
	color: white;
	padding: 10px;
	position: fixed;
	width: 410px;
	/* Generieke toastnotificatie (z-index 10) op voorgrond tonen t.o.v. waarschuwing (z-index 9) */
	z-index: 10;
}

	.toastNotification .wcc_ContentBlockTitle {
		color: white;
	}

/*#endregion */

/*#region SelectMenu */

.ui-selectmenu-menu {
	display: none;
	font-family: 'Segoe UI Variable Text', 'Segoe UI';
	font-size: 10pt;
	letter-spacing: 0.25pt;
}

/* 
	Workitem 1955 (03-02-2021)
	SelectMenu verscheen achter bootstrap modal (Ledenvoordeel)
*/
.ui-selectmenu-open {
	display: block;
	z-index: 99;
}

.ui-selectmenu-button {
	background: #EFEFEF url('/Theming/Styles/Images/DownArrow.png') 99% no-repeat;
	border: 1px solid #CCCCCC;
	display: block;
	height: 26px;
	line-height: 16px;
	overflow: hidden;
	padding: 3px 15px 3px 5px;
	position: relative;
	text-decoration: none;
	cursor: pointer;
	box-sizing: border-box;
	text-overflow: ellipsis;
	border-radius: 2px;
}

	.ui-selectmenu-button.ui-state-disabled {
		border: 1px solid #F0F0F0;
		background-color: #FAFAFA;
		color: #CCCCCC;
		background-image: url('/Theming/Styles/Images/DownArrowDisabled.png');
	}

.ui-selectmenu-text {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

ul.ui-menu {
	background-color: white;
	border: 1px solid silver;
	border-radius: 3px;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	max-height: 260px;
	overflow-x: hidden;
	box-shadow: 2px 2px 10px #d7d7d7;
}

li.ui-menu-item div {
	border-radius: 2px;
	cursor: default;
	font-weight: bold;
	min-height: 19px; /* Te brede lijstitems laten wrappen */
	line-height: 20px;
	list-style: none;
	padding: 2px 16px 4px 5px;
	white-space: normal; /* Te brede lijstitems laten wrappen */
}

.ui-selectmenu-button:hover {
	border-color: #0191D2;
}

li.ui-menu-item:hover, .ui-state-active, .ui-state-focus {
	background-color: #0191D2;
	border-color: #0191D2;
	color: white;
}

.ui-selectmenu-button-open, .ui-selectmenu-button:focus, .ui-selectmenu-button:active {
	background-color: #0191D2;
	background-image: url('/Theming/Styles/Images/DownArrowFocus.png');
	border-color: #0191D2;
	color: white;
}

.ui-menu-item .ui-state-active:active {
	background-color: #0180B6;
	border-color: #0180B6;
	color: white;
}

.ui-selectmenu-button.ui-state-disabled {
	background-image: url('/Theming/Styles/Images/DownArrowDisabled.png');
}

	.ui-selectmenu-button.ui-state-disabled:hover {
		border: 1px solid #F0F0F0;
	}

.ui-state-disabled {
	color: silver;
	background-color: white;
	cursor: default;
}
/* voorkomt schuifbalken viewport */
div.ui-selectmenu-open {
	display: inline-block;
}

.selectmenu_MaxWidth + .ui-selectmenu-button {
	width: 100% !important;
}

.wcc_ContentBlockContentCell .ui-selectmenu-button {
	display: block;
	padding-top: 0px;
}

/*#endregion*/

/*#region Popup*/

.popup_FooterWrapper {
	background-color: #999999;
	clear: left;
	display: inline-block;
	width: 100%;
}

.popup_FooterPanel {
	color: white;
	float: right;
}

.popup, .popup_DualBlock {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/*#endregion */

/*#region Default Role in Popup*/

.wcc_ContentBlock_DefaultRole {
	float: right;
	width: 430px;
	margin-right: 20px;
}

/*#endregion */

/*#region PopupButton*/

.popupButtonDataCell_EditDiv {
	background-image: url('/Theming/Styles/Images/Mutate.png');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	float: right;
	padding-right: 5px;
	margin-top: 2px;
}

.popupButtonDataCell {
	border: 1px solid #CCCCCC;
	border-radius: 2px;
	background-color: #EFEFEF;
	height: 26px;
	padding-top: 2px;
	padding-left: 5px;
	box-sizing: border-box;
	float: left;
}

	.popupButtonDataCell:hover {
		border: 1px solid #0191D2;
		background-color: #0191D2;
		color: white;
	}


		.popupButtonDataCell:hover .popupButtonDataCell_EditDiv {
			background-image: url('/Theming/Styles/Images/MutateActive.png');
		}

	/*	Workitem 2014 (23-02-2021)
		Toevoeging ontbrekende disabled-styling voor popupButtonDataCell 
		________________________________________________________________ */

	.popupButtonDataCell[disabled='disabled'], div[disabled='disabled'] .popupButtonDataCell {
		border: 1px solid #F0F0F0;
		background-color: #FAFAFA;
		color: #CCCCCC;
	}

		.popupButtonDataCell[disabled='disabled'] a, div[disabled='disabled'] .popupButtonDataCell a {
			cursor: default;
		}

		.popupButtonDataCell .popupButtonDataCell_EditDiv[disabled='disabled'],
		div[disabled='disabled'] .popupButtonDataCell .popupButtonDataCell_EditDiv {
			opacity: 0.5;
		}

	/* ________________________________________________________________ */

	.popupButtonDataCell[disabled] .popupButtonDataCell_EditDiv {
		opacity: 0.5;
	}

.popupButtonDataCell_NameLabel {
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.popupButtonDataCell_NameLabelWithWidth {
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 270px;
	display: inline-block;
}

.popupButtonDataCell_EditButton {
	height: inherit;
	width: inherit;
	position: absolute;
	left: 14px;
	top: 0px;
}

.popupButton_DeleteButton {
	background: #EFEFEF url('/Theming/Styles/Images/Trash.png') no-repeat center center;
	border: 1px solid #CCCCCC;
	border-radius: 2px;
	float: right;
	height: 24px;
	width: 24px;
}

	.popupButton_DeleteButton:hover {
		background-color: #0191D2;
		background-image: url('/Theming/Styles/Images/TrashActive.png');
	}

	.popupButton_DeleteButton:active {
		background-color: #017099;
	}

	.popupButton_DeleteButton[disabled='disabled'] {
		border: 1px solid #F0F0F0;
		background-color: #FAFAFA;
		background-image: url('/Theming/Styles/Images/TrashDisabled.png');
		cursor: default;
	}

.popupButton_EditButton {
	margin-left: 6px;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-color: #EFEFEF;
	border: 1px solid #CCCCCC;
	border-radius: 2px;
	float: right;
	height: 24px;
	width: 24px;
	background-image: url('/Theming/Styles/Images/Mutate.png');
	background-repeat: no-repeat;
}

	.popupButton_EditButton:hover {
		background-image: url('/Theming/Styles/Images/MutateActive.png');
		background-color: #0191D2;
		cursor: pointer;
	}

	.popupButton_EditButton:active {
		background-color: #017099;
	}

	.popupButton_EditButton[disabled='disabled'] {
		border: 1px solid #F0F0F0;
		background-color: #FAFAFA;
		background-image: url('/Theming/Styles/Images/MutateDisabled.png');
		cursor: default;
	}

.wcc_Button {
	background: #EFEFEF no-repeat center center;
	border: 1px solid #CCCCCC;
	border-radius: 2px;
	float: right;
	height: 24px;
	width: 24px;
}

	.wcc_Button:hover {
		background-color: #0191D2;
		cursor: pointer;
	}

	.wcc_Button:active {
		background-color: #017099;
	}

	.wcc_Button[disabled='disabled'] {
		border: 1px solid #F0F0F0;
		background-color: #FAFAFA;
		cursor: default;
	}

.wcc_Button_White {
	background: white no-repeat 4px center;
	border: 1px solid #CCCCCC;
	color: black;
	float: left;
	height: 26px;
	margin-right: 5px;
	min-width: 26px;
}

	.wcc_Button_White span {
		line-height: 24px;
		padding-left: 24px;
		padding-right: 4px;
		white-space: nowrap;
	}

	.wcc_Button_White:hover {
		background-color: #0191D2;
		color: white;
		cursor: pointer;
		text-decoration: none;
	}

	.wcc_Button_White:active {
		background-color: #017099;
	}

	.wcc_Button_White[disabled='disabled'], .wcc_Button_White[disabled='disabled']:hover {
		border: 1px solid #F0F0F0;
		background-color: #FAFAFA;
		cursor: default;
		color: grey;
	}

.wcc_TextButton {
	background-color: #0191D2;
	border: 1px solid #CCCCCC;
	border-radius: 2px;
	float: right;
	color: white;
	font-family: 'Segoe UI Variable Text', 'Segoe UI';
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	white-space: nowrap;
	text-transform: none;
	text-align: center;
	letter-spacing: 0.25pt;
	text-decoration: none;
}

.wcc_TextAndImageButton {
	background: #EFEFEF no-repeat center left;
	background-position-x: 4px;
	background-color: #0191D2;
	border: 1px solid #CCCCCC;
	border-radius: 2px;
	float: right;
	height: 26px;
	width: 146px;
	color: white;
	font-family: 'Segoe UI Variable Text', 'Segoe UI';
	font-size: 14px;
	line-height: 25px;
	padding-left: 24px;
	padding-right: 10px;
	white-space: nowrap;
	text-transform: none;
	text-align: center;
	letter-spacing: 0.25pt;
	text-decoration: none;
}

.wcc_TextAndImageButton_AlignRight {
	background: #EFEFEF no-repeat center left;
	background-position-x: 124px;
	background-color: #0191D2;
	padding-left: 5px;
}

.wcc_TextAndImageButton_ExtraWide {
	margin-left: 6px;
	background-position-y: 6px;
	line-height: 28px;
	height: 30px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	width: auto;
}

.wcc_TextButton:hover, .wcc_TextAndImageButton:hover {
	background-color: #0180B6;
	cursor: pointer;
	color: white;
}

.wcc_TextAndImageButton:focus {
	color: white;
}

	.wcc_TextAndImageButton:focus:hover {
		color: white;
	}

.wcc_TextAndImageButton:visited {
	color: white;
}

.wcc_TextButton::active, .wcc_TextAndImageButton:active {
	background-color: #017099;
	color: white;
}

.wcc_TextButton[disabled='disabled'], .wcc_TextAndImageButton[disabled='disabled'] {
	border: 1px solid #F0F0F0;
	background-color: #FAFAFA;
	color: #CCCCCC;
	cursor: default;
}

.wcc_Icon_Next {
	background-image: url('/Theming/Styles/Images/DownArrowFocus.png');
}

	.wcc_Icon_Next:hover {
		background-image: url('/Theming/Styles/Images/DownArrowFocus.png');
	}

	.wcc_Icon_Next[disabled='disabled'] {
		background-image: url('/Theming/Styles/Images/DownArrowDisabled.png');
	}

.wcc_Icon_Previous {
	background-image: url('/Theming/Styles/Images/UpArrowFocus.png');
}

	.wcc_Icon_Previous:hover {
		background-image: url('/Theming/Styles/Images/UpArrowFocus.png');
	}

	.wcc_Icon_Previous[disabled='disabled'] {
		background-image: url('/Theming/Styles/Images/UpArrowDisabled.png');
	}

.wcc_Icon_Add {
	background-image: url('/Theming/Styles/Images/Add_Grey.png');
}

	.wcc_Icon_Add:hover {
		background-image: url('/Theming/Styles/Images/Add_White.png');
	}

	.wcc_Icon_Add[disabled='disabled'] {
		background-image: url('/Theming/Styles/Images/AddDisabled.png');
	}

.wcc_Icon_New {
	background-image: url('/Theming/Styles/Images/New.png');
}

	.wcc_Icon_New:hover {
		background-image: url('/Theming/Styles/Images/NewActive.png');
	}

	.wcc_Icon_New[disabled='disabled'] {
		background-image: url('/Theming/Styles/Images/NewDisabled.png');
	}

.wcc_Icon_Edit {
	background-image: url('/Theming/Styles/Images/Mutate.png');
}

	.wcc_Icon_Edit:hover {
		background-image: url('/Theming/Styles/Images/MutateActive.png');
	}

	.wcc_Icon_Edit[disabled='disabled'] {
		background-image: url('/Theming/Styles/Images/MutateDisabled.png');
	}

.wcc_Icon_Delete {
	background-image: url('/Theming/Styles/Images/Trash.png');
}

	.wcc_Icon_Delete:hover {
		background-image: url('/Theming/Styles/Images/TrashActive.png');
	}

	.wcc_Icon_Delete[disabled='disabled'] {
		background-image: url('/Theming/Styles/Images/TrashDisabled.png');
	}

.wcc_Icon_Upload {
	background-image: url('Images/FileFormats/Excel.png');
}

	.wcc_Icon_Upload:hover {
		background-image: url('Images/FileFormats/ExcelActive.png');
	}

	.wcc_Icon_Upload[disabled='disabled'] {
		background-image: url('Images/FileFormats/ExcelDisabled.png');
	}

.wcc_Icon_Undo {
	background-image: url('/Theming/Styles/Images/Undo.png');
}

	.wcc_Icon_Undo:hover {
		background-image: url('/Theming/Styles/Images/UndoActive.png');
	}

	.wcc_Icon_Undo[disabled='disabled'] {
		background-image: url('/Theming/Styles/Images/UndoDisabled.png');
	}

.wcc_Icon_Search {
	background-image: url('/Theming/Styles/Images/Search.png');
}

	.wcc_Icon_Search:hover {
		background-image: url('/Theming/Styles/Images/SearchActive.png');
	}

	.wcc_Icon_Search[disabled='disabled'] {
		background-image: url('/Theming/Styles/Images/SearchDisabled.png');
	}

.wcc_Icon_Create {
	background-image: url('/Theming/Styles/Images/Add_White.png');
}

.wcc_Icon_SaveAndCreate {
	background-image: url('/Theming/Styles/Images/SaveAndCreate.png');
}

.wcc_Icon_Save {
	background-image: url('/Theming/Styles/Images/SaveActionActive.png');
}

	.wcc_Icon_Save:hover {
		background-image: url('/Theming/Styles/Images/SaveActionActive.png');
	}

	.wcc_Icon_Save[disabled='disabled'] {
		background-image: url('/Theming/Styles/Images/SaveActionDisabled.png');
	}

.wcc_Icon_Refresh {
	background-image: url('/Theming/Styles/Images/Refresh.png');
}

	.wcc_Icon_Refresh:hover {
		background-image: url('/Theming/Styles/Images/RefreshActive.png');
	}

	.wcc_Icon_Refresh[disabled='disabled'] {
		background-image: url('/Theming/Styles/Images/RefreshDisabled.png');
	}

/*#endregion */

/*#region Wijzig-/Toonknopje in lijstcontrols*/

div.wcc_ActionPanel {
	display: inline-block;
	height: 31px;
	overflow: visible;
	position: absolute;
}

.wcc_ActionPanel a {
	border: 1px solid #CCCCCC;
	background-color: white;
	background-repeat: no-repeat;
	background-position: center center;
	box-sizing: border-box;
	display: inline-block;
	height: 26px;
	margin: 2px 0px 3px 5px;
	visibility: hidden;
	width: 26px;
}

.wcc_DisplayButton {
	background-image: url('/Theming/Styles/Images/View.png');
}

	.wcc_DisplayButton:hover {
		background-image: url('/Theming/Styles/Images/ViewActive.png');
	}

	.wcc_DisplayButton[disabled] {
		background-image: url('/Theming/Styles/Images/ViewDisabled.png');
	}

.wcc_EditButton {
	background-image: url('/Theming/Styles/Images/Mutate.png');
}

	.wcc_EditButton:hover {
		background-image: url('/Theming/Styles/Images/MutateActive.png');
	}

	.wcc_EditButton[disabled] {
		background-image: url('/Theming/Styles/Images/MutateDisabled.png');
	}

.wcc_DeleteButton {
	background-image: url('/Theming/Styles/Images/Trash.png');
}

	.wcc_DeleteButton:hover {
		background-image: url('/Theming/Styles/Images/TrashActive.png');
	}

	.wcc_DeleteButton[disabled] {
		background-image: url('/Theming/Styles/Images/TrashDisabled.png');
	}

.wcc_ContentBlockRow:hover .wcc_ActionPanel {
	background-color: white;
}

	.wcc_ContentBlockRow:hover .wcc_ActionPanel a {
		border: 1px solid #CCCCCC;
		visibility: visible;
	}

.wcc_ActionPanel a:hover {
	background-color: #0191D2;
}

.wcc_ActionPanel a:active {
	background-color: #017099;
}

/*#endregion*/

/*#region Expand ContentBlock*/

.wcc_ClickToCollapse {
	color: #CCCCCC;
	cursor: pointer;
	height: 20px;
	box-shadow: 5px 5px 10px #CCCCCC;
	background-color: white;
	margin-left: -9px;
	/* Indien er floats gebruikt worden binnen het contentblok, deze clearen */
	clear: both;
}

.wcc_ClickToCollapseImage {
	width: 20px;
	height: 20px;
	float: right;
	background-image: url('/Theming/Styles/Images/UpArrow.png');
	background-repeat: no-repeat;
	position: relative;
}

.wcc_ExpandClass {
	cursor: pointer;
	text-align: center;
	position: absolute;
	z-index: 8;
	background-color: white;
	display: none;
	height: 20px;
	margin-left: -9px;
}

	.wcc_ExpandClass:hover, .wcc_ClickToCollapse:hover {
		background-color: #EFEFEF;
		color: #0291D3;
	}

	.wcc_ExpandClass:active, .wcc_ClickToCollapse:active {
		background-color: #DFDFDF;
		color: #017099;
	}

.wcc_ExpandClassImage {
	width: 20px;
	height: 20px;
	float: right;
	background-image: url('/Theming/Styles/Images/DownArrow.png');
	background-repeat: no-repeat;
	position: relative;
}

.wcc_ContentBlock {
	overflow: hidden;
}

.wcc_ContentBlockExpandable {
	/* Laat absoluut gepositioneerde elementen de overflow:hidden honoreren (bv. actiepaneel BusinessObjectView) */
	position: relative;
}

.wcc_ContentBlockExpanded {
	z-index: 10;
	overflow: visible;
	position: absolute;
	background-color: white;
	box-shadow: 5px 0px 5px #CCCCCC;
}

.wcc_ContentBlockExpandedNoZIndex {
	z-index: auto;
}

.wcc_FooterSpacerDummy {
	background-color: white;
	border-right: 10px solid white;
	margin-top: 5px;
	margin-left: -9px;
	visibility: hidden;
}
/*#endregion */

/*#region Tooltip and HighLight */

.ui-tooltip, .wcc_ToolTip {
	padding: 8px 13px;
	position: absolute;
	z-index: 9999;
	max-width: 220px;
	min-width: 220px;
	border: solid 1px #CCCCCC;
	border-radius: 2px;
	background-color: #666666;
	color: white;
	word-wrap: break-word;
}

.wcc_ToolTipDynamicWidth {
	max-width: none; /* T.b.v. strings zonder spaties (bv. URL of e-mailadres) */
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.wcc_ToolTipOverlayPanel {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	cursor: pointer;
}

.wcc_Info {
	background-image: url('/Theming/Styles/Images/Info.png');
	background-repeat: no-repeat;
	background-position-y: 4px;
	background-position-x: 160px;
}

	.wcc_Info:hover, .wcc_Info_HighLight {
		background-image: url('/Theming/Styles/Images/InfoFocus.png');
	}

.wcc_HighLight {
	color: black;
}

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

.wcc_ContentBlockTitleWithInfo span {
	float: left;
}

.wcc_ContentBlockTitle .wcc_Info {
	background-position-y: 2px;
	background-position-x: 0px;
	width: 16px;
	height: inherit;
	display: inline-block;
	margin-top: 8px;
	margin-left: 5px;
}

.wcc_ToolTipTitleOverlayPanel {
	cursor: pointer;
	height: 30px;
	width: inherit;
}

/*#endregion Tooltip and HighLight*/

/*#region Element Progress*/

.wcc_Overlay {
	background-color: transparent;
	position: fixed;
	z-index: 1002;
	filter: alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

.wcc_OverlayPanel {
	display: none;
	background-color: #EEEEEE;
	position: fixed;
	z-index: 11;
	filter: alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	width: 100% !important;
	height: 100% !important;
	top: 0;
	left: 0;
}

.wcc_LoadingPanel {
	background-color: transparent;
	z-index: 1001;
	box-sizing: border-box;
}

.wcc_LoadingAnimationInblock {
	background-image: url('/Theming/Styles/Images/Loading_Inblock.gif?version=20230228');
	background-repeat: no-repeat;
	background-position: center, center;
}

.wcc_LoadingAnimationFocus {
	background-image: url('/Theming/Styles/Images/Loading_Focus.gif?version=20230228');
	background-repeat: no-repeat;
	background-position: center, center;
}

.wcc_LoadingAnimation, .wcc_LoadingAnimation[disabled] {
	background-image: url('/Theming/Styles/Images/Loading.gif?version=20230228');
	background-repeat: no-repeat;
	background-position: center, center;
}

/*#endregion Element Progress*/

/*#region Overall*/

.wcc_PipeDelimiter {
	color: #CCCCCC;
	display: inline-block;
	position: absolute;
	text-align: center;
	top: 3px;
	width: 13px;
}

.wcc_TwoControlsOneRow_FloatLeft {
	float: left;
	width: 110px;
}

.wcc_TwoControlsOneRow_FloatRight {
	float: right;
	padding-left: 2px; /* padding validatorlijntje (indien aanwezig) */
	width: 110px;
	/*	Workitem 4099 (16-03-2022)
		Minor tweak begin-/eindtijdvalidatie n.a.v. testen/code review */
	min-height: 26px;
}

.wcc_DualControl_Left {
	float: left;
}

.wcc_DualControl_Right {
	float: right;
}

.wcc_DualControl_Square {
	width: 25px;
}

.wcc_DualControl_InputField {
	width: 205px;
}

.wcc_AdministrationSelector_Hide {
	display: none;
}

/*#region Search filter panel*/

.wcc_TransienceButtonPanel {
	background-position: center center;
	background-repeat: no-repeat;
	float: right;
	position: relative;
	cursor: pointer;
	width: 24px;
	height: 24px;
	border: 1px solid #CCCCCC;
	border-radius: 2px;
	margin-right: 5px;
	margin-top: 4px;
}

.wcc_ShowTransiencePanel {
	background-image: url('/Theming/Styles/Images/Filter.png');
	background-color: #EFEFEF;
}

	.wcc_ShowTransiencePanel:hover {
		background-image: url('/Theming/Styles/Images/FilterActive.png');
		background-color: #0191D2;
	}

div[disabled] .wcc_ShowTransiencePanel {
	background: #FAFAFA url('/Theming/Styles/Images/FilterDisabled.png') no-repeat center center;
	border: 1px solid #F0F0F0;
	cursor: default;
}

.wcc_ShowTransiencePanel:active {
	background-color: #017099;
}

.wcc_HideTransiencePanel {
	background-image: url('/Theming/Styles/Images/Close.png');
	background-color: #EFEFEF;
}

	.wcc_HideTransiencePanel:hover {
		background-image: url('/Theming/Styles/Images/CloseActive.png');
		background-color: #0191D2;
	}

	.wcc_HideTransiencePanel:active {
		background-color: #017099;
	}

.wcc_TransienceRow {
	background-color: #EFEFEF;
	display: none;
}

.wcc_TransienceRowFillSpacer {
	height: 6px;
	background-color: #EFEFEF;
}

.wcc_TransienceCheckBox input {
	margin-left: 1px; /* Selectievakje in lijn brengen met tekst */
}

.wcc_PrintButton {
	background-image: url('/Theming/Styles/Images/Print.png');
	background-color: #EFEFEF;
}

	.wcc_PrintButton:hover {
		background-image: url('/Theming/Styles/Images/PrintActive.png');
		background-color: #0191D2;
	}

	.wcc_PrintButton:active {
		background-color: #017099;
	}

.wcc_ExpandButton {
	background-image: url('/Theming/Styles/Images/Expand.png');
	background-color: #EFEFEF;
}

	.wcc_ExpandButton:hover {
		background-image: url('/Theming/Styles/Images/ExpandActive.png');
		background-color: #0191D2;
	}

	.wcc_ExpandButton:active {
		background-color: #017099;
	}

.wcc_HoverButton {
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	float: right;
	position: relative;
	cursor: pointer;
	width: 24px;
	height: 24px;
	border: 1px solid transparent;
	margin-right: 5px;
	margin-top: 4px;
}

/*#endregion Search filter panel*/

.wcc_ButtonPanel {
	display: inline;
	float: right;
	padding-right: 5px;
	padding-top: 4px;
}

.wcc_SearchPanel {
	display: inline;
	float: right;
	padding-right: 5px;
}

	.wcc_SearchPanel input {
		position: relative;
		top: -2px;
	}

/*#region New button panel*/

.wcc_NewButtonPanel {
	display: inline;
	float: right;
	padding-right: 5px;
	padding-top: 4px;
}

	.wcc_NewButtonPanel span {
		font-style: italic;
		color: #999990;
	}

	.wcc_NewButtonPanel a {
		background: #EFEFEF url('/Theming/Styles/Images/Add_Grey.png') no-repeat center center;
		border: 1px solid #CCCCCC;
		border-radius: 2px;
		float: right;
		height: 24px;
		width: 24px;
	}

		.wcc_NewButtonPanel a:hover {
			background-color: #0191D2;
			background-image: url('/Theming/Styles/Images/Add_White.png');
		}

		.wcc_NewButtonPanel a:focus {
			background-color: #017099;
		}

		.wcc_NewButtonPanel a[disabled], .wcc_NewButtonPanel[disabled] a {
			background: #FAFAFA url('/Theming/Styles/Images/AddDisabled.png') no-repeat center center;
			border: 1px solid #F0F0F0;
			cursor: default;
		}

/*#endregion New button panel*/

.wcc_CopyAddressPanel {
	background-image: url('/Theming/Styles/Images/AddressEditor/copy.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #EFEFEF;
	float: right;
	position: relative;
	cursor: pointer;
	width: 24px;
	height: 24px;
	border: 1px solid #CCCCCC;
	border-radius: 2px;
	margin-right: 3px;
}

	.wcc_CopyAddressPanel:hover {
		background-image: url('/Theming/Styles/Images/AddressEditor/copy-active.png');
		background-color: #0191D2;
	}

	.wcc_CopyAddressPanel:active {
		background-color: #017099;
	}

/*#endregion Overall*/

/*#region Action Buttons*/
.wcc_RowActionPanel {
	padding: 2px 5px 2px 3px;
	position: absolute;
	right: 0px;
	height: 26px;
	display: none;
}

.wcc_RowActionButton {
	border: 1px solid #CCCCCC;
	background-color: white;
	background-position: center center;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	display: inline-block;
}

	.wcc_RowActionButton:hover {
		background-color: #0191D2;
	}

	.wcc_RowActionButton:active {
		background-color: #017099;
	}

	.wcc_RowActionButton[disabled='disabled'] {
		border: 1px solid #F0F0F0;
		cursor: default;
		background-color: #FAFAFA;
	}

.wcc_RowActionButtonDisplay {
	background-image: url('/Theming/Styles/Images/View.png');
}

	.wcc_RowActionButtonDisplay:hover {
		background-image: url('/Theming/Styles/Images/ViewActive.png');
	}

.wcc_RowActionButtonEdit {
	background-image: url('/Theming/Styles/Images/Mutate.png');
}

	.wcc_RowActionButtonEdit:hover {
		background-image: url('/Theming/Styles/Images/MutateActive.png');
	}

.wcc_RowActionButtonDelete {
	background-image: url('/Theming/Styles/Images/Trash.png');
}

	.wcc_RowActionButtonDelete:hover {
		background-image: url('/Theming/Styles/Images/TrashActive.png');
	}

.wcc_hoverable {
	margin-bottom: 0px;
	line-height: 29px;
}

.wcc_ContentBlockRow.wcc_hoverable {
	min-height: 31px;
}

.wcc_ContentBlockRow .wcc_RowActionPanel {
	top: 0px;
	min-height: inherit;
	padding-top: 2px;
}

/*#endregion Action Buttons*/

/*#region Accordion*/

.accordion_Header {
	background: url('/Theming/Styles/Images/DownArrow.png') no-repeat 99% center;
}

	.accordion_Header.accordion_Selected {
		background: url('/Theming/Styles/Images/UpArrow.png') no-repeat 99% center #fafafa;
		border: 1px lightgray solid;
	}

.accordion_Header {
	cursor: pointer;
	font: 16px open-sans, 'Segoe UI', sans-serif;
	line-height: 16px !important;
	min-height: 26px;
	padding: 10px 14px 0px 5px;
	text-transform: uppercase;
}

	.accordion_Header:hover {
		background-color: #EFEFEF;
	}

	.accordion_Header:active {
		background-color: #E0E0E0;
	}

.accordion_Content {
	background-color: #fafafa;
	border: 1px lightgray solid;
	border-top-width: 0px;
	display: block;
}

/*#endregion*/

/*#region BusinessObject-repeater */

.businessObjectRepeater_ContentDiv {
	float: left;
	padding: 7px 0px 3px;
}

.businessObjectRepeater_Headers span {
	color: #999990;
	display: inline-block;
	line-height: 24px;
}

.businessObjectRepeater_Cells a, .businessObjectRepeater_Cells span {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

	.businessObjectRepeater_Cells a.businessObjectView_ActionButton {
		padding: 6px;
	}

.businessObjectRepeater_Headers, .businessObjectRepeater_ContentRow {
	min-height: 26px;
	padding-left: 5px;
}

.businessObjectRepeater_ContentRow {
	box-sizing: border-box;
	position: relative;
}

	.businessObjectRepeater_ContentRow:after {
		content: '.';
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0px;
		height: 0px;
	}

	.businessObjectRepeater_ContentRow:hover {
		background-color: #EFEFEF;
	}

.businessObjectRepeater_ActionPanel {
	display: none;
	padding: 2px 5px 2px 3px;
	position: absolute;
	right: 0px;
}

.businessObjectRepeater_ContentRow:hover .businessObjectRepeater_ActionPanel {
	display: block;
}

.wcc_Disabled {
	cursor: default;
	opacity: 0.4;
	pointer-events: none;
}

/*#endregion*/

/*#region Transience-gereleerde classes */

.wcc_Transience_ActualCount {
	color: #999990;
}

.wcc_Transience_NotCurrentCount {
	color: #999990;
}

.wcc_Transience_NotCurrent, div.wcc_Transience_NotCurrent span, div.wcc_Transience_NotCurrent a {
	color: #999990;
	text-decoration: line-through;
}

/*#region*/

/*#region Zoekfilter-gerelateerde classes*/

.wcc_SearchFilterFrame {
	background-color: #EFEFEF;
	padding-top: 5px;
	padding-bottom: 1px;
	margin-bottom: 5px;
}

	.wcc_SearchFilterFrame .wcc_ContentBlockTitleCell {
		color: black;
	}

	.wcc_SearchFilterFrame input[type='text'],
	.wcc_SearchFilterFrame .ui-selectmenu-button {
		background-color: white;
	}

	.wcc_SearchFilterFrame .popupButtonDataCell {
		background-color: white;
		width: 100%;
	}

		.wcc_SearchFilterFrame .popupButtonDataCell:hover {
			border: 1px solid #0191D2;
			background-color: #0191D2;
			color: white;
		}

			.wcc_SearchFilterFrame .popupButtonDataCell:hover .popupButtonDataCell_EditDiv {
				background-image: url('/Theming/Styles/Images/MutateActive.png');
			}

		.wcc_SearchFilterFrame .popupButtonDataCell[disabled='disabled'] {
			border: 1px solid #F0F0F0;
			background-color: #FAFAFA;
			color: #CCCCCC;
		}

		.wcc_SearchFilterFrame .popupButtonDataCell[disabled] .popupButtonDataCell_EditDiv {
			background-image: url('/Theming/Styles/Images/Mutate.png');
		}

/*#endregion*/

/*#region Aangepast overhevelmechanisme (StelDeelnemersSamen, BeheerVergaderdossiers)*/

.wcc_Collection_AvailableItems {
	float: left;
	width: 420px;
}

.wcc_Collection_Buttons {
	box-sizing: border-box;
	display: table;
	float: left;
	height: 100%;
	padding-left: 7px;
	width: 30px;
}

	.wcc_Collection_Buttons div {
		display: table-cell;
		vertical-align: middle;
	}

.wcc_Collection_SelectedItems {
	float: right;
	width: 420px;
}

.wcc_Collection_Button {
	background-repeat: no-repeat;
	background-position: center;
	background-color: #EFEFEF;
	border: 1px solid #CCCCCC;
	border-radius: 2px;
	display: block;
	height: 24px;
	width: 24px;
	margin-bottom: 5px;
}

.wcc_Collection_AddButton {
	background-image: url('/Theming/Styles/Images/RightArrow.png');
}

.wcc_Collection_Button:hover {
	background-color: #0191D2;
}

.wcc_Collection_Button:active {
	background-color: #017099;
}

.wcc_Collection_AddButton:hover {
	background-image: url('/Theming/Styles/Images/RightArrowActive.png');
}
/*	Workitem 4498 (12-04-2022)
		Schuifbalk voorkomen bij zoompercentage van > 100%
	en helpdeskcall: 100025891
*/

.bijeenkomstfinancieel .bijeenkomstFinancieel_TariffsBlock_ScrollPanel .wcc_ContentBlockRow {
	overflow: visible !important;
}
/*#endregion*/

.wcc_HyperLink {
	border-radius: 2px;
	display: inline-block;
	line-height: 23px;
	outline: none;
	width: 100%
}

	.wcc_HyperLink:hover {
		background-color: #efefef !important;
		background: url('/Theming/Styles/Images/View.png') 99% center no-repeat;
	}

	.wcc_HyperLink:active {
		background-color: #0291D3 !important;
		color: white !important;
		background: url('/Theming/Styles/Images/ViewActive.png') 99% center no-repeat;
	}

	.wcc_HyperLink:active span {
		color: white !important;
	}