/* ================================== */
/* CSS for control sap.m/Select       */
/* Horizon High Contrast White theme  */
/* ================================== */

/* ------------------------------ */
/* field                          */
/* ------------------------------ */

.sapMSlt.sapMSltIconOnly {
	border-radius: 0.365rem;
}

/* arrow styles */

.sapMSlt > .sapMSltArrow {
	line-height: 2.25rem;
}

.sapUiSizeCompact .sapMSlt > .sapMSltArrow {
	line-height: 1.625rem;
}

.sapMSltArrow {
    width: 2.25rem;
    height: 2.25rem;
}

.sapUiSizeCompact .sapMSltArrow {
    width: 2rem;
    height: 1.625rem;
}


/* hover and focus */

.sapMSlt.sapMSltIconOnly.sapMSltHoverable:hover:not(.sapMSltState) {
	border-width: 0.125rem;
}

.sapMSlt.sapMSltDefault.sapMSltFocused:not(.sapMSltIconOnly):not(.sapMSltPressed) {
	outline: 0.125rem dotted @sapUiContentFocusColor;
	outline-offset: -0.25rem;
}

html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltInformation),
.sapMSltHoverable:not(.sapMSltIconOnly):not(.sapMSltInformation):hover {
	border-color: @sapUiFieldHoverBorderColor;
}

/* FIX: In FF bottom outline-offset is not working as expected when Select is in sap.m.Bar and is left-aligned */

html[data-sap-ui-browser^="ff"] .sapMBar .sapMSlt.sapMSltFocused {
	line-height: 0;
}

/* icon only hover and focus */

.sapMSlt.sapMSltIconOnly.sapMSltHoverable:hover {
	background: @sapUiButtonLiteHoverBackground;

	&.sapMSltFocused:not(.sapMSltPressed) {
		border-color: transparent;
	}
}

/* pressed and hover */
.sapMSltIconOnly.sapMSltPressed.sapMSltHoverable:hover {
	background: @sapUiToggleButtonPressedHoverBackground;
}

.sapMSlt:not(.sapMSltInformation):not(.sapMSltReadonly):not(.sapMSltDisabled) {
	border-width: 0.125rem;
}

/* value state */

.sapMSltWarning,
.sapMSltError,
.sapMSltInformation {
	border-style: dashed;
}

.sapMSlt.sapMSltWarning > .sapMSltLabel,
.sapMSlt.sapMSltError > .sapMSltLabel {
	font-style: italic;
	font-weight: bold;
}

.sapMSltInformation {
	border-color: @sapUiFieldWarningColor;
}

/* disabled */

.sapMSltDisabled {
	opacity: 0.5;
}

/* ------------------------------ */
/* picker                         */
/* ------------------------------ */
@_sap_m_SltPicker_SubHeader_BoxShadow_Bottom: 0.125rem;
div.sapMSltPicker {
	border-radius: 0.125rem;

	.sapMBar {
		box-shadow: inset 0 -@_sap_m_SltPicker_SubHeader_BoxShadow_Bottom @sapUiPageHeaderBorderColor;
	}

	.sapMSltPickerValueState {
		padding-left: 1.5rem;
		box-shadow:inset 0 -0.125rem @sapUiPageHeaderBorderColor;
		line-height: 1rem;
		padding-right: 0.5rem;
		padding-left: 2rem;

		&::before {
			font-family: "SAP-icons";
			vertical-align: middle;
			font-size: 1rem;
			position: absolute;
			left: 0.5rem;
			top: 0.625rem;
		}

		&.sapMSltPickerErrorState::before {
			content: '\e0b1';
		}

		&.sapMSltPickerWarningState::before {
			content: '\e201';
		}

		&.sapMSltPickerSuccessState::before {
			content: '\e203';
		}

		&.sapMSltPickerInformationState::before {
			content: '\e202';
		}
	}
}

.sapMSlt > .sapMSltArrow {
	border-left: 0.0625rem solid @sapUiListSelectionBorderColor;
}

/* pressed */

.sapMSltPressed > .sapMSltArrow:hover {
	background: @sapUiButtonLiteHoverBackground;
}

/* ====================================================== */
/* Select inside a Bar: all contexts                      */
/* ====================================================== */

/* focus: Select IconOnly in all contexts get dotted outline */

html.sap-desktop .sapMSltIconOnly.sapMSltFocused:not(.sapMSltExpanded) {
	outline: 0.125rem dotted @sapUiContentFocusColor;
	outline-offset: -0.125rem;
	border-color: transparent;
}

/* hover: Select IconOnly in all contexts */

html.sap-desktop .sapMHeader-CTX .sapMSltIconOnly:hover:not(.sapMSltPressed):not(.sapMTSSlt),
html.sap-desktop .sapMSubHeader-CTX .sapMSltIconOnly:hover:not(.sapMSltPressed):not(.sapMTSSlt),
html.sap-desktop .sapMFooter-CTX .sapMSltIconOnly:hover:not(.sapMSltPressed):not(.sapMTSSlt),
html.sap-desktop .sapMSltIconOnly:hover:not(.sapMSltPressed):not(.sapMTSSlt) {
	color: @sapUiContentIconColor;
	background-color: @sapUiButtonLiteHoverBackground;
}

.sapMSltHoverable:not(.sapMSltError):not(.sapMSltPressed):hover > .sapMSltArrow,
.sapMSltPressed.sapMSltError > .sapMSltArrow {
	background-color: @sapUiButtonLiteHoverBackground;
}

.sapMSltPressed:not(.sapMSltError) > .sapMSltArrow {
	background: @sapUiListSelectionBackgroundColor;
}