.formx-poll *{box-sizing: border-box} 
.formx-poll{margin:20px 0;}
.formx-poll,
.formx-poll-container,
.formx-poll-ul,
.formx-poll-li{position: relative;width:100%; display: table;}

.formx-poll-li{margin-bottom:5px; background:#f6f3ea; border-radius:3px; min-height:30px;}
.formx-poll-li:before{
	content:""; width:0px; position:absolute; top:0; left:0; bottom:0; border-radius:3px 0 0 3px; background:#002865; z-index:2;
	-webkit-transition:width ease-out 0.3s;
	-moz-transition:width ease-out 0.3s;
	-ms-transition:width ease-out 0.3s;
	-o-transition:width ease-out 0.3s;
	transition:width ease-out 0.3s;
}
.formx-poll.voted .formx-poll-li:before,
.formx-poll.finished .formx-poll-li:before{
	width:75px;
}
.formx-poll.finished .formx-poll-li:not(.selected):before{background:#999}
.formx-poll-li:after{
	content:attr(data-count-fa)" ٪"; position:absolute; line-height:30px; height:30px; top:50%; left:0; width:0px; margin-top:-15px; text-align:center; font:bold 1.5em/30px DroidNaskh; color:#fff; overflow: hidden; z-index: 2;
	-webkit-transition:width ease-out 0.3s;
	-moz-transition:width ease-out 0.3s;
	-ms-transition:width ease-out 0.3s;
	-o-transition:width ease-out 0.3s;
	transition:width ease-out 0.3s;
}
.formx-poll-li.percent-view:after{
	content:attr(data-percent-fa)" ٪";
}
.formx-poll.voted .formx-poll-li:after,
.formx-poll.finished .formx-poll-li:after{
	width:75px;
}
.formx-poll-li-content{
	display:block; padding:10px 15px 10px 15px;
	-webkit-transition:padding ease-out 0.3s;
	-moz-transition:padding ease-out 0.3s;
	-ms-transition:padding ease-out 0.3s;
	-o-transition:padding ease-out 0.3s;
	transition:padding ease-out 0.3s;
}
.formx-poll.voted .formx-poll-li-content
.formx-poll.finished .formx-poll-li-content{
	padding:10px 15px 10px 90px;
}
.formx-poll-li-progressbar{position:absolute; top:0; left:72px; right:0; bottom:0; display:block; overflow:hidden} 
.formx-poll-li-progressbar:after{content:attr(data-count); position:absolute; top:4px; left:8px; font-size:11px; line-height:11px; color:rgba(0,0,0,0.5)}
.formx-poll-li-progressbar .formx-poll-li-progress{
	position:absolute; top:0; right:0; bottom:0; width:0%; border-radius:3px; background:#c7d9ef;
	-webkit-transition:all ease-out 0.3s;
	-moz-transition:all ease-out 0.3s;
	-ms-transition:all ease-out 0.3s;
	-o-transition:all ease-out 0.3s;
	transition:all ease-out 0.3s;
}
.formx-poll-li.selected .formx-poll-li-progressbar .formx-poll-li-progress{background:#d1c770}
.formx-poll-li-title{position:relative; z-index:5; padding-right:10px; padding-left:70px; font:bold 1em/3em DroidNaskh}
.formx-poll-li-title:before{content:""; width:6px; height:6px; border-radius:3px; top:13px; right:0; background:#103b7f; display:block; position:absolute}
.formx-poll-li.selected .formx-poll-li-title:before{background:#988d31}
.formx-poll-li-button{position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; border:none; border-radius:3px; cursor:pointer; margin:0; padding:0; z-index:9}
.formx-poll.finished .formx-poll-li-button{cursor:not-allowed;}

.formx-poll-counter{display:block; visibility:hidden; width:100%; padding:0; text-align:center !important; font:bold 2em/3em DroidNaskh !important; color:#103b7f;}
.formx-poll-counter:before{content:"مجموع شرکت کنندگان سایت و شبکه‌های اجتماعی: "; color:#666; font:bold 0.6em/3em DroidNaskh !important}
.formx-poll.voted .formx-poll-counter,
.formx-poll.finished .formx-poll-counter{visibility:visible;}