.result-percent
{
    float:right;
}
                    
.progress {
  box-sizing: border-box;
  position:relative;
}
.progress .bar {

}


.progress-main {
  margin-bottom: 20px;
  background: #eee;
  box-shadow: rgba(0, 0, 0, 0.15) 0 2px 3px -1px;
}
.progress-main .bar {
  height: 100% !important;
  left:0;
  top:0;
}
.progress-small {
  background: #eee;
  display: inline-block;
  width: 100px;
}
.progress-small .bar {
  height: 6px;
}

div[id^=bar2]{  /*
   position:absolute;
   top:0px;
   left:0px;
   height:60px;*/
   position: absolute;
   background: rgba(0, 206, 6, 0.27) !important;    
   width: 0;
  box-sizing: border-box;
  background-image: -moz-linear-gradient(90deg, #53d769 0%, #fcff00 50%, #fc3d39 100%);
  background-image: -webkit-linear-gradient(90deg, #53d769 0%, #fcff00 50%, #fc3d39 100%);
  background-image: -ms-linear-gradient(90deg, #53d769 0%, #fcff00 50%, #fc3d39 100%);
  background-size: 1px 2000px;
  background-position: top left;
  background-repeat: repeat-x;
  transition: all 0.5s ease-in-out;   
}

.survey_label span{
    display: inline-block;
    padding-right: 50px;
}

.finished_survey{
    background-color: #f6f7f9;
}

.result-percent{
    position: absolute;
    right: 15px;
    top: 21px;
    display: inline-block;
    font-size: 30px;
    font-family: 'Work Sans', 'OPTI Chamption Bold';
    font-weight: bold;
    display:none;
}


/*
input[type=radio] + label.survey_label:before{
	color: #535353;
	content: "\f096";
	display: inline-block;
    font-family: FontAwesome;
    font-size: 43px;
	right: 15px;
        left: auto;
    letter-spacing: 10px;
	position: absolute;
	top: 21px;
}

.quiz-grid input[type=radio] + label.survey_label:before{
	bottom: 2.637362637363%; 
	font-size: 25px;
	right: 4.945054945055%;
	top: auto;
}

input[type=radio]:checked + label.survey_label:before{
    color: #0F3;
    content: "\f00d";
    letter-spacing: 5px;
}    
   */