/*! * Copyright (c) 2024 LatePoint LLC. All rights reserved. */ /*! * Copyright (c) 2024 LatePoint LLC. All rights reserved. */ .latepoint-chat-box-w{background-color:#fff;box-shadow:0 10px 20px 0 rgba(0,0,0,.08),0 1px 2px 0 rgba(0,0,0,.1)}.latepoint-chat-box-w .lc-heading{display:flex;border-bottom:1px solid rgba(0,0,0,.1);font-weight:600;font-size:18px}.latepoint-chat-box-w .lc-heading .lc-conversations-header{flex:0 0 300px;border-right:1px solid rgba(0,0,0,.1);background-color:#fff;padding:15px 20px}.latepoint-chat-box-w .lc-heading .lc-contents-header{padding:15px 20px;flex:1}.latepoint-chat-box-w .lc-contents{display:flex;max-height:500px}.latepoint-chat-box-w .lc-contents .lc-conversations{flex:0 0 300px;border-right:1px solid rgba(0,0,0,.1);overflow:auto;background-color:#fff;position:relative;display:flex;flex-direction:column}.latepoint-chat-box-w .lc-contents .lc-conversations .lc-conversation{flex:0;padding:20px;border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;position:relative;cursor:pointer}.latepoint-chat-box-w .lc-contents .lc-conversations .lc-conversation.lc-selected{background-color:var(--latepoint-brand-primary);color:#fff}.latepoint-chat-box-w .lc-contents .lc-conversations .lc-conversation.lc-selected .lc-meta{color:rgba(255,255,255,.5)}.latepoint-chat-box-w .lc-contents .lc-conversations .lc-conversation:hover:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;background-color:var(--latepoint-brand-primary);width:3px;z-index:2}.latepoint-chat-box-w .lc-contents .lc-conversations .lc-conversation.has-unread:not(.lc-selected){background-color:#fff9e4}.latepoint-chat-box-w .lc-contents .lc-conversations .lc-conversation.has-unread{order:-1}.latepoint-chat-box-w .lc-contents .lc-conversations .lc-conversation.has-unread .lc-unread{display:block}.latepoint-chat-box-w .lc-contents .lc-conversations .lc-conversation .lc-agent{flex:0 0 40px;margin-right:15px}.latepoint-chat-box-w .lc-contents .lc-conversations .lc-conversation .lc-agent .lca-avatar{height:40px;width:40px;border-radius:20px;background-size:cover}.latepoint-chat-box-w .lc-title{font-weight:600;font-size:16px}.latepoint-chat-box-w .lc-meta{color:#7c85a3;font-size:12px}.latepoint-chat-box-w .lc-unread{position:absolute;top:15px;right:15px;background-color:#ff4a4a;color:#fff;padding:3px 7px;border-radius:10px;font-size:12px;font-weight:600;display:none}.latepoint-chat-box-w .lcb-content{position:relative;flex:1;display:flex;flex-direction:column}.latepoint-chat-box-w .booking-messages-list{flex:1;overflow:auto;padding:25px 25px 0}.latepoint-chat-box-w .booking-messages-list:after{content:"";height:80px;display:block}.latepoint-chat-box-w .os-booking-messages-input-w{position:absolute;z-index:11;bottom:0;left:0;right:0;padding:0 115px 0 25px;background-color:#fff;border-top:1px solid #aaa}.latepoint-chat-box-w .os-booking-messages-input-w input{display:block;width:100%;border:0;padding:23px 0;box-shadow:none;outline:0}.latepoint-chat-box-w .os-booking-messages-input-w input:focus{box-shadow:none;outline:0;border-bottom-color:#aaa}.latepoint-chat-box-w .os-booking-messages-input-w .os-bm-send-btn,.latepoint-chat-box-w .os-booking-messages-input-w .os-bm-upload-file-btn{position:absolute!important;top:50%;right:25px;transform:translateY(-50%);cursor:pointer;animation:.3s cubic-bezier(.05,.45,.1,1) 0s messageButtonAnimation;animation-fill-mode:both}.latepoint-chat-box-w .os-booking-messages-input-w .os-bm-send-btn{display:none!important}.latepoint-chat-box-w .os-booking-messages-input-w.os-is-typing .os-bm-send-btn{display:inline-block!important}.latepoint-chat-box-w .os-booking-messages-input-w.os-is-typing .os-bm-upload-file-btn{display:none}.latepoint-chat-box-w .os-bm-no-messages{background-color:#f5f7fb;color:#6f78b1;font-size:14px;padding:8px 10px;margin-bottom:10px;text-align:center}.latepoint-chat-box-w .booking-messages-list .os-bm-info-w{display:flex;align-items:center}.latepoint-chat-box-w .booking-messages-list .os-bm-info-w .os-bm-avatar{margin-top:-10px;width:40px;height:40px;background-size:cover;background-position:center center;border-radius:50%;box-shadow:0 0 0 5px #fff;background-color:#fff}.latepoint-chat-box-w .booking-messages-list .os-bm-info-w .os-bm-date{color:#a1a3af;font-size:12px}.latepoint-chat-box-w .booking-messages-list .os-booking-message-attachment-w,.latepoint-chat-box-w .booking-messages-list .os-booking-message-w{margin-bottom:15px}.latepoint-chat-box-w .booking-messages-list .os-booking-message-w .os-booking-message{padding:15px 20px;border-radius:10px;max-width:370px;display:inline-block}.latepoint-chat-box-w .booking-messages-list .os-booking-message-w .os-bm-info-w{position:relative}.latepoint-chat-box-w .booking-messages-list .os-booking-message-w.os-bm-admin .os-bm-info-w .os-bm-avatar,.latepoint-chat-box-w .booking-messages-list .os-booking-message-w.os-bm-agent .os-bm-info-w .os-bm-avatar{margin-right:10px}.latepoint-chat-box-w .booking-messages-list .os-booking-message-w.os-bm-admin .os-booking-message,.latepoint-chat-box-w .booking-messages-list .os-booking-message-w.os-bm-agent .os-booking-message{background-color:#2d53de;color:#fff;margin-left:20px}.latepoint-chat-box-w .booking-messages-list .os-booking-message-w.os-bm-customer{text-align:right}.latepoint-chat-box-w .booking-messages-list .os-booking-message-w.os-bm-customer .os-bm-info-w{flex-direction:row-reverse}.latepoint-chat-box-w .booking-messages-list .os-booking-message-w.os-bm-customer .os-bm-info-w .os-bm-avatar{margin-left:10px}.latepoint-chat-box-w .booking-messages-list .os-booking-message-w.os-bm-customer .os-booking-message{background-color:#edeff6;color:#363e4c;margin-left:auto;margin-right:20px}.latepoint-chat-box-w .booking-messages-list .os-booking-message-attachment-w .os-booking-message-attachment{border-radius:10px;padding:10px 20px;text-align:center;position:relative;border:2px solid #eee;text-decoration:none;display:inline-block;cursor:pointer}.latepoint-chat-box-w .booking-messages-list .os-booking-message-attachment-w .os-booking-message-attachment span{display:inline-block;vertical-align:middle;margin-left:10px;font-weight:600;color:var(--latepoint-brand-primary)}.latepoint-chat-box-w .booking-messages-list .os-booking-message-attachment-w .os-booking-message-attachment .latepoint-icon{display:inline-block;vertical-align:middle;font-size:20px;color:var(--latepoint-brand-primary)}.latepoint-chat-box-w .booking-messages-list .os-booking-message-attachment-w .os-booking-message-attachment:hover{border-color:var(--latepoint-brand-primary)}.latepoint-chat-box-w .booking-messages-list .os-booking-message-attachment-w .os-bm-info-w{position:relative}.latepoint-chat-box-w .booking-messages-list .os-booking-message-attachment-w.os-bm-admin .os-bm-info-w .os-bm-avatar,.latepoint-chat-box-w .booking-messages-list .os-booking-message-attachment-w.os-bm-agent .os-bm-info-w .os-bm-avatar{margin-right:10px}.latepoint-chat-box-w .booking-messages-list .os-booking-message-attachment-w.os-bm-admin .os-booking-message,.latepoint-chat-box-w .booking-messages-list .os-booking-message-attachment-w.os-bm-agent .os-booking-message{margin-left:20px}.latepoint-chat-box-w .booking-messages-list .os-booking-message-attachment-w.os-bm-customer{text-align:right}.latepoint-chat-box-w .booking-messages-list .os-booking-message-attachment-w.os-bm-customer .os-bm-info-w{flex-direction:row-reverse}.latepoint-chat-box-w .booking-messages-list .os-booking-message-attachment-w.os-bm-customer .os-bm-info-w .os-bm-avatar{margin-left:10px}.latepoint-chat-box-w .booking-messages-list .os-booking-message-attachment-w.os-bm-customer .os-booking-message-attachment{margin-left:auto;margin-right:20px}.latepoint-chat-box-w.os-loading .lcb-content:before{content:"";background-color:#fff;position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.latepoint-chat-box-w.os-loading .lcb-content:after{display:block;content:"";width:30px!important;height:30px!important;border-bottom:2px solid var(--latepoint-brand-primary);border-left:2px solid var(--latepoint-brand-primary);border-top:2px solid var(--latepoint-brand-primary);border-right:2px solid transparent;border-radius:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:os-loading 700ms infinite linear;background-color:transparent!important;z-index:11}.lp-new-messages-count{background-color:#ff4a4a;display:inline-block;vertical-align:middle;margin-left:5px;color:#fff;padding:3px 7px;border-radius:10px;font-size:12px;font-weight:600}@media (max-width:600px){.latepoint-chat-box-w .lc-heading{display:block}.latepoint-chat-box-w .lc-heading .lc-conversations-header{flex:1;text-align:center;border:0}.latepoint-chat-box-w .lc-heading .lc-contents-header{display:none}.latepoint-chat-box-w .lc-contents{display:block;max-height:inherit}.latepoint-chat-box-w .lc-contents .lc-conversations{flex:1;border:0;max-height:180px;overflow:auto;border-bottom:1px solid #aaa}.latepoint-chat-box-w .lc-contents .lc-conversations .lc-conversation{padding:10px}.latepoint-chat-box-w .os-booking-messages-input-w{padding-left:15px}.latepoint-chat-box-w .os-booking-messages-input-w .os-bm-send-btn,.latepoint-chat-box-w .os-booking-messages-input-w .os-bm-upload-file-btn{right:15px}.latepoint-chat-box-w .booking-messages-list .os-booking-message-w .os-booking-message{font-size:16px;padding-top:10px;padding-bottom:10px}.latepoint-chat-box-w .booking-messages-list{padding-left:15px;padding-right:15px;max-height:400px;min-height:400px;overflow:auto}} /*! * Copyright (c) 2024 LatePoint LLC. All rights reserved. */ .item-quantity-selector-w{display:flex;align-items:center;margin-left:15px}.item-quantity-selector-w .item-quantity-selector{font-size:14px;cursor:pointer;color:rgba(0,0,0,.8);background-color:#f3f4f9;padding:3px;line-height:1;width:20px;text-align:center}.item-quantity-selector-w .item-quantity-selector.item-quantity-selector-minus:before,.item-quantity-selector-w .item-quantity-selector.item-quantity-selector-plus:before{font-family:"latepointIcons"!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:""}.item-quantity-selector-w .item-quantity-selector.item-quantity-selector-plus:before{content:""}.item-quantity-selector-w .item-quantity-selector:hover{color:#fff;background-color:var(--latepoint-brand-primary)}.item-quantity-selector-w .item-quantity-selector-input{text-align:center;margin:0 4px;font-size:12px!important;background-color:#fff!important;width:25px;color:#32373c;line-height:1.3;font-weight:600!important;transition:all .2s ease;height:auto;position:relative!important;display:block!important;box-shadow:none!important;border:1px solid #cad2e0!important;padding:2px 1px!important;font-family:"latepoint","SF Mono",SFMono-Regular,ui-monospace,"DejaVu Sans Mono",Menlo,Consolas,monospace}.item-quantity-selector-w .item-quantity-selector-input:focus{box-shadow:none;outline:0;border-color:var(--latepoint-brand-primary)!important}.latepoint-booking-form-element.latepoint-border-radius-rounded .item-quantity-selector-input{border-radius:3px!important}.pac-container{font-family:"latepoint",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:15px;z-index:9999999}.latepoint-w .os-form-group.os-form-file-upload-group label{display:block!important;font-size:15px;margin:0 0 5px}.latepoint-w .os-upload-file-input-w input[type=file]{border:1px solid #cad2e0!important;padding:10px 10px 11px!important;border-radius:0!important;width:100%!important;display:block!important;line-height:1!important;cursor:pointer}.latepoint-w .os-upload-file-input-w input[type=file]:hover{border-color:var(--latepoint-brand-primary)!important}.os-uploaded-file-info{text-decoration:none;padding:10px;border:1px solid #ddd;border-bottom:1px solid #bbb;background-color:#fff;display:flex;align-items:center;box-shadow:0 1px 2px rgba(0,0,0,.05);position:relative;cursor:default}.os-uploaded-file-info:before{position:absolute;font-family:"latepointIcons"!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";font-size:14px;top:48%;right:15px;transform:translateY(-50%);display:none}.os-uploaded-file-info .uf-remove{content:"";width:18px;height:18px;font-size:14px;position:absolute;top:-6px;right:-6px;background-color:#dc5454;color:#fff;border-radius:50%;padding:2px;box-shadow:0 0 0 2px #fff;cursor:pointer}.os-uploaded-file-info .uf-remove:hover{background-color:#e32b2b;box-shadow:0 0 0 2px #841414}.os-uploaded-file-info .uf-icon{flex:0 0 30px;font-size:20px;line-height:1;color:var(--latepoint-body-color);position:relative}.os-uploaded-file-info.is-uploaded{cursor:pointer}.os-uploaded-file-info.is-uploaded:hover{border-color:var(--latepoint-brand-primary);box-shadow:0 0 0 2px #d6ebff;background-color:#fff}.os-uploaded-file-info.is-uploaded:hover .uf-label,.os-uploaded-file-info:before{color:var(--latepoint-brand-primary)}.os-uploaded-file-info.is-uploaded .uf-icon i,.os-uploaded-file-info.is-uploaded:hover:before{display:block}.os-uploaded-file-info.is-uploaded .uf-icon:before{width:12px;height:12px;font-size:8px;font-family:"latepointIcons"!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";position:absolute;top:-4px;right:7px;background-color:#83d476;color:#fff;border-radius:50%;padding:2px;box-shadow:0 0 0 2px #fff}.os-uploaded-file-info .uf-data{padding-left:10px;border-left:1px solid #eee;flex:1;overflow:hidden}.os-uploaded-file-info .uf-label{display:block;color:var(--latepoint-body-color)}.os-uploaded-file-info .uf-name{display:block;color:#7c85a3;font-size:12px}