 <nav class="navbar navbar-expand-lg navbar-fixed navbar-skyblue">
        <div class="navbar-inner">

          <div class="navbar-intro justify-content-xl-between">

            <button type="button" class="btn btn-burger burger-arrowed static collapsed ml-2 d-flex d-xl-none" data-toggle-mobile="sidebar" data-target="#sidebar" aria-controls="sidebar" aria-expanded="false" aria-label="Toggle sidebar">
              <span class="bars"></span>
            </button><!-- mobile sidebar toggler button -->

            <a class="navbar-brand text-white" href="#">
             <i class="fa fa-cog w-4 text-110 text-white-tp1"></i>
              <span>Devoluci&oacute;n</span>
              
              <span>App</span>
            </a><!-- .navbar-brand -->

            <button type="button" class="btn btn-burger mr-2 d-none d-xl-flex" data-toggle="sidebar" data-target="#sidebar" aria-controls="sidebar" aria-expanded="true" aria-label="Toggle sidebar">
              <span class="bars"></span>
            </button><!-- sidebar toggler button -->

          </div><!-- .navbar-intro -->


          <div class="navbar-content">

            <button class="navbar-toggler py-2" type="button" data-toggle="collapse" data-target="#navbarSearch" aria-controls="navbarSearch" aria-expanded="false" aria-label="Toggle navbar search">
              <i class="fa fa-search text-white text-90 py-1"></i>
            </button>

            <div class="collapse navbar-collapse navbar-backdrop" id="navbarSearch">
              <form class="d-flex align-items-center pl-45 py-2 ml-lg-4 pl-lg-1" data-submit="dismiss">
                <i class="fa fa-search text-white text-105 mr-n45"></i>
                <input type="text" class="navbar-input pr-2 pl-475 py-2 radius-1 autofocus" placeholder="Busqueda..." aria-label="Search" />
              </form>
            </div>

          </div><!-- .navbar-content -->


          <!-- mobile #navbarMenu toggler button -->
          <button class="navbar-toggler ml-1 mr-2 px-1" type="button" data-toggle="collapse" data-target="#navbarMenu" aria-controls="navbarMenu" aria-expanded="false" aria-label="Toggle navbar menu">
            <span class="pos-rel">
                  <img class="border-2 brc-white-tp1 radius-round" width="36" src="assets/image/avatar/LOGO21.png" alt="Jason's Photo">
                  <span class="bgc-warning radius-round border-2 brc-white p-1 position-tr mr-1px mt-1px"></span>
            </span>
          </button>


          <div class="navbar-menu collapse navbar-collapse navbar-backdrop" id="navbarMenu">

            <div class="navbar-nav">
              <ul class="nav border-0 has-active-border">

                <li class="nav-item dropdown dropdown-mega">
                
                  
                </li>

                

                

                <li class="nav-item dropdown order-first order-lg-last dropdown-hover">
                  <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                    <img id="id-navbar-user-image" class="d-none d-lg-inline-block radius-round border-2 brc-white-tp1 mr-2 w-6" src="assets/image/avatar/LOGO21.png">
                    <span class="d-inline-block d-lg-none d-xl-inline-block">
                              <span class="text-90" id="id-user-welcome">Bienvenido</span>
                    <span class="nav-user-name"><?php echo "$usuario";?></span>
                    </span>

                    <i class="caret fa fa-angle-down d-none d-xl-block"></i>
                    <i class="caret fa fa-angle-left d-block d-lg-none"></i>
                  </a>

                  <div class="dropdown-menu dropdown-caret dropdown-menu-right dropdown-animated brc-primary-m3">
                    <div class="d-none d-lg-block d-xl-none">
                      <div class="dropdown-header">
                        Bienvenido, <?php echo "$usuario";?>
                      </div>
                      <div class="dropdown-divider"></div>
                    </div>

                    <a class="dropdown-item btn btn-outline-grey btn-h-lighter-primary btn-a-lighter-primary" href="perfil.php">
                      <i class="fa fa-user text-primary-m1 text-105 mr-1"></i>
                      Perfil
                    </a>
                    
                      <a class="dropdown-item btn btn-outline-grey btn-h-lighter-primary btn-a-lighter-primary" href="cambiar_contra.php">
                      <i class="fa fa-cog text-success-m1 text-105 mr-1"></i>
                    Cambiar Contrase&ntilde;a
                    </a>

                   <!-- <a class="dropdown-item btn btn-outline-grey btn-h-lighter-success btn-a-lighter-success" href="cambiar_contra.php" data-toggle="modal" data-target="#id-ace-settings-modal">
                      <i class="fa fa-cog text-success-m1 text-105 mr-1"></i>
                     Cambiar Contrase&ntilde;a
                    </a>-->
                  <!--<a class="dropdown-item btn btn-outline-grey btn-h-lighter-success btn-a-lighter-success" href="#" data-toggle="modal" data-target="#id-ace-settings-modal">
                      <i class="fa fa-cog text-success-m1 text-105 mr-1"></i>
                      Settings
                    </a>-->


                    <div class="dropdown-divider brc-primary-l2"></div>

                    <a class="dropdown-item btn btn-outline-grey btn-h-lighter-secondary btn-a-lighter-secondary" href="control/desconectar_usuario.php">
                      <i class="fa fa-power-off text-warning-d1 text-105 mr-1"></i>
                      Cerrar Sesion&oacute;n
                    </a>
                  </div>
                </li><!-- .nav-item:last -->

              </ul><!-- .navbar-nav menu -->
            </div><!-- .navbar-nav -->

          </div><!-- .navbar-menu.navbar-collapse -->

        </div>
      </nav>