:root {
  --multiplex-purple: #E353EF;
  --multiplex-purple-lighter: #e86df2;
}


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

  body #headerLogo a img {
    display: none;
  }

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

  body #bannerWrap a {
    color: #fff;
  }

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

body #menu {
  background-color: var(--multiplex-purple);
}

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

body #userLoginButton:hover #userLoginMenu li {
  background: var(--multiplex-purple);
}

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

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

.link-large svg {
  fill: var(--multiplex-purple);
}

.analyte-name::after {
  content: 'Multiplex Respiratory Panel';
}
.right-column-loggedin a:not(.button) {
  border: 1px solid var(--multiplex-purple);
  border-radius: 5px;
  margin-top: 10px;
}
.gridview th {
    background-color: #E353EF;
}