/** -------- CSS for Ratings -------- **/
/* RATINGS */
.inbenta-helpsite .body__rating .inbenta-km__rating {
    font-size: 16px;
    color: #757575;
    margin: 0;
    border-radius: 6px;
    display: block;
    background-color: #FFFFFF;
}

.inbenta-helpsite .body__rating .inbenta-km__rating .content__buttons {
    display: flex;
    align-items: center;
    padding: 0;
}

.inbenta-helpsite .body__rating .inbenta-km__rating .inbenta-km__rating__content {
    justify-content: flex-start;
    padding: 32px;
}

.inbenta-helpsite .body__rating .inbenta-km__rating .inbenta-km__rating__content .content__phrase {
    font-family: 'PublicaSansRegular', Arial, sans-serif;
    font-size: 14px;
}

.inbenta-helpsite .body__rating .inbenta-km__rating .content__buttons .content__buttons__button-wrapper {
    margin: 0;
}

.inbenta-helpsite .body__rating .inbenta-km__rating .content__buttons .content__buttons__button-wrapper .inbenta-km-button {
    background-color: transparent;
    border: 1px solid #FA4E3A;
    color: #FA4E3A;
    transition: none;
}

.inbenta-helpsite .body__rating .inbenta-km__rating .content__buttons .content__buttons__button-wrapper .inbenta-km-button:hover {
    background-color: #f6f6f6;
    transition: none;
}

.inbenta-helpsite .body__rating .inbenta-km__rating .content__buttons .content__buttons__button-wrapper .inbenta-km-button__text {
    display: block;
    font-family: 'PublicaSansRegular', Arial, sans-serif;
    font-size: 16px;
    line-height: 22px;
}

.inbenta-km__results .inbenta-km__results__contents .inbenta-km__rating__content {
    border: 1px solid #E3E3E3;
}

.inbenta-helpsite .body__rating .comment__phrase,
.inbenta-helpsite .body__rating .idev-choice__phrase {
    font-family: 'PublicaSansRegular', Arial, sans-serif;
    font-size: 14px;
    padding-right: 15px;
}

.inbenta-helpsite .body__rating .inbenta-km__rating__comment,
.inbenta-helpsite .body__rating .idev-inbenta-km__rating__choice,
.inbenta-helpsite .body__rating .inbenta-km__rating__thanks {
    display: flex;
}

.inbenta-km__results .inbenta-km__results__contents .inbenta-km__rating .inbenta-km__rating__content.inbenta-km__rating__content--hidden,
.inbenta-km__results .inbenta-km__results__contents .inbenta-km__rating .idev-inbenta-km__rating__choice.idev-inbenta-km__rating__choice--hidden,
.inbenta-km__results .inbenta-km__results__contents .inbenta-km__rating .inbenta-km__rating__comment.inbenta-km__rating__comment--hidden,
.inbenta-km__results .inbenta-km__results__contents .inbenta-km__rating .inbenta-km__rating__thanks.inbenta-km__rating__thanks--hidden {
    display: none;
}

/* THANKS */
.inbenta-helpsite .body__rating .inbenta-km__rating__thanks {
    font-family: 'PublicaSansRegular', Arial, sans-serif;
    font-size: 14px;
    line-height: 19px;
    align-items: center;
    background-color: #B8D4AD;
    color: #1A283E;
    padding: 24px;
}

.inbenta-helpsite .body__rating .inbenta-km__rating__thanks:before {
    content: url("/assets/images/ratings/check.svg");
    margin-right: 24px;
    margin-bottom: -4px;
}

.inbenta-helpsite .body__rating .inbenta-km__rating__comment,
.inbenta-helpsite .body__rating .idev-inbenta-km__rating__choice {
    padding: 32px;
}

/* SECOND CHOICE */

.inbenta-helpsite .body__rating .inbenta-km__rating .idev-inbenta-km__rating__choice {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 19px;
    color: #757575;
}

.inbenta-helpsite .body__rating .inbenta-km__rating .idev-choice__radio input.idev-rating-choice-data {
    position: absolute;
    left: 0;
    top: 3px;
    opacity: 0;
    z-index: 99;
    margin: 0 16px 0 0;
    height: 20px;
    width: 20px;
    cursor: pointer;
}

.inbenta-helpsite .body__rating .inbenta-km__rating .idev-inbenta-km__rating__choice .content__buttons__button-wrapper {
    margin: 16px 0 0 0;
}

.inbenta-helpsite .body__rating .inbenta-km__rating .idev-inbenta-km__rating__choice .inbenta-km-button {
    margin-top: 6px;
    padding: 9px 24px;
    background-color: transparent;
    border: 1px solid #FA4E3A;
    color: #FA4E3A;
    display: inline-flex;
}

.inbenta-helpsite .body__rating .inbenta-km__rating .idev-inbenta-km__rating__choice .inbenta-km-button .inbenta-km-button__text {
    font-family: 'PublicaSansRegular', Arial, sans-serif;
    font-size: 16px;
    line-height: 22px;
}

.inbenta-helpsite .body__rating .inbenta-km__rating .content__buttons__button-wrapper label {
    font-family: 'PublicaSansRegular', Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    position: relative;
    color: #222222;
    padding-left: 30px;
    line-height: 25px;
}

.inbenta-helpsite .body__rating .inbenta-km__rating .comment__radio-group__radio--fake {
    position: absolute;
    left: 0;
    top: 3px;
    background-color: transparent;
    border: 1px solid #757575;
    height: 18px;
    width: 18px;
    border-radius: 100px;
    opacity: 1;
    cursor: pointer;
}

.inbenta-helpsite .body__rating .inbenta-km__rating input.idev-rating-choice-data:checked + .comment__radio-group__radio--fake {
    border: 1px solid #FA4E3A;
}

.inbenta-helpsite .body__rating .inbenta-km__rating .comment__radio-group__radio--fake:after {
    background-color: #FA4E3A;
    content: "";
    height: 10px;
    width: 10px;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100px;
    display: none;
}

.inbenta-helpsite .body__rating .inbenta-km__rating input.idev-rating-choice-data:checked + .comment__radio-group__radio--fake:after {
    display: block;
}

/* COMMENT MODILE */

.inbenta-helpsite .body__rating .inbenta-km__rating .inbenta-km__rating__comment {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}

.inbenta-helpsite .body__rating .inbenta-km__rating .comment__feedback textarea {
    resize: none;
    width: 100%;
    min-height: 120px;
    padding: 20px;
    background-color: #F6F6F6;
    margin: 16px 0 0 0;
    box-sizing: border-box;
    font-family: 'PublicaSansRegular', Arial, sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #222222;
}

.inbenta-helpsite .body__rating .inbenta-km__rating .comment__feedback textarea::placeholder {
    font-family: 'PublicaSansRegular', Arial, sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #757575;
}

.inbenta-helpsite .body__rating .inbenta-km__rating .inbenta-km__rating__comment .comment__feedback {
    flex-grow: 0;
    display: block;
}

.inbenta-helpsite .body__rating .inbenta-km__rating .inbenta-km__rating__comment .inbenta-km-button {
    margin-top: 16px;
    padding: 9px 24px;
    background-color: transparent;
    border: 1px solid #FA4E3A;
    color: #FA4E3A;
    display: inline-flex;
    cursor: pointer;
}

.inbenta-helpsite .body__rating .inbenta-km__rating .inbenta-km__rating__comment .inbenta-km-button .inbenta-km-button__text {
    font-family: 'PublicaSansRegular', Arial, sans-serif;
    font-size: 16px;
    line-height: 22px;
}

.inbenta-helpsite .inbenta-km__results .inbenta-km__rating__content .inbenta-km-button {
    font-size: 16px;
    background-color: #FA4E3A;
    color: #fff;
    border-radius: 100px;
    box-shadow: none;
    border: none;
    padding: 9px 24px;
    line-height: 1.3;
    font-weight: 400;
    height: auto;
}

.inbenta-helpsite .body__rating .inbenta-km__rating.inbenta-km__rating--hidden {
    display: none;
}

@media (max-width: 576px) {
    .inbenta-helpsite .body__rating .inbenta-km__rating .inbenta-km__rating__content {
        flex-direction: column;
        align-items: flex-start;
    }

    .inbenta-helpsite .body__rating .inbenta-km__rating .content__buttons {
        margin: 19px 0 16px;
    }

    .inbenta-helpsite .body__rating .inbenta-km__rating .content__buttons .content__buttons__button-wrapper:last-child {
        margin-left: 16px;
    }

    .inbenta-helpsite .body__rating .inbenta-km__rating .content__buttons .content__buttons__button-wrapper .inbenta-km-button {
        margin: 0;
    }
}