.navbar-header .survey-name {
  display: block;
  font-size: 2rem;
  float: left;
  margin-top: 2rem;
  margin-left: 2rem;
}

.fruity .ls-label-question {
  color: #444444;
}

.fruity .group-description {
  color: #444444;
}

.fruity input[type=text], .fruity input[type=password], .fruity .ui-autocomplete-input, .fruity textarea, .fruity .uneditable-input {
  text-align: left;
  width: auto;
}

.fruity .navbar {
  box-shadow: 1px 1px 1px rgba(132, 136, 138, 0.25);
}

@media only screen and (max-width: 768px) {
  .fruity .navbar-fixed-bottom, .fruity .navbar-fixed-top {
    width: 100vw;
  }
}
.question-container {
  box-shadow: 1px 1px 1px rgba(132, 136, 138, 0.1);
}

.question-title-container .asterisk {
  margin-right: 1rem;
}

.fruity .btn-group .button-item.btn-primary {
  color: #444444;
  background-color: white;
  border: 1px solid #004071;
  /*.radio-item.radio-inline {
    margin-top: 0;
  }*/
}
.fruity .btn-group .button-item.btn-primary.active {
  color: white;
  background-color: #004071;
}
.fruity .btn-group .button-item.btn-primary .ls-icon {
  display: none;
}
.fruity .btn-group .button-item.btn-primary label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.fruity .btn-group .button-item.btn-primary label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  top: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}
.fruity .btn-group .button-item.btn-primary label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #004071;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.fruity .btn-group .button-item.btn-primary input[type=radio] {
  opacity: 0;
  z-index: 1;
  top: 0;
}
.fruity .btn-group .button-item.btn-primary input[type=radio]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.fruity .btn-group .button-item.btn-primary input[type=radio]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.fruity .btn-group .button-item.btn-primary input[type=radio]:disabled + label {
  opacity: 0.65;
}
.fruity .btn-group .button-item.btn-primary input[type=radio]:disabled + label::before {
  cursor: not-allowed;
}
.fruity .btn-group .button-item.btn-primary input[type=radio]:checked + label::after {
  animation-name: zoomIn;
  animation-duration: 500ms;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  display: inline-block;
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.fruity .btn-group .button-item.btn-primary input[type=radio] + label::after {
  display: none;
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.fruity [data-toggle=buttons] > .btn input[type=radio] {
  position: relative;
  pointer-events: inherit;
}

.hide-tooltip .slider .tooltip, .hide-number .slider .tooltip {
  display: none;
}

#outerframeContainer {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;
}

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

table.ls-answers.radio-array {
  table-layout: auto;
}
table.ls-answers.radio-array .answers-list th.answertext h4, table.ls-answers.radio-array .answers-list th.answertextright h4 {
  font-size: 16px;
}
table.ls-answers.radio-array .answers-list td.answer-item {
  padding: 8px 0;
}
table.ls-answers.radio-array .answers-list td.answer-item label {
  margin-left: 1rem;
  margin-right: 1rem;
}
table.ls-answers.radio-array .answers-list td.answer-item label::before {
  margin: 0;
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  .dir-ltr table.ls-answers .radio-item label.ls-label-xs-visibility::after, .dir-ltr table.ls-answers .checkbox-item label.ls-label-xs-visibility::after {
    margin-left: auto;
  }

  table.ls-answers.radio-array .answers-list td.answer-item label {
    padding-left: 3rem;
  }
}
/**
Fruity settings
 */
.fruity .btn-default:hover, .fruity .btn-default:focus, .fruity .btn-default:active, .fruity .btn-default.active, .fruity .open .dropdown-toggle.btn-default {
  color: #616265;
  border: 1px solid #616265;
  background-color: rgba(15, 62, 18, 0.1);
}

.fruity .btn-primary:hover, .fruity .btn-primary:focus, .fruity .btn-primary:active, .fruity .btn-primary.active, .fruity .btn-primary.active:focus, .fruity .open .dropdown-toggle.btn-primary {
  color: #91b9d3;
  background-color: #004071;
  border: 1px solid #616265;
}

.fruity .btn-success:hover, .fruity .btn-success:focus, .fruity .btn-success:active, .fruity .btn-success.active, .fruity .open .dropdown-toggle.btn-success {
  color: #91b9d3;
  background-color: #004071;
  border: 1px solid #616265;
}

.fruity pagination > li > a {
  color: #004071;
  background-color: #fff;
  border: 1px solid #dadada;
}

.fruity a.list-group-item.active, .fruity a.list-group-item.active:hover, .fruity a.list-group-item.active:focus {
  color: #fff;
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity a.list-group-item-success.active, .fruity a.list-group-item-success.active:hover, .fruity a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity a.list-group-item-info.active, .fruity a.list-group-item-info.active:hover, .fruity a.list-group-item-info.active:focus {
  color: #91b9d3;
  background-color: #004071;
  border: 1px solid #616265;
}

.fruity .side-body h3, .fruity .pagetitle, .fruity .list-surveys h3 {
  color: #fff;
  color: #333;
  border-bottom: solid 2px #004071;
}

.fruity a {
  color: #004071;
}

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

.fruity a:focus {
  color: #616265;
}

.fruity a.list-group-item.active > .badge {
  color: #004071;
  background-color: #fff;
}

.fruity a.thumbnail:hover {
  border: 1px solid #004071;
}

.fruity a.thumbnail:focus {
  border: 1px solid #004071;
}

.fruity a.thumbnail.active {
  border: 1px solid #004071;
}

.fruity a.list-group-item-success {
  color: #004071;
}

.fruity a.list-group-item-success:hover {
  color: #004071;
  background-color: #afdbb1;
}

.fruity a.list-group-item-success:focus {
  color: #004071;
  background-color: #afdbb1;
}

.fruity a.list-group-item-info {
  color: #616265;
}

.fruity a.list-group-item-info:hover {
  color: #616265;
  background-color: #9bbfc0;
}

.fruity a.list-group-item-info:focus {
  color: #616265;
  background-color: #9bbfc0;
}

.fruity a.text-primary:hover {
  color: #616265;
}

.fruity a.text-success:hover {
  color: #616265;
}

.fruity a.bg-primary:hover {
  background-color: #616265;
}

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

.fruity .text-success {
  color: #004071;
}

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

.fruity .bg-primary {
  color: #fff;
  background-color: #004071;
}

.fruity .form-control:focus {
  border: 1px solid #004071;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(50, 134, 55, 0.6);
}

.fruity fieldset[disabled] .btn-default {
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid #004071;
  color: #004071;
}

.fruity fieldset[disabled] .btn-primary {
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity fieldset[disabled] .btn-primary:hover {
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity fieldset[disabled] .btn-primary:focus {
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity fieldset[disabled] .btn-primary:active {
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity fieldset[disabled] .btn-primary.active {
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity fieldset[disabled] .btn-success {
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity fieldset[disabled] .btn-success:hover {
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity fieldset[disabled] .btn-success:focus {
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity fieldset[disabled] .btn-success:active {
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity fieldset[disabled] .btn-success.active {
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity fieldset[disabled] .btn-info {
  background-color: #004071;
  border: 1px solid #616265;
}

.fruity fieldset[disabled] .btn-info:hover {
  background-color: #004071;
  border: 1px solid #616265;
}

.fruity fieldset[disabled] .btn-info:focus {
  background-color: #004071;
  border: 1px solid #616265;
}

.fruity fieldset[disabled] .btn-info:active {
  background-color: #004071;
  border: 1px solid #616265;
}

.fruity fieldset[disabled] .btn-info.active {
  background-color: #004071;
  border: 1px solid #616265;
}

.fruity .has-success .help-block {
  color: #004071;
}

.fruity .has-success .control-label {
  color: #004071;
}

.fruity .has-success .radio {
  color: #004071;
}

.fruity .has-success .checkbox {
  color: #004071;
}

.fruity .has-success .radio-inline {
  color: #004071;
}

.fruity .has-success .checkbox-inline {
  color: #004071;
}

.fruity .has-success .form-control {
  border: 1px solid #004071;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.fruity .has-success .form-control:focus {
  border: 1px solid #616265;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff726c;
}

.fruity .has-success .input-group-addon {
  color: #004071;
  border: 1px solid #004071;
  background-color: #c0e3c2;
}

.fruity .has-success .form-control-feedback {
  color: #004071;
}

.fruity .btn-default {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid #004071;
  color: #004071;
}

.fruity .btn-primary {
  color: #fff;
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity .btn-primary.disabled {
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity .btn-primary.disabled:hover {
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity .btn-primary.disabled:focus {
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity .btn-primary.disabled:active {
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity .btn-primary.disabled.active {
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity .btn-primary .badge {
  color: #004071;
  background-color: #fff;
}

.fruity .btn-primary[disabled] {
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity .btn-primary[disabled]:hover {
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity .btn-primary[disabled]:focus {
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity .btn-primary[disabled]:active {
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity .btn-primary[disabled].active {
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity .btn-success {
  color: #fff;
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity .btn-success.disabled {
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity .btn-success.disabled:hover {
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity .btn-success.disabled:focus {
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity .btn-success.disabled:active {
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity .btn-success.disabled.active {
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity .btn-success .badge {
  color: #004071;
  background-color: #fff;
}

.fruity .btn-success[disabled] {
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity .btn-success[disabled]:hover {
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity .btn-success[disabled]:focus {
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity .btn-success[disabled]:active {
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity .btn-success[disabled].active {
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity .btn-info {
  color: #fff;
  background-color: #004071;
  border: 1px solid #616265;
}

.fruity .btn-info.disabled {
  background-color: #004071;
  border: 1px solid #616265;
}

.fruity .btn-info.disabled:hover {
  background-color: #004071;
  border: 1px solid #616265;
}

.fruity .btn-info.disabled:focus {
  background-color: #004071;
  border: 1px solid #616265;
}

.fruity .btn-info.disabled:active {
  background-color: #004071;
  border: 1px solid #616265;
}

.fruity .btn-info.disabled.active {
  background-color: #004071;
  border: 1px solid #616265;
}

.fruity .btn-info .badge {
  color: #616265;
  background-color: #fff;
}

.fruity .btn-info[disabled] {
  background-color: #004071;
  border: 1px solid #616265;
}

.fruity .btn-info[disabled]:hover {
  background-color: #004071;
  border: 1px solid #616265;
}

.fruity .btn-info[disabled]:focus {
  background-color: #004071;
  border: 1px solid #616265;
}

.fruity .btn-info[disabled]:active {
  background-color: #004071;
  border: 1px solid #616265;
}

.fruity .btn-info[disabled].active {
  background-color: #004071;
  border: 1px solid #616265;
}

.fruity .btn-link {
  color: #004071;
}

.fruity .btn-link:hover {
  color: #616265;
}

.fruity .btn-link:focus {
  color: #616265;
}

.fruity .dropdown-menu > li > a:hover {
  color: #fff;
  background-color: #616265;
}

.fruity .dropdown-menu > li > a:focus {
  color: #fff;
  background-color: #616265;
}

.fruity .dropdown-menu > .active > a {
  color: #fff;
  background-color: #616265;
}

.fruity .dropdown-menu > .active > a:hover {
  color: #fff;
  background-color: #616265;
}

.fruity .dropdown-menu > .active > a:focus {
  color: #fff;
  background-color: #616265;
}

.fruity .input-group-addon {
  color: white;
  background-color: #004071;
}

.fruity .nav .open > a {
  color: #fff;
  background-color: #004071;
  border-bottom: 1px solid #fff;
}

.fruity .nav .open > a:hover {
  color: #fff;
  background-color: #616265;
}

.fruity .nav .open > a:focus {
  color: #fff;
  background-color: #616265;
}

.fruity .label-primary {
  background-color: #004071;
}

.fruity .label-primary[href]:hover {
  background-color: #616265;
}

.fruity .label-primary[href]:focus {
  background-color: #616265;
}

.fruity .label-success {
  background-color: #004071;
}

.fruity .label-success[href]:hover {
  background-color: #616265;
}

.fruity .label-success[href]:focus {
  background-color: #616265;
}

.fruity .label-info {
  background-color: #616265;
}

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

.fruity .alert-info hr {
  border-top-color: #004071;
}

.fruity .alert-info .alert-link {
  color: #004071;
  text-decoration: underline;
}

.fruity .progress-bar {
  color: #fff;
  background-color: #004071;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

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

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

.fruity .list-group-item-success {
  color: #004071;
  background-color: #c0e3c2;
}

.fruity .list-group-item-info {
  color: #616265;
  background-color: #649b6b;
}

.fruity .panel-primary {
  border: 1px solid #004071;
}

.fruity .panel-primary > .panel-heading {
  color: #fff;
  background-color: #004071;
  border: 1px solid #004071;
}

.fruity .panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #004071;
}

.fruity .panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #004071;
}

.fruity .panel-success > .panel-heading {
  color: #004071;
  background-color: #c0e3c2;
  border: 1px solid #afdbb1;
}

.fruity .panel-info > .panel-heading {
  color: #616265;
  background-color: #649b6b;
  border: 1px solid #9bbfc0;
}

.fruity .surveymanagerbar {
  background-color: #004071;
  color: #fff;
}

@media (min-width: 769px) {
  .fruity .navbar a.animate {
    text-decoration: none;
    border: none;
  }

  .fruity .navbar a.animate:after {
    text-align: right;
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background-color: #004071;
  }

  .fruity .navbar a.animate:hover {
    text-decoration: none;
    border: none;
  }

  .fruity .navbar a.animate:hover:after {
    transition: width 0.3s;
    width: 100%;
  }
}
.fruity .mega-dropdown-menu .dropdown-header {
  color: #616265;
}

.fruity #info-header {
  color: #616265;
}

.fruity #info-footer {
  color: #616265;
}

.fruity .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #004071;
}

.fruity .nav-pills > .active > a > .badge {
  color: #004071;
  background-color: #fff;
}

.fruity .dropdown-item > a:hover {
  background-color: #004071;
  color: #fff;
}

.fruity .side-menu .navbar-nav .active {
  background-color: #004071;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.16) inset, 0 2px 1px 1px rgba(0, 0, 0, 0.12) inset;
}

.fruity #sideMenu a[aria-expanded=true] {
  color: #fff;
  background-color: #616265;
}

.fruity #sideMenu a[aria-expanded=false] {
  color: #616265;
}

.fruity #sideMenu .side-menu .dropdownlvl1 > a:hover {
  color: #fff;
  background-color: #616265;
}

.fruity #sideMenu .sidemenuscontainer li:hover {
  color: #fff;
  background-color: #616265;
}

.fruity #sideMenu .sidemenuscontainer li:hover > a {
  color: #fff;
  background-color: #616265;
}

.fruity .navbar-toggle {
  border: solid 1px #004071;
}

.fruity .navbar-toggle .icon-bar {
  background-color: #004071;
}

.fruity .container-fluid .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .fruity .container-fluid .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  color: #fff;
  background: #004071;
}

.fruity input[type=checkbox]:checked:after, .fruity .checkbox input[type=checkbox]:checked:after, .fruity .checkbox-inline input[type=checkbox]:checked:after {
  background-color: #004071;
  border-color: #004071;
}

.fruity .em-function {
  color: #004071;
}

.fruity #carousel-example-generic .carousel-control {
  color: #004071;
}

.fruity #carousel-example-generic .panel-title {
  color: #004071;
}

.fruity #carousel-example-generic .carousel-indicators .active {
  background-color: #004071;
}

.fruity #carousel-example-generic .carousel-indicators li {
  border: 1px solid #004071;
}

@keyframes preload-show-1 {
  from {
    transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #616265;
  }
}
@keyframes preload-hide-1 {
  to {
    transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #616265;
  }
}
@keyframes preload-cycle-1 {
  5% {
    transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #616265;
  }
  10%, 75% {
    transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
    border-left-color: #616265;
  }
  80%, 100% {
    transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #004071;
  }
}
@keyframes preload-show-2 {
  from {
    transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #616265;
  }
}
@keyframes preload-hide-2 {
  to {
    transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #616265;
  }
}
@keyframes preload-cycle-2 {
  10% {
    transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #616265;
  }
  15%, 70% {
    transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
    border-left-color: #616265;
  }
  75%, 100% {
    transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #004071;
  }
}
@keyframes preload-show-3 {
  from {
    transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #616265;
  }
}
@keyframes preload-hide-3 {
  to {
    transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #616265;
  }
}
@keyframes preload-cycle-3 {
  15% {
    transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #616265;
  }
  20%, 65% {
    transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
    border-left-color: #616265;
  }
  70%, 100% {
    transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #004071;
  }
}
@keyframes preload-show-4 {
  from {
    transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #616265;
  }
}
@keyframes preload-hide-4 {
  to {
    transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #616265;
  }
}
@keyframes preload-cycle-4 {
  20% {
    transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #616265;
  }
  25%, 60% {
    transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
    border-left-color: #616265;
  }
  65%, 100% {
    transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #004071;
  }
}
@keyframes preload-show-5 {
  from {
    transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #616265;
  }
}
@keyframes preload-hide-5 {
  to {
    transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #616265;
  }
}
@keyframes preload-cycle-5 {
  25% {
    transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #616265;
  }
  30%, 55% {
    transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
    border-left-color: #616265;
  }
  60%, 100% {
    transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #004071;
  }
}
@keyframes preload-show-6 {
  from {
    transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #616265;
  }
}
@keyframes preload-hide-6 {
  to {
    transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
    border-left-color: #616265;
  }
}
@keyframes preload-cycle-6 {
  30% {
    transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #616265;
  }
  35%, 50% {
    transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
    border-left-color: #616265;
  }
  55%, 100% {
    transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #004071;
  }
}
.fruity #sidebar .tabbutton.btn-primary:hover:after, .fruity #sidebar .tabbutton.btn-primary:focus:after, .fruity #sidebar .tabbutton.btn-primary:active:after {
  color: #616265;
}

.fruity #sidebar .tabbutton.btn-primary:after {
  color: #004071;
}

.fruity #sidebar .selected {
  padding-left: 20px;
  background: linear-gradient(to right, #004071 0px, #004071 13px, #fff 13px, #fff 100%);
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(1, 0.5, 0.5, 1);
}

.fruity #sidebar .menu-selected {
  padding-left: 10px;
  background: linear-gradient(to right, #004071 0px, #004071 6px, white 6px, white 100%);
}

@keyframes animate-gradient {
  0% {
    background: radial-gradient(circle at center, #004071 0px, #004071 1px, #fff 2px, #fff 100%);
  }
  10% {
    background: radial-gradient(circle at center, #004071 0px, #004071 2px, #fff 3px, #fff 100%);
  }
  20% {
    background: radial-gradient(circle at center, #004071 0px, #004071 3px, #fff 4px, #fff 100%);
  }
  30% {
    background: radial-gradient(circle at center, #004071 0px, #004071 4px, #fff 5px, #fff 100%);
  }
  40% {
    background: radial-gradient(circle at center, #004071 0px, #004071 5px, #fff 6px, #fff 100%);
  }
  50% {
    background: radial-gradient(circle at center, #004071 0px, #004071 6px, #fff 7px, #fff 100%);
  }
  60% {
    background: radial-gradient(circle at center, #004071 0px, #004071 7px, #fff 8px, #fff 100%);
  }
  70% {
    background: radial-gradient(circle at center, #004071 0px, #004071 8px, #fff 9px, #fff 100%);
  }
  80% {
    background: radial-gradient(circle at center, #004071 0px, #004071 9px, #fff 10px, #fff 100%);
  }
  90% {
    background: radial-gradient(circle at center, #004071 0px, #004071 10px, #fff 10px, #fff 100%);
  }
  100% {
    background: radial-gradient(circle at center, #004071 0px, #004071 8px, #fff 9px, #fff 100%);
  }
}
.fruity #pjax-file-load-container > div {
  background: #000;
  background: linear-gradient(to right, #000 0%, #081709 50%, #616265 100%);
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition: width 1.6s;
  transition: width 1.6s;
}

.fruity #comfortUpdateGeneralWrap h3.maintitle {
  background-color: transparent;
  color: #004071;
  border-bottom: 1px solid #004071;
}

.fruity #comfortUpdateGeneralWrap .on span {
  display: block;
  background-color: #004071;
  color: #fff;
}

.fruity #sideMenu #dropdown #explorer li#questionexplorer-group-container:hover, .fruity #sideMenu #dropdown li#questionexplorer-group-container:hover > a {
  background-color: #fafafa;
  color: #616265;
}

.fruity .explorer-group-title a.explorer-group, .fruity .question-collapse-title {
  color: #616265;
}

.fruity .slider.slider-horizontal .slider-tick.triangle, .fruity .slider.slider-horizontal .slider-handle.triangle {
  border-bottom-color: #004071;
}

.fruity .slider.slider-vertical .slider-tick.triangle, .fruity .slider.slider-vertical .slider-handle.triangle {
  border-left-color: #004071;
  border-right-color: #004071;
}

.fruity .slider-handle {
  background-color: #004071;
}

.fruity .slider-handle.custom::before {
  color: #004071;
}

.fruity .slider-tick.custom::before {
  color: #004071;
}

.fruity .slider-selection {
  background-image: linear-gradient(to bottom, #f439b0 0%, #43042c 100%);
}

body .answer-item label::after {
  background-color: #004071;
}

.checkbox-item input[type=checkbox]:checked + label::after, .checkbox-item input[type=radio]:checked + label::after {
  background-color: #004071;
  color: white;
}