assets/css/layouts/cp2/base.css

body {
	color: #1e375a;
	position: relative;
}

header {
	background-color: #205081;
	color: #fff;
	height: 56px;
}

header:before {
	background-image: linear-gradient(45deg, #28598a 25%, transparent 0, transparent 50%, #28598a 0, #28598a 75%, transparent 0, transparent);
	background-size: 50px 50px;
	bottom: 0;
	content: "";
	height: 56px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

header .container-fluid {
	padding-bottom: 8px;
	padding-top: 8px;
	position: relative;
	z-index: 2;
}

.sidebar .scroll,
.content .scroll {
	padding: 15px 0px;
}

body,
.sidebar {
	background-color: #eee;
}

.content {
	background-color: #fff;
}

.sidebar-right {
	border-top: 1px solid #d6d6d6;
}

@media (min-width: 576px) {
	html,
	body,
	.container,
	.container-fluid,
	.row.main,
	.content {
		height: 100%;
	}

	body {
		padding-top: 56px;
	}

	header {
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1;
	}

	.row.main {
		display: block;
	}

	.sidebar {
		clear: both;
		float: left;
	}

	.content {
		margin-left: 33.333333%;
	}

	.sidebar-left .scroll,
	.content .scroll {
		height: 100%;
		margin: 0px -15px;
		overflow-y: auto;
		padding: 15px 15px;
	}
}

@media (min-width: 768px) {
	/* Empty */
}

@media (min-width: 992px) {
	.row.main {
		display: flex;
	}

	.sidebar {
		clear: none;
		float: none;
	}

	.content {
		margin-left: auto;
	}

	.sidebar-right {
		border-top: none;
	}

	.sidebar-right .scroll {
		height: 100%;
		margin: 0px -15px;
		overflow-y: auto;
		padding: 15px 15px;
	}
}

@media (min-width: 1200px) {
	/* Empty */
}