.preview_notice {
  display: none;
}


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

.primary-accent-text {
  color: #f8f8f8;
}

.secondary-accent-bg {
  background-color: #76bc43;
}

.secondary-accent-text {
  color: #76bc43;
}

.navigation-current-bg {
  background-color: #76bc43;
}

.navigation-current-text {
  color: #76bc43;
}

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

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

.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: #ebf2e6;
}

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


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: #83c255;
}

.no-color-text {
  color: #83c255;
}


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: #ebf2e6;
}

.bin1-color-text {
  color: #ebf2e6;
}

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: #90c867;
}

.bin2-color-text {
  color: #90c867;
}

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: #d1e6c2;
}

.bin3-color-text {
  color: #d1e6c2;
}

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: #aad48b;
}

.bin4-color-text {
  color: #aad48b;
}

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: #b7da9e;
}

.bin5-color-text {
  color: #b7da9e;
}

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: #c4e0b0;
}

.bin6-color-text {
  color: #c4e0b0;
}

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: #9dce79;
}

.bin7-color-text {
  color: #9dce79;
}

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: #deecd4;
}

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

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: #83c255;
}

.bin9-color-text {
  color: #83c255;
}

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: #f8f8f8;
}

h1.main {
  color: #f8f8f8;
}

.navbar-user-dropdown {
  background-color: #f8f8f8
}

.nav-item.active {
  background-color: #76bc43;
}

#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: #e7f8ec;
}

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

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

.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: #f8f8f8;
  color: white;
}

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

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

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

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

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

.new-comment .form-comment-container-outer .row-picture {
    padding-right: 6px;
    display: none;
}
.video-responsive{
    overflow:hidden;
    padding-bottom:100%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
/* WHOLE PAGE */

body {
background-color: #f8f8f8;
}

/* TOP BAR */

.decision-title {
color: #76bc43 !important;
}

#user-dropdown span {
color: #76bc43 !important;
}
/* ROUNDED CORNERS */
panel-heading {
border-radius: 9px;
}
.panel-body {
border-radius: 9px;
}

.bootstrap-collapse {
border-radius: 9px;
}

.collapse {
border-radius: 9px;
}

/* PROGRESS BAR */
.progress-bar-voting {
    background-color: #f8f8f8;
}

.progress-bar-voting .progress-bar-voting__circle {
    border: 3px solid #949494;
    color: #949494;
}
.progress-bar-voting .progress-bar-voting__fill {
    background-color: #76bc43;

}
/* EXPANSION TOGGLES */
.h4, h4 {
    font-size: 20px;
    font-weight: bold;
    color: white;
    
}
a.expansion-toggle {
  padding: 5px !important;
  border-radius: 9px;
}

.bootstrap-collapse .bootstrap-collapse-heading .expansion-toggle {
    color: black;
    background-color: #76bc43;
}

.center-col .expand-less, .center-col .expand-more {
 color: white;
}

/* hide page header */
#page-header {
    display: none;
}
/* NEXT BUTTON */

.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: #76bc43;
    color: #ffffff;
}

.fixed-left-group__btm .ethelo-dropdown{
color: white !important;
}

.fixed-right-group__btm .ethelo-dropdown{
color: white !important;
}

/* Sliders */
.popover, .tooltip-inner {
    color: #ffffff;
    line-height: 1em;
    background: rgb(118 188 67);
    border: none;
    border-radius: 2px;
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 12%), 0 1px 6px 0 rgb(0 0 0 / 12%);
}
.option-description-group {
    padding-top: 10px;
    background-color: #e7f8ec;
}
.slider .slider-handle {
    background: #76bc43;
}