widget-chatbot/dist/widget-chatbot.css

- [![React][react.js]][react-url] - [![Socket-io][socket-io-img]][socket-io-url] - [![Chart.js][chart.js-img]][chart.js-url]

.w-modal-container-feedback{width:100%}.w-modal-container-feedback .ant-modal-content{background-image:url(https://res.cloudinary.com/dcvolkyfb/image/upload/v1740108579/svg/modal_feedback_image_smgsc0.svg);background-repeat:no-repeat;background-size:cover}.w-list-feedback-suggestion{display:flex!important;flex-wrap:wrap;gap:8px!important}.w-list-feedback-suggestion .ant-radio-button-wrapper{border-width:1px;border-radius:10px!important;font-size:10px!important}.w-list-feedback-suggestion .ant-radio-button-wrapper:before{content:none}.lds-ellipsis,.lds-ellipsis div{box-sizing:border-box}.lds-ellipsis{display:inline-block;position:relative;width:48px;height:70px}.lds-ellipsis div{position:absolute;top:33.33333px;width:8px;height:8px;border-radius:50%;background:#00000080;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:22px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:37px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(13px)}}.w-bubble-chat-container{display:flex;flex-direction:column;gap:18px}.w-bubble-chat{padding:11px 15px;box-shadow:0 2px 8px #00000026}.w-bubble-chat-regenerate{width:100%;max-width:250px!important}.w-bubble-chat-regenerate-expand{width:100%;max-width:750px!important}.w-response{background-color:#fff;border-radius:0 15px 15px;width:fit-content;max-width:calc(100% - 20px);overflow-wrap:break-word}.w-client{background-color:var(--ant-primary-1, #ebeff8);align-self:flex-end;border-radius:15px 0 15px 15px;max-width:250px}.w-regenerate-chat-last{padding:1px;background:linear-gradient(71.62deg,#395ebc 24.16%,#a8d8f3 76.78%);border-radius:0 15px 15px;animation:gradient 5s ease infinite;background-size:400% 400%;max-width:300px;margin-bottom:10px;transition:all .3s}.w-regenerate-chat-last-expand{max-width:100%}.w-bubble-chat .ant-table-content{max-width:100%!important}.w-link-path{color:var(--primary-color, #395ebc);cursor:pointer}.w-link-path :hover{color:var(--ant-primary-color-hover, #40a9ff)}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.w-input-container{border:1px solid rgba(217,217,217,1);border-radius:8px;display:flex;justify-content:space-between;align-items:flex-end;padding:10px 5px 5px;margin:0 10px}.w-input-widget,.w-input-helpdesk{overflow:auto;resize:none!important;width:100%;border:none}.w-input-widget.ant-input,.w-input-widget.ant-input-focused,.w-input-widget.ant-input:focus,.w-input-widget.ant-input-outlined:focus,.w-input-widget.ant-input-outlined:focus-within{box-shadow:none;border:none!important}.w-input-helpdesk.ant-mentions,.w-input-helpdesk.ant-mentions-focused,.w-input-helpdesk.ant-mentions:hover{border:none!important;box-shadow:none}.w-input-helpdesk.ant-mentions-outlined:focus,.w-input-helpdesk.ant-mentions-outlined:focus-within{box-shadow:none}.w-send-btn{background-color:var(--primary-color, #395ebc)}.w-send-btn-disabled{background-color:#0006!important}.w-list-ticket-container{display:flex;flex-direction:column;gap:12px;height:calc(100dvh - 320px);overflow-y:auto;position:relative}.w-list-ticket-container-sf{height:calc(100dvh - 250px)}.w-list-ticket-container-mobile{height:calc(100dvh - 190px)}.w-ticket-card-container{box-shadow:0 0 8px #a8d8f34d;padding:8px 12px;border-radius:10px;cursor:pointer;transition:all .3s}.w-ticket-card-container:hover{box-shadow:0 3px 6px -4px #a8d8f31a,0 6px 16px #a8d8f330,0 9px 28px 8px #a8d8f32b;border:none}.w-ticket-card-content-container{display:flex;justify-content:space-between}.w-ticket-card-cat-code{display:flex;flex-direction:column}.w-ticket-card-status-date{display:flex;flex-direction:column;align-items:flex-end}.w-ticket-list-advance-filter-form-container{overflow-y:auto;height:calc(100% - 50px);padding:18px 12px}.w-ticket-list-advance-filter-footer{display:flex;gap:8px;align-items:flex-end;justify-content:flex-end;flex:auto}.w-drawer-container{background-color:#fff;height:100%;right:0;bottom:0;left:0;position:absolute;z-index:1;top:62px;padding:15px 12px 12px;display:flex;flex-direction:column}.w-show-animate{animation:show .3s cubic-bezier(.4,0,.2,1) 0ms 1}.w-close-animate{animation:close .3s cubic-bezier(.4,0,.2,1) 0ms 1}.w-slide-left-animate{animation:slide_left .3s cubic-bezier(.4,0,.2,1) 0ms 1}.w-slide-right-animate{animation:slide_right .3s cubic-bezier(.4,0,.2,1) 0ms 1}.w-fade-in-animate{animation:fade-in .3s cubic-bezier(.4,0,.2,1) 0ms 1}.w-fade-out-animate{animation:fade-out .3s cubic-bezier(.4,0,.2,1) 0ms 1;height:0;visibility:hidden;padding:0;margin:0}.w-slide-up-animate{animation:slide-up .3s cubic-bezier(.4,0,.2,1) 0ms 1}.w-spin-animate{animation:spin 1s infinite forwards}@keyframes show{0%{transform:scale(0);overflow:hidden;transform-origin:right}to{transform:scale(1);overflow:visible}}@keyframes close{0%{transform:scale(1);overflow:visible}to{transform:scale(0);overflow:hidden;transform-origin:right}}@keyframes slide_left{0%{transform:translate(-500px);overflow:hidden}to{transform:translate(0);overflow:visible}}@keyframes slide_right{0%{transform:translate(500px);overflow:hidden}to{transform:translate(0);overflow:visible}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-up{0%{transform:translateY(500px)}to{transform:translateY(-100px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.w-wrapper-body-helpdesk{padding:24px 12px;position:relative;overflow:hidden;height:calc(100dvh - 230px)}.w-wrapper-body-helpdesk-sf{height:calc(100dvh - 190px)}.w-wrapper-body-helpdesk-mobile,.w-wrapper-body-helpdesk-sf-mobile{height:calc(100dvh - 115px)}.w-wrapper-body-helpdesk .ant-drawer{position:absolute!important;height:100%}.w-wrapper-body-helpdesk .ant-drawer-content-wrapper{height:100%!important}.w-wrapper-body-helpdesk .ant-drawer-body{overflow:hidden;padding:12px 0 0!important}.w-ticket-detail-content-container{height:calc(100% - 130px);overflow-y:auto;padding:0 24px 20px;position:relative}.w-ticket-detail-content-container-sf-mobile{height:calc(100% - 110px)}.w-ticket-detail-content-container-mobile{height:calc(100% - 120px);padding:0 12px 20px}.w-datekey-chats{color:gray;border-bottom:1px solid rgb(221,221,221);background-color:#fff;border-radius:8px;margin:24px auto 12px;text-align:center;padding:5px 15px;width:fit-content;position:sticky;top:10px;z-index:1}.w-ticket-info-chat-container{display:flex;flex-direction:column;-webkit-box-align:center;align-items:center;text-align:center;margin:auto;padding:4px;background:#fafafa;border:1px solid rgb(217,217,217);border-radius:8px;width:80%;font-size:14px}.w-ticket-detail-header-container{display:flex;gap:8px;border-bottom:1px solid rgba(0,0,0,.05);align-items:center;justify-content:space-between}.w-ticket-detail-header-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.w-ticket-detail-loading-chats{display:flex;flex-direction:column;gap:24px;padding:0}.w-banner-container{position:absolute;top:0;left:0;right:0;background-color:#00000080;width:100%;padding:8px 0;border-radius:0 0 8px 8px}.w-banner-container span{color:#fff}.w-banner-container .w-reconnect-manual{color:var(--link-color, #69b1ff)!important}.w-banner-container .w-banner-content{position:relative;display:flex;gap:4px;text-align:center;flex-direction:column}.w-banner-container .w-banner-subtitle{display:flex;gap:8px;justify-content:center}.w-banner-container .w-banner-close-btn{position:absolute;top:10px;right:10px}.w-launcher-container{cursor:pointer;display:flex;position:fixed;right:0;top:30%;gap:8px;align-items:center;transform:rotate(-90deg);transform-origin:bottom right;background-color:var(--primary-color, #395ebc);color:#fff;padding:15px;border-radius:8px 8px 0 0;transition:all .3s}@media (max-width: 575.98px){body.w-container-open{overflow:hidden}}.w-container-widget{position:fixed;right:2%;top:60px;width:360px;border-radius:8px;box-shadow:0 1px 1.5px -1px #0000000c,0 2.5px 3.7px -1px #00000012,0 5px 7px -1px #00000016,0 9.7px 12.5px -1px #0000001a,0 19.7px 23.4px -1px #0000001f,0 54px 56px -1px #0000002b;z-index:999;transition:all .25s}.w-container-widget-mobile{width:100vw;border-radius:0;top:0;right:0;bottom:0;left:0}.w-container-widget.w-container-widget-expand{width:800px}#w-widget-content .ant-modal-mask,#w-widget-content .ant-modal-wrap{position:absolute}.w-widget-content-container{position:relative;height:100%;background-color:#fff;overflow:hidden}.w-widget-content-container-mobile,.w-widget-content-container-sf-mobile{height:calc(100dvh - 120px)}.w-wrapper-body{overflow-y:auto;height:calc(100dvh - 300px);padding:24px 12px;position:relative}.w-wrapper-body-sf{height:calc(100dvh - 260px)}.w-wrapper-body-sf-mobile{height:calc(100dvh - 190px)}.w-wrapper-body-mobile{height:calc(100dvh - 12rem)}.w-widget-tab-footer-container{width:100%;background-color:#fff;border-radius:0 0 8px 8px}.w-widget-tab-footer-container .ant-tabs-nav{width:100%!important;margin:0}.w-widget-tab-footer-container .ant-tabs-nav>div:nth-of-type(1){display:unset!important;width:100%!important}.w-widget-tab-footer-container .ant-tabs-tab{display:block;flex:1;text-align:center}.w-widget-tab-footer-container .ant-tabs-nav-operations{display:none!important}.w-header-container{display:flex;justify-content:space-between;padding:0 15px;border-radius:8px 8px 0 0;align-items:center;background-color:var(--primary-color, #395ebc);color:#fff}.w-header-text{display:flex;flex-direction:column;gap:8px;padding:12px 0}.w-header-title{font-size:14px;font-weight:600;margin:0!important;color:#fff}.w-header-subtitle{font-size:12px;color:#fff}.w-header-action{display:flex;gap:12px}.w-widget-content-container .ant-notification{position:absolute!important}.w-widget-content-container .w-notification-content{width:300px!important}