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

.secondary-accent-text {
  color: #93b6d9;
}

.navigation-current-bg {
  background-color: #0085ca;
}

.navigation-current-text {
  color: #0085ca;
}

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

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

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

h1.main {
  color: #f8f8f8;
}

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

.nav-item.active {
  background-color: #0085ca;
}

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

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

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

.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 personal results likert */
.pr-option-likert { display: none; }

/* submit button color */
.btn-question.btn-primary.btn-raised {
  background-color: #032444; /* blue*/
}


.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;
}

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

.navbar-user-dropdown {
    background-color: #003B5C;
}
#user-dropdown span {
color: #f8f8f8 !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: #0085CA;

}
.range-slider .slider .slider-handle, .weighting-slider .slider .slider-handle {
    width: 22px;
    height: 22px;
    background-image: none;
    box-shadow: none;
    border: 3px solid #0085ca;
    margin-left: -11px;
    background-color: #0085ca;
}
.navbar.primary-accent-bg, .navbar.navbar-default.primary-accent-bg, .primary-accent-bg {
    background-color: #003B5C;
}
/* 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: #003B5C;
}

.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: #003B5C;
    color: #ffffff;
}

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

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