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

@font-face{
font-family:'FS Elliot Web';
font-style:normal;
font-weight:400;src:url(/fonts/FSElliotWeb-Regular.eot);
src:url(/fonts/FSElliotWeb-Regular.eot?#iefix) format("eot"),url(/fonts/FSElliotWeb-Regular.woff) format("woff")
}
@font-face{
font-family:'FS Elliot Web';
font-style:normal;
font-weight:700;
src:url(/fonts/FSElliotWeb-Bold.eot);src:url(/fonts/FSElliotWeb-Bold.eot?#iefix) format("eot"),url(/fonts/FSElliotWeb-Bold.woff) format("woff")
}
@font-face{
font-family:'FS Elliot Web';
font-style:normal;
font-weight:800;
src:url(/fonts/FSElliotWeb-Heavy.eot);src:url(/fonts/FSElliotWeb-Heavy.eot?#iefix) format("eot"),url(/fonts/FSElliotWeb-Heavy.woff) format("woff")
}
@font-face{
font-family:'FS Elliot Web';
font-style:normal;
font-weight:300;
src:url(/fonts/FSElliotWeb-Light.eot);
src:url(/fonts/FSElliotWeb-Light.eot?#iefix) format("eot"),url(/fonts/FSElliotWeb-Light.woff) format("woff")
}
@font-face {
font-family: "icons";
font-style: normal;
font-weight: 400;
src: url("/fonts/icons.eot?#iefix") format("eot"), url("/fonts/icons.woff2") format("woff2"), url("/fonts/icons.woff") format("woff"), url("/fonts/icons.ttf") format("truetype"), url("/fonts/icons.svg#icons") format("svg");
}

body {
     padding-bottom: 10px;
     padding-top: 60px;/* now is redefine in JS to fit any title length */
     padding-left: 4px;
     padding-right: 4px;
     color: #000 !important;
     font-family: 'FS Elliot Web', courier, arial !important;
     font-size: 1.15em;
}

body .top-container {
    margin-top: 5px;
}

.top-container .top-content {
    padding-top: 1em;
    padding-bottom: 0;
    margin-bottom: 0;
}

#outerframeContainer {
    /*word-wrap: break-word;*/
    -moz-hyphens: manual;
    hyphens: manual;
}

em {
    font-style: normal;
    font-weight: 300;
}

p {
    color: #000000 !important;
    font-family: 'FS Elliot Web', courier, arial !important;
}

.alert-danger p {
    color: #ffffff !important;
    font-family: 'FS Elliot Web', courier, arial !important;
}

hr {border-top: 2px solid #00223F;
margin: 24px 0;}

.logo-container {
    padding: 0;
    float: left;
    font-size: 18px;
    line-height: 20px;
    max-width:42%;
    
}



/*
.brand-logo  {
    background-image: url(https://www.kiel.de/images/logo-kiel-sailing-city.svg);
    background-repeat: no-repeat;
    background-size: 200px 60px;
    background-position: 20px 60px;
}

@media (max-width:640px) {
  .brand-logo  {
    background-position: 10px 60px;
    background-size: 160px 40px;
}  
}
*/

.logo-container > img {
    max-height: 100px;
    padding: 0;
    margin-left: -0.5em;
}



#navbar  {background: #fff;}

.navbar-brand > img {
   /* margin-left: -0.5em;*/
}


.img-fluid, .img-thumbnail {
    
}

.navbar-default {
    background: #fff;
}

.text-primary, .text-info, .control-label {color: #000 !important;}

.navbar-toggler {margin: 1em 0;}


h2 {

    font-size: 20px !important;
    color: #000000 !important;
    border: none !important;
    font-weight: bold !important;
    margin-bottom: 1.2em;

}

.h4, .h5, .h6, h4, h5, h6 {color: #000000 !important;}

p.text-info {
    margin: 0 0 20px;
    color: #000000 !important;
}


a:link:before {
    content: "\EA0C ";
    font-family: "icons";
    vertical-align: middle;
    padding-right: 0.2em;
}

#navbar a:link:before {
    content: "\EA0C ";
}

a:link, a:visited {
    color: #000 !important;
    text-decoration: none;
}

a:focus, a:hover {
    text-decoration: underline;
}

.ls-label-question, .ls-label-question span, .ls-label-question p {
    font-weight: bold;
    font-size: 26px !important;
    color: #000 !important;
}

.ls-questionhelp {
    position: relative;
    color: rgb(0, 34, 63) !important;
}


input[type="text"], input[type="password"], input[type="email"], textarea.form-control{
font-weight: 400;
color: #000;
line-height: 1;
padding: 15px;
font-size: 1.1em;
box-sizing: border-box;
-webkit-box-shadow: inset 1px 2px 3px 0 rgba(0,0,0,.2) !important;
box-shadow: inset 1px 2px 3px 0 rgba(0,0,0,.2) !important;
border: 1px solid #DADEE1;
border-radius: 0;
min-height: 2em;
overflow: hidden;
background-color: #f0f0f0 !important;
min-height: 3em;
}

input[type="checkbox"]{
    
    content: "";
    display: inline;
    width: 20px;
    height: 20px;
    -webkit-box-shadow: inset 1px 2px 3px 0 rgba(0,0,0,.2);
    box-shadow: inset 1px 2px 3px 0 rgba(0,0,0,.2);
    background-color: #ECEEEF;
    color: #000;
    border: 1px solid #DADEE1;
    z-index: 0;
    vertical-align: middle;
    margin-top: 0.25em;
    border-radius: 0 !important;
}

textarea.form-control {
}

#navbar ul li a {color: #000000 !important;}

.form-inline .control-label {margin: -0.3em 0.2em 0 0 !important; vertical-align: middle;}


select {
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #DADEE1 !important;
    border-radius: 0 !important;
    padding: 8px 10px 8px 12px !important;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='14'%3E%3Cpolyline points='2,2 12,12 22,2' style='stroke:%2300223F;stroke-width:3;fill:none' /%3E%3C/svg%3E") !important;
    background-position: right;
    background-repeat: no-repeat;
    font-weight: 400;
    font-size: 1em !important;
    line-height: 1.3 !important;
    color: #000 !important;
    font-family: 'FS Elliot Web',sans-serif;
    font-size-adjust: auto;
    width: 100% !important;
    background-color: #ECEEEF !important;
    -webkit-appearance: none;
    outline: 0;
}

select#lang {
margin: 0 2em 0 0;
height: 2.5em;
    
}

.survey-name, .survey-description  {text-align: left !important; font-family: 'FS Elliot Web', sans-serif, arial !important; }
.survey-name  {font-size: 2.2em; font-weight: bold; margin: 2em 0 1em 0;}
.survey-description  {font-size: 1.2em; font-weight: bold;}
.survey-welcome  { margin: 2em 0 1em 0; line-height: 1.8;  font-family: 'FS Elliot Web', sans-serif, arial !important; border-bottom: 2px solid rgba(0,158,224,0.6);
    padding-bottom: 36px;}
.navigator  { margin: 2em 0 1em 0;}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}



.top-container .progress {
    height: 2.0em;
    margin-bottom: 0;
    margin-top: 3.5em;
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 30px !important;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    background-color: rgb(0,158,224);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}


.btn {
    background-color: rgb(0,34,63) !important;
    font-family: 'FS Elliot Web',sans-serif !important;
    font-size-adjust: auto;
    font-weight: 700;
    line-height: 1;
    font-size: 1em;
    text-transform: uppercase;
    display: inline-block;
    -webkit-transition: color .25s ease,background-color .25s ease;
    transition: color .25s ease,background-color .25s ease;
    position: relative;
    padding: 0.75em 1.5em;
    margin-bottom: .5em;
    color: #FFF !important;
    border-radius: 0 0 0 22px !important;
    border: none !important;
    cursor: pointer;
    outline: 0;
}

.btn:hover {background-color: rgb(214,47,135) !important;}

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: rgb(0,34,63) !important;
    /*border: none !important;*/
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn.active {background-color: rgb(214,47,135) !important;}

.table-bordered td {border: 1px solid #bbb !important;}

.answer-item label:after {background: rgb(0,158,224) !important;}

.ls-even {background: #ddd;}

.text-center {text-align: left;}


.panel-heading {
    color: #fff !important;
    background-color: rgb(0,34,63) !important;
    border-color: rgb(0,34,63) !important;
}

.question-count-text {margin:2em 0 2em 0; color: #333;}

.well {background-color: rgba(0,158,224,0.5);}

.group-title {font-size: 1.6em; font-weight: bold;}

.ls-label-question {font-weight: bold;}

.completed-text {font-weight: bold; font-size: 140%;}

.ls-language-changer-item { margin-top: 0em; }

#block_error {

    border: 1px solid #d62f87;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0;
    background: none;
}
    
    .form-horizontal .control-label {
    font-size: 1.1em;
}

#block_error h2 {

    font-size: 1.4em !important;
    color: #000 !important;
    border: none !important;
    font-weight: bold !important;

}

#block_error p {font-size: 1em;}

.alert-danger {
    color: #fff;
    background-color: rgb(214,47,135);
    border-color: #fff;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 0px;
}

.jumbotron {
    text-align: left;
    background-color: rgba(0,158,224,0.4);
    /*border-radius: 0 !important;*/
    border-radius: 0 0 0 60px !important;
}
.jumbotron p {
    font-size: 1em;
    font-weight: 500;
}

#register_button 
{
    margin-top: 1em;
    float: right;
}

.surveys-list-container {padding-left: 3em;}

#surveys-list-jumbotron {text-align: left; font-size: 1.8em; padding-left: 2.4em;}
#surveys-list-jumbotron img {display: none;}

.survey-list-heading {padding-left: 1.5em;}
.survey-list-heading .h3 {font-size: 1.2em;padding-left: 2.4em;}

.survey-contact {padding-left: 4.4em;}

#surveyListFooter {
    width: 100%;
    text-align: left;
    margin-bottom: 1em;
    padding-bottom: 40px;
    padding-top: 10px;
    margin-top: 2em;
    bottom: 20px;
    /*background-color: rgba(0, 34, 63, 1);*/
    color: #000;
    height: auto;
    border: 2px solid rgb(0,34,63);
    border-radius: 0 0 0 80px;

}

#surveyListFooter a {
    color: #000 !important;
}

#surveyListFooter a:focus {
    color: #000;
    text-decoration: underline;
}

#surveyListFooter a:before {
   content:"";
}

#surveyListFooter img {
    margin-bottom: 2em;
}

#surveyListFooter .text-center {
    text-align: center;
}

.question-container:nth-of-type(odd) {
    background-color: rgba(0,158,224,0.2) !important;
}

/* ############################################### */
@media (min-width: 361px) {
    .d-md-block {
        display: block !important;
        margin: 1em;
    }
    .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
    display: block !important;
}
}


@media (max-width: 360px) {
.d-none {
    display: none !important;
}
}



/* ############################################### */
/* ############################################### */

.fruity .btn-check:active+.btn-outline-secondary,.fruity .btn-check:checked+.btn-outline-secondary,.fruity .btn-check:focus+.btn-outline-secondary,.fruity .btn-outline-secondary.active,.fruity .btn-outline-secondary:active,.fruity .btn-outline-secondary:focus,.fruity .btn-outline-secondary:hover,.fruity .open .dropdown-toggle.btn-outline-secondary,.fruity .show>.btn-outline-secondary.dropdown-toggle {
    background-color: rgba(15,62,18,.1);
    border: 1px solid #0f3e12;
    color: #0f3e12
}

.fruity .btn-check:active+.btn-primary,.fruity .btn-check:checked+.btn-primary,.fruity .btn-check:focus+.btn-primary,.fruity .btn-primary.active,.fruity .btn-primary.active.active,.fruity .btn-primary.active:focus,.fruity .btn-primary:active,.fruity .btn-primary:focus,.fruity .btn-primary:hover,.fruity .open .dropdown-toggle.btn-primary {
    background-color: #246128;
    border: 1px solid #0f3e12;
    color: #fff
}

.fruity .btn-check:active+.btn-success,.fruity .btn-check:checked+.btn-success,.fruity .btn-check:focus+.btn-success,.fruity .btn-success.active,.fruity .btn-success:active,.fruity .btn-success:focus,.fruity .btn-success:hover,.fruity .open .dropdown-toggle.btn-success,.fruity .show>.btn-success.dropdown-toggle {
    background-color: #22722b;
    border: 1px solid #0f3e12;
    color: #fff
}

.fruity .btn-check:active+.btn-info,.fruity .btn-check:checked+.btn-info,.fruity .btn-check:focus+.btn-info,.fruity .btn-info.active,.fruity .btn-info:active,.fruity .btn-info:focus,.fruity .btn-info:hover,.fruity .open .dropdown-toggle.btn-info,.fruity .show>.btn-info.dropdown-toggle {
    background-color: #1c575a;
    border: 1px solid #133d3f;
    color: #fff
}

.fruity .btn-check:active+.btn-warning,.fruity .btn-check:checked+.btn-warning,.fruity .btn-check:focus+.btn-warning,.fruity .btn-warning.active,.fruity .btn-warning:active,.fruity .btn-warning:focus,.fruity .btn-warning:hover,.fruity .open .dropdown-toggle.btn-warning,.fruity .show>.btn-warning.dropdown-toggle {
    background-color: #80431e;
    border: 1px solid #5c2e15;
    color: #fff
}

.fruity .nav-tabs>li.active>a,.fruity .nav-tabs>li.active>a:focus,.fruity .nav-tabs>li.active>a:hover {
    background-color: #fff;
    border: 1px solid #dadada;
    color: #636363
}

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

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

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

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

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

.fruity .carousel-control:focus,.fruity .carousel-control:hover {
    color: #fff;
    filter: alpha(opacity=90);
    opacity: .9
}

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

#ui-datepicker-div {
    background-color: #fff;
    border: 1px solid #ccc
}

body {
    background-color: #fff;
    color: #35363f
}

.fruity mark {
    background: #ff6cb6;
    color: #000
}

.fruity a {
    color: rgb(0,34,63);
}

.fruity a:focus,.fruity a:hover {
    color: rgb(0,158,224);
}

.fruity a.badge:focus,.fruity a.badge:hover {
    color: #fff
}

.fruity a.list-group-item {
    color: #545454
}

.fruity a.list-group-item.active .list-group-item-text,.fruity a.list-group-item.active:focus .list-group-item-text,.fruity a.list-group-item.active:hover .list-group-item-text {
    color: #afdbb1
}

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

.fruity a.list-group-item .list-group-item-heading {
    color: #333
}

.fruity a.list-group-item:focus,.fruity a.list-group-item:hover {
    background-color: #9cba9e
}

.fruity a.thumbnail.active,.fruity a.thumbnail:focus,.fruity a.thumbnail:hover {
    border: 1px solid #328637
}

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

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

.fruity a.list-group-item-info {
    color: #39993f
}

.fruity a.list-group-item-info:focus,.fruity a.list-group-item-info:hover {
    background-color: #9bbfc0;
    color: #39993f
}

.fruity a.list-group-item-warning {
    color: #f8a46e
}

.fruity a.list-group-item-warning:focus,.fruity a.list-group-item-warning:hover {
    background-color: #b2947b;
    color: #f8a46e
}

.fruity a.list-group-item-danger {
    color: #a94442
}

.fruity a.list-group-item-danger:focus,.fruity a.list-group-item-danger:hover {
    background-color: #b65453;
    color: #a94442
}

.fruity a.text-primary:hover,.fruity a.text-success:hover {
    color: rgb(0,34,63) !important;
}

.fruity a.text-info:hover {
    color: #1c575a!important
}

.fruity a.text-warning:hover {
    color: #f6863a
}

.fruity a.text-danger:hover {
    color: #dd8988
}

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

.fruity a.bg-success:hover {
    background-color: #9dd39f
}

.fruity a.bg-info:hover {
    background-color: #8cb5b5
}

.fruity a.bg-warning:hover {
    background-color: #536f20
}

.fruity a.bg-danger:hover {
    background-color: #a94847
}

.fruity .img-thumbnail {
    background-color: #fff;
    border: 1px solid #dadada
}

.fruity hr {
    border-top: 1px solid #9cba9e
}

.fruity .text-muted {
    color: #858585!important
}

.fruity .text-info, .fruity .text-primary, .fruity .text-success, .text-primary {
    color: #333333 !important;
}

.fruity .text-warning {
    color: #f6863a!important
}

.fruity .text-danger {
    color: #a94442!important
}

.fruity .bg-primary {
    background-color: #328637!important;
    color: #fff!important
}

.fruity .bg-success {
    background-color: #c0e3c2!important
}

.fruity .bg-info {
    background-color: #649b6b!important
}

.fruity .bg-warning {
    background-color: #bba18c!important
}

.fruity .bg-danger {
    background-color: #be6665!important
}

.fruity .page-header {
    border-bottom: 1px solid #9cba9e
}

.fruity abbr[data-original-title] {
    border-bottom: 1px dotted #858585
}

.fruity blockquote {
    border-left: 5px solid #9cba9e
}

.fruity blockquote .small,.fruity blockquote footer,.fruity blockquote small {
    color: #858585
}

.fruity .blockquote-reverse,.fruity blockquote.pull-right {
    border-right: 5px solid #9cba9e
}

.fruity code {
    background-color: #f9f1f3;
    color: #c6254e
}

.fruity kbd {
    background-color: #333;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
    color: #fff
}

.fruity pre {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    color: #35363f
}

.fruity .table>tbody+tbody {
    border-top: 2px solid #dadada
}

.fruity .table>tbody>tr>td.active {
    background-color: #f5f5f5
}

.fruity .table>tbody>tr>td.success {
    background-color: #c0e3c2
}

.fruity .table>tbody>tr>td.info {
    background-color: #649b6b
}

.fruity .table>tbody>tr>td.warning {
    background-color: #bba18c
}

.fruity .table>tbody>tr>td.danger {
    background-color: #be6665
}

.fruity .table>tbody>tr>th.active {
    background-color: #f5f5f5
}

.fruity .table>tbody>tr>th.success {
    background-color: #c0e3c2
}

.fruity .table>tbody>tr>th.info {
    background-color: #649b6b
}

.fruity .table>tbody>tr>th.warning {
    background-color: #bba18c
}

.fruity .table>tbody>tr>th.danger {
    background-color: #be6665
}

.fruity .table>tbody>tr.active>td,.fruity .table>tbody>tr.active>th {
    background-color: #f5f5f5
}

.fruity .table>tbody>tr.success>td,.fruity .table>tbody>tr.success>th {
    background-color: #c0e3c2
}

.fruity .table>tbody>tr.info>td,.fruity .table>tbody>tr.info>th {
    background-color: #649b6b
}

.fruity .table>tbody>tr.warning>td,.fruity .table>tbody>tr.warning>th {
    background-color: #bba18c
}

.fruity .table>tbody>tr.danger>td,.fruity .table>tbody>tr.danger>th {
    background-color: #be6665
}

.fruity .table>tfoot>tr>td {
    border-top: 1px solid #dadada
}

.fruity .table>tfoot>tr>td.active {
    background-color: #f5f5f5
}

.fruity .table>tfoot>tr>td.success {
    background-color: #c0e3c2
}

.fruity .table>tfoot>tr>td.info {
    background-color: #649b6b
}

.fruity .table>tfoot>tr>td.warning {
    background-color: #bba18c
}

.fruity .table>tfoot>tr>td.danger {
    background-color: #be6665
}

.fruity .table>tfoot>tr>th.active {
    background-color: #f5f5f5
}

.fruity .table>tfoot>tr>th.success {
    background-color: #c0e3c2
}

.fruity .table>tfoot>tr>th.info {
    background-color: #649b6b
}

.fruity .table>tfoot>tr>th.warning {
    background-color: #bba18c
}

.fruity .table>tfoot>tr>th.danger {
    background-color: #be6665
}

.fruity .table>tfoot>tr.active>td,.fruity .table>tfoot>tr.active>th {
    background-color: #f5f5f5
}

.fruity .table>tfoot>tr.success>td,.fruity .table>tfoot>tr.success>th {
    background-color: #c0e3c2
}

.fruity .table>tfoot>tr.info>td,.fruity .table>tfoot>tr.info>th {
    background-color: #649b6b
}

.fruity .table>tfoot>tr.warning>td,.fruity .table>tfoot>tr.warning>th {
    background-color: #bba18c
}

.fruity .table>tfoot>tr.danger>td,.fruity .table>tfoot>tr.danger>th {
    background-color: #be6665
}

.fruity .table>thead>tr>th {
    border-bottom: 2px solid #dadada
}

.fruity .table>thead>tr>th.active {
    background-color: #f5f5f5
}

.fruity .table>thead>tr>th.success {
    background-color: #c0e3c2
}

.fruity .table>thead>tr>th.info {
    background-color: #649b6b
}

.fruity .table>thead>tr>th.warning {
    background-color: #bba18c
}

.fruity .table>thead>tr>th.danger {
    background-color: #be6665
}

.fruity .table>thead>tr>td.active {
    background-color: #f5f5f5
}

.fruity .table>thead>tr>td.success {
    background-color: #c0e3c2
}

.fruity .table>thead>tr>td.info {
    background-color: #649b6b
}

.fruity .table>thead>tr>td.warning {
    background-color: #bba18c
}

.fruity .table>thead>tr>td.danger {
    background-color: #be6665
}

.fruity .table>thead>tr.active>td,.fruity .table>thead>tr.active>th {
    background-color: #f5f5f5
}

.fruity .table>thead>tr.success>td,.fruity .table>thead>tr.success>th {
    background-color: #c0e3c2
}

.fruity .table>thead>tr.info>td,.fruity .table>thead>tr.info>th {
    background-color: #649b6b
}

.fruity .table>thead>tr.warning>td,.fruity .table>thead>tr.warning>th {
    background-color: #bba18c
}

.fruity .table>thead>tr.danger>td,.fruity .table>thead>tr.danger>th {
    background-color: #be6665
}

.fruity .table .table {
    background-color: #fff
}

.fruity .table-bordered,.fruity .table-bordered>tbody>tr>td,.fruity .table-bordered>tbody>tr>th,.fruity .table-bordered>tfoot>tr>td,.fruity .table-bordered>tfoot>tr>th,.fruity .table-bordered>thead>tr>td,.fruity .table-bordered>thead>tr>th {
    border: 1px solid #dadada
}

.fruity legend {
    border-bottom: 1px solid #e6e6e6;
    color: #35363f
}

.fruity output {
    color: #636363
}

.fruity .form-control {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    color: #636363
}

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

.fruity .form-control:-ms-input-placeholder {
    color: #858585
}

.fruity .form-control::-moz-placeholder {
    color: #858585;
    opacity: 1
}

.fruity .form-control::-webkit-input-placeholder {
    color: #858585
}

.fruity .form-control[disabled] {
    background-color: #f5f5f5;
    color: #e3e3e3;
    opacity: 1
}

.fruity .form-control[disabled].total {
    color: #35363f
}

.fruity .form-control[readonly],.fruity fieldset[disabled] .form-control {
    background-color: #f5f5f5;
    opacity: 1
}

.fruity fieldset[disabled] .btn-outline-secondary {
    background-color: hsla(0,0%,100%,.5);
    border: 1px solid #328637;
    color: #328637
}

.fruity fieldset[disabled] .btn-outline-secondary.active,.fruity fieldset[disabled] .btn-outline-secondary:active,.fruity fieldset[disabled] .btn-outline-secondary:focus,.fruity fieldset[disabled] .btn-outline-secondary:hover {
    background-color: hsla(0,0%,100%,.5);
    border: 1px solid #ccc
}

.fruity fieldset[disabled] .btn-primary,.fruity fieldset[disabled] .btn-primary.active,.fruity fieldset[disabled] .btn-primary:active,.fruity fieldset[disabled] .btn-primary:focus,.fruity fieldset[disabled] .btn-primary:hover,.fruity fieldset[disabled] .btn-success,.fruity fieldset[disabled] .btn-success.active,.fruity fieldset[disabled] .btn-success:active,.fruity fieldset[disabled] .btn-success:focus,.fruity fieldset[disabled] .btn-success:hover {
    background-color: #328637;
    border: 1px solid #328637
}

.fruity fieldset[disabled] .btn-info,.fruity fieldset[disabled] .btn-info.active,.fruity fieldset[disabled] .btn-info:active,.fruity fieldset[disabled] .btn-info:focus,.fruity fieldset[disabled] .btn-info:hover {
    background-color: #39993f;
    border: 1px solid #39993f
}

.fruity fieldset[disabled] .btn-warning {
    background-color: hsla(0,0%,100%,.2);
    border: 1px solid #f6863a
}

.fruity fieldset[disabled] .btn-warning.active,.fruity fieldset[disabled] .btn-warning:active,.fruity fieldset[disabled] .btn-warning:focus,.fruity fieldset[disabled] .btn-warning:hover {
    background-color: hsla(0,0%,100%,.5);
    border: 1px solid #f6863a
}

.fruity fieldset[disabled] .btn-danger {
    background-color: hsla(0,0%,100%,.2);
    border: 1px solid #a94442;
    color: #a94442
}

.fruity fieldset[disabled] .btn-danger.active,.fruity fieldset[disabled] .btn-danger:active,.fruity fieldset[disabled] .btn-danger:focus,.fruity fieldset[disabled] .btn-danger:hover {
    background-color: hsla(0,0%,100%,.5);
    border: 1px solid #a94442
}

.fruity fieldset[disabled] .btn-link:focus,.fruity fieldset[disabled] .btn-link:hover {
    text-decoration: underline
}

.fruity .has-success .checkbox,.fruity .has-success .checkbox-inline,.fruity .has-success .control-label,.fruity .has-success .help-block,.fruity .has-success .radio,.fruity .has-success .radio-inline {
    color: #328637
}

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

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

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

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

.fruity .has-warning .checkbox,.fruity .has-warning .checkbox-inline,.fruity .has-warning .control-label,.fruity .has-warning .help-block,.fruity .has-warning .radio,.fruity .has-warning .radio-inline {
    color: #f8a46e
}

.fruity .has-warning .form-control {
    border: 1px solid #f8a46e;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.fruity .has-warning .form-control:focus {
    border: 1px solid #f6863a;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fde1cf
}

.fruity .has-warning .input-group-addon {
    background-color: #bba18c;
    border: 1px solid #f8a46e;
    color: #f8a46e
}

.fruity .has-warning .form-control-feedback {
    color: #f8a46e
}

.fruity .has-error .checkbox,.fruity .has-error .checkbox-inline,.fruity .has-error .control-label,.fruity .has-error .help-block,.fruity .has-error .radio,.fruity .has-error .radio-inline {
    color: #a94442
}

.fruity .has-error .form-control {
    border: 1px solid #a94442;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.fruity .has-error .form-control:focus {
    border: 1px solid #a94442;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fff
}

.fruity .has-error .input-group-addon {
    background-color: transparent;
    border: 1px solid #a94442;
    color: #a94442
}

.fruity .has-error .form-control-feedback {
    color: #a94442
}

.fruity .help-block {
    color: #8a8a8a
}

.fruity .btn-outline-secondary {
    background-color: hsla(0,0%,100%,.2);
    border: 1px solid #328637;
    color: #328637
}

.fruity .btn-outline-secondary.disabled,.fruity .btn-outline-secondary.disabled.active,.fruity .btn-outline-secondary.disabled:active,.fruity .btn-outline-secondary.disabled:focus,.fruity .btn-outline-secondary.disabled:hover {
    background-color: #fff;
    border: 1px solid #ccc
}

.fruity .btn-outline-secondary .badge {
    background-color: #333;
    color: #fff
}

.fruity .btn-outline-secondary[disabled],.fruity .btn-outline-secondary[disabled].active,.fruity .btn-outline-secondary[disabled]:active,.fruity .btn-outline-secondary[disabled]:focus,.fruity .btn-outline-secondary[disabled]:hover {
    background-color: #fff;
    border: 1px solid #ccc
}

.fruity .btn-primary {
    color: #fff
}

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

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

.fruity .btn-primary label:hover {
    cursor: pointer
}

.fruity .btn-primary[disabled],.fruity .btn-primary[disabled].active,.fruity .btn-primary[disabled]:active,.fruity .btn-primary[disabled]:focus,.fruity .btn-primary[disabled]:hover,.fruity .btn-success {
    background-color: #328637;
    border: 1px solid #328637
}

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

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

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

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

.fruity .btn-info {
    color: #fff
}

.fruity .btn-info,.fruity .btn-info.disabled,.fruity .btn-info.disabled.active,.fruity .btn-info.disabled:active,.fruity .btn-info.disabled:focus,.fruity .btn-info.disabled:hover {
    background-color: #39993f;
    border: 1px solid #39993f
}

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

.fruity .btn-info[disabled],.fruity .btn-info[disabled].active,.fruity .btn-info[disabled]:active,.fruity .btn-info[disabled]:focus,.fruity .btn-info[disabled]:hover {
    background-color: #39993f;
    border: 1px solid #39993f
}

.fruity .btn-warning {
    background-color: transparent;
    border: 1px solid #8c4921;
    color: #fff
}

.fruity .btn-warning.disabled,.fruity .btn-warning.disabled.active,.fruity .btn-warning.disabled:active,.fruity .btn-warning.disabled:focus,.fruity .btn-warning.disabled:hover {
    background-color: hsla(0,0%,100%,.5);
    border: 1px solid #f6863a
}

.fruity .btn-warning .badge {
    background-color: #f6863a;
    color: hsla(0,0%,100%,.5)
}

.fruity .btn-warning[disabled] {
    border: 1px solid #f6863a
}

.fruity .btn-danger,.fruity .btn-warning[disabled],.fruity .btn-warning[disabled].active,.fruity .btn-warning[disabled]:active,.fruity .btn-warning[disabled]:focus,.fruity .btn-warning[disabled]:hover {
    background-color: hsla(0,0%,100%,.5)
}

.fruity .btn-danger {
    border: 1px solid #a94442;
    color: #a94442
}

.fruity .btn-danger.active,.fruity .btn-danger:active,.fruity .btn-danger:focus,.fruity .btn-danger:hover {
    background-color: hsla(0,0%,100%,.5)
}

.fruity .btn-danger.disabled,.fruity .btn-danger.disabled.active,.fruity .btn-danger.disabled:active,.fruity .btn-danger.disabled:focus,.fruity .btn-danger.disabled:hover {
    background-color: #a0352f;
    border: 1px solid #8c2e29
}

.fruity .btn-danger .badge {
    background-color: #fff;
    color: #a0352f
}

.fruity .btn-danger[disabled],.fruity .btn-danger[disabled].active,.fruity .btn-danger[disabled]:active,.fruity .btn-danger[disabled]:focus,.fruity .btn-danger[disabled]:hover {
    background-color: #a0352f;
    border: 1px solid #8c2e29
}

.fruity .btn-link {
    color: #328637
}

.fruity .btn-link:focus,.fruity .btn-link:hover {
    color: #0f3e12
}

.fruity .btn-link[disabled]:focus,.fruity .btn-link[disabled]:hover {
    color: #858585
}

.fruity .btn-check:active+.btn-outline-secondary:focus,.fruity .btn-check:active+.btn-primary:focus,.fruity .btn-check:active+.btn-success:focus,.fruity .btn-check:checked+.btn-outline-secondary:focus,.fruity .btn-check:checked+.btn-primary:focus,.fruity .btn-check:checked+.btn-success:focus,.fruity .btn-check:focus+.btn-outline-secondary,.fruity .btn-check:focus+.btn-primary,.fruity .btn-check:focus+.btn-success,.fruity .btn-outline-secondary.active:focus,.fruity .btn-outline-secondary:active:focus,.fruity .btn-success.active:focus,.fruity .btn-success:active:focus,.fruity .show>.btn-outline-secondary.dropdown-toggle:focus,.fruity .show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(15,62,18,.5)
}

.fruity .btn-check:active+.btn-info:focus,.fruity .btn-check:checked+.btn-info:focus,.fruity .btn-check:focus+.btn-info,.fruity .btn-info.active:focus,.fruity .btn-info:active:focus,.fruity .show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(19,61,63,.5)
}

.fruity .btn-check:active+.btn-warning:focus,.fruity .btn-check:checked+.btn-warning:focus,.fruity .btn-check:focus+.btn-warning,.fruity .btn-warning.active:focus,.fruity .btn-warning:active:focus,.fruity .show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(92,46,21,.5)
}

.fruity .btn-check:active+.btn-danger,.fruity .btn-check:checked+.btn-danger,.fruity .btn-check:focus+.btn-danger,.fruity .btn-danger.active,.fruity .btn-danger:active,.fruity .show>.btn-danger.dropdown-toggle {
    background-color: hsla(0,0%,100%,.5);
    border-color: #a94442;
    color: #a94442
}

.fruity .btn-check:active+.btn-danger:focus,.fruity .btn-check:checked+.btn-danger:focus,.fruity .btn-check:focus+.btn-danger,.fruity .btn-danger.active:focus,.fruity .btn-danger:active:focus,.fruity .show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(174,78,77,.5)
}

.fruity .dropdown-menu {
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

.fruity .dropdown-menu .divider {
    background-color: #e6e6e6
}

.fruity .dropdown-menu>li>a {
    color: #35363f
}

.fruity .dropdown-menu>.active>a,.fruity .dropdown-menu>.active>a:focus,.fruity .dropdown-menu>.active>a:hover,.fruity .dropdown-menu>li>a:focus,.fruity .dropdown-menu>li>a:hover {
    background-color: #0f3e12!important;
    color: #fff
}

.fruity .dropdown-menu>li>a.disabled {
    color: #858585
}

.fruity .dropdown-menu>li>a.disabled :focus,.fruity .dropdown-menu>li>a.disabled :hover {
    color: #858585!important
}

.fruity .dropdown-header {
    color: #858585
}

.fruity .input-group-addon,.fruity .input-group-text {
    background-color: #328637;
    color: #fff
}

.fruity .nav .nav-divider {
    background-color: #e6e6e6
}

.fruity .nav>li>a:focus,.fruity .nav>li>a:hover {
    text-decoration: underline
}

.fruity .nav>li.disabled>a,.fruity .nav>li.disabled>a:focus,.fruity .nav>li.disabled>a:hover {
    color: #858585
}

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

.fruity .nav .open>a,.fruity .nav .open>a:focus,.fruity .nav .open>a:hover {
    background-color: #0f3e12;
    color: #fff
}

.fruity .nav-tabs {
    border-bottom: 1px solid #dadada
}

.fruity .nav-tabs>li a:hover {
    border: 1px solid #9cba9e
}

.fruity .navbar-collapse {
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1)
}

.fruity .navbar-form {
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.1)
}

.fruity .label,.fruity .label[href]:focus,.fruity .label[href]:hover {
    color: #fff
}

.fruity .label-default {
    background-color: #858585
}

.fruity .label-default[href]:focus,.fruity .label-default[href]:hover {
    background-color: #6b6b6b
}

.fruity .label-primary {
    background-color: #328637
}

.fruity .label-primary[href]:focus,.fruity .label-primary[href]:hover {
    background-color: #246128
}

.fruity .label-success {
    background-color: #328637
}

.fruity .label-success[href]:focus,.fruity .label-success[href]:hover {
    background-color: #246128
}

.fruity .label-info {
    background-color: #39993f
}

.fruity .label-info[href]:focus,.fruity .label-info[href]:hover {
    background-color: #1c575a
}

.fruity .label-warning {
    background-color: #f6863a;
    color: #fff
}

.fruity .label-warning[href]:focus,.fruity .label-warning[href]:hover {
    background-color: #783d1c
}

.fruity .label-danger {
    background-color: #a0352f
}

.fruity .label-danger[href]:focus,.fruity .label-danger[href]:hover {
    background-color: #7b2824
}

.fruity .badge {
    background-color: #858585;
    color: #fff
}

.fruity .jumbotron {
    background-color: #9cba9e;
    text-align: center
}

.fruity .jumbotron,.fruity .jumbotron.message-box {
    background-color: transparent
}

.fruity .thumbnail {
    background-color: #fff;
    border: 1px solid #dadada
}

.fruity .thumbnail .caption {
    color: #35363f
}

.fruity .alert-success {
    background-color: transparent;
    border: 1px solid #40ab46;
    color: #40ab46
}

.fruity .alert-success hr {
    border-top-color: #40ab46
}

.fruity .alert-success .alert-link {
    color: #40ab46;
    text-decoration: underline
}

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

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

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

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

.fruity .alert-warning hr {
    border-top-color: #f6863a
}

.fruity .alert-warning .alert-link {
    color: #f6863a;
    text-decoration: underline
}

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

.fruity .alert-danger hr {
    border-top-color: #a94442
}

.fruity .alert-danger .alert-link {
    color: #a94442;
    text-decoration: underline
}

.fruity .progress {
    background-color: #f5f5f5;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.fruity .progress-bar {
    background-color: rgb(0,158,224);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    color: #fff
}

.fruity .progress-striped .progress-bar,.fruity .progress-striped .progress-bar-danger,.fruity .progress-striped .progress-bar-info,.fruity .progress-striped .progress-bar-success,.fruity .progress-striped .progress-bar-warning {
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}

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

.fruity .progress-bar-info {
    background-color: #39993f
}

.fruity .progress-bar-warning {
    background-color: #f6863a
}

.fruity .progress-bar-danger {
    background-color: #a0352f
}

.fruity .list-group-item {
    background-color: #fff;
    border: 1px solid #dadada
}

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

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

.fruity .list-group-item-warning {
    background-color: #bba18c;
    color: #f8a46e
}

.fruity .list-group-item-danger {
    background-color: #be6665;
    color: #a94442
}

.fruity .card {
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.fruity .card-footer,.fruity .card>.card-body+.table,.fruity .card>.card-body+.table-responsive {
    border-top: 1px solid #dadada
}

.fruity .card-footer {
    background-color: #f5f5f5
}

.fruity .card-group .card-header+.panel-collapse .card-body {
    border-top: 1px solid #dadada
}

.fruity .card-group .card-footer+.panel-collapse .card-body {
    border-bottom: 1px solid #dadada
}

.fruity .card-default {
    border: 1px solid #dadada
}

.fruity .card-default>.card-header {
    background-color: #f5f5f5;
    border: 1px solid #dadada;
    color: #35363f
}

.fruity .card-default>.card-header+.panel-collapse .card-body {
    border-top-color: #dadada
}

.fruity .card-default>.card-footer+.panel-collapse .card-body {
    border-bottom-color: #dadada
}

.fruity .card-primary {
    border: 1px solid #328637
}

.fruity .card-primary>.card-header {
    background-color: #328637;
    border: 1px solid #328637;
    color: #fff
}

.fruity .card-primary>.card-header+.panel-collapse .card-body {
    border-top-color: #328637
}

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

.fruity .card-success {
    border: 1px solid #afdbb1
}

.fruity .card-success>.card-header {
    background-color: #c0e3c2;
    border: 1px solid #afdbb1;
    color: #328637
}

.fruity .card-success>.card-header+.panel-collapse .card-body {
    border-top-color: #afdbb1
}

.fruity .card-success>.card-footer+.panel-collapse .card-body {
    border-bottom-color: #afdbb1
}

.fruity .card-info {
    border: 1px solid #9bbfc0
}

.fruity .card-info>.card-header {
    background-color: #649b6b;
    border: 1px solid #9bbfc0;
    color: #39993f
}

.fruity .card-info>.card-header+.panel-collapse .card-body {
    border-top-color: #9bbfc0
}

.fruity .card-info>.card-footer+.panel-collapse .card-body {
    border-bottom-color: #9bbfc0
}

.fruity .card-warning {
    border: 1px solid #ff726c
}

.fruity .card-warning>.card-header {
    background-color: #bba18c;
    border: 1px solid #ff726c;
    color: #f8a46e
}

.fruity .card-warning>.card-header+.panel-collapse .card-body {
    border-top-color: #ff726c
}

.fruity .card-warning>.card-footer+.panel-collapse .card-body {
    border-bottom-color: #ff726c
}

.fruity .card-danger {
    border: 1px solid #a94442
}

.fruity .card-danger>.card-header {
    background-color: #be6665;
    border: 1px solid #a94442;
    color: #a94442
}

.fruity .card-danger>.card-header+.panel-collapse .card-body {
    border-top-color: #a94442
}

.fruity .card-danger>.card-footer+.panel-collapse .card-body {
    border-bottom-color: #a94442
}

.fruity .well {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}

.fruity .well blockquote {
    border: 1px solid #dadada;
    border: 1px solid rgba(0,0,0,.15)
}

.fruity .close {
    text-shadow: 0 1px 0 #fff
}

.fruity .modal-content {
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    box-shadow: 0 3px 9px rgba(0,0,0,.5)
}

.fruity .modal-backdrop {
    background-color: #000
}

.fruity .modal-header {
    border-bottom: 1px solid #e6e6e6
}

.fruity .modal-footer {
    border-top: 1px solid #e6e6e6
}

.fruity .tooltip-inner {
    background-color: #000;
    color: #fff
}

.fruity .tooltip.top .tooltip-arrow,.fruity .tooltip.top-left .tooltip-arrow,.fruity .tooltip.top-right .tooltip-arrow {
    border-top-color: #000
}

.fruity .tooltip.right .tooltip-arrow {
    border-right-color: #000
}

.fruity .tooltip.left .tooltip-arrow {
    border-left-color: #000
}

.fruity .tooltip.bottom .tooltip-arrow,.fruity .tooltip.bottom-left .tooltip-arrow,.fruity .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #000
}

.fruity .popover {
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2)
}

.fruity .popover.top>.arrow {
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25)
}

.fruity .popover.top>.arrow:after {
    border-top-color: #fff
}

.fruity .popover.right>.arrow {
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25)
}

.fruity .popover.right>.arrow:after {
    border-right-color: #fff
}

.fruity .popover.bottom>.arrow {
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25)
}

.fruity .popover.bottom>.arrow:after {
    border-bottom-color: #fff
}

.fruity .popover.left>.arrow {
    border-left-color: #999;
    border-left-color: rgba(0,0,0,.25)
}

.fruity .popover.left>.arrow:after {
    border-left-color: #fff
}

.fruity .popover-title {
    background-color: #9cba9e;
    border-bottom: 1px solid #8eae90
}

.fruity .carousel-control {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.6)
}

.fruity .carousel-indicators li {
    background-color: #000\9;
    background-color: transparent;
    border: 1px solid #fff
}

.fruity .carousel-indicators .active {
    background-color: #fff
}

.fruity .carousel-caption {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.6)
}

.fruity #welcome-jumbotron {
    background-color: transparent
}

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

.fruity .surveybar {
    background-color: #fff;
    border-bottom: 1px solid #e3e3e3;
    box-shadow: 0 3px 3px rgba(99,49,48,.1)
}

.fruity .navbar {
    background-color: #fff!important;
    border-radius: 0!important;
    box-shadow: 0 3px 3px hsla(200,3%,53%,.1)
}

.fruity .navbar a {
    font-size: 1.2rem;
    line-height: 1.8rem;
    text-decoration: none
}

@media (min-width: 769px) {
    .fruity .navbar .navbar-nav .nav-item .nav-link:active,.fruity .navbar .navbar-nav .nav-item .nav-link:focus,.fruity .navbar .navbar-nav .nav-item .nav-link:hover {
        text-decoration:none
    }

    .fruity .navbar .navbar-nav .nav-item .nav-link {
        padding-bottom: 0;
        padding-left: 0
    }

    .fruity .navbar .navbar-nav .nav-item {
        position: relative !important
    }

    .fruity .navbar .navbar-nav .nav-item:after {
        background-color: #328637;
        content: "";
        display: block;
        height: 2px;
        text-align: right;
        transition: width .3s;
        width: 0
    }

    .fruity .navbar .navbar-nav .nav-item:hover:after {
        width: 100%
    }
}

@media (max-width:768px) {
    .fruity .navbar {
        box-shadow:1px 2px 3px hsla(200,3%,53%,.1);
        padding-bottom: 15px;
        padding-top: 15px
    }
}

.fruity .navbar .nav-icon-btn.nav-icon-btn-danger .label {
    background: #a94442
}

.fruity .mega-dropdown-menu .dropdown-header {
    color: #0f3e12
}

.fruity .mega-dropdown-menu>li>ul>li>a {
    color: #252b1c
}

.fruity .footer {
    background-color: #fff;
    border-top: 1px solid #dadada
}

.fruity .alert-security-update {
    background-color: #fff;
    border: 1px solid #800052;
    color: #800052
}

.fruity .box {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.fruity #info-footer,.fruity #info-header {
    color: #0f3e12
}

.fruity .box-icon span {
    color: #fff
}

.fruity .cke_toolgroup {
    background: #e3e3e3;
    border: 1px solid #dadada;
    box-shadow: 0 1px 0 hsla(0,0%,100%,.5),inset 0 0 2px hsla(0,0%,100%,.15),inset 0 1px 0 hsla(0,0%,100%,.15)
}

.fruity .message-box {
    border: 1px solid #8bc68e;
    color: #2e2e2e
}

.fruity .message-box-error {
    border: 1px solid #a0352f
}

.fruity .message-box-warning {
    border: 1px solid #f6863a
}

.fruity .welcome .card {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.fruity .login-title {
    border-bottom: 1px solid #dadada
}

.fruity .login-submit {
    border-top: 1px solid #dadada
}

.fruity #gs_completed {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    color: #636363
}

.fruity .h6 .small {
    color: #858585
}

.fruity .table-striped>tbody>tr:nth-child(odd)>td,.fruity .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #f5f5f5
}

.fruity .table-hover>tbody>tr>td.active:hover {
    background-color: #e8e8e8
}

.fruity .table-hover>tbody>tr>td.success:hover {
    background-color: #afdbb1
}

.fruity .table-hover>tbody>tr>td.info:hover {
    background-color: #9bbfc0
}

.fruity .table-hover>tbody>tr>td.warning:hover {
    background-color: #b2947b
}

.fruity .table-hover>tbody>tr>td.danger:hover {
    background-color: #b65453
}

.fruity .table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8
}

.fruity .table-hover>tbody>tr>th.success:hover {
    background-color: #afdbb1
}

.fruity .table-hover>tbody>tr>th.info:hover {
    background-color: #9bbfc0
}

.fruity .table-hover>tbody>tr>th.warning:hover {
    background-color: #b2947b
}

.fruity .table-hover>tbody>tr>th.danger:hover {
    background-color: #b65453
}

.fruity .table-hover>tbody>tr:hover>td,.fruity .table-hover>tbody>tr:hover>th {
    background-color: #f5f5f5
}

.fruity .table-hover>tbody>tr.active:hover>td,.fruity .table-hover>tbody>tr.active:hover>th {
    background-color: #e8e8e8
}

.fruity .table-hover>tbody>tr.success:hover>td,.fruity .table-hover>tbody>tr.success:hover>th {
    background-color: #afdbb1
}

.fruity .table-hover>tbody>tr.info:hover>td,.fruity .table-hover>tbody>tr.info:hover>th {
    background-color: #9bbfc0
}

.fruity .table-hover>tbody>tr.warning:hover>td,.fruity .table-hover>tbody>tr.warning:hover>th {
    background-color: #b2947b
}

.fruity .table-hover>tbody>tr.danger:hover>td,.fruity .table-hover>tbody>tr.danger:hover>th {
    background-color: #b65453
}

.fruity .btn-group.open .dropdown-toggle {
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

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

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

.fruity .nav-tabs-justified>.active>a,.fruity .nav-tabs-justified>.active>a:focus,.fruity .nav-tabs-justified>.active>a:hover {
    border: 1px solid #dadada
}

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

.fruity table.cke_editor {
    box-shadow: 1px 1px 2px rgba(0,0,0,.16)
}

.fruity .hoverAction tbody tr:hover {
    background-color: #709572;
    color: #fff
}

.fruity .hoverAction table thead tr:hover {
    background-color: transparent;
    color: #35363f
}

.fruity div.card.disabled,.fruity div.card.disabled * {
    opacity: .5
}

.fruity .ui-widget-content .ui-state-default,.fruity .ui-widget-header .ui-state-default {
    background-color: transparent;
    background-image: none
}

.fruity .absolute-wrapper {
    box-shadow: 3px 0 3px hsla(200,3%,53%,.1)
}

.fruity .absolute-wrapper,.fruity .side-menu {
    background-color: #fff;
    border-right: 1px solid #e3e3e3
}

.fruity .side-menu .navbar {
    background-color: #fff
}

.fruity .side-menu .navbar-header,.fruity .side-menu .navbar-nav li {
    border-bottom: 1px solid #e3e3e3
}

.fruity .side-menu .navbar-nav .active,.fruity .side-menu .navbar-nav li a.question-link:hover {
    box-shadow: inset 0 1px 1px 1px rgba(0,0,0,.16),inset 0 2px 1px 1px rgba(0,0,0,.12)
}

.fruity .side-menu .navbar-nav .active {
    background-color: #0f3e12
}

.fruity .side-menu .navbar-nav .active a {
    color: #fff
}

.fruity .side-menu .navbar-nav .question-link.active {
    background-color: transparent
}

.fruity .side-menu #dropdown {
    background-color: transparent;
    box-shadow: none
}

.fruity .side-menu #dropdown li:hover {
    background-color: #8bc68e;
    color: #fff
}

.fruity .side-menu #dropdown li.active:hover {
    background-color: transparent;
    border-right: 5px solid #e3e3e3;
    color: #0f3e12
}

.fruity .side-menu #dropdown li.disabled:hover {
    background-color: transparent;
    color: #fff
}

.fruity .side-menu #dropdown .card-body {
    background-color: #fafafa
}

.fruity .side-menu #dropdown .card-body .navbar-nav li {
    border-bottom: 1px solid #e3e3e3
}

.fruity .side-menu #dropdown .card-body .navbar-nav li.card {
    background-color: transparent
}

.fruity .side-menu #dropdown .card-body .card-body li:last-child,.fruity .side-menu #dropdown .card-body .navbar-nav li.card-default,.fruity .side-menu #dropdown>a {
    border-bottom: 1px solid #e3e3e3
}

.fruity .side-menu .hide-button {
    background-color: #fafafa
}

.fruity .side-menu #search .card-body .navbar-form {
    border-top: 1px solid #e3e3e3
}

.fruity .side-menu #search .card-body .navbar-form .btn {
    background-color: #fafafa
}

.fruity #explorer .questiongroupdropdown li a {
    color: #000
}

.fruity .dropdownstyle {
    background-color: transparent
}

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

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

.fruity #sideMenu #dropdown li .active a:hover,.fruity #sideMenu #dropdown li a[aria-expanded=true],.fruity #sideMenu #dropdown li:hover,.fruity #sideMenu #dropdown li:hover>a,.fruity #sideMenu #dropdown li>a:hover {
    background-color: #4e8d56
}

.fruity #sideMenu #dropdown #explorer li .active a:hover,.fruity #sideMenu #dropdown #explorer li a[aria-expanded=true],.fruity #sideMenu #dropdown #explorer li:hover,.fruity #sideMenu #dropdown #explorer li:hover>a,.fruity #sideMenu #dropdown #explorer li>a:hover {
    background-color: #649b6b
}

.fruity #sideMenu #dropdown #explorer .questiongroupdropdown li .active a:hover,.fruity #sideMenu #dropdown #explorer .questiongroupdropdown li a[aria-expanded=true],.fruity #sideMenu #dropdown #explorer .questiongroupdropdown li:hover,.fruity #sideMenu #dropdown #explorer .questiongroupdropdown li:hover>a,.fruity #sideMenu #dropdown #explorer .questiongroupdropdown li>a:hover {
    background-color: #a7c4a9
}

.fruity #sideMenu .navbar-default .navbar-nav>.active>a {
    background-color: transparent
}

.fruity #sideMenu .side-menu .dropdownlvl1>a:hover,.fruity #sideMenu .sidemenuscontainer li:hover,.fruity #sideMenu .sidemenuscontainer li:hover>a {
    background-color: #0f3e12;
    color: #fff
}

@media (max-width: 768px) {
    .fruity .side-menu {
        border-bottom:1px solid #e3e3e3
    }

    .fruity .navbar-toggle {
        background-color: #fafafa
    }

    .fruity .side-menu-container>.navbar-nav {
        background-color: #f8f8f8;
        border-right: 1px solid #e3e3e3
    }
}

.fruity .toWhite a:hover {
    background-color: #8bc68e;
    color: #fff
}

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

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

.fruity .open .dropdown-toggle.btn-danger {
    background-color: #802b26;
    border: 1px solid #5d1f1b;
    color: #fff
}

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

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

.fruity .btn-danger:hover,.fruity .btn-info:hover,.fruity .btn-success:hover,.fruity .btn-warning:hover {
    color: #fff
}

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

.fruity .ui-dialog,.fruity .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable,.fruity .ui-jqdialog {
    background-color: #fff;
    border: 1px solid #ccc
}

.fruity .ui-jqdialog-titlebar {
    border-bottom: 2px solid #ccc
}

.fruity .ui-autocomplete-input,.fruity .uneditable-input,.fruity input[type=password],.fruity input[type=text],.fruity textarea {
    color: #636363
}

.fruity .navtable {
    border: 1px solid #ccc
}

.fruity .em-function {
    color: #328637
}

.fruity .em-var-string {
    color: #35363f
}

.fruity .data-entry-explanation+tr {
    background-color: #e6e6e6
}

.fruity .data-entry-tbl tr.even,.fruity .data-entry-tbl tr.odd {
    border-bottom: 1px solid #ebebeb
}

.fruity #carousel-example-generic .card-title,.fruity #carousel-example-generic .carousel-control {
    color: #328637
}

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

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

@keyframes preload-show-1 {
    0% {
        border-left-color: #163c19;
        transform: rotate(60deg) rotateY(-90deg) rotateX(0deg)
    }
}

@keyframes preload-hide-1 {
    to {
        border-left-color: #163c19;
        transform: rotate(60deg) rotateY(-90deg) rotateX(0deg)
    }
}

@keyframes preload-cycle-1 {
    5% {
        border-left-color: #163c19;
        transform: rotate(60deg) rotateY(90deg) rotateX(0deg)
    }

    10%,75% {
        border-left-color: #39993f;
        transform: rotate(60deg) rotateY(0) rotateX(0deg)
    }

    80%,to {
        border-left-color: #328637;
        transform: rotate(60deg) rotateY(90deg) rotateX(0deg)
    }
}

@keyframes preload-show-2 {
    0% {
        border-left-color: #163c19;
        transform: rotate(120deg) rotateY(-90deg) rotateX(0deg)
    }
}

@keyframes preload-hide-2 {
    to {
        border-left-color: #163c19;
        transform: rotate(120deg) rotateY(-90deg) rotateX(0deg)
    }
}

@keyframes preload-cycle-2 {
    10% {
        border-left-color: #163c19;
        transform: rotate(120deg) rotateY(90deg) rotateX(0deg)
    }

    15%,70% {
        border-left-color: #39993f;
        transform: rotate(120deg) rotateY(0) rotateX(0deg)
    }

    75%,to {
        border-left-color: #328637;
        transform: rotate(120deg) rotateY(90deg) rotateX(0deg)
    }
}

@keyframes preload-show-3 {
    0% {
        border-left-color: #163c19;
        transform: rotate(180deg) rotateY(-90deg) rotateX(0deg)
    }
}

@keyframes preload-hide-3 {
    to {
        border-left-color: #163c19;
        transform: rotate(180deg) rotateY(-90deg) rotateX(0deg)
    }
}

@keyframes preload-cycle-3 {
    15% {
        border-left-color: #163c19;
        transform: rotate(180deg) rotateY(90deg) rotateX(0deg)
    }

    20%,65% {
        border-left-color: #39993f;
        transform: rotate(180deg) rotateY(0) rotateX(0deg)
    }

    70%,to {
        border-left-color: #328637;
        transform: rotate(180deg) rotateY(90deg) rotateX(0deg)
    }
}

@keyframes preload-show-4 {
    0% {
        border-left-color: #163c19;
        transform: rotate(240deg) rotateY(-90deg) rotateX(0deg)
    }
}

@keyframes preload-hide-4 {
    to {
        border-left-color: #163c19;
        transform: rotate(240deg) rotateY(-90deg) rotateX(0deg)
    }
}

@keyframes preload-cycle-4 {
    20% {
        border-left-color: #163c19;
        transform: rotate(240deg) rotateY(90deg) rotateX(0deg)
    }

    25%,60% {
        border-left-color: #39993f;
        transform: rotate(240deg) rotateY(0) rotateX(0deg)
    }

    65%,to {
        border-left-color: #328637;
        transform: rotate(240deg) rotateY(90deg) rotateX(0deg)
    }
}

@keyframes preload-show-5 {
    0% {
        border-left-color: #163c19;
        transform: rotate(300deg) rotateY(-90deg) rotateX(0deg)
    }
}

@keyframes preload-hide-5 {
    to {
        border-left-color: #163c19;
        transform: rotate(300deg) rotateY(-90deg) rotateX(0deg)
    }
}

@keyframes preload-cycle-5 {
    25% {
        border-left-color: #163c19;
        transform: rotate(300deg) rotateY(90deg) rotateX(0deg)
    }

    30%,55% {
        border-left-color: #39993f;
        transform: rotate(300deg) rotateY(0) rotateX(0deg)
    }

    60%,to {
        border-left-color: #328637;
        transform: rotate(300deg) rotateY(90deg) rotateX(0deg)
    }
}

@keyframes preload-show-6 {
    0% {
        border-left-color: #163c19;
        transform: rotate(1turn) rotateY(-90deg) rotateX(0deg)
    }
}

@keyframes preload-hide-6 {
    to {
        border-left-color: #163c19;
        transform: rotate(1turn) rotateY(-90deg) rotateX(0deg)
    }
}

@keyframes preload-cycle-6 {
    30% {
        border-left-color: #163c19;
        transform: rotate(1turn) rotateY(90deg) rotateX(0deg)
    }

    35%,50% {
        border-left-color: #39993f;
        transform: rotate(1turn) rotateY(0) rotateX(0deg)
    }

    55%,to {
        border-left-color: #328637;
        transform: rotate(1turn) rotateY(90deg) rotateX(0deg)
    }
}

@keyframes preload-flip {
    0% {
        transform: rotateY(0deg) rotate(-60deg)
    }

    to {
        transform: rotateY(1turn) rotate(-60deg)
    }
}

.fruity #sidebar .btn-primary.force.color.white.onhover:active,.fruity #sidebar .btn-primary.force.color.white.onhover:focus,.fruity #sidebar .btn-primary.force.color.white.onhover:hover {
    color: #fff
}

.fruity #sidebar .tabbutton.btn-primary {
    outline: none
}

.fruity #sidebar .tabbutton.btn-primary:active:after,.fruity #sidebar .tabbutton.btn-primary:focus:after,.fruity #sidebar .tabbutton.btn-primary:hover:after {
    color: #163c19
}

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

.fruity #sidebar .background.white {
    background-color: #fff;
    box-shadow: none
}

.fruity #sidebar .resize-handle button:active,.fruity #sidebar .resize-handle button:focus,.fruity #sidebar .resize-handle button:hover {
    background-color: #fff!important
}

.fruity #sidebar .menu-open {
    animation-duration: .45s;
    animation-name: animate-gradient;
    background: radial-gradient(circle at center,#5cc262 0,#5cc262 8px,#fff 9px,#fff 100%)
}

.fruity #sidebar .selected {
    background: linear-gradient(90deg,#328637 0,#328637 13px,#fff 0,#fff);
    padding-left: 20px;
    transition-duration: .25s;
    transition-property: all;
    transition-timing-function: cubic-bezier(1,.5,.5,1)
}

.fruity #sidebar .dragged {
    background-color: #40ab46!important;
    opacity: .8;
    padding-bottom: 18px;
    padding-top: 18px;
    transition-duration: .1s;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.fruity #sidebar .menu-selected {
    background: linear-gradient(90deg,#328637 0,#328637 6px,#fff 0,#fff);
    padding-left: 10px
}

.fruity #sidebar .subpanel.level-0 .menu-selected {
    background: linear-gradient(90deg,#40ab46 0,#40ab46 6px,#fff 0,#fff)
}

.fruity #sidebar .subpanel.level-0 .selected {
    background: linear-gradient(90deg,#40ab46 0,#40ab46 13px,#fff 0,#fff)
}

.fruity #sidebar .subpanel.level-1 .menu-selected {
    background: linear-gradient(90deg,#49bb50 0,#49bb50 6px,#fff 0,#fff)
}

.fruity #sidebar .subpanel.level-1 .selected {
    background: linear-gradient(90deg,#49bb50 0,#49bb50 13px,#fff 0,#fff)
}

.fruity #sidebar .subpanel.level-2 .menu-selected {
    background: linear-gradient(90deg,#5cc262 0,#5cc262 6px,#fff 0,#fff)
}

.fruity #sidebar .subpanel.level-2 .selected {
    background: linear-gradient(90deg,#5cc262 0,#5cc262 13px,#fff 0,#fff)
}

@keyframes animate-gradient {
    0% {
        background: radial-gradient(circle at center,#328637 0,#328637 1px,#fff 2px,#fff 100%)
    }

    10% {
        background: radial-gradient(circle at center,#328637 0,#328637 2px,#fff 3px,#fff 100%)
    }

    20% {
        background: radial-gradient(circle at center,#328637 0,#328637 3px,#fff 4px,#fff 100%)
    }

    30% {
        background: radial-gradient(circle at center,#328637 0,#328637 4px,#fff 5px,#fff 100%)
    }

    40% {
        background: radial-gradient(circle at center,#328637 0,#328637 5px,#fff 6px,#fff 100%)
    }

    50% {
        background: radial-gradient(circle at center,#328637 0,#328637 6px,#fff 7px,#fff 100%)
    }

    60% {
        background: radial-gradient(circle at center,#328637 0,#328637 7px,#fff 8px,#fff 100%)
    }

    70% {
        background: radial-gradient(circle at center,#328637 0,#328637 8px,#fff 9px,#fff 100%)
    }

    80% {
        background: radial-gradient(circle at center,#328637 0,#328637 9px,#fff 10px,#fff 100%)
    }

    90% {
        background: radial-gradient(circle at center,#328637 0,#328637 10px,#fff 0,#fff 100%)
    }

    to {
        background: radial-gradient(circle at center,#328637 0,#328637 8px,#fff 9px,#fff 100%)
    }
}

.fruity .ls-ba .list-group>.list-group-item .list-group .list-group-item:last-of-type {
    border-bottom: 1px solid #35363f
}

.fruity .ls-ba .breadcrumb>li+li:before {
    color: #fff
}

.fruity ol.breadcrumb.title-bar-breadcrumb {
    background: transparent;
    color: #fff
}

.fruity ol.breadcrumb.title-bar-breadcrumb a {
    color: #fff
}

.fruity ol.breadcrumb.title-bar-breadcrumb a.animate:after {
    background: #fff;
    transition: width .3s
}

.fruity ol.breadcrumb.title-bar-breadcrumb li {
    background: transparent;
    color: #fff
}

.fruity ol.breadcrumb.title-bar-breadcrumb li.active {
    color: #35363f
}

.fruity #pjax-content .surveybar {
    box-shadow: 3px 3px 3px #35363f
}

.fruity #pjax-file-load-container>div {
    background: #000;
    background: linear-gradient(90deg,#000 0,#081709 50%,#163c19);
    transition-timing-function: ease-in-out;
    transition: width 1.6s
}

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

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

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

.fruity .explorer-group-title a.explorer-group,.fruity .question-collapse-title {
    color: #163c19
}

.fruity #survey_title a {
    color: #fff
}

.fruity .question-item {
    padding-top: 1em
}

.fruity .placeholder {
    background-color: #84b39a
}

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

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

.fruity .slider-handle {
    background-color: #328637
}

.fruity .slider-handle.custom:before,.fruity .slider-tick.custom:before {
    color: #328637
}

.fruity .slider-selection {
    background-image: linear-gradient(180deg,#84b39a 0,#39993f)
}

.fruity .input-error input {
    border: 1px solid #f6863a;
    color: #f6863a
}

.fruity .input-error input:focus {
    border: 1px solid #a94442;
    color: #a94442
}

.fruity .question-container.input-error {
    box-shadow: 0 10px 20px rgba(169,68,66,.9)
}

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

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