.messenger {width: 293px; background: #F6F7F8; position: fixed; top: 65px; right: 0; bottom: 0; z-index: 10001}
.messTabs {margin: 0 0 20px 0;}
.messTabItem {display: block; float: left; width: 87px; border-bottom: solid 1px #D3D6DB; text-align: center; padding: 5px 0;}
.messTabItemLast {width: 30px;}
.messTabItem a {display: block; line-height: 30px; border-right: solid 1px #D3D6DB; color: #D3D6DB; font-size: 20px;}
.messTabItem:hover, .messTabItem.act {border-bottom: solid 1px #0a84d2;}
.messTabItem:hover a, .messTabItem.act a {text-decoration: none; color: #0a84d2;}
.messTabItem a.close {border-right: 0;}
.messTabItem a.chats:before {content: "\e638";}
.messTabItem a.users:before {content: "\e62e";}
.messTabItem a.customize:before {content: "\e637";}
.messTabItem a.close:before {content: "\e606"; vertical-align: -3px;}
.messagesBlock, .requestsBlock, .mesContactsBlock {padding: 0 8px 10px; overflow-y: auto;}
.mesContactsOut {padding: 0 8px;}
.requestsBlock {max-height: 91px; margin: 0 0 10px 0;}
.mbTitle {font-size: 12px; color: #999; padding: 0 0 10px 8px;}
.mbTitle span {color: #0B84D1;}
.mbTitleSort {padding: 9px 0 7px 7px; cursor: pointer; display: inline-block; position: relative;}
.mbTitleSort:after {content: "\e60c"; vertical-align: -1px;}
.chatRoomRight .mbTitle {padding: 5px 0 5px 8px;}
.chatItem {padding: 7px 30px 7px 54px; color: #666; font-size: 12px; position: relative; cursor: pointer; border-bottom: solid 1px #F6F7F8; border-top: solid 1px #F6F7F8;}
.chatItem:hover, .chatItem.act {border-bottom: solid 1px #D3D6DB; border-top: solid 1px #D3D6DB; margin: 0 -8px; padding: 7px 38px 7px 62px; background: #EBEEF3; box-shadow: inset 0 -1px #fff; -webkit-box-shadow: inset 0 -1px #fff;}
.chatItem b {font-size: 13px; color: #2c3340; display: block; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: -3px 0 0 -19px;}
.chatItem.unreaded b, .minChItem.unreaded b {color: #ff9900;}
.chatItem.unreaded .mess, .minChItem.unreaded .mess, .messTabItem .mess {background: #FF9900; line-height: 11px; height: 12px; font-size: 11px; font-weight: bold; padding: 1px 9px 0 9px; color: #fff; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 3px; -webkit-border-radius: 3px;}
.messTabItem .mess, .messengerMini .unreaded .mess {top: 5px; bottom: auto; right: 10px !important;}
.chatItem:hover .mess, .chatItem.act .mess {right: 8px;}
.chatItem b:before {font-size: 16px; vertical-align: -5px; margin: 0 2px 0 0; content: "\e648";}
.chatItem .chUserAv, .notifAv {float: left; margin: 0 0 0 -54px; position: relative;}
.notifAv {margin: 0 0 0 -45px;}
.chatItem .chUserAv img, .notifAv img {border-radius: 3px; -webkit-border-radius: 3px; width: 32px; height: 32px; display: block;}
.chatBtns button {float: left; margin: 2px 10px 0 0; border-radius: 3px; -webkit-border-radius: 3px; width: 50px; height: 17px; color: #fff; font-weight: bold; font-size: 11px;}
.chatBtns button.green {background: #7DBC00;} .chatBtns button.grey {background: #999;}
.notificationsBlock {width: 430px; border: solid 1px #d3d6db; border-top: 0; background: #f6f7f8; position: absolute; top: 60px; right: 0; z-index: 10000; line-height: normal; box-shadow: 0 3px 4px -2px rgba(0,0,0,0.21); -webkit-box-shadow: 0 3px 4px -2px rgba(0,0,0,0.21);}
.notificationsBlock .loadingMore, .messenger .loadingMore, .sChatOverflow .loadingMore, .mesContactsBlock .loadingMore {position: static; text-align: center; padding: 10px 0;}
.notificationsBlock .loadingMore a, .messenger .loadingMore a, .sChatOverflow .loadingMore a, .mesContactsBlock .loadingMore a {font-weight: bold;}
.notificationsBlock .loadingMore i, .messenger .loadingMore i, .sChatOverflow .loadingMore i, .mesContactsBlock .loadingMore i {position: static; width: auto; height: auto; line-height: 16px; font-size: 16px;}
.notificationsBlock .loadingMore i:before, .messagesBlock .loadingMore i:before, .sChatOverflow .loadingMore i:before, .mesContactsBlock .loadingMore i:before {font-size: 16px; color: #666;}
.nbTitle {padding: 12px 15px;}
.nbTitle span {display: block; float: left; color: #666; font-size: 13px;}
.nbTitle a {display: block; float: right; color: #69798c !important;}
.notifItem {padding: 10px 125px 10px 60px; color: #2c3340; font-size: 12px; line-height: 16px; text-align: left; margin: 0 0 1px 0; cursor: pointer;}
.notifItem em {font-style: normal; font-weight: bold;}
.notifItem .time {font-size: 12px; color: #999;}
.notifUnreaded {background: #EBEEF3;}
.notifItem:hover {background: #f1f3f7;}
.naBlue {display: block; border-radius: 3px; -webkit-border-radius: 3px; background: #0B84D1; width: 32px; height: 32px; color: #fff; text-align: center; line-height: 32px; font-size: 16px;}
.naBlue:hover {text-decoration: none;}
.naSettings:before {content: "\e628";}
.naFilter:before {content: "\e62a";}
.notVidRight {display: block; float: right; margin: 0 -110px 0 0; width: 100px; height: 50px; border: solid 1px #fff !important;}
.notifOverflow {overflow: auto; height: 550px;}
.userInfoPop {border: solid 1px #D5D7DC; background: #EBEEF3; width: 310px; height: 180px; position: fixed; right: 292px; z-index: 10002; display: none;}
.userInfoPopIn {position: relative; height: 180px;}
.uipTopPicture {display: block; width: 100%; max-height: 65px; min-height: 60px;}
div.uipTopPicture {background: #0E0E0E;}
.uipAv {position: absolute; top: 10px; left: 10px; border: solid 3px #fff; border-radius: 5px; -webkit-border-radius: 5px;}
.uipAv img {display: block; width: 100px; height: 100px;}
.userInfoPop .writeComBlock, .simpleChat .writeComBlock {position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; padding: 0; border: 0;}
.userInfoPop .writeComBlock input, .simpleChat .writeComBlock input {border: 0; border-top: solid 1px #D5D7DC; width: 100%; color: #bfbfbf; font-size: 12px; font-style: italic; height: 28px; padding: 0 65px 0 10px; border-radius: 0; -webkit-border-radius: 0;}
.writeComBlock .smiles:before, .inpPhotos:before, .enter:before {color: #ccc; position: absolute; top: 8px; cursor: pointer;}
.chatRoomBlock .smiles:before, .userInfoPop .smiles:before, .messenger .smiles:before {content: "\e61d"; right: 45px; font-size: 16px;}
.enter:before {content: "\e90f"; right: 10px; top: 4px; font-size: 13px; width: 20px; height: 20px; line-height: 19px; text-align: center; border-radius: 100%; -webkit-border-radius: 100%; border: solid 2px #ccc;}
.enter:hover:before, .enterAct:before {color: #fff; border: solid 2px #0b84d1; background: #0b84d1;}
.inpPhotos:before {content: "\e607"; right: 35px; font-size: 18px; top: 6px;}
.smiles:hover:before, .inpPhotos:hover:before {color: #333;}
.uipContent {padding: 7px 15px 0 145px; color: #2c3340; font-size: 13px; font-weight: bold; line-height: 18px;}
.uipContent button {width: 130px; height: 25px; border-radius: 5px; -webkit-border-radius: 5px; color: #fefefe; font-size: 14px; font-family: 'CenturyGothic'; margin: 7px 0 0 0;}
.uipContent button.blue {background: #0B84D1;} .uipContent button.red {background: #CC3333;} .uipContent button.grey {background: #999;}
.userInfoPop .chTitle {top: 20px; left: 116px !important; position: absolute; margin: 0; height: 40px;}
.userInfoPop .chTitle.groupTitle {left: 93px;}
.userInfoPop .chTitle i {font-size: 12px; padding: 2px 0 0 30px;}
.userInfoPop .colorFlag {margin: -44px 0 0 0; width: 23px; height: 50px;}
.userInfoPop .chTitle h1 {font-size: 18px; color: #fefefe; margin: 0 0 0 23px; min-width: 95px; max-width: 140px; padding: 14px 10px 3px 7px; background: rgba(44,51,64,0.74); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; font-family: "CenturyGothic";}
.userInfoPop .chTitle.chtUnverified h1 {min-width: 108px;}
.userInfoPop .colorFlag b:before {font-size: 34px; bottom: -15px; left: -6px; color: #EBEEF3;}
.userInfoPop .colorFlag span:before {font-size: 18px; left: 5px; bottom: 10px;}
.userInfoPop .commLeft {margin: 0; padding: 0; width: auto; position: absolute; top: 117px; left: 15px;}
.webcamOut {display: inline-block;}
.webcamOut.tooltip-top:before {bottom: 11px;}
.webcamOut.tooltip-top:after {margin-bottom: -8px; margin-left: -45px; text-align: center; width: 67px;}
.scOut {position: relative; z-index: 1;}
.scOut i:before {position: absolute; content: "\e610"; left: 9px; top: 5px; color: #ccc; font-size: 18px;}
.searchContacts {border: solid 1px #D4D7DC; padding: 0 5px 0 35px; width: 100%; height: 30px; color: #999; font-size: 12px;}
.groupTxt:before {content: "" !important; padding: 0 0 0 16px;}
.mesContactsBlock .chatItem {padding: 7px 60px 7px 54px;}
.mesContactsBlock .chatItem:hover {padding: 7px 60px 7px 62px;}
.chatItem .commLeft {margin: 0; width: auto; position: absolute; right: 5px; top: 12px; line-height: 0;}
.chatRoomRight .chatItem .commLeft, .addPeopToGroup .chatItem .commLeft {position: static;}
.chatRoomRight .sChatOverflow {margin: 0 -8px 0 -8px; padding: 5px 0 0 0;}
.chatRoomRight .sChatOverflow .chatItem {padding: 7px 35px 7px 62px;}
.chatRoomRight .sChatOverflow .chatItem:hover {padding: 7px 35px 7px 62px;}
.chatItem:hover .commLeft {right: 13px;}
.chatItem .commLeft i.uaf, .userInfoPopIn .commLeft i.uaf {-moz-transform: rotate(128deg); -ms-transform: rotate(128deg); -webkit-transform: rotate(128deg); -o-transform: rotate(128deg); transform: rotate(128deg);}
.chatItem .commLeft i.uat:before, .userInfoPopIn .commLeft i.uat:before {vertical-align: -7px;}
.userInfoPopIn .commLeft i.uaf:before {vertical-align: -3px;}
.userInfoPopIn .commLeft .folFlag {margin: -1px auto;}
.chatItem .commLeft i, .userInfoPop .commLeft i {font-size: 15px;}
.chatsBlock {margin: 0 0 8px 0;}
.chatsBlock .chatItem .commLeft, .contactsBlock .chatItem span, .addPeopToGroup .chatItem span {display: none;}
.chatRoomBlock {background: #EBEEF3; position: fixed; right: 279px; z-index: 997; display: none;}
.userInfoPopIn .emoticonsWrapper, .chatRoomBlock .emoticonsWrapper {top: auto; bottom: 35px; left: auto; right: 30px; display: none;}
.userInfoPopIn .emoticonsWrapper div.corner, .chatRoomBlock .emoticonsWrapper div.corner {-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); bottom: -7px; left: auto; right: 14px; top: auto;}
.chatRoomBlock.act {display: block;}
.chatRoomBlockOpened {width: 615px;}
.chrbHeader {height: 24px; background: #2C3340; border-left: solid 1px #21242A; border-right: solid 1px #21242A; padding: 8px 0 0 8px; color: #fff; font-size: 13px;}
.chrbHeader b {display: inline-block; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.chrbHeader .statusIcon {position: static; display: inline-block;}
.chrbHeader em {display: block; float: right; cursor: pointer; line-height: 32px; margin: -8px 0 0 0;}
.chrbHeader em.close:before, .minChItem em.close:before {content: "\e606"; font-size: 20px; vertical-align: -4px; margin: 0 3px 0 6px;}
.chrbHeader em.wind:before {content: "\e643"; font-size: 13px;}
.chrbHeader em.rewind:before {content: "\e636";}
.chrbHeader em.minim:before {content: "\e645"; font-size: 14px; margin: 0 10px; vertical-align: -5px;}
.chrbHeader em.addu:before {content: "\e644"; font-size: 16px; vertical-align: -2px;}
.chrbHeader .webcam:before {color: #fff; position: relative; top: -2px; cursor: pointer;}
.webcamLeft .webcam:before {content: "\e61b"; font-size: 11px; top: -6px;}
.webcamLeftMin .webcam:before {content: "\e647"; font-size: 20px; top: -2px;}
.chatRoomBlock .floatRight .chrbHeader {width: 295px;}
.chatRoomBlock .floatRight .chroomHeader {width: 503px;}
.chatRoomRight {float: right; background: #F6F7F8; width: 191px; padding: 7px 8px; border-right: 1px solid #d5d7dc;}
.chatRoomRight .chatItem {border: 0;}
.chatRoomRight .chatItem:hover {margin: 0; border: 0; padding: 7px 30px 7px 54px; box-shadow: none; -webkit-box-shadow: none;}
.simpleChat {position: relative; width: 305px; height: 277px; padding: 8px 8px 36px 8px; border-bottom: solid 1px #D5D7DC; border-left: solid 1px #D5D7DC; border-right: solid 1px #D5D7DC;}
.simpleChat .mentionWrapper {padding: 0 5px 0 25px;}
.simpleChat .searchPred {top: 38px; left: 5px; max-width: 233px;}
.sChatOverflow {overflow: auto; height: 232px;}
.simpleChat .loadingMore {padding: 10px 0; text-align: center; width: 100%; position: static;}
.mainDate {border-top: solid 1px #D4D7DC; text-align: center; margin: 10px 0;}
.mainDate span {color: #999; font-size: 12px; background: #EBEEF3; padding: 0 5px; display: inline-block; position: relative; top: -9px;}
.messageItem .messi {color: #2c3340; font-size: 13px; margin: 0 7px 7px 7px; text-shadow: 1px 1px #fff; padding: 4px 7px; border-radius: 3px; -webkit-border-radius: 3px; position: relative;}
.messageItem .smessi {color: #333; font-size: 11px; margin: 0 7px 7px 7px;}
.isTyping {color: #828893; font-size: 11px;}
.messLeft {float: left;} .messRight {float: right;}
.messLeft .messi {background: #fff;} .messRight .messi {background: #CFE7FF;}
.messiImg {width: 24px; height: 24px; border-radius: 3px; -webkit-border-radius: 3px; border: solid 1px #ccc !important; float: left; margin: 0 0 0 -29px;}
.messDate {color: #C5C5C5; font-size: 11px; display: block; line-height: 16px; margin: 0 7px 2px 7px;}
.messDate a {color: #828893; font-weight: bold;}
.messUnread .messDate a {color: #ff9900;}
.messDate i:before {content: "\e635"; color: #7DBC00;}
.messRight .messDate {text-align: right;}
.mlWithAv {padding: 0 0 0 29px;}
.webcamLeft {float: left; width: 310px;}
.webcamLeft .chrbHeader b {max-width: 270px;}
.webcamLeftGroup {width: 411px;}
.webcamLeftGroup .sendTipBtn {margin: 6px 100px 0 0;}
.groupCams {position: absolute; top: 8px; right: 8px; overflow-y: auto; height: 254px; width: 93px;}
.groupCams video, .groupCams img {display: block; width: 100%; cursor: pointer;}
.gcModelName {display: block; max-width: 93px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #2c3340; font-size: 11px; margin: 1px 0 0;}
.webcamLeftMin {width: 60px; position: absolute; left: -60px; cursor: pointer;}
.wlmWithoutNums {width: 40px; left: -40px;}
.webcamLeftMin .webcamLeftIn {display: none;}
.webcamLeftIn {padding: 8px; border-left: solid 1px #D5D7DC; border-bottom: solid 1px #D5D7DC; height: 260px; position: relative;}
.webka {width: 293px; height: 220px; position: relative; margin: 0 0 5px 0;}
.webka img {width: 100%; height: 100%;}
.webka i {position: absolute; bottom: 5px; color: #fff; cursor: pointer; font-size: 15px; width: 28px; height: 28px; text-align: center; line-height: 29px; border-radius: 3px; -webkit-border-radius: 3px; background: rgba(44,51,64,0.74);}
.webka i.volume {left: 5px; font-size: 18px; text-indent: 7px;} 
.webka i.volume:before {content: "\e63d";} 
.webka i.volumeOff {text-indent: 2px;}
.webka i.volumeOff:before {content: "\e90e";}
.webka i.fullsize, .webka i.minimsize {right: 5px;}
.webka i.fullsize:before {content: "\e63e";}
.webka i.minimsize:before {content: "\e906";}
.underWebka {font-size: 12px; color: #2c3340; line-height: 17px;}
.underWebka a {display: block; font-weight: bold;}
.sendTipBtn {float: right; margin: 6px 0 0 0; border-radius: 3px; -webkit-border-radius: 3px; color: #fff; font-size: 13px; font-weight: bold; background: #7DBC00; width: 85px; height: 24px;}
.gnTitle:before {content: "\e63f"; font-size: 14px; vertical-align: -1px; margin: 0 5px 0 0; cursor: pointer;}
.gnTitle.noneEdit:before {content: ""; vertical-align: 0; margin: 0;}
.peoplesSet {position: absolute; padding: 5px 0 5px 10px; top: 0; left: 0; right: 0; background: #F6F7F8; border-bottom: solid 1px #D5D7DC; z-index: 2;}
.chGrPeoples {line-height: 21px; font-size: 12px; color: #999; cursor: pointer;}
.chGrPeoples:after {content: "\e60c"; font-size: 10px; margin: 0 0 0 3px; vertical-align: -1px;}
.chGrPeoples.act:after {content: "\e60d";}
.scHeight {height: 200px !important; margin: 32px 0 0 0;}
.scoHeight2 {max-height: 100px; height: auto;}
.chGrPeoplesHide {background: #F6F7F8; padding: 8px 8px 3px 0; display: none;}
.chgpItem {background: #fff; border-radius: 3px; -webkit-border-radius: 3px; float: left; margin: 0 5px 5px 0; padding: 2px 5px; cursor: pointer; position: relative;}
.chgpItem .statusIcon {position: static; display: block; float: left; margin: 0 5px 0 0;}
.chgpItem span {display: block; float: left;}
.chgpItem:hover, .chgpItem.act {background: #2C3340;}
.chgpItem:hover span, .chgpItem.act span {color: #fff;}
.chGrPeoplesHide .custBlock {padding: 0; background: #fff; width: 205px; top: 85px; right: auto; position: fixed; display: none;}
.chGrPeoplesHide .custBlock a, .groupSetPop a, .groupSetPop b {padding: 0 15px; line-height: 40px; color: #666; background: #fff; box-shadow: none;}
.simpleChat .groupSetPop a, .chGrPeoplesHide .custBlock a {color: #0b84d1;}
.groupSetPop b, .chGrPeoplesHide .custBlock a {display: block; border-top: 1px solid #ccc; font-weight: normal;}
.chGrPeoplesHide .custBlock i.arr {border-width: 0; right: auto;}
.addPeopToGroup {border: solid 1px #ccc; width: 265px; border-top: 0; background: #F6F7F8; position: absolute; top: 8px; right: 3px; z-index: 3; display: none;}
.addPeopToGroup i.corner {left: 175px; top: -6px; z-index: 11;}
.addPeopToGroup .scOut {padding: 5px; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; background: #fff;}
.addPeopToGroup .scOut i:before {top: 10px;}
.addPeopToGroup .chatItem {width: 165px; padding: 7px 0 7px 54px; float: left;}
.addPeopToGroup .chatItem:hover, .addPeopToGroup .chatItem.act {padding: 8px 8px 8px 62px; width: 155px; border: 0;}
.ciInp {float: left; margin: 18px 10px 0 5px;}
.addPeopToGroup .sChatOverflow {height: 222px;}
.groupSetPop {background: #fff; right: auto; left: 3px;}
.groupSetPop a {display: block; border-top: 1px solid #ccc;}
.groupSetPop i.corner {left: 5px;}
.sortContactsPop i.corner {left: 8px;}
.egsBlock {padding: 10px; background: #F6F7F8; border-top: 1px solid #ccc;}
.egsBlock input {border: 1px solid #e7e7e7; border-radius: 5px; -webkit-border-radius: 5px; color: #9fa2aa; font-size: 15px; font-style: italic; height: 28px; margin: 0 0 10px 0; padding: 0 0 0 10px; width: 233px;}
.egsBlock .pdiBody .pdiInp {font-size: 14px; color: #9fa2aa; width: 180px !important;}
.groupAv {float: left; width: 30px; height: 30px; border: 1px solid #e7e7e7; border-radius: 5px; -webkit-border-radius: 5px; margin: 0 10px 0 0;}
.groupAv img {width: 100%; height: 100%; border-radius: 5px; -webkit-border-radius: 5px;}
.egsBlock button.bb {width: 135px; height: 25px; background: #0B84D1; border-radius: 5px; -webkit-border-radius: 5px; font-family: 'CenturyGothic'; color: #fefefe; font-size: 14px; margin: -10px 0 0 0;}
.egsBlock button.bb:hover, .uipContent button.blue:hover {background: #0d9af4;}
.minimizedChats {position: fixed; right: 305px; bottom: 0;}
.mciMore .icon-comment-discussion {bottom: auto; right: auto; vertical-align: -4px; margin: 0 5px 0 0; color: #3f505a;}
.mciMoreIn {position: absolute; bottom: 30px; right: 0; border: solid 1px #D5D7DC; background: #F6F7F8; padding: 5px; display: none; min-width: 182px;}
.mmiItem {cursor: pointer; line-height: 22px; color: #2c3340; font-size: 12px; font-weight: bold; position: relative; padding: 0 23px 0 7px; white-space: nowrap; -webkit-border-radius: 3px; border-radius: 3px; max-width: 152px; text-overflow: ellipsis; overflow: hidden;}
.mmiItem .statusIcon {display: inline-block; margin: 0 7px 0 0; position: static; vertical-align: -4px;}
.mmiItem .icon-cross {position: absolute; right: 0; top: 1px; font-size: 19px; color: #ccc; display: none;}
.mmiItem:hover {background: #EBEEF3;}
.mmiItem:hover .icon-cross, .mciMoreOut:hover .mciMoreIn {display: block;}
.mmiItem .icon-cross:hover, .minChItem em.close:hover:before {color: #999;}
.minChItem, .mciMore {position: fixed; z-index: 997; bottom: 0; margin: 0 0 0 10px; width: 155px; height: 26px; background: #EBEEF3; border: solid 1px #D5D7DC; padding: 2px 0 2px 37px; border-bottom: 0; border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; display: none;}
.mciMoreOut {position: fixed; z-index: 997; bottom: 0;}
.mciMore {position: absolute; right: 0; display: block; height: 30px; width: auto; min-width: 40px; padding: 0 10px; line-height: 30px; cursor: pointer; font-weight: bold; z-index: 10000;}
.mciMoreOut:hover .mciMore {border-top: solid 1px #F6F7F8; z-index: 998;}
.minChItem.act {display: block;}
.minChItem .statusIcon {right: -5px; top: 10px;}
.minChItem .notifAv {margin: 0 0 0 -35px;}
.minChItem .notifAv img {width: 26px; height: 26px;}
.minChItem b {display: block; float: left; line-height: 27px; max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.minChItem:hover, .mciMore:hover {background: #F6F7F8; cursor: pointer;}
.minChItem.unreaded .mess {display: block; float: left; position: static; margin: 7px 0 0 5px;}
.minChItem em.close:before {vertical-align: 0; margin: 3px 0 0 1px; color: #ccc; float: right; display: none;}
.minChItem:hover em.close:before {display: block;}
.mesCustItem {padding: 15px; border-bottom: solid 1px #E2E6EE;}
.mesCustItem .searchContacts {padding: 0 0 0 10px;}
.mciLabel {display: block; font-size: 12px; color: #2c3340; font-weight: bold; margin: 0 0 5px 0;}
.mcirad {float: left; margin: 5px 20px 0 0;}
.mcirad input {vertical-align: -2px;}
.chkBox {float: right; margin: 1px 0 0 0;}
.mesCustItem .chgpItem {background: transparent; margin: 0 0 0 10px; padding: 0;}
.mesCustItem .chgpItem:hover span {color: #3f505a;}
.setStatusPop {width: 135px; left: -4px; top: 25px;}
.setStatusPop .statusIcon {margin: 11px 5px 0 0;}
.sortContactsPop {width: 135px; left: 0; top: 30px;}
.friendsFilter {display: block; position: relative;}
.setFilterPop {right: 142px; top: 30px; width: 155px;}
.setFilterPop i.corner {left: 20px;}
.friendsFilter.act span:after {content: "\e60d";}
.messengerMini {width: 52px;}
.messengerMini .mesContactsBlock {padding: 0;}
.messengerMini .chatItem, .messengerMini .chatItem:hover {padding: 5px 3px; margin: 0;}
.messengerMini .chatItem .chUserAv {margin: 0;}
.messengerMini .messTabs {margin: 0 0 5px 0;}
.messengerMini .messTabItem {width: 52px; position: relative; padding-top: 8px;}
.messengerMini .messTabItem:hover, .messengerMini .messTabItem.act {border-bottom: solid 1px #D3D6DB;}
.messengerMini .messTabItem a {border: 0;}
.messengerMini .messTabItem:hover a, .messengerMini .messTabItem.act a {color: #D3D6DB;}
.messengerMini .ocUsers {right: 10px; top: 8px;}
.messengerMini .requestsBlock {overflow: hidden;}
.messengerMini .messTabItem.mini {display: block;}
.messengerMini .messTabItem {width: 52px; position: relative; padding-top: 8px; display: none;}
.messengerMini .chatItem b, .messengerMini .mood_text, .messengerMini .commLeft, .messengerMini #recentSum, .messTabItem.mini {display: none ;}
.chatRoomBlockResized {left: 5%; right: 5%; top: 5%; bottom: 5%;}
.crbRightFull {height: 100%; position: relative;}
.crbRightFull .simpleChat {height: auto; bottom: 0; top: 32px; position: absolute;}
.crbRightFull .sChatOverflow {height: calc(100% - 85px);}
.chatRoomBlockResized .webcamLeft {position: relative; width: calc(100% - 305px); height: 100%;}
.chatRoomBlockResized .webcamLeftGroup {position: relative; width: calc(100% - 305px); height: 100%;}
.chatRoomBlockResized .webcamLeftGroup .webcamLeftIn {padding: 8px 196px 0 8px;}
.chatRoomBlockResized .groupCams {width: 180px; height: calc(100% - 130px);}
.chatRoomBlockResized .groupCams .gcModelName, .chatRoomBlockResized .webka .gcModelName {position: relative; color: #fff; background: rgba(44,51,64,0.74); border-radius: 3px; -webkit-border-radius: 3px; float: left; padding: 1px 5px; top: -22px; left: 5px; margin: 0 0 -6px 0;}
.chatRoomBlockResized .webcamLeftIn {position: absolute; height: auto; top: 32px; bottom: 0; left: 0; right: 0;}
.chatRoomBlockResized .webka {width: auto; height: calc(100% - 45px);}
.chatRoomBlockResized .webcamLeftGroup .sendTipBtn {margin-right: 0;}
.chatRoomBlockResized .webka .gcModelName {position: absolute; left: 5px; top: 5px;}
.addUserToChat {padding: 20px; position: absolute; bottom: 46px; right: 62px;}
.addUserToChat:before {content: "\e644"; color: #3f505a; font-size: 32px;}
.addUserToChat:hover {text-decoration: none;}
.rcBotIco {position: absolute; color: #3f505a; font-size: 16px; cursor: pointer;}
.icon-comment-discussion:before {content: "\e639";}
.icon-window:before {content: "\e643";}
.icon-window {right: 45px; bottom: 15px;}
.icon-comment-discussion {right: 12px; font-size: 20px; bottom: 13px; color: #0a84d2;}
.windowCount {position: absolute; background: #EBEEF3; bottom: 11px; right: 42px; font-size: 10px; line-height: 1; padding: 1px;}
.myCam {position: absolute; top: 5px; right: 5px;}
.myCamIn {position: relative; width: 180px; height: 135px;}
.myCamActios {width: 180px; height: 135px; background: rgba(44,51,64,0.74); position: relative; border-radius: 3px; -webkit-border-radius: 3px; display: none;}
.myCamActios .tooltipOut {position: absolute;}
.tooltipOut.tooltip-right:before {margin: 6px 0 0 -15px;}
.tooltipOut.tooltip-right:after {margin-left: -5px; margin-bottom: -10px; width: auto; white-space: nowrap;}
.tooltipOut.tooltip-top:before {bottom: 21px;}
.tooltipOut.tooltip-top:after {margin-bottom: -5px; margin-left: -50px; text-align: center; width: 80px;}
.tooltipOut.tooltip-left:before {top: 8px; margin-right: -15px;}
.tooltipOut.tooltip-left:after {margin-right: -5px; margin-bottom: -10px; width: auto; white-space: nowrap;}
.myCamActios .tooltipOut i {position: static; display: block;}
.myCamActios .dmove {top: 5px; left: 5px;}
.myCamActios .dminim {top: 5px; right: 5px;}
.myCamActios .dvolume {bottom: 10px; left: 60px;}
.myCamActios .dcam {bottom: 10px; right: 60px;}
.myCamActios .dmove i:before {content: "\e905"; vertical-align: -1px;}
.myCamActios .dminim i:before {content: "\e645"; vertical-align: -5px;}
.myCamActios .dvolume i:before {content: "\e907"; vertical-align: -1px;}
.myCamActios .dcam i:before {content: "\e647"; vertical-align: -3px; font-size: 19px;}
.myCamActios .dvolumeOff i:before {content: "\e908";}
.myCamActios .dcamOff i:before {content: "\e904";}
.myCam img {width: 100%; position: absolute; border-radius: 3px; -webkit-border-radius: 3px;}
.myCamIn:hover .myCamActios {display: block; cursor: pointer;}
.webcamLeftGroup .addPeopToGroup {top: auto; bottom: 120px; right: -35px;}
.webcamLeftGroup .addPeopToGroup i.corner {top: auto; bottom: -7px; left: 123px; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
@media screen and (-webkit-min-device-pixel-ratio:0) {.webcamLeftGroup .addPeopToGroup i.corner {bottom: -5px;}}
.chatRoomBlockMini .myCamIn, .chatRoomBlockMini .myCamActios {width: 93px; height: 70px;}
.chatRoomBlockMini .myCamActios i {width: 18px; height: 18px; line-height: 19px; font-size: 11px;}
.chatRoomBlockMini .myCamActios .dvolume {bottom: 5px; left: 25px;}
.chatRoomBlockMini .myCamActios .dcam {bottom: 5px; right: 25px;}
.chatRoomBlockMini .myCamActios .dcam i:before {font-size: 14px;}
.chatRoomBlockMini .tooltipOut.tooltip-right:before {margin: 1px 0 0 -15px;}
.chatRoomBlockMini .tooltipOut.tooltip-top:before {bottom: 11px;}
.chatRoomBlockMini .tooltipOut.tooltip-left:before {top: 4px;}
.myCamMinimazed {background: rgba(44,51,64,0.74); -webkit-border-radius: 3px; border-radius: 3px; padding: 3px 3px 0 3px; position: absolute; right: 5px; top: 5px;}
.myCamMinimazed img {width: 32px; height: 32px; display: block; -webkit-border-radius: 3px; border-radius: 3px;}
.myCamMinimazed .webcamOut {display: block; position: static; text-align: center;}
.myCamMinimazed .webcamOut i {line-height: 33px; height: 33px; width: 32px; position: static; background: inherit;}
.myCamMinimazed .statusIcon {top: 1px; right: 1px;}
.myCamMinimazed .webcamOut .webcam:before {color: #fff;}
.chatRoomBlock .egsBlock {border-bottom: solid 1px #fff;}
.chatRoomBlock .egsBlock button.bb {margin: 0 auto; display: block;}
.groupIco:before {content: "\e63b" !important; font-size: 11px !important; color: #999; vertical-align: 0 !important;}
.groupIco.private:before {color: #999;}
.groupIco.public:before {color: #0B84D1;}
.ureadedMessage {-webkit-border-radius: 100%; border-radius: 100%; background: #fbbe03; display: inline-block; width: 6px; height: 6px; margin: 0 0 0 3px; vertical-align: 1px;}
.chatError {color: #c83d34; font-size: 11px; position: relative; padding: 2px 0;}
.chatError .loadingMore {position: absolute; top: 0; right: 10px; width: auto; padding: 0;}
.chatError .loadingMore i.spin:before {color: #c83d34; font-size: 12px;}
.statusIcon.online_mb {background: rgba(0,0,0,0) url("/images/mx_chat.png") no-repeat scroll 0 -64px;}
.statusIcon.offline_mb {background: rgba(0,0,0,0) url("/images/mx_chat.png") no-repeat scroll 0 -80px;}
.chatItem .mood_text {overflow: hidden;}
.chgpItem .mood_text {display: none;}
.egsBlock .pdiInpPhoto::before {z-index: 2; left: 20px;}
.egsBlock .pdiInpPhoto button {padding-top: 0 !important}
#editAvatar-background {z-index: 10002 !important}
.mesCustomizeBlock, .groupChatBlock {overflow-y: auto; padding: 0 8px 25px;}
.chatRoomBlockIsGroup.chatRoomBlockOpened {width: 716px;}
.messageItem .systemNotif {background-color: #fef4f1 !important; border: 1px solid #fcb8a0 !important;}
.marginBottom8px {margin-bottom: 8px;}
.confirmedAddUserBtn {background: #0b84d1; color: #fff; height: 2.3em; padding: 7px; position: absolute; right: 6px; top: 6px;}
.confirmedAddUserBtn:hover {background: #0982cf;}
.messenger .pubRoom div.mood_text {display: block !important;}
.messengerMini .pubRoom div.mood_text, .messengerMini .spanHistory {display: none !important;}.commentItem {padding: 0 0 0 45px; position: relative; color: #999; font-size: 12px; margin: 0 0 10px 0;}
.commentBody {font-size: 13px; color: #5c5f63; padding: 2px 0 0 0;}
.newRate {font-size: 12px; color: #5c5f63; display: inline-block;}
.newRate i {display: inline-block; margin: 0 0 0 5px; color: #ADB1B6; cursor: pointer;}
.newRate i.thUp:before {content: "\e602"; vertical-align: 0;}
.newRate i.thDwn:before {content: "\e601"; vertical-align: -1px;}
.newRate i:hover, .replyLink:hover:before, .reportSpan i:hover:before {color: #333 !important;}
.commLeft {width: 32px; float: left; margin: 0 0 0 -45px; text-align: center;}
.commLeft .ua {width: 32px; height: 32px; display: block; background-size: 32px 32px !important;}
.commLeft .ua.f {background: url(/images/avatar_f.png) no-repeat 0 0;}
.commLeft .ua.m {background: url(/images/avatar_m.png) no-repeat 0 0;}
.commLeft .ua img {display: block; width: 100%;}
.commLeft .folFlag {margin: 0 auto;}
.commLeft i {display: inline-block; margin: 0 3px; cursor: pointer; font-size: 18px; position: relative;}
.commLeft i.uam:before {content: "\e614";}
.commLeft i.uaf:before {content: "\e615";}
.commLeft i.uaf:before {color: #FF66CC; margin: 0 -3px 0 0; vertical-align: -1px;} 
.commLeft i.uam:before {color: #167AC6; margin: 0 -1px 0 0; vertical-align: -2px;}
.commLeft i.uat {margin: 0 0 0 -15px !important; vertical-align: 6px;}
.commLeft i.uacouple {-moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=-0.7071067811865476, M12=0.7071067811865475, M21=-0.7071067811865475, M22=-0.7071067811865476);}
.commLeft i.uacouple:before {vertical-align: -19px; position: relative; left: 11px;}
.reportSpan {display: none; margin: 0 0 0 10px; float: left;}
.reportSpan i {display: block; width: 11px; height: 11px; position: relative;}
.reportSpan.tooltip-top:before, .newRate.tooltip-top:before {top: 4px;}
.reportSpan.tooltip-top:after, .newRate.tooltip-top:after {white-space: nowrap; margin-bottom: -5px; text-align: center;}
.newRate.tooltip-top:after {width: 40px; margin-left: -32px;}
.reportSpan i:before {color: #ADB1B6; content: "\e623"; cursor: pointer;}
.commentItem:hover .reportSpan {display: block;}
.activityItem .commentsBlock {padding: 20px 40px 10px 40px; background: #F6F7F8; margin: 0 -40px -25px -40px;}
.activityItem .commentItem {max-width: 555px;}
.commUpBody {display: table;}
.moreCommsLink:before {content: "\e621"; font-size: 17px; vertical-align: -4px; margin: 0 10px 0 0; color: #ddd;}
.moreCommsLink {margin: 5px 0 0 0; text-decoration: none !important; display: block;}
.writeComBlock {background: #fff; padding: 15px 40px 5px 40px; border-top: solid 1px #D3D6DB; margin: -20px -40px 10px -40px; position: relative;}
.writeComBlock input, .mentionWrapper {border: solid 1px #D3D6DB; border-radius: 3px; -webkit-border-radius: 3px; min-height: 32px; line-height: 30px; width: 100%; padding: 0 40px 0 10px; font-size: 14px; color: #999;}
.writeComBlock .commentItem .emoticonsWrapper {right: 0; left: auto; top: 35px;}
.writeComBlock .commentItem .emoticonsWrapper div.corner {left: 242px;}
.mentionInput {min-height: 30px;}
.smiles:before {content: "\e61d"; color: #ccc; font-size: 16px; position: absolute; top: 8px; right: 10px; cursor: pointer;}
.smiles:hover:before {color: #333;}
.mentionWrapperWrite {position: relative; padding: 0; border: 0;}
.mentionWrapper span {padding: 1px 5px 2px 5px;}
.mentionWrapper .ACCommentSel1 {background: #fef5e8;}
.mentionWrapper .ACCommentSel2 {background: #ebeef3;}
.searchPredAC {left: 0; border-radius: 3px; -webkit-border-radius: 3px; line-height: normal; max-width: 288px;}
.searchPredAC img {margin: 0 7px 0 0; vertical-align: middle; width: 20px;}
.searchPredAC p {border-bottom: 1px solid #e4e4e4; box-shadow: 0 1px #fff; color: #333; overflow: hidden; padding: 5px; text-overflow: ellipsis; white-space: nowrap; cursor: pointer;}
.searchPredAC p:last-child {border: 0;}
.wallComments .commentItem {margin: 0 -30px; padding: 17px 20px 20px 50px; border-bottom: solid 1px #E9EAED; position: relative;}
.wallComments .commUpBody {width: 100%;}
.wallMoreComms {text-align: center; padding: 15px 0 5px 0;}
.wallCommentsList .actonvTtl {white-space: nowrap; position: relative; overflow: hidden; text-overflow: ellipsis; height: 46px; margin: -46px 0 0 0;}
.wallCommentsList .commentItem {padding: 17px 10px 0 70px; margin: 0;}
.wallCommentsList .wiIcon {position: static; border-radius: 100%; -webkit-border-radius: 100%; float: left; margin: 0 0 0 -70px;}
.wallCommentsList .wiIcon img {border-radius: 100%; -webkit-border-radius: 100%;}
.wallCommentsList .commentBody {color: #858b93; font-size: 14px; line-height: 20px; padding: 5px 0 0 0; white-space: normal;}
.wallCommentsList .commUpBody b {display: block;}
.wallCommentsList .commentItem .floatLeft {margin: 0 0 0 -5px;}