/* Outline blue */
body{
background: #ffffff; /* fallback for old browsers */
/*background: -webkit-linear-gradient(to left, #cbc9c9 , #ffffff); /* Chrome 10-25, Safari 5.1-6 */
/*background: linear-gradient(to left, #cbc9c9 , #ffffff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
/*background: linear-gradient(to left, #cbc9c9 , #ffffff);*/
}
body,
.survey-header .survey-header-content .subtitle, .survey-intro .qdescription{
color: #666666;
}
/* wcag */
#wcag_button{
color: black;
}
/* */
.row.survey-question:not(:last-of-type){
border-bottom: 1px solid rgba(115, 115, 115, 0.35);
}
body.page-consent .questionHeader .terms-container{
background: rgba(0, 0, 0,0.05)!important;
}
/* BARS */
nav.navbar.navbar-fixed-top,
nav#navbar-bottom{
background: white;
}
nav.navbar.navbar-fixed-top{
box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.15);
}
nav#navbar-bottom{
box-shadow: 0px -2px 25px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px -2px 25px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px -2px 25px rgba(0, 0, 0, 0.15);
}
.navbar.navbar-fixed-bottom #nextQuestion{
background-color: #00acfc
}
.navbar.navbar-fixed-bottom #nextQuestion:hover{
background-color: #74bbe4
}
.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: #00acfc;
}
/*progress bar*/
#pb-percentage{
background: #00acfc;
color: #fff;
}
#progressbardiv .progress-question {
background: #00acfc;
}
#progressbardiv{
background: rgb(202, 202, 202);
}
/* Questions */
.form-control{
background:white;
border: 1px solid #dbdbdb !important;
-webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
-moz-box-shadow: inset 2px 2px 2px 0px #dddddd;
box-shadow: inset 2px 2px 2px 0px #dddddd;
}
/* Warning Messages*/
.survey-question.req.form-error .survey-question-header .error-message{
color: #e65555;
}
/*slidebox*/
.question-type-netigateSlider .sliderbox{
color: #ffffff;
background:#00acfc;
}
/**/
/*hover*/
.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: #f3fbff;
color: #999999!important;
}
/*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: #00acfc;
color: #999999!important;
background-color: whitesmoke
}
.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:rgba(0,0,0,0);
border:1px solid #00acfc;
}
.weighted-horizontal-radio-buttons.weightedRadiosRerendered .form-check:not(:last-child) .netigate_helper{
border-right: none;
}
.weighted-horizontal-radio-buttons.weightedRadiosRerendered .survey-question-content fieldset.form-group .form-check:not(:last-of-type){
border-right: 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: #00acfc !important;
/*rgba(30, 64, 105, 0.6)*/
}
/*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: #00acfc;
background-color: rgb(255, 255, 255);
}
.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: #00acfc;
}
/*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: #00acfc!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: #00acfc !important;
}
/*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{
color:#00acfc;
}
/**/
.survey-question-content input[type="radio"]:checked + span.qoption, .survey-question-content input[type="checkbox"]:checked + span.qoption{
}
table.table tr > td, table.table tr > th{border-color:rgba(179,179,179,0.5);}
.question-type-double-matrix table.table .separator{border-right: 2px solid #adadad}
/*matrix slides*/
.netigate_slide-wrapper .netigate_slide-nav-container .dots .dot{
border-color:#7BA2CC
}
.netigate_slide-wrapper .netigate_slide-nav-container .dots .dot.dot_active {
background: #00acfc;
border-color: #00acfc;
}
.netigate_slide-wrapper .netigate_slide-nav{
background-color: #00acfc;
}
.netigate_slide-wrapper .netigate_slide-nav-container .dots .dot.dot_active.dot_active-last{
background: transparent;
}
.netigate_slide-wrapper:not(.lock_forward) .netigate_slide-nav.active:hover{
background-color:#3194ff
}
/*slider*/
.question-type-netigateSlider .ui-slider-range {
background: #00acfc;
}
.question-type-netigateSlider .ui-slider{
background: transparent; border: 1px solid #00acfc;
}
.question-type-netigateSlider .range-input label.range-input-left, .question-type-netigateSlider .range-input label.range-input-right
{ color: #999999 }
/*nps*/
.question-type-nps .form-group{
border: 1px solid #00acfc;
}
.question-type-nps .form-check .netigate_helper{border:none;}
.question-type-nps .form-check input[type="radio"]:checked ~ .netigate_helper{
background-color: #00acfc !important;
}
.question-type-nps .form-check:not(:last-child) .form-check-label {
border-right: 1px solid #00acfc;
}
.question-type-nps .form-check .form-check-label:hover .netigate_helper{
background-color: #00acfc !important;
color: #ffffff !important
}
.question-type-nps .form-check .form-check-label:hover span.qoption{
color: #ffffff
}
.question-type-nps .form-group{
box-shadow: none ;
-moz-box-shadow: none;
webkit-box-shadow: none;
}
/* weighted horizontal radio buttons */
.weighted-horizontal-radio-buttons.weightedRadiosRerendered .survey-question-content .form-check.nullWeight .netigate_helper{
border-top-color: rgba(0, 172, 252, 0.33);
border-right-color: rgba(0, 172, 252, 0.33);
border-bottom-color: rgba(0, 172, 252, 0.33);
}
/* 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 #00acfc;
border-left: none !important;
}
}
/* survery drop down box*/
.survey-question-content .form-control{border:2px solid #00acfc !important}
/*double matrix*/
.question-type-netigateMatrix.classicMatrix .form-check .form-check-label:hover .netigate_helper,
.question-type-netigateMatrix.classicMatrix .form-check input[type="radio"]:checked ~ .netigate_helper,
.question-type-netigateMatrix.classicMatrix .form-check .netigate_helper,
.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;
border:none!important;
}
/*side dot navigation*/
#fp-nav ul li a.active span {
background: #00acfc;
}
.form-check-label > span, .qoption:not(.infotext){
color: #00acfc;
}
/* 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: #00acfc;
}
.survey-question.question-type-netigateStarRating .form-check i.fa-star-o{
color: rgba(169, 169, 169, 0.8);
}
.survey-question.question-type-netigateStarRating .form-check.hover > label i.fa{
color: #00acfc;
}
.survey-question.question-type-netigateStarRating .form-check .qoption{
color: #999999;
}
/* 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: rgba(0, 0, 0, 0.3);
}
footer .footer-text .footerwrapper {
background: rgba(0, 0, 0, 0.05);
}
/* NA option */
.skip-button{
}
.skip-button:hover{
background-color: #f3fbff;
}
.skip-hidden-span{
color:#00acfc;
}
.skip-hidden-styler{
background: transparent;
border: 1px solid #00acfc;
}
.skip-button input[type="checkbox"]:checked ~ .skip-hidden-styler{
background: #00acfc;
}
/* Transitions */
@keyframes error-question-color{
0% {
color:#e65555;
}
50% {
color:#e65555;
}
100% {
color:black;
}
}
@keyframes answer-click-effect {
0% {
background: #00acfc;
}
100% {
background:#00acfc; /* Should be the same as the initial background */
}
}
body.page-outro.widget .widget-confirm {
color: #45dc21;
}
/* RTL */
body[data-lang-rtl="true"] .question-type-nps .form-check:not(:last-child):not(:first-child) .form-check-label {
border-left: 1px solid #00acfc;
}
body[data-lang-rtl="true"] .question-type-nps .form-check:not(:last-child) .form-check-label {
border-right: none;
}