.sidebar-content{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto;transition:all .3s linear}
.sidebar-content .header-menu span{font-weight:bold;font-size:14px;padding:15px 20px 5px 20px;display:inline-block;color:#fff}
.sidebar-content ul{list-style-type:none;padding:0;margin:0}
.sidebar-content ul a:hover i,.sidebar-content ul a:hover::before,.sidebar-content ul li.active a i{color:#38fbc7}
.sidebar-content ul li a{display:flex;flex-wrap:nowrap;align-items:center;text-decoration:none;padding:8px 5px 2px 5px}
.sidebar-content ul li a i{margin-right:10px;font-size:12px;width:35px;height:35px;line-height:35px;text-align:center;flex-shrink:0;background-color:#3a4d56}
.sidebar-content ul li a .menu-text{flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.sidebar-content ul li:not(.sidebar-dropdown)>a:after{width:22px;content:" "}
.sidebar-content .sidebar-dropdown>a:after{font-family:"Material Design Icons";font-weight:900;font-size:1.3rem;content:"󰅂";font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;margin-left:2px}
.sidebar-content .sidebar-dropdown .sidebar-submenu{background-color:#3a4d56;display:none}
.sidebar-content .sidebar-dropdown .sidebar-submenu ul{padding:5px 0}
.sidebar-content .sidebar-dropdown .sidebar-submenu li{padding-left:25px;font-size:13px}
.sidebar-content .sidebar-dropdown .sidebar-submenu li a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sidebar-content .sidebar-dropdown .sidebar-submenu li a:before{content:"󰝦";font-family:"Material Design Icons";font-weight:400;font-style:normal;display:inline-block;text-align:center;text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px;font-size:8px}
.sidebar-content .sidebar-dropdown .sidebar-submenu li a .badge,.sidebar-content .sidebar-dropdown .sidebar-submenu li a .label{margin-left:auto}
.sidebar-content .sidebar-dropdown.active .sidebar-submenu{display:block}
.sidebar-content .sidebar-dropdown:not(.active) .sidebar-submenu{display:""}
.sidebar-content .sidebar-dropdown.active>a:after{transform:rotate(90deg);right:8px}
.sidebar-footer{padding:.25rem;display:flex;border-top:1px solid #3a4d56;justify-content:space-around}
.sidebar-footer>div{display:flex;align-items:stretch}
.sidebar-footer>div>a{display:flex;align-items:center}
.sidebar-footer>div>a .badge{align-self:flex-start}
.sidebar-footer .dropdown-menu{max-width:500px}
.sidebar-footer .messages .dropdown-item{padding:.25rem 1rem}
.sidebar-footer .messages .messages-header{padding:0 1rem}
.sidebar-footer .messages .message-content{display:flex}
.sidebar-footer .messages .message-content .pic{width:40px;height:40px;overflow:hidden}
.sidebar-footer .messages .message-content .pic img{object-fit:cover;height:100%}
.sidebar-footer .messages .message-content .content{line-height:1.6;padding-left:5px;width:calc(100% - 40px)}
.sidebar-footer .messages .message-content .content .message-title{font-size:13px}
.sidebar-footer .messages .message-content .content .message-detail{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-footer .notifications .dropdown-item{padding:.25rem 1rem}
.sidebar-footer .notifications .notifications-header{padding:0 1rem}
.sidebar-footer .notifications .notification-content{display:flex}
.sidebar-footer .notifications .notification-content .icon{width:40px;height:40px}
.sidebar-footer .notifications .notification-content .icon i{width:35px;height:35px;text-align:center;font-size:22px;display:inline-block}
.sidebar-footer .notifications .notification-content .content{line-height:1.6;padding-left:5px;width:calc(100% - 40px)}
.sidebar-footer .notifications .notification-content .content .notification-time{font-size:.7rem;color:#828282}
.sidebar-footer .notifications .notification-content .content .notification-detail{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar{font-size:.9rem;width:0px;height:100vh;background-color:#2b3a42;color:#9eb7c3;transition:width .3s ease;display:flex;flex-direction:column}
.sidebar.hidden+.btn-sidebar-show{left:0}
.sidebar.hidden .sidebar-header,.sidebar.hidden .sidebar-content,.sidebar.hidden .sidebar-footer,.sidebar.hidden .sidebar .mdi{display:none}
.sidebar a{text-decoration:none;transition:color .1s linear}
.sidebar a:not(.dropdown-item){color:#9eb7c3}
.sidebar a:not(.dropdown-item):hover{color:#fff}
.sidebar .sidebar-header{padding:.25rem;display:flex;align-items:center;border-bottom:1px solid #3a4d56;transition:all .3s linear}
.sidebar .sidebar-header>a{text-transform:uppercase;font-weight:bold;flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sidebar .btn-sidebar-close{color:#9eb7c3}
.sidebar .btn-sidebar-close:hover{color:#fff}
.btn-sidebar-show{position:fixed;left:-40px;top:10px;border-radius:0 4px 4px 0px;width:35px}

