@charset "utf-8";

/* CSS Document */
@media screen and (max-width: 767px) {

	/* ------------------------------------------------ // Algemeen */
	.container {
		width: 280px;
	}

	#wrapper {
		padding: 15px;
	}

	#content {
		padding: 30px;
	}

	#content-home,
	.homepage-blok {
		margin-left: 0;
	}

	#logo {
		padding-left: 25px;
	}

	#logo img {
		max-width: 300px;
	}

	/* ------------------------------------------------ // Menu */
	#left {
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 0;
		overflow-x: hidden;
	}

	button.navbar-toggle {
		border: 1px solid #0d224c;
		margin-left: 20px;
		margin-top: 55px;

	}

	button.navbar-toggle span {
		background: #0d224c;
	}

	.nav {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.nav li:first-child {
		padding-top: 15px;
	}

	#left .row:first-child {
		margin-bottom: 0px;
		padding-bottom: 20px;
	}

	#visual {
		height: 100%;
		position: absolute;
		left: 0;
		right: 0;
	}

	/* ------------------------------------------------ // dashboard */
	.container-fluid,
	.row-fluid,
	#right {
		height: auto;
	}

	/* ------------------------------------------------ // dashboard - sidebar */
	.sidebar {
		position: static;
		top: auto;
		bottom: auto;
		left: auto;
		z-index: auto;
		display: block;
		overflow-x: auto;
		overflow-y: auto;
		padding: 50px 25px;
	}

	#onder-content {
		margin-left: 0px;
	}
}

/**/