/*
	The little this preview needs on top of the app's own stylesheets. There is deliberately no
	global border-box reset: the app does not have one.
*/

/*
	ScrollUtil.disable() toggles this class on #divAppBody while the menu is open, but the app has
	no .noScroll rule of its own for it. Here the page scrolls inside #divAppBody, so the class has
	to actually stop it.
*/
#divAppBody.noScroll
{
	overflow-y:hidden;
}

/* A quiet line under the page saying what this is, so nobody mistakes it for the live product. */
#divDemoFooter
{
	color:#5d616a;
	font-size:12px;
	letter-spacing:0.3px;
	padding:0px 20px 40px 20px;
	position:relative;
	text-align:center;
	z-index:1;
}

/* What DEPOSIT NOW says here instead of opening the wallet - see js/demoShim.js. */
#divDemoNotice
{
	background-color:#16103d;
	border:1px solid #a98bff;
	border-radius:30px;
	bottom:24px;
	box-shadow:0px 0px 24px rgba(0, 0, 0, 0.6);
	color:#ffffff;
	font-size:14px;
	left:50%;
	max-width:calc(100% - 32px);
	opacity:0;
	padding:12px 22px;
	pointer-events:none;
	position:fixed;
	text-align:center;
	transform:translate(-50%, 12px);
	transition:opacity 0.25s, transform 0.25s;
	z-index:30;
}

#divDemoNotice.show
{
	opacity:1;
	transform:translate(-50%, 0px);
}