/*!  * Copyright (c) 2024 LatePoint LLC. All rights reserved.  */ /*!  * Copyright (c) 2024 LatePoint LLC. All rights reserved.  */ .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;   } } /*!  * 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, 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;   } }  /*# sourceMappingURL=latepoint-pro-features-front.css.map */