.slideout-menu
{
	position: fixed;
	top: 0;
	bottom: 0;
	width: 256px;
	min-height: 100vh;
	background: #0076BF;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	z-index: 0;
	display: none;
}
.slideout-menu-left
{
	left: -256px;
}
@media screen and (min-width:0\0) and (min-resolution: +72dpi)
{
	.slideout-menu-left
	{
		left: 0px;
	}
}
.slideout-menu-right
{
	right: 256px;
}
@media screen and (min-width:0\0) and (min-resolution: +72dpi)
{
	.slideout-menu-right
	{
		right: 0px;
	}
}
.slideout-panel
{
	position: relative;
	z-index: 1;
	will-change: transform;
	background-color: #FFF;
	/* A background-color is required */
	min-height: 100vh;
}
.slideout-open, .slideout-open BODY, .slideout-open .slideout-panel
{
	overflow: hidden;
}
.slideout-open .slideout-menu
{
	display: block;
}