/**
/*Mobile breakpoints
**/

@media screen and (max-width: 767px) {
  .index-h1, .index-h2, .body-paragraph, .btn-primary, .btn-blue-outline, btn-red-outline, .btn-secondary, .btn-report, .btn-signup, .btn-primary-outline, .btn-events, .btn-events-outline, .bullet-list, .btn-apply, .panel-body, #finding-inv-msg, #finding-startups-msg, .topline-h3, .db-toc-box {
    font-size: 1.5em;
  }

  #valuationByStage {
    display: none;
  }

  .landing-page-header {
    color: #214bb5;
    font-family: 'DM Serif Text', serif;
    font-size: 40px;
    font-weight: bold;
  }

  .landing-page-header-white {
    color: #ffffff;
    font-family: 'DM Serif Text', serif;
    font-size: 40px;
    font-weight: bold;
  }

  .landing-page-p-white {
    color: white;
    font-size: 25px;
  }

  .margin-header {
    margin: 5px !important;
  }

  .img-collapse {
    display: none;
  }

  #rotate-screen {
    display: block;
  }

  .blog {
    font-size: 20px;
  }

  .hide-mobile {
    display: none;
  }

  .narrow-col {
    width: 95%;
  }

  .index-p {
    font-size: 20px;
  }

  .small-p {
    font-size: 14px;
  }

  .test-title-p {
    font-size: 20px;
  }

  .image {
    width: 100% !important;
  }

  .wide-image {
    width: 100% !important;
  }

  #investor-report-1 {
    width: 90%;
  }

  #investor-report-2 {
    width: 90%;
  }

  #startup-report-1 {
    width: 90%;
  }

  #ipo-profiles-1 {
    width: 90%;
  }

  body {
    margin-left: 15px;
    margin-right: 15px;
  }

  .btn-primary-serif {
    margin-left: 0px;
    margin-right: 0px;
  }

  .btn-blue-outline-serif {
    margin-left: 0px;
    margin-right: 0px;
  }

  .btn-red-outline-serif {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media print {
  table {
      width: 100%;
      table-layout: fixed;
  }
  th, td {
      padding: 2px 5px;
  }
  body {
      font-size: 10px;
  }
}

/**
/*Document-wide styles
**/

body {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  align-items: center;
}

.margin-header {
  margin: 0px 150px 0px 150px;
}

.blog-serif {
  font-family: 'Merriweather', serif;
}

#body-image {
  background-image: url("Images/background_bay_bridge.jpg");
}

html {
  position:relative;
  min-height: 100%;
}

.nav-item {
  font-size: 14px;
  padding: 10px;
}

.splash-page {
  text-align: center;
  color: #eee;
  width: 100%;
  margin: auto;
  padding-top: 150px;
  padding-bottom: 150px;
  background: linear-gradient(to bottom, rgb(33, 75, 181), rgb(33, 75, 151));
  border-radius: 100%/0 0 90px 90px;
}

.splash-page h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 40px;
    color: white;
}

.splash-page h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
}

.splash-page h3 {
    font-size: 35px;
}

.body-paragraph {
  font-size: 18px;
}

.index-h1 {
  color: #214bb5;
  font-size: 39px;
  font-weight: bold;
}

.jumbotron .index-h1 {
    color: #214bb5;
    font-size: 39px;
    font-weight: bold;
}

.index-h2 {
  color: #774d95;
  font-family: 'Open Sans', sans-serif;
  font-size: 32px;
}

.index-p {
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
}

.test-title-p {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
}

.btn-primary {
  font-size: 18px !important;
  background-color: rgb(33, 75, 181) !important;
}

.btn-blue-outline {
  font-size: 18px !important;
  color: rgb(33, 75, 181) !important;
  background-color: white !important;
  border: 1px solid rgb(33, 75, 181) !important;
}

.btn-red-outline {
  font-size: 12px !important;
  color: red !important;
  background-color: white !important;
  border: 1px solid red !important;
  margin-right: 20px;
}

.btn-blue-outline-small {
  font-size: 12px !important;
  color: rgb(33, 75, 181) !important;
  background-color: white !important;
  border: 1px solid rgb(33, 75, 181) !important;
}

.btn-blue-outline:hover {
  color: white;
  background-color: rgb(119, 77, 149);
}

.btn-secondary {
  font-size: 18px;
  color: white;
  background-color: rgb(119, 77, 149);
}

.btn-secondary:hover {
  background-color: rgb(129, 97, 169);
  color: white;
}

.btn-report {
  color: #214bb5 !important;
  background-color: #fad395 !important;
  font-size: 20px;
  font-weight: bold !important;
  font-family: 'Open Sans', sans-serif;
}

.btn-report:hover {
  color: #214bb5;
  background-color: #f9b4b2;
}

.btn-gold-outline {
  color: #fad395 !important;
  background-color: rgba(0, 0, 0, 0) !important;
  font-size: 20px;
  border: 1px solid #fad395 !important;
  font-family: 'Open Sans', sans-serif;
}

.btn-gold-outline:hover {
  color: #214bb5;
  background-color: #f9b4b2;
}

.btn-lt-purple {
  color: #030303 !important;
  border: none !important;
  font-size: 18px !important;
  padding-left: 40px;
  padding-right: 40px;
  background-color: #cbc3e3 !important;
}

.btn-lt-purple:hover {
  background-color: #cbc3e3;
}

.btn-signup {
  color: #214bb5;
  background-color: #fad395;
  font-size: 34px;
  font-family: 'Open Sans', sans-serif;
}

.btn-signup:hover {
  color: #214bb5;
  background-color: #f9b4b2;
}

.btn-primary-outline {
  color: #fad395 !important;
  background-color: transparent !important;
  font-size: 25px !important;
  font-family: 'Open Sans', sans-serif !important;
  border: 1px solid #fad395 !important;
}

.btn-primary-outline:hover {
  color: #eee7e0;
  background-color: #214bb5;
  border: 1px solid #214bb5;
}

.btn-winter-program {
  color: #eee7e0;
  background-color: #214bb5;
  font-size: 25px;
  font-family: 'Lato', sans-serif;
}

.btn-winter-program:hover {
  color: #214bb5;
  background-color: #eee7e0;
  border: 1px solid #eee7e0;
}

.btn-events {
  background-color: #774d95 !important;
  color: white !important;
  border: none !important;
  font-size: 18px !important;
  padding-left: 40px;
  padding-right: 40px;
}

.btn-events-outline {
  background-color: transparent !important;
  border: 1px solid #774d95 !important;
  color: #774d95 !important;
  font-size: 18px !important;
  padding-left: 40px;
  padding-right: 40px;
}

.button-container {
  padding-top: 60px;
  text-align: center;
}

.cta-container {
  margin: auto;
  padding: 60px;
  margin: 40px;
  text-align: center;
}

.link-unstyled, .link-unstyled:link, .link-unstyled:hover {
  color: inherit;
  text-decoration: none;
}

.link-styled, .link-styled:link, .link-styled:hover {
  color: #c58500;
  text-decoration: none;
  text-align: center;
}

.link-styled:hover {
  cursor: pointer;
}

.link-styled-2, .link-styled-2:link, .link-styled-2:hover {
  color: #214bb5;
  text-decoration: none;
  text-align: center;
}

.link-styled-3, .link-styled-3:link, .link-styled-3:hover {
  color: #774d95;
  text-decoration: none;
  text-align: center;
}

.bullet-list {
  width: 90%;
  text-align: left;
  margin: auto;
  font-size: 17px;
  margin: 15px;
}

#rotate-screen {
  display: none;
}

.image {
  display: block;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

.pic-image {
  display: block;
  height: auto;
  width: auto;
  max-width: 85%;
  max-height: 80%;
  margin-left: auto;
  margin-right: auto;
}

.wide-image {
  display: block;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

.image-big {
  display: block;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

.img-container {
  max-width: 100%;
  height: auto;
}

.panel-desc {
  padding-top: 60px;
}

#organizers {
  line-height: 180px;
  height: 180px;
}

#organizers > div {
  display: inline;
}

#bcba {
  display: block;
  height: auto;
  width: 40%;
  padding-bottom: 20px;
  vertical-align: middle;
  text-align: left;
}
@media (min-width: 992px) {
  #bcba {
    display: block;
    height: auto;
    width: 80%;
    margin: auto;
    padding-bottom: 20px;
    vertical-align: middle;
    text-align: center;
  }
}

#bea {
  display: block;
  height: auto;
  width: 40%;
  padding-bottom: 20px;
  vertical-align: middle;
  text-align: left;
}
@media (min-width: 992px) {
  #bea {
    display: block;
    height: auto;
    width: 70%;
    margin: auto;
    padding-top: 10px;
    vertical-align: middle;
    text-align: center;
  }
}

#wsgr {
  display: block;
  height: auto;
  width: 55%;
  vertical-align: middle;
  margin: auto;
  text-align: center;
}
@media (min-width: 992px) {
  #wsgr {
    display: block;
    height: auto;
    width: 22%;
    margin: auto;
    vertical-align: middle;
    text-align: center;
  }
}

.project-row {
  padding-top: 200px;
  padding-bottom: 200px;
  border-bottom: 1px solid #ccc7e0;
}

.infographic-row {
  padding-top: 100px;
  padding-bottom: 100px;
  border-bottom: 1px solid #ccc7e0;
}

.footer-report {
  background-color: rgb(33, 75, 181);
  color: white;
}

.footer-report h1 {
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  color: white;
}

.footer-report h2 {
  font-family: 'Open Sans', sans-serif;
  color: white;
}

.footer-report p {
  font-family: 'Open Sans', sans-serif;
  color: white;
}

.call-out {
  background: #dedede;
  border: solid #666 1px;
  padding: 12px 25px 12px 25px;
  border-radius: 9px;
}

.highlight {
  color: white;
  font-size: 33px;
}


.box-container {
  display: flex;
  height: 27%;
  width: 100%;
}

.grey-box-half {
  background: #ddd;
  color: rgb(68, 84, 106);
  padding: 20px;
  height: 100%;
  width: 50%;
  margin: 10px;
}

.grey-box-full {
  background: #ddd;
  font-family: 'DM Serif Text', serif;
  color: black;
  padding: 20px;
  height: 100%;
  width: 900%;
  margin: 0px;
}

.blue-box-half {
  background: rgb(68, 84, 106);
  color: rgb(255, 192, 0);
  padding: 20px;
  height: 100%;
  width: 50%;
  margin: 10px;
}

.yellow-box-full {
  background: rgb(255, 192, 0);
  color: rgb(68, 84, 106);
  padding: 13px;
}

.grey-box-full {
  display: block;
  background: #ddd;
  color: rgb(68, 84, 106);
  padding: 10px;
  width: 100%;
  margin: 10px;
}

#my-pic {
  width: 20%;
}

.blog-description {
  padding-top: 80px;
  padding-bottom: 80px;
  border-bottom: 1px solid #ccc7e0;
}

/**
/*Section-specific styles
**/

.blog {
  font-size: 18px;
  line-height: 1.5em;
}

.footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #efefef;
  text-align: left;
}

/**
  WSGR application
**/

.btn-apply {
  background-color: #f9b4b2;
  color: #19398a;
  font-family: 'Lato', sans-serif;
  font-size: 24px;
  font-weight: bold;
  padding-left: 40px;
  padding-right: 40px;
}

.btn-apply:hover {
  background-color: #fad395;
  color: #214bb5;
  font-family: 'Lato', sans-serif;
  font-size: 24px;
  font-weight: bold;
  padding-left: 40px;
  padding-right: 40px;
}

.banner-header {
  background-color: #214bb5;
  color: white;
  font-family: 'Lato', sans-serif;
  font-size: 50px;
  text-align: center;
  padding: 15px;
}

.ul {
  margin-top: 25px;
}

.wsgr-section-row {
  padding-top: 50px;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  padding-bottom: 100px;
  border-bottom: 1px solid #ccc7e0;
}

.link-blue, .link-blue:link, .link-blue:hover {
  color: #214bb5;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

.apply-h2 {
  color: #774d95;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-size: 32px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.panel-container {
  background-color: #ddd;
  padding: 40px;
}

.panel-title {
  font-size: 28px;
}

.panel-body {
  font-size: 18px;
  height: 380px;
}

.panel-primary {
  border: none;
}

.panel-primary .panel-heading {
  text-align: center;
  background-color: white;
  color: rgb(33, 75, 181);
}

.panel-success {
  border: none;
}

.panel-success .panel-heading {
  text-align: center;
  background-color: rgb(33, 75, 181);
  color: white;
  border: 1px solid rgb(33, 75, 181);
}

.panel-success .panel-body {
  background-color: white;
  color: rgb(12, 28, 67);
  border: none;
  height: 380px;
}

.panel-info {
  border: 1px solid rgb(33, 75, 181);
}

.panel-info .panel-heading {
  background-color: rgb(33, 75, 181);
  color: white;
  border: 1px solid rgb(33, 75, 181);
}

.panel-warning {
  border: 1px solid rgb(33, 75, 181);
}

.panel-warning .panel-heading {
  background-color: rgb(33, 75, 181);
  color: white;
  border: 1px solid rgb(33, 75, 181);
}

.report-cta-box {
  margin: auto;
  text-align: center;
  width: 400px;
  color: white;
  margin-top: 40px;
  margin-bottom: 20px;
  padding: 27px;
  border-radius: 7px;
  background-color: rgb(33, 75, 181);
}

.program-cta-box {
  margin: auto;
  color: white;
  margin-top: 40px;
  margin-bottom: 20px;
  padding: 27px;
  border-radius: 7px;
  background-color: rgb(33, 75, 181);
}

.subheader-box {
  padding-top: 40px;
}

.benefit-row {
  padding: 20px;
  margin: 20px;
}

.testimonial-row {
  padding: 15px;
  color: #1d429f;
  text-align: left;
  margin: auto;
  margin-top: 15px;
  margin-bottom: 15px;
  background-color: transparent;
  border-radius: 7px;
}

.poll, .poll:link, .poll:hover {
  color: #c58500;
  text-decoration: none;
  cursor: pointer;
}

.thanks {
  display: none;
  padding: 8px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 4px;
  background-color: #a2dfba;
  width: 200px;
  text-align: center;
}

.quiz, .quiz:link, .quiz:hover {
  color: #c58500;
  padding-left: 5px;
  text-decoration: none;
  cursor: pointer;
}

.quiz-question {
  margin: auto;
  border: 1px solid rgb(33, 75, 181);
  padding: 15px;
}

.correct {
  display: none;
  padding: 8px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 4px;
  background-color: #a2dfba;
  text-align: center;
}

.incorrect {
  display: none;
  padding: 8px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 4px;
  background-color: #ffc0cb;
  text-align: center;
}

.scroll-container {
  height: 250px;
  width: auto;
  margin: auto;
  margin-bottom: 40px;
}

.scroll-content {
  height: 250px;
  overflow-y: scroll;
  margin: 20px;
}

.like-suggestion {
  cursor: pointer;
}

.liked-suggestion {
  color: rgb(0, 174, 255);
}

#investor-result {
  display: none;
}

#finding-inv-msg {
  padding-left: 15px;
  font-size: 18px;
}

#finding-startups-msg {
  padding-left: 15px;
  font-size: 18px;
}

/*
Typeahead stuff
*/

/* stylize text box */
#q {
    /* override typeahead.js's transparent background */
    background-color: #ffffff !important;

    /* text box's width */
    width: 100%;
}

.twitter-typeahead, .tt-input, .tt-hint {
  width: 100%;
}

.typeahead {
  margin-bottom: 12px;
}

/* stylize typeahead.js a la http://twitter.github.io/typeahead.js/css/examples.css */
.tt-menu {
    background-color: #fff;
    color: #222;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: 1px;
    max-height: 150px;
    overflow-y: auto;
    width: 100%;
}

.tt-suggestion.tt-cursor {
    background-color: #0097cf;
    color: #fff;
    cursor: pointer;
}

.tt-suggestion {
    margin: 0;
    padding: 6px 12px;
}

/*
Database infographic styles
*/

.topline-box {
  border-top: 1px solid #ccc7e0;
  border-bottom: 1px solid #ccc7e0;
  font-family: 'Open Sans', sans-serif;
}

.topline-h2 {
  font-size: 50px;
  color: rgb(33, 75, 181);
  font-weight: bold;
}

.topline-h3 {
  font-size: 18px;
  font-weight: bold;
}

.topline-data {
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
}

.vert-align-box {
  display: table;
  height: 100px;
  width: 100%;
  text-align: center;
}

.vert-align-span {
  display: table-cell;
  vertical-align: middle;
}

.db-toc-box {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  color: #333;
  border-radius: 7px;
  background-color: #d7e4f5;
  padding: 15px;
}

.excel-container {
  color: white;
  margin: auto;
  width: 80%;
  border-radius: 7px;
  padding: 20px;
  background-color: rgb(33, 75, 181);
}

.blog-signup {
  margin: 20px;
  padding: 20px;
}

.glossary {
  display: none;
}

#glossary-toggle {
  cursor: pointer;
}

.navbar {
  margin-top: 0px;
}

.navbar-brand {
  color: #214bb5;
  font-size: 1.6em !important;
  font-weight: bold;
}

.navbar-brand-gold {
  color: rgb(141, 121, 77);
  font-size: 1.6em !important;
  font-weight: bold;
}

.nav-link {
  color: #214bb5;
  font-size: 1.3em !important;
  border-bottom: 1px solid transparent;
}

.nav-link-gold {
  color: rgb(141, 121, 77);
  font-size: 1.3em !important;
  border-bottom: 1px solid transparent;
}

.nav-link:hover {
  color: #214bb5;
  border-bottom: 1px solid #214bb5;
  cursor: pointer;
}

.nav-link-gold:hover {
  color: rgb(141, 121, 77);
  border-bottom: 1px solid #214bb5;
}

.cta-row {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 70px;
  padding-bottom: 70px;
  border-top: 1px solid #ccc7e0;
  border-bottom: 1px solid #ccc7e0;
}

.cta-row-no-top-border {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 70px;
  padding-bottom: 70px;
  border-bottom: 1px solid #ccc7e0;
}

.cta-row-no-bottom-border {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 70px;
  padding-bottom: 70px;
  border-top: 1px solid #ccc7e0;
}

.cta-row-no-border {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 70px;
  padding-bottom: 70px;
}


.card-blue {
  background-color: #214bb5 !important;
  color: white;
}

#investor-report-1 {
  display: none;
  margin: auto;
  width: 60%;
}

#investor-report-2 {
  display: none;
  margin: auto;
  width: 60%;
}

#startup-report-1 {
  display: none;
  margin: auto;
  width: 60%;
}

#ipo-profiles-1 {
  display: none;
  margin: auto;
  width: 60%;
}

.landing-page-header {
  color: #214bb5;
  font-family: 'DM Serif Text', serif;
  font-size: 50px;
  font-weight: bold;
}

.landing-page-header-white {
  color: white;
  font-family: 'DM Serif Text', serif;
  font-size: 50px;
  font-weight: bold;
}

.landing-page-p-white {
  color: white;
  font-size: 25px;
}

.p-mid-gray {
  font-size: 18px;
  color: #555;
}

.test-my-title-header {
  color: #eee; /*rgb(141, 121, 77);*/
  font-family: 'DM Serif Text', serif;
  font-size: 60px;
  font-weight: bold;
}

.test-my-title-h3 {
  color: #eee; /*rgb(141, 121, 77);*/
}

.test-my-title-p {
  color: #eee; /*rgb(141, 121, 77);*/
}

.light-p {
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
  color: rgb(155, 155, 155);
}

.btn-primary-serif {
  font-family: 'DM Serif Text', serif;
  font-weight: bold;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  color: white !important;
  padding: 16px 20px 16px 20px !important;
  font-size: 20px !important;
  background-color: rgb(33, 75, 181) !important;
  border-radius: 3px !important;
}

.btn-primary-serif:hover {
  color: rgb(33, 75, 181);
  background-color: rgb(155, 155, 155);
}

.btn-gold-serif {
  font-family: 'DM Serif Text', serif;
  font-weight: bold;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  color: white !important;
  padding: 16px 20px 16px 20px !important;
  font-size: 20px !important;
  background-color: rgb(141, 121, 77) !important; /*rgb(188, 182, 151)*/
  border-radius: 3px !important;
}

.btn-gold-sans-serif {
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  color: white !important;
  padding: 16px 20px 16px 20px !important;
  font-size: 22px !important;
  background-color: rgb(141, 121, 77) !important; /*rgb(188, 182, 151)*/
  border-radius: 3px !important;
}

.btn-blue-outline-serif {
  font-family: 'DM Serif Text', serif;
  font-weight: bold;
  color: rgb(33, 75, 181) !important;
  border: 1px solid rgb(33, 75, 181) !important;
  padding: 16px 20px 16px 20px !important;
  font-size: 20px !important;
  background-color: white !important;
  border-radius: 3px !important;
}

.btn-blue-outline-serif:hover {
  color: white;
  background-color: rgb(119, 77, 149);
}

.job-title {
  font-weight: bold;
  cursor: pointer;
  color: rgb(33, 75, 181);
}

.biotech-tag {
  font-size: 12px;
  padding: 4px;
  margin: 2px;
  background-color: rgb(204, 228, 249);
  border-radius: 5px;
}

.food-tag {
  font-size: 12px;
  padding: 4px;
  margin: 2px;
  background-color: rgb(248, 204, 230);
  border-radius: 5px;
}

.startups-tag {
  font-size: 12px;
  padding: 4px;
  margin: 2px;
  background-color: rgb(253, 222, 204);
  border-radius: 5px;
}

.finance-tag {
  font-size: 12px;
  padding: 4px;
  margin: 2px;
  background-color: rgb(204, 232, 225);
  border-radius: 5px;
}

.music-tag {
  font-size: 12px;
  padding: 4px;
  margin: 2px;
  background-color: rgb(251, 238, 204);
  border-radius: 5px;
}

.programming-tag {
  font-size: 12px;
  padding: 4px;
  margin: 2px;
  background-color: rgb(249, 211, 212);
  border-radius: 5px;
}

.travel-tag {
  font-size: 12px;
  padding: 4px;
  margin: 2px;
  background-color: rgb(224, 211, 249);
  border-radius: 5px;
}

.title-row {
  font-weight: bold;
  font-size: 18px;
}

.quote-box-orange-border {
  font-size: 17px;
  margin-left: 17%;
  margin-right: 17%;
  padding-left: 14px;
  border-left: 3px solid rgb(237, 125, 49);
}

.consulting-header {
  color: #eee; /*rgb(141, 121, 77);*/
  font-family: 'Lato', serif;
  font-size: 45px;
  font-weight: bold;
}

.consulting-h3 {
  color: rgb(33, 75, 181); /*rgb(141, 121, 77);*/
}

.consulting-h4 {
  color: #eee; /*rgb(141, 121, 77);*/
  font-size: 25px;
}

.consulting-p {
  color: #5a5a5a; /*rgb(141, 121, 77);*/
  font-size: 20px;
}

.consulting-blue {
  color: rgb(21, 42, 59);
}

#consulting-jumbotron {
  /* border-top-left-radius: 10%;*/
  /*border-top-right-radius: 2%;*/
  border-bottom-left-radius: 0%;
  border-bottom-right-radius: 0px;
}

#consulting-testimonials {
  border-bottom-left-radius: 0%;
  border-bottom-right-radius: 0%;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.card-text-hidden {
  display: none;
}

/*
Biotech Startup School styles
*/

.notification-impt {
  color: white;
  border-radius: 4px;
  padding: 15px;
  background-color: rgb(33, 75, 181);
}

.notification-welcome {
  color: #333;
  border-radius: 4px;
  padding: 15px;
  background-color: #A3E7D1;
}

#hide-current-founder, #hide-future-founder {
  display: none;
}

.apply-current {
  color: rgb(33, 75, 181); /*rgb(141, 121, 77);*/
  /* border-bottom: 1px solid rgb(33, 75, 181); */
  font-weight: bold;
  font-size: 20px;
}

.apply-next {
  color: #b6c4e7; /*rgb(141, 121, 77);*/
  font-size: 20px;
}

/*
Biotech stock screener styles
*/

.screener-header-active {
  color: #214bb5;
  font-family: 'DM Serif Text', serif;
  font-size: 40px;
  font-weight: bold;
}

.screener-header-inactive {
  color: #9ab1ed;
  font-family: 'DM Serif Text', serif;
  font-size: 35px;
}

.screen-results-header {
  color: #214bb5;
  font-family: 'Montserrat', sans-serif;
  border-bottom: 1px solid #214bb5;
  font-size: 18px;
  font-weight: bold;
}

.screen-results-row {
  border-bottom: 1px solid #bbbbbb;
  padding-top: 5px;
  padding-bottom: 5px;
}

.ipo-result {
  cursor: pointer;
}

.ipo-details {
  display: none;
}

#investment-result {
  display: none;
}

#private-investments {
  display: none;
}

#comp-stock-charts {
  display: none;
}

#ma-comps {
  display: none;
}

#investors {
  display: none;
}

.comps-toggle {
  cursor: pointer;
  padding-bottom: 5px;
  color: rgb(237, 125, 49);
}

.comps-toggled {
  cursor: pointer;
  color: rgb(237, 125, 49);
  padding-bottom: 5px;
  border-bottom: rgb(237, 125, 49) solid 1px;
}

.create-acct-link {
  color: #e5e5e5;
  text-decoration: underline;
  font-weight: bold;
}

.create-acct-box {
  background-color: rgb(241,155,96);
  padding: 5px 10px 5px 10px;
  border-radius: 3px;
  margin: auto;
}

.signout {
  cursor: pointer;
}

.signout-db {
  cursor: pointer;
}

.btn-primary-orange {
  font-size: 18px !important;
  background-color: #ff7d47 !important;
}

#db-purchase-div-1 {
  display: none;
}

#database-purchase-div-1 {
  display: none;
}

#dcf-tool-sign-in {
  display: none;
}

#dcf-tool-purchase-on-page {
}

#dcf-tool-purchase-div-1 {
  display: none;
}

#dcf-tool-purchase-div-2 {
  display: none;
}

#update-dcf-tornado {
  display: none;
}

.dcf-hidden {
  display: none;
}

.dcf-vis-hidden {
  visibility: hidden;
}

.dcf-output-hidden {
  display: none;
}

.dcf-tooltip {
  cursor: pointer;
  height: 1em;
}

.dcf-tooltip-hide {
  cursor: pointer;
  height: 1em;
}

#funding-vc-comps-table {
  display: none;
}

.excel-export {
  cursor: pointer;
  color: green;
  font-size: 20px;
  font-weight: bold;
}

.funding-overview-table-hover {
  cursor: pointer;
}

.funding-overview-table-hover:hover {
  background-color: #eeeeee;
}

.funding-investors-table-hover {
  cursor: pointer;
}

.funding-investors-table-hover:hover {
  background-color: #eeeeee;
}

.header-bar-blue {
  background-color: rgb(33, 75, 181);
  display: inline;
  color: #eeeeee;
  margin-top: 0px;
  padding: 30px 20px 30px 20px;
}

.preview-notif {
  padding: 25px;
  background-color: #ffffff;
  border: 1px solid rgb(241, 155, 96);
  border-radius: 2px;
  text-align: center;
}

.btn-preview {
  background-color: rgb(241, 155, 96);
  border-radius: 5px;
  margin: auto;
  padding: 5px;
  border: 1px solid rgb(241, 155, 96);
  color: #ffffff;
}

.preview-blur {
  position: absolute;
  filter: blur(10px);
  z-index: -1;
}

.header-bar-gray {
  color: rgb(33, 75, 181);
  display: inline;
  font-weight: bold;
  background-color: #dddddd;
  margin-top: 0px;
  margin-bottom: 20px;
  padding: 30px 20px 30px 20px;
}

.header-bar-gray-item {
  padding: 5px;
  margin: auto;
  border-bottom: 1px solid #dddddd;
}

.header-bar-gray-item:hover {
  border-bottom: 1px solid rgb(33, 75, 181);
}

.paywall-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.paywall-a,
.paywall-b {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.paywall-b {
  z-index: 10;
  padding-top: 200px;
  padding-left: 200px;
  padding-right: 200px;
  display: none;
  background: radial-gradient(rgba(140, 160, 200, 1), rgba(140, 160, 200, 0.8));
}

.stage-complete {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  background: rgb(33, 75, 181);
}

div.scrollable {
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0;
  overflow: auto;
}

#fixedheight {
  table-layout: fixed;
}

#fixedheight td div {
  height: 200px;
  overflow: auto;
}

.stock-screener-tbody-hover {
  cursor: pointer;
}

.stock-screener-tbody-hover:hover {
  background-color: #eeeeee;
}

.institutional-holder-row-hover {
  cursor: pointer;
}

.institutional-holder-row-hover:hover {
  background-color: #eeeeee;
}

#stock-screen-purchase-div-1 {
  display: none;
}

#submit-biotech-model-1 {
  display: none;
}

.card-click {
  cursor: pointer;
}

.card-click:hover {
  background-color: #eee;
}

.dcf-left {
  background-color: rgb(240, 250, 255);
  border-top: solid 3px #000080;
  border-bottom: solid 3px #000080;
  overflow-y: scroll;
  height: calc(100vh - 110px);
  position: relative;
}

.dcf-input {
  background-color: rgb(240, 250, 255);
  border-top: solid 3px #000080;
  border-bottom: solid 3px #000080;
  overflow-y: scroll;
  height: calc(100vh - 110px);
  position: relative;
}

.dcf-right {
  border-top: solid 3px #000080;
  border-bottom: solid 3px #000080;
  overflow-y: scroll;
  height: calc(100vh - 110px);
}

.dcf-default-hidden {
  visibility: hidden;
}

#hide-edit-clin-cost-dcf {
  cursor: pointer;
}

.hide-edit-dcf {
  cursor: pointer;
}

.hide-edit-clin-duration-dcf {
  cursor: pointer;
}

#inputs-nav-container-dcf {
  border-top: solid 3px #000080;
  background-color: #eeeeee;
}

#prod-rd-input-btn-dcf-2 {
  display: none;
}

#toggle-left-col-dcf {
  position: sticky;
  top: 5px;
}

#toggle-right-col-dcf {
  position: sticky;
  top: 5px;
}

#access-dcf {
  display: none;
}

#access-dcf-1 {
  display: none;
}

#access-dcf-2 {
  display: none;
}

#access-dcf-3 {
  display: none;
}

#access-funding-vc-comps {
  display: none;
}

#access-funding-vc-comps-public {
  display: none;
}

#access-funding-ma-comps {
  display: none;
}

#access-investor-performance {
  display: none;
}

#access-funding-investors {
  display: none;
}

#access-private-valuations {
  display: none;
}

#valuationSpectrumLabel {
  display: none;
}

#outputs-hide-dcf {
  display: none;
}

.dcf-input-nav-col {
  color: #232323;
  font-family: 'Roboto', sans-serif;
  background-color: #efefef;
  border-top: solid 3px #000080;
  border-bottom: solid 3px #000080;
  height: calc(100vh - 110px);
  position: relative;
}

.nav-item-dcf {
  width: 100%;
  cursor: pointer;
}

.nav-item-dcf:hover {
  color: white;
  background-color: #444444;
}

#benchmark-hide-dcf {
  display: none;
}

.fixed-header-bucket {
  position: fixed;
  height: 300px;
}

.dcf-input-category-label {
  padding-bottom: 15px;
  border-bottom: 1px solid;
}

.dcf-input-category-label:hover {
  cursor: pointer;
}

.dcf-input-category {
  display: none;
}

.dcf-sens-vars-row {
  border-top: 1px rgb(33, 75, 181) solid;
  border-bottom: 1px rgb(33, 75, 181) solid;
  padding-top: 27px;
  padding-bottom: 27px;
}

.toggle-col-dcf {
  cursor: pointer;
  margin: 2px 2px 2px 2px;
}

.dcf-tool-paywall {
  display: none;
}

.input-small {
  min-width: 4em;
}

.sticky-footer {
  background-color: #fad395;
  padding: 10px;
  text-align: center;
  position: fixed;
  bottom: 0;
  width: 100%;
}

.toc {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.toc-item {
  display: inline;
  margin-right: 10px;
}

.toc-item a {
  text-decoration: none;
  color: black;
}

.toc-item a:hover {
  text-decoration: underline;
}

.bg-green {
  background-color: #28a745 !important; /* Bootstrap's green color */
  color: white; /* Text color */
}

.bg-red {
  background-color: #dc3545 !important; /* Bootstrap's red color */
  color: white; /* Text color */
}

.plotly .hoverlayer .hovertext {
  cursor: pointer !important;
}

/* Style the switch */
.switch {
  position: relative;
  display: inline-block;
  width: 100px;  /* Increased width to accommodate text */
  height: 34px;
  line-height: 34px;
  text-align: center;
}

/* Style the switch slider (default/off) */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:checked + .slider:before {
  transform: translateX(70px);  /* Adjusted translation to accommodate text */
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* Add style for the text */
.slider .on {
  display: none;
}

.slider .off {
  display: block;
}

input:checked + .slider .on {
  display: block;
}

input:checked + .slider .off {
  display: none;
}

.no-sci-background {
  display: none;
}

.kaelin-section {
  display: none;
}

.editable-blog {
  border: 1px solid #ccc;
  padding: 10px;
  background-color: #f9f9f9;
}

.editable-blog.ai-magic-active {
  cursor: copy;
}

.ai-magic-text-options {
  position: absolute;
  background-color: white;
  border: 1px solid #ddd;
}

.ai-magic-text-hover {
  cursor: pointer;
}

.ai-magic-response {
  position: absolute;
  z-index: 1000;
}

.fixed-top-container {
  position: fixed;
  top: 20px;
  left: 0;
  right: 0;
  z-index: 1000;
}

.edit-blog-btn, .ai-magic-btn {
  position: static;
}

.edit-blog-btn {
  right: 110px;     /* Distance from the right of the viewport */
}

.ai-magic-btn {
  right: 10px;      /* Distance from the right of the viewport */
}

/*
Obesity chart styling
*/

.obesity-chart-container {
  width: 100% !important;
  height: auto !important;
}

@media (max-width: 768px) {
  .obesity-chart-container {
    width: 100% !important;
  }
  .obesity-row {
    display: flex;
    flex-direction: column;
  }
  .col-md-6, .col-lg-6 {
    width: 100%;
  }
}

.chart-popup {
  display: none;
  position: absolute;
  border: 1px solid #333;
  border-radius: 7px;
  background: #fff;
  padding: 10px;
  z-index: 1000;
}

.close-popup {
  position: absolute;
  top: 5px;
  right: 10px;
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
}

#obesity-rev-commentary h3, #quarterly-rev-commentary h3 {
  font-size: 18px;
}

#obesity-rev-commentary p, #quarterly-rev-commentary p {
  font-size: 15px;
}

#obesity-rev-commentary ul, #quarterly-rev-commentary ul {
  font-size: 15px;
}

#obesity-rev-ai-chat-column li, #quarterly-rev-ai-chat-column li {
  font-size: 15px;
}

#obesity-rev-ai-chat-column tr, #quarterly-rev-ai-chat-column tr {
  font-size: 15px;
}

#obesity-rev-ai-chat-column td, #quarterly-rev-ai-chat-column td {
  font-size: 15px;
}


#obesity-ai-chat-column, #obesity-chart-column, #quarterly-rev-chart-column, #quarterly-rev-ai-chat-column {
  height: 100vh; /* Set the height to 100% of the viewport height */
  overflow-y: auto; /* Enable vertical scrolling */
  overflow-x: hidden; /* Prevent horizontal scrolling */
}

#obesity-ai-chart-container, #quarterly-rev-chart-container {
  display: flex; /* Display the container as a flex container */
}

/* Optional: Style adjustments for better alignment and appearance */
#obesity-chart-row, #quarterly-rev-chart-row {
  margin: 0; /* Remove any default margins */
  padding: 0; /* Remove any default padding */
  height: 100vh; /* Full height of the viewport */
}

/* Ensure cards inside the left column do not resize */
#obesity-ai-chat-column .card, #quarterly-rev-ai-chat-column .card {
  width: 100%; /* Set the card width to 100% of its container */
  max-width: 100%; /* Prevent the card from exceeding its container width */
}

/* Optional: Prevent the card-body from expanding */
#obesity-ai-chat-column .card-body, #quarterly-rev-ai-chat-column .card-body {
  width: 100%; /* Set the card-body width to 100% */
  max-width: 100%; /* Prevent it from exceeding its container */
}


/* EARNINGS TRANSCRIPT ANNOTATION */

.transcript-viewer-layout {
  display: flex;
  gap: 2rem;
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem;
}
.transcript-topics-panel {
  width: 250px;
  flex-shrink: 0;
  position: sticky;
  top: 2rem;
  max-height: calc(100vh - 4rem);
  overflow-y: auto;
}
.transcript-drug-section {
  margin-bottom: 1.5rem;
}
.transcript-drug-header {
  font-weight: bold;
  margin-bottom: 0.5rem;
  padding: 4px 12px;
  background: #f5f5f5;
  border-radius: 4px;
}
.transcript-topic-item {
  padding: 8px 12px;
  margin-bottom: 8px;
  border-radius: 4px;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.2s;
  border-bottom-width: 2px;
  border-bottom-style: solid;
}
.transcript-topic-item.active {
  outline: 2px solid #000;
  opacity: 1;
}
.sidebar-instructions {
  padding: 12px;
  margin-bottom: 1rem;
  background: #f8f9fa;
  border-radius: 4px;
  font-size: 0.9rem;
  color: #666;
}
.transcript-content {
  flex-grow: 1;
  min-width: 0;
  text-align: left;
  line-height: 1.5;
}
.transcript-content > * {
  display: inline;
  white-space: pre-wrap;
}
.transcript-content.filtered > * {
  display: none;
}
.transcript-content.filtered > .earnings-transcript-annotation.active {
  display: block;
  margin-bottom: 1em;
  }
/* When filtered or inactive */
.transcript-content.filtered > .earnings-transcript-annotation:not(.active) {
  opacity: 0.7; /* Increased from previous value */
  color: rgba(0, 0, 0, 0.7); /* Ensure text remains readable */
}
.earnings-transcript-annotation {
  opacity: 0.9; /* Increased from 0.5 for better readability */
  transition: opacity 0.2s, background-color 0.2s;
  border-bottom-width: 2px;
  border-bottom-style: solid;
}
/* Multi-topic styling */
.earnings-transcript-annotation.multi-topic-2 {
  background-image: linear-gradient(45deg, var(--color1) 0%, var(--color1) 50%, var(--color2) 50%, var(--color2) 100%);
  background-size: 10px 10px;
}

.earnings-transcript-annotation.multi-topic-3 {
  background-image: linear-gradient(45deg,
      var(--color1) 0%, var(--color1) 33%,
      var(--color2) 33%, var(--color2) 66%,
      var(--color3) 66%, var(--color3) 100%);
  background-size: 15px 15px;
}
.earnings-transcript-annotation.active {
  opacity: 1;
  color: rgba(0, 0, 0, 0.9);
}
.transcript-toggle-all {
  width: 100%;
  margin-bottom: 1rem;
  padding: 8px 16px;
  background: #f0f0f0;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
}
.transcript-info {
  padding: 2rem;
  margin: 1rem 0;
}

.paragraph-break {
  display: block !important;
  margin: 1.5em 0;
}

.topic-button {
  margin: 5px;
  padding: 8px 16px;
  cursor: pointer;
  background-color: #f0f0f0;
  border: 1px solid #ddd;
  border-radius: 4px;
}
        
.topic-button.active {
  background-color: #007bff;
  color: white;
}
        
#annotation-content {
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
        
.annotation {
  margin-bottom: 15px;
  padding: 10px;
  background-color: #f8f9fa;
  border-left: 3px solid #007bff;
}
        
#topic-buttons {
  margin-bottom: 20px;
}

.summary-section {
  margin: 20px 0;
  padding: 15px;
  background-color: #f8f9fa;
  border-radius: 5px;
  border-left: 4px solid #0056b3;
}

.summary-section h3 {
  color: #0056b3;
  margin-bottom: 10px;
}

.summary-content {
  font-size: 14px;
  line-height: 1.6;
  color: #333;
}

#summary-content {
  margin-bottom: 20px;
}

.truncate-approved-drugs {
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.date-cell-approved-drugs {
  white-space: nowrap;
  font-size: 0.875rem;
}
.full-text-modal-approved-drugs .modal-body-approved-drugs {
  max-height: 400px;
  overflow-y: auto;
}
.modal-title {
  font-size: 1rem;
}
.modal-body {
  font-size: 0.875rem;
  max-height: 400px;
  overflow-y: auto;
}
.btn-sm-modal {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
}

:root {
  --primary-color: #2563eb;
  --primary-light: #dbeafe;
  --secondary-color: #475569;
  --accent-color: #0f172a;
  --background-light: #f8fafc;
  --success-color: #16a34a;
  --border-color: #e2e8f0;
}

body {
  background-color: #f8fafc;
}

.container-approved-drugs {
  max-width: 2000px;
  margin: 2rem auto;
  padding: 0 1rem;
}

.search-section-container {
  max-width: 1400px;
  margin: 0 auto;
}

.search-section {
  background-color: white;
  border-radius: 16px;
  padding: 2rem;
  margin-bottom: 3rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  border: 1px solid var(--border-color);
}

.content-wrapper {
  display: none;
  gap: 2rem;
  justify-content: center;
  flex-wrap: wrap;
}

.chart-section-approved-drugs {
  background: white;
  border-radius: 16px;
  padding: 2rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  border: 1px solid var(--border-color);
  flex: 2; /* Changed from 1 */
  min-width: 300px;
}

.table-section-approved-drugs {
  background: white;
  border-radius: 16px;
  padding: 2rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  border: 1px solid var(--border-color);
  flex: 3; /* Changed from 1 */
  min-width: 300px;
}

.table-responsive {
  overflow-x: auto;
}

.table-approved-drugs {
  width: 100%;
  font-size: 0.875rem;
}

.table-approved-drugs th {
  background: var(--background-light);
  font-weight: 600;
  border-bottom: 2px solid var(--border-color);
  padding: 0.75rem;
  color: var(--accent-color);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.table-approved-drugs td {
  padding: 0.75rem;
  vertical-align: middle;
  border-bottom: 1px solid var(--border-color);
}

.table-approved-drugs tbody tr:hover {
  background-color: var(--primary-light);
}

.index-h1-approved-drugs {
  font-size: 2.5rem;
  font-weight: 800;
  color: var(--accent-color);
  letter-spacing: -0.02em;
  text-align: center;
}

.section-heading-approved-drugs {
  color: var(--accent-color);
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}

#drug-search-input {
  height: 56px;
  font-size: 16px;
  border: 2px solid var(--border-color);
  border-radius: 12px;
  padding: 0 16px;
  transition: all 0.2s ease-in-out;
}

#drug-search-input:focus {
  border-color: var(--primary-color);
  outline: none;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1);
}

#drug-search-send {
  height: 56px;
  border-radius: 12px;
  background-color: var(--primary-color);
  border: none;
  font-weight: 600;
  transition: all 0.2s ease-in-out;
}

#drug-search-send:hover {
  background-color: #1d4ed8;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15);
}

.chart-description {
  color: var(--secondary-color);
  font-size: 0.95rem;
  margin-bottom: 1.5rem;
}

.revenue-cell {
  font-weight: 600;
  color: var(--success-color);
}

@media (max-width: 768px) {
  .content-wrapper {
    flex-direction: column;
  }
  
  .chart-section-approved-drugs,
  .table-section-approved-drugs {
    width: 100%;
  }
  
  .container-approved-drugs {
    padding: 1rem;
  }
  
  .search-section {
    padding: 1.5rem;
    margin-bottom: 2rem;
  }
  
  .index-h1-approved-drugs {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
  
  #drug-search-send {
    margin-top: 1rem;
  }
}