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

/*!
 * OpenUI5
 * (c) Copyright 2026 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_horizon_hcb/base.less"; /* ORIGINAL IMPORT PATH: "../../../../../sap/ui/core/themes/sap_horizon_hcb/base.less" */

@import "../../../../../sap/ui/core/themes/sap_horizon_hcb/global.less";

/* START "Calendar.less" */
/* ======================================== */
/* CSS for control sap.ui.unified/Calendar  */
/* Horizon High Contrast Black theme        */
/* ======================================== */

@_sap_ui_unified_Calendar_ItemColor: var(--sapLegend_WorkingBackground);
@_sap_ui_unified_Calendar_ItemHoverColor: var(--sapList_Hover_Background);
@_sap_ui_unified_Calendar_ItemBorderColor: var(--sapList_Background);
@_sap_ui_unified_Calendar_ItemWeekEndColor: var(--sapLegend_NonWorkingBackground);
@_sap_ui_unified_Calendar_ItemWeekEndHoverColor: var(--sapList_Hover_Background);
@_sap_ui_unified_Calendar_ItemOtherMonthColor: var(--sapContent_LabelColor);

.sapUiCal {
	border-radius: 0.5rem;
}

.sapUiCalItem,
.sapUiCalWeekNum {
	height: 2.875rem;
}

.sapUiCalWeekNum:hover {
	background-color: var(--sapList_Hover_Background);
	border-radius: 0.5rem;
}

/* calendar should have only a border if on popup */
.sapUiCal[data-sap-ui-popup] {
	border-color: var(--sapContent_ForegroundBorderColor);
}

html[data-sap-ui-browser^='ff'].sap-desktop .sapUiCalHead > .sapUiCalHeadB:focus {
	outline-offset: 0; /* to hide firefox bug with native outline always displayed */
}

html.sap-desktop .sapUiCalHead > .sapUiCalHeadB:focus::before,
html.sap-desktop .sapUiCalHead > .sapUiCalHeadNext:focus::before,
html.sap-desktop .sapUiCalHead > .sapUiCalHeadPrev:focus::before {
	content: "";
	position: absolute;
	box-sizing: border-box;
	left: 0.125rem;
	top: 0.125rem;
	right: 0.125rem;
	bottom: 0.125rem;
	border: 0.125rem dotted var(--sapContent_FocusColor);
	pointer-events: none;
	border-radius: 0.375rem;
}

.sapUiCalHeadB {
	position: relative;
}

html.sap-desktop .sapUiCalHead > .sapUiCalHeadB:focus:active {
	border-color: var(--sapContent_ContrastFocusColor);
}

.sapUiCalHead > button,
.sapUiCalCancel {
	font-family: var(--sapFontBoldFamily);
	color: var(--sapButton_Lite_TextColor);
}

html.sap-desktop .sapUiCalHead > button:hover,
html.sap-desktop .sapUiCalCancel:hover,
html.sap-desktop .sapUiCalHead > button:focus,
html.sap-desktop .sapUiCalCancel:focus {
	color: var(--sapButton_Lite_TextColor);
}

.sapUiCalWH,
.sapUiCalWeekNum {
	color: var(--sapContent_LabelColor);
	font-size: var(--sapFontSmallSize);
}

html.sap-desktop .sapUiCalHead > .sapUiCalHeadNext:focus::before,
html.sap-desktop .sapUiCalHead > .sapUiCalHeadPrev:focus::before {
  content: "";
  position: absolute;
  box-sizing: border-box;
  left: 0.125rem;
  top: 0.125rem;
  right: 0.125rem;
  bottom: 0.125rem;
  border: 0.125rem dotted @sapUiContentFocusColor;
  pointer-events: none;
  border-radius: 0.375rem;
}

html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapUiCalHead > .sapUiCalHeadB{
		position: relative;
		outline: none;
	}

	.sapUiCalHead > .sapUiCalHeadB:focus:after {
		position: absolute;
		top: 0.125rem;
		left: 0.125rem;
		right: 0.125rem;
		bottom: 0.125rem;
		border: 0.0625rem dashed @sapUiContentFocusColor;
		content: "";
	}

	.sapUiCalHead > .sapUiCalHeadB:focus:active:after {
		border-color: @sapUiContentContrastFocusColor;
	}
}

.sapUiCalHead.sapUiCalHeaderWithTodayButton .sapUiCalHeadNext,
.sapUiCalHead.sapUiCalHeaderWithTodayButton .sapUiCalHeadPrev {
	position: relative;
	left:0;
	right: 0;
}

html.sap-desktop .sapUiCalHead > .sapUiCalHeadB:focus:not(:hover):not(:active),
html.sap-desktop .sapUiCalHead > .sapUiCalHeadNext:focus:not(:hover):not(:active),
html.sap-desktop .sapUiCalHead > .sapUiCalHeadPrev:focus:not(:hover):not(:active) {
	background-color: transparent;
}

.sapUiCalHead > .sapUiCalHeadB,
.sapUiCalCancel,
html.sap-desktop .sapUiCalHead > .sapUiCalHeadB:hover,
html.sap-desktop .sapUiCalHead > .sapUiCalHeadB:focus,
.sapUiCalHead .sapUiCalHeadPrev,
.sapUiCalHead .sapUiCalHeadNext,
.sapUiCalHead .sapUiCalHeadToday {
	border-radius: 0.5rem;
	border: 0.0625rem solid var(--sapButton_BorderColor);
}

html.sap-desktop .sapUiCalHead > .sapUiCalHeadB:active {
	color: var(--sapButton_Active_TextColor);
	border-color: var(--sapButton_Lite_Active_BorderColor);
}

/*** days, months, years ***/
.sapUiCalWH,
.sapUiCalItem,
.sapUiCalItemSelBetween.sapUiCalItemSel {
	border: 0.0625rem solid @_sap_ui_unified_Calendar_ItemBorderColor;
}

.sapUiCalItem {
	background-color: var(--sapLegend_WorkingBackground);
	border-radius: 0.5rem;
}

.sapUiCalRowWeekNumber {
	color: var(--sapTextColor);
	background-color: var(--sapList_Background);
	border-color: var(--sapList_BorderColor);
	border-radius: 0.5rem;
}

.sapUiCalItemNow {
	color: var(--sapTextColor);
}

.sapUiCalYearPicker,
.sapUiCalMonthPicker {
	.sapUiCalItem {
		outline: 0.0625rem solid var(--sapButton_Lite_BorderColor);
		outline-offset: -0.125rem;
		background: var(--sapButton_Lite_Background);
		color: var(--sapButton_Lite_TextColor);

		&:hover {
			outline: 0.0625rem solid var(--sapButton_Lite_Hover_BorderColor);
			color: var(--sapButton_Lite_Hover_TextColor);

			&.sapUiCalItemSel,
			&.sapUiCalItemSelBetween,
			&.sapUiCalItemSel:not(.sapUiCalItemSelBetween):not(.sapUiCalItemSelStart):not(.sapUiCalItemSelEnd) {
				outline: 0.0625rem solid var(--sapButton_Selected_Hover_BorderColor);
				background: var(--sapButton_Selected_Hover_Background);
			}
		}

		&.sapUiCalItemSel,
		&.sapUiCalItemSelBetween,
		&.sapUiCalItemSel:not(.sapUiCalItemSelBetween):not(:hover) {
			outline: 0.0625rem solid var(--sapButton_Selected_BorderColor);
			background: var(--sapButton_Selected_Background);
			color: var(--sapButton_Selected_TextColor);
		}
	}

	&.sapUiCalMonthSecType .sapUiCalItem>.sapUiCalItemSecText {
		padding-right: 0;
	}
}

/* make outline for days on number to prevent it around week number */
/* hide outline for all devices, but enable later for desktop */
.sapUiCalItem:focus {
	outline: none;
	overflow: visible;
}

html.sap-desktop .sapUiCalItem.sapUiCalItemNow:not(.sapUiCalItemSelBetween):not(.sapUiCalItemSelStart):not(.sapUiCalItemSelEnd):focus > .sapUiCalItemText {
	outline-offset: -0.45rem;
}

html.sap-desktop {

	.sapUiCalMonthPicker,
	.sapUiCalYearPicker {

		.sapUiCalItem {

			&:focus::before {
				content: '';
				position: absolute;
				box-sizing: border-box;
				left: 0.125rem;
				top: 0.125rem;
				right: 0.125rem;
				bottom: 0.125rem;
				border: 0.125rem dotted var(--sapContent_FocusColor);
				border-radius: 0.375rem;
			}

			&:focus {
				outline: 0.0625rem solid var(--sapButton_Lite_BorderColor);
			}

			&.sapUiCalItemSel,
			&.sapUiCalItemSelBetween {

				&:focus:not(:hover) {
					background: var(--sapButton_Selected_Background);
				}

				&:focus:hover {
					background: var(--sapButton_Selected_Hover_Background);
				}
			}
		}
	}
}

html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetween):focus > .sapUiCalItemText {
	color: var(--sapContent_Selected_TextColor);
}

html.sap-desktop .sapUiSizeCompact .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetween):focus > .sapUiCalDayName {
	outline-color: var(--sapContent_ContrastFocusColor);
}

.sapUiCalItemWeekEnd,
html.sap-desktop .sapUiCalItemWeekEnd:not(.sapUiCalItemSel):focus {
	background-color: var(--sapLegend_NonWorkingBackground);
}

.sapUiCalItem:hover,
.sapUiCalItemWeekEnd:hover {
	background-color: var(--sapList_Hover_Background);
}

html.sap-desktop .sapUiCalDatesRow .sapUiCalItemWeekEnd:not(.sapUiCalItemSel):hover,
html.sap-desktop .sapUiCal:not(.sapUiCalDateInt) .sapUiCalItemWeekEnd:not(.sapUiCalItemSel) :not(.sapUiCalWeekNum):hover {
	background-color: var(--sapList_Hover_Background);
	border-radius: 0.5rem;
}

html.sap-desktop .sapUiCalDatesRow .sapUiCalItemWeekEnd:not(.sapUiCalItemSel):hover {
	color: inherit;
}

html.sap-desktop .sapUiCalRow .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetween):focus > .sapUiCalItemText {
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}

html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetween):focus > .sapUiCalDayName {
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.sapUiSizeCompact .sapUiCalItem {

	&.sapUiCalItemSelBetween .sapUiCalItemText {
		position: relative;
	}
}
.sapUiSizeCompact .sapUiCalMonthSecType .sapUiCalItem {

	&.sapUiCalItemSelBetween .sapUiCalItemText {
		position: relative;
		line-height: 0.875rem;
	}
}

.sapUiCalItem {
	position: relative;

	&:focus > .sapUiCalItemText {
		position: static;
		outline: none;

		&::after {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			border: 0.125rem dotted var(--sapContent_FocusColor);
			content: '';
			border-radius: 0.5rem;
		}
	}

	&.sapUiCalItemSelBetween .sapUiCalItemText {
		position: relative;
	}

	&.sapUiCalItemNow {
		border-radius: 0.5rem;

		&:hover {
			background: var(--sapList_Hover_Background);
		}

		&.sapUiCalItemSelBetween {
			line-height: normal;

			& > .sapUiCalItemText {
				border-radius: 0.3125rem;
				margin: 0.125rem;
				width: 1.8125rem;
				height: 2.375rem;
				line-height: 2.375rem;
				top: 0.0625rem;
			}
		}

		.sapUiCalSpecialDate {
			width: calc(~'100% - 0.25rem');
			bottom: 0.125rem;
			left: 0.125rem;
		}

		&:focus .sapUiCalSpecialDate,
		&.sapUiCalItemSel .sapUiCalSpecialDate {
			width: calc(~'100% - 0.49rem');
			bottom: 0.25rem;
			left: 0.25rem;
		}

		.sapUiCalItemText {
			border: none;
		}

		&:focus > .sapUiCalItemText::after {
			top: 0.125rem;
			left: 0.125rem;
			right: 0.125rem;
			bottom: 0.125rem;
			border-radius: 0.3125rem;
		}

		&::before {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			border: 0.125rem solid var(--sapLegend_CurrentDateTime);
			content: '';
			border-radius: 0.5rem;
			z-index: 10;
			pointer-events: none;
		}

		&.sapUiCalItemSel {
			box-shadow: inset 0 0 0 0.25rem var(--sapList_Background);

			&:focus .sapUiCalSpecialDate {
				bottom: 0.35rem
			}

			&.sapUiCalItemSelBetween:focus > .sapUiCalItemText::after {
				top: 0.0625rem;
				left: 0.0625rem;
				right: 0.0625rem;
				bottom: 0.0625rem;
				border-radius: 0.25rem;
			}

			&:focus > .sapUiCalItemText::before {
				top: 0.25rem;
				left: 0.25rem;
				right: 0.25rem;
				bottom: 0.25rem;
				border-radius: 0.25rem;
			}

			&:focus > .sapUiCalItemText::after {
				top: 0.125rem;
				left: 0.125rem;
				right: 0.125rem;
				bottom: 0.125rem;
				border-radius: 0.3125rem;
			}
		}
	}

	.sapUiCalItemText::after {
		outline: none;
	}

	.sapUiCalSpecialDate {
		position: absolute;
		width: 100%;
		height: 0.3125rem;
		bottom: -0.0625rem;
		border-bottom-left-radius: 0.25rem;
		border-bottom-right-radius: 0.25rem;
		pointer-events: none;
		z-index: 0;
	}

	&:focus .sapUiCalSpecialDate,
	&.sapUiCalItemSel .sapUiCalSpecialDate {
		bottom: 0.0625rem;
		left: 0.0625rem;
		width: calc(~'100% - 0.125rem');
	}

	&.sapUiCalItemSel:focus .sapUiCalSpecialDate {
		bottom: 0.125rem;
	}

	.sapUiCalItemText {
		border-radius: 0.5rem;
	}
}

.sapUiCalItemOtherMonth {
	background-color: var(--sapList_Background);
	color: @_sap_ui_unified_Calendar_ItemOtherMonthColor;
}

.sapUiCalItemOtherMonth.sapUiCalItemDsbl {
	opacity: var(--sapContent_DisabledOpacity);
}

.sapUiCalItemSel {
	color: var(--sapContent_ContrastTextColor);

	&:focus > .sapUiCalItemText {

		&::after {
			top: -0.01rem;
			left: 0.025rem;
			right: 0.025rem;
			bottom: 0;
			border-radius: 0.5rem;
		}
	}
}

html.sap-desktop .sapUiCalItemOtherMonth:not(.sapUiCalItemSel) :not(.sapUiCalWeekNum):hover {
	background-color: var(--sapList_Hover_Background);
}

.sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemSelBetween) {
	background-color: var(--sapContent_Selected_Background);
	color: var(--sapContent_Selected_TextColor);
}

.sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemSelBetween):hover {
	background-color: var(--sapContent_Selected_Hover_Background);
}

.sapUiCalMonthPicker,
.sapUiCalYearPicker {

	.sapUiCalItem.sapUiCalItemDsbl {
		opacity: var(--sapContent_DisabledOpacity);
	}

	.sapUiCalItem:focus {
		line-height: 2.875rem;
	}

	&.sapUiCalMonthSecType .sapUiCalItem:focus {
		line-height: 1.875rem;
	}
}

.sapUiSizeCompact {

	.sapUiCalMonthPicker,
	.sapUiCalYearPicker {

		.sapUiCalItem:focus {
			line-height: 1.875rem;

			.sapUiCalItemSecText {
				line-height: 0.625rem;
			}
		}

		&.sapUiCalMonthSecType .sapUiCalItem:focus {
			line-height: inherit;

			.sapUiCalItemSecText {
				line-height: 0.6875rem;
			}
		}
	}
}

.sapUiCalItemSel:not(.sapUiCalItemSelBetween) > .sapUiCalItemText {
	color: var(--sapContent_Selected_TextColor);
	border-radius: 0.25rem;
	font-weight: bold;
	position: absolute;
	left: 0;
}

.sapUiCalItemSel.sapUiCalItemNow:not(.sapUiCalItemSelBetween) > .sapUiCalItemText {
	top: 0;
}

.sapUiCalItemSel {
	color: var(--sapContent_Selected_TextColor);
}

.sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemSelBetween) > .sapUiCalItemText::after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 0.125rem solid var(--sapContent_FocusColor);
	content: '';
	border-radius: 0.5rem;
}

.sapUiCalItem.sapUiCalItemSel.sapUiCalItemNow:not(.sapUiCalItemSelBetween):not(:focus) > .sapUiCalItemText::after {
	top: 0.1875rem;
	left: 0.1875rem;
	right: 0.1875rem;
	bottom: 0.1875rem;
	border-radius: 0.3125rem;
	border: 0.0625rem solid var(--sapContent_FocusColor);
}

.sapUiCalItem.sapUiCalItemSel:focus > .sapUiCalItemText::after {
	border: 0.1875rem dotted var(--sapContent_FocusColor);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemSelBetween):focus > .sapUiCalItemText::before {
	position: absolute;
	content: '';
	border-radius: 0.5rem;
	border: 0.125rem solid var(--sapContent_FocusColor);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.sapUiCalItem.sapUiCalItemSel.sapUiCalItemNow:not(.sapUiCalItemSelBetween):focus > .sapUiCalItemText::before {
	top: 0.1875rem;
	left: 0.1875rem;
	right: 0.1875rem;
	bottom: 0.1875rem;
	border-radius: 0.3125rem;
	border-width: 0.0625rem;
}


.sapUiCalItem.sapUiCalItemSel:focus > .sapUiCalItemText::after {
	top: 0.125rem;
	left: 0.125rem;
	right: 0.125rem;
	bottom: 0.125rem;
	border-radius: 0.4375rem;
	border: 0.125rem dotted var(--sapContent_FocusColor);
}

.sapUiCalItem.sapUiCalItemSel.sapUiCalItemSelBetween:focus > .sapUiCalItemText::after {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 0.4375rem;
}

.sapUiCalNoNameLine .sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemSelBetween) > .sapUiCalDayName {
	color: var(--sapContent_Selected_TextColor)
}

.sapUiCalItemSel.sapUiCalItemOtherMonth {
	background-color: var(--sapSelectedColor);
}

.sapUiCalItemSelBetween,
.sapUiCalItemSelBetween.sapUiCalItemOtherMonth {
	background-color: var(--sapList_SelectionBackgroundColor);
	color: var(--sapTextColor);

	.sapUiCalItemText {
		line-height: 2.75rem;
		border: 0.0625rem solid var(--sapList_SelectionBorderColor);
	}
}

.sapUiCalItemSel,
html.sap-desktop .sapUiCalItemSel:hover,
html.sap-desktop .sapUiCalItemSel:focus {
	border-radius: 0.5rem;
}

html.sap-desktop .sapUiCalItemSelBetween:hover {
	background-color: @sapUiListSelectionHoverBackground;
}

html.sap-desktop .sapUiCalItemSelBetween:focus:not(:hover) {
	background-color: var(--sapList_SelectionBackgroundColor);
}

.sapUiCalItemSel.sapUiCalItemNow:not(.sapUiCalItemSelBetween) > .sapUiCalItemText {
	border-radius: 0.5rem;
}

.sapUiCalItemNow.sapUiCalItemSelBetween {
	color: var(--sapTextColor);
}

.sapUiCalContentOver{
	bottom: 0.5rem;
}

/* Day names inside day */
.sapUiCalItemNow > .sapUiCalItemText > .sapUiCalItemTextAmPm {
	line-height: 2.5rem;
}

/* 2 calendar types */
.sapUiCalMonthSecType .sapUiCalItem.sapUiCalItemSelBetween > .sapUiCalItemText {
	line-height: 2rem;
}

.sapUiCalMonthSecType .sapUiCalItem.sapUiCalItemNow.sapUiCalItemSelBetween > .sapUiCalItemText {
	line-height: 1.75rem;
}

.sapUiCalMonthSecType .sapUiCalItem.sapUiCalItemNow:not(.sapUiCalItemSelBetween) > .sapUiCalItemText {
	line-height: 2.125rem;
}

.sapUiCalItemNow:not(.sapUiCalItemSelBetween) > .sapUiCalItemText {
	line-height: 2.9rem;
}

.sapUiCalMonthSecType .sapUiCalItem.sapUiCalItemSel:not(.sapUiCalItemSelBetween) > .sapUiCalItemSecText {
	color: var(--sapContent_Selected_TextColor);
}

.sapUiCalMonthSecType .sapUiCalItem > .sapUiCalItemSecText {
	padding-right: 1.1875rem;
	line-height: 0.625rem;
}

.sapUiCalMonthSecType .sapUiCalItem:focus > .sapUiCalItemSecText {
	line-height: 0.625rem;
}

.sapUiCalMonthSecType .sapUiCalItem.sapUiCalItemNow > .sapUiCalItemSecText,
.sapUiCalMonthSecType .sapUiCalItem.sapUiCalItemNow:focus > .sapUiCalItemSecText {
	width: 53%;
}

/* Day names inside day */
.sapUiCalNoNameLine .sapUiCalItem > .sapUiCalItemText {
	padding-top: 0.75rem;
}

/*** compact mode (desktop size) ***/

.sapUiSizeCompact .sapUiCalItemNow:not(.sapUiCalItemSelBetween) > .sapUiCalItemText {
	line-height: 1.95rem;
}

.sapUiCalHead > button {
	height: 2.25rem;
}

.sapUiSizeCompact {

	.sapUiCal.sapUiCalSecType .sapUiCalHeadB:not(.sapUiCalHeadToday) {
		line-height: 0.75rem;
	}

	.sapUiCalContentOver{
		bottom: 0.25rem;
	}

	/* Day names inside day */
	.sapUiCalItemNow > .sapUiCalItemText > .sapUiCalItemTextAmPm {
		line-height: 1.5rem;
	}

	.sapUiCalItemSelBetween .sapUiCalItemText,
	.sapUiCalItemSel.sapUiCalItemSelBetween:not(.sapUiCalItemNow) > .sapUiCalItemText {
		line-height: 1.75rem;
	}

	.sapUiCalMonthSecType .sapUiCalItemSel.sapUiCalItemSelBetween .sapUiCalItemText,
	.sapUiCalMonthSecType .sapUiCalItemSel.sapUiCalItemSelBetween:not(.sapUiCalItemNow) > .sapUiCalItemText {
		line-height: 1.1875rem;
	}

	.sapUiCalMonthSecType .sapUiCalItem.sapUiCalItemNow > .sapUiCalItemSecText,
	.sapUiCalMonthSecType .sapUiCalItem.sapUiCalItemNow:focus > .sapUiCalItemSecText {
		width: 60%;
	}

	.sapUiCalMonthSecType .sapUiCalItem.sapUiCalItemNow.sapUiCalItemSel > .sapUiCalItemText {
		line-height: 1.25rem;
	}

	.sapUiCalMonthSecType .sapUiCalItem.sapUiCalItemNow > .sapUiCalItemText {
		line-height: 1.3125rem;
	}
	.sapUiCalHead {
		& > button {
			margin: 0.1875rem 0;
			height: 1.625rem;
		}
	}

	.sapUiCalMonthSecType .sapUiCalItem.sapUiCalItemNow.sapUiCalItemSelBetween > .sapUiCalItemText {
		line-height: 1.0625rem;
	}

	.sapUiCalItem.sapUiCalItemNow.sapUiCalItemSelBetween > .sapUiCalItemText {
		width: 1.5rem;
		height: 1.5rem;
		line-height: 1.4375rem;
		margin: 0.1875rem;
		top: 0rem;
	}
	.sapUiCalItem.sapUiCalItemNow.sapUiCalItemSelBetween {
		&:focus > .sapUiCalItemText::after {
				top: 0.0625rem;
				left: 0.0625rem;
				right: 0.0625rem;
				bottom: 0.0625rem;
				border-radius: 0.325rem;
			}
	}

	.sapUiCalItem.sapUiCalItemNow.sapUiCalItemSel:focus .sapUiCalSpecialDate {
		bottom: 0.25rem;
	}

	.sapUiCalMonthSecType .sapUiCalItem {
		& > .sapUiCalItemSecText {
			padding-right: 0;
			padding-bottom: 0.9375rem;
			text-align: right;
			margin-right: 0.3125rem;
			width: 1.3125rem;
		}

		&:focus > .sapUiCalItemSecText {
			padding-bottom: 0.875rem;
		}
	}

	.sapUiCalMonthPicker,
	.sapUiCalYearPicker {
		&.sapUiCalMonthSecType .sapUiCalItem > .sapUiCalItemSecText {
			margin-right: 0;
			width: 100%;
		}
	}

	.sapUiCalMonthSecType .sapUiCalItem > .sapUiCalItemText,
	.sapUiCalMonthSecType .sapUiCalItem.sapUiCalItemNow > .sapUiCalItemText {
		line-height: 1.25rem;
	}

}

@media only screen and (orientation: portrait) and (min-height: 380px) {

	.sap-phone .sapUiCal[data-sap-ui-popup] > .sapUiCalCancel {
		bottom: 1rem;
		left: 25%;
		width: 50%;
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

.sapUiCalendarLandscape() {

	.sap-phone .sapUiCal[data-sap-ui-popup] {
		overflow: auto;
	}

	.sap-phone .sapUiCal[data-sap-ui-popup] > .sapUiCalHead {
		height: 1.875rem;
		padding-right: 5rem;
		box-sizing: border-box;
	}

	.sap-phone .sapUiCal[data-sap-ui-popup].sapUiCalSecType > .sapUiCalHead {
		height: 2.875rem;
	}

	.sap-phone .sapUiCal[data-sap-ui-popup] > .sapUiCalContent {
		position: absolute;
		top: 2.875rem;
		left: 0.5rem;
		right: 0.5rem;
		bottom: 1rem;
	}

	.sap-phone .sapUiCal[data-sap-ui-popup].sapUiCalSecType > .sapUiCalContent {
		top: 3.875rem;
	}

	.sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalWH {
		height: 1.25rem;
		line-height: 1.25rem;
	}

	.sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalHead > button {
		height: 100%;
	}

	.sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalHeadPrev,
	.sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalHeadNext {
		padding-bottom: 0.5rem;
		box-sizing: border-box;
	}

	.sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalHeadNext {
		right: 5.5rem;
	}

	.sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalContent {

		.sapUiCalDatesRow,
		.sapUiCalMonthView {
			position: absolute;
			top: 0.25rem;
			left: 0;
			right: 0;
			bottom: 0;
			width: auto;
			margin: 1rem;
			min-height: 11.25rem;
		}
	}

	.sap-phone .sapUiCal[data-sap-ui-popup] > .sapUiCalContent > .sapUiCalMonthPicker,
	.sap-phone .sapUiCal[data-sap-ui-popup] > .sapUiCalContent > .sapUiCalYearPicker {
		padding: 1.25rem 0.5rem 0 0.5rem;
		min-height: 11.25rem;
	}

	.sap-phone .sapUiCal[data-sap-ui-popup] {

		.sapUiCalDatesRow > div[role=row] > div,
		.sapUiCalMonthView > div[role=row] > div {
			height: 16.66%;
			min-height: 1.875rem;
		}
	}

	.sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalItem {
		height: 100%;
	}

	.sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalItem,
	.sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalWeekNum {
		line-height: 2.1875rem;
	}

	.sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalItemNow > .sapUiCalItemText {
		line-height: 1.9375rem;
	}

	.sap-phone .sapUiCal[data-sap-ui-popup] .sapUiCalWeekNum {
		height: 100%;
	}

	.sap-phone .sapUiCal[data-sap-ui-popup] > .sapUiCalCancel {
		top: 1rem;
		right: 1rem;
		width: 5rem;
		height: 1.875rem;
		padding-top: 0.25rem;
		padding-bottom: 0.5rem;
		box-sizing: border-box;
	}

	.sap-phone .sapUiCal[data-sap-ui-popup].sapUiCalSecType > .sapUiCalCancel {
		top: 1.5rem;
		padding-top: 0.5rem;
	}
}

@media only screen and (min-width : 320px) and (max-height: 379px) {

	.sapUiCalendarLandscape();
}

@media only screen and (min-width : 320px) and (min-height: 380px) and (orientation: landscape) {

	.sapUiCalendarLandscape();
}

/* colors for special days */
.dayColorMixIn(@class, @color){

	.@{class} > .sapUiCalSpecialDate {
		background-color: @color;
		border-bottom-left-radius: 0.5rem;
		border-bottom-right-radius: 0.5rem;
	}

	.@{class}.sapUiCalItemNow > .sapUiCalSpecialDate {
		box-sizing: border-box;
		height: 0.3125rem;
		border-bottom-left-radius: ~"calc(var(--sapElement_BorderCornerRadius) / 2)";
		border-bottom-right-radius: ~"calc(var(--sapElement_BorderCornerRadius) / 2)";
	}

	.@{class}.sapUiCalItemSel.sapUiCalItemNow .sapUiCalItemText {
		border-top-left-radius: ~"calc(var(--sapElement_BorderCornerRadius) / 2)";
		border-top-right-radius: ~"calc(var(--sapElement_BorderCornerRadius) / 2)";
	}

	html.sap-desktop .sapUiCal:not(.sapUiCalDateInt) .sapUiCalItem:not(.sapUiCalItemSel) {

		&.@{class} > .sapUiCalSpecialDate:hover {
			background-color: @color;
			border-bottom-right-radius: 0.25rem;
			border-bottom-left-radius: 0.25rem;
			border-top-left-radius: 0;
			border-top-right-radius: 0;
		}

		&.@{class}.sapUiCalItemNow > .sapUiCalSpecialDate:hover {
			border-bottom-right-radius: 0.125rem;
			border-bottom-left-radius: 0.125rem;
		}
	}
}

.sapUiCalTwoMonthsTwoColumnsJaZh {

	.sapUiCalHead > button.sapUiCalHeadB2 {
		margin-left: calc(~"25% - 6rem");
	}
}

.sapUiCalTwoMonthsTwoColumns {

	.sapUiCalHead > button.sapUiCalHeadB1 {
		margin-left: calc(~"25% - 6rem");
	}
}

.dayColorMixIn(sapUiCalItemType01, @_sap_ui_unified_Calendar_sapUiCalItemType01);
.dayColorMixIn(sapUiCalItemType02, @_sap_ui_unified_Calendar_sapUiCalItemType02);
.dayColorMixIn(sapUiCalItemType03, @_sap_ui_unified_Calendar_sapUiCalItemType03);
.dayColorMixIn(sapUiCalItemType04, @_sap_ui_unified_Calendar_sapUiCalItemType04);
.dayColorMixIn(sapUiCalItemType05, @_sap_ui_unified_Calendar_sapUiCalItemType05);
.dayColorMixIn(sapUiCalItemType06, @_sap_ui_unified_Calendar_sapUiCalItemType06);
.dayColorMixIn(sapUiCalItemType07, @_sap_ui_unified_Calendar_sapUiCalItemType07);
.dayColorMixIn(sapUiCalItemType08, @_sap_ui_unified_Calendar_sapUiCalItemType08);
.dayColorMixIn(sapUiCalItemType09, @_sap_ui_unified_Calendar_sapUiCalItemType09);
.dayColorMixIn(sapUiCalItemType10, @_sap_ui_unified_Calendar_sapUiCalItemType10);
.dayColorMixIn(sapUiCalItemType11, @_sap_ui_unified_Calendar_sapUiCalItemType11);
.dayColorMixIn(sapUiCalItemType12, @_sap_ui_unified_Calendar_sapUiCalItemType12);
.dayColorMixIn(sapUiCalItemType13, @_sap_ui_unified_Calendar_sapUiCalItemType13);
.dayColorMixIn(sapUiCalItemType14, @_sap_ui_unified_Calendar_sapUiCalItemType14);
.dayColorMixIn(sapUiCalItemType15, @_sap_ui_unified_Calendar_sapUiCalItemType15);
.dayColorMixIn(sapUiCalItemType16, @_sap_ui_unified_Calendar_sapUiCalItemType16);
.dayColorMixIn(sapUiCalItemType17, @_sap_ui_unified_Calendar_sapUiCalItemType17);
.dayColorMixIn(sapUiCalItemType18, @_sap_ui_unified_Calendar_sapUiCalItemType18);
.dayColorMixIn(sapUiCalItemType19, @_sap_ui_unified_Calendar_sapUiCalItemType19);
.dayColorMixIn(sapUiCalItemType20, @_sap_ui_unified_Calendar_sapUiCalItemType20);
/* END "Calendar.less" */

/* START "CalendarLegend.less" */
/* ============================================== */
/* CSS for control sap.ui.unified/CalendarLegend  */
/* Horizon High Contrast Black theme              */
/* ============================================== */

.sapUiUnifiedLegendItem {
	position: relative;

	&:focus {
		outline: none;

		&::after {
			content: '';
			position: absolute;
			box-sizing: border-box;
			inset: 0.125rem;
			border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
			pointer-events: none;
		}
	}
}

.sapUiSizeCompact .sapUiUnifiedLegendDescription {
	margin-block-start: 0.5rem;
}

.sapUiCalLegDayTypeNonWorking .sapUiUnifiedLegendSquare .sapUiUnifiedLegendSquareColor,
.sapUiUnifiedLegendNonWorkingDay .sapUiUnifiedLegendSquare .sapUiUnifiedLegendSquareColor {
	background: var(--sapLegend_NonWorkingBackground);
}

.sapUiSizeCompact {

	.sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
		margin: 0.1875rem;
	}

	.sapUiUnifiedLegendItem {

		&:focus {

			&::after {
				inset: 0.0625rem;
			}
		}
	}
}
/* END "CalendarLegend.less" */

/* START "CalendarRow.less" */
/* =========================================== */
/* CSS for control sap.ui.unified/CalendarRow  */
/* Horizon High Contrast Black theme           */
/* =========================================== */

/* intervals */
.sapUiCalendarRowAppsInt,
.sapUiCalendarRowAppsSubInt {
	border-color: @sapUiListVerticalBorderColor;
}

.sapUiCalendarRowAppsIntHead {
	font-size: var(--sapFontSmallSize);
	color: var(--sapTextColor);
}

.sapMListTblRow:not(.sapMLIBSelected) .sapUiCalendarRowAppsNoWork,
.sapMListTblSubRow:not(.sapMLIBSelected) .sapUiCalendarRowAppsNoWork {
	background-color: var(--sapLegend_NonWorkingBackground);
}

/* Appointments */
/* as outlines can't have different offsets on one side (no left border) and don't work in IE just use a inner border */
html.sap-desktop .sapUiCalendarApp:focus > .sapUiCalendarAppCont::after {
	position: absolute;
	top: 1px;
	left: 1px;
	right: 1px;
	bottom: 1px;
	content: '';
	border: 0.125rem dotted var(--sapContent_FocusColor);
	pointer-events: none;
}

.sapUiCalendarApp,
.sapUiCalendarAppCont {
	border-radius: 0.25rem;
}

.sapUiCalendarAppCont {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

html.sap-desktop .sapUiCalendarApp:focus:not(:active) > .sapUiCalendarAppCont {
	background-color: var(--sapList_Background);
}

html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:focus:hover:not(:active) > .sapUiCalendarAppCont,
html.sap-desktop .sapUiCalendarApp:hover:not(:active) > .sapUiCalendarAppCont {
	background-color: var(--sapList_Hover_Background);
}

html.sap-desktop .sapUiCalendarAppSel:focus > .sapUiCalendarAppCont::after {
	border-color: var(--sapContent_ContrastFocusColor);
	left: 2px;
}

html.sap-desktop .sapUiCalendarApp:hover:not(:active) > .sapUiCalendarAppCont {
	border-color: var(--sapList_SelectionBorderColor);
}

.sapUiCalendarAppCont {
	border-color: var(--sapContent_ForegroundBorderColor);
}

.sapUiCalendarApp.sapUiCalendarAppSel,
.sapUiCalendarApp:active,
.sapUiCalendarApp.sapUiCalendarAppSel:active {
	color: var(--sapContent_Selected_TextColor);
	background-color: var(--sapContent_Selected_Background)
}

html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:hover:not(:active),
html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:focus:not(:active) > .sapUiCalendarAppCont,
html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:focus:not(:active){
	background-color: var(--sapContent_Selected_Hover_Background);
	color: var(--sapContent_Selected_TextColor);
}

.sapUiCalendarApp.sapUiCalendarAppSel > .sapUiCalendarAppCont,
.sapUiCalendarApp:active > .sapUiCalendarAppCont,
.sapUiCalendarApp.sapUiCalendarAppSel:active > .sapUiCalendarAppCont {
	border-color: var(--sapList_SelectionBorderColor);
}

html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:focus:not(:active) > .sapUiCalendarAppCont,
html.sap-desktop .sapUiCalendarApp.sapUiCalendarAppSel:hover:not(:active) > .sapUiCalendarAppCont {
	border-color: var(--sapList_SelectionBorderColor);
	border-left-color: var(--sapList_Background);
}

.sapUiCalendarApp.sapUiCalendarAppTent > .sapUiCalendarAppCont {
	border-color: var(--sapContent_ForegroundBorderColor);
}

.sapUiCalendarApp.sapUiCalendarAppSel > .sapUiCalendarAppCont > .sapUiCalendarAppIcon,
.sapUiCalendarApp.sapUiCalendarAppSel > .sapUiCalendarAppCont > .sapUiCalendarAppArrowIconLeft,
.sapUiCalendarApp.sapUiCalendarAppSel > .sapUiCalendarAppCont > .sapUiCalendarAppArrowIconRight,
.sapUiCalendarApp.sapUiCalendarAppSel > .sapUiCalendarAppCont .sapUiCalendarAppTitle,
.sapUiCalendarApp.sapUiCalendarAppSel > .sapUiCalendarAppCont .sapUiCalendarAppText,
.sapUiCalendarApp.sapUiCalendarAppSel > .sapUiCalendarAppCont .sapUiCalendarAppDescription {
	color: var(--sapList_Active_TextColor);
}

.sapUiCalendarAppTitle {
	font-size: @sapMFontMediumSize;
	color: var(--sapTextColor);
}

.sapUiCalendarAppText {
	font-size: var(--sapFontSmallSize);
}

.sapUiCalendarRowNow {
	border-color: var(--sapLegend_CurrentDateTime);
}

/* colors for types */
.calendarRowTypeColorMixIn(@class, @iclass, @color, @bcolor) {

	.@{class}.sapUiCalendarApp,
	.@{class}.sapUiCalendarApp:active {
		border-left-color: @color;
	}

	.sapUiCalendarRowVisFilled > .sapUiCalendarRowApps > .@{class}.sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont {
		background-color: @bcolor;
	}

	.@{iclass}.sapUiCalendarRowAppsIntHead {
		background-color: @bcolor;
	}

	.@{iclass}.sapUiCalendarRowAppsIntHeadFirst {
		border-left-color: @color;
	}
}

.sapUiAppCreate.sapUiCalendarApp.sapUiCalendarAppType01 {
	border-top-color: lighten(@sapUiListBorderColor, 15);
	border-right-color: lighten(@sapUiListBorderColor, 15);
	border-bottom-color: lighten(@sapUiListBorderColor, 15);
	background-color: darken(@sapUiAccent1, 50);
	color: var(--sapList_TextColor);
}
/* END "CalendarRow.less" */

/* START "ColorPicker.less" */
/* ========================================== */
/* CSS for control sap.ui.unified.ColorPicker */
/* Horizon High Contrast Black theme          */
/* ========================================== */

.sapUiColorPicker-ColorPickerSlider.sapUiSliHori .sapUiSliBar,
.sapUiColorPicker-ColorPickerSlider.sapUiSliHori .sapUiSliBar .sapUiSliHiLi {
	border: none;
	background-color: transparent;
}

.sapUiColorPicker-ColorPickerAlphaSlider.sapUiSliHori .sapUiSliBar,
.sapUiColorPicker-ColorPickerAlphaSlider.sapUiSliHori .sapUiSliBar .sapUiSliHiLi {
	border: none;
	background-color: transparent;
}

.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker {

	.sapUiColorPicker-ColorPickerAlphaSlider,
	.sapUiColorPicker-ColorPickerSlider {

		.sapMSliderHandle {
			width: 1.0625rem;
			top: -0.5rem;
			border: 0.125rem solid var(--sapContent_ContrastShadowColor);
			background-color: transparent;
			box-shadow: inset 0 0 0 0.125rem var(--sapContent_ForegroundColor);
		}

		.sapMSliderProgress {
				border: none;
		}

		.sapMSliderInner{
			border: 0.125rem solid var(--sapContent_ContrastShadowColor);

			/* pressed */
			&.sapMSliderPressed:not(.sapMSliderInnerDisabled ) > .sapMSliderHandle {
				/* override the blue border color when the handle is pressed */
				border-color: var(--sapContent_ContrastShadowColor);
			}

			.sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus)::after {
				content: none;
			}

			&::before {
				content: none
			}
		}
	}
}

.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker {

	.sapUiColorPicker-ColorPickerHexField,
	.sapUiCPHexWrapper,
	.sapUiCPComparisonWrapper {
		margin-top: 0.5rem;
		vertical-align: top;

		.sapUiColorPicker-ColorPickerOldColor,
		.sapUiColorPicker-ColorPickerNewColor {
			height: 2.25rem;
		}
	}
}

.sapUiColorPicker-Large.sapUiCPPhone .sapUiCPComparisonWrapper,
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiCPHexWrapper,
.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker:not(.sapUiCPPhone) .sapUiCPComparisonWrapper {
	height: 2.25rem;
}

.sapUiColorPicker-Large {

	.sapUiCPHSLVText {
		padding-left: 2.125rem;
	}
}

.sapUiColorPicker-Simplified.sapUnifiedColorPicker.sapUiCPPhone .sapUiColorPicker-ColorPickerNewColor,
.sapUiColorPicker-Simplified.sapUnifiedColorPicker.sapUiCPPhone .sapUiColorPicker-ColorPickerOldColor {
	height: 2.75rem;
}

.sapUiColorPicker-Default.sapUnifiedColorPicker.sapUiCPPhone .sapUiColorPicker-ColorPickerNewColor,
.sapUiColorPicker-Default.sapUnifiedColorPicker.sapUiCPPhone .sapUiColorPicker-ColorPickerOldColor {
	height: 2.3125rem;
}

.sapUnifiedColorPicker .sapMSliderInner:not(.sapMSliderInnerDisabled).sapMSliderPressed .sapMSliderHandle,
.sapUnifiedColorPicker .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
	top: -0.5rem;
}

.sapUiSizeCompact {

	.sapUnifiedColorPicker:not(.sapUiCPPhone) .sapUiCPComparisonWrapper {
		height: 1.5rem;
		vertical-align: top;
	}

	.sapUiColorPicker-Default.sapUnifiedColorPicker:not(.sapUiCPPhone) .sapMBtn .sapMBtnInner .sapMBtnIcon {
		margin-left: 0.3rem;
	}

	.sapUiColorPicker-Simplified.sapUnifiedColorPicker.sapUiCPPhone .sapUiColorPicker-ColorPickerNewColor,
	.sapUiColorPicker-Simplified.sapUnifiedColorPicker.sapUiCPPhone .sapUiColorPicker-ColorPickerOldColor {
		height: 2.065rem;
	}

	.sapUiColorPicker-Default.sapUnifiedColorPicker.sapUiCPPhone {

		.sapUiColorPicker-ColorPickerNewColor,
		.sapUiColorPicker-ColorPickerOldColor {
			width: 2.5rem;
			height: 1.5rem;
		}

		.sapMBtn {
			width: 2.5rem;
			margin-left: 1.1rem;
		}

		.sapUiColorPicker-ColorPickerSlider {
			margin-bottom: 0.0625rem;
		}
	}

	.sapUnifiedColorPicker {

		.sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
			top: -0.375rem;
		}

		.sapUiColorPicker-ColorPickerAlphaSlider,
		.sapUiColorPicker-ColorPickerSlider {

			.sapMSliderHandle {
				top: -0.375rem;
				height: 1.25rem;
			}
		}
	}
}

.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker.sapUiCPPhone .sapUiColorPicker-ColorPickerAlphaSlider {
	padding-top: 0.1875rem;
}

.sapUiColorPicker-ColorPickerMatrix.sapUnifiedColorPicker .sapUiCPPercentSymbol {
	line-height: 2.75rem;
}

.sapUiColorPicker-ColorPickerMatrix {

	&.sapUnifiedColorPicker{

		.sapUiColorPicker-ColorPickerCircle {
			border: 0.125rem solid var(--sapField_BorderColor);
			border-radius: 6px;

			&::after {
				width: 5px;
				height: 5px;
			}
		}
	}
}
/* END "ColorPicker.less" */

/* START "FileUploader.less" */
/* ============================================ */
/* CSS for control sap.ui.unified/FileUploader  */
/* Horizon High Contrast Black theme            */
/* ============================================ */

.sapUiFup,
.sapUiFup.sapMBarChild {
	height: 2.75rem;
}

.sapUiFup.sapMInputBase.sapUiFupButtonOnly .sapMInputBaseContentWrapper {
	height: var(--sapElement_Height);
	border-radius: var(--sapButton_BorderCornerRadius);
}

.sapUiFup {
	.sapMInputBaseContentWrapper {
		.sapUiFupBrowseIcon,
		.sapUiFupClearIcon {
			line-height: 1.25rem;
			width: 2rem;
		}

		.sapMBtnInner {
			border: none;
			border-radius: 0;
		}

		.sapUiFupVisual .sapUiFupPlaceholder > div {
			font-style: normal;
		}
	}

	&.sapUiFupButtonOnly {
		&.sapMInputBase .sapMInputBaseContentWrapper:not(.sapMInputBaseReadonlyWrapper):not(.sapMInputBaseContentWrapperState):not(.sapMInputBaseDisabledWrapper),
		&.sapMInputBase:not(.sapMFocus) .sapMInputBaseContentWrapper:not(.sapMInputBaseReadonlyWrapper):not(.sapMInputBaseContentWrapperState):not(.sapMInputBaseDisabledWrapper):hover {
			border-color: initial;
			border-radius: 0.375rem;
		}
	}
}

.sapMFocus.sapMInputBase.sapUiFupButtonOnly .sapMInputBaseContentWrapper:not(.sapMInputBaseDisabledWrapper) {
	&::before {
		border: 0.125rem dotted var(--sapContent_FocusColor);
		border-radius: 0.25rem;
	}
}

.sapUiFup.sapMBarChild.sapMInputBase.sapUiFupButtonOnly > .sapMInputBaseContentWrapper {
	margin: 0;
	height: 100%;
	display: inline-flex;
	align-items: center;
}

.sapUiSizeCompact {
	.sapUiFup,
	.sapUiFup.sapMBarChild {
		height: 2rem;
	}
	.sapUiFup.sapMInputBase.sapUiFupButtonOnly > .sapMInputBaseContentWrapper {
		height: var(--sapElement_Compact_Height);
	}
	.sapUiFup {
		.sapMInputBaseContentWrapper {
			height: var(--sapElement_Compact_Height);

			.sapUiFupBrowseIcon,
			.sapUiFupClearIcon {
				height: 1.375rem;
				line-height: 1.25rem;
				width: 2rem;
			}

			.sapMBtn {
				height: var(--sapElement_Compact_Height);

				.sapMBtnContent {
					line-height: 1.375rem;
				}
			}
		}
	}
}

/* increase outline offset */
.sapMIBar-CTX .sapUiFup .sapMBtnInner:focus.sapMFocusable {
	outline-offset: -.125rem;
}

.sapUiFup .sapMBtn:focus {
	outline: none;
}

html.sap-desktop .sapUiFup .sapMFocusable:focus,
html.sap-desktop .sapUiFup .sapMFocusable:active {
	outline: 1px dotted var(--sapContent_FocusColor);
	outline-offset: -1px;
}

.sapMFooter-CTX .sapUiFup .sapMBtnInner:focus.sapMFocusable,
.sapMFooter-CTX .sapUiFup .sapMBtnInner:active.sapMFocusable,
.sapUiFup .sapMBtnInner:active.sapMBtnAccept,
html.sap-desktop .sapUiFup .sapMBtnInner:active.sapMBtnAccept,
.sapUiFup .sapMBtnInner:active.sapMBtnReject,
html.sap-desktop .sapUiFup .sapMBtnInner:active.sapMBtnReject,
.sapUiFup .sapMBtnInner:active.sapMBtnEmphasized,
html.sap-desktop .sapUiFup .sapMBtnInner:active.sapMBtnEmphasized {
	outline-color: var(--sapContent_ContrastFocusColor);
	outline-offset: -.125rem;
}

.sapMFooter-CTX .sapUiFup .sapMBtnInner:active.sapMFocusable {
	background-color: var(--sapButton_Active_Background);
}
/* END "FileUploader.less" */

/* START "Menu.less" */
/* ==================================== */
/* CSS for control sap.ui.unified/Menu  */
/* Horizon High Contrast Black theme    */
/* ==================================== */

.sapUiMnu {
	border-radius: var(--sapPopover_BorderCornerRadius);
}

.sapUiMnuItm:focus {
	outline: 0.125rem dotted var(--sapContent_FocusColor);
}

.sapUiMnuItmSbMnu > div::after {
	font-size: 1rem;
}

.sapUiMnuItm.sapUiMnuTfItm .sapUiMnuTfItemTf.sapUiMnuTfItemTfDsbl {
	opacity: var(--sapContent_DisabledOpacity);
}

/** Cozy Mode **/

.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy {

	.sapUiMnuDiv > hr {
		left: 0;
		right: 0;
		margin-top: 0;
		margin-bottom: 0;
	}

	.sapUiMnuDiv {
		height: 1px;
	}

	.sapUiMnuItm.sapUiMnuTfItm .sapUiMnuTfItemTf {
		height: @_sap_ui_unified_Menu_ItmHeightCozy - 0.625rem;
	}

}

.sapUiMnuItm.sapUiMnuItmSubMnuOpen.sapUiMnuItmHov:hover {
	background-color: @sapUiListSelectionHoverBackground;
}

.sapUiMnu .sapUiMnuDiv > hr,
.sapMList .sapMListItems .sapUiMnuDiv > hr {
	border-top: 0.0625rem solid var(--sapGroup_ContentBorderColor);
	left: 0;
	right: 0;
}

.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItm {
	height: 2.75rem;
	line-height: 2.75rem;
}

.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItmIco {
	width: 2.25rem;
	height: 2.75rem;
}

.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItmIco > .sapUiIcon {
	line-height: 2.75rem;
	font-size: 1rem;
}

.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuNoIco .sapUiMnuItmL {
	width: 0.75rem;
}

.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItmSbMnu {
	width: 2.25rem;
	height: 2.75rem;
	font-size: 0.75rem;

	&.sapUiIconMirrorInRTL {
		height: 2.75rem;
	}
}

html.sap-phone .sapUiSizeCozy .sapUiMnuItm {

	.sapUiMnuItmTxt {
		padding-left: 1rem;
	}

	.sapUiMnuItmIco + .sapUiMnuItmTxt {
		padding-left: 0;
	}
}

.sapMMenuLIArrowRightIcon {
	font-size: 1rem;
	width: 2.75rem;
	height: 2.75rem;
	line-height: 2.75rem;
}

.sapUiSizeCompact .sapUiMnuItmR, .sapUiSizeCompact .sapUiMnuNoIco .sapUiMnuItmL {
	width: 0.5rem;
}

.sapUiMnu .sapUiMnuLst .sapUiMnuItm.sapUiMnuItmSubMnuOpen,
.sapUiMnu .sapUiMnuLst .sapUiMnuItm.sapUiMnuItmSubMnuOpen.sapUiMnuItmHov {
	border-bottom: 1px solid var(--sapList_SelectionBorderColor);
}

.sapUiMnu .sapUiMnuLst .sapUiMnuItm {
	border-bottom: 1px solid transparent;
}

.sapUiMnu .sapUiMnuLst .sapUiMnuItm.sapUiMnuItmHov:active {
	border-bottom: 1px solid transparent;
}

.sapUiMnu .sapUiMnuLst .sapUiMnuItm.sapUiMnuItmSubMnuOpen.sapUiMnuItmHov:active {
	border-bottom: 1px solid transparent;
	background-color: var(--sapList_Active_Background);
}

html.sap-desktop,
html.sap-tablet {

	.sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmTxt {
		padding-left: 0.75rem;
	}

	.sapUiMnuLst > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
		padding-left: 0;
	}

	.sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmTxt,
	.sapUiMnuLst.sapUiMnuNoIco > .sapUiMnuItm > .sapUiMnuItmIco + .sapUiMnuItmTxt {
		padding-left: 0;
	}
}
/* END "Menu.less" */

/* START "ShellHeader.less" */
/**
 * @file
 * @deprecated As of version 1.44.0, together with sap.ui.unified.ShellHeader
 */
/* =========================================== */
/* CSS for control sap.ui.unified/ShellHeader  */
/* Horizon High Contrast Black theme           */
/* =========================================== */

@_sap_ui_unified_ShellHeader_ButtonBorderRadius: 6px;
@_sap_ui_unified_ShellHeader_ButtonHeight: 40px;
@_sap_ui_unified_ShellHeader_ButtonBorderWidth: 1px;

.sapUiUfdShellHeadBegin .sapUiUfdShellHeadItm.sapUiUfdShellHeadItmSep::after {
	border-left: @_sap_ui_unified_ShellHeader_ButtonBorderWidth solid var(--sapShell_BorderColor);
	right: -@_sap_ui_unified_ShellHeader_ButtonOuterSpace;
	top: @_sap_ui_unified_ShellHeader_ButtonOuterSpace/2;
}

.sapUiUfdShellHeadUsrItm::before,
.sapUiUfdShellHeadEnd .sapUiUfdShellHeadItm.sapUiUfdShellHeadItmSep::before {
	border-right: @_sap_ui_unified_ShellHeader_ButtonBorderWidth solid var(--sapShell_BorderColor);
	top: @_sap_ui_unified_ShellHeader_ButtonOuterSpace/2;
}

html.sapUiMedia-Std-Desktop .sapUiUfdShellHeadItm:hover > span {
	background-color: var(--sapHighlightColor);
}

.sapUiUfdShellHeadItm {
	margin-right: @_sap_ui_unified_ShellHeader_ButtonOuterSpace;
}

.sapUiUfdShellHeadItm > span {
	border: @_sap_ui_unified_ShellHeader_ButtonBorderWidth solid var(--sapShell_BorderColor);
	border-radius: @_sap_ui_unified_ShellHeader_ButtonBorderRadius;
	color: var(--sapTextColor);
	height: @_sap_ui_unified_ShellHeader_ButtonHeight;
	line-height: @_sap_ui_unified_ShellHeader_ButtonHeight - 2*@_sap_ui_unified_ShellHeader_ButtonOutlineWidth;
	margin-right: 2*@_sap_ui_unified_ShellHeader_ButtonOuterSpace;
	margin-top: 0;
	padding: @_sap_ui_unified_ShellHeader_ButtonBorderWidth;
	width: @_sap_ui_unified_ShellHeader_ButtonHeight;
	-webkit-font-smoothing: antialiased;
}

.sapUiUfdShellHeadUsrItmImg,
.sapUiUfdShellHeadUsrItmName,
.sapUiUfdShellHeadUsrItmExp {
	border: @_sap_ui_unified_ShellHeader_ButtonBorderWidth solid var(--sapShell_BorderColor);
	height: @_sap_ui_unified_ShellHeader_ButtonHeight;
	line-height: @_sap_ui_unified_ShellHeader_ButtonHeight - 2*@_sap_ui_unified_ShellHeader_ButtonOutlineWidth;;
	margin-top: 0;
	padding-top: @_sap_ui_unified_ShellHeader_ButtonBorderWidth;
}

html.sapUiMedia-Std-Desktop .sapUiUfdShellHeadUsrItmImg,
html.sapUiMedia-Std-Tablet .sapUiUfdShellHeadUsrItmImg {
	border-bottom-left-radius: @_sap_ui_unified_ShellHeader_ButtonBorderRadius;
	border-right: none;
	border-top-left-radius: @_sap_ui_unified_ShellHeader_ButtonBorderRadius;
}

html.sapUiMedia-Std-Desktop .sapUiUfdShellHeadUsrItmImg > img,
html.sapUiMedia-Std-Tablet .sapUiUfdShellHeadUsrItmImg > img {
	margin: 0;
}

.sapUiUfdShellHeadUsrItmName {
	border-left: none;
	border-right: none;
}

.sapUiUfdShellHeadUsrItmExp {
	border-bottom-right-radius: @_sap_ui_unified_ShellHeader_ButtonBorderRadius;
	border-left: none;
	border-top-right-radius: @_sap_ui_unified_ShellHeader_ButtonBorderRadius;
}

.sapUiUfdShellHeadUsrItm:focus .sapUiUfdShellHeadUsrItmImg,
.sapUiUfdShellHeadUsrItm:focus .sapUiUfdShellHeadUsrItmName,
.sapUiUfdShellHeadUsrItm:focus .sapUiUfdShellHeadUsrItmExp {
	border-radius: 0;
	border-style: dotted;
	border-width: 2*@_sap_ui_unified_ShellHeader_ButtonBorderWidth;
	padding-top: 0;
}

.sapUiUfdShellHeadUsrItm:focus .sapUiUfdShellHeadUsrItmImg {
	border-right: none;
	padding-bottom: 0;
	padding-left: @_sap_ui_unified_ShellHeader_ButtonInnerSpace - @_sap_ui_unified_ShellHeader_ButtonBorderWidth;
	padding-top: 0;
}

.sapUiUfdShellHeadUsrItm:focus .sapUiUfdShellHeadUsrItmName {
	border-left: none;
	border-right: none;
}

.sapUiUfdShellHeadUsrItm:focus .sapUiUfdShellHeadUsrItmExp {
	border-left: none;
	padding-bottom: 0;
	padding-right: @_sap_ui_unified_ShellHeader_ButtonInnerSpace - @_sap_ui_unified_ShellHeader_ButtonBorderWidth;
	padding-top: 0;
}

html.sapUiMedia-Std-Phone .sapUiUfdShellHeadUsrItmImg {
	border-radius: @_sap_ui_unified_ShellHeader_ButtonBorderRadius;
}

html.sapUiMedia-Std-Phone .sapUiUfdShellHeadUsrItm:focus .sapUiUfdShellHeadUsrItmImg {
	border-right: 2*@_sap_ui_unified_ShellHeader_ButtonBorderWidth dotted var(--sapContent_FocusColor);
	padding-right: @_sap_ui_unified_ShellHeader_ButtonInnerSpace - @_sap_ui_unified_ShellHeader_ButtonBorderWidth;
}

.sapUiUfdShellHeadItm:focus > span {
	border: 2*@_sap_ui_unified_ShellHeader_ButtonBorderWidth dotted var(--sapContent_FocusColor);
	border-radius: 0;
	padding: 0;
}

.sapUiUfdShellHeadUsrItmWithoutPopup .sapUiUfdShellHeadUsrItmExp {
	padding-right: @_sap_ui_unified_ShellHeader_ButtonBorderRadius;
}
/* END "ShellHeader.less" */

/* START "ShellLayout.less" */
/**
 * @file
 * @deprecated As of version 1.44.0, together with sap.ui.unified.ShellLayout
 */
/* =========================================== */
/* CSS for control sap.ui.unified/ShellLayout  */
/* Horizon High Contrast Black theme           */
/* =========================================== */

.sapUiUfdShellCurtain,
.sapUiUfdShell .sapUiUfdShellHead {
	background-color: var(--sapShell_Background);
}

.sapUiUfdShell .sapUiUfdShellBrand {
	background: transparent;
}
/* END "ShellLayout.less" */

/* START "ShellOverlay.less" */
/**
 * @file
 * @deprecated As of version 1.44.0, together with the sap.ui.unified.ShellOverlay
 */
/* ============================================ */
/* CSS for control sap.ui.unified/ShellOverlay  */
/* Horizon High Contrast Black theme            */
/* ============================================ */

.sapUiUfdShellOvrlyCntnt,
.sapUiUfdShellOvrlyHeadCntnt {
	background-color: var(--sapShell_Background);
}

.sapUiUfdShellOvrlyHeadClose,
.sapUiUfdShellOvrlyHeadClose:focus,
.sapUiUfdShellOvrlyHeadClose:visited {
	color: var(--sapButton_IconColor);
}

.sapUiUfdShellOvrlyHeadClose:active,
.sapUiUfdShellOvrlyHeadClose:hover{
	background-color: var(--sapButton_Active_Background);
}

.sapUiUfdShellOvrlyHeadClose {
	border: 1px solid var(--sapButton_BorderColor);
	border-radius: 6px;
	line-height: 1;
}

.sapUiUfdShellOvrlyHeadClose:before {
	left: -8px;
}

.sapUiUfdShellOvrlyHeadClose:focus {
	border: 2px dotted var(--sapContent_FocusColor);
	border-radius: 0;
	padding: 9px;
}

.sapUiUfdShellOvrlyAnim.sapUiUfdShellOvrly {
	background: fade(@sapUiBlockLayerBackground, 30);
}

.sapUiUfdShellOvrlyAnim.sapUiUfdShellOvrly > div {
	box-shadow: 0 0 40px 2px var(--sapContent_ShadowColor);
}

.sapUiUfdShellOvrlyHead,
.sapUiUfdShellOvrlyCntnt > div {
	border-width: 0 2px 1px 2px;
	border-color: var(--sapGroup_ContentBorderColor);
	border-style: solid;
}

html.sapUiMedia-Std-Phone .sapUiUfdShellOvrlyCntnt > div,
html.sapUiMedia-Std-Phone .sapUiUfdShellOvrlyHead {
	border-left: 0;
	border-right: 0;
}
/* END "ShellOverlay.less" */
