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

.settings-header-widget {
	border-bottom: 1px solid #efefef;
}

.vs-dark .settings-header-widget {
	border-bottom: 1px solid #2d2d2d;
}

.settings-header-widget > .settings-header-container {
	padding-top: 8px;
	padding-left: 27px;
	padding-right: 32px;
}

.settings-header-widget > .settings-search-container {
	padding-left: 27px;
	padding-right: 32px;
	padding-bottom: 11px;
	padding-top: 11px;
}

.vs .settings-header-widget > .settings-search-container {
	background: #efeff2;
}
.vs-dark .settings-header-widget > .settings-search-container {
	background: #2d2d30;
}

.settings-header-widget > .settings-header-container > .settings-title-container {
	display: flex
}

.settings-header-widget > .settings-header-container > .settings-title-container > .settings-info-container {
	white-space: pre-wrap;
	margin-bottom: 8px;
	font-size: 12px;
}

.vs .settings-header-widget > .settings-header-container > .settings-title-container > .settings-info-container {
	color: #6f6f6f;
}
.vs-dark .settings-header-widget > .settings-header-container > .settings-title-container > .settings-info-container {
	color: #bbbbbb;
}
.hc-black .settings-header-widget > .settings-header-container > .settings-title-container > .settings-info-container {
	color: white;
}

.settings-header-widget > .settings-header-container > .settings-title-container > .settings-info-container .title-label {
	text-transform: uppercase;
	font-weight: bold;
}

.settings-header-widget > .settings-search-container > .settings-search-input {
	vertical-align: middle;
}

.settings-header-widget > .settings-search-container > .settings-search-input > .monaco-inputbox {
	height: 30px;
}

.vs .settings-header-widget > .settings-search-container > .settings-search-input > .monaco-inputbox {
	border: 1px solid #ddd;
}

.settings-header-widget > .settings-search-container > .settings-search-input > .monaco-inputbox .input {
	font-size: 14px;
	padding-left:30px;
	background-image: url('search.svg');
	background-repeat: no-repeat;
	background-position: 8px 50%;
}

.settings-header-widget > .settings-search-container > .settings-search-input > .monaco-inputbox .input {
	background-image: url('search_inverse.svg');
}

.monaco-editor .settings-group-title-widget {
	z-index: 1;
}

.monaco-editor .settings-group-title-widget .title-container {
	width: 100%;
	cursor: pointer;
	font-weight: bold;
	-webkit-user-select: none;
	user-select: none;
}

.vs .monaco-editor .settings-group-title-widget .title-container {
	color: #6f6f6f;
}
.vs-dark .monaco-editor .settings-group-title-widget .title-container {
	color: #bbbbbb;
}
.hc-black .monaco-editor .settings-group-title-widget .title-container {
	color: white;
}

.monaco-editor .settings-group-title-widget .title-container > * {
	vertical-align: middle;
	display: inline-block;
}

.monaco-editor.vs-dark .settings-group-title-widget .title-container.focused,
.monaco-editor.vs .settings-group-title-widget .title-container.focused {
	outline: none !important;
}

.monaco-editor.vs .settings-group-title-widget .title-container.focused,
.monaco-editor.vs .settings-group-title-widget .title-container:hover {
	background-color: #e2e2e2;
}

.monaco-editor.hc-black .settings-group-title-widget .title-container:hover,
.monaco-editor.vs-dark .settings-group-title-widget .title-container.focused,
.monaco-editor.vs-dark .settings-group-title-widget .title-container:hover {
	background-color: #323232;
}

.monaco-editor.hc-black .settings-group-title-widget .title-container.focused {
	outline: 1px dotted #f38518;
}

.monaco-editor .settings-group-title-widget .title-container .expand-collapse-icon {
	background: url(expanded.svg) 50% 50% no-repeat;
	width: 16px;
	height: 16px;
}

.monaco-editor.vs-dark .settings-group-title-widget .title-container .expand-collapse-icon,
.monaco-editor.hc-black .settings-group-title-widget .title-container .expand-collapse-icon {
	background: url(expanded-dark.svg) 50% 50% no-repeat;
}

.monaco-editor .settings-group-title-widget .title-container.collapsed .expand-collapse-icon {
	background: url(collapsed.svg) 50% 50% no-repeat;
}

.monaco-editor.vs-dark .settings-group-title-widget .title-container.collapsed .expand-collapse-icon,
.monaco-editor.hc-black .settings-group-title-widget .title-container.collapsed .expand-collapse-icon {
	background: url(collapsed-dark.svg) 50% 50% no-repeat;
}

.monaco-editor .view-line:hover .copySetting:after {
	cursor: pointer;
	content:" ";
	background: url('edit.svg') center center no-repeat;
	margin-left: 1em;
	display:inline-block;
	position: absolute;
	height:100%;
	width:16px;
}

.monaco-editor.hc-black .view-line:hover .copySetting:after,
.monaco-editor.vs-dark .view-line:hover .copySetting:after {
	background: url('edit_inverse.svg') center center no-repeat;
}

.monaco-editor .floating-click-widget {
	background: #007ACC;
	color: white;
	padding: 10px;
	border-radius: 5px;
	cursor: pointer;
}

.title-actions .action-item .icon.collapseAll,
.editor-actions .action-item .icon.collapseAll {
	background: url('collapseAll.svg') center center no-repeat;
}

.vs-dark .title-actions .action-item .icon.collapseAll,
.vs-dark .editor-actions .action-item .icon.collapseAll {
	background: url('collapseAll_inverse.svg') center center no-repeat;
}

.monaco-editor .settings-count-widget {
	padding: 4px 10px 4px 10px;
	display: none;
	position: absolute;
	top: 4px;
	right: 28px;
	border-radius: 2px;
	z-index: 1;
}

.monaco-editor .settings-count-widget.show {
	display: inherit;
}

.monaco-editor .settings-count-widget.show:not(.no-results) {
	background-color: #EFEFF2;
}

.monaco-editor.hc-black .settings-count-widget.show:not(.no-results),
.monaco-editor.vs-dark .settings-count-widget.show:not(.no-results) {
	background-color: #2D2D30;
}

.monaco-editor .settings-count-widget.show.no-results {
	background-color: rgba(255,0,0,0.5);
}

.monaco-editor.hc-black .settings-count-widget.show.no-results,
.monaco-editor.vs-dark .settings-count-widget.show.no-results {
	background-color: rgba(255,0,0,0.3);
}