:root {
  --banner-color: #336699; 
}

body {
  padding: 20px; 
}

#banner {
  background-color: var(--banner-color);
  padding-top: 20px;
  padding-bottom: 18px; 
}

#main-caption {
  padding-left: 25px;
  text-decoration: none;
  font-size: 2em;
  font-weight: bold;
  color: white; 
}

.btn-primary {
  min-width: 15em;
  font-size: 1.3em; 
} 
  
.control-label, .control-label2 {
  /* original Bootstrap properties are handled by the CDN */
}

.control-label2 {
  margin-right: 15px; 
}
  
.chm_table td, .chm_table th {
  font-size: 14 px !important;
  line-height: 1.2 !important;
  border: 1px solid var(--banner-color);
  padding: 3px 8px; 
}

.chm_table th {
  padding-top: 5px;
  padding-bottom: 5px;
}

.phys_table td, .phays_table th {
  font-size: 14 px !important;
  line-height: 1.1 !important;
  padding-top: 1px !important;
  padding-bottom: 3px !important;
  padding-right: 7px !important;
}

.table-compact td, .table-compact th {
  font-size: 14 px !important;
  line-height: 1.1 !important;
  padding-top: 1px !important;
  padding-bottom: 2px !important;
}

.index-table td {
  font-size: 13px !important;
  line-height: 1.1 !important;
  padding-top: 1px !important;
  padding-bottom: 3px !important;
}

hr, #footer-line {
  height: 3px;
  background-color: var(--banner-color);
  border: 0 none;
  margin: 10px 0; 
}

/* remove underlines from general links, but keep them on hover */
a, .main-content a {
  text-decoration: none; }

a:hover, .main-content a:hover {
  text-decoration: underline; }