@import url("filter.css");
/* comment style */
.red {
    color: red;
}

.green {
    color: green;
}

.status-red {
    background-color: #ffe9e9;
    color: #ff4949;
    padding: 0.5rem;
    border-radius: 3px;
    text-align: center;
    margin-bottom: 1rem;
    font-variation-settings: "wght" 500;
    font-size: 13px;
}

.forex-user-ex {
    display: flex;
    margin: auto auto;
    padding: 80px 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.forex-user-ex__title {
    display: flex;
    padding: 20px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid #ebf0f5;
    background: #fff;
    margin-top: 32px;
    margin-bottom: 14px;
}

.pdp-page__usertitle {
    color: #0f172a;
    text-align: right;
    margin-top: 0px;
    margin: 0px;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}

.forex-user-ex__textarea {
    display: flex;
    padding: 24px;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    border-radius: 16px;
    border: 1px solid #ebf0f5;
    background: #fff;
}

.forex-user-ex__textarea-replay {
    width: 100%;
    margin: 12px 0;
    padding: 16px 20px 20px 20px;
    flex-direction: column;
    gap: 8px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background: #fff;
}

.forex-user-ex__title-sort {
    display: flex;
    align-items: center;
    gap: 16px;
}

.forex-user-ex__title-sort-divider {
    width: 1px;
    height: 20px;
    background: #e2e8f0;
}

.forex-user-ex__title-sort-number {
    color: #64748b;
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.forex-user-ex__textarea textarea {
    display: flex;
    resize: none;
    height: 120px;
    padding: 12px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    color: #64748b;
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.forex-user-ex__textarea button {
    display: flex;
    align-self: flex-start;
    border: none;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 10px;
    background: #185adb;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.forex-user-ex__textarea-replay textarea {
    padding: 0px;
    display: flex;
    resize: none;
    height: 116px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 0;
    border: none;
    color: #64748b;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.forex-user-ex__textarea-replay textarea::placeholder {
    color: #BCC8D6
}


.comments-vote__text {
    color: #64748b;
    text-align: center;
    width: 16px;
    font-size: 12px;
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-weight: 400;
    line-height: 16px;
}

.comments-pending__dialog {
    display: flex;
    /*white-space: nowrap;*/
    padding: 4px 6px;
    align-items: center;
    border-radius: 6px;
    background: #f1f5f9;
    color: #334155;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-weight: 400;
    line-height: 20px;
}

.forex-user-ex__textarea-replay .modal-submit-butt {
    display: flex;
    margin-right: 0;
    align-self: flex-start;
    border: none;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 10px;
    background: #185adb;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.forex-user-ex__msg {
    display: flex;
    padding: 24px;
    flex-direction: column;
    gap: 8px;
    align-self: stretch;
    border-radius: 16px;
    border: 1px solid #ebf0f5;
    background: #fff;
}

.forex-user-ex__divider {
    width: 100%;
    height: 1px;
    background: #ebf0f5;
}

.forex-user-ex__msg-person {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
}

.forex-user-ex__msg-person p {
    margin: 0;
    color: #334155;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.forex-user-ex__msg-person-name {
    display: flex;
    justify-content: space-between;
    gap: 4px;
    width: 100%;
    align-items: center;
}

.js-action-textarea-replay {
    display: none;
}

.forex-user-ex__msg-person-name-detail {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 70%;
}

.forex-user-ex__msg-person-name-rate {
    justify-content: end;
    display: flex;
    gap: 4px;
    align-items: center;
}

.forex-user-ex__msg-person-name-tag {
    display: flex;
    padding: 2px 6px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #64748b;
    text-align: right;
    font-variation-settings: "wght" 500;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.forex-user-ex__msg-person-name-auther span {
    color: #94a3b8;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.forex-user-ex__msg-person-name-detail div {
    display: flex;
    gap: 8px;
    align-items: center;
}

.forex-user-ex__msg-person-name-auther strong {
    color: #334155;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.forex-user-ex__msg-about {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
}

.forex-user-ex__msg-person img {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: url(<path-to-image>) lightgray 50% / cover no-repeat;
}

.filter-comment-disable select {
    color: #94a3b8 !important;
    text-align: left;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.filter-comment-disable {
    svg {
        path {
            fill: #94a3b8;
        }
    }
}

.comments-sort-and-rate {
    display: flex;
    gap: 16px;
    align-items: center;
}

.filter-comment-disable span {
    color: #64748b !important;
    text-align: right;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.forex-user-ex__msg-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-right: 52px;
    gap: 4px;

    align-self: stretch;
}

.forex-user-ex__msg-line {
    position: relative;
}

.forex-user-ex__msg-line::before {
    content: "";
    width: 1px;
    right: 44px;
    position: absolute;
    height: calc(70% - 64px);
    top: 66px;
    background-color: #E2E8F0;
}

.forex-user-ex__msg-line .pdp-comment-box .forex-user-ex__msg-border::before {
    content: "";
    width: 1px;
    right: 20px !important;
    position: absolute;
    height: 100%;
    top: 42px;
    background-color: #E2E8F0;
}

.forex-user-ex__msg-line-last::before {
    content: "" !important;
    width: 1px !important;
    right: 20px !important;
    position: absolute !important;
    height: 100% !important;
    top: 42px !important;
    background-color: white !important;
}

.forex-user-ex__msg-line-last .forex-user-ex__msg-last::before {
    content: "" !important;
    width: 1px !important;
    right: 20px !important;
    position: absolute !important;
    height: 100% !important;
    top: 42px !important;
    background-color: white !important;
}

.forex-user-ex__msg-line .pdp-comment-box .forex-user-ex__msg-border::after {
    content: "";
    width: 20px;
    height: 20px;
    border-right: 1px solid #E2E8F0;
    border-bottom: 1px solid #E2E8F0;
    border-bottom-right-radius: 12px;
    right: -20px !important;
    position: absolute;
    top: 1px;
}

.forex-user-ex__msg-text h3 {
    color: #1e293b;
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.pdp-comments-page-type {
    margin-top: 4px;
    display: flex;
    align-items: center;
    padding-right: 52px;
    gap: 8px;
}

.forex-user-ex__msg-text p {
    margin: 0;
    text-align: justify;
    word-wrap: anywhere;
    line-height: 2;
    color: #475569;
    text-align: right;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.forex-user-ex__msg-like {
    display: flex;
    gap: 8px;
    align-items: center;
    align-self: stretch;
}

.forex-user-ex__msg-like-mobile {
    display: none;
}

.forex-user-ex__msg-like-like {
    color: #04a448;
    text-align: center;
    align-items: center;
    cursor: pointer;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.comments-sort-btn {
    display: flex;
    align-items: center;
    gap: 0px;
}

.textarea-replay-pdp {
    border-radius: 0
}

#report-modal .spinner {
    width: 20px !important;
    height: 20px !important;


    .path {
        stroke: #fff !important
    }
}

.spinner {
    animation: rotate 2s linear infinite;
    justify-self: center;
    width: 50px;
    height: 50px;


    .path {
        stroke: #185adb;
        stroke-linecap: round;
        animation: dash 1.5s ease-in-out infinite;
    }

}

.user-comment-section .spinner {
    width: 50px !important;
    height: 50px !important;

    .path {
        stroke: #185adb !important
    }
}


.pdp-comments-filtertext:hover {
    cursor: pointer;
    color: #185adb;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-left:4px
}

.filter-comment-disable select {
    color: #94a3b8 !important;
    text-align: left;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.filter-comment-disable {
    svg {
        path {
            fill: #94a3b8;
        }
    }
}

.comments-sort-and-rate {
    display: flex;
    gap: 16px;
    align-items: center;
}

.filter-comment-disable span {
    color: #64748b !important;
    text-align: right;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.pdp-select-section {
    display: none;
    width: 160px;
    padding: 4px;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    z-index: 9999;
    top: 130%;
    left: -20px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background: #fff;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.04);
}

.pdp-select-section span:hover {
    border-radius: 8px;
    background: #F1F5F9;
    cursor: pointer;
}

.pdp-select-section span {
    display: flex;
    padding: 8px 12px;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 8px;
    color: #475569;
    text-align: right;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}


@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}

.comments-filter-text {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
}

.comments-filter-text span {
    color: #1e293b;
    text-align: right;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.pdp-select-section::-ms-expand {
    display: none;
}

.pdp-comments-filtertext {
    color: #1e293b;
    text-align: right;
    font-variation-settings: "wght" 500 !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.pdp-comments-filtertext-sort {
    color: #1e293b;
    text-align: right;
    font-variation-settings: "wght" 500 !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.comments-report__btn {
    border: none !important;
    background-color: transparent !important;
    padding: 0 !important
}

.comments-report__title {
    color: #1e293b;
    text-align: right;
    font-variation-settings: "wght" 500;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.comments-report__header {
    padding: 24px !important;
    border-bottom: 1px solid #ebf0f5;
    background: #fff;
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
}

.comments-report__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    align-self: stretch;
}

.comments-report__details {
    color: #1e293b;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-weight: 400;
    line-height: 32px;
}

.comments-details-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.comments-report__label {
    align-self: stretch;
    color: #1e293b;
    text-align: right;
    font-size: 14px;
    font-variation-settings: "wght" 500;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.comments-report__input {
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    display: flex;
    padding: 12px;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    resize: none;
    box-sizing: border-box;
    transition: 0.1s all ease;
    color: #334155;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}


.comments-modal-style {
    border-radius: 16px !important;
}

.comments-footer__btns {
    border-bottom-left-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex: 1 0 0;
    padding: 24px;
}

.comment-btn--simple {
    display: flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    color: #334155;
    background-color: transparent;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.comment-btn--blue {
    display: flex;
    border: none;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    color: #fff !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    font-variation-settings: "wght" 500;
    line-height: 20px;
    border-radius: 10px;
    background: #185adb;
}

.pdp-comments-filtertext:hover {
    color: #185adb;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.forex-user-ex__msg-like-dislike {
    color: #f5222d;
    text-align: center;
    align-items: center;
    cursor: pointer;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.forex-user-ex__msg-like-replay {
    color: #64748b;
    text-align: right;
    align-items: center;
    cursor: pointer;
    padding: 0px 4px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.forex-user-ex__msg-like-replay:hover {
    svg {
        path {
            fill: #185adb;
        }
    }

    color: #185adb;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.commnets-admin-replay-title {
    background: #F2FAF6;
    padding: 20px 20px 12px 20px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background: #EFF7FF;
}

.commnets-admin-replay-text {
    background: #F2FAF6;
    padding: 0px 20px 20px 20px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background: #EFF7FF;
}

.commnets-admin-replay-title--gray {
    background: #F2FAF6;
    padding: 20px 20px 12px 20px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background: #F2FAF6;
}

.commnets-admin-replay-text--gray {
    background: #F2FAF6;
    padding: 0px 20px 20px 20px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background: #F2FAF6;
}

.forex-user-ex__msg .pdp-comment-box .forex-user-ex__msg {
    border: none !important;
    padding: 0;
    position: relative;
}

.forex-user-ex__replay {
    width: 100%;
}

.commnets-svg-title {
    fill: var(--BG-Neutral-Blank, #FFF);
    filter: drop-shadow(0px 2px 6px rgba(24, 90, 219, 0.03)) drop-shadow(0px 6px 16px rgba(24, 90, 219, 0.08));
    width: 28px;
    border-radius: 99px;
    height: 28px;
}

.forex-user-ex__replay--gray {
    width: 100%;
}

.status-green {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    padding: 10px;
    border-radius: 3px;
    text-align: center;
    margin-bottom: 10px;
    font-variation-settings: "wght" 500;
}

.comments-btn-loadmore {
    margin: auto;
    padding: 8px 12px;
    border: 1px solid #ebf0f5;
    background: #fff;
    border-radius: 8px;
    color: #475569;
    text-align: right;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.comment-reply-link {
    cursor: pointer;
}

.comment-body-text a {
    color: blue !important;
}

.empty-form-input {
    border-color: #f5c6cb !important;
}


.post-rate-box .post-rate-stars .post-rate > span:first-child,
.post-rate-box .post-rate-stars .post-rate > h4,
.post-rate-box .write-comment {
    font-size: 12px;
}

.post-rate-box .post-rate-stars {
    justify-content: end;
}

.post-rate-box .post-rate-stars .post-rate .user-rate > span,
.post-rate-box .post-rate-stars .post-rate .user-rate > h4 {
    font-size: 11px;
}

.irb-single-financial-user-comments-wrp .progress-bar-container {
    background: #f0f0ff;
    height: 0.5rem;
    border-radius: 1rem;
    flex-direction: row-reverse;
    padding: 0;
    margin-left: 10px;
}

.irb-single-financial-user-comments-wrp .progress-bar {
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(5.07%, #195bdc),
            to(#aeddff)
    );
    background: linear-gradient(90deg, #195bdc 5.07%, #aeddff 100%);
    height: 0.5rem;
    border-radius: 1rem;
    -webkit-transition: 0.4s linear;
    transition: 0.4s linear;
    -webkit-transition-property: width;
    transition-property: width;
}

.irb-single-financial-user-comments-wrp .irb-financial-rating-bar {
    justify-content: space-evenly;
    align-items: center;
}

.irb-single-financial-user-comments-wrp,
.irb-rating-info-container,
.irb-rating-info {
    color: #7e7f86;
}

/*/////////////////////////////////*/

.comments-box {
    direction: rtl;
}

.comments-like_and_dislike {
    display: flex;
    align-items: center;
    gap: 4px;
}

.comments-like_and_dislike input {
    display: none;
}

.comments-like_and_dislike .votes {
    direction: ltr !important;
}

.comments-box .comment {
    padding: 1rem 1.5rem !important;
}

.comments-box .id-comment.user {
    background-color: #fff;
}

.comments-box .id-comment {
    border-radius: 6px;
    border: 1px solid #e4e7f2;
    /*box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);*/
}

.comments-box .comments-box .comment {
    border-radius: 6px;
}

.comments-box .comments-box .user {
    background-color: #f6f6f6;
    margin-right: 1.5rem;
}

.comments-box .irb_admin {
    background-color: #e4e7f2;
}

.comments-box .broker_admin {
    background-color: #f1faf0;
}

.comments-box.comments-box .comment_header .info_user .profile .icon,
.comments-box .id-comment .comment_header .info_user .profile .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><circle cx="16" cy="16" r="15.5" stroke="%23E4E7F2"/><circle cx="16" cy="16" r="13.5" fill="white" stroke="%23E4E7F2"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-left: 0.5rem;
    padding: 0;
}

.comments-box
.comments-box
.user
.comment_header
.info_user
.profile
.icon::after,
.comments-box .id-comment.user .comment_header .info_user .profile .icon::after {
    content: "";
    display: inline-block;
    width: 15px; /* Width of the SVG */
    height: 15px; /* Height of the SVG */
    background-image: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.63855 10.5C2.90518 10.5 1.5 11.9052 1.5 13.6386C1.5 14.1143 1.88568 14.5 2.36144 14.5H11.8734C12.2195 14.5 12.5 14.2195 12.5 13.8734C12.5 12.0103 10.9897 10.5 9.12658 10.5H4.63855ZM5.79521 7.5C4.18317 7.05236 3 5.57407 3 3.81944C3 1.71002 4.71002 0 6.81944 0C8.92887 0 10.6389 1.71002 10.6389 3.81944C10.6389 5.57407 9.45572 7.05236 7.84368 7.5C7.51773 7.59051 7.17423 7.63889 6.81944 7.63889C6.46465 7.63889 6.12116 7.59051 5.79521 7.5ZM5.60659 9H4.63855C2.07675 9 0 11.0768 0 13.6386C0 14.9427 1.05725 16 2.36144 16H11.8734C13.0479 16 14 15.0479 14 13.8734C14 11.1819 11.8181 9 9.12658 9H8.0323H6.81944H5.60659ZM6.81944 6.13889C8.10044 6.13889 9.13889 5.10044 9.13889 3.81944C9.13889 2.53845 8.10044 1.5 6.81944 1.5C5.53845 1.5 4.5 2.53845 4.5 3.81944C4.5 5.10044 5.53845 6.13889 6.81944 6.13889Z" fill="%23185ADB"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
}

.comments-box
.comments-box
.irb_admin
.comment_header
.info_user
.profile
.icon::after,
.comments-box
.id-comment.irb_admin
.comment_header
.info_user
.profile
.icon::after {
    content: "";
    display: inline-block;
    width: 15px; /* Width of the SVG */
    height: 14px; /* Height of the SVG */
    background-image: url('data:image/svg+xml,<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.28369 0.17912C7.75165 -0.167991 9.31465 0.00030515 10.6876 0.589341C10.4763 1.04164 10.2546 1.50445 10.0328 1.95675C8.79717 1.43082 7.38202 1.36771 6.10416 1.76741C4.87911 2.1566 3.83358 3.0086 3.11544 4.06045C2.2389 5.36474 2.01712 7.0477 2.39731 8.56237C2.74582 9.96133 3.70685 11.1604 4.91078 11.9283C6.1992 12.7382 7.81501 12.9275 9.28297 12.5804C11.638 11.9914 13.4334 9.76147 13.539 7.35274C14.0353 7.40533 14.5317 7.42637 15.0281 7.47896C14.9541 8.55185 14.6796 9.61422 14.1304 10.5504C13.1482 12.3701 11.279 13.6638 9.26185 14.0951C7.12856 14.5684 4.81574 13.8952 3.16825 12.4963C3.04152 12.3701 2.90423 12.3701 2.73526 12.5699C2.19665 13.159 1.63693 13.7269 1.10889 14.3265C0.739258 13.9899 0.369629 13.6428 0 13.2957C0.601967 12.6541 1.20394 12.0019 1.81646 11.3603C1.96431 11.1815 1.92208 11.0342 1.82703 10.908C1.11945 9.78251 0.739259 8.45718 0.707577 7.13185C0.739259 5.59615 1.24618 4.07097 2.16497 2.8403C3.14713 1.49393 4.66789 0.578823 6.28369 0.17912Z" fill="url(%23paint0_linear_201_200)"/><path d="M12.6086 1.96699C13.4745 1.76714 14.2983 1.59884 15.2065 1.4621C15.6712 1.40951 15.8824 1.65144 15.8719 1.96699C15.8402 2.96625 15.7768 3.68151 15.6818 4.55454C15.6395 5.01736 15.1854 5.24876 14.858 4.99632C14.5623 4.85958 14.2455 4.34417 14.0343 4.48091C13.8442 4.5861 13.728 4.77543 13.5801 4.93321C12.4607 6.2375 11.3201 7.52076 10.1901 8.81454C9.91554 9.13009 9.41918 9.16165 9.11292 8.87765C8.42647 8.23602 7.78225 7.5418 7.0958 6.88965C7.00075 6.78447 6.86346 6.84758 6.78954 6.93172C6.18757 7.53128 5.5856 8.13083 4.98363 8.73039C4.63513 8.37276 4.28662 8.00461 3.91699 7.66802C4.69849 6.86861 5.50111 6.09024 6.28261 5.30136C6.46215 5.11202 6.71561 4.93321 6.95851 4.93321C7.21197 4.91217 7.42319 5.08047 7.59216 5.24876C8.18357 5.8378 8.77497 6.43736 9.36638 7.01587C9.4403 7.12106 9.58816 7.22624 9.69377 7.0895C10.771 5.91143 11.8165 4.68077 12.8726 3.46062C13.0415 3.26077 12.3657 2.87158 12.2495 2.70329C12.0488 2.44032 12.2706 2.01958 12.6086 1.96699Z" fill="url(%23paint1_linear_201_200)"/><defs><linearGradient id="paint0_linear_201_200" x1="1.4621" y1="13.5019" x2="12.0411" y2="2.88039" gradientUnits="userSpaceOnUse"><stop stop-color="%235645F5"/><stop offset="1" stop-color="%2336AEEE"/></linearGradient><linearGradient id="paint1_linear_201_200" x1="4.87779" y1="11.1187" x2="13.3051" y2="2.65749" gradientUnits="userSpaceOnUse"><stop stop-color="%235645F5"/><stop offset="1" stop-color="%2336AEEE"/></linearGradient></defs></svg>');
    background-repeat: no-repeat;
    background-size: contain;
}

.send-comment-box .modal-label-radio,
.send-comment-box [type="radio"] {
    cursor: pointer;
}

.comments-box .status-red {
    font-size: 12px;
}

#comment-form-simple button {
    font-size: 12px;
}

.reply-form button {
    font-size: 12px;
    margin-top: 15px;
}

.reply-form button.btn-primary {
    margin-left: 10px;
}

.reply-form textarea::placeholder {
    font-size: 12px;
}

.primary-color {
    color: #185adb;
}

.fsz-14 {
    font-size: 14px;
}

.fsz-13 {
    font-size: 13px;
}

.fsz-12 {
    font-size: 12px;
}

.fw-600 {
    font-weight: 600;
}

.text-muted {
    color: #929292 !important;
}

.ml-2 {
    margin-left: 0.5rem;
}

.ml-1 {
    margin-left: 0.25rem;
}

.gap-1 {
    gap: 1rem;
}

.gap-h {
    gap: 0.5rem;
}

.comment_content p {
    text-align: justify;
    word-wrap: anywhere;
    line-height: 2;
}

.comment_content p a {
    color: blue;
    padding: 0 2px;
}

#comment-form-simple {
    margin-top: 10px;
    padding: 0px 20px !important;
}

#comment-form-simple button {
    margin-top: 10px;
}

#irb-single-financial-user-comments {
    padding: 0 !important;
}

.comments-box .comments-box .comment_header {
    justify-content: start !important;
}

.user-comment-item.user .comment_header .reply_rate_wrp .reply_comment {
    align-self: center;
}

.user-comment-item.user .comment_header .user_rate_in_comment {
    align-self: center;
}

.modal.send-comment-box.commentaz-modal .modal-content,
.modal.send-comment-box.commentaz-modal .modal-footer,
.modal.send-comment-box.commentaz-modal .modal-header {
    padding: 0.5rem !important;
}

.modal.send-comment-box.commentaz-modal {
    background: rgba(15, 23, 42, 0.50);
    backdrop-filter: blur(2px);
}

/*----------------------------------------------------------------desktop only*/
@media (max-width: 810px) {
    .comments-box .comments-box {
        margin-right: 20px;
    }

    .pdp-select-section {
        color: var(--text-icon-fg-neutral-b, #1e293b);
        text-align: left;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }
}

.comments-box .comments-box {
    margin-right: 0px;
}

@media (min-width: 769px) {
    .modal.send-comment-box.commentaz-modal .modal-dialog {
        min-width: 600px;
        max-width: 600px;
    }

    .modal.send-comment-box.commentaz-modal {
        font-size: 14px;
    }

    .modal.send-comment-box.commentaz-modal .user-rate {
        font-size: 13px;
    }

    .form-group .modal-label {
        font-size: 600;
        font-variation-settings: "wght" 600, "KSHD" 100;
    }

    .show-radio-inline {
        gap: 0.5rem;
        font-size: 12px;
    }

    .comment_header {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .comment_header .date {
        margin-right: 1rem;
    }

    .comments-box .date {
        padding-top: 4px;
    }

    .reply_rate_wrp {
        display: flex;
        justify-content: end;
        align-items: center;
        flex: 1 1 0%; /*fill all available space*/
    }

    .comment_footer {
        display: flex;
        justify-content: space-between;
    }

    .report-comment {
        text-align: left;
    }

    .send-comment-box .show-radio-inline .modal-label-radio {
        margin-left: 1.5rem;
    }
}

@media (min-width: 420px) {
    .comments-box
    .id-comment.user
    .comment_header
    .info_user
    .commenter_trade
    > span {
        margin: auto;
    }

    .user-comment-item.irb_admin .comment_header {
        display: flex;
        justify-content: space-between !important;
    }
}

@media (min-width: 640px) {
    .user-comment-item.user .comment_header {
        display: flex;
        justify-content: space-between;
    }
}

/* ---------------------------------------------------------------mobile only */
@media (max-width: 768px) {
    /* #loginModal .modal-content {
      min-height: 100vh !important;
      max-height: 100vh !important;
    }
    #loginModal .modal-dialog.modal-dialog-centered {
      min-height: calc(100% - 0rem) !important;
      margin: 0rem !important;
    }
    .modal .modal-content .modal-header {
      display: flex !important;
      justify-content: space-between !important;
      align-items: center !important;
      position: relative;
    }
    #loginModal .btn-close {
      top: 40% !important;
    } */
    .modal.send-comment-box.commentaz-modal .post-rate-stars {
        margin-top: 1rem;
    }

    .modal .modal-content .show-radio-inline {
        flex-direction: column;
        gap: 0.5rem;
        font-size: 14px;
    }

    .modal.commentaz-modal, .modal.send-comment-box.commentaz-modal {
        z-index: 1301
    }

    .common-comments-show-radio-btn {
        flex-wrap: wrap;
    }

    .modal.commentaz-modal .modal-dialog.modal-dialog-centered {
        margin: 0px !important;
        height: 100%;
    }

    .modal.commentaz-modal .modal-dialog.modal-dialog-centered .modal-content.comments-modal-style {
        align-self: end;
        border-radius: 16px 16px 0 0
    }

    .modal.commentaz-modal .modal-content .btn-close-commentaz-modal {
        top: 3% !important;
    }

    .info_user {
        justify-content: space-between;
    }

    .reply_and_like_box {
        justify-content: space-between;
    }

    .report-comment {
        text-align: right;
        padding-top: 10px;
    }

    .comments-box.comments-box .comment_header .info_user .profile .icon,
    .comments-box .id-comment .comment_header .info_user .profile .icon {
        width: 20px;
        height: 32px;
    }

    .comment_header .name {
        font-size: 11px !important;
    }

    .comment_header .date {
        font-size: 10px !important;
    }

    .comments-box
    .id-comment.user
    .comment_header
    .info_user
    .profile
    .icon::after {
        width: 14px;
    }

    #comment-form-simple textarea {
        margin-bottom: 1rem;
        font-size: 14px;
        font-weight: 500;
    }

    #comment-form-simple {
        padding: 0px !important;
    }

    .post-rate-box {
        padding: 20px 0px 0px 0px !important;
    }

    .send-comment-box .show-radio-inline .modal-label-radio {
        margin-left: 3rem;
    }
}

@media (max-width: 480px) {
    .comments-box .id-comment.user .comment_header .info_user .commenter_trade {
        margin: 10px 0px;
    }
}

@media (max-width: 450px) {
    .modal.send-comment-box.commentaz-modal .modal-footer {
        min-height: 100px;
        display: flex;
        justify-content: end;
        align-items: baseline;
    }
}

/*----------------- end of comment-style */

.font-bold {
    font-variation-settings: "wght" 700;
}

.hide {
    display: none !important;
}

.flex {
    display: flex;
}

.items-center {
    align-items: center;
}

.items-baseline {
    align-items: baseline;
}

.no-wrap {
    flex-wrap: nowrap;
}

/*post rate */
:root {
    --star: transparent;
    --star-white: #fff;
    --star-weak: #ff4949;
    --star-normal: #ff792e;
    --star-good: #2cd075;
    --star-very-good: #367cfe;
    --star-best: #185adb;
    --height-last-comment: 0px
}

.post-rate-svgs {
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 4px;
}

.star {
    color: #BCC8D6;
    width: 16px;
    height: 16px;
    transition: all 0.3s;
}

.star.rate-5 {
    color: #185ADB;
}

.post-rate-box h4 {
    display: inline-block;
    margin-bottom: 0;
    padding-bottom: 0;
    text-wrap: none;
}

/*end post rate*/
.post-rate-box {
    text-wrap: nowrap;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    align-items: center;
    padding: 15px 25px;
    border-radius: 3px;
    flex-wrap: wrap;
    gap: 1rem;
}

.post-rate-box .write-comment {
    color: #5183e4;
    cursor: pointer;
}

/*comments*/
.comment-dislike-svg:hover,
.comment-like-svg:hover {
    cursor: pointer;
}

.comment-like-svg:hover {
}


.comment-like-svg, .comment-dislike-svg {
    color: #64748B;
    cursor: pointer;
}

.comment-like-svg.vote-like {
    color: #04A448;
}

.comment-dislike-svg.vote-dislike {
    color: #F5222D;
}

.user-comment-list {
    list-style-type: none;
}

.user-comment-list .user-first-comment {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #e4e7f2;
    background: #fff;
    padding: 35px 25px 25px 25px;
    margin-bottom: 20px;
}

.user-comment-list .comment-institution {
    width: 100%;
    border-radius: 5px;
    background: #eaf6ff;
    padding: 35px 25px 25px 25px;
    margin-bottom: 20px;
    border: none;
}

.user-comment-list .admin-comment-reply {
    width: 100%;
    border-radius: 5px;
    background: #f5fcf5;
    padding: 35px 25px 25px 25px;
    margin-bottom: 20px;
    border: 1px solid #c2e3c2;
}

.user-first-comment .comment-box-meta .comment-author {
    font-size: 14px;
    color: #000;
    font-variation-settings: "wght" 700;
    font-style: normal;
}

.comment-institution .comment-box-meta .comment-author {
    font-size: 14px;
    color: #185adb;
    font-variation-settings: "wght" 700;
    font-style: normal;
}

.admin-comment-reply .comment-box-meta .comment-author {
    font-size: 14px;
    color: #000;
    font-variation-settings: "wght" 700;
    font-style: normal;
}

.comment-box-meta .comment-box-meta-btn {
    display: inline-flex;
    padding: 4px 10px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background: rgba(25, 25, 25, 0.07);
    border: none;
    outline: none !important;
    margin-right: 15px;
}

.user-comment-item .commnet-body .comment-body-text p {
    color: #4e4f5a;
    text-align: right;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.195px;
}

.user-comment-item .comment-box-actions input {
    display: none;
}

.comment-box-actions .like-dislike-box {
    width: 60px;
}

.like-dislike-box {
    gap: 4px;
}

.user-comment-section .user-comment-list .comment-box-meta figure {
    width: 60px;
    margin-left: 10px;
}

.user-comment-section .user-comment-list .comment-box-meta figure img {
    width: 60px;
    border-radius: 50%;
    height: 60px;
}

.comment-box-actions .comment-flag .tooltip {
    position: absolute;
    right: 0;
    top: 25px;
}

.comment-box-actions .comment-flag {
    position: relative;
    text-align: left;
    min-width: 150px;
}

.report-tooltip {
    position: absolute;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.report-tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 12px;
    word-wrap: break-word;
    opacity: 0;
}

.report-tooltip .tooltiptext {
    display: none;
    width: 150px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0 7px 0px;
    font-size: 12px;
    position: absolute;
    z-index: 1;
}

.report-tooltip:hover .tooltiptext {
    visibility: visible;
}

.modal-tooltip-icon:hover + .report-tooltip {
    display: block !important;
    opacity: 1 !important;
    color: red !important;
    width: 100px !important;
    height: 20px !important;
}

.modal-tooltip-icon:hover + .report-tooltip span {
    opacity: 1;
    display: block;
}

/*end comments*/

/* Review Modal*/
.send-comment-box {
    display: none;
}

.send-comment-box.active {
    z-index: 1000000;
    display: flex;
    align-items: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}

.send-comment-box #progressbar {
    display: flex;
    flex-direction: row-reverse;
}

.send-comment-box .broker-review-modal {
    display: block;
    background-color: #fefefe;
    margin: auto;
    padding: 30px 50px 10px 50px;
    border: 1px solid #888;
    width: 40%;
    border-radius: 5px;
    height: 837px;
}

.tooltip {
    position: absolute;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    display: none;
    width: 150px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0 7px 0px;
    font-size: 12px;
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

form#commentform:not(:first-child) label {
    display: block;
}

.send-comment-box .broker-review-modal .show-radio-inline {
    display: flex !important;
    margin-bottom: 15px;
}

.send-comment-box .broker-review-modal .user-rate {
    height: 50px;
    align-items: center;
}

.send-comment-box .modal-comment-form label.modal-label {
    display: flex !important;
    margin-bottom: 10px;
}

.send-comment-box .modal-comment-form label.modal-label-radio {
    margin: 0px 5px 0px 10px;
}

#comment-box .broker-rating-box #progressbar input[type="radio"] {
    display: none !important;
}

.broker-rating-box #progressbar {
    display: flex;
    flex-direction: row-reverse;
}

.broker-review-modal #progressbar {
    display: flex;
    flex-direction: unset;
}

.send-comment-box .broker-review-modal input[name="history-of-service"] {
    width: 17px;
}

.send-comment-box .broker-review-modal input[type="text"],
textarea {
    width: 100%;
    height: 100px;
    border-radius: 5px;
    border: 1px solid rgba(25, 25, 25, 0.25);
    outline: none;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 15px;
    resize: none;
}

.broker-review-modal::placeholder {
    font-size: 13px;
}

.send-comment-box .broker-review-modal .regulation {
    list-style-type: none;
    padding: 0px;
    margin-bottom: 90px;
    margin-top: -10px;
}

.send-comment-box .broker-review-modal .regulation li {
    font-size: 11px;
    line-height: 190.281%;
    font-variation-settings: "wght" 500;
}

.send-comment-box .broker-review-modal .regulation li:before {
    content: "\00b7";
    font-size: 40px;
    position: relative;
    right: -4px;
    top: 10px;
}

.send-comment-box .broker-review-modal .modal-label.accepted {
    font-size: 14px;
}

.send-comment-box .broker-review-modal .modal-label > span {
    font-size: 16px;
    font-variation-settings: "wght" 400;
    margin-left: 3px;
}

.send-comment-box .broker-review-modal label.modal-label-radio {
    font-size: 14px;
}

.send-comment-box.active #progressbar input {
    display: none;
}

.send-comment-box.active #progressbar label {
    margin-left: 7px;
}

.send-comment-box .broker-review-modal input[type="checkbox"]:checked + label,
.send-comment-box .broker-review-modal input[type="radio"]:checked + label {
    font-variation-settings: "wght" 600;
}

/*.modal-uid{*/
/*    display:none;*/
/*}*/

/*close button*/
.comment-modal-close.close-butt span,
.loggin-modal-close.close-butt span {
    font-size: 22px;
    position: absolute;
    right: 5px;
    top: -5px;
    cursor: pointer;
}

.comment-modal-close.close-butt,
.loggin-modal-close.close-butt {
    position: relative;
    border: 1px solid #787878;
    border-radius: 50%;
    color: #787878;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.comment-modal-close:nth-child(1) {
    border: 1px solid #c5c5c5 !important;
    margin-left: 5px;
}

.modal-cancel-butt {
    border: 1px solid #c5c5c5;
}

.blur-rating-hint.active {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    background: #fff;
}

.comments-btn__display {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
    margin-top: 8px
}

.comments-btn__img-btn {
    display: none;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    background-color: white !important;
    border-radius: 10px;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.comments-user__container {
    display: flex;
    padding: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 6px;
    width: 100%;
    position: relative;
    padding: 24px;
    flex: 1 0 0;
    border-radius: 16px;
    border: 1px solid #EBF0F5;
    background: #FFF;
}


.comments-agent__container > .comment-content {
    display: flex;
    padding: 0;
    position: relative;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
    border-radius: 12px;
    border: 1px solid #CDEDDA;
    background: #F2FAF6;
}

.comments-admin__container > .comment-content {
    display: flex;
    padding: 0;
    position: relative;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
    border-radius: 12px;
    border: 1px solid #DAEDFF;
    background: #EFF7FF;
}

.comments-title-section {
    display: flex;
    justify-content: space-between;
    gap: 4px;
    width: 100%;
    align-items: center;
}

.comments-title-description {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.comments-user-data {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
}

.comments-user-data strong ,
.comments-user-data cite {
    color: #334155;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin: 0 !important
}

.comments-user-data span {
    color: #94A3B8;
    text-align: right;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.comments-rate-display {
    display: flex;
    align-items: center;
    gap: 2px;
}

.comments-account-type {
    display: flex;
    align-items: center;
    gap: 8px;
}

.comments-account-tag {
    display: flex;
    padding: 0px 6px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border-radius: 6px;
    border: 1px solid #E2E8F0;
    background: #F8FAFC;
    color: #64748B;
    text-align: right;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    font-variation-settings: "wght" 500;
    line-height: 20px;
}

.comments-message {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-right: 50px;
    gap: 4px;
    align-self: stretch;
    color: #475569;
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    word-break: break-word;
}

.comments_footer {
    padding-right: 52px;
}

.comments-message h3 {
    color: #1E293B;
    text-align: right;
    margin: 0px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}

.comments-message p {
    color: #475569;
    text-align: right;
    width: 100%;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}

.comments-vote-section {
    display: flex;
    gap: 8px;
    align-items: center;
    align-self: stretch;
}

.comments-divider {
    width: 1px;
    height: 20px;
    background: var(--Border-Neutral-C, #e2e8f0);
}

.comments-replay__btn {
    color: #64748b;
    text-align: right;
    align-items: center;
    cursor: pointer;
    padding: 0px 4px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    font-variation-settings: "wght" 500;
    line-height: 20px;
}

.comments-replay__btn:hover {
    color: #185adb;
    text-align: right;
    font-variation-settings: "wght" 500;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.comments-replay-section {
    display: none;
    margin-top: 12px;
    padding: 16px 20px 20px 20px;
    margin-right: 52px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid #EBF0F5;
    background: #F8FAFC;
}

.commnet-msg-replay {
    padding: 0;
    display: flex;
    resize: none;
    height: 116px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border: none;
    color: #475569;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    line-height: 28px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    border-radius: 0;
    background: transparent;
}

.commnet-msg-replay::placeholder {
    font-weight: 500;
    font-variation-settings: "wght" 500;
    color: #BCC8D6
}

.comments-replay-section .comments-simple__btn {
    background: transparent;
}

.comments-simple__btn {
    color: #334155;
    font-size: 14px;
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-weight: 400;
    line-height: 20px;
    display: flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 10px;
    border: 1px solid #E2E8F0;
}

.comments-primery__btn {
    display: flex;
    margin-right: 0;
    align-self: flex-start;
    border: none;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 10px;
    background: #185adb;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-variation-settings: "wght" 500;
    font-weight: 400;
    line-height: 20px;
}

.comments-primery__btn .spinner {
    width: 20px !important;
    height: 20px !important;

    .path {
        stroke: #fff !important
    }
}

.comments-box {
    width: 100%;
}

.comments-box > .comments-agent__container, .comments-box > .comments-admin__container {
    padding-right: 40px;
    padding-top: 12px;
}

.comments-box > .comments-agent__container > .comment-content, .comments-box > .comments-admin__container > .comment-content {
    padding: 8px;
    position: relative;
    z-index: 1
}

.comments-box > .comments-user__container .comment-content {
    padding: 8px;
    position: relative;
}

.comments-box > .comments-user__container, .comments-box > .comments-admin__container {
    border-color: transparent !important;
    padding: 12px 0 !important;
    padding-right: 40px !important
}

.comment-line-curved .common-comment__upload-attachment__images {
    padding-right: 50px
}

.comments-replay-section .common-comment__upload-attachment__images {
    padding-right: 0
}

.comments-box > .comment-line-curved > .comment-content:after {
    content: "";
    width: 20px;
    height: 40px;
    border-right: 1px solid #E2E8F0;
    border-bottom: 1px solid #E2E8F0;
    border-bottom-right-radius: 12px;
    right: -21px;
    position: absolute;
    top: -8px;
}


.comments-liner {
    height: calc(100% - 48px - 24px - 20px - var(--height-last-comment));
    width: 1px;
    right: calc(24px + 20px);
    z-index: 1000;
    position: absolute;
    top: calc(24px + 40px + 8px);
    background-color: #E2E8F0;
    transition: all 0.3s linear;
}

.comment-line-curved {
    position: relative;
}

.comments-agent__container[data-level='0'] {
    width: 100%
}

.comments-agent__container[data-level='0'] > .comment-content {
    padding: 24px;
}

.comment-line-curved[data-level='2'] {
    padding: 8px calc(96px - 46px) 8px 0 !important
}

.comment-line-curved[data-level='2'] .comment-content {
    padding: 0 !important
}

.comment-line-curved[data-level='3'] .comments-liner {
    display: none;
    right: -23px;
    top: 10px;
    height: 100%
}

.comment-line-curved[data-level='1'] .comments-liner,
.comment-line-curved[data-level='2'] .comments-liner,
.comment-line-curved[data-level='3'] .comments-liner,
.comment-line-curved[data-level='1'].comments-agent__container .comments-liner, .comment-line-curved[data-level='2'].comments-agent__container .comments-liner, .comment-line-curved[data-level='3'].comments-agent__container .comments-liner {
    display: none;
}

.comment-line-curved[data-level='2'] .comment-content:after {
    right: -25px;
    top: calc((var(--after-height) - 28px) * -1);
    width: 25px;
    height: var(--after-height);
}

.comment-line-curved[data-level='2'] .comment-content {
    padding: 8px !important
}


.comment-line-curved[data-level='3'] {
    padding: 8px calc(144px - 96px) 8px 0 !important;
}

.comment-line-curved[data-level='3'] .comment-content:after {
    right: -23px;
    top: calc((var(--after-height) - 28px) * -1);
    width: 25px;
    height: var(--after-height);
}

.comment-line-curved[data-level='4'] {
    padding: 8px calc(144px - 96px) 8px 0 !important;

}

.comment-line-curved[data-level='4'] .comment-content:after {
    right: -23px;
    width: 23px;
    top: calc((var(--after-height) - 28px) * -1);
    height: var(--after-height);
}

.comment-line-curved[data-level='4'] .comments-replay__btn, .comment-line-curved[data-level='4'] .comments-divider {
    display: none;
}

.common-comment__upload-attachment {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 16px
}

.common-comment__upload-attachment__title {
    color: #1E293B;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    font-variation-settings: "wght" 600;
}

.common-comment__upload-attachment__images {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(10, minmax(min-content, 42px));
    grid-template-rows: minmax(42px, 42px);
    gap: 8px
}

.common-comment__upload-attachment__image {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    border: 1px solid #E2E8F0;
    position: relative;
}

.common-comment__upload-attachment__image--delete {
    position: absolute;
    left: -4px;
    top: -4px;
    display: flex;
    padding: 2px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 10px;
    border: 1px solid #E2E8F0;
    background: #FFF;
}

.common-comment__upload-attachment__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center;
    -o-object-position: center;
    border-radius: inherit;

}

.common-comment__upload-attachment__uploader {
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #E2E8F0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;

}


.common-comment__upload-attachment__uploader svg {
    color: #475569;
    width: 20px;
    height: 20px
}

.common-comment__upload-attachment__image-uploading {
    padding: 6px 8px;
    border-radius: 8px;
    border: 1px dashed #D5DDE8;
    background: #F1F5F9;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    gap: 4px
}

.common-comment__upload-attachment__image-uploading .spinner {
    width: 12px;
    height: 12px
}

.common-comment__upload-attachment__image-uploading .spinner .path {
    stroke: #64748B
}

.common-comment__upload-attachment__image-uploading .upload-percent {
    font-size: 12px;
    line-height: 12px;
    color: #64748B
}

.swal2-popup.swal2-toast {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5) !important;
    border-radius: 8px !important;
    padding: 16px 16px 16px 20px !important;
}

.swal2-popup.swal2-toast .swal2-icon {
    margin: 0 !important;
    color: #FF7875;
    width: 24px !important;
    height: 24px !important;
    min-width: unset !important;
}

.swal2-popup.swal2-toast .swal2-title {
    margin-top: 0 !important;
    color: #334155 !important;
    font-size: 14px !important;
    line-height: 22px !important;
}


.comment-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.pdp-comment-box {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
}


.common-comment__main {
    display: flex;
    z-index: 10000;
    flex-direction: column;
    align-items: flex-end;
    border-radius: 16px;
    border-bottom: 1px solid #ebf0f5;
    background: #fff;
    position: relative;
    display: flex;
    width: 100%;
    pointer-events: auto;
    background-clip: padding-box;
    outline: 0;
}

.common-commnet__header {
    width: 100%;
    display: flex;
    align-items: center;
    padding: var(--Spaces-S11-24, 24px);
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom: 1px solid #ebf0f5;
    background: #fff;
}

.common-commnet__header span {
    color: var(--text-icon-fg-neutral-b, #1e293b);
    text-align: right;

    /* Body/B2 */
    font-family: var(--Typography-Font-family, "EstedadVF");
    font-size: var(--Typography-Font-Size-F5-16, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Typography-LineHeight-L3-20, 20px); /* 125% */
}

.common-commnet__content {
    display: flex;
    width: 100%;
    position: relative;
    padding: var(--Spaces-S11-24, 24px);
    flex-direction: column;
    align-items: center;
    gap: var(--Spaces-S12-28, 28px);
    align-self: stretch;
}

.common-commnet__footer {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    padding: 24px;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    border-top: 1px solid #ebf0f5;
    flex: 1 0 0;
}

.common-commnet__rate {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Spaces-S6-12, 12px);
    align-self: stretch;
}

.common-commnet__rate span {
    color: var(--text-icon-fg-neutral-b, #1e293b);
    text-align: right;

    /* Body/B3 */
    font-family: var(--Typography-Font-family, "EstedadVF");
    font-size: var(--Typography-Font-Size-F4-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Typography-LineHeight-L3-20, 20px); /* 142.857% */
}

.common-comment__main-body {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Spaces-S11-24, 24px);
    align-self: stretch;
}

.common-comment__body-title {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    gap: var(--Spaces-S4-8, 8px);
    align-self: stretch;
}

.comment_guideline, .comment_guideline a {
    color: #185ADB;
    font-size: 12px;
    line-height: 16px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-underline-position: from-font;
}

.common-comment__main-body label {
    color: #1E293B;
    font-size: 14px;
    line-height: 20px;
}

.common-comment__body-title input {
    display: flex;
    padding: 10px 12px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    font-size: 14px;
    line-height: 20px;
}

.common-comment__body-title input::placeholder {
    color: #BCC8D6;
}

.form-group.radio-select {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.common-comment__body-title label {
    color: var(--text-icon-fg-neutral-b, #1e293b);
    text-align: right;

    /* Body/B3 */
    font-family: var(--Typography-Font-family, "EstedadVF");
    font-size: var(--Typography-Font-Size-F4-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Typography-LineHeight-L3-20, 20px); /* 142.857% */
}

.common-comment__body-textarea {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.common-comment__body-textarea span {
    color: var(--text-icon-fg-neutral-b, #1e293b);
    text-align: right;

    /* Body/B3 */
    font-family: var(--Typography-Font-family, "EstedadVF");
    font-size: var(--Typography-Font-Size-F4-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Typography-LineHeight-L3-20, 20px); /* 142.857% */
}

.common-comment__body-textarea textarea {
    display: flex;
    /*resize: none;*/
    padding: 10px 12px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    font-size: 14px;
    line-height: 20px;
}

.common-comment__body-textarea textarea::placeholder {
    color: #BCC8D6;
}

.empty-form-input {
    border-color: #e2e8f0 !important;
}

.common-comment-rate-drag {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Spaces-S6-12, 16px);
    align-self: stretch;
}

.common-comment-rate-point {
    display: flex;
    width: 100%;
    padding: 0px 15px;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
}

/* The slider itself */
.common-commnet-rate-slider {
    -webkit-appearance: none; /* Override default CSS styles */
    appearance: none;
    width: 100%;
    height: 8px;
    border-radius: var(--Radius-R2-4, 4px);
    background: linear-gradient(to left, #e2e8f0, #e2e8f0);
    /*background: var(--BG-Brand-Blue-C---Main, #e2e8f0);*/
    outline: none; /* Remove outline */
    opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: 0.2s; /* 0.2 seconds transition on hover */
    transition: all 0.2s;
}

/* Mouse-over effects */
.common-commnet-rate-slider:hover {
    opacity: 1; /* Fully shown on mouse-over */
}


.common-commnet-rate-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 36px;
    height: 36px;
    background-image: url("data:image/svg+xml,<svg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M18 2C9.16344 2 2 9.16344 2 18C2 26.8366 9.16344 34 18 34C26.8366 34 34 26.8366 34 18C34 9.16344 26.8366 2 18 2Z' fill='%23185ADB'/><path d='M18 2C9.16344 2 2 9.16344 2 18C2 26.8366 9.16344 34 18 34C26.8366 34 34 26.8366 34 18C34 9.16344 26.8366 2 18 2Z' stroke='white' stroke-width='4'/><path d='M24.6431 17.1779L21.8306 19.6048L22.6875 23.2342C22.7347 23.4312 22.7226 23.6378 22.6525 23.8279C22.5824 24.018 22.4575 24.1831 22.2937 24.3022C22.1298 24.4214 21.9343 24.4894 21.7319 24.4975C21.5294 24.5056 21.3291 24.4536 21.1562 24.3479L18 22.4054L14.8418 24.3479C14.669 24.453 14.4689 24.5045 14.2668 24.4961C14.0647 24.4877 13.8696 24.4196 13.7061 24.3006C13.5426 24.1815 13.4179 24.0167 13.3479 23.8269C13.2779 23.6372 13.2655 23.4309 13.3125 23.2342L14.1725 19.6048L11.36 17.1779C11.207 17.0457 11.0964 16.8714 11.042 16.6767C10.9875 16.4821 10.9916 16.2757 11.0537 16.0833C11.1159 15.891 11.2333 15.7212 11.3914 15.5952C11.5494 15.4692 11.7411 15.3925 11.9425 15.3748L15.63 15.0773L17.0525 11.6348C17.1295 11.4472 17.2605 11.2867 17.4289 11.1737C17.5974 11.0608 17.7956 11.0005 17.9984 11.0005C18.2012 11.0005 18.3994 11.0608 18.5679 11.1737C18.7363 11.2867 18.8673 11.4472 18.9443 11.6348L20.3662 15.0773L24.0537 15.3748C24.2555 15.3918 24.4477 15.4681 24.6064 15.5939C24.765 15.7197 24.883 15.8896 24.9455 16.0822C25.008 16.2748 25.0123 16.4815 24.9579 16.6766C24.9034 16.8716 24.7926 17.0462 24.6393 17.1785L24.6431 17.1779Z' fill='white'/></svg>");
    cursor: pointer;
}

.common-commnet-rate-slider::-moz-range-thumb {
    width: 36px;
    height: 36px;
    background-image: url("data:image/svg+xml,<svg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M18 2C9.16344 2 2 9.16344 2 18C2 26.8366 9.16344 34 18 34C26.8366 34 34 26.8366 34 18C34 9.16344 26.8366 2 18 2Z' fill='%23185ADB'/><path d='M18 2C9.16344 2 2 9.16344 2 18C2 26.8366 9.16344 34 18 34C26.8366 34 34 26.8366 34 18C34 9.16344 26.8366 2 18 2Z' stroke='white' stroke-width='4'/><path d='M24.6431 17.1779L21.8306 19.6048L22.6875 23.2342C22.7347 23.4312 22.7226 23.6378 22.6525 23.8279C22.5824 24.018 22.4575 24.1831 22.2937 24.3022C22.1298 24.4214 21.9343 24.4894 21.7319 24.4975C21.5294 24.5056 21.3291 24.4536 21.1562 24.3479L18 22.4054L14.8418 24.3479C14.669 24.453 14.4689 24.5045 14.2668 24.4961C14.0647 24.4877 13.8696 24.4196 13.7061 24.3006C13.5426 24.1815 13.4179 24.0167 13.3479 23.8269C13.2779 23.6372 13.2655 23.4309 13.3125 23.2342L14.1725 19.6048L11.36 17.1779C11.207 17.0457 11.0964 16.8714 11.042 16.6767C10.9875 16.4821 10.9916 16.2757 11.0537 16.0833C11.1159 15.891 11.2333 15.7212 11.3914 15.5952C11.5494 15.4692 11.7411 15.3925 11.9425 15.3748L15.63 15.0773L17.0525 11.6348C17.1295 11.4472 17.2605 11.2867 17.4289 11.1737C17.5974 11.0608 17.7956 11.0005 17.9984 11.0005C18.2012 11.0005 18.3994 11.0608 18.5679 11.1737C18.7363 11.2867 18.8673 11.4472 18.9443 11.6348L20.3662 15.0773L24.0537 15.3748C24.2555 15.3918 24.4477 15.4681 24.6064 15.5939C24.765 15.7197 24.883 15.8896 24.9455 16.0822C25.008 16.2748 25.0123 16.4815 24.9579 16.6766C24.9034 16.8716 24.7926 17.0462 24.6393 17.1785L24.6431 17.1779Z' fill='white'/></svg>");
    cursor: pointer;
}

.common-filter__sortrate {
    display: flex;
    padding: var(--Spaces-S3-6, 6px);
    justify-content: flex-end;
    align-items: center;
    gap: var(--Spaces-S0-0, 0px);
    align-self: stretch;
}

.common-filter__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.pdp-more-info__account {
    display: none;
}

.common-filter__col-display {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 12px;
}

.common-commnet__rate-display {
    display: flex;
    width: 100%;
    align-self: center;
    align-items: center;
}

.pdp__btn--none {
    display: flex;
    padding: var(--Spaces-S5-10, 10px) var(--Spaces-S8-16, 16px);
    justify-content: center;
    align-items: center;
    background-color: white;
    gap: var(--Spaces-S3-6, 6px);
    border-radius: var(--Radius-R5-10, 10px);
    border: 1px solid var(--Border-Neutral-C, #e2e8f0);
}

.pdp__btn--blue {
    color: var(--text-icon-fg-neutral-white, #fff) !important;
    border: none;
    cursor: pointer;
    font-size: var(--Typography-Font-Size-F4-14, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Typography-LineHeight-L3-20, 20px); /* 142.857% */
    display: flex;
    padding: var(--Spaces-S7-14, 14px) var(--Spaces-S4-8, 8px);
    justify-content: center;
    align-items: center;
    gap: var(--Spaces-S3-6, 6px);
    align-self: stretch;
    border-radius: var(--Radius-R6-12, 12px);
    background: var(--BG-Brand-Blue-C---Main, #185adb);
    transition: 0.1s all ease;
}

.pdp__btn--blue:hover {
    outline: 4px solid var(--Border-Brand-Blue-D, #daedff);
}

.pdp__btn--blue-comp {
    color: #fff;
    border: none;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    border-radius: 12px;
    background: #185adb;

    .spinner {
        width: 20px !important;
        height: 20px !important;

        .path {
            stroke: #fff !important
        }
    }
}

.comments-img-holder {
    border-bottom: 8px solid #fff;
    z-index: 3
}

.comments-img-holder img {
    border-radius: 50%;
}

.comments-agent__container .comments-img-holder,
.comments-admin__container .comments-img-holder {
    border-bottom-color: transparent;
}

.submit-button--public .spinner {
    width: 20px;
    height: 20px;

    .path {
        stroke: #fff
    }
}

.lightbox .img-caption {
    display: none;
}

.lightbox .img-show img {
    height: 100%;
    object-fit: contain;
    -o-object-fit: contain;
}

.lightbox .btn-prev:before {
    font-family: "Font Awesome 5 Free";
    content: "\f053";
    font-weight: 900;
}

.lightbox .btn-next:before {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-weight: 900;
}

.lightbox {
    z-index: 1024 !important
}

@media screen and (max-width: 768px) {
    .comments-title-section {
        flex-direction: column;
        gap: 4px;
        align-items: flex-start;
    }

    .comments-account-type {
        display: flex;
        align-items: center;
        padding-right: 34px;
        gap: 8px;
    }

    .comments-title-description img {
        width: 28px;
        height: 28px;
    }

    .comments_footer {
        margin-top: 6px;
        margin-right: auto;
        padding-right: 0px;
    }

    /*.comment-line-curved .comment-line-curved::after {*/
    /*    content: "";*/
    /*    width: 21px;*/
    /*    height: 33px;*/
    /*    border-right: 1px solid #E2E8F0;*/
    /*    border-bottom: 1px solid #E2E8F0;*/
    /*    border-bottom-right-radius: 12px;*/
    /*    right: 24px;*/
    /*    position: absolute;*/
    /*    top: -17px;*/
    /*}*/
    .comments-box > .comments-user__container, .comments-box > .comments-admin__container {
        padding-right: 20px !important
    }

    .comments-liner {
        right: calc(8px + 13px);
        top: calc(8px + 40px);
        /*content: "";*/
        /*width: 1px;*/
        /*right: 12px;*/
        /*z-index: 10;*/
        /*position: absolute;*/
        /*height: calc(100%);*/
        /*top: -26px;*/
        /*background-color: #E2E8F0;*/
    }

    .comments-img-holder {
        z-index: 1000;
        background-color: white;
        border-bottom-width: 4px;
        /*padding-bottom: 6px;*/
    }

    .comments-user-data {
        width: 100%;
    }

    .comments-title-description {
        width: 100%;
        gap: 8px;
    }

    .comments-message {
        padding-right: 40px;
    }

    .comments-box > .comment-line-curved > .comment-content:after {
        width: 13px;
        right: -8px;
        top: -40px;
        border-bottom-right-radius: 16px;
        height: 60px
    }

    .comment-line-curved[data-level='1'], .comment-line-curved[data-level='2'] {
        padding-right: calc(20px + 4px) !important;
    }

    .comment-line-curved[data-level='1'] .comment-content:after {
        top: -44px;
        right: -13px;
        width: 10px
    }

    .comment-line-curved[data-level='2'] .comment-content, .comment-line-curved[data-level='1'] .comment-content {
        padding: 0 !important
    }

    .comment-line-curved.comments-admin__container[data-level='2'] .comment-content, .comment-line-curved.comments-admin__container[data-level='1'] .comment-content {
        padding: 8px !important
    }

    .comment-line-curved.comments-agent__container[data-level='2'] .comment-content, .comment-line-curved.comments-agent__container[data-level='1'] .comment-content {
        padding: 8px !important
    }

    .comments-admin__container .comments-img-holder {
        background: transparent;
    }

    .comment-line-curved[data-level='2'] .comment-content:after {
        right: -13px;
        top: calc((var(--after-height) - 16px) * -1);
        width: 10px;
        height: var(--after-height);
    }

    .comments-replay-section {
        padding: 16px
    }

    .comment-line-curved[data-level='3'] .comment-content:after {
        top: calc((var(--after-height) - 16px) * -1);
    }


    .comment-line-curved[data-level='4'] .comment-content:after {
        top: calc((var(--after-height) - 12px) * -1);
    }

    .common-comment__upload-attachment__images {
        grid-template-columns: repeat(4, minmax(min-content, 42px))
    }

    .comments-user__container {
        padding: 8px;
        border-radius: 12px;
        border: 1px solid #EBF0F5;
        background: #FFF;
    }


    .comment-line-curved .comments-admin__container::after {
        right: -39px !important;
        position: absolute;
        top: 17px !important;
    }

    #irb-commentaz-post-rate-average-detailed-container-button-mobile {
        z-index: 1000;
    }

    .comments-user-data strong   ,.comments-user-data cite {
        color: #334155;
        text-align: right;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
    }

    .comments-user-data span {
        color: #94A3B8;
        text-align: right;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }

    .comments-account-tag {
        padding: 4px 6px;
        color: #64748B;
        text-align: right;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        font-variation-settings: 'wght' 600;
        line-height: 20px;
    }

    .comments-message h3 {
        color: #1E293B;
        text-align: right;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 32px;
    }

    .comments-message p {
        color: #475569;
        text-align: right;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
    }

    .comments-replay__btn {
        color: #64748B;
        text-align: right;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
    }
}

@media (max-width: 1200px) {
    .filter-modal {
        opacity: 1 !important;
        visibility: visible !important;
    }
}

@media (min-width: 992px) {
    .forex-user-ex__title, .forex-user-ex__textarea-replay, .user-comment-section {
        max-width: 800px;
        margin-right: auto;
        margin-left: auto;
    }

    #irb-single-financial-user-comments .forex-user-ex__textarea-replay,
    #irb-single-financial-user-comments .user-comment-section,
    #irb-single-financial-user-comments .forex-user-ex__title {
        max-width: 100%;
    }
}