body, html {
	display: block;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: #DDDDDD;
	color: #202020;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

[data-role="wrapper"] {
	min-height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
}

[data-role="view"] {
	min-height: 100%;
	width: 100%;
	padding: 0.5em 0.5em 3.1em 0.5em;
	position: absolute;
	top: 0;
	left: 100%;
	
	-webkit-box-sizing: border-box;
}


.next[data-role="view"] {
	/*left: 100%;*/
}

.previous[data-role="view"] {
	/*left: -100%;*/
}

.current[data-role="view"] {
	position: static;
	/*left: 0;*/
}

.transition {
	position: absolute !important;
	/*-webkit-transition: left 0.35s ease-out;*/
}