body{
  font-family: Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-size: 0.9rem;
  font-weight:400;
}

.emphasized{
  font-weight: 700;
}

.listedRecs > *{
  padding: 3px 0px;
}


/* table styles */
th{
  padding: 10px;
}

td{
  padding: 10px;
}


.cdcBlue{
  color: white;
  background-color: #007DF9;
}

.blueOverlay{
  color: #e9e9e9;
  background-color: #0069BF;
}

.cdcYellow{
  background-color: #FFF73C;
}

.yellowOverlay{
  background-color: #BFB52E;
}

.cdcOrange{
  color: white;
  background-color: #FF6738;
}

.orangeOverlay{
  color: #e9e9e9;
  background-color: #BF4A2B;
}

.cdcRed{
  color: white;
  background-color: #FF0D1C;
}

.redOverlay{
  color: #e9e9e9;
  background-color: #BF0C1D;
}


.greyOut{
  color: rgb(29, 29, 29);
  background-color: #7e7e7e;
}

.greyOut > a {
  color: #3c629b;
}


/* for info vis */
.itemsRow{
  padding: 15px 0px;
}
.itemDiv{
  padding: 15px;
  border-radius: 25px;
}
#cdcDiv{
  background-color: #f0f5ff;
  border: 1px solid #f0f5ff;
}
#cohortDiv, #maskDiv, #limitDiv, #screeningDiv{
  background-color: #eeeeee;
  border: 1px solid #eeeeee;
}

.itemImgTop{
  width: 30%
}

.itemImg{
  width: 100%;
}
.itemLinkTop{
  font-size: 1.8rem;
  font-weight: 700;
}
.itemLink{
  font-size: 1.2rem;
  font-weight: 700;
}

/* arrow stuff */
#arrowTable{
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 15px;
}


.arrow {
  width:100%;
  /* margin: 50px auto; */
}

.line {
  width:96%;
  /* background: rgb(248,238,255);
  background: linear-gradient(90deg, rgba(248,238,255,1) 0%, rgba(115,57,156,1) 100%); */
  background: rgb(0,125,249);
background: linear-gradient(90deg, rgba(0,125,249,1) 0%, rgba(255,247,60,1) 33.33%, rgba(255,103,56,1) 66.66%, rgba(255,13,28,1) 100%);
  height:10px;
  float:left;
}
.point {	
  width: 0; 
  height: 0; 
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  /* border-left: 30px solid rgba(115,57,156,1); */
  border-left: 30px solid rgba(255,13,28,1);
  float:right;
}

.tdStrategy{
  border: 1px solid black
}