*,::after,::before{box-sizing:border-box}
.ss-messages-holder{margin:0 -12px}
.ss-offersmessages{padding:0;float:left;width:100%}
.ss-offersmessages ul{width:100%;margin:0;float:left;font-size:13px;line-height:20px;background:#fff;list-style:none}
.ss-offersmessages ul li{width:30%;float:left;margin:0;padding:0;position:relative;line-height:inherit;list-style-type:none}
.ss-offersmessages ul li:first-child{background:#fcfcfc;border-radius:0 0 0 4px;border-right:1px solid #f2f2f2}
.ss-offersmessages ul li:nth-child(2){width:70%;padding:30px;padding-top:0}
.ss-offersmessages ul li .ss-dashboardscrollbar{float:left;width:100%;height:760px}
.ss-offersmessages .ss-formsearch{background:#fff}
.ss-offersmessages .ss-formsearch fieldset .form-group{margin:0}
.ss-offersmessages .ss-ad{margin:0;width:100%;float:left;padding:20px;cursor:pointer;position:relative;border-top:1px solid #f2f2f2;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
.ss-offersmessages .ss-ad.ss-active{background:#fff}
.ss-offersmessages .ss-ad.ss-active:after{height:100%}
.ss-offersmessages .ss-ad figure{margin:0;float:left;width:40px;border-radius:50px}
.ss-offersmessages .ss-ad figure img{width:100%;display:block;border-radius:50px}
.ss-offersmessages .ss-verticalscrollbar .mCSB_scrollTools{width:0}
.ss-adcontent{overflow:hidden;padding:1px 0 1px 10px}
.ss-offersmessages .ss-ad h3{margin:0;font-size:14px;font-weight:500;line-height:20px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.ss-offersmessages .ss-ad span{display:block;font-size:13px;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ss-offersmessages .ss-ad:hover{background:#fff}
.mCSB_scrollTools .mCSB_dragger .ss-offerers .mCSB_inside>.mCSB_container{margin-right:12px}
.ss-offerer{margin:0;width:100%;float:left;padding:10px;cursor:pointer;position:relative}
.ss-offerer figure{margin:0;float:left;overflow:hidden;border-radius:50%}
.ss-offerer h3{margin:0;color:#363b4d;font-size:14px;font-weight:500;line-height:20px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;padding:10px 0 10px 10px;-webkit-box-orient:vertical;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.ss-offerer:hover{background:#f7f7f7}
.ss-btndelete{top:10px;right:30px;opacity:0;color:#fff;width:40px;height:40px;line-height:40px;text-align:center;border-radius:5px;position:absolute;visibility:hidden;background:#f91942}
.ss-dotnotification{position:relative;padding-right:30px!important}
.ss-dotnotification:before{top:50%;right:20px;width:6px;height:6px;content:'';margin:-3px 0 0;position:absolute;border-radius:6px;background:#f91942}
.ss-offersmessages .ss-ad:after{top:0;left:0;height:0;content:'';width:3px;position:absolute;background:#000;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
.ss-offersmessages .ss-ad:hover:after{height:100%}
.ss-chatarea{width:100%;float:left}
.ss-chatarea .form-group{margin:0}
.ss-offerermessage,.ss-memessage{width:100%;float:left;margin:8px 0;position:relative;padding:0 70px}
.ss-offerermessage figure,.ss-memessage figure{margin:0;bottom:21px;width:60px;height:60px;overflow:hidden;border-radius:50%;position:absolute}
.ss-offerermessage figure img{width:100%;display:block}
.ss-offerermessage figure{left:0}
.ss-memessage figure{right:0}
.ss-offerermessage figure img,.ss-memessage figure img{display:block;width:100%}
.ss-offerermessage .ss-description p,.ss-memessage .ss-description p{padding:10px;font-size:14px;color:#323232;margin:0 0 5px;max-width:485px;line-height:24px;background:#f7f7f7}
.ss-offerermessage .ss-description p{float:left}
.ss-memessage .ss-description p{float:right}
.ss-offerermessage .ss-description p{border-radius:10px 10px 10px 0}
.ss-memessage .ss-description p{border-radius:10px 10px 0 10px}
.ss-offerermessage .ss-description p a,.ss-memessage .ss-description p a{color:#55acee;text-decoration:none}
.ss-offerermessage .ss-description time,.ss-memessage .ss-description time{width:100%;float:left;color:#666;font-size:11px;line-height:16px}
.ss-offerermessage .ss-description time{text-align:left}
.ss-memessage .ss-description time{text-align:right}
.ss-readmessage .ss-description time{position:relative;padding:0 16px 0 0}
.ss-readmessage .ss-description time:before{top:0;right:0;width:16px;height:16px;color:#00cc67;font-size:11px;line-height:16px;content:'';position:absolute;font-family:'FontAwesome'}
.ss-offersmessages ul li .ss-messages.ss-dashboardscrollbar{height:800px;margin:0 0 20px;position:relative}
.ss-offersmessages ul li .ss-messages:before{top:0;left:0;width:100%;content:'';z-index:1;height:100px;position:absolute;background:url(../images/shadow.png)}
.ss-messages .mCSB_inside>.mCSB_container{margin:0}
.ss-messages .mCSB_scrollTools{width:0}
.ss-btnsendmsg{color:#fff;width:70px;height:29px;line-height:29px;text-align:center;border-radius:4px;display:inline-block;vertical-align:middle}
.ss-btnsendmsg:focus,.ss-btnsendmsg:hover{color:#fff}
.ss-messagebox{overflow:hidden;box-shadow:none;position:relative}
.ss-messagebox .ss-dashboardboxcontent .ss-userprofile{padding:0}
.ss-messagebox .ss-dashboardboxcontent .ss-applyfilters{margin-top:30px;border-top:1px solid #ddd;padding-top:30px}
.ss-messagebox .ss-userprofile figure{float:none;max-width:225px;margin:0 auto 30px}
.ss-replaybox{float:left;width:100%;border:1px solid #eaedef}
.ss-iconbox{width:100%;float:left;height:auto;text-align:right;border-top:1px solid #ddd}
.ss-replaybox .form-control{border:0;width:100%;float:left;resize:none;padding:8px;height:130px;font-size:13px;line-height:16px;border-radius:0}
.ss-iconbox>i{width:37px;float:left;cursor:pointer;font-size:16px;text-align:center;line-height:36px;border-right:1px solid #ddd}
.ss-iconbox>i:hover{background:#f7f7f7}
.ss-chatarea .sp-chatspin{left:50%;z-index:2;top:425px;width:28px;position:absolute;margin:0 0 0 -14px}
.emojionearea,.emojionearea.form-control{border:0}
.sp-chatspin{top:50%;left:50%;position:absolute}
.ss-replaybox{border-radius:4px;border:1px solid #ddd}
.ss-replaybox .emojionearea,.ss-replaybox .emojionearea.form-control{border:0;box-shadow:none}
.ss-replaybox .emojionearea .emojionearea-editor{margin:0;height:130px}
.slighloader:after{left:0;top:0;content:'';width:100%;height:100%;position:absolute;background:rgba(255,255,255,0.8)}
.ss-openmsg .ss-offersmessages ul li:nth-child(2){min-height:850px}
.ss-userimg{margin:0;float:left;width:auto;max-width:36px;max-height:36px;margin-right:10px;border-radius:50px}
.ss-userlogedin .ss-userimg{float:left;margin-right:10px}
.ss-userimg img{width:100%;display:block;border-radius:50px}
.ss-username{overflow:hidden}
.ss-messages-holder .ss-userlogedin .ss-userimg{max-width:50px;max-height:50px}
.ss-messages-holder .ss-userlogedin .ss-username{padding:3px 0}
.ss-messages-holder .ss-userlogedin .ss-username .ss-viewprofile{float:left;line-height:20px}
.ss-username h3,.ss-username span{max-width:200px;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ss-username h3{font-size:16px;font-weight:400;margin:0 0 3px;line-height:18px}
.ss-titlemessages .ss-username h3{max-width:150px;line-height:20px}
.ss-viewprofile{float:right;color:#55acee;font-size:14px;line-height:50px}
.ss-messages-holder .ss-userlogedin .ss-username .ss-viewprofile{float:left;line-height:20px;text-decoration:none}
.wtunread-count{right:10px;font-style:normal;line-height:20px;background:#ff5851;min-width:20px;min-height:20px;border-radius:50px;color:#FFF;vertical-align:text-bottom;text-align:center;font-size:10px;top:50%;margin-top:-10px;max-width:20px;max-height:20px;position:absolute}
.ss-formsearch fieldset .form-group .form-control{width:100%;height:50px;padding-right:60px}
.ss-searchgbtn{top:0;right:0;color:#fff;width:50px;display:block;line-height:50px;position:absolute;text-align:center;border-left:1px solid #ddd;border-radius:0 5px 5px 0;background:#000}
.ss-searchgbtn:hover{color:#fff}
.ss-searchgbtn:focus{color:#fff;outline:0;box-shadow:none}
.ss-chatarea-empty{padding:284px 0}
.ss-chatemptyimg{margin:0;float:left;width:100%}
.ss-chatemptyimg img{width:216px;display:block;margin:0 auto}
.ss-chatemptyimg figcaption{float:left;width:100%;text-align:center}
.ss-chatemptyimg figcaption h3{margin:0;color:#d0d0d0;margin-top:30px;font-weight:400;font-size:16px;line-height:18px}
.ss-offerermessage:first-child,.ss-memessage:first-child{margin-top:100px}
.ss-titlemessages{float:left;width:100%;padding:10px 12px;background:#fff;border-bottom:1px solid #ddd}
.ss-titlemessages .ss-back{float:left;display:none;color:#55acee;font-size:18px;margin-right:20px;line-height:50px}
.ss-back:before{content:"\f340";display:inline-block;font:normal 20px/1 dashicons}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#3498db!important}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px}
.mCSB_scrollTools .mCSB_draggerRail{width:4px;background:#ddd;display: none;}
@media(max-width:1199px){.ss-titlemessages .ss-back{display:block}
.ss-offersmessages ul li:first-child{width:100%}
.ss-offersmessages ul li:nth-child(2){width:100%;display:none}
.ss-openmsg .ss-offersmessages ul li:nth-child(2){display:block}
.ss-openmsg .ss-offersmessages ul li:first-child{display:none}
.ss-titlemessages .ss-back,.ss-userlogedin{display:none}
.ss-openmsg .ss-titlemessages .ss-back,.ss-openmsg .ss-userlogedin{display:block}
}@media(max-width:568px){.ss-offerermessage{padding:0 0 0 40px}
.ss-offerermessage figure,.ss-memessage figure{width:30px;height:30px}
.ss-memessage{padding:0 40px 0 0}
.ss-offersmessages ul li:nth-child(2){padding:0 20px}
}body.rtl .ss-offersmessages .ss-ad figure,body.rtl .ss-offersmessages ul li{float:right}
body.rtl .ss-offersmessages ul li:first-child{border-right:0;border-left:1px solid #f2f2f2}
body.rtl .ss-adcontent{padding:1px 10px 1px 0}
body.rtl .ss-dotnotification:before{left:20px;right:auto}
body.rtl .wtunread-count{right:auto;left:10px}
body.rtl .ss-formsearch fieldset .form-group .form-control{padding-right:18px;padding-left:60px}
body.rtl .ss-searchgbtn{left:0;right:auto;border-radius:5px 0 0 5px}
body.rtl .ss-userlogedin .ss-userimg{float:right;margin-right:0;margin-left:10px}
body.rtl .ss-username h3,body.rtl .ss-username span{text-align:right}
body.rtl .ss-messages-holder .ss-userlogedin .ss-username .ss-viewprofile{float:right}
body.rtl .ss-offerermessage figure{right:0;left:auto}
body.rtl .ss-offerermessage .ss-description p{float:right;border-radius:10px 10px 0 10px}
body.rtl .ss-offerermessage .ss-description time{text-align:right}
body.rtl .ss-memessage figure{left:0;right:auto}
body.rtl .ss-memessage .ss-description p{float:left;border-radius:10px 10px 10px 0}
body.rtl .ss-memessage .ss-description time{text-align:left;padding:0 0 0 16px}
body.rtl .ss-readmessage .ss-description time:before{left:0;right:auto}
@media(max-width:568px){body.rtl .ss-offerermessage{padding:0 40px 0 0}
body.rtl .ss-memessage{padding:0 0 0 40px}
}

ss-replaybox.ss-offersmessages{padding:0}
.ss-offersmessages ul{width:100%;float:left;font-size:13px;line-height:20px;list-style:none}
.ss-offersmessages ul li{width:30%;float:left;padding:0;position:relative;line-height:inherit;list-style-type:none}
.ss-offersmessages ul li:first-child{background:#fcfcfc;border-radius:0 0 0 4px;border-right:1px solid #f2f2f2}
.ss-offersmessages ul li .ss-dashboardscrollbar{float:left;width:100%;height:760px}
.ss-offersmessages .ss-formsearch fieldset .form-group{margin:0}
.ss-offersmessages .ss-ad{margin:0;width:100%;float:left;padding:20px;cursor:pointer;position:relative;border-top:1px solid #f2f2f2}
.ss-offersmessages .ss-ad.ss-active{background:#fff}
.ss-offersmessages .ss-ad.ss-active:after{height:100%}
.ss-offersmessages .ss-ad figure{margin:0;float:left;width:40px;border-radius:50px}
.ss-offersmessages .ss-ad figure img{width:100%;display:block;border-radius:50px}
.ss-offersmessages .ss-verticalscrollbar .mCSB_scrollTools{width:0}
.ss-adcontent{overflow:hidden;padding:1px 0 1px 10px}
.ss-offersmessages .ss-ad h3{margin:0;font-size:14px;font-weight:500;line-height:20px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.ss-offersmessages .ss-ad span{display:block;font-size:13px;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ss-offersmessages .ss-ad:hover{background:#fff}
.mCSB_scrollTools .mCSB_dragger .ss-offerers .mCSB_inside>.mCSB_container{margin-right:12px}
.ss-offerer{margin:0;width:100%;float:left;padding:10px;cursor:pointer;position:relative}
.ss-offerer figure{margin:0;float:left;overflow:hidden;border-radius:50%}
.ss-offerer h3{margin:0;color:#363b4d;font-size:14px;font-weight:500;line-height:20px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;padding:10px 0 10px 10px;-webkit-box-orient:vertical;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.ss-offerer:hover{background:#f7f7f7}
.ss-btndelete{top:10px;right:30px;opacity:0;color:#fff;width:40px;height:40px;line-height:40px;text-align:center;border-radius:5px;position:absolute;visibility:hidden;background:#f91942}
.ss-dotnotification{position:relative;padding-right:30px!important}
.ss-dotnotification:before{top:50%;right:20px;width:6px;height:6px;content:'';margin:-3px 0 0;position:absolute;border-radius:6px;background:#000}
.ss-offersmessages .ss-ad:after{top:0;left:0;height:0;content:'';width:3px;position:absolute}
.ss-offersmessages .ss-ad:hover:after{height:100%}
.ss-chatarea{width:100%;float:left}
.ss-chatarea .form-group{margin:0}
.ss-offerermessage,.ss-memessage{width:100%;float:left;margin:8px 0;position:relative;padding:0 70px}
.ss-offerermessage figure,.ss-memessage figure{margin:0;bottom:21px;width:60px;height:60px;overflow:hidden;border-radius:50%;position:absolute}
.ss-offerermessage figure{left:0}
.ss-memessage figure{right:0}
.ss-offerermessage figure img,.ss-memessage figure img{display:block}
.ss-offerermessage .ss-description p,.ss-memessage .ss-description p{padding:10px;font-size:14px;color:#323232;margin:0 0 5px;max-width:485px;line-height:24px;background:#f7f7f7}
.ss-offerermessage .ss-description p{float:left}
.ss-memessage .ss-description p{float:right}
.ss-offerermessage .ss-description p{border-radius:10px 10px 10px 0}
.ss-memessage .ss-description p{border-radius:10px 10px 0 10px}
.ss-offerermessage .ss-description p a,.ss-memessage .ss-description p a{color:#55acee;text-decoration:none}
.ss-offerermessage .ss-description time,.ss-memessage .ss-description time{width:100%;float:left;color:#666;font-size:11px;line-height:16px}
.ss-offerermessage .ss-description time{text-align:left}
.ss-memessage .ss-description time{text-align:right}
.ss-readmessage .ss-description time{position:relative;padding:0 16px 0 0}
.ss-readmessage .ss-description time:before{top:0;right:0;width:16px;height:16px;color:#00cc67;font-size:11px;line-height:16px;content:'';position:absolute;font-family:'FontAwesome'}
.ss-offersmessages ul li .ss-messages.ss-dashboardscrollbar{height:280px;margin:0 0 20px;position:relative}
.ss-offersmessages ul li .ss-messages:before{top:0;left:0;width:100%;content:'';z-index:1;height:100px;position:absolute;background:url(../images/shadow.png)}
.ss-messages .mCSB_inside>.mCSB_container{margin:0}
.ss-messages .mCSB_scrollTools{width:0}
.ss-btnsendmsg{background:#000;color:#fff;width:70px;height:29px;line-height:29px;text-align:center;border-radius:4px;display:inline-block;vertical-align:middle}
.ss-btnsendmsg:focus,.ss-btnsendmsg:hover{background:#000;color:#fff}
.ss-messagebox{overflow:hidden;box-shadow:none;position:relative}
.ss-messagebox .ss-dashboardboxcontent .ss-userprofile{padding:0}
.ss-messagebox .ss-dashboardboxcontent .ss-applyfilters{margin-top:30px;border-top:1px solid #ddd;padding-top:30px}
.ss-messagebox .ss-userprofile figure{float:none;max-width:225px;margin:0 auto 30px}
.ss-replaybox{float:left;width:100%;border:1px solid #eaedef}
.ss-iconbox{width:100%;float:left;height:auto;text-align:right;border-top:1px solid #ddd}
.ss-replaybox .form-control{border:0;width:100%;float:left;resize:none;padding:8px;height:60px;font-size:13px;line-height:16px;border-radius:0}
.ss-iconbox>i{width:37px;float:left;cursor:pointer;font-size:16px;text-align:center;line-height:36px;border-right:1px solid #ddd}
.ss-iconbox>i:hover{background:#f7f7f7}
.ss-chatarea .sp-chatspin{left:50%;z-index:2;top:425px;width:80px;position:absolute;margin:0 0 0 -14px}
.emojionearea,.emojionearea.form-control{border:0}
.sp-chatspin{top:50%;left:50%;position:absolute}
.ss-replaybox{border-radius:4px;border:1px solid #ddd}
.ss-replaybox .emojionearea,.ss-replaybox .emojionearea.form-control{border:0;box-shadow:none}
.ss-replaybox .emojionearea .emojionearea-editor{margin:0;height:130px}
.slighloader:after{left:0;top:0;content:'';width:100%;height:100%;position:absolute;background:rgba(255,255,255,0.8)}
.ss-openmsg .ss-offersmessages ul li:nth-child(2){min-height:auto}
.ss-messages-holder .ss-userlogedin .ss-userimg{max-width:50px;max-height:50px}
.ss-messages-holder .ss-userlogedin .ss-username{padding:2px 0}
.ss-messages-holder .ss-userlogedin .ss-username .ss-viewprofile{float:left;line-height:20px}
.sp-chatsendspin{opacity: 0.1;}
.job-single-contacts{
    width: 100%;
    display: block;
    padding: 30px;
    color: #fff;
    background-color: #61acb6;
    border: 1px solid #61acb6;
    text-align: center;
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
@media(max-width:480px){.ss-offersmessages ul li:nth-child(2){width: 110%;}}

