@import url("https://marekipsos.gitlab.io/nfield-template/master_css.css");
@font-face {
    font-family: 'Arial Narrow Bold';
    src: url('../fonts/Arial-Narrow.woff') format('woff'), url('../fonts/Arial-Narrow.woff2') format('woff2');
}

body {
    font-family: Arial;
}

/*, Helvetica, sans-serif*/

.h1,
.h2,
.h3,
.h4 {
    font-family: Arial;
}

/*{font-family: "Arial Narrow", Arial, Helvetica, sans-serif !important;}*/

.ui-widget {
    font-family: Arial;
}

/*Helvetica, sans-serif*/

/*background-color*/
body {
    background-color: #F2F2F2;
}

.nn-grid-row .label {
    background-color: #F2F2F2;
}

.nn-grid-row .label:focus {
    background-color: #F2F2F2;
}

/*primary-color*/
#slideContainerOverflow:before {
    visibility: hidden;
}

.sliderContainer .touched.ui-slider .ui-slider-handle,
.sliderContainer .ui-slider .ui-slider-handle:hover {
    background-color: #405a9c;
    border-color: #405a9c;
}

.sliderContainer .ui-slider .ui-slider-handle:hover,
.sliderContainer .ui-slider .ui-slider-handle:focus {
    background-color: #405a9c;
}

.toggle {
    color: #2336FA;
}

.nn-grid-row .label:hover {
    background-color: #2336FA;
    color: #fff;
}

.totalSlider .slider .sliderProgress {
    background-color: #2336FA;
}

.totalSlider .input .character {
    color: #2336FA;
}

.totalSlider .input input {
    color: #2336FA;
}

.form-group.answered .form-control-feedback {
    color: #2336FA;
}

.ui-datepicker .ui-datepicker-current-day a {
    color: #2336FA !important;
    border: 2px solid #2336FA !important;
}

.ui-state-default:hover {
    color: #405a9c !important;
    border: 2px solid #405a9c !important;
}

a.ui-state-default.ui-state-highlight {
    color: #2336FA !important;
    border: 2px solid #2336FA !important;
}

input:focus {
    color: #2336FA !important;
    border-color: #2336FA !important;
}

textarea:focus {
    color: #2336FA !important;
    border-color: #2336FA !important;
}

.btn.btn-custom-action,
.btn.button-next {
    background-color: #2336FA;
    outline-color: #2336FA;
}

.toggle.selected,
.toggle.selected .label-inner,
.toggle.has-img.selected .label-inner,
.no-touch .toggle.has-img:hover .label-outer .label-inner,
.no-touch .toggle:hover,
.mobile .draggable-item .toggle:active {
    background: #2336FA;
    border-color: #2336FA;
    color: #fff;
}

.mobile .card-dragdrop .ui-accordion-header-active {
    background: #2336FA !important;
    border-color: #2336FA !important;
    color: #fff !important;
}

.no-touch .toggle.has-img:hover {
    outline: 5px solid #2336FA;
}

.card-dragdrop .mobile-drag-list::-webkit-scrollbar-thumb,
.card-dragdrop .mobile-drop-list .droppable-item .ui-accordion-content::-webkit-scrollbar-thumb {
    background: #2336FA;
}

#header {
    background: rgb(2, 0, 36);
    background: -moz-linear-gradient(90deg, rgba(35, 54, 250) 0%, rgba(42, 61, 250) 0%, rgba(35, 54, 250) 100%);
    background: -webkit-linear-gradient(90deg, rgba(35, 54, 250) 0%, rgba(42, 61, 250) 0%, rgba(35, 54, 250) 100%);
    background: linear-gradient(90deg, rgba(35, 54, 250) 0%, rgb(42, 61, 250) 0%, rgba(35, 54, 250) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024", endColorstr="#405a9c", GradientType=1);
}

/*label-text*/
.toggle:not(.is-selected) {
    /* font-size: 2.5vh;                               upravene 13.5.2021                      */
    font-size: 12px;
    /* upravene 31.5.2021 */
    color: #666666;
}

/*progressbar-color*/
#progressBar #progress {
    background: #2336FA;
}

#welcomeMsg h2 {
    color: #2336FA;
}

/*category-border-color*/
.toggle {
    border-color: #CCCCCC;
}

/*footer-background-color*/
#footer {
    background-color: #fff;
}

/*footer-border-color*/
#footer {
    border-color: #CCCCCC;
}

/*exclusive-color*/
.toggle.noneOfThese {
    background-color: #BFBFBF;
}

/*custom-button-color*/
[class*=button-user-] {
    background-color: #F2F2F2;
    outline-color: #F2F2F2;
}

/*active-text*/
.nn-grid-row .answer.is-selected .label span,
.toggle.is-selected,
.toggle.is-selected span.input {
    /* font-size: 2.5vh;                               upravene 13.5.2021                      */
    font-size: 1.5rem;
    /* upravene 27.5.2021 */
    color: #FFFFFF;
    /* font-weight:bold;
    font-style:italic; */
    /* upravene 13.5.2021 */
}

/*instruction-text*/
.card>div>p {
    font-size: 1.5rem;
    /* upravene 13.5.2021 */
    color: #333333;
    ;
}

/* visible ticks slider - ipsos_made */
.visible_tick {
    display: revert !important;
}


/*secondary-color*/
.toggle.is-selected,
.toggle.is-selected:focus,
.nn-grid-row .label:focus {
    border-color: #2336FA;
    outline-color: #2336FA;
}

.nn-grid-row .answer.is-selected .label {
    background-color: #2336FA !important;
    outline-color: #2336FA !important;
}

/* slider color */
.sliderContainer .sliderProgress {
    background-color: #405a9c;
}

.sliderContainer .mobileSelect {
    display: none !important;
}

@media (max-width: 768px) {
    .sliderContainer.radioSlider .slider {
        display: block;
    }

    .sliderContainer .slider .legend .tick {
        display: none;
    }

    .sliderContainer .slider .legend .tick:first-child,
    .sliderContainer .slider .legend .tick:last-child {
        display: inline-block !important;
    }
}


.welcomeTitle h1 {
    color: #2336FA;
}

.starsContainer .ratingRow .ratingText .ic-check {
    color: #2336FA;
}

.nn-grid-row .question .ic-check {
    color: #2336FA;
}

.card-grid-horizontal .gridContainer .head td.active:after,
.card-grid-horizontal .gridContainer .head th.active:after {
    background-color: #2336FA;
}

.card-grid-horizontal .gridContainer td .category.is-selected .category-label,
.card-grid-horizontal .gridContainer td .category .category-label:hover {
    background-color: #2336FA;
}

.toggle.is-selected .label-inner,
.toggle.has-img.is-selected .label-inner,
.card-dragdrop .droparea-list .toggle {
    background: #2336FA;
    border-color: #2336FA;
    color: #fff;
}

.card-swipecards .movingLeft {
    color: #2336FA !important;
    border-color: #2336FA !important;
    outline: #2336FA !important;
}

.card-dragdrop .ui-draggable-dragging * {
    background-color: #2336FA;
}

.card-dragdrop .ui-draggable-dragging .toggle {
    background-color: #2336FA !important;
}

.no-touch .toggle.has-img:focus .label-outer .label-inner {
    background: #2336FA;
    border-color: #2336FA;
}

.no-touch .toggle.has-img:focus {
    outline: 5px solid #2336FA !important;
}

@media (max-width: 992px) {
    .card-grid-horizontal .matrix td:first-child p {
        color: #2336FA;
    }
}

/*question-text*/
h2 {
    /* font-size: 4.3vh;                               upravene 13.5.2021                     */
    /* font-size: 3vh;                               upravene 27.5.2021 */
    font-size: 22px !important;
    /*  upravene 31.5.2021 */
    color: #000000;
    font-weight: 400;
}

.h2 {
    font-size: 22px !important;
    /*  upravene 31.5.2021 */
    color: #000000;
    font-weight: 400;
}

#footerContent {
    display: flex;
    justify-content: space-between;
}


/*show-poweredby*/

#footerContent p.pull-middle {
    /* font-size: 2vh;                                 upravene 13.5.2021 */
    font-size: 1.5rem;
    /* upravene 31.5.2021 */
    color: #333;
    margin: auto;
}

#footerContent p.pull-right {
    /* font-size: 2vh;                                 upravene 13.5.2021 */
    font-size: 1.5rem;
    /* upravene 31.5.2021 */
    color: #333;
}

.toggle.is-selected {
    font-size: 12px !important;
    color: #FFFFFF;
}


/* scale slider smileys*/
*[data-scale_slider_ipsos] .slider-icons>img {
    width: 55px !important;
}

*[data-scale_slider_ipsos] .slider-icons>img:nth-child(1) {
    float: left;
    margin-left: -6px;
    margin-bottom: 7px;
}

*[data-scale_slider_ipsos] .slider-icons>img:nth-child(2) {
    float: right;
    margin-right: -6px;
    margin-bottom: 7px;
}

/* code css - FONT99 */
.style-99 {
    /* pouze pro ucely testovaciho projektu  CZ-Petr-QreBuilder_questions */
    font-family: monospace;
    background: #f0f0f0;
    padding: 5px;
    margin-top: 10px;
    font-size: 70%;
}

/* numeric slider */
*[data-slider_ipsos] .slider img {
    width: 55px !important;
    height: 55px !important;
    position: relative;
}

*[data-ipsos_custom_sliderpics] .slider img {
    height: 70px !important;
    position: relative;
}

*[data-ipsos_custom_sliderpics] .slider .min img {
    left: -16px;
}

*[data-ipsos_custom_sliderpics] .slider .max img {
    right: -16px;
}

*[data-ipsos_custom_sliderpics] {
    margin-bottom: 40px;
}

*[data-slider_ipsos] .slider .min img {
    left: -16px;
}

*[data-slider_ipsos] .slider .max img {
    right: -16px;
}

*[data-slider_ipsos] .sliderContainer {
    margin-bottom: 55px !important;
}

/*show-left-logo*/
.logo.left {
    background-image: url("../../footer-logo-l.png");
    background-size: cover;
    height: 50px;
    width: 86px;
}

#footerContent img.pull-left {
    display: block;
}


/*show-right-logo*/


/* .logo.right {background-image: url("../../footer-logo-l.png"); background-size: cover; height: 38px; width: 42px}             
    #footerContent img.pull-right {display: block;} */

.nn-grid-row .label:focus {
    border: none !important;
}

@media (max-width: 768px) {
    #progressBar {
        top: 3vh !important;
        left: -15px;
        right: -15px;
        width: auto;
        bottom: auto !important;
    }

    #headerInner>h1 {
        display: none;
    }
}

@media (max-width: 480px) {

    /* .complete .user-button { */
    /* width: 90vw;                        predtym 85vw, upravene 13.5.2021 */
    /* } */
    .card {
        padding: 30px 15px !important;
    }

    /* oprava podbarvení u tlačítek Nevím, nechci odpovědět - ipsos_made */
    .complete .user-button {
        width: 50vw !important;
    }

    .toggle {
        padding: 10px 30px !important;
    }

    .toggle:not(.is-selected) {
        font-size: 2vh;
        /* upravene 31.5.2021 */
    }

    h2 {
        font-size: 2.5vh;
        /*  upravene 31.5.2021 */
        color: #000000;
        font-weight: 400;
    }
}


/* POPOVER ODSEKNUTIE SOLUTION BEGIN */
.popover-container {
    min-width: 0px !important;
    max-width: 60vw !important;
}

/* POPOVER ODSEKNUTIE SOLUTION END */

/* DEFAULT INSTRUCTION BEGIN */

.segment>p {
    color: #01579b !important;
}


/* DEFAULT INSTRUCTION END */

/* MATRIX FIX BEGIN */
/* *[data-ipsos_matrix_fix] .toggle.is-selected {
    color: #fff;
    border: 1px solid #f24f00 !important;
    background: #f24f00 !important;
}

*[data-ipsos_matrix_fix] .label:hover {
    background-color: #f24f00 !important;
}

*[data-ipsos_matrix_fix] .answer.is-selected .label {
    background-color: #f24f00 !important;
    color: #fff;
} */

/*active-text*/
*[data-ipsos_matrix_fix] .answer.is-selected .label span,
*[data-ipsos_matrix_fix] .toggle.is-selected,
*[data-ipsos_matrix_fix] .toggle.is-selected span.input {
    font-size: 12px;
    color: #FFFFFF;
    /* font-weight: bold; */
    /* font-style: italic; */
}

*[data-ipsos_matrix_fix] .toggle:focus {
    outline: none !important;
}

*[data-ipsos_matrix_fix] .no-touch .toggle.has-img:focus {
    outline: none !important;
}

@media (max-width: 768px) {
    /* #activeCard {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        padding-top: 5vh !important;
    } */

    *[data-ipsos_matrix_fix] .segment .active .answers-6 {
        height: 70vh !important;
    }

    *[data-ipsos_matrix_fix] .label {
        height: 7vh !important;
    }
}

@media (max-width: 980px) {

    *[data-ipsos_matrix_fix] ul.answers.cols-2 li,
    *[data-ipsos_matrix_fix] ul.answers.cols-3 li,
    *[data-ipsos_matrix_fix] ul.answers.cols-4 li,
    *[data-ipsos_matrix_fix] ul.answers.cols-5 li,
    *[data-ipsos_matrix_fix] ul.answers.cols-6 li,
    *[data-ipsos_matrix_fix] ul.answers.cols-7 li,
    *[data-ipsos_matrix_fix] ul.answers.cols-8 li,
    *[data-ipsos_matrix_fix] ul.answers.cols-9 li,
    *[data-ipsos_matrix_fix] ul.answers.cols-10 li {
        width: 50% !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    *[data-ipsos_matrix_fix] .toggle.has-img .label-outer .label-inner {
        padding-left: 0 !important;
        padding: 5px !important;
        text-align: center !important;
    }

    *[data-ipsos_matrix_fix] .toggle.has-img .label-outer .label-inner span.input {
        display: none !important;
    }

    *[data-ipsos_matrix_fix] .style-0{
        word-break: break-all !important;
    }

}
@media (max-width: 500px) {

    *[data-ipsos_matrix_fix] ul.answers.cols-2 li,
    *[data-ipsos_matrix_fix] ul.answers.cols-3 li,
    *[data-ipsos_matrix_fix] ul.answers.cols-4 li,
    *[data-ipsos_matrix_fix] ul.answers.cols-5 li,
    *[data-ipsos_matrix_fix] ul.answers.cols-6 li,
    *[data-ipsos_matrix_fix] ul.answers.cols-7 li,
    *[data-ipsos_matrix_fix] ul.answers.cols-8 li,
    *[data-ipsos_matrix_fix] ul.answers.cols-9 li,
    *[data-ipsos_matrix_fix] ul.answers.cols-10 li {
        width: 100% !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    *[data-ipsos_matrix_fix] .toggle.has-img .label-outer .label-inner {
        padding-left: 0 !important;
        padding: 5px !important;
        text-align: center !important;
    }

    *[data-ipsos_matrix_fix] .toggle.has-img .label-outer .label-inner span.input {
        display: none !important;
    }

    *[data-ipsos_matrix_fix] .style-0{
        word-break: break-all !important;
    }

}

*[data-ipsos_matrix_fix] .input {
    display: none !important;
}

*[data-ipsos_matrix_fix] .toggle.has-img.is-selected {
    padding-bottom: 0 !important;
}

*[data-ipsos_matrix_fix] .toggle.has-img {
    padding-bottom: 0 !important;
}

*[data-ipsos_matrix_fix] .toggle {
    display: block !important;
}
/* MATRIX FIX END */

/* SUMSLIDER HIDDEN BEGIN */
*[data-ipsos_sumslider_hidden] .sliderContainer .input {
    padding-left: 0 !important;
}
*[data-ipsos_sumslider_hidden] .sliderContainer .slider {
    display: none;
}
/* SUMSLIDER HIDDEN END */

/* TABLE ROW TEXT INPUT CENTER BEGIN */
*[data-ipsos_input_center] tr {
    text-align: center;
}
/* TABLE ROW TEXT INPUT CENTER END */

/* IATA */
.toggle.is-selected {
    border: 1px solid #2336FA !important;
    background: #2336FA !important;
}

.label-outer>span.style-0 {
    font-size: medium !important;
}

.toggle:not(.is-selected) {
    background-color: #f2f2f2;
    border: none;
}

.no-touch .toggle.has-img:focus .label-outer .label-inner {
    background: #2336FA;
    border-color: #2336FA;
}

.toggle.is-selected .label-inner,
.toggle.has-img.is-selected .label-inner,
.card-dragdrop .droparea-list .toggle {
    background: #2336FA;
    border-color: #2336FA;
    color: #fff;
}