/*////////////////////////////////////////////
// Copyright © 2024 Windex Bedrijfssoftware //
////////////////////////////////////////////*/

@media screen and (min-width: 570px) {
	.collectionEditor div.collectionViewer_ScrollWindow {
		width: 400px;
	}
	.collectionEditor_Portrait .collectionEditor_SingleButtons, .collectionEditor_Portrait .collectionEditor_MultipleButtons {
		display: inline-block;
		width: 205px;
	}
}

@media screen and (max-width: 570px) {
	div.collectionEditor_AvailableItems, div.collectionEditor_Buttons, div.collectionEditor_AssignedItems {
		width: 100%;
	}
	div.collectionEditor_Buttons {
		text-align: center;
	}
	.collectionEditor_Portrait .collectionEditor_SingleButtons, .collectionEditor_Portrait .collectionEditor_MultipleButtons {
		display: inline;
		width: 100%;
	}
}

.collectionEditor {
	padding-left:9px;
	padding-right:9px;
}

.collectionViewer_Panel {
	display: inline;
}

.collectionEditor .collectionViewer_HoveredNode {
	background-color: #EFEFEF;
	cursor: pointer;
}

.collectionEditor .collectionViewer_Node a:active {
	background-color: #017099;
	color: white;
}

.collectionEditor_Box {
	margin: 7px;
}

.collectionEditor_Box .collectionViewer_ScrollWindow {
	border: 1px solid #CCCCCC;
}

.collectionEditor .collectionViewer_RootNode, .collectionEditor .collectionViewer_ParentNode {
	cursor: pointer;
	font-weight: bold;
}

.collectionEditor_AvailableItems, .collectionEditor_AssignedItems {
	float: left;
}
.collectionEditor_Buttons {
	float: left;
	margin-top: 7px;
}

.collectionEditor_Landscape .collectionEditor_SingleButtons, .collectionEditor_Landscape .collectionEditor_MultipleButtons {
	padding: 51px 0px 53px 0px;
}

.collectionEditor_Buttons input[type=submit] {
	background-position: center center;
	background-color: #0191D2;
	background-repeat: no-repeat;
	border-color: #0180B6;
	border-radius: 3px;
	display: block;
	height: 32px;
	margin: 7px;
	min-width: 32px; /* nodig i.v.m. hardnekkige styling buttons SharePoint-theme */
	width: 32px;
}
.collectionEditor_Buttons input[type=submit]:hover {
	background-color: #0180B6;
}
.collectionEditor_Buttons input[type=submit]:active {
	background-color: #017099;
}
.collectionEditor_Buttons input[type=submit][disabled='disabled'] {
	background-color: #D9D9D9;
	border-color: #CCCCCC;
}

.collectionEditor_Initial .collectionEditor_AvailableItems .collectionViewer_ScrollWindow, .collectionEditor_Landscape .collectionEditor_AvailableItems .collectionViewer_ScrollWindow {
	margin-top: 5px;
	height: 309px;
}
.collectionEditor_Initial .collectionEditor_AssignedItems .collectionViewer_ScrollWindow, .collectionEditor_Landscape .collectionEditor_AssignedItems .collectionViewer_ScrollWindow {
	height: 340px;
}

/*#region Button Images */

.collectionEditor_Buttons input[type=submit].collectionEditor_AddButton {
	background-image: url('/Theming/Styles/Images/CollectionEditor/Right.png');
}
.collectionEditor_Buttons input[type=submit].collectionEditor_RemoveButton {
	background-image: url('/Theming/Styles/Images/CollectionEditor/Left.png');
}
.collectionEditor_Buttons input[type=submit].collectionEditor_SelectAllButton {
	background-image: url('/Theming/Styles/Images/CollectionEditor/DoubleRight.png');
}
.collectionEditor_Buttons input[type=submit].collectionEditor_ClearButton {
	background-image: url('/Theming/Styles/Images/CollectionEditor/DoubleLeft.png');
}
.collectionEditor_Buttons input[type=submit].collectionEditor_ResetButton {
	background-image: url('/Theming/Styles/Images/CollectionEditor/Reset.png');
}
.collectionEditor_Buttons input[type=submit].collectionEditor_MoveUpButton {
	background-image: url('/Theming/Styles/Images/CollectionEditor/Up.png');
}
.collectionEditor_Buttons input[type=submit].collectionEditor_MoveDownButton {
	background-image: url('/Theming/Styles/Images/CollectionEditor/Down.png');
}
	
.collectionEditor_Buttons input[type=submit].collectionEditor_ResetButton[disabled='disabled'] {
	background-image: url('/Theming/Styles/Images/CollectionEditor/ResetDisabled.png');
}

/*#endregion*/

.collectionEditor_Portrait .collectionViewer_ScrollWindow {
	height: 200px;
}

.collectionEditor_Portrait input[type=submit] {
	display: inline;
}
.collectionEditor_Portrait .collectionEditor_SingleButtons, .collectionEditor_Portrait .collectionEditor_MultipleButtons {
	text-align: center;
}

/*#region Button Images (mobile) */

.collectionEditor_Portrait input[type=submit].collectionEditor_AddButton {
	background-image: url('/Theming/Styles/Images/CollectionEditor/Down.png');
}
.collectionEditor_Portrait input[type=submit].collectionEditor_RemoveButton {
	background-image: url('/Theming/Styles/Images/CollectionEditor/Up.png');
}
.collectionEditor_Portrait input[type=submit].collectionEditor_SelectAllButton {
	background-image: url('/Theming/Styles/Images/CollectionEditor/DoubleDown.png');
}
.collectionEditor_Portrait input[type=submit].collectionEditor_ClearButton {
	background-image: url('/Theming/Styles/Images/CollectionEditor/DoubleUp.png');
}
	
/*#endregion*/