body{padding:0}.pagoole-chat-list{position:absolute;box-shadow:0 8px 16px var(--ut-focus-outline-color);z-index:1;top:48px;right:0;border-radius:var(--chatting-popup-border-radious);max-width:100%;width:360px;background-color:#fff;overflow:hidden}.pagoole-chat-list-header{background-color:var(--default-social-color);color:#fff;padding:10px;text-align:center;font-size:18px;height:48px}.pagoole-chat-list-body{background-color:#343a40;color:#fff;overflow:auto;width:100%;max-height:calc(100vh - 144px);min-height:62px}.pagoole-chat-list-footer{background-color:#fff;color:#4caf50;padding:10px;text-align:center;font-size:18px;height:48px}.pagoole-chat-contacts-list{list-style:none;padding:0;margin:0}.pagoole-chat-contacts-list a{display:flex;text-decoration:none;color:#333;padding:10px;border-bottom:1px solid #d2d6de;transition:background-color .3s}.pagoole-chat-contacts-list a:hover{background-color:#49515a}.pagoole-chat-contacts-list-img{width:40px;height:40px;border-radius:50%;margin-right:10px}.pagoole-chat-contacts-list-info{flex-grow:1}.pagoole-chat-contacts-list-msg{color:#555}.pagoole-chat-direct-chat-name{font-weight:600;font-size:12px;color:#fff}.pagoole-contacts-list-msg{color:#b1bbc4}.pagoole-chat-list-body::-webkit-scrollbar{width:8px}.pagoole-chat-list-body::-webkit-scrollbar-thumb{background-color:#eaebea;border-radius:6px}.chat-list-body::-webkit-scrollbar-thumb:hover,.direct-chat-contacts::-webkit-scrollbar-thumb:hover,.pagoole-chat-box-messages::-webkit-scrollbar-thumb:hover,.pagoole-chat-list-body::-webkit-scrollbar-thumb:hover{background-color:#888;width:12px}.pagoole-chat-load-more{color:#007bff;text-decoration:none;cursor:pointer;font-weight:700;margin:auto}.pagoole-chat-load-more:hover{text-decoration:underline}.pagoole-chat-container{position:fixed;bottom:0;right:50px;z-index:9999}.chat-box{max-width:100%;width:360px;background-color:#fff;border-top-right-radius:8px;border-top-left-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);overflow:hidden;height:auto;float:left;margin:0 5px}.pagoole-chat-box-header{background-color:var(--global-common-color-green);color:#fff;padding:16px;text-align:center;font-size:18px;display:flex;justify-content:space-between;align-items:center}.pagoole-chat-box-messages{padding:15px 8px 15px 15px;max-height:300px;min-height:300px;overflow-y:auto}.pagoole-chat-box-footer button,.pagoole-chat-header input[type=submit]{border:0;border-radius:5px;cursor:pointer;font-size:12px}.pagoole-chat-box-footer input[type=text]{width:calc(100% - 20px);padding:10px;border:0;border-radius:5px;margin-right:10px}.pagoole-btn-chat-send{background-color:var(--global-common-color-green);color:#fff;padding:10px 20px}.pagoole-chat-box-footer{padding:15px;background-color:#f4f4f4;border-top:1px solid var(--global-common-color-green);display:flex}.pagoole-chat-box-header input[type=submit]{border:0;border-radius:5px;cursor:pointer;padding:1px 6px;background:#f0f0f0;font-size:12px;color:#000;margin:0 5px}.pagoole-chat-box-footer input[type=submit]{border:0;border-radius:5px;cursor:pointer;background:var(--global-common-color-green);font-size:12px}.pagoole-minimized{height:58px}.pagoole-direct-chat-infos{display:block;margin-bottom:2px}.pagoole-clearfix:after,.pagoole-clearfix:before{content:"";display:table}.pagoole-direct-chat-name{font-weight:600;font-size:12px}.pagoole-float-right{float:right!important}.pagoole-direct-chat-timestamp{color:#697582;font-size:12px;font-weight:700}.pagoole-message{margin-bottom:15px;display:flex;align-items:flex-start}.pagoole-user-message{text-align:right;display:flex;flex-direction:row-reverse}.pagoole-user-message p{background-color:#4caf50;color:#fff}.pagoole-message .pagoole-chat{background-color:#e0e0e0;padding:10px;border-radius:8px;max-width:70%;display:inline-block;overflow:hidden;word-break:break-word}.pagoole-user-message .pagoole-chat{background-color:#8fda92;color:#000;text-align:left}.pagoole-profile-picture{width:30px;height:30px;border-radius:50%;margin:0 5px;overflow:hidden}.pagoole-profile-picture img{width:100%;height:100%;object-fit:cover}.pagoole-message-content{flex:1}.add-arrow-to-popup:after,.add-arrow-to-popup:before{bottom:-9px;right:calc(50% - 11px);border-width:11px;border-bottom-color:var(--default-social-color)}.add-arrow-to-popup:after,.add-arrow-to-popup:before,.left-arrow-to-chat:before,.right-arrow-to-chat:before{content:"";position:absolute;border-color:transparent;border-style:solid}.left-arrow-to-chat:before{border-width:11px;border-bottom-color:var(--default-social-color)}.right-arrow-to-chat:before{left:-22px;top:50%;border-width:11px 0 11px 11px;border-left-color:var(--default-social-color);transform:translateY(-50%)}.chat-indicator-arrow{position:relative;width:0;height:0;border-style:solid;border-width:8px 12px 8px 0;border-color:transparent #3498db transparent transparent}.chat-list-body::-webkit-scrollbar,.direct-chat-contacts::-webkit-scrollbar,.pagoole-chat-box-messages::-webkit-scrollbar{width:8px}.chat-list-body::-webkit-scrollbar-thumb,.direct-chat-contacts::-webkit-scrollbar-thumb,.pagoole-chat-box-messages::-webkit-scrollbar-thumb{background-color:#eaebea;border-radius:6px}@media screen and (max-width:768px){.pagoole-chat-container{left:10px;right:10px}.chat-box{margin:auto}.pagoole-chat-box-messages{max-height:200px}.chat-list{max-width:100%;background-color:#fff;border-radius:8px;box-shadow:0 0 10px rgb(0 0 0/10%);overflow:hidden;width:initial;left:initial}}