.overlay_feedback{
     position: fixed;
    top:0px;
    left: 0px;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.7;
}

.feedback{
    width: 340px;
    position: fixed;
    z-index: 1000;
    left:50%;
    top:10%;
    margin-left: -200px;
    background-color: #FFF;
    text-align: center;
    padding: 10px 0px;
    box-shadow: 0px 0px 5px #666;
    height: 450px;
}

.feedback .title{
    color: #00a4e8;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 20px;
    padding-top: 10px;
    margin-bottom: 10px;
}

.feedback .question{
    color: #231f20;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    padding: 10px 0px;
    margin-bottom: 20px;
}

.feedback button{
    border-radius: 5px;
    background-color: #FFFFFF;
    color: #00a4e8;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    padding: 10px 20px;
    width: 90%;
    margin: 0 auto;
    border: 1px solid #00a4e8;
    margin-top: 40px;
    margin-bottom: 20px;
}
.feedback button:hover{
    background-color: #00a4e8;
    color: #FFFFFF;
}

.feedback.success button{
    background-color: #ededed;
    color: #3c3c3b;
    border: none;
    margin-top: 20px;
}
.feedback.success button:hover{
    background-color: #3c3c3b;
    color: #ededed;
    border: none;
}
.feedback.success .title{
    font-size: 26px;
}
.feedback.success .question{
    color: #626262;
    font-size: 20px;
}

.check-success{
    width: 52px;
    height: 52px;
    background-image: url("../images/thanks_feedback.png");
    margin: 10px auto;
}

.answer{width: 100%;background-color: #ededed;border-top: 1px solid #666;padding:0 10px; height: 65px;border-bottom: 1px solid transparent}
.answer.error{border-bottom: 1px solid #dd1f37;}
p.error{color: #dd1f37;font-family: 'Roboto', sans-serif; font-weight: 700;margin: 5px 0px;display: none;}

.single-vote{float: left;  }
.single-vote input{display: none}

.smile{width: 34px;  height:40px; background-image: url("../images/feedback_icon.png");margin: 10px 15px;
    cursor: pointer; }


.smile.vote_1{background-position: -0px 0px}
.smile.vote_2{background-position: -53px 0px}
.smile.vote_3{background-position: -107px 0px}
.smile.vote_4{background-position: -160px 0px;}
.smile.vote_5{background-position: -214px 0px}

.smile:hover,.smile.active{
    height: 41px;
}
.smile.vote_1:hover,.smile.vote_1.active{background-position: -249px -122px;}
.smile.vote_2:hover,.smile.vote_2.active{background-position: -54px -122px}
.smile.vote_3:hover,.smile.vote_3.active{background-position: -108px -122px}
.smile.vote_4:hover,.smile.vote_4.active{background-position: -160px -122px;}
.smile.vote_5:hover,.smile.vote_5.active{background-position: -214px -122px}