.rating-form .rating {
	background-color: rgba(0, 0, 16, 0.8);
	padding: 0.4rem 0.4rem 0.1rem 0.4rem;
	border-radius: 2.2rem;
}

.rating-form svg {
	fill: rgb(242, 242, 242);
	height: 3.6rem;
	width: 3.6rem;
	margin: 0.2rem;
}

.rating-form .rating-form-2 svg {
	height: 3rem;
	width: 3rem;
	margin: 0.5rem;
}

.rating-form #radios label {
	position: relative;
}

.rating-form input[type="radio"] {
	position: absolute;
	opacity: 0;
}

.rating-form input[type="radio"] + svg {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.rating-form #svgcontainer {
	cursor: pointer;
}


.rating-form input[class="super-happy"]:hover + #svgcontainer svg path,
.rating-form input[class="super-happy"]:checked + #svgcontainer svg path,
.rating-form input[class="super-happy"]:focus + #svgcontainer svg path{
	fill: #79ed80;

}
.rating-form input[class="super-happy"]:checked + #svgcontainer/*,
input[class="super-happy"]:hover + #svgcontainer */{
  background-color: #2fa2361c;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.rating-form input[class="happy"]:hover + #svgcontainer svg path,
.rating-form input[class="happy"]:checked + #svgcontainer svg path,
.rating-form input[class="happy"]:focus + #svgcontainer svg path{
	fill: #bef159;
}
.rating-form input[class="happy"]:checked + #svgcontainer/*,
.rating-form input[class="happy"]:hover + #svgcontainer */{
  background-color: #a0d63626;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.rating-form input[class="neutral"]:hover + #svgcontainer svg path,
.rating-form input[class="neutral"]:checked + #svgcontainer svg path,
.rating-form input[class="neutral"]:focus + #svgcontainer svg path{
	fill: #f0e663;
}
.rating-form input[class="neutral"]:checked + #svgcontainer/*,
.rating-form input[class="neutral"]:hover + #svgcontainer */{
  background-color: #eede042e;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.rating-form input[class="sad"]:hover + #svgcontainer svg path,
.rating-form input[class="sad"]:checked + #svgcontainer svg path,
.rating-form input[class="sad"]:focus + #svgcontainer svg path{
	fill: #ffa977;
}
.rating-form input[class="sad"]:checked + #svgcontainer/*,
input[class="sad"]:hover + #svgcontainer */{
  background-color: #f7691529;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}


.rating-form input[class="super-sad"]:hover + #svgcontainer svg path,
.rating-form input[class="super-sad"]:checked + #svgcontainer svg path,
.rating-form input[class="super-sad"]:focus + #svgcontainer svg path{
	fill: #ff8686;
}
.rating-form input[class="super-sad"]:checked + #svgcontainer/*,
input[class="super-sad"]:hover + #svgcontainer */{
  background-color: #fd01001a;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

/* input[class="super-sad"]:hover + label,
input[class="super-sad"]:checked + label,
input[class="super-sad"]:focus + label {
	background-color: red;
} */
/* label { background-color: red; } */
#textAreaFeedBack .placeholder-simulator {
    margin-left: -207px;
}

#textAreaFeedBack .i-form label, .modal label{
    font-size: 11px;
}

@media screen and (max-width: 768px) {
    /* #textAreaFeedBack .placeholder-simulator{
        margin-left: -110px !important;
    } */
    #feedbackbodal .subtitle-gray.md {
        padding: 0% 9% !important;
    }
    #feedbackbodal .title-black.lg {
        padding: 8px 0px !important;
        line-height: initial !important;
    }

    #feedbackbodal .title-black {
        margin: -20px 0px 0px 0px !important;

    }

    #comment_textarea {
        padding: 41px 11px 0 !important;
        margin-top: -14px !important;
    }
}