/* CSS Document */

.sidenavi {
  #  display: none;
}
.sidenavi {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    font-weight: 400;
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    transform: translate(-262px, 0px);
    -webkit-transform: translate(-262px, 0);
    transition: transform 0.5s ease 0s;
    width: 256px;
    z-index: 100;
	background:#FFF;
}


.sidenavi.show {
    transform: translate(0px, 0px);
    -webkit-transform: translate(0, 0);
}

.sidenavi.regular {display:block}

.sidenav-overlay {
	background:rgba(255,255,255,0.8);
	display:none;
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:99;
}


/* 2.te Sidenav */

.sidenavi2 {
 # display: none;
}
.sidenavi2 {
    background: #fff none repeat scroll 0 0;
     box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3);
    left: 15%;
    position: fixed;
    top: 0;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transition: transform 0.4s ease-in-out 0s, -webkit-transform 0.4s ease-in-out 0s, -moz-transform 0.4s ease-in-out 0s, -o-transform 0.4s ease-in-out 0s;
    width: 85%;
    z-index: 100;
    height:100%;
    overflow: auto;
}

.sidenavi2.show {
	transform: translateX(0%);
	-webkit-transform: translateX(0%);
}


.sidenavi2.regular {display:block}

.sidenav-overlay2 {
	background:rgba(255,255,255,0.8);
	display:none;
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:99;
	display:none;
}