#governance
{    height: 100%;
}

.sidebarmenu{
      z-index: 999999;
      position: fixed;
      top: -1px;
      bottom: -1px;
      padding:0px;
      width: auto;
      background-color: #fff;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid #ccc;
      border: 1px solid rgba(0, 0, 0, .15);
      -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
      box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
      height:100%;

}

.sidebarmenu > .row > .col-xs-12, .sidebarmenu > .row > .col-sm-12, .sidebarmenu > .row > .col-md-12, .sidebarmenu > .row > .col-lg-12{
      padding:0px;
      position: absolute;
      bottom: 0px;
      top: 0px;
      overflow: auto;           
}

.sidebarmenu >.row{
      margin:0px;
}

.sidebarmenu {
      width: auto;
}
.sidebarmenu.sidebar-left{
      /*left:0px;*/
      left: -450px;
      right:20px;
}

.sidebarmenu.sidebar-right{
      right:0px;
      left:20px;
}

@media (max-width: 400px) {
    #governance
      { visibility: hidden;
        display: none;
      }
}

@media (min-width: 400px) {
     .sidebarmenu {
            width: 450px;
      }
      .sidebarmenu.sidebar-left{
            /*left:0px;*/
            left: -450px;
            right:auto;
      }

      .sidebarmenu.sidebar-right{
            right:0px;
            left:auto;
      }
}
@media (min-width: 528px) {
   .sidebarmenu {
            width: 450px;
      }
      .sidebarmenu.sidebar-left{
               /*left:0px;*/
            left: -450px;
            right:auto;
      }

      .sidebarmenu.sidebar-right{
            right:0px;
            left:auto;
      }
}
@media (min-width: 768px) {
      .sidebarmenu {
            width: 450px;
      }
      .sidebarmenu.sidebar-left{
                /*left:0px;*/
            left: -450px;
            right:auto;
      }

      .sidebarmenu.sidebar-right{
            right:0px;
            left:auto;
      }
}
@media (min-width: 992px) {
      .sidebarmenu {
            width: 450px;
      }
      .sidebarmenu.sidebar-left{
               /*left:0px;*/
            left: -450px;
            right:auto;
      }

      .sidebarmenu.sidebar-right{
            right:0px;
            left:auto;
      }
}
@media (min-width: 1200px) {
      .sidebarmenu {
            width: 450px;
      }
      .sidebarmenu.sidebar-left{
               /*left:0px;*/
            left: -450px;
            right:auto;
      }

      .sidebarmenu.sidebar-right{
            right:0px;
            left:auto;
      }
}
#governance .toggler{
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid #ccc;
      border: 1px solid rgba(0, 0, 0, .15);
      width: 20px;
      height: 48px;
      position: absolute;
      top: 45%;
      cursor: pointer;
}
.sidebar-left > .toggler{
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 4px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-left: 1px solid #fff;
      -webkit-box-shadow: 1px 0px 8px rgba(0, 0, 0, .175);
      box-shadow: 1px 0px 8px rgba(0, 0, 0, .175);
      right: -20px;
} 

.sidebar-left > .toggler > span{
     margin:15px -2px;
      color:#5090D0;
}


.sidebar-left > .toggler > .glyphicon-chevron-right{
      display:none;
}

.sidebar-right > .toggler{
      -webkit-border-top-left-radius: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -moz-border-radius-topleft: 4px;
      -moz-border-radius-bottomleft: 4px;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
      border-right: 1px solid #fff;
      -webkit-box-shadow: -1px 0px 8px rgba(0, 0, 0, .175);
      box-shadow: -1px 0px 8px rgba(0, 0, 0, .175);      		
      left: -20px;
} 

.sidebar-right > .toggler > span{
      margin:15px -2px;
      color:#5090D0;
}

.sidebar-right > .toggler > .glyphicon-chevron-left{
      display:none;
}

.sidebarmenu .submenu{
      display: none;
      position: fixed;
} 

/*Native BootStrap Hack*/
.sidebarmenu .list-group-item:last-child, .sidebarmenu .list-group-item:first-child{
      border-radius:0px;
}

.sidebarmenu .list-group{
      margin-bottom:0px;
}
.sidebarmenu .list-group-item{
      padding: 5px;
      border: 1px solid #DDD;
      border-left: 0px;
      border-right: 0px;
      margin-bottom: 0px;
      margin-top: -1px;
}