.chk-intro {
    margin-bottom:15px;
}
.chk-container {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(68, 111, 134);
  border-radius: 10px;
  background-image: -moz-linear-gradient( -90deg, rgb(241,241,241) 0%, rgb(206,233,248) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(241,241,241) 0%, rgb(206,233,248) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(241,241,241) 0%, rgb(206,233,248) 100%);
  background-image: -moz-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(225,242,251) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(225,242,251) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(225,242,251) 100%);

  box-shadow: -2.65px 4.24px 5px 0px rgba(15, 15, 15, 0.125);
  border-top:5px #0095C3 solid;
  padding:10px;
} 
.chk-container {
	width:650px;	
}
.chk-container h2.title {
	margin-top:0;	
}
.chk-container label {
	cursor:hand;
	cursor:pointer;	
}
.chk-container .frequency {
	float:right;
	font-size:14px;
	width:250px;	
	border-left:1px #ccc solid;
	padding-left:10px;
}
.chk-container ul, .chk-container li{
	margin:0;
	padding:0;	
	list-style:none !important;
}
.chk-container ul {
	padding-left:10px;	
}
.chk-container li {
	clear:both;	
	border-bottom:1px #B4B4B4 dashed;
	padding-bottom:5px;
	padding-top:5px;
}
.chk-container li.alternate {
	background:#E7E7E7;	
}
.chk-container li .symptom {
	float:left; 
	font-size:1em;
	width:300px;	
}
.chk-container li .symptom.column-header {
	padding:0;	
}
.chk-container li .symptom.column-header span, .chk-container li .symptom {
	padding:5px;
	padding-left:10px;
	padding:5px 10px;
	display:inline-block;
	box-sizing: border-box;
}
.chk-container ul li:last-child {
	margin-bottom:10px;	
}
.chk-container .ui-widget {
	font-size:1.1em;
	font-size:1em;
}
.chk-container li .frequency {
}

.chk-container ul {
	background:#fff;	
	padding:5px;
	border:1px #ccc solid;
	border-radius:10px;
	border-bottom:5px #0095C3 solid;
	padding-bottom:0px;
}
.chk-container label.green.ui-state-active, .chk-container label.green.ui-state-hover{
  color:#006608;
  background-image: -moz-linear-gradient( 90deg, rgb(191,244,176) 0%, rgb(231,247,227) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(191,244,176) 0%, rgb(231,247,227) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(191,244,176) 0%, rgb(231,247,227) 100%);
  border:1px #ccc solid;

}
.chk-container label.orange.ui-state-active, .chk-container label.orange.ui-state-hover {
	color:#985E00;
  background-image: -moz-linear-gradient( 90deg, rgb(244,229,176) 0%, rgb(247,246,227) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(244,229,176) 0%, rgb(247,246,227) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(244,229,176) 0%, rgb(247,246,227) 100%);
  border:1px #ccc solid;
}

.chk-container label.red.ui-state-active, .chk-container label.red.ui-state-hover {
  background-image: -moz-linear-gradient( 90deg, rgb(244,194,176) 0%, rgb(247,234,227) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(244,194,176) 0%, rgb(247,234,227) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(244,194,176) 0%, rgb(247,234,227) 100%);
  color:#98191B;
  border:1px #ccc solid;
}
.chk-container .column-header {
	background-color: #0095C3;
	color: #fff;
	padding: 10px;
	margin-top: -5px;
	border-radius: 10px;
	font-size: 1em;
	font-weight: bold;
}

.chk-container .frequency.column-header {
	width:230px;
	font-size:1em;
}
.chk-container .frequency label {
	-moz-user-select: none; 
	-webkit-user-select: none; 
	-ms-user-select:none; 
	user-select:none;	
}
.chk-yesno{ 
display:none; 
}
@media screen and (max-width:767px) and (min-width:600px){
	.chk-container .orange {
		display:none;	
	}
	.chk-container .frequency.column-header {
		width:100px;
		float:left;
		margin-left:50px;
	}
	
}

@media screen and (max-width:600px){
	.frequency {
		display:none !important;
		border:1px red solid;	
	}
	.chk-container li .symptom.column-header, .chk-container li .symptom {
		width:100%;
	}
	.chk-yesno{
		display:inline-block !important;
		float:left;
		padding-right:10px;
	}

	.chk-yesno input[type=checkbox]{
		-webkit-appearance:checkbox;
	}
	.chk-container ul {
		list-style:circle !important;
		/*margin-left:10px;	*/
	}
	.chk-container {
		width:100%;	
	}
	.chk-container ul{ 
		width:100%;
	}
	.chk-container .quiz-checked {
		display:none;
	}
}


.quiz-footer {
	text-align: center;
	padding: 10px;
}
.quiz-results {
	background-color: #EFF0E7;
	margin-top: 10px;
	padding-top: 10px;
	font-size:16px;
}
.quiz-results {
	padding: 10px;
	margin: 10px 0 10px 0;
	border-radius: 10px;
	background: #fff;
	border: 1px #ccc solid;
	background: #F0F0F0;
	width:100%;
	box-sizing: border-box;	
}
.quiz-result-title {
	border-bottom: 1px #ccc dashed;
	padding-bottom: 10px;
	background: #fff;
	margin: -10px -10px 0 -10px;
	padding: 10px;
	border-radius: 10px;
}
.quiz-result-title strong {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background: #0095C3;
	margin: 0;
	border-radius: 10px;
	border-bottom: 0;
	padding: 5px 10px 5px 10px;
	text-align: center;
	text-shadow: 1px 1px #000;
	display: block;
}
.quiz-checked {
	margin: auto;
	background: #fff;
	padding: 10px;
	border-radius: 10px;
	border: 1px #ccc solid;
	margin: 10px auto 10px;
}
.quiz-checked p {
	margin: 0;
	padding: 0;
}
.quiz-checked {
	text-align: right;
	font-weight: bold;
	padding-right: 30px;
	width: 310px;
}
.quiz-checked span {
	width: 1.3em;
	display: inline-block;
}
.quiz-result-h1 {
	font-weight: bold;
	font-size: 24px;
	color: #550B0B;
}
.quiz-result {
	background: #fff;
	padding: 10px;
	border-radius: 10px;
	border: 1px #ccc solid;
	margin-top: 10px;
}
.quiz-result a {
	background: #fff;
	padding: 10px;
	border-radius: 10px;
	border: 1px #ccc solid;
	text-decoration: none;
	font-weight: bold;
	color: #000;
	margin:10px auto;
	display: inline-block;
	background-image: linear-gradient(90deg, rgb(191, 244, 176) 0%, rgb(231, 247, 227) 100%);	
	background-image: -moz-linear-gradient(90deg, rgb(191, 244, 176) 0%, rgb(231, 247, 227) 100%);
	background-image: -webkit-linear-gradient(90deg, rgb(191, 244, 176) 0%, rgb(231, 247, 227) 100%);
	color: #1D4A06;
	text-decoration: underline;
}
.quiz-results {
    display:none;
}
.quiz-button {
    text-align: center;
}
.quiz-button button {
    margin-top:10px;
    font-size:32px;
    padding:20px;
    display:inline-block;
    text-shadow: 1px 1px 1px #000;
    border-radius:20px;
    
}