<style>
.cocoon {color:#26de81;}
.cocoon-bg {background-color:#26de81;}

.rise-bg {background-color:#013146;}

.sidebar .nav-item .nav-link .img-profile, .topbar .nav-item .nav-link .img-profile {height:2rem;width:2rem;}
.off-canvas-panel {position:fixed;top:76;left:0;width:100%;height:calc(100vh - 80px);opacity:0;transform:translateX(-100%);z-index:1000;transition:transform 0.2s ease-out,opacity 0.5s ease-out;background-color:#ffffff;box-shadow: 0 0 50px 20px rgba(0,0,0,0.1);}
@media (min-width: 480px) {.off-canvas-panel {width:300px;transform:translateX(-300px);}}
.off-canvas-panel.is-visible {opacity:1;transform:translateX(0);}
.inner {padding: 0 15px 15px;height:calc(100% - 120px);overflow-y:auto;}
#nav-tab > a.nav-item.nav-link.active {font-weight:bold;background-color:#26de81;color:#FFFFFF;}
.DTtoolbar {float: left;}
</style>