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

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

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

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

/* START "Overlay.less" */
/******************************************************************
	Style of the RTA Overlays - sap_fiori_3_hcb Theme
*******************************************************************/
@_sap_ui_rta_Overlay_BorderColor : @sapUiDragAndDropActiveBorderColor; // #03b803
@_sap_ui_rta_Overlay_BoxShadowColor: @sapUiBlackBG; // #000000
@_sap_ui_rta_Overlay_BaseBG : @sapUiBlackBG; // #000000
@_sap_ui_rta_Overlay_ActiveBG : fade(lighten(@sapHC_HighlightAltBackground, 15%), 30%); // rgba(22, 137, 217, 0.3)
@_sap_ui_rta_Overlay_HoverBorder : @sapUiWhite; // #ffffff

.sapUiRta {
	.sapUiDtOverlay {
		&:focus {
			outline: none;
			/* We create inner black shadow to make sure white border is in contrast with element */
			box-shadow: 0 0 0 2px @_sap_ui_rta_Overlay_BoxShadowColor inset;

			&:before {
				border: none;
				outline: 2px dotted @_sap_ui_rta_Overlay_HoverBorder;
				outline-offset: -4px;
			}
		}
	}

	.sapUiDtOverlaySelected {
		transition: none;
		box-shadow: none;

		&:after {
			border: 2px solid @_sap_ui_rta_Overlay_BorderColor;
			outline: none;
		}

		&.sapUiDtOverlayFocusable {
			&:focus {
				/* Same trick as described above but doubled thickness */
				box-shadow: 0 0 0 4px @_sap_ui_rta_Overlay_BoxShadowColor inset;
			}
		}
		&.sapUiRtaOverlayHover {
			&:after {
				border: 2px solid @_sap_ui_rta_Overlay_BorderColor!important;
				outline: 2px dotted @_sap_ui_rta_Overlay_BorderColor!important;
				outline-offset: -4px;
				transition: none;
				box-shadow: none;
			}
		}
	}

	.sapUiRtaOverlayHover {
		&:after {
			outline: 2px dotted @_sap_ui_rta_Overlay_BorderColor;
			outline-offset: -2px;
			border: none;
			transition: none;
			box-shadow: none;
		}
	}

	.sapUiDtOverlayTargetZone {
		&:after {
			transition: none;
			box-shadow: none;
		}
	}
}

.sapUiRtaMode .sapUiShellBackgroundImage.sapUiGlobalBackgroundImageForce.sapUshellShellBG{
	background-color: @_sap_ui_rta_Overlay_BaseBG;
	background-image:  none;
}

.sapUiRtaMode .sapUshellViewPortCenter,
.sapUiRtaMode .sapMShellBG,
.sapUiRtaMode .sapUiRtaToolbar{
	background-color: @_sap_ui_rta_Overlay_BaseBG;
}
/* END "Overlay.less" */

/* START "ContextMenu.less" */
/******************************************************************
	Style of the RTA Contextmenu - sap_fiori_3_hcb Theme
*******************************************************************/
@_sap_ui_rta_ContextMenu_Border_LightColor: @sapUiWhite; // #ffffff
@_sap_ui_rta_ContextMenu_Border_DarkColor : @sapUiBlackBG; // #000000
@_sap_ui_rta_ContextMenu_BoxShadowColor: fade(@sapUiWhite, 60%); // rgba(255, 255, 255, 0.6)

.sapUiRtaMode {

	.sapUiDtContextMenu {

		&.sapMPopover, .sapMPopover {
			border: 2px solid @_sap_ui_rta_ContextMenu_Border_LightColor;
			border-image: repeating-linear-gradient( -45deg, @_sap_ui_rta_ContextMenu_Border_DarkColor, @_sap_ui_rta_ContextMenu_Border_DarkColor 4px, @_sap_ui_rta_ContextMenu_Border_LightColor 4px, @_sap_ui_rta_ContextMenu_Border_LightColor 6px) 4;
			box-shadow: 0 0.625rem 2rem 0 @_sap_ui_rta_ContextMenu_BoxShadowColor, 0px 0px 10px -2px @_sap_ui_rta_ContextMenu_Border_LightColor;
		}

		&.sapMPopoverArr, .sapMPopoverArr {
			width: 2rem;
			height: 2rem;
			bottom: -32px;
			left:	5px!important;
			&:after {
				box-shadow: 0 4rem 2rem 0 @_sap_ui_rta_ContextMenu_BoxShadowColor, 0px 0px 10px -3px @_sap_ui_rta_ContextMenu_Border_LightColor;
				border: 2px solid @_sap_ui_rta_ContextMenu_Border_LightColor;
				border-image: repeating-linear-gradient( -50deg, @_sap_ui_rta_ContextMenu_Border_DarkColor, @_sap_ui_rta_ContextMenu_Border_DarkColor 3px, @_sap_ui_rta_ContextMenu_Border_LightColor 3px, @_sap_ui_rta_ContextMenu_Border_LightColor 5px) 4;
				width: 1rem;
				height: 0.85rem;
				margin: -0.65rem 0 0 0.35rem;
			}

			&.sapMPopoverArrUp {
				height:	0.82rem;
				top: -13px;
				&:after {
					box-shadow: 0 -4rem 2rem 0 @_sap_ui_rta_ContextMenu_BoxShadowColor, 0px 0px 10px -3px @_sap_ui_rta_ContextMenu_Border_LightColor;
					margin: 0.35rem 0 0 0.35rem;
				}
			}
		}
	}
}

.sapUiRtaMode.sapUiSizeCozy {
	.sapUiDtContextMenu{
		.sapMBtn{
			margin-left: 2px;
			margin-right: 2px;
		}
	}
}

/* END "ContextMenu.less" */

/* START "Dialogs.less" */
/******************************************************************
	Style of Dialogs shown in RTA - sap_fiori_3_hcb Theme
*******************************************************************/
@_sap_ui_rta_Dialogs_Border_LightColor : @sapUiWhite;  // #ffffff
@_sap_ui_rta_Dialogs_Border_DarkColor : @sapUiBlackBG; // #000000
@_sap_ui_rta_Dialogs_BoxShadowColor: fade(@sapUiWhite, 80%); // rgba(255, 255, 255, 0.8)

.sapMDialog.sapUiRTABorder {
	border: 3px solid @_sap_ui_rta_Dialogs_Border_LightColor;
	border-image: repeating-linear-gradient( -45deg, @_sap_ui_rta_Dialogs_Border_DarkColor, @_sap_ui_rta_Dialogs_Border_DarkColor 5px, @_sap_ui_rta_Dialogs_Border_LightColor 5px, @_sap_ui_rta_Dialogs_Border_LightColor 10px) 4;
	box-shadow: 0 0.625rem 4rem 0 @_sap_ui_rta_Dialogs_BoxShadowColor, 0 0 10px -2px @_sap_ui_rta_Dialogs_Border_LightColor;
}
/* END "Dialogs.less" */

/* START "FieldRepository.less" */
/****************************************************************************
	Style of the RTA FieldRepository  - sap_fiori_3_hcb Theme
*****************************************************************************/
@_sap_ui_rta_FieldRepository_BGColor: @sapHC_HighlightBackground; // #7a5100;

.sapUiRtaMode {
	.sapUIRtaFieldRepositoryDialog {
		.sapMBtn:hover {
			> .sapMBtnHoverable {
				background-color: @_sap_ui_rta_FieldRepository_BGColor;
			}
		}
	}
}
/* END "FieldRepository.less" */

/* START "Toolbar.base.less" */
/******************************************************************
	Style of the RTA Toolbar (all types) - sap_fiori_3_hcb Theme
*******************************************************************/
@_sap_ui_rta_Toolbar_Base_BaseColor : @sapUiBlackBG;	// #000000
@_sap_ui_rta_Toolbar_Base_TextColor: @sapUiWhite;	// #ffffff
@_sap_ui_rta_Toolbar_Base_HoverColor: @sapHC_HighlightBackground; // #7a5100

.sapUiRtaToolbar {

	.sapMSegBBtn.sapMSegBBtnFocusable {

		&:hover .sapMSegBBtnInner,
		&.sapMSegBBtnSel:hover .sapMSegBBtnInner {
			background-color: @_sap_ui_rta_Toolbar_Base_HoverColor;
			color: @_sap_ui_rta_Toolbar_Base_TextColor;
		}

		&.sapMSegBBtnSel:hover .sapMSegBBtnInner::after{
			border-bottom: 2px solid @_sap_ui_rta_Toolbar_Base_TextColor;
		}
		&:focus .sapMSegBBtnInner{
			outline: 2px dotted @_sap_ui_rta_Toolbar_Base_TextColor;
			outline-offset: -1px;
		}
	}

	.sapMSegBBtnFocusable.sapMBtnActive:hover {
		.sapMSegBBtnInner {
			background-color: @_sap_ui_rta_Toolbar_Base_BaseColor;
		}
		& .sapMSegBBtnInner::after {
			border-bottom: 2px solid @_sap_ui_rta_Toolbar_Base_TextColor;
		}
	}
	.sapMSegB .sapMSegBBtn.sapMSegBtnLastVisibleButton:not(.sapMSegBBtnDis) .sapMSegBBtnInner {
		border-right: none;
	}

	.sapMSegBBtnFocusable:active + .sapMSegBBtn.sapMSegBtnLastVisibleButton .sapMSegBBtnInner,
	.sapMSegBBtnFocusable:focus + .sapMSegBBtn.sapMSegBtnLastVisibleButton .sapMSegBBtnInner {
		border-left: none;
	}
}

.sapUiSizeCozy{
	.sapUiRtaToolbar {
		.sapMSegBBtn.sapMSegBBtnFocusable {
			&:focus .sapMSegBBtnInner{
				outline-offset: -2px;
			}
		}
	}
}
/* END "Toolbar.base.less" */

/* START "Toolbar.standalone.less" */
/**********************************************************************
	Style of the RTA Toolbar (type: standalone) - sap_fiori_3_hcb Theme
***********************************************************************/
@_sap_ui_rta_Toolbar_Standalone_BaseColor : @sapUiBlackBG;	//#000000
@_sap_ui_rta_Toolbar_Standalone_TextColor: @sapUiWhite;	// #ffffff
@_sap_ui_rta_Toolbar_Standalone_BorderColor: transparent;

.sapUiRtaToolbar.type_standalone.color_default .sapMBtn:focus .sapMFocusable {
	outline: 0.125rem dotted @_sap_ui_rta_Toolbar_Standalone_TextColor;
	outline-offset: -0.125rem;
	border-color: @_sap_ui_rta_Toolbar_Standalone_BorderColor;
}
/* END "Toolbar.standalone.less" */

/* START "Toolbar.personalization.less" */
/****************************************************************************
	Style of the RTA Toolbar (type: personalization) - sap_fiori_3_hcb Theme
*****************************************************************************/
@_sap_ui_rta_Toolbar_Personalization_BaseColor: @sapUiBlackBG;	// #000000
@_sap_ui_rta_Toolbar_Personalization_TopBorder: @sapUiWhite; // #ffffff

.sapUiRtaToolbar.type_personalization {
	border-top: @_sap_ui_rta_Toolbar_Personalization_TopBorder 1px solid;
}
/* END "Toolbar.personalization.less" */

/* START "Toolbar.adaptation.less" */
/***********************************************************************
	Style of the RTA Toolbar (type: adaptation) - sap_fiori_3_hcb Theme
************************************************************************/
@_sap_ui_rta_Toolbar_Adaptation_BaseColor : @sapUiBlackBG;	// #000000
@_sap_ui_rta_Toolbar_Adaptation_TextColor : @sapUiWhite;	// #ffffff
@_sap_ui_rta_Toolbar_Adaptation_BoxShadowColor: fade(@sapUiWhite, 80%); // rgba(255, 255, 255, 0.8)

.sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
	border: 2px solid @_sap_ui_rta_Toolbar_Adaptation_TextColor;
	border-image: repeating-linear-gradient( -45deg, @_sap_ui_rta_Toolbar_Adaptation_BaseColor, @_sap_ui_rta_Toolbar_Adaptation_BaseColor 4px, @_sap_ui_rta_Toolbar_Adaptation_TextColor 4px, @_sap_ui_rta_Toolbar_Adaptation_TextColor 6px) 4;
	box-shadow: 0 0.625rem 2rem 0px @_sap_ui_rta_Toolbar_Adaptation_BoxShadowColor, 0px 0px 10px -2px @_sap_ui_rta_Toolbar_Adaptation_TextColor;

	.sapMHBox.sapMFlexBox:last-child .sapMFlexItem:first-child .sapMTB {
		height: 40px;
	}

	.sapMFlexBox {
		height: 40px;
	}
}
/* END "Toolbar.adaptation.less" */