/* ================================ */
/* CSS for control sap.m/InputBase  */
/* Quartz High Contrast Black theme */
/* ================================ */

/* ========================================================================== */
/* Variables overriding */
/* ========================================================================== */

@_sap_m_InputBase_InnerMinWidth: 2.75rem;
@_sap_m_InputBase_InnerPadding: 0 0.625rem;
@_sap_m_InputBase_DisabledOpacity: var(--sapContent_DisabledOpacity);
@_sap_m_InputBase_IconLineHeight: 2.125rem;
@_sap_m_InputBase_IconWidth: 2.125rem;
@_sap_m_InputBase_IconMinWidth: 2.125rem;
@_sap_m_InputBase_FocusOffset_Busy: 3px;

.sapMInputBaseContentWrapper {

	&.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess):not(.sapMInputBaseContentWrapperInformation) {

		/* calculated line-height excluding the top and bottom borders */
		.sapMInputBaseIcon {
			line-height: 2rem;
		}

		.sapMTokenizer .sapMToken {
			margin-top: 0.1875rem;
		}
	}
}

.sapMInputBaseReadonly:not(.sapMInputBaseDisabled) .sapMInputBaseContentWrapper {
	border: var(--sapElement_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);
}

.sapMInputBase:not(.sapMInputBaseDisabled):not(.sapMInputBaseIconPressed) .sapMInputBaseIconContainer .sapMInputBaseIcon {
	box-sizing: border-box;
	color: var(--sapContent_IconColor);

	&:hover {
		background: var(--sapButton_Lite_Hover_Background);
		border-left: 1px solid var(--sapList_SelectionBorderColor);
	}

	&:active {
		background-color: var(--sapButton_Lite_Active_Background);
		color: var(--sapButton_Active_TextColor);
		border-left: 1px solid var(--sapList_SelectionBorderColor);
	}
}

.sapMInputBaseIconPressed .sapMInputBaseIcon {
	background: var(--sapButton_Selected_Background);
	border-left: 1px solid var(--sapList_SelectionBorderColor);
}

.sapMInputBaseDisabledWrapper .sapMInputBaseIcon {
	color: var(--sapContent_IconColor);

	&:hover {
		background: transparent;
	}
}

.sapMInputBaseContentWrapperWarning,
.sapMInputBaseContentWrapperError {

	.sapMInputBaseInner {
		font-style: italic;
		font-weight: bold;
	}
}

.sapMInputBaseInner::-webkit-input-placeholder {
	font-style: normal;
}

.sapMInputBaseInner::-moz-placeholder {
	font-style: normal;
}

.sapMInputBaseContentWrapperError .sapMInputBaseInner::-webkit-input-placeholder {
	color: var(--sapField_TextColor);
}

.sapMInputBaseContentWrapperError .sapMInputBaseInner::-moz-placeholder {
	color: var(--sapField_TextColor);
}

.sapUiSizeCompact .sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) .sapMInputBaseIcon {
	line-height: 1.375rem;
}

/* List specific styles */
.sapMILI-CTX .sapMInputBaseContentWrapper,
.sapMILI-CTX .sapMInputBaseInner,
.sapMILI-CTX .sapMInputBaseDisabled .sapMInputBaseInner,
.sapMILI-CTX .sapMInputBaseReadonlyWrapper .sapMInputBaseInner {
	text-align: right;
	background: transparent;
}

.sapMLIBActive {

	.sapMInputBaseInner,
	.sapMInputBaseContentWrapper {
		color: var(--sapList_Active_TextColor);
		background: transparent;
	}

	.sapMInputDescriptionText {
		color: var(--sapList_Active_TextColor);
	}
}

.sapMLIBActive .sapMInputBaseInner::-webkit-input-placeholder {
	color: var(--sapList_Active_TextColor);
}