/* code for chart tab links */
.nav-tabs > li {
  display: flex !important;
  float: left;
  cursor: pointer;
}
.nav-tabs > li i {
  vertical-align: middle;
  font-size: 1.2em;
  cursor: pointer;
}
/* end code for chart tab links */
.tab-content {
    margin-top: 10px;
}
.dateText {
	color: #865394;
}
.MainContent a, .MainContent a:visited {
  color: #865394 !important;
  text-decoration: underline;
}
.nav-tabs {
  border-bottom: 1px solid #865394 !important;
}
.nav-tabs > li {
  margin-bottom: 1px !important;
}
.nav-tabs > li.active, .nav-tabs > li.active a {
  background: #865394 !important;
  color: #fff !important;
  font-weight: bold !important;
  border: 1px solid transparent !important;
  text-decoration: none !important;
}
.nav-tabs > li a {
  background-color: transparent !important;
  background: transparent !important;
  font-size: 1.2em;
  text-decoration: none !important;
  border-radius: 0;
  color: #865394 !important;
}

@import url("banner.css");
.hsbM {
  font-family: 'Montserrat', sans-serif;
}
.hsbM .navbar-nav {
  text-transform: uppercase;
  width: auto;
  margin-right: 35px;
}
.hsbM .nav > li {
  text-align: center;
  width: 100%;
}
.hsbM .mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.hsbM .nav > li > a {
  padding: 10px 11px !important;
  text-decoration: none !important;
  background: #865394 !important;
}
.hsbM .mega-dropdown-menu .dropdown-header {
  color: #ff3546;
  padding: 5px 20px 5px 5px;
}
.hsbM .navbar-nav .dropdown-menu a, .hsbM .navbar-nav .dropdown-menu a:hover {
  color: #373737 !important;
}
.hsbM .navbar-nav a, .hsbM .navbar-nav a:visited {
  color: #FCF288 !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  font-size: 15px;
}
.hsbM .navbar-nav .dropdown-menu a, .hsbM .navbar-nav .dropdown-menu a:visited, .hsbM .navbar-nav .dropdown-menu a:active, .hsbM .navbar-nav .dropdown-menu a:link, .hsbM .navbar-nav .dropdown-menu a:focus {
  color: #373737 !important;
  background: #fff !important;
  text-transform: none;
  text-decoration: none !important;
}
.hsbM .mega-dropdown-menu {
  padding: 10px 0px;
  width: auto;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.hsbM .navbar-nav .mega-dropdown-menu a:hover, .hsbM .navbar-nav .mega-dropdown-menu a:focus {
  background: #eee !important;
  width: 100%;
  display: table;
}
.hsbM .navbar-nav li a:hover, hsbM .navbar-nav li a:focus {
    color: #ffffff !important;
    background-color: transparent !important;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background-color: #865394 !important;
  
}
body {
  font-size: 100% !important;
}
.MainContent {
  font-family: 'Montserrat', sans-serif !important;
  width: 1001px !important;
}
body {
  font-family: 'Montserrat', sans-serif !important;
}
.hsbHdr {
  font-size: 1.35em;
  text-transform: uppercase;
  margin-bottom: 10px;
  line-height: 16px;
}
.hsbHdr img {
  float: right;
  width: 40%;
}
.hsbHdr h1 {
  background: url(/surveys/hsb/images/hsb22.png) no-repeat;
  float: left;
  margin-right: 10px;
  color: transparent;
  width: 500px;
  height: 100px;
}
.hsbM {
  font-family: 'Montserrat', sans-serif;
  background: #865394 !important;
}
.hsbM .navbar-toggle {
  margin-right: 15px !important;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background-color: #865394 !important;
}
a.accordion-toggle {
  text-decoration: none !important;
}
.panel-default > .panel-heading {
  color: #865394 !important;
  font-size: 1.15em !important;
  background-color: #f5f5f5 !important;
  border-color: #ccc;
  font-weight: bold;
}
.fa-exclamation-circle {
  color: #5dbd74;
  font-size: 1.3em !important;
}
.notes, .notes_top {
  padding: 4px 0;
}
.container {
  background: #336633;
  padding: unset !important;
}
.container-fluid {
  padding: unset !important;
}
.navbar-toggle {
  border-color: #fff !important;
}
.icon-bar {
  background: #fff !important;
}
.navbar {
  margin-bottom: 0 !important;
  min-height: 40px !important;
}
.MainContent h2 {
  color: #865394;
  font-size: 1.5em;
  font-weight: 400;
}
.MainContent h3 {
  color: #865394;
  font-size: 1.25em;
  font-weight: bold;
  padding-top: 10px;
}
.fa-file-pdf, .fa-file-archive, .fa-file-code {
  color: #5db65d;
  font-size: 1.2em;
}
.MainContent p.newsHd {
  font-size: 1.5em !important;
  color: #fcf288 !important;
}
.MainContent p.GreenText {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 1.5em !important;
  color: #fcf288 !important;
  font-weight: normal !important;
  text-transform: inherit !important;
  padding: unset !important;
  margin: unset !important;
}
.hsbM .navbar-nav .dropdown-menu a, .hsbM .navbar-nav .dropdown-menu a:visited {
	color: #373737 !important;
    background: #fff !important;
	text-transform: none;
    text-decoration: none !important;
}
.GreenText:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0eb";
}
.GreenText img {
  display: none !important;
}
.BackToTop a {
  padding-left: 0;
  background: none;
  font-size: 1em;
}
div.MainContent {
  font-size: 1.2em !important;
}
.MainContent p {
  font-size: 1.1em !important;
  line-height: 1.75em !important;
}
.panel-headingMod button {
  color: #865394 !important;
  text-decoration: none !important;
  width: 100%;
  background: transparent !important;
  text-align: left !important;
  border: none !important;
  display: table;
  cursor: pointer;
  padding-bottom: 15px;
}
.panel-headingMod button:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f077";
  font-size: .9em !important;
  color: #865394 !important;
  margin-right: 6px;
}
.panel-headingMod button.collapsed:before {
  content: "\f078";
}
.panel-heading button {
  color: #865394 !important;
  font-weight: bold !important;
  text-decoration: none !important;
  width: 100%;
  background: transparent !important;
  text-align: left !important;
  border: none !important;
  display: table;
  cursor: pointer;
  text-transform: uppercase;
}
.panel-heading button:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f077";
  font-size: .9em !important;
  color: #865394 !important;
  margin-right: 6px;
}
.panel-heading button.collapsed:before {
  content: "\f078";
}
blockquote small {
  display: unset !important;
}
.panel-body {
  padding-top: 10px;
}
.hsbTbl {
  border-collapse: collapse;
  margin-bottom: 15px;
  width: 100%;
}
.hsbTbl th, .hsbTbl td {
  padding: 4px;
  vertical-align: middle;
}
.hsbTbl thead th:first-child {
  background: #25499b;
  color: #fff;
}
.hsbTbl thead tr:nth-child(2) th {
  background: #cbf3d5;
  color: #fff;
  border-right: 1px solid #fff;
}
.hsbTbl tbody tr:nth-child(even) {
  background: #cbf3d5;
}
.subThead td {
  background: #336633;
  color: #fff;
  font-weight: bold;
}
.errorBx {
  width: 100%;
  background: #eee;
  border: 1px solid #ddd;
  padding: 10px;
  margin: 10px auto;
}
.BackToTop a:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0aa";
  background: none !important;
  padding-right: 1px;
}
#myCarousel {
  margin-top: -10px !important;
  margin-bottom: 0 !important;
}
.carousel-control.right, .carousel-control.left {
  background: none !important;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
  margin-left: -75px !important;
  color: #ccc;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
  color: #ccc;
}
.carousel-inner {
  width: 80% !important;
}
#myCarousel2 .carousel-inner {
  width: 100% !important;
  background: url(../images/questions.jpg) no-repeat bottom;
  background-size: 100%;
  padding: 10px;
  height: 145px;
}
#myCarousel2 .carousel-control .glyphicon-chevron-left, #myCarousel2 .carousel-control .icon-prev {
  margin-left: -40px !important;
  color: #fff;
}
#myCarousel2 .carousel-control .glyphicon-chevron-right, v.carousel-control .icon-next {
  color: #fff;
}
#myCarousel2 .item {
  width: 85%;
  margin-left: 60px;
  font-family: 'Montserrat', sans-serif !important;
  color: #fff;
  bottom: .25em;
}
#myCarousel2 p.dateText {
  font-size: 1.4em !important;
  line-height: 1.2em !important;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif !important;
  color: #fff;
}
#myCarousel2 .carouselHdr {
  color: #fff;
  background: #000;
  padding: 8px;
  font-size: 2em;
  margin: 0;
}
#myCarousel2 p a {
  font-size: 1.1em;
  text-decoration: none !important;
  color: #fff !important;
}
.newsletterBucket {
  background: #e4f1e6;
  color: #111;
  padding: 10px 0;
}
.newsletterBucket p {
  padding: 0 10px 10px;
}
.newsletterBucket > img:first-of-type {
  width: 100%;
  margin-bottom: 10px;
}
.newsletterBucket h3 {
  margin-top: 0;
  padding: 5px 10px;
  border: 0;
  font-size: 20px;
}
.newsletterBucket ul {
  font-size: 14px;
  padding-left: 28px;
}
.newsletterBucket li {
  margin-bottom: 5px;
  color: #555;
}
.newsletterBucket li a img {
  margin-right: 3px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .carousel-caption {
    bottom: -25px !important;
  }
  .carousel-indicators {
    left: 110% !important;
  }
}
.footer_container.nces {
  margin-top: 20px;
}
blockquote {
  font-size: 1em !important;
}
.MainContent a, .MainContent a:visited {
  color: #865394 !important;
  text-decoration: underline;
}
@media (min-width: 1200px) {
  .container {
    width: 100% !important;
  }
}
@media (min-width: 992px) {
  .container {
    width: 100% !important;
  }
}
@media (min-width: 768px) {
  .container {
    width: 100% !important;
  }
}
@media (max-width: 992px) {
  .MainContent {
    width: 100% !important;
    margin-right: 2px !important;
    margin-left: 4px !important;
  }
  .hsbHdr {
    margin-top: -10px !important;
    margin-bottom: 20px !important;
  }
}
@media (max-width: 768px) {
  .MainContent {
    width: 100% !important;
    margin-right: 2px !important;
    margin-left: 4px !important;
  }
  .hsbM .nav > li {
    text-align: left !important;
    width: 100% !important;
  }
  .hsbM .navbar-nav {
    width: 100% !important;
  }
  .hsbM .mega-dropdown-menu {
    margin: -10px -16px !important;
    width: 105% !important;
  }
 .idBtn {
    margin-right: 15px;
    margin-bottom: 6px;
  }
 .hsbHdr {
    margin-top: -20px !important;
    margin-bottom: 20px !important;
  }
 .textMask {
    height: 140px;
  }
 .carousel-indicators {
    display: none;
  }
}
@media (max-width: 468px) {
  .MainContent {
    width: 100% !important;
    margin-right: 2px !important;
    margin-left: 4px !important;
  }
  .hsbM .nav > li {
    text-align: left !important;
    width: 100% !important;
  }
  .hsbM .navbar-nav {
    width: 100% !important;
  }
  .hsbM .mega-dropdown-menu {
    margin: -10px -16px !important;
    width: 105% !important;
  }
  .tablealign {
    text-align: center;
  }
  .hsbHdr {
    margin-top: -20px !important;
    margin-bottom: 20px !important;
  }
}