@CHARSET "ISO-8859-1";

hr {
	display:none;
}

h1, h2, h3, h4, h5 {
	color: #333333;
}

.question {
	border-top: solid 1px rgba(231,231,231,1.00);
	padding-top:20px;
	padding-bottom:20px;
	clear:left;
}

.question-options {
	font-size: 16px;
	padding:0px;
}

.question-options li {
	text-align:center;
}

.question-options  li {
	list-style:none;
}

.question-options li div{
	border:solid 2px #ccc;
	border-radius: 5px;
	padding:5px;
	background-repeat:no-repeat !important;
	background-position:center center;
	*width:100%;
	/*background-size: 75px;*/
	cursor:pointer;
}

.as-text div {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	color: #555;
}

.star-10-alternative li div.question-box {
	border: 0px !important;
}

.question.disabled .star-10-alternative {
	cursor: not-allowed;
}

.question.disabled .star-10-alternative li:hover {
	cursor: not-allowed;
}

.question.disabled .star-10-alternative li div.question-box:hover {
	cursor: not-allowed;
}

.question:not(.disabled):not(.skipped) .star-10-alternative li div.question-box:hover {
	border: 2px solid #0057B8 !important;
}

.question:not(.disabled):not(.skipped) .star-10-alternative li div.question-box.active {
	border: 2px solid #0057B8 !important;
}

<!-- -->

.mediaQuestions li div{
	/*background-size:90%;*/
	background-position:center;
	opacity:0.5;
	filter: grayscale(100%);
}
.question:not(.disabled):not(.skipped) .mediaQuestions li div:hover{
	/*background-size:90%;*/
	opacity:1;
	filter: none;
}
.question:not(.disabled):not(.skipped) .mediaQuestions li.selected-answer-box div{
	opacity:1 !important;
	filter: none;
}


<!-- -->
<!-- -->
.responsive-square li div{
	height:100px !important;
	padding-bottom:none !important;
	/*	height:0; */
}
<!-- -->

.fixed-height li:not(.likert) div{
	height:100px !important;
	padding-bottom:none !important;
	background-repeat:repeat;
	/*-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;*/
}

.question-listoptions {
	border:solid 3px #ccc;
	border-radius: 5px;
}
.question-listoptions li{
	line-height:40px;

}

.fixed-height li div{
	height:100px;
}

/*.question-heading {*/
	/*border-top: solid 5px rgba(231,231,231,1.00);*/
	/*margin-top: 25px;*/
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(84,159,216,0.5)), color-stop(100%,rgba(125,185,232,0))); !* Chrome,Safari4+ *!*/

/*}*/

.question-heading {
	margin-top: 25px;
	margin-bottom: 25px;
}

.question-heading .lead {
	max-width: 850px;
}

.question-heading + .question {
	border-top: none;
}

.selected-answer {
	text-align:right;
	margin-top:20px;
	color:rgb(0,161,66);
	font-size:110%;
	clear:left;
	display:none;
}

.selected-answer-box {

}

.selected-answer-box:not(.likert) div {
	border-color: #0057B8;
	color: #0057B8;
	background-color: #E9F4FA;
	/*font-weight: bold;*/
	/*color:rgb(0,161,66);
	border-color:rgb(0,161,66) !important;*/
}

.selected-answer-box.likert div {
	color: #0057B8;
}

.rounded {
	/*border:5px solid #fff;*/
	/*border-radius: 5px;*/
	/*background:#fff;*/
	margin-top:80px;
	margin-bottom:15px;
}


body, height {
	height:100%;
}

/*body,html {*/
	/*background-image: linear-gradient(rgb(21, 150, 212) 0%, rgb(41, 137, 216) 88%, rgb(32, 124, 202) 97%) !important;*/
	/*background-repeat:repeat-x;*/
	/*background-color:rgb(32, 124, 202);*/
/*}*/

/*.questionstyle_faces li div {*/
	/*background-size: 60%;*/
/*}*/

/*.question:not(.disabled):not(.skipped) .questionstyle_faces li:not(.likert) div:hover {*/
	/*background-size:80% !important;*/
/*}*/



<!---->

.question:not([data-jsquestiontype="star10"]):not(.disabled):not(.skipped) .question-options li:not(.likert):hover {
	border-color: #0057B8;
	color: #0057B8;
	/*font-weight: bold;*/
}

.question[data-jsquestiontype="star10"]:not(.disabled):not(.skipped) .question-options li:not(.likert):hover {
	border-color: gold;
	color: gold;
}

.question:not(.disabled):not(.skipped) .question-options li.likert:hover {
	border-color: #0057B8;
	color: #0057B8;
	/*font-weight: bold;*/
}


.question .question-options li.likert div {
	border: 0px !important;
}

.question .question-options li.likert {
	opacity: 0.2;
	filter: grayscale(100%);
}

.selected-answer-box.likert {
	opacity: 1!important;
	filter: none!important;
}

.question:not(.disabled):not(.skipped) .question-options li.likert:hover {
	opacity: 1!important;
	filter: none!important;
}

.question:not([data-jsquestiontype="star10"]):not(.disabled):not(.skipped) .question-options li:not(.likert) div:hover {
	border-color: #0057B8;
	color: #0057B8;
	background-color: #E9F4FA;
	/*font-weight: bold;*/
	/*border-color: rgb(21, 150, 212);
	background-size:40%;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;*/
}

.question:not(.disabled):not(.skipped) .question-options li.likert div:hover {
	color: #0057B8;
}

.question:not(.disabled):not(.skipped) .question-options li:not(.likert).selected-answer-box {
	color: #0057B8;
	/*font-weight: bold;*/
}

.question .question-options li.likert.selected-answer-box {
	color: #0057B8;
	/*font-weight: bold;*/
}

.question:not(.disabled):not(.skipped) .question-options li:not(.likert).selected-answer-box div {
	border-color: #0057B8;
	color: #0057B8;
	background-color: #E9F4FA;
	/*font-weight: bold;*/
}

.question) .question-options li.likert.selected-answer-box div {
	border-color: #0057B8;
	color: #0057B8;
	/*font-weight: bold;*/
}


#submitButton:hover i  {
	margin-left:5px;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}


.star-10 li, .star-5 li {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.star-10, .star-5 {
	font-size:36px;
	color:gold;
	text-align:center;
	line-height:36px;
	cursor:pointer;
}

.star-10 li.selected, .star-5 li:hover {
	font-size:36px;
}

.star-10 li.selected, .star-5 li.selected {
	font-size:36px;
}



.star-101 li, .star-51 li {
	display:inline-block;
	padding:0%;
}

.question-options > li > input {
	visibility:hidden;
}


.disabled, .disabled > ul > li > div {
	opacity:0.5;
	filter: grayscale(100%);
	cursor:not-allowed;
}


#submitButton.disabled {
	cursor:not-allowed !important;
	opacity:0.25;
}
.disabled input {

}

.hidden {
	display:none;
}


#scrollHelper {
	position:fixed;
	left:40%;
	width:20%;
	top:10%;
	background:#000;
	color:#fff;
	padding:5px;
	z-index:9999;
	text-align:center;



}


@media all and (max-width: 766px){



	.question-options li div{
		border:solid 2px #ccc;
		border-radius: 5px;
		padding:5px;
		background-repeat:no-repeat;
		background-position:center center;
		width:100%;
		cursor:pointer;
	}

	.question-options li {
		/*text-align:left !important;*/
	}


	<!-- -->
	.question-options li div{
		padding-bottom:10%;
		width:50px;
		height:0;
		float:left;
	}

	<!-- -->

	.question-options li div {
		background-size:contain;
		height:30px !important;
	}

	/*.question-options:not(.halves) li div:hover {*/
		/*background-size:30% !important;*/
	/*}*/


	/*.fixed-height li div {*/
		/*background-size:contain;*/
	/*}*/

	#justSubmit{
		display:block;
		width:100%;
	}
	#submitButton{
		display:block;
		width:100%;
		margin-top:10px;
	}

	.star-10 {
		font-size:20px;
		line-height:20px;
		color:gold;
		text-align:center;
	}

	.star-10 li.selected {
		font-size:20px;
	}
}

#low-average-warning .fixed-height li img {
	height:50px !important;
	border-radius:5px;
	padding:2px;
}


#gradient-bar-hor {
	width:100%;
	height:12px;
	background: #ff0000;
	background: -moz-linear-gradient(left, #ff0000 0%, #c1c427 46%, #2bca2a 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff0000), color-stop(46%,#c1c427), color-stop(100%,#2bca2a));
	background: -webkit-linear-gradient(left, #ff0000 0%,#c1c427 46%,#2bca2a 100%);
	background: -o-linear-gradient(left, #ff0000 0%,#c1c427 46%,#2bca2a 100%);
	background: -ms-linear-gradient(left, #ff0000 0%,#c1c427 46%,#2bca2a 100%);
	background: linear-gradient(to right, #ff0000 0%,#c1c427 46%,#2bca2a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#2bca2a',GradientType=1 );
}

@media (max-width:767px){
	.full-width-buttons a.btn {
		width:100%;
		margin:5px 0px !important;
	}
}

#footer a {
	color: white;
	text-decoration: underline;
}

#footer a:hover {
	color: #DDD;
	text-decoration: none;
}

#footer {
	color: white;
	margin-bottom: 25px;
}

@media (min-width:768px)and (max-width:1200px){
	.age-question .col-sm-2 {
		width: 100%;
	}
}

	/* --------- Ricky styling ----------------*/

/*- Font weight styling of survey intro text on andorid -*/
.androidIntroFont {
	font-weight: 300 !important;
}

.androidCompletionText {
	font-weight: 300 !important;
}

/*--- Hide Menu button and menu links on mobile in header navbar --*/
@media screen and (max-width:767px) {
	.survey-navbar-menu, .nav-menu-btn {
		display: none !important;
	}

	 .nav-menu-btn + a {
		 display: inline-block;
		 width: 100%;
		 text-align: center;
	}


}

/*/*- multiple select options styling -*/
/*.multiple-select li {*/
	/*list-style: none;*/
	/*padding: 5px 10px;*/
	/*box-sizing: border-box;*/
/*}*/

/*.multiple-select li div {*/
	/*margin-bottom: 6px;*/
/*}*/


/*@media (max-width: 768px) {*/
	/*.multiple-select li {*/
		/*width: 50%;*/
		/*padding: 0px 8px;*/
	/*}*/
/*}*/

.multiple-select {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
	list-style-type: none;
	justify-content: start;
}

.multiple-select li {
	box-sizing: border-box;
	padding: 5px 10px;
	flex: 0 1 50%; /* Two columns on mobile */
	max-width: 50%; /* Ensure items don't stretch */
}

.multiple-select li div {
margin-bottom: 6px;
}

@media (min-width: 768px) {
	.multiple-select li {
		flex: 0 1 20%; /* Two columns on mobile */
		max-width: 20%; /* Ensure items don't stretch */
	}
}

.star-10 .col-xs-1 {
	padding-left: 0px;
	padding-right: 0px;
}

/*- would recommend colourful boxes 1 row styling -*/
	.star-10-alternative .col-xs-1 {
		padding-left: 2px;
		padding-right: 2px;
	}

	.star-10-alternative .question-box {
		display: flex;
		justify-content: center; /* Center horizontally */
		align-items: center; /* Center vertically */
		height: 50px !important;
		line-height: 50px !important;
	}

@media (max-width: 767px) {
	.star-10-alternative .question-box {
		height: 40px !important;
		line-height: 40px !important;
	}
}

@media (max-width: 400px) {
	.star-10-alternative li div.question-box {
		font-size: 10px;
		padding: 2px;
	}
}

@media (max-width: 400px) {
	.star-10-alternative .col-xs-1 {
		padding-left: 1px;
		padding-right: 1px;
	}
}

/*- would recommend colourful boxes 2 rows stying -*/
@media (max-width: 767px) {
	.star-10-boxes-2 .flex-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.star-10-boxes-2 .col-xs-1 {
		padding-left: 2px;
		padding-right: 2px;
		padding-bottom: 4px;
		width: 16%!important;
	}
}

@media (min-width: 768px) {
	.star-10-boxes-2 .question-box {
		display: flex;
		justify-content: center; /* Center horizontally */
		align-items: center; /* Center vertically */
		height: 50px !important;
		line-height: 50px !important;
	}
}

.btn-primary {
	background: #0057B8;
	color: #ffffff;
	border: none;
}

.btn-primary:hover {
	background: #043e80;
}

#submitButton {
	background: #0057B8;
	color: #ffffff;
}

#submitButton:hover {
	background: #043e80;
}

#normalSubmit {
	margin: 0px 20px;
}

@media all and (max-width: 768px) {
	.header-logo {
		float: none !important;
		text-align: center !important;
		margin: 0 auto;
		display: block;
	}

	.header-logo img {
		float: none !important;
		text-align: center;
		margin: 0 auto!important;
		display: block;
	}

}

.question-options {
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
	hyphens: auto;
}

select[multiple].i9multiselect, select[multiple].i9multiselect option {
	font-size: 16px;
}

.select2 {
	width: 100% !important;
}

/*.select2, .i9multiselect, textarea.form-control {*/
	/*max-width: 550px;*/
/*}*/

/*#testimonial {*/
	/*max-width: 100% !important;*/
/*}*/

select:is([size], [multiple]), select[size][multiple] {
	-webkit-appearance: none;
	align-items: flex-start;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	/*border-top-color: gray;*/
	/*border-right-color: gray;*/
	/*border-bottom-color: gray;*/
	/*border-left-color: gray;*/
	border-image-source: initial;
	border-image-slice: initial;
	border-image-width: initial;
	border-image-outset: initial;
	border-image-repeat: initial;
	border-top-left-radius: initial;
	border-top-right-radius: initial;
	border-bottom-right-radius: initial;
	border-bottom-left-radius: initial;
	white-space: initial;
}




/*.question-options {*/
	/*display: flex;*/
	/*flex-wrap: wrap;*/
	/*justify-content: space-between;*/
/*}*/

/*.question-options .likert {*/
	/*flex: 0 1 calc(20% - 10px); !* 5 columns, with some space between *!*/
	/*box-sizing: border-box;*/
	/*text-align: center;*/
/*}*/

/*@media (max-width: 768px) {*/
	/*.question-options .likert {*/
		/*flex: 0 1 calc(20% - 5px); !* Adjusting for smaller screens *!*/
	/*}*/
/*}*/







.likert-icon {
	background-size: contain;
	height: 100px;
}








/*.questionstyle_faces li div {*/
/*background-size: contain;*/
/*}*/


.questionstyle_faces {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

@media (max-width: 767px) {
	.likert .likert-text {
		display: none;
	}

	.question-options .likert:nth-of-type(1) .likert-text,
	.question-options .likert:nth-of-type(5) .likert-text {
		display: inline;
	}

	/*.question-options .likert:nth-of-type(6) .likert-text,*/
	/*.question-options .likert:nth-of-type(7) .likert-text {*/
		/*display: inline;*/
	/*}*/

	.questionstyle_faces li div {
		width: auto;
	}

	.question-options .likert:nth-of-type(5) .likert-text {
		float: right;
		text-align: right;
		min-width: 130px;
	}

	.question-options .likert:nth-of-type(1) .likert-text {
		float: left;
		text-align: left;
		min-width: 130px;
	}
}


/*- likert options styling -*/
@media all and (max-width: 768px) {
	ul.questionstyle_faces {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}

	ul.questionstyle_faces > li {
		flex: 1;
		max-width: 100%;
	}

	.questionstyle_faces .col-xs-2 {
		padding-left: 2px;
		padding-right: 2px;
	}
}

@media (max-width: 767px) {
	.likert-five-plus .likert-option {
		display: flex;
		align-items: center;
	}

	.likert-five-plus .likert-icon {
		width: 100px;
		height: 60px;
		background-size: cover;
		background-repeat: no-repeat;
		margin-right: 10px;
	}

	.likert-five-plus .likert-text {
		display: flex;
		align-items: center;
		float: none!important;
		text-align: left!important;
		min-width: auto!important;
	}

}

@media (max-width: 767px) {
	.likert-five-plus .likert {
		width: 100%;
		margin-bottom: 0px;
	}

	.likert-five-plus {
		display: block!important;
	}

	.likert-five-plus li div {
		width: 100%;
	}

	.likert-five-plus .likert-option {
		justify-content: flex-start;
	}
}

.select-three-plus {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

@media (min-width: 1199px) {
	.select-three-plus li {
		flex: 0 1 25%;
		max-width: 25%;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1198px) {
	.select-three-plus li {
		flex: 0 1 33.3%;
		max-width: 33.3%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.select-three-plus li {
		flex: 0 1 50%;
		max-width: 50%;
	}
}

.how-well-likert {
	/*display: block;*/
	justify-content: center;
	flex-wrap: none;
}

.how-well-likert li div {
	border: 0px;
	border-radius: 0px;
	padding: 0px;
}

@media (max-width: 768px) {
	.how-well-likert .col-xs-14 {
		padding-left: 2px;
		padding-right: 2px;
	}
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
	.questionstyle_faces .col-sm-2 {
		width: 20%;
	}
}

.question-heading img.pull-right {
	margin-left: 20px;
	margin-bottom: 20px;
}

/*.question-heading {*/
/*position: relative;*/
/*}*/

/*.question-heading img.pull-right {*/
/*margin-left: 15px;*/
/*}*/

/*@media (max-width: 768px) {*/
/*.rounded {*/
/*margin-top: 70px;*/
/*}*/

/*.question-heading h3 {*/
/*display: flex;*/
/*flex-direction: column;*/
/*text-align: center;*/
/*}*/

/*.question-heading img.pull-right {*/
/*order: -1;*/
/*margin: 0 auto;*/
/*margin-bottom: 20px;*/
/*width: 100%;*/
/*max-width: 150px;*/
/*}*/

/*.question-heading .lead {*/
/*clear: both;*/
/*}*/
/*}*/

/*@media (max-width: 768px) {*/
/*.question-heading {*/
/*display: flex;*/
/*flex-direction: column;*/
/*}*/

/*.question-heading .header-logo {*/
/*order: 1;*/
/*text-align: center;*/
/*margin-bottom: 20px;*/
/*}*/

/*.question-heading .col-sm-10 {*/
/*order: 2;*/
/*}*/

/*.question-heading .lead {*/
/*order: 3;*/
/*}*/
/*}*/