/* NEW MOBILE MENU LEFT SIDE START */
.mobile-side-menu .navbar {
	border: none;
}
.mobile-side-menu .navbar-header {
	width: 100%;
	border-bottom: 1px solid #e7e7e7;
}
.mobile-side-menu .navbar-nav li {
	display: block;
	width: 100%;
}
.mobile-side-menu .navbar-nav li a {
	color: #22292d !important;
	padding: 15px 10px 15px 15px !important;
	font-size: 14px !important;
	background-color: #ffffff !important;
}
/*.mobile-side-menu .navbar-nav li a:hover,
.mobile-side-menu .navbar-nav li a:focus {
	background-color: #fbfbfb !important;
	color: #22292d !important;
}*/
.mobile-side-menu .navbar-nav li a i.firstIcon{
	color: #86929c;
	margin-right: 12px;
	font-size: 18px;
	padding-left: 0 !important;
}
.mobile-side-menu .navbar-nav li a .glyphicon {
	padding-right: 10px;
}
.mobile-side-menu #dropdown {
	border: 0;
	margin-bottom: 0;
	border-radius: 0;
	background-color: transparent;
	box-shadow: none;
}
.mobile-side-menu .navbar-nav li a.rightMenuArrow{
	position: absolute;
	right: 0;
	top: 0;
	padding: 15px 10px 15px 15px !important;
}
.mobile-side-menu .navbar-nav li a i.firstIcon{
	color: #86929c;
	margin-right: 12px;
	font-size: 18px;
	padding-left: 0 !important;
}
.mobile-side-menu #dropdown .fa-angle-right,
.mobile-side-menu #dropdown .fa-angle-down {
	float: right;
    background-color: #f7f8f9;
    width: 22px;
    height: 22px;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    border-radius: 100%;
    color: #848e92;
    padding-left: 0 !important;
}
.mobile-side-menu #dropdown .indicator {
	float: right;
}
.mobile-side-menu #dropdown .panel-body {
	padding: 0;
	background-color: #fbfbfb;
}
.mobile-side-menu #dropdown .panel-body .navbar-nav {
	width: 100%;
	margin-left: 0;
	background-color: #fff !important;
}
.mobile-side-menu #dropdown .panel-body .navbar-nav li {
	padding-left: 15px;
}
.mobile-side-menu #dropdown .panel-body .navbar-nav li:last-child {
	border-bottom: none;
}
.mobile-side-menu #dropdown .panel-body .panel > a {
	/*margin-left: -20px;*/
	padding-left: 35px;
}
.mobileMenuSeperator{
	width: 100%;
	height: 1px;
	background-color: #dadee0;
	margin-top: 10px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
.mobile-side-menu #search-trigger {
	background-color: #f3f3f3;
	border: 0;
	border-radius: 0;
	position: absolute;
	top: 0;
	right: 0;
	padding: 15px 18px;
}
.mobile-side-menu .brand-name-wrapper {
	min-height: 50px;
}
.mobile-side-menu .brand-name-wrapper .navbar-brand {
	display: block;
}
.mobile-side-menu #search {
	position: relative;
	z-index: 1000;
}
.mobile-side-menu #search .panel-body {
	padding: 0;
}
.mobile-side-menu #search .panel-body .navbar-form {
	padding: 0;
	padding-right: 50px;
	width: 100%;
	margin: 0;
	position: relative;
	border-top: 1px solid #e7e7e7;
}
.mobile-side-menu #search .panel-body .navbar-form .form-group {
	width: 100%;
	position: relative;
}
.mobile-side-menu #search .panel-body .navbar-form input {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	width: 100%;
	height: 50px;
}
.mobile-side-menu #search .panel-body .navbar-form .btn {
	position: absolute;
	right: 0;
	top: 0;
	border: 0;
	border-radius: 0;
	background-color: #f3f3f3;
	padding: 15px 18px;
}
/* Main body section */
.side-body {
	margin-left: 310px;
}
/* small screen */
.mobile-side-menu{
	display: none;
}
@media (max-width: 992px){
	.mobile-side-menu{
		display: block;
	}
}
@media (max-width: 768px) {
	.mobile-side-menu {
		position: relative;
		width: 100%;
		height: 0;
		border-right: 0;
	}
	.mobile-side-menu .brand-name-wrapper .navbar-brand {
		display: inline-block;
	}
	/* Slide in animation */
	@-moz-keyframes slidein {
		0% {
			left: -300px;
		}
		100% {
			left: 10px;
		}
	}
	@-webkit-keyframes slidein {
		0% {
			left: -300px;
		}
		100% {
			left: 10px;
		}
	}
	@keyframes slidein {
		0% {
			left: -300px;
		}
		100% {
			left: 10px;
		}
	}
	@-moz-keyframes slideout {
		0% {
			left: 0;
		}
		100% {
			left: -300px;
		}
	}
	@-webkit-keyframes slideout {
		0% {
			left: 0;
		}
		100% {
			left: -300px;
		}
	}
	@keyframes slideout {
		0% {
			left: 0;
		}
		100% {
			left: -300px;
		}
	}
	/* Slide side menu*/
	/* Add .absolute-wrapper.slide-in for scrollable menu -> see top comment */
	.mobile-side-menu-container > .navbar-nav.slide-in {
		-moz-animation: slidein 300ms forwards;
		-o-animation: slidein 300ms forwards;
		-webkit-animation: slidein 300ms forwards;
		animation: slidein 300ms forwards;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	@-moz-keyframes bodyslidein {
		0% {
			left: 0;
		}
		100% {
			left: 300px;
		}
	}
	@-webkit-keyframes bodyslidein {
		0% {
			left: 0;
		}
		100% {
			left: 300px;
		}
	}
	@keyframes bodyslidein {
		0% {
			left: 0;
		}
		100% {
			left: 300px;
		}
	}
	@-moz-keyframes bodyslideout {
		0% {
			left: 300px;
		}
		100% {
			left: 0;
		}
	}
	@-webkit-keyframes bodyslideout {
		0% {
			left: 300px;
		}
		100% {
			left: 0;
		}
	}
	@keyframes bodyslideout {
		0% {
			left: 300px;
		}
		100% {
			left: 0;
		}
	}
	/* Slide side body*/
	.side-body {
		margin-left: 5px;
		margin-top: 70px;
		position: relative;
		-moz-animation: bodyslideout 300ms forwards;
		-o-animation: bodyslideout 300ms forwards;
		-webkit-animation: bodyslideout 300ms forwards;
		animation: bodyslideout 300ms forwards;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	.body-slide-in {
		-moz-animation: bodyslidein 300ms forwards;
		-o-animation: bodyslidein 300ms forwards;
		-webkit-animation: bodyslidein 300ms forwards;
		animation: bodyslidein 300ms forwards;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	/* Hamburger */
	.navbar-toggle {
		border: 0;
		float: left;
		padding: 18px;
		margin: 0;
		border-radius: 0;
		background-color: #f3f3f3;
	}
	/* Search */
	#search .panel-body .navbar-form {
		border-bottom: 0;
	}
	#search .panel-body .navbar-form .form-group {
		margin: 0;
	}
	.navbar-header {
		/* this is probably redundant */
		position: fixed;
		z-index: 3;
		background-color: #f8f8f8;
	}
	/* Dropdown tweek */
	#dropdown .panel-body .navbar-nav {
		margin: 0;
	}
}
/* NEW MOBILE MENU LEFT SIDE END */