/******************************************************************
	Style of the DT Overlays - Horizon High Contrast Black theme
*******************************************************************/
@_sap_ui_dt_Overlay_TargetZoneOutlineColor: @sapUiSuccessBorder; //#9c9
@_sap_ui_dt_Overlay_SelectionOutlineColor: darken(@sapUiSuccessBorder, 25%); //#4c994c
@_sap_ui_dt_Overlay_CuttedBackgroundColor: @sapUiFieldPlaceholderTextColor; //#999
@_sap_ui_dt_Overlay_CuttedBorderColor: darken(@sapUiSuccessBorder, 25%); //#4c994c
@_sap_ui_dt_Overlay_HighlightOutlineColor: @sapUiWarningBorder; // #ffab1d
@_sap_ui_dt_Overlay_BorderRadius: @sapUiButtonBorderCornerRadius; // 0.375rem
@_sap_ui_dt_Overlay_DropZoneBackgroundColor: fade(@sapUiSuccessBorder, 30%); //rgba(153, 204, 153, 0.3)

.sapUiDtOverlayFocusable {
	&:focus {
		&:before {
			border-radius: @_sap_ui_dt_Overlay_BorderRadius;
			outline: 0.125rem dotted @_sap_ui_dt_Overlay_FocusBorderColor;
			border: none;
			outline-offset: -0.25rem; //4px
		}
	}
}

.sapUiDtOverlaySelected {
	box-shadow: none !important;

	&:after {
		border-radius: @_sap_ui_dt_Overlay_BorderRadius;
	}
	&.sapUiDtOverlayHover {
		&:after {
			border: 0.125rem solid @_sap_ui_dt_Overlay_SelectionOutlineColor; //2px
			outline-offset: -0.25rem; //4px
		}
	}
}

.sapUiDtOverlayTargetZone {
	&:after {
		border-radius: @_sap_ui_dt_Overlay_BorderRadius;
	}
}

.sapUiDtOverlayCutted {
	opacity: 0.7;

	&:after {
		border-radius: @_sap_ui_dt_Overlay_BorderRadius;
	}
}

.sapUiDtOverlayHighlighted:not(.sapUiDtOverlaySelected) {
	&:after {
		box-shadow: none;
	}
}

.sapUiDtOverlayHover {
	&:after {
		box-shadow: none;
		outline: 0.125rem dotted @_sap_ui_dt_Overlay_SelectionOutlineColor; //2px
		outline-offset: -0.125rem; //2px
		border-radius: @_sap_ui_dt_Overlay_BorderRadius;
	}
}