@media screen and (min-width: 570px) {
	div.collectionViewer_Clickable {
		width: 407px;
	}

	div.wcc_ContentBlock div.wcc_ContentBlockContentCell > div.collectionViewer_Clickable {
		overflow: hidden;
		width: 231px;
	}

	div.wcc_DualBlock div.wcc_ContentBlockContentCell > div.collectionViewer_Clickable {
		overflow: hidden;
		width: 688px;
	}
}

@media screen and (max-width: 570px) {
	div.collectionViewer_Clickable {
		width: 100%;
	}
}

.collectionViewer_Row { /* Rijhoogte 31px maken met behoud uitklapfunctionaliteit */
	line-height: 31px;
	min-height: 31px;
}
div.collectionViewer_ScrollWindow {
	overflow-y: auto;
	/* Fix voor IE om scrollbar te tonen*/
	-ms-overflow-style: scrollbar;
}
.collectionViewer_Loading {
	background-image: url("/Theming/Images/ajax-loader.gif");
	background-position: center center;
	background-repeat: no-repeat;
}

/*#region collectionViewer_Clickable*/

div.collectionViewer_Clickable {
	background-color: #EFEFEF;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
}
div.collectionViewer_Clickable .collectionViewer {
	margin: -3px 0px; /* Initiële hoogte container 26px maken (compensatie voor border) */
	min-height: 22px;
	padding: 0px 5px;
}
div.collectionViewer_Clickable .collectionViewer_Node {
}

/* Ellipsis tonen */
div.collectionViewer_Clickable .collectionViewer > table {
	padding-right: 15px;
	table-layout: fixed;
	width: 100%;
}
div.collectionViewer_Clickable td {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

div.collectionViewer_Clickable:hover {
	border: 1px solid #0191D2;
}
div[disabled] div.collectionViewer_Clickable, div.collectionViewer_Clickable[disabled] {
	background-color: #FAFAFA;
	border: 1px solid #F0F0F0;
}
div[disabled] .collectionViewer_Node {
	color: #CCCCCC;
}
div.collectionViewer_Clickable div.collectionViewer {
	background: url('/Theming/Styles/Images/Mutate.png') no-repeat 99%;
	background-position: right 10px top 8px;
}
div.collectionViewer_Clickable div.collectionViewer:hover {
	cursor: pointer;
}
div.collectionViewer_Clickable[disabled] div.collectionViewer {
	background: url('/Theming/Styles/Images/MutateDisabled.png') no-repeat 99%;
	background-position: right 10px top 8px;
	cursor: default;
}
div.collectionViewer_Clickable.wcc_Active {
	background-color: #0191D2;
}
div.collectionViewer_Clickable .wcc_Active {
	background-image: url('/Theming/Styles/Images/MutateActive.png') !important;
	color: white;
}
div.collectionViewer_Clickable.wcc_Active a, div.collectionViewer_Clickable.wcc_Active td {
	color: white;
}

/* t.b.v. klikbaarheid container */
div.collectionViewer {
	overflow: hidden; /* dit zorgt ervoor dat de container meegroeit ondanks divs float left hebben */
}
div.collectionViewer_Clickable div.collectionViewer div {
	float: left; /* nodig om de width van containerdivs van subnodes in te perken t.b.v. klikbaarheid container */
}
div.collectionViewer_Clickable div.collectionViewer table {
	clear: left; /* nodig om nodes volgend op ingesprongen nodes op een nieuwe regel te laten beginnen */
}

/*#endregion*/

/*#region collectionViewer_Expandable*/

.collectionViewer_Expandable {
	overflow-x: hidden;
	overflow-y: hidden;
}
.collectionViewer_Expandable table {
	border-collapse: collapse;
	width: 100%;
}
.collectionViewer_Expandable td {
	height: 20px;
	vertical-align: top;
	white-space: nowrap;
	width: 0px;
}
.collectionViewer_Expandable a {
	position: relative;
	overflow: visible;
}
.collectionViewer_Expandable img, .collectionViewer_Expandable div {
	display: none;
}
.collectionViewer_Expandable a img {
	display: block;
	position: absolute;
	overflow: visible;
}
.collectionViewer_Expandable a.collectionViewer_Node {
	display: block;
	position: static;
}

/*#endregion*/

/*#region Inspringen icoontjes*/

.collectionViewer_Expandable img {
	padding-top: 6px; /* Expand/Collapse verticaal uitlijnen */
}
.collectionViewer_Expandable div img {
	padding-left: 20px;
}
.collectionViewer_Expandable div div img {
	padding-left: 40px;
}
.collectionViewer_Expandable div div div img {
	padding-left: 60px;
}
.collectionViewer_Expandable div div div div img {
	padding-left: 80px;
}
.collectionViewer_Expandable div div div div div img {
	padding-left: 100px;
}
.collectionViewer_Expandable div div div div div div img {
	padding-left: 120px;
}
.collectionViewer_Expandable div div div div div div div img {
	padding-left: 140px;
}
.collectionViewer_Expandable div div div div div div div div img {
	padding-left: 160px;
}
.collectionViewer_Expandable div div div div div div div div div img {
	padding-left: 180px;
}
.collectionViewer_Expandable div div div div div div div div div div img {
	padding-left: 200px;
}

/*#endregion*/

.collectionViewer_Node {
	color: black;
	cursor: default;
	width: auto;
}
div.collectionViewer_Clickable[disabled] .collectionViewer_Node {
	color: #CCCCCC;
}
.collectionViewer_DefaultItem {
	cursor: default;
	font-weight: bold;
}
.collectionViewer_DefaultText {
	color: #999999;
	font-weight: normal;
	float: right;
}
.collectionViewer_Selectable .collectionViewer_HoveredNode {
	background-color: #EFEFEF;
}
a.collectionViewer_SelectedNode {
	background-color: #0191D2;
	color: white;
}
a.collectionViewer_SelectedNode:hover {
	background-color: #0180B6;
	color: white;
}
.collectionViewer_Selectable .collectionViewer_Node a:active {
	background-color: #017099;
	color: white;
}

/*#region Inspringen tekst*/

.collectionViewer_Expandable a.collectionViewer_Node {
	text-indent: 20px;
}
.collectionViewer_Expandable div a.collectionViewer_Node {
	text-indent: 40px;
}
.collectionViewer_Expandable div div a.collectionViewer_Node {
	text-indent: 60px;
}
.collectionViewer_Expandable div div div a.collectionViewer_Node {
	text-indent: 80px;
}
.collectionViewer_Expandable div div div div a.collectionViewer_Node {
	text-indent: 100px;
}
.collectionViewer_Expandable div div div div div a.collectionViewer_Node {
	text-indent: 120px;
}
.collectionViewer_Expandable div div div div div div a.collectionViewer_Node {
	text-indent: 140px;
}
.collectionViewer_Expandable div div div div div div div a.collectionViewer_Node {
	text-indent: 160px;
}
.collectionViewer_Expandable div div div div div div div div a.collectionViewer_Node {
	text-indent: 180px;
}
.collectionViewer_Expandable div div div div div div div div div a.collectionViewer_Node {
	text-indent: 200px;
}
.collectionViewer_Expandable div div div div div div div div div div a.collectionViewer_Node {
	text-indent: 220px;
}

/*#endregion*/

.collectionViewer_Unassignable {
	color: #999990;
	font-style: normal;
}
.collectionViewer_NoItemsFound {
	font-style: italic;
}
.collectionViewer_SelectedNode .collectionViewer_Unassignable, .collectionViewer_Node:active .collectionViewer_Unassignable {
	color: #CCE9F6;
}

.collectionViewer_SearchContainer {
    box-sizing: border-box;
    padding: 0px 5px;
}
.collectionViewer_SearchTextBox {
	display: none;
}
input.collectionViewer_SearchTextBox:focus {
	border: 1px solid #CCCCCC;
	background-color: #0191D2;
	box-sizing: border-box;
	color: white;
	height: 26px;
	width: 100%;
	font-family: 'Segoe UI Variable Text', 'Segoe UI';
	font-size: 10pt;
	padding-left: 5px;
}

/*#region Verplaatsknopjes*/

.collectionViewer_ActionPanel {
	padding-right: 5px;
	white-space: nowrap;
}

.collectionViewer_ActionPanel a {
	visibility: visible;
}

a.collectionViewer_Button[disabled] {
	background-color: #FAFAFA;
	border: 1px solid #F0F0F0;
}

a.collectionViewer_UpButton {
	background-image: url('/Theming/Styles/Images/UpArrow.png');
}
a.collectionViewer_UpButton:hover {
	background-image: url('/Theming/Styles/Images/UpArrowFocus.png');
}
a.collectionViewer_UpButton[disabled] {
	background-color: #FAFAFA;
	background-image: url('/Theming/Styles/Images/UpArrowDisabled.png');
	border: 1px solid #F0F0F0;
}

a.collectionViewer_DownButton {
	background-image: url('/Theming/Styles/Images/DownArrow.png');
}
a.collectionViewer_DownButton:hover {
	background-image: url('/Theming/Styles/Images/DownArrowFocus.png');
}
a.collectionViewer_DownButton[disabled] {
	background-color: #FAFAFA;
	background-image: url('/Theming/Styles/Images/DownArrowDisabled.png');
	border: 1px solid #F0F0F0;
}

a.collectionViewer_NewButton {
	background-image: url('/Theming/Styles/Images/Add_Grey.png');
}
a.collectionViewer_NewButton:hover {
	background-image: url('/Theming/Styles/Images/Add_White.png');
}
a.collectionViewer_NewButton[disabled] {
	background-color: #FAFAFA;
	background-image: url('/Theming/Styles/Images/AddDisabled.png');
	border: 1px solid #F0F0F0;
}

/*#endregion*/

.collectionViewer_Container.wcc_ContentBlockContentCellNoLabel {
	position: relative;
	left: -9px; /* Validatielijn links van contentblokmarge tonen indien control over volledige breedte */
}

.collectionViewer_ScrollWindow.collectionViewer_Selectable {
	height: 309px;
}

/*#region MultiselectCollectionViewer (Attenderingservice)*/

.collectionViewer_Checkable input[type=checkbox] {
	position: absolute;
	margin: 8px 4px;
}

.documentViewer .collectionViewer_Unassignable {
	background-repeat: no-repeat;
	background-image: url('../Images/CollectionEditor/folder.gif');
	padding-left: 25px;
}

.documentViewer .collectionViewer_Assignable {
	background-repeat: no-repeat;
	background-image: url('../Images/CollectionEditor/Document.png');
	padding-left: 25px;
}

.documentViewer .collectionViewer_NoItemsFound {
	background-image: none;
}

/*#endregion*/