.rating-wrap-outer {
  float: left;
  margin: 2% 0;
  position: relative;
  width: 100%;
  /*height: 300px;*/
  overflow:hidden;
}
.rating-wrap-outer .pie-chart-upper {
	margin: 0 auto; width: 300px;  height: 300px; padding-bottom: 100%;
}
.rating-wrap-outer .pie-chart {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.circle-agree {
    background: #5bb667 none repeat scroll 0 0;
    float: left;
    height: 100%;
	position: relative;
}
.circle-depends {
    background: #dba627 none repeat scroll 0 0;
    float: left;
    height: 100%;
	position: relative;
}
.circle-disagree {
    background: #dc3129 none repeat scroll 0 0;
    float: left;
    height: 100%;
	position: relative;
}

.status-wrap {
  float: left;
  margin: 2% 0 0;
  width: 100%;
}
.status-inner-wrap {
  float: left;
  width: 100%;
}
.db-tabs {
  list-style-type: none;
  margin: 0;
  width: auto;
  text-align: center;
}
.db-tab {
  display: inline-table;
  margin-right: 4px;
  min-width: 76px;
  border-radius: 3px;
}

.db-tabs .db-tab.active, .db-tabs .db-tab:hover {
  background: #669ece;
  font-weight: 600;
  border-bottom:none;
}

.db-tab a {
  float: left;
  padding: 9px;
  width: 100%;
  color:#FFF !important;
}

.db-tab a:hpver {
  color:#FFF !important;
}

.db-tab.db-tab-agree{ background: #5bb667 none repeat scroll 0 0; }
.db-tab.db-tab-depends{ background: #dba627 none repeat scroll 0 0; }
.db-tab.db-tab-disagree{ background: #dc3129 none repeat scroll 0 0; }

.wrap-all-comments{ display:none; }
.wrap-all-comments.active{ display:block; } 

.percent-box {
    background: #b4b4b4 none repeat scroll 0 0;
    border-radius: 7px;
    font-size: 9px;
    font-weight: bold;
    padding: 7px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -9px;
	color:#FFF;
}

.circle-agree .percent-box, .vote-wrap .vote-box.vote-agree{ background: #5bb667 none repeat scroll 0 0; }
.circle-depends .percent-box, .vote-wrap .vote-box.vote-depends{ background: #dba627 none repeat scroll 0 0; }
.circle-disagree .percent-box, .vote-wrap .vote-box.vote-disagree{ background: #dc3129 none repeat scroll 0 0; }


/***********************/

.vote-wrap {
    float: left;
    margin: 2% 0;
    text-align: center;
    width: 100%;
}
.top-vote-wrap {
  display: table;
  margin: 0 auto;
}
.vote-box {
  background: #ccc none repeat scroll 0 0;
  border-radius: 10px;
  color: #fff;
  display: table-cell;
  font-size: 77%;
  font-weight: 600;
  padding: 8px;
  position: relative;
  vertical-align: middle;
}


#gradient-bar {
    height: 40px;
    border-radius: 4px;
    background: grey;
    position: relative;
}

#gradient-bar .label {
    color: white;
    font-weight: bold;
    position: absolute;
    top: 50%;
    transform: translatex(-50%) translateY(-50%);
}