a {
  color: #000;
  text-decoration: underline;
}

a[role="button"] {
  text-decoration: none;
}

#logo{
  padding-bottom: 40px
}

#mediumslim {
    padding-top: 9px;
    padding-bottom: 9px;
}

#toppanel {
    padding-top: 50px;
    padding-bottom: 15px;

    /* insight 1 (purple to blue); */
    background-image: linear-gradient(144.33deg, #000050 0%,
				      #4E2592 100%);
    /* research (blue to light blue);
    /*    background-image: linear-gradient(144.33deg, #25408F 0%,
				      #58B0E3 100%); */

    color: white;
    position: fixed;
    top: 0;
    z-index: 999;
    width:100%;
}

.jumbotron {
    background-color: inherit; /* inherit the background from #toppanel */
    padding-top: inherit;
    padding-bottom: inherit;
}

.lead {
      font-family: "Roboto", sans-serif;
      font-size: 1.25rem;
}


#toph1{
    font-size: 48px; !important
}

.tab-content{
    background-color:#fff;
    color:#000;
    padding:5px
}
.nav-tabs > li > a{
    border: medium none;
    text-decoration: none;
}

.nav-tabs > li > ul > li > a{
    border: medium none;
    text-decoration: none;
}


.nav-analysis {
    /* background-color: #32085e !important; */
	background: #00193D;
    /* background: transparent;
    /* background-image: linear-gradient(144.33deg, #967FC8 0%,
				      #4F8CC8 100%); */
	z-index: 9999;

}

.nav>li>a {
    color: #EBDEF0;
    font-weight: bold;
}

.nav>li.right {
    float: right;
}

.nav-tabs li>a:hover {
    /* background-color: #9933ff; */
    background-color:  #00193D;
    color: grey;
}

.green-background {
    background-color: green;
}

.jtlight {
    background:#FBFCFC !important
}

.panel-heading{
    background-color: green
}

#panel-heading{
    background-color: green
}

/* panel-heading{
    background-color: green
} */


.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover{
    /* background-color: #3e0a75 !important;
    /* background-color:  #8b70a9   !important;
    /* background-color: #58595B !important;
    /* background-color: #182958; */
    background-color: transparent;
    color:#fff;
}

/*  highlight significant plots */
.figure{
	padding: 0 0.5em;
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.figure.significant{
	border-left: solid green;
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.alert-custom{
  background-color:#E6E6EE;
  color:#000050;
}

/* footer based on bootstrap .footer class but not sticky */
/* see https://getbootstrap.com/docs/3.3/examples/sticky-footer/sticky-footer.css */
.footer{
    position: absolute;
    bottom: 0;
    height: 60px;
    width: 100%;
    background-color: #f5f5f5
}

.container .text-muted{
	margin: 20px 0;
}


.text-muted {
	color: #686895;
	font-size: 1.25rem
}

#top_page-content{
	margin-bottom: 30px;
}

.btn-group-block{
	width: 100%;
	display: block;
}

/* interactive plot sizing */
#qc iframe{
	max-width: 100%;
	height: auto;
}

#qc iframe{
	aspect-ratio: 50/33;
}
.purple-button {
      background-color: #43438B;
      color: white;
      padding: 7px 30px;
      border: none;
      border-radius: 60px;
      text-align: left;
      width: 100%;
      color: white;
      text-decoration: none;
      display: block;
      font-size: 1.5rem;
}

.purple-button:hover{
      background-color: #2c2c5c;
      color: white;
}


#top_page-nav{
	background-color: #E6E6EE;
}

.nav-top_page {
	background: transparent;
	font-size: 1.5rem;
}


.grey-button {
  /* padding: 10px 15px; */
  border: 2px solid #000050;
  border-radius: 60px;
  color: #000050;
  text-decoration: none;
  padding: 5px 20px;
  line-height: 1.5;
}