﻿
/* Comments Updates Start */
.CommentsMainContainer {position:relative;padding-right:75px;}
.commentsTabsBlock{display:block;clear:both;}
.commentsTabsBlock h1{font-size:24px;font-weight:bold;color:#000;margin:10px 0;}
.commentsTabsBlock ul li{display:block;background:#636ab0;height:22px;color:#fff;font-size:16px;font-weight:bold;text-align:center;height:22px;padding:5px 0;cursor:pointer;float:right;margin-left:5px;position:relative;}
.commentsTabsBlock ul li.select{cursor:auto;}
.commentsTabsBlock ul li.visitorTab {width:70px;background:url('/Content/images/commentstabsicons.png') scroll no-repeat 49px 4px #636ab0;padding-right:10px;}
.commentsTabsBlock ul li.ArabyAccountTab {width:159px;background:url('/Content/images/commentstabsicons.png') scroll no-repeat 137px -57px  #636ab0;padding-right:10px;}
.commentsTabsBlock ul li.FacbookAccountTab {width:80px;background:url('/Content/images/commentstabsicons.png') scroll no-repeat 62px -120px  #636ab0;padding-right:10px;}
.commentsTabsBlock ul li.TwitterAccountTab {width:80px;background:url('/Content/images/commentstabsicons.png') scroll no-repeat 62px -205px  #636ab0;padding-right:10px;}

.commentsTabsBlock ul li.visitorTab.select {background:url('/Content/images/commentstabsicons.png') scroll no-repeat 49px -26px #d8d8e0; color:#000;}
.commentsTabsBlock ul li.ArabyAccountTab.select {background:url('/Content/images/commentstabsicons.png') scroll no-repeat 137px -89px #d8d8e0; color:#000;}
.commentsTabsBlock ul li.FacbookAccountTab.select {background:url('/Content/images/commentstabsicons.png') scroll no-repeat 62px -151px #d8d8e0; color:#000;}
.commentsTabsBlock ul li.TwitterAccountTab.select {width:80px;background:url('/Content/images/commentstabsicons.png') scroll no-repeat 62px -180px  #d8d8e0;padding-right:10px;color:#000;}
#facbookNameBlock {display:none;}
#facbookNameBlock ul li{display:block;float:right;}
#facbookNameBlock h2 {border:none;font-size:14px; font-weight:bold;color:#636ab0;font-family:Arial;}
.facebookNM{font-size: 19px;color: #5d5d5d;direction: rtl;}
.facebookNameLi {margin-left:74px;}
.facebookNameTitle {margin-left:10px;}
#FacbookFormId .DP-CommentsNameContainer{display:none;}
#FacbookFormId  .DP-CommentsEmailContainer{display:none;}

#FacbookFormId #facbookNameBlock {display:block;}
.replayOnCommentsBlock {width:100%;margin-top:25px;position:relative;}
.replayOnCommentsBlock ul li {display:block;float:right;}
.replayOnCommentsBlock ul li.replayCommentsLink{margin-left:5px;cursor:pointer;}
.replayOnCommentsBlock ul li.replayCommentsCounts{margin-left:3px;cursor:pointer;}
.replayOnCommentsBlock ul li.replayCommentsLink span{color:#555555;font-size:16px;font-weight:bold;}
.replayOnCommentsBlock ul li.replayCommentsCounts span{color:#636ab0;font-size:16px;font-weight:bold;}
.replayOnCommentsBlock ul li.replayCommentsArrow span{color:#636ab0;font-size:16px;font-weight:bold;cursor:pointer;width: 12px;
height: 18px;}

.LikeCommentsImg span{display:block;width:16px;height:16px;background:url('/Content/images/commentstabsicons.png') scroll no-repeat -6px -395px  transparent; cursor:pointer;}
.LikeCommentsImg {margin-right: 15px;}
.LikeCommentTxt span{color:#636ab0;font-size:16px;font-weight:bold;cursor:pointer;}
.LikeCommentTxt{margin-right:10px;}
.LikeCommentCount span{color:#636ab0;font-size:16px;font-weight:bold;}
.LikeCommentCount {margin-right:5px;}


.disLikeCommentsImg span{display:block;width:16px;height:16px;background:url('/Content/images/commentstabsicons.png') scroll no-repeat -6px -423px  transparent; cursor:pointer;margin-top: 4px;}
.disLikeCommentsImg {margin-right: 15px;}
.disLikeCommentTxt span{color:#636ab0;font-size:16px;font-weight:bold;cursor:pointer;}
.disLikeCommentTxt{margin-right:10px;}
.disLikeCommentCount span{color:#636ab0;font-size:16px;font-weight:bold;}
.disLikeCommentCount {margin-right:5px;}
.Likedisbeld,.Likedisbeld span {cursor:default !important;opacity: 0.7;}
.zeroReplay span {cursor:default !important;background:url('/Content/images/commentstabsicons.png') scroll no-repeat -6px -513px  transparent;display:block;}
.ZeroCoutReplay span{color:#9a999a !important;cursor:default;}
.notZero span {background:url('/Content/images/commentstabsicons.png') scroll no-repeat -6px -483px  transparent;display:block;cursor:pointer !important;}
.Open span {background:url('/Content/images/commentstabsicons.png') scroll no-repeat -8px -467px  transparent;display:block;cursor:pointer !important;}


.ReplayBlock_commentId {clear:both;display:none;margin-top:10px;}
.Replay-DP-CommentsItem {
width:555px;
direction: rtl;
background:#e5e4e4;
margin-right:40px;
margin-bottom: 10px;
padding:10px;
}
.Replay-DP-CommentsInfo {
font-size: 18px;
color: #5d5d61;
direction: rtl;
margin: 0 1px;
float: right;
}
.Replay-DP-CommentsBody{font-size:17px;font-weight:bold;color:#5d5d61;line-height:24px;word-wrap: break-word;}
.Replay-replayOnCommentsBlock ul li {display:block;float:right;}

.Replay-LikeCommentsImg span{display:block;width:16px;height:16px;background:url('/Content/images/commentstabsicons.png') scroll no-repeat -6px -395px  transparent; cursor:pointer;}
.Replay-LikeCommentsImg {margin-right: 15px;}
.Replay-LikeCommentTxt span{color:#636ab0;font-size:16px;font-weight:bold;cursor:pointer;}
.Replay-LikeCommentTxt{margin-right:10px;}
.Replay-LikeCommentCount span{color:#636ab0;font-size:16px;font-weight:bold;}
.Replay-LikeCommentCount {margin-right:5px;}

.Replay-disLikeCommentsImg span{display:block;width:16px;height:16px;background:url('/Content/images/commentstabsicons.png') scroll no-repeat -6px -423px  transparent; cursor:pointer;margin-top: 4px;}
.Replay-disLikeCommentsImg {margin-right: 15px;}
.Replay-disLikeCommentTxt span{color:#636ab0;font-size:16px;font-weight:bold;cursor:pointer;}
.Replay-disLikeCommentTxt{margin-right:10px;}
.Replay-disLikeCommentCount span{color:#636ab0;font-size:16px;font-weight:bold;}
.Replay-disLikeCommentCount {margin-right:5px;}

.Replay-replayOnCommentsBlock{clear:both;width: 100%;
margin-top: 10px;
position: relative;}

.replaySprator {height:2px;background:#dbd9d9;margin-top:10px;margin-bottom:10px;
direction: rtl;
margin-right:40px;}



.CommentShareBlock {position:absolute;left:0;top:-9px;width:87px;height:24px;}
.CommentShareBlock a{display:block;float:right;width:24px;height:24px;margin-right:5px;cursor:pointer;}
.CommentShareBlock a.shareCommentFB{background:url('/Content/images/commentstabsicons.png') scroll no-repeat -3px -287px  transparent;}
.CommentShareBlock a.shareCommentTwitter{background:url('/Content/images/commentstabsicons.png') scroll no-repeat -3px -325px  transparent;}
.CommentShareBlock a.reportCommentBlock{background:url('/Content/images/commentstabsicons.png') scroll no-repeat -3px -445px   #ff0000;}
.CommentShareBlock a.reportdisabeld{cursor:auto !important;background:url('/Content/images/commentstabsicons.png') scroll no-repeat -3px -445px   #8e9192;}
.Replay-reportCommentBlockLi{width:24px;height:24px;margin-right:5px;cursor:pointer;margin-right: 314px;}
.Replay-reportCommentBlock{background: url('/Content/images/commentstabsicons.png') scroll no-repeat -3px -445px #ff0000;
display: block;
width: 24px;
height: 24px;}
a.Replay-reportdisabeld{cursor:auto !important;background:url('/Content/images/commentstabsicons.png') scroll no-repeat -3px -445px   #8e9192;}
.RepSparator{color:#555555;margin-left: 5px;}
.commentsLoadingTabs {width:12px;height:12px;position:absolute;left:4px;top:9px;display:none;}
.replayFormBlock {width: 545px;
direction: rtl;
background: #e5e4e4;
margin-right: 40px;
margin-bottom: 10px;
padding: 20px;display:none;
padding-left:10px;
margin-top: 11px;
position:relative;
padding-top:5px;

}
#addComment_userName.replayCategory {width: 411px;} 
#addComment_email.replayCategory {width: 411px;} 
#addComment_comment.replayCategory{width: 410px;} 
.replayFormBlock .DP-CommentsEmailContainer{margin-top:10px;}
.replayFormBlock .DP-CommentsTextContainer{margin-top:12px;}
.closeForm {position:absolute;left:29px;top:17px;font-size:18px;font-weight:bold;color:#5d5e5f;cursor:pointer;}
.closeForm span{font-family: arial;}
.reportLoading{background:url("/Content/images/reportComment.gif") scroll center center no-repeat #ff0000 !important;}
.captchErrorTxt{border:1px solid red !important;}
.CaptchaError{display: block;
font-size: 15px;
margin-right: 100px;
margin-top: 5px;color:red;font-weight:bold;}
#commentsFormSubmitBtn.replayCategory{margin-left:20px;}
/* Comments Updates End */


/*Comments Start*/
.DP-Comments
{
    float: right;
    width: 615px;
    border-top: 1px solid #D2CFCF;
    margin-bottom: 13px;
    margin-top: 15px;
}
.DP-CommentsNote 
{
    padding-top: 22px;
    font-size: 16px;
    font-weight: bold;
    color: #5d5d5d;
    direction: rtl;
    display: block;
}
.DP-CommentsWarning
{
    font-size: 15px;
    font-weight: bold;
    color: #d01d1d;
}
.DP-CommentsTitle
{
    direction: rtl; 
    font-size: 26px;
    font-weight: bold;
    padding-top: 9px;
    line-height: 34px;
    display:none;
}
.DP-CommentsItem
{
    border-bottom: 2px solid #DBD9D9;
   
    width: 100%;
 padding-bottom: 5px;
direction: rtl;
padding-top: 5px
}
.DP-CommentsInfo
{
    font-size: 19px;
    color: #5d5d5d;
    direction: rtl;
    margin: 0 1px;
    float:right;
}
.DP-CommentsBody
{
    font-size: 19px;
    color: #5d5d5d;
    direction: rtl;
    width: 621px;
    line-height: 26px;
    clear:both;
    word-wrap: break-word;
}
.DP-CommentsLike
{
    margin-right: 13px;
    font-size: 19px;
    margin-left: 20px;
    color: #5d5d5d;
}
.DP-CommentsDisLike
{
    font-size: 19px;
    margin-left: 20px;
    color: #5d5d5d;
}
.DP-CommentsLike img
{
    margin-right: 5px;
}
.DP-CommentsDisLike img
{
    margin-right: 5px;
}
.DP-CommentsForm
{
    
    width: 100%;
    margin-right: 0px;
    margin-top: 18px;
}
.DP-CommentsNameContainer
{
    direction: rtl;
}
.DP-CommentsNameLable
{
    font-size: 19px;
    color: #5d5d5d;
    direction: rtl;
    margin-left: 61px;
}
.DP-CommentsNameLable em
{
    color: #d01d1d;
}
.DP-CommentsNameInput
{
    height: 28px;
    border: 1px solid #D2CFCF;
    padding: 0;
    width: 499px;
    direction: rtl;
    padding-right: 10px;
    font-size:18px;
    font-family: Nassim;
}
.DP-CommentsTextContainer
{
    direction: rtl;
    margin-top: 21px;
}
.DP-CommentsTextLable
{
    font-size: 19px;
    color: #5d5d5d;
    direction: rtl;
    vertical-align: top;
    margin-left: 51px;
    
}
.DP-CommentsTextLable em
{
    color: #d01d1d;
    vertical-align: top; 
}
.DP-CommentsTextInput
{
    height: 163px;
    direction: rtl;
    border: 1px solid #D2CFCF;
    padding: 0;
    width: 499px;
    padding-right: 10px;
    padding-top: 10px;
    resize: none;
    font-family:Nassim;
    font-size:18px;
    float:left;
}
.DP-CommentsTextrem
{
    display: block;
    font-size: 18px;
    color: #5d5d5d;
    margin-right: 103px;
}
.CommentscaptchaBlock {display:none;}
.DP-CommentscaptchaContainer
{
    margin-right: 103px;
    margin-top: 17px;   
}
.DP-CommentsCaptchaContainer
{
    direction: rtl;
    margin-top: 6px;
    clear:both;
}
.DP-CommentsCaptchaLable
{
    font-size: 19px;
    color: #5d5d5d;
    direction: rtl;
    margin-left: 18px;
}
.DP-CommentsCaptchaLable em
{
    color: #d01d1d;
}
.DP-CommentsCaptchaInput
{
    height: 28px;
    border: 1px solid #D2CFCF;
    padding: 0;
    width: 178px;
    direction: ltr;
    text-align: left;
    padding-left:10px;
      font-family: Nassim;
      font-size:18px;
}
.DP-CommentsCaptcharem
{
    display: block;
    font-size: 19px;
    margin-right: 100px;
    margin-top: 3px;
}
.DP-CommentsCaptcharem em
{
    color: #d01d1d;
}
.DP-CommentsButton
{
    color: #FFF;
    width: 103px;
    height: 30px;
    background: #636AB0;
    display: block;
    text-align: center;
    line-height: 30px;
    margin-top: 13px;
    float: left;
    margin-bottom: 10px;
}

span.error
{
    font-size: 15px;
    color: red;
    padding-right: 101px;
    font-weight: bold;
    padding-top: 5px;
    display: block;
    direction: rtl;
}
.DP-CommentsEmailContainer
{
    margin-top: 20px;
    direction:rtl;
}
#addComment_email
{
    border: 1px solid #D2CFCF;
    direction: ltr;
    height: 28px;
    padding: 0;
    font-size:18px;
    width: 499px;
    padding-left: 10px;
    font-family:Nassim;
    margin-right:7px;
}

.DP-CommentsEmailLable
{
    color: #5D5D5D;
    direction: rtl;
    font-size: 19px;
    margin-right: 0px;
}
.DP-CommentsEmailLable em
{
    color: #D01D1D;
}


.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	outline: 0;
	z-index:99999999999999;
}

.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,0.8);
	z-index:99999;
}
.CommentscaptchaContainerBlock
{
    width: 228px;
    height: 34px;
    border: 1px solid #dcdad0;
    float:right;
    margin-bottom:10px;
}
.ui-dialog-titlebar{display:none;}
.CommentsDailog{width:100%;height:190px;background:#fff;border:1px solid #dfe1ee;margin:0 auto;display:none;margin-top:20px;position:relative;direction:rtl;}
.CommentsDailogHeader{height:60px;background:#636ab0;position:relative;}
.CommentsDailogContent{padding:10px;font-weight:bold;}
.thanksDiv{font-size:18px;margin-top:25px;}
.CommentMsg{font-size:18px;}
.closeCommentDialog{  left: 10px;
    position: absolute;
    text-align: right;
    bottom: 18px;}
.closeCommentDialog a{width:104px;height:24px;background:#636ab0;color:#fff;display:block;text-align:center;padding:5px 0;}
.LoadMoreComments{font-size:18px;font-weight:bold;text-align:left;padding:10px 0;cursor:pointer;display:none;}
.LoadMoreComments:hover {color:#6269b6;}
#divCommentsPaginations{clear:both;margin-top:10px;}
#divCommentsPagesLinks{width:500px;margin:0 auto;}
#divCommentsPagesLinks ul {padding:0;margin:0;list-style-type:none;}
#divCommentsPagesLinks ul li {width:15px;height:15px;background:#636ab0;display:inline-block;margin-right:10px;}
#divCommentsPagesLinks ul li a span {color:#fff;display:block;}
.commentsNotes 
{
    padding-top:15px;
font-size: 16px;
font-weight: bold;
color: #5d5d5d;
direction: rtl;
display: block;
float:right;

}
.commentsNotes a
{
    color:#636AB0;
    white-space:nowrap;
}

.CommentBlockLoading{text-align:center;padding: 30px 0;}

@media only screen and (max-width: 767px), only screen and (max-device-width: 640px)
{
    .DP-Comments
    {
        float: right;
        width: 94.3%;
        border-top: 1px solid #D2CFCF;
        padding:15px 2.7% 13px 2.7%;
        background: #F5F5F5;
        margin:0;
    }
    #CommentsFormBlock
    {
        width:100%;
        margin:0 auto;    
    }
    .commentsTabsBlock ul li {
      display: block;
      background: #636ab0;
      height: 45px !important;
      color: #fff;
      font-size: 25px;
      font-weight: bold;
      text-align: center;
      padding: 5px 0;
      cursor: pointer;
      float: right;
      margin-left: 0px;
      position: relative;
      line-height:45px;
    }
    .commentsTabsBlock ul li.visitorTab 
    {
        width:30%;background: url('/Content/images/commentstabsiconsMobile.png') scroll no-repeat 13px 7px #636ab0;
        padding-right: 0;
        margin-left:5%;
    }
    .commentsTabsBlock ul li.FacbookAccountTab 
    {
        width:30%;
        background: url('/Content/images/commentstabsiconsMobile.png') scroll no-repeat 10px -216px #636ab0;
        padding-right: 0;
        margin-left:5%;
    }
    .commentsTabsBlock ul li.TwitterAccountTab 
    {
        width:30%;
        background: url('/Content/images/commentstabsiconsMobile.png') scroll no-repeat 11px -368px #636ab0;
        padding-right: 0;
    }

    .commentsTabsBlock ul li.visitorTab.select {background:url('/Content/images/commentstabsiconsMobile.png') scroll no-repeat 13px  -47px #d8d8e0; color:#000;}
    .commentsTabsBlock ul li.FacbookAccountTab.select {background:url('/Content/images/commentstabsiconsMobile.png') scroll no-repeat 7px -272px #d8d8e0; color:#000;}
    .commentsTabsBlock ul li.TwitterAccountTab.select { width:30%;background:url('/Content/images/commentstabsiconsMobile.png') scroll no-repeat 11px -324px  #d8d8e0;color:#000;padding-right: 0px;}
    .DP-CommentsNameLable {
      font-size: 25px;
      color: #5d5d5d;
      direction: rtl;
      margin-left: 0px;
      width: 16%;
      display: inline-block;
      vertical-align:middle;
    }
    .DP-CommentsNameInput {
      height: 47px;
      border: 1px solid #D2CFCF;
      padding: 0;
      width: 83%;
      direction: rtl;
      padding-right: 2%;
      font-size: 25px;
      font-family: Nassim;
      box-sizing: border-box;
    }
    .DP-CommentsEmailContainer 
    {
        margin-top: 20px;
        direction:rtl;
    }
    .DP-CommentsEmailLable 
    {
        color: #5D5D5D;
        direction: rtl;
        font-size: 25px;
        margin-right: 0px;
        width: 16%;
        display: inline-block;
        vertical-align:middle;
    }
    #addComment_email {
        border: 1px solid #D2CFCF;
        direction: ltr;
        height: 47px;
        padding: 0;
        font-size: 25px;
        width: 83%;
        padding-left:2%;
        font-family: Nassim;
        box-sizing: border-box;
        margin-right: 0px;
    }
    .DP-CommentsTextLable
    {
        font-size: 25px;
        color: #5d5d5d;
        direction: rtl;
        vertical-align: top;
        margin-left: 0;
        display:inline-block;
        width:16%;
    }
    .DP-CommentsTextInput {
      height: 163px;
      direction: rtl;
      border: 1px solid #D2CFCF;
      padding: 0;
      width: 83%;
      padding-right: 2%;
      padding-top: 10px;
      resize: none;
      font-family: Nassim;
      font-size: 25px;
      box-sizing: border-box;
    }
    
    .DP-CommentsTextrem {
      display: block;
      font-size: 25px;
      color: #5d5d5d;
      margin-right: 0px;
    }
    .DP-CommentsCaptcharem {
      display: block;
      font-size: 25px;
      margin-right: 0;
      margin-top: 3px;
    }
    .DP-CommentsInfo {
      font-size: 28px;
      color: #5d5d5d;
      direction: rtl;
      margin: 0 1px;
      float: right;
    }
    .DP-CommentsInfo.DP-CommentsDate {white-space: nowrap;}
    .DP-CommentsBody {
      font-size: 28px;
      color: #5d5d5d;
      direction: rtl;
      width: 100%;
      line-height: 26px;
      clear: both;
      word-wrap: break-word;
    }
    .replayOnCommentsBlock ul li.replayCommentsLink span {
      color: #555555;
      font-size: 25px;
      font-weight: bold;
      display:block;
      white-space: nowrap;
    }
    .RepSparator {
      color: #555555;
      margin-left: 5px;
      font-size: 25px;
    }
    .replayOnCommentsBlock ul li.replayCommentsCounts span {
      color: #636ab0;
      font-size: 25px;
      font-weight: bold;
    }
    .DP-CommentsTitle {
      direction: rtl;
      font-size: 35px;
      font-weight: bold;
      padding-top: 9px;
      line-height: 34px;
      display: none;
    }
    .DP-CommentsNote {
      padding-top: 22px;
      font-size: 25px;
      font-weight: bold;
      color: #5d5d5d;
      direction: rtl;
      display: block;
    }
    .replayOnCommentsBlock ul li.LikeCommentTxt  {display:none;}
    .LikeCommentTxt span {
      color: #636ab0;
      font-size: 25px;
      font-weight: bold;
      cursor: pointer;
    }
    .LikeCommentCount span {
      color: #636ab0;
      font-size: 25px;
      font-weight: bold;
    }
    .replayOnCommentsBlock ul li.disLikeCommentTxt  {display:none;}
    .disLikeCommentTxt span {
      color: #636ab0;
      font-size: 25px;
      font-weight: bold;
      cursor: pointer;
      white-space: nowrap;
    }
    .disLikeCommentCount span {
      color: #636ab0;
      font-size: 25px;
      font-weight: bold;
    }
    .DP-CommentsItem {
      border-bottom: 2px solid #DBD9D9;
      width: 100%;
      direction: rtl;
      padding-top: 5px;
      padding-bottom:0;
    }
    .CommentShareBlock {
      position: absolute;
      left: 0;
      top: 42px;
      width: 177px;
      height: 46px;
    }
    .LikeCommentsImg span {
      display: block;
      width: 35px;
      height: 35px;
      background: url('/Content/images/commentstabsiconsMobile.png') scroll no-repeat -6px -704px transparent;
      cursor: pointer;
    }
    .disLikeCommentsImg span {
      display: block;
      width: 35px;
      height: 35px;
      background: url('/Content/images/commentstabsiconsMobile.png') scroll no-repeat -6px -750px transparent;
      cursor: pointer;
      margin-top: 4px;
    }
    .CommentShareBlock a {
      display: block;
      float: right;
      width: 49px;
      height: 44px;
      margin-right: 10px;
      cursor: pointer;
    }
    .CommentShareBlock a.shareCommentFB {
      background: url('/Content/images/commentstabsiconsMobile.png') scroll no-repeat -2px -511px transparent;
    }
    .CommentShareBlock a.shareCommentTwitter {
      background: url('/Content/images/commentstabsiconsMobile.png') scroll no-repeat -2px -578px transparent;
    }
    .CommentShareBlock a.reportCommentBlock {
      background: url('/Content/images/commentstabsiconsMobile.png') scroll no-repeat -2px -793px  #ff0000;
    }
    .DP-CommentsButton {
      color: #FFF;
      width: 153px;
      height:44px;
      background: #636AB0;
      display: block;
      text-align: center;
      line-height: 44px;
      margin-top: 13px;
      float: left;
      margin-bottom: 10px;
      font-size:22px;
    }
    .CommentsMainContainer {position:relative;padding-right:0;}
    .CommentsMainContainer .DPbackgroundRighDiv{display:none;}
    #addComment_userName.replayCategory,#addComment_email.replayCategory,#addComment_comment.replayCategory {width:83%;}
    .replayFormBlock {
      width: 90%;
      direction: rtl;
      background: #e5e4e4;
      margin-right: 40px;
      margin-bottom: 10px;
      padding: 20px;
      display: none;
      padding-left: 10px;
      margin-top: 11px;
      position: relative;
      padding-top: 5px;
   
    }
    #facbookNameBlock h1 {
      border: none;
      font-size: 28px;
      font-weight: normal;
      color: #636ab0;
      font-family: Arial;
    }
    .facebookNM {
      font-size: 23px;
      color: #5d5d5d;
      direction: rtl;
    }
    .replayOnCommentsBlock ul li.replayCommentsCounts {
      margin-left: 3px;
      cursor: pointer;
      float:none;
    }
    .replayOnCommentsBlock ul li.replayCommentsArrow.zeroReplay {display:none;}
    a.Replay-reportdisabeld{cursor:auto !important;background:url('/Content/images/commentstabsiconsMobile.png') scroll no-repeat -2px -793px   #8e9192;}
    .CommentShareBlock a.reportdisabeld{cursor:auto !important;background:url('/Content/images/commentstabsiconsMobile.png') scroll no-repeat -2px -793px  #8e9192;}
    .thanksDiv {font-size:28px;}
    .CommentMsg {font-size:28px;}
    .closeCommentDialog a {
      width: 104px;
      height: 40px;
      background: #636ab0;
      color: #fff;
      display: block;
      text-align: center;
      padding: 5px 0;
      font-size:24px;
    }
    .DP-CommentsCaptchaLable {
      font-size: 25px;
      color: #5d5d5d;
      direction: rtl;
      margin-left: 18px;
    }
    .DP-CommentsCaptchaInput {
      height: 47px;
      border: 1px solid #D2CFCF;
      padding: 0;
      width: 80%;
      direction: ltr;
      text-align: left;
      padding-left: 2%;
      font-family: Nassim;
      font-size: 25px;
    }
    .DP-CommentsCaptchaContainer{clear:both;}
    .DP-CommentsCaptchaLable {
      font-size: 25px;
      color: #5d5d5d;
      direction: rtl;
      margin-left: 0;
      width: 16%;
      display: inline-block;
      vertical-align: middle;
    }
    .DP-CommentscaptchaContainer {
      margin-right: 0;
      margin-top: 10px;
      float:right;
      margin-right:16%;
    }
    .CommentscaptchaContainerBlock {
      width: auto;
      height: 47px;
      border: 1px solid #dcdad0;
    }
    .CommentscaptchaContainerBlock img{
      width: auto;
      height: 47px;
    }
    .DP-CommentsForm .error
    {
        margin-right:0 !important;
    }
    .Replay-DP-CommentsItem {
      width: 100%;
      direction: rtl;
      background: #e5e4e4;
      padding: 10px;
      margin: 0 auto;
      box-sizing: border-box;
      margin-top:5px;
    }
    .Replay-DP-CommentsInfo {
      font-size: 25px;
      color: #5d5d61;
      direction: rtl;
      margin: 0 1px;
      float: right;
      font-weight:bold;
    }
    .Replay-reportCommentBlock {
        background: url('/Content/images/commentstabsiconsMobile.png') scroll no-repeat -2px -793px #ff0000;
        display: block;
        width: 49px;
        height: 44px;
    }
    .Replay-reportCommentBlockLi {
        cursor: pointer;
        display: block;
        float: left !important;
        width: 49px;
        height: 44px;
        margin-right: 0;
        cursor: pointer;
    }
    .Replay-LikeCommentsImg span {
      display: block;
      width: 35px;
      height: 35px;
      background: url('/Content/images/commentstabsiconsMobile.png') scroll no-repeat -6px -704px transparent;
      cursor: pointer;
    }
    .Replay-disLikeCommentsImg span {
      display: block;
      width: 35px;
      height: 35px;
      background: url('/Content/images/commentstabsiconsMobile.png') scroll no-repeat -6px -750px transparent;
      cursor: pointer;
      margin-top: 4px;
    }
    .Replay-replayOnCommentsBlock ul li.Replay-LikeCommentTxt {display:none;}
    .Replay-LikeCommentTxt span {
      color: #636ab0;
      font-size: 25px;
      font-weight: bold;
      cursor: pointer;
    }
    .Replay-LikeCommentCount span {
      color: #636ab0;
      font-size: 25px;
      font-weight: bold;
    }
    .Replay-replayOnCommentsBlock ul li.Replay-disLikeCommentTxt {display:none;}
    .Replay-disLikeCommentTxt span {
      color: #636ab0;
      font-size: 25px;
      font-weight: bold;
      cursor: pointer;
      white-space:nowrap;
    }
    .Replay-disLikeCommentCount span {
      color: #636ab0;
      font-size: 25px;
      font-weight: bold;
      white-space:nowrap;
    }
     .dataName, .Replay-dataName {
      float: right !important;
      clear: both !important;
      color: #000 !important;
      font-weight: bold;
      font-size: 25px !important;
      display: inline;
    }
    .replayOnCommentsBlock ul li.notZero {display:none;}
    .LoadMoreComments {
      font-size: 28px;
      font-weight: bold;
      text-align: left;
      padding: 10px 0;
      cursor: pointer;
      display: none;
    }
    .facebookNameLi 
    {
        margin:0;
        width:16%;
    }
    .DP-CommentsNoteBlock {
      border-bottom: 1px solid #cbb1bc;
      padding-bottom: 15px;
      margin-bottom:10px;
    }
    .replayOnCommentsBlock {
      width: 100%;
      margin-top: 25px;
      position: relative;
      margin-bottom: 55px;
    }
    .ReplayBlock_commentId {
      clear: both;
      display: none;
      margin-top: 10px;
      margin-bottom:15px;
    }
    .Replay-DP-CommentsBody {font-weight:normal;}
}

@media only screen and (max-width: 350px), only screen and (max-device-width: 350px)
{
    .commentsTabsBlock ul li {
      display: block;
      background: #636ab0;
      height: 45px !important;
      color: #fff;
      font-size: 25px;
      font-weight: bold;
      text-align: right;
      padding: 5px 0;
      padding-right:2% !important;
      width:25% !important;
      cursor: pointer;
      float: right;
      margin-left: 0px;
      position: relative;
      line-height: 45px;
    }
}