.chat { z-index:99999; margin:0;background-color:#efeef1; border:0px solid rgba(0,0,0,0.9);border-right:0;height:100%;width:0px;position:fixed;right:0;top:0;border-right:0px solid #ccc; }
.chat * { -moz-user-select: auto !important;-o-user-select: auto !important;-khtml-user-select: auto !important;-webkit-user-select: auto !important;user-select: auto !important; }
.chat-btn { cursor:pointer;position:fixed;height:40px;bottom:0px;right:0;line-height:40px;font-size:18px;letter-spacing:0;border-right:0;color:#fff;font-weight:700;text-align:center; }
.chat-btn:before { position:absolute;content:' ';transform:skewX(-20deg);border-radius:0px 0 0 0;background:rgba(84,82,149,0.8);width:100px;height:40px;right:-15px;border-top:1px solid #9191de;border-left:1px solid #9191de; transition:0.3s all; }
.chat-btn-text { width:80px;height:40px;z-index:2;position:relative; }
.chat-btn .chat-btn-text i { line-height:40px;margin-right:5px; }
.chat-btn:hover:before { background:#6866b8; }
.chat-info { cursor:default;position:absolute; bottom:45px; right:5px;text-align:right;color:#7673e4;text-shadow:0 1px rgba(0,0,0,0.5);font-size:14px;line-height:14px;font-weight:700; }
.chat-info div { padding:0px 5px;float:right; }
.chat-info div.active { color:#aeacff }
.chat-info div:nth-child(1) { }
.chat-body { position:relative;z-index:2;width:100%;height:100%; }
.chat-messages, .chat-users { transition:all 0.3s ease;position:absolute; width:340px; top:46px; bottom:170px;overflow-y:auto; font-size:12px;  }
.chat-users .cm { line-height:14px; }
.chat-users { z-index:2;background:#efeef1; padding:10px; box-sizing:border-box;   }
.chat-input { width:100%;position:absolute;bottom:0;height:170px;;border-top:0px solid #e1e1e1; }
.chat-input textarea { width:278px;margin:20px 20px 0 20px;border:1px solid #ccc;padding:10px;min-height:70px;color:#555;font-family: Tahoma, 'Play', Arial;font-size:12px; border-radius:0; }
textarea:focus, textarea:active { box-shadow:0 !important;border-color:#4b48b8;outline: none; }
.chat-title { float:right;height:45px;line-height:45px;color:#000;font-size:16px;font-family:Play;font-weight:700;width:294px;padding:0;transition:all 0.3s; }
.chat-title .chat-channel{ padding:0 20px;height:45px;line-height:45px;cursor:pointer; }
.chat-ul { display:none;font-size:14px; font-weight:700; background:#f4f4f4; max-height:300px; width:294px;margin-left:-1px;position:relative;z-index:3;border:1px solid #ccc; }
.chat-li { position:relative;height:30px;line-height:30px;padding:0 20px;background:linear-gradient(to bottom, transparent, rgba(255,255,255,0.3));border-bottom:1px solid #ebebeb; cursor:pointer; }
.chat-li:hover { background:#9182fa;color:#fff !important; }
.chat-channel { position:relative; }
.chat-unread { position:absolute;right:0;bottom:0;color:#fff;display:inline-block;height:20px;width:20px;font-size:12px;line-height:20px;text-align:center;background:#dc3805;border-radius:50% 0 0 0;margin-top:5px; }
.chat-channel .unread { position:absolute;right:0;bottom:0;bottom:0;height:20px;width:20px;font-size:12px;line-height:20px;text-align:center;background:#dc3805;border-radius:50% 0 0 0; color:#fff; }
.chat-title:hover { background:#fff; }
.chat-title i.fa-caret-down{ float:right;line-height:45px; }
.chat-menu { width:340px;height:45px;background:rgba(255,255,255,0.1);border-bottom:1px solid #e1e1e1; }
.chat-menu-item { position:relative;transition:all 0.3s ease;float:right;margin:10px 0px 0px 10px;height:30px;width:30px;text-align:center;cursor:pointer;line-height:30px;color:#4b48b8;font-size:20px; }
.chat-menu-item:hover, .chat-menu-item.active { background-color:rgba(255,255,255,0.9); }
.chat-menu-item span { position:absolute;left:0;width:45px;top:33px;text-align:center;font-size:12px;font-family:'Exo 2';line-height:0;color:#5451ca;font-weight:700; }
.chat-menu .chat-menu-item { width:45px;height:45px;margin:0;line-height:35px;color:#6f6f6f;font-size:16px;float:left;border-right:1px solid #e1e1e1; }
.chat-send { transition:all 0.3s ease;float:left;background:#4b48b8;height:30px;font-size:12px;font-weight:700;color:#fff;line-height:30px;text-align:center;padding:0 10px;cursor:pointer;margin-top:10px;border:1px solid #262385; }
.chat-send:hover { background:#514de8; }
.chat-options { margin:0 20px; }
#chat_cont { padding:10px 10px 5px 10px; }
.cm { font-size:12px;padding:6px 10px 6px 10px;color:#19171c;line-height:20px;font-family: Helvetica Neue,Helvetica, Tahoma, 'Play', Arial;  }
.cm * { font-family: Helvetica Neue,Helvetica, Tahoma, 'Play', Arial;  }
.cm span { font-weight:700;cursor:pointer;margin-right:3px; }
.forme { background:rgba(0,0,0,0.8);color:#fff;padding:1px 5px;border-radius:4px; }
.e-wrap { display:inline;position:relative;min-width:26px;min-height:12px; }
.cm img { vertical-align:middle;margin:-5px auto;height:28px; }
.chat-alert { font-size:18px;margin:10px 0;text-decoration:underline;font-family:Play; }
.chat-tooltip { position:absolute;bottom:0px;right:340px;height:auto;width:240px;padding:10px;background-color:rgba(255,255,255,0.95);font-size:13px;text-align:center;color:#555; }
.chat-tooltip .btn { background:#4b48b8; border:1px solid #262385; color:#fff; }
.chat-tooltip .btn:hover { background:#514de8; }
.chat-tooltip  img { cursor:pointer; }
.chat-tooltip  img:hover { opacity:0.9; }
.chat-tooltip .hr { height:2px;margin:5px 0; }
.chat-tooltip span.e-wrap { margin:0 5px 5px 0;height:28px !important;width:28px;display:inline-block; }
.chat-tooltip  span.e-wrap img { margin:0 !important; }
.ctc { position:absolute;right:2px;top:2px;font-size:14px;color:#4b48b8;cursor:pointer; }
.ctc:hover { color:#514de8; }
.chat-colors {  }
.chat-colors div { cursor:pointer;height:20px;width:20px;display:inline-block; }
.chat-colors div.active { cursor:pointer;border:2px solid #000;height:20px;width:20px;margin:-2px 0;display:inline-block; }
.chat-colors div:hover { opacity:0.8; }
.chat-colors .cc0 { background:#000; }
.chat-colors .cc1 { background:#ff0000; }
.chat-colors .cc2 { background:#555; }
.chat-colors .cc3 { background:#26a935; }
.chat-colors .cc4 { background:#172ebd; }
.chat-colors .cc5 { background:#e45e05; }
.chat-colors .cc6 { background:#4e05e4; }
.chat-colors .cc7 { background:#88541d; }
.chat-colors .cc8 { background:#c39e08; }
.chat-colors .cc9 { background:#0899c3; }
.chat-colors .cc10 { background:#b7218e; }
.cc0 { color:#000; }
.cc1 { color:#ff0000; }
.cc2 { color:#555; }
.cc3 { color:#26a935; }
.cc4 { color:#172ebd; }
.cc5 { color:#e45e05; }
.cc6 { color:#4e05e4; }
.cc7 { color:#88541d; }
.cc8 { color:#c39e08; }
.cc9 { color:#0899c3; }
.cc10 { color:#b7218e; }
.chat .btn-info { color:#555 !important; }
.chat-chat { text-align:center;margin-right:10px;float:right }
.adm { font-size:1em;color:#000;margin-right:5px; }
.adminka { margin-right:20px;}
div.mc-postbox-container { position:absolute !important;bottom:10px;left:10px;right:10px; }
.pro-e { position:relative; }
.pro-e-block { position:absolute;text-align:center;bottom:0;left:0;right:0;top:24px;background:rgba(255,255,255,0.7);z-index:2;line-height:100px;font-weight:700;cursor:pointer; }
.chat .adm-btn { color:#000;cursor:pointer; }
.chat .adm-btn:hover { color:#555; }
.delete-msgs { display:none; }