 <!-- BEGIN LOADER -->
 <div id="load_screen">
     <div class="loader">
         <div class="loader-content">
             <div class="spinner-grow align-self-center"></div>
         </div>
     </div>
 </div>
 <!--  END LOADER -->

 <!--  BEGIN NAVBAR  -->
 <div class="header-container fixed-top">
     <header class="header navbar navbar-expand-sm">

         <ul class="navbar-nav theme-brand flex-row  text-center">
             <li class="nav-item theme-logo">
                 <a href="<?= base_url('manager') ?>">
                     <img src="<?= base_url() ?>/assets/img/android-chrome.png" class="navbar-logo" alt="logo">
                 </a>
             </li>
             <li class="nav-item theme-text">
                 <a href="<?= base_url('manager') ?>" class="nav-link"> SIAP </a>
             </li>
             <li class="nav-item toggle-sidebar">
                 <a href="javascript:void(0);" class="sidebarCollapse" data-placement="bottom"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-list">
                         <line x1="8" y1="6" x2="21" y2="6"></line>
                         <line x1="8" y1="12" x2="21" y2="12"></line>
                         <line x1="8" y1="18" x2="21" y2="18"></line>
                         <line x1="3" y1="6" x2="3" y2="6"></line>
                         <line x1="3" y1="12" x2="3" y2="12"></line>
                         <line x1="3" y1="18" x2="3" y2="18"></line>
                     </svg></a>
             </li>
         </ul>

         <ul class="navbar-item flex-row search-ul">
         </ul>
     </header>
 </div>
 <!--  END NAVBAR  -->