/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/*form#quick-check li {*/
    /*list-style-type: none;*/
    /*background: none;*/
/*}*/


form#quick-check h3,
form#quick-check h4 {
    padding-top: 20px;
}
form#quick-check label {
    display: block;
    color: #000;
   
}

form#quick-check .symptoms {
    /*padding: 10px 0 10px 20px;*/
    /*padding-left: 20px;*/
    padding: 10px 20px;
}

form#quick-check .selections {
    padding-left: 20px;
}

form#quick-check .selections legend {
    padding: 0 0 7px 0;
}

form#quick-check .selections ul {
    margin-bottom: 0;
}

form#quick-check .selections li {
    margin-bottom: 0 !important;
}


form#quick-check input[type="checkbox"],
form#quick-check input[type="radio"] {
    margin-right: 5px;
}

form#quick-check-feedback {
    width: 600px;
}

.error {
    border: 1px solid red !important;
}

/* Cleaner dev ;-) */
/*#top_bar, #header, .top_content { display: none; }*/

/*Hide all except first fieldset*/
form#quick-check fieldset:not(:first-of-type) {
	display: none;
}

/* RTL checkboxes */
html[dir="rtl"] form#quick-check input[type="checkbox"],
html[dir="rtl"] form#quick-check input[type="radio"],
html[dir="rtl"] form#quick-check-feedback input[type="checkbox"]{
    float: right;
    margin-left: 5px;
    margin-right: 0;
}

/*progressbar*/
#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
    /*background-color: #333;*/
}
#progressbar li {
	list-style-type: none;
	color: black;
	text-transform: uppercase;
	font-size: 13px;
	width: 200px;
	float: left;
	position: relative;
    text-align: center;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 20px;
	line-height: 20px;
	display: block;
	font-size: 10px;
	color: #333;
	background: #9D9D9C;
	border-radius: 3px;
	margin: 0 auto 5px auto;
    color: white;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #9D9D9C;
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	background: #bccf00;
	color: #000;
	    padding: 15px;
}