/* 

Netigate AB
Document initiated on Nov 2016

RA Global styling

*/

.npsLabelMobile {
    display: none;
    cursor: pointer;
}

.npsLabelMobile label{
    cursor: pointer;
}

.npsLabel.second {
    text-align: right;
}

@media only screen and (max-width: 991px) and (orientation: portrait) {

    .npsLabelMobile {
        display: block;
    }

    .npsLabel.first,
    .npsLabelMobile.first {
        text-align: center;
    }

    .npsLabel.first {
        display: none;
    }

    .npsLabel.second {
        width: 100%;
    }

    body[data-lang-rtl="true"] .npsLabel.second,
    .npsLabel.second {
        text-align: center !important;
    }

    .npsLabelMobile.first {
        padding-bottom: 10px;
    }

    .npsLabel.second {
        padding-top: 10px;
    }
}
    
    .npsLabelDesktop {
    cursor: pointer;
}



html,body, *{
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	-webkit-overflow-scrolling: touch;
}

@font-face {
	font-family: 'Checkbox';
	src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype');
}

body{
	padding-top: 60px; /* When navbar is fixed on top we need this padding. */
	font-family: 'Open Sans';

	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;	
    background-size: cover;

	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;

    background: #16222A; /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #16222A , #3A6073); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #16222A , #3A6073); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */   

    height: 100vh;
    position: relative;

	color: #efefef;

	/* IE transparent overflowing scroll fix */
	-ms-overflow-style: scrollbar;
}


    body.device-mobile .survey-header-content .title {
        font-size: 26px;
    }

body.forceModeTwo{
	height: 100vh;
}

body.alternativeScrollArea{
	height: 100vh;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

body.alternativeScrollArea .navbar-fixed-top,
body.alternativeScrollArea #navbar-bottom{
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	-webkit-transform: translate3d(0, 0, 0);
}

/* because of the bottom fixed nav */


body.alternativeScrollArea{
	padding-top:0px;
	overflow: hidden;
	height:100vh;
}

body.alternativeScrollArea .navbar-fixed-top{
	margin-bottom:0px;
	padding-bottom: 0px;
}

body.alternativeScrollArea #main{
	height: calc(100vh - 114px);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	width: 100%
}

body.alternativeScrollArea form#form1 {
	height: 100vh;
	overflow-y: hidden;
}

body.alternativeScrollArea .navbar-fixed-top{
	position: relative;
}

body.alternativeScrollArea #navbar-bottom{
	position: relative;
}

body.alternativeScrollArea #content{
	padding-bottom: 10px!important;
}

/* wcag */

#wcag_button {
    position: absolute;
    right: 8px;
    padding: 5px 20px;
    top: 1px;
    color: white;
    font-size: 28px;
    cursor: pointer;
    background-color: transparent;
    border: none;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

#wcag_button.active{
	color: #4b9700;
}

#wcag_description {
    position: absolute;
    left: -999em;
    width: 1em;
}

#wcag_tooltip {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    color: white;
}

#wcag_button:hover ~ #wcag_description, #wcag_button:focus ~ #wcag_description {
    position: absolute;
    left: auto;
    right: 25px;
    top: 70px;
    width: 265px;
    background-color: black;
    color: #fff;
    text-align: justify;
    border-radius: 6px;
    padding: 15px;
    font-size: 12px;
}

/*
#mainbanner{
    display: block;

    max-width: 100%;
	width: 300px;
    height: auto;

    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;

    margin: 0 auto;

    padding: 2rem 4rem;
    border: 2px solid rgba(251, 251, 251, 0.1);

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
*/

body.page-lang-selector{
	overflow:auto!important;
}

#mainbanner.display-logo{
	background: none!important;
}

#mainbanner{
	width: auto!important;
	max-width: 300px!important;
	background: none!important;
}

.navbar .navbar-brand{
	height: 100%;
	float: none;
	display: inline-block;
	padding: 8px 5px;
	position: relative;
	max-width: calc(100% - 70px);
}

nav.navbar-fixed-top a.navbar-brand {
    max-width: 100%;
}

.navbar .navbar-brand img{
	height: auto;
	max-height: 100%;
	width: auto;
	padding: 0px;
	position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.navbar .navbar-brand img[src=""]{
	display: none;
}

.navbar.navbar-fixed-top{
	background: #4b5054;

	box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.3);

	border: none;

	height: 59px;

    text-align: center;
    z-index: 999999999;

	top: 0px;
	padding-bottom: 5px;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

body[first-time-initiated="true"] .navbar.navbar-fixed-top{
	-webkit-animation: unveil-from-top 750ms;
	-moz-animation:    unveil-from-top 750ms;
	-o-animation:      unveil-from-top 750ms;
	animation:         unveil-from-top 750ms;
}

#warning-message{
	position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    background: #ef8d43;
    z-index: 9999999999;
    text-align: center;
    height: 30px;
    font-weight: bold;
    cursor: pointer;
    color:white;
}

#warning-message > span {
    padding-top: 4px;
    display: inline-block;
}

#warning-message i.fa{
	text-align: right;
    float: right;
    margin-right: 25px;
    margin-top: 7px;
    font-size: 16px;
}

/* Bottom Navigation Bar */

#navbar-bottom{
	background: rgba(84, 84, 84, 1);
	
	-webkit-transition: -webkit-transform 900ms linear;
	transition: transform 900ms linear;

	border:none;
	height: 55px;
	box-shadow: 0px -2px 25px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px -2px 25px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px -2px 25px rgba(0, 0, 0, 0.3);
	z-index: 999999999;
	display:block;
	bottom: 0px;
}

body[first-time-initiated="true"] #navbar-bottom{
	-webkit-animation: unveil-from-bottom 750ms;
	-moz-animation:    unveil-from-bottom 750ms;
	-o-animation:      unveil-from-bottom 750ms;
	animation:         unveil-from-bottom 750ms;
}

#navbar-bottom .netigate_brand{
	position: absolute;
	left: 50%;
	top: 0px;

	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);

	height: 100%;
	padding-top: 14px;
	text-align: center;

	width: 150px;
    padding-right: 15px;
}

#navbar-bottom .netigate_brand .text{
	display: inline-block;
    font-size: 9px;

    color: rgba(255, 255, 255, 0.3);

    max-width: 85px;
    text-align: right;
    padding-right: 5px;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    vertical-align: middle;

    -o-transition: all linear 200ms;
    -webkit-transition: all linear 200ms;
    -moz-transition: all linear 200ms;
    transition: all linear 200ms;
}

#navbar-bottom .netigate_brand img{
	height: 25px;
	vertical-align: middle;
	filter: grayscale(100%);
	-o-transition: all linear 200ms;
	-moz-transition: all linear 200ms;
	-webkit-transition: all linear 200ms;
	transition: all linear 200ms;
}

#navbar-bottom .netigate_brand a:hover{
	text-decoration: none;
}

#navbar-bottom .netigate_brand a:hover .text{
	color:rgba(255, 255, 255, 0.5);
}

#navbar-bottom .netigate_brand a:hover img {
	-webkit-filter: none;
	filter: none;
}

.navbar.navbar-fixed-bottom button.btn{
    background: transparent;

    border: none;
    border-radius: 0px;
    height: 100%;
    width: 20rem;
    max-width: 48%;
    max-width: calc(50% - 8px);
    box-shadow: none;

    text-transform: uppercase;
    font-weight: 600;
    outline:none;

    border-radius: 0px;

    width: 24rem;
}

.navbar.navbar-fixed-bottom #nextQuestion {

    position: relative;

    float: right;
    background: #4ebb34;

    transition: background-color linear 150ms;
    -moz-transition: background-color linear 150ms;
    -webkit-transition: background-color linear 150ms;
    -o-transition: background-color linear 150ms;

    /*background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMTcxIDk2MHEwIDEzLTEwIDIzbC00NjYgNDY2cS0xMCAxMC0yMyAxMHQtMjMtMTBsLTUwLTUwcS0xMC0xMC0xMC0yM3QxMC0yM2wzOTMtMzkzLTM5My0zOTNxLTEwLTEwLTEwLTIzdDEwLTIzbDUwLTUwcTEwLTEwIDIzLTEwdDIzIDEwbDQ2NiA0NjZxMTAgMTAgMTAgMjN6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);*/
    
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 90% 9px;
    background-size: 35px;
}

.navbar.navbar-fixed-bottom #nextQuestion::after {
    content: "\f105";
    font: normal normal normal 14px/1 "Font Awesome 5 Pro";
    font-size: 36px;
    text-rendering: auto;
    position: absolute;
    right: 10px;
    top: 51%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    font-weight: 300;
}

body.page-intro .navbar.navbar-fixed-bottom #nextQuestion.mobileForwardButton{
	width: 100%!important;
    max-width: none;
    position: relative;
}

.navbar.navbar-fixed-bottom #nextQuestion:hover{
	background-color: #60d643;
}

body.no-back-button .navbar.navbar-fixed-bottom #previousQuestion{
	display: none;
}

.navbar.navbar-fixed-bottom #previousQuestion {
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: 10% 9px;
	background-size: 35px;
	background-color: rgba(0, 0, 0, 0.2);
	-moz-transition: all linear 150ms;
	-webkit-transition: all linear 150ms;
	-o-transition: all linear 150ms;
	transition: all linear 150ms;
	float: left;
	position: relative;
}

.navbar.navbar-fixed-bottom #previousQuestion:after {
	content: "\f104";
	font: normal normal normal 14px/1 "Font Awesome 5 Pro";
	font-size: 36px;
	text-rendering: auto;
	position: absolute;
	left: 10px;
	top: 51%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	font-weight: 300;
}

.navbar.navbar-fixed-bottom #nextQuestion:active{
	background-color: #92e67e;
}

.navbar.navbar-fixed-bottom #previousQuestion:active,
.navbar.navbar-fixed-bottom #previousQuestion:hover{
    background-color: rgba(0, 0, 0, 0.3);
}

.navbar.navbar-fixed-bottom #nextQuestion.inactive,
.navbar.navbar-fixed-bottom #previousQuestion.inactive{
    background-color: rgba(193, 193, 193, 0.3)!important;
    color: #c1c1c1;
}

.navbar.navbar-fixed-bottom #nextQuestion.inactive:active{
	-webkit-animation: click-color-not-valid 800ms;
	-moz-animation: click-color-not-valid 800ms;
	-o-animation: click-color-not-valid 800ms;
	animation: click-color-not-valid 800ms;
}

/**/

#ContentAndFooter:not(.fp-enabled){
	/*font-size: 0.8em;*/
}

/**/

body #main a {
	color: #2289bd;
}

body #main a:focus {
	outline: none;
	text-decoration: none;
}

body #main a:hover {
	color: #47b5ea;
	text-decoration: underline;
}

.survey-header .survey-header-content{
	text-align: center;
	margin: 4rem 0px;
}

body:not(.mode-one) .survey-header .survey-header-content,
body:not(.mode-one) .survey-header{
	margin-bottom:0px;
	padding-bottom: 0px;
}

.survey-header .survey-header-content .title{
	color: #49a4d9;
} 

.survey-header .survey-header-content .subtitle,
.survey-intro .qdescription{
	display: block;

	padding: 2rem 4rem;
    margin: 25px 0px;

    border: 1px solid rgba(255,255,255,.1);
    border-left: none;
    border-right: none;

	color: rgba(255,255,255,.7);

	font-size: 1.2em;
}

body.page-consent .survey-header .survey-header-content .subtitle{
	border-color: transparent;
}

.survey-container > .col-xs-12 > .row,
body:not(.mode-one) .survey-container > .row{
	padding: 0.4rem 4px;
}

body.device-mobile:not(.mode-one) .survey-container > .row{
	padding: 0px;
}

.row.logo{
    padding-bottom: 1rem;
}

.row.survey-question,
.row.survey-header,
.row.survey-intro,
.surveyContent-bottom-content{
	max-width: 800px;
    margin: 0 auto;
}


.row.survey-question {
	padding: 0.5rem 1rem;
	overflow: hidden; /* fix for outside-viewport inputs */
}

.row.survey-question.date-picker-overflow {
	overflow: visible; /* fix for date picker inputs only */
}


.datepicker-calendar {
    color: #666;
    z-index: 2147483638 !important;
}

.datepicker-button {
    color: #666 !important;
}

.row.survey-question:not(:last-of-type),
body.page-consent.mobile-device #contentContainer .row.fullscreen-section:not(:last-of-type) {
    border-bottom: 1px solid rgba(255,255,255,.1);
}


body.device-mobile:not(.mode-one) .row.survey-question .survey-question-header{
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.row.survey-question .survey-question-header{
	margin-bottom: 2rem;
    margin-top: 3rem;
    font-weight: 400;
    font-size: 1.3em;
}

.row.survey-question.question-type-netigateMatrix .survey-question-header{
    margin-bottom: 10px;
}

.question-type-netigateSlider .sliderbox{
	
    background: rgba(0, 0, 0, 0.1);
}

.survey-question .survey-question-header .mheader{
    overflow: hidden;
    display: inline-block;

    width: 100%;
}

.survey-question.not-valid .survey-question-header .mheader{
	-webkit-animation: question-not-valid 800ms;
	-moz-animation:    question-not-valid 800ms;
	-o-animation:      question-not-valid 800ms;
	animation:         question-not-valid 800ms;
}

.survey-question .survey-question-header .error-message{
	opacity:0
}

.survey-question .survey-question-header .error-message{
	font-size: 13px;
	font-weight: 700;
	opacity: 0;
	color: #e65555;
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
    display: block;
    padding: 5px 0px;
}

/* Form Error - Required Question */

.survey-question.form-error .survey-question-header .error-message{
	opacity: 1;
	color: #e65555;
    -webkit-animation: error-text-color 800ms;
	-moz-animation:    error-text-color 800ms;
	-o-animation:      error-text-color 800ms;
	animation:         error-text-color 800ms;

}

.survey-question.form-error .survey-question-header{
	-webkit-animation: error-question-color 1200ms;
	-moz-animation:    error-question-color 1200ms;
	-o-animation:      error-question-color 1200ms;
	animation:         error-question-color 1200ms;
}

.survey-question.req.form-error .fp-scroller{

    -webkit-transform: translateY(0%);
    transform: translateY(0px);
}

.survey-question .form-check-label{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight: normal;
}

.form-check-label > span,
.qoption:not(.infotext){
	color: #b3b3b3;
	font-weight: normal;
}

/* Creates problems with 

body.mode-one #form1{
    display:none!important;
    visibility: hidden!important;
}

body.mode-one.fpdelayrerender #form1{
    display: block!important;
    visibility: visible!important;
}

*/

body.device-mobile:not(.mode-one) .survey-question-content{
	margin-bottom: 10px;
}

body:not(.mode-one) .survey-question-content{
	margin-bottom: 40px;
}

body.mode-one .survey-question-content{
	padding-bottom: 20px;
}

.survey-question-content textarea{
	width: 100%;
	max-width: 100%;
}

/*  */

.survey-question:not(.question-type-netigateStarRating) .survey-question-content label.form-check-label{
	overflow: hidden;
}

/* not select maybe? */

.survey-question-content .form-control{
    padding: 5px 10px;
    min-height: 50px;

    border-width: 3px;
}

.survey-question-content .form-control:focus{
    box-shadow: none;
    border-color: #8fe479;
}


/* Final Buttons */

#buttoncontainer{
	padding-top: 10rem;
	padding-bottom: 10rem;
	display: none;
}

#buttoncontainer #buttonholder{
	text-align: center;
}

#buttoncontainer #buttonholder #leftbutton,
#buttoncontainer #buttonholder #rightbutton {
	display: inline-block;
}

#buttoncontainer input.btn{
	max-width:100%;
	width: 20rem;
    height: 7rem;
    font-weight: 600;
    text-transform: uppercase;
}

/* Table */

table.table{
	table-layout: fixed;
}

table.table thead th{
    vertical-align: bottom;
}

table.table .form-check{
	margin-bottom: 0px;
}

table.table tr{
	background: transparent;
}

table.table tr > td,
table.table tr > th{
	vertical-align: middle;

	border-color: rgba(255,255,255,.1);

	color: #818a91;
}

table.table thead th{
	text-align: center;
	border-width: 2px;
}

table.table .form-check-label{
	display: inline-block;
	text-align: center;
	width: 100%;
	padding: 1em 0em;
}

.table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
	vertical-align: middle;
}

/* Question Type Double Matrix */

.question-type-double-matrix.matrix-size-small .survey-question-content table.table .form-check,
.question-type-netigateMatrix.classicMatrix.matrix-size-small .survey-question-content table.table .form-check,
.question-type-netigateRankingMatrix.matrix-size-small .survey-question-content table.table .form-check{
	min-width: 25px;
}

.question-type-double-matrix.matrix-not-overflown  .survey-question-content th .qoption{
    min-width: 40px;
}

body .question-type-double-matrix .question-type-double-matrix-scroll-container{
	overflow-x: auto;
}

.question-type-double-matrix table.table{
	table-layout: auto;
	max-width: none;
}

.question-type-double-matrix table.table tbody tr th{
	width: 115px;
	padding: 2px;
	font-size: 14px;
}

.question-type-double-matrix table.table .separator{
	border-right: 2px solid #509fe2;
}

.question-type-double-matrix .qoption,
.question-type-netigateMatrix .qoption{
	/*word-break: break-all;*/

	padding-bottom: 5px; 
    display: block;
}

.question-type-double-matrix .survey-question-header table.table td{
	vertical-align: bottom;
	border: none;
	color: inherit;
}

/* Radio buttons with text input */

.question-type-checkboxesWithText input[type='text'],
.question-type-radiobuttonsWithText input[type='text']{
	width: 100%;
	display: inline-block;
	margin-top: 13px;
	margin-bottom: 5px;
	z-index: 10;
	position: relative;
}

.question-type-horizontal-radio .form-check{
	display: inline-block;
    width: 8.9%;

    text-align: center;
}

.question-type-horizontal-radio .form-check .form-check-label{
	padding: 0;
	position: relative;
}

.question-type-horizontal-radio .form-check span{

    vertical-align: top;

    font-size: 12px;

    width:100%;
    display: inline-block;

    padding-top: 10px;
}

.question-type-horizontal-radio .form-check input{
	margin-left:0;
	position: relative;
}

.row.submit-area{
	text-align: center;	
}

.row.submit-area .btn{
	padding-right: 3rem;
	padding-left: 3rem;
}

/* Question Type Horizontal Radio  */

.question-type-horizontal-radiobuttons .form-check{
	display: inline-block;
	margin-right: 15px;
    margin-bottom: 15px;

    min-width: 110px;

    vertical-align: top;
}

/* Weighted Horizontal Radio buttons */

/*
.weighted-horizontal-radio-buttons{
	-webkit-transition: all linear 120ms;
	-moz-transition: all linear 120ms;
	-o-transition: all linear 120ms;
	transition: all linear 120ms;
}
*/

.weighted-horizontal-radio-buttons.weightedRadiosRerendered,
.weighted-horizontal-radio-buttons.rerenderFailed{
	opacity: 1;
}

.weighted-horizontal-radio-buttons.rerenderFailed .weightedRadiosRerenderedLabels{
	display: none;
}

.weighted-horizontal-radio-buttons.weightedRadiosRerendered .survey-question-content fieldset.form-group{
	display: table;
	table-layout: fixed;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}

.weighted-horizontal-radio-buttons.weightedRadiosRerendered .survey-question-content fieldset.form-group .form-check{
	display: table-cell;	
    width: 1%!important;
    min-width: 28px;
}

.weighted-horizontal-radio-buttons.weightedRadiosRerendered .survey-question-content fieldset.form-group .form-check:not(:last-of-type){
	border-right: 1px solid rgba(76, 76, 76, 0.3);
}

.weighted-horizontal-radio-buttons.weightedRadiosRerendered .survey-question-content fieldset.form-group .form-check label.form-check-label {
    height: 44px;
    margin: 0px;
}

.weighted-horizontal-radio-buttons.weightedRadiosRerendered .survey-question-content fieldset.form-group .form-check .qoption{
	display: none;
}

.weighted-horizontal-radio-buttons.weightedRadiosRerendered .survey-question-content fieldset.form-group .form-check .netigate_helper{
	border-radius: 0px;
}

.weighted-horizontal-radio-buttons.weightedRadiosRerendered .survey-question-content fieldset.form-group .form-check:first-child .netigate_helper{
	border-radius: 5px 0px 0px 5px;
}

.weighted-horizontal-radio-buttons.weightedRadiosRerendered .survey-question-content fieldset.form-group .form-check:last-child .netigate_helper{
	border-radius: 0px 5px 5px 0px;
}

.weighted-horizontal-radio-buttons.weightedRadiosRerendered .survey-question-content fieldset.form-group .form-check .netigate_helper:after{
	left: 50%!important;

	-o-transform: translate(-50%,-50%)!important;
	-webkit-transform: translate(-50%,-50%)!important;
	-moz-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;

    top: 50%;
}

.weighted-horizontal-radio-buttons.weightedRadiosRerendered .survey-question-content fieldset.form-group .form-check .netigate_helper:before{
	left: 50%!important;

	-o-transform: translate(-50%,-50%)!important;
	-webkit-transform: translate(-50%,-50%)!important;
	-moz-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;

    top: 50%;
}

.weighted-horizontal-radio-buttons.weightedRadiosRerendered table.weightedRadiosRerenderedLabels{
	display: none;
}

.weighted-horizontal-radio-buttons.weightedRadiosRerendered .weightedRadiosRerenderedLabels span {
    min-width: 30px;
    display: inline-block;
}

.weighted-horizontal-radio-buttons.weightedRadiosRerendered table.weightedRadiosRerenderedLabels{
	margin-bottom: 10px;
	display: table;

    width: 100%;
    table-layout: fixed;
}

.weighted-horizontal-radio-buttons.weightedRadiosRerendered table.weightedRadiosRerenderedLabels td{
	text-align: center;
	vertical-align: bottom;
}

.weighted-horizontal-radio-buttons.weightedRadiosRerendered .survey-question-content .form-check.nullWeight .netigate_helper{
    background: rgba(255, 255, 255, 0.05);
}

.weighted-horizontal-radio-buttons.weightedRadiosRerendered .survey-question-content .form-check.nullWeight:first-of-type .netigate_helper,
.weighted-horizontal-radio-buttons.weightedRadiosRerendered .survey-question-content .form-check.nullWeight + .form-check.nullWeight .netigate_helper{
	border-left-color: rgba(0, 172, 252, 0.33);
}

/* Question Type Horizontal Checkbox  */

.question-type-horizontal-checkboxes .form-check{
	display: inline-block;
	margin-right: 15px;
    margin-bottom: 15px;

    min-width: 110px;
}

/* Question Type Netigate Slider */

.slider-label-container{
    margin-bottom: 20px;
    padding: 0px 15px;
}

.slider-label-container label{

}

.question-type-netigateSlider .survey-question-content{
    margin-top: 20px;
    padding-right: 25px;
    padding-left: 25px;
}

.question-type-netigateSlider .range-input label.range-input-left,
.question-type-netigateSlider .range-input label.range-input-right{
	color: #818a91;
	font-weight: 600;
	padding: 10px 0px;
	z-index:9;
	padding-top: 13px;
}

.question-type-netigateSlider .range-input label.range-input-right{
	text-align: right;
    padding-left: 5px;
}

.question-type-netigateSlider .range-input label.range-input-left{
	text-align:left;
    padding-right: 5px;
}

.question-type-netigateSlider .range-input input[type="range"]{
	display: block;
	margin: 10px auto;
	width: 80%;
}


.question-type-netigateSlider .ui-slider .ui-slider-handle{
    top: -12px;
    width: 37px;
    height: 37px;	
    outline: none;

    box-shadow: 0px 1px 18px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 1px 18px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 18px rgba(0,0,0,0.4);
    
    border: 4px solid white!important;
    background: #e4e4e4!important;

    transition: left 100ms linear;
    -moz-transition: left 100ms linear;
    -webkit-transition: left 100ms linear;

    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
    transform: translateX(-50%);

    margin:0px;
}


.question-type-netigateSlider .ui-slider{
	border-radius: 10px;
    border: 0px solid white;
    box-sizing: content-box;
    background: rgba(255,255,255,0.1);

    z-index: 999;
    position: relative;

    width: 82%;
    width: calc(100% - 40px);
    margin-left: 20px;
}

.question-type-netigateSlider .ui-slider-range{
	background: #92e67e;
	border-radius: 10px;
	padding: 1px;

    -moz-transition: width 100ms linear;
    -webkit-transition: width 100ms linear;
    -o-transition: width 100ms linear;
	transition: width 100ms linear;
}

.question-type-netigateSlider .sliderboxcontainer{
    padding: 0px;
}

.question-type-netigateSlider .sliderbox{
    text-align: center;
    background: rgba(0,0,0,.3);
    border: none;
    padding: 1rem;
    border-radius: 6px;
    width: 100%;
    max-width: 80px;
    margin: 0 auto;
    display: block;
}

.question-type-netigateSlider .sliderbox:after{
	content: '';
	display: inline-block;
	position: absolute;
	bottom: 10px;
	height: 10px;
	width:10px;
	z-index: 99;
	background: red;
}

/* General? */

.survey-question input[type='text']:disabled{
	opacity: 0.7;
}


/* Progress bar */

#progressbardiv{
	width: 100vw;
    background: rgb(53, 53, 53);
    height: 3px;
    position: absolute;
    bottom: 0px;
    z-index: 9999;
}

#progressbardiv .progress-page,
#progressbardiv .progress-question{
	width: 2px;
    background: rgba(140, 198, 232,.4);
    height: 100%;
    transition: width 150ms linear;
    position: absolute;
    left:0;
    top:0;
    z-index: 10;
}

#progressbardiv .progress-question{
	background: rgb(167, 230, 152);
	z-index: 11;
}

#progressbardiv #progressText {
    position: relative;
    top: -20px;
    font-weight: bold;
}

#progressText {
    color:transparent;
    background-color: transparent;
}

#pb-percentage{
	display: inline-block;
	background: #a7e698;
	color: #353535;
	position: absolute;
	right: -1px;
	top: 2px;
	padding: 0px 8px;
	border-radius: 13px;
	transform: translateY(-50%);
	font-weight: bold;
	padding-right: 6px;
	font-size: 11px;

	padding-bottom: 1px;
	
	box-shadow: 0px 1px 3px rgba(0,0,0,.2);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.2);
}

#pb-percentage .pb-symbol{
	opacity: 0.85;
    margin-left: -2px;
	display: inline-block;
}

#progressbardiv[data-display-percentage="false"] #pb-percentage{
	display: none;
}

/* Star Rating */

.survey-question.question-type-netigateStarRating fieldset.form-group {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    overflow: hidden;
    padding-top: 6px;
}

.survey-question.question-type-netigateStarRating .form-check{
	color: black;
}

.survey-question.question-type-netigateStarRating .form-check i.star-icon{
	font-size: 4.6em;
	transition: 150ms all linear;
	position: absolute;
	left: 50%;

	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);

	top: 0px;
}

.survey-question.question-type-netigateStarRating .form-check{
	margin-right: 0px;
	min-width: auto;
	display: inline-block;
	vertical-align: top;
}

.survey-question.question-type-netigateStarRating .form-check .form-check-label{
	width: 90px;
	height: auto;
	min-height: 60px;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;

	padding: 10px 0px;
	cursor: pointer;
}

.survey-question.question-type-netigateStarRating .form-check:not(.star) i.icon-full{
	display: none;
}

.survey-question.question-type-netigateStarRating .form-check.star i.icon-outline{
	display: none;
}

.survey-question.question-type-netigateStarRating .form-check.star i.icon-full{
    color: rgb(144, 228, 125);
}

.survey-question.question-type-netigateStarRating .form-check i.icon-outline{
	color: rgba(169, 169, 169, 0.6);
} 

.survey-question.question-type-netigateStarRating .survey-question-content .form-check .netigate_helper{
    background:transparent!important;
    border: none!important;
}

.survey-question.question-type-netigateStarRating .form-check.hover > label i.star-icon{
	color: rgb(144, 228, 125);
}

.survey-question.question-type-netigateStarRating .form-check .qoption{
	position: relative;

	color: #818a91;
	font-weight: 600;
	display: block;
	margin-top: 60px;

	width: 160%;

	text-align: left;
}

body.device-mobile .question-type-netigateStarRating .survey-question-content .qoption{
	word-wrap: break-word;
	overflow-wrap: break-word; /* MAGIC */
}

.survey-question.question-type-netigateStarRating .form-check:last-child label.form-check-label .qoption{
    text-align: right;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    float: right;
}

/* End of questino types */



/* Footer  */

body:not(.mode-one):not(.page-outro):not(.page-intro) footer#footer{
	display: none;
}

body:not(.mode-one):not(.page-outro):not(.page-intro) #content{
	padding-bottom: 100px;
}

footer{	
	position: relative;

	margin-top: 10px;
	padding: 10px 0px 110px 0px;
}

body.device-mobile footer{
	/*padding-bottom: 50px;*/
} 

footer .footerwrapper{
	display:block;
	text-align: center;
}

footer .credits{
	float: right;
}

footer .credits .footertext{
	display:block;
	font-weight: bold;
	font-size:12px;
	color: rgba(255,255,255,.2);
}

		footer .credits img {
				margin: 10px;
				margin-bottom: 15px;
				width: 128px;
				height: auto;
				-webkit-filter: brightness(0.1) invert(1);
				filter: brightness(0.1) invert(1);
		}

footer .footer-text{
	font-size: 10px;
    text-align: center;
}

footer .footer-text .footerwrapper{
	display: inline-block;
	padding:10px;
	color: #bdbdbd;
	background: rgba(255,255,255, 0.05);
}

#surveyContent-bottom{
	margin-top: 25px;
}

/* Deprecated styles

footer .footer-text .footerwrapper:before{

	content:"";

	position: absolute;

	top: 0px;
	left: 50%;

	height: 2px;
	width: 50px;

	background: 1px solid rgba(255,255,255,.08);

	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);

}
*/

footer a{
	color:#35a1d5;
	padding: 0 5px;
	color: rgba(255, 255, 255, 0.3);
}

footer a:hover,
footer a:active{color: #6ba55d;text-decoration: none;}



img{
	max-width: 100%;
}

.survey-question-content input[type="radio"]:checked + span.qoption,
.survey-question-content input[type="checkbox"]:checked + span.qoption{
	color: white!important;
}


/* Netigate Input Style */


body:not(.isWCAG) .question-type-matrixRanking .form-check input[type='radio'],
body:not(.isWCAG) .question-type-double-matrix .form-check input[type='radio'],
body:not(.isWCAG) .question-type-netigateMatrix .form-check input[type='radio'],
body:not(.isWCAG) .question-type-nps .form-check input[type='radio'],
body:not(.isWCAG) .question-type-horizontal-checkboxes .form-check input[type='checkbox'],
body:not(.isWCAG) .question-type-horizontal-radiobuttons .form-check input[type='radio'],
body:not(.isWCAG) .question-type-checkboxesWithText .form-check input[type='checkbox'],
body:not(.isWCAG) .question-type-netigateCheckboxes .form-check input[type='checkbox'],
body:not(.isWCAG) .question-type-radiobuttonsWithText .form-check input[type='radio'],
body:not(.isWCAG) .question-type-netigateRadiobutton .form-check input[type='radio'],
body:not(.isWCAG) .question-type-netigateStarRating .form-check input[type='radio']{
	display:none;
}

.question-type-matrixRanking .form-check input[type='radio'],
.question-type-double-matrix .form-check input[type='radio'],
.question-type-netigateMatrix .form-check input[type='radio'],
.question-type-nps .form-check input[type='radio'],
.question-type-horizontal-checkboxes .form-check input[type='checkbox'],
.question-type-horizontal-radiobuttons .form-check input[type='radio'],
.question-type-checkboxesWithText .form-check input[type='checkbox'],
.question-type-netigateCheckboxes .form-check input[type='checkbox'],
.question-type-radiobuttonsWithText .form-check input[type='radio'],
.question-type-netigateRadiobutton .form-check input[type='radio'],
.question-type-netigateStarRating .form-check input[type='radio']{
    position: absolute;
    left: auto!important;
    right: 999em!important;
    width: 1em;
	overflow: hidden;

	/*overwritten if not RTL in the bottom of this doc*/
}

.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{
    position: absolute;
    top: 7px;
    left: 7px;
    width: 30px;
    height: 30px;
    content: "";
    border-radius: 6px;
    background: rgb(49, 81, 97);
    background: rgba(0, 0, 0, 0.25);
    border: 2px solid rgba(255,255,255,0.25);

    transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
}

.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{
	width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    border-radius: 6px;

    cursor: pointer;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

.question-type-matrixRanking .form-check-label,
.question-type-double-matrix .form-check-label,
.question-type-netigateMatrix .form-check-label,
.question-type-nps .form-check .form-check-label,
.question-type-horizontal-checkboxes .form-check .form-check-label,
.question-type-horizontal-radiobuttons .form-check .form-check-label,
.question-type-checkboxesWithText .form-check .form-check-label,
.question-type-netigateCheckboxes .form-check .form-check-label,
.question-type-radiobuttonsWithText .form-check .form-check-label,
.question-type-netigateRadiobutton .form-check .form-check-label{
    position: relative;
    padding: 6px 10px;
    display: block;
    cursor: pointer;
}

.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: rgba(255, 255, 255, 0.2);
}

.question-type-matrixRanking .netigate_helper:after,
.question-type-double-matrix .netigate_helper:after,
.question-type-netigateMatrix .netigate_helper:after,
.question-type-nps .form-check .netigate_helper:after,
.question-type-horizontal-checkboxes .form-check .netigate_helper:after,
.question-type-horizontal-radiobuttons .form-check .netigate_helper:after,
.question-type-checkboxesWithText .form-check .netigate_helper:after,
.question-type-radiobuttonsWithText .form-check .netigate_helper:after,
.question-type-netigateRadiobutton .form-check .netigate_helper:after,
.question-type-netigateCheckboxes .form-check .netigate_helper:after{

    display: none;
	position: absolute;

	font-family: Checkbox;
	content: '\e800';
    color: #92e67e;

    font-size: 22px;

    padding-top: 6px;
    text-align: center;
	    -webkit-transition: border .1s ease,opacity .1s ease,box-shadow .1s ease,-webkit-transform .1s ease;
    transition: border .1s ease,opacity .1s ease,box-shadow .1s ease,-webkit-transform .1s ease;
    transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease,-webkit-transform .1s ease;
    
    z-index:10;
}

.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: rgba(255, 255, 255, 0.35);
	border-color: rgb(144, 228, 125);
}

.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: rgba(255, 255, 255, 0.75);
}

.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: rgba(255, 255, 255, 0.55)!important; /*remove this*/
	border-color: rgb(144, 228, 125)!important
}

.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: rgba(169, 169, 169, 0.6)!important;
	-webkit-animation: answer-click-effect 800ms;
	-moz-animation:    answer-click-effect 800ms;
	-o-animation:      answer-click-effect 800ms;
	animation:         answer-click-effect 800ms;
}

.question-type-matrixRanking .form-check input[type="radio"]:checked ~ .netigate_helper:after,
.question-type-double-matrix .form-check input[type="radio"]:checked ~ .netigate_helper:after,
.question-type-netigateMatrix .form-check input[type="radio"]:checked ~ .netigate_helper:after,
.question-type-nps .form-check input[type="radio"]:checked ~ .netigate_helper:after,
.question-type-horizontal-checkboxes .form-check input[type="checkbox"]:checked ~ .netigate_helper:after,
.question-type-horizontal-radiobuttons .form-check input[type="radio"]:checked ~ .netigate_helper:after,
.question-type-checkboxesWithText .form-check input[type="checkbox"]:checked ~ .netigate_helper:after,
.question-type-netigateCheckboxes .form-check input[type="checkbox"]:checked ~ .netigate_helper:after,
.question-type-radiobuttonsWithText .form-check input[type="radio"]:checked ~ .netigate_helper:after,
.question-type-netigateRadiobutton .form-check input[type="radio"]:checked ~ .netigate_helper:after{
	display: inline-block;
}

/*eerienim*/
.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-nps .survey-question-content .form-check-label > span,
.question-type-nps .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: 37px;
	min-height: 32px;
	padding-top: 4px;
	padding-right: 6px;
    display: inline-block;
    position: relative;
    z-index: 10;
}

/* Select */

.question-type-netigateDropdown .form-group select option:checked{
	-webkit-animation: answer-click-effect-select 800ms;
	-moz-animation:    answer-click-effect-select 800ms;
	-o-animation:      answer-click-effect-select 800ms;
	animation:         answer-click-effect-select 800ms;
}


/* NPS */

.question-type-nps .survey-question-content .form-check-label > .qoption{
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	min-height: auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*.question-type-nps .survey-question-content .form-check:first-of-type .qoption,
.question-type-nps .survey-question-content .form-check:last-of-type .qoption{
	width:120px;
}*/


.question-type-nps .form-check:not(:first-of-type):not(:last-of-type) .netigate_helper{
	border-radius: 0px;
}

.question-type-nps .form-check:first-of-type .netigate_helper{
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
}

.question-type-nps .form-check:last-of-type .netigate_helper{
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
}

.question-type-nps .form-group:not(.na-answer) .form-check .netigate_helper:after,
.question-type-nps .form-group:not(.na-answer) .form-check .netigate_helper:before {
    display: none !important;
}

.question-type-nps .form-check .form-check-label{
	padding-top: 15px;
	padding-bottom: 15px;
	margin: 0px;
    height: 75px;
}

.question-type-nps .form-check input[type="radio"]:checked ~ .netigate_helper{
	background: #7bbb6c!important;
	-webkit-animation: none;
	-moz-animation:    none;
	-o-animation:      none;
	animation:         none;
}

.question-type-nps .form-group{
	display: block; /* Changed from table -> block. Otherwise NPS looks weird in IE after adding a <legend> outside the viewport to a <fieldset> (For blind people, WCAG) */
	height: 100%;
	table-layout: fixed;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
}

.question-type-nps .form-check{
	vertical-align: top;
	display: table-cell;
	height: 100%;
	width: 1%;
}

.question-type-nps .form-check:not(:last-child) .form-check-label{
	border-right: 1px solid rgba(255, 255, 255, 0.18);
}

.question-type-nps .form-check:first-of-type .netigate_helper{
	border-radius: 6px 0px 0px 6px;
}

.question-type-nps .form-check:last-of-type .netigate_helper{
	border-radius: 0px 6px 6px 0px;
}

/* Netigate Checkbox */

.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{
	
    display: none;
	position: absolute;
	content: '\e800';

	font-family: Checkbox;
    font-size: 22px;
    padding-top: 6px;
    top: 0px;
    left: 0px;
    width: 45px;
    height: 100%;

    text-align: center;
    color: #92e67e;

    -webkit-transition: border .1s ease,opacity .1s ease,box-shadow .1s ease,-webkit-transform .1s ease;
    transition: border .1s ease,opacity .1s ease,box-shadow .1s ease,-webkit-transform .1s ease;
    transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease,-webkit-transform .1s ease;
    
    z-index:10;
}

.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{
    position: absolute;
    top: 7px;
    left: 7px;
    width: 30px;
    height: 30px;
    content: "";
    border-radius: 6px;
    background: rgb(49, 81, 97);
    background: rgba(0, 0, 0, 0.25);
    border: 2px solid rgba(255,255,255,0.25);
}

.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{

    top: 0px;
    left: 0px;
    width: 45px;
    height: 100%;

}

/* Netigate Radio */

.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{
    top: 13px;
    left: 13px;
    width: 18px;
    height: 18px;

	border-radius: 50%;
    background: #92e67e;
    
	content: '';	
}
 
.question-type-matrixRanking .form-check .netigate_helper:before,
.question-type-double-matrix .form-check .netigate_helper:before,
.question-type-netigateMatrix .form-check .netigate_helper:before,
.question-type-nps .form-check .netigate_helper:before,
.question-type-horizontal-radiobuttons .form-check .netigate_helper:before,
.question-type-radiobuttonsWithText .form-check .netigate_helper:before,
.question-type-netigateRadiobutton .form-check .netigate_helper:before{
	border-radius: 50%;
}

/* Ranking Matrix */

.question-type-netigateRankingMatrix .survey-question-content{
    overflow-x: auto;
}

.question-type-netigateRankingMatrix .survey-question-content table.table .form-check{
	min-width: 25px;
}

.question-type-netigateRankingMatrix .survey-question-content table.table .matrixcollegend.rankingcollegend {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

/* Matrix as Classic */

.question-type-netigateMatrix.classicMatrix .survey-question-content{
	overflow-x: auto;
    overflow-y: hidden;
}

.question-type-netigateMatrix.classicMatrix .survey-question-content .matrixcollegend,
.question-type-netigateMatrix.classicMatrix table.matrixtable thead tr th{
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.question-type-netigateMatrix.classicMatrix .survey-question-content tbody .form-check {
	min-width:30px;
}

/* Matrix as slides */

.row.survey-question.question-type-netigateMatrix .netigate_slide-nav-container{
	display: none;
}

.row.survey-question.question-type-netigateMatrix.not-single-slide .netigate_slide-nav-container{
	display: block;
}
.netigate_slide-wrapper .netigate_slide-nav img {
    display: none;
}
.netigate_slide-wrapper .netigate_slide-nav {
    border:none;
}

.row.survey-question.question-type-netigateMatrix{
	overflow-y:hidden;
}

body:not(.mode-one) .row.survey-question.question-type-netigateMatrix .netigate_slide-container{
	/* Only when not fp is on, hide until rendered. secondmode.js shows it on render */
	opacity: 0;
}

.netigate_slide-wrapper {
	padding:0px;
	position: relative;
	overflow:hidden;
}

.netigate_slide-container{
	width: 150%;
	-webkit-transform: translateX(0);

	transform: translateX(0);

	overflow-x: hidden;
}

body.mode-one .netigate_slide-container{
	transition: 450ms all ease 200ms;
	-moz-transition: 450ms all ease 200ms;
	-webkit-transition: 450ms all ease 200ms;
}

/*this class is added only through mode 2. nonfullpagemode. u possibly want to fix this*/
.matrixSlides-rendered .netigate_slide-container{
	transition: 450ms all ease 200ms;
	-moz-transition: 450ms all ease 200ms;
	-webkit-transition: 450ms all ease 200ms;
}

.netigate_slide-wrapper .slide-statement{
	min-height: 63px;
}

.netigate_slide-wrapper .slide-statement{
    font-size: 1.1em;
}

.netigate_slide-container > .netigate_slide{
	width: 50%;
	float: left;
	padding:0px 2px;
	overflow: hidden;
}

.netigate_slide-wrapper .netigate_slide-nav-arrow{
	display: inline-block;
	width: 24px;
	margin: 0 10px;
}

.netigate_slide-wrapper .netigate_slide-nav{
	height: 28px;
	width: 28px;

	right: 10px;
	top: 50%;

	border-radius: 50%;

	background-color: rgb(117, 185, 101);
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMTcxIDk2MHEwIDEzLTEwIDIzbC00NjYgNDY2cS0xMCAxMC0yMyAxMHQtMjMtMTBsLTUwLTUwcS0xMC0xMC0xMC0yM3QxMC0yM2wzOTMtMzkzLTM5My0zOTNxLTEwLTEwLTEwLTIzdDEwLTIzbDUwLTUwcTEwLTEwIDIzLTEwdDIzIDEwbDQ2NiA0NjZxMTAgMTAgMTAgMjN6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
	background-repeat: no-repeat;
	background-size: 21px;
	background-position: 5px 3px;

	opacity: 0.9;

	z-index: 9999;

	transition: background-color 200ms linear;
	-moz-transition: background-color 200ms linear;
	-webkit-transition: background-color 200ms linear;
}

.netigate_slide-wrapper:not(.lock_forward) .netigate_slide-nav.active:hover{
	background-color: rgb(146, 230, 126);
	opacity: 1;
	cursor: pointer;
}

.netigate_slide-wrapper .netigate_slide-left{
	background-position: 2px 3px;
	left: 10px;
	right: auto;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMjAzIDU0NHEwIDEzLTEwIDIzbC0zOTMgMzkzIDM5MyAzOTNxMTAgMTAgMTAgMjN0LTEwIDIzbC01MCA1MHEtMTAgMTAtMjMgMTB0LTIzLTEwbC00NjYtNDY2cS0xMC0xMC0xMC0yM3QxMC0yM2w0NjYtNDY2cTEwLTEwIDIzLTEwdDIzIDEwbDUwIDUwcTEwIDEwIDEwIDIzeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);
}


.netigate_slide-wrapper.first-slide .netigate_slide-left,
.netigate_slide-wrapper.last-slide .netigate_slide-right{
	opacity: 0.2;
}

.netigate_slide-wrapper.lock_forward .netigate_slide-right{
	opacity: 0.2;
}

.netigate_slide-wrapper.lock_forward .netigate_slide-right:active{
	-webkit-animation: click-color-not-valid 800ms;
	-moz-animation:    click-color-not-valid 800ms;
	-o-animation:      click-color-not-valid 800ms;
	animation:         click-color-not-valid 800ms;
}

.netigate_slide-wrapper .netigate_slide-nav-container{
	position: relative;
}

.netigate_slide-wrapper .netigate_slide-nav-container .dots > * {
	vertical-align: middle;
}

.netigate_slide-wrapper .netigate_slide-nav-container .dots{
	text-align: center;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */ 
	margin-bottom:10px;
	margin-top:10px;
}

.netigate_slide-wrapper .netigate_slide-nav-container .dots .dot{
	height: 8px;
	width: 8px;
	display: inline-block;
	margin:0px 10px;
	border-radius: 50%;

	transition: all linear 150ms 200ms;
	-webkit-transition: all linear 150ms 200ms;
	-moz-transition: all linear 150ms 200ms;

	border: 2px solid rgba(140, 140, 140,.75);
}

.netigate_slide-wrapper .netigate_slide-nav-container .dots .dot.dot_active{
	background: rgb(117, 185, 101);
	border-color: rgb(117, 185, 101);
}

.netigate_slide-wrapper .netigate_slide-nav-container .dots .dot.dot_active.dot_active-last{
	background: transparent;
}

.question-type-netigateMatrix-v0 .form-group {
	margin-bottom: 0px;
}

.question-type-netigateMatrix.classicMatrix .form-check-label,
.question-type-matrixRanking .form-check-label,
.question-type-double-matrix .form-check-label,
.question-type-netigateMatrix-v0 .form-check-label{
    min-height: 44px;
    padding: 0px;
    margin: 0px;
}

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

.question-type-netigateMatrix.classicMatrix .form-check input[type="radio"]:checked ~ .netigate_helper,
.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-v0 .form-check input[type="radio"]:checked ~ .netigate_helper{
	-webkit-animation: none;
	-moz-animation:    none;
	-o-animation:      none;
	animation:         none;
}

.question-type-netigateMatrix.classicMatrix .form-check .netigate_helper:before,
.question-type-matrixRanking .form-check .netigate_helper:before,
.question-type-double-matrix .form-check .netigate_helper:before,
.question-type-netigateMatrix-v0 .form-check .netigate_helper:before{
    left: 50%;
	-webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.question-type-netigateMatrix.classicMatrix .form-check .netigate_helper:after,
.question-type-matrixRanking .form-check .netigate_helper:after,
.question-type-double-matrix .form-check .netigate_helper:after,
.question-type-netigateMatrix-v0 .form-check .netigate_helper:after{
	left: 50%;
	-webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* smaller radios - handling long matrixes*/

.question-type-netigateMatrix.classicMatrix.matrix-size-small table.table .matrixcollegend {
    padding: 0px !important;
}

.question-type-netigateMatrix.classicMatrix.matrix-size-small table.table,
.question-type-netigateRankingMatrix.matrix-size-small table.table{
	table-layout: auto;
}

.question-type-double-matrix.matrix-size-small .netigate_helper:before,
.question-type-netigateMatrix.classicMatrix.matrix-size-small .netigate_helper:before{
	top: 14px;
    width: 16px;
    height: 16px;
}

.question-type-double-matrix.matrix-size-small .form-check .netigate_helper:after,
.question-type-netigateMatrix.classicMatrix.matrix-size-small .form-check .netigate_helper:after{
	top: 18px;
    width: 8px;
    height: 8px;
}

.question-type-double-matrix.matrix-size-small th .qoption,
.question-type-netigateMatrix.classicMatrix.matrix-size-small th .qoption,
.question-type-netigateRankingMatrix.matrix-size-small th .qoption{
	font-size: 11px;
	min-width: 16px;
}

/* weighted horizontal radios */
.radios_small-centered .netigate_helper:before{
    width: 16px!important;
    height: 16px!important;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%,-50%)!important;
    -moz-transform: translate(-50%,-50%)!important;
    -webkit-transform: translate(-50%,-50%)!important;
}

.radios_small-centered .netigate_helper:after{
    width: 8px!important;
    height: 8px!important;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%,-50%)!important;
    -moz-transform: translate(-50%,-50%)!important;
    -webkit-transform: translate(-50%,-50%)!important;
}

/*  */

#ContentAndFooter .survey-question .survey-question-content .netigatetextarea{
	max-height: 180px;
}

/* Bottom Nav Buttons */

#nextQuestion > * {
	display: none;
}

body.page-intro footer#footer .credits	{
	display: none;
}

body.page-intro #nextQuestion > *:not(#spanStartSurvey){
	display: none!important;
}

body.page-intro:not(.mode-one) #previousQuestion,
body.page-firstpage:not(.mode-one) #previousQuestion,
body.page-consent #previousQuestion{
	display: none;
}

body.page-consent .questionHeader .survey-header-content{
    text-align: left;
}

body.page-consent .row.survey-question .survey-question-header{
	margin-top: 0px;
}

body.page-consent .questionHeader .survey-header-content .subtitle{
    padding: 2rem 0rem;
}

body.page-intro .navbar.navbar-fixed-bottom #nextQuestion,
body.page-consent .navbar.navbar-fixed-bottom #nextQuestion{
	width: auto;
    max-width: calc(50% - 80px);
    padding-right: 3%;
    padding-left: 2%;
    background-position: 98% 9px;
    min-width: 20%;
}


body.page-intro #nextQuestion:not(.mobileForwardButton) #spanStartSurvey,
#nextQuestion.nextQuestion > #spanNext,
#nextQuestion.nextPage > #spanNextPage,
#nextQuestion.finnishSurvey > #spanFinnish{
	display:block;
}


body.page-intro .navbar.navbar-fixed-bottom #nextQuestion.mobileForwardButton #spanStartMobile{
	display: block!important;
}

body.page-outro #nextQuestion {
	display: none;
}

body.page-outro #navbar-bottom{
	display: none;
}


/* jQuery UI */

.ui-checkboxradio-radio-label .ui-icon-background{
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
}
.ui-checkboxradio-label{
    text-align: left;
    width: 100%;
}

/* Fullpage */

/* Rendered */

body.mode-one.single-question-on-page #fp-nav{
	display: none;
}

body.mode-one:not(.page-intro):not(.page-outro):not(.fp-rendered):not(.page-lang-selector) > form#form1{
	opacity:0;
	overflow: hidden;
}

body.mode-one.fp-rendered:not(.page-intro):not(.page-outro):not(.page-lang-selector) > form#form1{
	opacity:1;
	transition: opacity 150ms linear;
	overflow: initial;
}

/* Fullpage Nav Dots */

#fp-nav.right {
    right: 5px;
}

#fp-nav.left{
    left: 2px;
}

#fp-nav ul li a span{
	background: rgba(0,0,0,0.4);
}

#fp-nav ul li a.active span{
	background: rgba(167, 230, 152, 0.41);
}

#fp-nav ul li.reqUnanswered ~ li:hover a span{
	margin: -2px 0px 0px -2px;
	width: 4px;
	height: 4px;
}

#fp-nav ul li.reqUnanswered ~ li:hover a{
	cursor: default;
}

/* Input Focus for Mobile devices fix - no zoom */

/* ios focus fix */

body.mobile-input-focus-fix input[type='text'],
body.mobile-input-focus-fix input[type='number'],
body.mobile-input-focus-fix textarea,
body.mobile-input-focus-fix select{
	font-size: 16px;
}

body.mobile-input-focus-fix:not(.iossafari) #navbar-bottom{
	display: none;
}


body.mobile-input-focus-fix:not(.iossafari) input[type="text"]:focus,
body.mobile-input-focus-fix:not(.iossafari) textarea:focus{
	/*
	position: fixed;
    bottom: 0px;	
    left: 0px;
    border-radius: 0px;
    width: 100%;
    margin:0px;
    overflow: auto;
    */
}

body.mobile-input-focus-fix .survey-question-content{
	padding-top: 20px;
}



body.mobile-input-focus-fix .question-type-netigateTextArea .survey-question-header,
body.mobile-input-focus-fix .question-type-netigateTextbox .survey-question-header,
body.mobile-input-focus-fix .question-type-radiobuttonsWithText .survey-question-header,
body.mobile-input-focus-fix .question-type-checkboxesWithText .survey-question-header{
	display: none;
}

body.mobile-input-focus-fix .question-type-radiobuttonsWithText .survey-question-content .form-check:not(:last-of-type),
body.mobile-input-focus-fix .question-type-checkboxesWithText .survey-question-content .form-check:not(:last-of-type){
	display: none;
}

/*
body.mobile-input-focus-fix.iossafari textarea:focus,
body.mobile-input-focus-fix.iossafari input[type="text"]:focus{
	position: fixed;
	top: 150px;
	left:0px;
}
*/

body.mobile-input-focus-fix .survey-question .fp-scroller{
    -webkit-transform: initial!important;
    transform: initial!important;
}

body.mobile-input-focus-fix .survey-question.active .fp-tableCell{
	vertical-align: top!important;
}

body.mobile-input-focus-fix #fp-nav{
	display: none;
}

body.mobile-input-focus-fix .navbar-fixed-top{
	position:absolute;
}

.iScrollVerticalScrollbar{
	/*display: none;*/
	background: rgba(252, 252, 252, 0.05);
    border-radius: 14px!important;
    right: -2px!important;
    position: fixed!important;
}

.iScrollIndicator{
    background: rgba(0, 0, 0, 0.5)!important;
    border-radius: 14px!important;
}

/* Fade out effect - desktop only (becomes glitchy for mobile?)*/

body:not(.device-mobile) .fp-section:not(.active){
	opacity: 0;
	-webkit-animation: fade-out 400ms;
	-moz-animation:    fade-out 400ms;
	-o-animation:      fade-out 400ms;
	animation:         fade-out 400ms;
}

body:not(.device-mobile) .fp-section.active{
	opacity: 1;
	-webkit-animation: fade-in 900ms;
	-moz-animation:    fade-in 900ms;
	-o-animation:      fade-in 900ms;
	animation:         fade-in 900ms;
}

/* Zoom out effect */

body .fp-section.readyToScroll .fp-tableCell{
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.7;

	/* js delay is 300ms */
	transition: all 200ms ease-out 50ms;
	-moz-transition: all 200ms ease-out 50ms;
	-webkit-transition: all 200ms ease-out 50ms;
}

body .fp-section .fp-tableCell{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* Language Selection */

#contentContainer .survey-translator-heading {
    width: 500px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    text-align: left;
    padding-left: 20px;
    padding-top: 50px;
}

#contentContainer .survey-translator{
	padding-top: 0px;
	margin: 0 auto;
}

#contentContainer .survey-translator .row{
	padding:0px;
}

#contentContainer .survey-translator .lang-link-container{
	width: 500px;
	max-width: 100%;
	padding:10px;
	margin:0 auto;
}

#contentContainer .survey-translator .lang-link-container a{
	display: block;
	text-transform: uppercase;
	text-decoration: none;
    margin-left: 10px;
    font-weight: 700;

    color: #ffffff;

    background: rgba(255, 255, 255, 0.1);
    transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -webkit-transition: all 150ms linear;

    border-radius: 4px;
    padding: 10px;

    position: relative;
}

#contentContainer .survey-translator .lang-link-container a:hover{
	background: rgba(169, 169, 169, 0.6);
	text-decoration: none;
}

#contentContainer .survey-translator .lang-link-container a img{
	padding: 0 10px;
	    height: 50px;
    width: auto;
}

#contentContainer .survey-translator .lang-link-container span.image-container{
	position: absolute;
	top:50%;
	transform: translateY(-50%);
}

#contentContainer .survey-translator .lang-link-container .lang-text{
	margin-left: 10px;
	font-weight: 700;
	font-size: 16px;
    padding: 14px 0px;
    display: inline-block;
    padding-left: 70px;
    padding-right: 70px;
}

body.page-lang-selector #navbar-bottom,
body.page-lang-selector #progressbardiv{
	display: none;
}


/* Loading icon */

.loading-indicator{
	display: none;

	cursor: default;
    position: fixed;
    line-height: 1;
    text-align: center;
    margin: 0;
    opacity: .5;
    border-radius: 0 .28571429rem .28571429rem 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;

     width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    z-index: 9;

    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}

.loading-indicator.loading{
	display: block;
}

.loading-indicator:before{
	position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: 3px solid rgb(130, 130, 130);
}

.loading-indicator:after{
	position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
    width: 20px;
    height: 20px;
    
    -moz-animation: button-spin .6s linear;
    -webkit-animation: button-spin .6s linear;
    -o-webkit-animation: button-spin .6s linear;
    animation: button-spin .6s linear;

    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    
    border-radius: 20px;
    border-color: #00b3ff transparent transparent;
    border-style: solid;
    border-width: 3px;
    box-shadow: 0 0 0 1px transparent;
}

/* Cross out logic - disable */
.radioQuestionOptiondisabled
{
	text-decoration: line-through;
}

/* Logic Disabled by Logic */

.option-disabled-byLogic {
    opacity: 0.5!important;
}

/* matrixes use this class twice */
.option-disabled-byLogic .option-disabled-byLogic{
    opacity: 1!important;

}

.option-disabled-byLogic,
.option-disabled-byLogic .netigate_helper{
	cursor: not-allowed!important;
	pointer-events: none;
}

.option-disabled-byLogic .qoption{
	text-decoration:line-through;
}

/* DatePicker */

#ui-datepicker-div{
	z-index: 999999999!important;
}

/* Extras */


.overflow-hidden{
	overflow:hidden;
}

.visibility-visible{
	visibility: visible!important;
}

.visibility-hidden{
	visibility: hidden;
}

.display-none{
	display:none!important;
}

.display-block{
	display: block;
}

.opacity-one{
	opacity: 1!important;
}



.hiddenInput{
	visibility: hidden!important;
	height: 0px!important;
    border: none!important;
    margin: 0!important;
    padding: 0!important;
}

/* media iframe video ratio */

.question-type-infotext .mediaFrame{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.question-type-infotext .mediaFrame > iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.NetigateValidator,.ajax__validatorcallout{display:none!important;}

/* Flag a question */

.flag-question{
	text-align: right;
	font-size: 10px;
}

.flag-question a i.fa{padding-right:10px;}

/* Effects */



body.page-intro .mobileForwardButton{
	
	background-image: none !important;
	
}

.toggle-title {
    font-size: 16px;
}

.toggle-btn {
    vertical-align: middle;
    width: 80px;
    height: 40px;
    margin: 10px;
    margin-left: 0px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAyklEQVQ4T42TaxHCQAyENw5wAhLACVUAUkABOCkSwEkdhNmbpHNckzv689L98toIAKjqGcAFwElEFr5ln6ruAMwA7iLyFBM/TPDuQSrxwf6fCKBoX2UMIYGYkg8BLOnVg2RiAEexGaQQq4w9e9klcxGLLAUwgDAcihlYAR1IvZA1sz/+AAaQjXhTQQVoe2Yo3E7UQiT2ijeQdojRtClOfVKvMVyVpU594kZK9zzySWTlcNqZY9tjCsUds00+A57z1e35xzlzJjee8xf0HYp+cOZQUQAAAABJRU5ErkJggg==") no-repeat 50px center rgba(0,0,0,.5);
    cursor: pointer;
    -webkit-transition: background-color .40s ease-in-out;
    -moz-transition: background-color .40s ease-in-out;
    -o-transition: background-color .40s ease-in-out;
    transition: background-color .40s ease-in-out;
    cursor: pointer;
}

    .toggle-btn:focus {
        outline-color: red;
        outline-width: 10px;
    }

    .toggle-btn.active {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAmUlEQVQ4T6WT0RWDMAhFeZs4ipu0mawZpaO4yevBc6hUIWLNd+4NeQDk5sE/PMkZwFvZywKSTxF5iUgH0C4JHGyF97IggFVSqyCFga0CvQSg70Mdwd8QSSr4sGBMcgavAgdvwQCtApvA2uKr1x7Pu++06ItrF5LXPB/CP4M0kKTwYRIDyRAOR9lJTuF0F0hOAJbKopVHOZN9ACS0UgowIx8ZAAAAAElFTkSuQmCC") no-repeat 10px center #2ecc71;
    }

        .toggle-btn.active .round-btn {
            left: 45px;
        }

    .toggle-btn .round-btn {
        width: 30px;
        height: 30px;
        background-color: #fff;
        border-radius: 50%;
        display: inline-block;
        position: absolute;
        left: 5px;
        top: 50%;
        margin-top: -15px;
        -webkit-transition: all .30s ease-in-out;
        -moz-transition: all .30s ease-in-out;
        -o-transition: all .30s ease-in-out;
        transition: all .30s ease-in-out;
    }

    .toggle-btn .cb-value {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 9;
        cursor: pointer;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        margin: 0;
    }

body#body .row.survey-question .na-answer .netigate_helper {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    border-radius: 6px;
    cursor: pointer;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

body#body .row.survey-question .na-answer .form-check .form-check-label .netigate_helper::before {
    position: absolute;
    top: 7px;
    left: 7px;
    width: 30px;
    height: 30px;
    content: "";
    border-radius: 6px;
    background: rgb(49, 81, 97);
    background: rgba(0, 0, 0, 0.25);
    border: 2px solid rgba(255,255,255,0.25);
}

body#body .row.survey-question .na-answer .netigate_helper::after {
    display: none;
    position: absolute;
    content: '\e800';
    font-family: Checkbox;
    font-size: 22px;
    padding-top: 6px;
    top: 0px;
    left: 0px;
    width: 45px;
    height: 100%;
    text-align: center;
    color: #92e67e;
    -webkit-transition: border .1s ease,opacity .1s ease,box-shadow .1s ease,-webkit-transform .1s ease;
    transition: border .1s ease,opacity .1s ease,box-shadow .1s ease,-webkit-transform .1s ease;
    transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease,-webkit-transform .1s ease;
    z-index: 10;
    background: transparent;
}

body#body .row.survey-question .na-answer input[type="checkbox"]:checked ~ .netigate_helper::after {
    display: inline-block;
}


.skip-button {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    border-radius: 6px;
    color: #b3b3b3;
}

.question-type-netigateSlider .skip-button{
    margin-top: 40px;	
}

.skip-button:hover {
    color: rgba(255, 255, 255, 0.75);
}

.skip-button input[type="checkbox"]:checked ~ .skip-hidden-styler {
    background-color: #7bbb6c;
}

.skip-button input[type="checkbox"]:checked + span.skip-hidden-span {
    color: #ffffff;
}

.skip-hidden-styler {
    background-color: rgba(255, 255, 255, 0.1);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    transition: all 200ms linear;
}

.skip-hidden-checkbox {/* instead of display:none; the following is used so that keyboard users can tab to it and use it */
    position: absolute !important;
    left: -999em !important;
    width: 1em !important;
    overflow: hidden !important;
}

.skip-hidden-span {
    z-index: 10;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    min-height: auto;
}

.skip-hidden-group {
    display: inline-block;
    float:right;
}

.fullscreen-section .skip-button {
    color: #d5d5d5;
    padding: 11px;
	min-width: 100px;
}

.fullscreen-section .skip-button:hover {
    color: rgba(255, 255, 255, 0.75);
}

.skip-hidden-styler {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 5px;
}

.skip-button:hover .skip-hidden-styler {
    background-color: rgba(255, 255, 255, 0.3);
}

.skip-button .skip-hidden-span:after{
	display: none;
	position: absolute;
	content: '\e800';
	font-family: Checkbox;
	font-size: 14px;
	top: -1px;
	left: -8px;
	text-align: center;
	color: #fff;
	transform: translateX(-100%);
}

.skip-button input[type="checkbox"]:checked ~ .skip-hidden-span:after{
	display: block;
}

.question-type-netigateSlider .survey-question-content .non-required-activated {
}

.msg-auto-close{
	transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	opacity: 0;

	-webkit-animation: message-auto-close 4s 1; /* Safari 4+ */
	-moz-animation:    message-auto-close 4s 1; /* Fx 5+ */
	-o-animation:      message-auto-close 4s 1; /* Opera 12+ */
	animation:         message-auto-close 4s 1; /* IE 10+, Fx 29+ */

	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

/* CONSENT */

body.page-consent #surveyContent-bottom,
body.page-lang-selector #surveyContent-bottom{
	display: none;
}

#main #Consentbutton_standardbutton1{
	display: none;
}

body.page-consent #contentContainer .qoption .textHeader{
	margin-bottom: 20px;
}

#surveyContent-bottom .surveyContent-bottom-content{
	padding: 0 15px;
	text-align: center;
	font-size: 12px;
}

#surveyContent-bottom .surveyContent-bottom-content .open-modal-consent{
	cursor: pointer;
	opacity: 0.4
;	padding: 5px 10px;
}

#surveyContent-bottom .surveyContent-bottom-content .open-modal-consent:hover{
	opacity: 0.9;
}

#surveyContent-bottom .surveyContent-bottom-content .open-modal-consent [class*="fa-"]{
	margin-right: 5px;
}

#surveyContent-bottom .surveyContent-bottom-content .open-modal-consent:hover{
	cursor: pointer;
}

body.page-consent .questionHeader .terms-container{
	margin-top: 30px;
	margin-bottom:15px;
}

body.page-consent:not(.device-mobile) .questionHeader .terms-container{
	max-height: 400px;
	overflow-y: auto;
	background: rgba(255, 255, 255, 0.05);
}

body.page-consent .questionHeader .subtitle.qdescription{
	margin: 0px;
}

body.page-consent:not(.debive-mobile) .questionHeader .subtitle.qdescription{
	padding: 20px;
}

/* Modal */

.modal-backdrop{
	z-index: 1000000000;
}

#consentModal{
	z-index: 1000000001;
	overflow-y: hidden;
	max-height: 100vh;
}

#consentModal .modal-dialog {
	color: #555555;
	position: absolute;

	top: 50%;
	left: 50%;

	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);

	margin: 0px;
}

#consentModal .modal-dialog .modal-content{
	color: #383838;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

#consentModal .survey-question .survey-question-header .mheader{
	color: #383838!important;
}

#consentModal .question-type-netigateRadiobutton .radioQuestionOption{
	color: #555555;
}

#consentModal .row.survey-question .survey-question-header{
	margin-top: 1.5rem;
}

#consentModal .modal-footer button{
	box-shadow: none;
	text-shadow: none;
	font-weight: 600;
	text-transform: uppercase;
}

#consentModal .modal-footer button[data-dismiss="modal"]{
	background: white;
}

#consentModal .modal-footer button[data-save="consent"]{
	background: #2ba041;
	border-color: transparent;
}

#consentModal .consent-text{
	padding: 0 15px;
}

#consentModal .survey-question.question-type-netigateRadiobutton .form-check .netigate_helper{
	background: rgba(0, 0, 0, 0.1);
	border-color: transparent;
	border-radius: 6px;
	
	animation: none!important;
	-moz-animation: none!important;
	-webkit-animation: none!important;
	-o-animation: none!important;
}

#consentModal .survey-question.question-type-netigateRadiobutton .form-check .form-check-label:hover .netigate_helper{
	background: rgba(0, 0, 0, 0.2);
}

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

#consentModal .survey-question.question-type-netigateRadiobutton .form-check .netigate_helper:before {
	border-color: rgb(165, 165, 165);
}

#consentModal .survey-question.question-type-netigateRadiobutton .form-check .netigate_helper:before,
#consentModal .survey-question.question-type-netigateRadiobutton .form-check input:checked ~ .netigate_helper:before{
	background: white;
}

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

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

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

#consentModal .row.survey-question{
	padding: 0.5rem 0rem!important;
}

#consentModal .modal-body {
	padding: 25px 15px;
	overflow-y: auto;
	max-height: calc(100vh - 220px);
}

#consentModal .close:focus {
    outline: none; /* removes blue box */
}

#top-action-section{
	display: inline-block;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

#top-action-section .open-modal-consent{
	padding: 17px;
	padding-top: 18px;
	display: inline-block;
	cursor: pointer;
	color: #555555;
	text-shadow: 1px 1px white;
}


#nav-top-left-section{
	display: none;
	float:left;
	width:35px;
	height:100%;
}

body.fp-rendered:not(.page-consent):not(.page-lang-selector) #nav-top-left-section{
	display:block;
}

#nav-top-left-section .open-modal-consent{
	height: 100%;
	width: 100%;
	position: relative;
	cursor: pointer;
}

#nav-top-left-section .open-modal-consent .icon-container{
	position: absolute;

	top: 50%;
	left: 50%;

	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);

	opacity: 0.6;

	font-size: 1.5em;
}

#nav-top-left-section .open-modal-consent:hover .icon-container{
	opacity: 0.9;
}

.open-modal-consent:focus {
    outline: none; /* removes blue box!!! */
}

/* cookie notice */

#cookie-popup-container{
	position: fixed;
	bottom: 80px;
	z-index: 999988888;
	left: 50%;
	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	background: white;
	padding: 15px 15px 15px 25px;
	box-shadow: 0px 1px 4px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.15);
	border-radius: 3px;
	width: 960px;
	max-width: 90%;
	border: 1px solid #dbdbdb;
	display:none;
	font-size: 13px;
}

#cookie-popup-container .cookie-text{
	display: inline-block;
    margin-bottom: 10px;
    margin-top: 5px;
    color: #444;
}

#cookie-popup-container button{
	display: inline-block;
	margin-left: 10px;
	color: #444;
	text-transform: uppercase;
	float:right;
	font-weight: bold;
	background: none;
	color: #28536B;
	font-size: 13px;
	border-radius: 3px;
}

#cookie-popup-container button:hover{
	background: #dfe5e9;
}

/* RTL */

body[data-lang-rtl="true"]{
	direction: rtl;
}

body[data-lang-rtl="true"] .survey-question.question-type-netigateMatrix.matrixSlides-rendered:not(.classicMatrix){
	direction: ltr;
}

body[data-lang-rtl="true"] .survey-question.question-type-netigateMatrix.matrixSlides-rendered:not(.classicMatrix) .survey-question-header .mheader,
body[data-lang-rtl="true"] .survey-question.question-type-netigateMatrix.matrixSlides-rendered:not(.classicMatrix) .survey-question-content .slide-statement .qoption,
body[data-lang-rtl="true"] .survey-question.question-type-netigateMatrix.matrixSlides-rendered:not(.classicMatrix) .survey-question-content .slide-content .form-check .form-check-label{
	direction: rtl;
}

body[data-lang-rtl="true"] .npsLabel.second {
    text-align: left;
    float: left;
}

body[data-lang-rtl="true"] .npsLabel.first {
    text-align: right;
    float: right;
}

body[data-lang-rtl="true"] .question-type-nps .form-check:last-of-type .netigate_helper {
    border-radius: 6px 0px 0px 6px;
}

body[data-lang-rtl="true"] .question-type-nps .form-check:first-of-type .netigate_helper {
    border-radius: 0px 6px 6px 0px;
}

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

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

/* ADD TO CALENDAR */

#contentContainer .addeventatc {visibility:hidden; z-index: auto!important;}

#contentContainer .addtocalendar.row.survey-question{
	overflow: visible;
	z-index: auto;
}

#contentContainer .addeventatc .length{display: none;}

#contentContainer .addeventatc{
	display: none;
}

#contentContainer .addtocalendar .addeventatc{
	z-index: auto!important;
	display: inline-block;
}

.addeventatc_dropdown.addeventatc-selected {
   z-index: 1000000001!important;
}

/* KEYFRAMES ANIMATION */

@keyframes fade-out{
	0% {
		opacity: 100;
	}
	100% {
		opacity: 0;
	}
}

@keyframes fade-in{
	0% {
		opacity: 0;
	}
	30% {
		opacity: 0;
	}
	100% {
		opacity: 100;
	}

}

@-webkit-keyframes answer-click-effect {
	0% {
		background: rgb(146, 230, 126);
	}
	100% {
		background: rgba(169, 169, 169, 0.6); /* Should be the same as the initial background */
	}
}


@-o-keyframes answer-click-effect {
	0% {
		background: rgb(146, 230, 126);
	}
	100% {
		background: rgba(169, 169, 169, 0.6); /* Should be the same as the initial background */
	}
}

@-moz-keyframes answer-click-effect {
	0% {
		background: rgb(146, 230, 126);
	}
	100% {
		background: rgba(169, 169, 169, 0.6); /* Should be the same as the initial background */
	}
}

@keyframes answer-click-effect {
	0% {
		background: rgb(146, 230, 126);
	}
	100% {
		background: rgba(169, 169, 169, 0.6); /* Should be the same as the initial background */
	}
}

@keyframes answer-click-effect-select {
	0% {
		background: rgb(146, 230, 126);
	}
	100% {
		background: white; /* Should be the same as the initial background */
	}
}

@keyframes click-color-not-valid {
	0% {
		background-color: #d43838;
		opacity:1;
	}
	100% {
		background-color: rgba(193, 193, 193, 0.3); /* Should be the same as the initial background */
		opacity:1;
	}
}

@keyframes question-not-valid {
	0%{
		color: #e65555;
	}
	100%{
		color: #efefef;
	}
}

@keyframes click-color-effect-nps {
	
	0% {
		background: rgb(146, 230, 126);
	}
	40% {
		background: rgba(255, 255, 255, 0.35); 
	}
	65% {
		background: rgb(146, 230, 126);/* Should be the same as the initial background */
	}
	100% {
		background: rgb(146, 230, 126);/* Should be the same as the initial background */
	}
}

@keyframes unveil-from-bottom {
	0% {
    	transform: translateY(100%);		
	}
	40% {
    	transform: translateY(100%);
	}
	100% {
    	transform: translateY(0%);
	}
}

@-moz-keyframes unveil-from-bottom {
	0% {
    	-moz-transform: translateY(100%);		
	}
	40% {
    	-moz-transform: translateY(100%);
	}
	100% {
    	-moz-transform: translateY(0%);
	}
}

@-webkit-keyframes unveil-from-bottom {
	0% {
    	-webkit-transform: translateY(100%);		
	}
	40% {
    	-webkit-transform: translateY(100%);
	}
	100% {
    	-webkit-transform: translateY(0%);
	}
}

@keyframes unveil-from-top{
	0% {
    	-webkit-transform: translateY(-100%);	
    	transform: translateY(-100%);	
	}

	40% {
    	-webkit-transform: translateY(-100%);
    	transform: translateY(-100%);
	}
	100% {
    	-webkit-transform: translateY(0%);
    	transform: translateY(0%);
	}
}

@-moz-keyframes unveil-from-top{
	0% {
    	-moz-transform: translateY(-100%);
	}

	40% {
    	-moz-transform: translateY(-100%);
	}
	100% {
    	-moz-transform: translateY(0%);
	}
}

@-webkit-keyframes unveil-from-top{
	0% {
    	-webkit-transform: translateY(-100%);	
	}

	40% {
    	-webkit-transform: translateY(-100%);
	}
	100% {
    	-webkit-transform: translateY(0%);
	}
}

@keyframes error-text-color{
	0% {
    	color:red;	
	}
	100% {
    	color:#e65555;
	}
}

@keyframes error-question-color{
	0% {
    	color:#e65555;	
	}
	50% {
    	color:#e65555;	
	}
	100% {
    	color:#efefef;
	}
}

@-webkit-keyframes button-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes button-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


@-webkit-keyframes message-auto-close {
  0%   { 
  	opacity: 0;
	-moz-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	 }
  18%   { 
opacity: 1;
  	-moz-transform: translateY(0%);
	-webkit-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%); 
}
  82%   { 
opacity: 1;
-moz-transform: translateY(0%);
	-webkit-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%); 
	 }
  100%   { 
opacity: 0;

	-moz-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	 }
}

@-moz-keyframes message-auto-close {
  0%   { 
opacity: 0;
	-moz-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	 }
  18%   { 
opacity: 1;
-moz-transform: translateY(0%);
	-webkit-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%); 
	 }
  82%   { 
opacity: 1;
-moz-transform: translateY(0%);
	-webkit-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%); 
	 }
  100%   {
opacity: 0; 
	-moz-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	 }
}

@-o-keyframes message-auto-close {
  0%   { 

opacity: 0;
	-moz-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	 }
  18%   { 
opacity: 1;
transform: translateY(0%); }
  82%   { 
opacity: 1;
transform: translateY(0%); }
  100%   { 

opacity: 0;
	-moz-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	 }
}

@keyframes message-auto-close {
  0%   { 

opacity: 1;
	-moz-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	 }
  18%   { 
opacity: 1;
transform: translateY(0%); }
  82%   { 
opacity: 1;
transform: translateY(0%); }
  100%   { 

opacity: 0;
	-moz-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	 }
}

/* CSS QUERIES */

@media only screen and (max-width: 991px) and (orientation: landscape) {
    .skip-hidden-group {
    	display: block;
    	float: none;
    }
}

/* 992px breakpoint */

@media only screen and (max-width: 991px) {

	.survey-question-content{
		/*padding-left: 6rem;*/
	}

	table.matrixtable .qoption {
		font-size: 12px;

	}

	.question-type-horizontal-checkboxes .form-check,
	.question-type-horizontal-radiobuttons .form-check{
		display: block;
		margin-bottom: 6px;

    margin-right: 0px;
    vertical-align: initial;
	}
	

}

@media only screen and (max-width: 991px) and (orientation: portrait) {

	/* NPS */

    .skip-hidden-group {
        display: block;
        float: none;        
    }

    .question-type-nps .skip-hidden-group{
    	max-width: 160px;
		margin: 0 auto;
    }
	
	.question-type-nps .form-group{
		display: block;
		width: 160px;
		margin: 0 auto;
	}

	.question-type-nps .form-check{
		display: block;
	    width: 100%;
	}

	.question-type-nps .form-check:not(:last-child) .form-check-label{
		border-right: none!important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.18);
        border-left: none !important;
	}

	.question-type-nps .form-check .form-check-label{
		padding: 5px 10px;
		height: auto;
	}

	.question-type-nps .form-check:first-of-type .form-check-label{
		padding:8px 10px;
	}

	.question-type-nps .form-check:last-of-type .form-check-label{
		padding:8px 10px;
	}

	.question-type-nps .survey-question-content .form-check-label > .qoption{
		top: initial;
    	-webkit-transform: initial;
		transform: initial;
	}
	
	.question-type-nps .form-check:first-of-type .netigate_helper{
		border-radius: 6px 6px 0px 0px !important;
	}

	.question-type-nps .form-check:last-of-type .netigate_helper{
		border-radius: 0px 0px 6px 6px !important;
	}

	.survey-question.question-type-netigateStarRating .form-check .form-check-label{
		width: 80px;
	}

}

@media only screen and (max-width: 768px) {

	#consentModal .modal-dialog {
		width: 80%;
		max-width: 100%;
	}

	#warning-message > span{
	    font-size: 10px;
	    padding-top: 7px;
	}
	
	body .survey-question-content{
		font-size: 0.9em!important;
	}

	body .row.survey-question .survey-question-header{
		font-size: 1em;
	}

	body .survey-question-content input[type="text"],
	body .survey-question-content input[type="textarea"]{
		font-size:12px;
	}

    body:not(.isWCAG) .navbar.navbar-fixed-bottom button.btn > * {
        display: none !important;
    }

	body.page-intro .navbar.navbar-fixed-bottom #nextQuestion{
		min-width: initial;
	}

/*
    body.page-intro .navbar.navbar-fixed-bottom #nextQuestion::after {
        left: 90%;
    }

	*/

    body:not(.page-intro) .navbar.navbar-fixed-bottom #nextQuestion::after {
        transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
    }

	body:not(.page-intro) .navbar.navbar-fixed-bottom #previousQuestion::after {
		left: 20px;
		transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
	}

    body:not(.isWCAG) .navbar.navbar-fixed-bottom #nextQuestion.finnishSurvey::after {
        content: "\f00c";
        font-size: 24px;
    }

    body:not(.isWCAG) .navbar.navbar-fixed-bottom button.btn {
        width: 80px !important;
        background-position: 56% 9px !important;
    }

	.netigate_slide-wrapper .netigate_slide-nav-container .dots .dot,
	.netigate_slide-wrapper .netigate_slide-nav-arrow{
		margin: 0px 4px;
	}

	#warning-message i.fa{
		display: none;
	}

	.question-type-netigateSlider .ui-slider{
		width: 95%;
	    width: calc(100% - 16px);
	    margin-left: 8px;
	}

	/* Language */

	#contentContainer .survey-translator .lang-link-container a{
		margin-left: 0px;
	}
	#contentContainer .survey-translator .lang-link-container a img{
		height: 35px;
    	padding-left: 0px;
	}
	#contentContainer .survey-translator .lang-link-container .lang-text{
		font-size: 11px;
		padding-left: 37px;
	}


	/* Star */

	.survey-question.question-type-netigateStarRating .form-check i.star-icon{
    	font-size: 4em;
    }

	.survey-question.question-type-netigateStarRating .form-check .form-check-label{
		width: 65px;
	}

	.survey-question.question-type-netigateStarRating .form-check .qoption{
		margin-top: 50px;
	}

	/* Ranking matrix */

	.question-type-netigateRankingMatrix .netigate_helper:before{
		top: 14px;
	    width: 16px;
	    height: 16px;
	}

	.question-type-netigateRankingMatrix .form-check .netigate_helper:after{
		top: 18px;
	    width: 8px;
	    height: 8px;
	}

	.question-type-netigateRankingMatrix th .qoption{
		font-size: 11px;
	}

	/* Classic Matrix */

	.question-type-netigateMatrix.classicMatrix .survey-question-content tbody .form-check {
	    min-width: 21px;
	}

	.question-type-netigateMatrix.classicMatrix .netigate_helper:before{
		top: 14px;
	    width: 16px;
	    height: 16px;
	}

	.question-type-netigateMatrix.classicMatrix .form-check .netigate_helper:after{
		top: 18px;
	    width: 8px;
	    height: 8px;
	}

	.question-type-netigateMatrix.classicMatrix th .qoption{
		font-size: 11px;
	}

    /* double matrix */

    .question-type-double-matrix .survey-question-content tbody .form-check {
        min-width: 21px;
    }
    
    .question-type-double-matrix .netigate_helper:before{
        top: 14px;
        width: 16px;
        height: 16px;
    }

    .question-type-double-matrix .form-check .netigate_helper:after{
        top: 18px;
        width: 8px;
        height: 8px;
    }
    
    .question-type-double-matrix th .qoption{
        font-size: 11px;
    }

	/**/

	.question-type-netigateRankingMatrix table.table{
		table-layout: auto;
	}

}

@media only screen and (max-width : 480px) {

	#warning-message > span{
	    font-size: 8px;
	    padding-top: 10px;
	}

	.survey-header .survey-header-content .subtitle, .survey-intro .qdescription{
		padding: 2rem 1rem;
	}

    body:not(.isWCAG) .navbar.navbar-fixed-bottom button.btn {
        width: 60px !important;
        background-position: 56% 9px !important;
    }

    body:not(.isWCAG) .navbar.navbar-fixed-bottom #previousQuestion {
        background-position: 56% 9px !important;
    }

	#navbar-bottom .netigate_brand img{
		height: 20px;
	}

	#navbar-bottom .netigate_brand .text{
		font-size: 9px;
	}

	.netigate_slide-wrapper .netigate_slide-nav-container .dots .dot{
		margin: 0px 2px;
	}

	.netigate_slide-wrapper .netigate_slide-nav-arrow:first-of-type{
		margin-right: 4px;
	}
	.netigate_slide-wrapper .netigate_slide-nav-arrow:last-of-type{
		margin-left: 4px;
	}

    .survey-question.question-type-netigateStarRating .form-check i.star-icon {
        font-size: 2.4em;
    }

		.survey-question.question-type-netigateStarRating .form-check .form-check-label {
				width: 40px;
				padding: 0px;
				min-height: 35px;
		}

	.survey-question.question-type-netigateStarRating .form-check .qoption{
		margin-top: 40px;
	}


	.survey-question .qoption img.smileySmall,
	.survey-question .qoption img.smileyMedium,
	.survey-question .qoption img.smileyBig{
		height: 50px;
		width: auto;
	}

    .question-type-netigateSlider .sliderbox{padding-left:1px;padding-right:1px;}

}

@media only screen and (max-width : 360px) {
		.survey-question.question-type-netigateStarRating .form-check i.star-icon {
				font-size: 2.1em;
		}

		.survey-question.question-type-netigateStarRating .form-check .form-check-label {
				width: 35px;
				padding: 0px;
				min-height: 35px;
		}

	.survey-question.question-type-netigateStarRating .form-check .qoption{
		margin-top: 35px;
	}

	.survey-question .qoption img.smileySmall,
	.survey-question .qoption img.smileyMedium,
	.survey-question .qoption img.smileyBig{
		height: 35px;
	}
}

/* 
    Used for accessibility mode to hide elements which should only be read by the screenreader.
*/

.outside-viewport{ 
    position: absolute !important;
    left: -999em !important;
    width: 1em !important;
    overflow: hidden !important;
}

/* temporary bug fix - wcag */

.question-type-matrix .outside-viewport{
	display: none;
}

/* quick fix for ie and WCAG Legend - in table */

.question-type-horizontal-radiobuttons legend.outside-viewport{
	display: none;
}

/*arabic hebrew persian urdu farsi*/

:lang(ar) .outside-viewport,
:lang(he) .outside-viewport,
:lang(fa) .outside-viewport,
:lang(ur) .outside-viewport,
:lang(un) .outside-viewport	{
	left: auto!important;
	right: -999em!important;
}

html:not(:lang(ar)):not(:lang(he)):not(:lang(fa)):not(:lang(ur)):not(:lang(un)) .question-type-matrixRanking .form-check input[type="radio"],
html:not(:lang(ar)):not(:lang(he)):not(:lang(fa)):not(:lang(ur)):not(:lang(un)) .question-type-double-matrix .form-check input[type="radio"],
html:not(:lang(ar)):not(:lang(he)):not(:lang(fa)):not(:lang(ur)):not(:lang(un)) .question-type-netigateMatrix .form-check input[type="radio"],
html:not(:lang(ar)):not(:lang(he)):not(:lang(fa)):not(:lang(ur)):not(:lang(un)) .question-type-nps .form-check input[type="radio"],
html:not(:lang(ar)):not(:lang(he)):not(:lang(fa)):not(:lang(ur)):not(:lang(un)) .question-type-horizontal-checkboxes .form-check input[type="checkbox"],
html:not(:lang(ar)):not(:lang(he)):not(:lang(fa)):not(:lang(ur)):not(:lang(un)) .question-type-horizontal-radiobuttons .form-check input[type="radio"],
html:not(:lang(ar)):not(:lang(he)):not(:lang(fa)):not(:lang(ur)):not(:lang(un)) .question-type-checkboxesWithText .form-check input[type="checkbox"],
html:not(:lang(ar)):not(:lang(he)):not(:lang(fa)):not(:lang(ur)):not(:lang(un)) .question-type-netigateCheckboxes .form-check input[type="checkbox"],
html:not(:lang(ar)):not(:lang(he)):not(:lang(fa)):not(:lang(ur)):not(:lang(un)) .question-type-radiobuttonsWithText .form-check input[type="radio"],
html:not(:lang(ar)):not(:lang(he)):not(:lang(fa)):not(:lang(ur)):not(:lang(un)) .question-type-netigateRadiobutton .form-check input[type="radio"],
html:not(:lang(ar)):not(:lang(he)):not(:lang(fa)):not(:lang(ur)):not(:lang(un)) .question-type-netigateStarRating .form-check input[type="radio"]{
	left: -999em!important;
	right: auto!important;
}


#navbar-div {
    height:100%;
}

/* IE 10 + IE 11 only */

@media all and (-ms-high-contrast:none)
{
    body.mode-one .outside-viewport{
        display:none;
    }

    *::-ms-backdrop, body.mode-one .outside-viewport{
        display:none;
    }
}

/*

Removing this because of some issues with double matrixes not being showned completely, perhaps classic matrixes also.

.survey-question-content {
    overflow: hidden;
}

*/

.question-type-nps .flag-question {
    padding-top: 30px;
}

/* this is for Edge and matrices as slides */

body.tempHideMatrixOnResizeForEdge .survey-question.question-type-netigateMatrix:not(.classicMatrix){
	opacity: 0;
}

#ui-datepicker-div {
    font-size: 11px;
}

/* widget */

body.page-outro.widget .widget-confirm {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 72px;
    color: rgb(167, 230, 152);
}

body.page-outro.widget .qdescription {
    border-color: transparent;
}

.footer-url {
    display: block;
    margin-bottom: 15px;
    font-size: 13px;
}

.survey-header-content .subtitle a,
.survey-header-content .title a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

pre.language-javascript {
		display: none;
}

/* MaxDiff */

.matrixtable.maxdifftable thead .maxdiff-row .maxdiffcoltext:first-child {
		text-align: left;
		padding-left: 15px;
		width: 20%;
}

.matrixtable.maxdifftable thead .maxdiff-row .maxdiffcoltext:last-child {
		text-align: right;
		padding-right: 15px;
		width: 20%;
}

.maxdiff-item .maxdiff-radio:first-child .form-check-label .netigate_helper::before,
.maxdiff-item .maxdiff-radio:first-child .form-check-label .netigate_helper::after {
		left: 15%;
}

.maxdiff-item .maxdiff-radio:last-child .form-check-label .netigate_helper::before,
.maxdiff-item .maxdiff-radio:last-child .form-check-label .netigate_helper::after {
		left: 83%;
}

.maxdiff-label {
		text-align: center;
}

.maxdiff-task-container {
		padding: 0px;
}

.maxdiff-task-container .survey-question-header {
		margin-top: 0px;
}

body:not(.mode-one) .maxdiff-task-container .survey-question-content {
		margin-bottom: 10px;
}