/******************
    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
*/
a, a:hover, a:visited, a:focus, a:active
{ color: #F07D00; }

.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:visited,
.navbar-light .navbar-nav .nav-link:active,
.navbar-light .navbar-nav .nav-link:focus
{ color: #F07D00; }

.question-valid-container,
.question-title-container,
.navbar,
.progress-bar,
.ls-move-btn:hover,
.btn:hover,
.btn-default:hover,
.btn-primary:hover,
.list-group-item
{ background-color: #003C50; border: none; }

.ls-move-btn,
.btn,
.btn-default,
.btn-primary,
.ls-move-btn:visited,
.btn:visited,
.btn-default:visited,
.btn-primary:visited,
.ls-language-changer-item:visited
{ background-color: #F07D00; border: none; color: #FFFFFF; }

.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus,
.btn-primary.active,
.dropdown-item,
.dropdown-item:focus,
.dropdown-menu,
.ls-language-link,
.flatly .dropdown-item:focus
{ background-color: #003C50; border: none; color:#F07D00 ; }

:root {
    --bs-primary-rgb: 00,60,80;
    --bs-body-color: #003C50;
    --bs-secondary: #FFFFFF;
    --bs-info-rgb: 240, 125, 00;
    --bs-light-rgb: 00, 60, 80;
    --bs-warning-rgb: 00, 60, 80;
    --bs-blue: #003C50;
    --bs-primary: #003C50;
    }

.flatly .dropdown-item:focus, .flatly .dropdown-item:hover{background-color:#003C50;}

.ls-choice.list-group-item.answer-item.sortable-item.grabable.sortable-enable {background-color:#FFFFFF;}

.dropdown-item.disabled, .dropdown-item:disabled {
    color: #F07D00;
    pointer-events: none;
    background-color: transparent;
}

.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #003C50;
    border-color: #003C50;
}

.flatly .btn-check:focus:checked + .btn-primary, .flatly .btn-check .btn-primary:focus:checked {
    background-color: #003C50;
    border: none;
}