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

/*#region TabControl */

.tabControl_Wrapper, .tabControlPane, .tabControl_Tab {
	display: inline-block;
}

div.tabControl_Tab {
	border-radius: 3px;
	font-size: 14px;
	font-weight: 600;
	margin-left: -3px;
	vertical-align: middle;
}

	div.tabControl_Tab label, div.tabControl_Tab img, div.tabControl_Tab span {
		vertical-align: middle;
		cursor: pointer;
		line-height: 32.5px;
	}

	div.tabControl_Tab a {
		color: white;
		line-height: 26px;
		padding: 0px 10px;
		height: 36px;
		width: 100%;
		box-sizing: border-box;
		text-decoration: none;
	}

		div.tabControl_Tab a:hover, div.tabControl_Tab .tabControl_ActiveMenu {
			border-top-color: transparent;
			display: inline-block;
			text-decoration: none;
		}

div.tabControl_Pane a:hover, div.tabControl_Pane .tabControl_ActiveMenu {
	background-color: #0180B6;
	border-radius: 2px;
	text-decoration: none;
}

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

a.tabControl_Tab, a.metadata_Tab {
	display: block;
	/* text-align: center; */
	text-transform: uppercase;
}

.tabControl {
	position: relative;
}

.tabControl_Pane {
	box-shadow: -5px -5px 10px -5px darkgray;
	border-radius: 3px;
	min-width: 153px; /* Minimaal de breedte van Acties- & Meta-tab */
	position: absolute;
	z-index: 11;
}

	.tabControl_Pane a {
		border-radius: 2px;
		color: black;
		display: block;
		padding: 5px;
	}

.tabControl_Loading {
	min-width: 189px;
	padding: 10px;
	white-space: nowrap;
}

.tabControl_Content {
	padding: 5px 10px 10px 10px;
}

.tabControl_ContentTitle {
	font: 22px 'Open Sans', 'Segoe UI', sans-serif;
	border-bottom: solid 1px white;
	padding-bottom: 2px;
	margin-bottom: 6px;
	text-transform: uppercase;
	width: 100%;
}

.tabControl_ContentLine td {
	padding-top: 8px;
}

.tabControl_ContentLabel {
	color: #DDDDDD;
	vertical-align: top;
	width: 140px;
}

.tabControl_FullCell {
	color: #DDDDDD;
}

/*#endregion TabControl */

/*#region Actions */

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

	a.actions_Tab:hover {
		background-color: #0180B6;
	}

.actions_Tab img {
	background-image: url('/Theming/Styles/Images/TabControl/Actions.png');
	height: 16px;
	width: 16px;
}

div.actions_Tab a:hover, div.actions_Tab.tabControl_ActiveMenu {
	background-color: #0180B6;
}

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

.actions_Pane, .metadata_Pane, .webPartActions_Pane {
	color: white;
	position: absolute;
}

.actions_Pane {
	background-color: #0191D2;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.5px;
}

div.actions_Container {
	display: block;
}

.actions_MenuNode a {
	color: white;
	text-decoration: none;
	padding: 7px 15px 9px 26px;
	white-space: nowrap;
}

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

a.actions_ParentMenuNode {
	background-image: url('/Theming/Styles/Images/CollectionEditor/Left.png');
	background-position: 0px center;
	background-repeat: no-repeat;
	color: white;
}

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

div.actions_ParentMenuContainer a:active {
	background-color: #0180B6;
}

.actions_ParentMenuContainer {
	background-color: #30C0FE;
	border: 1px solid silver;
	border-radius: 3px;
	box-shadow: 0px 0px 10px 0px darkgray;
	position: absolute;
}

.actionsTab img {
	background-image: url('/Theming/Styles/Images/TabControl/ActionsBlue.png');
}

.actions_NoActionsFound {
	color: white;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
	padding: 7px 10px 9px 12px;
	white-space: nowrap;
}

/*#endregion Actions */

/*#region Metadata */

a.metadata_Tab {
	background-color: #575757;
}

a.metadata_Tab {
	top: 151px;
}

.metadata_Tab img {
	background-image: url('/Theming/Styles/Images/TabControl/Meta.png');
	height: 16px;
	width: 16px;
}

.metadata_Pane {
	background-color: #575757;
	min-width: 295px;
}

.metadata_Container {
	padding: 10px 5px 10px 10px;
}

.metadata_ContentLine {
	clear: both;
	height: 27px;
}

	.metadata_ContentLine div {
		padding: 5px;
	}

.metadata_ContentLabel {
	color: #DDDDDD;
	display: inline-block;
	float: left;
	width: 130px;
}

.metadata_ContentValue {
	display: inline-block;
	width: 130px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

	.metadata_ContentValue a {
		color: white;
		padding: 0px;
	}

/*#endregion Metadata */

/*#region WebPartActions */

div.webPartActions div.tabControl_Tab {
	width: 94px;
}

a.webPartActions_Tab {
	background-image: url('/Theming/Styles/Images/BusinessObjectView/Actions.png');
	background-repeat: no-repeat;
	background-position: 14px 10px;
	font-family: 'Segoe UI Variable Text', 'Segoe UI';
	font-size: 10pt;
	line-height: normal !important;
	padding: 9px 10px 10px 38px !important;
}

	a.webPartActions_Tab:hover {
		background-color: #0180B6;
	}

.webPartActions_Tab img {
	display: none;
}

a.webPartActions_Tab {
	border-top: 0px white solid !important;
	border-left: 0px white solid !important;
	border-right: 1px white solid;
}

	a.webPartActions_Tab span {
		box-sizing: border-box;
		display: inline-block;
		line-height: normal;
		height: 36px;
	}

	a.webPartActions_Tab:hover, div.webPartActions_Tab.tabControl_ActiveMenu {
		background-color: #0180B6;
		color: white;
	}

	a.webPartActions_Tab.tabControl_ActiveMenu:hover {
		background-color: #0191D2;
		color: white;
	}

.webPartActions_Pane {
	background-color: #0191D2;
	font-size: 12px;
	font-weight: bold;
}

div.webPartActions_Container {
	display: block;
}

.webPartActions_MenuNode a {
	color: white !important;
	text-decoration: none;
	padding: 7px 15px 9px 26px;
	white-space: nowrap;
}

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

a.webPartActions_ParentMenuNode {
	background-image: url('/Theming/Styles/Images/CollectionEditor/Left.png');
	background-position: 4px center;
	background-repeat: no-repeat;
	color: white;
}

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

div.webPartActions_ParentMenuContainer a:active {
	background-color: #0180B6;
}

.webPartActions_ParentMenuContainer {
	background-color: #30C0FE;
	border: 1px solid silver;
	box-shadow: 0px 0px 10px 0px darkgray;
	position: absolute;
}

.webPartActionsTab img {
	background-image: url('/Theming/Styles/Images/TabControl/ActionsBlue.png');
}

.webPartActions_NoActionsFound {
	color: white;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
	padding: 7px 10px 9px 12px;
	white-space: nowrap;
}

/*#endregion Actions */