/* ===================================== */
/* CSS for control sap.ushell/SearchCEP  */
/* Horizon High Contrast White theme     */
/* ===================================== */

/* Placeholder SearchField in CEP */
#PlaceHolderSearchField > .sapMSFF {
	border-radius: initial;
	background-color: var(--sapShellColor);
	border: 0.0625rem solid var(--sapShell_InteractiveBorderColor);
	color: var(--sapShell_InteractiveTextColor);

	&:focus {
		background-color: var(--sapShell_Active_Background);
		border: 0.0625rem solid var(--sapShell_InteractiveBorderColor);
	}

	&:hover {
		background-color: var(--sapShellColor);
		border: 0.0625rem solid var(--sapShell_InteractiveBorderColor);
		box-shadow: none;
	}
}

.sapUshellCEPSearchFieldMargin {
	margin-top: 0.1rem !important;
}

/* Placeholder SearchField - placholder text */
#PlaceHolderSearchField-I::placeholder {
	font-weight: normal;
	color: var(--sapField_PlaceholderTextColor);
}

/* SearchField in popover - CEP */
#CEPSearchField > .sapMSFF {
	border-radius: initial;
	height: 1.8rem !important;
	background-color: var(--sapShellColor);
	border: 0.0625rem solid var(--sapShell_InteractiveBorderColor);
	color: var(--sapShell_InteractiveTextColor);

	&:focus {
		background-color: var(--sapShell_Active_Background);
		border: 0.0625rem solid var(--sapShell_InteractiveBorderColor);
	}

	&:hover {
		background-color: var(--sapShellColor);
		border: 0.0625rem solid var(--sapShell_InteractiveBorderColor);
		box-shadow: none;
	}
}

/* SearchField in popover - placholder text */
#CEPSearchField-I::placeholder {
	color: var(--sapField_PlaceholderTextColor);
	font-weight: normal;
}

/** Clear Search Button **/
#PlaceHolderSearchField-search {
	border-radius: initial;
	line-height: 2;

	&:hover {
		box-shadow: none;
		border: 0.0625rem solid var(--sapShell_InteractiveBorderColor);
	}

	&:active {
		background-color: var(--sapShell_Active_Background);
		border: 0.0625rem solid var(--sapShell_InteractiveBorderColor);
	}
}

#PlaceHolderSearchField-reset {
	border-radius: initial;
	line-height: 2;

	&:hover {
		border: 0.0625rem solid var(--sapShell_InteractiveBorderColor);
		box-shadow: none;
	}

	&:active {
		border: 0.0625rem solid var(--sapShell_InteractiveBorderColor);
	}
}

#CEPSearchField-search {
	border-radius: initial;

	&:hover {
		box-shadow: none;
		border: 0.0625rem solid var(--sapShell_InteractiveBorderColor);
	}

	&:active {
		background-color: var(--sapShell_Active_Background);
		border: 0.0625rem solid var(--sapShell_InteractiveBorderColor);
	}
}

#CEPSearchField-reset {
	border-radius: initial;

	&:hover {
		border: 0.0625rem solid var(--sapShell_InteractiveBorderColor);
		box-shadow: none;
	}

	&:active {
		border: 0.0625rem solid var(--sapShell_InteractiveBorderColor);
	}
}

#CEPSearchField.sapMSFVal > .sapMSFF .sapMSFS {
	color: var(--sapShell_InteractiveTextColor);
	border: 0.0625rem solid var(--sapShell_InteractiveBorderColor);
}

#SearchFieldList > .sapMListShowSeparatorsNone .sapMLIBShowSeparator {
	box-shadow: inset 0 -0.0625rem transparent;
}

#SearchFieldList .searchCEPList > .sapMListShowSeparatorsNone .sapMLIBShowSeparator {
	box-shadow: inset 0 -0.0625rem var(--sapContent_FocusColor);

	&:hover {
		box-shadow: inset 0 -0.0625rem transparent;
	}
}

.sapUshellCEPSearchFieldMargin {
	margin-top: 0.1rem !important;
}

.searchCEPList span[id$='-triggerText'] {
	text-decoration: underline !important;

	&:hover {
		text-decoration: none !important;
	}
}

.sapUshellCEPListDivider::after {
	content: none !important;
}

.searchCEPlistItemIcon {
	color: #000 !important;
	border: none !important;
}