/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

body {
     padding-bottom: 10px;
     padding-top: 60px;/* now is redefine in JS to fit any title length */
     font-size: 18px;
     font-weight: 400;
}


element.style {
}

/*
Eigen opmaak eConnect begint hier
- Lettertype kleur is in het algemene design vastgelegd 'Enquête opties bij thema WeConnect ( Globaal niveau )
*/
.fruity .navbar {
    background-color: #fff;
    box-shadow: 0 0px 0px;
}

.h4 {
        font-size: 18px;
        line-height: 1.4;
        font-weight: 400;
}

.form-control {
    font-size: 15px;
}

.ls-answers th {
    font-weight: 400;
    font-size: 15px;
}

.fruity .text-primary {
    color: #606266;
}

.fruity .question-container.input-error {
    box-shadow: 0 10px 15px #662d91;
}

.fruity .text-danger {
    color: #662d91
}

/*eConnect waarschuwing*/
.question-valid-container .text-danger{
  font-weight: bold;
  color: #662d91;
}

/*Buttons zoals volgende etc*/
.fruity .btn-primary {
    color: #fff;
    background-color: #85bd3c;
    border: 1px solid #85bd3c;
}

.btn {
    font-size: 16px;
}
.btn-lg, .btn-group-lg>.btn {
    font-size: 16px;
}

.answer-item label::after {
    background-color: #85bd3c;
}

/*
subtekst
*/
.fruity .text-info {
    color: #662d91;
}

.fruity .slider-handle {
    background-color: #85bd3c;
}

.fruity .slider-selection {
    background-color: #85bd3c;
}

.slider.slider-reset .slider-handle, .slider.slider-untouched .slider-handle {
    background-color: #a7a9ac;
}

/*
Eigen opmaak eConnect eindigt hier
*/