@font-face {
  font-family: 'surveyinputs';
  src:  url('fonts/surveyinputs.eot?1f023oe');
  src:  url('fonts/surveyinputs.eot?1f023oe#iefix') format('embedded-opentype'),
    url('fonts/surveyinputs.ttf?1f023oe') format('truetype'),
    url('fonts/surveyinputs.woff?1f023oe') format('woff'),
    url('fonts/surveyinputs.svg?1f023oe#surveyinputs') format('svg');
  font-weight: normal;
  font-style: normal;
}

.fakeInput, .legendSymbol a, .errorIcon {
	/* Disables standard background-image method */
	background-size: 0 0;
	background: no-repeat center center fixed\0/; /* IE8 HACK */
	height: auto;
}

.fakeInput { width: 20px; }

.fakeInput:before, .legendSymbol a:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'surveyinputs' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 32px;
  line-height:1em;
  width: 20px;
  position:relative;
  left: -5px;


  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}




/* Font references */
a.inactiveCheckbox:before 				{ content: "\2610"; }
.cellHover a.inactiveCheckbox:before 	{ content: "\25fc"; }
a.activeCheckbox:before 				{ content: "\2611"; }
.cellHover a.activeCheckbox:before 		{ content: "\25a3"; }
a.inactiveRadio:before 					{ content: "\26aa"; }
.cellHover a.inactiveRadio:before 		{ content: "\25cc"; }
a.activeRadio:before 					{ content: "\25c9"; }
.cellHover a.activeRadio:before 		{ content: "\26ab"; }

/* Square items must be  */
			a.inactiveCheckbox:before,
.cellHover	a.inactiveCheckbox:before,
			a.activeCheckbox:before,
.cellHover	a.activeCheckbox:before { -webkit-font-smoothing: none; -moz-osx-font-smoothing: unset; font-smooth: never; }

/*.buttonCell a , .buttonCell a:visited, .errorIcon,*/


/* Symbol */
.vcClassifier a, .errorIcon {
	border-radius: 50%;
	background-color: #F8F8F8; /* Fallback for old browsers */
	background-color: rgba(240, 240, 240, 0.2) !important;
	width: 19px;
	height: 19px;
	margin: 6px 0px;
	line-height:20px;
	border: 1px solid #E7E7E7; /* Fallback for old browsers */
	border: 1px solid rgba(127, 127, 127, 0.15);
	/*margin: 1px;
	line-height:20px;*/

}

/* Multiple select*/
a.inactiveCheckboxcustom,
a.activeCheckboxcustom {
	border-radius: 20%;
}

/* Hover state */
.cellHover .vcClassifier a,
.vcClassifier a:hover {
	background-color: #A9A9A9 !important; /* Fallback for old browsers */
    background-color: rgba(127, 127, 127, 0.66) !important;
    border-color: transparent !important;
}

/* Alt design */
.vcClassifier a.alternateDesign {
  background-color: #E7E7E7 !important; /* Fallback for old browsers */
  background-color:rgba(127, 127, 127, 0.15) !important;
  border-color:rgba(127, 127, 127, 0.10);
}

.cellHover a.alternateDesign,
.vcClassifier a.alternateDesign:hover {
    color: inherit;
	border-color: #D5D5D5 !important; /* Fallback for old browsers */
    border-color: rgba(127, 127, 127, 0.3) !important;
}

/* Active state */
a.activeRadiocustom,
a.activeRadiocustom:hover,
.cellHover a.activeRadiocustom,
a.activeRadiocustom.alternateDesign,
a.activeRadiocustom.alternateDesign:hover,
.cellHover a.activeRadiocustom.alternateDesign {
  background-color:#000 !important;
  color: white;
  border-color: transparent !important;;
}

/* Legend  */
.vcLegend .legendSymbol a:hover,
.vcLegend .legendSymbol a.alternateDesign:hover {
	background-color: inherit !important;
	color: inherit;
}

.vcLegend .vcClassifier a, table.verticalMatrix .legendSymbol a, .vcReviewTable .vcClassifier a {
	margin-top: -0.25em;
}

.vcLegend li {
    margin-top: 15px;
}

.errorIcon {
	cursor: default;
}


/* Mobile */
@media only screen and (max-device-width: 568px), only screen and (max-width: 568px) {

/* Big radio / checkbox */
body .tableFormat1 table:not(.bigGrid) .vcClassifier a,
body .tableFormat1 table:not(.bigGrid) .cellHover a.inactiveRadiocustom,
body .tableFormat1 table:not(.bigGrid) .cellHover a.inactiveCheckboxcustom {
    width: 30px;
    height: 30px;
    line-height: 33px;
    font-size: 21px !important;
    font-weight: normal;
}

.tableFormat1 table:not(.bigGrid) .fakeInput {
	width:30px;
}
.tableFormat1 table:not(.bigGrid) .fakeInput:before {
  font-size: 48px;
  left: -9px;
  top: -2px
}

/* End big buttons */

}

@media (hover: none) {
	/* Target units not supporting hover well (touch) and change symbol to non-hover */
	.cellHover a.activeRadio:before {
	  content: "\25c9";
	}
	.cellHover a.activeCheckbox:before {
	  content: "\2611"; -webkit-font-smoothing: none; -moz-osx-font-smoothing: unset; font-smooth: never;
	}
}

/* Back and forth-arrows

.surveyinputs-chevron-left:before {
  content: "\3c";
}
.surveyinputs-chevron-right:before {
  content: "\3e";
}
.surveyinputs-arrow-left:before {
  content: "\2b05";
}
.surveyinputs-arrow-right:before {
  content: "\27a1";
}
.surveyinputs-angle-left:before {
  content: "\27f5";
}
.surveyinputs-angle-right:before {
  content: "\27f6";
}
.surveyinputs-play-circle:before {
  content: "\25c2";
}
.surveyinputs-play-circle2:before {
  content: "\25b8";
}