#globchatcont{position: initial;}
.jdclearboth{clear: both;}

.jdsidechat{position: fixed;width: 400px;left: -1000px;transition: all 0.2s ease;z-index: 11;background: #fff;border: solid 1px #eee;max-width: 100%;top:0px;bottom:0px;}
/* .jdsidechat .block {position: relative;} */
.jdsidechat .close {margin: 4px 3px;font-size: 16px;color: #f00;opacity: 0.5;padding: 1px 3px;}
.jdsidechat #btchatnotif{position: absolute;left: 125px;top: 11px;font-size: 10px;height: 22px;}
.jdsidechat #btaddchatgroup{position: absolute;left: 155px;top: 11px;font-size: 10px;height: 22px;}
.jdsidechat #btopenchatpage {position: absolute;left: 185px;top: 11px;font-size: 10px;height: 22px;}
.jdsidechat #btchatnotif > i {font-size: 12px;}

.jdsidechat #lstchats{height: calc(100vh - 90px);overflow: auto;margin: 0;scrollbar-width: thin;scrollbar-color: #3498db #dfeffc;}

#jdchatlblconnect {position: absolute;font-size: 10px;right: 8px;top: 26px;background: #569bf4;color: #fff;padding: 0 5px;border-radius: 3px;}

.jdsidechat .blcsearch {position:relative}
.jdsidechat .btclear{position: absolute;right: 7px;top: 6px;color: #ccc;font-size: 18px;cursor: pointer;}
.jdsidechat .list-group-item{opacity: 0.5;}
.jdsidechat .list-group-item.online{opacity: 1;}
.jdsidechat .list-group-item.online .pico{background-color: #2ecc71;}
.jdsidechat .list-group-item img {float: left;width: 40px;margin-right: 10px;border: solid 1px;}
.lstusrchattime {position: absolute;vertical-align: bottom;font-size: 9px;right: 5px;bottom: 12px;color: #999;}
.jdsidechat .list-group-item p {clear: both;margin-top: 10px;font-size: 11px;font-style: italic;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 35px;}

.jdsidechat .list-group-item .pico{position: absolute;top: 9px;left: 12px;width: 6px;height: 6px;border-radius: 3px;background-color:#ff9500}

#chatroom {display: none;}
#chatroom .head{background: #f9fafc;line-height: 35px;font-weight: 600;font-size: 14px;padding-left: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 63px;border-bottom: solid 1px #eee;}
#chatroom .head > .chatoptbtns{position: absolute;right: 10px;}
#chatroom .head > .chatoptbtns .btn{padding: 2px 7px;line-height: normal;}
#chatroom .head > .chatoptbtns .btn:hover .caret{border-top-color: #fff;border-bottom-color: #fff;}

/*#chatroom .head > button.close-btn{margin: 6px 3px;position: absolute;right: 10px;}*/

#chatroom .foot {position: absolute;left: 0;right: 0;bottom: 0;}
#chatroom #txtchat{height:34px;resize: none;position: absolute;bottom: 0;left: 0;right: 0;}
#chatroom .foot .input-group-btn {vertical-align: bottom !important;z-index: 9;}

.chatcontent{display: block;
    /*height: calc(100vh - 120px);*/
    height: calc((var(--vh, 1vh) * 100) - 120px);
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #3498db #dfeffc;
    padding-bottom: 30px;
}
.chatcontent::-webkit-scrollbar, .jdsidechat #lstchats::-webkit-scrollbar {width: 10px; height	: 2px;}
.chatcontent::-webkit-scrollbar-track, .jdsidechat #lstchats::-webkit-scrollbar-track {background: #dfeffc;}
.chatcontent::-webkit-scrollbar-thumb, .jdsidechat #lstchats::-webkit-scrollbar-thumb {   
    background: #DFEFFC;
    background: -webkit-radial-gradient(center, #DFEFFC, #3599DB);
    background: -moz-radial-gradient(center, #DFEFFC, #3599DB);
    background: radial-gradient(ellipse at center, #DFEFFC, #3599DB);
    border-radius: 10px;
    border: 1px solid #DFEFFC;
}
  
.chatcontent::-webkit-scrollbar-thumb:hover, .jdsidechat #lstchats::-webkit-scrollbar-thumb:hover {
    border: 2px solid #3498db;
}

.chatcontent::-webkit-scrollbar-thumb:active, .jdsidechat #lstchats::-webkit-scrollbar-thumb:active {
    border: 2px solid #ffffff;
}    

.chatcontent .msg {max-width: 80%;background: #f6f6f6;margin: 10px 5px 10px;padding: 10px 50px 10px 10px; position: relative;min-width: 40%;clear: both;}
.chatcontent .msg.self{border-left: solid 5px #1bbae1;float: right;}
.chatcontent .msg.other{border-right: solid 5px #f99;float: left;}
.chatcontent .msg > span {font-size: 8px;color:#777;position: absolute; right:5px;bottom:5px}
.chatcontent .msg > p {font-size: 11px;line-height: 12px;font-style: italic;padding-top: 5px;margin: 0;color: #333;border: solid 1px #ddd;padding: 5px;border-radius: 5px;}
.chatcontent .msg > i.chk {font-size: 10px;color:#aaa;position: absolute; right:5px;top:5px;display: none;}
.chatcontent .msg.read > i.chk {display: block;color:#5dd05d}
.chatcontent .msg > a {display: block;}
.chatcontent .msg > a > img {max-width:100%}
.chatcontent .jdmsgopt {position: absolute;right: 30px;bottom: 2px;}
.mfp-iframe-scaler{height:80vh;padding:0 !important}

.chatcontent .msg .chatmsguser {font-size: 11px;font-weight: 600;color: #19b0d6;cursor:pointer}
.chatcontent .msg .chatcmd .tit{font-size:11px;background-color: #6ea9e8;color:#fff;text-align: center;}
.chatcontent .msg .infofour {border-top: solid 1px #ccc;margin-top: 5px;padding: 8px;font-size: 11px;background: #fff;}

#blcchatgrp_namegroup, #blcchatgrp_idcontact, #blcchatgrp_users {display: none;}

.jdchatday {text-align: center;background: #e2f5f9a8;margin: 30px auto;width: 150px;padding: 5px 2px;font-size: 10px;font-weight: bold;color: #555;border-radius: 5px;}
.jdchatsys {text-align: center;background: #f9e2e7a8;margin: 30px auto;width: 250px;padding: 5px 2px;font-size: 10px;font-weight: bold;color: #555;border-radius: 5px;}

.emojionearea .emojionearea-editor{min-height:32px !important;font-size: 13px !important;}

#share-table-responsive {overflow-y: auto;max-height: 590px;}


/* ADAPTATION POUR PAGE CHAT */
.page-chat .jdsidechat #lstchats{height: calc(100vh - 370px);width:400px}
.page-chat .jdsidechat {position: relative;left: 0;width: 100%;}
.page-chat #blclstchat {float: left;}
.page-chat #chatroom {float: left;width: calc(100vw - 580px);position: relative;}
.page-chat .chatcontent {height: calc((var(--vh, 1vh) * 100) - 310px);}
.page-chat .jdsidechat #btopenchatpage {display: none;}
.page-chat .jdsidechat .block-title .close {display: none;}