@using Abp.Configuration
@using WeApp.Configuration
@{

}
<style>
    .text-sm .nav-sidebar > .nav-item .nav-icon.fa,
    .text-sm .nav-sidebar > .nav-item .nav-icon.fab,
    .text-sm .nav-sidebar > .nav-item .nav-icon.far, 
    .text-sm .nav-sidebar > .nav-item .nav-icon.fas, 
    .text-sm .nav-sidebar > .nav-item .nav-icon.glyphicon, 
    .text-sm .nav-sidebar > .nav-item .nav-icon.ion {
        font-size: 0.875rem;
    }
</style>
<!-- Main Sidebar Container -->
<aside class="main-sidebar  sidebar-light  elevation-4">
    <!-- Brand Logo -->
    <style>
        .text-md .brand-link {
            height: 48px;
            padding-top: .7rem;
        }
        .text-md .brand-link .brand-image {
            height: 29px;
            margin-bottom: -.25rem;
            margin-left: .95rem;
            margin-top: -.2rem;
        }
        .brand-link:hover {
            color: #fff;
        
        }
        .brand-link .brand-text {
            font-weight: 600 ;
            color: #eee;
        }

        [class*=sidebar-light] {
            background: #F8FAFB;
            color: #000;
        }
        [class*=sidebar-light] .text-md .brand-link {
                color: #000;
            }
        [class*=sidebar-light] .text-md .brand-link:hover {
                    color: #000;
                }
        [class*=sidebar-light] .text-md .brand-link .brand-image {
                    background: #F8FAFB;
                }
        [class*=sidebar-light] .text-md .brand-link .brand-text {
                    color: #000;
                }
        [class*=sidebar-light] .nav-pills .nav-link {
                color: #222222;
                background: #F8FAFB;
            }

        .sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar.nav-child-indent .nav-treeview {
            padding-left: 0;
        }
            [class*=sidebar-light] .nav-legacy.nav-sidebar   .nav-treeview, [class*=sidebar-light] .nav-legacy.nav-sidebar  .nav-treeview {
                padding-left: 0;
                background: transparent;
            }
        /* [class*=sidebar-light] .nav-legacy.nav-sidebar > .nav-item > .nav-treeview { */
        /*     background: #E9F0FE; */
        /* } */
        [class*=sidebar-light] .nav-treeview > .nav-item > .nav-link {
            padding-left: 25px;
        }
        [class*=sidebar-light]  .nav-treeview  .nav-treeview > .nav-item > .nav-link {
            padding-left: 40px;
        }
        [class*=sidebar-light] .nav-treeview .nav-treeview .nav-treeview > .nav-item > .nav-link {
            padding-left: 60px;
        }
        [class*=sidebar-light] .nav-legacy .nav-treeview > .nav-item > .nav-link.active,
        [class*=sidebar-light] .nav-legacy .nav-treeview > .nav-item > .nav-link:focus,
        [class*=sidebar-light] .nav-legacy .nav-treeview > .nav-item > .nav-link:hover {
            background: #E9F0FE;
            color: #1C5DE1;
        }
    </style>
    <div class=" text-md">
        <a href="@(ApplicationPath)" class="brand-link">
            <img class="brand-image img-circle elevation-3" src="~/Content/Image/logo.png" alt="Logo" style="opacity: .8">
            <span class="brand-text">@(SettingManager.GetSettingValue(IwbSettingNames.AdminSystemName))</span>
        </a>
    </div>
   
    
 

<!-- Sidebar -->
    <div class="sidebar">
        @*@Html.Action("UserMenu", "Layout",new{id="Sidebar"})*@
        <nav class="mt-2">
            <ul class="nav nav-pills nav-sidebar flex-column nav-child-indent nav-compact nav-legacy" data-widget="treeview" role="menu" data-accordion="false">
                @Html.Action("NavSideBar", "Layout", new {activeMenu = ViewBag.ActiveMenu})
            </ul>
        </nav>
        <!-- /.sidebar-menu -->
    </div>
</aside>
<!-- /.sidebar -->