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

.keybindings-editor {
	padding: 11px 0px 0px 27px;
}

/* header styling */

.keybindings-editor > .keybindings-header {
	padding: 0px 10px 11px 0;
}

.keybindings-editor > .keybindings-header > .search-container {
	position: relative;
}

.keybindings-editor > .keybindings-header > .search-container > .keybindings-search-actions-container {
	position: absolute;
	top: 0;
	right: 10px;
	margin-top: 5px;
	display: flex;
}

.keybindings-editor > .keybindings-header > .search-container > .keybindings-search-actions-container > .recording-badge {
	margin-right: 8px;
}

.keybindings-editor > .keybindings-header.small > .search-container > .keybindings-search-actions-container > .recording-badge,
.keybindings-editor > .keybindings-header > .search-container > .keybindings-search-actions-container > .recording-badge.disabled {
	display: none;
}

.keybindings-editor > .keybindings-header > .search-container > .keybindings-search-actions-container > .monaco-action-bar .action-item > .icon {
	width:16px;
	height: 18px;
}

.keybindings-editor > .keybindings-header > .search-container > .keybindings-search-actions-container > .monaco-action-bar .action-item {
	margin-right: 4px;
}

.keybindings-editor .monaco-action-bar .action-item > .codicon {
	display: flex;
	align-items: center;
	justify-content: center;
	color: inherit;
}

.keybindings-editor > .keybindings-header .open-keybindings-container {
	margin-top: 10px;
	display: flex;
}

.keybindings-editor > .keybindings-header .open-keybindings-container > div {
	opacity: 0.7;
}

.keybindings-editor > .keybindings-header .open-keybindings-container > .file-name {
	text-decoration: underline;
	cursor: pointer;
	margin-left: 4px;
}

.keybindings-editor > .keybindings-header .open-keybindings-container > .file-name:focus {
	opacity: 1;
}

/** List based styling **/

.keybindings-editor > .keybindings-body > .keybindings-list-header,
.keybindings-editor > .keybindings-body .keybindings-list-container {
	width: 100%;
	border-spacing: 0;
	border-collapse: separate;
}

.keybindings-editor > .keybindings-body > .keybindings-list-header,
.keybindings-editor > .keybindings-body > .keybindings-list-container .monaco-list-row {
	cursor: default;
	display: flex;
}

.keybindings-editor > .keybindings-body > .keybindings-list-header > .header {
	text-align: left;
	font-weight: bold;
}

.keybindings-editor > .keybindings-body > .keybindings-list-header > .header,
.keybindings-editor > .keybindings-body > .keybindings-list-container .monaco-list-row .column {
	align-items: center;
	display: flex;
	overflow: hidden;
}

.keybindings-editor > .keybindings-body > .keybindings-list-container .monaco-list-row .command.vertical-align-column {
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.keybindings-editor > .keybindings-body > .keybindings-list-container .monaco-list-row .command .command-default-label {
	opacity: 0.8;
	margin-top: 2px;
}

.keybindings-editor > .keybindings-body > .keybindings-list-container .monaco-list-row .keybinding .monaco-highlighted-label {
	padding-left: 10px;
}

.keybindings-editor > .keybindings-body > .keybindings-list-container .monaco-list-row > .when .empty {
	padding-left: 4px;
}

.keybindings-editor > .keybindings-body > .keybindings-list-container .monaco-list-row > .when:not(.input-mode) .monaco-inputbox,
.keybindings-editor > .keybindings-body > .keybindings-list-container .monaco-list-row > .when.input-mode .when-label {
	display: none;
}

.keybindings-editor > .keybindings-body > .keybindings-list-container .monaco-list-row > .when .monaco-inputbox {
	width: 100%;
	line-height: normal;
}

.monaco-workbench.mac .keybindings-editor > .keybindings-body > .keybindings-list-container .monaco-list-row > .when .monaco-inputbox,
.monaco-workbench.mac .keybindings-editor > .keybindings-body > .keybindings-list-container .monaco-list-row > .when .monaco-inputbox {
	height: 24px;
}

.keybindings-editor > .keybindings-body > .keybindings-list-container .monaco-list-row .command .monaco-highlighted-label,
.keybindings-editor > .keybindings-body > .keybindings-list-container .monaco-list-row .source .monaco-highlighted-label,
.keybindings-editor > .keybindings-body > .keybindings-list-container .monaco-list-row .when .monaco-highlighted-label {
	overflow: hidden;
	text-overflow: ellipsis;
}

.keybindings-editor > .keybindings-body > .keybindings-list-container .monaco-list-row > .column > .code {
	font-family: var(--monaco-monospace-font);
	font-size: 90%;
	display: flex;
	overflow: hidden;
}

.keybindings-editor > .keybindings-body > .keybindings-list-container .monaco-list-row > .column > .code.strong {
	padding: 1px 4px;
	background-color: rgba(128, 128, 128, 0.17);
	border-radius: 4px;
}

.keybindings-editor > .keybindings-body > .keybindings-list-container .monaco-list-row > .column .highlight {
	font-weight: bold;
}

.keybindings-editor > .keybindings-body > .keybindings-list-container .monaco-list:focus .monaco-list-row.selected > .column .highlight,
.keybindings-editor > .keybindings-body > .keybindings-list-container .monaco-list:focus .monaco-list-row.selected.focused > .column .highlight {
	color: inherit;
}

.keybindings-editor > .keybindings-body > .keybindings-list-container .monaco-list-row > .column.actions .monaco-action-bar {
	display: none;
	flex: 1;
}

.keybindings-editor > .keybindings-body > .keybindings-list-container .monaco-list-row.selected > .column.actions .monaco-action-bar,
.keybindings-editor > .keybindings-body > .keybindings-list-container .monaco-list.focused .monaco-list-row.focused > .column.actions .monaco-action-bar,
.keybindings-editor > .keybindings-body > .keybindings-list-container .monaco-list-row:hover > .column.actions .monaco-action-bar {
	display: flex;
}

.keybindings-editor > .keybindings-body > .keybindings-list-container .monaco-list-row > .column .monaco-action-bar .action-item > .icon {
	width:16px;
	height: 16px;
	cursor: pointer;
	margin-top: 3px;
}
