litejs/css/layout.css

/**
 *  1. Force a vertical scrollbar to prevent a jumpy page.
 *  2. Fix margin 0 auto in IE4-5.5.
 *  3. The bottom margin is the negative value of the footer's height.
 */

html {
	height: 100%;
	overflow-y: scroll;    /* 1 */
	min-width: 300px;
}

body {
	height: 100%;
	text-align: center;    /* 2 */
}

.App {
	margin: 0 auto -150px; /* 3 */
}

.App-row {
	text-align: left;      /* 2 */
	padding: 0 8px;
}
[dir="rtl"] .App-row {
	text-align: right;
}

.lg .App-row {
	width: 990px;
	margin: 0 auto;
	zoom: 1;
}

.top {
	height: 44px;
	line-height: 43px;
	font-size: .75em;
}
.Menu {
	height: 56px;
	font-size: .75em;
}

.Footer,
.Footer-spacer {
	display: block;
	clear: both;
	height: 149px;         /* 3 */
}

.login {
	max-width: 450px;
	margin: 0 auto;
}
.md .login__label,
.lg .login__label {
	padding-right: 1em;
	text-align: right;
}

.modal__content {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 60px;
	width: 300px;
	background-color: #fff;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

.sm .modal__content {
	width: 100%;
	height: 100%;
	top:0;
}

.modal__background {
	background-color: #000;
	opacity: .6;
}