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

/* -------------------- IE10 remove auto clear button -------------------- */

::-ms-clear {
	display: none;
}

/* All widgets */
/* I am not a big fan of this rule */
.monaco-editor .editor-widget input {
	color: inherit;
}

/* -------------------- Editor, inputarea and background -------------------- */

.monaco-editor {
	position: relative;
	overflow: visible;
	-webkit-text-size-adjust: 100%;
	-ms-high-contrast-adjust: none;
	-webkit-font-feature-settings: "liga" off, "calt" off;
	font-feature-settings: "liga" off, "calt" off;
}
.monaco-editor.enable-ligatures {
	-webkit-font-feature-settings: "liga" on, "calt" on;
	font-feature-settings: "liga" on, "calt" on;
}
.monaco-editor .inputarea {
	/*Chrome cannot handle typing in a 0x0 textarea*/
	width: 1px;
	height: 1px;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	outline: none !important;
	resize: none;
	border: none;
	overflow: hidden;
}
/*.monaco-editor .inputarea {
	position: fixed !important;
	width: 800px !important;
	height: 200px !important;
	top: initial !important;
	left: initial !important;
	bottom: 0 !important;
	right: 0 !important;
}*/
.monaco-editor.ff .inputarea,
.monaco-editor.ie .inputarea {
	width: 0;
	height: 0;
}
.monaco-editor.ime-input .inputarea {
	z-index: 10;
}

.monaco-editor,
.monaco-editor .inputarea {
	color: #333;
	/*
	 * WORKAROUND:
	 * Because of bug https://monacotools.visualstudio.com/DefaultCollection/Monaco/_workitems/edit/13254
	 * we are *not* using the color white (or #ffffff, rgba(255,255,255)) but something very close to white.
	 */
	background: #fffffe;
}
.monaco-editor-background {
	background: #fffffe;
}
.monaco-editor.ime-input .inputarea {
	background: rgba(255, 255, 255, 0.85);
}

.monaco-editor.vs-dark,
.monaco-editor.vs-dark .inputarea,
.monaco-editor.vs-dark .zone-widget .monaco-editor {
	color: #BBB;
	background: #1E1E1E;
}
.monaco-editor.vs-dark .monaco-editor-background {
	background: #1E1E1E;
}
.monaco-editor.vs-dark.ime-input .inputarea {
	background: rgba(0, 0, 0, 0.65);
}

.monaco-editor.hc-black,
.monaco-editor.hc-black .inputarea,
.monaco-editor.hc-black .zone-widget .monaco-editor {
	color: #fff;
	background: #000;
}
.monaco-editor.hc-black .monaco-editor-background {
	background: #000;
}


/* -------------------- Misc -------------------- */

.monaco-editor .overflow-guard {
	position: relative;
	overflow: hidden;
}

.monaco-editor .view-overlays {
	position: absolute;
	top: 0;
}

/* -------------------- Highlight a range -------------------- */

.monaco-editor.vs		.rangeHighlight { background: rgba(253, 255, 0, 0.2); }
.monaco-editor.vs-dark	.rangeHighlight { background: rgba(255, 255, 255, 0.044); }
.monaco-editor.hc-black	.rangeHighlight { border: 1px dotted #f38518; }

/* -------------------- Squigglies -------------------- */

.monaco-editor.vs		.redsquiggly,
.monaco-editor.vs-dark	.redsquiggly { background: url("red-squiggly.svg") repeat-x bottom left; }
.monaco-editor.hc-black .redsquiggly { border-bottom: 4px double #E47777; opacity: 0.8; }

.monaco-editor.vs		.greensquiggly,
.monaco-editor.vs-dark	.greensquiggly { background: url("green-squiggly.svg") repeat-x bottom left; }
.monaco-editor.hc-black .greensquiggly { border-bottom: 4px double #71B771; opacity: 0.8; }

/* -------------------- Bracket Match -------------------- */

.monaco-editor .bracket-match {
	box-sizing: border-box;
	background-color: rgba(0, 100, 0, 0.1);
}
.monaco-editor.vs		.bracket-match { border: 1px solid #B9B9B9; }
.monaco-editor.vs-dark	.bracket-match { border: 1px solid #888; }
.monaco-editor.hc-black .bracket-match { border: 1px solid #fff; }

