/* HEADER SIDENAV */
body.sidenav-right .sidenav{left:auto;right:0;-webkit-transform:translateX(105%);transform:translateX(105%);}

.sidenav-trigger,
.sidenav-fixed-trigger{cursor:pointer;}
.sidenav-fixed-trigger{display:none;}

@media screen and (min-width:993px){nav.header-nav a.sidenav-trigger{display:block;}}
@media screen and (min-width:1201px){
    body.has-sidenav-fixed nav.header-nav a.sidenav-trigger{display:none;}

    body.has-sidenav-fixed{padding-left:300px}
    body.has-sidenav-fixed.sidenav-right{padding-left:0;padding-right:300px;}

    body.has-sidenav-fixed .sidenav{transition:all .3s;left:0;-webkit-transform:translateX(0) !important;transform:translateX(0) !important;position:fixed;}
    body.has-sidenav-fixed.sidenav-right .sidenav{left:auto;right:0;}
    body.has-sidenav-fixed.sidenav-right .fixed-action-btn{right:calc(300px + 1rem);bottom:1rem;}
    
    body.has-sidenav-fixed .sidenav-fixed-trigger{display:block;}
    
    body.has-sidenav-fixed.sidenav-fixed-closed{padding-left:0;padding-right:0;}
    
    
      
    body.has-sidenav-fixed.sidenav-fixed-closed{transition: all .2s   cubic-bezier(0.4, 0.0, 1, 1);}
    body.has-sidenav-fixed                     {transition: all .25s cubic-bezier(0.0, 0.0, 0.2, 1);}
      
    
    body.has-sidenav-fixed.sidenav-fixed-closed .sidenav{transition: all .2s   cubic-bezier(0.4, 0.0, 1, 1);}
    body.has-sidenav-fixed                      .sidenav{transition: all .25s cubic-bezier(0.0, 0.0, 0.2, 1);}
    
    body.has-sidenav-fixed.sidenav-fixed-closed .sidenav{transform: translateX(-100%)!important;box-shadow:none;-webkit-box-shadow:none;}
    body.has-sidenav-fixed.sidenav-right.sidenav-fixed-closed .sidenav{transform: translateX(100%)!important;box-shadow:none;-webkit-box-shadow:none;}
}


.sidenav .user-view .name{padding-top:1rem;}
.sidenav .user-view .email{padding-bottom:1rem;}
.sidenav .user-view{padding:16px 24px 0;border-bottom:1px solid #dddddd;}

.sidenav li.sidenav-item > a:hover{background:transparent;}
.sidenav li.sidenav-item.active{background:transparent;}

.sidenav .sidenav-item-user-view{margin-bottom:.5rem;}
.sidenav .sidenav-item-user-view .user-view{margin-bottom:0;}
.sidenav .sidenav-item-divider .divider{margin:.5rem 0}

.sidenav{height:100%;padding-bottom:0;}


.sidenav .sidenav-submenu > .sidenav-item-submenu:last-child > .collapsible > li.active{margin-bottom:-.5rem}

.sidenav .collapsible-body li a.sidenav-item,
.sidenav-item,
.sidenav-item-submenu .sidenav-submenu > .sidenav-item{padding:0 16px;}

.sidenav-item:after{display:block;content:"";clear:both;}
.sidenav-item > .sidenav-item-content{color:rgba(0,0,0,0.87);display:block;font-size:14px;font-weight:500;height:48px;line-height:48px;-webkit-user-select:none;}
.sidenav-item > .sidenav-item-content{padding:0 16px;transition:all .3s;border-radius:4px;cursor:default}
.sidenav-item > .sidenav-item-content > a,
.sidenav-item-submenu .sidenav-submenu > .sidenav-item > .sidenav-item-content > a{padding:0;color:inherit;display:block;height:inherit;line-height:inherit;}

.sidenav-item > .sidenav-item-content > i,
.sidenav-item > .sidenav-item-content > a > i{width:auto;margin-left:-10px;font-size:20px;margin-right:10px;}

.sidenav-item > .sidenav-item-content > i.right,
.sidenav-item > .sidenav-item-content > a > i.right{margin-left:10px;margin-right:-10px;}

.sidenav-item > .sidenav-item-content:hover,
.sidenav-item.active > .sidenav-item-content{background:rgba(0,0,0,.087);}


.sidenav-item-submenu .collapsible-header,
.sidenav-item-submenu .collapsible-header .sidenav-item-content{cursor:pointer;}
.sidenav-item-submenu .collapsible-header:hover{background:transparent}
.sidenav-item-submenu .collapsible-body{background:transparent;}

.sidenav-item-submenu > .collapsible > li{transition:all .3s;}
.sidenav-item-submenu > .collapsible > li.active{background:transparent;margin:.5rem 0; padding:.5rem 0; border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea}

.sidenav-item-submenu > .collapsible > li .collapsible-header .collapsible-header-indicator{transition:all .3s;}
.sidenav-item-submenu > .collapsible > li.active .collapsible-header .collapsible-header-indicator{transform:rotate(180deg)}



.sidenav-item-submenu > .collapsible .sidenav-submenu > .sidenav-item.active{background:transparent;}
.sidenav-item-submenu > .collapsible .sidenav-submenu > .sidenav-item.active a{color:inherit;}
.sidenav-submenu > .sidenav-item > .sidenav-item-content:hover{}