@font-face {
  font-family: 'Roboto Condensed';
  src: url('/Templates/Fonts/robotocondensed-WebFont.eot');
  src: url('/Templates/Fonts/robotocondensed-WebFont.eot?#iefix') format('embedded-opentype'), 
       url('/Templates/Fonts/robotocondensed-WebFont.woff') format('woff'), 
       url('/Templates/Fonts/robotocondensed-WebFont.ttf') format('truetype'), 
       url('/Templates/Fonts/robotocondensed-WebFont.svg#robotocondensed') format('svg');
}

body {
  margin: 0;
  background-color: #FFF;
  color: #000;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 18px;
}

a {
  color: #009;
}

#printLogo {
  display: none;
}

.subCatLabel, .glossaryRow {
  border: 1px solid #CCC;
  border-top: none;
}

.glossaryRow .termWrapper {
  border-right: 1px solid #CCC;
}

div.header {
  background-color: #000;
  padding: 12px 24px;
}

.logoWrapper {
  display: inline-block;
  vertical-align: middle;
  width: 224px;
  height: 60px;
}

.headerText {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  padding-left: 24px;
  width: 220px;
}

.header img, .headerText {
  vertical-align: middle;
}

h1, .quickJump, .glossaryWrapper {
  margin: 12px 24px;
}

h1 {
  font-size: 24px;
  font-weight: bold;
}


.quickJump a {
  text-decoration: none;
  color: #666;
  margin-right: 24px;
}

.glossaryWrapper {
  clear: both;
}
.glossaryRow.topBorder {
  border-top: 1px solid #CCC;
}
.catLabel, .subCatLabel {
  font-weight: bold;
}

.catLabel {
  background-color: #000;
  color: #fff;
}

.catLabel, .subCatLabel, .glossaryRow > div {
  padding: 8px;
}

.catLabel:before, .subCatLabel:before {
  font-family: FontAwesome;
  content: "\f078";
  margin-right: 8px;
}

.catLabel.collapsed:before, .subCatLabel.collapsed:before {
  content: "\f077";
}

.glossaryRow {
  display: flex;
}

.termWrapper, .definition {
  display: inline-block;
}

.glossaryRow > div {
  vertical-align: middle;
}

.termWrapper {
  width: 125px;
}

.abbrev {
  font-weight: bold;
}

.termText {
  line-height: 18px;
}

.definition {
  flex: 1;
  line-height: 22px;
}

.warn {
  color: #F00;
}

a.print {
  float: right;
  color: #666;
  text-decoration: none;
  margin-right: 24px;
}
a.print:before {
  font-family: FontAwesome;
  content: "\f02f";
  font-size: 20px;
}
a.print:hover {
  color: #999;
}

@media (max-width:767px) {
  .glossaryWrapper {
    margin: 12px 0;
  }
}

@media print {

    
  #htoLogo, .quickJump, a.print {
    display: none;
  }
  #printLogo {
    display: inline-block;
  }
    
  .catLabel {
    border: 1px solid #CCC;
  }
  
  .catLabel:before, .subCatLabel:before {
    content: "";
    margin: 0;
  }
  
}