.sidenav{background:#fff;box-shadow:2px 2px 6px rgba(0,0,0,0.3);display:block;font-size:14px;font-weight:400;height:100%;right:0;position:fixed;overflow:auto;transform:translate(262px,0);transition:transform .3s;top:0; width:256px;z-index:1000;}

.sidenav.show{transform:translate(0,0)}
.sidenav-brand{background-color:rgba(0,169,122,1);color:#FAFAFA;font-size:24px;line-height:32px;padding:10px 24px 9px 10px; height:100px;}
.sidenav-brand img{ width:160px; height:auto; image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */}
.sidenav-dropdown,.sidenav-header{margin:0}
.sidenav-header{background:0 0;color:#00aea8;font-size:19.2px;line-height:32px;padding:16px 24px 15px}
.sidenav-header small{display:block;font-size:14.4px;line-height:16px}
.sidenav-menu{list-style:none;margin:0;padding:0}
.sidenav-menu li{display:block;position:relative;border-bottom: #cacaca 1px double;}
.sidenav-menu a{background:0 0;color:#4d4d4d;display:block;line-height:24px;padding:12px 32px;text-decoration:none;font-size:16px;}
.sidenav-menu a:hover{background:#00a97a; color:#FFF;}
.sidenav-menu a.active,.sidenav-menu a.active .sidenav-dropdown-icon,.sidenav-menu a.active .sidenav-link-icon{color:#00aea8}.sidenav-dropdown-icon,.sidenav-link-icon{color:#00aea8;position:absolute;text-align:center;top:12px}
.sidenav-link-icon{display:block;height:16px;left:24px;width:24px}
.sidenav-link-title{display:block;padding:0 16px 0 0px;}
.sidenav-dropdown{display:none;list-style:none;padding:0}
.sidenav-dropdown a{background:#ffffff;padding-left:72px; font-size:14px;}
.sidenav-dropdown a:hover{}
.sidenav-dropdown li:first-child a{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}
.sidenav-dropdown-icon{display:none;height:16px;right:16px;width:16px}
.sidenav-dropdown-icon.show{display:block}

.sidenav-overlay{background:rgba(255,255,255,.8);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99}.sidenav-no-scroll{overflow:hidden!important}

.sidenav-no-scroll{overflow:hidden!important}

.toggle {
	display: block;
	height: 65px;
	line-height: 65px;
	text-align: center;
	width: 65px; position: absolute; z-index:13; top:18px;   right:20px;
  }
  
  @media screen and (max-width: 768px) {
	  .toggle {
	display: block;
	height: 45px;
	line-height: 45px;
	text-align: center;
	width: 65px; position: absolute; z-index:13; top:10px;   right:20px;
  }
  
  .sidenav-brand { height:80px;}
  
  }
  
  
  .sidenav-brand img{ width:140px; }
  
.toggle img{  image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}