/* ================================== */
/* CSS for control sap.m/SearchField  */
/* Evening Horizon theme              */
/* ================================== */

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

@_sap_m_SearchField_Height: 2.75rem;
@_sap_m_SearchField_ButtonSize: 2.25rem;
@_sap_m_SearchField_ButtonFontSize: 1rem;
@_sap_m_SearchField_CompactButtonLineHeight: 1.625rem;
@_sap_m_SearchField_Compact_FormPaddingLeft: 0.5rem;
@_sap_m_SearchField_ResetIcon: "\e03e";
@_sap_m_SearchField_Border: none;
@_sap_m_SearchField_FocusOffset: 0;
@_sap_m_SearchField_FocusBorderRadius: inherit;
@_sap_m_SearchField_PlaceholderFontStyle: italic;
@_sap_m_SearchField_ActiveBackgroundStyle: @sapUiFieldBackgroundStyle;

.sapMSFF {
	border-radius: @sapUiFieldBorderCornerRadius;
}

.sapMSFDisabled {
	opacity: @sapUiContentDisabledOpacity;
}

.sapMSFB {
	border-radius: @sapUiFieldBorderCornerRadius;
	color: @sapUiFieldTextColor;
	&:first-of-type {
		margin-left: 0.25rem;
	}

	&:focus {
		outline: none;
	}

	&:hover {
		box-shadow: @sapUiFieldHoverShadow;
		background: @sapUiFieldBackgroundStyle;
		background-color: @sapUiFieldHoverBackground;
	}

	&:active,
	&.sapMSFBA // Firefox specific
	{
		box-shadow: @sapUiFieldHoverShadow;
		color: @sapUiButtonSelectedTextColor;
		background-color: @sapUiFieldHoverBackground;
	}
}

.sapMSF:not(.sapMSFDisabled):hover .sapMSFF {
	background-color: @sapUiFieldHoverBackground;
}

.sapMSF.sapMFocus {
	.sapMSFF {
		background-color: @sapUiFieldFocusBackground;
	}

	&:hover .sapMSFF {
		box-shadow: none;
	}

	.sapMSFB:hover {
		color: @sapUiButtonSelectedTextColor;
	}
}