/* 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/baseLib/baseTheme/base.less"; /* ORIGINAL IMPORT PATH: "base.less" */

@import "global.less";
/* START "shared.less" */
/* ====================== */
/* Shared CSS Base theme  */
/* ====================== */

.sapUiThemeDesignerCustomCssCheck() when(@sapUiThemeDesignerCustomCss = true){
	content: 'true';
}
.sapUiThemeDesignerCustomCssCheck() when not(@sapUiThemeDesignerCustomCss = true){
}

link[id^="sap-ui-theme-"]::after,
.sapUiThemeDesignerCustomCss {
	.sapUiThemeDesignerCustomCssCheck;
}

.sapUiBody {
	background-color: @sapUiExtraLightBG;
	color: @sapUiText;
	font-family: @sapUiFontFamily;
	font-size: @sapUiFontSize;
	-webkit-tap-highlight-color: rgba(0,0,0,0); /* to prevent touch highlight on the entire body */
}

.sapUiArea {
	background-color: @sapUiExtraLightBG;
	color: @sapUiText;
	font-family: @sapUiFontFamily;
	font-size: @sapUiFontSize;
}

/*
 * used for static (Core) and hidden (HTML) area
 * (TODO: think about renaming static area also to hidden since static is not
 *        required for newer browsers anymore => position: static)
 */
.sapUiHidden {
	position: absolute;
	visibility: hidden;
	left: -10000px;
	top: -10000px;
	background-color: @sapUiExtraLightBG; /* repeat the body style in case the application adapts it */
	color: @sapUiText;
	font-family: @sapUiFontFamily;
	font-size: @sapUiFontSize;
}

.sapUiForcedHidden, .sapUiForcedHidden * {
	visibility: hidden !important;
}

.sapUiCorePlaintext {
	font-family: @sapUiFontFamily;
	font-size: @sapUiFontSize;
	line-height: @sapUiLineHeight;
}

.sapUiCoreDefaultFont {
	font-family: @sapUiFontFamily;
	font-size: @sapUiFontSize;
}

.sapUiCoreDefaultCursor {
	cursor: default;
}

.sapUiBLy {
	background-color: #CCCCCC;
	opacity: 0.6;
	filter: alpha(opacity=60);
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	position: fixed;
	outline: 0 none;
}

.sapUiBLyBack{
	/* to prevent HTML page from scrolling if blocked */
	overflow: hidden;
}

.sapUiPopupShield{
	position: absolute;
}

[data-sap-ui-type] {
	visibility:hidden;
}

/* CSS for windows 8 combi devices */
.sapUiBody {
	/* disable pinch zooming */
	content-zooming: none;
	-ms-content-zooming: none;
}

@media (max-width:599px) {
	.sapUiHideOnPhone {
		display : none !important;
	}
	.sapUiVisibleOnlyOnTablet {
		display : none !important;
	}
	.sapUiVisibleOnlyOnDesktop {
		display : none !important;
	}
}

@media (min-width:600px) and (max-width:1023px) {
	.sapUiHideOnTablet {
		display : none !important;
	}
	.sapUiVisibleOnlyOnDesktop {
		display : none !important;
	}
	.sapUiVisibleOnlyOnPhone {
		display : none !important;
	}
}

@media (min-width:1024px) {
	.sapUiHideOnDesktop {
		display : none !important;
	}
	.sapUiVisibleOnlyOnTablet {
		display : none !important;
	}
	.sapUiVisibleOnlyOnPhone {
		display : none !important;
	}
}

.sapUiOverlay {
	background-color: fade(@sapUiExtraLightBG, 80%);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
/*
 * Enforces 'auto' width. To be used in combination
 * with pre-defined margin classes to remove any '100%'
 * width's that might be set.
 */
.sapUiForceWidthAuto { width: auto !important; }

/*
 * Pre-defined margins classes. These contain css margin
 * properties which are flagged 'important' to make sure
 * margins that come with a control are overwritten (an
 * example for a control with a pre defined margin is the
 * sap.m.List).
 *
 * In case your control comes with width '100%', horizontal
 * margins will not work properly. If your control has a
 * width property (which is usually the case), you should
 * set that property to 'auto'.
 *
 * There are some control's though which do not have a width
 * property but still have a default width of '100%'
 * (one example would be the SimpleForm). For these cases,
 * please use css class 'sapUiForceWidthAuto' to which replace
 * your control's default width with value 'auto'.
 */

/* Margins all around */
.sapUiTinyMargin 	{ margin: @sapUiMarginTiny !important; }
.sapUiSmallMargin 	{ margin: @sapUiMarginSmall !important; }
.sapUiMediumMargin 	{ margin: @sapUiMarginMedium !important; }
.sapUiLargeMargin 	{ margin: @sapUiMarginLarge !important; }

/* Two-sided margins */
.sapUiTinyMarginBeginEnd {
	margin-left: @sapUiMarginTiny !important;
	margin-right: @sapUiMarginTiny !important;
}
.sapUiTinyMarginTopBottom {
	margin-top: @sapUiMarginTiny !important;
	margin-bottom: @sapUiMarginTiny !important;
}
.sapUiSmallMarginBeginEnd {
	margin-left: @sapUiMarginSmall !important;
	margin-right: @sapUiMarginSmall !important;
}
.sapUiSmallMarginTopBottom {
	margin-top: @sapUiMarginSmall !important;
	margin-bottom: @sapUiMarginSmall !important;
}
.sapUiMediumMarginBeginEnd {
	margin-left: @sapUiMarginMedium !important;
	margin-right: @sapUiMarginMedium !important;
}
.sapUiMediumMarginTopBottom {
	margin-top: @sapUiMarginMedium !important;
	margin-bottom: @sapUiMarginMedium !important;
}
.sapUiLargeMarginBeginEnd {
	margin-left: @sapUiMarginLarge !important;
	margin-right: @sapUiMarginLarge !important;
}
.sapUiLargeMarginTopBottom {
	margin-top: @sapUiMarginLarge !important;
	margin-bottom: @sapUiMarginLarge !important;
}

/* Single-sided margins */
.sapUiTinyMarginTop    { margin-top: @sapUiMarginTiny !important; }
.sapUiTinyMarginBottom { margin-bottom: @sapUiMarginTiny !important; }
.sapUiTinyMarginBegin  { margin-left: @sapUiMarginTiny !important; }
.sapUiTinyMarginEnd    { margin-right: @sapUiMarginTiny !important; }

.sapUiSmallMarginTop    { margin-top: @sapUiMarginSmall !important; }
.sapUiSmallMarginBottom { margin-bottom: @sapUiMarginSmall !important; }
.sapUiSmallMarginBegin  { margin-left: @sapUiMarginSmall !important; }
.sapUiSmallMarginEnd    { margin-right: @sapUiMarginSmall !important; }

.sapUiMediumMarginTop    { margin-top: @sapUiMarginMedium !important; }
.sapUiMediumMarginBottom { margin-bottom: @sapUiMarginMedium !important; }
.sapUiMediumMarginBegin  { margin-left: @sapUiMarginMedium !important; }
.sapUiMediumMarginEnd    { margin-right: @sapUiMarginMedium !important; }

.sapUiLargeMarginTop    { margin-top: @sapUiMarginLarge !important; }
.sapUiLargeMarginBottom { margin-bottom: @sapUiMarginLarge !important; }
.sapUiLargeMarginBegin  { margin-left: @sapUiMarginLarge !important; }
.sapUiLargeMarginEnd    { margin-right: @sapUiMarginLarge !important; }


/*
 * Class for responsive margins which adapts to the screen size of the currently used device
 */
@media (max-width:599px) {
	.sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiResponsiveMargin,
	.sapMSplitContainerPortrait > .sapMSplitContainerDetail .sapUiResponsiveMargin,
	.sapUiResponsiveMargin {
		margin: 0 0 1rem 0 !important;
	}
}

@media (min-width:600px) and (max-width:1023px) {
	.sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiResponsiveMargin,
	.sapUiResponsiveMargin {
		margin: 1rem !important;
	}
}

@media (min-width:1024px) {
	.sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiResponsiveMargin,
	.sapUiResponsiveMargin {
		margin: 1rem 2rem !important;
	}
}

/*
 * Content of SplitContainer Master
 * (Left hand-side of SplitContainer)
 */
.sapMSplitContainerMaster .sapUiResponsiveMargin
{
	margin: 0 0 1rem 0 !important;
}

/*
 * Content of SplitContainer Detail
 * (Right hand-side of SplitContainer)
 */
.sapMSplitContainerDetail .sapUiResponsiveMargin{
	margin: 1rem !important;
}


/*
 * No margins, use these classes to remove existing margins.
 * IMPORTANT: THESE CLASSES MUST COME AFTER ALL OTHER PRE-DEFINED MARGINS
 * to make sure that their 'IMPORTANT' statement wins
 */
.sapUiNoMargin    { margin: 0 !important; } /*Removes ALL margins*/
/*Use the following to remove a margin on a particular side of your container*/
.sapUiNoMarginTop    { margin-top: 0 !important; }
.sapUiNoMarginBottom { margin-bottom: 0 !important; }
.sapUiNoMarginBegin  { margin-left: 0 !important; }
.sapUiNoMarginEnd    { margin-right: 0 !important; }

.sapUiInvisibleText, .sapUiHiddenPlaceholder {
	display: none !important;
}

/* hides the content to sighted users, but still allow it to be read by screen readers */
.sapUiPseudoInvisibleText {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	user-select: none;
	left: 0;
	top: 0;
}

/* CSS classes for bridging two buttons in the technical info dialog */
.sapMBtn.sapUiDebugTechnicalInfoAssistantButton {
	margin-right: 0 !important;
}

.sapMBtn.sapUiDebugTechnicalInfoAssistantButton>.sapMBtnInner {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.sapMBtn.sapUiDebugTechnicalInfoAssistantSettingsButton {
	margin-left: 0 !important;
}

.sapMBtn.sapUiDebugTechnicalInfoAssistantSettingsButton>.sapMBtnInner  {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}
/* END "shared.less" */


/* START "BlindLayer.less" */
/* ======================================= */
/* CSS for control sap.ui.core/BlindLayer  */
/* Base theme                              */
/* ======================================= */

.sapUiBliLy {
	position: absolute;
	display: inline-block;
}

.sapUiBliLy > iframe {
	background-color: transparent;
	border: none;
	margin: 0;
	padding: 0;
	position: absolute;
	opacity: 0.01;
	filter: alpha(opacity=1);
	width: 100%;
	height: 100%;
}
/* END "BlindLayer.less" */

/* START "BusyIndicator.less" */
/* ========================================== */
/* CSS for control sap.ui.core/BusyIndicator  */
/* Base theme                                 */
/* ========================================== */

.sapUiBusy {
	background-image: url(img/Busy.gif);
	display: block;
	width: 48px;
	height: 48px;
	outline: none;
	cursor: wait;

	top: 0 !important;
}

.sapUiBlyBusy {
	cursor: wait;
}
/* END "BusyIndicator.less" */

/* START "DragAndDrop.less" */
.sapUiDnDDragging {
	opacity: 0.5;
}

.sapUiDnDNoScrolling {
	overflow: hidden;
}

.sapUiDnDGhostContainer {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.sapUiDnDIndicator {
	position: absolute;
	pointer-events: none;
	z-index: 99;

	&[data-drop-position=Between] {
		background: @sapUiDragAndDropActiveBorderColor;

		&:before {
			content: "";
			position: absolute;
			width: 0.25rem;
			height: 0.25rem;
			border-radius: 0.25rem;
			border: 0.125rem solid @sapUiDragAndDropActiveBorderColor;
			background: @sapUiWhiteBG;
			pointer-events: none;
		}

		&[data-drop-layout=Vertical] {
			height: 0.125rem;

			&:before {
				top: -0.175rem;
			}

			&:before {
				left: 0;
			}
		}

		&[data-drop-layout=Horizontal] {
			width: 0.125rem;

			&:before {
				left: -0.175rem;
			}

			&:before {
				top: 0;
			}
		}
	}

	&[data-drop-position=On] {
		background: @sapUiDragAndDropActiveBackground;
		border: 0.125rem solid @sapUiDragAndDropActiveBorderColor;
		box-sizing: border-box;
	}
}

[data-sap-ui-draggable=true] {
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}

[data-sap-ui-draggable=true]:active {
	cursor: grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}
/* END "DragAndDrop.less" */

/* START "Icon.less" */
/* ================================= */
/* CSS for control sap.ui.core/Icon  */
/* Base theme                        */
/* ================================= */

.sapUiIcon {
	cursor: default;
	text-align: center;
	display: inline-block;
	vertical-align: baseline;
	line-height: 1;
}

.sapUiIconPointer {
	cursor: pointer;
}

.sapUiIcon:focus {
	outline-width: 1px;
	outline-style: dotted;
}

.sapUiIcon::before {
	content: attr(data-sap-ui-icon-content);
	speak: none;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}

/*
 * The mirroring of icon is done on the pesudo element and not the root DOM.
 * Because:
 *  1. All direction related css styles are flipped in RTL, for example padding-left
 *   is changed to padding right in RTL.
 *  2. The mirroring of an icon in RTL mode flips the css style again which results
 *   in the wrong direction.
 *  3. Custom CSS style should be set on the root DOM and not the pesudo element.
 */
html[dir=rtl] .sapUiIconMirrorInRTL:not(.sapUiIconSuppressMirrorInRTL) {
	&::before, &::after /* some controls render the icon using 'after' pesudo element */ {
		transform: scale(-1,1);
		-webkit-transform: scale(-1,1); /* Safari and Chrome */
		display: inline-block; /* pesudo element has display: inline by default and can't apply the transform css style for RTL mode*/
	}
}

/**
 * The Default color for Icon which always points to the variable across themes.
 * Therefore it's defined in the base theme.
 */
.sapUiIconColorDefault {
	color: @sapUiContentIconColor;
}

.sapUiIconColorContrast {
	color: @sapUiContentContrastIconColor;
}

/* END "Icon.less" */

/* START "LocalBusyIndicator.less" */
/* =============================================== */
/* CSS for control sap.ui.core/LocalBusyIndicator  */
/* Base theme                                      */
/* =============================================== */

@_sap_ui_core_LocalBusyIndicator_Background: fade(@sapBackgroundColor, 72%);
@_sap_ui_core_LocalBusyIndicator_BackgroundIE: @sapBackgroundColor;

@_sap_ui_core_LocalBusyIndicator_Color: @sapBrandColor;

@_sap_ui_core_LocalBusyIndicator_BorderRadius: 100%;

@_sap_ui_core_LocalBusyIndicator_SizeMedium: 1rem;
@_sap_ui_core_LocalBusyIndicator_SizeBig: 2rem;

.sapUiBlockLayer, .sapUiLocalBusyIndicator {
	background-color: @_sap_ui_core_LocalBusyIndicator_Background;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.sapUiLocalBusyIndicator {
	opacity: 0;
	transition: opacity 0.3s ease-in;
	-webkit-transition: opacity 0.3s ease-in;

	&:focus {
		outline: 1px dotted @sapUiContentFocusColor;
		html[data-sap-ui-browser^="ie"] & {
			outline-style: dashed;
		}
	}
}

.sapUiBlockLayer:not(:last-child) {
	display: none;
}

//  Make sure blocked layers are not "nested", and in case of busy indicators the animations do not overlay each other
.sapUiLocalBusy .sapUiLocalBusy .sapUiBlockLayer {
	display: none;
}

.sapUiHiddenBusyIndicatorAnimation .sapUiLocalBusyIndicatorAnimation {
	display: none;
}

.sapUiLocalBusyIndicatorFade {
	opacity: 1;
}

/* Class for medium sized indicator in control overlay */
.sapUiLocalBusyIndicatorSizeMedium {
	font-size: @_sap_ui_core_LocalBusyIndicator_SizeMedium;
}

/* Class for fullscreen block overlay */
.sapUiLocalBusyIndicatorSizeBig {
	font-size: @_sap_ui_core_LocalBusyIndicator_SizeBig;
	background-color: transparent;

}

/* Centers the busy indicator markers */
.sapUiLocalBusyIndicatorAnimation {
	position: absolute;
	width: 3em;
	top: 50%;
	left: 50%;
}

/* indicator bubble */
.sapUiLocalBusyIndicatorAnimation > div {
	width: 1em;
	height: 1em;
	border-radius: @_sap_ui_core_LocalBusyIndicator_BorderRadius;
	display: block;
	float: left;
	margin: 0px;
	position: relative;
	top: -0.5em;
	left: -1.5em;
	text-indent: 1px;
}

/* General pseudo-element styles for background/shadow animation */
.sapUiLocalBusyIndicatorAnimation > div::before,
.sapUiLocalBusyIndicatorAnimation > div::after {
	content: "";
	opacity: 1;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: @_sap_ui_core_LocalBusyIndicator_BorderRadius;
}

/* Background animation element */
.sapUiLocalBusyIndicatorAnimation > div::before {
	background: fade(@_sap_ui_core_LocalBusyIndicator_Color, 100%);
}

/* Shadow animation element */
.sapUiLocalBusyIndicatorAnimation > div::after {
	box-shadow: inset 0px 0px 2px 1px fade(@_sap_ui_core_LocalBusyIndicator_Color, 80%);
}

/* Animations Starting Classes */
.sapUiLocalBusyIndicatorAnimation > div,
.sapUiLocalBusyIndicatorAnimation > div::before,
.sapUiLocalBusyIndicatorAnimation > div::after {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

/* Big Animation for Elments >= (3rem x 3rem) */
.sapUiLocalBusyIndicatorAnimStandard > div {
	-webkit-animation: sapUiBusyAnimationStandard 1.8s infinite ease-in-out;
	animation: sapUiBusyAnimationStandard 1.8s infinite ease-in-out;
}

.sapUiLocalBusyIndicatorAnimStandard > div::before {
	-webkit-animation: sapUiBusyAnimationStandardBackground 1.8s infinite ease-in-out;
	animation: sapUiBusyAnimationStandardBackground 1.8s infinite ease-in-out;
}

.sapUiLocalBusyIndicatorAnimStandard > div::after {
	-webkit-animation: sapUiBusyAnimationStandardShadow 1.8s infinite ease-in-out;
	animation: sapUiBusyAnimationStandardShadow 1.8s infinite ease-in-out;
}

.sapUiLocalBusyIndicatorAnimStandard > div:nth-child(1) {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.sapUiLocalBusyIndicatorAnimStandard > div:nth-child(2) {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

/* Small animation for elements < (3rem x 3rem) */
.sapUiLocalBusyIndicatorAnimSmall > div {
	-webkit-animation: sapUiBusyAnimationSmall 1.6s infinite ease-in-out;
	animation: sapUiBusyAnimationSmall 1.6s infinite ease-in-out;
}

.sapUiLocalBusyIndicatorAnimSmall > div::before {
	-webkit-animation: sapUiBusyAnimationSmallBackground 1.6s infinite ease-in-out;
	animation: sapUiBusyAnimationSmallBackground 1.6s infinite ease-in-out;
}

.sapUiLocalBusyIndicatorAnimSmall > div::after {
	-webkit-animation: sapUiBusyAnimationSmallShadow 1.6s infinite ease-in-out;
	animation: sapUiBusyAnimationSmallShadow 1.6s infinite ease-in-out;
}

/* marker class for switching horizontal and small animation */
.sapUiLocalBusyIndicatorAnimSmall > div:nth-child(1),
.sapUiLocalBusyIndicatorAnimSmall > div:nth-child(3) {
	visibility: hidden;
}

#sapUiBusyIndicator {
	right: 0px;
}

#sapUiBusyIndicator > .sapUiLocalBusyIndicatorFade {
	cursor: wait;
}

/**
 * Keyframe definitions
 */
.mixin-standard-background-animation-frames {
	0%, 80%, 100% {
		opacity: 1;
	}
	40% {
		opacity: 0.1;
	}
}

.mixin-standard-shadow-animation-frames {
	0%, 80%, 100% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
}

.mixin-small-background-animation-frames {
	0%, 100% {
		opacity: 1;
	}
	50% {
		opacity: 0.1;
	}
}

.mixin-small-shadow-animation-frames {
	0%, 100% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}

/**
 * Animations for different browser vendors
 */
@keyframes sapUiBusyAnimationStandard {
	0%, 80%, 100% {
		transform: scale(0.4);
	}
	40% {
		transform: scale(1);
	}
}
@-webkit-keyframes sapUiBusyAnimationStandard {
	0%, 80%, 100% {
		-webkit-transform: scale(0.4);
	}
	40% {
		-webkit-transform: scale(1);
	}
}

@keyframes sapUiBusyAnimationStandardBackground { .mixin-standard-background-animation-frames; }
@-webkit-keyframes sapUiBusyAnimationStandardBackground { .mixin-standard-background-animation-frames; }

@keyframes sapUiBusyAnimationStandardShadow { .mixin-standard-shadow-animation-frames; }
@-webkit-keyframes sapUiBusyAnimationStandardShadow { .mixin-standard-shadow-animation-frames; }

@keyframes sapUiBusyAnimationSmall {
	0%, 100% {
		transform: scale(0.2);
	}
	50% {
		transform: scale(1);
	}
}
@-webkit-keyframes sapUiBusyAnimationSmall {
	0%, 100% {
		-webkit-transform: scale(0.2);
	}
	50% {
		-webkit-transform: scale(1);
	}
}

@keyframes sapUiBusyAnimationSmallBackground { .mixin-small-background-animation-frames; }
@-webkit-keyframes sapUiBusyAnimationSmallBackground { .mixin-small-background-animation-frames; }

@keyframes sapUiBusyAnimationSmallShadow { .mixin-small-shadow-animation-frames; }
@-webkit-keyframes sapUiBusyAnimationSmallShadow { .mixin-small-shadow-animation-frames; }
/* END "LocalBusyIndicator.less" */

/* START "media.less" */
/************ Media queries for screen sizes ************

Usage:

@media (@_sap_ui_core_media_StdDesktop) {
      .test {
            width: 50em;
      }
}

*********************************************************/


/* see sap.ui.Device.media.RANGESETS.SAP_STANDARD*/
@_sap_ui_core_media_StdDesktop:  ~"screen and (min-width : 1024px)";
@_sap_ui_core_media_StdTablet:  ~"screen and (min-width : 600px) and (max-width : 1023px)";
@_sap_ui_core_media_StdPhone:  ~"screen and (max-width : 599px)";

/* see sap.ui.Device.media.RANGESETS.SAP_3STEPS*/
@_sap_ui_core_media_3StepL:  ~"screen and (min-width : 960px)";
@_sap_ui_core_media_3StepM:  ~"screen and (min-width : 520px) and (max-width : 959px)";
@_sap_ui_core_media_3StepS:  ~"screen and (max-width : 519px)";

/* see sap.ui.Device.media.RANGESETS.SAP_4STEPS*/
@_sap_ui_core_media_4StepXL:  ~"screen and (min-width : 960px)";
@_sap_ui_core_media_4StepL:  ~"screen and (min-width : 760px) and (max-width : 959px)";
@_sap_ui_core_media_4StepM:  ~"screen and (min-width : 520px) and (max-width : 759px)";
@_sap_ui_core_media_4StepS:  ~"screen and (max-width : 519px)";

/* see sap.ui.Device.media.RANGESETS.SAP_6STEPS*/
@_sap_ui_core_media_6StepXXL:  ~"screen and (min-width : 960px)";
@_sap_ui_core_media_6StepXL:  ~"screen and (min-width : 768px) and (max-width : 959px)";
@_sap_ui_core_media_6StepL:  ~"screen and (min-width : 541px) and (max-width : 767px)";
@_sap_ui_core_media_6StepM:  ~"screen and (min-width : 400px) and (max-width : 540px)";
@_sap_ui_core_media_6StepS:  ~"screen and (min-width : 241px) and (max-width : 399px)";
@_sap_ui_core_media_6StepXS:  ~"screen and (max-width : 240px)";
/* END "media.less" */

/* START "parameterClasses.less" */

/* CSS parameters which are available in base theme */

/* font */
.sapThemeFont {
	font-family: @sapUiFontFamily;
	font-size: @sapUiFontSize;
}
.sapThemeFontFamily {
	font-family: @sapUiFontFamily;
}
.sapThemeFontSize {
	font-size: @sapUiFontSize;
}

/* text color */
.sapThemeText,
.sapThemeText-asColor {
	color: @sapUiText;
}
.sapThemeText-asBackgroundColor {
	background-color: @sapUiText;
}
.sapThemeText-asBorderColor {
	border-color: @sapUiText;
}
.sapThemeText-asOutlineColor {
	outline-color: @sapUiText;
}

/* text color inverted */
.sapThemeTextInverted,
.sapThemeTextInverted-asColor {
	color: @sapUiTextInverted;
}

/* base bg */
.sapThemeBaseBG,
.sapThemeBaseBG-asBackgroundColor {
	background-color: @sapUiBaseBG;
}
.sapThemeBaseBG-asBorderColor {
	border-color: @sapUiBaseBG;
}
.sapThemeBaseBG-asColor {
	color: @sapUiBaseBG;
}

/* brand color */
.sapThemeBrand,
.sapThemeBrand-asColor {
	color: @sapUiBrand;
}
.sapThemeBrand-asBorderColor {
	border-color: @sapUiBrand;
}
.sapThemeBrand-asBackgroundColor {
	background-color: @sapUiBrand;
}
.sapThemeBrand-asOutlineColor {
	outline-color: @sapUiBrand;
}

/* highlight color */
.sapThemeHighlight,
.sapThemeHighlight-asColor {
	color: @sapUiHighlight;
}
.sapThemeHighlight-asBorderColor {
	border-color: @sapUiHighlight;
}
.sapThemeHighlight-asBackgroundColor {
	background-color: @sapUiHighlight;
}
.sapThemeHighlight-asOutlineColor {
	outline-color: @sapUiHighlight;
}

/* border color */
.sapThemeForegroundBorderColor,
.sapThemeForegroundBorderColor-asBorderColor {
	border-color: @sapContent_ForegroundBorderColor;
}
/* END "parameterClasses.less" */

/* START "ScrollBar.less" */
/* ====================================== */
/* CSS for control sap.ui.core/ScrollBar  */
/* Base theme                             */
/* ====================================== */

.sapUiScrollBarTouch {
	-webkit-overflow-scrolling: auto;
}

.sapUiScrollBarTouch ::-webkit-scrollbar {
	height: 7px;
	width: 7px;
	-webkit-appearance: none;
}

.sapUiScrollBarTouch ::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
/* END "ScrollBar.less" */

/* START "Shadow.less" */
.sapUiShd {
	box-shadow: @sapUiShadow;
}
/* END "Shadow.less" */

/* START "TechnicalInfo.less" */
.sapUiTInf {
	border: 1px solid @sapUiMediumBorder;
	background: @sapUiExtraLightBG;
	padding: 6px;
}

.sapUiTInfCfg {
	font-size:0.9em;
	overflow-y:auto;
	max-height:12em;
}

.sapUiTInfMList {
	font-size:0.9em;
	color: @sapUiTextDisabled;
	overflow-y:auto;
	max-height:12em;
}

.sapUiTInf > table > tbody > tr > td,
.sapUiTInfMList,
.sapUiTInfM {
	-webkit-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

.sapUiTInfMEmbd {
	color:#aaaaaa;
}

.sapUiTInfMFail {
	text-decoration:line-through;
}

.sapUiTInfMMore, .sapUiTInfPCfg {
	text-decoration: none;
	color: @sapLinkColor;
	cursor:pointer;
}

.sapUiTInfPMoreHidden {
	display:none;
}

.sapUiTInfPDiag {
	border: 1px solid @sapUiMediumBorder;
	background: @sapUiExtraLightBG;
	padding: 6px;
	font-size:0.9em;
}

.sapUiTInfPDiag > h1 {
	font-size: 1em;
	font-weight: normal;
}

.sapUiTInfPDiag > h3 {
	font-size: 0.9em;
	font-weight: normal;
	margin-bottom: 0px;
}

.sapUiTInfPList {
	font-size: 0.75em;
	color: @sapUiTextDisabled;
	background: white;
	overflow-y: scroll;
	max-height: 30em;
}

.sapUiTInfPList .package > .expander {
	display: inline-block;
	color: black;
	background-color: #fcfcfc;
	width: 12px;
	text-align: center;
	border-radius: 4px;
	cursor: pointer;
}

.sapUiTInfPList .package > .name,
.sapUiTInfPList .module > .name {
	margin: 2px;
	padding: 2px 4px;
	display: inline-block;
	border-radius: 3px;
	cursor: pointer;
}

.sapUiTInfPList .package > .name {
	color: black;
	background-color: @sapBackgroundColor;
}

.sapUiTInfPList .module > .name {
	margin-left: 14px; /* 12px + 2px standard margin */
	color: black;
	background-color: @sapBackgroundColor;
}

.sapUiTInfPList .children {
	padding-left: 1em;
	/* border: 1px dotted lightgrey; */
}

.sapUiTInfPList .children.none {
	display: none;
}

.sapUiTInfPList .children.packages {
	display: block;
}

.sapUiTInfPList .children.packages > .package {
}

.sapUiTInfPList .children.packages > .module {
	display: none;
}

.sapUiTInfPList .children.all {
	display: block;
}

.sapUiTInfPList .package.selected > .name, .sapUiTInfPList .module.selected > .name {
	color: white;
	background-color: blue !important;
}

.sapUiTInfPList .package.selected .name, .sapUiTInfPList .module.selected > .name {
	color: white;
	background-color: lightblue;
}

.sapUiTInfPList .selected .name {
	color: white;
	background-color: #ccccff;
}

.sapUiTInfPDiag .result {
	font-size: 0.9em;
	margin: 8px 4px;
	width: 600px;
}

.sapUiTInfPDiag .result > span {
	word-wrap: break-word;
}

.sapUiTInfPDiag .footer {
	padding-top: 5px;
}

.sapUiTInfPDiag .footer > * {
	float: right;
	margin: 2px 8px;
}

/* END "TechnicalInfo.less" */

/* START "View.less" */
/* ================================= */
/* CSS for control sap.ui.core/View  */
/* Base theme                        */
/* ================================= */

.sapUiView {
	display: inline-block;
}

.sapUiViewDisplayBlock {
	display: block;
}
/* END "View.less" */