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