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

/* Title Container */

.vs .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title.tabs {
	background: #F3F3F3;
}

.vs-dark .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title.tabs {
	background: #252526;
}

.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title.tabs::before {
	display: block;
	content: '';
	position: absolute;
	top: 34px;
	width: 100%;
	z-index: 1; /* on top of tabs */
}

.vs .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title.tabs::before {
	border-top: 1px solid #DDDDDD;
}

.vs-dark .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title.tabs::before {
	border-top: 1px solid #403F3F;
}

.hc-black .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title.tabs::before {
	border-top: 1px solid #6FC3DF;
}

.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title.tabs > .monaco-scrollable-element {
	flex: 1;
}

.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title.tabs > .monaco-scrollable-element .scrollbar {
	z-index: 3; /* on top of tabs */
	cursor: default;
}

/* Tabs Container */

.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container {
	display: flex;
	height: 35px;
}

.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container.scroll {
	overflow: scroll !important;
}

.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container::-webkit-scrollbar {
	display: none;
}

/* Tab */

.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab {
	display: flex;
	width: 120px;
	min-width: fit-content;
	white-space: nowrap;
	cursor: pointer;
	height: 35px;
	box-sizing: border-box;
	border: 1px solid transparent;
	padding-left: 10px;
}

.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab.active {
	z-index: 2; /* on top of the horizontal border of the title */
}

.monaco-workbench > .part.editor > .content > .one-editor-silo.dragged-over > .container > .title .tabs-container > .tab.active {
	z-index: auto;
}

.vs .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab:not(.active) {
	background-color: #ECECEC;
}

.vs-dark .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab:not(.active) {
	background-color: #2D2D2D;
}

.vs .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab  {
	border-left-color: #DDDDDD;
}

.vs .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab.active:last-child  {
	border-right-color: #DDDDDD;
}

.vs-dark .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab  {
	border-left-color: #403F3F;
}

.vs-dark .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab.active:last-child  {
	border-right-color: #403F3F;
}

.vs-dark .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab:first-child,
.vs .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab:first-child {
	border-left-color: transparent;
}

.hc-black .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab  {
	border-left-color: #6FC3DF;
}

.hc-black .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab.active  {
	outline: 2px solid #f38518;
	outline-offset: -1px;
}

.vs .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container.dropfeedback,
.vs .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab.dropfeedback {
	background-color: #DDECFF;
}

.vs-dark .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container.dropfeedback,
.vs-dark .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab.dropfeedback {
	background-color: #383B3D;
}

.hc-black .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container.dropfeedback,
.hc-black .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab.dropfeedback {
	background: none !important;
	outline: 2px dashed #f38518;
	outline-offset: -2px;
}

/* Tab Label */

.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab .tab-label {
	margin-top: auto;
	margin-bottom: auto;
}

.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab .monaco-icon-label::before {
	height: 16px; /* tweak the icon size of the editor labels when icons are enabled */
}

.vs .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab .tab-label {
	opacity: 0.7 !important;
}

.vs-dark .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab .tab-label {
	opacity: 0.5 !important;
}

.vs-dark .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab.active .tab-label,
.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab.dropfeedback .tab-label {
	opacity: 1 !important;
}

.hc-black .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab .tab-label {
	opacity: 1 !important;
}

/* Tab Close */

.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab > .tab-close {
	margin-top: auto;
	margin-bottom: auto;
	width: 28px;
}

.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab.no-close-button > .tab-close {
	display: none; /* hide the close action bar when we are configured to hide it */
}

.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title.active .tabs-container > .tab.active > .tab-close .action-label,			/* always show it for active tab */
.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title.active .tabs-container > .tab > .tab-close .action-label:focus,			/* always show it on focus */
.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title.active .tabs-container > .tab:hover > .tab-close .action-label,			/* always show it on hover */
.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title.active .tabs-container > .tab.active:hover > .tab-close .action-label,		/* always show it on hover */
.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title.active .tabs-container > .tab.dirty > .tab-close .action-label {			/* always show it for dirty tabs */
	opacity: 1;
}

.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab.active > .tab-close .action-label,					/* show dimmed for inactive group */
.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab.active:hover > .tab-close .action-label,			/* show dimmed for inactive group */
.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab.dirty > .tab-close .action-label,					/* show dimmed for inactive group */
.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab:hover > .tab-close .action-label {					/* show dimmed for inactive group */
	opacity: 0.5;
}

.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab > .tab-close .action-label {
	opacity: 0;
	display: block;
	height: 16px;
	width: 16px;
	background-size: 16px;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right: 0.5em;
}

.vs .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab.dirty .close-editor-action {
	background: url('close-dirty.svg') center center no-repeat;
}

.vs-dark .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab.dirty .close-editor-action,
.hc-black .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab.dirty .close-editor-action {
	background: url('close-dirty-inverse.svg') center center no-repeat;
}

.vs .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab.dirty .close-editor-action:hover {
	background: url('close.svg') center center no-repeat;
}

.vs-dark .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab.dirty .close-editor-action:hover,
.hc-black .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab.dirty .close-editor-action:hover {
	background: url('close-inverse.svg') center center no-repeat;
}

/* No Tab Close Button */

.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab.no-close-button {
	padding-right: 28px; /* make room for dirty indication when we are running without close button */
}

.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab.no-close-button.dirty {
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: calc(100% - 6px); /* to the right of the tab label */
}

.vs .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab.no-close-button.dirty {
	background-image: url('close-dirty.svg');
}

.vs-dark .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab.no-close-button.dirty,
.hc-black .monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .tabs-container > .tab.no-close-button.dirty {
	background-image: url('close-dirty-inverse.svg');
}

/* Editor Actions */

.monaco-workbench > .part.editor > .content > .one-editor-silo > .container > .title .editor-actions {
	cursor: default;
	flex: initial;
	padding-left: 4px;
}