.outcome-tabs-container {
  background-color: #EAF5FF;
  padding: 20px 0;
}

.outcome-tabs-container .nav-tabs {
  border-color: #FF9F19;
  padding-bottom: 1rem;
  flex-wrap: nowrap;
  padding: 12px 18px;
}

.outcome-tabs-container .nav-tabs .nav-link {
  border: none;
  background-color: transparent;
  color: rgba(16, 72, 119, 0.5);
  font-weight: 600;
  font-size: 0.875rem;
  position: relative;
  padding: 12px 20px;
  max-width: 155px;
}

.outcome-tabs-container .nav-link.active::before {
  border: solid transparent;
  content: '';
  position: absolute;
  border-width: 40px;
  border-top-color: white;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 10;
}

.outcome-tabs-container .nav-link.active {
  background-color: transparent;
  color: var(--theme-dark-blue);
  font-weight: 600;
}

.outcome-tabs-container .accordion-item, 
.outcome-tabs-container .accordion-button, 
.outcome-tabs-container .accordion-body {
  background-color: transparent;
  box-shadow: none;
}

.outcome-tabs-container .nested-accordion .accordion-item {
  border: none !important;
}

.outcome-tabs-container .nested-accordion .accordion-button {
  background-color: var(--theme-dark-blue);
  font-weight: 500;
  color: white;
  font-size: 1rem;
  padding: 10px;
  border-radius: 8px;
}

.outcome-tabs-container .nested-accordion  .accordion-body{
 padding: 1.25rem 0 0;
 font-size: 0.688rem;
}

.outcome-tabs-container .sidebar-section, .outcome-tabs-container .graph-container, .outcome-tabs-container .block-container{
  padding: 15px 18px;
  border-radius: 8px;
  border: 1px solid #C0C0C0;
}
/* .outcome-tabs-container .block-container .col{
  padding-left: 0;
  padding-right: 0;
} */
.outcome-tabs-container .sidebar-title{
  color: var(--theme-blue);
}

.outcome-tabs-container .resource-list{
  list-style: none;
  padding-left: 0;
}

.outcome-tabs-container .resource-list a{
  color: black;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
}

.outcome-tabs-container .nested-accordion .graph-container h6{
  font-size: 0.75rem;
  font-weight: 500;
  margin-bottom: 0;
}

.outcome-tabs-container .nested-accordion .graph-container p,
.outcome-tabs-container .nested-accordion .block-container p{
  font-size: 0.75rem;
  font-weight: 500;
}

.outcome-tabs-container .nested-accordion .block-container .text-section p{
  font: 0.75rem;
  font-weight: 300;
}


.outcome-tabs-container .nested-accordion canvas{
  margin-top: 1rem;
}
.outcome-tabs-container .nested-accordion .graph-container h5{
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0;
}

.outcome-tabs-container .nested-accordion hr{
  border-top-color: black;
  opacity: 1;
}

.outcome-tabs-container .nested-accordion .accordion-button::after {
  background-image: url("../images/+.svg");
  filter: brightness(0) invert(1);
}

.outcome-tabs-container .nested-accordion .accordion-button:not(.collapsed)::after {
  background-image: url("../images/-.svg");
  filter: brightness(0) invert(1);
}

.outcome-tabs-container .nested-accordion .text-section p{
  font-size: 0.688rem;
  font-style: italic;
}

.measurement-dropdown {
  background-color: white;
  border: 2px solid var(--theme-blue);
  color: var(--theme-dark-blue);
  font-weight: 600;
  font-size: 1rem;
  padding: 12px 16px;
  border-radius: 8px;
}

.measurement-dropdown:focus {
  border-color: var(--theme-dark-blue);
  box-shadow: 0 0 0 0.2rem rgba(24, 119, 202, 0.25);
}

@media (max-width: 576px) {
  .outcome-strategy-container.gradient-top-section{
    padding-inline: 0;
  }
}