:root {
  --hba-red: #CB3A22;
  --hba-red-lighter: #d04e38;
}

body #headerLogo a {
  width: 290px;
  height: 62px;
  display: block;
  background: url(../../Images/headerLogoHBA.png) 0 0 no-repeat;
  background-size: contain;
}

  body #headerLogo a img {
    display: none;
  }

body h1, body h2, body a {
  color: var(--hba-red);
}
body #bannerWrap {
  background-color: var(--hba-red-lighter);
}

  body #bannerWrap a {
    color: #fff;
  }

body .inline-qpoint-logo {
  background: url(../../Images/logo-small-HBA.png) 0 0 no-repeat;
}
body img.inline-qpoint-logo {
  display: none;
}

body #heroBanner {
  /*background: url(../../Images/hero-glucose.jpg) center center no-repeat;*/
  background: white;
}

body #menu {
  background-color: var(--hba-red);
}

  body #menu ul li a:hover, body #menu ul li a.active {
    background: var(--hba-red-lighter);
  }

body #userLoginButton:hover #userLoginMenu li {
  background: var(--hba-red);
}

  body #userLoginButton:hover #userLoginMenu li:hover {
    background: var(--hba-red-lighter);
  }
body #menu ul li#userLoginButton > a:hover {
  background-color: var(--hba-red-lighter) !important;
}

body .button, body input[type="submit"] {
  background: var(--hba-red);
  font-weight: normal;
}
  body .button:hover, body input[type="submit"]:hover {
    background: var(--hba-red-lighter);
    font-weight: normal;
  }

body .boxWrapper.coloured {
  background-color: #EAB0A7;
  border: 1px solid var(--hba-red);
  border-radius:5px;
}
  body .boxWrapper.coloured .boxContent {
    background-color: transparent;
  }

.link-large svg {
  fill: var(--hba-red);
}
.analyte-name::after {
  content: 'HbA';
}
.analyte-name-additional::after {
  content: '1c';
}
.right-column-loggedin a:not(.button) {
  border: 1px solid var(--hba-red);
  border-radius: 5px;
  margin-top: 10px;
}
.gridview th {
    background-color: #CB3A22;
}