/* DO NOT EDIT THIS TEMPALTE WITHOUT UPDATING THE THEME GENERATOR! */
/* If you want to use this theme as a basis, extend it first! */

/* Input file used: .\ESiOR_theme.csv */

.fruity .text-info {
    color: #284740;
}

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

.survey-welcome {
    line-height: 1.3em;
}

.fruity .text-danger {
    color: #ed633d;
}

.fruity .text-muted {
    color: #555555;
}

.fruity .help-block {
    color: #284740;
}

.fruity a {
    color: #284740;
}

.fruity a:hover {
    color: #e78f30;
}

.fruity .navbar a.animate::after {
    background-color: #284740;
}

.fruity .alert-warning {
    color: #b06100;
    border: 1px solid #b06100;
    background-color: transparent;
}

.fruity .alert-info {
    color: #ed633d;
    border: 1px solid #ed633d;
}

.fruity .btn-success {
    color: #4fbf54;
    border-color: #000000;
}

#ls-button-submit {
    color: #000;
    border: 1px solid #000000;
    background-color: #e78f30;
}

#ls-button-submit:hover,
#ls-button-submit:focus {
    color: #fff;
    border: 1px solid #000000;
    background-color: #284740;
}

.fruity .btn-primary {
    color: #000;
    border: 1px solid #000000;
    background-color: #e78f30;
}

.fruity .btn-primary:hover,
.fruity .btn-primary:focus,
.fruity .btn-primary.active {
    color: #fff;
    border: 1px solid #000000;
    background-color: #284740;
}

.fruity .btn-default {
    color: #000;
    border: 1px solid #000000;
    background-color: #f0f0f0;
}

.fruity .btn-success,
.fruity .btn-success,
.fruity .btn-success {
    color: #fff;
}

.fruity .btn-success:hover,
.fruity .btn-success:focus,
.fruity .btn-success.active {
    color: #000;
    border: 1px solid #000000;
    background-color: #e78f30;
}

.yesno-button,
.gender-button {
    border-spacing: 2em 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    outline: 2px solid #284740;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #284740;
}

.fruity .form-control:focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px #284740;
}

.radio-item input[type="radio"]:checked + label::after,
.checkbox-item input[type="checkbox"]:checked + label::after {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px #e78f30;
    background-color: #284740;
}

input[data-number="1"] {
    text-align: left;
}

div > .numeric-item,
li .numeric {
    max-width: 15em;
}

.fruity .progress-bar {
    background-color: #006800;
}

.bootstrap-datetimepicker-widget .picker-switch a {
    color: #ed633d;
}

.subquestion-level-1 {
    box-shadow: 0 1px 2px rgb(0 0 0 / 20%), -0.3em 0 #e78f30!important;
    margin-left: 1em;
}

.subquestion-level-2 {
    box-shadow: 0 1px 2px rgb(0 0 0 / 20%), -0.3em 0 #e78f30!important;
    margin-left: 2em;
}

.subquestion-level-3 {
    box-shadow: 0 1px 2px rgb(0 0 0 / 20%), -0.3em 0 #e78f30!important;
    margin-left: 3em;
}

.error-subquestion-level-1 {
    box-shadow: 0 1px 2px rgb(0 0 0 / 20%), -0.3em 0 #ed633d!important;
    margin-left: 1em;
    color: #ed633d;
}

.error-subquestion-level-1 .question-number {
    color: #ed633d;
}