/* LIGHT THEME OF THE RESPONDANT TEMPLATE */
 
 body{
    background: #fff;
}
 
body,
.survey-header .survey-header-content .subtitle,
.survey-intro .qdescription {
    color: #222;
}
 
/* wtf is this ? */
body.page-consent .row.survey-question:not(:last-of-type),
body.page-consent #contentContainer .row.fullscreen-section:not(:last-of-type) {
    border-bottom-color: transparent;
}

/**/
.row.survey-question .survey-question-header{
    font-size: 1.15em;
}

.survey-header .survey-header-content .subtitle{
    margin: 5px 0px;
    padding: 1rem;
    padding-left: 0px;
    color: #888;
    font-weight: 600;
    padding-top: 5px;
    margin-bottom: 20px;
    font-size: 14px;
    padding-bottom: 2rem;
}

body:not(.page-consent) .survey-header .survey-header-content .subtitle:after{
    height: 3px;
    position: absolute;
    content: "";
    width: 30px;
    background: #888;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.survey-header .survey-header-content .title{
    font-size: 22px;
    font-weight: bold;
}


/**/
#contentContainer .row.fullscreen-section:not(:last-of-type) {
    border-bottom-color: #eeeeee;
}
 
body.page-consent .questionHeader .terms-container {
    background: rgba(0, 0, 0, 0.05)!important;
}
 
/* wcag */
#wcag_button{
    color: black;
}
 
/* BARS */

nav.navbar.navbar-fixed-top,
nav#navbar-bottom{
    background: #f4f4f4;
}
 
nav.navbar.navbar-fixed-top{
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
 
nav#navbar-bottom{
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
 
.navbar.navbar-fixed-bottom #previousQuestion{
    background-color: rgba(0, 0, 0, 0.5);
}
 
#navbar-bottom .netigate_brand .text{
    color: rgba(0, 0, 0, 0.4);
}
 
#navbar-bottom .netigate_brand a:hover img{
    -webkit-filter: none;
    filter: none;
}
 
#navbar-bottom .netigate_brand a:hover .text {
    color: #006699;
}
 
.survey-header .survey-header-content .title{
    color: #252525;
}
 
/*progress bar*/

#pb-percentage{
    background: #444;
    color: #fff;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
 
#progressbardiv .progress-question {
    background: #444;
}
 
#progressbardiv{
    background: rgb(202, 202, 202);
}
 
/* Questions */
 
.survey-question-content input[type="radio"]:checked + span.qoption,
.survey-question-content input[type="checkbox"]:checked + span.qoption{
    color: #444!important;
}
 
.form-control{
    border: 1px solid #d0d0d0;
}
 
/**/
.question-type-matrixRanking .netigate_helper,
.question-type-double-matrix .netigate_helper,
.question-type-netigateMatrix .netigate_helper,
.question-type-nps .form-check .netigate_helper,
.question-type-horizontal-checkboxes .form-check .netigate_helper,
.question-type-horizontal-radiobuttons .form-check .netigate_helper,
.question-type-checkboxesWithText .form-check .netigate_helper,
.question-type-netigateCheckboxes .form-check .netigate_helper,
.question-type-radiobuttonsWithText .form-check .netigate_helper,
.question-type-netigateRadiobutton .form-check .netigate_helper{
    background: none;
}
 
/*checked*/
.question-type-matrixRanking .form-check input[type="radio"]:checked ~ .netigate_helper,
.question-type-double-matrix .form-check input[type="radio"]:checked ~ .netigate_helper,
.question-type-netigateMatrix .form-check input[type="radio"]:checked ~ .netigate_helper,
.question-type-nps .form-check input[type="radio"]:checked ~ .netigate_helper,
.question-type-horizontal-checkboxes .form-check input[type="checkbox"]:checked ~ .netigate_helper,
.question-type-horizontal-radiobuttons .form-check input[type="radio"]:checked ~ .netigate_helper,
.question-type-checkboxesWithText .form-check input[type="checkbox"]:checked ~ .netigate_helper,
.question-type-netigateCheckboxes .form-check input[type="checkbox"]:checked ~ .netigate_helper,
.question-type-radiobuttonsWithText .form-check input[type="radio"]:checked ~ .netigate_helper,
.question-type-netigateRadiobutton .form-check input[type="radio"]:checked ~ .netigate_helper{
    background: transparent!important;

    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
}
 
/*before*/
.question-type-matrixRanking .netigate_helper:before,
.question-type-double-matrix .netigate_helper:before,
.question-type-netigateMatrix .netigate_helper:before,
.question-type-nps .form-check .netigate_helper:before,
.question-type-horizontal-checkboxes .form-check .netigate_helper:before,
.question-type-horizontal-radiobuttons .form-check .netigate_helper:before,
.question-type-checkboxesWithText .form-check .netigate_helper:before,
.question-type-netigateCheckboxes .form-check .netigate_helper:before,
.question-type-radiobuttonsWithText .form-check .netigate_helper:before,
.question-type-netigateRadiobutton .form-check .netigate_helper:before{
    border-color: rgb(165, 165, 165);
    width: 20px;
    background-color: white;
    height: 20px;
    border: 1px solid #888;
    top: 10px;
    left: 9px;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
}
 
.question-type-horizontal-checkboxes .form-check .netigate_helper:before,
.question-type-checkboxesWithText .form-check .netigate_helper:before,
.question-type-netigateCheckboxes .form-check .netigate_helper:before{
    border-radius: 3px;
}
 
/*before checked*/
.question-type-matrixRanking .form-check input:checked ~ .netigate_helper:before,
.question-type-double-matrix .form-check input:checked ~ .netigate_helper:before,
.question-type-netigateMatrix .form-check input:checked ~ .netigate_helper:before,
.question-type-nps .form-check input:checked ~ .netigate_helper:before,
.question-type-horizontal-checkboxes .form-check input:checked ~ .netigate_helper:before,
.question-type-horizontal-radiobuttons .form-check input:checked ~ .netigate_helper:before,
.question-type-checkboxesWithText .form-check input:checked ~ .netigate_helper:before,
.question-type-netigateCheckboxes .form-check input:checked ~ .netigate_helper:before,
.question-type-radiobuttonsWithText .form-check input:checked ~ .netigate_helper:before,
.question-type-netigateRadiobutton .form-check input:checked ~ .netigate_helper:before{
    border-color: #444!important;
}
 
/* after */
 
.question-type-matrixRanking .form-check .netigate_helper:after,
.question-type-double-matrix .form-check .netigate_helper:after,
.question-type-netigateMatrix .form-check .netigate_helper:after,
.question-type-nps .form-check .netigate_helper:after,
.question-type-horizontal-radiobuttons .form-check .netigate_helper:after,
.question-type-radiobuttonsWithText .form-check .netigate_helper:after,
.question-type-netigateRadiobutton .form-check .netigate_helper:after{
    background-color: #444;
    width: 12px;
    height: 12px;
    top: 14px;
}

/*NTGT-3373*/
/*.question-type-matrixRanking .form-check .netigate_helper:after,
.question-type-netigateMatrix .form-check .netigate_helper:after,*/
.question-type-nps .form-check .netigate_helper:after,
.question-type-horizontal-radiobuttons .form-check .netigate_helper:after,
.question-type-radiobuttonsWithText .form-check .netigate_helper:after,
.question-type-netigateRadiobutton .form-check .netigate_helper:after{
    left: 13px;
}
 
/*
.question-type-double-matrix.matrix-size-small .form-check .netigate_helper::after,
.question-type-netigateMatrix.classicMatrix.matrix-size-small .form-check .netigate_helper::after {
    left: 20px;
}
*/
 
.question-type-nps .form-group{
    border: 1px solid #ccc;
}
 
.question-type-matrixRanking .survey-question-content .form-check-label > .qoption,
.question-type-matrixRanking .survey-question-content .form-check-label > span,
.question-type-double-matrix .survey-question-content .form-check-label > .qoption,
.question-type-double-matrix .survey-question-content .form-check-label > span,
.question-type-netigateMatrix .survey-question-content .form-check-label > span,
.question-type-netigateMatrix .survey-question-content .form-check-label > .qoption,
.question-type-horizontal-checkboxes .survey-question-content .form-check-label > span,
.question-type-horizontal-checkboxes .survey-question-content .form-check-label > .qoption,
.question-type-horizontal-radiobuttons .survey-question-content .form-check-label > span,
.question-type-horizontal-radiobuttons .survey-question-content .form-check-label > .qoption,
.question-type-checkboxesWithText .survey-question-content .form-check-label > span,
.question-type-checkboxesWithText .survey-question-content .form-check-label > .qoption,
.question-type-netigateCheckboxes .survey-question-content .form-check-label > span,
.question-type-netigateCheckboxes .survey-question-content .form-check-label > .qoption,
.question-type-radiobuttonsWithText .survey-question-content .form-check-label > span,
.question-type-radiobuttonsWithText .survey-question-content .form-check-label > .qoption,
.question-type-netigateRadiobutton .survey-question-content .form-check-label > span,
.question-type-netigateRadiobutton .survey-question-content .form-check-label > .qoption{
    padding-left: 30px;
}
 
/* hover background */
 
.question-type-matrixRanking .form-check .form-check-label:hover .netigate_helper,
.question-type-double-matrix .form-check .form-check-label:hover .netigate_helper,
.question-type-netigateMatrix .form-check .form-check-label:hover .netigate_helper,
.question-type-nps .form-check .form-check-label:hover .netigate_helper,
.question-type-horizontal-checkboxes .form-check .form-check-label:hover .netigate_helper,
.question-type-horizontal-radiobuttons .form-check .form-check-label:hover .netigate_helper,
.question-type-checkboxesWithText .form-check .form-check-label:hover .netigate_helper,
.question-type-netigateCheckboxes .form-check .form-check-label:hover .netigate_helper,
.question-type-radiobuttonsWithText .form-check .form-check-label:hover .netigate_helper,
.question-type-netigateRadiobutton .form-check .form-check-label:hover .netigate_helper{
    background: transparent;
}
 
/* hover text color */
 
.question-type-matrixRanking .form-check .form-check-label:hover span.qoption,
.question-type-double-matrix .form-check .form-check-label:hover span.qoption,
.question-type-netigateMatrix .form-check .form-check-label:hover span.qoption,
.question-type-nps .form-check .form-check-label:hover span.qoption,
.question-type-horizontal-checkboxes .form-check .form-check-label:hover span.qoption,
.question-type-horizontal-radiobuttons .form-check .form-check-label:hover span.qoption,
.question-type-checkboxesWithText .form-check .form-check-label:hover span.qoption,
.question-type-netigateCheckboxes .form-check .form-check-label:hover span.qoption,
.question-type-radiobuttonsWithText .form-check .form-check-label:hover span.qoption,
.question-type-netigateRadiobutton .form-check .form-check-label:hover span.qoption{
    color: #444;
}
 
/*hover before*/
 
.question-type-matrixRanking .form-check .form-check-label:hover .netigate_helper:before,
.question-type-double-matrix .form-check .form-check-label:hover .netigate_helper:before,
.question-type-netigateMatrix .form-check .form-check-label:hover .netigate_helper:before,
.question-type-nps .form-check .form-check-label:hover .netigate_helper:before,
.question-type-horizontal-checkboxes .form-check .form-check-label:hover .netigate_helper:before,
.question-type-horizontal-radiobuttons .form-check .form-check-label:hover .netigate_helper:before,
.question-type-checkboxesWithText .form-check .form-check-label:hover .netigate_helper:before,
.question-type-netigateCheckboxes .form-check .form-check-label:hover .netigate_helper:before,
.question-type-radiobuttonsWithText .form-check .form-check-label:hover .netigate_helper:before,
.question-type-netigateRadiobutton .form-check .form-check-label:hover .netigate_helper:before{
    border-color: #444;
}
 
/*check sign*/
 
.question-type-horizontal-checkboxes .form-check .netigate_helper:after,
.question-type-checkboxesWithText .form-check .netigate_helper:after,
.question-type-netigateCheckboxes .form-check .netigate_helper:after{
    font-size: 13px;
    top: 5px;
    color: #444;
    left: -3px;
}

body:not(.mode-one) .survey-question-content {
    margin-bottom: 25px;
}
 
/**/
#warning-message{
    background: #FA9F42;
}

/*nps*/
.question-type-nps .form-check input[type="radio"]:checked ~ .netigate_helper{
    background: #444!important;
    color: white;
}
.question-type-nps .form-check input[type="radio"]:checked ~ .qoption{
    color: white!important;
}
 
/* horizontal radio buttons */
.weighted-horizontal-radio-buttons.weightedRadiosRerendered .survey-question-content fieldset.form-group{
    border: 1px solid #ccc;
}
 
/*matrix slides*/

.netigate_slide-wrapper:not(.lock_forward) .netigate_slide-nav.active:hover,
.netigate_slide-wrapper.lock_forward .netigate_slide-nav.netigate_slide-left.active:hover{
    background-color: #444;
}
 
.netigate_slide-wrapper .netigate_slide-nav-container .dots .dot.dot_active {
    background: #444;
    border-color: #444;
}

.netigate_slide-wrapper .netigate_slide-nav-container .dots .dot.dot_active.dot_active-last{
    background: #444;
}
 
.netigate_slide-wrapper .netigate_slide-nav{
    background-color: #888;
}

.netigate_slide-wrapper:not(.lock_forward) .netigate_slide-nav.active:hover {
    background-color: #444;
}
 
.question-type-netigateMatrix .netigate_slide-wrapper .form-check-label{
    border-bottom: 1px solid #ccc;
}
 
.survey-question-content .form-control:focus {
 
    box-shadow: none;
    border-color: #444;
 
}

.survey-question-content .form-control{
    border-width: 1px;
}
 /* d matrix */
.question-type-double-matrix table.table .separator {
    border-right: 2px solid #444;
}

/*slider*/
 
.question-type-netigateSlider .ui-slider-range {
    background: #444;
}
 
.question-type-netigateSlider .ui-slider{
    background: #eee;
    height: 8px;
}
 
.question-type-netigateSlider .sliderbox{
    background: #eee;
    cursor: default;
}
 
.question-type-netigateSlider .ui-slider .ui-slider-handle{
    background: #444!important;
    border-color: #444!important;
    top: -14px;
    box-shadow: none;
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
 
/*nps*/
.question-type-nps .form-check input[type="radio"]:checked ~ .netigate_helper{
    background-color: #444;
}
 
.question-type-nps .form-check:not(:last-child) .form-check-label {
    border-right: 1px solid rgba(0, 0, 0, 0.18);
}
 
.question-type-nps .form-group{
    box-shadow: none;
    -moz-box-shadow: none;
    webkit-box-shadow: none;
}

/**/
.navbar.navbar-fixed-bottom #previousQuestion:active,
.navbar.navbar-fixed-bottom #previousQuestion:hover {
    background-color: rgba(0, 0, 0, 0.45);
}
 
/*double matrix*/
.question-type-matrixRanking .form-check .form-check-label:hover .netigate_helper,
.question-type-matrixRanking .form-check input[type="radio"]:checked ~ .netigate_helper,
.question-type-matrixRanking .form-check .netigate_helper,
.question-type-double-matrix .form-check .form-check-label:hover .netigate_helper,
.question-type-double-matrix .form-check input[type="radio"]:checked ~ .netigate_helper,
.question-type-double-matrix .form-check .netigate_helper,
.question-type-netigateMatrix-v0 .form-check .form-check-label:hover .netigate_helper,
.question-type-netigateMatrix-v0 .form-check input[type="radio"]:checked ~ .netigate_helper,
.question-type-netigateMatrix-v0 .form-check .netigate_helper{
    background: none!important;
}
 
/* weighted horizontal radio buttons */
.weighted-horizontal-radio-buttons.weightedRadiosRerendered .survey-question-content .form-check.nullWeight .netigate_helper{
    background: rgba(0,0,0, 0.05);
}
 
/*side dot navigation*/
#fp-nav ul li a.active span {
    background: #444;
}
 
.navbar.navbar-fixed-bottom #nextQuestion,
.navbar.navbar-fixed-bottom #nextQuestion:not(.inactive):hover{
    background: #444;
    text-shadow: none;
    color: #fff;
}
 
/* matrix */
 
table.table tr > td, table.table tr > th{
    border-color: rgba(0, 0, 0, 0.1);
}
 
.form-check-label > span, .qoption:not(.infotext){
    color: #404040;
}
 
/* NA option */
.skip-hidden-span{
    color:#404040;
}
 
.skip-hidden-styler{
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}
 
.skip-button:hover .skip-hidden-styler{
    background: rgba(0, 0, 0, 0.3);
}
 
/* Star rating */ 

.survey-question.question-type-netigateStarRating .form-check.star i.fa-star,
.survey-question.question-type-netigateStarRating .form-check.hover > label i.star-icon{
 
    color: #444;
 
}
 
.survey-question.question-type-netigateStarRating .form-check i.icon-outline{
    color: rgba(0, 0, 0, 0.2);
}
 
.survey-question.question-type-netigateStarRating .form-check .qoption{
    color: #818a91;
 }
 
 /* error message */
 .survey-question.req .survey-question-header .error-message{
    text-shadow: none;
    color: #F87060;
}

/* Lang selector */
 
#contentContainer .survey-translator .lang-link-container a{
    background: rgba(0, 0, 0, 0.4);
}
 
/*footer*/
 
footer .credits img{
    -webkit-filter: none;
    filter: none;
}
 
footer .credits .footertext{
    color: rgba(0, 0, 0, 0.2);
}
 
footer a{
    color: #28536B;
}
 
footer .footer-text .footerwrapper {
    background: transparent;
}
 
/*Skip button*/
.fullscreen-section .skip-button input[type="checkbox"]:checked ~ .skip-hidden-styler {
    background-color: #444;
}

/* Ntgt Modal - consent */

#consentModal .survey-question.question-type-netigateRadiobutton .form-check .netigate_helper {
    background: #444;
}

#consentModal .survey-question.question-type-netigateRadiobutton .form-check .netigate_helper:after {
    background-color: #444 !important;
}

#consentModal .survey-question.question-type-netigateRadiobutton .form-check input:checked ~ .netigate_helper::before {
    border-color: #444!important;
}

#consentModal .survey-question.question-type-netigateRadiobutton .form-check input[type="radio"]:checked ~ .netigate_helper,
#consentModal .survey-question.question-type-netigateRadiobutton .form-check .netigate_helper{
    background: transparent!important;
}

#consentModal .survey-question.question-type-netigateRadiobutton .form-check .form-check-label:hover .netigate_helper {
    background: transparent;
}

#consentModal .survey-question.question-type-netigateRadiobutton .form-check .form-check-label:hover .netigate_helper:before {
    border-color: #444;
}

#consentModal .survey-question.question-type-netigateRadiobutton .form-check .qoption{
    padding-top: 6px;
}

#consentModal .modal-footer button[data-save="consent"] {
    background: #499F68;
    border-color: transparent;
}
 
/* Transitions */
@keyframes error-question-color{
    0% {
        color:#e65555;
        }
 
    50% {
        color:#e65555;
        }
 
    100% {
        color:#252525;
    }
 
}
 
@keyframes answer-click-effect {
    0% {
        background: #444;
    }
 
    100% {
        background: rgba(88, 88, 88, 0.6);
 /* Should be the same as the initial background */ }
 
}


body.page-outro.widget .widget-confirm {
    color: #499F68;
}

/* RTL */
body[data-lang-rtl="true"] .question-type-nps .form-check:not(:last-child):not(:first-child) .form-check-label {
    border-left: 1px solid rgba(0, 0, 0, 0.18);
}

body[data-lang-rtl="true"] .question-type-nps .form-check:not(:last-child) .form-check-label {
    border-right: none;
}

/* responsive style */
@media only screen and (max-width: 991px) and (orientation: portrait) {
    /* NPS */
    .question-type-nps .form-check:not(:last-child) .form-check-label {
        border-right: none !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.18);
        border-left: none !important;
    }
}