/* header */
.kcm .navbar-brand {
    padding: 0;
}
.kcm .navbar .container-md {
    padding-bottom: 15px;
}
.kcm .logo-container > img {
    max-height: 150px;
}

.kcm .navbar-brand.logo-container > img {
    max-height:120px;
}

.kcm .navbar-brand.logo-container {
    height: 40px;
    z-index: 99;
    overflow: visible;
}

@media (min-width: 769px) {
    .kcm .progression {
        margin: 0;
        padding: 0 0 0 150px;
    }
}

.kcm .navbar {
    background-color: #FFFFFF !important;
    color: #333;
    border-bottom: 1px solid rgba(235, 102, 8, 0.4) !important;
}

.kcm .survey-name {
    color: #eb6608;
    font-size: 2rem;
    margin-top: 15px;
}

.kcm .progression .top-content {
    padding-top: .5rem;
}

.kcm .progress {
    border-color: #95C9E5;
    background-color: #95C9E5;
}
.kcm .progress-bar {
    background-color: #007BFF !important;
}

/* hamburger */
.kcm .navbar-default .navbar-toggle .icon-bar {
    background-color: #9b9b9b;
}

.kcm .navbar-default .navbar-toggle {
    border-color: #ddd !important;
}

.kcm .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #eb6608;
}

.kcm .navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #FFF;
}

/* navigation */
.kcm .navbar-action-link > li > a {
    color: #eb6608;
}

.kcm .navbar-action-link > li > a:hover {
    color: rgba(235, 102, 8, .6); !important;
    transition:0.3s;
}

@media (min-width: 769px) {
    .kcm .navbar a.animate:after {
        background-color: #eb6608;
    }
}

/* links */
.kcm a, .kcm a > font, .kcm a > span {
    color: #eb6608 !important;
    text-decoration: underline;
}
.kcm a:hover, .kcm a:hover > font, .kcm a:hover > span {
    color: #eb6608 !important;
    text-decoration: none;
}

/* buttons */
.kcm .btn {
    background-color: #eb6608 !important;
    border-color: #eb6608 !important;
    color: #FFFFFF !important;
    border-radius: 20px;
}

.kcm .btn:hover {
    background-color: #9b9b9b !important;
    border-color: #9b9b9b !important;
}

/* group headlines */
.kcm .group-title {
    color: #eb6608;
}

/* radio buttons */
.kcm .answer-item label::after {
    background-color: #eb6608;
}

/* checkboxes */
.kcm .checkbox-item input[type="checkbox"]:checked+label::after {
    background-color: #eb6608;
    color: #FFFFFF;
}

/* inputs (focus) */
.kcm .form-control:focus {
    border: 1px solid #eb6608;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07), 0 0 8px rgba(235, 102, 8, 0.61);
}

/* slider */
.kcm .slider-handle {
    background-color: #eb6608;
}
.kcm .slider.slider-horizontal .slider-handle.triangle {
    border-bottom-color: #eb6608;
}
.kcm .slider-selection {
    background-image: linear-gradient(to bottom, #eb6608 0%, rgba(235, 102, 8, 0.61) 100%);
}

/* all answers */
.kcm .answer-item:hover, .answer-item:focus {
    transition:0.3s;
    background-color: rgba(235, 102, 8, .1);
}

.kcm .btn-check:checked + .btn-primary,
.kcm .form-check .btn-check:checked + label.btn,
.kcm .btn-group .btn-check:checked + .btn,
.kcm .btn-group .btn-check:active + .btn {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}