#helpful_user_rating { width: 100% !important; }
.helpful-section { margin: 60px 0px 40px 0px; float: left; width: 100% !important; }
.helpful-section h3 { float: left; width: 36%; text-align: center; margin-top: 0px; }
ul.helpful_user_rating { list-style: none; float: left; width: 60%; line-height: 24px; }
ul.helpful_user_rating li { display: inline-block; width: 15%; text-align: center; padding: 6px 3px 3px 3px; font-weight: bold; color: #666666;  position:relative; z-index:1; cursor: pointer; }
ul.helpful_user_rating li.per-0 { border-bottom: 3px solid #DD1833; }
ul.helpful_user_rating li.per-25 { border-bottom: 3px solid #EA5C06; }
ul.helpful_user_rating li.per-50 { border-bottom: 3px solid #EA9103; }
ul.helpful_user_rating li.per-75 { border-bottom: 3px solid #99BF2B; }
ul.helpful_user_rating li.per-100 { border-bottom: 3px solid #5C9802; }
ul.helpful_user_rating li:hover { color: #FFFFFF; }

ul.helpful_user_rating li.per-0:after { content: ""; position:absolute; bottom:0; left: 0; width:100%; height:0px; background: #DD1833; z-index:-1; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -o-transition: height 0.3s; -ms-transition: height 0.3s; transition: height 0.3s; }
ul.helpful_user_rating li.per-25:after { content: ""; position:absolute; bottom:0; left:0; width:100%; height:0px; background: #EA5C06; z-index:-1; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -o-transition: height 0.3s; -ms-transition: height 0.3s; transition: height 0.3s; }
ul.helpful_user_rating li.per-50:after { content: ""; position:absolute; bottom:0; left:0; width:100%; height:0px; background: #EA9103; z-index:-1; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -o-transition: height 0.3s; -ms-transition: height 0.3s; transition: height 0.3s; }
ul.helpful_user_rating li.per-75:after { content: ""; position:absolute; bottom:0; left:0; width:100%; height:0px; background: #99BF2B; z-index:-1; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -o-transition: height 0.3s; -ms-transition: height 0.3s; transition: height 0.3s; }
ul.helpful_user_rating li.per-100:after { content: ""; position:absolute; bottom:0; left:0; width:100%; height:0px; background: #5C9802; z-index:-1; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -o-transition: height 0.3s; -ms-transition: height 0.3s; transition: height 0.3s; }

ul.helpful_user_rating li.per-0:hover:after, 
ul.helpful_user_rating li.per-25:hover:after, 
ul.helpful_user_rating li.per-50:hover:after, 
ul.helpful_user_rating li.per-75:hover:after, 
ul.helpful_user_rating li.per-100:hover:after { 
height: 33px; 
}

ul.helpful_user_rating li.per-0-hover { content: ""; position:relative; bottom:0; left: 0; width:15%; background: #DD1833; z-index:-1; color: #FFFFFF; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -o-transition: height 0.3s; -ms-transition: height 0.3s; transition: height 0.3s; }
ul.helpful_user_rating li.per-25-hover { content: ""; position:relative; bottom:0; left: 0; width:15%; background: #EA5C06; z-index:-1; color: #FFFFFF; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -o-transition: height 0.3s; -ms-transition: height 0.3s; transition: height 0.3s; }
ul.helpful_user_rating li.per-50-hover { content: ""; position:relative; bottom:0; left: 0; width:15%; background: #EA9103; z-index:-1; color: #FFFFFF; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -o-transition: height 0.3s; -ms-transition: height 0.3s; transition: height 0.3s; }
ul.helpful_user_rating li.per-75-hover { content: ""; position:relative; bottom:0; left: 0; width:15%; background: #99BF2B; z-index:-1; color: #FFFFFF; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -o-transition: height 0.3s; -ms-transition: height 0.3s; transition: height 0.3s; }
ul.helpful_user_rating li.per-100-hover { content: ""; position:relative; bottom:0; left: 0; width:15%; background: #5C9802; z-index:-1; color: #FFFFFF; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -o-transition: height 0.3s; -ms-transition: height 0.3s; transition: height 0.3s; }

.table-responsive { overflow-x: hidden; }
.dataTables_filter { text-align: right; }


.login-panel { margin-top: 25%; }
.logo-title { font-size: 16px; font-weight: normal; color: #6b6b6b; text-align: center; padding: 15px 0 30px 10px; }