.component_feedback_popup{
 padding: 20px;
 border: 4px solid white;
 color: white;
 box-sizing: border-box;
 box-shadow: 0px 0px 7px grey;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 /* transform: translate(-50%, -50%); */
 /* -webkit-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);*/
 /* z-index: 999; */
 /* left: 0;
    top: 0;
    line-height: 1.4;
    padding: 15px;
    border: 4px solid white;
    width: 100%;
    box-sizing: border-box;
    height: auto;
    background: #009a3d;
    color: white;
    box-shadow: 0px 0px 7px grey;
    height: 230px;
    padding-top: 60px;
    font-size: 16px; */
 left:  0px;
 top:  0px;
 bottom:  0px;
 right:  0px;
 margin: auto;
}
.component_feedback_popup:before{
	content: "Feedback";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	box-sizing: border-box;
	line-height: 1;
	height: 40px;
	/* background-image: url(../../templates/common/assets/images/feedback_bg.png); */
	background-repeat: no-repeat;
	padding: 9px 15px;
	/* font-weight: 600; */
	font-size: 20px;
	background-size: 100%;
}

.feedback_button.close:not(.disabled):hover{
	 background-color: none;
	border: none;


}
.component_feedback_popup .header{
	border-bottom:none;
}

.component_feedback_popup .feedback_button.close{
  position: absolute;
  top: 1px;
  right: -8px;
}

.component_feedback_popup .header {
  font-family: "OpenSans-Regular";
  font-size: 16px;
  /* font-weight: bold; */
  margin-bottom: 40px;
}

.component_feedback_popup .feedback {
  font-family: "Arial"
  font-size: 16px;
}

.component_feedback_popup.correct,
.component_feedback_popup.incorrect{
  padding: 20px 20px 20px 20px;
}

.component_feedback_popup.correct .header{
  color: #fff;
    top: 29px;
}

.component_feedback_popup.incorrect .header{
  color: #fff;
    top: 29px;
}

.component_text_popup{
  position: relative;
  padding: 20px;
  font-family: "OpenSans-Regular";
  font-size: 16px;
  border: 1px solid #a3a3a3;
  min-width: 300px;
  width: 440px;
  background-color: #eeeeee;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}