.chat-card{background:#fff;transition:.5s;border:0;margin-bottom:5px;border-radius:.55rem;position:relative;width:100%;box-shadow:0 1px 2px 0 rgb(0 0 0 / 10%)}.chat-app .people-list{width:280px;position:absolute;left:0;top:0;padding:20px;z-index:7}.chat-app .chat{margin-left:280px;border-left:1px solid #eaeaea}.people-list{-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s}#chatbox-history{height:350px!important}.chat-history{height:500px;display:flex;flex-direction:column-reverse}.people-list{height:100%}.chat-history,.people-list{overflow-y:auto}.people-list .chat-list li{padding:10px 15px;list-style:none;border-radius:3px}.people-list .chat-list li:hover{background:#efefef;cursor:pointer}.people-list .chat-list li.active{background:#efefef}.people-list .chat-list li .name{font-size:15px}.people-list .chat-list img{width:45px;border-radius:50%}.people-list img{float:left;border-radius:50%}.people-list .about{float:left;padding-left:8px}.people-list .status{color:#999;font-size:13px}.chat .chat-header{padding:15px 20px;border-bottom:2px solid #f4f7f6}.chat .chat-header img{float:left;border-radius:40px;width:40px}.chat .chat-header .chat-about{float:left;padding-left:10px}.chat .chat-history{padding:20px;border-bottom:2px solid #fff}.chat .chat-history ul{padding:0}.chat .chat-history ul li{list-style:none;margin-bottom:30px}.chat .chat-history ul li:last-child{margin-bottom:0}.chat .chat-history .message-data{margin-bottom:15px}.chat .chat-history .message-data img{border-radius:40px;width:40px}.chat .chat-history .message-data-time{color:#434651;padding-left:6px}.chat .chat-history .message{color:#444;padding:18px 20px;line-height:26px;font-size:16px;border-radius:7px;display:inline-block;position:relative}.chat .chat-history .message:after{bottom:100%;left:7%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:#fff;border-width:10px;margin-left:-10px}.chat .chat-history .other-message{background:#efefef}.chat .chat-history .other-message:after{bottom:100%;left:30px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:#efefef;border-width:10px;margin-left:-10px}.chat .chat-history .my-message{background:#e8f1f3;text-align:right}.chat .chat-history .my-message:after{border-bottom-color:#e8f1f3;left:93%}.chat .chat-message{padding:20px}.me,.offline,.online{margin-right:2px;font-size:8px;vertical-align:middle}.online{color:#86c541}.offline{color:#e47297}.me{color:#1d8ecd}.float-right{float:right}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}@media only screen and (max-width:767px){.chat-app .people-list{height:465px;width:100%;overflow-x:auto;background:#fff;left:-400px;display:none}.chat-app .people-list.open{left:0}.chat-app .chat{margin:0}.chat-app .chat .chat-header{border-radius:.55rem .55rem 0 0}.chat-app .chat-history{height:300px;overflow-x:auto}}@media only screen and (min-width:768px) and (max-width:992px){.chat-app .chat-list{height:650px;overflow-x:auto}.chat-app .chat-history{height:600px;overflow-x:auto}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1){.chat-app .chat-list{height:480px;overflow-x:auto}.chat-app .chat-history{height:calc(100vh - 350px);overflow-x:auto}}#chatBody{width:100%;height:350px}#chatBody ul li{list-style:none;margin-bottom:10px}.chat-btn{position:fixed;right:14px;bottom:30px;cursor:pointer}.chat-btn .close{display:none}.chat-btn i{transition:all .9s ease}#check:checked~.chat-btn i{display:block;pointer-events:auto;transform:rotate(180deg)}#check:checked~.chat-btn .comment{display:none}.chat-btn i{font-size:22px;color:#fff!important}.chat-btn{width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:50px;color:#fff;font-size:22px;border:none;z-index:4}#chatWrapper{position:fixed;right:20px;bottom:100px;width:300px;background-color:#fff;border-radius:5px;opacity:0;transition:all .4s;z-index:15;overflow-y:auto;box-shadow:0 10px 16px 0 rgb(0 0 0 / 20%),0 6px 20px 0 rgb(0 0 0 / 19%)!important}#check:checked~#chatWrapper{opacity:1}.header{padding:13px;border-radius:5px 5px 0 0;margin-bottom:10px;color:#fff}.chat-form{padding:15px}.chat-form button,.chat-form input,.chat-form textarea{margin-bottom:10px}.chat-form textarea{resize:none}.btn:focus,.form-control:focus{box-shadow:none}#check{display:none!important}#alternative-div{height:300px;display:none}#count-span-div{background:#000;opacity:.8;width:100%;height:100%;position:absolute;top:0;z-index:3}#count-span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;z-index:1000;font-size:100px}#count-text{position:absolute;top:62%;left:50%;transform:translate(-50%,-50%);color:#fff;z-index:1000;font-size:12px;width:fit-content}.zls-btnmn,.zls-btrht,.zls-icosw-0,.zls-small,.zls-sptwndw,.zlsps-rht{display:none!important}