:root {
  --orange: #ee6907;
  --blue: #0679ac;
  --grey: #535353;
  --turquois: #03ab9f;
  --light-gray: #d9d9d9;
  --circle-outer-orange: #f99c38;
  --circle-outer-purple: #8a3e97;
  --circle-outer-green: #99ca48;
  --circle-outer-red: #ec4343;
  --circle-outer-yellow: #f7d609;
  --circle-inner-blue1: #233065;
  --circle-inner-blue2: #26457b;
  --circle-inner-blue3: #1968b3;
  --circle-inner-blue4: #6f93c8;
}

body {
  font-family: "PT Sans", sans-serif;
}

.emptyNotes{
  display: none;
}

.hero-banner h1,
.hero-banner p {
  color: white;
}

.chart_wrapper {
  position: relative;
  margin: auto;
  height: auto;
  width: 50vw;
}
ol {
  list-style-type: lower-alpha;
}
.about img {
  height: 50vh;
}

.logo {
  height: 2rem;
}
.hero-banner {
  background-image: url("/assets/img/wave.svg");
  background-size: 100%;
  background-position: left;
  background-repeat: repeat-y;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10rem 0 5rem;
}

#outerOne button,
#outerTwo button,
#outerThree button,
#outerFour button,
#outerFive button,
#innerOne button,
#innerTwo button,
#innerThree button,
#innerFour button,
.content-title,
.card .btn-link {
  color: white;
}

.content1,
#outerOne button {
  background-color: var(--circle-outer-purple);
}
.content2,
#outerTwo button {
  background-color: var(--circle-outer-green);
}
.content3,
#outerThree button {
  background-color: var(--circle-outer-red);
}
.content4,
#outerFour button {
  background-color: var(--circle-outer-yellow);
}
.content5,
#outerFive button {
  background-color: var(--circle-outer-orange);
}

#innerOne button {
  background-color: var(--circle-inner-blue1);
}
#innerTwo button {
  background-color: var(--circle-inner-blue2);
}
#innerThree button {
  background-color: var(--circle-inner-blue3);
}
#innerFour button {
  background-color: var(--circle-inner-blue4);
}

.accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.content-title button {
  color: white;
}

.notes p,
.notes span {
  line-height: 2;
  margin-bottom: 2rem;
}
.description {
  border-right: 1px solid var(--light-gray);
}

.cookie-consent {
  position: fixed;
  display: block;
  bottom: 0px;
  width: 100%;
  height: 45px;
  color: #fff;
  background: var(--grey);
  z-index: 120;
}
.hide {
  display: none !important;
}
@media (max-width: 575.98px) {
  .chart_wrapper {
    width: 95vw;
  }
  .hero-banner {
    border-radius: 5px;
    padding: 5rem;
  }
  .hero-banner h1,
  .hero-banner p {
    color: #333;
  }
}
@media (max-width: 991.98px) {
  .chart_wrapper {
    height: auto;
    width: 95vw;
  }
  .hero-banner {
    border-radius: 5px;
    background-image: none;
    text-align: center;
    padding: 5rem;
  }
  .hero-banner h1,
  .hero-banner p {
    color: #333;
  }
}
@media (min-width: 992px) {
  .hero-banner {
    height: calc(100vh - 110px);
  }
  .logo {
    height: 3rem;
  }
  .chart_wrapper {
    width: 40vw;
  }
  .about img {
    max-height: 400px;
  }
}

.active-edit i {
  color: green
}

.textarea-format {
  white-space: pre-wrap;
}

.printicon{
  text-align: right;
  margin-top: 5px;
}

.printicon a{
  font-size: 12px;
  text-decoration: none;
  color: #999;
}


@media print {
  .leftNavigationBtn, .rightNavigationBtn, .footerActions{
    display: none !important;
  }

  .centerNavigationBtn{
    width: 100%;
  }

  .addNoteForm, .nav, .hederUserNavigation, .printicon{
    display: none !important;
  }


  .accordion-collapse{
    display: block !important;
  }
  .accordion-button::after{
    background-image: none !important;
  }

  .emptyNotes{
    display: block;
    color: #999;
  }

  .accordion-item{
    border: none !important;
    page-break-after: always !important;
  }

  .accordion-body{
    border: none !important;
  }
}