table.table-bordered > thead > tr > th {border:1px solid #999;}
table.table-bordered > tbody > tr > td {border:1px solid #999;}
.col_sticky {	position:sticky; z-index:20; left:0; background:white;}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}
	
.inputGroupx, .imageGroupx {
	background-color: #fff;
	display: block;
	margin: 10px 0;
	position: relative;
}

.inputGroupx label, .imageGroupx label {
	padding: 12px 30px;
	width: 100%;
	display: block;
	text-align: left;
	color: #3C454C;
	cursor: pointer;
	position: relative;
	z-index: 2;
	-webkit-transition: color 200ms ease-in;
	transition: color 200ms ease-in;
	overflow: hidden;
	border:1px solid #efefef;
	border-radius: 5px;
}

.imageGroupx label {height: 100%;border:none;}

.inputGroupx input:checked ~ label {
	color: #fff;
	background-color: #406599;
	border-color: #406599;
}

.imageGroupx input:checked ~ label {
	color: #fff;
	border:1px solid #406599;
	border-width:thick;
}

.inputGroupx input:disabled ~ label, .imageGroupx input:disabled ~ label {
	color: #999;
	background-color: #efefef;
	border-color: #eee;
}
.inputGroupx input, .imageGroupx input {
	width: 32px;
	height: 32px;
	-webkit-box-ordinal-group: 2; 
					order: 1;
	z-index: 2;
	position: absolute;
	right: 30px;
	top: 50%;
	-webkit-transform: translateY(-50%);
					transform: translateY(-50%);
	cursor: pointer;
	visibility: hidden;
}

ul.countdown {
list-style: none;
margin: 75px 0;
padding: 0;
display: block;
text-align: center;
}
ul.countdown li {
display: inline-block;
}
ul.countdown li span {
font-size: 80px;
font-weight: 300;
line-height: 80px;
}
ul.countdown li.seperator {
font-size: 80px;
line-height: 70px;
vertical-align: top;
}
ul.countdown li p {
color: #a7abb1;
font-size: 14px;
}

/* RATING NUMBER */
.ratingnumbox .bar-rating {height: 52px;}
.ratingnumbox .bar-rating a {
	display: block;
	width: 35px;
	height: 35px;
	float: left;
	background-color: #e3e3e3;
	margin: 2px;
	text-decoration: none;
	font-size: 16px;
	font-weight: 400;
	line-height: 2.2;
	text-align: center;
	color: #b6b6b6;
}
.ratingnumbox .bar-rating a.active,
.ratingnumbox .bar-rating a.selected {background-color: #59a6d6;color: white;}
#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#sortable li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; height: 1.5em; }
.ui-state-highlight { height: 1.5em; line-height: 1.2em; }

/* Range Slider */
.range-slider {
margin: 60px 0 0 0%;
}

.range-slider {
width: 100%;
}

.range-slider__range {
-webkit-appearance: none;
width: calc(100% - (73px));
height: 10px;
border-radius: 5px;
background: #d7dcdf;
outline: none;
padding: 0;
margin: 0;
}
.range-slider__range::-webkit-slider-thumb {
-webkit-appearance: none;
		appearance: none;
width: 20px;
height: 20px;
border-radius: 50%;
background: #406599;
cursor: pointer;
-webkit-transition: background 0.15s ease-in-out;
transition: background 0.15s ease-in-out;
}
.range-slider__range::-webkit-slider-thumb:hover {
background: #1abc9c;
}
.range-slider__range:active::-webkit-slider-thumb {
background: #1abc9c;
}
.range-slider__range::-moz-range-thumb {
width: 20px;
height: 20px;
border: 0;
border-radius: 50%;
background: #406599;
cursor: pointer;
-moz-transition: background 0.15s ease-in-out;
transition: background 0.15s ease-in-out;
}
.range-slider__range::-moz-range-thumb:hover {
background: #1abc9c;
}
.range-slider__range:active::-moz-range-thumb {
background: #1abc9c;
}
.range-slider__range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 3px #fff, 0 0 0 6px #1abc9c;
}

.range-slider__value {
display: inline-block;
position: relative;
width: 60px;
color: #fff;
line-height: 20px;
text-align: center;
border-radius: 3px;
background: #406599;
padding: 5px 10px;
margin-left: 8px;
}
.range-slider__value:after {
position: absolute;
top: 8px;
left: -7px;
width: 0;
height: 0;
border-top: 7px solid transparent;
border-right: 7px solid #406599;
border-bottom: 7px solid transparent;
content: "";
}

/* 2 answer disc */
span.radioglyph {opacity: 0;}
input.sel1[type="radio"]:checked ~ span.radioglyph {opacity: 1;}
input.sel2[type="radio"]:checked ~ span.radioglyph {opacity: 1;}
.sel1,.sel2 {opacity:0;z-index:1;position:absolute;}
.box-most {border:3px solid #8FB9AA !important;color:#8FB9AA !important;}
.box-least {border:3px solid #ED8975 !important;color:#ED8975 !important;}
.box-most, .box-least {width:50px;padding:0;margin:0;vertical-align:middle !important;}
.bg-least {background:#ED8975;}
.bg-most {background:#8FB9AA;}