/*html, body {
	height: 100%
}*/
html.no-scroll {
	width: 100%;
	overflow-y: scroll;
	position: fixed
}
#jm-allpage {
	-webkit-transition: 300ms ease all;
	transition: 300ms ease all
}
.off-canvas-right.off-canvas #jm-allpage {
	margin-left: -300px;
	margin-right: 300px
}
.off-canvas-left.off-canvas #jm-allpage {
	margin-right: -300px;
	margin-left: 300px
}
#jm-offcanvas {
	width: 300px;
	height: 100%;
	position: fixed;
	z-index: 999;
	background: #333;
	top: 0;
	-webkit-transition: 300ms ease all;
	transition: 300ms ease all
}
.off-canvas-right #jm-offcanvas {
	right: -300px
}
.off-canvas-right.off-canvas #jm-offcanvas {
	right: 0;
	overflow-y: auto
}
.off-canvas-left #jm-offcanvas {
	left: -300px
}
.off-canvas-left.off-canvas #jm-offcanvas {
	left: 0;
	overflow-y: auto
}
#jm-offcanvas-toolbar {
	background: #292929;
	height: 34px;
	line-height: 34px;
	padding: 0 15px
}
#jm-offcanvas-content {
	padding: 15px;
	color: #fff
}
#jm-offcanvas-content .jm-title {
	color: #fff
}
.toggle-nav {
	cursor: pointer
}
.toggle-nav .fa, .toggle-nav [class^="icon-"], .toggle-nav [class*=" icon-"] {
	font-size: 21px
}
.toggle-nav.menu {
	display: inline-block;
	color: #808080;
	text-align: center;
	vertical-align: top
}
.toggle-nav.close-menu {
	color: #fff
}
.off-canvas-left #jm-offcanvas-toolbar {
	text-align: right
}
html[dir='rtl'] .off-canvas-right #jm-offcanvas-toolbar {
	text-align: left
}
#jm-top-bar .toggle-nav.menu {
	height: 34px;
	color: #808080
}
#jm-top-bar .toggle-nav.menu .fa, #jm-top-bar .toggle-nav.menu [class^="icon-"], #jm-top-bar .toggle-nav.menu [class*=" icon-"] {
	top: 0;
	height: 34px;
	line-height: 34px
}
#jm-top-bar .toggle-nav.menu:hover {
	color: #0072ab
}