/******************************************************************
	Style of the DT Overlays - sap_fiori_3_hcb Theme
*******************************************************************/
@_sap_ui_dt_Overlay_TargetZoneOutlineColor: @sapUiSuccessBorder; //#9c9
@_sap_ui_dt_Overlay_CuttedBackgroundColor: @sapUiFieldPlaceholderTextColor; //#999
@_sap_ui_dt_Overlay_HighlightOutlineColor: @sapUiWarningBorder; // #ffab1d
@_sap_ui_dt_Overlay_HoverBackgroundColor: fade(lighten(@sapUiSelected, 10%), 30%); //rgba(20, 122, 194, 0.3)
@_sap_ui_dt_Overlay_DropZoneBackgroundColor: fade(lighten(@sapUiSelected, 10%), 30%); //rgba(20, 122, 194, 0.3)
@_sap_ui_dt_Overlay_SelectionOutlineColor: @sapUiSuccessBorder; //#9c9

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

.sapUiDtOverlaySelected {
	box-shadow: none!important;
	&.sapUiDtOverlayHover {
		&:after {
			border: 0.125rem solid @_sap_ui_dt_Overlay_SelectionOutlineColor; //2px
			outline-offset: -0.25rem; //4px
			transition: none;
		}
	}
}

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