/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the Source EULA. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.tabbedpanel-component {
	width: 100%;
	height: 100%;
}

.tabbedpanel-component .tabbedPanel {
	border-top-width: 0px;
}

.tabbedpanel-component .tabbedPanel .tabContainer {
	border-style: solid;
	border-color: rgb(237, 235, 233);
	border-width: 0px;
}

.vs-dark .tabbedpanel-component .tabbedPanel .tabContainer,
.hc-black .tabbedpanel-component .tabbedPanel .tabContainer {
	border-color: rgba(128, 128, 128, 0.5);
}

.tabbedpanel-component .tabbedPanel.vertical > .title .tabContainer {
	border-right-width: 1px;
}

.tabbedpanel-component .tabbedPanel.horizontal > .title .tabContainer {
	border-bottom-width: 1px;
}

.tabbedpanel-component .tabbedPanel .tab > .tabLabel.active {
	border-bottom: 0px solid;
}

.tabbedpanel-component .tabbedPanel.vertical .tabList .tab-header {
	line-height: 35px;
}

.tabbedpanel-component .tabbedPanel.horizontal .tabList .tab-header {
	border-color: rgb(214, 214, 214);
	border-width: 0 1px 0 0;
	border-style: solid;
}

.tabbedpanel-component .tabbedPanel .tabList .tab .tabLabel {
	font-weight: normal;
}

.tabbedpanel-component .tabList .tab-header.active {
	background-color: #E1F0FE;
}

.vs-dark .tabbedpanel-component .tabList .tab-header.active,
.hc-black .tabbedpanel-component .tabList .tab-header.active {
	background-color: rgba(128, 128, 128, 0.5);
}