.side-nav .collapsible, .side-nav.fixed .collapsible {
    border: medium none;
    box-shadow: none;
}
.side-nav .collapsible li, .side-nav.fixed .collapsible li {
    padding: 0;
}
.side-nav .collapsible-header, .side-nav.fixed .collapsible-header {
    background-color: rgba(0, 0, 0, 0);
    border: medium none;
    height: inherit;
    line-height: inherit;
    padding: 0 20px;
}
.side-nav .collapsible-header:hover, .side-nav.fixed .collapsible-header:hover,.side-nav.fixed .collapsible-header.active {
    background-color: rgba(0, 0, 0, 0.5);
}
.side-nav.fixed li.active ul a:hover{
     background-color: rgba(0, 0, 0, 0.3);
}
.side-nav .collapsible-header i, .side-nav.fixed .collapsible-header i {
    line-height: inherit;
}  
.side-nav .collapsible-body li a, .side-nav.fixed .collapsible-body li a {
  font-size: 14px;
  font-weight: normal;
  padding: 0 30px 0 35px;
  text-transform: capitalize;
}
.side-nav {
    backface-visibility: hidden;
    background-color: #ffffff;
    height: calc(100%);
    left: 0;
    margin: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 60px;
    position: fixed;
    top: 0;
    transform: translateX(-105%);
    width: 240px;
    will-change: transform;
    z-index: 999;
}
.side-nav.right-aligned {
    left: auto;
    right: 0;
    transform: translateX(100%);
}
.side-nav .collapsible {
    margin: 0;
}
.side-nav li {
    float: none;
    line-height: 44px;
}
.side-nav li.active {
    background-color: rgba(0, 0, 0, 0.5);
}
.side-nav a {
    color: #444444;
    display: block;
    font-size: 1rem;
    height: 64px;
    line-height: 64px;
    padding: 0 20px;
}
.side-nav a:hover {
    background-color: rgba(0, 0, 0, 0.5);
}
.side-nav a.btn, .side-nav a.btn-large, .side-nav a.btn-large, .side-nav a.btn-flat, .side-nav a.btn-floating {
    margin: 10px 15px;
}
.side-nav a.btn, .side-nav a.btn-large, .side-nav a.btn-large, .side-nav a.btn-floating {
    color: #ffffff;
}
.side-nav a.btn-flat {
    color: #343434;
}
.side-nav a.btn:hover, .side-nav a.btn-large:hover, .side-nav a.btn-large:hover {
    background-color: #2bbbad;
}
.side-nav a.btn-floating:hover {
    background-color: #26a69a;
}
.drag-target {
    height: 100%;
    position: fixed;
    top: 0;
    width: 10px;
    z-index: 998;
}
.side-nav.fixed a {
    color: #FFF;
    display: block;
    padding: 0 20px;
}
.side-nav.fixed {
    left: 0;
    position: fixed;
    transform: translateX(0px);
    z-index: 9999;
}
.side-nav.fixed.right-aligned {
    left: auto;
    right: 0;
}
@media only screen and (max-width: 1024px) {
 
.side-nav.fixed.right-aligned {
    transform: translateX(105%);
}
}
.side-nav .collapsible-body li.active, .side-nav.fixed .collapsible-body li.active {
    background-color: #ee6e73;
}
.side-nav .collapsible-body li.active a, .side-nav.fixed .collapsible-body li.active a {
    color: #ffffff;
}
#sidenav-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    height: 120vh;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    will-change: opacity;
    z-index: 997;
} 
header, main {
    padding-left: 240px;
}
 
@media only screen and (max-width: 1024px) {
header, main, footer {
    padding-left: 0;
}
}
ul.side-nav.fixed li.logo {
    margin-bottom: 80px;
    margin-top: 32px;
    text-align: center;
}
ul.side-nav.fixed li.logo:hover, ul.side-nav.fixed li.logo #logo-container:hover {
    background-color: rgba(0, 0, 0, 0);
}
ul.side-nav.fixed {
    overflow: hidden;
    padding-top: 160px;
    padding-left: 0;
    list-style: none;
}
ul.side-nav.fixed ul{
    padding-left: 0;
}
 
ul.side-nav.fixed li.active {
    background-color: rgba(0, 0, 0, 0.05);
}
ul.side-nav.fixed li a {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    height: 44px;
    line-height: 44px;
} 
ul.side-nav.fixed:hover {
    overflow-y: auto;
}
.bold > a {
    font-weight: bold;
}
#logo-container {
  height: auto;
  margin: 20px 0;
}
nav.top-nav {
    box-shadow: none;
    height: 122px;
}
nav.top-nav a.page-title {
    font-size: 48px;
    line-height: 122px;
}
a.button-collapse.top-nav {
  background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
  color: #ffffff;
  float: none;
  font-size: 36px;
  height: 32px;
  line-height: 32px;
  margin-left: 1.5rem;
  position: absolute;
  right: 5%;
  text-align: center;
  top: 10px;
  width: 36px;
  z-index: 2;
}
a.button-collapse.top-nav.full {
    line-height: 122px;
}
a.button-collapse.top-nav i {
    font-size: 32px;
}
@media only screen and (max-width: 600px) {
a.button-collapse.top-nav {
    left: auto;
}
} 
#nav-mobile li.search {
    left: 0;
    margin-top: 1px;
    padding: 1px 0 0;
    position: absolute;
    right: 0;
    top: 120px;
    z-index: 2;
}
#nav-mobile li.search:hover {
    background-color: #ffffff;
}
#nav-mobile li.search .search-wrapper {
    margin: 0 12px;
    transition: margin 0.25s ease 0s;
}
#nav-mobile li.search .search-wrapper.focused {
    margin: 0;
}
#nav-mobile li.search .search-wrapper input#search {
    border: 0 none;
    display: block;
    font-size: 16px;
    font-weight: 300;
    height: 45px;
    margin: 0;
    padding: 0 45px 0 15px;
    width: 100%;
}
#nav-mobile li.search .search-wrapper input#search:focus {
    outline: medium none;
}
#nav-mobile li.search .search-wrapper i.material-icons {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
}
#nav-mobile li.search .search-results {
    background-color: #ffffff;
    border-top: 1px solid #e9e9e9;
    margin: 0;
}
#nav-mobile li.search .search-results a {
    font-size: 12px;
    white-space: nowrap;
}
#nav-mobile li.search .search-results a:hover, #nav-mobile li.search .search-results a.focused {
    background-color: #eeeeee;
    outline: medium none;
}