#segment-footer > .container {
  background-color: #262626;
}
.navbar-inverse {
  background-color: #0066A8;
}
#hl7-nav {
  line-height: 50px;
  float: left;
  margin-top: 16px;
  color: #808080;
}
#hl7-nav a {
  color: inherit;
}
#hl7-logo {
  float: left;
  margin-left: 6px;
}
#hl7-search {
  line-height: 50px;
  float: right;
  margin-top: 16px;
  color: maroon;
}
#hl7-search a {
  color: inherit;
}
#fhir-nav {
  line-height: 50px;
  float: right;
  margin-top: 16px;
  color: #808080;
}
#fhir-logo {
  float: right;
  margin-left: 6px;
}
#ig-status {
  line-height: 20px;
  margin-top: 10px;
  color: #D14B3E;
  text-align: center;
  height: 50px;
}
.dropdown-menu li:hover .sub-menu {visibility: visible;}
.dropdown:hover .dropdown-menu {display: block;}

:root {
  --btn-hover-color: #FF8C00;  /* 6. Menu button hover color */
  --btn-gradient-start-color: #ff9410; /* 9. Menu item gradient start color */
  --btn-gradient-end-color: #ff9410; /* 10. Menu item gradient end  color */
  --ig-header-color: #ffffff; /* 21. Header color (sides) */
  --stripe-bg-color: #b4c3d8; /* 5. Header strip color */
  --toc-box-bg-color: #FCF8E3; /* 17.  TOC box background color */
}

@media only screen and (max-width: 992px) {
  table.colsi {
    width: 100%;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}

@media only screen and (max-width: 992px) {
  table.rwd-table {
    width: 100%;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}

@media only screen and (max-width: 992px) {
  p, a {
    word-break: break-all;
  }
}