html {
    position: relative;
    min-height: 100%;
}
body {
    margin-bottom: 80px;
}
.navbar-default {
    background: white;
    border-style: hidden;
}
.nav-heading {
    margin: 30px 0 20px;
}
.container > .navbar-header {
    margin-left: 0;
}
#nav-collapse {
    margin-top: 30px;
}
@media (max-width: 768px) {
    #nav-collapse {
        margin-top: 0;
    }
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    padding-top: 20px;
}
.text-muted {
    color: #999;
}
/* bootstrap tooltip fix: when hidden (with opacity 0), stay in background */
.tooltip {
    z-index: auto;
}
.tooltip.in {
    z-index: 1070;
}
.intro {
    font-size: 16px;
}
.hints {
    padding: 15px 35px;
    opacity: 0.8;
}

#quiz-section {
    margin-bottom: 20px;
}
    #quiz-section a[role=tab] {
        border: 1px solid #337ab7;
    }

.questions, .results {
    margin-top: 30px;
}
    .question {
        margin: 30px 0;
    }
        .question .slider-selection {
            background: #dddddd;
        }
        .question .slider.slider-horizontal {
            width: 100%;
        }
#questions-limit-slider.slider-horizontal {
    width: 140px;
}
#questions-limit-slider .slider-selection {
    background: #d3ecfa;
}
#questions-limit-slider .slider-handle {
    background: linear-gradient(to bottom, #85cdef 0%, #6cb6d9 100%)
}
#quiz-short .question:not(.answered) .slider-handle {
    background-color: #6e6e6e;
    background-image: -webkit-linear-gradient(top, #808080 0%, #555555 100%);
    background-image: -o-linear-gradient(top, #808080 0%, #555555 100%);
    background-image: linear-gradient(to bottom, #808080 0%, #555555 100%);
}

.results-pane.affix {
    top: 10px;
}
.results-pane.affix-bottom {
    position: absolute;
}
@media (max-width: 992px) {
    .affix {
        position: static;
        width: auto;
        top: 0;
     }
}

.results {}
    .party-match {
        margin: 10px 0;
    }
        .party-name {}
        .party-score-link {}
        .party-score {}

#n_samples {
    font-weight: bold;
}

#quiz-short .results .party-score-link {
    color: inherit;
    text-decoration: none;
    cursor: default;
}

#similarity-graph {
    padding-top: 1em;
    width: 100%;
    height: 600px;
    background: #f9f9f9;
}

#similarity-toggles {
    margin-bottom: 1em;
}