.nav-link:nth-last-child(-n+3) .dropdown.show > .dropdown-menu {
  left: auto;
  right: 0; }

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: auto;
  right: 100%;
  margin-left: .1rem;
  margin-right: .1rem; }

li.nav-item.nav-item:nth-last-child(-n+3) .dropdown-submenu .dropdown-menu {
  left: auto;
  right: 100%;
  margin-right: 0; }

.dropdown-menu li {
  max-width: 300px; }

li.nav-item.dropdown:nth-child(-n+2) .dropdown-submenu .dropdown-menu {
  left: 100%;
  right: auto; }

.dropdown-menu > li > a {
  white-space: pre-wrap; }

.dropdown-submenu {
  position: relative; }

.collapse.in li a {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  /* so that hovering and adding border doesn't shift content */ }

nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px; }

.sidebar-nav .panel {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5); }

.sidebar-nav .active-section .panel {
  border-bottom: none; }

.sidebar-nav .panel-body {
  padding: 0px !important; }

.sectionMenu > li {
  position: relative;
  display: block; }

.sectionMenu > li a {
  margin-left: 15px;
  margin-right: 15px; }

.sectionMenu > li > a:hover {
  background-color: #ddd; }

div .panel-collapse.in ul li a {
  padding-left: 20px;
  color: #000;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

.panel-collapse .nav.sectionMenu > li > a:hover {
  background-color: #eee;
  color: black; }

.sectionMenu h4.panel-title {
  margin: 0;
  font-size: medium; }

#accordionleft {
  overflow: hidden; }

.collapse.in ul {
  margin-top: 0px !important; }

/* .collapse.in li a:hover, .collapse.in li a.dropdown-toggle {
    border-right:solid 3px #08c !important;
    border-bottom:0px !important;
} */
.header .dropdown-menu li > a:hover
.nav-list {
  padding: 10px;
  text-shadow: none; }

#accordionleft .nav-list {
  padding: 0px; }

.nav-list a {
  color: #fff;
  text-shadow: none; }

.nav-list a:hover,
.nav-list a:focus {
  color: #036; }

.nav-list > li > a {
  text-shadow: none; }

.nav-list .nav-header {
  font-size: 1.3em;
  text-shadow: none;
  text-shadow: 0px; }

/* override default to make main menu smaller */
.navbar .nav > li > a {
  padding: 13px 14px 13px;
  color: #000;
  /* dh */ }

.navbar-header {
  width: 100%; }

.header .navbar, .navbar-inner, .nav, .navbar-inverse {
  /* 	margin-bottom:20px; DH removed because it added too much space*/ }

.header .navbar .nav > li {
  border-color: #536343; }

.header .navbar-default .navbar-nav > li > a {
  /* fix */
  min-height: 44px; }

.header .navbar-nav > li.dropdown[aria-selected="true"] > a {
  background-color: white;
  color: black; }

.navbar-nav > li > a:hover {
  background: #314121;
  /* todo was important */ }

#related .panel-body {
  padding-top: 0px; }

.nav.sectionMenu > li > a:hover {
  background-color: #ddd; }

.sidebar-nav .panel-group {
  margin-bottom: 0px; }

.sidebar-nav .panel-group .panel {
  border-radius: 0px; }

.active-section .panel-default > .panel-heading {
  background-color: #888;
  font-weight: normal;
  border-radius: 0px; }

.active-section .panel-heading h4 a {
  font-weight: normal;
  color: #000; }

.active-section .sectionMenu {
  background-color: rgba(0, 0, 0, 0.7); }

.sidebar-nav .panel-heading {
  padding: 0px; }

.sidebar-nav .panel-heading h4 a {
  /* if it's not collapsed (expanded) and we're not ON that section (inspecting another section)*/
  padding: 10px 10px 10px 15px;
  display: block;
  position: relative;
  background-color: #ccc;
  color: #000; }

.sidebar-nav .panel-heading h4 a:hover {
  text-decoration: none; }

.sidebar-nav .panel-heading h4 a.collapsed-not, .sidebar-nav .panel-group.active-section .panel-heading h4 a {
  /* if it's not collapsed (expanded) */
  padding: 10px;
  display: inline-block;
  width: 100%;
  position: relative;
  background-color: #AFB7C6;
  color: #000; }

.sidebar-nav .panel-heading h4 a.collapsed {
  /* if it's collapsed */
  background-color: #f5f5f5;
  color: #000; }

.active-section .sidebar-nav .panel-heading h4 a.collapsed-not {
  /* if it's not collapsed but ACTIVE */
  background-color: inherit; }

a:focus {
  color: #000; }

.sidebar-nav .panel-heading h4 a:hover {
  background-color: #ddd; }

.sidebar-nav a.collapsed .section-sub:before {
  content: "\f0da"; }

.sidebar-nav a .section-sub:before {
  font-family: FontAwesome;
  content: "\f0d7"; }

/*opened sub sub section */
li .section-sub2:before {
  content: "\f067";
  font-size: 8pt; }

/* closed sub sub section */
li.active a .section-sub2:before {
  font-family: FontAwesome;
  content: "\f068";
  font-size: 7pt; }

.sidebar-nav .collapsing {
  background-color: #999; }

.sidebar-nav .collapsing a
.sidebar-nav .collapse a {
  padding-left: 20px; }

.sidebar-nav .collapse.show a,
.sidebar-nav .collapsing.show a,
.sidebar-nav .nav-child-menu a {
  padding-left: 20px; }

#accordian .panel :hover {
  background-color: #000; }

#sidebarPrimary .panel-title {
  font-size: 14px; }

.sectionMenu li a {
  font-size: 12px;
  margin: 0px; }

/* top pages not in sub-section */
.sectionMenu > li > a {
  padding: 10px 10px 10px 10px; }

.navbar .nav > li > a {
  font-size: 12px; }

.navbar .nav > li > a:focus {
  /* dh */
  background: #fff; }

.navbar .nav > li > a:hover {
  background: rgba(255, 255, 255, 0.3);
  color: #000; }

/* when you're on a page in the section, change that major top menu section */
.header .navbar-nav > .active > a, .navbar .nav > .active > a:focus {
  background-color: #fff;
  color: #000;
  border-bottom: none;
  /* this was turned off because it hides the border between top items in top menu on mobile */ }

.sectionMenu {
  background-color: rgba(200, 200, 200, 0.2);
  color: #000;
  padding: 0px;
  transition: background-color .5s; }

.in ul {
  /* the body that's expanded */
  background-color: rgba(255, 255, 255, 0.9); }

.sectionMenu a {
  color: #fff; }

/* indent children of a section */
#accordian .sectionMenu li a {
  padding-left: 25px; }

.sectionMenu li.active a {
  background-color: #1B5B83; }

/* on this page */
.active-section .panel-collapse.in ul li a {
  color: black;
  color: white; }

.collapse.in .sectionMenu li.active a:hover {
  filter: saturate(1.5); }

/* on page indicator */
/*    .collapse.in .sectionMenu ul  li.active a:before, .collapse.in .sectionMenu > li.active > a:before  {
        content: " ";
        padding: 2px;
        background-color: white;
        margin-left: -10px;
        margin-right: 10px;

    }
*/
.collapse.in .sectionMenu li a + ul > li a {
  padding-left: 2em;
  display: none; }

.collapse.in .sectionMenu li.active a + ul > li a {
  display: inherit; }

.collapse.in .sectionMenu li.active > ul > li > a {
  padding-left: 2em;
  background-color: #10405E; }

/* 5 levels in leaf current page */
.collapse.in .sectionMenu li.active > ul > li.active > a {
  padding-left: 2em;
  background-color: #003B60; }

.collapse.in .sectionMenu li.active > ul > li.active > a:hover {
  background-color: #003150; }

/* for main items without children, not accordian */
.sidebar-nav > .sectionMenu li.active a {
  background-color: #1B5B83;
  color: #fff !important; }

.sidebar-nav .panel-body {
  padding: 0px !important; }

/* top pages */
.sidebar-nav > .sectionMenu li a {
  border-top: 1px solid rgba(200, 200, 200, 0.5);
  color: #000;
  font-size: 14px; }

#related .panel-body {
  padding-top: 0px; }

.section-sub, .section-sub2 {
  display: inline-block;
  position: absolute;
  right: 10px;
  font-family: FontAwesome;
  opacity: .8; }

.nav.sectionMenu > li > a:hover {
  background-color: #ddd; }

.panel-group {
  margin-bottom: 0px; }

.active-section .panel-default > .panel-heading {
  /*background-color:#895;*/
  font-weight: normal; }

.active-section .panel-heading h4 a {
  font-weight: normal; }

.active-section li a {
  background-color: #1c6dc3; }

/*current section */
.active-section .sectionMenu {
  background-color: rgba(125, 184, 255, 0.77); }

.sidebar-nav .panel-heading {
  padding: 0px; }

/*section heading that's expanded */
.sidebar-nav .panel-heading h4 a.collapsed-not, .sidebar-nav .panel-group.active-section .panel-heading h4 a {
  /* if it's not collapsed (expanded) */
  background-color: #9AC8FF;
  padding-left: 15px; }

/*section heading that's collapsed */
.sidebar-nav .panel-heading h4 a.collapsed {
  /* if it's collapsed */
  background-color: #E2EEFA; }

.active-section .sidebar-nav .panel-heading h4 a.collapsed-not {
  /* if it's not collapsed but ACTIVE */
  background-color: inherit; }

a:focus {
  color: #000; }

.sidebar-nav .panel-heading h4 a:hover {
  background-color: #ddd; }

#accordian .panel :hover {
  background-color: #000; }

#sidebarPrimary .panel-title {
  font-size: 14px; }

.sectionMenu li a {
  font-size: 13px; }

.navbar .nav > li > a:focus {
  /* dh */
  background: #fff;
  /* todo was important */ }

.navbar .nav > li > a:hover {
  background: rgba(255, 255, 255, 0.3);
  /* todo was important */
  color: #000; }

.header .navbar,
.header .navbar-inner,
.header .nav,
.header .navbar-inverse {
  /*background-color:transparent;*/
  /* DH 8/23/2016 Commented out. Was this for top menu? it hurts left menu. 10/19/2016: re-enabled but scoped to just .header */ }

.navbar .nav > li > a {
  text-transform: none;
  font-size: 1em;
  color: white;
  line-height: 1;
  /* border-bottom:2px solid transparent; */ }

#contentCol footer {
  margin-top: 2em; }

.footnote {
  color: rgba(0, 0, 0, 0.5);
  text-align: right; }

footer .footnote {
  font-size: smaller;
  font-style: italic;
  margin-top: .5em; }