/* BEGIN fruity_variation: generato da tools/fruity_variation.py (base #35979c) su
   fruity/css/variations/sea_green.css. Non modificare a mano: rilanciare lo script. */
.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(5.73%,27.42%,28.53%,.1);
    border: 1px solid rgb(5.73%,27.42%,28.53%);
    color: rgb(5.73%,27.42%,28.53%);
}
.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: rgb(15.02%,42.80%,44.22%);
    border: 1px solid rgb(5.73%,27.42%,28.53%);
}
.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: rgb(13.90%,48.39%,52.16%);
    border: 1px solid rgb(5.73%,27.42%,28.53%);
}
.fruity pagination>li>a {
    color: #35979c;
}
.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: #35979c;
    border: 1px solid #35979c;
}
.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: rgb(23.13%,65.89%,68.07%);
    border: 1px solid rgb(23.13%,65.89%,68.07%);
}
.fruity .list-surveys h3,
.fruity .pagetitle,
.fruity .side-body h3 {
    border-bottom: 2px solid #35979c;
}
.fruity a {
    color: #35979c;
}
.fruity a:focus,
.fruity a:hover {
    color: rgb(5.73%,27.42%,28.53%);
}
.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: rgb(70.23%,86.60%,87.44%);
}
.fruity a.list-group-item.active>.badge {
    color: #35979c;
}
.fruity a.list-group-item:focus,
.fruity a.list-group-item:hover {
    background-color: rgb(63.81%,74.83%,75.40%);
}
.fruity a.thumbnail.active,
.fruity a.thumbnail:focus,
.fruity a.thumbnail:hover {
    border: 1px solid #35979c;
}
.fruity a.list-group-item-success {
    color: #35979c;
}
.fruity a.list-group-item-success:focus,
.fruity a.list-group-item-success:hover {
    background-color: rgb(70.23%,86.60%,87.44%);
    color: #35979c;
}
.fruity a.list-group-item-info {
    color: rgb(23.13%,65.89%,68.07%);
}
.fruity a.list-group-item-info:focus,
.fruity a.list-group-item-info:hover {
    color: rgb(23.13%,65.89%,68.07%);
}
.fruity a.text-primary:hover,
.fruity a.text-success:hover {
    color: rgb(15.02%,42.80%,44.22%);
}
.fruity a.bg-primary:hover {
    background-color: rgb(15.02%,42.80%,44.22%);
}
.fruity a.bg-success:hover {
    background-color: rgb(63.74%,84.03%,84.70%);
}
.fruity hr {
    border-top: 1px solid rgb(63.81%,74.83%,75.40%);
}
.fruity .text-info,
.fruity .text-primary,
.fruity .text-success {
    color: #35979c!important;
}
.fruity .bg-primary {
    background-color: #35979c!important;
}
.fruity .bg-success {
    background-color: rgb(76.73%,89.75%,90.18%)!important;
}
.fruity .bg-info {
    background-color: rgb(43.13%,62.20%,64.68%)!important;
}
.fruity .page-header {
    border-bottom: 1px solid rgb(63.81%,74.83%,75.40%);
}
.fruity blockquote {
    border-left: 5px solid rgb(63.81%,74.83%,75.40%);
}
.fruity .blockquote-reverse,
.fruity blockquote.pull-right {
    border-right: 5px solid rgb(63.81%,74.83%,75.40%);
}
.fruity .table>tbody>tr>td.success {
    background-color: rgb(76.73%,89.75%,90.18%);
}
.fruity .table>tbody>tr>td.info {
    background-color: rgb(43.13%,62.20%,64.68%);
}
.fruity .table>tbody>tr>th.success {
    background-color: rgb(76.73%,89.75%,90.18%);
}
.fruity .table>tbody>tr>th.info {
    background-color: rgb(43.13%,62.20%,64.68%);
}
.fruity .table>tbody>tr.success>td,
.fruity .table>tbody>tr.success>th {
    background-color: rgb(76.73%,89.75%,90.18%);
}
.fruity .table>tbody>tr.info>td,
.fruity .table>tbody>tr.info>th {
    background-color: rgb(43.13%,62.20%,64.68%);
}
.fruity .table>tfoot>tr>td.success {
    background-color: rgb(76.73%,89.75%,90.18%);
}
.fruity .table>tfoot>tr>td.info {
    background-color: rgb(43.13%,62.20%,64.68%);
}
.fruity .table>tfoot>tr>th.success {
    background-color: rgb(76.73%,89.75%,90.18%);
}
.fruity .table>tfoot>tr>th.info {
    background-color: rgb(43.13%,62.20%,64.68%);
}
.fruity .table>tfoot>tr.success>td,
.fruity .table>tfoot>tr.success>th {
    background-color: rgb(76.73%,89.75%,90.18%);
}
.fruity .table>tfoot>tr.info>td,
.fruity .table>tfoot>tr.info>th {
    background-color: rgb(43.13%,62.20%,64.68%);
}
.fruity .table>thead>tr>th.success {
    background-color: rgb(76.73%,89.75%,90.18%);
}
.fruity .table>thead>tr>th.info {
    background-color: rgb(43.13%,62.20%,64.68%);
}
.fruity .table>thead>tr>td.success {
    background-color: rgb(76.73%,89.75%,90.18%);
}
.fruity .table>thead>tr>td.info {
    background-color: rgb(43.13%,62.20%,64.68%);
}
.fruity .table>thead>tr.success>td,
.fruity .table>thead>tr.success>th {
    background-color: rgb(76.73%,89.75%,90.18%);
}
.fruity .table>thead>tr.info>td,
.fruity .table>thead>tr.info>th {
    background-color: rgb(43.13%,62.20%,64.68%);
}
.fruity .form-control:focus {
    border: 1px solid #35979c;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(53,151,156,.6);
}
.fruity fieldset[disabled] .btn-outline-secondary {
    border: 1px solid #35979c;
    color: #35979c;
}
.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: #35979c;
    border: 1px solid #35979c;
}
.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: rgb(23.13%,65.89%,68.07%);
    border: 1px solid rgb(23.13%,65.89%,68.07%);
}
.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: #35979c;
}
.fruity .has-success .form-control {
    border: 1px solid #35979c;
}
.fruity .has-success .form-control:focus {
    border: 1px solid rgb(15.02%,42.80%,44.22%);
}
.fruity .has-success .input-group-addon {
    background-color: rgb(76.73%,89.75%,90.18%);
    border: 1px solid #35979c;
    color: #35979c;
}
.fruity .has-success .form-control-feedback {
    color: #35979c;
}
.fruity .btn-outline-secondary {
    border: 1px solid #35979c;
    color: #35979c;
}
.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: #35979c;
    border: 1px solid #35979c;
}
.fruity .btn-primary .badge {
    color: #35979c;
}
.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: #35979c;
    border: 1px solid #35979c;
}
.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: #35979c;
    border: 1px solid #35979c;
}
.fruity .btn-success .badge {
    color: #35979c;
}
.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: #35979c;
    border: 1px solid #35979c;
}
.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: rgb(23.13%,65.89%,68.07%);
    border: 1px solid rgb(23.13%,65.89%,68.07%);
}
.fruity .btn-info .badge {
    color: rgb(23.13%,65.89%,68.07%);
}
.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: rgb(23.13%,65.89%,68.07%);
    border: 1px solid rgb(23.13%,65.89%,68.07%);
}
.fruity .btn-link {
    color: #35979c;
}
.fruity .btn-link:focus,
.fruity .btn-link:hover {
    color: rgb(5.73%,27.42%,28.53%);
}
.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(5.73%,27.42%,28.53%,.5);
}
.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: rgb(5.73%,27.42%,28.53%)!important;
}
.fruity .input-group-addon,
.fruity .input-group-text {
    background-color: #35979c;
}
.fruity .nav .open>a,
.fruity .nav .open>a:focus,
.fruity .nav .open>a:hover {
    background-color: rgb(5.73%,27.42%,28.53%);
}
.fruity .nav-tabs>li a:hover {
    border: 1px solid rgb(63.81%,74.83%,75.40%);
}
.fruity .label-primary {
    background-color: #35979c;
}
.fruity .label-primary[href]:focus,
.fruity .label-primary[href]:hover {
    background-color: rgb(15.02%,42.80%,44.22%);
}
.fruity .label-success {
    background-color: #35979c;
}
.fruity .label-success[href]:focus,
.fruity .label-success[href]:hover {
    background-color: rgb(15.02%,42.80%,44.22%);
}
.fruity .label-info {
    background-color: rgb(23.13%,65.89%,68.07%);
}
.fruity .jumbotron {
    background-color: rgb(63.81%,74.83%,75.40%);
}
.fruity .alert-success {
    border: 1px solid rgb(25.68%,72.37%,74.75%);
    color: rgb(25.68%,72.37%,74.75%);
}
.fruity .alert-success hr {
    border-top-color: rgb(25.68%,72.37%,74.75%);
}
.fruity .alert-success .alert-link {
    color: rgb(25.68%,72.37%,74.75%);
}
.fruity .alert-info {
    border: 1px solid #35979c;
    color: #35979c;
}
.fruity .alert-info hr {
    border-top-color: #35979c;
}
.fruity .alert-info .alert-link {
    color: #35979c;
}
.fruity .progress-bar {
    background-color: #35979c;
}
.fruity .progress-bar-success {
    background-color: #35979c;
}
.fruity .progress-bar-info {
    background-color: rgb(23.13%,65.89%,68.07%);
}
.fruity .list-group-item-success {
    background-color: rgb(76.73%,89.75%,90.18%);
    color: #35979c;
}
.fruity .list-group-item-info {
    background-color: rgb(43.13%,62.20%,64.68%);
    color: rgb(23.13%,65.89%,68.07%);
}
.fruity .card-primary {
    border: 1px solid #35979c;
}
.fruity .card-primary>.card-header {
    background-color: #35979c;
    border: 1px solid #35979c;
}
.fruity .card-primary>.card-header+.panel-collapse .card-body {
    border-top-color: #35979c;
}
.fruity .card-primary>.card-footer+.panel-collapse .card-body {
    border-bottom-color: #35979c;
}
.fruity .card-success,
.fruity .card-success>.card-header {
    border: 1px solid rgb(70.23%,86.60%,87.44%);
}
.fruity .card-success>.card-header {
    background-color: rgb(76.73%,89.75%,90.18%);
    color: #35979c;
}
.fruity .card-success>.card-header+.panel-collapse .card-body {
    border-top-color: rgb(70.23%,86.60%,87.44%);
}
.fruity .card-success>.card-footer+.panel-collapse .card-body {
    border-bottom-color: rgb(70.23%,86.60%,87.44%);
}
.fruity .card-info>.card-header {
    background-color: rgb(43.13%,62.20%,64.68%);
    color: rgb(23.13%,65.89%,68.07%);
}
.fruity .popover-title {
    background-color: rgb(63.81%,74.83%,75.40%);
    border-bottom: 1px solid rgb(58.69%,70.67%,71.28%);
}
.fruity .surveymanagerbar {
    background-color: rgb(5.73%,27.42%,28.53%);
}
@media (min-width:769px) {
    .fruity .navbar .navbar-nav .nav-item:after {
        background-color: #35979c;
    }
}
.fruity .mega-dropdown-menu .dropdown-header {
    color: rgb(5.73%,27.42%,28.53%);
}
.fruity #info-footer,
.fruity #info-header {
    color: rgb(5.73%,27.42%,28.53%);
}
.fruity .message-box {
    border: 1px solid rgb(56.96%,79.26%,80.40%);
}
.fruity .table-hover>tbody>tr>td.success:hover {
    background-color: rgb(70.23%,86.60%,87.44%);
}
.fruity .table-hover>tbody>tr>th.success:hover {
    background-color: rgb(70.23%,86.60%,87.44%);
}
.fruity .table-hover>tbody>tr.success:hover>td,
.fruity .table-hover>tbody>tr.success:hover>th {
    background-color: rgb(70.23%,86.60%,87.44%);
}
.fruity .nav-pills>li.active>a:focus {
    background-color: #35979c;
}
.fruity .nav-pills>.active>a>.badge {
    color: #35979c;
}
.fruity .dropdown-item>a:hover {
    background-color: rgb(5.73%,27.42%,28.53%);
}
.fruity .hoverAction tbody tr:hover {
    background-color: rgb(47.69%,61.52%,61.97%);
}
.fruity .side-menu .navbar-nav .active {
    background-color: rgb(5.73%,27.42%,28.53%);
}
.fruity .side-menu #dropdown li:hover {
    background-color: rgb(56.96%,79.26%,80.40%);
}
.fruity .side-menu #dropdown li.active:hover {
    color: rgb(5.73%,27.42%,28.53%);
}
.fruity #sideMenu a[aria-expanded=true] {
    background-color: rgb(5.73%,27.42%,28.53%);
}
.fruity #sideMenu a[aria-expanded=false] {
    color: rgb(9.26%,26.39%,27.26%);
}
.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: rgb(32.77%,58.74%,62.12%);
}
.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: rgb(43.13%,62.20%,64.68%);
}
.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: rgb(67.63%,78.03%,78.96%);
}
.fruity #sideMenu .side-menu .dropdownlvl1>a:hover,
.fruity #sideMenu .sidemenuscontainer li:hover,
.fruity #sideMenu .sidemenuscontainer li:hover>a {
    background-color: rgb(5.73%,27.42%,28.53%);
}
.fruity .toWhite a:hover {
    background-color: rgb(56.96%,79.26%,80.40%);
}
.fruity .navbar-toggle {
    border: 1px solid #35979c;
}
.fruity .navbar-toggle .icon-bar {
    background-color: #35979c;
}
.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: #35979c;
}
.fruity .checkbox input[type=checkbox]:checked:after,
.fruity .checkbox-inline input[type=checkbox]:checked:after,
.fruity input[type=checkbox]:checked:after {
    background-color: #35979c;
    border-color: #35979c;
}
.fruity .em-function {
    color: #35979c;
}
.fruity #carousel-example-generic .card-title,
.fruity #carousel-example-generic .carousel-control {
    color: #35979c;
}
.fruity #carousel-example-generic .carousel-indicators .active {
    background-color: #35979c;
}
.fruity #carousel-example-generic .carousel-indicators li {
    border: 1px solid #35979c;
}
@keyframes preload-show-1 {
    0% { border-left-color: rgb(9.26%,26.39%,27.26%); transform: rotate(60deg) rotateY(-90deg) rotateX(0deg); }
}
@keyframes preload-hide-1 {
    to { border-left-color: rgb(9.26%,26.39%,27.26%); transform: rotate(60deg) rotateY(-90deg) rotateX(0deg); }
}
@keyframes preload-cycle-1 {
    5% { border-left-color: rgb(9.26%,26.39%,27.26%); transform: rotate(60deg) rotateY(90deg) rotateX(0deg); }
    10%,75% { border-left-color: rgb(23.13%,65.89%,68.07%); transform: rotate(60deg) rotateY(0) rotateX(0deg); }
    80%,to { border-left-color: #35979c; transform: rotate(60deg) rotateY(90deg) rotateX(0deg); }
}
@keyframes preload-show-2 {
    0% { border-left-color: rgb(9.26%,26.39%,27.26%); transform: rotate(120deg) rotateY(-90deg) rotateX(0deg); }
}
@keyframes preload-hide-2 {
    to { border-left-color: rgb(9.26%,26.39%,27.26%); transform: rotate(120deg) rotateY(-90deg) rotateX(0deg); }
}
@keyframes preload-cycle-2 {
    10% { border-left-color: rgb(9.26%,26.39%,27.26%); transform: rotate(120deg) rotateY(90deg) rotateX(0deg); }
    15%,70% { border-left-color: rgb(23.13%,65.89%,68.07%); transform: rotate(120deg) rotateY(0) rotateX(0deg); }
    75%,to { border-left-color: #35979c; transform: rotate(120deg) rotateY(90deg) rotateX(0deg); }
}
@keyframes preload-show-3 {
    0% { border-left-color: rgb(9.26%,26.39%,27.26%); transform: rotate(180deg) rotateY(-90deg) rotateX(0deg); }
}
@keyframes preload-hide-3 {
    to { border-left-color: rgb(9.26%,26.39%,27.26%); transform: rotate(180deg) rotateY(-90deg) rotateX(0deg); }
}
@keyframes preload-cycle-3 {
    15% { border-left-color: rgb(9.26%,26.39%,27.26%); transform: rotate(180deg) rotateY(90deg) rotateX(0deg); }
    20%,65% { border-left-color: rgb(23.13%,65.89%,68.07%); transform: rotate(180deg) rotateY(0) rotateX(0deg); }
    70%,to { border-left-color: #35979c; transform: rotate(180deg) rotateY(90deg) rotateX(0deg); }
}
@keyframes preload-show-4 {
    0% { border-left-color: rgb(9.26%,26.39%,27.26%); transform: rotate(240deg) rotateY(-90deg) rotateX(0deg); }
}
@keyframes preload-hide-4 {
    to { border-left-color: rgb(9.26%,26.39%,27.26%); transform: rotate(240deg) rotateY(-90deg) rotateX(0deg); }
}
@keyframes preload-cycle-4 {
    20% { border-left-color: rgb(9.26%,26.39%,27.26%); transform: rotate(240deg) rotateY(90deg) rotateX(0deg); }
    25%,60% { border-left-color: rgb(23.13%,65.89%,68.07%); transform: rotate(240deg) rotateY(0) rotateX(0deg); }
    65%,to { border-left-color: #35979c; transform: rotate(240deg) rotateY(90deg) rotateX(0deg); }
}
@keyframes preload-show-5 {
    0% { border-left-color: rgb(9.26%,26.39%,27.26%); transform: rotate(300deg) rotateY(-90deg) rotateX(0deg); }
}
@keyframes preload-hide-5 {
    to { border-left-color: rgb(9.26%,26.39%,27.26%); transform: rotate(300deg) rotateY(-90deg) rotateX(0deg); }
}
@keyframes preload-cycle-5 {
    25% { border-left-color: rgb(9.26%,26.39%,27.26%); transform: rotate(300deg) rotateY(90deg) rotateX(0deg); }
    30%,55% { border-left-color: rgb(23.13%,65.89%,68.07%); transform: rotate(300deg) rotateY(0) rotateX(0deg); }
    60%,to { border-left-color: #35979c; transform: rotate(300deg) rotateY(90deg) rotateX(0deg); }
}
@keyframes preload-show-6 {
    0% { border-left-color: rgb(9.26%,26.39%,27.26%); transform: rotate(1turn) rotateY(-90deg) rotateX(0deg); }
}
@keyframes preload-hide-6 {
    to { border-left-color: rgb(9.26%,26.39%,27.26%); transform: rotate(1turn) rotateY(-90deg) rotateX(0deg); }
}
@keyframes preload-cycle-6 {
    30% { border-left-color: rgb(9.26%,26.39%,27.26%); transform: rotate(1turn) rotateY(90deg) rotateX(0deg); }
    35%,50% { border-left-color: rgb(23.13%,65.89%,68.07%); transform: rotate(1turn) rotateY(0) rotateX(0deg); }
    55%,to { border-left-color: #35979c; transform: rotate(1turn) rotateY(90deg) rotateX(0deg); }
}
.fruity #sidebar .tabbutton.btn-primary:active:after,
.fruity #sidebar .tabbutton.btn-primary:focus:after,
.fruity #sidebar .tabbutton.btn-primary:hover:after {
    color: rgb(9.26%,26.39%,27.26%);
}
.fruity #sidebar .tabbutton.btn-primary:after {
    color: #35979c;
}
.fruity #sidebar .menu-open {
    background: radial-gradient(circle at center,rgb(39.46%,77.49%,79.43%) 0,rgb(39.46%,77.49%,79.43%) 8px,white 9px,white 100%);
}
.fruity #sidebar .selected {
    background: linear-gradient(90deg,#35979c 0,#35979c 13px,#ffffff 0,#ffffff);
}
.fruity #sidebar .dragged {
    background-color: rgb(25.68%,72.37%,74.75%)!important;
}
.fruity #sidebar .menu-selected {
    background: linear-gradient(90deg,#35979c 0,#35979c 6px,white 0,white);
}
.fruity #sidebar .subpanel.level-0 .menu-selected {
    background: linear-gradient(90deg,rgb(25.68%,72.37%,74.75%) 0,rgb(25.68%,72.37%,74.75%) 6px,#ffffff 0,#ffffff);
}
.fruity #sidebar .subpanel.level-0 .selected {
    background: linear-gradient(90deg,rgb(25.68%,72.37%,74.75%) 0,rgb(25.68%,72.37%,74.75%) 13px,#ffffff 0,#ffffff);
}
.fruity #sidebar .subpanel.level-1 .menu-selected {
    background: linear-gradient(90deg,rgb(32.57%,74.93%,77.09%) 0,rgb(32.57%,74.93%,77.09%) 6px,#ffffff 0,#ffffff);
}
.fruity #sidebar .subpanel.level-1 .selected {
    background: linear-gradient(90deg,rgb(32.57%,74.93%,77.09%) 0,rgb(32.57%,74.93%,77.09%) 13px,#ffffff 0,#ffffff);
}
.fruity #sidebar .subpanel.level-2 .menu-selected {
    background: linear-gradient(90deg,rgb(39.46%,77.49%,79.43%) 0,rgb(39.46%,77.49%,79.43%) 6px,#ffffff 0,#ffffff);
}
.fruity #sidebar .subpanel.level-2 .selected {
    background: linear-gradient(90deg,rgb(39.46%,77.49%,79.43%) 0,rgb(39.46%,77.49%,79.43%) 13px,#ffffff 0,#ffffff);
}
@keyframes animate-gradient {
    0% { background: radial-gradient(circle at center,#35979c 0,#35979c 1px,#ffffff 2px,#ffffff 100%); }
    10% { background: radial-gradient(circle at center,#35979c 0,#35979c 2px,#ffffff 3px,#ffffff 100%); }
    20% { background: radial-gradient(circle at center,#35979c 0,#35979c 3px,#ffffff 4px,#ffffff 100%); }
    30% { background: radial-gradient(circle at center,#35979c 0,#35979c 4px,#ffffff 5px,#ffffff 100%); }
    40% { background: radial-gradient(circle at center,#35979c 0,#35979c 5px,#ffffff 6px,#ffffff 100%); }
    50% { background: radial-gradient(circle at center,#35979c 0,#35979c 6px,#ffffff 7px,#ffffff 100%); }
    60% { background: radial-gradient(circle at center,#35979c 0,#35979c 7px,#ffffff 8px,#ffffff 100%); }
    70% { background: radial-gradient(circle at center,#35979c 0,#35979c 8px,#ffffff 9px,#ffffff 100%); }
    80% { background: radial-gradient(circle at center,#35979c 0,#35979c 9px,#ffffff 10px,#ffffff 100%); }
    90% { background: radial-gradient(circle at center,#35979c 0,#35979c 10px,#ffffff 0,#ffffff 100%); }
    to { background: radial-gradient(circle at center,#35979c 0,#35979c 8px,#ffffff 9px,#ffffff 100%); }
}
.fruity #pjax-file-load-container>div {
    background: linear-gradient(90deg,black 0,rgb(3.50%,9.98%,10.31%) 50%,rgb(9.26%,26.39%,27.26%));
}
.fruity #comfortUpdateGeneralWrap h3.maintitle {
    border-bottom: 1px solid #35979c;
    color: #35979c;
}
.fruity #comfortUpdateGeneralWrap .on span {
    background-color: #35979c;
}
.fruity #sideMenu #dropdown #explorer li#questionexplorer-group-container:hover,
.fruity #sideMenu #dropdown li#questionexplorer-group-container:hover>a {
    color: rgb(9.26%,26.39%,27.26%);
}
.fruity .explorer-group-title a.explorer-group,
.fruity .question-collapse-title {
    color: #174346;
}
.fruity .placeholder {
    background-color: rgb(54.89%,65.01%,73.24%);
}
.fruity .slider.slider-horizontal .slider-handle.triangle,
.fruity .slider.slider-horizontal .slider-tick.triangle {
    border-bottom-color: #35979c;
}
.fruity .slider.slider-vertical .slider-handle.triangle,
.fruity .slider.slider-vertical .slider-tick.triangle {
    border-left-color: #35979c;
    border-right-color: #35979c;
}
.fruity .slider-handle {
    background-color: #35979c;
}
.fruity .slider-handle.custom:before,
.fruity .slider-tick.custom:before {
    color: #35979c;
}
.fruity .slider-selection {
    background-image: linear-gradient(180deg,rgb(54.89%,65.01%,73.24%) 0,rgb(23.13%,65.89%,68.07%));
}
body .answer-item label:after {
    background-color: #35979c;
}
.checkbox-item input[type=checkbox]:checked+label:after,
.checkbox-item input[type=radio]:checked+label:after {
    background-color: #35979c;
}
.checkbox-item input[type=checkbox]:focus-visible+label:before {
    border-color: #35979c;
    box-shadow: 0 0 0 3px rgba(53,151,156,.6);
}
.radio-item input[type=radio]:focus-visible+label:before {
    border-color: #35979c;
    box-shadow: 0 0 0 3px rgba(53,151,156,.6);
}
/* END fruity_variation */

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

/* LS7: la navbar ha le classi BS5 bg-light (!important) e border-bottom.
   Fondo bianco su tutta la fascia, come in LS3 (lì era il #navbar bianco a
   coprire l'intera navbar): l'immagine di sfondo non deve vedersi sotto il menu */
.fruity #survey-nav.navbar {
    background-color: #fff !important;
    box-shadow: none;
    border-bottom: 0 !important;
    margin-bottom: 20px; /* come la navbar Bootstrap 3 in LS3 */
}

body {
    padding-top: 0 !important;
    background-position: top right;
    background-size: contain !important;
    background-repeat: no-repeat;
}

body .top-container {
    background-color: transparent !important;
}

/* menu a scomparsa (salva, indice, lingua) */
#navbar {
    background-color: #fff;
}

.logo-container>img {
    max-height: 75px;
}

/* .fruity per vincere ".brand-logo .top-container .top-content" di fruity */
.fruity .top-container > .top-content {
    padding: 0;
    margin-bottom: 0;
}

/* stessa larghezza massima del container Bootstrap 3 di LS3 */
@media (min-width: 1400px) {
    .fruity .outerframe.container-md,
    .fruity .top-container > .top-content.container-md {
        max-width: 1170px;
    }
}

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

.bg-grey {
    background-color: #f5f5f5 !important;
}

.outerframe {
    margin-top: 1em;
    border: #c4c4c4 solid 1px;
}

.question-container {
    margin-left: 0;
    margin-right: 0;
}

.question-help-container {
    padding-top: 1em;
    padding-bottom: 1em;
}

.answer-container {
    padding-top:0;
    padding-bottom:0;
}

.answer-container > .table {
    margin-bottom: 1em;
}

/* LS7/Bootstrap 5: ".table > :not(:first-child)" mette un bordo scuro di 2px su
   thead e tbody delle matrici (il primo figlio è colgroup); in LS3 non c'era */
.fruity .answer-container .table > :not(:first-child) {
    border-top: 0;
}
.fruity .answer-container .table > :not(caption) > * {
    border-color: #dadada;
}

.question-title-container{
    padding-top:0.75em;
    padding-bottom: 0.75em;
    border-bottom: solid #e6e6e6 1px;
}

.question-valid-container {
    margin-top:0.75em;
}
    
.asterisk {
    padding-left: 0.25em;
    padding-right: 0.75em;
}

/* Come LS3: solo l'asterisco, sulla stessa riga del titolo.
   LS7 mostra anche la scritta "*Obbligatorio": la lasciamo leggibile
   solo dagli screen reader (equivalente di .visually-hidden). */
.fruity .question-title-container .asterisk {
    float: left;
}
.fruity .question-title-container .asterisk > span.text-danger {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* in LS3 (float BS3) i 3em erano in gran parte assorbiti dai pulsanti;
   in LS7 (flex) si sommano: 0 riproduce lo stesso spazio visivo */
#navigator-container {
    padding-bottom: 0;
}

@media (max-width: 767px){
    body {
        padding-bottom: 0 !important;
    }
    
    body .top-container {
        margin-top:0;
    }
    
    .fruity .top-container > .top-content {
        padding: 0 15px;
    }
    
    .top-container > .bg-grey {
        background-color: transparent !important;
    }
}

/* Telefono: logo a sinistra e pulsante menu a destra sulla stessa riga
   (in LS7 il pulsante è a sinistra e il logo va a capo sotto) */
@media (max-width: 767.98px) {
    .fruity #survey-nav .navbar-brand {
        order: 1;
        margin-right: 0;
    }
    .fruity #survey-nav .navbar-toggler {
        order: 2;
        margin-left: auto;
        background-color: #fff;
        border-color: #35979c; /* come in LS3 */
    }
    .fruity #survey-nav .navbar-collapse {
        order: 3;
    }
    .fruity .logo-container > img {
        max-height: 60px;
    }
}

.QChainFirst { margin-bottom: 0 !important; border-bottom: 0px !important; }
.QChainMid { margin-bottom: 0 !important; border-bottom: 0px !important; border-top: 0px !important; }
.QChainLast { border-top: 0px !important; }  
.QSubQuestion { background-color: #E5F2FF !important; margin-left: 60px !important; }

div.button-item {margin-bottom: 10px;}