.chat-module .chat-box{padding:40px 20px 20px;position:fixed;bottom:40px;right:20px;width:350px;background-color:#fff;box-shadow:0 2px 2px 0 #a7a6a6;display:flex;flex-direction:column;z-index:1000;-webkit-animation:fadeInChat .5s;animation:fadeInChat .5s}.chat-module .image-add-chat{width:24px;height:24px;-o-object-fit:cover;object-fit:cover;margin-block:auto;margin-right:10px;cursor:pointer}.chat-module #customerList{max-height:calc(65vh + 90px)}.chat-module #customerList .customer-item{cursor:pointer}.content-wrapper{min-height:100vh!important}.chat-module .time-ago{min-width:70px}.chat-module #message-chat .chat-box{padding:0;font-family:system-ui;overflow:hidden;border-radius:12px}.chat-module .btn-submit-form button{display:flex;align-items:center;justify-content:center;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;height:100%!important;padding:0!important;outline:0;border:0}.chat-module .message{overflow-wrap:anywhere}@-webkit-keyframes fadeInChat{0%{opacity:0;width:0}to{opacity:1;width:350px}}@keyframes fadeInChat{0%{opacity:0;width:0}to{opacity:1;width:350px}}.chat-module .form-close{position:absolute;top:10px;right:20px;cursor:pointer}.chat-module .chat-box-icon{position:fixed;bottom:60px;right:0;cursor:pointer;z-index:9999}.chat-module .chat-box-header{padding:10px;align-items:center;text-align:center;display:flex;justify-content:space-between}.chat-module .chat-box-title{font-weight:600;color:#fff}.chat-module .chat-box-footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px;margin-top:auto}.chat-module .chat-box-message-content{background:#fff;transform:translateY(-10px);border-radius:12px;max-height:450px;overflow:auto;padding:0 20px}.chat-module .chat-box-message-content::-webkit-scrollbar{width:0;scrollbar-width:0}.chat-module .message-input{display:flex}.chat-module .message-input button{margin-left:10px}.chat-module .item-message-user,.item-message-admin{display:flex}.chat-module .item-message-user img,.item-message-admin img{width:25px;height:25px;-o-object-fit:cover;object-fit:cover;border-radius:100%}.chat-module .item-message-user .item-left,.item-message-admin .item-left{border-radius:12px;padding:4px 16px 8px 0}.chat-module .user-name{font-weight:700}.chat-module .time{font-size:10px;color:#999;font-weight:600}.chat-module .item-message-user .time{color:#fff}.chat-module .item-message-user .item-right,.item-message-admin .item-right{border-radius:12px;padding:8px;margin-bottom:8px;max-width:calc(100% - 59px)}.chat-module .item-message-user .item-right{background-color:#f16257;word-break:break-word;color:#fff}.chat-module .item-message-admin .item-right{background-color:#f2f2f2;word-break:break-word}.chat-admin .item-message-admin,.chat-module .item-message-user{justify-content:end;flex-direction:row-reverse}.chat-module .item-message-user .item-left{padding:0}.chat-module .w-fit{width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.chat-module .ms-auto{margin-left:auto!important}.chat-module .me-auto{margin-right:auto!important}.chat-module .item-message-user .item-right{margin-right:8px}.chat-module .chat-admin .item-message-admin .item-right{background-color:#f6cfcf}.chat-module .chat-admin .item-message-user{justify-content:start;flex-direction:row}.chat-module .chat-admin .item-message-user .item-right{background-color:#e8e8e8}.chat-module .chat-admin .item-message-user .item-left{padding:8px 16px 8px 0}.chat-module .chat-admin .item-message-admin .item-right{margin-right:8px}.chat-module .chat-admin .item-message-admin .item-left{padding:0}.chat-module .item-right{font-size:12px;height:-webkit-min-content;height:-moz-min-content;height:min-content}.btn-submit-message{margin-left:4px}#formSendMessage,.chat-module .chat-box-footer .form-group{flex:1;width:100%}.chat-module #chat3 .form-control{border-color:transparent}.chat-module #formRegister{margin-top:20px;flex:1}.chat-module #chat3 .form-control:focus{border-color:transparent;box-shadow:inset 0 0 0 1px transparent}.chat-module .form-control:focus{box-shadow:unset}.chat-module :focus{border-color:#dee2e6}.chat-module .badge-dot{border-radius:50%;height:10px;width:10px;margin-left:2.9rem;margin-top:-.75rem}.chat-module .btn-submit-form{display:flex;justify-content:center}.chat-module .chat-admin{padding:20px;display:flex;max-width:1400px;margin-inline:auto}.chat-module .chat-admin .customer-item{display:flex;justify-content:space-between;padding:10px;background-color:#fff;border-bottom:1px solid #d2d1d1;margin-block:4px;cursor:pointer}.chat-module .chat-admin .side-bar{width:25%}.chat-module .chat-admin .list-message{width:75%;display:flex;flex-direction:column;height:100%;overflow:auto;margin-left:20px}.chat-module .chat-admin .chat-box-message-content{width:100%;min-height:calc(100vh - 300px);max-height:calc(100vh - 300px)}.chat-module .chat-admin .chat-box-customer{border-radius:8px;padding:10px;background-color:#fff}.chat-module .chat-admin .customer-list{max-height:calc(100vh - 310px);min-height:calc(100vh - 310px);overflow-y:auto;overflow-x:hidden}.chat-module .chat-admin .chat-box-header{background-color:#e74c39;color:#fff;font-weight:700;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;justify-content:center}.chat-module .chat-admin .chat-box-footer{background-color:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:10px}.chat-module .chat-admin .chat-box-message-content{background-color:#fff;padding:10px 32px}.chat-module .chat-admin .header-chat{background-color:#ebebeb;border-top-left-radius:8px;border-top-right-radius:8px;padding:10px;border-bottom:1px solid #cdcbcb;font-weight:600}.chat-module .chat-admin .search{padding:10px;background-color:#f0f0f0;border-bottom:1px solid #cdcbcb}.chat-module .chat-admin .avt-customer{width:20%}.chat-module .chat-admin .avt-customer img{width:35px;height:35px;border-radius:100%;-o-object-fit:cover;object-fit:cover;margin-right:10px;margin-block:auto}.chat-module .chat-admin .customer-name{display:flex;width:100%}.chat-module .customer-message-last{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:80%;color:#999}.chat-module .chat-admin .customer-info{width:80%}.chat-module .message-noti{display:flex;justify-content:space-between;align-items:center;width:100%}.chat-module .numof-news-message{border-radius:100%;width:16px;height:16px;font-weight:500;font-size:10px;display:flex;justify-content:center;align-items:center}.chat-module .chat-admin .customer-item.active,.chat-module .numof-news-message{background-color:#e74c39;color:#fff}.chat-module .chat-admin .customer-item.active .customer-message-last{color:#fff}.chat-module span.error-help-block,label span{color:red}.chat-module .hidden{display:none}.chat-module .chat-box-header{background-color:#e54a3e;padding:16px 16px 23px!important;width:100%;position:relative;border-top-left-radius:10px;border-top-right-radius:10px}#close-chat-form{top:0;display:flex;align-items:center;height:100%}.last-message-text{width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-box{padding:0!important;border-radius:.75rem;font-family:Nunito,sans-serif}.chat-box-title{margin-left:16px;color:#fff;text-align:left;flex:1}.chat-module .chat-logo{border-radius:100%;aspect-ratio:1;max-width:32px}.chat-module .chat-welcome-form{margin:1rem 0;border-radius:.75rem;overflow:hidden;white-space:pre-wrap;background-color:transparent;color:#f7f7f7;font-weight:500;border:1px solid #e74c39;margin-inline:16px}.chat-module #formRegister{margin-top:0}.chat-module #formRegister,.chat-module #message-chat{padding-inline:16px}.chat-module .form-group{height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.chat-module .chat-welcome-form{padding:16px;color:#e74c39;text-align:center}.chat-module #formRegister{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding-inline:0}.chat-module .chat-message-box{font-family:system-ui;background-color:#fff;display:flex;padding:8px 16px;border-radius:12px}.chat-message-box .btn-submit-form button{aspect-ratio:1;border-top-left-radius:0;border-bottom-left-radius:0}.chat-message-box textarea{border:none;background-color:#fff;resize:none;outline:none}.chat-message-box .form-control:focus{box-shadow:unset}.chat-box-body{flex:1}.chat-module .chat-box-body .gap{height:8px}.chat-module .chat-box-footer{padding:0;margin-top:0}.chat-module .chat-welcome-message{font-size:14px;white-space:normal;margin:1rem 0;padding:0;border-radius:.25rem;overflow:hidden;background-color:#fff;color:#111;font-weight:400;border:1px solid #d4d4d4;border-left:.75rem solid #e74c39}.chat-welcome-message .chat-welcome-message-body{padding:.75rem}.chat-welcome-message-list{padding:16px}.chat-module .chat-box{min-height:541px}.chat-module .chat-contact-form{font-family:system-ui;width:92%;margin:0 auto 1rem;padding:1rem;color:rgba(17,17,17,.85);background-color:hsla(0,0%,100%,.75);border:1px solid #d4d4d4;border-radius:.25rem;background-color:#fff;font-size:14px;line-height:1.4;color:#000;overflow:hidden;position:relative;box-shadow:0 4px 15px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.1)}input::-moz-placeholder{font-size:14px}input:-ms-input-placeholder{font-size:14px}.chat-module input,input::placeholder{font-size:14px}.chat-module input{border-radius:.25rem;padding:8px}textarea::-moz-placeholder{font-size:13px}textarea:-ms-input-placeholder{font-size:13px}.chat-module textarea,textarea::placeholder{font-size:13px}.chat-module textarea{border:1px solid #d4d4d4;border-radius:15px}.chat-module .tick{width:10px!important;height:10px!important}.chat-module .modal-confirm{border-radius:8px;padding:16px;background:#fff;z-index:9999;position:absolute;box-shadow:0 2px 2px 0 #acabab;top:35%;left:5%;right:5%}.chat-module .modal-chat-footer{display:flex;justify-content:space-around;margin-top:12px}.chat-module .modal-chat-header{display:flex;justify-content:end}.chat-module .modal-chat-body{text-align:center;margin:0 12px 12px}.chat-module .modal-new-chat{z-index:2001;left:0;position:absolute;top:-10px;width:100%;height:102%;background:rgba(0,0,0,.5098039215686274);border-radius:12px}.chat-module .modal-chat-footer .btn{min-width:100px}

/*# sourceMappingURL=chat.css.map*/