@charset "UTF-8";
/* CSS Document */

.questions.side .item { 
	margin-bottom:1.3em;
}
.questions.side .question {
	margin-bottom:1.2em;
}
.questions.side .item *,
.questions.side .answer * {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.questions.side .item .question {
	display:table;
	width:100%;
	border:1px solid #DEDEDE;
}

.questions.side .item .question span { 
	display:table-cell;
}
.questions.side .item .question span.subject { 
	background:#4DCB6D; 
	width:10%;
	vertical-align:middle;
	color:#fff;
	text-align:center;
	padding:10px;
	font-size:15px;
	font-weight:800;
}
.questions.side .item .question span.title { 
	padding:10px;
	vertical-align:middle;
	font-size:13px;
	color:#4A4A4A;
}
.questions.side .answer {
	border-bottom:1px solid #DFDFDF;
}
.questions.side .answer ul li { padding-bottom:1em;}
.questions.side .answer div {
	clear: both;
	margin-bottom:1em;
	/*margin: 0 50px;*/
}
.questions.side .answer .error {
	display:block;
	font-weight:800;
	color:#BA262E;
}

.questions.side .answer label {
 /* width:9em;*/
 width:100%;
  border-radius: 3px;
  border: 1px solid #BFBFBF;
}

/* hide input */
.questions.side .answer input.radio:empty {
	margin-left: -9999em;
	overflow:hidden;
}

/* style label */
.questions.side .answer input.radio:empty ~ label {
	position: relative;
	float: left;
	line-height: 2.8em;
	text-indent: 3.15em;
	/* margin-top: 2em; */
	margin-top:0;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.questions.side .answer input.radio:checked ~ label {
	/*color: #777;*/
	background-color: #4DCB6D;
	color:#fff;
	border-color:#85B850;
}

/* radio focus */
.questions.side .answer input.radio:focus ~ label:before {
	/*box-shadow: 0 0 0 3px #999;*/
}
.questions.side .item,
.questions.side .answer {
	border:none;
}
.questions.side .item .answer .group-wrapper {
	display:table;
	width:100%;
}
.questions.side .item .answer .group {
	display:table-cell;
	width:20%;
}
.questions.side .item .answer .group label {
	border:none;
	border-radius:0px;
	border-top:1px solid #BFBFBF;
	border-bottom:1px solid #BFBFBF;
	border-left:1px solid #BFBFBF;
}
.questions.side .item .answer .group:first-child label {
	border-radius:6px 0 0 6px;
}
.questions.side .item .answer .group:last-child label {
	border-right:1px solid #BFBFBF;
	border-radius:0 6px 6px 0;
}
.questions.side .item .group input.radio:empty ~ label {
	text-indent:0;
	font-size:10px;
	text-align:center;	
}

.questions.side .item .group input.radio:empty  ~ label:before {
	display:none;
}