﻿.insert_comment_div{ width:98%;
    height:auto;
    min-height:80px;
    margin:auto;
    text-align:justify;
    direction:rtl;
}
.div_around_txt_box{float:right;width:100%;height:auto;display:inline-block;}
.txt_box_style{
    border:1px solid #ddd;
    width:80%;
    height:30px;
    margin-right:22px;
    float:right;
    border-radius:4px;
}
.title_txt_box_style{font-size:12px;float:right;text-align:center;padding-top:5px;width:60px;display:inline-block;}
.multi_box_style{width:95%;height:140px;border:1px solid #ddd;margin:15px 10px 15px 10px;resize:none;overflow-y:auto;border-radius:4px;}
.insert_comment_btn{padding:9px 15px;float:left;margin-left:5%;background-color:#3e86cb;color:#fff;cursor: pointer;border:1px solid #166bbd;border-radius:4px;margin-bottom:15px;font-size:14px;}
.insert_comment_btn:hover{background-color:#166bbd;}
.comments_index_div{
    width:96%;
    height:auto;
    margin:auto;
    margin-top:15px;
    margin-bottom:35px;
}
.one_comment_div{
    width:98%;
    height:auto;
    margin:auto;
    border-bottom:1px solid #ddd;
    text-align:right;
    padding-bottom:10px;
    direction:rtl;
}
.one_comment_div_child{width:94%;margin-right:3%;border-right:8px solid #eee;padding-right:8px;direction:rtl;text-align:right;}
.alert_massage{font-size:8pt;color:#f00;}
.around_name_date{width:100%;height:25px;display:block;margin-top:11px;padding-top:10px;}
.user_comment_name{font-size:13px;font-weight:bold;color:#fb6666;}
.user_comment_name_say{color:#888;font-size:12px;}
.date_comment{color:#999;margin-right:10px;display:inline-block;font-size:11px;float:left;}
.user_comment_text{font-size:13px;color:#888;line-height:1.5;text-align:justify;}
.reply_user_comment_div{width:100%;height:auto;min-height:25px;margin-top:12px;}
.link_massage_style{color:#888;font-size:12px;}
.like_massage_nummber_style{font-size:16px;color:#ff6a00;font-weight:bold;margin-right:4px;}
.response_massage_style{color:#888;font-size:12px;margin-right:15px;}
     #exit2 {
                color: #222;
                font-size: 13pt;
                margin: 4px 0px 0px 6px;
            }


            .icon-remove {
                color: #fff;
                background-color: #ff0000;
                padding: 2px 4px 3px 4px;
                border-radius: 5px;
                -o-border-radius: 5px;
                -ms-border-radius: 5px;
                -webkit-border-radius: 5px;
            }

            #MessageBox {
                position: fixed;
                top:12%;
                right:35%;
                width: 300px;
                height: 120px;
                
                background-color: #ffffff;
                z-index: 60000000;
                border-radius: 3px;
            }
            @media (min-width:2px) and (max-width:700px){
                #MessageBox {right:10%;}
                
            }
            #ChildAnswer {
                position: fixed;
                top: 10%;
                right: 32%;
                width: 500px;
                height: 500px;
                overflow: auto;
                overflow-x: hidden;
                background-color: #ffffff;
                z-index: 60000000;
                border-radius: 3px;
            }
            .prdct_shop_box3{width:90%;height:auto;margin:auto;text-align:right;margin-top:5px;border-radius:10px;}
            .shop_icons_cntinu3{width:90%;margin:auto;height:40px;margin-top:15px;text-align:center;}
            .cancle_btn{padding:9px 15px;border:1px solid #b70c2b;background-color:#f2173f;color:#fff;font-size:14px;border-radius:4px; cursor: pointer;margin-right:40px;}
            .cancle_btn:hover{background-color:#b70c2b;}
            .shop_icons_cntinu2{width:40%;margin:auto;height:40px;margin-top:15px;}
            .prdct_shop_box2{width:80%;height:20px;margin:auto;text-align:center;margin-top:20px;}
            .like_massage{text-align:center;color:#41d702;}
            @media (min-width:2px) and (max-width:970px){
                .div_around_txt_box{width:100%;}
                .div_around_multi_txt_box{width:100%;}

            }
                        @media (min-width:2px) and (max-width:700px){#ChildAnswer{right:4%;}}
@media (max-width:520px) {
    #ChildAnswer {
        width: 300px;
        right: 0;
    }
}
.error{
                clear: none;
            color: Red;
            float: left;
            margin-right:5%;
            white-space: nowrap;
            font-size: 9pt;
            display: inline-block;
}