:root {
  --ketone-blue: #2D71CA;
  --ketone-blue-lighter: #518ad5;
}

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

  body #headerLogo a img {
    display: none;
  }

body h1, body h2, body a {
  color: var(--ketone-blue);
}

body .inline-qpoint-logo {
  background: url(../../Images/logo-small-ketone.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(--ketone-blue);
}

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

body #userLoginButton:hover #userLoginMenu li {
  background: var(--ketone-blue);
}

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

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

body .boxWrapper.coloured {
  background-color: #ABC6EA;
  border: 1px solid var(--ketone-blue);
  border-radius: 5px;
}

  body .boxWrapper.coloured .boxContent {
    background-color: transparent;
  }

.link-large svg {
  fill: var(--ketone-blue);
}

.analyte-name::after {
  content: 'Ketone';
}
.right-column-loggedin a:not(.button) {
  border: 1px solid var(--ketone-blue);
  border-radius: 5px;
  margin-top: 10px;
}
.gridview th {
    background-color: #2D71CA;
 }