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

:root {
    --bs-primary-rgb: 0, 42, 70;
}

body {
    color:#002A46;
    font-family: "Calibri", Arial, Helvetica, sans-serif;
}
#survey-nav {
    background-color:#FFFFFF;
}
#survey-nav ul li a {
    color:#002A46;
}

.survey-name, .survey-description, .survey-description p {
    text-align:left!important;
}

.survey-description {
    padding: 1rem;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #81ADB6;
}
.navbar-default {
    background-color: #EAF4FD;
    border-color: transparent;
}
.navbar-default .navbar-toggle {
    border-color: #002A46;
    background-color: #002A46;
    color:#EAF4FD;
}
.navbar-action-link {
    padding-right: 2em!important;
}
.text-info, .text-info:hover {
     color:#002A46;
}
.text-primary, .text-primary:hover {
    color:#002A46;
}
.text-info, .text-info:hover {
    color: #fff!important;
    background-color:#002A46 ;
}
.btn-default {
    color: #002A46;
    background-color: #EAF4FD;
    border-color: #EAF4FD;
}
.btn-default:hover {
    color: #EAF4FD;
    background-color:#81ADB6;
    border-color: #002A46;
}
.btn-primary {
    color:#EAF4FD;
    background-color:#002A46;
    border-color: #002A46;
}
.btn-primary:hover {
    color:#002A46;
    background-color:#81ADB6;
    border-color: #EAF4FD;
}
.btn-outline-secondary {
    color: #002A46;

}
.btn-outline-secondary:hover {
    color: #002A46!important;
    background-color: #81ADB6;
    border-color: #EAF4FD;
}
.btn-group-lg>.btn, .btn-lg {
    border-radius: 0;
}
.answer-container {
    color:#002A46;
}
.question-title-container, .question-valid-container {
    background-color:#002A46;
}

.group-container .text-center {
    text-align: left!important;
}

.progress-bar {
    background-color: #002A46;
    color:#002A46;
}
textarea.form-control {
    color:#002A46;
}
.text-danger, .text-danger:hover {
    color: #DF0101;
}
.text-warning, .text-warning:hover {
    color: #DF0101;
}

.alert-danger {
    background-color: #CD1316;
}

h1 {
    margin-bottom:3rem;
}

a {
    color:#003165;
    text-decoration: underline;
}
a:hover, a:focus {
    color: #002A46;
    text-decoration: none;
}
#block_error div h2 {
    color:#002A46;
}
.progress-bar {
    color:#FFFFFF;
}
#block_error p {
    color:#002A46;
}
.question-valid-container {
    text-align: left !important;
    font-size: 12px !important;
}

.question-valid-container {
    font-size: 1em !important;
}


.ls-questionhelp:before {
    content: "i"!important;
}
.checkbox-label.control-label::after {
    background-color: #fff;
}
.control-label {
    text-align: left!important;
}
.group-title.h3.space-col {
    margin-left: -0.5em;
}

.star-rated-on:not(.star-stub),
.star-1.star-drained,
.star-2.star-drained,
.star-3.star-drained,
.star-4.star-drained,
.star-5.star-drained,
.star-1.star-drained.star-hover,
.star-2.star-drained.star-hover,
.star-3.star-drained.star-hover,
.star-4.star-drained.star-hover,
.star-5.star-drained.star-hover,
.star-1.star-rated-on:not(.star-stub),
.star-2.star-rated-on:not(.star-stub),
.star-3.star-rated-on:not(.star-stub),
.star-4.star-rated-on:not(.star-stub),
.star-5.star-rated-on:not(.star-stub) {
    color:#F59C0A!important;
}

.flatly .btn-check:focus:checked + .btn-primary, .btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
    background-color: #81ADB6;
}