/* ============================== */
/* Global CSS for 'sap_hcb' theme */
/* ============================== */

// Background Colors
@sapHCStandardBG: #000;
@sapHCHighlightBG: #7A5100;
@sapHCHighlightAltBG: #0F5D94;
@sapHCReducedBG: #585858;
@sapHCReducedAltBG: #A2A39F;

// Foreground Colors
@sapHCStandardFG: #FFF;
@sapHCEnhancedFG: #03B803;
@sapHCReducedFG: #666;
@sapHCReducedAltFG: #999;

// Semantic Colors
@sapHCNegative: #FF5E5E;
@sapHCCritical: #FFAB1D;
@sapHCPositive: #9C9;
@sapHCInformative: #7a5100;
@sapHCNeutral: #FFF;


// =====================================
// Background Colors
// =====================================

@sapUiHcStandardBackground: @sapHCStandardBG;
@sapUiHcHighlightBackground: @sapHCHighlightBG;
@sapUiHcHighlightAltBackground: @sapHCHighlightAltBG;
@sapUiHcReducedBackground: @sapHCReducedBG;
@sapUiHcReducedAltBackground: @sapHCReducedAltBG;

// =====================================
// Foreground Colors
// =====================================

@sapUiHcStandardForeground: @sapHCStandardFG;
@sapUiHcEnhancedForeground: @sapHCEnhancedFG;
@sapUiHcReducedForeground: @sapHCReducedFG;
@sapUiHcReducedAltForeground: @sapHCReducedAltFG;

// =====================================
// Semantic Colors
// =====================================

@sapUiHcNegativeColor: @sapHCNegative;
@sapUiHcCriticalColor: @sapHCCritical;
@sapUiHcPositiveColor: @sapHCPositive;
@sapUiHcInformativeColor: @sapHCInformative;
@sapUiHcNeutralColor: @sapHCNeutral;


// Semantic Theming Mapping
@sapUiBrand: #7A5100;
@sapUiHighlight: #7A5100;
@sapUiBaseColor: #000000;
@sapUiShellColor: #000000;
@sapUiBaseBG: #000000;
@sapUiGlobalBackgroundColor: #000000;

@sapUiFontFamily: Arial,Helvetica,sans-serif;
@sapUiFontHeaderFamily: Arial,Helvetica,sans-serif;
@sapUiFontSize: medium; // 16px;
@sapMFontSmallSize: 12px;
@sapMFontMediumSize: 16px;
@sapMFontLargeSize: 16px;
@sapMFontHeader1Size: 26px;
@sapMFontHeader2Size: 22px;
@sapMFontHeader3Size: 20px;
@sapMFontHeader4Size: 18px;
@sapMFontHeader5Size: 16px;
@sapMFontHeader6Size: 14px;

@sapUiBaseText: #FFFFFF;
@sapUiLink: #FFFFFF;

@sapUiGlobalLogo: none;
@sapUiGlobalBackgroundImage: none;
@sapUiBackgroundImage: none;
@sapUiUx3ShellBackgroundImageURL: none;

@sapUiGlobalBackgroundImageOpacity: 1.0;
@sapUiGlobalBackgroundRepeat: false;

@sapUiSelected: #0F5D94;
@sapUiActive: #7A5100;
@sapUiHighlightTextColor: #FFFFFF;
@sapUiTextTitle: #FFFFFF;

@sapUiElementLineHeight: @sapElement_LineHeight;
@sapUiElementHeight: @sapElement_Height;
@sapUiElementBorderWidth: 1px;
@sapUiElementBorderCornerRadius: 4px;
@sapUiElementCompactLineHeight: 32px;
@sapUiElementCompactHeight: 26px;
@sapUiElementCondensedLineHeight: 24px;
@sapUiElementCondensedHeight: 22px;

@sapUiContentLineHeight: 1.3;
@sapUiContentElementHeight: 1.37em;
@sapUiContentElementHeightPX: 22px;
@sapUiContentIconHeight: 16px;
@sapUiContentIconColor: #FFFFFF;
@sapUiContentContrastIconColor: #FFFFFF;
@sapUiContentNonInteractiveIconColor: #FFFFFF;
@sapUiContentMarkerIconColor: #FFFFFF;
@sapUiContentMarkerTextColor: #FFFFFF;
@sapUiContentImagePlaceholderBackground: #000000;
@sapUiContentImagePlaceholderForegroundColor: #999999;
@sapUiContentRatedColor: #FFFFFF;
@sapUiContentUnratedColor: #666666;
@sapUiContentFocusColor: #FFFFFF;
@sapUiContentFocusStyle: dotted;
@sapUiContentFocusWidth: 2px;
@sapUiContentContrastFocusColor: #FFFFFF;
@sapUiContentShadowColor: #FFFFFF;
@sapUiContentContrastShadowColor: #FFFFFF;
@sapUiContentShadow0: 0 0 1rem 0 fade(@sapUiContentContrastShadowColor, 50), 0 0 0 2px @sapUiContentShadowColor;
@sapUiContentShadow1: 0 0.125rem 0.5rem 0 fade(@sapUiContentShadowColor, 20), @sapUiContentShadow0;
@sapUiContentShadow2: 0 0.25rem 2rem 0 fade(@sapUiContentContrastShadowColor, 60), 0 0 0 2px @sapUiContentShadowColor;
@sapUiContentShadow3: 0 0.625rem 4rem 0 fade(@sapUiContentContrastShadowColor, 80), 0 0 0 2px @sapUiContentShadowColor;
@sapUiContentTextShadow: none;
@sapUiContentHeaderShadow: inset 0 -0.125rem #FFFFFF;
@sapUiContentSearchHighlightColor: #7A5100;
@sapUiContentHelpColor: #03B803;
@sapUiContentLabelColor: #FFFFFF;
@sapUiContentDisabledTextColor: #666666;
@sapUiContentDisabledOpacity: 0.5;
@sapUiContentContrastTextThreshold: 0.65;
@sapUiContentContrastTextColor: #FFFFFF;
@sapUiContentForegroundColor: #000000;
@sapUiContentForegroundBorderColor: #FFFFFF;
@sapUiContentForegroundTextColor: #FFFFFF;
@sapUiContentBadgeBackground: #7A5100;
@sapUiContentDragAndDropActiveColor: #03b803;

@sapUiShellBackground: #000000;
@sapUiShellBackgroundImage: #000000;
@sapUiShellBackgroundImageOpacity: 1.0;
@sapUiShellBackgroundImageRepeat: false;
@sapUiShellBackgroundPatternColor: #000000;
@sapUiShellBackgroundGradient: #000000;
@sapUiShellBorderColor: #FFFFFF;
@sapUiShellTextColor: #FFFFFF;
@sapUiShellInteractiveTextColor: #FFFFFF;
@sapUiShellInteractiveBorderColor: #FFFFFF;
@sapUiShellGroupTitleTextColor: #FFFFFF;
@sapUiShellHoverBackground: #7A5100;
@sapUiShellActiveBackground: #7A5100;
@sapUiShellActiveTextColor: #FFFFFF;
@sapUiShellSelectedBackground: #0F5D94;
@sapUiShellSelectedTextColor: #FFFFFF;
@sapUiShellSelectedHoverBackground: #0F5D94;
@sapUiShellFavicon: none;
@sapUiShellNavigationBackground: #000000;
@sapUiShellNavigationSelectedColor: #FFFFFF;
@sapUiShellNavigationSelectedTextColor: #FFFFFF;
@sapUiShellNavigationTextColor: #FFFFFF;
@sapUiShellShadow: 0 0.125rem 0 0 #FFFFFF;

@sapUiButtonBorderWidth: 1px;
@sapUiButtonBorderCornerRadius: 2px;
@sapUiButtonBackground: #000000;
@sapUiButtonBorderColor: #FFFFFF;
@sapUiButtonTextColor: #FFFFFF;
@sapUiButtonDisabledBackground: #000000;
@sapUiButtonDisabledBorderColor: #666666;
@sapUiButtonDisabledTextColor: #666666;
@sapUiButtonHoverBackground: #7A5100;
@sapUiButtonHoverBorderColor: #FFFFFF;
@sapUiButtonHoverTextColor: #FFFFFF;
@sapUiButtonIconColor: #FFFFFF;
@sapUiButtonActiveBackground: #7A5100;
@sapUiButtonActiveBorderColor: #FFFFFF;
@sapUiButtonActiveTextColor: #FFFFFF;
@sapUiButtonEmphasizedBackground: #000000;
@sapUiButtonEmphasizedBorderColor: #FFFFFF;
@sapUiButtonEmphasizedTextColor: #FFFFFF;
@sapUiButtonEmphasizedHoverBackground: #7A5100;
@sapUiButtonEmphasizedHoverBorderColor: #FFFFFF;
@sapUiButtonEmphasizedHoverTextColor: #FFFFFF;
@sapUiButtonEmphasizedActiveBackground: #7A5100;
@sapUiButtonEmphasizedActiveBorderColor: #FFFFFF;
@sapUiButtonEmphasizedTextShadow: transparent;
@sapUiButtonEmphasizedFontWeight:  regular;
@sapUiButtonRejectBackground: #000000;
@sapUiButtonRejectBorderColor: #FFFFFF;
@sapUiButtonRejectHoverBackground: #7A5100;
@sapUiButtonRejectHoverBorderColor: #FFFFFF;
@sapUiButtonRejectHoverTextColor: #FFFFFF;
@sapUiButtonRejectActiveBackground: #7A5100;
@sapUiButtonRejectActiveBorderColor: #FFFFFF;
@sapUiButtonRejectTextColor: #FFFFFF;
@sapUiButtonAcceptBackground: #000000;
@sapUiButtonAcceptBorderColor: #FFFFFF;
@sapUiButtonAcceptHoverBackground: #7A5100;
@sapUiButtonAcceptHoverBorderColor: #FFFFFF;
@sapUiButtonAcceptHoverTextColor: #FFFFFF;
@sapUiButtonAcceptActiveBackground: #7A5100;
@sapUiButtonAcceptActiveBorderColor: #FFFFFF;
@sapUiButtonAcceptTextColor: #FFFFFF;
@sapUiButtonLiteBackground: #000000;
@sapUiButtonLiteBorderColor: #FFFFFF;
@sapUiButtonLiteTextColor: #FFFFFF;
@sapUiButtonLiteHoverBackground: #7A5100;
@sapUiButtonLiteHoverBorderColor: #FFFFFF;
@sapUiButtonLiteHoverTextColor: #FFFFFF;
@sapUiButtonLiteActiveBackground: #7A5100;
@sapUiButtonLiteActiveBorderColor: #FFFFFF;
@sapUiButtonSelectedBackground: #0F5D94;
@sapUiButtonSelectedBorderColor: #FFFFFF;
@sapUiButtonSelectedTextColor: #FFFFFF;
@sapUiButtonSelectedHoverBackground: #7A5100;
@sapUiButtonSelectedHoverBorderColor: #FFFFFF;

@sapUiFieldBackground: #000000;
@sapUiFieldBorderColor: #FFFFFF;
@sapUiFieldTextColor: #FFFFFF;
@sapUiFieldPlaceholderTextColor: #FFFFFF;
@sapUiFieldHelpBackground: #000000;
@sapUiFieldBorderWidth: 1px;
@sapUiFieldBorderCornerRadius: 0;
@sapUiFieldHoverBackground: #000000;
@sapUiFieldHoverBorderColor: #FFFFFF;
@sapUiFieldHoverHelpBackground: #000000;
@sapUiFieldActiveBorderColor: #FFFFFF;
@sapUiFieldFocusBackground: #000000;
@sapUiFieldFocusBorderColor: #FFFFFF;
@sapUiFieldFocusHelpBackground: #000000;
@sapUiFieldReadOnlyBackground: #585858;
@sapUiFieldReadOnlyBorderColor: #999999;
@sapUiFieldReadOnlyHelpBackground: #585858;
@sapUiFieldDisabledBackground: #585858;
@sapUiFieldDisabledBorderColor: #999999;
@sapUiFieldDisabledHelpBackground: #585858;
@sapUiFieldRequiredColor: #FFFFFF;
@sapUiFieldInvalidColor: #FFFFFF;
@sapUiFieldInvalidBackground: #7A5100;
@sapUiFieldWarningColor: #FFFFFF;
@sapUiFieldWarningBackground: #000000;
@sapUiFieldSuccessColor: #FFFFFF;
@sapUiFieldSuccessBackground: #000000;
@sapUiFieldInformationColor: #FFFFFF;
@sapUiFieldInformationBackground: #000000;

@sapUiGroupTitleBackground: #000000;
@sapUiGroupTitleBorderColor: #FFFFFF;
@sapUiGroupTitleTextColor: #FFFFFF;
@sapUiGroupTitleFontSize: 16px;
@sapUiGroupContentBackground: #000000;
@sapUiGroupContentBorderColor: #FFFFFF;
@sapUiGroupBorderWidth: 1px;
@sapUiGroupFooterBackground: #000000;

@sapUiToolbarBackground: #000000;
@sapUiToolbarSeparatorColor: #FFFFFF;

@sapUiListHeaderBackground: #000000;
@sapUiListHeaderBorderColor: #FFFFFF;
@sapUiListHeaderTextColor: #FFFFFF;
@sapUiListBorderColor: #999999;
@sapUiListBorderWidth: 1px;
@sapUiListTextColor: #FFFFFF;
@sapUiListActiveBackground: #7A5100;
@sapUiListActiveTextColor: #FFFFFF;
@sapUiListHighlightColor: #7A5100;
@sapUiListSelectionBackgroundColor: #0F5D94;
@sapUiListSelectionBorderColor: #999999;
@sapUiListHoverSelectionBackground: #7A5100;
@sapUiListBackground: #000000;
@sapUiListHoverBackground: #7A5100;
@sapUiListGroupHeaderBackground: #585858;
@sapUiListGroupHeaderBorderColor: #FFFFFF;
@sapUiListGroupHeaderTextColor: #FFFFFF;
@sapUiListFooterBackground: #000000;
@sapUiListFooterTextColor: #FFFFFF;
@sapUiListTableGroupHeaderBackground: #585858;
@sapUiListTableGroupHeaderBorderColor: #FFFFFF;
@sapUiListTableGroupHeaderTextColor: #FFFFFF;
@sapUiListTableFooterBorder: #FFFFFF;
@sapUiListTableFixedBorderColor: #FFFFFF;

@sapUiScrollBarFaceColor: #999999;
@sapUiScrollBarTrackColor: #000000;
@sapUiScrollBarBorderColor: #999999;
@sapUiScrollBarSymbolColor: #FFFFFF;
@sapUiScrollBarDimension: 16px;
@sapUiScrollBarHoverFaceColor: #FFFFFF;

@sapUiPageHeaderBackground: #000000;
@sapUiPageHeaderBorderColor: #FFFFFF;
@sapUiPageHeaderTextColor: #FFFFFF;
@sapUiPageFooterBackground: #000000;
@sapUiPageFooterBorderColor: #FFFFFF;
@sapUiPageFooterTextColor: #FFFFFF;

@sapUiInfobarBackground: #000000;
@sapUiInfobarHoverBackground: #7A5100;
@sapUiInfobarActiveBackground: #7A5100;

@sapUiObjectHeaderBackground: #000000;
@sapUiObjectHeaderBorderColor: #FFFFFF;

@sapUiBlockLayerBackground: #000000;

@sapUiTileBackground: #000000;
@sapUiTileHoverBackground: #000000;
@sapUiTileActiveBackground: #000000;
@sapUiTileBorderColor: #FFFFFF;
@sapUiTileTitleTextColor: #FFFFFF;
@sapUiTileTextColor: #FFFFFF;
@sapUiTileIconColor: #FFFFFF;

@sapUiChart1 : #4da2f6;
@sapUiChart2 : #e8743b;
@sapUiChart3 : #19a979;
@sapUiChart4 : #ed4a7b;
@sapUiChart5 : #945ecf;
@sapUiChart6 : #13a4b4;
@sapUiChart7 : #5c66f5;
@sapUiChart8 : #c63fa4;
@sapUiChart9 : #6c8893;
@sapUiChart10 : #ee6868;
@sapUiChart11 : #387bb7;

@sapUiChartBad : #ff5e5e;
@sapUiChartCritical : #ffab1d;
@sapUiChartGood : #99cc99;
@sapUiChartNeutral : #ffffff;

@sapUiChartSequence1 : #4da2f6;
@sapUiChartSequence2 : #e8743b;
@sapUiChartSequence3 : #19a979;
@sapUiChartSequence4: #ed4a7b;
@sapUiChartSequence5: #945ecf;
@sapUiChartSequence6: #13a4b4;
@sapUiChartSequence7: #5c66f5;
@sapUiChartSequence8: #c63fa4;
@sapUiChartSequence9: #6c8893;
@sapUiChartSequence10: #ee6868;
@sapUiChartSequence11: #387bb7;
@sapUiChartSequenceNeutral : #ffffff;

@sapUiErrorBG: @sapHCStandardBG;
@sapUiWarningBG: @sapHCStandardBG;
@sapUiSuccessBG: @sapHCStandardBG;
@sapUiInformationBG: @sapHCStandardBG;
@sapUiNeutralBG: @sapHCStandardBG;

@sapUiErrorBorder: @sapHCNegative;
@sapUiWarningBorder: @sapHCCritical;
@sapUiSuccessBorder: @sapHCPositive;
@sapUiInformationBorder: @sapHCInformative;
@sapUiNeutralBorder: @sapHCNeutral;

@sapUiNegativeElement: @sapHCNegative;
@sapUiCriticalElement: @sapHCCritical;
@sapUiPositiveElement: @sapHCPositive;
@sapUiInformativeElement: @sapHCInformative;
@sapUiNeutralElement: @sapHCNeutral;

@sapUiNegativeText: @sapHCNegative;
@sapUiCriticalText: @sapHCCritical;
@sapUiPositiveText: @sapHCPositive;
@sapUiInformativeText: @sapHCInformative;
@sapUiNeutralText: @sapHCNeutral;

@sapUiNegative: @sapHCNegative;
@sapUiCritical: @sapHCCritical;
@sapUiPositive: @sapHCPositive;
@sapUiInformative: @sapHCInformative;
@sapUiNeutral: @sapHCNeutral;


@sapUiIndication1: #ff5e5e;
@sapUiIndication2: #ff9191;
@sapUiIndication3: #ffab1d;
@sapUiIndication4: #99cc99;
@sapUiIndication5: #0f5d94;



// =====================================
// Font
// =====================================

@sapUiFontFamily: Arial,Helvetica,sans-serif;
@sapUiFontSize: 16px;

@sapUiFontCondensedFamily: 'Arial Narrow', HelveticaNeue-CondensedBold, Arial, sans-serif;

@sapUiFontHeaderFamily: @sapUiFontFamily;

@sapUiFontHeaderWeight: normal;


// use these "sapM"-prefixed parameters for sap.m controls
@sapMFontHeader1Size: 1.625rem;  //  26px
@sapMFontHeader2Size: 1.375rem;  //  22px
@sapMFontHeader3Size: 1.250rem;  //  20px
@sapMFontHeader4Size: 1.125rem;  //  18px
@sapMFontHeader5Size: 1rem;      //  16px
@sapMFontHeader6Size: 0.875rem;  //  14px


@sapMFontSmallSize: 0.75rem;   // 12px
@sapMFontMediumSize: 0.875rem; // 14px
@sapMFontLargeSize: 1rem;      // 16px


@sapUiTranslucentBGOpacity: 80%;

@sapMPlatformDependent: false;



// =====================================
// Desktop (sap.ui.commons)
// =====================================

@sapUiDesktopFontFamily: @sapUiFontFamily;

@sapUiDesktopFontSize: 12px;


// use these for desktop controls only
@sapUiFontLargeSize: 13px;
@sapUiFontSmallSize: 11px;
@sapUiFontHeader1Size: 26px;
@sapUiFontHeader2Size: 20px;
@sapUiFontHeader3Size: 18px;
@sapUiFontHeader4Size: 16px;
@sapUiFontHeader5Size: 14px;
@sapUiFontHeader6Size: @sapUiFontLargeSize;

@sapUiLineHeight: 18px;


// ===============================================
// SOME important control-specific parameters...
// Derived from Expert Theming
// (these Parameters should be linked in controls)
// ===============================================

// Derived Chart Colors
@sapUiChartLabelHoverColor: @sapHCHighlightBG;             // #7a5100
@sapUiChartLabelPressedColor: @sapHCHighlightBG;           // #7a5100
@sapUiChartCategoryAxisLabelFontColor: @sapHCStandardFG;   // #ffffff
@sapUiChartValueAxisLabelFontColor: @sapHCStandardFG;      // #ffffff
@sapUiChartCategoryAxisLabelFontSize: @sapMFontSmallSize;  // 12px
@sapUiChartValueAxisLabelFontSize: @sapMFontSmallSize;     // 12px
@sapUiChartCategoryAxisLineColor: @sapHCStandardFG;        // #ffffff
@sapUiChartValueAxisLineColor: @sapHCStandardFG;           // #ffffff
@sapUiChartCategoryAxisTickColor: @sapHCStandardFG;        // #ffffff
@sapUiChartValueAxisTickColor: @sapHCStandardFG;           // #ffffff
@sapUiChartBackgroundColor: @sapHCStandardBG;              // #000000
@sapUiChartLabelFontWeight: normal;
@sapUiChartLegendLabelFontColor: @sapHCStandardFG;         // #ffffff
@sapUiChartLegendTitleFontColor: @sapHCStandardFG;         // #ffffff
@sapUiChartLegendTitleFontSize: @sapMFontMediumSize;       // 14px
@sapUiChartLegendLabelFontSize: @sapMFontSmallSize;        // 12px
@sapUiChartPaletteUndefinedColor: @sapHCStandardFG;        // #ffffff
@sapUiChartGridlineColor: @sapHCReducedAltFG;              // #999999
@sapUiChartReferenceLineColor: @sapHCStandardFG;           // #ffffff
@sapUiChartDataLabelFontColor: @sapHCStandardFG;           // #ffffff
@sapUiChartReferenceLineLabelColor: @sapHCStandardFG;      // #ffffff
@sapUiChartDataLabelFontSize: @sapMFontSmallSize;          // 12px
@sapUiChartPopoverDataItemFontColor: @sapHCStandardFG;     // #ffffff
@sapUiChartPopoverGroupFontColor: @sapHCStandardFG;        // #ffffff
@sapUiChartPopoverDataItemFontSize: @sapMFontMediumSize;   // 14px
@sapUiChartPopoverGroupFontSize: @sapMFontMediumSize;      // 14px
@sapUiChartPopoverGroupFontWeight: bold;
@sapUiChartScrollBarThumbColor: @sapHCReducedAltFG;        // #999999
@sapUiChartScrollBarTrackColor: @sapHCStandardBG;          // #000000
@sapUiChartScrollBarThumbHoverColor: @sapHCStandardFG;     // #ffffff
@sapUiChartMainTitleFontColor: @sapHCStandardFG;           // #ffffff
@sapUiChartAxisTitleFontColor: @sapHCStandardFG;           // #ffffff
@sapUiChartMainTitleFontSize: @sapMFontLargeSize;          // 16px
@sapUiChartAxisTitleFontSize: @sapMFontSmallSize;          // 12px
@sapUiChartTitleFontWeight: bold;
@sapUiChartAxisTitleFontWeight: regular;
@sapUiChartLightText: @sapHCStandardFG;                    // #ffffff
@sapUiChartZeroAxisColor: @sapHCStandardFG;                // #ffffff

@sapUiChartDataPointBorderColor: @sapHCStandardBG;                                       // #000000
@sapUiChartDataPointBorderHoverSelectedColor: @sapHCStandardFG;
@sapUiChartDataPointNotSelectedBackgroundOpacity: 0.7;

@sapUiChartValueAxisLineOpacity: 0;
@sapUiChartCategoryAxisLabelFontHoverColor: @sapHCStandardFG;   // #ffffff
@sapUiChartCategoryAxisLabelFontPressedColor: @sapHCStandardFG; // #ffffff

@sapUiChartTargetColor: @sapHCStandardFG;
@sapUiChartTargetShadowColor: @sapHCStandardBG;
@sapUiChartBubbleBGOpacity: 0.9;

@sapUiChartScrollbarBorderColor: @sapHCReducedAltFG;
@sapUiChartScrollbarBorderSize: 1px;
@sapUiChartScrollbarThumbPadding: 0.125rem;

@sapUiChartNegativeLargeText: @sapUiChartBad;  // #ff5e5e
@sapUiChartCriticalLargeText: @sapUiChartCritical;  // #ffab1d
@sapUiChartPositiveLargeText: @sapUiChartGood;  // #99cc99
@sapUiChartNeutralLargeText: @sapUiChartNeutral;  // #ffffff

@sapUiChartDataPointBG: @sapUiGroupContentBackground;  // #000000
@sapUiChartDataPointBGBorderColor: @sapUiChartNeutral;  // #ffffff
@sapUiChartDataLineColorWithBG: @sapUiContentForegroundBorderColor;   // #ffffff
@sapUiChartDataLineColor: @sapUiContentForegroundBorderColor;   // #ffffff

@sapUiChartRadialRemainingCircle: @sapUiGroupContentBackground;  // #000000
@sapUiChartRadialRemainingCircleBorderColor: @sapUiChartNeutral;  // #ffffff
@sapUiChartRadialBG: @sapUiGroupContentBackground;  // #000000

// qualitative palette

@sapUiChartPaletteQualitativeHue1: @sapUiChart1;
@sapUiChartPaletteQualitativeHue2: @sapUiChart2;
@sapUiChartPaletteQualitativeHue3: @sapUiChart3;
@sapUiChartPaletteQualitativeHue4: @sapUiChart4;
@sapUiChartPaletteQualitativeHue5: @sapUiChart5;
@sapUiChartPaletteQualitativeHue6: @sapUiChart6;
@sapUiChartPaletteQualitativeHue7: @sapUiChart7;
@sapUiChartPaletteQualitativeHue8: @sapUiChart8;
@sapUiChartPaletteQualitativeHue9: @sapUiChart9;
@sapUiChartPaletteQualitativeHue10: @sapUiChart10;
@sapUiChartPaletteQualitativeHue11: @sapUiChart11;
@sapUiChartPaletteQualitativeHue12: darken(saturate(@sapUiChartSequence1, 2), 16);
@sapUiChartPaletteQualitativeHue13: darken(saturate(@sapUiChartSequence2, 15), 12);
@sapUiChartPaletteQualitativeHue14: darken(saturate(@sapUiChartSequence3, 21), 15);
@sapUiChartPaletteQualitativeHue15: darken(saturate(@sapUiChartSequence4, 10), 17);
@sapUiChartPaletteQualitativeHue16: darken(saturate(@sapUiChartSequence5, 12), 11);
@sapUiChartPaletteQualitativeHue17: darken(saturate(@sapUiChartSequence6, 8), 12);
@sapUiChartPaletteQualitativeHue18: darken(desaturate(@sapUiChartSequence7, 9), 16);
@sapUiChartPaletteQualitativeHue19: darken(saturate(@sapUiChartSequence8, 22), 18);
@sapUiChartPaletteQualitativeHue20: darken(saturate(@sapUiChartSequence9, 16), 16);
@sapUiChartPaletteQualitativeHue21: darken(desaturate(@sapUiChartSequence10, 13), 16);
@sapUiChartPaletteQualitativeHue22: darken(saturate(@sapUiChartSequence11, 32), 15);

// semantic palette

@sapUiChartPaletteSemanticBadLight3: darken(desaturate(@sapUiChartBad, 30), 15);
@sapUiChartPaletteSemanticBadLight2: darken(desaturate(@sapUiChartBad, 30), 15);
@sapUiChartPaletteSemanticBadLight1: @sapUiChartBad;
@sapUiChartPaletteSemanticBad: @sapUiChartBad;
@sapUiChartPaletteSemanticBadDark1: @sapUiChartBad;
@sapUiChartPaletteSemanticBadDark2: @sapUiChartBad;

@sapUiChartPaletteSemanticCriticalLight3: darken(@sapUiChartCritical, 20);
@sapUiChartPaletteSemanticCriticalLight2: darken(@sapUiChartCritical, 20);
@sapUiChartPaletteSemanticCriticalLight1: @sapUiChartCritical;
@sapUiChartPaletteSemanticCritical: @sapUiChartCritical;
@sapUiChartPaletteSemanticCriticalDark1: @sapUiChartCritical;
@sapUiChartPaletteSemanticCriticalDark2: @sapUiChartCritical;

@sapUiChartPaletteSemanticGoodLight3: darken(desaturate(@sapUiChartGood, 10), 22);
@sapUiChartPaletteSemanticGoodLight2: darken(desaturate(@sapUiChartGood, 10), 22);
@sapUiChartPaletteSemanticGoodLight1: @sapUiChartGood;
@sapUiChartPaletteSemanticGood: @sapUiChartGood;
@sapUiChartPaletteSemanticGoodDark1: @sapUiChartGood;
@sapUiChartPaletteSemanticGoodDark2: @sapUiChartGood;

@sapUiChartPaletteSemanticNeutralLight3: darken(@sapUiChartNeutral, 45);
@sapUiChartPaletteSemanticNeutralLight2: darken(@sapUiChartNeutral, 45);
@sapUiChartPaletteSemanticNeutralLight1: @sapUiChartNeutral;
@sapUiChartPaletteSemanticNeutral: @sapUiChartNeutral;
@sapUiChartPaletteSemanticNeutralDark1: @sapUiChartNeutral;
@sapUiChartPaletteSemanticNeutralDark2: @sapUiChartNeutral;

// sequential palette

@sapUiChartPaletteSequentialHue1Light3: lighten(desaturate(@sapUiChartSequence1, 2), 21);
@sapUiChartPaletteSequentialHue1Light2: lighten(saturate(@sapUiChartSequence1, 1), 15);
@sapUiChartPaletteSequentialHue1Light1: lighten(@sapUiChartSequence1, 7);
@sapUiChartPaletteSequentialHue1: @sapUiChartSequence1;
@sapUiChartPaletteSequentialHue1Dark1: darken(desaturate(@sapUiChartSequence1, 6), 8);
@sapUiChartPaletteSequentialHue1Dark2: darken(saturate(@sapUiChartSequence1, 2), 16);

@sapUiChartPaletteSequentialHue2Light3: lighten(saturate(@sapUiChartSequence2, 14), 25);
@sapUiChartPaletteSequentialHue2Light2: lighten(saturate(@sapUiChartSequence2, 6), 17);
@sapUiChartPaletteSequentialHue2Light1: lighten(saturate(@sapUiChartSequence2, 3), 8);
@sapUiChartPaletteSequentialHue2: @sapUiChartSequence2;
@sapUiChartPaletteSequentialHue2Dark1: darken(desaturate(@sapUiChartSequence2, 1), 6);
@sapUiChartPaletteSequentialHue2Dark2: darken(saturate(@sapUiChartSequence2, 15), 12);

@sapUiChartPaletteSequentialHue3Light3: lighten(desaturate(@sapUiChartSequence3, 32), 31);
@sapUiChartPaletteSequentialHue3Light2: lighten(desaturate(@sapUiChartSequence3, 31), 20);
@sapUiChartPaletteSequentialHue3Light1: lighten(desaturate(@sapUiChartSequence3, 26), 10);
@sapUiChartPaletteSequentialHue3: @sapUiChartSequence3;
@sapUiChartPaletteSequentialHue3Dark1: darken(saturate(@sapUiChartSequence3, 8), 8);
@sapUiChartPaletteSequentialHue3Dark2: darken(saturate(@sapUiChartSequence3, 21), 15);

@sapUiChartPaletteSequentialHue4Light3: lighten(saturate(@sapUiChartSequence4, 1), 23);
@sapUiChartPaletteSequentialHue4Light2: lighten(@sapUiChartSequence4, 15);
@sapUiChartPaletteSequentialHue4Light1: lighten(@sapUiChartSequence4, 7);
@sapUiChartPaletteSequentialHue4: @sapUiChartSequence4;
@sapUiChartPaletteSequentialHue4Dark1: darken(desaturate(@sapUiChartSequence4, 5), 8);
@sapUiChartPaletteSequentialHue4Dark2: darken(saturate(@sapUiChartSequence4, 10), 17);

@sapUiChartPaletteSequentialHue5Light3: lighten(desaturate(@sapUiChartSequence5, 1), 24);
@sapUiChartPaletteSequentialHue5Light2: lighten(@sapUiChartSequence5, 16);
@sapUiChartPaletteSequentialHue5Light1: lighten(@sapUiChartSequence5, 8);
@sapUiChartPaletteSequentialHue5: @sapUiChartSequence5;
@sapUiChartPaletteSequentialHue5Dark1: darken(saturate(@sapUiChartSequence5, 4), 5);
@sapUiChartPaletteSequentialHue5Dark2: darken(saturate(@sapUiChartSequence5, 12), 11);

@sapUiChartPaletteSequentialHue6Light3: lighten(desaturate(@sapUiChartSequence6, 26), 29);
@sapUiChartPaletteSequentialHue6Light2: lighten(desaturate(@sapUiChartSequence6, 27), 19);
@sapUiChartPaletteSequentialHue6Light1: lighten(desaturate(@sapUiChartSequence6, 26), 10);
@sapUiChartPaletteSequentialHue6: @sapUiChartSequence6;
@sapUiChartPaletteSequentialHue6Dark1: darken(saturate(@sapUiChartSequence6, 4), 6);
@sapUiChartPaletteSequentialHue6Dark2: darken(saturate(@sapUiChartSequence6, 8), 12);

@sapUiChartPaletteSequentialHue7Light3: lighten(@sapUiChartSequence7, 16);
@sapUiChartPaletteSequentialHue7Light2: lighten(saturate(@sapUiChartSequence7, 1), 11);
@sapUiChartPaletteSequentialHue7Light1: lighten(desaturate(@sapUiChartSequence7, 1), 5);
@sapUiChartPaletteSequentialHue7: @sapUiChartSequence7;
@sapUiChartPaletteSequentialHue7Dark1: darken(desaturate(@sapUiChartSequence7, 6), 8);
@sapUiChartPaletteSequentialHue7Dark2: darken(desaturate(@sapUiChartSequence7, 9), 16);

@sapUiChartPaletteSequentialHue8Light3: lighten(saturate(@sapUiChartSequence8, 6), 24);
@sapUiChartPaletteSequentialHue8Light2: lighten(saturate(@sapUiChartSequence8, 2), 15);
@sapUiChartPaletteSequentialHue8Light1: lighten(desaturate(@sapUiChartSequence8, 1), 7);
@sapUiChartPaletteSequentialHue8: @sapUiChartSequence8;
@sapUiChartPaletteSequentialHue8Dark1: darken(saturate(@sapUiChartSequence8, 9), 10);
@sapUiChartPaletteSequentialHue8Dark2: darken(saturate(@sapUiChartSequence8, 22), 18);

@sapUiChartPaletteSequentialHue9Light3: lighten(desaturate(@sapUiChartSequence9, 2), 34);
@sapUiChartPaletteSequentialHue9Light2: lighten(@sapUiChartSequence9, 22);
@sapUiChartPaletteSequentialHue9Light1: lighten(@sapUiChartSequence9, 11);
@sapUiChartPaletteSequentialHue9: @sapUiChartSequence9;
@sapUiChartPaletteSequentialHue9Dark1: darken(saturate(@sapUiChartSequence9, 6), 8);
@sapUiChartPaletteSequentialHue9Dark2: darken(saturate(@sapUiChartSequence9, 16), 16);

@sapUiChartPaletteSequentialHue10Light3: lighten(saturate(@sapUiChartSequence10, 9), 22);
@sapUiChartPaletteSequentialHue10Light2: lighten(saturate(@sapUiChartSequence10, 5), 14);
@sapUiChartPaletteSequentialHue10Light1: lighten(saturate(@sapUiChartSequence10, 2), 7);
@sapUiChartPaletteSequentialHue10: @sapUiChartSequence10;
@sapUiChartPaletteSequentialHue10Dark1: darken(desaturate(@sapUiChartSequence10, 8), 8);
@sapUiChartPaletteSequentialHue10Dark2: darken(desaturate(@sapUiChartSequence10, 13), 16);

@sapUiChartPaletteSequentialHue11Light3: lighten(desaturate(@sapUiChartSequence11, 11), 29);
@sapUiChartPaletteSequentialHue11Light2: lighten(desaturate(@sapUiChartSequence11, 8), 19);
@sapUiChartPaletteSequentialHue11Light1: lighten(desaturate(@sapUiChartSequence11, 7), 9);
@sapUiChartPaletteSequentialHue11: @sapUiChartSequence11;
@sapUiChartPaletteSequentialHue11Dark1: darken(saturate(@sapUiChartSequence11, 13), 7);
@sapUiChartPaletteSequentialHue11Dark2: darken(saturate(@sapUiChartSequence11, 32), 15);

@sapUiChartPaletteSequentialNeutralLight3: darken(@sapUiChartSequenceNeutral, 45);
@sapUiChartPaletteSequentialNeutralLight2: darken(@sapUiChartSequenceNeutral, 45);
@sapUiChartPaletteSequentialNeutralLight1: @sapUiChartSequenceNeutral;
@sapUiChartPaletteSequentialNeutral: @sapUiChartSequenceNeutral;
@sapUiChartPaletteSequentialNeutralDark1: @sapUiChartSequenceNeutral;
@sapUiChartPaletteSequentialNeutralDark2: @sapUiChartSequenceNeutral;

@sapUiChartPaletteNoSemDiv1Light3: #f2e4d7;
@sapUiChartPaletteNoSemDiv1Light2: #e3d0bf;
@sapUiChartPaletteNoSemDiv1Light1: #d1baa4;
@sapUiChartPaletteNoSemDiv1: #bea287;
@sapUiChartPaletteNoSemDiv1Dark1: #a78b6f;
@sapUiChartPaletteNoSemDiv1Dark2: #8a6e52;

@sapUiChartPaletteMidArea: desaturate(lighten(@sapUiChartSequenceNeutral, 40), 7);

@sapUiChoroplethBG: @sapHCStandardBG;
@sapUiChoroplethRegionBorder: @sapHCStandardBG;
@sapUiChoroplethRegionBG: darken(@sapUiChartNeutral, 45);
@sapUiMapLegendBG: @sapHCStandardBG;
@sapUiMapLegendBorderColor: @sapHCStandardFG;


// Shell
@sapUiShellHoverBackground: #7A5100;
@sapUiShellActiveBackground: #7A5100;
@sapUiShellActiveTextColor: #FFFFFF;
@sapUiShellContainerBackground: @sapUiShellBackground;
@sapUiShellAltContainerBackground: @sapUiShellBackground;

@sapUiUx3ShellHeaderColor: #000000;
@sapUiUx3ShellBackgroundColor: #000000;
@sapUiUx3ShellHoverColor: #7A5100;
@sapUiUx3ShellGradientBottom: #000000;
@sapUiUx3ShellGradientTop: #000000;

@sapUiUx3ShellToolPaletteIconFontColor: #FFFFFF;

// Exact
@sapUiUx3ExactLstExpandOffset: 0 0;
@sapUiUx3ExactLstRootExpandOffset: 0 3;
@sapUiUx3ExactLstContentTop: 25px;

// Link
@sapUiLinkActive: #FFFFFF;;
@sapUiLinkVisited: #FFFFFF;
@sapUiLinkHover: #FFFFFF;
@sapUiLinkInverted: #FFFFFF;

// Notification Bar
@sapUiNotificationBarBG: #000000;
@sapUiNotifierSeparator: #FFFFFF;
@sapUiNotifierSeparatorWidth: ~"2px";
@sapUiNotificationBarBorder: #FFFFFF;

// ToolPopup
@sapUiUx3ToolPopupInverted: ~"false";
@sapUiUx3ToolPopupArrowRightMarginCorrection: -2px;
@sapUiUx3ToolPopupShadow: 0px 6px 12px 0px fade(#FFFFFF, 30);

// Callout
@sapUiCalloutShadow: 0px 6px 12px 0px fade(#FFFFFF, 30);

@sapUiButtonIconColor: #FFFFFF;
@sapUiButtonActiveBackground: #7A5100;
@sapUiButtonActiveBorderColor: #FFFFFF;
@sapUiButtonActiveTextColor: #FFFFFF;
@sapUiButtonEmphasizedDisabledBorderColor: #666666;
@sapUiButtonEmphasizedHoverBackground: #7A5100;
@sapUiButtonEmphasizedHoverBorderColor: #FFFFFF;
@sapUiButtonEmphasizedActiveBackground: #7A5100;
@sapUiButtonEmphasizedActiveBorderColor: #FFFFFF;
@sapUiButtonEmphasizedTextShadow: #000000;
@sapUiButtonAcceptBorderColor: #FFFFFF;
@sapUiButtonAcceptDisabledBorderColor: #666666;
@sapUiButtonAcceptHoverBackground: #7A5100;
@sapUiButtonAcceptHoverBorderColor: #FFFFFF;
@sapUiButtonAcceptActiveBackground: #7A5100;
@sapUiButtonAcceptActiveBorderColor: #FFFFFF;
@sapUiButtonAcceptTextColor: #FFFFFF;
@sapUiButtonRejectBorderColor: #FFFFFF;
@sapUiButtonRejectDisabledBorderColor: #666666;
@sapUiButtonRejectHoverBackground: #7A5100;
@sapUiButtonRejectHoverBorderColor: #FFFFFF;
@sapUiButtonRejectActiveBackground: #7A5100;
@sapUiButtonRejectActiveBorderColor: #FFFFFF;
@sapUiButtonRejectTextColor: #FFFFFF;
@sapUiButtonLiteBackground: #000000;
@sapUiButtonLiteBorderColor: #FFFFFF;
@sapUiButtonLiteTextColor: #FFFFFF;
@sapUiButtonLiteHoverBackground: #7A5100;
@sapUiButtonLiteHoverBorderColor: #FFFFFF;
@sapUiButtonLiteActiveBackground: #7A5100;
@sapUiButtonLiteActiveBorderColor: #FFFFFF;
@sapUiButtonHeaderTextColor: #FFFFFF;
@sapUiButtonHeaderDisabledTextColor: #666666;
@sapUiButtonFooterTextColor: #FFFFFF;
@sapUiButtonFooterHoverBackground: #7A5100;
@sapUiButtonActionSelectBackground: #000000;
@sapUiButtonActionSelectBorderColor: #FFFFFF;
@sapUiButtonLiteActionSelectHoverBackground: #7A5100;
@sapUiToggleButtonPressedBackground: #0F5D94;
@sapUiToggleButtonPressedBorderColor:  #FFFFFF;
@sapUiToggleButtonPressedTextColor: #FFFFFF;
@sapUiToggleButtonPressedHoverBackground: #7A5100;
@sapUiToggleButtonPressedHoverBorderColor: #FFFFFF;
@sapUiToggleButtonPressedDisabledBackground: #585858;
@sapUiToggleButtonPressedDisabledBorderColor: #999999;
@sapUiToggleButtonPressedDisabledTextColor: #999999;
@sapUiSegmentedButtonBackground: #000000;
@sapUiSegmentedButtonBorderColor: #FFFFFF;
@sapUiSegmentedButtonTextColor: #FFFFFF;
@sapUiSegmentedButtonHoverBackground: #7A5100;
@sapUiSegmentedButtonActiveBackground: #7A5100;
@sapUiSegmentedButtonActiveTextColor: #FFFFFF;
@sapUiSegmentedButtonSelectedBackground: #0F5D94;
@sapUiSegmentedButtonSelectedTextColor: #FFFFFF;
@sapUiSegmentedButtonSelectedHoverBackground: #7A5100;
@sapUiSegmentedButtonSelectedHoverBorderColor: #FFFFFF;
@sapUiSegmentedButtonIconColor: #FFFFFF;
@sapUiSegmentedButtonActiveIconColor: #FFFFFF;
@sapUiSegmentedButtonSelectedIconColor: #FFFFFF;
@sapUiSegmentedButtonFooterBorderColor: #FFFFFF;
@sapUiSegmentedButtonFooterHoverBackground: #7A5100;

@sapUiFieldTextColor: #FFFFFF;
@sapUiFieldActiveBackground: #7A5100;
@sapUiFieldActiveBorderColor: #FFFFFF;
@sapUiFieldActiveTextColor: #FFFFFF;
@sapUiFieldPlaceholderTextColor: #999999;

@sapUiListTextColor: #FFFFFF;
@sapUiListVerticalBorderColor: #FFFFFF;
@sapUiListActiveBackground: #7A5100;
@sapUiListActiveTextColor: #FFFFFF;
@sapUiListSelectionHoverBackground: #7A5100;
@sapUiListFooterBackground: #000000;
@sapUiListFooterTextColor: #FFFFFF;
@sapUiListGroupHeaderBackground: #585858;
@sapUiListTableGroupHeaderBackground: #000000;
@sapUiListTableGroupHeaderBorderColor: #FFFFFF;
@sapUiListTableGroupHeaderTextColor: #FFFFFF;
@sapUiListTableFooterBorder: #FFFFFF;
@sapUiListTableFixedBorder: #FFFFFF;
@sapUiListTableTextSize: 0.875rem;
@sapUiListTableIconSize: 1rem;

@sapUiPageFooterBorderColor: #FFFFFF;

@sapUiInfobarHoverBackground: #7A5100;
@sapUiInfobarActiveBackground: #7A5100;

@sapUiObjectHeaderBorderColor: #FFFFFF;

@sapUiCalendarColorToday: #FFFFFF;

@sapUiDragAndDropColor: @sapUiContentNonInteractiveIconColor;
@sapUiDragAndDropBackground: @sapUiGroupContentBackground;
@sapUiDragAndDropBorderColor: @sapUiContentForegroundBorderColor;
@sapUiDragAndDropActiveColor: @sapUiContentHelpColor;
@sapUiDragAndDropActiveBackground: transparent;
@sapUiDragAndDropActiveBorderColor: @sapUiContentHelpColor;

@sapUiShadowLevel0: 0 0 0 1px @sapUiContentShadowColor;
@sapUiShadowLevel1: 0 0 1rem 0 fade(@sapUiContentContrastShadowColor, 50), 0 0 0 2px @sapUiContentShadowColor;
@sapUiShadowLevel2: 0 0.25rem 2rem 0 fade(@sapUiContentContrastShadowColor, 60), 0 0 0 2px @sapUiContentShadowColor;
@sapUiShadowLevel3: 0 0.625rem 4rem 0 fade(@sapUiContentContrastShadowColor, 80), 0 0 0 2px @sapUiContentShadowColor;
@sapUiShadowText: none;
@sapUiShadowHeader: inset 0 -0.125rem @sapUiObjectHeaderBorderColor, 0 0.125rem 0 0 @sapUiObjectHeaderBackground;

//images for shell
@sapUiUx3ShellHeaderImageURL: ~"";

@sapUiUx3ShellApplicationImageURL: @sapUiGlobalLogo;			// "Quick"




// Shadow Color
@sapHCShadowTint: fade(@sapHCStandardFG, 80%);

// StandardListItem
@sapUiInfoTop: false;

@sapUiHighlightColor: #7A5100;
@sapUiActiveBG: @sapHCHighlightAltBG;

// Base Colors
@sapUiBase: #FFFFFF;

// Background Colors
// Grayscale Backgrounds
@sapUiWhite: #000000;
@sapUiWhiteBG: #000000;
@sapUiDeepBG: #FFFFFF;
@sapUiBlackBG: #FFFFFF;

// Button Background Colors
@sapUiButtonStandardBG: @sapUiBaseBG;
@sapUiButtonEmphasizedBG: @sapUiButtonStandardBG;
@sapUiButtonNegativeBG: @sapUiButtonStandardBG;
@sapUiButtonPositiveBG: @sapUiButtonStandardBG;

// Semantic Background Colors
@sapUiReadOnlyBG: #585858;

// Grayscale Borders
@sapUiExtraLightBorder: @sapUiBaseBorder;
@sapUiLightBorder: @sapUiBaseBorder;

// Table Colors
@sapUiTableRowBG: #000000;
@sapUiTableRowAlternatingBG: #444444;

// Text Colors
@sapUiTextDisabled: #666666;
@sapUiTextSelection: @sapUiText;
@sapUiTextInverted: darken(@sapUiBaseText, 100%);			// #000000;

// NotificationBar
@sapUiNotificationText: contrast(@sapUiNotificationBarBG, @sapUiTextInverted, @sapUiText);
@sapUiNotificationTimestamp: contrast(@sapUiNotificationBarBG, lighten(@sapUiTextInverted,33), darken(@sapUiText,33));
@sapUiNotificationBarCalloutBorder: @sapUiBase;
@sapUiNotificationBarCalloutBorder_IE: @sapUiBase;
@sapUiNotificationBarCalloutArr: @sapUiBase;
@sapUiNotificationBarBG_IE: @sapUiBaseBG;
@sapUiMessageNotifierCountBG: #0F5D94;

// ToolPopup
@sapUiUx3ToolPopupArrowWidth: 12px;
@sapUiUx3ToolPopupArrowHeight: 18px;

@sapUiDatePickerTableBackground: lighten(desaturate(spin(@sapUiHighlightColor,165),18),8);
@sapUiDatePickerTableBorderColor: @sapUiDatePickerTableBackground;

// DateTimeInput Custom Picker JavaScript
@sapUiDTICustomRows: 5;
@sapUiDTICustomPhoneRows: 3;
@sapUiDTICustomWidth: 64;
@sapUiDTICustomHeight: 48;
@sapUiDTICustomShowLabel: false;
@sapUiDTICustomHeaderText: true;
@sapUiDTICustomMode: scroller;			// mixed, scroller, clickpick
@sapUiDTICustomDesktopMode: mixed;		// mixed, scroller, clickpick
@sapUiDTICustomDisplay: bubble;			// modal, bubble, bottom, top
@sapUiDTICustomPhoneDisplay: modal;		// modal, bubble, bottom, top

// Toolbar Separator
@sapUiToolbarSeparatorBG: @sapHCStandardFG;
@sapUiToolbarSeparatorFooterBG: @sapHCStandardFG;


// -------------------------------------------------------------------
// Generic Mapping: not for usage in standard control development !!!!
// -------------------------------------------------------------------

@sapUiSearchHighlight: @sapHCHighlightBG;

@sapUiFocus: @sapHCStandardFG;


// Text Colors
@sapUiDarkText: @sapHCStandardFG;
@sapUiLightText: @sapHCStandardFG;
@sapUiMediumText: @sapHCStandardFG;
@sapUiExtraLightText: @sapHCStandardFG;


// Border Colors
@sapUiDarkBorder: @sapHCStandardFG;
@sapUiDarkestBorder: @sapHCStandardFG;
@sapUiExtraDarkBorder: @sapHCStandardFG;
@sapUiLightestBorder: @sapHCStandardFG;
@sapUiMediumBorder: @sapHCStandardFG;


// Accent
@sapUiAccent1: #ffc847;
@sapUiAccent2: #ed884a;
@sapUiAccent3: #db9292;
@sapUiAccent4: #e269c9;
@sapUiAccent5: #8ca7d5;
@sapUiAccent6: #6bd3ff;
@sapUiAccent7: #7fc6c6;
@sapUiAccent8: #b2e484;
@sapUiAccent9: #b995e0;
@sapUiAccent10: #b0bcc5;

@sapUiLegend1: #ffc847;
@sapUiLegend2: #ed884a;
@sapUiLegend3: #db9292;
@sapUiLegend4: #ff741f;
@sapUiLegend5: #e269C9;
@sapUiLegend6: #6bd3ff;
@sapUiLegend7: #7fc6C6;
@sapUiLegend8: #b2e484;
@sapUiLegend9: #1fbcff;
@sapUiLegend10: #bb86b0;
@sapUiLegend11: #ffe6ad;
@sapUiLegend12: #cdaf9d;
@sapUiLegend13: #ff8787;
@sapUiLegend14: #ffb385;
@sapUiLegend15: #ffb2ef;
@sapUiLegend16: #9cabc5;
@sapUiLegend17: #a4eeee;
@sapUiLegend18: #8d9e7e;
@sapUiLegend19: #addcf0;
@sapUiLegend20: #629cff;


@sapUiDarkShadowTint: @sapHCStandardFG;
@sapUiLightShadowTint: @sapHCStandardFG;

// Backgrounds Header - Footer
@sapUiFooterBG: @sapHCStandardBG;
@sapUiHeaderBG: @sapHCStandardBG;

// Background
@sapUiLightestBG: @sapHCStandardBG;
@sapUiDarkestBG: @sapHCStandardBG;
@sapUiExtraDarkBG: @sapHCStandardBG;
@sapUiExtraLightBG: @sapHCStandardBG;
@sapUiLightBG: @sapHCStandardBG;
@sapUiMediumBG: @sapHCStandardBG;
@sapUiDarkBG: @sapHCStandardBG;

// SAP.ME

// OverlapCalendar Event Type
@sapMeOverlapCalendarType00 : @sapHCReducedBG;
@sapMeOverlapCalendarType01 : darken(@sapHCPositive,15);
@sapMeOverlapCalendarType01Action: darken(@sapHCPositive,15);
@sapMeOverlapCalendarType04 : lighten(@sapHCPositive,10);
@sapMeOverlapCalendarType06 : @sapHCCritical;
@sapMeOverlapCalendarType07 : lighten(@sapHCNegative,10);
@sapMeOverlapCalendarIndicator : @sapUiAccent2;

// Calendar Legend
@sapMeCalendarLegendIconCollapse: collapse;
@sapMeCalendarLegendIconExpand: expand;