.latepoint-login-form-w .os-social-or, .step-customer-w .os-social-or, .booking-form-preview-wrapper .os-social-or { color: var(--latepoint-brand-primary); text-align: center; margin-bottom: 15px; margin-top: 15px; font-weight: 600; font-size: 13px; letter-spacing: 1px; } .latepoint-login-form-w .os-social-or span, .step-customer-w .os-social-or span, .booking-form-preview-wrapper .os-social-or span { display: inline-block; position: relative; } .latepoint-login-form-w .os-social-or span:before, .latepoint-login-form-w .os-social-or span:after, .step-customer-w .os-social-or span:before, .step-customer-w .os-social-or span:after, .booking-form-preview-wrapper .os-social-or span:before, .booking-form-preview-wrapper .os-social-or span:after { content: ""; position: absolute; top: 50%; height: 1px; background-color: #E2E5EF; width: 20px; left: -30px; } .latepoint-login-form-w .os-social-or span:after, .step-customer-w .os-social-or span:after, .booking-form-preview-wrapper .os-social-or span:after { left: auto; right: -30px; } .latepoint-login-form-w .os-social-login-options, .step-customer-w .os-social-login-options, .booking-form-preview-wrapper .os-social-login-options { display: flex; justify-content: space-around; align-items: center; gap: 10px; overflow: hidden; flex-wrap: wrap; } .latepoint-login-form-w .os-social-login-options .os-social-login-option, .step-customer-w .os-social-login-options .os-social-login-option, .booking-form-preview-wrapper .os-social-login-options .os-social-login-option { padding: 10px; color: var(--latepoint-brand-primary); display: block; overflow: hidden; text-decoration: none; font-weight: 600; white-space: nowrap; overflow: hidden; } .latepoint-login-form-w .os-social-login-options .os-social-login-option i, .latepoint-login-form-w .os-social-login-options .os-social-login-option span, .step-customer-w .os-social-login-options .os-social-login-option i, .step-customer-w .os-social-login-options .os-social-login-option span, .booking-form-preview-wrapper .os-social-login-options .os-social-login-option i, .booking-form-preview-wrapper .os-social-login-options .os-social-login-option span { display: inline-block; vertical-align: middle; } .latepoint-login-form-w .os-social-login-options .os-social-login-option i, .step-customer-w .os-social-login-options .os-social-login-option i, .booking-form-preview-wrapper .os-social-login-options .os-social-login-option i { margin-right: 8px; } .latepoint-login-form-w .os-social-login-options .os-social-login-option.os-social-login-google, .step-customer-w .os-social-login-options .os-social-login-option.os-social-login-google, .booking-form-preview-wrapper .os-social-login-options .os-social-login-option.os-social-login-google { border: none; padding: 0px; border-radius: 0px; overflow: visible; } .latepoint-login-form-w .os-social-login-options .os-social-login-option.os-social-login-google iframe, .step-customer-w .os-social-login-options .os-social-login-option.os-social-login-google iframe, .booking-form-preview-wrapper .os-social-login-options .os-social-login-option.os-social-login-google iframe { margin: 0 0 0 -9px !important; } .latepoint-login-form-w .os-social-login-options .os-social-login-option.os-social-login-facebook, .step-customer-w .os-social-login-options .os-social-login-option.os-social-login-facebook, .booking-form-preview-wrapper .os-social-login-options .os-social-login-option.os-social-login-facebook { color: #32373b; padding: 4px 10px 5px; border-radius: 4px; border: 1px solid #dadce0; cursor: pointer; } .latepoint-login-form-w .os-social-login-options .os-social-login-option.os-social-login-facebook:hover, .step-customer-w .os-social-login-options .os-social-login-option.os-social-login-facebook:hover, .booking-form-preview-wrapper .os-social-login-options .os-social-login-option.os-social-login-facebook:hover { border-color: #999; } .latepoint-login-form-w .os-social-login-options .os-social-login-option.os-social-login-facebook img, .step-customer-w .os-social-login-options .os-social-login-option.os-social-login-facebook img, .booking-form-preview-wrapper .os-social-login-options .os-social-login-option.os-social-login-facebook img { width: 16px; height: auto; margin-right: 8px; display: inline-block; vertical-align: middle; } .latepoint .invoice-document { line-height: 1.45; } .latepoint .invoice-document .invoice-document-i { position: relative; } .latepoint .invoice-document .invoice-status-draft-label { font-weight: 600; font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 100px; position: absolute; color: rgba(0, 0, 0, 0.2); line-height: 1; opacity: 0.8; border-radius: 10px; top: 50%; left: 50%; transform: translate(-50%, -50%); text-transform: uppercase; letter-spacing: 5px; } .latepoint .invoice-document .invoice-status-paid-label { font-weight: 600; font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 40px; position: absolute; color: #67bf08; padding: 6px 20px; line-height: 1; opacity: 0.8; border: 4px solid #67bf08; border-radius: 10px; bottom: 0px; left: 0px; text-transform: uppercase; letter-spacing: 5px; } .latepoint .invoice-document .invoice-status-voided-label { font-weight: 600; font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 100px; position: absolute; color: #e12f2f; padding: 6px 20px; line-height: 1; opacity: 0.8; border: 4px solid #fb4c4c; border-radius: 10px; top: 50%; left: 50%; transform: translate(-50%, -50%); text-transform: uppercase; letter-spacing: 5px; } .latepoint .invoice-document .invoice-heading { display: flex; justify-content: space-between; } .latepoint .invoice-document .invoice-title { font-weight: 600; color: #14161d; font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; margin-bottom: 5px; font-size: 24px; } .latepoint .invoice-document .invoice-data { margin-top: 40px; } .latepoint .invoice-document .invoice-data .invoice-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; } .latepoint .invoice-document .invoice-data .invoice-row .id-label { color: #7c85a3; } .latepoint .invoice-document .invoice-data .invoice-row .id-value { font-weight: 600; color: #14161d; font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .latepoint .invoice-document .invoice-to-from { display: flex; justify-content: space-between; margin-top: 60px; } .latepoint .invoice-document .invoice-to-from .if-heading { font-weight: 600; color: #14161d; font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; margin-bottom: 5px; font-size: 15px; } .latepoint .invoice-document .invoice-due-info { margin-top: 40px; } .latepoint .invoice-document .invoice-due-info .invoice-due-amount { font-weight: 600; color: #14161d; font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 15px; } .latepoint .invoice-document .invoice-due-info .invoice-due-pay-link-w a { color: var(--latepoint-brand-primary); text-decoration: none; display: inline-block; border-bottom: 1px dotted var(--latepoint-brand-primary); font-weight: 600; font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .latepoint .invoice-document .invoice-items { margin-top: 50px; } .latepoint .invoice-document .invoice-items .invoice-items-table-heading { display: flex; justify-content: space-between; color: #7c85a3; border-bottom: 1px solid #14161d; margin-bottom: 5px; padding-bottom: 5px; } .latepoint .invoice-document .invoice-items .summary-box-heading { display: none; } .latepoint .invoice-document .invoice-totals { padding-left: 50%; } .latepoint .invoice-document .invoice-totals .it-row { display: flex; gap: 40px; border-top: 1px solid #eee; justify-content: space-between; padding: 5px 0; } .latepoint .invoice-document .invoice-totals .it-row.it-row-bold { font-weight: 600; font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #14161d; border-top-color: #14161d; border-top-width: 2px; } .topit-links { display: flex; gap: 15px; align-items: center; } .topit-invoice-link, .topit-receipt-link { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; color: var(--latepoint-brand-primary); text-decoration: none; margin-top: 5px; } .topit-invoice-link span, .topit-receipt-link span { border-bottom: 1px dotted var(--latepoint-brand-primary); } .topit-invoice-link i, .topit-receipt-link i { font-size: 11px; } .quick-calendar-locked-feature { display: none; } .latepoint-chat-box-w { background-color: #fff; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1); } .latepoint-chat-box-w .lc-heading { display: flex; border-bottom: 1px solid rgba(0, 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, 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, 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, 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, 0.5); } .latepoint-chat-box-w .lc-contents .lc-conversations .lc-conversation:hover:after { content: ""; display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; 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 0px; } .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: 0px; left: 0px; right: 0px; padding: 0px 115px 0px 25px; background-color: #fff; border-top: 1px solid #aaa; } .latepoint-chat-box-w .os-booking-messages-input-w input { display: block; width: 100%; border: none; padding: 23px 0px; box-shadow: none; outline: none; } .latepoint-chat-box-w .os-booking-messages-input-w input:focus { box-shadow: none; outline: none; border-bottom-color: #aaa; } .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: 0.3s cubic-bezier(0.05, 0.45, 0.1, 1) 0s messageButtonAnimation; animation-fill-mode: both; } .latepoint-chat-box-w .os-booking-messages-input-w .os-bm-send-btn { position: absolute !important; top: 50%; right: 25px; transform: translateY(-50%); cursor: pointer; display: none !important; animation: 0.3s cubic-bezier(0.05, 0.45, 0.1, 1) 0s messageButtonAnimation; animation-fill-mode: both; } .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: 0px 0px 0px 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-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-agent .os-bm-info-w .os-bm-avatar, .latepoint-chat-box-w .booking-messages-list .os-booking-message-w.os-bm-admin .os-bm-info-w .os-bm-avatar { margin-right: 10px; } .latepoint-chat-box-w .booking-messages-list .os-booking-message-w.os-bm-agent .os-booking-message, .latepoint-chat-box-w .booking-messages-list .os-booking-message-w.os-bm-admin .os-booking-message { background-color: #2d53de; color: #ffffff; 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 { margin-bottom: 15px; } .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-agent .os-bm-info-w .os-bm-avatar, .latepoint-chat-box-w .booking-messages-list .os-booking-message-attachment-w.os-bm-admin .os-bm-info-w .os-bm-avatar { margin-right: 10px; } .latepoint-chat-box-w .booking-messages-list .os-booking-message-attachment-w.os-bm-agent .os-booking-message, .latepoint-chat-box-w .booking-messages-list .os-booking-message-attachment-w.os-bm-admin .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: 0px; right: 0px; bottom: 0px; left: 0px; 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 rgba(255, 255, 255, 0); 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: none; } .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: none; 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-upload-file-btn { right: 15px; } .latepoint-chat-box-w .os-booking-messages-input-w .os-bm-send-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; } } .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, 0.8); background-color: #f3f4f9; padding: 3px 3px; line-height: 1; width: 20px; text-align: center; } .item-quantity-selector-w .item-quantity-selector.item-quantity-selector-minus:before { font-family: "latepointIcons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e914"; } .item-quantity-selector-w .item-quantity-selector.item-quantity-selector-plus:before { font-family: "latepointIcons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e917"; } .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: 0px 4px; font-size: 12px !important; background-color: #fff !important; width: 25px; color: #32373c; line-height: 1.3; font-weight: 600 !important; transition: all 0.2s ease; height: auto; position: relative !important; display: block !important; box-shadow: none !important; border: 1px solid #cad2e0 !important; padding: 2px 1px 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: none; 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: 0px 0px 5px 0px; } .latepoint-w .os-upload-file-input-w input[type=file] { border: 1px solid #cad2e0 !important; padding: 10px 10px 11px 10px !important; border-radius: 0px !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: 0px 1px 2px rgba(0, 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: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e922"; font-size: 14px; top: 48%; right: 15px; color: var(--latepoint-brand-primary); 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: 0px 0px 0px 2px #fff; cursor: pointer; } .os-uploaded-file-info .uf-remove:hover { background-color: #e32b2b; box-shadow: 0px 0px 0px 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: 0px 0px 0px 2px #d6ebff; background-color: #fff; } .os-uploaded-file-info.is-uploaded:hover .uf-label { color: var(--latepoint-brand-primary); } .os-uploaded-file-info.is-uploaded:hover:before { display: block; } .os-uploaded-file-info.is-uploaded .uf-icon i { display: block; } .os-uploaded-file-info.is-uploaded .uf-icon:before { content: ""; width: 12px; height: 12px; font-size: 8px; font-family: "latepointIcons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e928"; position: absolute; top: -4px; right: 7px; background-color: #83d476; color: #fff; border-radius: 50%; padding: 2px; box-shadow: 0px 0px 0px 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; } .latepoint-w .os-invoice-wrapper { max-width: 760px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 8px 35px -3px rgba(0, 0, 0, 0.1); background-color: #fff; margin: 0px auto; position: relative; } .latepoint-w .os-invoice-wrapper.os-loading .os-invoice-inner { filter: blur(3px); } .latepoint-w .os-invoice-wrapper.os-loading:after { display: block; content: ""; width: 20px !important; height: 20px !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 rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; top: 85px; z-index: 9999; } .latepoint-w .os-invoice-wrapper .os-invoice-inner { padding: 50px; padding-top: 70px; } .latepoint-w .os-invoice-wrapper .manage-status-info { display: flex; gap: 5px; align-items: center; margin-right: auto; } .latepoint-w .os-invoice-wrapper .manage-status-info .status-info-label { color: rgba(255, 255, 255, 0.5); display: none; } .latepoint-w .os-invoice-wrapper .manage-status-info .status-info-value { color: #fff; font-weight: 600; padding: 2px 6px; } .latepoint-w .os-invoice-wrapper .manage-status-info .status-info-value.status-approved { background-color: #74ff60; color: #000; } .latepoint-w .os-invoice-wrapper .manage-status-info .status-info-value.status-cancelled { background-color: #e81818; color: #fff; } .latepoint-w .os-invoice-wrapper .manage-status-info .status-info-value.status-pending, .latepoint-w .os-invoice-wrapper .manage-status-info .status-info-value.status-pending_approval, .latepoint-w .os-invoice-wrapper .manage-status-info .status-info-value.status-payment_pending { background-color: #ffe75e; color: #000; } .latepoint-w .os-invoice-wrapper .os-invoice-controls { padding: 15px 25px; background-color: var(--latepoint-brand-primary); display: flex; gap: 25px; align-items: center; justify-content: space-between; position: sticky; top: 0; z-index: 2; } .latepoint-w .os-invoice-wrapper .os-invoice-controls.status-cancelled { background-color: #e81819; } .latepoint-w .os-invoice-wrapper .os-invoice-controls.status-pending, .latepoint-w .os-invoice-wrapper .os-invoice-controls.status-pending_approval, .latepoint-w .os-invoice-wrapper .os-invoice-controls.status-payment_pending { background-color: #c6a573; } .latepoint-w .os-invoice-wrapper .os-invoice-controls .latepoint-btn { padding: 0 !important; } .latepoint-w .os-invoice-wrapper .os-invoice-controls .os-form-group { display: flex; align-items: center; margin: 0 !important; gap: 8px; } .latepoint-w .os-invoice-wrapper .os-invoice-controls .os-form-group .os-form-control { transition: none !important; } .latepoint-w .os-invoice-wrapper .os-invoice-controls .os-form-group label { font-size: 18px; font-weight: 600; color: #fff; } .latepoint-w .os-invoice-wrapper .os-invoice-controls .os-form-group select { font-size: 18px !important; padding: 6px !important; border-radius: 6px !important; border: none !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; background-color: #fff !important; color: #111 !important; height: auto !important; } .os-timezone-selector-wrapper-with-shadow { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.6); display: flex; align-items: center; justify-content: center; } .os-timezone-selector-wrapper { background-color: #fff; box-shadow: 0 5px 30px -3px rgba(0, 0, 0, 0.4), 0 3px 7px -2px rgba(0, 0, 0, 0.6); z-index: 99999; width: 300px; flex: 0 0 300px; position: relative; animation: 0.3s cubic-bezier(0.05, 0.45, 0.1, 1.2) 0s up20op; animation-fill-mode: both; } .os-timezone-selector-wrapper .os-timezone-selector-close { position: absolute; top: -15px; right: -15px; background-color: #fff; padding: 7px; box-shadow: 0 5px 30px -3px rgba(0, 0, 0, 0.4), 0 3px 7px -2px rgba(0, 0, 0, 0.6); border-radius: 15px; line-height: 1; font-size: 14px; cursor: pointer; } .os-timezone-selector-wrapper .os-timezone-selector-close:hover { background-color: #f1f1f1; } .os-timezone-selector-wrapper .os-timezone-selector-close i { display: block; } .os-timezone-selector-wrapper .os-selected-timezone-info { display: flex; align-items: center; background-color: #f1f1f1; padding: 5px 20px; gap: 7px; border-bottom: 1px solid #eee; font-size: 15px; } .os-timezone-selector-wrapper .os-selected-timezone-info .latepoint-icon-checkmark { padding: 3px; background-color: var(--latepoint-brand-primary); color: #fff; font-size: 8px; border-radius: 10px; } .os-timezone-selector-wrapper .os-selected-timezone-info .os-selected-timezone-name { color: #14161d; } .os-timezone-selector-wrapper .os-selected-timezone-info .os-selected-timezone-local-time { margin-left: auto; color: #7c85a3; font-size: 13px; } .os-timezone-selector-wrapper .os-timezones-filter-input-wrapper { padding: 10px; } .os-timezone-selector-wrapper .os-timezones-filter-input { display: block; width: 100%; padding: 10px; box-shadow: none; font-size: 17px; border: 1px solid #aaa; } .os-timezone-selector-wrapper .os-timezones-filter-input:focus { outline: none; border-color: var(--latepoint-brand-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--latepoint-brand-primary) 10%, transparent); } .os-timezone-selector-wrapper .os-timezone-no-matches { padding: 5px 20px; background-color: #f1f1f1; color: #7c85a3; } .os-timezone-selector-wrapper .os-timezones-list { height: 200px; overflow-y: auto; font-size: 17px; color: var(--latepoint-body-color); } .os-timezone-selector-wrapper .os-timezone-group-header { font-weight: 600; color: #14161d; font-size: 20px; padding: 10px 20px 5px 20px; position: sticky; top: -12px; background-color: #fff; border-bottom: 1px solid #eee; z-index: 1; } .os-timezone-selector-wrapper .os-timezone-selector-option { padding: 5px 20px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; } .os-timezone-selector-wrapper .os-timezone-selector-option:hover { background-color: #f1f1f1; } .os-timezone-selector-wrapper .os-timezone-selector-option.selected { padding-left: 40px; position: relative; font-weight: 600; background-color: color-mix(in srgb, var(--latepoint-brand-primary) 10%, transparent); } .os-timezone-selector-wrapper .os-timezone-selector-option.selected:before { content: ""; font-family: "latepointIcons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e903"; display: block; padding: 3px; background-color: var(--latepoint-brand-primary); color: #fff; font-size: 8px; border-radius: 10px; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); } .os-timezone-selector-wrapper .os-timezone-selector-option.selected .os-timezone-selector-option-local-time { color: var(--latepoint-brand-primary); } .os-timezone-selector-wrapper .os-timezone-selector-option .os-timezone-selector-option-local-time { color: #7c85a3; font-size: 13px; } .os-timezone-info-wrapper { display: flex; align-items: center; font-size: 15px; margin-top: 20px; justify-content: flex-end; } .os-timezone-info-wrapper .os-timezone-info-value { color: #14161d; font-weight: 600; position: relative; padding: 5px; padding-right: 15px; cursor: pointer; } .os-timezone-info-wrapper .os-timezone-info-value span { border-bottom: 1px dotted #14161d; display: inline-block; white-space: nowrap; } .os-timezone-info-wrapper .os-timezone-info-value:hover span { border-bottom-style: solid; } .os-timezone-info-wrapper .os-timezone-info-value:after { content: ""; border: 5px solid transparent; border-top-color: #111; display: block; position: absolute; right: 0px; top: 40%; } .os-timezone-info-wrapper .os-timezone-info-value.os-loading:after { display: none; } .os-timezone-info-wrapper .os-timezone-info-value.os-loading:before { display: block; content: ""; width: 10px !important; height: 10px !important; border-bottom: 2px solid #000; border-left: 2px solid #000; border-top: 2px solid #000; border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; right: -5px; left: auto; } .latepoint-w .step-datepicker-w.show-recurring-prompt .os-recurring-suggestion-wrapper { display: block; } .latepoint-w .os-recurring-suggestion-wrapper { animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.1) 0ms latepointContentPopup; animation-fill-mode: both; display: none; background-color: #fff; padding: 40px; position: absolute; box-shadow: 0 -10px 25px -8px rgba(0, 0, 0, 0.3), 0 -1px 2px 0 rgba(0, 0, 0, 0.15); bottom: -40px; left: -40px; right: -40px; z-index: 99999; } .latepoint-w .os-recurring-suggestion-wrapper .os-recurring-dots { position: absolute; left: 10px; right: 10px; height: 15px; background-image: radial-gradient(#d4d4d4 1px, transparent 0); background-size: 7px 7px; } .latepoint-w .os-recurring-suggestion-wrapper .os-recurring-dots:first-child { top: 10px; } .latepoint-w .os-recurring-suggestion-wrapper .os-recurring-dots:last-child { bottom: 10px; } .latepoint-w .os-recurring-suggestion .os-recurring-suggestion-sub-heading { color: #7c85a3; font-size: 17px; margin-bottom: 20px; } .latepoint-w .os-recurring-suggestion .os-recurring-suggestion-heading { color: #14161d; margin-bottom: 5px; font-size: 20px; font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-weight: 600; } .latepoint-w .os-recurring-suggestion .os-recurring-suggestion-options { display: flex; justify-content: flex-start; gap: 20px; } .latepoint-w .os-recurring-suggestion .os-recurring-suggestion-options .os-recurring-suggestion-option { padding: 5px 15px; border: 1px solid #14161d; cursor: pointer; color: #14161d; font-size: 17px; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w { color: #929292; font-size: 17px; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-timezone-info-wrapper { display: none; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-preview-information { padding: 15px; background-color: #f8f8f8; margin-top: 15px; text-align: center; color: #14161d; display: none; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-preview-information .rb-bookings-info-label { margin-bottom: 5px; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-preview-information .rb-bookings-info-link-wrapper a { display: inline-block; border-bottom: 1px dotted var(--latepoint-brand-primary); color: var(--latepoint-brand-primary); } .latepoint-w .latepoint-step-content.step-recurring-bookings-w.show-datepicker .os-recurrence-preview-information { display: none !important; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w.show-datepicker .os-recurrence-rules { display: none; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w.show-datepicker .os-recurrence-datepicker-wrapper { display: block; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-datepicker-wrapper { display: none; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-interval, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-ends { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-interval .os-form-group, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-ends .os-form-group { margin-bottom: 0 !important; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-interval .os-form-group.os-form-select-group .os-form-control, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-interval .os-form-group.os-form-textfield-group input.os-form-control, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-ends .os-form-group.os-form-select-group .os-form-control, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-ends .os-form-group.os-form-textfield-group input.os-form-control { border: none !important; border-bottom: 1px solid #ccc !important; font-size: 17px !important; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-interval .os-form-group.os-form-select-group .os-form-control:focus, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-interval .os-form-group.os-form-textfield-group input.os-form-control:focus, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-ends .os-form-group.os-form-select-group .os-form-control:focus, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-ends .os-form-group.os-form-textfield-group input.os-form-control:focus { border-bottom-color: var(--latepoint-brand-primary) !important; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-interval .os-form-group.os-form-textfield-group input.os-form-control, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-ends .os-form-group.os-form-textfield-group input.os-form-control { padding: 10px 0px 9px 10px !important; text-align: center; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-interval .os-form-group.os-form-select-group .os-form-control, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-ends .os-form-group.os-form-select-group .os-form-control { padding: 8px 10px 8px 10px !important; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-interval .os-ri-label, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-ends .os-ri-label { white-space: nowrap; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-interval .os-end-recurrence-datetime-picker, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-interval .os-start-recurrence-datetime-picker, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-ends .os-end-recurrence-datetime-picker, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-ends .os-start-recurrence-datetime-picker { border-bottom: 1px solid #ccc; color: #14161d; flex: 1; padding: 7px 30px 7px 10px; cursor: pointer; position: relative; line-height: 1.5; white-space: nowrap; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-interval .os-end-recurrence-datetime-picker.os-loading:after, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-interval .os-start-recurrence-datetime-picker.os-loading:after, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-ends .os-end-recurrence-datetime-picker.os-loading:after, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-ends .os-start-recurrence-datetime-picker.os-loading:after { display: none; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-interval .os-end-recurrence-datetime-picker.os-loading:before, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-interval .os-start-recurrence-datetime-picker.os-loading:before, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-ends .os-end-recurrence-datetime-picker.os-loading:before, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-ends .os-start-recurrence-datetime-picker.os-loading:before { display: block; content: ""; width: 18px !important; height: 18px !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 rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; right: -9px; left: auto; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-interval .os-end-recurrence-datetime-picker:after, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-interval .os-start-recurrence-datetime-picker:after, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-ends .os-end-recurrence-datetime-picker:after, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-ends .os-start-recurrence-datetime-picker:after { content: ""; font-family: "latepointIcons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e934"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 16px; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-interval .os-end-recurrence-datetime-picker:hover, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-interval .os-start-recurrence-datetime-picker:hover, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-ends .os-end-recurrence-datetime-picker:hover, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-ends .os-start-recurrence-datetime-picker:hover { border-bottom-color: var(--latepoint-brand-primary); } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-interval .os-end-recurrence-datetime-picker:hover:after, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-interval .os-start-recurrence-datetime-picker:hover:after, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-ends .os-end-recurrence-datetime-picker:hover:after, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-ends .os-start-recurrence-datetime-picker:hover:after { color: var(--latepoint-brand-primary); } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-interval .os-ri-select, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-ends .os-ri-select { flex: 1; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-interval .os-ri-input, .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-ends .os-ri-input { flex: 0 1 80px; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-ri-end-option-count { display: flex; gap: 10px; flex: 1; align-items: center; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-weekdays { display: flex; margin-bottom: 30px; padding-top: 10px; justify-content: space-between; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-weekdays .weekday { cursor: pointer; padding: 2px 8px; border: 1px solid #ccc; border-radius: 6px; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-weekdays .weekday:hover { color: #000; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-weekdays .weekday.os-weekday-selected { color: #000; box-shadow: inset 0 0 0 1px var(--latepoint-brand-primary); border-color: var(--latepoint-brand-primary); } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-rules[data-repeat-unit=month] .os-recurrence-weekdays { display: none; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-rules[data-repeat-unit=day] .os-recurrence-weekdays { display: none; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-ri-end-option-date { flex: 1; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-rules[data-ends=count] .os-ri-end-option-date { display: none; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-rules[data-ends=date] .os-ri-end-option-count { display: none; } .latepoint-summary-w .recurring-bookings-preview-continue-btn { font-size: 17px; display: none; } .latepoint-summary-w .recurring-bookings-preview-continue-btn i { font-size: 12px; } .latepoint-summary-w .recurring-bookings-preview-total-wrapper { flex: 0; padding: 20px; line-height: 1; background-color: #fff; border-top: 1px solid rgba(0, 0, 0, 0.1); display: flex; justify-content: space-between; align-items: flex-end; color: #14161d; font-size: 17px; } .latepoint-summary-w .recurring-bookings-preview-total-wrapper.os-loading .rb-preview-count { color: transparent; } .latepoint-summary-w .recurring-bookings-preview-total-wrapper.os-loading .rb-preview-count .rb-preview-count-label { color: transparent; } .latepoint-summary-w .recurring-bookings-preview-total-wrapper.os-loading .rb-preview-count:before { display: block; background-color: #f1f1f1; } .latepoint-summary-w .recurring-bookings-preview-total-wrapper.os-loading .rb-preview-price { color: transparent; } .latepoint-summary-w .recurring-bookings-preview-total-wrapper.os-loading .rb-preview-price:before { display: block; background-color: #eee; } .latepoint-summary-w .recurring-bookings-preview-total-wrapper .rb-preview-count { display: flex; gap: 4px; align-items: center; position: relative; } .latepoint-summary-w .recurring-bookings-preview-total-wrapper .rb-preview-count:last-child { margin-left: auto; } .latepoint-summary-w .recurring-bookings-preview-total-wrapper .rb-preview-count:before { content: ""; display: none; position: absolute; left: 0; width: 80%; top: 0; height: 100%; } .latepoint-summary-w .recurring-bookings-preview-total-wrapper .rb-preview-count .rb-preview-count-label { color: #929292; } .latepoint-summary-w .recurring-bookings-preview-total-wrapper .rb-preview-price { font-weight: 600; position: relative; } .latepoint-summary-w .recurring-bookings-preview-total-wrapper .rb-preview-price:before { content: ""; display: none; position: absolute; right: 0; width: 80%; top: 0; height: 100%; } .latepoint-summary-w .recurring-bookings-preview-wrapper { padding: 20px; overflow: auto; flex: 1 0 250px; } .latepoint-summary-w .recurring-bookings-preview-wrapper .recurring-booking-preview { padding: 6px 20px 6px 0px; display: flex; align-items: center; border: 1px solid rgba(0, 0, 0, 0.1); border-bottom-color: rgba(0, 0, 0, 0.2); box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.03); background-color: #fff; position: relative; transition: transform 0.2s ease; } .latepoint-summary-w .recurring-bookings-preview-wrapper .recurring-booking-preview.os-loading .rbp-time-edit { color: transparent !important; } .latepoint-summary-w .recurring-bookings-preview-wrapper .recurring-booking-preview.os-loading .rbp-time-edit:before { display: block; content: ""; width: 12px !important; height: 12px !important; border-bottom: 2px solid #000; border-left: 2px solid #000; border-top: 2px solid #000; border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; } .latepoint-summary-w .recurring-bookings-preview-wrapper .recurring-booking-preview.is-editing { animation: latepointBlink 1s infinite; border-color: var(--latepoint-brand-primary); box-shadow: 0 0 0 1px var(--latepoint-brand-primary); } .latepoint-summary-w .recurring-bookings-preview-wrapper .recurring-booking-preview:hover .rbp-time-edit { visibility: visible; } .latepoint-summary-w .recurring-bookings-preview-wrapper .recurring-booking-preview.is-not-available { background-color: #ffeeee; border-color: #ffb2b2; box-shadow: 0 2px 0 0 #ffefee; } .latepoint-summary-w .recurring-bookings-preview-wrapper .recurring-booking-preview.is-not-available.is-editing { box-shadow: 0 0 0 1px #ffb2b2; } .latepoint-summary-w .recurring-bookings-preview-wrapper .recurring-booking-preview.is-not-available .rbp-time-edit { visibility: visible; color: #720000; } .latepoint-summary-w .recurring-bookings-preview-wrapper .recurring-booking-preview.is-not-available .rbp-index { color: #ffcccc; } .latepoint-summary-w .recurring-bookings-preview-wrapper .recurring-booking-preview.is-not-available .rbp-checkbox { display: none; } .latepoint-summary-w .recurring-bookings-preview-wrapper .recurring-booking-preview.is-not-available .rbp-warn-slot-message { position: absolute; background: #000; color: #fff; padding: 5px 7px; box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.3); transform: translateY(-100%); font-size: 13px; top: 0; left: -1px; right: -1px; text-align: center; display: none; } .latepoint-summary-w .recurring-bookings-preview-wrapper .recurring-booking-preview.is-not-available .rbp-warn-slot { cursor: pointer; color: #ae0202; background-color: #fececc; padding: 4px 7px; } .latepoint-summary-w .recurring-bookings-preview-wrapper .recurring-booking-preview.is-not-available .rbp-warn-slot:hover .rbp-warn-slot-message { display: block; } .latepoint-summary-w .recurring-bookings-preview-wrapper .recurring-booking-preview.is-not-available .rbp-warn-slot:before { content: ""; width: 2px; height: 6px; background-color: #ae0202; margin-bottom: 2px; display: block; } .latepoint-summary-w .recurring-bookings-preview-wrapper .recurring-booking-preview.is-not-available .rbp-warn-slot:after { content: ""; width: 2px; height: 2px; background-color: #ae0202; display: block; } .latepoint-summary-w .recurring-bookings-preview-wrapper .recurring-booking-preview.is-not-available .rbp-info .rbp-date { color: #710000; } .latepoint-summary-w .recurring-bookings-preview-wrapper .recurring-booking-preview.is-not-available .rbp-info .rbp-time { color: #ae0202; } .latepoint-summary-w .recurring-bookings-preview-wrapper .recurring-booking-preview + .recurring-booking-preview { margin-top: 10px; } .latepoint-summary-w .recurring-bookings-preview-wrapper .recurring-booking-preview.rbp-is-off { box-shadow: none; border-color: transparent; background: #eee; opacity: 0.7; } .latepoint-summary-w .recurring-bookings-preview-wrapper .recurring-booking-preview.rbp-is-off.is-editing { border-color: #999; box-shadow: 0 0 0 1px #999; } .latepoint-summary-w .recurring-bookings-preview-wrapper .recurring-booking-preview.rbp-is-on .rbp-checkbox:before { text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff; font-family: "latepointIcons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e903"; color: var(--latepoint-brand-primary); position: absolute; top: 50%; left: 50%; font-size: 18px; transform: translate(-39%, -67%); } .latepoint-summary-w .recurring-bookings-preview-wrapper .rbp-index { letter-spacing: -4px; font-size: 41px; color: rgba(0, 0, 0, 0.06); line-height: 1; text-align: center; flex: 0 0 50px; font-weight: 600; } .latepoint-summary-w .recurring-bookings-preview-wrapper .rbp-checkbox { padding: 7px; border: 1px solid #ccc; margin-left: 15px; position: relative; cursor: pointer; } .latepoint-summary-w .recurring-bookings-preview-wrapper .rbp-checkbox:hover { border-color: #000; } .latepoint-summary-w .recurring-bookings-preview-wrapper .rbp-info { flex: 1; padding-left: 3px; } .latepoint-summary-w .recurring-bookings-preview-wrapper .rbp-info .rbp-original-datetime { text-decoration: line-through; font-size: 11px; color: #d75c5c; } .latepoint-summary-w .recurring-bookings-preview-wrapper .rbp-info .rbp-date { font-size: 15px; position: relative; } .latepoint-summary-w .recurring-bookings-preview-wrapper .rbp-info .rbp-date:before { content: ""; display: none; position: absolute; left: 0; width: 70%; top: 20%; height: 60%; } .latepoint-summary-w .recurring-bookings-preview-wrapper .rbp-info .rbp-time { color: #929292; font-size: 13px; position: relative; } .latepoint-summary-w .recurring-bookings-preview-wrapper .rbp-info .rbp-time:before { content: ""; display: none; position: absolute; left: 0; width: 50%; top: 20%; height: 60%; } .latepoint-summary-w .recurring-bookings-preview-wrapper .rbp-info .rbp-time-edit { vertical-align: middle; color: #000000; visibility: hidden; display: inline-block; margin-left: 3px; position: relative; } .latepoint-summary-w .recurring-bookings-preview-wrapper .rbp-info .rbp-time-edit:focus { outline: none; box-shadow: none; } .latepoint-summary-w .recurring-bookings-error, .latepoint-summary-w .recurring-bookings-notice { font-size: 13px; background-color: #fff6d3; color: #6c5a48; padding: 10px; text-align: center; } .latepoint-summary-w .recurring-bookings-error { margin-bottom: 10px; } .latepoint-summary-w .recurring-bookings-notice { margin-top: 10px; } .latepoint-summary-w.os-loading .recurring-bookings-notice { display: none; } .latepoint-summary-w.os-loading .recurring-bookings-preview-wrapper .rbp-checkbox { visibility: hidden; } .latepoint-summary-w.os-loading .recurring-bookings-preview-wrapper .rbp-info .rbp-date, .latepoint-summary-w.os-loading .recurring-bookings-preview-wrapper .rbp-info .rbp-original-datetime { color: transparent !important; } .latepoint-summary-w.os-loading .recurring-bookings-preview-wrapper .rbp-info .rbp-date:before, .latepoint-summary-w.os-loading .recurring-bookings-preview-wrapper .rbp-info .rbp-original-datetime:before { background-color: #eee; display: block; } .latepoint-summary-w.os-loading .recurring-bookings-preview-wrapper .rbp-info .rbp-time { color: transparent !important; } .latepoint-summary-w.os-loading .recurring-bookings-preview-wrapper .rbp-info .rbp-time:before { background-color: #f3f3f3; display: block; } .latepoint-summary-w.os-loading .recurring-bookings-preview-wrapper .rbp-info .rbp-time .rbp-time-edit { visibility: hidden; } .latepoint-summary-w.os-loading .recurring-bookings-preview-wrapper .recurring-booking-preview.is-not-available .rbp-info .rbp-date:before { background-color: #f8c5c5; } .latepoint-summary-w.os-loading .recurring-bookings-preview-wrapper .recurring-booking-preview.is-not-available .rbp-info .rbp-time:before { background-color: #fad7d7; } .step-datepicker-w.show-recurring-prompt .os-dates-w { filter: blur(5px); pointer-events: none; } .step-datepicker-w.show-recurring-prompt .time-selector-w { filter: blur(5px); pointer-events: none; } .os-recurring-bookings-unfold { display: flex; align-items: center; justify-content: flex-end; gap: 5px; color: #14161d; font-size: 13px; cursor: pointer; margin-top: 5px; margin-bottom: 10px; } .os-recurring-bookings-unfold:hover div { border-bottom-style: solid; } .os-recurring-bookings-unfold i { font-size: 11px; line-height: 1; } .os-recurring-bookings-unfold div { border-bottom: 1px dotted #14161d; } .os-recurring-bookings-wrapper { margin-bottom: 10px; } .os-recurring-unfolded-booking-timezone { font-size: 13px; color: #7c85a3; margin-top: 5px; } .os-recurring-bookings-count { margin-bottom: 5px; font-size: 13px; font-weight: 600; color: #14161d; } .os-recurring-unfolded-booking { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 3px; color: #7c85a3; } .cart-item-wrapper.show-all-recurring-bookings .os-recurring-bookings-unfold i { transform: rotate(-90deg); } .cart-item-wrapper:not(.show-all-recurring-bookings) .os-recurring-unfolded-booking:nth-child(n+5) { display: none; } @media (max-width: 600px) { .latepoint-booking-form-element .os-social-login-options .os-social-login-option.os-social-login-google img, .latepoint-booking-form-element .os-social-login-options .os-social-login-option.os-social-login-facebook img { margin-right: 5px; width: 15px; } .latepoint-w .os-recurring-suggestion-wrapper { left: -15px; right: -15px; bottom: -15px; padding: 20px; } .latepoint-summary-w .recurring-bookings-preview-wrapper { flex: 1; } .latepoint-w .latepoint-step-content.step-recurring-bookings-w .os-recurrence-preview-information { display: block; } .latepoint-summary-w .recurring-bookings-preview-continue-btn { display: block; } .latepoint-login-form-w .os-social-login-options .os-social-login-option.os-social-login-google iframe, .step-customer-w .os-social-login-options .os-social-login-option.os-social-login-google iframe { margin: 0 !important; } .latepoint-w .latepoint-booking-form-element .os-social-login-options { flex-direction: column; align-items: center; } .latepoint-w .latepoint-booking-form-element .os-social-login-options > .os-social-login-option { flex: 0; margin-bottom: 10px; padding: 6px 8px; padding-top: 5px; max-width: initial; } .latepoint-w .latepoint-booking-form-element .os-social-login-options > .os-social-login-option.os-social-login-google { padding: 0px; } .latepoint-w .latepoint-booking-form-element .os-social-login-options > .os-social-login-option i { margin-right: 5px; } }