body {
    position: relative;
  }
.top-wrapper{
    background-size: cover;
    background-color: none!important;
}
  ul.nav-pills {
    width: 100%;
    z-index: 9;
  }
  div.col-sm-9 div {
    /*height: 250px;*/
    /*font-size: 28px;*/
  }
  #section1 , #section2, #section3 , #section4, #section5 , #section6, #section7 , #section8, #section9 , #section10, #section11, #section12, #section13, #section14, #section15, #section16, #section17, #section18, #section19, #section20, #section21, #section22{
    background-color: #ffffff;
    padding: 15px;
    margin-bottom: 20px;
    display: none;

  } 
  /*#section1 {color: #fff; background-color: #1E88E5;}
  #section2 {color: #fff; background-color: #673ab7;}
  #section3 {color: #fff; background-color: #ff9800;}
  #section41 {color: #fff; background-color: #00bcd4;}
  #section42 {color: #fff; background-color: #009688;}*/
  @media screen and (min-width: 700px) {
    #myScrollspy{
    width: 290px;
    z-index: 1;
    }
  }
  @media screen and (max-width: 810px) {
    #section1, #section2, #section3, #section41, #section42  {
     /* margin-left: 150px;*/
    }
    
  }

  .fixed{
    position: fixed;
    top: 59px;
   /* left: 150px;*/
    /*width:inherit ;  */
  }
  .fixed_bottom{
    position: fixed;
    bottom: 59px;
   /* left: 150px;*/
    /*width:inherit; */
  }
  .nav>li>a:focus, .nav>li>a:hover, .nav>li>a:click {
    text-decoration: none;
    background-color: #f3d686;
}

	.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	    color: #ffffff;
	    background-color: #f3d686;
	}

  #equipment_details{
    float: right;
  }

	#equipment_details .active{
		display: block;
	}
	.nav-pills > li > a {
    	background: #c5c5c5;
	}
	.nav-pills > li > a:hover {
    	background: #f3d686;
	}