/**
 * @license GNU GPL v2+
 * @author Daniel Werner < daniel.a.r.werner@gmail.com >
 */

.valueview-disabled input,
.valueview-disabled textarea {
	background-color: #F0F0F0 !important;
	color: gray;
}

.valueview .valueview-value {
	position: relative;
}

.valueview .valueview-input {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 0;
	padding: 0 2px;
	resize: none;
}

.valueview-instaticmode .valueview-input {
	outline: none; /* get rid of Chromes outline on focus */
}

.valueview-ineditmode .valueview-input {
	border-color: var( --border-color-interactive, grey );
	background-color: var( --background-color-base, white );
}

.valueview-ineditmode .valueview-input:focus {
	border-width: 2px;
	border-style: solid;
	border-color: var( --border-color-progressive--focus, #36c );
	border-radius: 3px;
	outline: none;
}

.valueview-ineditmode.linkedsingleinputvalueview a,
.valueview-ineditmode.linkedsingleinputvalueview a {
	/* make sure input box which still is inside a doesn't display text as links */
	color: inherit;
}