.preview_notice {
  display: none;
}


.navbar.primary-accent-bg,
.navbar.navbar-default.primary-accent-bg,
.primary-accent-bg {
  background-color: #003a78;
}

.primary-accent-text {
  color: #003a78;
}

.secondary-accent-bg {
  background-color: #835dd0;
}

.secondary-accent-text {
  color: #835dd0;
}

.navigation-current-bg {
  background-color: #28d2d1;
}

.navigation-current-text {
  color: #28d2d1;
}

.navigation-hover-bg {
  background-color: #a0fafa;
}

.navigation-hover-text {
  color: #a0fafa;
}

.no-vote-color-bg {
  background-color: #525252;
}

.no-vote-color-text {
  color: #525252;
}


a.ethelo-likert-button.btn.btn-raised.yes-color-bg,
a.ethelo-likert-button.btn.btn-raised.yes-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.yes-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.yes-color-bg:focus,
.yes-color-bg {
  background-color: #113353;
}

.yes-color-text {
  color: #113353;
}


a.ethelo-likert-button.btn.btn-raised.no-color-bg,
a.ethelo-likert-button.btn.btn-raised.no-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.no-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.no-color-bg:focus,
.no-color-bg {
  background-color: #85a7ca;
}

.no-color-text {
  color: #85a7ca;
}


a.ethelo-likert-button.btn.btn-raised.bin1-color-bg,
a.ethelo-likert-button.btn.btn-raised.bin1-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.bin1-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.bin1-color-bg:focus,
.bin1-color-bg {
  background-color: #85a7ca;
}

.bin1-color-text {
  color: #85a7ca;
}

a.ethelo-likert-button.btn.btn-raised.bin2-color-bg,
a.ethelo-likert-button.btn.btn-raised.bin2-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.bin2-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.bin2-color-bg:focus,
.bin2-color-bg {
  background-color: #7699bb;
}

.bin2-color-text {
  color: #7699bb;
}

a.ethelo-likert-button.btn.btn-raised.bin3-color-bg,
a.ethelo-likert-button.btn.btn-raised.bin3-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.bin3-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.bin3-color-bg:focus,
.bin3-color-bg {
  background-color: #688aac;
}

.bin3-color-text {
  color: #688aac;
}

a.ethelo-likert-button.btn.btn-raised.bin4-color-bg,
a.ethelo-likert-button.btn.btn-raised.bin4-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.bin4-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.bin4-color-bg:focus,
.bin4-color-bg {
  background-color: #597c9d;
}

.bin4-color-text {
  color: #597c9d;
}

a.ethelo-likert-button.btn.btn-raised.bin5-color-bg,
a.ethelo-likert-button.btn.btn-raised.bin5-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.bin5-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.bin5-color-bg:focus,
.bin5-color-bg {
  background-color: #4b6d8f;
}

.bin5-color-text {
  color: #4b6d8f;
}

a.ethelo-likert-button.btn.btn-raised.bin6-color-bg,
a.ethelo-likert-button.btn.btn-raised.bin6-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.bin6-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.bin6-color-bg:focus,
.bin6-color-bg {
  background-color: #3d5e80;
}

.bin6-color-text {
  color: #3d5e80;
}

a.ethelo-likert-button.btn.btn-raised.bin7-color-bg,
a.ethelo-likert-button.btn.btn-raised.bin7-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.bin7-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.bin7-color-bg:focus,
.bin7-color-bg {
  background-color: #2e5071;
}

.bin7-color-text {
  color: #2e5071;
}

a.ethelo-likert-button.btn.btn-raised.bin8-color-bg,
a.ethelo-likert-button.btn.btn-raised.bin8-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.bin8-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.bin8-color-bg:focus,
.bin8-color-bg {
  background-color: #204162;
}

.bin8-color-text {
  color: #204162;
}

a.ethelo-likert-button.btn.btn-raised.bin9-color-bg,
a.ethelo-likert-button.btn.btn-raised.bin9-color-bg:hover,
a.ethelo-likert-button.btn.btn-raised.bin9-color-bg:active,
a.ethelo-likert-button.btn.btn-raised.bin9-color-bg:focus,
.bin9-color-bg {
  background-color: #113353;
}

.bin9-color-text {
  color: #113353;
}

body, body h1, body h2, body h3, body h4, body h5, body h6, body .h1, body .h2, body .h3, body .h4 {
  font-family: Open Sans, sans-serif
}

.side-drawer-header {
  background-color: #003a78;
}

h1.main {
  color: #003a78;
}

.navbar-user-dropdown {
  background-color: #003a78
}

.nav-item.active {
  background-color: #28d2d1;
}

#index-parent:hover,
.nav-item-container:not(.active) .nav-item:not(.disabled):hover,
.nav-item-container:not(.active) .nav-item:not(.disabled):hover,
.nav-item-container:not(.active) .nav-item:not(.disabled):hover {
  background-color: #a0fafa;
}

.nav-item.disabled .disabled {
  color: #A0A0A0;
}

.nav-item-container .nav-item-container:not(.active):hover {
  background-color: #a0fafa;
}

.btn.btn-raised.btn-default.btn-post,
.btn.btn-raised.btn-default.btn-post:hover,
.btn.btn-raised.btn-default.btn-post:focus,
.btn.btn-raised.btn-default.btn-post:active,
.btn.btn-raised.btn-default.navigation-button,
.btn.btn-raised.btn-default.navigation-button:hover,
.btn.btn-raised.btn-default.navigation-button:focus,
.btn.btn-raised.btn-default.navigation-button:active {
  background-color: #003a78;
  color: white;
}

.option-detail-container {
  background-color: #003a78;
}

.moderate .filters .active {
  background-color: #003a78;
  color: white;
}

.moderate .filters {
  color: #003a78;
  background-color: white;
}

.right-sidebar__top a.btn-next { display: none }

/** hide personal results likert */
.pr-option-likert { display: none; }

/* swaps surplus and deficit colors */
#balance-bar.surplus-slider .surplus,
#balance-bar.surplus-slider .deficit {
   background-color: #C26061; 
}

#balance-bar.surplus-slider .top .tooltip-arrow {
   border-top-color: #A03436; 
}
#balance-bar.surplus-slider .balanced {
  background-color: #CD7C78;
}
#balance-bar.surplus-slider .slider .slider-handle:not(.primary-accent-bg) {
  background-color: #A03436; 
  border-color: #A03436; 
}
#balance-bar.surplus-slider .tooltip-inner {
 background-color: #A03436;  
}

#balance-bar.deficit-slider .deficit,
#balance-bar.deficit-slider .surplus {
  background-color: #5F6EB2; 
}
#balance-bar.deficit-slider .top .tooltip-arrow {
  border-top-color: #444499;
}
#balance-bar.deficit-slider .balanced {
   background-color: #7883BE; 
}
#balance-bar.deficit-slider .slider .slider-handle:not(.primary-accent-bg) {
  background-color: #444499;
  border-color: #444499;
}
#balance-bar.deficit-slider .tooltip-inner {
  background-color: #444499;
}

.bluebutton {
  background-color: #032444; /* blue*/
  border: none;
  color: white;
  padding: 10px 60px;
  box-shadow: 4 8px
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  }

/* show all radio buttons on 2 columns */
.radio-primary { display: inline-grid; width: 45%; } 

/** display checkboxes in two columns **/
.checkbox -primary { display: inline-grid; width: 45%; } 

/** hide auto balance button and popup */
#balance-button { display: none; }
#balance-link {display: none;}

.bluebutton {
  background-color: #032444; /* blue*/
  border: none;
  color: white;
  padding: 10px 60px;
  box-shadow: 4 8px
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  }
.button {
  background-color: #003366; /* Blue*/
  border: none;
  color: white;
  padding: 5px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

/* ===== Budget Results page only ===== */

/* 1) Hide the right-side mini pie + “% Weight” in each option row */
.page-results-group .card.result-card .detail-toggle .labels,
.results-summary-page .card.result-card .detail-toggle .labels {
  display: none !important;
}

/* (extra safety: if the mini pie is an inline SVG inside the header) */
.page-results-group .card.result-card .detail-toggle svg,
.results-summary-page .card.result-card .detail-toggle svg {
  display: none !important;
}

/* Hide the right-aligned “% Approval” ONLY in the Option Topic rows */
.page-results-group .card.result-card .panel-heading .panel-heading-right,
.results-summary-page .card.result-card .panel-heading .panel-heading-right {
  display: none !important;
}

/* Phones/tablets: hide the slider sentence */
@media (max-width: 767px) {
  .mobile-hide-only { display: none !important; }
}

/* Keep the header the same size; just let the logo fill it */
.navbar .navbar-brand {
  /* keep the bar height as-is, just use tighter padding */
  padding-top: 4px;
  padding-bottom: 4px;
}

/* Grow the logo to the brand area (works for all screen sizes) */
.navbar .navbar-brand img.custom-logo,
.navbar .navbar-brand img.custom-logo.visible-xs-inline,
.navbar .navbar-brand img.custom-logo.visible-sm-inline,
.navbar .navbar-brand img.custom-logo.visible-md-inline,
.navbar .navbar-brand img.custom-logo.visible-lg-inline {
  height: 100% !important;   /* fill the brand area vertically */
  max-height: 100% !important;
  width: auto !important;     /* keep aspect ratio */
  display: block;             /* removes baseline gap */
}