div#UserChatBox{position:fixed;right:2%;bottom:19px;max-width:350px;min-height:60px;z-index:9999}.footer-area{position:relative}#UserChatBox .card-header{background-color:#3f4649;color:#fff}#UserChatBox .card{border:none;overflow:hidden;transition:.4s ease;position:relative;height:0;top:-70px;opacity:0}#UserChatBox h3.card-title{margin:0;font-size:15px;font-weight:600}#UserChatBox button.btn.btn-tool{float:right;color:#fff;background-color:#3f4649;line-height:0;padding:0 0}#UserChatBox button.btn.btn-warning{background-color:#3f4649;border:none;color:#fff;font-weight:600}#UserChatBox img{width:12%;display:inline-block;float:left}span.direct-chat-name{font-weight:600}.direct-chat-text{border-radius:.3rem;background-color:#e4e8f1;border:1px solid #d2d6de;color:#3f4649;margin:5px 50px 0 50px;padding:5px 10px;position:relative}.direct-chat-msg.right img.direct-chat-img{float:right!important}.direct-chat-msg.right .direct-chat-text{margin:5px 5px 0 50px;background-color:#00759f;border-color:#00759f;color:#fff}span.direct-chat-timestamp{color:#697582;font-size:12px}.direct-chat-msg{margin-bottom:10px;position:relative}.direct-chat-text:after,.direct-chat-text:before{border:solid transparent;border-right-color:#d2d6de;content:" ";height:0;pointer-events:none;position:absolute;right:100%;top:15px;width:0}.direct-chat-text:before{border-width:6px;margin-top:-6px}.direct-chat-text:after{border-width:5px;margin-top:-5px}.direct-chat-msg.right .direct-chat-text:after,.direct-chat-msg.right .direct-chat-text:before{border-left-color:#00759f;left:100%;border-right-color:transparent}#UserChatBox .card-body{height: 317px;overflow-y:scroll;min-width:328px;}#UserChatBox .card-body::-webkit-scrollbar{width:5px;height:8px;background-color:#d4d4d4}#UserChatBox .card-body::-webkit-scrollbar-thumb{background:#3f4649;border-radius:10px}button.ChatStart{cursor:pointer;align-items:center;justify-content:center;color:#fff;width:60px;height:60px;transform:translateY(70px);transition:all 250ms ease-out;border-radius:50%;background:-moz-linear-gradient(-45deg,#183850 0,#183850 25%,#192c46 50%,#22254c 75%,#22254c 100%) no-repeat scroll 0 0;background:-webkit-linear-gradient(-45deg,#183850 0,#183850 25%,#192c46 50%,#22254c 75%,#22254c 100%) no-repeat scroll 0 0;background-repeat:no-repeat;transform:translateY(0);opacity:.8;box-shadow:0 1px 3px rgb(0 0 0 / 12%),0 1px 2px rgb(0 0 0 / 14%);border:none;position:absolute;right:60px;bottom:0;font-size:32px;transition:.8s ease}button.ChatStart:hover{opacity:1}#UserChatBox .card.show{opacity:1;height: 438px;}#UserChatBox span.input-group-append{background-color:#fff;padding:10px 10px;border:none;color:#00759f}#UserChatBox .card-footer{padding:5px 5px;margin-top: 10px;}#UserChatBox input.form-control:focus{border:none}#UserChatBox input.form-control{border:none}.direct-chat-msg.right span.direct-chat-timestamp{position:absolute;left:14px;bottom:0}.direct-chat-msg span.direct-chat-timestamp{right:14px;position:absolute;bottom:0}.AdminMsgs ul{padding:0 10px 0 0;margin:0}.AdminMsgs ul li{list-style:none;padding:10px 0;border-bottom:1px solid #00000017;cursor:pointer}.MsgSearch input{border-radius:4px;border:2px solid #00000012}.MsgSearch{padding:0 0 15px}.AdminMsgs ul li h4{margin:0;font-size:18px;font-weight:600}.AdminMsgs ul li h4 span{float:right;font-size:12px;color:#929292}.AdminMsgs ul li p{margin:0;font-size:12px}.AdminMsgs ul li:last-child{border:none}.AdminMsgs .col-md-4{border-right:1px solid #e8e8e8}.AdminMsgs{min-height:510px}.ChatHead h4{margin:0;font-size:20px}.ChatHead{background-color:#0a1217;color:#fff;padding:5px 15px}.CHatterFoot{background-color:#ecf0f5;padding:20px 20px}.CHatterFoot span.input-group-append{background-color:#fff;padding:6px 10px}.CHatterFoot input.form-control{border:none}.AdminMsgs .chatterBody{min-height:400px}.chatterBody span.direct-chat-timestamp{position:absolute;right:15px;top:13px;font-size:13px}.chatterBody .direct-chat-msg{position:relative}.chatterBody .direct-chat-text{margin:5px 50px 0 0;background:#e4e8f1;border:1px solid #e4e8f1}.chatterBody .direct-chat-msg.right span.direct-chat-timestamp{left:22px}.right .direct-chat-text{margin:5px 10px 0 60px!important;background-color:#66696b;color:#fff}.MsgList ul{max-height:465px;overflow-y:scroll}.chatterBody div#chat_messages{height:400px}::-webkit-scrollbar{width:5px;height:8px;background-color:#d4d4d4}::-webkit-scrollbar-thumb{background:#3f4649;border-radius:10px}.MsgAlert{background:#3f4649;border-radius:50%;margin:10px;height:10px;width:10px;box-shadow:0 0 0 0 rgb(255 255 255);transform:scale(1)}.MsgAlert.active{animation:pulse 2s infinite;background-color:#00759f}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 0 0 #00759f17}70%{transform:scale(1);box-shadow:0 0 0 10px #00759f52}100%{transform:scale(.95);box-shadow:0 0 0 0 #00759f00}}.right .direct-chat-text:after,.right .direct-chat-text:before{border-left-color:#66696b}.MsgList ul li a h5{font-size:16px;margin:0;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}.MsgList ul li a{color:#0a1217}div#admin_chat_messages{max-height:400px!important;height:auto}.MsgList ul li a h5 span{display:inline-block;vertical-align:middle}.UserAlert{text-align:center;color:#0a12176b;font-size:13px}.UserAlert p a{color:#989c9e}.UserAlert p{margin:0 0 7px}.direct-chat-messages{max-height: 400px;}.AcUsers tbody td .MsgAlert{display:inline-block;vertical-align:middle;margin:0 0 0 10px}.ChatStart span {position: absolute;right: 0;top: 0;background-color: #bf1212;height: 20px;width: 20px;line-height: 33px;border-radius: 50px;}.AdminMsgs .direct-chat-messages {height: auto !important;}.direct-chat-msg .direct-chat-text {word-break: break-all;} @media (max-width:600px) { div#UserChatBox.show {z-index: 9999999999 !important;height: 100vh !important;width: 100% !important;right: 0 !important;left: 0 !important;bottom: 0 !important;max-width: 100%;}div#UserChatBox.show .card-body {position: relative;z-index: 999999999999 !important;}}.offline_form p {font-size: 12px;line-height: 11px;text-align: center;}.offline_form > input, .offline_form > textarea {border: 2px solid #0000000f !important;box-shadow: 0px 0px 20px -15px #000;margin-bottom: 10px;font-size: 14px;}.offline_form button.btn.sendChat {display: block;background-color: #00759f;color: #fff;font-weight: 600;width: 100%;padding: 4px 0;}.offline_form {padding-top: 5%;}.typing {position: relative;float: left;padding: 50px 0 0;margin-left: -40px;}.typing img {float: initial !IMPORTANT;width: 50px !important;}#UserChatBox .card-footer:before {position: absolute;height: 28px;content: "";bottom: 48px;background: url(cdn-apexautoparts.azureedge.net/apex-files/files/WebFiles/images/typing.gif);left: 7px;right: 0;width: 50px;background-size: 100%;opacity: 0;}#UserChatBox .card-footer {margin-top: 28px !important;}#UserChatBox .card-footer.type:before {opacity: 1;}.card-footer.type {margin-top: 10px !important;}