.sidenav{
    background-color:rgba(0,0,0,0.6);
    box-shadow:2px 2px 6px rgba(0,0,0,0.1);
    display:block;
    font-size:1.5em;
    font-weight:400;
    height:auto;right:0;
    position:fixed;
    overflow:auto;
    transform:translate(506px,150px);
    transition:transform .3s;
    top:0;
    width:500px;
    z-index:1000;
    color: #ffffff;
    /*opacity: 0.7;*/
}
.sidenav.show{
    transform:translate(0,150px)
}
.sidenav-brand{
    background-color:rgba(0,79,239,1);
    /*border-bottom:1px solid #FF7043;*/
    color:#ffffff;
    font-size:1.2em;
    font-weight:700;
    line-height:50px;
    padding:20px 24px 19px
}
.sidenav-dropdown,.sidenav-header{
    border-bottom:1px solid #424242;
    margin:0
}
.sidenav-header{
    background:0 0;
    color:#ffffff;
    font-size:1.5em;
    line-height:50px;
    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;
    line-height: 50px;
}
.sidenav-menu a{
    background:0 0;
    color:#ffffff;
    display:block;
    line-height:50px;
    padding:16px 32px;
    text-decoration:none;
    font-size: 1.2em;
}
.material-icons {
    font-size: 1.2em;
}
.sidenav-menu a:hover{
    background-color:rgba(0,79,239,1);
}
.sidenav-menu a.active,.sidenav-menu a.active .sidenav-dropdown-icon,.sidenav-menu a.active .sidenav-link-icon{
    color:#ffffff
}
.sidenav-dropdown-icon,.sidenav-link-icon{
    color:#ffffff;
    position:absolute;
    text-align:center;
    top:16px
}
.sidenav-link-icon{
    display:block;
    height:24px;
    left:24px;
    width:24px
}
.sidenav-link-title{
    display:block;
    padding:0 16px 0 10px
}
.sidenav-dropdown{
    display:none;
    list-style:none;
    padding:0;
    overflow-y: scroll;
    max-height: 610px;
}
.sidenav-dropdown a{
    /*background:#191919;*/
    padding-left:82px
}
.sidenav-dropdown a:hover{
    background-color:rgba(0,79,239,1);
}
.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
}