#test2 h2{ margin:0px; padding:10px; background-color:#207fdd; color:#FFF; font-size:18px; font-family:oswald_regularregular;}
.sidebar{
      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);

}

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

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

.sidebar {
      width: auto;
}
.sidebar.sidebar-left{
      left:inherit;
      right:20px;
}

.sidebar.sidebar-right{
      right:0px;
      left:inherit;
}
.sidebar .side-submenu ul li{position:relative;}
.sidebar .side-submenu ul li a{ padding-left:30px; color:#333;}
.sidebar .side-submenu ul li a:before{content: "\f105"; font-family: 'FontAwesome'; display:block; position:absolute; left:15px;}
@media (max-width: 320px) {
	#test2{top:8% !important; width:80% !important;}
      .sidebar {
            width:100%;
      }
      .sidebar.sidebar-left{
            left:inherit !important;
            right:auto;
      }

      .sidebar.sidebar-right{
            right:0px;
            left:inherit !important;
      }
}
@media (max-width: 768px) {
     #test2{top:4% !important; width:40% !important;}
      .sidebar {
            width:100%;
      }
      .sidebar.sidebar-left{
            left:inherit !important;
            right:auto;
      }

      .sidebar.sidebar-right{
            right:0px;
            left:inherit !important;
      }
}
@media (max-width: 992px) { 
      .sidebar {
            width: 230px;
      }
     .sidebar.sidebar-left{
            left:inherit !important;
            right:auto;
      }

      .sidebar.sidebar-right{
            right:0px;
            left:inherit !important;
      }
}
 
.toggler{
	
      width:43px;
      height:132px;
      position: absolute;
      top:15%;
      cursor: pointer;
}
.sidebar-left > .toggler{
      right: -38px;
} 

.sidebar-left > .toggler > span{
      margin:15px 2px;
}

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

.sidebar-right > .toggler{    		
      left: -38px;
} 

.sidebar-right > .toggler > span{
      margin:15px 2px;
}

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

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

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

.sidebar .list-group{
      margin-bottom:0px;
}
.sidebar .list-group-item{
      padding: 5px;
      border: 1px solid #DDD;
      border-left: 0px;
      border-right: 0px;
      margin-bottom: 0px;
      margin-top: -1px;
}
.toggler .glyphicon-chevron-left::before{ content:none !important;}
.toggler .glyphicon-chevron-right::before{ content:none !important;}

.sidebar-right ul{ margin:0px; padding:0px;}
.sidebar-right ul li{ list-style:none;}
.sidebar-right ul li a{ display:block; padding:6px 10px; color:#9A0100; border-bottom:1px solid #e9e9e9;}
.sidebar-right ul li a:hover{ text-decoration:none; background-color:#337AB7; color:#fff;}