.side-nav {
	 position: fixed;
	 width: 100%;
	 left: 0;
	 top: 70px;
	 margin: 0;
	 transform: translateX(-100%);
	 height: 100%;
	 height: calc(100% + 60px);
	 height: -moz-calc(100%);
	 padding-bottom: 60px;
	 padding-top: 60px;
	 background-color: #4cb935;
	 z-index: 999;
	 overflow-y: auto;
	 will-change: transform;
	 backface-visibility: hidden;
	 transform: translateX(-105%);
	 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
 .side-nav.right-aligned {
	 right: 0;
	 transform: translateX(105%);
	 left: auto;
	 transform: translateX(100%);
}
 .side-nav .collapsible {
	 margin: 0;
}
 .side-nav li {
	 float: none;
	 line-height: 48px;
}
 .side-nav li.active {
	 background-color: rgba(0, 0, 0, .05);
	 box-shadow: inset 6px 0px 0px 0px #165416;
}
 .side-nav li > a {
	 color: #fff;
	 display: block;
	 font-size: 14px;
	 font-weight: bold;
	 letter-spacing: 1px;
	 height: 48px;
	 line-height: 48px;
	 padding: 0 32px;
}
 .side-nav li > a:hover {
	 background-color: rgba(0, 0, 0, .05);
	 color: #165416;
}
 .side-nav li > a.btn, .side-nav li > a.btn-large, .side-nav li > a.btn-flat, .side-nav li > a.btn-floating {
	 margin: 10px 15px;
}
 .side-nav li > a.btn, .side-nav li > a.btn-large, .side-nav li > a.btn-floating {
	 color: #fff;
}
 .side-nav li > a.btn-flat {
	 color: #4cb935;
}
 .side-nav li > a.btn:hover, .side-nav li > a.btn-large:hover {
	 background-color: #3c3c3c;
}
 .side-nav li > a.btn-floating:hover {
	 background-color: #2f2f2f;
}
 .side-nav li > a > i, .side-nav li > a > [class^="mdi-"], .side-nav li > a li > a > [class*="mdi-"], .side-nav li > a > i.material-icons {
	 float: left;
	 height: 48px;
	 line-height: 48px;
	 margin: 0 32px 0 0;
	 width: 24px;
	 color: rgba(0, 0, 0, .54);
}
 .side-nav .divider {
	 margin: 8px 0 0 0;
}
 .side-nav .subheader {
	 cursor: initial;
	 pointer-events: none;
	 color: rgba(0, 0, 0, .54);
	 font-size: 14px;
	 font-weight: 500;
	 line-height: 48px;
}
 .side-nav .subheader:hover {
	 background-color: transparent;
}
 .side-nav .user-view, .side-nav .userView {
	 position: relative;
	 padding: 32px 32px 0;
	 margin-bottom: 8px;
}
 .side-nav .user-view > a, .side-nav .userView > a {
	 height: auto;
	 padding: 0;
}
 .side-nav .user-view > a:hover, .side-nav .userView > a:hover {
	 background-color: transparent;
}
 .side-nav .user-view .background, .side-nav .userView .background {
	 overflow: hidden;
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 z-index: -1;
}
 .side-nav .user-view .circle, .side-nav .userView .circle, .side-nav .user-view .name, .side-nav .userView .name, .side-nav .user-view .email, .side-nav .userView .email {
	 display: block;
}
 .side-nav .user-view .circle, .side-nav .userView .circle {
	 height: 64px;
	 width: 64px;
}
 .side-nav .user-view .name, .side-nav .userView .name, .side-nav .user-view .email, .side-nav .userView .email {
	 font-size: 14px;
	 line-height: 24px;
}
 .side-nav .user-view .name, .side-nav .userView .name {
	 margin-top: 16px;
	 font-weight: 500;
}
 .side-nav .user-view .email, .side-nav .userView .email {
	 padding-bottom: 16px;
	 font-weight: 400;
}
 .drag-target {
	 height: 100%;
	 width: 10px;
	 position: fixed;
	 top: 0;
	 z-index: 998;
}
 .side-nav.fixed {
	 left: 0;
	 position: fixed;
}
 .side-nav.fixed.right-aligned {
	 right: 0;
	 left: auto;
}
 @media only screen and (max-width: 1024px) {
	 .side-nav.fixed {
		 transform: translateX(-105%);
	}
	 .side-nav.fixed.right-aligned {
		 transform: translateX(105%);
	}
	 .side-nav a {
		 padding: 0 16px;
	}
	 .side-nav .user-view, .side-nav .userView {
		 padding: 16px 16px 0;
	}
}
 .side-nav .collapsible-body > ul:not(.collapsible) > li.active, .side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active {
	 background-color: #2f2f2f;
}
 .side-nav .collapsible-body > ul:not(.collapsible) > li.active a, .side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active a {
	 color: #4cb935;
}
 .side-nav .collapsible-body {
	 padding: 0;
}
 #sidenav-overlay {
	 position: fixed;
	 top: 0;
	 left: 0;
	 right: 0;
	 z-index: 997;
	 will-change: opacity;
}