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

.fruity .text-primary {
    color: #000 !important;
}

.navbar-brand, #clearallbtnlink, #loadallbtnlink {
    display: none;
}

.ls-answers .ls-heading > th {
    vertical-align: top;
}

.fruity .progress-bar {
    background-color: rgb(50, 88, 140);
}

body .answer-item label:after {
    background-color: rgb(50, 88, 140);
}

.question-title-container, .question-valid-container {
    background-color: rgb(50, 88, 140);
    color: #fff;
}

.fruity .btn-primary, .fruity .btn-primary.disabled, .fruity .btn-primary.disabled.active, .fruity .btn-primary.disabled:active, .fruity .btn-primary.disabled:focus, .fruity .btn-primary.disabled:hover {
    background-color: rgb(50, 88, 140);
    border: rgb(50, 88, 140);
}

.fruity .btn-check:checked+.btn-primary {
    background-color: rgb(5, 68, 120);
    border: rgb(5, 68, 120);  
}

.fruity .btn-check:active+.btn-primary, .fruity .btn-check:focus+.btn-primary, .fruity .btn-primary.active, .fruity .btn-primary.active.active, .fruity .btn-primary.active:focus, .fruity .btn-primary:active, .fruity .btn-primary:focus, .fruity .btn-primary:hover, .fruity .open .dropdown-toggle.btn-primary {
    background-color: rgb(50, 88, 140);
    border: rgb(50, 88, 140);
}

.fruity .btn-outline-secondary, .fruity .btn-outline-secondary.disabled, .fruity .btn-outline-secondary.disabled.active, .fruity .btn-outline-secondary.disabled:active, .fruity .btn-outline-secondary.disabled:focus, .fruity .btn-outline-secondary.disabled:hover {
    background-color: rgb(50, 88, 140);
    border: rgb(50, 88, 140);
    color: #ffffff;
}

.fruity .btn-check:active+.btn-outline-secondary, .fruity .btn-check:checked+.btn-outline-secondary, .fruity .btn-check:focus+.btn-outline-secondary, .fruity .btn-outline-secondary.active, .fruity .btn-outline-secondary.active.active, .fruity .btn-outline-secondary.active:focus, .fruity .btn-outline-secondary:active, .fruity .btn-outline-secondary:focus, .fruity .btn-outline-secondary:hover, .fruity .open .dropdown-toggle.btn-outline-secondary {
    background-color: rgb(50, 88, 140);
    border: rgb(50, 88, 140);
    color: #ffffff;
}