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

.monaco-inputbox2 {
	position: relative;
	display: inline-block;
	padding: 0;
	-webkit-box-sizing:	border-box;
	-o-box-sizing:		border-box;
	-moz-box-sizing:	border-box;
	-ms-box-sizing:		border-box;
	box-sizing:			border-box;
	font-family: "Segoe UI", "SFUIText-Light", "HelveticaNeue-Light", sans-serif, "Droid Sans Fallback";
	line-height: auto !important;
	
	/* Customizable */
	font-size: inherit;
}

.monaco-inputbox2 > .wrapper > .placeholder-shim,
.monaco-inputbox2 > .wrapper > .input {
	
	/* Customizable */
	padding: 4px;
}

.monaco-inputbox2 > .wrapper {
	position: relative;
	width: 100%;
	height: 100%;
}

.monaco-inputbox2 > .wrapper > .input {
	display: inline-block;
	-webkit-box-sizing:	border-box;
	-o-box-sizing:		border-box;
	-moz-box-sizing:	border-box;
	-ms-box-sizing:		border-box;
	box-sizing:			border-box;
	width: 100%;
	height: 100%;
	line-height: inherit;
	border: none;
	font-family: inherit;
	font-size: inherit;
}

.monaco-inputbox2 > .wrapper > .input:focus {
	outline: none;
}

.monaco-inputbox2 > .wrapper > .message {
	position: absolute;
	border: 1px solid red;
	background: white;
	z-index: 1000;
}

.monaco-inputbox2 > .wrapper > .placeholder-shim {
	position: absolute;
	display: inline-block;
	-webkit-box-sizing:	border-box;
	-o-box-sizing:		border-box;
	-moz-box-sizing:	border-box;
	-ms-box-sizing:		border-box;
	box-sizing:			border-box;
	z-index: 1;
	margin-left: 0;
	margin-top: 0;
	width: 100%;
	height: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0.5;
	cursor: text;
}

/* Context view */

.monaco-inputbox-container2 {
	position: absolute;
	text-align: right;
	z-index: 1000;
}

.monaco-inputbox-container2 .monaco-inputbox-message {
	display: inline-block;
	overflow: hidden;
	text-align: left;
	width: 100%;
	-webkit-box-sizing:	border-box;
	-o-box-sizing:		border-box;
	-moz-box-sizing:	border-box;
	-ms-box-sizing:		border-box;
	box-sizing:			border-box;
	padding: 0.4em;
	font-size: 12px;
	line-height: 17px;
	min-height: 34px;
	margin-top: -1px;
}

/* Theming */

.monaco-inputbox2.idle {
	border: 1px solid transparent;
}

.monaco-inputbox2.info {
	border: 1px solid #009CCC;
}

.monaco-inputbox-container2 .monaco-inputbox-message.info {
	background: #D6ECF2;
	border: 1px solid #009CCC;
}

.monaco-inputbox2.warning {
	border: 1px solid #F2CB1D;
}

.monaco-inputbox-container2 .monaco-inputbox-message.warning {
	background: #F6F5D2;
	border: 1px solid #F2CB1D;
}

.monaco-inputbox2.error {
	border: 1px solid #E51400;
}

.monaco-inputbox-container2 .monaco-inputbox-message.error {
	background: #f2dede;
	border: 1px solid #E51400;
}

/* VS Dark */

.vs-dark .monaco-inputbox2.info {
	border-color: #55AAFF;
}

.vs-dark .monaco-inputbox-container2 .monaco-inputbox-message.info {
	background-color: #063B49;
	border-color: #55AAFF;
}

.vs-dark .monaco-inputbox2.warning {
	border-color: #B89500;
}

.vs-dark .monaco-inputbox-container2 .monaco-inputbox-message.warning {
	background-color: #352A05;
	border-color: #B89500;
}

.vs-dark .monaco-inputbox2.error {
	border-color: #BE1100;
}

.vs-dark .monaco-inputbox-container2 .monaco-inputbox-message.error {
	background-color: #5A1D1D;
	border-color: #BE1100;
}

/* High Contrast Theming */
.hc-black .monaco-inputbox2.idle {
	border: 1px solid #6FC3DF;
}

.hc-black .monaco-inputbox-container2 .monaco-inputbox-message.info {
	background-color: #000;
	border-color: #6FC3DF;
}

.hc-black .monaco-inputbox2.warning {
	border-color: #B89500;
}

.hc-black .monaco-inputbox-container2 .monaco-inputbox-message.warning {
	background-color: #000;
	border-color: #B89500;
}

.hc-black .monaco-inputbox2.error {
	border-color: #BE1100;
}

.hc-black .monaco-inputbox-container2 .monaco-inputbox-message.error {
	background-color: #000;
	border-color: #BE1100;
}