.nav-link {
  ;
}
/* zig zag action; see Ana Tudor */


/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -40px;
  /* Pad bottom by footer height */
  padding: 0 0 0px;
  clear:none;
}

.panel-heading .panel-title>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin: -10px -15px; /* expand to size of DIV */
}
body {
  padding-top: 0px;
}
.navbar-toggle_left
{
    position: relative;
float: left;
margin-left: 0px;
padding: 0px 0px;
margin-top: 0px;
margin-bottom: 0px;
background-color: transparent;
background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    border-color:transparent;
 }

/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
  height: 100%;
  overflow-y:scroll;
  
}


.glyphicons_button
{
    /*font-weight: 600;*/
    font-size:28px;
    }

/*
 * Off Canvas
 * --------------------------------------------------
 * Greater thav 768px shows the menu by default and also flips the semantics
 * The issue is to show menu for large screens and to hide for small
 * Also need to do something clever to turn off the tabs for when the navigation is hidden
 * Otherwise keyboard users cannot find the focus point
 * (For now I will ignore that for mobile users and also not worry about
 * screen re-sizing popping the menu out.)
 */
 @media (max-width: 999px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}
 /*PC DISPLAY*/
@media screen and (min-width: 1000px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 25%;
  }

  .row-offcanvas-left {
    left: 25%;
    background-color:#fff;
  }

  .row-offcanvas-right .sidebar-offcanvas {
    right: -25%; /* 3 columns */
  	background-color: rgb(255, 255, 255);
  }

  .row-offcanvas-left .sidebar-offcanvas {
    left: -26%; /* 3 columns */
  	/*background-color: #105784;*/
  	height:500px;
  	padding-top:0px;
  	border-top:0px;
  	padding-right:0px;
  	
  }
.panel-group_vertical
{
    margin-left:0px;
    height:inherit;
}
  .row-offcanvas-right.active {
    right: 0; /* 3 columns */
  }

  /*.row-offcanvas-left.active {
    left: 20%; /* 3 columns 
  }*/

  .row-offcanvas-right.active .sidebar-offcanvas {
  	background-color: rgb(254, 254, 254);
  }
  .row-offcanvas-left.active .sidebar-offcanvas {
  	/*background-color: rgb(254, 254, 254);*/
  }

.row-offcanvas .content {
    width: 74%; /* 9 columns */
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;
    background-color:#fff;
margin-right:10px;
  }

  .row-offcanvas.active .content {
    width: 75%; /* 12 columns */
  }
       
  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 20%; /* 3 columns */
    padding-right:0px;
  }
}

/*MOBILE DISPLAY*/
@media screen and (max-width: 999px) 
{
  .panel-group_vertical {
    margin-left: 5px;
    
  }
  
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
    background-color:#fff;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -100%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -100%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 100%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 103%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 100%; /* 6 columns */
    
  }
 
  /*NAVBAR OPEN WHEN MOBILE DISPLAY*/
/*.navbar-blue .collapse {
	display: block;
}


.navbar-green .collapse {
	display: block;
}

.navbar-violet .collapse {
	display: block;
}

.navbar-orange .collapse {
	display: block;
}*/

}
.navbar-default .navbar-toggle
    {
    border-color:transparent;
    }
#accordion .glyphicon { margin-right:10px; }
.panel-collapse>.list-group .list-group-item:first-child {border-top-right-radius: 0;border-top-left-radius: 0;}
.panel-collapse>.list-group .list-group-item {border-width: 1px 0;}
.panel-collapse>.list-group {margin-bottom: 0;}
.panel-collapse .list-group-item {border-radius:0;}