/* .feedback-wrapper * {
  outline: 1px solid pink;
} */

.feedback-wrapper{
  /* outline: 1px solid purple; */
  margin:50px 0;
  width:400px;
  position:relative
}
@media (max-width: 400px){
  .feedback-wrapper{
    width:100%
  }
}
.feedback-wrapper h3.feedback-title{
  font-size:20px;
  display:inline-block;
  float:left;
  margin: 0;
}
.feedback-wrapper .feedback-elements{
  width:100px;
  display:inline-block;
  clear:both
}
@media (max-width: 400px) {
  .feedback-wrapper .feedback-elements{
    width:100%
  }
}
.feedback-wrapper .feedback-elements .feedback-item{
  padding:0 10px;
  float:left;
  font-size:20px;
  text-align:center
}
@media (max-width: 400px){
  .feedback-wrapper .feedback-elements .feedback-item{
    width:50%;
    padding:0;
    font-size:25px
  }
}
.feedback-wrapper .feedback-elements .feedback-item a{
  text-decoration:none;
  color:black
}
.feedback-wrapper .feedback-elements .feedback-item a:hover{
  color:#009ccd
}
.feedback-wrapper .feedback-elements .feedback-item a.selected{
  color:#009ccd
}
.feedback-wrapper .feedback-elements .feedback-form{
  width:100%;
  position:absolute;
  background:#e4e4e4;
  padding:0% 4%;
  border-radius:5px;
  margin-top:30px;
  left:0;
  z-index:20
}
.feedback-wrapper .feedback-elements .feedback-form .form-type-textarea{
  position:relative
}
.feedback-wrapper .feedback-elements .feedback-form label{
  width:95%
}
.feedback-wrapper .feedback-elements span.close-feedback{
  position:absolute;
  right:0;
  top:0;
  font-size:20px;
  cursor:pointer
}
.feedback-wrapper .feedback-elements span.close-feedback:hover{
  color:#009ccd
}
.element-invisible{
  display: none;
}