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

.notebookEditor .scrollable {
	padding-top: 16px;
}

.notebookEditor .taskbarSeparator {
	margin: 0 16px 0 -8px;
}

.notebookEditor .editor-toolbar {
	border-bottom-style: solid;
	border-width: 0px 0px 1px 0px;
}

.notebookEditor .notebook-cell {
	border-color: transparent;
	border-style: solid;
	border-width: 1px 1px 1px 4px;
	margin: 8px;
	position: relative;
}

.notebookEditor .notebook-info-label {
	padding-right: 5px;
	text-align: center;
	display: flex;
	align-items: center;
}

.notebookEditor .actionbar-container .monaco-action-bar > ul.actions-container {
	padding-top: 4px;
	padding-bottom: 4px;
	min-height: 21px;
}

.notebookEditor .editor-toolbar .actions-container .action-item .notebook-button {
	display: inline-block;
	text-align: center;
	cursor: pointer;
	padding: 0 18px;
	background-size: 13px;
	font-size: 13px;
	height: 21px;
}
.notebookEditor .editor-toolbar .actions-container .action-item .notebook-button.masked-icon {
	padding: 0;
	width: 28px;
}

.notebookEditor .in-preview .actions-container .action-item .notebook-button,
.notebookEditor .in-preview .actions-container .action-item .notebook-button:before {
	display: flex;
	height: 100%;
}

.notebookEditor
	.in-preview
	.actions-container
	.action-item
	.notebook-button.masked-pseudo {
	padding-left: 30px;
}
.notebookEditor
	.in-preview
	.actions-container
	.action-item
	.notebook-button.masked-icon:before {
	margin-right: 0;
	padding-left: 18px;
	width: 16px;
}
.notebookEditor .in-preview .actions-container .action-item:last-child {
	margin-right: 8px;
}
.notebookEditor
	.in-preview
	.actions-container
	.action-item:last-child
	.notebook-button {
	margin-right: 0;
}
.notebookEditor
	.in-preview
	.actions-container
	.action-item:last-child
	.notebook-button.fixed-width {
	margin-left: 8px;
	margin-right: -28px;
}
.notebookEditor
	.in-preview
	.actions-container
	.action-item
	.notebook-button.fixed-width {
	width: 34px;
}

.notebookEditor .labelOnLeftContainer {
	min-width: 100px;
	max-width: 250px;
	margin-right: 20px;
	font-size: 13px;
	text-align: center;
	vertical-align: bottom;
}

.notebookEditor .in-preview .labelOnLeftContainer {
	margin-right: 14px;
}

/* non-preview */
.notebookEditor :not(.in-preview) .notebook-button.icon-add {
	background-image: url("./media/light/add.svg");
}

.vs-dark .notebookEditor :not(.in-preview) .notebook-button.icon-add,
.hc-black .notebookEditor :not(.in-preview) .notebook-button.icon-add {
	background-image: url("./media/dark/add_inverse.svg");
}

.notebookEditor :not(.in-preview) .notebook-button.icon-run-cells {
	background-image: url("./media/light/run_cells.svg");
}

.vs-dark .notebookEditor :not(.in-preview) .notebook-button.icon-run-cells,
.hc-black .notebookEditor :not(.in-preview) .notebook-button.icon-run-cells {
	background-image: url("./media/dark/run_cells_inverse.svg");
}

.notebookEditor :not(.in-preview) .notebook-button.icon-trusted {
	background-image: url("./media/light/trusted.svg");
}

.vs-dark .notebookEditor :not(.in-preview) .notebook-button.icon-trusted,
.hc-black .notebookEditor :not(.in-preview) .notebook-button.icon-trusted {
	background-image: url("./media/dark/trusted_inverse.svg");
}
.notebookEditor :not(.in-preview) .notebook-button.icon-notTrusted {
	background-image: url("./media/light/nottrusted.svg");
}

.vs-dark .notebookEditor :not(.in-preview) .notebook-button.icon-notTrusted,
.hc-black .notebookEditor :not(.in-preview) .notebook-button.icon-notTrusted {
	background-image: url("./media/dark/nottrusted_inverse.svg");
}

.notebookEditor :not(.in-preview) .notebook-button.icon-show-cells {
	background-image: url("./media/light/show_code.svg");
}

.vs-dark .notebookEditor :not(.in-preview) .notebook-button.icon-show-cells,
.hc-black .notebookEditor :not(.in-preview) .notebook-button.icon-show-cells {
	background-image: url("./media/dark/show_code_inverse.svg");
}

.notebookEditor :not(.in-preview) .notebook-button.icon-hide-cells {
	background-image: url("./media/light/hide_code.svg");
}

.vs-dark .notebookEditor :not(.in-preview) .notebook-button.icon-hide-cells,
.hc-black .notebookEditor :not(.in-preview) .notebook-button.icon-hide-cells {
	background-image: url("./media/dark/hide_code_inverse.svg");
}

.notebookEditor :not(.in-preview) .notebook-button.icon-clear-results {
	background-image: url("./media/light/clear_results.svg");
}

.vs-dark .notebookEditor :not(.in-preview) .notebook-button.icon-clear-results,
.hc-black
	.notebookEditor
	:not(.in-preview)
	.notebook-button.icon-clear-results {
	background-image: url("./media/dark/clear_results_inverse.svg");
}

.notebookEditor .in-preview .notebook-button.masked-icon {
	background-image: none;
}
/* non-preview */

.notebookEditor .in-preview .carbon-taskbar.monaco-toolbar .monaco-select-box {
	font-size: inherit;
	border-radius: 0;
	padding: 3px 22px 3px 6px;
}
.notebookEditor .in-preview .carbon-taskbar .action-item {
	margin-right: 0;
}
.notebookEditor .in-preview .labelOnLeftContainer {
	display: flex;
	align-items: center;
}

.moreActions .action-label.codicon.toggle-more {
	height: 20px;
	width: 20px;
}

.moreActions.actionhidden {
	visibility: hidden;
}
.moreActions .monaco-action-bar {
	margin-left: -12px;
}

.notebookEditor .notebook-cellTable {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.notebookEditor .notebook-cellTable .ui-widget-content.slick-row {
	border-left: 1px silver dotted;
}

.notebookEditor .notebook-cellTable .slick-viewport {
	min-height: 39px;
}

.monaco-workbench .notebook-action.new-notebook {
	background: url("./media/light/new_notebook.svg") center center no-repeat;
}

.monaco-workbench.vs-dark .notebook-action.new-notebook,
.monaco-workbench.hc-black .notebook-action.new-notebook {
	background: url("./media/dark/new_notebook_inverse.svg") center center
		no-repeat;
}

.notebookEditor .book-nav {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 25px;
}

.notebookEditor .book-nav .dialog-message-button {
	min-width: 100px;
	margin-right: 10px;
}

.notebookEditor .hoverButton .addCodeIcon,
.notebookEditor .hoverButton .addTextIcon {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	background-size: contain;
	margin-right: 4px;
}

.monaco-workbench.mac .notebookEditor .select-container {
	padding-top: 2px;
}