/* Background*/
main.main-background {
            background-color: #FBFBFB;
    }

            
    .slideshow, .slideshow:after {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 0;
    }
    .slideshow:after {
        content: '';
        /* background: transparent url(/internal/pattern.png) repeat top left; # possibility to add a transparent pattern overlay */
    }

    .slideshow li span {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        color: transparent;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: inherit;
        opacity: 0;
        z-index: 0;
        }

    .slideshow li span video {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 100vh;
        width: 100%;
        object-fit: cover;
        position: fixed;
    }

    
    
        .no-cssanimations .slideshow li span{
        opacity: 1;
    }
.qualtrics-login-left {
            background: rgba(0,0,0,0.86);
    }

.qualtrics-login-right > .box {
            background-color: #FFFFFF;
                opacity: 0.86;
    }

.qualtrics-register-button {
            background-color: #00A2DE !important;
                border: 1px solid white !important;
                color: white !important;
    }

.qualtrics-login-button {
            background-color: #00A2DE !important;
                border: 1px solid white !important;
                color: white !important;
    }

    .qualtrics-register-button::before {
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }
    .qualtrics-register-button::after {
        font-family: "Font Awesome 6 Pro";
        font-weight: 400;
        content: "\f061";
        margin-left: 1em;
    }

    .qualtrics-login-button::before {
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }
    .qualtrics-login-button::after {
        font-family: "Font Awesome 6 Pro";
        font-weight: 400;
        content: "\f061";
        margin-left: 1em;
    }

/* Header */
.submenu {
    background: #000000;
}

/* Hyperlink */
a {
    color: #000000;
}

/* Buttons */
.wac-call-to-action-button {
    background: #000000;

    color: white;

            border: 1px solid white;
    }

.wac-call-to-action-button[disabled] {
    background: #000000;
    color: white;
    opacity: .4;
}


    .wac-call-to-action-button::before {
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }
    .wac-call-to-action-button::after {
        font-family: "Font Awesome 6 Pro";
        font-weight: 400;
        content: "\f061";
        margin-left: 1em;
    }


/* FAQ */
.faq h1.title, .faq h2.title, .faq h3.title, .faq h4.title, .faq a.category {
    color: #000000;
}



/* Blocks*/
.wac-block {
    background: rgba(255,255,255,0);
}

.wac-block .wac-block-title .wac-block-title-border {
    border-color: #000000;
}

.wac-block-title h2.title {
    color: #000000;
}

.wac-backoffice-block-title {
    background: #000000;
}

/* Footer */
footer {
    background: ;
    color: ;
}

footer a {
    color: ;
}

aside.aside {
    background: hsl(314, 50%, 50%);
    background-image: linear-gradient(to right, hsl(314, 50%, 50%), hsl(314, 50%, 60%));
}

.news-link-see a {
    color: #000000;
}

/* Surveys */
.sd-btn.sd-btn--action.sd-navigation__complete-btn {
    background: #000000;
    color: white;
}

.sd-title.sd-container-modern__title .sd-header__text .sd-title {
    color: #000000;
}

.sd-title.sd-container-modern__title {
    box-shadow:0px 2px 0px #000000;
}

.svc-preview-pager-item__icon use {
    fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, var(--sjs-secondary-background-500, #000000));
}

.svc-preview-pager__item--icon use {
    fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, var(--sjs-secondary-background-500, #000000));
}

.button .sv-string-viewer {
    color: #000000;
}

.svc-tab-designer {
    background: var(--ctr-surface-background-color, var(--sjs-special-background, #000000));
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #000000)) 25%, transparent);
}

.svc-sidebar__header-container.svc-sidebar__header-container--with-subtitle {
    box-shadow:0px 2px 0px #000000;
}

.svc-toolbar__item.svc-toolbar__item--active use {
    fill: var(--ctr-menu-toolbar-button-icon-color-selected, var(--sjs-primary-background-500, #000000));
}

.svc-toolbox__item-container use {
    fill: var(--ctr-menu-toolbar-button-icon-color-selected, var(--sjs-primary-background-500, #000000));
}

.svc-sidebar-tabs:not(.svc-sidebar-tabs--collapsed) .svc-menu-action__button--selected use {
    fill: var(--ctr-menu-toolbar-button-icon-color-selected, var(--sjs-primary-background-500, #000000));
}

.svc-sidebar-tabs:not(.svc-sidebar-tabs--collapsed) .svc-menu-action__button--selected {
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #000000)) 25%, transparent);
}

.svc-top-bar .svc-toolbar-wrapper .sv-action .sv-action-bar-item--active {
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #000000)) 25%, transparent);
}

.svc-survey-element-toolbar__item use {
    fill: var(--ctr-menu-toolbar-button-icon-color-selected, var(--sjs-primary-background-500, #000000));
}

.svc-survey-element-toolbar__item.svc-survey-element-toolbar__item--active {
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #000000)) 25%, transparent);
}

.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled) use {

    fill: var(--ctr-survey-action-button-icon-color-positive, var(--sjs-primary-background-500, #000000));
}

.svc-survey-element-toolbar__item.svc-survey-element-toolbar__item--active use {
    fill: var(--ctr-survey-action-button-icon-color-positive, var(--sjs-primary-background-500, #000000));
}

.svc-action-button {
    color: #000000;
}

.svc-action-button:focus, .svc-action-button:hover {
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #000000)) 25%, transparent);
}

.svc-survey-element-toolbar__item:hover, .svc-survey-element-toolbar__item:focus-visible {
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #000000)) 25%, transparent);
}

.svc-page__content:focus, .svc-hovered.svc-page__content {
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #000000)) 25%, transparent);
}

.svc-add-new-item-button__text {
    color: #000000;
}

.svc-page-toolbar__item use {
    fill: var(--ctr-survey-action-button-icon-color-positive, var(--sjs-primary-background-500, #000000));
}

.svc-page__content--selected.svc-page__content--selected {
    box-shadow: inset 0px -2px 0px #000000;
}

.svc-page__content--selected.svc-page__content--selected {
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #000000)) 25%, transparent);
}

.svc-toolbox__item:focus, .svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item, .svc-toolbox__item:hover {
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #000000)) 25%, transparent);
}

.svc-toolbox__item:focus .sv-svg-icon use, .svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item .sv-svg-icon use, .svc-toolbox__item:hover .sv-svg-icon use {
    fill: var(--ctr-survey-action-button-icon-color-positive, var(--sjs-primary-background-500, #000000));
}

.svc-tabbed-menu-item--selected {
    box-shadow: inset 0px -2px 0px #000000;
}

.svc-tabbed-menu-item--selected:hover, .svc-tabbed-menu-item--selected:focus {
    box-shadow: inset 0px -2px 0px #000000;
}

.sv-ranking-item__index.sv-ranking-item__index {
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #000000)) 25%, transparent);
}

.sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {
    color: #000000;
}

.sd-action:not(.sd-action--pressed):hover, .sd-action:not(.sd-action--pressed):focus {
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #000000)) 25%, transparent);
}

.sv-ranking-item__icon.sv-ranking-item__icon {
    fill: var(--ctr-survey-action-button-icon-color-positive, var(--sjs-primary-background-500, #000000));
}

.sd-rating__item-smiley--selected {
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #000000)) 25%, transparent);
}

.sd-rating__item--selected {
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #000000)) 25%, transparent);
}

.sd-slider__range-track::before {
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #000000)) 25%, transparent);
}

.sd-slider__range-track::after {
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #000000)) 25%, transparent);
}

.sd-item--checked .sd-item__decorator {
    background: color-mix(in srgb, var(--ctr-surface-background-color, var(--sjs-special-background, #000000)) 25%, transparent);
}

.sd-btn {
    color: #000000;
}