/* NOTE: This file was generated as an optimized version of "library.source.less" for the Theme Designer. */

/*!
 * OpenUI5
 * (c) Copyright 2009-2019 SAP SE or an SAP affiliate company.
 * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
 */

@import "../base/library.less";
@import "../../../../../Base/baseLib/sap_belize_hcw/base.less"; /* ORIGINAL IMPORT PATH: "../../../../sap/ui/core/themes/sap_belize_hcw/base.less" */

@import "../../../../sap/ui/core/themes/sap_belize_hcw/global.less";
/* START "shared.less" */
/* ============================================ */
/* Shared CSS Belize High Contrast White theme  */
/* ============================================ */
/* END "shared.less" */


/* START "ActionListItem.less" */
/* ===================================== */
/* CSS for control sap.m/ActionListItem  */
/* Belize High Contrast White theme      */
/* ===================================== */

/* ------------------------------ */
/* ActionListItem container       */
/* ------------------------------ */

.sapMLIB.sapMALI {
	border-bottom: 0; /* overrides LIB style */
	padding: 0 0.25rem; /* overrides LIB style */
}

.sapMList .sapMLIB.sapMALI:focus {
	outline: none; /* overrides LIB style */
}

/* ------------------------------ */
/* ActionListItem content         */
/* ------------------------------ */

.sapMALI > .sapMLIBContent {
	height: 2.5rem;
	border: 0.0625rem solid @sapUiButtonActionSelectBorderColor;
	border-radius: 0.375rem;
	box-sizing: border-box;
	-webkit-box-align: center;
	align-items: center;
}

/* active */
.sapMLIBActive.sapMLIB.sapMALI {
	background: transparent;
}

.sapMLIBActive.sapMLIB.sapMALI > .sapMLIBContent {
	background: @sapUiButtonActiveBackground;
}

/* focus */
.sapMList .sapMLIB.sapMALI:focus > .sapMLIBContent {
	outline: 0.125rem dotted @sapUiContentFocusColor;
	outline-offset: -0.125rem;
	border: none;
}
/* focus in IE (outline-offset is ignored in IE) */
html[data-sap-ui-browser^="ie"] .sapMList .sapMLIB.sapMALI:focus > .sapMLIBContent {
	outline: none;
	border-width: 0.125rem;
	border-style: dotted;
	border-radius: 0;
}

/* content has the focus outline not the item */
.sapMLIBLegacyOutline.sapMALI:focus::before {
	border: none;
}

/* ------------------------------ */
/* Compact size                   */
/* ------------------------------ */

.sapUiSizeCompact .sapMALI > .sapMLIBContent {
	height: 1.625rem;
}
/* END "ActionListItem.less" */

/* START "ActionSelect.less" */
/* =================================== */
/* CSS for control sap.m/ActionSelect  */
/* Belize High Contrast White theme    */
/* =================================== */

/* ----------------------------- */
/* button                        */
/* ----------------------------- */

.sapMActionSelectPicker .sapMBtn {
	height: 3rem;
    padding: 0.25rem;
}

html.sap-desktop .sapMActionSelectPicker .sapMBtnDefault:focus {
	outline-color: @sapUiContentFocusColor;
}

/* ==================================================================================== */
/* CSS for control sap.m/ActionSelect High Contrast Black theme compact/condensed sizes */
/* ==================================================================================== */

/* ----------------------------- */
/* button                        */
/* ----------------------------- */

.sapUiSizeCompact.sapMActionSelectPicker .sapMBtn,
.sapUiTableDataCell .sapUiSizeCondensed.sapMActionSelectPicker .sapMBtn {
	height: 2rem;
}

.sapUiSizeCompact.sapMActionSelectPicker .sapMBtnInner {
 	height: 1.625rem;
}

.sapUiSizeCompact.sapMActionSelectPicker .sapMBtnContent {
	line-height: 1.625rem;
}

.sapUiSizeCompact.sapMActionSelectPicker .sapMBtn {
	padding: 0.187rem 0.25rem;
}
/* END "ActionSelect.less" */

/* START "Avatar.less" */
/* ============================= */
/* CSS for control sap.m/Avatar  */
/* High Contrast White theme     */
/* ============================= */

.sapFAvatarBorder > .sapFAvatarImageHolder {
	box-shadow: 0 0 0 0.0625rem @sapUiContentShadowColor inset;
}

.sapFAvatarImageContain,
.sapFAvatarIcon,
.sapFAvatarInitials {
	border: 0.125rem solid @sapUiFieldBorderColor;
	box-sizing: border-box;
}

.sapFAvatarIcon,
.sapFAvatarInitialsHolder {
	color: @sapUiContentForegroundColor;
}

.sapFAvatarColorPlaceholder {
	&.sapFAvatarIcon,
	&>.sapFAvatarInitialsHolder {
		color: @sapUiContentIconColor;
	}
}

.sapFAvatarFocusable:focus {
	outline-width: 0.125rem;
}
/* END "Avatar.less" */

/* START "BrowserScrollbar.less" */
/* ======================================= */
/* CSS for control sap.m/BrowserScrollbar  */
/* Belize High Contrast White theme        */
/* ======================================= */

html.sap-desktop ::-webkit-scrollbar {
	border: 1px solid @sapUiScrollBarBorderColor;
}

html.sap-desktop ::-webkit-scrollbar-thumb:horizontal {
	border-left: none;
	border-top: 1px solid @sapUiScrollBarBorderColor;
	border-bottom: 1px solid @sapUiScrollBarBorderColor;
}

html.sap-desktop ::-webkit-scrollbar-thumb:vertical {
	border-left: 1px solid @sapUiScrollBarBorderColor;
	border-right: 1px solid @sapUiScrollBarBorderColor;
}

::-webkit-scrollbar-button:vertical {
	background-color: @sapUiScrollBarFaceColor;
	height: 1px;
}

::-webkit-scrollbar-button:horizontal {
	background-color: @sapUiScrollBarFaceColor;
	width: 1px;
}

::-webkit-scrollbar-corner {
	background-color: @sapUiHcStandardBackground;
	border-right: 1px solid @sapUiScrollBarBorderColor;
	border-bottom: 1px solid @sapUiScrollBarBorderColor;
}
/* END "BrowserScrollbar.less" */

/* START "Breadcrumbs.less" */
/* ================================== */
/* CSS for control sap.m/Breadcrumbs  */
/* Belize High Contrast White theme   */
/* ================================== */

.sapMBreadcrumbs {

	.sapMSltIconOnly.sapMSltHoverable:hover, .sapMSltPressed.sapMSltIconOnly:not(.sapMSltDisabled),
	.sapMSltPressed:not(.sapMSltDisabled), .sapMSltIconOnly.sapMSltPressed.sapMSltHoverable:hover,
	.sapMSlt, .sapMSlt.sapMSltIconOnly.sapMSltHoverable:hover {
		background: transparent;
		border: none;
	}

	.sapMBreadcrumbsCurrentLocation:focus {
		outline: 0.125rem dotted @sapUiHcStandardForeground;
		outline-offset: -0.125rem;
	}
}
/* END "Breadcrumbs.less" */

/* START "Button.less" */
/* ================================= */
/* CSS for control sap.m/Button      */
/* Belize High Contrast White theme  */
/* ================================= */

.sapMBtn {
	background-color: transparent;
}

.sapMBtnInner {
	border-radius: 0.375rem;
}

.sapUiSizeCompact .sapMBar-CTX .sapMBtnDefault.sapMBtnInner:not(.sapMBtnDisabled),
.sapUiSizeCompact .sapMBar-CTX .sapMBtnInner:not(.sapMBtnDisabled) {
	border-color: @sapUiButtonBorderColor;
}

span.sapMBtnInner.sapMBtnEmphasized {
	border-width: 0.125rem;
	font-weight: @sapUiButtonEmphasizedFontWeight;
}

span.sapMBtnInner.sapMBtnEmphasized > .sapMBtnContent
{
	line-height: 2.250rem;
}

.sapUiSizeCompact span.sapMBtnInner.sapMBtnEmphasized > .sapMBtnContent
{
	line-height: 1.375rem;
}

.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnCritical,
.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnNegative,
.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnSuccess,
.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnNeutral{
	background: @sapUiButtonHoverBackground;
	border: 1px solid @sapUiButtonHoverBorderColor;
}

.sapMBtn:not(.sapMBtnDisabled) .sapMBtnCritical:not(.sapMToggleBtnPressed),
.sapMBtn:not(.sapMBtnDisabled) .sapMBtnNegative:not(.sapMToggleBtnPressed),
.sapMBtn:not(.sapMBtnDisabled) .sapMBtnSuccess:not(.sapMToggleBtnPressed),
.sapMBtn:not(.sapMBtnDisabled) .sapMBtnNeutral:not(.sapMToggleBtnPressed){
	background: @sapUiButtonBackground;
	border-color: @sapUiButtonBorderColor;
	border-width: @sapUiButtonBorderWidth;
}

.sapMBtn:not(.sapMBtnDisabled) .sapMBtnCritical.sapMBtnActive,
.sapMBtn:not(.sapMBtnDisabled) .sapMBtnNegative.sapMBtnActive,
.sapMBtn:not(.sapMBtnDisabled) .sapMBtnSuccess.sapMBtnActive,
.sapMBtn:not(.sapMBtnDisabled) .sapMBtnNeutral.sapMBtnActive{
	background: @sapUiButtonActiveBackground;
	border-color: @sapUiButtonActiveBorderColor;
	border-width: @sapUiButtonBorderWidth;
}

.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnCritical.sapMBtnActive,
.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnNegative.sapMBtnActive,
.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnSuccess.sapMBtnActive,
.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnNeutral.sapMBtnActive{
	background: @sapUiButtonHoverBackground;
	border: 1px solid @sapUiButtonHoverBorderColor;
}

.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnCritical,
.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnNegative,
.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnSuccess,
.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnNeutral,
.sapMBtn:not(.sapMBtnDisabled) .sapMBtnCritical,
.sapMBtn:not(.sapMBtnDisabled) .sapMBtnNegative,
.sapMBtn:not(.sapMBtnDisabled) .sapMBtnSuccess,
.sapMBtn:not(.sapMBtnDisabled) .sapMBtnNeutral{
	.sapMBtnContent{
		color: @sapUiButtonTextColor;
	}
}


/* --------------------------------------------------------------------- */
/* Custom focus outline:                                                 */
/* --------------------------------------------------------------------- */

html.sap-desktop .sapMBtn:focus > .sapMFocusable {
	outline: 0.125rem dotted @sapUiContentFocusColor;
	outline-offset: -0.125rem;
	border-color: transparent;
	border-radius: 0;
}

html.sap-desktop .sapMBtn:focus > .sapMFocusable:not(.sapMBtnActive) {
	border-radius: 0;
}

/* ---------------------------------------------------------------------*/
/* Custom focus outline for IE and Edge:                                */
/* ---------------------------------------------------------------------*/
.sapMBtn:focus > .sapMBtnInner.sapMFocusable.sapMIE {
	outline: none;
	position: relative;
}

.sapMBtnFocusDiv {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 0;
}

/* dotted line appears blurry in IE and EDGE browsers. In these cases use dashed */
.sapMBtn:focus .sapMBtnFocusDiv {
	border: 0.125rem dashed @sapUiContentFocusColor;
}

/* ---------------------------------------------------------------------*/
/* Disabled state                                                       */
/* ---------------------------------------------------------------------*/

.sapMBtnDisabled {
	cursor: default;
}

.sapMBtnDisabled .sapMBtnInner,
.sapUiSizeCompact .sapMBar-CTX .sapMBtnDisabled > .sapMBtnInner {
	border-color: @sapUiHcReducedForeground;
	color: @sapUiContentDisabledTextColor;
}

.sapMBtnDisabled > span.sapMBtnInner.sapMBtnAccept,
.sapMBtnDisabled > span.sapMBtnInner.sapMBtnReject,
.sapMBtnDisabled > span.sapMBtnInner.sapMBtnEmphasized {
	border-color: @sapUiHcReducedForeground;
	color: @sapUiContentDisabledTextColor;
}

.sapMBtnDisabled .sapMBtnInner .sapMBtnIcon {
	border-color: @sapUiHcReducedForeground;
	color: @sapUiContentDisabledTextColor;
}

.sapMBtnDisabled .sapMBtnActive {
	background-color: @sapUiButtonBackground;
}

.sapMBtnDisabled .sapMBtnCritical,
.sapMBtnDisabled .sapMBtnNegative,
.sapMBtnDisabled .sapMBtnSuccess,
.sapMBtnDisabled .sapMBtnNeutral{
	background-color: @sapUiButtonBackground;
	border-color: @sapUiHcReducedForeground;
}
.sapMBtnDisabled .sapMBtnCritical,
.sapMBtnDisabled .sapMBtnNegative,
.sapMBtnDisabled .sapMBtnSuccess,
.sapMBtnDisabled .sapMBtnNeutral{
	.sapMBtnContent{
		color: @sapUiContentDisabledTextColor;
	}
}
/* END "Button.less" */

/* START "Carousel.less" */
/* ================================= */
/* CSS for control sap.m/Carousel    */
/* Belize High Contrast White theme  */
/* ================================= */

/* Carousel controls: Bulleted */
.sapMCrslBulleted > span {
	border: 1px solid @sapUiContentForegroundBorderColor;
}

.sapMCrslBulleted > span.sapMCrslActive {
	border: none;
}

/* Carousel controls: HUD */
.sapMCrsl {
    border: 0.125rem solid transparent;
}

.sapMCrsl:focus {
    outline: none;
    border: 0.125rem dotted @sapUiContentFocusColor;
}

.sapMCrsl .sapMCrslHud,
.sapMCrsl .sapMCrslHud {
	border: 3px solid @sapUiButtonBorderColor;
}

.sapMCrsl .sapMCrslHud a:hover,
.sapMCrsl .sapMCrslHud a:focus {
	background-color: @sapUiButtonActiveBackground;
}

/* extra bits */

/* HCB Additional Styles */
.sapMCrslHud .sapMCrslPrev,
.sapMCrslHud .sapMCrslNext {
	border: 2px solid @sapUiButtonBorderColor;
}

.sapMCrslControls .sapMCrslPrev,
.sapMCrslControls .sapMCrslNext {
	border: 2px solid @sapUiButtonBorderColor;
}

.sapMCrslPrev:focus,
.sapMCrslNext:focus,
.sapMCrslPrev .sapUiIcon:focus,
.sapMCrslNext .sapUiIcon:focus {
	outline: none;
}

html.sap-desktop .sapMCrslHud .sapMCrslPrev:focus,
html.sap-desktop .sapMCrslHud .sapMCrslNext:focus {
	&::before {
		content: "";
		position: absolute;
		top: -0.25rem;
		right: -0.25rem;
		bottom: -0.25rem;
		left: -0.25rem;
		pointer-events: none;
		border: 2px solid @sapUiContentContrastFocusColor;
	}

	&::after {
		content: "";
		position: absolute;
		top: -0.25rem;
		right: -0.25rem;
		bottom: -0.25rem;
		left: -0.25rem;
		pointer-events: none;
		border: 2px dotted @sapUiBaseBG;
	}
}
/* END "Carousel.less" */

/* START "ColorPalette.less" */
/* ================================== */
/* CSS for control sap.m/ColorPalette */
/* Belize High Contrast White theme   */
/* ================================== */

html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare {
	&:hover {
		> div {
			border: 1px solid @sapUiContentForegroundBorderColor; //1px for the div + 1 already defined for the square
		}
	}
	&:focus {
		border: none;
	}
	&:focus:before {
		content: "";
		box-sizing: border-box;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		border: 2px solid @sapUiButtonLiteBackground;
		pointer-events: none;
	}
	&:focus:after {
		content: "";
		position: absolute;
		box-sizing: border-box;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		border: 2px dotted @sapUiContentFocusColor;
		pointer-events: none;
	}
}

.sap-desktop .sapMColorPalette .sapMBtn:focus:after {
	border-width: 2px;
	top: 1px;
	left: 1px;
	bottom: 1px;
	right: 1px;
}

.sapMColorPalette .sapMColorPaletteSeparator {
	height: 0.125rem;
	html[data-sap-ui-browser^="ie"] &,
	html[data-sap-ui-browser^="ed"] & {
		height: 2px; //needed since IE & Edge would round the 0.125rem to 0.12
	}
	> hr {
		border-top-width: 0.125rem;
		html[data-sap-ui-browser^="ie"] &,
		html[data-sap-ui-browser^="ed"] & {
			border-top-width: 2px; //needed since IE & Edge would round the 0.125rem to 0.12
		}
	}
}
/* END "ColorPalette.less" */

/* START "CheckBox.less" */
/* ================================= */
/* CSS for control sap.m/CheckBox    */
/* Belize High Contrast White theme  */
/* ================================= */

.sapMCb.sapMCbWarn .sapMCbBg {
	background-color: @sapUiFieldWarningBackground;
	border: 0.125rem dashed @sapUiFieldWarningColor;
}

.sapMCb.sapMCbErr .sapMCbBg {
	background-color: @sapUiFieldInvalidBackground;
	border: 0.125rem dashed @sapUiFieldInvalidColor;
}

.sapMCb.sapMCbInfo .sapMCbBg {
	background-color: @sapUiFieldBackground;
	border: 0.125rem dashed @sapUiFieldWarningColor;
}

.sapMCb.sapMCbBgDis.sapMCbWarn .sapMCbBg.sapMCbMarkChecked:before {
	color: @sapUiFieldWarningColor;
}

.sapMCb.sapMCbBgDis.sapMCbInfo .sapMCbBg.sapMCbMarkChecked:before {
	color: @sapUiFieldWarningColor;
}

.sapMCb.sapMCbBgDis.sapMCbErr .sapMCbBg {
	border-color: @sapUiHcReducedForeground;
	&.sapMCbMarkChecked:before {
		color: @sapUiFieldInvalidColor;
	}
}

.sapUiForm .sapMCbBg { /* In forms, align left with '0.125rem' ( the focus width) */
	left: 0.125rem;
}

.sapMCbBg.sapMCbMarkChecked:before {
	color: @sapUiContentIconColor;
}

.sapMCbBg > input {
	left: 0;
	-webkit-appearance: none;
	visibility: hidden;
}

html[data-sap-ui-browser^=ff] .sapMCbBg > input {
	/* in FF the input needs to be positioned exactly behind the visible checkbox for the focus outline */
	position: absolute;
}

/* CheckBox focus */
html.sap-desktop {
	.sapMCb:not(.sapMCbBgDis):not(.sapMCbHasLabel):focus > .sapMCbBg {
		outline-color: @sapUiContentFocusColor;
		outline-width: 0.125rem;
		outline-style: dotted;
	}

	.sapMCb:not(.sapMCbBgDis).sapMCbHasLabel:focus:before {
		content: "";
		display: block;
		position: absolute;
		top: 0.6875rem;
		bottom: 0.6875rem;
		left: 0.6875rem;
		right: -1px; /* Cb in HCB the outline should have offset 0 from the control */
		border: 0.125rem dotted @sapUiContentFocusColor;
	}

	.sapUiForm .sapMCb:not(.sapMCbBgDis):focus:before {
		left: 0px; /* Cb in SimpleForm: left border adjustment */
	}
}

/* TODO remove after 1.62 version */
html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapMCb:not(.sapMCbBgDis):not(.sapMCbHasLabel):focus > .sapMCbBg {
		outline-style: dashed;
	}
	.sapMCb:not(.sapMCbBgDis).sapMCbHasLabel:focus:before {
		border: 0.125rem dashed @sapUiContentFocusColor;
	}
}

.sapMCb:not(.sapMCbWarn):not(.sapMCbErr) .sapMCbBg.sapMCbHoverable:hover {
	background-color: @sapUiSelected;
}

/* disabled state */
.sapMCbBgDis > .sapMCbBg {
	border-color: @sapUiHcReducedForeground;
	background-color: @sapUiHcReducedBackground;
}

.sapMCbBgDis > .sapMCbBg.sapMCbMarkChecked:before {
	color: @sapUiHcReducedForeground;
}

.sapMCb:focus,
.sapMCbBgDis > .sapMCbBg:focus {
	outline: 0;
}

.sapMCbBgDis > .sapMCbLabel {
	color: @sapUiContentDisabledTextColor;
}

/* Compact size */
.sapUiSizeCompact {
	.sapUiForm .sapMCbBg { /* In forms, align left with '0.125rem' ( the focus width) */
		left: 0.125rem;
	}
}

html.sap-desktop {
	.sapUiSizeCompact {
		.sapMCb:not(.sapMCbBgDis).sapMCbHasLabel:focus:before {
			top:0.365rem;
			bottom: 0.365rem;
			left: 0.365rem;
		}

		.sapUiSimpleForm .sapMCb:not(.sapMCbBgDis):focus:before {
			left: 0;
		}
	}
}
/* END "CheckBox.less" */

/* START "CustomTile.less" */
/* ================================= */
/* CSS for control sap.m/CustomTile  */
/* Belize High Contrast White theme  */
/* ================================= */

.sapMCustomTile:focus {
	outline: 2px dotted @sapUiContentFocusColor;
}
/* END "CustomTile.less" */

/* START "DateRangeSelection.less" */
/* ========================================= */
/* CSS for control sap.m/DateRangeSelection  */
/* Belize High Contrast White theme          */
/* ========================================= */
/* END "DateRangeSelection.less" */

/* START "DateTimePicker.less" */
/* ===================================== */
/* CSS for control sap.m/DateTimePicker  */
/* Belize High Contrast White theme      */
/* ===================================== */

.sapMDateTimePopupCont > .sapUiCal {
	border: none;
}
/* END "DateTimePicker.less" */

/* START "Dialog.less" */
/* ================================= */
/* CSS for control sap.m/Dialog      */
/* Belize High Contrast White theme  */
/* ================================= */

.sapMMessageDialog.sapMPopup-CTX > header.sapMDialogTitle {
	background-color: @sapUiGroupContentBackground;
}

.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMTitle {
	color: @sapUiPageHeaderTextColor;
}

.sapMDialog > footer.sapMDialogActions {
	background-color: @sapUiPageFooterBackground;
	border-top: 0.125rem solid  @sapUiPageFooterBorderColor;
}

.sapMDialog > footer.sapMDialogActions {
	background-color: @sapUiPageFooterBackground;
}

.sapMDialogResizeHandler::before {
	color: @sapUiContentIconColor;
}

// buttons on phone must stretch
html.sap-phone .sapMDialog {
	& > footer .sapMFooter-CTX {
		.sapMBtn {
			-webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
			-webkit-flex: 1; /* Chrome */
			flex: 1;
			min-width: 31%;
		}
	}
}

/* END "Dialog.less" */

/* START "FeedContent.less" */
/* ================================== */
/* CSS for control sap.m/FeedContent  */
/* Belize High Contrast White theme   */
/* ================================== */

html.sap-desktop .sapMFC:focus {
  outline: 2px dotted @sapUiContentFocusColor;
}
/* END "FeedContent.less" */

/* START "FeedInput.less" */
/* ================================= */
/* CSS for control sap.m/FeedInput   */
/* Belize High Contrast White theme  */
/* ================================= */

.sapMFeedIn {
	background-color: @sapUiHcReducedBackground;
}

.sapMFeedInFigure {
	border-color: @sapUiHcReducedAltForeground;
}
/* END "FeedInput.less" */

/* START "FeedListItem.less" */
/* =================================== */
/* CSS for control sap.m/FeedListItem  */
/* Belize High Contrast White theme    */
/* =================================== */

.sapMFeedListItemImage, .sapMFeedListItemImageInactive,
.sapMLIBActive .sapMFeedListItem span.sapMFeedListItemImage,
.sapMLIBActive .sapMFeedListItem span.sapMFeedListItemImageInactive {
	color: @sapUiHcReducedAltForeground;
}

.sapMFeedListItemImage.sapMImgFocusable:focus {
    outline-width: 2px;
}

/* END "FeedListItem.less" */

/* START "GenericTag.less" */
html.sap-desktop .sapMGenericTag {
	&:before {
		border: 0.125rem solid @sapUiBaseBG;
	}
	&:after {
		border: 0.125rem dotted @sapUiContentContrastFocusColor;
	}
}
/* END "GenericTag.less" */

/* START "GenericTile.less" */
/* ================================== */
/* CSS for control sap.m/GenericTile  */
/* Belize High Contrast White theme   */
/* ================================== */

.sapMGT {
	border-radius: 0.125rem;
	box-shadow: none;
}

.sapMGT.sapMGTBackgroundImage .sapMGTContent {
	border-bottom-left-radius: 0.125rem;
	border-bottom-right-radius: 0.125rem;
}

.sapMGT.sapMGTScopeActions.sapMGTBackgroundImage .sapMGTContent:before {
	border-radius: 0.125rem;
}

.sapMGTOverlay {
	background-color: fade(@sapUiBlockLayerBackground, 70);
}
/************************ LINE MODE LIST VIEW ********************/

.sapMGT.sapMGTLineMode {
	border: 0.0625rem solid @sapUiTileBorderColor;
	.sapMGTHdrTxt {
		font-weight: bold;
	}
}

.sapMGTLineMode.sapMGTFailed, .sapMGTLineMode.sapMGTDisabled {
	border-color: @sapUiHcReducedForeground;
	.sapMGTHdrTxt, .sapMGTSubHdrTxt {
		color: @sapUiContentDisabledTextColor;
	}
}

/************************ LINE MODE FLOATING VIEW *****************/

.sapUiMedia-GenericTileDeviceSet-large {
	.sapMGT.sapMGTLineMode {
		font-size: @sapMFontMediumSize;
		border: none;

		.sapMGTHdrTxt {
			color: @sapUiTileTitleTextColor;
			font-weight: bold;
			font-size: @sapMFontMediumSize;
			font-family: @sapUiFontFamily;
		}

		.sapMGTLineModeFailedIcon {
			cursor: pointer;
			color: @sapUiTileTextColor;
			border-right: 0.25rem solid transparent;
		}

		.sapMGTLineStyleHelper {
			.sapMGTLineStyleHelperInner {
				box-shadow: @sapUiShadowLevel0;
				bottom: 1px;
			}

			&:first-child:not(:only-child) .sapMGTLineStyleHelperInner {
				margin-right: 0.125rem;
			}

			&:not(:first-child) .sapMGTLineStyleHelperInner {
				margin: 0 0.125rem;
			}
			&:last-child .sapMGTLineStyleHelperInner {
				margin-right: 0;
			}

			&:first-child .sapMGTLineStyleHelperInner {
				border-top-left-radius: 0.375rem;
				border-bottom-left-radius: 0.375rem;
			}

			&:last-child .sapMGTLineStyleHelperInner {
				border-top-right-radius: 0.375rem;
				border-bottom-right-radius: 0.375rem;
			}
		}

		&.sapMGTFailed, &.sapMGTDisabled {
			.sapMGTLineStyleHelperInner {
				box-shadow: 0 0 0 1px @sapUiHcReducedForeground;
			}
			.sapMGTHdrTxt, .sapMGTSubHdrTxt {
				color: @sapUiContentDisabledTextColor;
			}
		}
	}
}

.sap-desktop.sapUiMedia-GenericTileDeviceSet-large .sapMGT.sapMGTLineMode {
	&:hover {
		box-shadow: none !important;
	}

	&:not(.sapMGTDisabled):not(.sapMGTFailed):hover .sapMGTLineStyleHelperInner {
		box-shadow: 0 0 0 0.1875rem @sapUiContentShadowColor;
		margin-top: 1px;
		margin-bottom: 1px;
	}

	&:focus {
		border: 0.125rem dotted @sapUiContentFocusColor;
	}

	&:focus .sapMGTLineStyleHelperInner:before {
		content: "";
		position: absolute;
		top: 1px;
		left: 1px;
		bottom: 1px;
		right: 1px;
		box-sizing: border-box;
		border: 0.125rem dotted @sapUiContentFocusColor;
	}
}

.sapMGTHdrContent {
	color: @sapUiTileTextColor;
}

html.sap-desktop .sapMGT:focus .sapMGTFocusDiv,
html.sap-desktop .sapMGT:active .sapMGTFocusDiv {
	border: 0.125rem dotted @sapUiContentFocusColor;
}

.sapMGTOverlay {
	opacity: 1;
}

.sapMGTOverlay > .sapUiLocalBusyIndicator > .sapUiLocalBusyIndicatorAnimation {
	border: none;
	box-shadow: none;
}

html.sap-desktop .sapMGT:not(.sapMGTStateDisabled):hover,
html.sap-phone .sapMGTHvrOutln:not(.sapMGTStateDisabled):active,
html.sap-tablet .sapMGTHvrOutln:not(.sapMGTStateDisabled):active,
html.sap-phone .sapMGTBackgroundHvrOutln:not(.sapMGTStateDisabled):active,
html.sap-tablet .sapMGTBackgroundHvrOutln:not(.sapMGTStateDisabled):active {
	box-shadow: 0 0 0 0.125rem @sapUiContentShadowColor;
}

.sap-desktop .sapMGT.sapMGTLineMode:hover {
	&.sapMGTDisabled, &.sapMGTLineModePress {
		box-shadow: none;
	}
}

/* END "GenericTile.less" */

/* START "HeaderContainer.less" */
/* ====================================== */
/* CSS for control sap.m/HeaderContainer  */
/* Belize High Contrast White theme       */
/* ====================================== */

.sapMHdrCntrBtn.sapMBtn {
	background-color: transparent;
}

.sapMHdrCntrBtn .sapMBtnIcon {
	color: @sapUiContentIconColor;
	font-size: 22px;
}

.sapMHrdrCntrInner:focus:not ([tabindex]) {
	outline: none;
}

.sapMHrdrCntrDvdrs.Horizontal .sapMHrdrCntrInner::after {
	border-left: 1px solid @sapUiHcReducedAltForeground;
}

.sapMHrdrCntrDvdrs.Vertical .sapMHrdrCntrInner::after {
	border-top: 1px solid @sapUiHcReducedAltForeground;
}

.sapMHrdrCntrInner {
    border: 2px solid transparent;
}

html.sap-desktop .sapMHrdrCntrInner:focus {
    outline: none;
    border: 2px dotted @sapUiContentFocusColor;
}

/* END "HeaderContainer.less" */

/* START "IconTabBar.less" */
/* ================================= */
/* CSS for control sap.m/IconTabBar  */
/* Belize High Contrast White theme  */
/* ================================= */

/* Head Container */

.sapMITBHead {
	padding: 0.125rem 0.125rem 0 0.125rem;
}

.sapMITBScrollContainer {
	/* the same padding as on the sapMITBHead is needed
	to correct the scrolling calculations*/
	padding: 0.125rem 0.125rem 0 0.125rem;
}

/* Arrow */

.sapMITBSelected > .sapMITBContentArrow {
	border-bottom-color: @sapUiObjectHeaderBorderColor;
	border-bottom-width: 0.25rem;
}

/* Content Container */

.sapMITBContainerContent {
	border: 0.125rem solid @sapUiObjectHeaderBorderColor;
	border-top: 0.125rem solid @sapUiObjectHeaderBorderColor;
}

/* Tab Item */

.sapMITBVertical > .sapMITBTab {
	position: relative;
}

html.sap-phone .sapMITBTextOnly .sapMITBTab {
	padding-right: 0.25rem;
}

/* Tab Filter Item */

.sapMITBTextOnly .sapMITBFilterDefault.sapMITBSelected > .sapMITBText {
	color: @sapUiGroupTitleTextColor;
}

.sapMITBFilterIcon {
	background: @sapUiObjectHeaderBackground;
	border: 1px solid @sapUiObjectHeaderBorderColor;
}

.sapMITBFilterDefault {
	color: @sapUiGroupTitleTextColor;
}

.sapMITBSelected .sapMITBFilterIcon {
	background: @sapUiSelected;
	color: @sapUiContentIconColor;
}

/* Custom focus outline */
html.sap-desktop .sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBFilterIcon,
html.sap-desktop .sapMITBTextOnly .sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBText,
html.sap-desktop .sapMITBItem:not(.sapUiDnDDragging):focus.sapMITBAll {
	&::after {
		content: "";
		position: absolute;
		top: -1px;
		bottom: -1px;
		right: -1px;
		left: -1px;
		border:  0.125rem dotted @sapUiContentFocusColor;
		pointer-events: none;
	}
}

html.sap-desktop .sapMITBItem:not(.sapUiDnDDragging):focus.sapMITBAll {
	&::after {
		bottom: 1.75rem;
	}
}

html.sap-desktop .sapMITH.sapUiSizeCompact {
	.sapMITBItem:focus.sapMITBAll {
		&::after {
			bottom: 1.5rem;
		}
	}
	.sapMITBTextOnly .sapMITBItem:focus .sapMITBText{
		&::after {
			top: 0.25rem;
		}
	}
}

html[data-sap-ui-browser^="ie"].sap-desktop .sapMITBItem:focus .sapMITBFilterIcon,// TODO remove after 1.62 version
html[data-sap-ui-browser^="ed"].sap-desktop .sapMITBItem:focus .sapMITBFilterIcon,
html[data-sap-ui-browser^="ie"].sap-desktop .sapMITBTextOnly .sapMITBItem:focus .sapMITBText,// TODO remove after 1.62 version
html[data-sap-ui-browser^="ed"].sap-desktop .sapMITBTextOnly .sapMITBItem:focus .sapMITBText,
html[data-sap-ui-browser^="ie"].sap-desktop .sapMITBItem:focus.sapMITBAll,// TODO remove after 1.62 version
html[data-sap-ui-browser^="ed"].sap-desktop .sapMITBItem:focus.sapMITBAll{
	&::after {
		border: 0.125rem dashed @sapUiContentFocusColor;
	}
}

/* HCB Additional Styles */

.sapMITBFilterPositive .sapMITBText:before,
.sapMITBFilterNegative .sapMITBText:before,
.sapMITBFilterCritical .sapMITBText:before,
.sapMITBVertical.sapMITBFilterPositive > .sapMITBTab:after,
.sapMITBVertical.sapMITBFilterNegative > .sapMITBTab:after,
.sapMITBVertical.sapMITBFilterCritical > .sapMITBTab:after {
	font-family: 'SAP-icons';
	font-size: 0.75rem;
	margin-right: 0.5rem;
	speak: none;
	-webkit-font-smoothing: antialiased;
}

.sapMITBHorizontal.sapMITBFilterPositive .sapMITBText:before,
.sapMITBTextOnly .sapMITBFilterPositive .sapMITBText:before,
.sapMITBVertical.sapMITBFilterPositive > .sapMITBTab:after {
	color: @sapUiPositiveElement;
	content: "\e1ab";
}

.sapMITBHorizontal.sapMITBFilterNegative .sapMITBText:before,
.sapMITBTextOnly .sapMITBFilterNegative .sapMITBText:before,
.sapMITBVertical.sapMITBFilterNegative > .sapMITBTab:after {
	color: @sapUiNegativeElement;
	content: "\e1ac";
}

.sapMITBHorizontal.sapMITBFilterCritical .sapMITBText:before,
.sapMITBTextOnly .sapMITBFilterCritical .sapMITBText:before,
.sapMITBVertical.sapMITBFilterCritical > .sapMITBTab:after {
	color: @sapUiCriticalElement;
	content: "\e1ae";
}

.sapMITBVertical.sapMITBFilterPositive > .sapMITBTab:after,
.sapMITBVertical.sapMITBFilterNegative > .sapMITBTab:after,
.sapMITBVertical.sapMITBFilterCritical > .sapMITBTab:after {
	bottom: 0;
	margin-right: -1rem;
	position: absolute;
}

.sapMITBTextOnly .sapMITBTab:after {
	display: none;
}

.sapMITBTextOnly .sapMITBFilterPositive .sapMITBCount,
.sapMITBTextOnly .sapMITBFilterNegative .sapMITBCount,
.sapMITBTextOnly .sapMITBFilterCritical .sapMITBCount {
	margin-left: 1.25rem;
}

.sapMITBHorizontal.sapMITBFilterPositive .sapMITBText:before,
.sapMITBHorizontal.sapMITBFilterNegative .sapMITBText:before,
.sapMITBHorizontal.sapMITBFilterCritical .sapMITBText:before {
	margin-right: 0.25rem;
}
/* END "IconTabBar.less" */

/* START "Image.less" */
/* ================================= */
/* CSS for control sap.m/Image       */
/* Belize High Contrast White theme  */
/* ================================= */

.sapMImgFocusable:focus {
	outline-width: 0.125rem;
}
/* END "Image.less" */

/* START "ImageContent.less" */
/* ================================== */
/* CSS for control sap.m/ImageContent  */
/* Belize High Contrast White theme   */
/* ================================== */

html.sap-desktop .sapMImageContent:focus {
  outline: 2px dotted @sapUiContentFocusColor;
}
/* END "ImageContent.less" */

/* START "InputBase.less" */
/* ================================ */
/* CSS for control sap.m/InputBase  */
/* High Contrast White theme        */
/* ================================ */

.sapMInputBaseInner {
	color: @sapUiFieldTextColor;
}

.sapMInputBaseContentWrapper {
	border: 1px solid @sapUiFieldBorderColor;
	background: @sapUiFieldBackground;
	&.sapMInputBaseContentWrapperState {
		border-width: 1px;
	}
}

.sapMInputBaseDisabled,
.sapMInputBaseReadonly {
	& .sapMInputBaseContentWrapper {
		border: 1px solid @sapUiFieldReadOnlyBorderColor;
	}
}

.sapMInputBaseIcon {
	color: @sapUiContentIconColor;
}

.sapMInputBaseContentWrapper:not(.sapMInputBaseDisabledWrapper) .sapMInputBaseIcon {
	&:hover {
		background: @sapUiButtonLiteHoverBackground;
		border-left: 1px solid @sapUiFieldBorderColor;
		margin-left: -1px;
	}
	&:active {
		background-color: @sapUiToggleButtonPressedBackground;
		color: @sapUiButtonActiveTextColor;
		border-left: 1px solid @sapUiFieldBorderColor;
		margin-left: -1px;
	}
}

.sapMInputBaseIconPressed {
	& .sapMInputBaseIcon {
		border-left: 1px solid @sapUiFieldActiveBorderColor;
		margin-left: -1px;
	}
}

.sapMInputBaseContentWrapperWarning {
	background: @sapUiFieldWarningBackground;
	border-color: @sapUiFieldWarningColor;
}

.sapMInputBaseContentWrapperSuccess {
	background: @sapUiFieldSuccessBackground;
	border-color: @sapUiFieldSuccessColor;
}

.sapMInputBaseContentWrapperError {
	background: @sapUiFieldInvalidBackground;
	border-color: @sapUiFieldInvalidColor;
	& .sapMInputBaseInner {
		font-weight: bold
	}
}

.sapMInputBaseContentWrapperInformation {
	background: @sapUiFieldBackground;
	border-style: dashed;
	border-color: @sapUiFieldWarningColor;
}

.sapMInputBaseContentWrapperWarning,
.sapMInputBaseContentWrapperError {
	border-style: dashed;
	& .sapMInputBaseInner {
		font-style: italic;
	}
}

.sapMInputBaseReadonlyWrapper .sapMInputBaseInner {
	border-color: @sapUiFieldReadOnlyBorderColor;
	background: @sapUiFieldReadOnlyBackground;
}

html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapMFocus .sapMInputBaseContentWrapper:not(.sapMInputBaseDisabledWrapper) {
		&::before {
			border: 2px dashed @sapUiContentFocusColor;
		}
	}
}

.sapMInputBaseDisabled {
	opacity: 1;
}

.sapMInputBaseDisabled .sapMInputBaseContentWrapper {
	background: @sapUiFieldReadOnlyBackground;
	border-color: @sapUiFieldReadOnlyBorderColor;
	color: @sapUiContentDisabledTextColor;
	font-weight: normal;
	-webkit-text-fill-color: @sapUiContentDisabledTextColor;
}

.sapMInputBaseReadonlyWrapper .sapMInputBaseInner {
	background: @sapUiFieldReadOnlyBackground;
	border-color: @sapUiHcReducedForeground;
}

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

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

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

.sapMInputBasePlaceholder {
	font-style: normal;
	font-weight: normal;
}

.sapMInputBaseWarning>.sapMInputBasePlaceholder {
	color: @sapUiFieldTextColor;
	font-style: italic;
	background: @sapUiFieldBackground;
}

.sapMInputBaseContentWrapperWarning .sapMInputBaseInner::-webkit-input-placeholder {
	color: @sapUiFieldTextColor;
	font-style: italic;
	font-weight: normal;
}

.sapMInputBaseContentWrapperWarning .sapMInputBaseInner::-moz-placeholder {
	opacity: 1;
}

.sapMInputBaseContentWrapperWarning .sapMInputBaseInner:-ms-input-placeholder {
	color: @sapUiFieldTextColor;
	font-style: italic;
	font-weight: normal;
}

.sapMInputBaseContentWrapperWarning .sapMInputBaseInner::-moz-placeholder {
	color: @sapUiFieldTextColor;
	font-style: italic;
	font-weight: normal;
}

.sapMInputBaseContentWrapperError .sapMInputBaseInner::-webkit-input-placeholder {
	color: @sapUiFieldTextColor;
	font-style: italic;
	font-weight: bold;
}

.sapMInputBaseContentWrapperError .sapMInputBaseInner::-moz-placeholder {
	color: @sapUiFieldTextColor;
	font-style: italic;
	font-weight: bold;
}

.sapMInputBaseError>.sapMInputBasePlaceholder,
.sapMInputBaseContentWrapperError .sapMInputBaseInner:-ms-input-placeholder {
	color: @sapUiFieldTextColor;
	font-style: italic;
	font-weight: bold;
}

.sapMInputBaseContentWrapperError .sapMInputBaseInner::-moz-placeholder {
	opacity: 1;
}

.sapMInputBaseInner::-moz-selection {
	background: @sapUiSelected;
	color: @sapUiContentContrastTextColor;
}

.sapMInputBaseInner::selection {
	background: @sapUiSelected;
	color: @sapUiContentContrastTextColor;
}

.sapMFocus {
	& .sapMInputBaseContentWrapper:not(.sapMInputBaseDisabledWrapper) {
		outline: 2px dotted @sapUiContentFocusColor;
		outline-offset: -4px;
	}
}

.sapMInputBaseContentWrapperState .sapMInputBaseInner {
	border-width: 1px;
}
/* END "InputBase.less" */


/* note: the following three files are not in alphabetical order and should be imported after InputBase.less */
/* START "ComboBoxTextField.less" */
/* ======================================== */
/* CSS for control sap.m/ComboBoxTextField  */
/* Belize High Contrast White theme         */
/* ======================================== */

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

/* disabled and read only */

.sapMComboBoxBaseDisabled,
.sapMComboBoxTextFieldReadonly {
	border-color: @sapUiFieldReadOnlyBorderColor;
}
/* END "ComboBoxTextField.less" */

/* START "ComboBoxBase.less" */
/* =================================== */
/* CSS for control sap.m/ComboBoxBase  */
/* Belize High Contrast White theme    */
/* =================================== */

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

/* note: do not optimize this selector, the sap.m.MulticomboBox DOM structure differ from sap.m.ComboBox */
.sapMComboBoxBasePressed .sapMComboBoxBaseInputInner:not(.sapMInputBaseContentWrapperState) .sapMInputBaseInner {
	border-color: @sapUiFieldActiveBorderColor;
}

/* ------------------------------ */
/* picker                         */
/* ------------------------------ */

div.sapMComboBoxBasePicker {
	box-shadow: 0 .25rem 1.875rem .125rem fade(@sapUiContentShadowColor, 80%);
	border: none;
}

.sapMComboBoxBasePicker-CTX .sapMListFocus .sapMLIBSelected {
	outline: 0.125rem dotted @sapUiContentFocusColor;
	outline-offset: -0.188rem;
}

/* make border of the combobox's list not scrollable */
.sapMComboBoxBasePicker > div {
	box-sizing: border-box;
	border: solid @sapUiGroupContentBorderColor;
	border-width: 1px 2px 2px;
}
/* END "ComboBoxBase.less" */


/* START "LightBox.less" */
/* ================================= */
/* CSS for control sap.m/LightBox    */
/* Belize High Contrast White theme  */
/* ================================= */

/* ==========================================================================
   Overlay
  ========================================================================== */
.sapMLightBox + .sapUiBLy {
	background: @sapUiBlockLayerBackground;
	opacity: 0.3;
}
/* END "LightBox.less" */

/* START "Link.less" */
/* ================================= */
/* CSS for control sap.m/Link        */
/* Belize High Contrast White theme  */
/* ================================= */

.sapMLnk {
	text-decoration: underline;
}

.sapMLnkDsbl, .sapMLnkDsbl:visited {
	outline: none;
	cursor: default;
	color: @sapUiContentDisabledTextColor;
	text-decoration: underline;
	text-shadow: none;
	opacity: 0.5;
}

html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
	text-decoration: none;
	outline: 0.125rem dotted @sapUiContentFocusColor;
}

/* IE and Edge ignores outline-offset. Use an overlay: */
/* TODO remove after 1.62 version */
html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapMLnk:focus:not(.sapMLnkDsbl):before {
		border: 0.125rem dashed @sapUiContentFocusColor;
	}
}

html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl) {
	text-decoration: none;
}

.sapMLnk:hover.sapMLnkDsbl, .sapMLnk:focus.sapMLnkDsbl {
	outline: none;
}
/* END "Link.less" */

/* START "ListBase.less" */
/* ================================= */
/* CSS for control sap.m/ListBase    */
/* Belize High Contrast White theme  */
/* ================================= */

.sapMListHdrText {
	border-bottom: 0.188rem solid @sapUiGroupTitleBorderColor;
}

/*Growing feature*/

/*HCB additional styles for Growing feature*/
.sapMLIBContent > .sapMGrowingListTrigger {
	box-sizing: border-box;
	border-radius: 0.375rem;
	background: @sapUiButtonBackground;
	border: 0.0625em solid @sapUiButtonBorderColor;
}

html.sap-desktop .sapMLIBContent > .sapMGrowingListTrigger:hover {
	background: @sapUiButtonHoverBackground;
}

html.sap-desktop .sapMGrowingList > .sapMCLI:hover {
	background: @sapUiListBackground !important;
}

//Needed to fix the margin collapsing behaviour on safari
html.sap-desktop .sapMGrowingList > .sapMCLI {
	padding: 0.25rem;
}

html.sap-desktop .sapMGrowingList  .sapMCLI.sapMLIB.sapMLIB-CTX:focus{
	outline:none;
}

/* avoid double focus borders in IE */
html.sap-desktop .sapMGrowingList .sapMLIBLegacyOutline:focus::before {
	border: none;
}

html.sap-desktop .sapMLIB-CTX:focus .sapMGrowingListTrigger {
	border: 0.125rem dotted @sapUiContentFocusColor;
	border-radius: 0;
}
/* END "ListBase.less" */

/* START "ListItemBase.less" */
/* =================================== */
/* CSS for control sap.m/ListItemBase  */
/* Belize High Contrast White theme    */
/* =================================== */

html[data-sap-ui-browser='ie11'] .sapMLIBFocusable:focus {
	outline-width: 3px;
}

.sapMLIBFocusable:focus {
	outline: 2px dotted @sapUiContentFocusColor;
	outline-offset: -2px;
}

/* IE ignores outline-offset. Use an overlay: */
.sapMLIBLegacyOutline:focus::before {
	border: 0.125rem dotted @sapUiContentFocusColor;
}
/* END "ListItemBase.less" */

/* START "Menu.less" */
html.sap-phone .sapMRespMenuDialog .sapMPage {
  .sapMBar-CTX.sapMHeader-CTX,.sapMBarPH {
	.sapMBarShadow(@sapUiPageHeaderBorderColor);
  }
}
/* END "Menu.less" */

/* START "MenuListItem.less" */
.sapMRespMenuDialog .sapMLIB {
  border-bottom: 1px solid;
}
/* END "MenuListItem.less" */

/* START "MessageView.less" */
/* ==================================== */
/* CSS for control sap.m/MessageView */
/* Belize High Contrast White theme     */
/* ==================================== */

// style links in the description as Link control
.sapMMsgViewDescriptionText a {
	color: @sapUiLinkActive;
	text-decoration: underline;
	&:hover {
		text-decoration: none;
	}
	&:focus {
		outline: 0.125rem dotted @sapUiContentFocusColor;
		text-decoration: none;
	}
}

.sapMMsgViewItem:hover .sapMSLIImgIcon {
	color: @sapUiContentIconColor;
}

.sapMMsgViewBtnError.sapMSegBBtnFocusable.sapMSegBBtn:hover .sapUiIcon,
.sapMMsgViewBtnInformation.sapMSegBBtnFocusable.sapMSegBBtn:hover .sapUiIcon,
.sapMMsgViewBtnWarning.sapMSegBBtnFocusable.sapMSegBBtn:hover .sapUiIcon,
.sapMMsgViewBtnSuccess.sapMSegBBtnFocusable.sapMSegBBtn:hover .sapUiIcon  {
	color: @sapUiSegmentedButtonIconColor;
}
/* END "MessageView.less" */

/* START "MessageStrip.less" */
/* =================================== */
/* CSS for control sap.m/MessageStrip  */
/* Belize High Contrast White theme    */
/* =================================== */

.sapMMsgStrip {
	border-width: 0.125rem;
	color: @sapUiBaseText;
	padding: 0.375rem 1rem;
}

.sapMMsgStripIcon {
	color: @sapUiContentIconColor;
	top: 0.3125rem;
}

.sapMMsgStripCloseButton {
	opacity: 1;
	height: 1.375rem;
	border: 1px solid @sapUiButtonBorderColor;
	border-radius: 0.25rem;

	// centering the content of the ::after element
	// does not work in IE if directly set on ::after
	// 1.5rem - 6px (1px on the button and 2px on the ::after per side)
	line-height: 1rem;

	&:hover {
		background-color: @sapUiButtonHoverBackground;
	}

	&:focus::after {
		border: 2px dotted @sapUiContentFocusColor;
	}

	&::after {
		// 0 positions the element inside
		// the border of the parent element
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border: 2px dotted transparent;
	}
}
/* END "MessageStrip.less" */

/* START "MultiInput.less" */
/* ================================= */
/* CSS for control sap.m/MultiInput  */
/* Belize High Contrast White theme  */
/* ================================= */

/* END "MultiInput.less" */

/* START "NewsContent.less" */
/* ================================== */
/* CSS for control sap.m/NewsContent  */
/* Belize High Contrast White theme   */
/* ================================== */

html.sap-desktop .sapMNwC:focus {
	outline: 2px dotted @sapUiContentFocusColor;
    outline-offset: 1px;
}
/* END "NewsContent.less" */

/* START "NotificationListBase.less" */
/* =========================================== */
/* CSS for control sap.m/NotificationListBase  */
/* Belize High Contrast White theme            */
/* =========================================== */

html.sap-desktop .sapMNLIB:focus::before {
	border-width: 2px;
}
/* END "NotificationListBase.less" */

/* START "NotificationListGroup.less" */
/* =========================================== */
/* CSS for control sap.m/NotificationListGroup  */
/* Belize High Contrast White theme            */
/* =========================================== */

@_sap_m_NotificationListGroup_Background: @sapUiListBackground;
/* END "NotificationListGroup.less" */

/* START "NumericContent.less" */
/* ================================== */
/* CSS for control sap.m/NumericContent  */
/* Belize High Contrast White theme   */
/* ================================== */

.sapMNC:focus {
  outline: 2px dotted @sapUiContentFocusColor;
}
/* END "NumericContent.less" */

/* START "ObjectAttribute.less" */
/* ====================================== */
/* CSS for control sap.m/ObjectAttribute  */
/* Belize High Contrast White theme       */
/* ====================================== */

.sapMObjectAttributeActive:focus .sapMObjectAttributeText {
	position: relative;
}

html.sap-desktop .sapMObjectAttributeActive:focus .sapMObjectAttributeText::after {
	pointer-events: none;
	display: block;
	content: "";
	position: absolute;
	top: 0.125rem;
	left: 0.125rem;
	bottom: 0.125rem;
	right: 0.125rem;
	outline: 0.125rem dotted @sapUiContentFocusColor;
}

html.sap-desktop .sapMObjectAttributeActive:focus .sapMObjectAttributeText {
	text-decoration: none;
}

.sapMObjectAttributeActive .sapMText {
	color: @sapUiListActiveTextColor;
	cursor: pointer;
	text-decoration: underline;
}

.sapMObjectAttributeActive .sapMText:hover {
	text-decoration: none;
}

.sapMObjectAttributeActive .sapMObjectAttributeText:hover,
.sapMObjectAttributeActive .sapMText:hover {
	text-decoration: none;
}

.sapMObjectAttributeActive .sapMObjectAttributeText {
	text-decoration: underline;
}

/*=========================================== */
/* Custom design for Responsive Object Header */
/*=========================================== */

.sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText {
	text-decoration: underline;
}

/*=========================================== */
/* Custom design for Static Object Header     */
/*=========================================== */

.sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText {
	text-decoration: underline;
}
/* END "ObjectAttribute.less" */

/* START "ObjectHeader.less" */
/* =================================== */
/* CSS for control sap.m/ObjectHeader  */
/* Belize High Contrast White theme    */
/* =================================== */

.sapMOH.sapMOHBgTranslucent,
.sapMOHC.sapMOHBgTranslucent,
.sapMOH.sapMOHBgSolid,
.sapMOHC.sapMOHBgSolid,
.sapMOH.sapMOHBgTransparent,
.sapMOHC.sapMOHBgTransparent {
	background-color: @sapUiObjectHeaderBackground;
	border-bottom: 0.125rem solid @sapUiObjectHeaderBorderColor;
}

.sapMOHC.sapMOHBgTranslucent,
.sapMOHC.sapMOHBgSolid {
	border: none;
	box-shadow: none;
}

.sapMOH {
	.sapMOHTitle.sapMOHTitleActive > h6 .sapMText,
	.sapMOHTitle.sapMOHTitleActive > h5 .sapMText,
	.sapMOHTitle.sapMOHTitleActive > h4 .sapMText,
	.sapMOHTitle.sapMOHTitleActive > h3 .sapMText,
	.sapMOHTitle.sapMOHTitleActive > h2 .sapMText,
	.sapMOHTitle.sapMOHTitleActive > h1 .sapMText {
		text-decoration: underline;
		cursor: pointer;
	}

	a.sapMOHTitle.sapMOHTitleActive:hover > h6 .sapMText,
	a.sapMOHTitle.sapMOHTitleActive:hover > h5 .sapMText,
	a.sapMOHTitle.sapMOHTitleActive:hover > h4 .sapMText,
	a.sapMOHTitle.sapMOHTitleActive:hover > h3 .sapMText,
	a.sapMOHTitle.sapMOHTitleActive:hover > h2 .sapMText,
	a.sapMOHTitle.sapMOHTitleActive:hover > h1 .sapMText {
		text-decoration: none;
	}

	.sapMOHTitle.sapMOHTitleActive:focus > h6 .sapMText,
	.sapMOHTitle.sapMOHTitleActive:focus > h5 .sapMText,
	.sapMOHTitle.sapMOHTitleActive:focus > h4 .sapMText,
	.sapMOHTitle.sapMOHTitleActive:focus > h3 .sapMText,
	.sapMOHTitle.sapMOHTitleActive:focus > h2 .sapMText,
	.sapMOHTitle.sapMOHTitleActive:focus > h1 .sapMText {
		text-decoration: none;
	}

	.sapMOHTitle.sapMOHTitleActive > h6 .sapMText:hover,
	.sapMOHTitle.sapMOHTitleActive > h5 .sapMText:hover,
	.sapMOHTitle.sapMOHTitleActive > h4 .sapMText:hover,
	.sapMOHTitle.sapMOHTitleActive > h3 .sapMText:hover,
	.sapMOHTitle.sapMOHTitleActive > h2 .sapMText:hover,
	.sapMOHTitle.sapMOHTitleActive > h1 .sapMText:hover {
		text-decoration: none;
	}

	.sapMOHTitle.sapMOHTitleActive:focus > h6 span,
	.sapMOHTitle.sapMOHTitleActive:focus > h5 span,
	.sapMOHTitle.sapMOHTitleActive:focus > h4 span,
	.sapMOHTitle.sapMOHTitleActive:focus > h3 span,
	.sapMOHTitle.sapMOHTitleActive:focus > h2 span,
	.sapMOHTitle.sapMOHTitleActive:focus > h1 span {
		outline: 0.125rem dotted @sapUiContentFocusColor;
		outline-offset: -0.125rem;
		text-decoration: none;
	}
}

.sapMOHTitleIcon > .sapMOHIcon:focus,
.sapMOHTitleArrow .sapUiIcon:focus {
	outline: 0.125rem dotted @sapUiContentFocusColor;
}

/* Fix ie outlines */
html[data-sap-ui-browser^="ie"] {
	.sapMOH {
		.sapMOHTitleActive, .sapMOHTitle {
			border: 1px solid transparent;
			padding-top: 0.125rem;
			padding-left: 0.125rem;
			padding-right: 0.125rem;
		}

		a.sapMOHTitleActive:focus {
			border: 1px solid transparent;
		}
		a.sapMOHTitleActive:focus ~ .sapMOHTitle > h6 > span,
		a.sapMOHTitleActive:focus ~ .sapMOHTitle > h5 > span,
		a.sapMOHTitleActive:focus ~ .sapMOHTitle > h4 > span,
		a.sapMOHTitleActive:focus ~ .sapMOHTitle > h3 > span,
		a.sapMOHTitleActive:focus ~ .sapMOHTitle > h2 > span,
		a.sapMOHTitleActive:focus ~ .sapMOHTitle > h1 > span {
			outline: none;
			border: 0.125rem dotted @sapUiContentFocusColor;
		}

		.sapMObjectAttributeActive {
			padding: 0.125rem;
		}

		.sapMOHIntroActive {
			padding: 0.125rem;
		}
	}
}

/* Styles for Responsive Object Header */
.sapMOHR:not(.sapMOHRNoBorder) {
	border-bottom: 0.125rem solid @sapUiObjectHeaderBorderColor;
}

.sapMOHR {
	.sapMOHRTitleActive {
		.sapMOHRTitleText {
			text-decoration: underline;
			cursor: pointer;
			&:active,
			&:focus {
				outline: 0.125rem dotted @sapUiContentFocusColor;
				outline-offset: -0.125rem;
				text-decoration: none;
			}
			&:hover {
				text-decoration: none;
			}
		}
	}
	.sapMOHRIntroActive {
		padding-bottom: 0.125rem;
	}
	.sapMOHRTitleArrow .sapUiIcon {
		&:active,
		&:focus {
			outline: 0.125rem dotted @sapUiContentFocusColor;
			outline-offset: -0.125rem;
		}
	}

	.sapMOHRIcon.sapMPointer .sapUiIcon.sapUiIconPointer {
		&:active,
		&:focus {
			&:before {
				outline: 0.125rem dotted @sapUiContentFocusColor;
			}
		}
	}
}

// Internet explorer fixes
html[data-sap-ui-browser^="ie"] {
	.sapMOHR {
		.sapMOHRIcon.sapMPointer {
			margin-left: 0.125rem;
		}
		.sapMOHRTitleArrow .sapUiIcon {
			margin-top: 0.125rem;
		}
		.sapMOHRTitleDiv {
			padding-bottom: 0.125rem;
		}
		.sapMOHRTitleText {
			margin-left: 0.125rem;
		}
		.sapMOHRIntro {
			padding-top: 0.125rem;
			padding-left: 0.125rem;
		}
		.sapMLnk {
			padding-right: 0.125rem;
		}
		.sapMObjectAttributeActive {
			padding: 0.125rem;
		}
		.sapMOHRIcon.sapMPointer .sapUiIcon.sapUiIconPointer {
			&:active,
			&:focus {
				&:before {
					outline: none;
				}
			}
		}
	}
}

// OSX fix
html[data-sap-ui-os^="mac"][data-sap-ui-browser^="sf"] {
	.sapMOHR {
		.sapMOHRTitleTextContainer {
			padding-left: 0.125rem;
		}
	}
}

// BlackBerry fix
html[data-sap-ui-os^="bb"] {
	.sapMOHR .sapMOHRTitle {
		padding-left: 0.250rem;
	}
}

// Windows mobile IE fix
html[data-sap-ui-os^="winphone"][data-sap-ui-browser^="ie"] {
	.sapMOHR .sapMOHRTitle {
		padding-left: 0.125rem;
	}
}

// Android fix
html[data-sap-ui-os^="Android4"] {
	.sapMOHRTitleTextContainer {
		padding-bottom: 0.125rem;
	}
}

// IOS fixes
html[data-sap-ui-os^="iOS"] {
	.sapMOHR {
		.sapMOHRTitleDiv {
			padding-bottom: 0.125rem;
			padding-left: 0.125rem;
		}
		.sapMOHRTitleActive .sapMOHRTitleText {
			&:focus,
			&:active {
				outline: none;
				.sapMOHRTitleTextWrappable {
					outline: 0.125rem dotted @sapUiContentFocusColor;
				}
			}
		}
	}
}
/* END "ObjectHeader.less" */

/* START "ObjectIdentifier.less" */
/* ======================================= */
/* CSS for control sap.m/ObjectIdentifier  */
/* Belize High Contrast White theme        */
/* ======================================= */

.sapMOITitleActive .sapMLnk {
	text-decoration: underline;
}

.sapMOITitleActive .sapMLnk:hover {
	text-decoration: none;
}
/* END "ObjectIdentifier.less" */

/* START "ObjectListItem.less" */
/* ===================================== */
/* CSS for control sap.m/ObjectListItem  */
/* Belize High Contrast White theme      */
/* ===================================== */

.sapMLIBSelected .sapMObjectNumberText,
.sapMLIBSelected .sapMObjectNumberUnit,
.sapMLIBHoverable:hover .sapMObjectNumberText,
.sapMLIBHoverable:hover .sapMObjectNumberUnit {
	color: @sapUiListActiveTextColor;
}
/* END "ObjectListItem.less" */

/* START "ObjectStatus.less" */
/* =================================== */
/* CSS for control sap.m/ObjectStatus  */
/* Belize High Contrast White theme    */
/* =================================== */

/* HCB theme specific styles */
.sapMLIBSelected, .sapMLIB:hover,
.sapUiTableRowSel, .sapUiTableRowHvr {
	.sapMObjStatusNone .sapMObjStatusText,
	.sapMObjStatusNone .sapMObjStatusIcon,
	.sapMObjStatusError .sapMObjStatusText,
	.sapMObjStatusError .sapMObjStatusIcon,
	.sapMObjStatusWarning .sapMObjStatusText,
	.sapMObjStatusWarning .sapMObjStatusIcon,
	.sapMObjStatusSuccess .sapMObjStatusText,
	.sapMObjStatusSuccess .sapMObjStatusIcon
	.sapMObjStatusInformation .sapMObjStatusText,
	.sapMObjStatusInformation .sapMObjStatusIcon {
		color: @sapUiListTextColor;
	}
}

.sapMObjStatusActive .sapMObjStatusIcon:only-child > .sapUiIcon,
.sapMObjStatusActive .sapMObjStatusLink .sapMObjStatusText {
	text-decoration: underline;
}

.sapMObjStatusActive:hover .sapMObjStatusIcon:only-child > .sapUiIcon,
.sapMObjStatusActive:hover .sapMObjStatusLink .sapMObjStatusText,
.sapMObjStatusActive:focus .sapMObjStatusLink .sapMObjStatusText,
.sapMObjStatusActive:focus .sapMObjStatusIcon:only-child > .sapUiIcon{
	text-decoration: none;
}

.sapMListTbl .sapMObjStatusInverted .sapMObjStatusIcon > .sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon),
.sapMObjStatusInverted .sapMObjStatusIcon > .sapUiIcon {
	font-size: 1rem;
	vertical-align: top;
}

.sapMObjStatusInverted.sapMObjStatusIndication01,
.sapMObjStatusInverted.sapMObjStatusIndication02,
.sapMObjStatusInverted.sapMObjStatusIndication03,
.sapMObjStatusInverted.sapMObjStatusIndication04,
.sapMObjStatusInverted.sapMObjStatusIndication05,
.sapMObjStatusInverted.sapMObjStatusNone,
.sapMObjStatusInverted.sapMObjStatusError,
.sapMObjStatusInverted.sapMObjStatusWarning,
.sapMObjStatusInverted.sapMObjStatusSuccess,
.sapMObjStatusInverted.sapMObjStatusInformation {
	.sapMObjStatusText,
	.sapMObjStatusIcon {
		background: none;
		font-size: @sapMFontMediumSize;
		font-weight: normal;
		padding: 0;
	}
	.sapMObjStatusIcon {
		padding-right: .5rem;
	}
	.sapMObjStatusLink:active,
	.sapMObjStatusLink:hover {
		.sapMObjStatusText,
		.sapMObjStatusIcon {
			background: none;
		}
	}
}

.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusIcon {
	color: @sapUiNeutralText;
}

.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusIcon {
	color: @sapUiNegativeText;
}

.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusIcon {
	color: @sapUiCriticalText;
}

.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusIcon {
	color: @sapUiPositiveText;
}

.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusIcon {
	color: @sapUiInformativeText;
}

.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusIcon {
	color: @sapUiIndication1;
}

.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusIcon {
	color: @sapUiIndication2;
}

.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusIcon {
	color: @sapUiIndication3;
}

.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusIcon {
	color: @sapUiIndication4;
}

.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusText,
.sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusIcon {
	color: @sapUiIndication5;
}
/* END "ObjectStatus.less" */

/* START "OverflowToolbarAssociativePopover.less" */
/* ======================================================== */
/* CSS for control sap.m/OverflowToolbarAssociativePopover  */
/* Belize High Contrast White theme                         */
/* ======================================================== */

html.sap-phone {
	.sapMOTAPopover {
		&.sapMOTAPopoverNoShadowTop {
			border-radius: 0 0 0.25rem 0.25rem;
		}
		&.sapMOTAPopoverNoShadowBottom {
			border-radius: 0.25rem 0.25rem 0 0;
		}
	}
}
/* END "OverflowToolbarAssociativePopover.less" */

/* START "Page.less" */
/* ================================= */
/* CSS for control sap.m/Page        */
/* Belize High Contrast White theme  */
/* ================================= */

.sapMPageWithFloatingFooter {
	> .sapMPageFooter {
		opacity: 1;
	}
}

.sapMPageWithFloatingFooter .sapMIBar-CTX.sapMFooter-CTX {
	box-shadow: @sapUiShadowLevel2;
}
/* END "Page.less" */

/* START "Panel.less" */
/* ================================= */
/* CSS for control sap.m/Panel       */
/* Belize High Contrast White theme  */
/* ================================= */

.sapMPanel {
	border: 1px solid @sapUiGroupContentBorderColor;
}

.sapMPanelBGSolid,
.sapMPanelBGTranslucent,
.sapMPanelBGTransparent {
	background-color: @sapUiGroupContentBackground;
}

.sapMPanelWrappingDivTb {
	// border is 2px in this case because
	// there is 1px border around the whole Panel
	border-bottom: 1px solid @sapUiGroupTitleBorderColor;
}

.sapMPanelExpandableIcon {
	&:focus::after {
		border-width: 2px;
	}
}
/* END "Panel.less" */

/* START "PlanningCalendar.less" */
html.sap-desktop .sapMPlanCal .sapUiCalItem:not(.sapUiCalItemSel):hover {
	background-color: @sapUiBrand;
}

html.sap-desktop .sapMPlanCal .sapUiCalItemWeekEnd:not(.sapUiCalItemSel):hover {
	background-color: @sapUiBrand;
}

html.sap-desktop .sapMPlanCal .sapUiCalItemOtherMonth:not(.sapUiCalItemSel):hover {
	background-color: @sapUiBrand;
}

html.sap-desktop .sapMPlanCal .sapUiCalItem:not(.sapUiCalItemSel) :not(.sapUiCalWeekNum):hover {
	background-color: transparent;
}

html.sap-desktop .sapMPlanCal .sapUiCalNoNameLine > .sapUiCalItems > .sapUiCalItem.sapUiCalItemNow:focus > .sapUiCalItemText,
html.sap-desktop .sapUiSizeCompact .sapMPlanCal .sapUiCalNoNameLine > .sapUiCalItems > .sapUiCalItem.sapUiCalItemNow:focus > .sapUiCalItemText,
.sapUiSizeCompact .sapMPlanCal .sapUiCalNoNameLine > .sapUiCalItems > .sapUiCalItem.sapUiCalItemNow > .sapUiCalItemText {
	line-height: 1.4rem;
}

.sapMPlanCal .sapUiCalNoNameLine > .sapUiCalItems > .sapUiCalItem.sapUiCalItemNow > .sapUiCalItemText {
	line-height: 1.5rem;
}

html.sap-desktop .sapUiSizeCompact .sapMPlanCal.sapMSize0 .sapUiCalRow .sapUiCalItems > .sapUiCalItem:not(.sapUiCalItemNow):focus > .sapUiCalItemText,
html.sap-desktop .sapUiSizeCompact .sapMPlanCal.sapMSize1 .sapUiCalRow .sapUiCalItems > .sapUiCalItem:not(.sapUiCalItemNow):focus > .sapUiCalItemText {
	line-height: 1.75rem;
}

html.sap-desktop .sapMPlanCal .sapUiCalNoNameLine > .sapUiCalItems > .sapUiCalItem:focus > .sapUiCalDayName{
	line-height: inherit;
}
/* END "PlanningCalendar.less" */

/* START "Popover.less" */
/* ============================== */
/* CSS for control sap.m/Popover  */
/* Belize HCW theme                   */
/* ============================== */

.sapMPopoverArr:after {
	border-style: solid;
	border-width: 2px;
}

/* pointing upward arrow */
.sapMPopoverArrUp {
	top: -0.5625rem;
	&:after {
		margin: 0.23rem 0 0 0.04rem;
	}
}

/* pointing right arrow */
.sapMPopoverArrRight {
	&:after {
		margin: 0 0 0 -0.55rem;
	}
}

/* pointing downward arrow */
.sapMPopoverArrDown {
	bottom: -0.5625rem;
	&:after {
		margin: -0.5625rem  0 0 0.03rem;
	}
}
/* END "Popover.less" */

/* START "ProgressIndicator.less" */
/* ======================================== */
/* CSS for control sap.m/ProgressIndicator  */
/* Belize High Contrast White theme         */
/* ======================================== */

.sapMPIBarNeutral {
	background: @sapUiHighlight;
	box-sizing: border-box;
	border: 1px solid @sapUiFieldBorderColor;
}

.sapMPIBarPositive {
	background: @sapUiHighlight;
	box-sizing: border-box;
	border: 1px solid @sapUiFieldBorderColor;
}

.sapMPIBarNegative {
	background: @sapUiHighlight;
	box-sizing: border-box;
	border: 1px solid @sapUiFieldBorderColor;
}

.sapMPIBarCritical {
	background: @sapUiHighlight;
	box-sizing: border-box;
	border: 1px solid @sapUiFieldBorderColor;
}

.sapMPIBarInformation {
	background: @sapUiHighlight;
	box-sizing: border-box;
	border: 1px solid @sapUiFieldBorderColor;
}

/* HCB Additional Styles */
.sapMPIText::before {
	font-family: 'SAP-icons';
	font-size: 0.875rem;
	margin-right: 0.5rem;
	vertical-align: bottom;
}

.sapMPIDisplayOnly .sapMPIText:before {
	font-size: 0.6875rem;
	vertical-align: top;
}

.sapMPIDisplayOnly:not(.sapMPIBarDisabled) .sapMPIBarNeutral {
	background: @sapUiHighlight;
}

.sapMPITextLeft::before {
	margin-left: 0.25rem;
}

.sapMPIBarPositive > .sapMPITextLeft::before,
.sapMPIBarPositive + .sapMPIBarRemaining > .sapMPITextRight::before {
	content: '\e1ab';
}

.sapMPIBarNegative > .sapMPITextLeft::before,
.sapMPIBarNegative + .sapMPIBarRemaining > .sapMPITextRight::before {
	content: '\e1ac';
}

.sapMPIBarCritical > .sapMPITextLeft::before,
.sapMPIBarCritical + .sapMPIBarRemaining > .sapMPITextRight::before {
	content: '\e1ae';
}

.sapMPIBarInformation > .sapMPITextLeft::before,
.sapMPIBarInformation + .sapMPIBarRemaining > .sapMPITextRight::before {
	content: '\e05c';
}

.sapMPIBarPositive + .sapMPIBarRemaining > .sapMPITextRight::before,
.sapMPIBarNegative + .sapMPIBarRemaining > .sapMPITextRight::before,
.sapMPIBarCritical + .sapMPIBarRemaining > .sapMPITextRight::before,
.sapMPIBarInformation + .sapMPIBarRemaining > .sapMPITextRight::before {
	color: @sapUiContentForegroundTextColor;
}

.sapMPIBarDisabled {
	opacity: 1;
	border-color: @sapUiHcReducedForeground;

	.sapMPIText.sapMPITextLeft,
	.sapMPITextRight,
	.sapMPIBarRemaining > .sapMPITextRight::before {
		color: @sapUiContentDisabledTextColor;
	}

	.sapMPIBarNeutral,
	.sapMPIBarPositive,
	.sapMPIBarNegative,
	.sapMPIBarCritical,
	.sapMPIBarInformation  {
		background: @sapUiHcReducedBackground;
		border-color: @sapUiHcReducedForeground;
	}

	.sapMPIBarRemaining {
		border-color: @sapUiHcReducedForeground;
	}
}
/* END "ProgressIndicator.less" */

/* START "PullToRefresh.less" */
/* ==================================== */
/* CSS for control sap.m/PullToRefresh  */
/* Belize High Contrast White theme     */
/* ==================================== */

.sapMPullDownNontouch:focus {
	outline-width: 0.125rem;
}

html[data-sap-ui-browser^="ie"] .sapMPullDownNontouch:focus:before {
	width: calc(~'100% - 0.125rem');
	height: calc(~'100% - 0.125rem');
	border-width: 0.125rem;
}
/* END "PullToRefresh.less" */

/* START "QuickView.less" */
/* ================================= */
/* CSS for control sap.m/QuickView   */
/* Belize High Contrast White theme  */
/* ================================= */
html.sap-desktop .sapMQuickViewPage .sapUiIcon:focus {
	outline: 0.125rem dotted @sapUiContentFocusColor;
	outline-offset: -0.125rem;
}
/* END "QuickView.less" */

/* START "RadioButton.less" */
/* ================================== */
/* CSS for control sap.m/RadioButton  */
/* Belize High Contrast White theme   */
/* ================================== */

.sapMRbB {
	padding: 1px; /* using padding here so that margin won't collide */
}

.sapMRbHasLabel:focus {
	outline: none;
}

.sapMRb:focus:before {
	border: .125rem dotted @sapUiContentFocusColor;
}

.sapMRb:not(.sapMRbErr) .sapMRbB.sapMRbHoverable:hover,
.sapMRb.sapMRbBTouched,
.sapMRbWarn.sapMRbBTouched .sapMRbB,
.sapMRbInfo.sapMRbBTouched .sapMRbB,
.sapMRbErr.sapMRbBTouched .sapMRbB {
	.sapMRbSvg .sapMRbBOut {
		fill: @sapUiSelected;
	}
}

/* Selected */

.sapMRbSel .sapMRbBInn {
	fill: @sapUiContentIconColor;
	stroke: none;
}

/* Value states */
.sapMRbErr .sapMRbB,
.sapMRbErr.sapMRbBTouched .sapMRbB{
	.sapMRbBOut {
		stroke: @sapUiFieldInvalidColor;
		fill: @sapUiFieldInvalidBackground;
	}
}

.sapMRbErr, .sapMRbWarn, .sapMRbInfo{
	.sapMRbB .sapMRbBOut {
		stroke-dasharray: 4;
	}
}

/* Disabled */
.sapMRbDis.sapMRbSel,
.sapMRbDis.sapMRbRo.sapMRbSel {
	.sapMRbBInn {
		fill: @sapUiHcReducedForeground;
	}
}

.sapMRb.sapMRbDis .sapMRbBOut {
	fill: @sapUiHcReducedBackground;
	stroke: @sapUiHcReducedForeground;
}

.sapMRbDis .sapMLabel {
	color: @sapUiContentDisabledTextColor;
}

/* Compact size */
.sapUiSizeCompact {

	.sapMRbB {
		width: auto;
	}

	.sapMRbB .sapMRbBInn {
		margin: 0.125rem;
	}
}
/* END "RadioButton.less" */

/* START "RangeSlider.less" */
/* ================================= */
/* CSS for control sap.m/RangeSlider      */
/* Belize High Contrast White theme  */
/* ================================= */

html.sap-desktop .sapMSliderProgress:focus:before {
	border: 0.125rem dotted @sapUiContentFocusColor;
}

/* TODO remove after 1.62 version */
html[data-sap-ui-browser^="ie"].sap-desktop .sapMSliderProgress:focus:before {
	border-style: dashed;
}
/* END "RangeSlider.less" */

/* START "RatingIndicator.less" */
/* ====================================== */
/* CSS for control sap.m/RatingIndicator  */
/* Belize High Contrast White theme       */
/* ====================================== */

.sapMRIIconSel,
.sapMRIIconHov,
.sapMPointer .sapMRIIconUnsel {
	color: @sapUiContentIconColor;
}

.sapMRIIconUnsel {
	color: @sapUiHcReducedAltForeground;
}

.sapMRI.sapMRIDisplayOnly {
	.sapMRIIconSel{
		color: @sapUiContentIconColor;
	}
	.sapMRIIconUnsel {
		color: darken(@sapUiContentForegroundColor, 50);
	}
}

.sapMRI.sapMRIReadOnly {
  .sapMRIIconSel {
	color: @sapUiContentIconColor;
  }

  .sapMRIIconReadOnly {
	color: darken(@sapUiContentForegroundColor, 50);
  }
}

.sapMRIDisabled {
  .sapMRIIconSel {
	color: @sapUiHcReducedForeground;
  }

  .sapMRIIconUnsel {
	color: @sapUiContentDisabledTextColor;
  }
}

/* Custom focus outline */
html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled):not(.sapMRIDisplayOnly){
	outline: 0.125rem dotted @sapUiContentFocusColor;
	outline-offset: -0.125rem;
}

/* TODO remove after 1.62 version */
/* IE ignores outline-offset. Use an overlay: */
html[data-sap-ui-browser^="ie"].sap-desktop {
	.sapMRI:focus:not(.sapMRIDisabled):not(.sapMRIDisplayOnly) {
		outline: none;
		position: relative;
	}
	.sapMRI:focus:not(.sapMRIDisabled):not(.sapMRIDisplayOnly)::before {
		content: " ";
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		border: 0.125rem dotted @sapUiContentFocusColor;;
	}
}
/* END "RatingIndicator.less" */

/* START "ResponsivePopover.less" */
/* ======================================== */
/* CSS for control sap.m/ResponsivePopover  */
/* Belize High Contrast White theme         */
/* ======================================== */

.sapMResponsivePopover.sapMDialog .sapMIBar.sapMPageHeader:before {
	border-top: none;
}

/* HCB Additional Styles */
.sapMDialogPhone.sapMResponsivePopover {
	border: none;
}
/* END "ResponsivePopover.less" */

/* START "SearchField.less" */
/* ================================== */
/* CSS for control sap.m/SearchField  */
/* Belize High Contrast White theme   */
/* ================================== */

.sapMSFDisabled > .sapMSFF {
	background: @sapUiHcReducedBackground;
	border-color: @sapUiHcReducedForeground;
	color: @sapUiContentDisabledTextColor;
	font-weight: normal;
	-webkit-text-fill-color: @sapUiContentDisabledTextColor;
}

.sapMHeader-CTX .sapMBarChild > .sapMSFF {
	border-color: @sapUiFieldBorderColor;
}

/* custom buttons */
.sapMSFB {
	box-sizing: border-box;
	vertical-align: middle;
	border-width: 1px;
	border-left: 1px solid transparent;
	cursor: pointer;
}

.sapMFocus>.sapMSFF>.sapMSFB {
	color: @sapUiContentIconColor;
}

html.sap-desktop .sapMFocus > .sapMSFF::before {
	border: 0.125rem dotted @sapUiContentFocusColor;
}

html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapMFocus > .sapMSFF::before  {
		border: 0.125rem dashed @sapUiContentFocusColor;
	}
}

/* button highlight on hover/press */
html.sap-desktop .sapMSFB:hover,
.sapMSFB:active {
	/* Needs repeating statements because of IE interpretation of :focus */// TODO remove after 1.62 version
	border-width: 0 0 0 1px;
	background-color: @sapUiButtonHoverBackground;
	border-left-color: @sapUiButtonHoverBorderColor;
	border-left-style: solid;
}

.sapMFocus>.sapMSFF>.sapMSFB.sapMSFBA {
	background-color: @sapUiButtonActiveBackground;
	color: @sapUiContentIconColor;
	border-left: 1px solid @sapUiButtonActiveBorderColor;
}

.sapMSFR {
	border-right: 1px solid transparent;
}

.sapMFocus>.sapMSFF>.sapMSFR:active,
.sapMSFR:active,
.sapMSFB.sapMSFR:hover {
	border-right: 1px solid @sapUiButtonActiveBorderColor;
	border-left: 1px solid @sapUiButtonActiveBorderColor;
	background-color: @sapUiButtonActiveBackground;
}

/* active state colors */
.sapMSFI:focus {
	color: @sapUiFieldTextColor;
}

/*grouping is not allowed here*/
.sapMSFI::-webkit-input-placeholder {
	font-style:	   normal;
}

.sapMSFI:-ms-input-placeholder {
	font-style:	   normal;
}

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

/* custom placeholder if not natively supported (IE9) */// TODO remove after 1.62 version
.sapMSF>.sapMSFF>.sapMSFPlaceholder {
	font-style: normal;
}
/* END "SearchField.less" */

/* START "SegmentedButton.less" */
/* ====================================== */
/* CSS for control sap.m/SegmentedButton  */
/* Belize High Contrast White theme       */
/* ====================================== */

.sapMSegBBtn {
	.sapMSegBBtnInner {
		margin-right: 0;
		-webkit-tap-highlight-color: transparent;
	}
	&:first-child .sapMSegBBtnInner {
		border-top-left-radius: 0.375rem;
		border-bottom-left-radius: 0.375rem;
	}
	&.sapMSegBtnLastVisibleButton .sapMSegBBtnInner {
		border-top-right-radius: 0.375rem;
		border-bottom-right-radius: 0.375rem;
	}
	&.sapMSegBBtnDis {
		.sapMSegBBtnInner {
			background-color: @sapUiSegmentedButtonBackground;
			border-color: @sapUiHcReducedForeground;
			color: @sapUiContentDisabledTextColor;
		}
		&.sapMSegBBtnSel .sapMSegBBtnInner {
			background-color: @sapUiHcReducedBackground;
			color: @sapUiHcReducedAltForeground;
		}
		&.sapMSegBtnLastVisibleButton .sapMSegBBtnInner {
			border-color: @sapUiHcReducedForeground;
		}
	}
	&.sapMSegBBtnSel:focus:not(.sapMSegBBtnDis) .sapMSegBBtnInner {
		border-radius: 0;
	}
}

.sapMSegB {
	.sapMSegBBtn {
		&:not(.sapMSegBtnLastVisibleButton) .sapMSegBBtnInner {
			border-right: 1px solid transparent;
		}
		+ .sapMSegBBtn.sapMSegBBtnFocusable:focus .sapMSegBBtnInner {
			border-right: 1px solid transparent;
		}
		&.sapMSegBtnLastVisibleButton:not(.sapMSegBBtnDis) .sapMSegBBtnInner {
			border-right: 1px solid @sapUiSegmentedButtonBorderColor;
		}
		&.sapMSegBBtnDis.sapMSegBtnLastVisibleButton .sapMSegBBtnInner {
			border-right: 1px solid @sapUiHcReducedForeground;
		}
	}
}

/* Fix for disabled button border nested between active buttons */
.sapMSegBBtn.sapMSegBBtnFocusable + .sapMSegBBtnDis {
	.sapMSegBBtnInner {
		opacity: 1;
		border-left: 1px solid @sapUiSegmentedButtonBorderColor;
		border-top-color: @sapUiHcReducedForeground;
		border-bottom-color: @sapUiHcReducedForeground;
		color: @sapUiContentDisabledTextColor;
	}
	&.sapMSegBBtnSel .sapMSegBBtnInner {
		background-color: @sapUiHcReducedBackground;
		color: @sapUiHcReducedAltForeground;
	}
	& .sapMSegBBtnInner > .sapUiIcon {
		opacity: 0.5;
	}
}

/* Custom focus outline: */
.sapMSegBBtnFocusable {
	&:focus .sapMSegBBtnInner {
		outline: 0.125rem dotted @sapUiContentFocusColor;
		outline-offset: -0.125rem;
		border: 1px solid transparent;
	}
	&.sapMSegBBtnSel:focus .sapMSegBBtnInner {
		border: 1px solid transparent;
	}
	&:active + .sapMSegBBtn,
	&:focus + .sapMSegBBtn {
		.sapMSegBBtnInner {
			border-left: 1px solid transparent;
		}
		&:not(.sapMSegBtnLastVisibleButton) .sapMSegBBtnInner {
			border-left: 1px solid transparent;
		}
		&.sapMSegBtnLastVisibleButton .sapMSegBBtnInner {
			border-left: 1px solid transparent;
		}
	}
	&.sapMSegBBtnSel:focus + .sapMSegBBtn .sapMSegBBtnInner {
		border-left: 1px solid transparent;
	}
}

/* IE mobile and desctop ignores outline-offset. Use an overlay: */
html[data-sap-ui-browser^="ed"].sap-desktop .sapMSegB,
html[data-sap-ui-browser^="ie"].sap-desktop .sapMSegB {
	.sapMSegBBtn:focus .sapMSegBBtnInner {
		outline: none;
		position: relative;
	}
	.sapMSegBBtn:not(.sapMSegBBtnDis):focus .sapMSegBBtnInner:before {
		content: " ";
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		position: absolute;
		left: -1px;
		top: -1px;
		border: 2px dashed @sapUiContentFocusColor;
		pointer-events: none;
	}
	.sapMSegBBtn.sapMSegBtnLastVisibleButton:focus .sapMSegBBtnInner {
		margin-right: 0;
	}
}

/* Android 4.1 to 4.3 focus fix */
html[data-sap-ui-os^="Android4.1"][data-sap-ui-browser^="an"],
html[data-sap-ui-os^="Android4.2"][data-sap-ui-browser^="an"],
html[data-sap-ui-os^="Android4.3"][data-sap-ui-browser^="an"] {
	.sapMSegBBtn:not(.sapMSegBBtnSel):focus .sapMSegBBtnInner {
		background-color: transparent;
	}
	.sapMSegBBtnSel:focus .sapMSegBBtnInner {
		background-color: @sapUiSegmentedButtonSelectedBackground;
	}
}

/* Compact size */
.sapUiSizeCompact {
	.sapMSegBBtn:not(.sapMSegBIcons) .sapMSegBBtnInner {
		height: 1.625rem;
		line-height: 1.5rem;
		padding-left: 0.4375rem;
		padding-right: 0.4375rem;
	}

	.sapMSegB.sapMBarChild .sapMSegBBtn .sapMSegBBtnInner {
		padding-left: 0.4375rem;
		padding-right: 0.4375rem;
	}

	.sapMSegBBtn:first-child .sapMSegBBtnInner {
		border-top-left-radius: 0.375rem;
		border-bottom-left-radius: 0.375rem;
	}

	.sapMSegBBtn.sapMSegBtnLastVisibleButton .sapMSegBBtnInner {
		border-top-right-radius: 0.375rem;
		border-bottom-right-radius: 0.375rem;
	}

	.sapMSegB.sapMSegBIcons .sapMSegBBtnMixed img {
		padding: 0;
	}

	.sapMSegB .sapMBtnIconLeft {
		margin-left: 0;
	}

}

/* Android size compact fix */
html[data-sap-ui-os^="Android4.1"][data-sap-ui-browser^="an"] {
	.sapUiSizeCompact .sapMSegBBtn img {
		padding-bottom: 0.256rem;
	}
}
/* END "SegmentedButton.less" */

/* START "Select.less" */
/* ================================= */
/* CSS for control sap.m/Select      */
/* Belize High Contrast White theme  */
/* ================================= */

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

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

/* hover and focus */

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

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

/* FIX: IE and Edge do not support css outline-offset */
/* TODO remove after 1.62 version */
html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapMSlt.sapMSltDefault:focus:not(.sapMSltPressed) {
		outline: none;
		position: relative;
	}

	.sapMSlt.sapMSltDefault:focus:not(.sapMSltDisabled):not(.sapMSltPressed)::before {
		content: "";
		box-sizing: border-box;
		position: absolute;
		top: 1px;
		right: 1px;
		bottom: 1px;
		left: 1px;
		border: 0.125rem dashed @sapUiContentFocusColor;
	}
}

/* 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:focus {
	line-height: 0;
}

/* icon only hover and focus */

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

.sapMSlt.sapMSltIconOnly:focus.sapMSltHoverable:hover {
	background: @sapUiButtonLiteHoverBackground;
	border-color: transparent;
}

/* FIX: IconOnly mode - IE and Edge do not support css outline-offset */
/* TODO remove after 1.62 version */
html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapMSlt.sapMSltIconOnly:not(.sapMSltExpanded):focus {
		outline: none;
		position: relative;
		border-color: transparent;

		&:before {
			content: "";
			box-sizing: border-box;
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			border: 0.125rem dashed @sapUiContentFocusColor;
		}
	}
}

/* pressed */

html.sap-desktop .sapMSltPressed.sapMSltIconOnly:not(.sapMSltDisabled) {
	border-color: transparent;
}

/* pressed and hover */

.sapMSltIconOnly.sapMSltPressed.sapMSltHoverable:hover {
	background: @sapUiToggleButtonPressedHoverBackground;
	border-color: transparent;
}

/* value state */

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

.sapMSltInformation {
	border-color: @sapUiFieldWarningColor;
}

/* disabled */

.sapMSltDisabled {
	background: @sapUiHcReducedBackground;
	border-color: @sapUiHcReducedForeground;
	color: @sapUiContentDisabledTextColor;
}
/* ------------------------------ */
/* picker                         */
/* ------------------------------ */
@_sap_m_SltPicker_SubHeader_BoxShadow_Bottom: 0.125rem;
div.sapMSltPicker {
	.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';
		}
	}
}

/* ------------------------------ */
/* label                          */
/* ------------------------------ */

/* value state */

.sapMSltLabelWarning,
.sapMSltLabelError {
	font-style: italic;
}

.sapMSltLabelError {
	font-weight: bold;
}

/* ------------------------------ */
/* arrow                          */
/* ------------------------------ */

/* hover */

.sapMSltHoverable:not(.sapMSltPressed):hover > .sapMSltArrow {
	border-left: 0.0625rem solid @sapUiFieldHoverBorderColor;
}

/* pressed */

.sapMSltPressed > .sapMSltArrow {
	border-left: 0.0625rem solid @sapUiFieldActiveBorderColor;
}

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

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

html.sap-desktop .sapMSltIconOnly:not(.sapMSltExpanded):focus {
	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;
}
/* END "Select.less" */

/* START "SelectList.less" */
/* ================================= */
/* CSS for control sap.m/SelectList  */
/* Belize High Contrast White theme  */
/* ================================= */

@_sap_m_SelectList_ItemBelizeHCWFocus_Height: 7px; // 2 borders * 2px + 2 offsets (top and bottom) * 1px + 1px due to browser rendering issues

/* ------------------------------ */
/* item                           */
/* ------------------------------ */

.sapMSelectListItemBase {
	border-bottom: 1px solid @sapUiListBorderColor;
}

/* selected */
.sapMSelectListItemBaseSelected {
	background: @sapUiListSelectionBackgroundColor;
}

.sapMSltPicker {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.sapMSltPicker-CTX .sapMSelectListItemBaseSelected,
.sapMComboBoxBasePicker-CTX .sapMSelectListFocus .sapMSelectListItemBaseSelected {
	outline: 0.125rem dotted @sapUiContentFocusColor;
	outline-offset: -0.188rem;
}

/* disabled */
.sapMSelectListItemBaseDisabled {
	background: @sapUiHcReducedBackground;
	color: @sapUiContentDisabledTextColor;
}

/* focus */
html.sap-desktop li.sapMSelectListItemBase:focus {
	outline: 0.125rem dotted @sapUiContentFocusColor;
	outline-offset: -0.188rem;
}

/* FIX: IE and Edge do not support css outline-offset */
/* TODO remove after 1.62 version */
html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {

	.sapMSelectListItemBase:not(.sapMSelectListRow):focus::before {
		border: 0.125rem dashed @sapUiContentFocusColor;
	}

	.sapMSltPicker-CTX,
	.sapMComboBoxBasePicker-CTX {
		.sapMSelectListItemBaseSelected:not(.sapMSelectListRow)::before {
			border: 0.125rem dashed @sapUiContentFocusColor;
		}
	}

	.sapMSelectListItemBase:focus,
	.sapMSltPicker-CTX .sapMSelectListItemBaseSelected,
	.sapMComboBoxBasePicker-CTX .sapMSelectListFocus .sapMSelectListItemBaseSelected {
		.sapMSelectListCell::before {
			border-top: 0.125rem dashed @sapUiContentFocusColor;
			border-bottom: 0.125rem dashed @sapUiContentFocusColor;
			height: calc(@_sap_m_SelectList_ItemHeight ~" - " @_sap_m_SelectList_ItemBelizeHCWFocus_Height);
		}

		.sapMSelectListFirstCell.sapMSelectListCell::before {
			border-left: 0.125rem dashed @sapUiContentFocusColor;
		}

		.sapMSelectListLastCell.sapMSelectListCell::before {
			border-right: 0.125rem dashed @sapUiContentFocusColor;
		}
	}

	.sapUiSizeCompact {
		.sapMSelectListItemBase:focus,
		.sapMSltPicker-CTX .sapMSelectListItemBaseSelected,
		.sapMComboBoxBasePicker-CTX .sapMSelectListFocus .sapMSelectListItemBaseSelected {
			.sapMSelectListCell::before {
				height: calc(@_sap_m_SelectList_ItemCompactHeight ~" - " @_sap_m_SelectList_ItemBelizeHCWFocus_Height);
			}
		}
	}
}
/* END "SelectList.less" */

/* START "Shell.less" */
/* ================================= */
/* CSS for control sap.m/Shell       */
/* Belize High Contrast White theme  */
/* ================================= */

/* background color class for Shell header */
.sapMShellBackgroundColorOnlyIfDefault {
	background-color: @sapUiGlobalBackgroundColor;
}

html.sap-desktop {
	.sapMShellCentralBox {
		box-shadow: 0 0 2.5rem 0.125rem @sapUiContentShadowColor;
		border-right: 1px solid @sapUiHcReducedAltForeground;
		border-left: 1px solid @sapUiHcReducedAltForeground;
	}
}

.sapMShellBrandingBar {
	background: none;
}

@media (min-width: @_sap_m_Shell_AppWidthLimit) {
	html.sap-desktop {
		.sapMShellAppWidthLimited {
			.sapMShellCentralBox {
				background-color: @sapUiBaseBG;
			}
		}
	}
}
/* END "Shell.less" */

/* START "SinglePlanningCalendarGrid.less" */
.sapMSinglePCBlockers,
.sapMSinglePCAppointments {
	.sapUiCalendarApp {
		&.sapUiCalendarAppSel::after {
			top: 1px;
			bottom: 1px;
			right: 1px;
			left: 1px;
		}
	}
}

html.sap-desktop {
	.sapMSinglePCBlockersRow > .sapMSinglePCBlockersColumns > .sapMSinglePCBlockersColumn:focus::after,
	.sapMSinglePCGridContent .sapMSinglePCColumns .sapMSinglePCRow:focus::after {
		border: 0.125rem dotted @sapUiContentFocusColor;
	}
}

.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps {
	&:focus {
		.sapUiCalendarAppCont:after {
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			border: 0.125rem dotted @sapUiContentFocusColor;
		}
	}
}

.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps.sapUiCalendarApp {
	width: calc(100% - 0.25rem)
}

.sapMSinglePC {
	.sapUiCalendarAppCont{
		border-left: 0.0625rem solid @sapUiContentForegroundBorderColor;
	}
	.sapMSinglePCColumnHeader .sapUiCalItems .sapUiCalItem:focus {
		outline: none;
	}
}

.calendarRowTypeColorMixIn(@class, @iitemtypeclass, @color){
	.sapMSinglePCAppointments, .sapMSinglePCBlockers {
		.@{class}.sapMSinglePCAppointmentWrap {
			border-left-color: @color;
		}
	}
	//Special Dates
	.@{iitemtypeclass} {
	&.sapUiCalItem.sapUiCalItem .sapUiCalItemText,
	&.sapUiCalItemSel.sapUiCalItem:not(.sapUiCalItemNow) > .sapUiCalItemText,
	&.sapUiCalItem:not(.sapUiCalItemSel):not(.sapUiCalItemNow) > .sapUiCalItemText{
		box-shadow: none;
	}
	//week views
	&.sapUiCalItem:not(.sapUiCalItemSel) {
		box-shadow: inset 0 -0.25rem 0 @color;
	}
	//week views selected
	&.sapUiCalItem.sapUiCalItemSel {
		box-shadow: inset 0 -0.25rem 0 @color, inset 0 -0.33rem white;
		.sapUiCalItemText {
			box-shadow: none;
		}
	}
	//day view
	.sapMSinglePCBlockersColumn {
		box-shadow: inset 0 0.25rem 0 @color;
	}
	}
}

.calendarRowTypeColorMixIn(sapUiCalendarAppType01, sapUiCalItemType01, @sapUiAccent1);
.calendarRowTypeColorMixIn(sapUiCalendarAppType02, sapUiCalItemType02, @sapUiAccent2);
.calendarRowTypeColorMixIn(sapUiCalendarAppType03, sapUiCalItemType03, @sapUiAccent3);
.calendarRowTypeColorMixIn(sapUiCalendarAppType04, sapUiCalItemType04, darken(saturate(@sapUiAccent2, 70), 5));
.calendarRowTypeColorMixIn(sapUiCalendarAppType05, sapUiCalItemType05, @sapUiAccent4);
.calendarRowTypeColorMixIn(sapUiCalendarAppType06, sapUiCalItemType06, @sapUiAccent6);
.calendarRowTypeColorMixIn(sapUiCalendarAppType07, sapUiCalItemType07, @sapUiAccent7);
.calendarRowTypeColorMixIn(sapUiCalendarAppType08, sapUiCalItemType08, @sapUiAccent8);
.calendarRowTypeColorMixIn(sapUiCalendarAppType09, sapUiCalItemType09, darken(@sapUiAccent6, 15));
.calendarRowTypeColorMixIn(sapUiCalendarAppType10, sapUiCalItemType10, darken(desaturate(@sapUiAccent4, 40), 2));
.calendarRowTypeColorMixIn(sapUiCalendarAppType11, sapUiCalItemType11, darken(desaturate(@sapUiAccent1,50),4));
.calendarRowTypeColorMixIn(sapUiCalendarAppType12, sapUiCalItemType12, lighten(saturate(@sapUiAccent2,40),4));
.calendarRowTypeColorMixIn(sapUiCalendarAppType13, sapUiCalItemType13, darken(desaturate(@sapUiAccent3,20),5));
.calendarRowTypeColorMixIn(sapUiCalendarAppType14, sapUiCalItemType14, lighten(desaturate(@sapUiAccent2,80),13));
.calendarRowTypeColorMixIn(sapUiCalendarAppType15, sapUiCalItemType15, desaturate(@sapUiAccent4,60));
.calendarRowTypeColorMixIn(sapUiCalendarAppType16, sapUiCalItemType16, darken(desaturate(@sapUiAccent5,20),2));
.calendarRowTypeColorMixIn(sapUiCalendarAppType17, sapUiCalItemType17, lighten(desaturate(@sapUiAccent7,55),10));
.calendarRowTypeColorMixIn(sapUiCalendarAppType18, sapUiCalItemType18, lighten(desaturate(@sapUiAccent8,40),16));
.calendarRowTypeColorMixIn(sapUiCalendarAppType19, sapUiCalItemType19, darken(desaturate(@sapUiAccent6,85),5));
.calendarRowTypeColorMixIn(sapUiCalendarAppType20, sapUiCalItemType20, darken(saturate(@sapUiAccent5,70),25));
/* END "SinglePlanningCalendarGrid.less" */

/* START "SinglePlanningCalendarMonthGrid.less" */
.sapMSPCMonthDay {
	border-top-width: 0.125rem;
	border-left-width: 0.125rem;
}

html.sap-desktop .sapMSPCMonthDay:focus::after {
	border-width: 0.125rem;
}
/* END "SinglePlanningCalendarMonthGrid.less" */

/* START "Slider.less" */
/* ================================= */
/* CSS for control sap.m/Slider      */
/* Belize High Contrast White theme  */
/* ================================= */

/* slider */
.sapMSliderInner {
	border: 1px solid @sapUiFieldBorderColor;
	background: @sapUiFieldBackground;
	border-radius: 0.125rem;
}

/* slider handle */
.sapMSliderHandle {
	background: transparent;
	border: 0.125rem solid @sapUiFieldBorderColor;
}

/* hover */
html.sap-desktop .sapMSliderHandle:not(.sapMSliderInnerDisabled ):hover {
	background: @sapUiFieldActiveBackground;
}

/* pressed */
.sapMSliderPressed:not(.sapMSliderInnerDisabled ) > .sapMSliderHandle {
	background: @sapUiFieldActiveBackground;
	border: 0.125rem solid @sapUiFieldActiveBorderColor;
}

.sapMSliderInnerDisabled {
	border: 0.063rem solid @sapUiHcReducedAltForeground;
}

.sapMSliderInnerDisabled .sapMSliderProgress {
	background: @sapUiHcReducedBackground;
}

.sapMSliderInnerDisabled > .sapMSliderHandle {
	background: transparent;
	border:0.125rem solid @sapUiHcReducedForeground;
}
/* END "Slider.less" */

/* START "SliderTooltip.less" */
/* ============================= */
/* CSS for control sap.m/SliderTooltip  */
/* Belize HCW theme                    */
/* ============================= */

/* ------------------------------ */
/* Slider Tooltip styles          */
/* ------------------------------ */

.sapMSliderTooltip {
	background: @sapUiGroupContentBackground;
	border-color: @sapUiFieldBorderColor;
}

.sapMSliderTooltipInput {
	color: @sapUiFieldTextColor;
	background: @sapUiFieldBackground;
}

.sapMSliderTooltipErrorState {
	background: @sapUiFieldInvalidBackground;
	border-color: @sapUiFieldInvalidColor;
}

.sapMSliderTooltipErrorState .sapMSliderTooltipInput {
	background: @sapUiFieldInvalidBackground;
	font-style: italic;
	font-weight: bold;
}
/* END "SliderTooltip.less" */

/* START "SlideTile.less" */
/* ================================= */
/* CSS for control sap.m/SlideTile   */
/* Belize High Contrast White theme  */
/* ================================= */

.sapMSTFocusDiv {
	border-radius: 0.25rem;
}

html.sap-desktop .sapMST:focus .sapMSTFocusDiv,
html.sap-desktop .sapMST:active .sapMGTFocusDiv {
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: 0.125rem dotted @sapUiContentFocusColor;
}

html.sap-desktop .sapMST:focus:not([tabindex]) {
	border-color: transparent;
}

/* Bulleted indicator of multiple tiles*/
.sapMSTBulleted > span {
	background-color: @sapUiTileBackground;
	border: 1px solid @sapUiTileBorderColor;
}

.sapMSTBulleted > span.sapMSTActive {
	background-color: @sapUiContentContrastIconColor;
}

.sapMST .sapMSTIconDisplayArea {
	background-color: darken(@sapUiHighlight, 18);
}

.sapMST .sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea {
	background-color: @sapUiHighlight;
}

.sapMST .sapMGT:active .sapMGTFocusDiv {
	border: none;
}

/* END "SlideTile.less" */

/* START "SplitButton.less" */
/* ================================== */
/* CSS for control sap.m/SplitButton  */
/* Belize High Contrast White theme   */
/* ================================== */

.sapMSB:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
	top: 0.25rem;
	bottom: 0.25rem;
	left: 0;
	right: 0;
	border: 0.125rem dotted @sapUiContentFocusColor;
}

.sapMITB.sapUiResponsiveContentPadding .sapMSB:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
	top: 0.3125rem;
	bottom: 0.3125rem;
	left: 0.0625rem;
	right: 0.55rem;
	border: 0.125rem dotted @sapUiContentFocusColor;
}

.sapMSB:focus .sapMBtnInner {
	border-color: @sapUiButtonBackground;
}

.sapMSB:focus .sapMSBText .sapMBtnInner {
	border-right-color: @sapUiContentFocusColor;
}

.sapMSB:focus .sapMSBArrow .sapMBtnInner {
	border-left-color: @sapUiContentFocusColor;
}

.sapUiSizeCompact {
	.sapMSB:focus .sapMSBInner::after {
		top: 0.1875rem;
		bottom: 0.1875rem;
	}
}
/* END "SplitButton.less" */

/* START "SplitContainer.less" */
/* ===================================== */
/* CSS for control sap.m/SplitContainer  */
/* Belize High Contrast White theme      */
/* ===================================== */

/* 4px border for the branding bar */
.sapMSplitContainerMaster:before {
	content: "";
	position: absolute;
	width: 0px;
	right: 0px;
	height: 0.25rem;
	top: 0;
	border-right: 1px solid @sapUiGroupContentBorderColor;
	z-index: 6;
}

/* reset the separator and branding bar when master is shown in an overlay */
.sapMSplitContainerShowHide.sapMSplitContainerPortrait,
.sapMSplitContainerHideMode {
	> .sapMSplitContainerMaster:after,
	> .sapMSplitcontainerMaster:before {
		display: none;
	}
}

.sapUiUfdShell,
.sapMPopoverCont {
	.sapMSplitContainerMaster:before {
		display: none; /* do not show in a popover */
	}
}

@media (min-height: @_sap_m_SplitContainer_MinHeightForHeader) {
	/* Shell draws its own branding bar */
	.sap-desktop .sapMShell .sapMSplitContainerMaster:before{
		display: none;
	}
}

/* HCB Additional Styles */
.sapMSplitContainerDetail {
	background-color: @sapUiBaseBG;
}
/* END "SplitContainer.less" */

/* START "StepInput.less" */
/* ================================ */
/* CSS for control sap.m/StepInput  */
/* Belize High Contrast White theme */
/* ================================ */

.sapMStepInput:focus {
	.sapMInputBaseContentWrapper:not(.sapMInputBaseReadonlyWrapper):not(.sapMInputBaseContentWrapperState):not(.sapMStepInputReadOnly) {
		&::before {
			border-width: 2px;
		}
	}
}
/* END "StepInput.less" */

/* START "SuggestionsPopover.less" */
/* ================================= */
/* CSS for control sap.m/SuggestionsPopover       */
/* Belize High Contrast White theme  */
/* ================================= */

div.sapMSuggestionsPopover {
	border: none;
	box-shadow: 0 0.25rem 1.875rem 0.125rem @sapUiContentShadowColor;
}

.sapMSuggestionsPopover > div {
	border: solid @sapUiGroupContentBorderColor;
	border-width: 0.0625rem .125rem .125rem;
	box-sizing: border-box;
}
/* END "SuggestionsPopover.less" */

/* START "Switch.less" */
/* ================================= */
/* CSS for control sap.m/Switch      */
/* Belize High Contrast White theme  */
/* ================================= */

/* ------------------------------ */
/* Switch container               */
/* ------------------------------ */

/* focus */

html.sap-desktop .sapMSwtCont:focus > .sapMSwt {
	outline: 0.125rem dotted @sapUiContentFocusColor;
}

/* ------------------------------ */
/* Switch                         */
/* ------------------------------ */

/* disabled */

.sapMSwtOn.sapMSwtDisabled:not(.sapMSwtAcceptReject) {
	background: @sapUiHcReducedBackground;
	border-color: @sapUiHcReducedAltForeground;
}

.sapMSwtOff.sapMSwtDisabled:not(.sapMSwtAcceptReject) {
	border-color: @sapUiHcReducedForeground;
}

/* ------------------------------ */
/* Switch text                    */
/* ------------------------------ */

/* disabled */

.sapMSwtOn.sapMSwtDisabled:not(.sapMSwtAcceptReject) .sapMSwtText {
	color: @sapUiHcReducedAltForeground;
}

.sapMSwtOff.sapMSwtDisabled:not(.sapMSwtAcceptReject) .sapMSwtText {
	color: @sapUiContentDisabledTextColor;
}

/* ------------------------------ */
/* Switch handler                 */
/* ------------------------------ */

/* disabled */

.sapMSwtOn.sapMSwtDisabled:not(.sapMSwtAcceptReject) .sapMSwtHandle,
.sapMSwtOff.sapMSwtDisabled:not(.sapMSwtAcceptReject) .sapMSwtHandle {
	border: 0.125rem solid @sapUiHcReducedAltForeground;
}

/* ====================================================== */
/* Switch type "AcceptReject"                             */
/* ====================================================== */

/* ----------------------------------------- */
/* Switch type "AcceptReject" common styles  */
/* ----------------------------------------- */

/* disabled */

.sapMSwtAcceptReject.sapMSwtDisabled {
	border-color: @sapUiHcReducedForeground;
}

/* ------------------------------ */
/* Switch text                    */
/* ------------------------------ */

/* hover */

.sapMSwtAcceptReject.sapMSwtHoverable:hover .sapMSwtLabel::before {
	color: @sapUiContentIconColor;
}

/* disabled */

.sapMSwtAcceptReject.sapMSwtDisabled .sapMSwtLabel::before {
	color: @sapUiContentDisabledTextColor;
}

/* ------------------------------ */
/* Switch handler                 */
/* ------------------------------ */

/* hover */

.sapMSwtAcceptReject.sapMSwtHoverable:hover .sapMSwtHandle {
	border-color: @sapUiButtonHoverBorderColor;
}

/* disabled */

.sapMSwtAcceptReject.sapMSwtDisabled .sapMSwtHandle {
	border-color: @sapUiHcReducedForeground;
}
/* END "Switch.less" */

/* START "TabContainer.less" */
/* =================================== */
/* CSS for control sap.m/TabContainer  */
/* Belize High Contrast White theme    */
/* =================================== */

.sapMTabContainer {
	.sapMTabContainerContent {
		.sapMTabContainerInnerContent {
			background-color: @sapUiGroupContentBackground;
		}
	}
}
/* END "TabContainer.less" */

/* START "Table.less" */
/* ================================= */
/* CSS for control sap.m/Table       */
/* Belize High Contrast White theme  */
/* ================================= */

html[data-sap-ui-browser='ie11'] .sapMListTbl,
html[data-sap-ui-browser^='ed'] .sapMListTbl {
	padding: 2px; /* outline must be visible */
}

.sapMListTblHeader,
.sapMListTblFooter {
	background: @sapUiListBackground;
}

.sapMListTbl {
	/* HCB Additional Style */
	border: 1px solid @sapUiListHeaderBorderColor;
}

.sapMSticky .sapMTB-Info-CTX.sapMTB.sapMListInfoTBar {
	margin-top: 0;
	margin-bottom: 0;
}

.sapMSticky .sapMListInfoTBarContainer {
	padding: 2px 0;
}

/* table column header */
.sapMListTbl th {
	border-bottom: 0.125rem solid @sapUiListHeaderBorderColor;
}

.sapMColumnHeaderActive:focus {
	outline-width: 3px;
}

/* table footer */
.sapMListTblFooter > td {
	border-top: 0.125rem solid @sapUiListTableFooterBorder;
}

/* Moved due to new default vertical-align regardless of density */
.sapMListTblNavCol,
.sapMListTblCell {
  vertical-align: top;
}

.sapUiSizeCompact{
  .sapMListTblNavCol,
  .sapMListTblCell {
    vertical-align: middle;
  }
}
/* END "Table.less" */

/* START "TabStrip.less" */
/* ================================= */
/* CSS for control sap.m/TabStrip    */
/* Belize High Contrast White theme  */
/* ================================= */

.sapMTabStrip {
	.sapMTSTabsContainer {
		.sapMTSTabs {
			.sapMTabStripItem {
				&.sapMTabStripItemSelected {
					border-bottom: solid 0.25rem @sapUiGroupTitleBorderColor;
				}
				&:focus::before {
					pointer-events: none;
					content: "";
					position: absolute;
					top: 0.0625rem;
					left: 0.0625rem;
					right: 0.0625rem;
					bottom: 0.0625rem;
					border: 0.125rem dotted @sapUiContentFocusColor;
				}
			}
		}
	}
}

.sapMTabContIcon.sapUiIcon {
	color: @sapUiContentFocusColor;
}
/* END "TabStrip.less" */

/* START "Text.less" */
/* ================================= */
/* CSS for control sap.m/Text        */
/* Belize High Contrast White theme  */
/* ================================= */

/* Transparent Toolbar Context*/
.sapMTB-Transparent-CTX .sapMText {
	text-shadow: none;
}
/* END "Text.less" */

/* START "TextArea.less" */
/* ================================= */
/* CSS for control sap.m/TextArea        */
/* Belize High Contrast White theme  */
/* ================================= */

.sapMFocus.sapMTextArea {
	& .sapMInputBaseContentWrapper {
		.sapMInputBaseInner {
			outline: 2px dotted @sapUiContentFocusColor;
			outline-offset: -3px;
		}
	}
}
/* END "TextArea.less" */

/* START "Tile.less" */
/* ================================= */
/* CSS for control sap.m/Tile        */
/* Belize High Contrast White theme  */
/* ================================= */

.sapMTile,
.sapMCustomTile {
	border: 1px solid @sapUiTileBorderColor;
	border-radius: 0.25rem;
	box-shadow: none;
    -webkit-transition-property: none;
	transition-property: none;
	background-color: @sapUiTileBackground;
}

.sapMTile:focus,
.sapMCustomTile:focus .sapMTile {
	border: 1px dotted transparent;
	border-radius: 0;
}

.sapMTile:focus::before,
.sapMTile:hover::before,
.sapMCustomTile:focus .sapMTile::before,
.sapMCustomTile:hover .sapMTile::before{
	content: "";
	position: absolute;
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	pointer-events: none;
}

html[data-sap-ui-browser^="ie"],
html[data-sap-ui-browser^="ed"] {
	.sapMTile:focus::before,
	.sapMTile:hover::before,
	.sapMCustomTile:focus .sapMTile::before,
	.sapMCustomTile:hover .sapMTile::before {
		top: 3px;
		right: 3px;
		bottom: 3px;
		left: 3px;
	}
}

.sapMTile:focus::before,
.sapMCustomTile:focus .sapMTile::before {
	outline: 0.125rem dotted @sapUiContentFocusColor;
	outline-offset: -0.25rem;
}

.sapMTile:hover,
.sapMCustomTile:hover {
	position: relative;
}

.sapMTile:hover::before,
.sapMCustomTile:hover .sapMTile::before {
	border: 0.188rem solid @sapUiTileBorderColor;
}

.sapMTile:hover,
.sapMTile:hover::before,
.sapMCustomTile:hover .sapMTile,
.sapMCustomTile:hover .sapMTile::before {
	border-radius: 0.25rem;
}

.sapMTile.sapMTileActive {
	background-color: @sapUiTileBackground;
}

.sapMTile .sapUiLocalBusyIndicator {
	background-color: @sapUiTileBackground;
	border-radius: 0.25rem;
	margin: 0.125rem;
	.sapUiLocalBusyIndicatorAnimation {
		border: none;
		box-shadow: none;
	}
}

.sapMTC.sapMTCEditable .sapMTCRemove + .sapMTileContent {
	margin-top: -0.6875rem;
}
/* END "Tile.less" */

/* START "TileContainer.less" */
/* ==================================== */
/* CSS for control sap.m/TileContainer  */
/* Belize High Contrast White theme     */
/* ==================================== */

.sapMTC .sapMTCPager SPAN {
	border: 1px solid @sapUiContentForegroundBorderColor;
}

.sapMTC .sapMTCPager SPAN.sapMTCActive {
	border: 1px solid @sapUiContentForegroundBorderColor;
}

.sapMTC .sapMTCScroller:focus::before {
	border: 0.125rem dotted @sapUiContentFocusColor;
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -1px;
	right: -1px;
}
/* END "TileContainer.less" */

/* START "TileContent.less" */
/* ================================== */
/* CSS for control sap.m/TileContent  */
/* Belize theme                       */
/* ================================== */

@_sap_m_TileContent_NewsFooterTextColor: @sapUiTileTextColor;

.sapMTileCnt.News .sapMTileCntFtrTxt {
	color: @_sap_m_TileContent_NewsFooterTextColor;
}
/* END "TileContent.less" */

/* START "TimePicker.less" */
/* ================================= */
/* CSS for control sap.m/TimePicker  */
/* Belize High Contrast White theme  */
/* ================================= */

/* ======================================== */
/* TimePicker Input Field                   */
/* ======================================== */

.sapMTimePicker {
	&.sapMTPInputActive {
		.sapUiIcon {
			border-left: 1px solid @sapUiFieldActiveBorderColor;
			margin-left: -1px;
		}
	}
}

/* PHONE STYLES */
html.sap-phone {
	/* ======================================== */
	/* TimePicker Input Field                   */
	/* ======================================== */
	.sapMTimePicker {
		&.sapMTPInputActive {
			.sapUiIcon {
				border-left: 1px solid @sapUiFieldActiveBorderColor;
				margin-left: -1px;
			}
		}
	}
}
/* END "TimePicker.less" */

/* START "TimePickerSliders.less" */
/* ================================= */
/* CSS for control sap.m/TimePickerSliders  */
/* Belize High Contrast White theme  */
/* ================================= */
.sapMTimePickerContainer {
	.sapMTPColumn {
		.sapMTimePickerSlider {
			.sapMTimePickerItem {
				&:focus {
					outline: 0.125rem dotted @sapUiContentContrastFocusColor;
				}
			}
		}
		&.sapMTPSliderExpanded {
			.sapMTimePickerSlider {
				.sapMTimePickerItem {
					&:focus {
						outline: 0.125rem dotted @sapUiContentFocusColor;
					}
				}
			}
		}

		&.sapMTPDisabled .sapMTimePickerSlider .sapMTimePickerItem {
			color: @sapUiHcReducedAltForeground;
			border-color: @sapUiHcReducedAltForeground;
			background-color: @sapUiHcReducedBackground;
		}
	}
}

/* IE mobile and desktop ignores outline-offset. Use an overlay: */
html[data-sap-ui-browser^="ie"] {
	.sapMTimePickerContainer .sapMTPColumn.sapMTPSliderExpanded .sapMTPPickerSelectionFrame {
		outline: none;
	}
	.sapMTPPickerSelectionFrame:before {
		content: " ";
		box-sizing: border-box;
		position: absolute;
		left: 0.1875rem;
		top: 0.1875rem;
		bottom: 0.0625rem;
		right: 0.0625rem;
		border: 0.125rem solid @sapUiContentForegroundBorderColor;
		pointer-events: none;
	}
}

.sapUiSizeCompact {
	.sapMTPColumn:not(.sapMTimePickerSliderShort) {
		.sapMTimePickerSlider {
			box-shadow: 0 0 0 1px @sapUiListBorderColor;
		}
	}
}

html[data-sap-ui-browser^="ie"].sapUiSizeCompact,
html[data-sap-ui-browser^="ie"] .sapUiSizeCompact {
	.sapMTPPickerSelectionFrame:before {
		left: 0.375rem;
		top: 0.375rem;
		bottom: 0.125rem;
		right: 0.125rem;
	}
}

.sap-phone {
	.sapMTimePickerContainer {
		.sapMTPColumn {
			.sapMTimePickerSlider {
				.sapMTimePickerItem {
					&:focus {
						outline: 0.125rem dotted @sapUiContentContrastFocusColor;
					}
				}
			}
			&.sapMTPSliderExpanded {
				.sapMTimePickerSlider {
					.sapMTimePickerItem {
						&:focus {
							outline: 0.125rem dotted @sapUiContentFocusColor;
						}
					}
				}
			}
		}
	}
}
/* END "TimePickerSliders.less" */

/* START "ToggleButton.less" */
/* =================================== */
/* CSS for control sap.m/ToggleButton  */
/* Belize High Contrast White theme    */
/* =================================== */

/* Disabled toggled button */
.sapMBtnDisabled .sapMToggleBtnPressed.sapMBtnInner,
html.sap-desktop .sapMBtnDisabled .sapMToggleBtnPressed,
.sapMBtnDisabled .sapMToggleBtnPressed,
html.sap-desktop .sapMBtnDisabled .sapMIBar-CTX .sapMToggleBtnPressed,
.sapMBtnDisabled .sapMIBar-CTX .sapMToggleBtnPressed,
html.sap-desktop .sapMBtnDisabled .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed,
.sapMBtnDisabled .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed {
	color: @sapUiHcReducedAltForeground;
	border-color: @sapUiHcReducedAltForeground;
	background-color: @sapUiHcReducedBackground;
}

/* Icon in disabled toggled button */
.sapMBtnDisabled .sapMToggleBtnPressed.sapMBtnInner .sapMBtnIcon {
	color: @sapUiHcReducedAltForeground;
}

.sapMTB-Transparent-CTX span.sapMBtnInner.sapMToggleBtnPressed .sapMBtnIcon,
.sapMTB-Transparent-CTX span.sapMBtnInner.sapMToggleBtnPressed.sapMBtnTransparent > .sapMBtnIcon,
html.sap-desktop .sapMTB-Transparent-CTX .sapMToggleBtnPressed.sapMBtnTransparent > .sapMBtnIcon {
  color: @sapUiHcStandardForeground;
}

.sapMBtnDisabled .sapMToggleBtnPressed.sapMBtnInner .sapMBtnIcon,
.sapMBtnDisabled .sapMToggleBtnPressed.sapMBtnInner.sapMBtnTransparent .sapMBtnIcon,
html.sap-desktop.sapMToggleBtnPressed.sapMBtnTransparent.sapMBtnDisabled > .sapMBtnIcon{
  color: @sapUiHcReducedAltForeground;
}
/* END "ToggleButton.less" */

/* START "Token.less" */
/* ================================= */
/* CSS for control sap.m/Token       */
/* Belize High Contrast White theme  */
/* ================================= */

html.sap-desktop .sapMToken:focus {
	outline: 0.125rem dotted @sapUiContentFocusColor;
	outline-offset: -3px;
}

html[data-sap-ui-browser^="ie"].sap-desktop, /* TODO remove after 1.62 version */
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapMToken:focus {
		.sapMTokenText:before {
			border: 0.125rem dashed @sapUiContentFocusColor; //dashed only in IE due to visual issues with dotted - ticket 1670468323
		}
	}
}
/* END "Token.less" */

/* START "Tokenizer.less" */
/* ================================= */
/* CSS for control sap.m/Tokenizer   */
/* Belize High Contrast White theme  */
/* ================================= */

html.sap-desktop .sapMTokenizer:focus{
	outline: 0.125rem dotted @sapUiContentFocusColor;
}

html[data-sap-ui-browser^="ie"].sap-desktop, /* TODO remove after 1.62 version */
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapMTokenizer:focus {
		&:before {
			border: 0.125rem dotted @sapUiContentFocusColor;
		}
	}
}

/* ------------------------------ */
/* Disabled                       */
/* ------------------------------ */

.sapMTokenizer.sapMTokenizerDisabled .sapMToken  {
  &.sapMToken:hover,
  &.sapMToken:focus,
  &.sapMTokenSelected,
  &.sapMToken .sapMTokenIcon {
    background: @sapUiButtonBackground;
    cursor: default;
    color: @sapUiButtonTextColor;
    outline: none;
  }

  &.sapMTokenText {
    color: @sapUiButtonTextColor;
  }
}
/* END "Tokenizer.less" */

/* START "Toolbar.less" */
/* ================================= */
/* CSS for control sap.m/Toolbar     */
/* Belize High Contrast White theme  */
/* ================================= */

html.sap-desktop .sapMTBActive:focus {
	outline: 0.125rem dotted @sapUiContentContrastFocusColor;
	outline-offset: -0.3125rem;
}

/* Info Toolbar Context */
.sapMTB-Info-CTX.sapMTB {
	height: 1.75rem;
	padding: 0 .25rem 0 .5rem;
	margin: 0.125rem 0.1875rem;
}

.sapMTB-Info-CTX.sapMTB.sapMTBStandard {
	border: 0.125rem solid @sapUiGroupTitleBorderColor;
	border-radius: 0.3125rem;
}

/* IE ignores outline-offset. Use an overlay: */
/* TODO remove after 1.62 version */
html[data-sap-ui-browser^="ie"].sap-desktop {
	.sapMTBActive:focus {
		outline: none;
		position: relative;
	}
	.sapMTBActive:focus:before {
		content: " ";
		box-sizing: border-box;
		width: calc(~'100% - 0.0625rem');
		height: calc(~'100% - 0.0625rem');
		position: absolute;
		left: 0;
		top: 0;
		border: 0.125rem dotted @sapUiContentContrastFocusColor;
		pointer-events: none;
	}
}

/* HCB Additional Styles */
.sapMTB-Solid-CTX.sapMTB.sapMTBStandard {
	border: 1px solid @sapUiGroupTitleBorderColor;
}

.sapMFooter-CTX.sapMTB.sapMTBStandard {
	border-top: 1px solid @sapUiPageFooterBorderColor;
}
/* END "Toolbar.less" */

/* START "ToolbarSeparator.less" */
/* ======================================= */
/* CSS for control sap.m/ToolbarSeparator  */
/* Belize High Contrast White theme        */
/* ======================================= */

.sapMFooter-CTX > .sapMTBSeparator {
	background: @sapUiPageFooterBorderColor;
}
/* END "ToolbarSeparator.less" */

/* START "UploadCollection.less" */
/* ======================================= */
/* CSS for control sap.m/UploadCollection  */
/* Belize High Contrast White theme        */
/* ======================================= */

/*padding between buttons */
.sapMBtn.sapMUCFirstButton {
	padding-right: 0.5rem;
}

/*padding between buttons */
.sapUiSizeCompact .sapMBtn.sapMUCFirstButton {
	padding-right: 0.5rem;
}

/* Text: Description (Progress) */
.sapMLabel.sapMUCProgress {
	font-size: @sapMFontMediumSize;
	color: @sapUiContentLabelColor;
}

/*Drag && Drop*/
.sapMUC .sapMUCDragDropOverlay.sapMUCDropIndicator:after {
	background-color: transparent;
}

/* ************************************************************************************* */
/* local fixes: should be done by used simple controls
/* ************************************************************************************* */
.sapMUCItemIconInactive.sapUiIcon:focus,
.sapMUCItemIcon.sapUiIcon:focus,
.sapMUCItemImage:focus {
	outline-width: 0.125rem;
	outline-style: dotted;
}
/* END "UploadCollection.less" */

/* START "ValueStateMessage.less" */
/* ======================================== */
/* CSS for control sap.m/ValueStateMessage  */
/* Belize High Contrast White theme         */
/* ======================================== */

.sapMValueStateMessageError,
.sapMValueStateMessageWarning,
.sapMValueStateMessageInformation {
	background: @sapUiFieldBackground;
	border: 2px solid @sapUiFieldBorderColor;
	color: @sapUiBaseText;
}

.sapMValueStateMessageTop {
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
	margin-bottom: -0.125rem;
}

.sapMValueStateMessageBottom {
	border-bottom-left-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
	margin-top: -0.125rem;
}
/* END "ValueStateMessage.less" */

/* START "ViewSettingsDialog.less" */
/* ========================================= */
/* CSS for control sap.m/ViewSettingsDialog  */
/* Belize High Contrast White theme          */
/* ========================================= */

.sapMTB.sapMListHdrTBar.sapMVSDFilterHeaderToolbar {
	.sapMCb:focus::before {
		border: 0.125rem dotted @sapUiContentFocusColor;
		pointer-events: none;
	}
}

html.sap-desktop .sapMTB.sapMListHdrTBar.sapMVSDFilterHeaderToolbar {
	.sapMCb:not(.sapMCbBgDis).sapMCbHasLabel:focus:before {
		content: '';
		position: absolute;
		top: 0.675rem;
		right: 0.125rem;
		bottom: 0.675rem;
		left: 0.675rem;
	}
}

html.sap-desktop .sapUiSizeCompact .sapMTB.sapMListHdrTBar.sapMVSDFilterHeaderToolbar {
	.sapMCb:not(.sapMCbBgDis).sapMCbHasLabel:focus:before {
		content: '';
		position: absolute;
		top: 0.375rem;
		right: 0.125rem;
		bottom: 0.375rem;
		left: 0.375rem;
	}
}
/* END "ViewSettingsDialog.less" */

/* START "WheelSlider.less" */
/* ================================== */
/* CSS for control sap.m/WheelSlider  */
/* Belize High Contrast White theme   */
/* ================================== */

.sapMWS {
	.sapMWSInner {
		.sapMWSItem {
			&:focus {
				outline: 0.125rem dotted @sapUiContentContrastFocusColor;
			}
		}
	}
	&.sapMWSExpanded {
		.sapMWSInner {
			.sapMWSItem {
				&:focus {
					outline: 0.125rem dotted @sapUiContentFocusColor;
				}
			}
		}
	}
}

/* IE mobile and desktop ignores outline-offset. Use an overlay: */
html[data-sap-ui-browser^="ie"] {
	.sapMWS.sapMWSExpanded .sapMWSSelectionFrame {
		outline: none;
	}
	.sapMWSSelectionFrame:before {
		content: " ";
		box-sizing: border-box;
		position: absolute;
		left: 0.1875rem;
		top: 0.1875rem;
		bottom: 0.0625rem;
		right: 0.0625rem;
		border: 0.125rem solid @sapUiContentForegroundBorderColor;
		pointer-events: none;
	}
}

.sapUiSizeCompact {
	.sapMWS:not(.sapMWSShort) {
		.sapMWSInner {
			box-shadow: 0 0 0 1px @sapUiListBorderColor;
		}
	}
}

html[data-sap-ui-browser^="ie"].sapUiSizeCompact,
html[data-sap-ui-browser^="ie"] .sapUiSizeCompact {
	.sapMWSSelectionFrame:before {
		left: 0.375rem;
		top: 0.375rem;
		bottom: 0.125rem;
		right: 0.125rem;
	}
}

.sap-phone {
	.sapMWS {
		.sapMWSInner {
			.sapMWSItem {
				&:focus {
					outline: 0.125rem dotted @sapUiContentContrastFocusColor;
				}
			}
		}
		&.sapMWSExpanded {
			.sapMWSInner {
				.sapMWSItem {
					&:focus {
						outline: 0.125rem dotted @sapUiContentFocusColor;
					}
				}
			}
		}
	}
}
/* END "WheelSlider.less" */

/* START "WizardProgressNavigator.less" */
/* ============================================== */
/* CSS for control sap.m/WizardProgressNavigator  */
/* Belize High Contrast White theme               */
/* ============================================== */

.sapMWizardProgressNavAnchor:focus {
	outline: 2px dotted @sapUiContentFocusColor;
}

.sapMWizardProgressNavStep[data-sap-ui-wpn-step-current="true"] {
	& .sapMWizardProgressNavAnchor::after {
		background: @sapUiObjectHeaderBorderColor;
	}
}

.sapMWizardProgressNavStep[data-sap-ui-wpn-step-active="true"] {

	/* anchors in all steps after the active one have inactive style */
	& ~ .sapMWizardProgressNavStep .sapMWizardProgressNavAnchorCircle {
		background: @sapUiHcReducedBackground;
		border-color: @sapUiHcReducedAltForeground;
		color: @sapUiHcReducedAltForeground;
	}

	/* all separators after (and including) the active step have inactive style */
	&::after,
	& ~ .sapMWizardProgressNavStep::after {
		border-bottom-color: @sapUiHcReducedAltForeground;
	}
}
/* END "WizardProgressNavigator.less" */