A.data-row {
  display: block;
  padding: 0.5rem;
  color: #444;
  text-decoration: none;
  background-color: #eeeeee;
  margin-top: 3px;
}
A.data-row:hover {
  background-color: gold;
}

table.bct {
  border-collapse: separate;
  border-spacing: 0px 4px;
  margin-bottom: 2rem;
}

tr.dropdown-row td {
  padding: 0.5rem;
  background-color: #eeeeee;
  padding-right: 3rem;
}

tr.group td {
  background-color: #2D465D;
  color: white;
  padding: 0.5rem;
}

tr.bct th {
  background-color: #333;
  color: white;
  font-weight: 400;
  padding: 0.5rem;
}

tr.bct-new th {
  background-color: White;
  color: #366092;
  font-weight: bold;
  padding: 0.5rem 0 0.2rem 0.1rem;
  border-bottom: solid 2px #366092;
}

tr.bct td {
  background-color: white;
  padding: 0.5rem;
  padding-right: 2rem;
  color: #333;
}

tr.bct:hover td {
  background-color: gold;
  color: #222;
}

/* Coloured cells for compliance 'Action Required' */
tr.noaction {
  outline: solid 1px #efefef;
  outline-offset: -1px;
}

tr.noaction TD {
  background-color: White;
  color: #7F7F7F;
}

tr.install td {
  background-color: #DBE5F1;
  color: #366092;
}

tr.testing td {
  background-color: #EBF1DD;
  color: #76923C;
}

tr.remove td {
  background-color: #F2DCDB;
  color: #953734;
}

tr.review td {
  background-color: #FDEADA;
  color: #E36C09;
}

body {
  background: #2c3e50; /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #3498db, #2c3e50); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #3498db, #2c3e50); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  font-family: "Source Sans 3", sans-serif;
  font-weight: 400;
}

a.k-breadcrumb-root-link {
  padding-left: 0px;
  padding-right: 0px;
}

h1.page-header {
  margin-top: 1rem;
  font-size: 3rem;
  font-weight: 200;
  margin-bottom: 2.5rem;
}
h1.page-header span {
  display: block;
  font-size: 1.2rem;
}

a.dropdown-item i.far, a.dropdown-item i.fas, a.dropdown-item i.fal, a.dropdown-item i.fad {
  display: inline-block;
  width: 1.4rem;
  text-align: center;
  margin-right: 0.5rem;
}

.btn i.far, .btn i.fas, .btn i.fal, .btn i.fad {
  margin-right: 0.25rem;
}

li.nav-item {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

label.form-label {
  display: block;
  margin-top: 1.2rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}

table.report {
  margin-bottom: 2rem;
}

table.report thead th {
  border-bottom: solid 3px #446280;
  color: #446280;
  font-weight: 600;
  padding-right: 2rem;
}

table.report thead th.right {
  text-align: right;
  padding-left: 4rem;
  padding-right: 2rem;
}

table.report tbody td {
  border-bottom: solid 1px #ddd;
  padding: 0.2rem;
  padding-right: 2rem;
}

table.report tbody td.right {
  text-align: right;
  padding-left: 4rem;
  padding-right: 2rem;
}

table.report tr.rh1 th {
  font-weight: 600;
  color: #2e74b5;
  border-bottom: solid 1px #ddd;
  padding: 0.6rem 0.2rem 0.2rem 0.2rem;
}

table.report tfoot td {
  color: #444;
  font-weight: 600;
  border-top: solid 2px #444;
}

table.report tfoot td.right {
  text-align: right;
  padding-left: 4rem;
}

table.bct-data-table {
  margin-bottom: 2rem;
}

table.bct-data-table thead th {
  color: #446280;
  text-align: left;
  padding: 0.25rem 3rem 0.25rem 0.25rem;
  border-bottom: solid 1px #446280;
  font-weight: normal;
}

table.bct-data-table thead th.right {
  text-align: right;
  padding-right: 0.25rem;
  padding-left: 3rem;
}

table.bct-data-table tbody td {
  color: #333333;
  text-align: left;
  padding: 0.25rem 3rem 0.25rem 0.25rem;
  border-bottom: dotted 1px #ddd;
  font-weight: normal;
}

table.bct-data-table tbody td.right {
  text-align: right;
  padding-right: 0.25rem;
  padding-left: 3rem;
}

h5 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.service-year-chip {
  border-radius: 0.15rem;
  display: inline-block;
  text-align: center;
  padding: 0.1rem 0.5rem;
  background-color: #555;
  color: White;
  font-size: 0.8rem;
  font-weight: 600;
}

.health-bubble {
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  margin: auto;
}

.health-fit.health-bubble {
  background-color: #D7E3BC;
}

.health-unfit.health-bubble {
  background-color: #F2DCDB;
}

.health-veryunfit.health-bubble {
  background-color: #E5B9B7;
}

.health-manualunfit.health-bubble {
  background-color: #E5B9B7;
  border: solid 1px #632423;
}

.health-unknown.health-bubble {
  background-color: #D8D8D8;
}

.health-unexpected.health-bubble {
  background-color: yellow;
}