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

.businessObjectView, .wccGridview th, .businessObjectView td, a.ContextMenuItem {
	font-family: 'Segoe UI Variable Text', 'Segoe UI';
	font-size: 10pt;
}

	.businessObjectView[disabled] {
		color: #999990;
	}

.businessObjectView_TransienceRow {
	background-color: #EFEFEF;
	padding: 4px 0px;
}

/* #region GridView */

table.wccGridview /* tabel met zoekresultaten */ {
	table-layout: fixed;
	border: 0px solid transparent;
}

table.wccGridviewAuto th.businessObjectView_AutoWidth {
	width: auto !important;
}

.businessObjectView_SingleSelect table.wccGridview > thead > tr > th:nth-child(3),
.businessObjectView_SingleSelect table.wccGridview > tbody > tr > td:nth-child(3) {
	padding-left: 3px;
}

td.wccGridview {
	color: #000;
	padding-right: 2px;
	text-align: right;
}

.wccGridViewPanel div {
	overflow: hidden;
}

.wccGridView tbody {
	overflow-x: hidden;
}

.wccGridview th {
	border-left: 1px transparent solid;
	color: #999999;
	font-weight: normal;
	height: 24px;
	overflow: hidden;
	padding: 0px 0px 3px 2px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	/* 31-01-2020: Fix voor Firefox */
	border-color: white;
}

.wccGridview tbody tr {
	height: 31px;
}

.wccGridview td {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	/* 31-01-2020: Fix voor Firefox */
	border-color: white;
}

tr.wccGridViewRow td, tr.wccSelectedRow td {
	border-left: 1px transparent solid;
}

.wccSelectedRowStyle, .wccSelectedRowStyle tr, .wccSelectedRowStyle td {
}

td.wccGridViewCheckBox {
	padding: 0px;
}

label.wccGridViewCheckBox {
	display: inline-block;
	text-align: center;
	width: 24px;
}

/* Toevoeging rules die opgenomen mochten worden in de standaard (feedback PS) */
.wccSelectedRow td {
	border-color: #0191D2;
}

	.wccSelectedRow td span, .wccSelectedRow td, .wccSelectedRow td span {
		color: white !important;
	}

.wccSelectedRow:hover td {
	border-color: #0180B6;
}

tr.wccGridViewRow:not(.wccSelectedRow):hover td {
	border-color: #efefef;
}

/* #endregion GridView */

/* #region GridViewRow */

.wccGridViewRow input, .wccGridViewCheckAll {
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}

.wccSelectedRow td {
	background-color: #0191D2;
	color: white;
}

.wccSelectedRow a {
	color: white;
}

tr.wccGridViewRow:hover td {
	background-color: #EFEFEF;
}

tr.wccSelectedRow:hover td {
	background-color: #0180B6;
}

tr.wccSelectedRow:active td {
	background-color: #017099;
	color: white;
}

tr.wccGridViewRow:hover input, .wccSelectedRow input {
	opacity: 100;
	-moz-opacity: 100;
	filter: alpha(opacity=100);
}

/* Terugwaartse compabiliteit voor in gebruik zijnde custom tooltips in views */
.wccButtonBar {
	background-color: #fafafa;
	border: lightgrey 1px solid;
	color: black;
	text-indent: 1px;
}

/* #endregion GridViewRow */

/* #region GridView-header */

.businessObjectView_SingleSelect .businessObjectView_CheckBoxHeader {
	padding: 0px;
}

.businessObjectView_CheckBoxHidden {
	visibility: hidden;
}

th.wccHeader {
	padding-left: 2px;
}

.wccGridview thead th:hover {
	background-color: #EFEFEF !important;
	color: black;
}

th.wccSelectedHeader {
	color: #1952a4 !important;
	padding-left: 2px;
}

.wccGridview thead th:active {
	background-color: #0191D2 !important;
	color: white !important;
}

.wccHeader a:link {
	color: #999999;
}

.wccGridview th a {
	text-decoration: none !important;
}

.wccSelectedHeader a:link {
	color: #999999;
}

.wccGridview th:hover a {
	color: #999999;
	cursor: default;
}

.wccGridview th:hover:active a {
	color: white;
	cursor: default;
}

.wccGridview th:active a {
}

.wccSortedColumn {
}

/* #endregion GridView-header */

/* #region Webpartcontextmenu */

/* 	Workitem 3849 (08-11-2021)
	Contextmenu via ControlService laten verlopen (uitfasering Configuration.asmx) */

.businessObjectView_ContextMenuPanel .actions_Container a {
	border-top: 1px white solid;
	border-left: 1px white solid;
	border-radius: 2px;
	color: white;
	line-height: 26px;
	padding: 0px 10px;
	height: 36px;
	width: 100%;
	box-sizing: border-box;
	text-decoration: none;
}

.businessObjectView_ContextMenuPanel .ContextMenuPanel,
.businessObjectView_ContextMenuPanel .actions_Container {
	background-color: #0191D2;
	border: 1px solid white;
	border-radius: 3px;
	box-shadow: 5px 5px 10px -5px gray;
	color: white;
	font-weight: bold;
	letter-spacing: 1px;
	cursor: default;
	z-index: 1000;
	display: inline-block;
}

.businessObjectView_ContextMenuPanel a.ContextMenuItem,
.businessObjectView_ContextMenuPanel .actions_MenuNode a,
.businessObjectView_ContextMenuPanel .actions_ParentMenuNode a {
	border: 0px solid transparent;
	font-size: 9.5pt;
	display: block;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	padding: 5px 25px 7px 10px;
	height: 32px;
}

	.businessObjectView_ContextMenuPanel a.ContextMenuItem:link {
		color: white;
	}

	.businessObjectView_ContextMenuPanel a.ContextMenuItem img {
		padding: 2px;
	}

	.businessObjectView_ContextMenuPanel a.ContextMenuItem:hover,
	.businessObjectView_ContextMenuPanel .actions_MenuNode a:hover {
		background-color: #0180B6;
		text-decoration: none;
	}

	.businessObjectView_ContextMenuPanel a.ContextMenuItem:active,
	.businessObjectView_ContextMenuPanel .actions_MenuNode a:active {
		background-color: #017099;
	}

.businessObjectView_ContextMenuPanel .ContextMenuPanel .ContextMenuPanel,
.businessObjectView_ContextMenuPanel .actions_ParentMenuContainer {
	background-color: #30C0FE;
	border: 1px solid #30C0FE;
	border-radius: 3px;
}

	.businessObjectView_ContextMenuPanel .ContextMenuPanel .ContextMenuPanel a.ContextMenuItem:hover,
	.businessObjectView_ContextMenuPanel .actions_ParentMenuContainer a:hover {
		background-color: #0191D2;
	}

	.businessObjectView_ContextMenuPanel .ContextMenuPanel .ContextMenuPanel a.ContextMenuItem:active,
	.businessObjectView_ContextMenuPanel .actions_ParentMenuContainer a:active {
		background-color: #0180B6;
	}

.businessObjectView_ContextMenuPanel .actions_ParentMenuNode {
	background-image: url('/Theming/Styles/Images/CollectionEditor/Right.png');
	background-position: right center;
	background-repeat: no-repeat;
	color: white;
}

/* #endregion Webpartcontextmenu */

/* #region Toevoegingen Bijeenkomst nieuwe stijl */

input.wccMultiselectSearchBox:focus {
	color: black;
}

.CriterionSelectorCell div {
	background-image: url('/Theming/Styles/Images/DownArrow.png');
	background-repeat: no-repeat;
	background-position: right center;
}

.CriterionSelectorCell img {
	display: none;
}

img.wccSortAsc {
	background-image: url('/Theming/Styles/Images/BusinessObjectView/SortUp.png');
	background-position: center center;
	height: 10px;
	width: 7px;
}

img.wccSortDesc {
	background-image: url('/Theming/Styles/Images/BusinessObjectView/SortDown.png');
	background-position: center center;
	height: 10px;
	width: 7px;
}

th:active img.wccSortAsc {
	background-image: url('/Theming/Styles/Images/BusinessObjectView/SortUpActive.png');
}

th:active img.wccSortDesc {
	background-image: url('/Theming/Styles/Images/BusinessObjectView/SortDownActive.png');
}

/* t.b.v. vaste positionering actieknopje */
th.businessObjectView_ActionHeader {
	max-width: 0px;
	padding: 0px;
	width: 0px;
}

td.businessObjectView_ActionCell {
	overflow: visible;
	max-width: 0px;
	padding: 0px;
	vertical-align: top;
	white-space: nowrap;
	width: 0px;
}

.wccGridview tr .wcc_ActionPanel {
	padding-right: 5px;
}

.wccGridview tr:hover .wcc_ActionPanel a {
	border: 1px solid #CCCCCC;
	border-radius: 2px;
	visibility: visible;
}

.wccGridview tr .wcc_ActionPanel a[disabled] {
	border: 1px solid #F0F0F0;
	background-color: #FAFAFA;
	cursor: default;
}

.wccGridview tr.wccSelectedRow .wcc_ActionPanel a[disabled] {
	background-color: #AAC9E6;
}

.wccGridview tr .wcc_ActionPanel .businessObjectView_Loading {
	visibility: visible;
}

/* #endregion Toevoegingen Bijeenkomst nieuwe stijl */

/* #region Pager */

.businessObjectView_Pager {
	border-top: 1px solid #E3E3E3;
	color: #999990;
	font-family: 'Segoe UI Variable Text', 'Segoe UI';
	font-size: 10pt !important;
	margin: 0px 5px;
	width: 100%;
}

.businessObjectView_Pager_Total {
	float: left;
	padding: 8px 0px;
}

.businessObjectView_Pager_Buttons {
	height: 35px;
	margin: auto;
	width: 145px;
}

.businessObjectView_Pager_Position {
	float: right;
	padding: 4px 2px 4px 0px;
}

.businessObjectView_Pager_PageLabel, .businessObjectView_Pager_PageCountLabel {
	padding: 7px;
}

.businessObjectView_Pager_Buttons a {
	display: inline-block;
	float: left;
	padding: 8px;
}

	.businessObjectView_Pager_Buttons a span {
		background-image: url('/Theming/Styles/Images/BusinessObjectView/Pager.png');
		background-repeat: no-repeat;
		background-position-y: -20px;
		display: inline-block;
		height: 20px;
		width: 20px;
	}

	.businessObjectView_Pager_Buttons a:hover span {
		background-position-y: -40px;
	}

	.businessObjectView_Pager_Buttons a:active span {
		background-position-y: -60px;
	}

	.businessObjectView_Pager_Buttons a[disabled] span {
		background-position-y: 0px;
	}

a.businessObjectView_Pager_First span {
	background-position-x: 0px;
}

a.businessObjectView_Pager_Prev span {
	background-position-x: -20px;
}

a.businessObjectView_Pager_Next span {
	background-position-x: -40px;
}

a.businessObjectView_Pager_Last span {
	background-position-x: -60px;
}

input[type=text].businessObjectView_Pager_Page {
	border: 1px solid silver !important;
	font-family: 'Segoe UI Variable Text', 'Segoe UI' !important;
	font-size: 10pt !important;
	height: 26px !important;
	padding-left: 1px !important;
}

.wccGridViewButtonRow td {
	overflow: visible; /* T.b.v. volledig tonen pager in Chrome */
}

/* #endregion Pager */

tr.businessObjectView_EmptyDataText {
	font-style: italic;
	height: auto;
}

	tr.businessObjectView_EmptyDataText td {
		padding-left: 5px;
	}

/* Toevoeging rule die opgenomen mocht worden in de standaard (feedback PS) */
/* presentielijst */
.vulpresentielijst tr.wccGridViewRow.wccSelectedRow td {
	color: black !important;
}

/*
	Workitem 2338 (12-05-2021)
	Verbeterde opmaak van popups
*/
.businessObjectView_Popup {
	background-color: #EFEFEF;
	border: solid 1px #777777;
	box-sizing: border-box;
	color: black;
	max-height: 300px;
	overflow: auto;
	padding: 5px;
	white-space: normal;
}

	.businessObjectView_Popup table {
		table-layout: initial;
	}

	.businessObjectView_Popup td {
		background-color: #EFEFEF !important;
		color: black !important;
		height: auto;
		overflow: initial;
		text-overflow: initial;
		white-space: initial;
		vertical-align: top;
	}


/*#region Uitvouwbare vervolgactieknoppen*/

/*	Workitem 3682 (20-10-2021)
	Selectievakjes zichtbaar maken i.c.m. uitklapmechanisme */

.businessObjectView_CheckBoxOnly,
.businessObjectView_ExpandCollapseOnly {
	width: 24px;
}

.businessObjectView_ExpandCollapseAndCheckBox {
	width: 45px;
}

	.businessObjectView_ExpandCollapseAndCheckBox label.wccGridViewCheckBox {
		padding: 4px 0px;
	}

.businessObjectView_ExpandCollapse {
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	margin-left: 6px;
	padding: 6px 0px 6px 0px;
	height: 16px;
	width: 16px;
}

.businessObjectView_Expand {
	background-image: url('/Theming/Styles/Images/BusinessObjectView/Expand.png');
}

	.businessObjectView_Expand:hover {
		background-image: url('/Theming/Styles/Images/BusinessObjectView/ExpandHover.png');
	}

	.businessObjectView_Expand:active {
		background-image: url('/Theming/Styles/Images/BusinessObjectView/ExpandActive.png');
	}

.businessObjectView_Collapse {
	background-image: url('/Theming/Styles/Images/BusinessObjectView/Collapse.png');
}

	.businessObjectView_Collapse:hover {
		background-image: url('/Theming/Styles/Images/BusinessObjectView/CollapseHover.png');
	}

	.businessObjectView_Collapse:active {
		background-image: url('/Theming/Styles/Images/BusinessObjectView/CollapseActive.png');
	}

.businessObjectView_ActionButton {
	background-color: #30C0FE;
	background-position: 5px;
	background-repeat: no-repeat;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	font-size: 10pt;
	height: 26px;
	color: white;
	line-height: 23px;
	margin: 0px 5px 0px 0px;
	padding: 0px 8px 0px 28px;
	white-space: nowrap;
	text-align: center;
}

	.businessObjectView_ActionButton:hover {
		background-color: #50D0FF;
		border: 1px solid white;
		cursor: pointer;
		color: white;
		text-decoration: none;
	}

	.businessObjectView_ActionButton:focus,
	.businessObjectView_ActionButton:focus:hover,
	.businessObjectView_ActionButton:visited {
		text-decoration: none;
		color: white;
	}

	.businessObjectView_ActionButton:active {
		background-color: #0191D2;
		border: 1px solid #30C0FE;
		color: white;
	}

tr.wccSelectedRow .businessObjectView_ActionButton:nth-child(1) {
	background-image: url('/Theming/Styles/Images/ViewActive.png');
}

tr.wccSelectedRow .businessObjectView_ActionButton:nth-child(2) {
	background-image: url('/Theming/Styles/Images/MutateActive.png');
}

/*#endregion*/