﻿ .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;} .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; } }