.active-pip {
  font-weight: bold;
  color:var(--primary) !important;
}

#greeter-jumbotron {
  background: url(../img/state-1920_960.jpg) no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    /* &:before {
      content: '';
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background-image: linear-gradient(to bottom right,#002f4b,#dc4225);
          opacity: .6; 
    } */
}


#osa-tooltip{
  pointer-events:none; /*let mouse events pass through*/
  position:absolute;
  text-align:left;
  background-color:#333;
  margin:3px;
  color:white;
  padding:3px;
  min-width: 9.375rem;
  min-height: 3.215rem;
  box-sizing: border-box;
  border:0px;
  border-radius:3px;
  opacity:0;
  cursor:default;
  z-index:50000
}

.grid line {
  stroke: var(--grey200);
  stroke-opacity: 0.7;
  shape-rendering: crispEdges;
}

.grid path {
  stroke-width: 0;
}

.yellow-underline{
  text-decoration: underline;
  -webkit-text-decoration-color: #e9cf72; /* Safari */  
  text-decoration-color: #e9cf72;
}

.bluered-underline{

  background-image: linear-gradient(90deg, rgba(175,70,70,1) 0%, rgba(61,71,102,1) 100%);
  /* linear-gradient(90deg, rgba(175,70,70,1) 0%, rgba(255,255,255,1) 50%, rgba(61,71,102,1) 100%);; Safari   */
  background-repeat: repeat-x; /* make it horizontal */
  background-position: 0 95%; /* change the second value to adjust how far from the top the underline should be*/
  background-size: 100% 2px; /* change the second value to the desired height of the underline*/

}