<!-- Main sidebar -->
<div class="sidebar sidebar-main">
  <div class="sidebar-content">

    <!-- User menu -->
    <div class="sidebar-user">
      <div class="category-content tp-sidebar-category-content">
        <a href="${pageContext.request.contextPath}/main.jsp" class="media-left" style="padding-right: 0px;">    
          <!--box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);-->
          <img  alt="Avatar usuario" class="avatar" style=" border-radius: 50%; border:2px solid white;">        
        </a>
        <div class="media">
          <div class="media-body">
            <span id="usuario-nombre" class="media-heading text-semibold"></span>
            <div id="roles-usuario" class="text-size-mini text-muted"></div>
          </div>
        </div>
      </div>
    </div>
    <!-- /user menu -->


    <!-- Main navigation -->
    <div class="sidebar-category sidebar-category-visible">
      <div class="category-content no-padding">
        <ul class="navigation navigation-main navigation-accordion" id="MENU">

        </ul>
      </div>
    </div>
    <!-- /main navigation -->

  </div>
</div>
<!-- /main sidebar -->