html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	font-weight: 400;
	background: #FFF;
	font-size: 16px;
	line-height: 1.42857143;
}

.wrapper {
	position: relative;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.wrapper:before,
.wrapper:after {
	content: " ";
	display: table;
}

.wrapper:after {
	clear: both;
}

/* This prevents the page scroll to top when modal opens */
body.modal-open {
	overflow: initial;
}


/*
 * Content Wrapper - contains the main content
 */
.content-wrapper,
.main-footer {
	-webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
	-moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
	-o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
	margin-left: 16rem;
	z-index: 820;
	flex: 1 0 auto;
}

@media (max-width: 767px) {
	.content-wrapper,
	.main-footer {
		margin-left: 0;
	}
}

.content-wrapper {
	min-height: 100%;
	background-color: #fff;
	z-index: 800;
	height: 100%;
}

@media (min-width: 768px) {
	.sidebar-collapse .content-wrapper{
		margin-left: 0;
	}
}

.main-footer {
	background: #fff;
	padding: 15px;
	color: #444;
	border-top: 1px solid #d2d6de;
}

@media (min-width: 768px) {
	.sidebar-collapse .content-wrapper,
	.sidebar-collapse .main-footer {
		margin-left: 0 !important;
		z-index: 840;
	}
}

/* Content */
.content {
	min-height: 100%;
	height: calc(100% + 32px);
	margin-right: auto;
	margin-left: auto;
	padding: 72px 2rem 4rem;
}
@media (max-width: 768px) {
	.content {
		padding: 72px 0.4rem 4rem;
	}
}

.pull-right {
	float: right;
}