body {
    background: url("../img/bg_demo_voscale.png") repeat -50px 0;
}
.step-number {
    color: #28aa91;
}
.btn-default, .btn-default:focus,
.btn-group .dropdown-menu .btn-default,
.dropdown-menu .btn-default {
    background-color: #28aa91;
}
.btn-default:hover, .btn-default:active,
.btn-default:active:hover,
.btn-default:hover:focus, .btn-default:active:focus,
.btn-default.selected,
.btn-default.selected:focus, .btn-default.selected:active,
.btn-default.selected:hover:focus, .btn-default.selected:active:focus,
.dropdown-menu .btn-default:hover, .dropdown-menu .btn-default:active,
.dropdown-menu .btn-default:hover:focus, .dropdown-menu .btn-default:active:focus,
.dropdown-menu .btn-default.selected,
.dropdown-menu .btn-default.selected:focus,
.dropdown-menu .btn-default.selected:active,
.dropdown-menu .btn-default.selected:hover:focus,
.dropdown-menu .btn-default.selected:active:focus,
.btn-group .dropdown-menu .btn-default:hover, .btn-group .dropdown-menu .btn-default:active,
.btn-group .dropdown-menu .btn-default:hover:focus, .btn-group .dropdown-menu .btn-default:active:focus,
.btn-group .dropdown-menu .btn-default.selected,
.btn-group .dropdown-menu .btn-default.selected:focus,
.btn-group .dropdown-menu .btn-default.selected:active,
.btn-group .dropdown-menu .btn-default.selected:hover:focus,
.btn-group .dropdown-menu .btn-default.selected:active:focus {
    color: #28aa91;
}
.btn-group .dropdown-menu .btn-default:hover, .btn-group .dropdown-menu .btn-default:active,
.btn-group .dropdown-menu .btn-default:hover:focus, .btn-group .dropdown-menu .btn-default:active:focus,
.btn-group .dropdown-menu .btn-default.selected,
.btn-group .dropdown-menu .btn-default.selected:focus,
.btn-group .dropdown-menu .btn-default.selected:active,
.btn-group .dropdown-menu .btn-default.selected:hover:focus,
.btn-group .dropdown-menu .btn-default.selected:active:focus,
.dropdown-menu .btn-default:hover, .dropdown-menu .btn-default:active,
.dropdown-menu .btn-default:hover:focus, .dropdown-menu .btn-default:active:focus,
.dropdown-menu .btn-default.selected,
.dropdown-menu .btn-default.selected:focus,
.dropdown-menu .btn-default.selected:active,
.dropdown-menu .btn-default.selected:hover:focus,
.dropdown-menu .btn-default.selected:active:focus {
    border-color: #28aa91;
}


.dropdown-menu {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: rgba(255,255,255,0.10);
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    width: 100%;
    top: 29px;
    /*z-index: -1;*/ /* this does not work on mobile devices because then the click event is not detected */
    padding-top: 36px;
    padding-right: 10px;
    padding-left: 10px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
}

@media screen and (min-width: 700px) {
  .dropdown-menu {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: rgba(255,255,255,0.10);
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    width: 100%;
    top: 29px;
    /*z-index: -1;*/ /* this does not work on mobile devices because then the click event is not detected */
    padding-top: 36px;
    padding-right: 10px;
    padding-left: 10px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
  }
}

a.btn-circle:hover .btn {
    color: #28aa91;
}
#select-track-group {
    width: 100%;
}
/* SLIDER */
.slider.slider-horizontal {
    margin: 25px 0;
    min-width: 300px;
}
.slider.slider-horizontal .slider-track {
    height: 5px;
    top: 12px;
    background-color: #ffffff;
    background-image: none;
    box-shadow: none;
}
.slider.slider-horizontal .slider-selection {
    display: none;
}
.slider.slider-horizontal .slider-handle {
    background-image: none;
    background-color: #28aa91;
    border-color: #ffffff;
    border-width: 4px;
}
.slider.slider-horizontal .slider-tick-container {
    left: 7px;
}
.slider.slider-horizontal .slider-tick {
    border-radius: 25%;
    width: 5px;
    height: 10px;
    top: 2px;
    background-image: none;
    background-color: #ffffff;
    opacity: 1;
    box-shadow: none;
}
.slider.slider-horizontal .slider-tick.in-selection {
    background-image: none;
    background-color: #ffffff;
}
/* END SLIDER */