/******************
    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
*/

/* Police Titre */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');


/* Header */
.navbar.navbar-light {
    background-color: #EFEFEF !important;
    border-bottom: 3px solid #F69302 !important;
}
.navbar.navbar-light .logo {
    width: 270px !important;
}
.progress {
    border-radius: 10px;
}
.progress-bar {
    background-color: #F69302 !important;
    color: #333 !important;
    font-weight: bold;
    border-radius: 10px;
}
.survey-name {
    font-family: 'Bebas Neue', sans-serif;
    color: #333 !important;
}
.group-title {
    font-family: 'Bebas Neue', sans-serif;
    color: #333 !important;
}


/* Questionnaires */
.question-title-container.bg-primary {
    background-color: #EFEFEF !important;
    color: #333 !important;
}
.question-container {
    border: none !important;
}
.question-help-container {
    border: none !important;
}
.answer-container {
    border: none !important;
}
.question-valid-container {
    background-color: #F69302 !important;
    color: #333 !important;
    border-radius: 0 0 10px 10px;
}
.question-valid-container .text-danger {
    color: #333 !important;
}
.fa-asterisk:before {
    color: #F69302;
    font-size: 10px;
    margin-right: 5px;
}
.flatly label::after {
    background-color: #F69302 !important;
}
.checkbox-item label::after {
    color: #F69302 !important;
}
.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
    color: #fff !important;
    background-color: #333 !important;
    border-color: #333 !important;
}

.radio-item input[type="radio"]:focus + label::before {
        outline: 5px auto #F69302;
}
.form-control:focus {
    box-shadow: 0 0 0 0.15em #f39c12;
}
.ls-move-btn {
    background-color: #F69302 !important;
    border: 2px solid #878787 !important;
    color: white !important;
}
.ls-move-btn:hover {
    color: #333 !important;
}
.btn-check:focus+.btn-primary, .btn-primary:focus {
    box-shadow: 0 0 0 0.15rem rgb(135 135 135) !important;
}


div.row.ls-answers .col-md-2 {
    width: 10% !important;
}
div.row.ls-answers .bootstrap-buttons-div:first-child .btn-primary {
    background-color: #d21818;
    border-color: #d21818;
    color: black;
    font-weight: bold !important;
}
div.row.ls-answers .bootstrap-buttons-div:nth-child(0n+2) .btn-primary {
    background-color: #e31818;
    border-color: #e31818;
    color: black;
    font-weight: bold !important;
}
div.row.ls-answers .bootstrap-buttons-div:nth-child(0n+3) .btn-primary {
    background-color: #dc7333;
    border-color: #dc7333;
    color: black;
    font-weight: bold !important;
}
div.row.ls-answers .bootstrap-buttons-div:nth-child(0n+4) .btn-primary {
    background-color: #e9983c;
    border-color: #e9983c;
    color: black;
    font-weight: bold !important;
}
div.row.ls-answers .bootstrap-buttons-div:nth-child(0n+5) .btn-primary {
    background-color: #e7b844;
    border-color: #e7b844;
    color: black;
    font-weight: bold !important;
}
div.row.ls-answers .bootstrap-buttons-div:nth-child(0n+6) .btn-primary {
    background-color: #ffde00;
    border-color: #ffde00;
    color: black;
    font-weight: bold !important;
}
div.row.ls-answers .bootstrap-buttons-div:nth-child(0n+7) .btn-primary {
    background-color: #cbcc49;
    border-color: #cbcc49;
    color: black;
    font-weight: bold !important;
}
div.row.ls-answers .bootstrap-buttons-div:nth-child(0n+8) .btn-primary {
    background-color: #add45f;
    border-color: #add45f;
    color: black;
    font-weight: bold !important;
}
div.row.ls-answers .bootstrap-buttons-div:nth-child(0n+9) .btn-primary {
    background-color: #8ccd74;
    border-color: #8ccd74;
    color: black;
    font-weight: bold !important;
}
div.row.ls-answers .bootstrap-buttons-div:nth-child(0n+10) .btn-primary {
    background-color: #1db100;
    border-color: #1db100;
    color: black;
    font-weight: bold !important;
}
div.row.ls-answers .bootstrap-buttons-div .btn-primary:hover {
    background-color: #333;
    border-color: #333;
    color: white !important;
}