html, body {
  height: 100%;
}
.navmenu, .navbar-offcanvas{ width:295px;}
.navmenu-fixed-left, .navmenu-fixed-right, .navbar-offcanvas { background:#f5f5f5; border:6px #ebebeb solid !important; border-bottom:none !important;
    position: absolute;
}
.navbar-fixed-top, .navbar-fixed-bottom{ position:absolute; }

.navbar-fixed-top .navbar-toggle{    background:#ccc; left:-30px; margin-top:0; padding:9px 5px;}

.canvas > .navbar-fixed-top{ background:#fff;  }
/*girar la flechita activa del panel izq*/
.canvas-slid .caret-right{ 
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.navbar-toggle .icon-bar{ width:4px !important;}
.navmenu, .navbar-offcanvas{ border:none;}
.navbar-default{ background:none;}

.navbar-toggle {
  float: left;
  margin-left: 15px;
}

.navmenu {
  z-index: 1;
}

.canvas {
  position: relative;
  left: 0;
  z-index: 2;
  min-height: 100%;
  padding: 0 0 0 0;
  background: #fff;

}

@media (min-width: 0) {
  .navbar-toggle {
    display: block; /* force showing the toggle */
  }
}

@media (min-width: 992px) {
  body {
    padding: 0;
  }
  .navbar {
    right: auto;
    background: none;
    border: none;
  }
  .canvas {
    padding: 0;
  }
}