/*!

 * Slidebars - A jQuery framework for off-canvas menus and sidebars.

 * Version: 2.0 Beta 11

 * Url: http://plugins.adchsm.me/slidebars/

 * Author: Adam Charles Smith

 * Author url: http://www.adchsm.com/

 * License: GPL General Pubic License v2.0

 * License url: http://www.gnu.org/licenses/gpl-2.0.html

 */



/**

 * Box Model, Html & Body

 */



/*html, body, [canvas=container], [off-canvas] {

	margin: 0;

	padding: 0;

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

	        box-sizing: border-box;

}



html, body {

	width: 100%;

	height: 100%;

	overflow: hidden;

}*/



/**

 * Canvas

 */



[canvas] {

	/*z-index: 1;*/

}



[canvas=container] {

	/*width: 100%;

	height: 100%;

	overflow-y: auto;

	position: relative;

	background-color: white; /* Basic background color, overwrite this in your own css. */

	/*-webkit-overflow-scrolling: touch;*/ /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */

}



[canvas=container]:before, [canvas=container]:after {

	clear: both;

	content: '';

	display: table;

}



/**

 * Off-Canavs

 */



[off-canvas] {

	display: none;

	position: fixed;

	overflow: hidden;

	overflow-y: auto;

	background-color: #fff;

	border-left: 1px solid #ebebeb;

	/*border-top:6px solid #000;*/

	color: white; /* Basic colors, overwrite this in your own css. */

	-webkit-overflow-scrolling: touch; /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */



}



[off-canvas*=top] {

	width: 100%;

	height: 255px;

	top: 0;

}



[off-canvas*=right] {

	width: 255px;

	height: 100%;

	top: 0;

	right: 0;

	bottom: 0;

}



[off-canvas*=bottom] {

	width: 100%;

	height: 255px;

	bottom: 0;

}



[off-canvas*=left] {

	width: 255px;

	height: 100%;

	top: 0;

	left: 0;

}



[off-canvas*=reveal] {

	z-index: 0;

}



[off-canvas*=push] {

	z-index: 1;

}



[off-canvas*=overlay] {

	z-index: 9999;

	

}



/**

 * Animation

 */



[canvas], [off-canvas] {

	-webkit-transform: translate( 0px, 0px );

	    -ms-transform: translate( 0px, 0px );

	        transform: translate( 0px, 0px );

	-webkit-transition: -webkit-transform 300ms ease;

	        transition:         transform 300ms ease;

	-webkit-backface-visibility: hidden; /* Prevents flickering but may be removed if your having problems with fixed background images in Chrome. */

}



/**

 * Print

 */



@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;

	}

}