.cmbar {
	position: relative;
	min-height: 50px;
	/*margin-bottom: 20px;*/
	border: 1px solid transparent;
}

@media (min-width: 768px) {
	.cmbar {
		border-radius: 4px;
	}
}

@media (min-width: 768px) {
	.cmbar-header {
		float: left;
	}
}

@media (min-width: 768px) {
	.cmbar-left {
		float: left !important;
	}

	.cmbar-right {
		float: right !important;
		/*margin-right: -15px;*/
	}

		.cmbar-right ~ .cmbar-right {
			margin-right: 0;
		}
}

.cmbar-default {
	background-color: #f8f8f8;
	border-color: #e7e7e7;
}

.cmbar-fixed-top {
	top: 0;
	border-width: 0 0 1px;
}

.cmbar-brand {
	float: left;
	padding: 15px 15px;
	font-size: 18px;
	line-height: 20px;
	/*height: 50px;*/
}

	.cmbar-brand:hover,
	.cmbar-brand:focus {
		text-decoration: none;
	}

	.cmbar-brand > img {
		display: block;
	}

.cmbar-btn {
	margin-top: 8px;
	margin-bottom: 8px;
}

	.cmbar-btn.btn-sm {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.cmbar-btn.btn-xs {
		margin-top: 14px;
		margin-bottom: 14px;
	}

.dropdown-header {
	display: block;
	padding: 3px 20px;
	font-size: 12px;
	line-height: 1.42857143;
	color: #777;
	white-space: nowrap;
}

.chefmod-header-primary {
	background: linear-gradient(to right, #b0bf22 0%, #efff5c 50%, #9eaf00 100%) !important;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
	background-color: initial !important;
}

/*
    Slide Menu
= = = = = = = = =
*/
.side-menu__container {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	pointer-events: none;
	z-index: 25;
}

.side-menu__container-active {
	pointer-events: auto;
}

.side-menu__container::before {
	content: '';
	cursor: pointer;
	position: absolute;
	display: block;
	top: 51px;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #0c1066;
	opacity: 0;
	transition: opacity 300ms linear;
	will-change: opacity;
}

.side-menu__container-active::before {
	opacity: 0.3;
}

.slide-menu {
	box-sizing: border-box;
	transform: translateX(-103%);
	position: relative;
	top: 51px;
	left: 0;
	z-index: 10;
	height: 100%;
	width: 250px;
	max-width: 26rem;
	background-color: white;
	display: grid;
	transition: transform 300ms linear;
	will-change: transform;
}

.slide-menu-active {
	transform: none;
}

.menu-body {
	display: grid;
	width: 100%;
	height: calc(100vh - 51px);
	overflow-y: auto;
	overflow-x: hidden;
}

.cm-apps-header {
	margin-bottom: 8px;
	margin-top: 0;
	font-size: 24px;
	line-height: 1.2;
}

.cm-menu-item {
	width: 220px;
	border: none;
	padding: 12px 20px;
}

	.cm-menu-item .panel {
		margin: 0;
		color: white;
		cursor: pointer;
	}

		.cm-menu-item .panel .panel-body {
			padding: 20px 10px;
		}

		.cm-menu-item .panel .panel-body > img {
			margin-right: 12px;
		}

		.cm-menu-item .panel .panel-body > span {
			font-size: 19px;
		}

.cm-home-icon {
	color: white;
	font-size: 3rem;
	margin-right: 12px;
}

@media only screen and (max-width: 300px) {
	.slide-menu {
		width: 100%;
	}
}