/* ------------------ Review Rate Style ----------------- */

.meter { 
	height: 5px;
	position: relative;
	background: #EFEFEF;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding: 5px;
	box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	margin-bottom: 15px;
}
.meter > span {
	display: block;
	height: 100%;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	background-color: rgb(43,194,83);
	background-image: linear-gradient(
		center bottom,
		rgb(43,194,83) 37%,
		rgb(84,240,84) 69%
	);
	box-shadow: 
		inset 0 2px 9px  rgba(255,255,255,0.3),
		inset 0 -2px 6px rgba(0,0,0,0.4);
	position: relative;
	overflow: hidden;
}
.blue > span {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 20px;
	background-color: #33b5e6;
	background-image: linear-gradient(to bottom, #33b5e6, #33b5e6);
}
.rateBarTitle { margin-bottom: 10px; }
.rateBarTitle .rate { width: 65px; display: inline-block; font-size: 18px; color: #9E9E9E; text-align: right; font-weight: bold; }
.rateBarTitle .rate span { color: #535259; margin-right: 5px; }
.rateBarTitle .bar { width: calc(100% - 65px); display: inline-block; float: left; margin-top: 10px; }

/* ---------------------- Poll Style -------------------- */

.poll-question { position: relative; padding: 10px 0px 10px 50px; font-weight: bold; background: #1d0a9d; color: #fff; border-radius: 5px; font-family: 'K2D'; font-size: 16px; }
.poll-question .question-index { position: absolute; left: 15px; }
.poll-question .question-title { }
.poll-question-desc { padding: 10px 20px 10px 50px; font-family: 'K2D'; font-size: 16px; line-height: 28px; background: #f2f2f2; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; word-break: break-word; }
.poll-option { padding: 10px 0px 10px 50px; font-family: 'K2D'; font-size: 16px; }
.poll-option .fa-circle { font-size: 14px; color: #cccccc; }
.button-panel-zone { margin-bottom: 30px; }