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

.monaco-action-bar .action-item.markers-panel-action-filter-container {
	cursor: default;
	margin-right: 10px;
	min-width: 150px;
	max-width: 500px;
	display: flex;
}

.monaco-action-bar .markers-panel-action-filter-container {
	flex: 0.7;
}

.monaco-action-bar .markers-panel-action-filter-container.small {
	flex: 0.5;
}

.monaco-action-bar .markers-panel-action-filter {
	display: flex;
	align-items: center;
	flex: 1;
}

.monaco-action-bar .markers-panel-action-filter .monaco-inputbox {
	height: 24px;
	font-size: 12px;
	flex: 1;
}

.vs .monaco-action-bar .markers-panel-action-filter .monaco-inputbox {
	height: 25px;
	border: 1px solid transparent;
}

.markers-panel-action-filter > .markers-panel-filter-controls {
	position: absolute;
	top: 0px;
	bottom: 0;
	right: 4px;
	display: flex;
	align-items: center;
}

.markers-panel-action-filter > .markers-panel-filter-controls > .markers-panel-filter-badge {
	margin: 4px 0px;
	padding: 0px 8px;
	border-radius: 2px;
}

.markers-panel-action-filter > .markers-panel-filter-controls > .markers-panel-filter-badge.hidden,
.markers-panel-action-filter-container.small .markers-panel-action-filter > .markers-panel-filter-controls > .markers-panel-filter-badge {
	display: none;
}

.vs .markers-panel-action-filter > .markers-panel-filter-controls > .markers-panel-filter-filesExclude {
	background: url('excludeSettings.svg') center center no-repeat;
}

.vs-dark .markers-panel-action-filter > .markers-panel-filter-controls > .markers-panel-filter-filesExclude,
.hc-black .markers-panel-action-filter > .markers-panel-filter-controls > .markers-panel-filter-filesExclude {
	background: url('excludeSettings-dark.svg') center center no-repeat;
}

.markers-panel .markers-panel-container {
	height: 100%;
}

.markers-panel .markers-panel-container .message-box-container {
	line-height: 22px;
	padding-left: 20px;
	height: 100%;
}

.markers-panel .markers-panel-container .message-box-container .messageAction {
	margin-left: 4px;
	cursor: pointer;
	text-decoration: underline;
}

.markers-panel  .markers-panel-container .hidden {
	display: none;
}

.markers-panel .markers-panel-container .tree-container.hidden {
	display: none;
	visibility: hidden;
}

.markers-panel .markers-panel-container .tree-container .monaco-tl-contents {
	display: flex;
	line-height: 22px;
}

.hc-black .markers-panel .markers-panel-container .tree-container .monaco-tl-contents {
	line-height: 20px;
}

.markers-panel .markers-panel-container .tree-container .monaco-tl-contents .marker-stats {
	display: inline-block;
	margin-left: 10px;
}

.markers-panel .markers-panel-container .tree-container .monaco-tl-contents .count-badge-wrapper {
	margin-left: 10px;
}

.markers-panel .markers-panel-container .tree-container .monaco-tl-contents .marker-message-details,
.markers-panel .markers-panel-container .tree-container .monaco-tl-contents .marker-message:not(.multiline) {
	display: flex;
	overflow: hidden;
}

.markers-panel .markers-panel-container .tree-container .monaco-tl-contents .marker-message.multiline {
	white-space: pre;
	flex: 1;
}

.markers-panel .markers-panel-container .tree-container .monaco-tl-contents .marker-message:not(.multiline) .marker-message-line {
	overflow: hidden;
	text-overflow: ellipsis;
}

.markers-panel .markers-panel-container .tree-container .monaco-tl-contents .marker-message .details-container {
	display: flex;
}

.markers-panel .markers-panel-container .tree-container .monaco-tl-contents .marker-code:before {
	content: '(';
}

.markers-panel .markers-panel-container .tree-container .monaco-tl-contents .marker-code:after {
	content: ')';
}

.markers-panel .markers-panel-container .tree-container .monaco-tl-contents .details-container .marker-source,
.markers-panel .markers-panel-container .tree-container .monaco-tl-contents .details-container .marker-line {
	margin-left: 6px;
}

.markers-panel .monaco-tl-contents .marker-icon,
.markers-panel .monaco-tl-contents .actions .action-item {
	margin-right: 6px;
}

.markers-panel .markers-panel-container .tree-container .monaco-tl-contents .marker-source,
.markers-panel .markers-panel-container .tree-container .monaco-tl-contents .related-info-resource,
.markers-panel .markers-panel-container .tree-container .monaco-tl-contents .related-info-resource-separator,
.markers-panel .markers-panel-container .tree-container .monaco-tl-contents .marker-line,
.markers-panel .markers-panel-container .tree-container .monaco-tl-contents .marker-code {
	opacity: 0.7;
}

.markers-panel .markers-panel-container .tree-container .monaco-tl-contents .highlight {
	font-weight: bold;
}

.markers-panel .monaco-tl-contents .marker-icon {
	height: 22px;
	width: 16px;
}

.markers-panel .marker-icon.warning {
	background: url('status-warning.svg') center center no-repeat;
}

.markers-panel .marker-icon.error {
	background: url('status-error.svg') center center no-repeat;
}

.markers-panel .marker-icon.info {
	background: url('status-info.svg') center center no-repeat;
}

.vs-dark .markers-panel .marker-icon.warning {
	background: url('status-warning-inverse.svg') center center no-repeat;
}

.vs-dark .markers-panel .marker-icon.error {
	background: url('status-error-inverse.svg') center center no-repeat;
}

.vs-dark .markers-panel .marker-icon.info {
	background: url('status-info-inverse.svg') center center no-repeat;
}

.markers-panel .monaco-tl-contents .actions .action-label.icon.markers-panel-action-quickfix {
	background: url('lightbulb.svg') center/80% no-repeat;
	margin-right: 0px;
}

.markers-panel .monaco-tl-contents .actions .action-label.icon.markers-panel-action-quickfix.autofixable {
	background: url('lightbulb-autofix.svg') center center no-repeat;
}

.vs-dark .markers-panel .monaco-tl-contents .actions .action-label.icon.markers-panel-action-quickfix {
	background: url('lightbulb-dark.svg') center/80% no-repeat;
}

.vs-dark .markers-panel .monaco-tl-contents .actions .action-label.icon.markers-panel-action-quickfix.autofixable,
.hc-black .markers-panel .monaco-tl-contents .actions .action-label.icon.markers-panel-action-quickfix.autofixable {
	background: url('lightbulb-autofix-dark.svg') center center no-repeat;
}

.markers-panel .monaco-tl-contents .actions .monaco-action-bar {
	display: none;
}

.markers-panel .monaco-list-row:hover .monaco-tl-contents > .marker-icon.quickFix,
.markers-panel .monaco-list-row.selected .monaco-tl-contents > .marker-icon.quickFix,
.markers-panel .monaco-list-row.focused .monaco-tl-contents > .marker-icon.quickFix {
	display: none;
}

.markers-panel .monaco-list-row:hover .monaco-tl-contents .actions .monaco-action-bar,
.markers-panel .monaco-list-row.selected .monaco-tl-contents .actions .monaco-action-bar,
.markers-panel .monaco-list-row.focused .monaco-tl-contents .actions .monaco-action-bar {
	display: block;
}

.markers-panel .monaco-tl-contents .multiline-actions .action-label,
.markers-panel .monaco-tl-contents .actions .action-label {
	width: 16px;
	height: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.markers-panel .monaco-tl-contents .multiline-actions .action-label {
	line-height: 22px;
}

.markers-panel .monaco-tl-contents .multiline-actions .action-item.disabled,
.markers-panel .monaco-tl-contents .actions .action-item.disabled {
	display: none;
}