/*
 * DesinformationIA - LimeSurvey Theme
 * Brand Palette:
 *   Primary:   #DF706F (coral)
 *   Secondary: #353A85 (dark blue)
 *   Accent:    #A9437C (magenta)
 *   Dark:      #312A54 (dark purple)
 */

/* ============================================
   BASE STYLES
   ============================================ */

html, body, p, span, div, a, li, ul, ol, input, textarea, blockquote {
    font-family: 'Antic', sans-serif !important;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6, button, .btn, .nav-link, .navbar-brand, label, legend, th {
    font-family: 'Advent Pro', sans-serif !important;
    font-weight: 600;
}

body {
    background-color: #fff;
    color: #312A54;
}

/* ============================================
   LINKS
   ============================================ */

.fruity a {
    color: #353A85;
}

.fruity a:focus,
.fruity a:hover {
    color: #A9437C;
}

/* ============================================
   BUTTONS - PRIMARY
   ============================================ */

.fruity .btn-primary,
.fruity .btn-primary.disabled,
.fruity .btn-primary[disabled] {
    background-color: #353A85;
    border: 1px solid #353A85;
    color: #fff;
}

.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,
.fruity .btn-primary:focus,
.fruity .btn-primary:hover,
.fruity .open .dropdown-toggle.btn-primary {
    background-color: #312A54;
    border: 1px solid #312A54;
    color: #fff;
}

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

/* ============================================
   BUTTONS - SUCCESS (use coral)
   ============================================ */

.fruity .btn-success,
.fruity .btn-success.disabled,
.fruity .btn-success[disabled] {
    background-color: #DF706F;
    border: 1px solid #DF706F;
    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 {
    background-color: #A9437C;
    border: 1px solid #A9437C;
    color: #fff;
}

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

/* ============================================
   BUTTONS - OUTLINE SECONDARY
   ============================================ */

.fruity .btn-outline-secondary {
    background-color: transparent;
    border: 1px solid #353A85;
    color: #353A85;
}

.fruity .btn-check:active + .btn-outline-secondary,
.fruity .btn-check:checked + .btn-outline-secondary,
.fruity .btn-outline-secondary.active,
.fruity .btn-outline-secondary:active,
.fruity .btn-outline-secondary:focus,
.fruity .btn-outline-secondary:hover {
    background-color: rgba(53, 58, 133, 0.1);
    border: 1px solid #353A85;
    color: #353A85;
}

/* ============================================
   BUTTONS - INFO (use magenta)
   ============================================ */

.fruity .btn-info,
.fruity .btn-info.disabled,
.fruity .btn-info[disabled] {
    background-color: #A9437C;
    border: 1px solid #A9437C;
    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 {
    background-color: #312A54;
    border: 1px solid #312A54;
    color: #fff;
}

/* ============================================
   BUTTONS - LINK
   ============================================ */

.fruity .btn-link {
    color: #353A85;
}

.fruity .btn-link:focus,
.fruity .btn-link:hover {
    color: #A9437C;
}

/* ============================================
   FORM CONTROLS
   ============================================ */

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

.fruity .form-control:focus {
    border: 1px solid #353A85;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(53, 58, 133, 0.4);
}

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

/* ============================================
   FORM VALIDATION - SUCCESS
   ============================================ */

.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: #353A85;
}

.fruity .has-success .form-control {
    border: 1px solid #353A85;
}

.fruity .has-success .form-control:focus {
    border: 1px solid #312A54;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(53, 58, 133, 0.5);
}

.fruity .has-success .input-group-addon {
    background-color: #353A85;
    border: 1px solid #353A85;
    color: #fff;
}

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

/* ============================================
   NAVIGATION
   ============================================ */

.fruity .navbar {
    background-color: #fff !important;
    border-radius: 0 !important;
    box-shadow: 0 3px 3px rgba(49, 42, 84, 0.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:after {
        background-color: #DF706F;
        content: "";
        display: block;
        height: 2px;
        transition: width 0.3s;
        width: 0;
    }
    .fruity .navbar .navbar-nav .nav-item:hover:after {
        width: 100%;
    }
}

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

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

/* ============================================
   DROPDOWNS
   ============================================ */

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

.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: #353A85 !important;
    color: #fff;
}

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

/* ============================================
   NAVIGATION PILLS & TABS
   ============================================ */

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

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

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

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

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

/* ============================================
   ALERTS
   ============================================ */

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

.fruity .alert-success hr {
    border-top-color: #353A85;
}

.fruity .alert-success .alert-link {
    color: #353A85;
    text-decoration: underline;
}

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

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

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

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

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

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

/* ============================================
   PROGRESS BARS
   ============================================ */

.fruity .progress-bar {
    background-color: #353A85;
    color: #fff;
}

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

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

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

/* ============================================
   LABELS & BADGES
   ============================================ */

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

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

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

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

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

.fruity .label-info[href]:focus,
.fruity .label-info[href]:hover {
    background-color: #312A54;
}

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

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

/* ============================================
   CARDS / PANELS
   ============================================ */

.fruity .card-primary {
    border: 1px solid #353A85;
}

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

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

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

.fruity .card-info {
    border: 1px solid #A9437C;
}

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

/* ============================================
   TEXT COLORS
   ============================================ */

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

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

/* ============================================
   BACKGROUND COLORS
   ============================================ */

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

.fruity .bg-success {
    background-color: rgba(223, 112, 111, 0.2) !important;
}

.fruity .bg-info {
    background-color: rgba(169, 67, 124, 0.2) !important;
}

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

/* ============================================
   TABLES
   ============================================ */

tbody, td, tfoot, th, thead, tr {
    border: 0px solid !important;
}

.fruity .table > tbody > tr > td.success,
.fruity .table > tbody > tr > th.success,
.fruity .table > tbody > tr.success > td,
.fruity .table > tbody > tr.success > th {
    background-color: rgba(223, 112, 111, 0.15);
}

.fruity .table > tbody > tr > td.info,
.fruity .table > tbody > tr > th.info,
.fruity .table > tbody > tr.info > td,
.fruity .table > tbody > tr.info > th {
    background-color: rgba(169, 67, 124, 0.15);
}

.fruity .table-hover > tbody > tr:hover > td,
.fruity .table-hover > tbody > tr:hover > th {
    background-color: rgba(53, 58, 133, 0.05);
}

/* ============================================
   LIST GROUPS
   ============================================ */

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

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

.fruity a.list-group-item-success:focus,
.fruity a.list-group-item-success:hover {
    background-color: rgba(53, 58, 133, 0.1);
    color: #353A85;
}

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

.fruity a.list-group-item-info:focus,
.fruity a.list-group-item-info:hover {
    background-color: rgba(169, 67, 124, 0.1);
    color: #A9437C;
}

.fruity .list-group-item-success {
    background-color: rgba(223, 112, 111, 0.15);
    color: #353A85;
}

.fruity .list-group-item-info {
    background-color: rgba(169, 67, 124, 0.15);
    color: #A9437C;
}

/* ============================================
   SURVEY SPECIFIC
   ============================================ */

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

.fruity .list-surveys h3,
.fruity .pagetitle,
.fruity .side-body h3 {
    border-bottom: 2px solid #DF706F;
    color: #312A54;
}

.fruity #info-footer,
.fruity #info-header {
    color: #353A85;
}

.fruity .mega-dropdown-menu .dropdown-header {
    color: #353A85;
}

/* ============================================
   CHECKBOXES & RADIO BUTTONS
   ============================================ */

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

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

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

/* ============================================
   SLIDERS
   ============================================ */

.fruity .slider-handle {
    background-color: #353A85 !important;
}

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

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

.fruity .slider-handle.custom:before,
.fruity .slider-tick.custom:before {
    color: #353A85;
}

.fruity .slider-selection {
    background-image: linear-gradient(180deg, rgba(53, 58, 133, 0.3) 0, rgba(53, 58, 133, 0.5));
}

.slider .slider-selection {
    background-image: linear-gradient(180deg, #E0E6F8 0, #E0E6F8);
}

.slider .slider-list .slider-item {
    margin-bottom: 5px;
}

.slider .question-item {
    padding-top: 5px !important;
}

.slider .px-md-5 {
    padding-left: 20px !important;
    padding-right: 30px !important;
}

.slider .slider-item {
    min-height: 45px;
}

.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
    margin-left: 0px;
}

.fruity .slider-handle {
    background-color: whitesmoke !important;
    padding: 0 5px 0 5px;
    border-radius: 4px;
}

/* ============================================
   INPUT ERRORS
   ============================================ */

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

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

.fruity .question-container.input-error {
    box-shadow: 0 10px 20px rgba(223, 112, 111, 0.5);
}

/* ============================================
   CAROUSEL
   ============================================ */

.fruity #carousel-example-generic .card-title,
.fruity #carousel-example-generic .carousel-control {
    color: #353A85;
}

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

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

/* ============================================
   SIDE MENU
   ============================================ */

.fruity .side-menu .navbar-nav .active {
    background-color: #353A85;
}

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

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

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

.fruity #sideMenu #dropdown li:hover,
.fruity #sideMenu #dropdown li:hover > a,
.fruity #sideMenu #dropdown li > a:hover {
    background-color: #A9437C;
    color: #fff;
}

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

/* ============================================
   SIDEBAR SELECTION INDICATORS
   ============================================ */

.fruity #sidebar .selected {
    background: linear-gradient(90deg, #353A85 0, #353A85 13px, #fff 0, #fff);
    padding-left: 20px;
    transition: all 0.25s cubic-bezier(1, 0.5, 0.5, 1);
}

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

.fruity #sidebar .dragged {
    background-color: #A9437C !important;
    opacity: 0.8;
}

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

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

.fruity #sidebar .tabbutton.btn-primary:active:after,
.fruity #sidebar .tabbutton.btn-primary:focus:after,
.fruity #sidebar .tabbutton.btn-primary:hover:after {
    color: #312A54;
}

@keyframes animate-gradient-brand {
    0% { background: radial-gradient(circle at center, #353A85 0, #353A85 1px, #fff 2px, #fff 100%); }
    50% { background: radial-gradient(circle at center, #353A85 0, #353A85 6px, #fff 7px, #fff 100%); }
    100% { background: radial-gradient(circle at center, #DF706F 0, #DF706F 8px, #fff 9px, #fff 100%); }
}

/* ============================================
   BREADCRUMBS
   ============================================ */

.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 0.3s;
}

.fruity ol.breadcrumb.title-bar-breadcrumb li.active {
    color: #312A54;
}

/* ============================================
   MISCELLANEOUS
   ============================================ */

.fruity mark {
    background: #DF706F;
    color: #fff;
}

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

.fruity .message-box {
    border: 1px solid #353A85;
    color: #312A54;
}

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

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

.fruity hr {
    border-top: 1px solid rgba(53, 58, 133, 0.2);
}

.fruity .page-header {
    border-bottom: 1px solid rgba(53, 58, 133, 0.2);
}

.fruity blockquote {
    border-left: 5px solid #A9437C;
}

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

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

.fruity .placeholder {
    background-color: rgba(53, 58, 133, 0.3);
}

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

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

.fruity .em-var-string {
    color: #312A54;
}

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

/* ============================================
   LOADING ANIMATION (Brand Colors)
   ============================================ */

@keyframes preload-cycle-1 {
    5% { border-left-color: #312A54; transform: rotate(60deg) rotateY(90deg) rotateX(0deg); }
    10%, 75% { border-left-color: #353A85; transform: rotate(60deg) rotateY(0) rotateX(0deg); }
    80%, 100% { border-left-color: #DF706F; transform: rotate(60deg) rotateY(90deg) rotateX(0deg); }
}

@keyframes preload-cycle-2 {
    10% { border-left-color: #312A54; transform: rotate(120deg) rotateY(90deg) rotateX(0deg); }
    15%, 70% { border-left-color: #353A85; transform: rotate(120deg) rotateY(0) rotateX(0deg); }
    75%, 100% { border-left-color: #DF706F; transform: rotate(120deg) rotateY(90deg) rotateX(0deg); }
}

@keyframes preload-cycle-3 {
    15% { border-left-color: #312A54; transform: rotate(180deg) rotateY(90deg) rotateX(0deg); }
    20%, 65% { border-left-color: #353A85; transform: rotate(180deg) rotateY(0) rotateX(0deg); }
    70%, 100% { border-left-color: #DF706F; transform: rotate(180deg) rotateY(90deg) rotateX(0deg); }
}

@keyframes preload-cycle-4 {
    20% { border-left-color: #312A54; transform: rotate(240deg) rotateY(90deg) rotateX(0deg); }
    25%, 60% { border-left-color: #353A85; transform: rotate(240deg) rotateY(0) rotateX(0deg); }
    65%, 100% { border-left-color: #DF706F; transform: rotate(240deg) rotateY(90deg) rotateX(0deg); }
}

@keyframes preload-cycle-5 {
    25% { border-left-color: #312A54; transform: rotate(300deg) rotateY(90deg) rotateX(0deg); }
    30%, 55% { border-left-color: #353A85; transform: rotate(300deg) rotateY(0) rotateX(0deg); }
    60%, 100% { border-left-color: #DF706F; transform: rotate(300deg) rotateY(90deg) rotateX(0deg); }
}

@keyframes preload-cycle-6 {
    30% { border-left-color: #312A54; transform: rotate(360deg) rotateY(90deg) rotateX(0deg); }
    35%, 50% { border-left-color: #353A85; transform: rotate(360deg) rotateY(0) rotateX(0deg); }
    55%, 100% { border-left-color: #DF706F; transform: rotate(360deg) rotateY(90deg) rotateX(0deg); }
}

/* ============================================
   FOCUS SHADOWS (Brand Colors)
   ============================================ */

.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-outline-secondary.active:focus,
.fruity .btn-outline-secondary:active:focus,
.fruity .btn-success.active:focus,
.fruity .btn-success:active:focus {
    box-shadow: 0 0 0 0.25rem rgba(53, 58, 133, 0.5);
}

.fruity .btn-check:active + .btn-info:focus,
.fruity .btn-check:checked + .btn-info:focus,
.fruity .btn-info.active:focus,
.fruity .btn-info:active:focus {
    box-shadow: 0 0 0 0.25rem rgba(169, 67, 124, 0.5);
}

/* ============================================
   CUSTOM SURVEY CLASSES
   ============================================ */

.annonce {
    background-color: #353A85 !important;
    font-size: 1.2em !important;
    font-weight: bold;
    color: #fff !important;
    border-radius: 10px;
    text-shadow: 2px 2px 5px rgba(49, 42, 84, 0.5);
    padding: 0px;
    width: 100%;
    float: none;
    margin: 20px auto;
}

.annonce .question-title-container {
    padding-bottom: 0px !important;
}

.annonce .ls-questionhelp {
    color: #fff !important;
}

.instagram-media,
.twitter-tweet,
.tiktok-embed,
.facebook-embed {
    height: max-content;
}

.publication {
    width: 40%;
    float: left;
    padding: 0;
    background-color: rgba(53, 58, 133, 0.05) !important;
    border-radius: 10px;
}

.question-publication {
    width: 60%;
    float: right;
}

.question-publication .ls-heading {
    font-size: 0.6em;
}

.question-publication .control-label {
    hyphens: none;
    font-size: 0.9em;
}

.signature-consentement {
    width: 100%;
    padding: 0;
    background-color: rgba(223, 112, 111, 0.1) !important;
    border-radius: 5px;
}

.signature-nom {
    width: 50%;
    float: left;
    padding: 0;
    background-color: #FAFAFA !important;
    border-radius: 5px;
}

.signature-date {
    width: 50%;
    float: right;
    background-color: #FAFAFA !important;
    border-radius: 5px;
}

.signature-date .ls-heading {
    font-size: 0.6em;
}

.signature-date .control-label {
    hyphens: none;
    font-size: 0.9em;
}

/* ============================================
   QUESTION ITEMS
   ============================================ */

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

/* ============================================
   DATEPICKER
   ============================================ */

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

/* ============================================
   COMFORT UPDATE
   ============================================ */

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

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

/* ============================================
   FILE LOAD PROGRESS
   ============================================ */

.fruity #pjax-file-load-container > div {
    background: linear-gradient(90deg, #312A54 0, #353A85 50%, #A9437C);
    transition: width 1.6s ease-in-out;
}

/* ============================================
   SURVEY BAR
   ============================================ */

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

.fruity #pjax-content .surveybar {
    box-shadow: 3px 3px 3px rgba(49, 42, 84, 0.1);
}

/* ============================================
   EXPLORER
   ============================================ */

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

.fruity #survey_title a {
    color: #fff;
}