/* Layout settings for starting with a component */

/* Sets the app component position */
.sapUiOpaComponent {
	margin-left: 20%;
}

/* Sets the qunit wrapper position and causes the proper positioning of all elements inside.
   Enables the vertical scrolling */
.sapUiOpaBodyComponent #qunit {
	position: fixed;
	left: 0;
	width: 20%;
	height: 100%;
	overflow-y: scroll;
}

/* Allows the line break */
.sapUiOpaBodyComponent #qunit-tests .runtime {
	float: none;
}

/* Sets the message dialog position */
/* Have to use important flag because the style property is set directly to element */
.sapUiOpaBodyComponent .sapMDialog {
	left: 50% !important;
}

/* Sets the message toast position */
/* Have to use important flag because the style property is set directly to element */
.sapUiOpaBodyComponent .sapMMessageToast {
	left: 60% !important;
}

/* Sets the blocklayer position */
.sapUiOpaBodyComponent #sap-ui-blocklayer-popup {
	top: 0;
	left: 20%;
}

/* Layout settings for starting in a frame */
.opaFrame {
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 0.7;
	bottom: -20%;
	right: -20%;
	top: 0;
	transform: scale(0.6) ;
}

/* The :hover selector is used to select elements (in our case the OPA-Frame) when you mouse over them */
.opaFrame:hover {
	opacity: 1;
}