@media only screen and (min-width: 64.063em) {

	div.app-title
	{
		margin-left: 0em;
		text-align: right !important;
	}
	div.signin
	{
		width: 400px;
		margin: 1em auto 0 auto;
	}
	div.primary
	{
		border-right: 1px dotted #bbb;
		padding-right: 1em;
	}
	#app-header
	{
		/* height: 75px; */
	}
	#app-header button
	{
		position: relative;
		text-align: left;
		padding-right: 3em;
		border: 1px solid rgba( 0,0,0, .1);
	}
	/* #app-header i
	{
		background-color: rgba( 0,0,0, .5 );
		color: #fff;
		padding: .4em .7em .4em .7em;
		border-radius: 1em;
		margin-right: 0.2em;
	}
	#app-header i.down
	{
		position: absolute;
		right: .5em;
		top: 12px;

		padding: 0;
		border-radius: 0;
		margin: 0;
		margin-right: 0.5em;
		background-color: transparent;
	} */
	#app-side-nav
	{
		padding: .5em;
	}
	#app-container
	{
		padding-right: .5em;
	}
	#app-body
	{
		padding: 1em 1.4em 1em 1.4em;
	}

}
@media screen and (min-width: 40em) and (max-width: 64.9375em) {
	div.app-title
	{
		background-color
		margin-left: 0em;
		text-align: right !important;
	}
	#app-header i
	{
		display: none;
	}

	#app-body
	{
		padding: 1em 1.4em 1em 1.4em;
	}
	#app-side-nav.expand
	{
		width: 180px;
	}
	#app-container.collapse
	{
		width: calc(100% - 180px);
	}

	#app-side-nav
	{
		padding: .5em;
	}
	#app-container
	{
		padding-right: .5em;
	}
	div.signin
	{
		width: 400px;
		margin: 1em auto 0 auto;
	}
	div.primary
	{
		border-right: 1px dotted #bbb;
		padding-right: 1em;
	}
}