<style>
    .card .nav.flex-column:not(.nav-sidebar)>li {
    border-bottom: 1px solid rgba(0,0,0,.125);
    margin: 0
}

.card .nav.flex-column:not(.nav-sidebar)>li:last-of-type {
    border-bottom: 0
}

.card.height-control .card-body {
    max-height: 300px;
    overflow: auto
}

.card .border-right {
    border-right: 1px solid rgba(0,0,0,.125)
}.m-1 {
    margin: .25rem !important;
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}
    .card {
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);
    margin-bottom: 1rem;
}

.card-header {
    background-color: rgba(0,0,0,.03);
    border-bottom: 0 solid rgba(0,0,0,.125);
    border-radius: 0.25rem 0.25rem 0 0;
}

.card-body {
    padding: 1.25rem;
}

.nav-item {
    margin-bottom: 0.75rem;
}

.nav-link {
    color: #333;
}

.nav-link:hover {
    color: #007bff;
    text-decoration: none;
}

.thumb {
    display: flex;
    align-items: center;
}

.thumb i {
    margin-right: 0.5rem;
}
.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
</style>
<?php
// Get CodeIgniter super object
$CI = &get_instance();
?>
<div class="card settings-card no-print"> 
    <div class="card-body">
    <ul class="nav flex-column nav-pills m-1"> 
           <!-- supplier start --> 
           <?php if ($CI->permissions('suppliers_view')) { ?>
              <li class="suppliers-list-active-li suppliers-active-li"><a href="<?php echo $base_url; ?>suppliers"> <i class="fas fa-list-ul fa-lg text-danger"></i>
                  <span class="ml-5"><?= $this->lang->line('suppliers_list'); ?></span></a>
              </li>
            <?php } ?>

            <?php if ($CI->permissions('import_suppliers')) { ?>
              <li class="import_suppliers-list-active-li import_suppliers-active-li"><a href="<?php echo $base_url; ?>import/suppliers"><i class="fas fa-download fa-lg text-danger"></i>
                  <span class="ml-5"><?= $this->lang->line('import_suppliers'); ?></span></a></li>
            <?php } ?>
            <!-- supplier end -->
            <!-- customer start -->

            <?php if ($CI->permissions('customers_view')) { ?>
              <li class="customers-view-active-li customers-active-li"><a href="<?php echo $base_url; ?>customers"><i class="fas fa-list-ul fa-lg text-danger"></i>
                  <span class="ml-5"><?= $this->lang->line('customers_list'); ?></span></a>
              </li>
            <?php } ?>

            <?php if ($CI->permissions('import_customers')) { ?>
              <li class="import_customers-list-active-li import_customers-active-li"><a href="<?php echo $base_url; ?>import/customers"><i class="fas fa-download fa-lg text-danger"></i>
                  <span class="ml-5"><?= $this->lang->line('import_customers'); ?></span></a></li>
            <?php } ?>
            <!-- customer end -->
            <?php if ($CI->permissions('users_view')) { ?>
              <li class="users-view-active-li users-active-li"><a href="<?php echo $base_url; ?>users/view"> <i class="fas fa-users fa-lg text-danger"></i> <span class="ml-5"><?= $this->lang->line('users_list'); ?></span></a></li>
            <?php } ?>
            <?php if ($CI->permissions('roles_view')) { ?>
              <li class="roles-list-active-li role-active-li">
                <a href="<?php echo $base_url; ?>roles/view">
                  <i class="fas fa-user-tag fa-lg text-danger"></i>
                  <span class="ml-5"><?= $this->lang->line('roles_list'); ?></span></a>
              </li>
            <?php } ?>
          </ul>
            </div>
            </div> 