.live-chat-home{display:table;width:100px;height:100px;position:fixed;z-index:10;left:100px;bottom:50px;border-radius:50%;font-size:15px;color:#fff;}
.live-chat-home .content-bubble{display:table-cell;vertical-align:middle;text-align:center;padding-top:5px;background:#1e222b;border-radius:50%;}
.live-chat-home .content-bubble span{width:100%;display:block;text-transform:uppercase;font-weight:500;}
.live-chat-home .content-bubble span.status{text-transform:lowercase;}
.live-chat-home .content-bubble span.status i{font-size:8px;position:relative;top:-1px;}
.live-chat-home .content-bubble:before{content:"";background:#1e222b;width:10px;height:10px !important;transform:rotate(5deg);top:9px;right:9px;padding:10px;position:absolute;z-index:-1;}
.status.online i{color:#09e943;}
.status.offline i{color:#e90939;}
.position-home{z-index:999;position:fixed;bottom:140px;left:200px;}
.window-chat { width: 350px; height: 550px; background: #fff; bottom: 22px; position: fixed; left: 45px; border-radius: 4px; overflow: hidden; -webkit-box-shadow: 2px 6px 24px -9px rgba(0,0,0,0.75); -moz-box-shadow: 2px 6px 24px -9px rgba(0,0,0,0.75); box-shadow: 2px 6px 24px -9px rgba(0,0,0,0.75); z-index: 999999999; }
.window-chat .head{overflow:hidden;background-color:#26242b;padding:0px;text-transform:uppercase;font-family:'Larsseit-Light';font-weight:500;letter-spacing:0.06em;text-align:center;position:relative;}
.window-chat .head .close{cursor:pointer;color:#fff;float:right;position:absolute;top:0px;right:0px;width:60px;height:60px;background:#312E37;text-align:center;    padding-top: 0; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.window-chat .head .close:hover{opacity:0.7;transition:opacity 0.3s ease;}
.window-chat .head .close img { width: 15px; height: 15px; position: relative; top:-5px;}
.window-chat .head p{padding:15px 0;color:#fff;display:inline-block; font-family: 'Larsseit-Bold'; }
.window-chat .body{padding:20px;max-height:370px;overflow-y:scroll;}
.message-box{border:1px solid #e4e7f1;padding:10px 15px 15px 15px;border-radius:5px;margin-bottom:10px;}
.message-box .user {  display: inline-block; width: 8px; height: 8px; background:#2c303a; border-radius: 50%; margin-right: 10px; }  
.message-box .user.active { background:#2ECC71; }  
.author{display:inline-block;font-size:12px;text-transform:uppercase;color:#5f6471;font-weight:500;font-family: 'Larsseit-Bold';}
.hour{display:inline-block;font-size:12px;text-transform:uppercase;color:#5f6471;font-weight:500;}
.message-box p{font-size:14px;color:#444;line-height:1.3;padding:5px 0;font-family: 'Larsseit-Light'; }
.message-box.left{width:80%;border-bottom-left-radius:0;}
.message-box.right{width:80%;border-bottom-right-radius:0;}
.message-box.left .hour{float:right;}
.message-box.right .author{float:right;}
.message-box.right .message p{text-align:right;}
.window-chat{display:none;}
.window-chat.active{display:block;}
.message-footer{font-size:15px;position:absolute;bottom:0;padding:0px;width:350px;box-sizing:border-box;background:#F2F3F4;}
.message-footer textarea{ position: relative; bottom: -5px; resize:none;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;font-family:'Larsseit-Light';color:#fff;width:80%;min-height:50px;width:69%;min-height:90px;padding:15px 20px;box-sizing:border-box; font-size: 15px;}
.message-footer textarea::-webkit-input-placeholder{color:#444; font-size: 15px;}
.message-footer textarea::-moz-placeholder{color:#444; font-size: 15px;}
.message-footer textarea:-ms-input-placeholder{color:#444; font-size: 15px;}
.message-footer textarea:-moz-placeholder{color:#444; font-size: 15px;}
.message-footer input[type="submit"]{background:#E5E7E9;height:93px;width:95px;font-size:18px;font-family: 'Larsseit-Bold';color: #000; border-radius:4px;display:block;float:right;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding-top:5px;letter-spacing:0.02em;text-align:center;}
.message-footer input[type="submit"]:hover{opacity:0.7;transition:opacity 0.3s ease;}
.message-footer input:hover{color:#fff;transition:all 0.4s ease;}
.information{width:350px;font-size:13px;padding:10px 50px 10px 15px;position:relative;box-sizing:border-box;background:#1b1e26;color:#fff;}
.information .close{float:right;position:absolute;display:inline-block;right:20px;top:10px;opacity:0.8;}
.home-chat{position:fixed;height:100%;width:100%;padding:80px 50px 50px;box-sizing:border-box;color:#fff;}
.home-chat .wrapper{position:relative;}
.home-chat h4{color:#fff;margin:0;font-size:25px;}
.home-chat .message p{font-size:15px;}
.home-chat .user-list{min-height:70vh;max-height:70vh;overflow-x:scroll;float:right;top:0;box-sizing:border-box;}
.home-chat .live-messages{overflow-x:hidden;float:left;width:66.5%;padding:0px;box-sizing:border-box;border-right:1px solid #1e222b;}
.home-chat .live-messages .messages-chat{min-height:55vh;max-height:55vh;overflow-x:scroll;position:relative;padding:30px;box-sizing:border-box;}
.home-chat li.active .message-box{background:#e8f0f6;color:#1e222b;font-weight:700;border:0;padding:15px;}
.home-chat li.active .message-box .hour, .home-chat li.active .message-box p{color:#1e222b;}
.home-chat .user-list .message, .home-chat .user-list .hour{width:auto;display:inline-block;}
.home-chat .user-list .hour{float:right;padding-top:6px;}
.home-chat .wrap-chat{border-radius:5px;background:#15181e;width:100%;position:absolute;letter-spacing:0;min-height:70vh;margin-top:20px;box-sizing:border-box;}
.home-chat .delete { float:right;width:auto;width:40px;font-size:15px;padding-top:7px;text-align:center;color:#5f6471;cursor:pointer; }
.home-chat .email { display: inline-block; float: initial; font-size: 13px; float: right; padding: 9px 5px 0 20px; color: #5f6471; cursor:pointer; }  
.home-chat .message-footer{overflow:hidden;width:100%;background:none;position:relative;padding:30px;box-sizing:border-box;}
.home-chat textarea, .home-chat input{font-size:17px;}
.home-chat textarea{padding:15px 30px;box-sizing:border-box;}
.home-chat .message-footer textarea{width:82%;background:#F2F3F4;border-radius:3px;color:#000; color: 18px;}
.home-chat .message-footer textarea::-webkit-input-placeholder{color:#1e222b; font-size: 16px;}
.home-chat .message-footer textarea::-moz-placeholder{color:#1e222b; font-size: 16px;}
.home-chat .message-footer textarea:-ms-input-placeholder{color:#1e222b; font-size: 16px;}
.home-chat .message-footer textarea:-moz-placeholder{color:#1e222b; font-size: 16px;}
.home-chat .message-footer input[type="submit"]{width:17%;}
.home-chat .live-messages h4{padding:20px 30px 0;}
.home-chat .user-list h4{padding:20px 30px 20px;position:fixed;width:26%;}
.home-chat .user-list ul{padding:80px 30px 30px;}
.morecontent{display:none;}
.chat-label { z-index: 99999; }