<link rel="stylesheet" href="https://kit.fontawesome.com/e8e08a9965.css" crossorigin="anonymous">

#main-nav .icon-download {
color: color: #0F1C4D !important;
}
#main-nav a.yellow-button {
    margin: 0.25rem 0;
    background: #F7D636;
    color: #0F1C4D;
    line-height: 1.2;
    font-weight: 400;
    transition: background 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
 #main-nav .icon-download:hover {
color: #ffffff;
}
 #main-nav a.yellow-button:hover {

  color: #ffffff !important;
}
.old-reports span:after {
  content: "  >";
  display: inline-block;
  font-family: FontAwesome;
  margin-left:10px;
  font-weight:900;
  font-size: 13px;
vertical-align: sub;  
}
a.old-reports {
    font-size:.8rem;
  text-decoration:none;
}

.old-reports span {
  font-size:.8rem;
  text-decoration:none;
}
#main-nav a.nav-link.old-reports {
  font-size:.95rem;
  padding:1rem 2.5rem;
}

.old-report-flyout {
  background-color:#F2F8FC;
  padding-top:10px;
  position: absolute;
  left: 326px;
  left:230px;
  width: 332px;
  bottom: 0;
  display:none;
}
.old-report-flyout.show-flyout {
  display:block;
}
.old-report-flyout a {
  color:#0F1C4D;
  padding:10px 25px;
  line-height:40px;
  font-size:1rem;
  text-decoration:none;
}
.old-report-flyout a:hover {
  color:#1E68CC;
}
.old-report-flyout ul {
  padding-left:0;
}
.old-report-flyout ul li {
  list-style-type:none;
}
.old-div {
  position:relative;
  cursor:pointer;
  padding-top: 10px;
    padding-left: 15px;
    font-size:.9rem;
}
/*.old-reports:hover span:after {
  content: "  \f104";
}
*/
#main-nav a.nav-link.old-reports.hover-state {
   background: #8002EF;
}
#main-nav a.nav-link.old-reports.hover-state span {
    transform: translateX(6px);
}
#main-nav a.nav-link.old-reports.hover-state span:after {
  content: "  <";
}
.old-div.mobile {
  display:none;
}
@media (max-width:991px) {
  .old-report-flyout {
    position:relative;
  }
  .expander-trigger {
    display: block !important;
    cursor: pointer;
    position: absolute;
    top: 17px;
    right: 20px;
    width: 100% !important;
    min-width: 55px !important;
    height: 45px !important;
    padding: 0 !important;
}
  .expander-trigger:hover{
      text-decoration: none;
  }
  .expander-trigger i{
      position: relative;
      top: 41%; /* Centers icon inside button */
      margin: 0 auto !important;
      left:45%;
  }
  .expander-trigger i:after{
      position: absolute;
      content: '';
  }
  .expander-trigger i, .expander-trigger i:after{
      width: 18px; /* Icon line width */
      height: 4px; /* Icon line height */
      background-color:#ffffff; /* Icon color */
      display: block;
  }
  .expander-trigger i:after{
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
  }
  .expander-trigger.expander-open i:after{
      -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
      transform: rotate(-180deg);
  }
  .expander-trigger.expander-open i{
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
  }
  .old-reports span:after,
  .old-reports:hover span:after{
    content:"";
  }
  .old-report-flyout {
    width:100%;
    left:0;
  }
  #main-nav a.nav-link.old-reports.hover-state span:after {
    content:"";
  }
  .old-div.mobile {
    display:block;
    padding-left:0;
  }
  .old-div.desktop {
    display:none;
  }
  .old-reports span {
    font-size:.95rem;
  }
}