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

.monaco-workbench .notebookOverlay.notebook-editor {
	box-sizing: border-box;
	line-height: 22px;
	user-select: initial;
	-webkit-user-select: initial;
	position: relative;
}

.monaco-workbench .notebookOverlay .cell-list-container > .monaco-list {
	position: absolute;
}

.monaco-workbench .notebookOverlay .cell-list-container .overflowingContentWidgets > div {
	z-index: 600 !important;
	/* @rebornix: larger than the editor title bar */
}

.monaco-workbench .notebookOverlay .cell-list-container .monaco-list-rows {
	min-height: 100%;
	overflow: visible !important;
}

.monaco-workbench .notebookOverlay .cell-list-container {
	position: relative;
}

.monaco-workbench .notebookOverlay.global-drag-active .webview {
	pointer-events: none;
}

.monaco-workbench .notebookOverlay .cell-list-container .webview-cover {
	position: absolute;
	top: 0;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row {
	cursor: default;
	overflow: visible !important;
	width: 100%;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .notebook-gutter > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row {
	cursor: default;
	overflow: visible !important;
	width: 100%;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row.cell-drag-image {
	position: absolute;
	top: -500px;
	z-index: 1000;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row.cell-drag-image .execution-count-label {
	display: none;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row.cell-drag-image .cell-editor-container > div {
	padding: 12px 16px;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row.cell-drag-image.code-cell-row .cell-focus-indicator-side {
	height: 44px !important;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row.cell-drag-image.code-cell-row .cell-focus-indicator-bottom {
	top: 50px !important;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row.cell-drag-image.markdown-cell-row .cell-focus-indicator {
	bottom: 8px;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row.cell-drag-image.code-cell-row {
	padding: 6px 0px;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row.cell-drag-image .output {
	display: none !important;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row.cell-drag-image .cell-title-toolbar {
	display: none;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row.cell-drag-image .cell-statusbar-container {
	display: none;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row.cell-drag-image .cell-editor-part {
	width: 100%;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row.cell-drag-image .cell-editor-container > div > div {
	/* Rendered code content - show a single unwrapped line */
	height: 20px;
	overflow: hidden;
	white-space: pre-wrap;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row.cell-drag-image.markdown-cell-row .cell.markdown {
	white-space: nowrap;
	overflow: hidden;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row.cell-drag-image .codeOutput-focus-indicator-container {
	display: none;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell {
	display: flex;
	position: relative;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row:not(.selected) .monaco-editor .lines-content .selected-text,
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row:not(.selected) .monaco-editor .lines-content .selectionHighlight {
	opacity: 0.33;
}

.monaco-workbench .notebookOverlay .output {
	position: absolute;
	height: 0px;
	font-size: var(--notebook-cell-output-font-size);
	user-select: text;
	-webkit-user-select: text;
	-ms-user-select: text;
	cursor: auto;
	box-sizing: border-box;
	z-index: var(--z-index-notebook-output);
}

.monaco-workbench .notebookOverlay .output .cell-output-toolbar {
	left: -29px;
	width: 22px;
	z-index: var(--z-index-notebook-cell-output-toolbar);
}

.monaco-workbench .notebookOverlay .output p {
	white-space: initial;
	overflow-x: auto;
	margin: 0px;
}

.monaco-workbench .notebookOverlay .output > div.foreground {
	width: 100%;
	min-height: 24px;
	box-sizing: border-box;
}

.monaco-workbench .notebookOverlay .output > div.foreground.output-inner-container {
	width: 100%;
	box-sizing: border-box;
}

.monaco-workbench .notebookOverlay .output > div.foreground.output-inner-container .rendered-output {
	display: inline;
	transform: translate3d(0px, 0px, 0px);
}

.monaco-workbench .notebookOverlay .cell-drag-image .output .cell-output-toolbar {
	display: none;
}

.monaco-workbench .notebookOverlay .output .cell-output-toolbar {
	position: absolute;
	top: 4px;
	left: -32px;
	height: 16px;
	cursor: pointer;
	padding: 6px 0px;
}

.monaco-workbench .notebookOverlay .output .cell-output-toolbar .actions-container {
	justify-content: center;
}

.monaco-workbench .notebookOverlay .output pre {
	margin: 4px 0;
}

.monaco-workbench .notebookOverlay .output .error_message {
	color: red; /*TODO@rebornix theme color*/
}

.monaco-workbench .notebookOverlay .output .error > div {
	white-space: normal;
}

.monaco-workbench .notebookOverlay .output .error pre.traceback {
	margin: 8px 0;
}

.monaco-workbench .notebookOverlay .output .error .traceback > span {
	display: block;
}

.monaco-workbench .notebookOverlay .output .display img {
	max-width: 100%;
}

.monaco-workbench .notebookOverlay .output-show-more-container {
	position: absolute;
}

.monaco-workbench .notebookOverlay .output-show-more-container p {
	padding: 8px 8px 0 8px;
	margin: 0px;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .menu {
	position: absolute;
	left: 0;
	top: 28px;
	visibility: hidden;
	width: 16px;
	margin: auto;
	padding-left: 4px;
}


.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .menu.mouseover,
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row:hover .menu,
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-output-hover .menu {
	visibility: visible;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row,
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row:hover,
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-output-hover {
	outline: none !important;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row.focused {
	outline: none !important;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .input-collapse-container {
	display: flex;
	align-items: center;
	position: relative;
	box-sizing: border-box;
	width: 100%;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .input-collapse-container .collapsed-execution-icon {
	line-height: normal;
	margin-left: 6px;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .input-collapse-container .collapsed-execution-icon .codicon-notebook-state-success {
	color: var(--notebook-cell-status-icon-success);
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .input-collapse-container .collapsed-execution-icon .codicon-notebook-state-error {
	color: var(--notebook-cell-status-icon-error);
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .input-collapse-container .cell-collapse-preview {
	padding: 0px 8px;
	display: flex;
	align-items: center;
}
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .input-collapse-container .cell-collapse-preview .monaco-tokenized-source {
	font-size: var(--notebook-cell-input-preview-font-size);
	font-family: var(--notebook-cell-input-preview-font-family);
	cursor: pointer;
	white-space: normal;
	overflow: hidden;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .input-collapse-container .cell-collapse-preview .expandInputIcon {
	padding: 2px;
	border-radius: 5px;
	height: 16px;
	width: 16px;

	cursor: pointer;
	z-index: var(--z-index-notebook-input-collapse-condicon);
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .input-collapse-container .cell-collapse-preview .expandInputIcon:before {
	color: grey;
	font-size: 12px;
	line-height: 16px;
	vertical-align: bottom;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .output-collapse-container {
	cursor: pointer;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .output-collapse-container .expandOutputPlaceholder {
	font-style: italic;
	font-size: var(--notebook-cell-output-font-size);
	font-family: var(--monaco-monospace-font);
	min-height: 24px;
	opacity: 0.7;
	user-select: none;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .output-collapse-container .expandOutputIcon {
	position: relative;
	left: 0px;
	padding: 2px;
	border-radius: 5px;
	vertical-align:middle;
	margin-left: 4px;
	height: 16px;
	width: 16px;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-expand-part-button {
	position: relative;
	left: 0px;
	padding: 2px;
	border-radius: 5px;
	vertical-align: middle;
	margin-left: 4px;
	height: 16px;
	width: 16px;
	z-index: var(--z-index-notebook-cell-expand-part-button);
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .output-collapse-container .expandOutputIcon:before {
	color: grey;
	font-size: 12px;
	line-height: 16px;
	vertical-align: bottom;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-expand-part-button:before {
	color: grey;
	font-size: 12px;
	line-height: 16px;
	vertical-align: bottom;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .notebook-folding-indicator.mouseover .codicon.codicon-notebook-expanded {
	opacity: 0;
	transition: opacity 0.1 s;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .markdown-cell-hover .notebook-folding-indicator.mouseover .codicon.codicon-notebook-expanded {
	opacity: 1;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row.focused .notebook-folding-indicator.mouseover .codicon.codicon-notebook-expanded,
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row:hover .notebook-folding-indicator.mouseover .codicon.codicon-notebook-expanded {
	opacity: 1;
}

.monaco-workbench.hc-black .notebookOverlay .monaco-list-row.focused .cell-editor-focus .cell-editor-part:before,
.monaco-workbench.hc-light .notebookOverlay .monaco-list-row.focused .cell-editor-focus .cell-editor-part:before {
	outline-style: dashed;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .menu.mouseover,
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .menu:hover {
	cursor: pointer;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .run-button-container {
	position: absolute;
	flex-shrink: 0;
	z-index: var(--z-index-run-button-container);
	width: 35px;
	left: -35px;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .run-button-container .monaco-toolbar {
	visibility: hidden;
	height: initial;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .run-button-container .monaco-toolbar .action-item:not(.monaco-dropdown-with-primary) .codicon {
	padding: 6px;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .run-button-container .monaco-toolbar .actions-container {
	justify-content: center;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row:hover .run-button-container .monaco-toolbar,
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row.focused .run-button-container .monaco-toolbar,
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-run-toolbar-dropdown-active .run-button-container .monaco-toolbar,
.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-output-hover .run-button-container .monaco-toolbar {
	visibility: visible;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .execution-count-label {
	position: absolute;
	font-size: 10px;
	font-family: var(--monaco-monospace-font);
	white-space: pre;
	box-sizing: border-box;
	opacity: .7;
	width: 35px;
	right: 0px;
	text-align: center;
}

.monaco-workbench .notebookOverlay>.cell-list-container>.monaco-list>.monaco-scrollable-element>.monaco-list-rows>.monaco-list-row .cell-statusbar-hidden .execution-count-label {
	line-height: 15px;
}

.monaco-workbench .notebookOverlay .cell .cell-editor-part {
	position: relative;
}

.monaco-workbench .notebookOverlay .cell .monaco-progress-container {
	top: -3px;

	position: absolute;
	left: 0;
	z-index: var(--z-index-notebook-progress-bar);
	height: 2px;
}

.monaco-workbench .notebookOverlay .cell .monaco-progress-container .progress-bit {
	height: 2px;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list:not(.element-focused):focus:before {
	outline: none !important;
}

.monaco-workbench .notebookOverlay.notebook-editor > .cell-list-container > .monaco-list > .monaco-scrollable-element > .scrollbar.visible {
	z-index: var(--z-index-notebook-scrollbar);
	cursor: default;
}

.monaco-workbench .notebookOverlay .monaco-list-row .cell-editor-part:before {
	z-index: var(--z-index-notebook-cell-editor-outline);
	content: "";
	right: 0px;
	left: 0px;
	top: 0px;
	bottom: 0px;
	outline-offset: -1px;
	display: block;
	position: absolute;
	pointer-events: none;
}

.monaco-workbench .notebookOverlay .monaco-list .monaco-list-row .cell-insertion-indicator-top {
	top: -15px;
}

.monaco-workbench .notebookOverlay > .cell-list-container > .cell-list-insertion-indicator {
	position: absolute;
	height: 2px;
	left: 0px;
	right: 0px;
	opacity: 0;
	z-index: var(--z-index-notebook-list-insertion-indicator);
}

.monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list .monaco-list-row .cell-dragging {
	opacity: 0.5 !important;
}

.monaco-workbench .notebookOverlay > .cell-list-container .notebook-folding-indicator {
	height: 20px;
	width: 20px;

	position: absolute;
	top: 10px;
	left: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: var(--z-index-notebook-folding-indicator);
}

.monaco-workbench .notebookOverlay > .cell-list-container .webview-backed-markdown-cell .notebook-folding-indicator {
	top: 8px;
}

.monaco-workbench .notebookOverlay > .cell-list-container .notebook-folding-indicator .codicon {
	visibility: visible;
	height: 16px;
	padding: 4px 4px 4px 4px;
}

.monaco-workbench .notebookOverlay>.cell-list-container .notebook-folded-hint {
	position: absolute;
	user-select: none;
}

.monaco-workbench .notebookOverlay > .cell-list-container .notebook-folded-hint-label {
	font-size: var(--notebook-cell-output-font-size);
	font-family: var(--monaco-monospace-font);
	font-style: italic;
	opacity: 0.7;
}

/** Theming */

.monaco-action-bar .action-item.verticalSeparator {
	width: 1px !important;
	height: 16px !important;
	margin: 5px 4px !important;
	cursor: default;
	min-width: 1px !important;
}

.monaco-workbench .notebookOverlay .monaco-list .monaco-list-row .cell-decoration {
	top: -6px;
	position: absolute;
	display: flex;
}

.output-show-more {
	padding: 8px 0 0 0;
	font-style: italic;
}

.output-show-more a {
	cursor: pointer;
}

.cell-contributed-items.cell-contributed-items-left {
	margin-left: 4px;
}

.cell-contributed-items.cell-contributed-items-right {
	flex-direction: row-reverse;
}

.monaco-workbench .notebookOverlay .monaco-list:focus-within .monaco-list-row .codicon:not(.suggest-icon) {
	color: inherit;
}

.monaco-workbench .notebookOverlay > .cell-list-container .notebook-overview-ruler-container {
	position: absolute;
	top: 0;
	right: 0;
}

/* high contrast border for multi-select */
.hc-black .notebookOverlay .monaco-list.selection-multiple:focus-within .monaco-list-row.selected:not(.focused) .cell-focus-indicator-top:before, .hc-light .notebookOverlay .monaco-list.selection-multiple:focus-within .monaco-list-row.selected:not(.focused) .cell-focus-indicator-top:before { border-top-style: dotted; }
.hc-black .notebookOverlay .monaco-list.selection-multiple:focus-within .monaco-list-row.selected:not(.focused) .cell-focus-indicator-bottom:before, .hc-light .notebookOverlay .monaco-list.selection-multiple:focus-within .monaco-list-row.selected:not(.focused) .cell-focus-indicator-bottom:before { border-bottom-style: dotted; }
.hc-black .notebookOverlay .monaco-list.selection-multiple:focus-within .monaco-list-row.selected:not(.focused) .cell-inner-container:not(.cell-editor-focus) .cell-focus-indicator-left:before, .hc-light .notebookOverlay .monaco-list.selection-multiple:focus-within .monaco-list-row.selected:not(.focused) .cell-inner-container:not(.cell-editor-focus) .cell-focus-indicator-left:before { border-left-style: dotted; }
.hc-black .notebookOverlay .monaco-list.selection-multiple:focus-within .monaco-list-row.selected:not(.focused) .cell-inner-container:not(.cell-editor-focus) .cell-focus-indicator-right:before, .hc-light .notebookOverlay .monaco-list.selection-multiple:focus-within .monaco-list-row.selected:not(.focused) .cell-inner-container:not(.cell-editor-focus) .cell-focus-indicator-right:before  { border-right-style: dotted; }

.monaco-workbench .notebookOverlay .cell-editor-container .monaco-editor .margin-view-overlays .codicon-folding-expanded,
.monaco-workbench .notebookOverlay .cell-editor-container .monaco-editor .margin-view-overlays .codicon-folding-collapsed {
	margin-left: 0;
}
