:root {
    --color-active: #fc4f5c;
    --color-passive: #8e8e8e;
    --color-hover: #ccc;
    --rcmd-color-checked: #fc4f5c;
    --rcmd-color-checked-hover: #ed4951;
    --rcmd-color-unchckd: #fc4f5c;
    --rcmd-color-unchckd-hover: #8e8e8e;
    --rcmd-new-color: #ffcdd4;
    --rcmd-new-seen-color: #f0ffd4;
    --rcmd-color-checked-like: #3ebfb6;
    --rcmd-color-checked-dislike: #777;
    --rcmd-form-background: #fff;
}

.rcmd div:hover .rcmd-text:after,
.rcmd div:hover .rcmd-text:before,
.rcmd .rcmd-checked .rcmd-text,
.rcmd div:hover .rcmd-text,
.rcmd .rcmd-text,
.rcmd .rcmd-unchecked .rcmd-text,
.rcmd .rcmd-checked:hover .rcmd-text,
.rcmd .rcmd-checked .rcmd-text,
.rcmd .rcmd-unchecked .rcmd-text,
.rcmd .rcmd-unchecked:hover .rcmd-text,
.rcmd .rcmd-checked:hover i:before,
.rcmd .rcmd-checked .rcmd-text:after,
.rcmd .rcmd-checked:hover .rcmd-text:after,
.rcmd .rcmd-checked .rcmd-text:before,
.rcmd .rcmd-checked:hover .rcmd-text:before,
.rcmd .rcmd-checked i:before,
.rcmd .rcmd-unchecked:hover i:before,
.rcmd .rcmd-unchecked .rcmd-text:after,
.rcmd .rcmd-unchecked:hover .rcmd-text:after,
.rcmd .rcmd-unchecked .rcmd-text:before,
.rcmd .rcmd-unchecked:hover .rcmd-text:before,
.rcmd .rcmd-unchecked i:before,
.biiom-add-image,
.form-submit .biiom-save {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/*region v2*/
body.touch-device div.rcmd.v2 div.rcmd-unchecked:hover span.rcmd-text {
    background-color: transparent;
    color: var(--rcmd-color-checked);
    border-color: var(--rcmd-color-checked);
}

body.touch-device div.rcmd.v2 div.rcmd-unchecked:hover span.rcmd-text:before {
    border-color: transparent var(--rcmd-color-checked);
}

body.touch-device div.rcmd.v2 div.rcmd-unchecked:hover span.rcmd-text:after {
    border-color: transparent white;
}

body.touch-device div.rcmd.v2 div.rcmd-unchecked:hover .thumbs-down-blank:before {
    color: var(--rcmd-color-checked);
    content: "\e900";
}

body.touch-device div.rcmd.v2 div.rcmd-unchecked:hover .thumbs-up-blank:before {
    color: var(--rcmd-color-checked);
    content: "\e902";
}

form.comment-form div.rcmd.v2 {
    position: relative;
    display: block;
    font-size: calc(3 * (100vw - 320px) / 160 + 10px);
    width: calc(100% + 40px);
    margin: 0 -20px;
    line-height: 1em;
    overflow: hidden;
}

form.comment-form div.rcmd.v2 div.rcmd-checked,
form.comment-form div.rcmd.v2 div.rcmd-unchecked,
form.comment-form div.rcmd.v2 div.rcmd-checked span,
form.comment-form div.rcmd.v2 div.rcmd-unchecked span {
    display: inline-block;
}

form.comment-form div.rcmd.v2 div.rcmd-checked,
form.comment-form div.rcmd.v2 div.rcmd-unchecked {
    width: 50%;
    padding: 20px 0;
    white-space: nowrap;
}

form.comment-form div.rcmd.v2 span.rcmd-text {
    margin: 0 0 0 5%;
    padding: 7px calc(5 * (100vw - 320px) / 160 + 7px);
    -webkit-border-radius: calc(3 * (100vw - 320px) / 580 + 5px);
    -moz-border-radius: calc(3 * (100vw - 320px) / 580 + 5px);
    border-radius: calc(3 * (100vw - 320px) / 580 + 5px);
}

form.comment-form div.rcmd.v2 .rcmd-checked span.rcmd-text:before,
form.comment-form div.rcmd.v2 .rcmd-unchecked span.rcmd-text:before {
    border-width: calc(3 * (100vw - 320px) / 420 + 6px) calc(3 * (100vw - 320px) / 420 + 6px) calc(3 * (100vw - 320px) / 420 + 5px) 0;
    left: calc((-3) * (100vw - 320px) / 420 - 6px)
}

form.comment-form div.rcmd.v2 .rcmd-checked span.rcmd-text:after,
form.comment-form div.rcmd.v2 .rcmd-unchecked span.rcmd-text:after {
    border-width: calc(3 * (100vw - 320px) / 420 + 6px) calc(3 * (100vw - 320px) / 420 + 6px) calc(3 * (100vw - 320px) / 420 + 6px) 0;
    left: calc((-3) * (100vw - 320px) / 420 - 4px);
}

div.rcmd.v2 {
    padding: 0 24px;
}

.lg {
    font-size: 3em;
}

.sm {
    font-size: 1.25em;
    font-weight: 900;
    padding-left: 0.19em;
}

.rcmd span.rcmd-sign {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
}

ol.comment-list {
    margin-top: calc(10px + 1.25rem);
}

.rcmd-comment-sign {
    font-weight: bold;
    vertical-align: top;
    margin: 0;
    display: block;
    cursor: default;
}

.rcmd-comment-sign span.rcmd-username {
    display: block;
    width: 100%;
}

span.rcmd-doesnt-recommend,
span.rcmd-recommends,
span.rcmd-username {
    margin-top: 5px;
    font-weight: 500;
    font-size: calc(4 * (100vw - 320px) / 96 + 12px);
}

ol.children span.rcmd-doesnt-recommend,
ol.children span.rcmd-recommends,
ol.children span.rcmd-username {
    margin-top: 0;
}

.single-job_listing ol.comment-list header.comment-header {
    width: 18vw;
}

.rcmd-comment-sign {
    height: 18vw;
    padding-left: calc(18vw + 10px);
    /*height: calc(0.3 * (100vw - 90px));*/
    /*padding-left: calc(0.3 * (100vw - 90px));*/
}

.children .rcmd-comment-sign {
    min-height: 15vw;
    height: auto;
    padding-left: calc(15vw + 10px);
}

.single-job_listing ol.comment-list .comment-wrapper.biiom > div.comment-content {
    font-size: 13px;
    padding-left: 0 !important;
}

.single-job_listing ol.comment-list ol.children .comment-wrapper.biiom > div.comment-content > div.rcmd-comment-sign {
    font-size: 11px;
}

div.comment-content .rcmd-comment-text,
div.comment-content .text-right {
    padding-right: 0;
    padding-top: 11px;
}

div.comment-content img.comment-image {
    width: 33%;
    padding: 0;
}

div.comment-content .rcmd-comment-images {
    padding-top: 15px;
}

ol.comment-list .avatar {
    margin: 0;
}

li.rcmd_review {
    padding: 0.25em 0;
}

.comment-footer .children-count {
    width: 100%;
}

.comment-footer a.comment-like:not(:first-of-type) {
    /*display: block;*/
    /*width: 100%;*/
    margin-left: 5px;
}

.comment-footer .comment-actions a {
    text-align: right;
    margin: 0;
    display: inline-block;
}

.lwa.rcmd.v2.comment-actions {
    text-align: right;
    padding-right: 0;
}

.lwa.rcmd.v2.comment-actions a {
    display: block;
}

.comment ol.children {
    padding-left: 10vw;
}

.rcmd-username a.username,
.rcmd-comment-text a[data-commentid] {
    color: #666666;
}

.single-job_listing ol.comment-list .children .comment-header {
    width: 15vw;
    height: 15vw;
    margin: 0;
}

ol.children .rcmd-recommends.datetime {
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 0;
}

.children .rcmd-comment-sign .datetime {
    display: block;
}

ol.children div.biiom.comment-wrapper > .comment-content > .rcmd-comment-sign > div {
    display: flex;
}

ol.children div.biiom.comment-wrapper > .comment-content > .rcmd-comment-sign > span.text.rcmd-recommends,
ol.children div.biiom.comment-wrapper > .comment-content > .rcmd-comment-sign > div > span.text.rcmd-recommends,
ol.children div.biiom.comment-wrapper > .comment-content > .rcmd-comment-sign > span.text.rcmd-doesnt-recommend,
ol.children div.biiom.comment-wrapper > .comment-content > .rcmd-comment-sign > div > span.text.rcmd-doesnt-recommend {
    display: block;
    padding: 5px 10px;
    font-size: 10px;
    border: transparent;
    border-radius: 50px;
    margin-bottom: 0;
}

ol.children span.text.rcmd-recommends,
ol.children span.text.rcmd-doesnt-recommend {
    color: white;
}

ol.children div.biiom.comment-wrapper > .comment-content > .rcmd-comment-sign > span.text.rcmd-recommends,
ol.children div.biiom.comment-wrapper > .comment-content > .rcmd-comment-sign > div > span.text.rcmd-recommends {
    background: var(--rcmd-color-checked-like);
}

ol.children div.biiom.comment-wrapper > .comment-content > .rcmd-comment-sign > span.text.rcmd-doesnt-recommend,
ol.children div.biiom.comment-wrapper > .comment-content > .rcmd-comment-sign > div > span.text.rcmd-doesnt-recommend {
    background: #777;
}

ol.children .rcmd-comment-sign i.thumbs-down-filled,
ol.children .rcmd-comment-sign i.thumbs-up-filled {
    padding-right: 8px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
}

.rcmd-comment-sign i.thumbs-down-filled,
.rcmd-comment-sign i.thumbs-up-filled {
    /*padding: 0 8px;*/
    padding-left: 0;
    padding-right: 8px;
    padding-top: 0;
    padding-bottom: 0;
}

.comment-content a.comment-like,
ol.children .comment-content a.comment-like.noClick {
    color: #666666;
}

ol.children .rcmd-comment-sign .rcmd-username {
    padding-bottom: 4px;
}

ol.children .rcmd-comment-sign .rcmd-recommends.datetime {
    padding-top: 4px;
}

li.rcmd_review.positive > div.biiom.comment-wrapper > .comment-content div,
li.rcmd_review.positive > div.biiom.comment-wrapper > .comment-content a.reply-comment-toggle,
li.rcmd_review.positive > div.biiom.comment-wrapper > .comment-content a.comment-like,
li.rcmd_review.negative > div.biiom.comment-wrapper > .comment-content div,
li.rcmd_review.negative > div.biiom.comment-wrapper > .comment-content a.reply-comment-toggle,
li.rcmd_review.negative > div.biiom.comment-wrapper > .comment-content a.comment-like,
li.rcmd_review.positive > div.biiom.comment-wrapper > .comment-content > .rcmd-comment-sign,
li.rcmd_review.positive > div.biiom.comment-wrapper > .comment-content > .rcmd-comment-sign i,
li.rcmd_review.positive > div.biiom.comment-wrapper > .comment-content > .rcmd-comment-sign > span.rcmd-recommends,
li.rcmd_review.positive > div.biiom.comment-wrapper > .comment-content > .rcmd-comment-sign > span.rcmd-doesnt-recommend,
li.rcmd_review.negative > div.biiom.comment-wrapper > .comment-content > .rcmd-comment-sign,
li.rcmd_review.negative > div.biiom.comment-wrapper > .comment-content > .rcmd-comment-sign i,
li.rcmd_review.negative > div.biiom.comment-wrapper > .comment-content > .rcmd-comment-sign > span.rcmd-recommends,
li.rcmd_review.negative > div.biiom.comment-wrapper > .comment-content > .rcmd-comment-sign > span.rcmd-doesnt-recommend,
li.rcmd_review.negative > div.biiom.comment-wrapper > .comment-content > .rcmd-comment-sign > span.rcmd-username > a.username,
li.rcmd_review.positive > div.biiom.comment-wrapper > .comment-content > .rcmd-comment-sign > span.rcmd-username > a.username,
li.rcmd_review.negative > div.biiom.comment-wrapper > .comment-content .lwa.rcmd > a,
li.rcmd_review.positive > div.biiom.comment-wrapper > .comment-content .lwa.rcmd > a {
    color: white;
}

span.rcmd-username a:hover {
    color: #bbfffa !important;
}

li.rcmd_review.positive > div.biiom.comment-wrapper > .comment-content div.children-count:hover,
li.rcmd_review.negative > div.biiom.comment-wrapper > .comment-content div.children-count:hover,
li.rcmd_review.positive > div.biiom.comment-wrapper > .comment-content a:hover,
li.rcmd_review.negative > div.biiom.comment-wrapper > .comment-content a:hover,
li.rcmd_review.negative > div.biiom.comment-wrapper > .comment-content .lwa.rcmd > a:hover,
li.rcmd_review.positive > div.biiom.comment-wrapper > .comment-content .lwa.rcmd > a:hover {
    color: white;
    text-decoration: none;
}

div.biiom.comment-wrapper > .comment-content a:hover {
    color: black;
}

ol.children div.comment-content .rcmd-comment-text {
    padding-top: 5px;
    padding-bottom: 5px;
}

@media only screen and (min-width: 480px) {

    ol.comment-list {
        margin-top: calc(1.25rem + 10px);
    }

    div.rcmd.v2 {
        padding: 0;
    }

    .lg {
        font-size: 4em;
    }

    .single-job_listing ol.comment-list header.comment-header {
        width: auto;
    }

    .rcmd span.rcmd-sign {
        display: table-cell;
        vertical-align: middle;
        padding-left: 5px;
        padding-right: 5px;
    }

    .rcmd-comment-sign {
        display: flex;
    }

    .rcmd-comment-sign span.rcmd-username {
        display: inline-block;
        width: auto;
    }

    div.comment-content .rcmd-comment-sign span.rcmd-recommends,
    div.comment-content .rcmd-comment-sign span.rcmd-doesnt-recommend,
    div.comment-content .rcmd-comment-sign span.rcmd-username {
        line-height: 1.2;
    }

    .rcmd-comment-sign span.rcmd-username > .desc.adviser {
        font-weight: 100;
    }

    span.rcmd-doesnt-recommend,
    span.rcmd-recommends,
    span.rcmd-username {
        font-size: 1.2em;
    }

    .rcmd-comment-sign {
        height: auto;
        padding-left: 0;
    }

    form.comment-form div.rcmd.v2 {
        width: 100%;
        margin: 0;
        font-size: calc(4 * (100vw - 480px) / 260 + 12px);
    }

    form.comment-form div.rcmd.v2 span.rcmd-text {
        margin: 0 0 0 5%;
        padding: calc(4 * (100vw - 480px) / 260 + 8px) calc(12 * (100vw - 480px) / 260 + 8px);
    }

    .single-job_listing ol.comment-list .comment-wrapper.biiom > div.comment-content {
        font-size: 13px;
        padding-left: 95px !important;
    }

    ol.comment-list div.comment-footer {
        display: flow-root;
        padding-top: 10px;
        padding-bottom: 5px;
    }

    .comment-footer .children-count {
        width: auto;
    }

    .comment-footer a.comment-like {
        display: inline;
        width: auto;
    }

    div.comment-content .rcmd-comment-text,
    div.comment-content .text-right {
        padding-right: 10px;
        padding-top: 11px;
    }

    div.comment-content img.comment-image {
        width: 25%;
        padding-left: 0;
        padding-right: 10px;
    }

    div.comment-footer > .comment-actions > a:not(:last-of-type) {
        margin-right: 5px;
    }

    .comment ol.children {
        padding-left: 2.875rem;
    }

    .lwa.rcmd.v2.comment-actions a {
        display: inline;
    }

    .single-job_listing ol.comment-list .children .comment-header {
        width: 75px;
        height: 75px;
        margin: 0;
    }

    .children .rcmd-comment-sign {
        min-height: 0;
        height: auto;
        padding-left: 0;
    }

    ol.children .rcmd-recommends.datetime {
        padding-left: 10px;
        margin-bottom: 0;
    }

    .children .rcmd-comment-sign .datetime {
        display: inline;
    }

    .rcmd-comment-sign i.thumbs-down-filled,
    .rcmd-comment-sign i.thumbs-up-filled,
    ol.children .rcmd-comment-sign i.thumbs-down-filled,
    ol.children .rcmd-comment-sign i.thumbs-up-filled {
        padding: 0 8px;
    }

    li.rcmd_review.positive > div.biiom.comment-wrapper > .comment-content div.children-count:hover,
    li.rcmd_review.negative > div.biiom.comment-wrapper > .comment-content div.children-count:hover,
    li.rcmd_review.positive > div.biiom.comment-wrapper > .comment-content a:hover,
    li.rcmd_review.negative > div.biiom.comment-wrapper > .comment-content a:hover,
    li.rcmd_review.negative > div.biiom.comment-wrapper > .comment-content .lwa.rcmd > a:hover,
    li.rcmd_review.positive > div.biiom.comment-wrapper > .comment-content .lwa.rcmd > a:hover,
    div.biiom.comment-wrapper > .comment-content a:hover {
        color: black;
        text-decoration: none;
    }

    ol.children .rcmd-comment-sign .rcmd-username {
        padding: 0;
    }

    ol.children .rcmd-comment-sign .rcmd-recommends.datetime {
        padding-left: 10px;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    .single-job_listing ol.comment-list ol.children .comment-wrapper.biiom > div.comment-content {
        font-size: 13px;
    }

    ol.children div.comment-content .rcmd-comment-text {
        padding-top: 5px;
        padding-bottom: 10px;
    }
}

@media only screen and (min-width: 740px) {
    form.comment-form div.rcmd.v2 {
        width: 100%;
        margin: 0;
        font-size: 16px;
    }

    form.comment-form div.rcmd.v2 span.rcmd-text {
        margin: 0 0 0 5%;
        padding: 12px 20px;
    }

    form.comment-form div.rcmd.v2 .rcmd-checked span.rcmd-text:before,
    form.comment-form div.rcmd.v2 .rcmd-unchecked span.rcmd-text:before {
        border-width: 9px 9px 8px 0;
        left: -9px
    }

    form.comment-form div.rcmd.v2 .rcmd-checked span.rcmd-text:after,
    form.comment-form div.rcmd.v2 .rcmd-unchecked span.rcmd-text:after {
        border-width: 9px 9px 9px 0;
        left: -7px;
    }
}

@media only screen and (min-width: 900px) {
    form.comment-form div.rcmd.v2 .rcmd-checked span.rcmd-text:before,
    form.comment-form div.rcmd.v2 .rcmd-unchecked span.rcmd-text:before {
        border-width: 11px 11px 10px 0;
        left: -11px
    }

    form.comment-form div.rcmd.v2 .rcmd-checked span.rcmd-text:after,
    form.comment-form div.rcmd.v2 .rcmd-unchecked span.rcmd-text:after {
        border-width: 11px 11px 11px 0;
        left: -9px;
    }

    form.comment-form div.rcmd.v2 span.rcmd-text {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }
}

/*endregion*/

div.load-more-wrapper,
div.load-prev-wrapper {
    text-align: center;
    /*margin-top: -25px;*/
}

.comment.rcmd_review:last-child div.load-more-wrapper {
    margin-top: 0;
}

button.btn.biiom-load-more.btn-default {
    margin-bottom: 25px;
}

button.btn.biiom-load-prev.btn-default {
    margin-top: 25px;
}

button.btn.biiom-load-more.btn-default,
button.btn.biiom-load-prev.btn-default {
    background-color: transparent;
    border-radius: 4px;
    color: #6e6e6e;

    -webkit-transition: 0.2s linear all !important;
    -moz-transition: 0.2s linear all !important;
    -ms-transition: 0.2s linear all !important;
    -o-transition: 0.2s linear all !important;
    transition: 0.2s linear all !important;
}

button.btn.biiom-load-more.btn-default:hover,
button.btn.biiom-load-prev.btn-default:hover {
    background-color: white;
    border-radius: 4px;
    color: #464646;

    -webkit-transition: 0.2s linear all !important;
    -moz-transition: 0.2s linear all !important;
    -ms-transition: 0.2s linear all !important;
    -o-transition: 0.2s linear all !important;
    transition: 0.2s linear all !important;
}

.rcmd_new {
    background: #FFF;
}

.rcmd_new_seen {
    background: #FFF;
}

.rcmd div {
    display: table;
    text-align: center;
}

.rcmd div:hover {
    cursor: pointer;
}

.rcmd div.disabled {
    cursor: not-allowed;
}

.rcmd .rcmd-checked .rcmd-text,
.rcmd div:hover .rcmd-text {
    color: white;
}

.rcmd #rcmd-like.rcmd-unchecked .rcmd-text {
    color: var(--rcmd-color-checked-like);
}

.rcmd #rcmd-dislike.rcmd-unchecked .rcmd-text {
    color: var(--rcmd-color-checked-dislike);
}

/*region Unrated*/
.rcmd.unrated #rcmd-like.rcmd-unchecked .rcmd-text,
.rcmd.unrated #rcmd-dislike.rcmd-unchecked .rcmd-text {
    color: var(--color-active);
    border-color: var(--color-active);
}

.rcmd.unrated #rcmd-like.rcmd-unchecked:hover .rcmd-text {
    border-color: var(--rcmd-color-checked-like);
}

.rcmd.unrated #rcmd-dislike.rcmd-unchecked:hover .rcmd-text {
    border-color: var(--rcmd-color-checked-dislike);
}

.rcmd.unrated div#rcmd-like.rcmd-unchecked .rcmd-text:before,
.rcmd.unrated div#rcmd-dislike.rcmd-unchecked .rcmd-text:before {
    border-color: transparent var(--color-active);
}

.rcmd.unrated div#rcmd-like.rcmd-unchecked:hover .rcmd-text:before {
    border-color: transparent var(--rcmd-color-checked-like);
}

.rcmd.unrated div#rcmd-dislike.rcmd-unchecked:hover .rcmd-text:before {
    border-color: transparent var(--rcmd-color-checked-dislike);
}

.rcmd.unrated .rcmd-unchecked:hover .rcmd-text {
    border-color: var(--color-passive);
}

.rcmd.unrated #rcmd-dislike.rcmd-unchecked i:before,
.rcmd.unrated #rcmd-like.rcmd-unchecked i:before {
    color: var(--color-active);
}

.rcmd.unrated #rcmd-dislike.rcmd-unchecked:hover i:before {
    color: var(--rcmd-color-checked-dislike);
}

.rcmd.unrated #rcmd-like.rcmd-unchecked:hover i:before {
    color: var(--rcmd-color-checked-like);
}

/*endregion*/

.rcmd .rcmd-checked#rcmd-like .rcmd-text {
    background-color: var(--rcmd-color-checked-like);
    border: var(--rcmd-color-checked-like) 1px solid;
}

.rcmd .rcmd-checked#rcmd-dislike .rcmd-text {
    background-color: var(--rcmd-color-checked-dislike);
    border: var(--rcmd-color-checked-dislike) 1px solid;
}

.rcmd #rcmd-like.rcmd-unchecked:hover .rcmd-text {
    background-color: var(--rcmd-color-checked-like);
    color: white;
}

.rcmd #rcmd-dislike.rcmd-unchecked:hover .rcmd-text {
    background-color: var(--rcmd-color-checked-dislike);
    color: white;
}

.rcmd #rcmd-like.rcmd-checked:hover i:before {
    color: var(--rcmd-color-checked-like);
}

.rcmd #rcmd-dislike.rcmd-checked:hover i:before {
    color: var(--rcmd-color-checked-dislike);
}

.rcmd #rcmd-like.rcmd-checked:hover .rcmd-text:after,
.rcmd #rcmd-like.rcmd-checked:hover .rcmd-text:before {
    border-color: transparent var(--rcmd-color-checked-like);
}

.rcmd #rcmd-dislike.rcmd-checked:hover .rcmd-text:after,
.rcmd #rcmd-dislike.rcmd-checked:hover .rcmd-text:before {
    border-color: transparent var(--rcmd-color-checked-dislike);
}

.rcmd #rcmd-like.rcmd-checked .rcmd-text:after,
.rcmd #rcmd-like.rcmd-checked .rcmd-text:before {
    border-color: transparent var(--rcmd-color-checked-like);
}

.rcmd #rcmd-dislike.rcmd-checked .rcmd-text:after,
.rcmd #rcmd-dislike.rcmd-checked .rcmd-text:before {
    border-color: transparent var(--rcmd-color-checked-dislike);
}

.rcmd #rcmd-dislike.rcmd-checked i:before {
    color: var(--rcmd-color-checked-dislike)
}

.rcmd #rcmd-like.rcmd-checked i:before {
    color: var(--rcmd-color-checked-like);
}

.rcmd .rcmd-checked i.thumbs-up-filled:before {
    color: var(--rcmd-color-checked-like);
}

.rcmd .rcmd-checked i.thumbs-down-filled:before {
    color: var(--rcmd-color-checked-dislike);
}

.rcmd .rcmd-unchecked:hover .rcmd-text {
    border-color: var(--color-passive);
}

.rcmd .rcmd-unchecked:hover i:before {
    color: var(--rcmd-color-unchckd-hover);
}

.rcmd #rcmd-dislike.rcmd-unchecked:hover .rcmd-text:after,
.rcmd #rcmd-dislike.rcmd-unchecked:hover .rcmd-text:before {
    border-color: transparent var(--rcmd-color-checked-dislike);
}

.rcmd #rcmd-like.rcmd-unchecked:hover .rcmd-text:after,
.rcmd #rcmd-like.rcmd-unchecked:hover .rcmd-text:before {
    border-color: transparent var(--rcmd-color-checked-like);
}

.rcmd #rcmd-like.rcmd-unchecked i:before {
    /*color: var(--rcmd-color-unchckd);*/
    color: var(--rcmd-color-checked-like);
}

.rcmd #rcmd-dislike.rcmd-unchecked i:before {
    color: var(--rcmd-color-checked-dislike);
}

.rcmd div.rcmd-checked .rcmd-text,
.rcmd div.rcmd-unchecked .rcmd-text {
    /*border: 2px solid var(--rcmd-color-checked);*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
}

.rcmd div#rcmd-like.rcmd-checked .rcmd-text,
.rcmd div#rcmd-like.rcmd-unchecked .rcmd-text {
    border-color: var(--rcmd-color-checked-like);
}

.rcmd div#rcmd-dislike.rcmd-checked .rcmd-text,
.rcmd div#rcmd-dislike.rcmd-unchecked .rcmd-text {
    border-color: var(--rcmd-color-checked-dislike);
}

.rcmd-text {
    display: inline-table;
    margin-top: 25%;
    margin-bottom: 25%;
    padding: 10px;
}

.rcmd .rcmd-checked .rcmd-text,
.rcmd .rcmd-unchecked .rcmd-text {
    position: relative;
    display: inline-table;
    margin-top: 35%;
    margin-bottom: 25%;
    margin-left: -20%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.rcmd .rcmd-checked .rcmd-text:after,
.rcmd .rcmd-checked .rcmd-text:before,
.rcmd .rcmd-unchecked .rcmd-text:after,
.rcmd .rcmd-unchecked .rcmd-text:before,
.rcmd div:hover .rcmd-text:after,
.rcmd div:hover .rcmd-text:before {
    content: '';
    position: absolute;
    width: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.rcmd .rcmd-checked .rcmd-text:after {
    border-style: solid;
    border-width: 11px 11px 11px 0;
    display: block;
    z-index: 1;
    left: -10px;
}

.rcmd .rcmd-checked .rcmd-text:before {
    border-style: solid;
    border-width: 11px 11px 9px 0;
    display: block;
    z-index: 0;
    left: -11px;
    background: transparent;
}

.rcmd .rcmd-unchecked .rcmd-text {
    background-color: transparent;
}

.rcmd .rcmd-unchecked .rcmd-text:after {
    border-style: solid;
    border-width: 11px 11px 11px 0;
    border-color: transparent white;
    display: block;
    z-index: 1;
    left: -9px;
    background: transparent;
}

.rcmd .rcmd-unchecked .rcmd-text:before {
    border-style: solid;
    border-width: 11px 11px 9px 0;
    /*border-color: transparent var(--rcmd-color-unchckd);*/
    display: block;
    z-index: 0;
    left: -11px;
    background: transparent;
}

.rcmd #rcmd-like.rcmd-unchecked .rcmd-text:before {
    border-color: transparent var(--rcmd-color-checked-like);
}

.rcmd #rcmd-dislike.rcmd-unchecked .rcmd-text:before {
    border-color: transparent var(--rcmd-color-checked-dislike);
}

.rcmd div:hover .thumbs-down-blank:before {
    content: "\e901";
}

.rcmd div:hover .thumbs-up-blank:before {
    content: "\e903";
}

.rcmd i {
    margin-left: auto;
    margin-right: auto;
}

@font-face {
    font-family: "biiomThumbs";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/thumbs.eot");
    src: url("fonts/thumbs.eot?#iefix") format("embedded-opentype");
    src: url("fonts/thumbs.svg#thumbs") format("svg");
    src: url("fonts/thumbs.ttf") format("truetype");
    src: url("fonts/thumbs.woff") format("woff");
}

.thumbs-down-blank, .thumbs-down-filled, .thumbs-up-blank, .thumbs-up-filled {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: "biiomThumbs";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
}

.thumbs-down-blank:before {
    content: "\e900";
}

.thumbs-down-filled:before {
    content: "\e901";
}

.thumbs-up-blank:before {
    content: "\e902";
}

.thumbs-up-filled:before {
    content: "\e903";
}

.rcmd-comment-sign i {
    font-size: 2.0em;
    color: var(--rcmd-color-checked-like);
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 20px;
}

.rcmd-comment-sign i.thumbs-down-filled {
    color: #777;
}

.rcmd-comment-sign br {
    display: none;
}

span.rcmd-doesnt-recommend {
    color: #777;
}

span.rcmd-recommends {
    color: #666;
}

li.child .rcmd-comment-sign > span.text:hover {
    cursor: pointer;
}

h4.rcmd-short-review {
    font-size: 0.9375rem;
    text-transform: none;
    font-family: Source Sans Pro, Helvetica, sans-serif;
    letter-spacing: 0px;
    font-weight: 600;
    margin-top: 10px;
    color: #484848;
}

div.rcmd-short-review {
    position: relative;
}

a#rcmd-edit-header {
    text-decoration: underline;
    color: #7f7f7f;
}

.comment-respond p {
    font-size: 0.9375rem;
}

div#rcmd-like.rcmd-checked, div#rcmd-dislike.rcmd-checked {
    margin-top: 1px;
}

.modal-title.rcmd-sign > div {
    color: var(--color-active) !important;
}

@media all {
    div[id^="like-modal-"] div.modal-body div.rcmd-list-item div.rcmd-comment-sign > span.rcmd-recommends {
        line-height: 1.35;
    }
}

div.widget.widget_text i.thumbs-up-filled,
div.widget.widget_text i.fa.fa-comment {
    position: absolute;
    top: 44%;
    left: 44%;
    line-height: 1;
    transform: translate(-50%, -50%);
}

div.widget.widget_text i.fa.fa-comment {
    top: 50%;
    left: 50%;
}

.m-grid-col.rcmd-comments-header {
    vertical-align: middle !important;
    font-size: 90%;
}

.m-grid-col.rcmd-comments-buttons label {
    font-size: 10px !important;
    margin-bottom: 0;
}

ol.comment-list.job-dashboard .avatar.avatar-75,
ol.comment-list.my-account .avatar.avatar-75 {
    min-width: 75px;
}

ol.comment-list.job-dashboard .comment-wrapper,
ol.comment-list.my-account .comment-wrapper {
    display: flex;
}

ol.comment-list.job-dashboard .comment-wrapper .comment-header-wrapper,
ol.comment-list.my-account .comment-wrapper .comment-header-wrapper {
    float: left;
    padding-right: 20px;
}

ol.comment-list.my-account .comment-wrapper .comment-header-wrapper button.send-message,
ol.comment-list.job-dashboard .comment-wrapper .comment-header-wrapper button.send-message {
    white-space: nowrap;
}

ol.comment-list.job-dashboard .rcmd-sign,
ol.comment-list.my-account .rcmd-sign {
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
}

ol.comment-list.job-dashboard .rcmd-sign > i,
ol.comment-list.my-account .rcmd-sign > i {
    font-size: 24px;
    margin-left: 5px;
    margin-right: 5px;
}

ol.comment-list.job-dashboard .rcmd-sign > i.thumbs-up-filled,
ol.comment-list.my-account .rcmd-sign > i.thumbs-up-filled {
    color: var(--rcmd-color-checked-like);
}

ol.comment-list.job-dashboard .rcmd-sign > i.thumbs-down-filled,
ol.comment-list.my-account .rcmd-sign > i.thumbs-down-filled {
    color: var(--rcmd-color-checked-dislike);
}

ol.comment-list.job-dashboard .rcmd-text,
ol.comment-list.my-account .rcmd-text {
    margin: 0;
    padding: 0;
    line-height: 24px;
    vertical-align: text-bottom;
}

ol.comment-list.job-dashboard header,
ol.comment-list.my-account header {
    margin-right: -15px;
}

ol.comment-list.job-dashboard header > div.comment-author,
ol.comment-list.my-account header > div.comment-author {
    width: 100%;
}

ol.comment-list.job-dashboard .comment-wrapper,
ol.comment-list.my-account .comment-wrapper {
    padding: 10px;
}

ol.comment-list.job-dashboard .comment-wrapper .comment-content,
ol.comment-list.my-account .comment-wrapper .comment-content {
    width: 100%;
}

ol.comment-list.job-dashboard .comment-wrapper .comment-content > div:first-of-type,
ol.comment-list.my-account .comment-wrapper .comment-content > div:first-of-type {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

ol.comment-list.job-dashboard .comment-wrapper .post-title,
ol.comment-list.my-account .comment-wrapper .post-title {
    /*color: #737373;*/
    font-size: 14px;
    cursor: pointer;
    font-weight: 600;
}

ol.comment-list.job-dashboard .comment-wrapper .rcmd-comment-sign > span,
ol.comment-list.my-account .comment-wrapper .rcmd-comment-sign > span {
    padding-bottom: 10px;
}

ol.comment-list.job-dashboard .comment-wrapper em,
ol.comment-list.my-account .comment-wrapper em {
    font-size: 12px;
}

ol.comment-list.job-dashboard .comment-wrapper div.rcmd-comment-text,
ol.comment-list.my-account .comment-wrapper div.rcmd-comment-text {
    margin-right: -15px;
    font-size: 12px;
}

div.comment-wrapper.biiom {
    padding: 0.75rem 0 0.5rem 0;
}

div.comment-wrapper.biiom .comment-meta {
    display: block;
}

.children div.comment-wrapper.biiom {
    padding: 0 0 10px 0;
}

.children li.rcmd_review:first-of-type div.comment-wrapper.biiom {
    padding-top: 1rem;
}


.comment-meta.commentmetadata {
    /*float: right;*/
    /*margin-bottom: -40px;*/
    position: absolute;
    top: 10px;
    right: 0;
}

.comment-wrapper.biiom > header {
    margin-right: 0;
}

@media (min-width: 768px) {
    ol.comment-list.job-dashboard .comment-wrapper div.rcmd-comment-text,
    ol.comment-list.my-account .comment-wrapper div.rcmd-comment-text {
        margin-right: 0;
        font-size: 14px;
    }

    ol.comment-list.job-dashboard header,
    ol.comment-list.my-account header {
        margin-right: 0;
    }

    .m-grid-col.rcmd-comments-header {
        font-size: 120% !important;
    }

    .m-grid-col.rcmd-comments-buttons label {
        font-size: 12px !important;
        margin-bottom: 7px;
    }

    ol.comment-list.job-dashboard header > div.comment-author,
    ol.comment-list.my-account header > div.comment-author {
        width: auto;
    }

    ol.comment-list.job-dashboard .comment-wrapper .rcmd-comment-sign > span,
    ol.comment-list.my-account .comment-wrapper .rcmd-comment-sign > span {
        padding-bottom: 10px;

    }

    ol.comment-list.job-dashboard .comment-wrapper em,
    ol.comment-list.my-account .comment-wrapper em {
        font-size: 14px;
    }

    ol.comment-list.job-dashboard .comment-wrapper .post-title,
    ol.comment-list.my-account .comment-wrapper .post-title {
        /*color: #737373;*/
        font-size: 14px;
    }

    .comment-wrapper.biiom > header {
        margin: 0;
    }

    .single-job_listing ol.comment-list .comment-wrapper.biiom > div.comment-content {
        font-size: 15px;
    }

    .single-job_listing ol.comment-list > li.rcmd_review > ol.children .comment-wrapper.biiom > div.comment-content {
        font-size: 0.8em;
    }
}

@media (min-width: 900px) {
    .single-job_listing ol.comment-list .comment-wrapper.biiom > div.comment-content {
        padding-left: 18% !important;
        font-size: 14px;
    }

    .single-job_listing ol.comment-list .children .comment-wrapper.biiom > div.comment-content {
        padding-left: 75px !important;
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    .comment-wrapper.biiom > header {
        margin: 0;
    }

    .single-job_listing ol.comment-list .comment-wrapper.biiom > div.comment-content {
        font-size: 15px;
    }

    .single-job_listing ol.comment-list > li.rcmd_review > ol.children .comment-wrapper.biiom > div.comment-content {
        font-size: 0.8em;
    }
}

@media (min-width: 1200px) {
    .comment-wrapper.biiom > header {
        margin: 0;
    }

    .single-job_listing ol.comment-list .comment-wrapper.biiom > div.comment-content {
        padding-left: 18% !important;
        font-size: 15px;
    }

    .single-job_listing ol.comment-list .children .comment-wrapper.biiom > div.comment-content {
        padding-left: 75px !important;
        font-size: 15px;
    }
}

/*region Comment Form Collapse*/
div.comment-form-wrapper {
    width: 100%;
}

div.comment-form-wrapper .biiom-collapse {
    width: 100%;
}

div.comment-form-wrapper .biiom-collapse .text {
    float: left;
}

div.comment-form-wrapper .biiom-collapse .sign {
    float: right;
}

/*endregion*/

/*region Comment Submit Field*/
form.comment-form .form-submit {
    text-align: right;
}

form.comment-form .form-submit .biiom-add-image,
.form-submit .biiom-save {
    padding: 12px 24px;
    font-size: 14.95px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.6;
    margin-top: -3px;
}

form.comment-form .form-submit .biiom-add-image {
    color: #fc4f5c;
    border-color: #fc4f5c;
    background-color: transparent;
}

.form-submit .biiom-save {
    color: white;
    background-color: #fc4f5c;
    border-color: #fc4f5c;
}

form.comment-form .form-submit .biiom-add-image:hover,
.form-submit .biiom-save:hover {
    color: white;
    background-color: #484848;
    border-color: #484848;
}

form.comment-form .form-submit input[type="submit"],
form.comment-form .form-submit button,
.form-submit .biiom-save {
    display: inline-block;
    margin-left: 20px;
    margin-top: 3px;
    margin-bottom: 3px;
}

/*endregion*/

li.rcmd_review.positive > div.biiom.comment-wrapper,
li.rcmd_review.negative > div.biiom.comment-wrapper {
    padding-left: 20px;
    padding-right: 20px;
    border: transparent solid 1px;
    border-radius: 10px;
}

li.rcmd_review a.rcmd-like {
    margin-left: 10px;
}

li.rcmd_review > div.biiom.comment-wrapper > .comment-content a.comment-like.noClick:hover {
    color: white;
    cursor: default;
}

ol.children li.rcmd_review > div.biiom.comment-wrapper > .comment-content a.comment-like.noClick:hover {
    color: #777777;
    cursor: default;
}

li.rcmd_review.positive > div.biiom.comment-wrapper > .comment-content a:focus,
li.rcmd_review.negative > div.biiom.comment-wrapper > .comment-content a:focus,
li.rcmd_review.negative > div.biiom.comment-wrapper > .comment-content .lwa.rcmd > a:focus,
li.rcmd_review.positive > div.biiom.comment-wrapper > .comment-content .lwa.rcmd > a:focus,
div.biiom.comment-wrapper > .comment-content a:hover {
    text-decoration: none;
}

li.rcmd_review.negative > div.biiom.comment-wrapper > .comment-content > .rcmd-comment-sign > span.rcmd-username > a.username:hover,
li.rcmd_review.positive > div.biiom.comment-wrapper > .comment-content > .rcmd-comment-sign > span.rcmd-username > a.username:hover {
    color: #777;
}

li.rcmd_review.positive > div.biiom.comment-wrapper {
    background: var(--rcmd-color-checked-like);
}

li.rcmd_review.negative > div.biiom.comment-wrapper {
    background: #7f7f7f;
}

ol.children div.biiom.comment-wrapper > .comment-content > .rcmd-comment-sign > span.rcmd-sign,
ol.children div.biiom.comment-wrapper > .comment-content > .rcmd-comment-sign > div > span.rcmd-sign {
    margin-top: 0;
    height: 0;
}

a.lwa-login-link > span.count,
a.comment-like > span.count {
    padding-left: 0;
    padding-right: 5px;
}

a.lwa-login-link > i.fa-heart,
a.comment-like > i.fa-heart {
    padding-right: 3px;
}

ol.children div.comment-footer {
    padding-top: 0;
    padding-bottom: 0;
}

div.comment-footer > .children-count {
    display: inline-block;
    float: left;
}

div.comment-footer > .comment-actions {
    float: right;
    text-align: right;
}

div.comment-footer > .comment-actions > a i.fa-reply,
div.comment-footer > .comment-actions > a i.fa-heart {
    margin-right: 3px;
}

.comment.child div.comment-footer > .comment-actions > a {
    color: #777;
}

div.comment-footer > .comment-actions > a {
    color: white;
}

div.comment-footer > .comment-actions > a:not(.noClick):hover {
    color: black;
}

div.comment-footer > div.children-count {
    margin-right: 10px;
}

.comment.rcmd_review:not(:last-child) .children {
    margin-bottom: 25px;
}

.comment.rcmd_review:not(:last-child) .children + div.load-more-wrapper {
    margin-top: -25px;
}

.comment {
    border: 0;
}

.comment .datetime {
    font-weight: 300;
}

div.comment-content .rcmd-comment-text {
    padding-top: 15px;
    padding-bottom: 10px;
}

ol.children div.comment-content .rcmd-comment-text {
    padding-top: 5px;
}

div.comment-content .rcmd-comment-text:empty {
    padding: 0;
}

li.child a.comment-like > span.count {
    line-height: 14px; /* устанавливается по соответствующему значению FontAwesome*/
}

li.child a.comment-like {
    display: inline-flex;
}

.comment-footer > .children-count > span {
    margin-left: 3px;
}

.listing-sidebar--main div.comments-area div#respond.comment-respond {
    border-radius: 10px
}

.comment-footer > div.children-count:hover {
    cursor: pointer;
}

#biiom_form_wrapper {
    position: relative;
}

#biiom_form_wrapper > .close-form {
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 10px;
    padding-left: 5px;
    padding-top: 3px;
}

/*region Confirmation*/
div.popover.confirmation a.btn.btn-success {
    background-color: #2ab4c0;
    border-color: #2ab4c0;
    color: white;
}

div.popover.confirmation a.btn.btn-success:hover,
div.popover.confirmation a.btn.btn-success:active,
div.popover.confirmation a.btn.btn-success:focus {
    background-color: #218d96;
    border-color: #1f858e;
}

div.popover.confirmation a.btn.btn-success:focus {
    border-color: #135257;
}

div.popover.confirmation a.btn.btn-danger {
    color: #fff;
    background-color: #ed6b75;
    border-color: #ea5460;
}

div.popover.confirmation a.btn.btn-danger:hover,
div.popover.confirmation a.btn.btn-danger:active,
div.popover.confirmation a.btn.btn-danger:focus {
    background-color: #e73d4a;
    border-color: #e31d2d;
}

div.popover.confirmation a.btn.btn-danger:focus {
    border-color: #a91520;
}

/*endregion*/

.comment-wrapper.biiom.adv-of-adv {
    opacity: 0.9;
    background-color: #3ec9bd !important;
}

div.comments-area div.unlogged.comments,
div.comments-area div.logged.comments {
    text-align: center;
    color: var(--color-active);
    width: fit-content;
    margin: auto;
    font-size: 1.5em;
}

div.comments-area div.logged.comments {
    color: #3f3f3f;
    margin: 36px 0 0 0;
}

div.comments-area div.unlogged.comments > div.row,
div.comments-area div.logged.comments > div.row {
    display: flex;
    margin: 10px 0;
    text-align: center;
    align-items: center;
    justify-content: flex-start;
}

div.comments-area div.unlogged.comments span.count,
div.comments-area div.logged.comments span.count {
    background: var(--color-active);
    border-radius: 5px;
    padding: 0 14px;
    margin-left: 10px;
    color: white;
}

div.comments-area h3#reply-title.comment-reply-title {
    font-size: 16px;
    font-weight: 600;
    font-family: Source Sans Pro, Helvetica, sans-serif;
}

/*div.comments-area div#respond*/
.comment-respond {
    /*margin-left: -10px;
    margin-right: -10px;*/
    padding: 10px;
    border-radius: 10px;
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.075);
}

.comment-respond form#commentform {
    margin-bottom: 0;
}

.comment-respond form#commentform p.form-submit {
    margin-bottom: 0;
}