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

h1, .h13 {
margin-top: 50px;
margin-bottom: 10px;
}

h4, .h4 {
margin-top: 30px;
margin-bottom: 10px;
font-size: 18px;
text-align: center;
}

.fruity .text-primary {
    color: #A3B200
}

.fruity .text-success {
    color: #A3B200
}

.fruity .text-info {
    color: #000
}

.fruity .text-warning {
color: #f50564;
}

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

.fruity .question-container.input-error {
box-shadow: 0 10px 20px rgba(200,0,0,0.8);
}

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

.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: #A3B200;
    border: 1px solid #A3B200
}

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

.fruity a {
    color: #A3B200
}

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

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

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

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

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

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

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

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

.fruity .form-control:focus {
    border: 1px solid #A3B200;
    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 #A3B200;
    color: #A3B200
}

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

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

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

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

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

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

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

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

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

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

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

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

.fruity .has-success .radio {
    color: #A3B200
}

.fruity .has-success .checkbox {
    color: #A3B200
}

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

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

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

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

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

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

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

.fruity .btn-primary.disabled {
    background-color: rgba(51, 51, 51, 0.5)
    border: 1px solid #A3B200
}

.fruity .btn-primary.disabled:hover {
    background-color: rgba(51, 51, 51, 0.5)
    border: 1px solid #A3B200
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@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: #A3B200
    }

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

    .fruity .navbar a.animate:hover:after {
        transition: width 0.3s;
        width: 100%
    }
}

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

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

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

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

.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: #A3B200
}

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

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

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

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

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

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

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

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

    80%, 100% {
        transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #A3B200
    }
}

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

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

    75%, 100% {
        transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #A3B200
    }
}

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

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

    70%, 100% {
        transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #A3B200
    }
}

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

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

    65%, 100% {
        transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #A3B200
    }
}

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

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

    60%, 100% {
        transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #A3B200
    }
}

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

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

    55%, 100% {
        transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #A3B200
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: #fff;
    background-color: #A3B200;
    border: 1px solid #A3B200
}

.fruity .btn-default:hover, .fruity .btn-default:focus, .fruity .btn-default:active,
.fruity .btn-default.active, .fruity .open .dropdown-toggle.btn-default {
    color: #333333;
    border: 1px solid #333333;
    background-color: rgba(51, 51, 51, 0.0)
}