#opamp-jumbotron {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    background-color: #207239;
    height: 104px;
    margin-top: 54px; // to reset navbar-fixed-top
}

#opamp-jumbotron h1 {
    background-image: url("../figs/banner_new.png");
    background-repeat: no-repeat;
    background-color: #207239;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 22px;
    padding-top: 22px;
    color: white;
    height: 104px;
    text-shadow:5px 5px 5px black;
}

@media (min-width: 765px) {
    #opamp-jumbotron {
	margin-top: 0px; // to reset navbar-fixed-top
    }
    #opamp-jumbotron h1 {
	font-size: 48px;
    }
}
@media (min-width: 1330px) {
    #opamp-jumbotron {
	margin-top: 0px; // to reset navbar-fixed-top
    }
    #opamp-jumbotron h1 {
	font-size: 48px;
    }
}

.navbar-inverse {
//  background-color: #222;
    background-color: #207239;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
// color: #9d9d9d;
  color: white;
}
.navbar-inverse .navbar-nav > li > a {
//  color: #9d9d9d;
  color: white;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
//  color: #fff;
  color: white;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
//  color: #fff;
  color: white;
//  background-color: #080808;
    background-color: #50a259;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
//  color: #444;
  color: #999;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
 background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
//  background-color: #080808;
    background-color: #50a259;
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
//    background-color: #080808;
    background-color: white;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: white;
//    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
//    color: #444;
    color: #999;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
//  color: #444;
  color: #999;
}

/* sidebar */

nav.sidebar-fixed-top {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030;
}

nav.sidebar, .main{
    -webkit-transition: margin 200ms ease-out;
    -moz-transition: margin 200ms ease-out;
    -o-transition: margin 200ms ease-out;
    transition: margin 200ms ease-out;
}

.main{
    padding: 10px 10px 0 10px;
}

@media (min-width: 765px) {
    .main{
	position: absolute;
	width: calc(100% - 40px);
	margin-left: 40px;
	float: right;
    }
    nav.sidebar:hover + .main{
	margin-left: 200px;
    }
    nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
	margin-left: 0px;
    }
    nav.sidebar .navbar-brand, nav.sidebar .navbar-header{
	text-align: center;
	width: 100%;
	margin-left: 0px;
    }
    nav.sidebar a{
	padding-right: 13px;
    }
    nav.sidebar .navbar-nav > li:first-child{
	border-top: 1px #e5e5e5 solid;
    }
    nav.sidebar .navbar-nav > li{
	border-bottom: 1px #e5e5e5 solid;
    }
    nav.sidebar .navbar-nav .open .dropdown-menu {
	position: static;
	float: none;
	width: auto;
	margin-top: 0;
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
    }
    nav.sidebar .navbar-collapse, nav.sidebar .container-fluid{
	padding: 0 0px 0 0px;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
//	color: #777;
	color: #999;
	background-color: transparent;
    }
    nav.sidebar{
	width: 200px;
	height: 100%;
	margin-left: -160px;
	float: left;
	margin-bottom: 0px;
    }
    nav.sidebar li {
	width: 100%;
    }
    nav.sidebar:hover{
	margin-left: 0px;
    }
    .forAnimate{
	opacity: 0;
    }
}

@media (min-width: 1330px) {
    .main {
	width: calc(100% - 200px);
	margin-left: 200px;
    }
    nav.sidebar {
	margin-left: 0px;
	float: left;
    }
    nav.sidebar .forAnimate {
	opacity: 1;
    }
}

nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
//	color: #CCC;
//	background-color: transparent;
	color: #fff;
	background-color: #50a259;
}
nav:hover .forAnimate {
    opacity: 1;
}
section {
    padding-left: 15px;
}