﻿
    .Center .ReviewDetalis {
        display: inline-block;
        float: right;
        width: 100%;
        height: 100%;
        background: #fff;
        margin-top: 8px;
        margin-bottom: 8px;
        padding-bottom: 24px;
        max-height: 9999px;
        border: 1px solid #E5E6E5;
        border-radius: 6px;
    }

        .Center .ReviewDetalis::after {
            content: '';
            clear: both;
        }

        .Center .ReviewDetalis .WriterNameAndRate {
            display: flex;
            /*justify-content: space-evenly;*/
            width: 100%;
            height: 37px;
            margin-top: 24px;
            /*padding-left:100px;*/
        }

            .Center .ReviewDetalis .WriterNameAndRate .WriterName {
                /* display: inline-block;
                float: right;  */
                color: #000;
                text-align: right;
                direction: rtl;
                max-width: 200px;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                font-weight: 700;
                font-size: 16px;
            }

            .Center .ReviewDetalis .WriterNameAndRate .ReviewDate {
                color: #444749;
                text-align: right;
                direction: rtl;
                font-size: 14px;
                line-height: 18px;
                margin-top: 4px;
            }

            .Center .ReviewDetalis .WriterNameAndRate .RateStarsContainer {
                display: inline-block;
                float: left;
                /* width: 100px;*/
                height: 50px;
            }

            .Center .ReviewDetalis .WriterNameAndRate .RateStars {
                width: 60px;
                height: 18px;
                background-color: #000;
                background: url(https://img.zap.co.il/imgs/zapmobile/stars/new/star_empty.png) repeat-x right transparent;
                background-size: 12px 11.54px;
                margin-left: 5px;
                margin-top: 5px;
                margin-bottom: 5px;
                /*display: inline-block;
                    display: inline-block;
                float: right;
                width: 100px;
                height: 19px;
                background-color: #000;
                background: url(https://img.zap.co.il/imgs/zapmobile/stars/new/icon_star_empty.svg) repeat-x right transparent;
                background-size: 20px 16px;
                margin-top: 13px*/
            }

                .Center .ReviewDetalis .WriterNameAndRate .RateStars span {
                    height: 18px;
                    background: url(https://img.zap.co.il/imgs/zapmobile/stars/new/star_full_turquoise.png) repeat-x right transparent;
                    background-size: 12px 11.54px;
                    display: block;
                  
                }
                .Center .ReviewDetalis .WriterNameAndRate .RateStars.ModelReview span {
                    height: 18px;
                    background: url(https://img.zap.co.il/imgs/zapmobile/stars/new/star_full_orange.png) repeat-x right transparent;
                    background-size: 12px 11.54px;
                    display: block;
                }

        .Center .ReviewDetalis .ReviewDetalisTitle {
            display: inline-block;
            float: right;
            width: 100%;
            height: 18px;
            font: bold 10pt arial;
            color: #000;
            text-align: right;
            direction: rtl;
            line-height: 25px;
            font-size: 16px;
            font-family: 'Assistant'
        }

        .Center .ReviewDetalis .ReviewTxt {
            display: block;
            color: #000;
            line-height: 22px;
            margin-top: 8px;
            font-size: 16px;
        }

        .Center .ReviewDetalis .SectionTitle {
            color: #000;
            text-align: right;
            direction: rtl;
            max-width: 90px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            font-weight: 600;
            font-size: 16px;
            margin-top:16px;
        }

        .Center .ReviewDetalis .ReviewTxtElipsis {
            display:block;
            text-align:right;
            overflow: hidden;
            line-height: 22px;
           
            -webkit-line-clamp: 2;
            margin-top:0;
        /*    display: -webkit-box; -webkit-box-orient: vertical;margin-bottom: 16px;*/
        }

        .Center .ReviewDetalis .ReviewUps, .ReviewDowns {
            display: inline-block;
            float: right;
            width: 100%
        }

            .Center .ReviewDetalis .ReviewUps .ReviewUpsIcon, .ReviewDownsIcon {
                display: inline-block;
                float: right;
                width: 30px;
                height: 30px;
                margin: 13px 10px 10px 5px
            }

                .Center .ReviewDetalis .ReviewUps .ReviewUpsIcon img, .ReviewDownsIcon img {
                    height: 25px;
                    width: 25px
                }

        .Center .ReviewDetalis .UpsAndDownsTxt {
            display: inline-block;
            float: right;
            width: 77%;
            margin: 10px 0 10px 10px;
            font: 10pt arial;
            color: #000;
            text-align: right;
            direction: rtl
        }

.Madeinisrael {
    display: inline-block;
    float: right;
    width: 43px;
    height: 34px;
    position: absolute;
    margin: 61px 56px 0 0
}

.ReviewHelpedMeSpacer {
    display: inline-block;
    float: right;
    width: 100%;
    background-color: #ebebeb;
    padding: 5px
}

.ReviewHelpedMeWrp {
    display: inline-block;
    float: right;
    margin: 13px 0 0 0;
    /*padding-bottom: 10px;*/
    width: 100%;
    z-index: 10;
}

    .ReviewHelpedMeWrp .ReviewHelpedMeTitle {
        float: right;
        color: black;
        direction: rtl;
        text-align: center;
        padding-top: 13px;
        font-size: 14px;
    }

    .ReviewHelpedMeWrp .cellRight {
        /*display: inline-block;*/
        text-align: center;
        width: 46%
    }

    .ReviewHelpedMeWrp .cellLeft {
        /*display: inline-block;float: left*/
        text-align: center;
        margin-left: 0;
        
    }

    .ReviewHelpedMeWrp .like {
        position: relative;
        float: right;
        background-color: #efefef;
        margin-top: 5px;
        margin-right: 5px;
        border-radius: 5px;
        width: 65px;
        height: 32px;
        margin-left:30px;
    }

        .ReviewHelpedMeWrp .like .count {
            position: absolute;
            left: 12px;
            top: 8px;
            font: 14px arial;
            text-align: center;
            color: black
        }

        .ReviewHelpedMeWrp .like .thumbUp {
            position: absolute;
            right: 5.5px;
            top: 6px;
            cursor: pointer
        }

        .ReviewHelpedMeWrp .like .thumbDown {
            position: absolute;
            right: 5.5px;
            top: 6px;
            cursor: pointer
        }

        .ReviewHelpedMeWrp .like .thumbUp .imgYes {
            width: 19px;
            height: 19px;
            display: inline-block;
            background-color: black;
            -webkit-mask: url(https://img.zap.co.il/imgs/zapmobile/svg/like.svg) no-repeat center;
            mask: url(https://img.zap.co.il/imgs/zapmobile/svg/like.svg) no-repeat center;
        }

        .ReviewHelpedMeWrp .like .thumbDown .imgNo {
            width: 19px;
            height: 19px;
            display: inline-block;
            background-color: black;
            transform: scale(-1,1);
            -webkit-mask: url(https://img.zap.co.il/imgs/zapmobile/svg/icon_dislike.svg) no-repeat center;
            mask: url(https://img.zap.co.il/imgs/zapmobile/svg/icon_dislike.svg) no-repeat center;
        }

        .Center .ReviewHelpedMeWrp .like .thumbDown .imgNo {
            transform:unset;
        }

    .ReviewHelpedMeWrp .seperator {
        display: inline-block;
        width: 2px;
        height: 18px;
        background-color: white;
        margin-top: 7px;
    }

.Center .ReviewDetalis .ReviewImage {
    display: inline-block;
    float: right;
    width: 100%
}

.ReviewImage img.reviewImage {
    border: 1px solid #ddd;
    border-radius: 4px;
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    margin: 10px;
    display: inline-block;
    float: right
}

.sidebar-box {
    position: relative;
    overflow: hidden
}

.Center .ReviewDetalis .read-more {
    width: 24px;
    height: 24px;
    float: left;
    margin-top: 8px;
}

.Center .ReviewDetalis .ArrowDownReview {
    margin-bottom: 16px;
}

.Center .ReviewDetalis .ArrowUpReview {
}

.Center .ReviewDetalis .ArrowDownReview small {
    border-left: 1px solid #377E91;
    border-bottom: 1px solid #377E91;
    width: 7.5px;
    height: 7.5px;
    display: inline-block;
    transform: rotate( -45deg );
    vertical-align: middle;
}

.Center .ReviewDetalis .ArrowUpReview small {
    border-left: 1px solid #377E91;
    border-bottom: 1px solid #377E91;
    width: 7.5px;
    height: 7.5px;
    display: inline-block;
    transform: rotate( 134deg );
    vertical-align: middle;
}

/*.Center .ReviewDetalis .read-more {*/
/* float: left;*/
/*  display: inline-block;*/
/*position: absolute;
    left: 4px;
    height: 24px;*/
/* bottom: 27px;*/
/*width: 11px;
    margin-bottom: 92px;
    background-color: #fff;
    direction: ltr;
}*/

.Center .ReviewDetalis .read-more::after {
    content: '';
    clear: both;
}

.Center .ReviewMoreDetailsRow {
    display: inline;
    height: 54px;
}

.Center .ReviewMoreDetails {
    overflow: hidden;
    /*  margin-bottom: -9px;
    margin-top: 8px;*/
    width: calc(100% - 40px);
    float: right;
    border-right: 1px #E5E6E5 solid;
    margin-top: 24px;
    margin-right: 55px;
    padding-right: 60px;
}
.Center .ReviewDetalis.DontClick .ReviewMoreDetails {
    overflow: visible;
}
.Center .ReviewDetalis.DontClick .ReviewTxtElipsis {
    overflow: visible;
}
   
    .Center .ReviewDetalis.DontClick .ReviewMoreDetails .tooltiptext.hidden{
        visibility: hidden;
    }
        .Center .ReviewDetalis.DontClick .ReviewMoreDetails .tooltiptext.show {
            visibility: visible;
        }
    .ReviewDetalis.sidebar-box.DontClick {
        overflow: visible !important;
    }



.Center .ReviewMoreDetails.Open {
    display: inline;
}
/* .Center .ReviewMoreDetails .startText {
        display: block;
        width: 95%;
    }*/
.reviewSlider {
    max-height: 95px !important
}

.basic-modal-body .reviewSlider {
    max-height: 160px !important
}

.reviewBody {
    /* height: 117px;*/
}

.ReviewTxt .restOfText {
    display: none
}

    .ReviewTxt .restOfText.Open {
        display: inline
    }

.RestOfReviewBody {
    /*display: none*/
}

.ReviewMoreDetails .ReviewUsingTime {
    display: inline-block;
    float: right;
    /*font: 14px arial;*/
    font-size:16px;
    color: #3c3c3c;
    text-align: right;
    direction: rtl;
    margin-top: 5px;
    line-height: 20px;
    margin-top: 15px
}

    .ReviewMoreDetails .ReviewUsingTime .Title {
        font-weight: bold
    }

.RestOfReviewBody .opinions {
    display: inline-block;
    width: calc(100% - 2px);
    margin-top: 25px
}

    .RestOfReviewBody .opinions .opinionIcon {
        width: 24px;
        height: 24px;
        float: right
    }
/*
.positive {
    filter: invert(97%) sepia(69%) saturate(1132%) hue-rotate(52deg) brightness(94%) contrast(77%);
}

.netural {
    filter: invert(71%) sepia(19%) saturate(5701%) hue-rotate(338deg) brightness(119%) contrast(110%);
}

.negative {
    filter: invert(42%) sepia(80%) saturate(633%) hue-rotate(324deg) brightness(96%) contrast(93%);
}
*/

.RestOfReviewBody .opinion {
    display: inline-block;
    width: 100%;
    font-family: 'Assistant', Arial, sans-serif;
    font-size: 16px;
    color: #3c3c3c;
    text-align: right;
    direction: rtl;
    margin-bottom: 4px
}

    .RestOfReviewBody .opinion.hide {
        display: none
    }

    .RestOfReviewBody .opinion .text {
        display: inline-block;
        float: right;
        width: calc(100% - 36px);
        color: #3c3c3c;
        text-align: right;
        direction: rtl;
        margin-right: 10px;
        line-height: 22px
    }
