.nav-item a:hover {
    color: #f1527d;
}

.nav-pills .nav-link {
    border-style: dashed;
    border-width: 1px 1px 1px;
    border-radius: 8px;
    border-color: #ff007a;
}

.nav-pills .nav-link.active {
    border-width: 0px 0px 0px;
}

a.hms-link {
    color: magenta;
}

a.hms-link:hover {
    text-decoration: underline;
}

:root {
  --mainColor: #ff007a;
}

a.host-explainer {
  background:
     linear-gradient(
       to right,
       var(--mainColor) 0%,
       var(--mainColor) 5px,
       transparent 5px
     );
	background-repeat: repeat-x;
	background-size: 100%;
  color: #000;
  padding-left: 10px;
  text-decoration: none;
}

a.host-explainer:hover {
  background:
     linear-gradient(
       to right,
       var(--mainColor) 0%,
       var(--mainColor) 5px,
       transparent
     );
}