[class*=slidebar-] {
    cursor: pointer;
}
[canvas] {
	z-index: 1;
}
[canvas=container] {
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-overflow-scrolling: touch;
}
[canvas=container]:before, [canvas=container]:after {
	clear: both;
	content: '';
	display: table;
}
.slidebar-close-any {
	display: none;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	bottom:0;
	right:0;
	position: fixed;
	z-index:11;
	background-color: rgba(0,0,0,0.6);
}
[off-canvas] {
	display: none;
	position: fixed;
	overflow: hidden;
	overflow-y: auto;
	background-color: transparent;
	-webkit-overflow-scrolling: touch;
}

[off-canvas*=top] {
	width: 100%;
	top: 60px;
}
[off-canvas*=overlay] {
	z-index: 22;
}
[off-canvas*=shift] {
	z-index: 0;
}
[canvas], [off-canvas] {
	-webkit-transform: translate( 0px, 0px );
	    -ms-transform: translate( 0px, 0px );
	        transform: translate( 0px, 0px );
	-webkit-transition: -webkit-transform 300ms;
	        transition:         transform 300ms;
	-webkit-backface-visibility: hidden;
}

[off-canvas*=shift][off-canvas*=top] {
	-webkit-transform: translate( 0px, 100% );
	        transform: translate( 0px, 100% );
}
@media print {
	[canvas] {
		-webkit-transform: translate( 0px, 0px ) !important;
		    -ms-transform: translate( 0px, 0px ) !important;
		        transform: translate( 0px, 0px ) !important;
	}

	[off-canvas] {
		display: none !important;
	}
}