/* slideout drawer region */



/*
    Adjust this margin-top for veritical location of slideout
*/

.region-drawer-wrapper.closed,
.region-drawer-wrapper.open {
	margin-top:50px;
}

.toolbar .region-drawer-wrapper.closed,
.toolbar .region-drawer-wrapper.open {
	margin-top:100px;
}
/*******/


.region-drawer-wrapper.closed {
    left:-398px;
}

.region-drawer-wrapper.open {
    left:0;
}

.region-drawer {
	margin-bottom:0px;
}

.region-drawer-wrapper {
	position:fixed;
	z-index:101;
	top:0;
	width:396px;
	background:#fff;
    -webkit-box-shadow: 0px 0px 4px 0px #000;
	box-shadow: 0px 0px 4px 0px #000;
    -webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
}

.region-drawer-wrapper.closed {
    -webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
}

.region-drawer-wrapper.open {
    -webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
}

.region-drawer-wrapper .region-drawer-inner {
	padding:10px;
}
.drawer-tab.open1:before {
	content: "";
}
.drawer-tab.closed1:before {
	content: "";
}	

.drawer-tab {
 	font-family: 'Glyphicons Halflings';
	position:absolute;
	right:-35px;
	width:35px;
	height:50px;
	margin-top:-10px;
	-webkit-border-radius:0px 4px 4px 0px;
	-moz-border-radius:0px 4px 4px 0px;
	border-radius:0px 4px 4px 0px;
	-webkit-box-shadow: 2px 0px 2px 0px #000;
	-moz-box-shadow: 2px 0px 2px 0px #000;
	box-shadow: 2px 0px 2px 0px #000;
    cursor:pointer;  

}
.drawer-tab.closed1 {
	font-size:33px;
}	
.drawer-tab.open1 {
	font-size:35px;
}
	
.region-drawer-wrapper.closed .drawer-tab.open1, .region-drawer-wrapper.open .drawer-tab.closed1 {
	display:none;
}


@media (max-width:320px) {
	.region-drawer-wrapper {
		width:290px;
	}
	.region-drawer-wrapper.closed {
		left:-290px;
	}
	}