PluginProbe ʕ •ᴥ•ʔ
Appointment Booking Plugin – LatePoint | Calendar & Scheduling for WordPress / 5.1.91
Appointment Booking Plugin – LatePoint | Calendar & Scheduling for WordPress v5.1.91
5.6.8 5.6.7 5.6.6 5.6.5 5.6.4 5.6.3 5.6.2 5.6.1 5.6.0 5.5.2 5.5.1 5.5.0 5.4.2 trunk 5.1.0 5.1.1 5.1.2 5.1.3 5.1.4 5.1.5 5.1.6 5.1.7 5.1.8 5.1.9 5.1.91 5.1.92 5.1.93 5.1.94 5.2.0 5.2.1 5.2.10 5.2.11 5.2.2 5.2.3 5.2.4 5.2.5 5.2.6 5.2.7 5.2.8 5.2.9 5.3.0 5.3.1 5.3.2 5.4.0 5.4.1
latepoint / public / stylesheets / front.css
latepoint / public / stylesheets Last commit date
admin.css 1 year ago admin.css.map 1 year ago front.css 1 year ago front.css.map 1 year ago
front.css
11608 lines
1 /*!
2 * Copyright (c) 2024 LatePoint LLC. All rights reserved.
3 */
4 .latepoint-admin,
5 .latepoint-w {
6 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
7 line-height: 1.2;
8 -webkit-text-size-adjust: 100%;
9 -ms-text-size-adjust: 100%;
10 -ms-overflow-style: scrollbar;
11 }
12 .latepoint-admin p,
13 .latepoint-w p {
14 line-height: 1.2;
15 }
16 .latepoint-admin .os-template-preview-content,
17 .latepoint-w .os-template-preview-content {
18 font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
19 }
20 .latepoint-admin .os-template-preview-content h1, .latepoint-admin .os-template-preview-content h2, .latepoint-admin .os-template-preview-content h3, .latepoint-admin .os-template-preview-content h4, .latepoint-admin .os-template-preview-content h5,
21 .latepoint-w .os-template-preview-content h1,
22 .latepoint-w .os-template-preview-content h2,
23 .latepoint-w .os-template-preview-content h3,
24 .latepoint-w .os-template-preview-content h4,
25 .latepoint-w .os-template-preview-content h5 {
26 font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
27 }
28 .latepoint-admin .os-template-preview-content .os-template-var,
29 .latepoint-w .os-template-preview-content .os-template-var {
30 font-family: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
31 }
32 .latepoint-admin *,
33 .latepoint-admin *::before,
34 .latepoint-admin *::after,
35 .latepoint-w *,
36 .latepoint-w *::before,
37 .latepoint-w *::after {
38 box-sizing: border-box;
39 }
40 .latepoint-admin article, .latepoint-admin aside, .latepoint-admin figcaption, .latepoint-admin figure, .latepoint-admin footer, .latepoint-admin header, .latepoint-admin hgroup, .latepoint-admin main, .latepoint-admin nav, .latepoint-admin section,
41 .latepoint-w article,
42 .latepoint-w aside,
43 .latepoint-w figcaption,
44 .latepoint-w figure,
45 .latepoint-w footer,
46 .latepoint-w header,
47 .latepoint-w hgroup,
48 .latepoint-w main,
49 .latepoint-w nav,
50 .latepoint-w section {
51 display: block;
52 }
53 .latepoint-admin [tabindex="-1"]:focus,
54 .latepoint-w [tabindex="-1"]:focus {
55 outline: 0 !important;
56 }
57 .latepoint-admin hr,
58 .latepoint-w hr {
59 box-sizing: content-box;
60 height: 0;
61 overflow: visible;
62 }
63 .latepoint-admin h1, .latepoint-admin h2, .latepoint-admin h3, .latepoint-admin h4, .latepoint-admin h5, .latepoint-admin h6,
64 .latepoint-w h1,
65 .latepoint-w h2,
66 .latepoint-w h3,
67 .latepoint-w h4,
68 .latepoint-w h5,
69 .latepoint-w h6 {
70 margin-top: 0;
71 }
72 .latepoint-admin p,
73 .latepoint-w p {
74 margin-top: 0;
75 }
76 .latepoint-admin abbr[title],
77 .latepoint-admin abbr[data-original-title],
78 .latepoint-w abbr[title],
79 .latepoint-w abbr[data-original-title] {
80 text-decoration: underline;
81 text-decoration: underline dotted;
82 cursor: help;
83 border-bottom: 0;
84 }
85 .latepoint-admin address,
86 .latepoint-w address {
87 margin-bottom: 1rem;
88 font-style: normal;
89 line-height: inherit;
90 }
91 .latepoint-admin ol,
92 .latepoint-admin ul,
93 .latepoint-admin dl,
94 .latepoint-w ol,
95 .latepoint-w ul,
96 .latepoint-w dl {
97 margin-top: 0;
98 margin-bottom: 1rem;
99 }
100 .latepoint-admin ol ol,
101 .latepoint-admin ul ul,
102 .latepoint-admin ol ul,
103 .latepoint-admin ul ol,
104 .latepoint-w ol ol,
105 .latepoint-w ul ul,
106 .latepoint-w ol ul,
107 .latepoint-w ul ol {
108 margin-bottom: 0;
109 }
110 .latepoint-admin dd,
111 .latepoint-w dd {
112 margin-bottom: 0.5rem;
113 margin-left: 0;
114 }
115 .latepoint-admin blockquote,
116 .latepoint-w blockquote {
117 margin: 0 0 1rem;
118 }
119 .latepoint-admin dfn,
120 .latepoint-w dfn {
121 font-style: italic;
122 }
123 .latepoint-admin b,
124 .latepoint-admin strong,
125 .latepoint-w b,
126 .latepoint-w strong {
127 font-weight: bolder;
128 }
129 .latepoint-admin small,
130 .latepoint-w small {
131 font-size: 80%;
132 }
133 .latepoint-admin sub,
134 .latepoint-admin sup,
135 .latepoint-w sub,
136 .latepoint-w sup {
137 position: relative;
138 font-size: 75%;
139 line-height: 0;
140 vertical-align: baseline;
141 }
142 .latepoint-admin sub,
143 .latepoint-w sub {
144 bottom: -0.25em;
145 }
146 .latepoint-admin sup,
147 .latepoint-w sup {
148 top: -0.5em;
149 }
150 .latepoint-admin a:not([href]):not([tabindex]),
151 .latepoint-w a:not([href]):not([tabindex]) {
152 color: inherit;
153 text-decoration: none;
154 }
155 .latepoint-admin a:not([href]):not([tabindex]):focus,
156 .latepoint-w a:not([href]):not([tabindex]):focus {
157 outline: 0;
158 }
159 .latepoint-admin pre,
160 .latepoint-admin code,
161 .latepoint-admin kbd,
162 .latepoint-admin samp,
163 .latepoint-w pre,
164 .latepoint-w code,
165 .latepoint-w kbd,
166 .latepoint-w samp {
167 font-size: 1em;
168 }
169 .latepoint-admin pre,
170 .latepoint-w pre {
171 margin-top: 0;
172 margin-bottom: 1rem;
173 overflow: auto;
174 -ms-overflow-style: scrollbar;
175 }
176 .latepoint-admin figure,
177 .latepoint-w figure {
178 margin: 0 0 1rem;
179 }
180 .latepoint-admin img,
181 .latepoint-w img {
182 vertical-align: middle;
183 border-style: none;
184 }
185 .latepoint-admin svg,
186 .latepoint-w svg {
187 overflow: hidden;
188 vertical-align: middle;
189 }
190 .latepoint-admin table,
191 .latepoint-w table {
192 border-collapse: collapse;
193 }
194 .latepoint-admin caption,
195 .latepoint-w caption {
196 text-align: left;
197 caption-side: bottom;
198 }
199 .latepoint-admin th,
200 .latepoint-w th {
201 text-align: inherit;
202 }
203 .latepoint-admin label,
204 .latepoint-w label {
205 display: inline-block;
206 }
207 .latepoint-admin button,
208 .latepoint-w button {
209 border-radius: 0;
210 }
211 .latepoint-admin button:focus,
212 .latepoint-w button:focus {
213 outline: 1px dotted;
214 outline: 5px auto -webkit-focus-ring-color;
215 }
216 .latepoint-admin input,
217 .latepoint-admin button,
218 .latepoint-admin select,
219 .latepoint-admin optgroup,
220 .latepoint-admin textarea,
221 .latepoint-w input,
222 .latepoint-w button,
223 .latepoint-w select,
224 .latepoint-w optgroup,
225 .latepoint-w textarea {
226 margin: 0;
227 font-family: inherit;
228 font-size: inherit;
229 line-height: inherit;
230 }
231 .latepoint-admin button,
232 .latepoint-admin input,
233 .latepoint-w button,
234 .latepoint-w input {
235 overflow: visible;
236 }
237 .latepoint-admin button,
238 .latepoint-admin select,
239 .latepoint-w button,
240 .latepoint-w select {
241 text-transform: none;
242 }
243 .latepoint-admin button,
244 .latepoint-admin html [type=button],
245 .latepoint-admin [type=reset],
246 .latepoint-admin [type=submit],
247 .latepoint-w button,
248 .latepoint-w html [type=button],
249 .latepoint-w [type=reset],
250 .latepoint-w [type=submit] {
251 -webkit-appearance: button;
252 }
253 .latepoint-admin button::-moz-focus-inner,
254 .latepoint-admin [type=button]::-moz-focus-inner,
255 .latepoint-admin [type=reset]::-moz-focus-inner,
256 .latepoint-admin [type=submit]::-moz-focus-inner,
257 .latepoint-w button::-moz-focus-inner,
258 .latepoint-w [type=button]::-moz-focus-inner,
259 .latepoint-w [type=reset]::-moz-focus-inner,
260 .latepoint-w [type=submit]::-moz-focus-inner {
261 padding: 0;
262 border-style: none;
263 }
264 .latepoint-admin input[type=radio],
265 .latepoint-admin input[type=checkbox],
266 .latepoint-w input[type=radio],
267 .latepoint-w input[type=checkbox] {
268 box-sizing: border-box;
269 padding: 0;
270 }
271 .latepoint-admin input[type=date],
272 .latepoint-admin input[type=time],
273 .latepoint-admin input[type=datetime-local],
274 .latepoint-admin input[type=month],
275 .latepoint-w input[type=date],
276 .latepoint-w input[type=time],
277 .latepoint-w input[type=datetime-local],
278 .latepoint-w input[type=month] {
279 -webkit-appearance: listbox;
280 }
281 .latepoint-admin textarea,
282 .latepoint-w textarea {
283 overflow: auto;
284 resize: vertical;
285 }
286 .latepoint-admin fieldset,
287 .latepoint-w fieldset {
288 min-width: 0;
289 padding: 0;
290 margin: 0;
291 border: 0;
292 }
293 .latepoint-admin legend,
294 .latepoint-w legend {
295 display: block;
296 width: 100%;
297 max-width: 100%;
298 padding: 0;
299 margin-bottom: 0.5rem;
300 font-size: 1.5rem;
301 line-height: inherit;
302 color: inherit;
303 white-space: normal;
304 }
305 .latepoint-admin progress,
306 .latepoint-w progress {
307 vertical-align: baseline;
308 }
309 .latepoint-admin [type=number]::-webkit-inner-spin-button,
310 .latepoint-admin [type=number]::-webkit-outer-spin-button,
311 .latepoint-w [type=number]::-webkit-inner-spin-button,
312 .latepoint-w [type=number]::-webkit-outer-spin-button {
313 height: auto;
314 }
315 .latepoint-admin [type=search],
316 .latepoint-w [type=search] {
317 outline-offset: -2px;
318 -webkit-appearance: none;
319 }
320 .latepoint-admin [type=search]::-webkit-search-cancel-button,
321 .latepoint-admin [type=search]::-webkit-search-decoration,
322 .latepoint-w [type=search]::-webkit-search-cancel-button,
323 .latepoint-w [type=search]::-webkit-search-decoration {
324 -webkit-appearance: none;
325 }
326 .latepoint-admin ::-webkit-file-upload-button,
327 .latepoint-w ::-webkit-file-upload-button {
328 font: inherit;
329 -webkit-appearance: button;
330 }
331 .latepoint-admin output,
332 .latepoint-w output {
333 display: inline-block;
334 }
335 .latepoint-admin summary,
336 .latepoint-w summary {
337 display: list-item;
338 cursor: pointer;
339 }
340 .latepoint-admin template,
341 .latepoint-w template {
342 display: none;
343 }
344 .latepoint-admin [hidden],
345 .latepoint-w [hidden] {
346 display: none !important;
347 }
348
349 /*!
350 * Copyright (c) 2023 LatePoint LLC. All rights reserved.
351 */
352 @keyframes statusIconPop {
353 0% {
354 transform: rotate(-90deg) scale(0.4);
355 opacity: 1;
356 }
357 100% {
358 transform: rotate(0deg) scale(1);
359 opacity: 1;
360 }
361 }
362 @font-face {
363 font-family: "latepointIcons";
364 src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBnAAAAC8AAAAYGNtYXAXVtK7AAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZmFR2WIAAAF4AAAlXGhlYWQp+doaAAAm1AAAADZoaGVhCqEG3AAAJwwAAAAkaG10eN/CAAAAACcwAAAA5GxvY2HvDvf0AAAoFAAAAHRtYXhwAHMA6QAAKIgAAAAgbmFtZUA710MAACioAAABnnBvc3QAAwAAAAAqSAAAACAAAwQSAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpNAPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6TT//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAD/wAAAA8AAAgAANzkBAAAAAAEAAP/AAAADwAACAAA3OQEAAAAAAQAA/8AAAAPAAAIAADc5AQAAAAAFAAD/wAOrA8AAJAAvAGIAcQCAAAABNCYjFAYjIiY1IxQGIyImNSMUBiMiJjUjFAYjIiY1IgYdASE1BREUFjMhMjY1ESElERQGIyEiJjURNDYzNTQ2MzIWHQEzNTQ2MzIWHQEzNTQ2MzIWHQEzNTQ2MzIWHQEyFhUBNDYzITIWFRQGIyEiJjUVNDYzITIWFRQGIyEiJjUDVRkRGRISGVUZEhEZVhkREhlVGRISGREZAqr9VhkRAlYRGf1WAwBLNf2qNUtLNRkSEhlVGRIRGVYZERIZVRkSEhk1S/1VGRIBqhIZGRL+VhIZGRIBqhIZGRL+VhIZAsASGRIZGRISGRkSEhkZEhIZGRIZElVVq/6AERkZEQGAq/3VNUtLNQIrNUsrERkZESsrERkZESsrERkZESsrERkZEStLNf7VEhkZEhEZGRGqERkZERIZGRIAAAABAAD/wAbcA8AAKgAAARYUBw4BBzgBMQEOASMiJicmNDcBISImNTQ2MyEBJjQ3NjIXATgBMR4BFwbcBQUDCAX+SAsbDg4bCxYWATv6Yx4rKx4Fnf7FFhYVPRYBuAUIAwHcDR0OBgwF/kkLCwsLFT0VATorHx4rAToVPRUWFv5JBQwHAAABAAD/wAbfA8AAKgAAASEBFhQHDgEjIiYnATgBIy4BJyY0Nz4BNzIwMQE2MhcWFAcBITIWFRQGIwaW+mMBOxYWChsPDhsK/kgBBQgCBgYCCAUBAbgVPRUWFv7FBZ0eKyseAXf+xhU9FQsLCwsBtwUMBg4dDQcMBQG3FhYVPRX+xiseHysAAAAAAQAA/8ADxAPAAAUAACUBNxcBFwGA/ryIvAG8iDgBRIi8AbyIAAAAAAEAAP/AA2ADwAAFAAABBwkBFwEBYGABoP5gYAIAA8Bg/mD+YGACAAABAAD/wAMAA8AABQAABTcJAScBAqBg/mABoGD+AEBgAaABoGD+AAAAAQAA/8AEAAPAAAUAABMXCQE3AQDAAUABQMD+AAEgwAFA/sDAAgAAAAEAAP/ABAADwAAFAAATFwkBNwEAgAGAAYCA/gABIIABgP6AgAIAAAABAAD/wAQAA8AABQAAAScJAQcBBADA/sD+wMACAAJgwP7AAUDA/gAAAQAA/8AEAAPAAAUAAAEnCQEHAQQAgP6A/oCAAgACYID+gAGAgP4AAAEAAP/AA0kDwAAfAAABNjQnJiIHCQEmIgcGFBcJAQYUFxYyNwkBFjI3NjQnAQNJDAwNIw3+9P70DSMNDAwBDf7zDAwNIw0BDAEMDSMNDAz+8wLMDSMNDAz+8wENDAwNIw3+9P70DSMNDAwBDf7zDAwNIw0BDAAAAAQAAP/AA1UDwAAPAC0AOwBJAAAlMDM6ATMyMTA1PAE1NDUhARQGIyEiJjURIiY1NDY7ATQ2MzIWFTMyFhUUBiMRATQ2MzIWFREUBiMiJjUDNDYzMhYVERQGIyImNQErQkOgQ0L+VgIAMiT+ViQyERkZEdYyIyMy1hEZGRH/ABkREhkZEhEZqxkSERkZERIZa0NEtl1dM/3WJDIyJAIqGRISGSMyMiMZEhIZ/dYBqhIZGRL+1hIZGRIBKhIZGRL+1hIZGRIAAAAAAwAA/8ADqwPAACAAPQBZAAABNzYWFxYUDwEXFhQHDgEvAQcGJicmND8BJyY0Nz4BHwERIicuAScmNTQ3PgE3NjMyFx4BFxYVFAcOAQcGIzUyNz4BNzY1NCcuAScmIyIHDgEHBhUUFx4BFxYCAGoMIw0NDWpqDQ0NIwxqagwjDQ0NamoNDQ0jDGpYTk50ISIiIXROTlhYTk50ISIiIXROTlhHPj5dGxoaG10+PkdHPj5dGxoaG10+PgH8ag0BDA0jDGpqDCMNDAENamoNAQwNIwxqagwjDQwBDWr+GSIhdE5OWFhOTnQhIiIhdE5OWFhOTnQhIlYaG10+PkdHPj5dGxoaG10+PkdHPj5dGxoAAAAEAAD/wAOrA8AADQAcACIAJwAANzQ2MyEyFhUUBiMhIiYBFxYUBwEHBiY/AQE2MhcBJw8BPwEBJwcXN1UZEgMAEhkZEv0AEhkC+zwZGf5anyMkCSgBphlHGf6GPBwUUBwBHzzjPeJGEhkZEhIZGQMePRlGGf5ZKAgkI54BpxkZ/g48HFEUHQEePeI94gAAAAAGAAD/wAOrA8AAGwA4AFUAYQBtAHoAAAEUBgcVFAYjIiY9AS4BNTQ2NxE0NjMyFhURHgElFAYHERQGIyImNREuATU0Njc1NDYzMhYdAR4BFSUUBgcRFAYjIiY1ES4BNTQ2NzU0NjMyFh0BHgEVBzI2NTQmIyIGFRQWATI2NTQmIyIGFRQWATI2NTQmIyIGFRQWMwKAMCUZEhIZJTAwJRkSEhklMAErMCYZERIZJTAwJRkSERkmMP2qMCUZEhEZJjAwJhkREhklMIASGRkSERkZATwSGRkSEhkZAT0RGRkREhkZEgEVKUINMhIZGRIyDUIpKkINAYcSGRkS/nkNQtYpQg3+zhIZGRIBMg1CKSpCDYcSGRkShw1CKlYqQg3+eRIZGRIBhw1CKilCDTISGRkSMg1CKSsZEhEZGRESGf6rGRESGRkSERkBABkREhkZEhEZAAAABAAA/8ADfwPAAF4AxQDRAN0AAAEXMDY3NhYfARYGBw4BMTAWFRQGMTAWFx4BDwEOAScwJjEHMAYHDgErASImJy4BMScwBgcGJi8BJjY3PgExMDQ1PAExMCYnLgE/AT4BFx4BMTcwNjc+ATsBMhYXHgExBycuAScmIgcOAQ8CDgEPAScuASciBhceAR8BBw4BFRQWHwEHDgEHBhYzPgE/ARceAR8CHgEXFjI3PgE/Aj4BPwEXHgEXMjYnLgEvATc0NjU8AS8BNz4BNzYmIw4BDwEnLgEvAQMiJjU0NjMyFhUUBicyNjU0JiMiBhUUFgKKH2AEFioKKAsDDAM/AQE/Ag0DCygLKRVlHyICCCcWTxYmCAIiIGAEFikLKAsDDQM+PgMNAgooCykVBWEfIQIJJhZPFicIAiJHBQcaAgFBAQIaBgYSDRkLEBQVSwUDIAICMQ8OAgEBAQECDg8xAgIgAwVLFRQQCxkNEgYGGgIBQQECGgcFEw0YDBATFUwEAiEBAzEPDgMBAQMODzEDASADBEwVExAMGA0TSTVLSzU1S0s1ERkZERIZGQLeEhABAhUSRRMuEAVLCAoFDkoEES4TRRMUAhITWwQUGhoTBFwTEQECFRJFEy4QBUsICgUNSwQRLhNFExQCARETWwQUGhoTBFw+ExVIBAMDBEgVEwgGDggMBAUNATgCBDoQDxQHDgcHDgcUDxA6BAI4AQ0FBAwIDgYIExVIBAMDBEgVEwgGDggMBAUNATgCBDoQDxQHDgcHDgcUDxA6BAI4AQ0FBAwIDgYI/qBLNTVLSzU1S1UZEhIZGRISGQAAAAEAAP/AAwADwAAXAAABMzUjIgcOAQcGHQEjFTMRMxEzNyM1NDYCYKCgLikpPRESgIDAoCDAEwMAwBIRPSkpLmDA/gACAMBgDRMAAAABAAD/wAP2A8AAOgAAARUhBgcOAQcGIyInLgEnJjU0Nz4BNzYzMhYXNyYnLgEnJiMiBw4BBwYVFBceARcWMzI3PgE3NjU0JicCCgEjBRESRDY1TEE6OlYZGRkZVjo6QUtlHIshJyZWLzA0al1diykoKCmLXV1qb1tagSQjBQMCCa8dJiZEGBgZGlc7O0NDOztXGhkzHIYfGRkjCQkoKIteXWpqXV6LKCglJYVcXG0ZKRMAAAADAAD/wAOlA8AAKgBSAF4AADcXMzc+AT8CPgEXMBYXFjY3Njc2NCcmJyYnJiIHBgcOARcWFA8BBiInBxcHDgEPAg4BKwEiJjUnNDY3ASY2NzY3NjIXFhcWFxYUBwYHDgEnBwE2NCcmIgcGFBcWMqoBWRACDwk2vAYUCAcJN3QrHw8QEA8gHycoUSgnHzITHxMTYhM1E233NwgPAgoPBxUJkxEZAQkHAQwUJjsrNzdzNzcrLBYWFhUsOptLowFKExMTNRITExM1yls8CQ4CC7sGBAQDAxEbKx8nKFEoJx8fEBAQDx8zijwTNRNiExJsOAoCDwg3DwYJGRKTCRUHAQxLmzosFRYWFiwrNzdzNzcrOyYUpAHEEjUTExMSNRMTAAAEAAD/wANVA8AAFAAzADwAQAAAATQ2MzIWFRQGBxUUBiMiJj0BLgE1AzQ3PgE3NjMyFx4BFxYdATIWFREUBiMhIiY1ETQ2MzMhNTQmIyIGFQcRIREBqzIjIzIXExkSEhkTF6sUFEYuLzU1Ly5GFBQjMjIj/gAjMjIjVQFWZEdHZFUCAAErIzIyIxgnCyESGRkSIQsnGAFANS4vRRUUFBVFLy41azIj/sAkMjIkAUAjMmtGZGRGwP7AAUAAAAEAAP/AA1UDwAAOAAABISIGFRQWMyEyNjU0JiMDK/2qExcXEwJWExcXEwHVFxMUFxcUExcAAAAAAwAA/8AD1QPAABsANwBGAAABIgcOAQcGFRQXHgEXFjMyNz4BNzY1NCcuAScmAyInLgEnJjU0Nz4BNzYzMhceARcWFRQHDgEHBhMhIgYVFBYzITI2NTQmIwIAYlVWfyUkJCV/VlViYlVWfyUkJCV/VlViUEZGaB4eHh5oRkZQUEZGaB4eHh5oRkZb/qoTFxcTAVYTFxcTA4AlJIBVVmFiVVZ/JSUlJX9WVWJhVlWAJCX8qx4eaEZGUFBGRmgeHh4eaEZGUFBGRmgeHgGqFxMUFxcUExcAAAAAAwAA/8ADqwPAAA8AHwAuAAABISIGFREUFjMhMjY1ETQmAxQGIyEiJjURNDYzITIWFQMhIgYVFBYzITI2NTQmIwMr/ao2Sko2AlY2SkoMFxP9qhMXFxMCVhMXqv6qExcXEwFWExcXEwNVSTf9qzZKSjYCVTdJ/SsTGBgTAlUUFxcU/wAXExQXFxQTFwABAAD/wANVA8AAIAAAASERNCYjIgYVESEiBhUUFjMhERQWMzI2NREhMjY1NCYjAyv/ABgTExj/ABMXFxMBABgTExgBABMXFxMB1QEAFBcXFP8AFxMUF/8AExgYEwEAFxQTFwAAAwAA/8AD1QPAABsANwBYAAABIgcOAQcGFRQXHgEXFjMyNz4BNzY1NCcuAScmAyInLgEnJjU0Nz4BNzYzMhceARcWFRQHDgEHBhMjNTQmIyIGHQEjIgYVFBY7ARUUFjMyNj0BMzI2NTQmIwIAYlVWfyUkJCV/VlViYlVWfyUkJCV/VlViUEZGaB4eHh5oRkZQUEZGaB4eHh5oRkZbgBgTExiAExcXE4AYExMYgBMXFxMDgCUkgFVWYWJVVn8lJSUlf1ZVYmFWVYAkJfyrHh5oRkZQUEZGaB4eHh5oRkZQUEZGaB4eAaqAFBcXFIAXExQXgBMYGBOAFxQTFwAAAwAA/8ADqwPAAA8AHwBAAAABISIGFREUFjMhMjY1ETQmAxQGIyEiJjURNDYzITIWFQMjNTQmIyIGHQEjIgYVFBY7ARUUFjMyNj0BMzI2NTQmIwMr/ao2Sko2AlY2SkoMFxP9qhMXFxMCVhMXqoAYExMYgBMXFxOAGBMTGIATFxcTA1VJN/2rNkpKNgJVN0n9KxMYGBMCVRQXFxT/AIAUFxcUgBcTFBeAExgYE4AXFBMXAAAAAwAA/8ADgAPAABAAGwAlAAABISIGFREUFjMhMjY1ETQmIwUhESEiBgcRNDYzESImNTQ2MyEVIQNV/cA8WVk8AkAUFxcU/cACFv3qECAQJxkZJycZAhb96gOAWTz9gD1ZGBMDVRQXVf3VBwoB/Bkn/QAmGhkngAAAAwAA/8ADqwPAACIAPwBJAAABIzU0JiMiBh0BITU0JiMiBh0BIyIGFREUFjMhMjY1ETQmIwUzFRQWMzI2PQEhFRQWMzI2PQEzMhYdASE1NDYzASEiJjURIREUBgMrVhcTFBf/ABcUExdWNkpKNgJWNkpKNv2qVhcTFBcBABcUExdWExf9VhcTAlb9qhMXAqoXAysqFBcXFCoqFBcXFCpKNv2qNkpKNgJWNkpWKhQXFxQqKhQXFxQqFxOAgBMX/VYXEwGA/oATFwACAAD/qwQAA8AABgAKAAAFIREhESERAyERIQGa/mYBmgGZzQGa/mZVAzP+Zv5nBAD+ZgAAAgAA/8ADqwPAADEAYwAAASYnLgEnJicjOAExIgYHBgcOAQcGFRQWFwcGFhceATMyNj8BHgEzMjc+ATc2Nz4BPQEHOAExFAYHBgcOAQcGIyImJy4BIwc3NiYnLgE1NDc+ATc2Nz4BMzgBMTMWFx4BFxYXFQOrBR8gZkREThYwWSo1Kio6DxASEE0DBQcJDwoDBwPiJlQsOjY2XyYmGhYVVhIQFR0eSisqLyZGIAcSCqI4AwEHEBINDC8hISogSSMRPTU1URkaBAHaTEREZh8fAxQWGiYmXzY2OipWJuMMGAYHBgEDTRASDxA5KikzKV4wFhomSCMqICEtCwwSEAMBN6IKDwkgSiMuKytJHh4VEBIDGBlQNTU9FQAAAAACAAD/wAOrA8AAFwAoAAABISIGFREUFhceATMyNj8BITI2NRE0JiMTFAYjISIGDwERNDYzITIWFQMr/ao2Sg0NAwsDCg0HngHvNkpKNioXE/4ACg4GYhcTAlYTFwNVSTf9Vg0XAwMBBgeeSTcBqjdJ/dYUFwYHYgJEFBcXFAAAAAEAAP/AA7cDwABUAAABJiIHAQYHBiInJicmJyY0NzY3ATYyFxYUBwEGIicuATU0NjcBNjQnJiIHAQ4BFRQWFxYyNwE2NzY0JyYnLgEjIgYHAQYHBhQXFhceATMyNjcBNiYnA68NIg3+eCAoJ1InJyAgEBAQECABiCNtIycn/ngNIg0DBQYGAWsNDQ0iDf6WExQUEyZqIwGIIBAQEBAgHE8qKU8d/ncrFhUVFistbzo5by0BiAcCDQHzDQ3+eCAQEBAQICAnJ1InKCABiCMjJmoj/ncMDAQMCgoNBwFrDCINDQ3+lhAwGhowECYmAYkgJyhRKCcgHSMgIP53Kzc3czg3Ky0oKyoBiAolDQAEAAD/wAPVA8AAIwAnACsARgAAASMRNCYjISIGFREjIgYdARQWOwEVFBYzITI2PQEzMjY9ATQmJSEVIQEhESEXFAYrATU0JiMhIgYdASMiJj0BNDYzITIWHQEDVSoYE/4AExgqN0lJNyoYEwIAExgqN0lJ/Z8Bqv5WAar+VgGqqxcUKhgT/gATGCoUFxcUAqoUFwJVAQAUFxcU/wBJN9U2SoATGBgTgEo21TdJ1tb91gEAKxMYgBQXFxSAGBPVFBcXFNUAOQAA/8AEAAPAAAMACAAMABAAFQAZAB0AIgAmACoALgAyADYAOgA+AEIARgBKAE4AUgBWAFoAXgBiAGYAagBuAHIAdgB6AH4AggCGAIoAjgCSAJYAmgCeAKIApgCqAK4AsgC2ALoAvgDCAMYAygDOANIA1gDaAN4A4gDmAAABIREhEzERIREXMxUjJSERIRMxESERFzMVIwEhESETMREhERczFSMBMxUjOwEVIyMzFSM7ARUjIzMVIzsBFSMjMxUjFTMVIzsBFSMjMxUjOwEVIyMzFSM7ARUjIzMVIzsBFSMBMxUjJTMVIzczFSMnMxUjJTMVIzsBFSM3MxUjOwEVIzczFSM7ARUjNzMVIzsBFSM3MxUjFzMVIyUzFSM3MxUjOwEVIzczFSM3MxUjFzMVIyUzFSM3MxUjNzMVIzsBFSM3MxUjFzMVIyUzFSM7ARUjNzMVIzsBFSMjMxUjNzMVIzczFSMBQP8AAQBA/oCAgIADQP8AAQBA/oCAgID+QP8AAQBA/oCAgIABQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEABwEBA/IBAQEBAQIBAQAEAQEBAQEBAQEDAQEBAQEBAQEBAQEBAQEBAQEBAQED+gEBAQEBAQEBAgEBAQEBAQEBA/oBAQEBAQIBAQEBAQEBAQEBAQP7AQEBAQEBAQEBAQEDAQECAQECAQEADgP8AAUD+gAGAgIDA/wABQP6AAYCAgP5A/wABQP6AAYCAgAOAQEBAQEBAQEBAQEBAQEBAQAIAQEBAgEBAQEBAQIBAQIBAQIBAQIBAgEBAQIBAQEBAgECAQEBAgEBAQECAQIBAgEBAgEBAQEBAQEAAAAACAAD/wAOrA8AAJgBLAAABIgYVERQGIyEiJjURNDYzITI2NTQmIyEiBhURFBYzITI2NRE0JiMTLgEnLgEjISIGFRQWOwEBBhQXHgEzMjY3ARUUFjMyNjURNCYnAwATGBcT/ioTFxcTAQAUFxcU/wA2Sko2AdY2ShgTpgMMBgMLA/8AExgYE5r+cw0NBg4KCQ4HAYwYExMYAQQBqxgT/wATGBgTAdUUFxcUExdJN/4rNkpKNgEAExgBkQYMAwMBFxMUF/5zDSINBgYGBgGNmRQXFxQBAAMLAwAGAAD/wAOAA8AAGQAcAC8APgBNAFwAAAEuAScBLgEjLgEjISIGFREUFjMhMjY1ETQmJxcjEyEiJjURNDYzIRUUFjsBERQGIwMhIgYVFBYzITI2NTQmIxUhIgYVFBYzITI2NTQmIwEzMjY1NCYrASIGFRQWMwN8AwMD/wADBgQDCgT+qzZKSjYCADZKAf9vb4D+ABMYGBMBKxcT1hgTVf6qExcXEwFWExcXE/6qExcXEwFWExcXE/6qVhMXFxNWExcXEwJmBAYDAQADBgMBSjb9VTZKSjYCAAQKjG/9qxcTAqsTGNYTF/4qExcBgBgTExgYExMYqxcUExcXExQXAQAXFBMXFxMUFwAGAAD/wAOrA8AADgAdACsAQQBXAG0AAAEhMjY1NCYjISIGFRQWMwUhIgYVFBYzITI2NTQmIxEhIgYVFBYzITI2NTQmAQ4BFRQWFx4BMzI2Nz4BNTQmJyYiBxEOARUUFhceATMyNjc+ATU0JicmIgcRDgEVFBYXHgEzMjY3PgE1NCYnJiIHAVUCKxMYGBP91RMXFxMCK/3VExcXEwIrExgYE/3VExcXEwIrExgY/M8GBwcGBw0KCg0HBgcHBg0iDQYHBwYHDQoKDQcGBwcGDSINBgcHBgcNCgoNBwYHBwYNIg0CgBcUExcXExQXqxcTFBcXFBMX/wAXExQXFxQTFwH0Bw4JCg4GBwYGBwYOCgkOBwwM/wAHDgkKDgYHBgYHBg4KCQ4HDAz/AAcOCQoOBgcGBgcGDgoJDgcMDAAAAwAA/8ADqwPAAA4AHAAqAAABISIGFRQWMyEyNjU0JiMlITI2NTQmIyEiBhUUFgEhIgYVFBYzITI2NTQmA4D9ABMYGBMDABMYGBP9AAMAExgYE/0AExgYAxP9ABMYGBMDABMYGAHVFxMUFxcUExerFxQTFxcTFBf+VRcTFBcXFBMXAAAABAAA/8AEAAPAAAwAGAA8AEcAACUUBiMiJjU0NjMyFhUhFAYjIiY1NDYzMhYTLgEjIScuASsBIgYVFBY7ARcwFDETHgEzMDIzITI2NxM0JicDDgEjISImJwMhAwHVMiMjMjIjIzIB1jIkIzIyIyQyTAYSCv1NIgMYEKoUFxcUiCJJCUYtAQMBnjBGCkQCB5EDFxD+YhAYA0ACbzwrJDIyJCMyMiMkMjIkIzIyAnYKB7QQEhgTExizBP6eLTo6LQFmChIG/okQEhIQATP+zQAAAAEAAP/AAw0DwAAMAAABBycHJzcnNxc3FwcXAw1as7NasrJas7NasrIBDVqyslqzs1qyslqzswAAAQAA/8ADcwPAABYAAAEmIgcBJyYiBwYUHwEeATMyNjcBNjQnA3MNIg3+SbcNIg0NDdUHDQoKDQcB1Q0NAskMDP5IuAwMDSIN1gYGBgYB1g0iDQAABgAA/8AEAAPAAA4AHQArAEMAWwByAAATMjY1ETQmIyIGFREUFjMhIgYVERQWMzI2NRE0JiMFMjY1ETQmIyIGFREUFikBIgYVFBY7AREUFjMyNjURMzI2NTQmIwEjNTQmIyIGHQEjIgYVFBYzITI2NTQmIwEhIgYVFBY7ARUUFjMyNj0BMzI2NTQmqxMXFxMUFxcUAVUTGBgTExgYEwFVFBcXFBMXF/3p/wAUFxcUVRcUExdWExcXEwFVVRgTExhVExgYEwEAExgYEwFV/wATFxcTVhcTFBdVFBcXAdUYEwErExcXE/7VExgXE/6AFBcXFAGAExdVFxQBgBMXFxP+gBQXFxQTF/8AFBcXFAEAFxMUFwEAqxMXFxOrFxQTFxcTFBf+qxgTExiqFBcXFKoYExMYAAAEAAD/wAPVA8AAGQAeADUATAAAEwUeATMyNjclPgE1NCYnJSYiBwUOARUUFhclDQEtAQEFJSYGBwYWFwUeATMyNjclPgEnLgEHNQUlJgYHBhYXBR4BMzI2NyU+AScuAQdEAasDCAYGCAMBqw0MDA3+VQoTCf5VCgsMDQG8AU3+s/6zAU0Bmv5m/mYQIQYGCg0BqwYJBgYIAwGrEAoJByAM/mb+ZhAhBgYKDQGrBgkGBggDAasQCgkHIAwCWtYDAQED1gYTDQ0TBtYDA9YGEw0NEwbMpqampv3Wzc0GCwwNJAfVBwIBBNUGIRAQDAbVzc0GCg0QIQbWBgIBA9UHIRAQCwYAAAUAAP+3A9UDwAAdACcAKwAzADoAAAElOAExJiIHBQ4BFREUFhcFHgEzMjY3JT4BNRE0JiU+ATMyFhcFByUTJTcFAS4BNREFESUhBRElERQGA43+qhk9Hf6rICQlIwFWDB4NEBsMAVYgKCX+PwMLAwYIAwE8eP60d/6zeAFM/h4JDAFV/sAC0f7FAVUNAuarDQ2rEDsk/msjQBCrBgcHBqsQPSYBlSQ7cwMBAQOePKb+76c7pv53BxYKAYiq/l6dnQGiqv54DRMABAAA/8ADqwPAACQAKQAzAFQAAAEwJiMwJiMnLgEjISIGDwEwBiMwBiMcARURFBYzITI2NRE0JiclIRchNwEhIiY1ESERFAYDIgYVFAYjIiY1NCYjIgYVFBceARcWMzI3PgE3NjU0JiMDpgEDAQOAAxEK/gAKEgaAAQMBBEo2AlY2SgEE/W8B1kD9qkACFv2qExcCqheTFBdKNjZKFxQTFxAROScnLS0nJzkREBcTArwEBKsKBwcKqwQEBwcD/ao2Sko2AlYDBwdvVlb9ABcTAiv91RMXAgAYEzZKSjYTGBgTLScnOREQEBE5JyctExgAAwAA/8ADqwPAACIALQA4AAABIzU0JisBIgYdASMiBhUUFjsBERQWMyEyNjURMzI2NTQmIyU0NjsBMhYdASE1ARQGIyEiJjURIREDgKtJN6o3SasTGBgTK0k3Aao3SSsTGBgT/gAXFKoUF/8AAYAXFP5WFBcCAALVKzZKSjYrFxMUF/3VNkpKNgIrFxQTFysTGBgTKyv9VRMXFxMCK/3VAAUAAP/AA6sDwAAiAC0AOABHAFYAAAEjNTQmKwEiBh0BIyIGFRQWOwERFBYzITI2NREzMjY1NCYjJTQ2OwEyFh0BITUBFAYjISImNREhEQEiBhURFBYzMjY1ETQmIzMiBhURFBYzMjY1ETQmIwOAq0k3qjdJqxMYGBMrSTcBqjdJKxMYGBP+ABcUqhQX/wABgBcU/lYUFwIA/qsUFxcUExcXE6oTFxcTFBcXFALVKzZKSjYrFxMUF/3VNkpKNgIrFxQTFysTGBgTKyv9VRMXFxMCK/3VAasXFP8AExcXEwEAFBcXFP8AExcXEwEAFBcAAAEAAP/AA1UDwAAkAAABITc2NCcmIgcBDgEVBhQXHgEXAR4BMzI2NzY0LwEhMjY1NCYjAyv+EeINDQ0iDf7VAwUDAwMCAwErBxEGBhEHDQ3iAe8TFxcTAdXiDSINDQ3+1gQGAwcSCQQGA/7VBgcHBg0iDeIXFBMXAAEAAP/AA1EDwAAkAAABNjQnLgEnASYiBwYUHwEhIgYVFBYzIQcGFBceATMyNjcBPgE1A1EDAwMCA/7VDSINDQ3i/hETFxcTAe/iDQ0HEQYGEQcBKwMFAZoGEgoDBgQBKg0NDSIN4hcTFBfiDSINBgcHBgErAwYEAAEAAP/AAp4DwAAWAAABNzY0JyYiBwEGFBcBHgEzMjY3NjQvAQG84g0NDSIN/wANDQEABxEGBhEHDQ3iAaviDSINDAz/AA0iDf8ABwYGBw0iDeIAAAEAAP/AAp4DwAAWAAAJASYiBwYUHwEHBhQXHgEzMjY3ATY0JwKe/wANIg0NDeLiDQ0HDQoKDQcBAA0NAckBAAwMDSIN4uINIg0HBgYHAQANIg0AAAMAAP/ABAADwAAPABoAJQAAASEiBhURFBYzITI2NRE0JgUhMhYdASE1NDYzASEiJjURIREUBiMDgP0ANkpKNgMANkpK/MoDABMY/KoYEwMA/QATGANWGBMDK0o2/gA3SUk3AgA2SlYXE4CAExf9qxcUASr+1hQXAAMAAP/AA6sDwAAUABoAKAAANzMyNjcBNjQvASYiBwEOAR0BFBYzNwEXASM1ASEiBhUUFjMhMjY1NCaAqwkOBwHVDQ2rDSIN/isGBxgTKwGqb/5WbwLV/QATGBgTAwATGBirBgYB1g0iDaoNDf4rBw0KqxMXxAGrb/5Vb/68GBMTGBgTExgAAAABAAAAAQAApoQrQV8PPPUACwQAAAAAAOH9ytkAAAAA4f3K2QAA/6sG3wPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAbiAAAAAAbfAAEAAAAAAAAAAAAAAAAAAAA5BAAAAAAAAAAAAAAAAgAAAAQAAAAG4gAABuAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAAAAAAAAAKABQAHgDGAQgBTAFgAXQBiAGcAbABxAHYAhQCeAMAA0gD8gUmBUwFpgY2BpQGsAccB2IHlAgSCGwIqAkMCSYJtAn0CnoK3AwkDJANFA2yDfQOXA54DqIPPA++ECIQmhDqEWIRnhHaEgQSLhJqEq4AAQAAADkA5wA5AAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAkAAAABAAAAAAACAAcAcgABAAAAAAADAAkAPAABAAAAAAAEAAkAhwABAAAAAAAFAAsAGwABAAAAAAAGAAkAVwABAAAAAAAKABoAogADAAEECQABABIACQADAAEECQACAA4AeQADAAEECQADABIARQADAAEECQAEABIAkAADAAEECQAFABYAJgADAAEECQAGABIAYAADAAEECQAKADQAvGxhdGVwb2ludABsAGEAdABlAHAAbwBpAG4AdFZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGxhdGVwb2ludABsAGEAdABlAHAAbwBpAG4AdGxhdGVwb2ludABsAGEAdABlAHAAbwBpAG4AdFJlZ3VsYXIAUgBlAGcAdQBsAGEAcmxhdGVwb2ludABsAGEAdABlAHAAbwBpAG4AdEZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");
365 font-weight: normal;
366 font-style: normal;
367 font-display: block;
368 }
369 [class^=latepoint-icon-], [class*=" latepoint-icon-"] {
370 /* use !important to prevent issues with browser extensions that change fonts */
371 font-family: "latepointIcons" !important;
372 speak: never;
373 font-style: normal;
374 font-weight: normal;
375 font-variant: normal;
376 text-transform: none;
377 line-height: 1;
378 /* Better Font Rendering =========== */
379 -webkit-font-smoothing: antialiased;
380 -moz-osx-font-smoothing: grayscale;
381 }
382
383 .latepoint-icon-qrcode:before {
384 content: "\e921";
385 }
386
387 .latepoint-icon-cross:before {
388 content: "\e927";
389 }
390
391 .latepoint-icon-google:before {
392 content: "\e911";
393 }
394
395 .latepoint-icon-facebook:before {
396 content: "\e910";
397 }
398
399 .latepoint-icon-brand:before {
400 content: "\e910";
401 }
402
403 .latepoint-icon-social:before {
404 content: "\e910";
405 }
406
407 .latepoint-icon-arrow-up:before {
408 content: "\e906";
409 }
410
411 .latepoint-icon-arrow-up2:before {
412 content: "\e907";
413 }
414
415 .latepoint-icon-arrow-down:before {
416 content: "\e908";
417 }
418
419 .latepoint-icon-arrow-down2:before {
420 content: "\e909";
421 }
422
423 .latepoint-icon-arrow-right:before {
424 content: "\e904";
425 }
426
427 .latepoint-icon-arrow-left:before {
428 content: "\e905";
429 }
430
431 .latepoint-icon-lp-logo:before {
432 content: "\e91c";
433 }
434
435 .latepoint-icon-arrow-left1:before {
436 content: "\e92f";
437 }
438
439 .latepoint-icon-arrow-right1:before {
440 content: "\e930";
441 }
442
443 .latepoint-icon-book:before {
444 content: "\e91a";
445 }
446
447 .latepoint-icon-calendar:before {
448 content: "\e91b";
449 }
450
451 .latepoint-icon-check:before {
452 content: "\e928";
453 }
454
455 .latepoint-icon-chevron-left:before {
456 content: "\e931";
457 }
458
459 .latepoint-icon-chevron-right:before {
460 content: "\e932";
461 }
462
463 .latepoint-icon-credit-card:before {
464 content: "\e933";
465 }
466
467 .latepoint-icon-edit-3:before {
468 content: "\e934";
469 }
470
471 .latepoint-icon-external-link:before {
472 content: "\e922";
473 }
474
475 .latepoint-icon-file-text:before {
476 content: "\e923";
477 }
478
479 .latepoint-icon-layers:before {
480 content: "\e92a";
481 }
482
483 .latepoint-icon-list:before {
484 content: "\e924";
485 }
486
487 .latepoint-icon-menu:before {
488 content: "\e925";
489 }
490
491 .latepoint-icon-message-circle:before {
492 content: "\e91d";
493 }
494
495 .latepoint-icon-message-square:before {
496 content: "\e91e";
497 }
498
499 .latepoint-icon-minus:before {
500 content: "\e914";
501 }
502
503 .latepoint-icon-minus-circle:before {
504 content: "\e915";
505 }
506
507 .latepoint-icon-minus-square:before {
508 content: "\e916";
509 }
510
511 .latepoint-icon-package:before {
512 content: "\e92b";
513 }
514
515 .latepoint-icon-paperclip:before {
516 content: "\e91f";
517 }
518
519 .latepoint-icon-plus:before {
520 content: "\e917";
521 }
522
523 .latepoint-icon-plus-circle:before {
524 content: "\e918";
525 }
526
527 .latepoint-icon-plus-square:before {
528 content: "\e919";
529 }
530
531 .latepoint-icon-printer:before {
532 content: "\e920";
533 }
534
535 .latepoint-icon-shopping-bag:before {
536 content: "\e92c";
537 }
538
539 .latepoint-icon-shopping-cart:before {
540 content: "\e926";
541 }
542
543 .latepoint-icon-sliders:before {
544 content: "\e929";
545 }
546
547 .latepoint-icon-trash:before {
548 content: "\e92d";
549 }
550
551 .latepoint-icon-trash-2:before {
552 content: "\e92e";
553 }
554
555 .latepoint-icon-clothes-21:before {
556 content: "\e912";
557 }
558
559 .latepoint-icon-ui-09:before {
560 content: "\e913";
561 }
562
563 .latepoint-icon-ui-15:before {
564 content: "\e90b";
565 }
566
567 .latepoint-icon-ui-24:before {
568 content: "\e90c";
569 }
570
571 .latepoint-icon-ui-50:before {
572 content: "\e90d";
573 }
574
575 .latepoint-icon-ui-47:before {
576 content: "\e90e";
577 }
578
579 .latepoint-icon-ui-46:before {
580 content: "\e90f";
581 }
582
583 .latepoint-icon-common-01:before {
584 content: "\e90a";
585 }
586
587 .latepoint-icon-checkmark:before {
588 content: "\e903";
589 }
590
591 .latepoint-icon-arrow-2-right:before {
592 content: "\e901";
593 }
594
595 .latepoint-icon-arrow-2-left:before {
596 content: "\e902";
597 }
598
599 .latepoint-icon-ui-83:before {
600 content: "\e900";
601 }
602
603 /*!
604 * Copyright (c) 2023 LatePoint LLC. All rights reserved.
605 */
606 @font-face {
607 font-family: "latepoint";
608 src: url("/wp-content/plugins/latepoint/public/fonts/latepoint-regular.woff2") format("woff2");
609 font-weight: 400;
610 font-style: normal;
611 font-display: block;
612 }
613 @font-face {
614 font-family: "latepoint";
615 src: url("/wp-content/plugins/latepoint/public/fonts/latepoint-semibold.woff2") format("woff2");
616 font-weight: 600;
617 font-style: normal;
618 font-display: block;
619 }
620 .latepoint-w {
621 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
622 font-weight: 400;
623 font-size: 15px;
624 }
625 .latepoint-w h1, .latepoint-w h2, .latepoint-w h3, .latepoint-w h4, .latepoint-w h5, .latepoint-w h6 {
626 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
627 font-weight: 600;
628 }
629 .latepoint-w .latepoint-section-heading-w {
630 display: flex;
631 justify-content: space-between;
632 align-items: center;
633 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
634 margin-bottom: 20px;
635 padding: 10px 0px;
636 margin-top: 20px;
637 }
638 .latepoint-w .latepoint-section-heading-w .latepoint-section-heading {
639 margin: 0px;
640 padding: 0px;
641 }
642 .latepoint-w .latepoint-section-heading-w .heading-extra {
643 font-weight: 600;
644 color: #7c85a3;
645 }
646
647 .latepoint-tab-content {
648 display: none;
649 }
650 .latepoint-tab-content.active {
651 display: block;
652 }
653
654 .order-payments-form-wrapper .total-order-payments-info {
655 margin-bottom: 30px;
656 }
657 .order-payments-form-wrapper .total-order-payments-info .topi-amount {
658 font-size: 46px;
659 font-weight: 600;
660 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
661 color: #14161d;
662 }
663 .order-payments-form-wrapper .total-order-payments-info .topi-sub-info {
664 color: #7c85a3;
665 }
666 .order-payments-form-wrapper .total-order-payments-info .topi-sub-info a {
667 display: inline-flex;
668 margin-left: 5px;
669 text-decoration: none;
670 align-items: baseline;
671 gap: 5px;
672 color: var(--latepoint-brand-primary);
673 }
674 .order-payments-form-wrapper .total-order-payments-info .topi-sub-info a span {
675 border-bottom: 1px dotted var(--latepoint-brand-primary);
676 }
677 .order-payments-form-wrapper .topi-heading {
678 display: flex;
679 align-items: center;
680 gap: 10px;
681 font-size: 20px;
682 font-weight: 600;
683 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
684 color: #14161d;
685 line-height: 1.1;
686 margin-bottom: 15px;
687 }
688 .order-payments-form-wrapper .topi-heading .topih-line {
689 height: 10px;
690 background-color: #eee;
691 flex: 1;
692 }
693 .order-payments-form-wrapper .topi-transaction {
694 padding: 15px;
695 border: 1px solid #eee;
696 border-bottom-color: #aaa;
697 position: relative;
698 }
699 .order-payments-form-wrapper .topi-transaction + .topi-transaction {
700 margin-top: 15px;
701 }
702 .order-payments-form-wrapper .topi-transaction .topit-amount {
703 font-size: 17px;
704 font-weight: 600;
705 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
706 color: #14161d;
707 }
708 .order-payments-form-wrapper .topi-transaction .topit-sub-info {
709 display: flex;
710 justify-content: space-between;
711 align-items: center;
712 font-size: 13px;
713 color: #7c85a3;
714 }
715 .order-payments-form-wrapper .topi-transaction .topit-transaction-status {
716 position: absolute;
717 top: 0px;
718 right: 0;
719 padding: 2px;
720 background-color: #eee;
721 font-size: 11px;
722 }
723
724 .order-summary-items-heading {
725 display: flex;
726 align-items: center;
727 gap: 10px;
728 font-size: 15px;
729 font-weight: 600;
730 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
731 color: #7c85a3;
732 line-height: 1.1;
733 }
734 .order-summary-items-heading .osih-line {
735 height: 10px;
736 background-color: rgba(0, 0, 0, 0.03);
737 flex: 1;
738 }
739
740 .latepoint-btn {
741 padding: 9px 14px;
742 background-color: var(--latepoint-brand-primary);
743 color: #fff;
744 border-radius: 0px;
745 text-decoration: none !important;
746 font-weight: 600;
747 display: inline-block;
748 box-shadow: none;
749 border: none;
750 line-height: 1.2;
751 cursor: pointer;
752 }
753 .latepoint-btn:hover, .latepoint-btn:focus {
754 outline: none;
755 color: #fff !important;
756 background-color: color-mix(in srgb, var(--latepoint-brand-primary), #000 10%);
757 box-shadow: none;
758 }
759 .latepoint-btn.latepoint-btn-sm {
760 padding: 6px 8px;
761 font-size: 15px;
762 }
763 .latepoint-btn.latepoint-btn-danger {
764 background-color: #FB7F7F;
765 color: #fff;
766 }
767 .latepoint-btn.latepoint-btn-danger.latepoint-btn-link {
768 background-color: transparent;
769 border-color: transparent;
770 }
771 .latepoint-btn.latepoint-btn-danger.latepoint-btn-link span, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link i {
772 color: #d83838;
773 }
774 .latepoint-btn.latepoint-btn-danger.latepoint-btn-link span {
775 border-bottom: 1px solid #d83838;
776 }
777 .latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading:hover, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading:focus {
778 color: transparent !important;
779 background-color: transparent;
780 }
781 .latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading:after, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading:hover:after, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading:focus:after {
782 border-bottom: 2px solid #d83838;
783 border-left: 2px solid #d83838;
784 border-top: 2px solid #d83838;
785 }
786 .latepoint-btn.latepoint-btn-danger.latepoint-btn-link:hover:not(.os-loading), .latepoint-btn.latepoint-btn-danger.latepoint-btn-link:focus:not(.os-loading) {
787 color: #d83838 !important;
788 background-color: transparent;
789 }
790 .latepoint-btn.latepoint-btn-danger.latepoint-btn-link:hover:not(.os-loading) span, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link:hover:not(.os-loading) i, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link:focus:not(.os-loading) span, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link:focus:not(.os-loading) i {
791 color: #d83838 !important;
792 }
793 .latepoint-btn.latepoint-btn-danger:focus, .latepoint-btn.latepoint-btn-danger:active {
794 color: #fff;
795 background-color: #FB7F7F;
796 }
797 .latepoint-btn.latepoint-btn-danger:hover {
798 background-color: #f94e4e;
799 }
800 .latepoint-btn.latepoint-btn-primary {
801 background-color: var(--latepoint-brand-primary);
802 color: #fff;
803 }
804 .latepoint-btn.latepoint-btn-primary span {
805 color: #fff;
806 }
807 .latepoint-btn.latepoint-btn-primary i {
808 color: #fff;
809 }
810 .latepoint-btn.latepoint-btn-primary.latepoint-btn-outline {
811 background-color: transparent;
812 color: var(--latepoint-brand-primary);
813 border: 1px solid var(--latepoint-brand-primary);
814 }
815 .latepoint-btn.latepoint-btn-primary.latepoint-btn-outline:hover, .latepoint-btn.latepoint-btn-primary.latepoint-btn-outline:focus {
816 border-color: color-mix(in srgb, var(--latepoint-brand-primary), #000 10%);
817 color: var(--latepoint-brand-primary);
818 background-color: transparent;
819 }
820 .latepoint-btn.latepoint-btn-primary.latepoint-btn-outline.latepoint-btn-primary.os-loading:after {
821 border-bottom-color: var(--latepoint-brand-primary);
822 border-left-color: var(--latepoint-brand-primary);
823 border-top-color: var(--latepoint-brand-primary);
824 }
825 .latepoint-btn.latepoint-btn-primary.latepoint-btn-outline span, .latepoint-btn.latepoint-btn-primary.latepoint-btn-outline i {
826 color: var(--latepoint-brand-primary);
827 }
828 .latepoint-btn.latepoint-btn-primary.latepoint-btn-link {
829 background-color: transparent;
830 color: var(--latepoint-brand-primary);
831 border-color: transparent;
832 padding-left: 0px;
833 padding-right: 0px;
834 }
835 .latepoint-btn.latepoint-btn-primary.latepoint-btn-link span, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link i {
836 color: var(--latepoint-brand-primary);
837 }
838 .latepoint-btn.latepoint-btn-primary.latepoint-btn-link span {
839 border-bottom: 1px solid var(--latepoint-brand-primary);
840 }
841 .latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading:hover, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading:focus {
842 color: transparent !important;
843 }
844 .latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading:after, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading:hover:after, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading:focus:after {
845 border-bottom: 2px solid var(--latepoint-brand-primary);
846 border-left: 2px solid var(--latepoint-brand-primary);
847 border-top: 2px solid var(--latepoint-brand-primary);
848 }
849 .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover:not(.os-loading), .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:focus:not(.os-loading) {
850 color: var(--latepoint-brand-primary) !important;
851 }
852 .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover:not(.os-loading) span, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover:not(.os-loading) i, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:focus:not(.os-loading) span, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:focus:not(.os-loading) i {
853 color: var(--latepoint-brand-primary) !important;
854 }
855 .latepoint-btn.latepoint-btn-grey {
856 background-color: #eee;
857 color: #111 !important;
858 }
859 .latepoint-btn.latepoint-btn-white {
860 background-color: #fff;
861 color: #111 !important;
862 }
863 .latepoint-btn.latepoint-btn-white.latepoint-btn-link {
864 background-color: transparent;
865 color: #fff;
866 border-color: transparent;
867 padding-left: 0px;
868 padding-right: 0px;
869 }
870 .latepoint-btn.latepoint-btn-white.latepoint-btn-link span, .latepoint-btn.latepoint-btn-white.latepoint-btn-link i {
871 color: #fff;
872 }
873 .latepoint-btn.latepoint-btn-white.latepoint-btn-link span {
874 border-bottom: 1px solid #fff;
875 }
876 .latepoint-btn.latepoint-btn-white.latepoint-btn-link.os-loading, .latepoint-btn.latepoint-btn-white.latepoint-btn-link.os-loading:hover, .latepoint-btn.latepoint-btn-white.latepoint-btn-link.os-loading:focus {
877 color: transparent !important;
878 }
879 .latepoint-btn.latepoint-btn-white.latepoint-btn-link.os-loading:after, .latepoint-btn.latepoint-btn-white.latepoint-btn-link.os-loading:hover:after, .latepoint-btn.latepoint-btn-white.latepoint-btn-link.os-loading:focus:after {
880 border-bottom: 2px solid #fff;
881 border-left: 2px solid #fff;
882 border-top: 2px solid #fff;
883 }
884 .latepoint-btn.latepoint-btn-white.latepoint-btn-link:hover:not(.os-loading), .latepoint-btn.latepoint-btn-white.latepoint-btn-link:focus:not(.os-loading) {
885 color: #fff !important;
886 }
887 .latepoint-btn.latepoint-btn-white.latepoint-btn-link:hover:not(.os-loading) span, .latepoint-btn.latepoint-btn-white.latepoint-btn-link:hover:not(.os-loading) i, .latepoint-btn.latepoint-btn-white.latepoint-btn-link:focus:not(.os-loading) span, .latepoint-btn.latepoint-btn-white.latepoint-btn-link:focus:not(.os-loading) i {
888 color: #fff !important;
889 }
890 .latepoint-btn.latepoint-btn-block {
891 display: block;
892 text-align: center;
893 flex: 1;
894 }
895 .latepoint-btn.os-loading {
896 color: transparent !important;
897 position: relative;
898 }
899 .latepoint-btn.os-loading span, .latepoint-btn.os-loading i {
900 color: transparent !important;
901 border-bottom-color: transparent !important;
902 }
903 .latepoint-btn.os-loading:focus {
904 color: transparent !important;
905 }
906 .latepoint-btn.os-loading:focus span, .latepoint-btn.os-loading:focus i {
907 color: transparent !important;
908 border-bottom-color: transparent !important;
909 }
910 .latepoint-btn.os-loading:after {
911 display: block;
912 content: "";
913 width: 14px !important;
914 height: 14px !important;
915 border-bottom: 2px solid #fff;
916 border-left: 2px solid #fff;
917 border-top: 2px solid #fff;
918 border-right: 2px solid rgba(255, 255, 255, 0);
919 border-radius: 20px;
920 position: absolute;
921 top: 50%;
922 left: 50%;
923 transform: translate(-50%, -50%);
924 animation: os-loading 700ms infinite linear;
925 background-color: transparent !important;
926 }
927 .latepoint-btn.os-loading.latepoint-btn-white:after, .latepoint-btn.os-loading.latepoint-btn-secondary:after {
928 border-bottom: 2px solid var(--latepoint-body-color);
929 border-left: 2px solid var(--latepoint-body-color);
930 border-top: 2px solid var(--latepoint-body-color);
931 border-right: 2px solid rgba(0, 0, 0, 0);
932 }
933 .latepoint-btn.latepoint-btn-secondary {
934 background-color: #EDEFF6;
935 color: #252C39;
936 }
937 .latepoint-btn.latepoint-btn-secondary.latepoint-btn-link {
938 border-color: 2px solid #111;
939 }
940 .latepoint-btn.latepoint-btn-secondary:hover, .latepoint-btn.latepoint-btn-secondary:focus {
941 outline: none;
942 color: #252C39 !important;
943 background-color: #cbd1e5;
944 box-shadow: none;
945 }
946 .latepoint-btn span {
947 display: inline-block;
948 vertical-align: middle;
949 line-height: 1.5;
950 }
951 .latepoint-btn i {
952 display: inline-block;
953 vertical-align: middle;
954 }
955 .latepoint-btn i + span {
956 margin-left: 6px;
957 }
958 .latepoint-btn span + i {
959 margin-left: 6px;
960 }
961
962 .latepoint-book-button-wrapper.latepoint-book-button-align-center {
963 text-align: center;
964 }
965 .latepoint-book-button-wrapper.latepoint-book-button-align-right {
966 text-align: right;
967 }
968 .latepoint-book-button-wrapper.latepoint-book-button-align-left {
969 text-align: left;
970 }
971 .latepoint-book-button-wrapper.latepoint-book-button-align-justify {
972 text-align: center;
973 }
974 .latepoint-book-button-wrapper.latepoint-book-button-align-justify .latepoint-book-button {
975 display: block;
976 }
977
978 .latepoint-book-button {
979 line-height: 1em;
980 cursor: pointer;
981 transition: initial;
982 }
983 .latepoint-book-button.os-loading {
984 transition: all 0.2s linear;
985 color: transparent !important;
986 position: relative;
987 }
988 .latepoint-book-button.os-loading:after {
989 display: block;
990 content: "";
991 width: 14px !important;
992 height: 14px !important;
993 border-bottom: 2px solid #fff;
994 border-left: 2px solid #fff;
995 border-top: 2px solid #fff;
996 border-right: 2px solid rgba(255, 255, 255, 0);
997 border-radius: 20px;
998 position: absolute;
999 top: 50%;
1000 left: 50%;
1001 transform: translate(-50%, -50%);
1002 animation: os-loading 700ms infinite linear;
1003 background-color: transparent !important;
1004 }
1005
1006 .latepoint-w .os-form-w {
1007 background-color: #fff;
1008 padding: 30px;
1009 margin: 20px 0px;
1010 }
1011 .latepoint-w .os-form-group {
1012 margin-bottom: 15px !important;
1013 position: relative;
1014 }
1015 .latepoint-w .os-form-group.os-form-select-group .os-form-control,
1016 .latepoint-w .os-form-group.os-form-select-group input.os-form-control, .latepoint-w .os-form-group.os-form-textfield-group .os-form-control,
1017 .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control {
1018 position: relative !important;
1019 display: block !important;
1020 box-shadow: none !important;
1021 border: 1px solid #cad2e0 !important;
1022 padding: 12px 10px 12px 10px !important;
1023 border-radius: 0px !important;
1024 background-color: #fff !important;
1025 width: 100%;
1026 color: #32373c;
1027 line-height: 1.2;
1028 font-size: 15px !important;
1029 font-weight: 400 !important;
1030 transition: all 0.2s ease;
1031 height: auto;
1032 margin: 0px;
1033 }
1034 .latepoint-w .os-form-group.os-form-select-group .os-form-control:focus,
1035 .latepoint-w .os-form-group.os-form-select-group input.os-form-control:focus, .latepoint-w .os-form-group.os-form-textfield-group .os-form-control:focus,
1036 .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control:focus {
1037 background-color: #fff !important;
1038 border-color: #5779ef !important;
1039 outline: none;
1040 box-shadow: none;
1041 }
1042 .latepoint-w .os-form-group.os-form-select-group textarea,
1043 .latepoint-w .os-form-group.os-form-select-group input[type=number],
1044 .latepoint-w .os-form-group.os-form-select-group input[type=email],
1045 .latepoint-w .os-form-group.os-form-select-group input[type=password],
1046 .latepoint-w .os-form-group.os-form-select-group input[type=text],
1047 .latepoint-w .os-form-group.os-form-select-group input[type=tel], .latepoint-w .os-form-group.os-form-textfield-group textarea,
1048 .latepoint-w .os-form-group.os-form-textfield-group input[type=number],
1049 .latepoint-w .os-form-group.os-form-textfield-group input[type=email],
1050 .latepoint-w .os-form-group.os-form-textfield-group input[type=password],
1051 .latepoint-w .os-form-group.os-form-textfield-group input[type=text],
1052 .latepoint-w .os-form-group.os-form-textfield-group input[type=tel] {
1053 -webkit-appearance: none;
1054 }
1055 .latepoint-w .os-form-group.os-form-select-group.os-invalid label, .latepoint-w .os-form-group.os-form-textfield-group.os-invalid label {
1056 color: #d56e67 !important;
1057 }
1058 .latepoint-w .os-form-group.os-form-select-group.os-invalid .os-form-control,
1059 .latepoint-w .os-form-group.os-form-select-group.os-invalid input.os-form-control, .latepoint-w .os-form-group.os-form-textfield-group.os-invalid .os-form-control,
1060 .latepoint-w .os-form-group.os-form-textfield-group.os-invalid input.os-form-control {
1061 border-color: #eb3a3a !important;
1062 }
1063 .latepoint-w .os-form-group.os-form-select-group.os-invalid .os-form-control::placeholder,
1064 .latepoint-w .os-form-group.os-form-select-group.os-invalid input.os-form-control::placeholder, .latepoint-w .os-form-group.os-form-textfield-group.os-invalid .os-form-control::placeholder,
1065 .latepoint-w .os-form-group.os-form-textfield-group.os-invalid input.os-form-control::placeholder {
1066 color: #e38888 !important;
1067 }
1068 .latepoint-w .os-form-group.os-form-select-group.os-invalid .os-form-control:focus,
1069 .latepoint-w .os-form-group.os-form-select-group.os-invalid input.os-form-control:focus, .latepoint-w .os-form-group.os-form-textfield-group.os-invalid .os-form-control:focus,
1070 .latepoint-w .os-form-group.os-form-textfield-group.os-invalid input.os-form-control:focus {
1071 border-color: #c10505 !important;
1072 }
1073 .latepoint-w .os-form-group.os-form-select-group label {
1074 display: block !important;
1075 font-size: 15px;
1076 margin: 0px;
1077 }
1078 .latepoint-w .os-form-group.os-form-select-group select.os-form-control {
1079 height: auto !important;
1080 }
1081 .latepoint-w .os-form-group.os-form-multiselect-group > label {
1082 font-size: 15px;
1083 font-weight: 600;
1084 margin-bottom: 10px !important;
1085 }
1086 .latepoint-w .os-form-group.os-form-multiselect-group .os-form-group {
1087 margin-bottom: 3px !important;
1088 }
1089 .latepoint-w .os-form-group.os-form-multiselect-group .os-form-group label {
1090 font-size: 13px;
1091 }
1092 .latepoint-w .os-form-group.os-form-checkbox-group label {
1093 padding: 0px;
1094 border-radius: 0px;
1095 display: flex;
1096 gap: 8px;
1097 align-items: center;
1098 color: var(--latepoint-body-color);
1099 vertical-align: middle;
1100 margin: 0px;
1101 font-weight: 600;
1102 font-size: 15px;
1103 cursor: pointer;
1104 }
1105 .latepoint-w .os-form-group.os-form-checkbox-group label input.os-form-checkbox {
1106 display: inline-block;
1107 vertical-align: middle;
1108 border-radius: 0px;
1109 box-shadow: none;
1110 border-color: #aaa;
1111 }
1112 .latepoint-w .os-form-group.os-form-checkbox-group label a {
1113 text-decoration: underline;
1114 }
1115 .latepoint-w .os-form-group.os-form-textfield-group label {
1116 display: block;
1117 margin-bottom: 1px;
1118 line-height: 1.1;
1119 cursor: default;
1120 font-size: 12px !important;
1121 color: #AFB8D6 !important;
1122 font-weight: 400 !important;
1123 position: absolute !important;
1124 top: 5px;
1125 left: 10px;
1126 z-index: 2;
1127 opacity: 0;
1128 transform: translateY(-3px);
1129 transition: all 0.2s ease;
1130 }
1131 .latepoint-w .os-form-group.os-form-textfield-group .os-form-control input.os-form-control,
1132 .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control input.os-form-control {
1133 z-index: 1;
1134 }
1135 .latepoint-w .os-form-group.os-form-textfield-group .os-form-control::placeholder,
1136 .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control::placeholder {
1137 color: #AFB8D6;
1138 }
1139 .latepoint-w .os-form-group.os-form-textfield-group .os-form-control.os-framed-field,
1140 .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control.os-framed-field {
1141 height: 47px !important;
1142 }
1143 .latepoint-w .os-form-group.os-form-textfield-group .os-form-control.os-framed-field.invalid, .latepoint-w .os-form-group.os-form-textfield-group .os-form-control.os-framed-field.braintree-hosted-fields-invalid,
1144 .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control.os-framed-field.invalid,
1145 .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control.os-framed-field.braintree-hosted-fields-invalid {
1146 border-color: #f16161 !important;
1147 }
1148 .latepoint-w .os-form-group.os-form-textfield-group.has-value label {
1149 opacity: 1 !important;
1150 transform: translateY(0) !important;
1151 }
1152 .latepoint-w .os-form-group.os-form-textfield-group.has-value textarea.os-form-control,
1153 .latepoint-w .os-form-group.os-form-textfield-group.has-value input.os-form-control {
1154 padding: 19px 10px 5px 10px !important;
1155 }
1156 .latepoint-w .os-form-group.os-form-phonefield-group {
1157 border: 1px solid #cad2e0;
1158 border-radius: 0px;
1159 }
1160 .latepoint-w .os-form-group.os-form-phonefield-group:has(.os-form-control:focus) {
1161 border-color: var(--latepoint-brand-primary);
1162 }
1163 .latepoint-w .os-form-group.os-form-phonefield-group .lp_iti__selected-dial-code {
1164 color: #32373c;
1165 font-weight: 400;
1166 font-size: 15px !important;
1167 white-space: nowrap;
1168 margin-left: 4px;
1169 line-height: 1.2;
1170 }
1171 .latepoint-w .os-form-group.os-form-phonefield-group.os-invalid {
1172 border-color: #eb3a3a;
1173 }
1174 .latepoint-w .os-form-group.os-form-phonefield-group.os-invalid:has(.os-form-control:focus) {
1175 border-color: #eb3a3a;
1176 }
1177 .latepoint-w .os-form-group.os-form-phonefield-group .lp_iti__selected-flag {
1178 padding: 12px 4px 12px 10px;
1179 transition: all 0.2s ease;
1180 }
1181 .latepoint-w .os-form-group.os-form-phonefield-group .os-form-control,
1182 .latepoint-w .os-form-group.os-form-phonefield-group input.os-form-control {
1183 border: none !important;
1184 }
1185 .latepoint-w .os-form-group.os-form-phonefield-group .os-form-control.os-mask-phone,
1186 .latepoint-w .os-form-group.os-form-phonefield-group input.os-form-control.os-mask-phone {
1187 padding-left: 0px !important;
1188 border-left: none !important;
1189 }
1190 .latepoint-w .os-form-group.os-form-phonefield-group .os-form-control.os-mask-phone.invalid,
1191 .latepoint-w .os-form-group.os-form-phonefield-group input.os-form-control.os-mask-phone.invalid {
1192 border-color: #f16161 !important;
1193 }
1194 .latepoint-w .os-form-group.os-form-phonefield-group:not(.has-value) .lp_iti.lp_iti--allow-dropdown {
1195 align-items: center;
1196 }
1197 .latepoint-w .os-form-group.os-form-phonefield-group:not(.has-value) .lp_iti__selected-flag {
1198 padding-top: 10px;
1199 padding-bottom: 10px;
1200 }
1201 .latepoint-w .os-form-group.os-form-phonefield-group.has-value .lp_iti__selected-flag {
1202 padding-top: 19px;
1203 padding-bottom: 5px;
1204 }
1205 .latepoint-w .os-form-group.os-form-phonefield-group.has-value input.os-form-control.os-mask-phone {
1206 padding-left: 0px !important;
1207 padding-top: 18px !important;
1208 }
1209 .latepoint-w .os-form-buttons.os-flex {
1210 display: flex;
1211 align-items: center;
1212 }
1213 .latepoint-w .os-form-buttons.os-flex.os-space-between {
1214 justify-content: space-between;
1215 }
1216 .latepoint-w .os-form-buttons .os-form-group {
1217 display: inline-block;
1218 margin-bottom: 0px !important;
1219 }
1220 .latepoint-w .os-form-buttons .os-form-group .latepoint-btn {
1221 margin-right: 5px;
1222 }
1223 .latepoint-w .os-form-header {
1224 padding-bottom: 20px;
1225 margin-bottom: 20px;
1226 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
1227 }
1228 .latepoint-w .os-form-header h2, .latepoint-w .os-form-header h3, .latepoint-w .os-form-header h4 {
1229 margin-bottom: 5px;
1230 margin-top: 0px;
1231 }
1232 .latepoint-w .os-form-desc {
1233 color: rgba(0, 0, 0, 0.7);
1234 }
1235 .latepoint-w .os-image-container {
1236 border: 5px solid #fff;
1237 box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
1238 border-radius: 6px;
1239 max-width: 100px;
1240 margin-bottom: 10px;
1241 min-height: 50px;
1242 }
1243 .latepoint-w .os-image-container img {
1244 border-radius: 4px;
1245 width: 100%;
1246 height: auto;
1247 display: block;
1248 }
1249 .latepoint-w .settings-image-selector {
1250 margin: 20px 0px;
1251 }
1252 .latepoint-w .os-form-message-w {
1253 padding: 12px 20px;
1254 background-color: #f9f9f9;
1255 color: #333;
1256 margin-bottom: 20px;
1257 font-weight: 600;
1258 border-radius: 0px;
1259 }
1260 .latepoint-w .os-form-message-w ul {
1261 list-style: none;
1262 margin: 0px;
1263 padding: 0px;
1264 }
1265 .latepoint-w .os-form-message-w ul li {
1266 margin-bottom: 10px;
1267 }
1268 .latepoint-w .os-form-message-w ul li:last-child {
1269 margin-bottom: 0px;
1270 }
1271 .latepoint-w .os-form-message-w.status-error {
1272 background-color: #fff4f4;
1273 color: #d00c0c;
1274 border: 2px solid #f75160;
1275 }
1276 .latepoint-w .os-form-message-w.status-success {
1277 background-color: #e0fbd1;
1278 color: #437724;
1279 }
1280
1281 .text-center {
1282 text-align: center;
1283 }
1284
1285 .os-row {
1286 display: flex;
1287 justify-content: space-between;
1288 align-items: center;
1289 flex-wrap: wrap;
1290 margin-left: -7px;
1291 margin-right: -7px;
1292 }
1293
1294 .os-col-8 {
1295 flex: 0 0 66.6%;
1296 padding: 0px 7px;
1297 }
1298
1299 .os-col-4 {
1300 flex: 0 0 33.3%;
1301 padding: 0px 7px;
1302 }
1303
1304 .os-col-3 {
1305 flex: 0 0 25%;
1306 padding: 0px 7px;
1307 }
1308
1309 .os-col-9 {
1310 flex: 0 0 75%;
1311 padding: 0px 7px;
1312 }
1313
1314 .os-col-6 {
1315 flex: 0 0 50%;
1316 padding: 0px 7px;
1317 }
1318
1319 .os-col-12 {
1320 flex: 0 0 100%;
1321 padding: 0px 7px;
1322 }
1323
1324 @media (max-width: 600px) {
1325 .os-col-sm-12 {
1326 flex: 0 0 100%;
1327 padding: 0px 7px;
1328 }
1329 }
1330 .latepoint-login-form-w.os-form-w {
1331 max-width: 470px;
1332 margin: 30px auto !important;
1333 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 10px 25px rgba(0, 0, 0, 0.1);
1334 padding: 40px;
1335 background-color: #fff;
1336 }
1337 .latepoint-login-form-w.os-form-w h4 {
1338 margin: 0px;
1339 margin-bottom: 15px;
1340 padding: 0px;
1341 color: #14161d;
1342 }
1343 .latepoint-login-form-w.os-form-w .os-form-group:last-child {
1344 margin-bottom: 0px;
1345 }
1346 .latepoint-login-form-w.os-form-w .os-form-buttons {
1347 justify-content: space-between;
1348 }
1349
1350 .os-password-reset-form-w {
1351 position: relative;
1352 }
1353 .os-password-reset-form-w .password-reset-back-to-login {
1354 position: absolute;
1355 top: 10px;
1356 right: 10px;
1357 font-size: 12px;
1358 align-items: center;
1359 color: #bd3d3d;
1360 }
1361 .os-password-reset-form-w .password-reset-back-to-login span {
1362 margin-right: 5px;
1363 }
1364 .os-password-reset-form-w .password-reset-back-to-login span, .os-password-reset-form-w .password-reset-back-to-login i {
1365 display: inline-block;
1366 vertical-align: middle;
1367 }
1368
1369 .os-notifications {
1370 position: fixed;
1371 left: 50%;
1372 transform: translateX(-50%);
1373 top: 20px;
1374 z-index: 1000001;
1375 display: flex;
1376 flex-direction: column-reverse;
1377 }
1378 .os-notifications .os-notification-close {
1379 position: absolute;
1380 top: 50%;
1381 right: 5px;
1382 cursor: pointer;
1383 padding: 5px;
1384 font-size: 14px;
1385 transform: translateY(-50%);
1386 display: block;
1387 line-height: 1;
1388 }
1389 .os-notifications .item {
1390 padding: 14px 30px;
1391 background-color: rgba(29, 210, 101, 0.95);
1392 color: #fff;
1393 font-weight: 600;
1394 font-size: 18px;
1395 min-width: 500px;
1396 text-align: center;
1397 padding-right: 40px;
1398 position: relative;
1399 }
1400 .os-notifications .item + .item {
1401 margin-bottom: 10px;
1402 }
1403
1404 @keyframes selectedSlotCheckmark {
1405 0% {
1406 transform: rotate(-65deg) scale(0.5);
1407 }
1408 100% {
1409 transform: rotate(0deg) scale(1);
1410 }
1411 }
1412 @keyframes latepointFadeUp {
1413 0% {
1414 transform: translate3d(0, 40px, 0);
1415 opacity: 0;
1416 }
1417 100% {
1418 transform: translate3d(0, 0px, 0);
1419 opacity: 1;
1420 }
1421 }
1422 @keyframes up10op {
1423 0% {
1424 transform: translate3d(0, 10px, 0);
1425 opacity: 0;
1426 }
1427 100% {
1428 transform: translate3d(0, 0px, 0);
1429 opacity: 1;
1430 }
1431 }
1432 @keyframes up10 {
1433 0% {
1434 transform: translate3d(0, 10px, 0);
1435 }
1436 100% {
1437 transform: translate3d(0, 0px, 0);
1438 }
1439 }
1440 @keyframes up20op {
1441 0% {
1442 transform: translate3d(0, 20px, 0);
1443 opacity: 0;
1444 }
1445 100% {
1446 transform: translate3d(0, 0px, 0);
1447 opacity: 1;
1448 }
1449 }
1450 @keyframes rotateScale {
1451 0% {
1452 transform: scale(0.4) rotate(-90deg);
1453 opacity: 0;
1454 }
1455 100% {
1456 transform: scale(1) rotate(0deg);
1457 opacity: 1;
1458 }
1459 }
1460 @keyframes up20 {
1461 0% {
1462 transform: translate3d(0, 20px, 0);
1463 }
1464 100% {
1465 transform: translate3d(0, 0px, 0);
1466 }
1467 }
1468 @keyframes up40 {
1469 0% {
1470 transform: translate3d(0, 20px, 0);
1471 }
1472 100% {
1473 transform: translate3d(0, 0px, 0);
1474 }
1475 }
1476 @keyframes latepointMessage {
1477 0% {
1478 transform: translate3d(0, -10px, 0);
1479 opacity: 0;
1480 }
1481 100% {
1482 transform: translate3d(0, 0px, 0);
1483 opacity: 1;
1484 }
1485 }
1486 @keyframes latepointFadeDown {
1487 0% {
1488 transform: translate3d(0, -40px, 0);
1489 opacity: 0;
1490 }
1491 100% {
1492 transform: translate3d(0, 0px, 0);
1493 opacity: 1;
1494 }
1495 }
1496 @keyframes agentBio {
1497 0% {
1498 transform: scale(0.8);
1499 opacity: 0;
1500 }
1501 100% {
1502 transform: scale(1);
1503 opacity: 1;
1504 }
1505 }
1506 @keyframes osLightboxAnimation {
1507 0% {
1508 transform: translate3d(0, 10%, 0);
1509 opacity: 0;
1510 }
1511 100% {
1512 transform: translate3d(0, 0, 0);
1513 opacity: 1;
1514 }
1515 }
1516 @keyframes latepointAvailabilityPopup {
1517 0% {
1518 transform: translate3d(0, 0%, 0px);
1519 opacity: 0;
1520 }
1521 100% {
1522 transform: translate3d(0, -65%, 0px);
1523 opacity: 1;
1524 }
1525 }
1526 @keyframes latepointAvailabilityPopupY {
1527 0% {
1528 transform: translate3d(0%, -60%, 0px);
1529 opacity: 0;
1530 }
1531 100% {
1532 transform: translate3d(0%, -115%, 0px);
1533 opacity: 1;
1534 }
1535 }
1536 @keyframes latepointNextBtn {
1537 0% {
1538 transform: translate3d(-15px, 0px, 0) scale(0.9);
1539 opacity: 0;
1540 }
1541 100% {
1542 transform: translate3d(0, 0px, 0) scale(1);
1543 opacity: 1;
1544 }
1545 }
1546 @keyframes latepointPrevBtn {
1547 0% {
1548 transform: translate3d(15px, 0px, 0) scale(0.9);
1549 opacity: 0;
1550 }
1551 100% {
1552 transform: translate3d(0, 0px, 0) scale(1);
1553 opacity: 1;
1554 }
1555 }
1556 @keyframes latepointContentPopup {
1557 0% {
1558 transform: scale(0.9);
1559 opacity: 0;
1560 }
1561 100% {
1562 transform: scale(1);
1563 opacity: 1;
1564 }
1565 }
1566 .latepoint-login-form-w {
1567 animation: 0.6s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both latepointFadeUp;
1568 }
1569
1570 .os-step-tab-content {
1571 animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s both latepointFadeUp;
1572 }
1573
1574 .os-password-reset-form-w {
1575 animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s both latepointFadeUp;
1576 }
1577
1578 .os-item-details-popup {
1579 animation: 0.4s cubic-bezier(0.45, 1.3, 0.6, 1) 0s both agentBio;
1580 }
1581
1582 .item-details-popup-content-i {
1583 animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both latepointFadeUp;
1584 }
1585
1586 .item-details-popup-head h3 {
1587 animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both latepointFadeDown;
1588 }
1589 .item-details-popup-head .item-details-popup-title {
1590 animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both latepointFadeDown;
1591 }
1592
1593 .item-details-popup-feature-value {
1594 animation: 0.4s cubic-bezier(0, 1, 0.51, 1) 0.05s both latepointFadeUp;
1595 }
1596
1597 .item-details-popup-feature-label {
1598 animation: 0.4s cubic-bezier(0, 1, 0.51, 1) 0.1s both latepointFadeUp;
1599 }
1600
1601 .latepoint-lightbox-i {
1602 transform-origin: center center;
1603 animation: 0.5s cubic-bezier(0, 1, 0.51, 1) 0s both osLightboxAnimation;
1604 }
1605
1606 .latepoint-message {
1607 animation: 0.15s cubic-bezier(0.45, 1.3, 0.6, 1.1) 0s both latepointMessage;
1608 }
1609
1610 .a-up-10 {
1611 animation: 0.4s cubic-bezier(0.25, 1.4, 0.5, 1) 0s up10op;
1612 animation-fill-mode: both;
1613 }
1614
1615 .a-up-10-opaque {
1616 animation: 0.4s cubic-bezier(0.25, 1.4, 0.5, 1) 0s up10;
1617 animation-fill-mode: both;
1618 }
1619
1620 .a-up-20 {
1621 animation: 0.4s cubic-bezier(0.25, 1.4, 0.5, 1) 0s up20op;
1622 animation-fill-mode: both;
1623 }
1624
1625 .a-up-20-opaque {
1626 animation: 0.4s cubic-bezier(0.25, 1.4, 0.5, 1) 0s up20;
1627 animation-fill-mode: both;
1628 }
1629
1630 .a-up-40-opaque {
1631 animation: 0.6s cubic-bezier(0.35, 1.2, 0.7, 1) 0s up40;
1632 animation-fill-mode: both;
1633 }
1634
1635 .a-rotate-scale {
1636 animation: 0.7s cubic-bezier(0.25, 1.4, 0.5, 1.35) 0s rotateScale;
1637 animation-fill-mode: both;
1638 }
1639
1640 .a-delay-1 {
1641 animation-delay: 0.05s;
1642 }
1643
1644 .a-delay-2 {
1645 animation-delay: 0.1s;
1646 }
1647
1648 .a-delay-3 {
1649 animation-delay: 0.15s;
1650 }
1651
1652 .a-delay-4 {
1653 animation-delay: 0.2s;
1654 }
1655
1656 @keyframes os-loading-gradient {
1657 0% {
1658 background-position: 0 0;
1659 }
1660 100% {
1661 background-position: -200% 0;
1662 }
1663 }
1664 .clean-layout-content-wrapper {
1665 animation: 0.5s cubic-bezier(0.35, 1.2, 0.7, 1) 0s both up20;
1666 }
1667
1668 .latepoint-clean-body .manage-booking-wrapper {
1669 animation: 0.5s cubic-bezier(0.35, 1.2, 0.7, 1) 0s both up20;
1670 }
1671
1672 @keyframes latepointBlink {
1673 0% {
1674 opacity: 1;
1675 }
1676 50% {
1677 opacity: 0;
1678 }
1679 100% {
1680 opacity: 1;
1681 }
1682 }
1683 .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w .latepoint-heading-w {
1684 border-top-left-radius: 8px;
1685 }
1686 .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w .latepoint-footer {
1687 border-bottom-left-radius: 8px;
1688 }
1689 .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form,
1690 .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w {
1691 border-bottom-left-radius: 8px;
1692 border-top-left-radius: 8px;
1693 }
1694 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option {
1695 box-shadow: 0px 0px 0px 2px #E8EBEE;
1696 cursor: pointer;
1697 transition: transform 0.1s ease;
1698 }
1699 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:focus-visible, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option:focus-visible {
1700 outline: 2px solid var(--latepoint-brand-primary);
1701 }
1702 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option.selected, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option.selected {
1703 box-shadow: 0px 0px 0px 2px var(--latepoint-brand-primary);
1704 }
1705 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option.selected .lp-option-label, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option.selected .lp-option-label {
1706 color: var(--latepoint-brand-primary);
1707 }
1708 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:hover, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option:hover {
1709 box-shadow: 0px 0px 0px 2px var(--latepoint-brand-primary);
1710 }
1711 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:hover .lp-option-label, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option:hover .lp-option-label {
1712 color: var(--latepoint-brand-primary);
1713 }
1714 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option .lp-option-image, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option .lp-option-image {
1715 padding-bottom: 100%;
1716 background-size: contain;
1717 background-repeat: no-repeat;
1718 background-position: center center;
1719 transform-origin: center center;
1720 }
1721 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option .lp-option-label, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option .lp-option-label {
1722 font-weight: 600;
1723 color: var(--latepoint-body-color);
1724 font-size: 18px;
1725 padding: 10px;
1726 }
1727 .latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-grid {
1728 display: flex;
1729 justify-content: space-evenly;
1730 flex-wrap: wrap;
1731 }
1732 .latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid .lp-option, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-grid .lp-option {
1733 text-align: center;
1734 }
1735 .latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid .lp-option .lp-option-image-w, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-grid .lp-option .lp-option-image-w {
1736 padding: 15px;
1737 border-bottom: 1px solid #E8EBEE;
1738 }
1739 .latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid.lp-options-grid-three .lp-option, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-grid.lp-options-grid-three .lp-option {
1740 flex: 0 0 30%;
1741 }
1742 .latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid.lp-options-grid-two, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-grid.lp-options-grid-two {
1743 gap: 30px;
1744 }
1745 .latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid.lp-options-grid-two .lp-option, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-grid.lp-options-grid-two .lp-option {
1746 flex: 0 0 45%;
1747 }
1748 .latepoint-w .latepoint-booking-form-element .lp-options.lp-options-rows, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-rows {
1749 display: flex;
1750 flex-direction: column;
1751 }
1752 .latepoint-w .latepoint-booking-form-element .lp-options.lp-options-rows .lp-option, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-rows .lp-option {
1753 margin-bottom: 15px;
1754 display: flex;
1755 align-items: center;
1756 }
1757 .latepoint-w .latepoint-booking-form-element .lp-options.lp-options-rows .lp-option .lp-option-image, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-rows .lp-option .lp-option-image {
1758 flex: 0 0 50px;
1759 width: 50px;
1760 }
1761 .latepoint-w .latepoint-booking-form-element .lp-options.lp-options-rows .lp-option .lp-option-image-w, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-rows .lp-option .lp-option-image-w {
1762 padding: 10px 15px;
1763 border-right: 1px solid #E8EBEE;
1764 }
1765 .latepoint-w .latepoint-booking-form-element .lp-options.lp-options-rows .lp-option .lp-option-label, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-rows .lp-option .lp-option-label {
1766 flex: 1;
1767 padding-left: 20px;
1768 }
1769 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount-w, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount-w {
1770 padding: 20px 40px;
1771 border-bottom: 1px solid #E8EBEE;
1772 }
1773 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount {
1774 border-radius: 50%;
1775 padding-bottom: 100%;
1776 box-shadow: 0px 0px 0px 2px #14161d;
1777 position: relative;
1778 }
1779 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount .lp-amount-value, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount .lp-amount-value {
1780 position: absolute;
1781 top: 50%;
1782 left: 50%;
1783 transform: translate(-50%, -50%);
1784 font-weight: 600;
1785 color: var(--latepoint-body-color);
1786 font-size: 16px;
1787 }
1788 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount.lp-amount-deposit, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount.lp-amount-deposit {
1789 background-color: #eee;
1790 box-shadow: none;
1791 }
1792 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount.lp-amount-deposit .lp-slice, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount.lp-amount-deposit .lp-slice {
1793 width: 50%;
1794 padding-bottom: 50%;
1795 background: #fff;
1796 border-radius: 70px 0px 0px 0px;
1797 box-shadow: 0px 0px 0px 2px #14161d, 0px 0px 0px 6px #fff;
1798 position: absolute;
1799 top: 0;
1800 left: 0;
1801 transform-origin: bottom right;
1802 transform: rotate(-45deg);
1803 }
1804 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount.lp-amount-deposit .lp-amount-value, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount.lp-amount-deposit .lp-amount-value {
1805 left: 0px;
1806 background-color: #fff;
1807 padding: 2px 0px;
1808 }
1809 .latepoint-w .latepoint-booking-form-element .os-items, .latepoint-w .latepoint-transaction-payment-form .os-items {
1810 margin: 0px !important;
1811 padding: 0px !important;
1812 }
1813 .latepoint-w .latepoint-booking-form-element .os-items.os-as-rows + .os-items, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-rows + .os-items {
1814 margin-top: 15px !important;
1815 }
1816 .latepoint-w .latepoint-booking-form-element .os-items.os-as-rows > .os-item + .os-item, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-rows > .os-item + .os-item {
1817 margin-top: 15px;
1818 }
1819 .latepoint-w .latepoint-booking-form-element .os-items.os-as-rows .os-item .os-item-i:hover .os-item-name-w, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-rows .os-item .os-item-i:hover .os-item-name-w {
1820 transform: translateX(3px);
1821 }
1822 .latepoint-w .latepoint-booking-form-element .os-items .os-item:focus .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item:focus .os-item-i {
1823 border-color: var(--latepoint-brand-primary);
1824 box-shadow: 0 0 0 1px var(--latepoint-brand-primary);
1825 text-decoration: none;
1826 }
1827 .latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i {
1828 cursor: pointer;
1829 display: flex;
1830 background: #FFFFFF;
1831 border: 1px solid #E5E7EE;
1832 align-items: center;
1833 box-shadow: none;
1834 outline: none;
1835 padding: 10px;
1836 color: var(--latepoint-body-color);
1837 text-decoration: none;
1838 }
1839 .latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i:hover, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i:hover {
1840 border-color: var(--latepoint-brand-primary);
1841 box-shadow: 0 0 0 1px var(--latepoint-brand-primary);
1842 text-decoration: none;
1843 }
1844 .latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-img-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-img-w {
1845 flex: 0 0 45px;
1846 height: 45px;
1847 background-size: contain;
1848 background-repeat: no-repeat;
1849 background-position: center center;
1850 text-align: center;
1851 margin-right: 15px;
1852 display: block;
1853 }
1854 .latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-img-w .latepoint-icon, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-img-w .latepoint-icon {
1855 font-size: 22px;
1856 line-height: 43px;
1857 }
1858 .latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-name-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-name-w {
1859 padding: 5px 0px;
1860 margin-right: auto;
1861 display: block;
1862 transition: transform 0.2s ease-out;
1863 }
1864 .latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-name-w .os-item-name, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-name-w .os-item-name {
1865 font-weight: 600;
1866 font-size: 17px;
1867 display: block;
1868 }
1869 .latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-name-w .os-item-desc, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-name-w .os-item-desc {
1870 color: #7c85a3;
1871 font-size: 13px;
1872 display: block;
1873 margin-top: 3px;
1874 }
1875 .latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-child-count, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-child-count {
1876 display: block;
1877 color: #7c85a3;
1878 font-size: 12px;
1879 transition: transform 0.2s ease;
1880 }
1881 .latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-price-w {
1882 border-left: 1px solid rgba(0, 0, 0, 0.05);
1883 padding-left: 15px;
1884 margin-left: 10px;
1885 text-align: center;
1886 display: block;
1887 }
1888 .latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w .os-item-price, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-price-w .os-item-price {
1889 display: block;
1890 color: var(--latepoint-brand-primary);
1891 line-height: 1.1;
1892 font-weight: 600;
1893 font-family: "latepoint", "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
1894 font-size: 16px;
1895 }
1896 .latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w .os-item-price-label, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-price-w .os-item-price-label {
1897 display: block;
1898 color: #7c85a3;
1899 font-size: 12px;
1900 white-space: nowrap;
1901 }
1902 .latepoint-w .latepoint-booking-form-element .os-items .os-item:last-child, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item:last-child {
1903 margin-bottom: 0px;
1904 }
1905 .latepoint-w .latepoint-booking-form-element .os-items .os-item.with-description .os-item-name-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.with-description .os-item-name-w {
1906 padding: 5px 0px;
1907 }
1908 .latepoint-w .latepoint-booking-form-element .os-items .os-item.os-allow-multiselect .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.os-allow-multiselect .os-item-i {
1909 padding-left: 50px;
1910 }
1911 .latepoint-w .latepoint-booking-form-element .os-items .os-item.os-allow-multiselect .os-item-i:before, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.os-allow-multiselect .os-item-i:before {
1912 background-color: #fff;
1913 color: #fff;
1914 padding: 3px;
1915 font-size: 12px;
1916 font-family: "latepointIcons" !important;
1917 speak: none;
1918 font-style: normal;
1919 font-weight: normal;
1920 font-variant: normal;
1921 text-transform: none;
1922 line-height: 1;
1923 -webkit-font-smoothing: antialiased;
1924 -moz-osx-font-smoothing: grayscale;
1925 content: "\e903";
1926 position: absolute;
1927 top: 50%;
1928 left: 15px;
1929 display: block;
1930 transform: translateY(-50%);
1931 box-shadow: inset 0px 0px 0px 1px #d8dbe3;
1932 }
1933 .latepoint-w .latepoint-booking-form-element .os-items .os-item.os-allow-multiselect.selected .os-item-i:before, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.os-allow-multiselect.selected .os-item-i:before {
1934 background-color: var(--latepoint-brand-primary);
1935 box-shadow: none;
1936 }
1937 .latepoint-w .latepoint-booking-form-element .os-items .os-item.os-allow-multiselect.selected .os-item-i:before:hover, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.os-allow-multiselect.selected .os-item-i:before:hover {
1938 box-shadow: none;
1939 }
1940 .latepoint-w .latepoint-booking-form-element .os-items .os-item.selected.has-child-items > .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.selected.has-child-items > .os-item-i {
1941 display: none;
1942 }
1943 .latepoint-w .latepoint-booking-form-element .os-items .os-item:not(.selected) .os-items, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item:not(.selected) .os-items {
1944 display: none;
1945 }
1946 .latepoint-w .latepoint-booking-form-element .os-items.selected > .os-items + .os-item-categories-holder, .latepoint-w .latepoint-transaction-payment-form .os-items.selected > .os-items + .os-item-categories-holder {
1947 margin-top: 15px;
1948 }
1949 .latepoint-w .latepoint-booking-form-element .os-items.os-as-grid, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid {
1950 display: grid;
1951 }
1952 .latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item {
1953 text-align: center;
1954 }
1955 .latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item.os-item-span-row, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item.os-item-span-row {
1956 grid-column: 1/4;
1957 }
1958 .latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item.os-item-span-row .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item.os-item-span-row .os-item-i {
1959 padding: 15px 20px;
1960 }
1961 .latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item.os-item-span-row.with-floating-price .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item.os-item-span-row.with-floating-price .os-item-i {
1962 padding: 15px 20px;
1963 }
1964 .latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item.os-item-span-row .os-duration-value-label, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item.os-item-span-row .os-duration-value-label {
1965 display: none;
1966 }
1967 .latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item.os-item-span-row .os-duration-name, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item.os-item-span-row .os-duration-name {
1968 text-align: left;
1969 font-weight: 600;
1970 font-size: 18px;
1971 }
1972 .latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item .os-item-i {
1973 display: block;
1974 padding: 10px;
1975 height: 100%;
1976 }
1977 .latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i .os-item-name-w, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item .os-item-i .os-item-name-w {
1978 padding-bottom: 0px;
1979 padding-top: 10px;
1980 border-top: 1px solid #eee;
1981 }
1982 .latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i .os-item-img-w, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item .os-item-i .os-item-img-w {
1983 flex: 1;
1984 height: auto;
1985 padding-bottom: 100%;
1986 margin: 0px;
1987 }
1988 .latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i .os-item-img-w.os-with-avatar, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item .os-item-i .os-item-img-w.os-with-avatar {
1989 padding: 0 15px 15px;
1990 }
1991 .latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i .os-item-img-w.os-with-avatar .os-avatar, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item .os-item-i .os-item-img-w.os-with-avatar .os-avatar {
1992 background-size: cover;
1993 background-position: center center;
1994 padding-bottom: 100%;
1995 background-repeat: no-repeat;
1996 }
1997 .latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item.with-floating-price .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item.with-floating-price .os-item-i {
1998 padding: 25px 10px 15px;
1999 }
2000 .latepoint-w .latepoint-booking-form-element .os-items.os-as-grid.os-three-columns, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid.os-three-columns {
2001 grid-template-columns: 1fr 1fr 1fr;
2002 column-gap: 15px;
2003 row-gap: 15px;
2004 }
2005 .latepoint-w .latepoint-booking-form-element .os-items .os-item-details-popup-btn, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item-details-popup-btn {
2006 font-size: 13px;
2007 padding: 0px;
2008 font-weight: 600;
2009 opacity: 0;
2010 position: absolute;
2011 bottom: 0px;
2012 left: 0px;
2013 right: 0px;
2014 max-width: 100%;
2015 z-index: 1;
2016 border: none;
2017 transition: transform 0.2s ease;
2018 display: inline-block;
2019 }
2020 .latepoint-w .latepoint-booking-form-element .os-items .os-item-details-popup-btn span, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item-details-popup-btn span {
2021 color: var(--latepoint-brand-primary);
2022 display: inline-block;
2023 border-bottom: 1px dotted color-mix(in srgb, var(--latepoint-brand-primary) 50%, transparent);
2024 padding: 2px 0px 1px;
2025 }
2026 .latepoint-w .latepoint-booking-form-element .os-items .os-item-details-popup-btn:hover span, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item-details-popup-btn:hover span {
2027 padding-left: 5px;
2028 padding-right: 5px;
2029 color: #fff;
2030 background-color: var(--latepoint-brand-primary);
2031 border-color: transparent;
2032 }
2033 .latepoint-w .latepoint-booking-form-element .os-items .os-item, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item {
2034 position: relative;
2035 }
2036 .latepoint-w .latepoint-booking-form-element .os-items .os-item.with-details .os-item-name-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.with-details .os-item-name-w {
2037 transition: transform 0.2s ease;
2038 z-index: 2;
2039 position: relative;
2040 }
2041 .latepoint-w .latepoint-booking-form-element .os-items .os-item.with-details .os-item-img-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.with-details .os-item-img-w {
2042 transition: transform 0.2s ease;
2043 }
2044 .latepoint-w .latepoint-booking-form-element .os-items .os-item.with-details .os-item-i:hover .os-item-img-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.with-details .os-item-i:hover .os-item-img-w {
2045 transform-origin: center center;
2046 transform: translateY(-8px) scale(0.9);
2047 }
2048 .latepoint-w .latepoint-booking-form-element .os-items .os-item.with-details .os-item-i:hover .os-item-name-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.with-details .os-item-i:hover .os-item-name-w {
2049 transform: translateY(-18px);
2050 }
2051 .latepoint-w .latepoint-booking-form-element .os-items .os-item.with-details .os-item-i:hover .os-item-details-popup-btn, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.with-details .os-item-i:hover .os-item-details-popup-btn {
2052 opacity: 1;
2053 transform: translateY(-7px);
2054 }
2055 .latepoint-w .latepoint-booking-form-element .os-items .os-item.selected .os-item-details-popup-btn:hover, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.selected .os-item-details-popup-btn:hover {
2056 border-color: var(--latepoint-brand-primary);
2057 }
2058 .latepoint-w .latepoint-booking-form-element .show-selected-only > .os-items.os-as-rows, .latepoint-w .latepoint-transaction-payment-form .show-selected-only > .os-items.os-as-rows {
2059 margin-top: 0px !important;
2060 }
2061 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded {
2062 border-radius: 8px;
2063 }
2064 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .item-quantity-selector-w .item-quantity-selector, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .item-quantity-selector-w .item-quantity-selector {
2065 border-radius: 8px;
2066 }
2067 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w .total-attendees-selector, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w .total-attendees-selector {
2068 border-radius: 8px;
2069 }
2070 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item-details-popup-btn:hover span, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-items .os-item-details-popup-btn:hover span {
2071 border-radius: 6px;
2072 }
2073 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before {
2074 border-radius: 50%;
2075 }
2076 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w .latepoint-heading-w, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-form-w .latepoint-heading-w {
2077 border-top-right-radius: 8px;
2078 }
2079 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-summary-w, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-summary-w {
2080 border-top-right-radius: 8px;
2081 border-bottom-right-radius: 8px;
2082 }
2083 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w .latepoint-footer, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-form-w .latepoint-footer {
2084 border-bottom-right-radius: 8px;
2085 }
2086 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w,
2087 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-form-w,
2088 .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-form {
2089 border-bottom-right-radius: 8px;
2090 border-top-right-radius: 8px;
2091 }
2092 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-phonefield-group, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-phonefield-group {
2093 border-radius: 8px !important;
2094 }
2095 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .dp-timeslot .dp-label, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .dp-timeslot .dp-label {
2096 border-radius: 8px;
2097 }
2098 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .dp-timebox, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .dp-timebox {
2099 border-radius: 8px;
2100 }
2101 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-confirmation-w .confirmation-cabinet-info, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-confirmation-w .confirmation-cabinet-info {
2102 border-radius: 8px;
2103 }
2104 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-link, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-link {
2105 border-radius: 8px;
2106 }
2107 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-password-reset-form-holder .os-password-reset-form-w,
2108 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-confirmation-w .step-confirmation-set-password, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-password-reset-form-holder .os-password-reset-form-w,
2109 .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-confirmation-w .step-confirmation-set-password {
2110 border-radius: 8px;
2111 }
2112 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .info-box, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .info-box {
2113 border-radius: 8px;
2114 }
2115 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .info-box .info-box-buttons a, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .info-box .info-box-buttons a {
2116 border-radius: 8px;
2117 }
2118 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent .qr-code-label, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent .qr-code-label {
2119 border-radius: 8px;
2120 }
2121 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-message, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-message {
2122 border-radius: 8px;
2123 }
2124 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input,
2125 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-payment-w .payment-total-info .applied-coupon-code,
2126 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-payment-w .payment-total-info .coupon-code-input-w .coupon-code-input-submit, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input,
2127 .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-payment-w .payment-total-info .applied-coupon-code,
2128 .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-payment-w .payment-total-info .coupon-code-input-w .coupon-code-input-submit {
2129 border-radius: 8px !important;
2130 }
2131 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w {
2132 border-radius: 8px;
2133 }
2134 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .select-total-attendees-w, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .select-total-attendees-w {
2135 border-radius: 8px;
2136 }
2137 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-progress ul li .progress-item, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-progress ul li .progress-item {
2138 border-radius: 8px;
2139 }
2140 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-progress ul li .progress-item span, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-progress ul li .progress-item span {
2141 border-radius: 8px;
2142 }
2143 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-monthly-calendar-days .os-day .os-day-box, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-monthly-calendar-days .os-day .os-day-box {
2144 border-radius: 8px;
2145 }
2146 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-side-panel, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-side-panel {
2147 border-radius: 8px 0px 0px 8px;
2148 }
2149 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-summary-w, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-summary-w {
2150 border-radius: 0px 8px 8px 0px;
2151 }
2152 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .lp-options .lp-option, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .lp-options .lp-option {
2153 border-radius: 8px;
2154 }
2155 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item .os-item-i, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-items .os-item .os-item-i {
2156 border-radius: 8px;
2157 }
2158 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-item-img-w, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-item-img-w {
2159 border-radius: 8px;
2160 }
2161 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-with-avatar, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-with-avatar {
2162 padding: 5px 15px 5px 15px;
2163 }
2164 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-with-avatar .os-avatar, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-with-avatar .os-avatar {
2165 border-radius: 50%;
2166 background-size: cover;
2167 background-position: center center;
2168 padding-bottom: 100%;
2169 }
2170 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item.os-allow-multiselect .os-item-i:before, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-items .os-item.os-allow-multiselect .os-item-i:before {
2171 border-radius: 6px;
2172 }
2173 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-btn, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-btn {
2174 border-radius: 8px;
2175 }
2176 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-add-another-item-trigger.on-verify, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-add-another-item-trigger.on-verify {
2177 border-radius: 8px;
2178 }
2179 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .summary-box .summary-box-content .os-remove-item-from-cart, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .summary-box .summary-box-content .os-remove-item-from-cart {
2180 border-radius: 8px;
2181 }
2182 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-file-upload-group .os-uploaded-file-info,
2183 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-file-upload-group .os-upload-file-input-w input[type=file],
2184 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-select-group .os-form-control,
2185 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-select-group input.os-form-control,
2186 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-textfield-group .os-form-control,
2187 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-textfield-group input.os-form-control, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-file-upload-group .os-uploaded-file-info,
2188 .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-file-upload-group .os-upload-file-input-w input[type=file],
2189 .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-select-group .os-form-control,
2190 .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-select-group input.os-form-control,
2191 .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-textfield-group .os-form-control,
2192 .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-textfield-group input.os-form-control {
2193 border-radius: 8px !important;
2194 }
2195 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-phonefield-group input.os-form-control, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-phonefield-group input.os-form-control {
2196 border-radius: 0 8px 8px 0 !important;
2197 }
2198 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-phonefield-group .lp_iti__selected-flag, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-phonefield-group .lp_iti__selected-flag {
2199 border-radius: 8px 0 0 8px;
2200 }
2201 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-payment-w .payment-total-info, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-payment-w .payment-total-info {
2202 border-radius: 8px;
2203 }
2204 .latepoint-w .latepoint-booking-form-element .os-item-category-w > .os-selectable-items, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w > .os-selectable-items {
2205 display: none;
2206 }
2207 .latepoint-w .latepoint-booking-form-element .os-item-category-w > .os-selectable-items .os-item.selected, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w > .os-selectable-items .os-item.selected {
2208 position: relative;
2209 z-index: 2;
2210 }
2211 .latepoint-w .latepoint-booking-form-element .os-item-category-w > .os-selectable-items .os-item.selected > .os-service-selector:hover, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w > .os-selectable-items .os-item.selected > .os-service-selector:hover {
2212 border-color: var(--latepoint-brand-primary);
2213 }
2214 .latepoint-w .latepoint-booking-form-element .os-item-category-w > .os-selectable-items .os-item:hover, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w > .os-selectable-items .os-item:hover {
2215 z-index: 2;
2216 position: relative;
2217 }
2218 .latepoint-w .latepoint-booking-form-element .os-item-category-w > .os-selectable-items .os-item a.os-service-selector, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w > .os-selectable-items .os-item a.os-service-selector {
2219 position: relative;
2220 }
2221 .latepoint-w .latepoint-booking-form-element .os-item-category-w > .os-selectable-items .os-item a.os-service-selector .service-name-w .service-name, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w > .os-selectable-items .os-item a.os-service-selector .service-name-w .service-name {
2222 font-size: 16px;
2223 }
2224 .latepoint-w .latepoint-booking-form-element .os-item-category-w > .os-selectable-items .os-item a.os-service-selector:hover, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w > .os-selectable-items .os-item a.os-service-selector:hover {
2225 border-color: var(--latepoint-brand-primary);
2226 }
2227 .latepoint-w .latepoint-booking-form-element .os-item-category-w .os-item-category-w, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w .os-item-category-w {
2228 margin-top: 0px;
2229 box-shadow: none;
2230 }
2231 .latepoint-w .latepoint-booking-form-element .os-item-category-w .os-item-category-w .os-item-category-info-w, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w .os-item-category-w .os-item-category-info-w {
2232 border: none;
2233 }
2234 .latepoint-w .latepoint-booking-form-element .os-item-category-w .os-item-category-w .os-item-category-info-w, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w .os-item-category-w .os-item-category-info-w {
2235 display: none;
2236 }
2237 .latepoint-w .latepoint-booking-form-element .os-item-category-w .os-item-category-info:focus-visible, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w .os-item-category-info:focus-visible {
2238 border-color: var(--latepoint-brand-primary);
2239 box-shadow: 0 0 0 1px var(--latepoint-brand-primary);
2240 text-decoration: none;
2241 }
2242 .latepoint-w .latepoint-booking-form-element .os-item-category-w .os-item-category-info .os-item-category-img-w, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w .os-item-category-info .os-item-category-img-w {
2243 flex: 0 0 40px;
2244 height: 40px;
2245 background-size: contain;
2246 background-repeat: no-repeat;
2247 background-position: center center;
2248 text-align: center;
2249 margin-right: 15px;
2250 display: block;
2251 }
2252 .latepoint-w .latepoint-booking-form-element .os-item-category-w .os-item-category-info .os-item-category-name, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w .os-item-category-info .os-item-category-name {
2253 display: block;
2254 font-weight: 600;
2255 font-size: 18px;
2256 display: block;
2257 margin-right: auto;
2258 flex: 1;
2259 transition: transform 0.2s ease;
2260 }
2261 .latepoint-w .latepoint-booking-form-element .os-item-category-w .os-item-category-info .os-item-category-services-count, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w .os-item-category-info .os-item-category-services-count {
2262 display: block;
2263 color: #7c85a3;
2264 font-size: 12px;
2265 transform: translateX(-40px);
2266 transition: transform 0.2s ease;
2267 }
2268 .latepoint-w .latepoint-booking-form-element .os-item-category-w.selected, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected {
2269 box-shadow: none;
2270 }
2271 .latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w {
2272 display: block;
2273 border-bottom: 1px solid #E5E7EE;
2274 background-color: #F4F6F9;
2275 border-top: none;
2276 position: relative;
2277 }
2278 .latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w:last-child, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w:last-child {
2279 border-bottom: none;
2280 }
2281 .latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w .os-item-category-img-w, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w .os-item-category-img-w {
2282 opacity: 0;
2283 }
2284 .latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w .os-item-category-services-count, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w .os-item-category-services-count {
2285 transform: translateX(0);
2286 }
2287 .latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w:before, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w:before {
2288 content: "";
2289 position: absolute;
2290 top: 50%;
2291 left: 25px;
2292 font-family: "latepointIcons" !important;
2293 speak: none;
2294 font-style: normal;
2295 font-weight: normal;
2296 font-variant: normal;
2297 text-transform: none;
2298 line-height: 1;
2299 -webkit-font-smoothing: antialiased;
2300 -moz-osx-font-smoothing: grayscale;
2301 content: "\e902";
2302 font-size: 10px;
2303 transform: translateY(-50%);
2304 color: #7c85a3;
2305 transition: all 0.2s ease;
2306 }
2307 .latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w > .os-item-category-info:after, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w > .os-item-category-info:after {
2308 opacity: 0;
2309 transform: translate(5px, -50%);
2310 }
2311 .latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w:hover:before, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w:hover:before {
2312 transform: translate(-5px, -50%);
2313 color: var(--latepoint-brand-primary);
2314 }
2315 .latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w:hover .os-item-category-name, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w:hover .os-item-category-name {
2316 color: var(--latepoint-brand-primary);
2317 }
2318 .latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-selectable-items, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-selectable-items {
2319 display: block;
2320 }
2321 .latepoint-w .latepoint-booking-form-element .os-item-categories-holder.show-selected-only > .os-selectable-items:not(.selected), .latepoint-w .latepoint-transaction-payment-form .os-item-categories-holder.show-selected-only > .os-selectable-items:not(.selected) {
2322 display: none;
2323 }
2324 .latepoint-w .latepoint-booking-form-element .os-item-categories-holder.show-selected-only .os-item-category-info-w, .latepoint-w .latepoint-transaction-payment-form .os-item-categories-holder.show-selected-only .os-item-category-info-w {
2325 display: none;
2326 }
2327 .latepoint-w .latepoint-booking-form-element .os-item-categories-holder.show-selected-only .os-item-category-w:not(.selected), .latepoint-w .latepoint-transaction-payment-form .os-item-categories-holder.show-selected-only .os-item-category-w:not(.selected) {
2328 border: none;
2329 }
2330 .latepoint-w .latepoint-booking-form-element .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-category-info-w, .latepoint-w .latepoint-transaction-payment-form .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-category-info-w {
2331 display: none;
2332 }
2333 .latepoint-w .latepoint-booking-form-element .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-categories-holder > .os-item-category-w > .os-item-category-info-w, .latepoint-w .latepoint-transaction-payment-form .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-categories-holder > .os-item-category-w > .os-item-category-info-w {
2334 display: block;
2335 }
2336 .latepoint-w .latepoint-booking-form-element .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-categories-holder > .os-item-category-w,
2337 .latepoint-w .latepoint-booking-form-element .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-categories-holder > .os-selectable-items, .latepoint-w .latepoint-transaction-payment-form .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-categories-holder > .os-item-category-w,
2338 .latepoint-w .latepoint-transaction-payment-form .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-categories-holder > .os-selectable-items {
2339 display: block;
2340 }
2341 .latepoint-w.latepoint-summary-is-open .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w, .latepoint-w.latepoint-summary-is-open .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form {
2342 border-bottom-right-radius: 0;
2343 border-top-right-radius: 0;
2344 }
2345
2346 /*!
2347 * Copyright (c) 2022 LatePoint LLC. All rights reserved.
2348 */
2349 .latepoint-resources-items-w {
2350 display: grid;
2351 margin: 40px 0px;
2352 align-items: start;
2353 }
2354 .latepoint-resources-items-w.resources-columns-2 {
2355 grid-template-columns: 1fr 1fr;
2356 grid-gap: 50px;
2357 }
2358 .latepoint-resources-items-w.resources-columns-3 {
2359 grid-template-columns: 1fr 1fr 1fr;
2360 grid-gap: 40px;
2361 }
2362 .latepoint-resources-items-w.resources-columns-4 {
2363 grid-template-columns: 1fr 1fr 1fr 1fr;
2364 grid-gap: 30px;
2365 }
2366 .latepoint-resources-items-w.resources-columns-5 {
2367 grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
2368 grid-gap: 20px;
2369 }
2370 .latepoint-resources-items-w .resource-item {
2371 box-shadow: 0 2px 18px -6px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
2372 padding: 20px;
2373 background-color: #fff;
2374 transition: all 0.2s ease;
2375 height: 100%;
2376 overflow: hidden;
2377 }
2378 .latepoint-resources-items-w .resource-item.ri-centered {
2379 text-align: center;
2380 }
2381 .latepoint-resources-items-w .resource-item:hover {
2382 box-shadow: 0 5px 24px -9px rgba(0, 0, 0, 0.4), 0 3px 6px 0 rgba(0, 0, 0, 0.2);
2383 transform: translateY(-2px);
2384 }
2385 .latepoint-resources-items-w .resource-item .ri-avatar {
2386 border-radius: 50%;
2387 width: 80px;
2388 height: 80px;
2389 background-position: center center;
2390 background-size: cover;
2391 background-repeat: no-repeat;
2392 margin: 0 auto 20px auto;
2393 }
2394 .latepoint-resources-items-w .resource-item .ri-map {
2395 margin: -20px -20px 0 -20px;
2396 margin-bottom: 25px;
2397 }
2398 .latepoint-resources-items-w .resource-item .ri-media {
2399 padding-bottom: 75%;
2400 margin: -20px -20px 0 -20px;
2401 background-size: cover;
2402 background-repeat: no-repeat;
2403 background-position: bottom center;
2404 margin-bottom: 25px;
2405 }
2406 .latepoint-resources-items-w .resource-item .ri-name h3 {
2407 margin: 10px 0px;
2408 font-size: 22px;
2409 }
2410 .latepoint-resources-items-w .resource-item .ri-title {
2411 color: var(--latepoint-brand-primary);
2412 font-weight: 600;
2413 font-size: 15px;
2414 }
2415 .latepoint-resources-items-w .resource-item .ri-price {
2416 color: var(--latepoint-brand-primary);
2417 font-weight: 600;
2418 font-size: 20px;
2419 margin-bottom: 10px;
2420 }
2421 .latepoint-resources-items-w .resource-item .ri-description {
2422 color: #7c85a3;
2423 font-size: 15px;
2424 font-weight: 400;
2425 margin-bottom: 10px;
2426 line-height: 1.3;
2427 }
2428 .latepoint-resources-items-w .resource-item .ri-external-link {
2429 margin-left: 3px;
2430 display: inline-block;
2431 }
2432 .latepoint-resources-items-w .resource-item .ri-buttons {
2433 margin-top: 20px;
2434 }
2435
2436 .latepoint .customer-dashboard-tabs {
2437 display: flex;
2438 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
2439 margin: 20px 0px 30px;
2440 }
2441 .latepoint .customer-dashboard-tabs a {
2442 display: block;
2443 padding: 10px 0px;
2444 font-weight: 600;
2445 text-decoration: none;
2446 color: #7c85a3;
2447 position: relative;
2448 font-size: 21px;
2449 margin-right: 30px;
2450 }
2451 .latepoint .customer-dashboard-tabs a:focus, .latepoint .customer-dashboard-tabs a:hover {
2452 text-decoration: none;
2453 color: var(--latepoint-body-color);
2454 }
2455 .latepoint .customer-dashboard-tabs a:after {
2456 content: "";
2457 height: 2px;
2458 background-color: var(--latepoint-brand-primary);
2459 left: 0px;
2460 bottom: -1px;
2461 display: block;
2462 position: absolute;
2463 }
2464 .latepoint .customer-dashboard-tabs a.active {
2465 color: var(--latepoint-brand-primary);
2466 }
2467 .latepoint .customer-dashboard-tabs a.active:after {
2468 width: 100%;
2469 }
2470
2471 .customer-orders-tiles {
2472 display: grid;
2473 grid-gap: 30px;
2474 grid-template-columns: 1fr 1fr 1fr;
2475 }
2476 .customer-orders-tiles .customer-order {
2477 background: #FFFFFF;
2478 border: 1px solid #ddd;
2479 padding: 25px;
2480 color: #222;
2481 align-self: flex-start;
2482 position: relative;
2483 }
2484 .customer-orders-tiles .customer-order .customer-order-confirmation {
2485 font-size: 25px;
2486 font-weight: 600;
2487 color: #14161d;
2488 }
2489 .customer-orders-tiles .customer-order .customer-order-datetime {
2490 color: #7c85a3;
2491 font-size: 15px;
2492 margin-bottom: 20px;
2493 }
2494 .customer-orders-tiles .customer-order .summary-price-item-w.spi-total {
2495 border-top-width: 2px;
2496 }
2497 .customer-orders-tiles .customer-order .customer-order-bottom-actions {
2498 display: flex;
2499 gap: 20px;
2500 margin-top: 20px;
2501 padding-top: 20px;
2502 border-top: 1px solid #f1f1f1;
2503 }
2504
2505 .customer-bookings-tiles {
2506 display: grid;
2507 grid-gap: 30px;
2508 grid-template-columns: 1fr 1fr 1fr;
2509 margin-bottom: 40px;
2510 }
2511 .customer-bookings-tiles .new-booking-tile {
2512 border: 2px dotted color-mix(in srgb, var(--latepoint-brand-primary) 20%, transparent);
2513 opacity: 0.7;
2514 display: flex;
2515 flex-direction: column;
2516 text-align: center;
2517 color: var(--latepoint-brand-primary);
2518 position: relative;
2519 padding: 30px 20px;
2520 min-height: 100px;
2521 text-decoration: none !important;
2522 }
2523 .customer-bookings-tiles .new-booking-tile i, .customer-bookings-tiles .new-booking-tile span {
2524 display: block;
2525 }
2526 .customer-bookings-tiles .new-booking-tile i {
2527 margin-top: auto;
2528 font-size: 21px;
2529 }
2530 .customer-bookings-tiles .new-booking-tile span {
2531 margin-top: 15px;
2532 margin-bottom: auto;
2533 font-weight: 600;
2534 font-size: 21px;
2535 }
2536 .customer-bookings-tiles .new-booking-tile:hover {
2537 opacity: 1;
2538 border-color: var(--latepoint-brand-primary);
2539 border-style: solid;
2540 }
2541 .customer-bookings-tiles .new-booking-tile.os-loading {
2542 color: transparent;
2543 }
2544 .customer-bookings-tiles .new-booking-tile.os-loading:before {
2545 display: block;
2546 content: "";
2547 width: 30px !important;
2548 height: 30px !important;
2549 border-bottom: 2px solid var(--latepoint-brand-primary);
2550 border-left: 2px solid var(--latepoint-brand-primary);
2551 border-top: 2px solid var(--latepoint-brand-primary);
2552 border-right: 2px solid rgba(255, 255, 255, 0);
2553 border-radius: 20px;
2554 position: absolute;
2555 top: 50%;
2556 left: 50%;
2557 transform: translate(-50%, -50%);
2558 animation: os-loading 700ms infinite linear;
2559 background-color: transparent !important;
2560 }
2561 .customer-bookings-tiles .customer-booking {
2562 background: #FFFFFF;
2563 border: 1px solid #ddd;
2564 padding: 25px;
2565 color: #222;
2566 align-self: flex-start;
2567 position: relative;
2568 }
2569 .customer-bookings-tiles .customer-booking .bt-payment-actions {
2570 margin-top: 20px;
2571 padding-top: 20px;
2572 border-top: 1px solid #f1f1f1;
2573 }
2574 .customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-info {
2575 display: flex;
2576 align-items: center;
2577 }
2578 .customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-label {
2579 color: #7c85a3;
2580 }
2581 .customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-amount {
2582 margin-left: auto;
2583 font-weight: 600;
2584 color: #14161d;
2585 font-size: 21px;
2586 }
2587 .customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-pay-link {
2588 margin-left: auto;
2589 display: flex;
2590 padding-top: 5px;
2591 }
2592 .customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-pay-link a {
2593 font-size: 15px;
2594 text-decoration: none;
2595 margin-left: auto;
2596 color: var(--latepoint-brand-primary);
2597 border-bottom: 1px dotted var(--latepoint-brand-primary);
2598 display: inline-block;
2599 position: relative;
2600 }
2601 .customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-pay-link a:hover {
2602 border-bottom-style: solid;
2603 }
2604 .customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-pay-link a.os-loading {
2605 border-bottom-color: transparent;
2606 color: transparent;
2607 }
2608 .customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-pay-link a.os-loading:before {
2609 display: block;
2610 content: "";
2611 width: 15px !important;
2612 height: 15px !important;
2613 border-bottom: 2px solid var(--latepoint-brand-primary);
2614 border-left: 2px solid var(--latepoint-brand-primary);
2615 border-top: 2px solid var(--latepoint-brand-primary);
2616 border-right: 2px solid rgba(255, 255, 255, 0);
2617 border-radius: 20px;
2618 position: absolute;
2619 top: 50%;
2620 left: 50%;
2621 transform: translate(-50%, -50%);
2622 animation: os-loading 700ms infinite linear;
2623 background-color: transparent !important;
2624 }
2625 .customer-bookings-tiles h6.customer-booking-service-name {
2626 color: #14161d;
2627 padding-bottom: 5px;
2628 margin: 0px;
2629 text-align: left;
2630 text-transform: none;
2631 font-size: 21px;
2632 line-height: 1.2;
2633 }
2634 .customer-bookings-tiles .part-of-bundle-message {
2635 padding: 8px;
2636 background-color: #f1f3ff;
2637 margin-bottom: 15px;
2638 font-size: 12px;
2639 }
2640 .customer-bookings-tiles .part-of-bundle-message a {
2641 color: var(--latepoint-brand-primary);
2642 text-decoration: none;
2643 border-bottom: 1px dotted var(--latepoint-brand-primary);
2644 }
2645 .customer-bookings-tiles .customer-booking-datetime {
2646 margin-bottom: 10px;
2647 color: #14161d;
2648 }
2649 .customer-bookings-tiles .customer-booking-datetime span {
2650 color: #7c85a3;
2651 }
2652 .customer-bookings-tiles .customer-booking-service-color {
2653 height: 1px;
2654 background-color: #eee;
2655 }
2656 .customer-bookings-tiles .customer-booking-info {
2657 margin: 20px 0px;
2658 padding: 0px;
2659 font-size: 16px;
2660 }
2661 .customer-bookings-tiles .customer-booking-info .customer-booking-info-row {
2662 display: flex;
2663 margin: 10px 0px;
2664 }
2665 .customer-bookings-tiles .customer-booking-info .booking-info-label {
2666 flex: 0 1 80px;
2667 color: #7c85a3;
2668 }
2669 .customer-bookings-tiles .customer-booking-info .booking-info-value {
2670 font-weight: 600;
2671 }
2672 .customer-bookings-tiles .customer-booking-info .booking-info-value.status-approved, .customer-bookings-tiles .customer-booking-info .booking-info-value.status-pending, .customer-bookings-tiles .customer-booking-info .booking-info-value.status-cancelled {
2673 font-size: 13px;
2674 padding: 2px 5px;
2675 }
2676 .customer-bookings-tiles .customer-booking-info .booking-info-value.status-approved {
2677 background-color: #45b782;
2678 color: #fff;
2679 }
2680 .customer-bookings-tiles .customer-booking-info .booking-info-value.status-pending {
2681 background-color: #fde29f;
2682 color: #3a2f15;
2683 }
2684 .customer-bookings-tiles .customer-booking-info .booking-info-value.status-cancelled {
2685 background-color: #e63c26;
2686 color: #fff;
2687 }
2688 .customer-bookings-tiles .customer-booking-buttons {
2689 display: flex;
2690 gap: 20px;
2691 padding-bottom: 10px;
2692 }
2693 .customer-bookings-tiles .customer-booking-buttons .latepoint-btn {
2694 display: block;
2695 padding: 5px 0px;
2696 white-space: nowrap;
2697 font-size: 14px;
2698 }
2699 .customer-bookings-tiles .customer-booking-buttons .latepoint-btn i + span {
2700 margin-left: 4px;
2701 }
2702 .latepoint-customer-timezone-selector-w {
2703 position: relative;
2704 margin-top: -10px;
2705 }
2706 .latepoint-customer-timezone-selector-w.os-loading label {
2707 position: relative;
2708 }
2709 .latepoint-customer-timezone-selector-w.os-loading label:before {
2710 display: block;
2711 content: "";
2712 width: 12px !important;
2713 height: 12px !important;
2714 border-bottom: 2px solid var(--latepoint-body-color);
2715 border-left: 2px solid var(--latepoint-body-color);
2716 border-top: 2px solid var(--latepoint-body-color);
2717 border-right: 2px solid rgba(255, 255, 255, 0);
2718 border-radius: 20px;
2719 position: absolute;
2720 top: 50%;
2721 left: 50%;
2722 transform: translate(-50%, -50%);
2723 animation: os-loading 700ms infinite linear;
2724 background-color: transparent !important;
2725 right: auto;
2726 left: -15px;
2727 top: 50%;
2728 z-index: 9999;
2729 }
2730 .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group {
2731 display: flex;
2732 align-items: center;
2733 }
2734 .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group label {
2735 display: block !important;
2736 font-size: 16px;
2737 font-weight: 600;
2738 color: #7c85a3;
2739 white-space: nowrap;
2740 margin-right: 5px;
2741 margin-bottom: 0px;
2742 margin-left: auto;
2743 }
2744 .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group select.os-form-control {
2745 width: 240px;
2746 height: 34px !important;
2747 padding: 0px 3px !important;
2748 }
2749
2750 .customer-password-form-w {
2751 margin-top: 40px;
2752 }
2753
2754 .os-zoom-info-link {
2755 background-color: #eff5ff;
2756 border: 1px solid #bcc6f1;
2757 border-bottom-color: #a7b4ed;
2758 box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);
2759 display: flex;
2760 align-items: center;
2761 margin-top: 20px;
2762 font-weight: 600;
2763 }
2764 .os-zoom-info-link img {
2765 display: block;
2766 width: 20px;
2767 height: 20px;
2768 margin: 5px 10px;
2769 flex: 0;
2770 }
2771 .os-zoom-info-link a {
2772 flex: 1;
2773 font-size: 15px;
2774 display: block;
2775 padding: 10px 25px 10px 10px;
2776 position: relative;
2777 text-decoration: none;
2778 background-color: rgba(255, 255, 255, 0.3);
2779 white-space: nowrap;
2780 color: var(--latepoint-brand-primary);
2781 }
2782 .os-zoom-info-link a:hover {
2783 background-color: #fff;
2784 }
2785 .os-zoom-info-link a:before {
2786 font-family: "latepointIcons" !important;
2787 speak: none;
2788 font-style: normal;
2789 font-weight: normal;
2790 font-variant: normal;
2791 text-transform: none;
2792 line-height: 1;
2793 -webkit-font-smoothing: antialiased;
2794 -moz-osx-font-smoothing: grayscale;
2795 content: "\e904";
2796 position: absolute;
2797 top: 50%;
2798 right: 10px;
2799 font-size: 8px;
2800 transform: translateY(-50%);
2801 }
2802
2803 .customer-booking-bottom-actions {
2804 display: flex;
2805 align-items: center;
2806 gap: 20px;
2807 padding-top: 15px;
2808 margin-top: 10px;
2809 border-top: 1px solid #eee;
2810 justify-content: stretch;
2811 flex-wrap: wrap;
2812 }
2813 .customer-booking-bottom-actions .latepoint-btn {
2814 padding: 7px 10px;
2815 justify-content: center;
2816 align-items: center;
2817 white-space: nowrap;
2818 display: flex;
2819 }
2820 .customer-booking-bottom-actions > div {
2821 flex: 1;
2822 }
2823
2824 .reschedule-calendar-wrapper {
2825 /*!
2826 * Copyright (c) 2024 LatePoint LLC. All rights reserved.
2827 */
2828 }
2829 .reschedule-calendar-wrapper .os-weekdays {
2830 display: flex;
2831 align-items: center;
2832 }
2833 .reschedule-calendar-wrapper .os-weekdays .weekday {
2834 background-color: #f5f5f5;
2835 flex: 1;
2836 text-transform: uppercase;
2837 font-size: 20px;
2838 color: #adadae;
2839 font-weight: 600;
2840 letter-spacing: 2px;
2841 text-align: left;
2842 padding: 5px 0 0 15px;
2843 line-height: 1;
2844 border-left: 1px solid #ddd;
2845 }
2846 .reschedule-calendar-wrapper .os-weekdays .weekday:first-child {
2847 border-left-color: transparent;
2848 margin-left: 15px;
2849 padding-left: 0;
2850 }
2851 .reschedule-calendar-wrapper .os-current-month-label-w {
2852 position: relative;
2853 display: flex;
2854 justify-content: space-between;
2855 align-items: center;
2856 padding: 0 0 0 14px;
2857 }
2858 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-control-buttons-w {
2859 display: flex;
2860 gap: 15px;
2861 }
2862 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn,
2863 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn {
2864 border: none;
2865 font-size: 16px;
2866 background-color: transparent !important;
2867 box-shadow: none;
2868 outline: none;
2869 color: #111;
2870 margin: 0px;
2871 line-height: 1;
2872 vertical-align: middle;
2873 display: inline-block;
2874 cursor: pointer;
2875 padding: 5px;
2876 position: relative;
2877 }
2878 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn:focus-visible,
2879 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn:focus-visible {
2880 outline: 2px solid var(--latepoint-brand-primary) !important;
2881 }
2882 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn.os-loading,
2883 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.os-loading {
2884 color: transparent !important;
2885 }
2886 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn.os-loading span, .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn.os-loading i,
2887 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.os-loading span,
2888 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.os-loading i {
2889 color: transparent !important;
2890 }
2891 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn.os-loading:after,
2892 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.os-loading:after {
2893 display: block;
2894 content: "";
2895 width: 14px;
2896 height: 14px;
2897 border-bottom: 2px solid var(--latepoint-body-color);
2898 border-left: 2px solid var(--latepoint-body-color);
2899 border-top: 2px solid var(--latepoint-body-color);
2900 border-right: 2px solid rgba(0, 0, 0, 0);
2901 border-radius: 20px;
2902 position: absolute;
2903 top: 50%;
2904 left: 50%;
2905 transform: translate(-50%, -50%);
2906 animation: os-loading 700ms infinite linear;
2907 }
2908 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn:hover,
2909 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn:hover {
2910 color: var(--latepoint-brand-primary);
2911 }
2912 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn:focus,
2913 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn:focus {
2914 outline: none;
2915 }
2916 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn.disabled,
2917 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.disabled {
2918 color: rgba(0, 0, 0, 0.1);
2919 }
2920 .reschedule-calendar-wrapper .os-current-month-label-w .os-current-month-label {
2921 text-align: center;
2922 font-weight: 600;
2923 font-size: 17px;
2924 margin-bottom: 10px;
2925 color: var(--latepoint-body-color);
2926 display: flex;
2927 align-items: baseline;
2928 }
2929 .reschedule-calendar-wrapper .os-current-month-label-w .os-current-month-label .current-year {
2930 display: inline-block;
2931 vertical-align: middle;
2932 color: color-mix(in srgb, var(--latepoint-body-color) 40%, transparent);
2933 margin-left: 5px;
2934 }
2935 .reschedule-calendar-wrapper .os-current-month-label-w .os-current-month-label .current-month {
2936 display: inline-block;
2937 vertical-align: middle;
2938 font-size: 32px;
2939 }
2940 .reschedule-calendar-wrapper .os-monthly-calendar-days-w {
2941 display: none;
2942 }
2943 .reschedule-calendar-wrapper .os-monthly-calendar-days-w.active {
2944 display: block;
2945 }
2946 .reschedule-calendar-wrapper .os-monthly-calendar-days-w.hide-if-single-slot .os-day.os-one-slot-only .os-day-status {
2947 display: none;
2948 }
2949 .reschedule-calendar-wrapper .os-monthly-calendar-days-w.hide-if-single-slot .os-day.selected:after {
2950 font-family: "latepointIcons" !important;
2951 speak: none;
2952 font-style: normal;
2953 font-weight: normal;
2954 font-variant: normal;
2955 text-transform: none;
2956 line-height: 1;
2957 -webkit-font-smoothing: antialiased;
2958 -moz-osx-font-smoothing: grayscale;
2959 content: "\e903";
2960 background-color: var(--latepoint-brand-primary);
2961 box-shadow: 0px 0px 0px 2px #fff;
2962 border-radius: 50%;
2963 width: 14px;
2964 line-height: 14px;
2965 height: 14px;
2966 bottom: 50%;
2967 left: 50%;
2968 font-size: 10px;
2969 text-align: center;
2970 position: absolute;
2971 color: #fff;
2972 transform: translate(11px, -10px);
2973 }
2974 .reschedule-calendar-wrapper .step-datepicker-w {
2975 position: relative;
2976 }
2977 .reschedule-calendar-wrapper .step-datepicker-w .dp-capacity, .reschedule-calendar-wrapper .reschedule-calendar-datepicker .dp-capacity {
2978 position: absolute;
2979 top: 0;
2980 left: 15px;
2981 background-color: #111;
2982 padding: 4px 6px;
2983 color: #fff;
2984 font-weight: 600;
2985 display: none;
2986 white-space: nowrap;
2987 z-index: 9999;
2988 font-size: 15px;
2989 animation: 0.1s ease latepointAvailabilityPopup;
2990 animation-fill-mode: both;
2991 }
2992 .reschedule-calendar-wrapper .step-datepicker-w .time-selector-w:not(.style-timeline) .dp-timepicker-trigger:not(.selected):hover .dp-capacity, .reschedule-calendar-wrapper .reschedule-calendar-datepicker .time-selector-w:not(.style-timeline) .dp-timepicker-trigger:not(.selected):hover .dp-capacity {
2993 display: block;
2994 }
2995 .reschedule-calendar-wrapper .os-monthly-calendar-days {
2996 display: grid;
2997 grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
2998 }
2999 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day {
3000 text-align: left;
3001 font-size: 20px;
3002 font-weight: 600;
3003 cursor: pointer;
3004 position: relative;
3005 border-left: 1px solid rgba(0, 0, 0, 0.08);
3006 }
3007 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:nth-child(7n+1) {
3008 border-left-color: transparent;
3009 }
3010 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:focus {
3011 outline: none;
3012 }
3013 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:focus-visible {
3014 outline: 2px solid var(--latepoint-brand-primary);
3015 }
3016 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-next-month, .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-prev-month {
3017 color: #B7BCCB;
3018 background-color: #fff;
3019 }
3020 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available {
3021 cursor: not-allowed;
3022 }
3023 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box {
3024 background-color: transparent;
3025 }
3026 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-status {
3027 background-color: #f7f7f7;
3028 }
3029 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-number {
3030 color: #adadae;
3031 }
3032 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available.selected .os-day-box {
3033 background-color: #ec7376;
3034 }
3035 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available.selected .os-day-box .os-day-number {
3036 color: #fff;
3037 }
3038 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-passed .os-day-box {
3039 background-color: transparent;
3040 }
3041 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-passed .os-day-box .os-day-number {
3042 color: #bdc5da;
3043 }
3044 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-today.os-month-current .os-day-box .os-day-number {
3045 background-color: #fff0c7;
3046 }
3047 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-next, .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-prev {
3048 border-left-color: transparent;
3049 }
3050 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-next .os-day-box, .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-prev .os-day-box {
3051 pointer-events: none;
3052 background-color: transparent;
3053 }
3054 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-next .os-day-box .os-day-status, .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-prev .os-day-box .os-day-status {
3055 display: none;
3056 }
3057 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-next .os-day-box:hover, .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-prev .os-day-box:hover {
3058 opacity: 1;
3059 }
3060 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-next .os-day-box .os-day-number, .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-prev .os-day-box .os-day-number {
3061 color: transparent !important;
3062 }
3063 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day .os-day-box {
3064 padding: 15px 0px 15px 15px;
3065 position: relative;
3066 }
3067 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day .os-available-slots-tooltip {
3068 position: absolute;
3069 top: 0;
3070 left: 15px;
3071 background-color: #111;
3072 padding: 4px 6px;
3073 color: #fff;
3074 font-weight: 600;
3075 display: none;
3076 white-space: nowrap;
3077 z-index: 9999;
3078 font-size: 15px;
3079 animation: 0.1s ease latepointAvailabilityPopup;
3080 animation-fill-mode: both;
3081 }
3082 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:nth-child(7n) .os-available-slots-tooltip, .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:nth-child(7n+6) .os-available-slots-tooltip {
3083 left: auto;
3084 right: 0;
3085 }
3086 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day .os-day-number {
3087 color: #14161d;
3088 transition: all 0.1s ease;
3089 }
3090 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day .os-day-status {
3091 transition: all 0.1s ease;
3092 }
3093 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-prev, .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-next {
3094 cursor: default;
3095 }
3096 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-next {
3097 display: none;
3098 }
3099 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:hover .os-day-box .os-day-number {
3100 transform: scale(1.2);
3101 transform-origin: bottom left;
3102 white-space: nowrap;
3103 }
3104 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:hover .os-day-box:hover .os-available-slots-tooltip {
3105 display: block;
3106 }
3107 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:hover .os-day-status {
3108 height: 10px;
3109 }
3110 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box {
3111 background-color: var(--latepoint-brand-primary);
3112 border-color: transparent;
3113 color: #fff;
3114 opacity: 1;
3115 padding-left: 0;
3116 }
3117 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box .os-day-number {
3118 background-color: transparent;
3119 color: #fff;
3120 transform: scale(1.2);
3121 transform-origin: center center;
3122 text-align: center;
3123 }
3124 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box .os-day-status {
3125 display: none;
3126 }
3127 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box:hover .os-available-slots-tooltip {
3128 display: none;
3129 }
3130 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next).os-today .os-day-box .os-day-number {
3131 background-color: transparent;
3132 }
3133 .reschedule-calendar-wrapper .os-day-status {
3134 margin: 0px;
3135 height: 6px;
3136 position: absolute;
3137 border-radius: 0px;
3138 overflow: hidden;
3139 bottom: 6px;
3140 left: 15px;
3141 right: 0px;
3142 background-color: #e6e9ef;
3143 }
3144 .reschedule-calendar-wrapper .os-day-status .day-available {
3145 background-color: #8fe286;
3146 top: 0px;
3147 bottom: 0px;
3148 position: absolute;
3149 z-index: 1;
3150 min-width: 3px;
3151 }
3152 .reschedule-calendar-wrapper .times-header {
3153 color: #16171d;
3154 font-size: 17px;
3155 font-weight: 400;
3156 text-align: center;
3157 padding-bottom: 10px;
3158 }
3159 .reschedule-calendar-wrapper .times-header span {
3160 color: var(--latepoint-brand-primary);
3161 border-bottom: 1px dotted var(--latepoint-brand-primary);
3162 }
3163 .reschedule-calendar-wrapper .os-calendar-searching-info {
3164 padding-left: 35px;
3165 font-size: 15px;
3166 position: relative;
3167 font-weight: 600;
3168 display: none;
3169 }
3170 .reschedule-calendar-wrapper .os-calendar-searching-info:before {
3171 display: block;
3172 content: "";
3173 width: 20px !important;
3174 height: 20px !important;
3175 border-bottom: 2px solid var(--latepoint-brand-primary);
3176 border-left: 2px solid var(--latepoint-brand-primary);
3177 border-top: 2px solid var(--latepoint-brand-primary);
3178 border-right: 2px solid rgba(255, 255, 255, 0);
3179 border-radius: 20px;
3180 position: absolute;
3181 top: 50%;
3182 left: 50%;
3183 transform: translate(-50%, -50%);
3184 animation: os-loading 700ms infinite linear;
3185 background-color: transparent !important;
3186 left: 10px;
3187 }
3188 .reschedule-calendar-wrapper .os-dates-w {
3189 margin: 0 0 0 -15px;
3190 }
3191 .reschedule-calendar-wrapper .os-dates-w.is-searching .os-calendar-searching-info {
3192 display: block;
3193 }
3194 .reschedule-calendar-wrapper .os-dates-w.is-searching .os-calendar-while-searching-wrapper {
3195 display: none;
3196 }
3197 .reschedule-calendar-wrapper .os-times-w {
3198 position: relative;
3199 }
3200 .reschedule-calendar-wrapper .timeslots {
3201 display: flex;
3202 justify-content: space-between;
3203 }
3204 .reschedule-calendar-wrapper .timeslots .not-working-message {
3205 flex: 1;
3206 padding: 3px 5px;
3207 text-align: center;
3208 background-color: #f7e8e8;
3209 color: #752f2f;
3210 font-weight: 600;
3211 }
3212 .reschedule-calendar-wrapper .dp-timebox {
3213 white-space: nowrap;
3214 text-align: center;
3215 padding: 6px 3px;
3216 line-height: 1.2;
3217 background-color: #d6ffd1;
3218 font-size: 15px;
3219 color: #14161d;
3220 cursor: pointer;
3221 font-weight: 600;
3222 position: relative;
3223 width: auto !important;
3224 max-width: none !important;
3225 }
3226 .reschedule-calendar-wrapper .dp-timebox:focus {
3227 outline: none;
3228 box-shadow: none;
3229 }
3230 .reschedule-calendar-wrapper .dp-timebox:focus-visible {
3231 outline: 2px solid var(--latepoint-brand-primary);
3232 }
3233 .reschedule-calendar-wrapper .dp-timebox .dp-tick,
3234 .reschedule-calendar-wrapper .dp-timebox .dp-success-label {
3235 display: none !important;
3236 }
3237 .reschedule-calendar-wrapper .dp-timebox:hover {
3238 background-color: #c0fbb8;
3239 }
3240 .reschedule-calendar-wrapper .dp-timebox.is-off, .reschedule-calendar-wrapper .dp-timebox.is-booked {
3241 color: #b3b3b3;
3242 background-color: #f7f7f7;
3243 box-shadow: none;
3244 cursor: not-allowed;
3245 }
3246 .reschedule-calendar-wrapper .dp-timebox.selected {
3247 background-color: var(--latepoint-brand-primary);
3248 color: #fff;
3249 box-shadow: none;
3250 }
3251 .reschedule-calendar-wrapper .dp-timebox.selected:after {
3252 font-family: "latepointIcons" !important;
3253 speak: none;
3254 font-style: normal;
3255 font-weight: normal;
3256 font-variant: normal;
3257 text-transform: none;
3258 line-height: 1;
3259 -webkit-font-smoothing: antialiased;
3260 -moz-osx-font-smoothing: grayscale;
3261 content: "\e903";
3262 background-color: var(--latepoint-brand-primary);
3263 box-shadow: 0px 0px 0px 2px #fff;
3264 border-radius: 50%;
3265 width: 14px;
3266 line-height: 14px;
3267 height: 14px;
3268 top: -5px;
3269 right: -5px;
3270 font-size: 10px;
3271 text-align: center;
3272 position: absolute;
3273 color: #fff;
3274 animation: 0.2s ease 0s selectedSlotCheckmark;
3275 animation-fill-mode: both;
3276 }
3277 .reschedule-calendar-wrapper .time-selector-w {
3278 display: none;
3279 margin-top: 20px;
3280 margin-left: -2px;
3281 margin-right: -2px;
3282 }
3283 .reschedule-calendar-wrapper .time-selector-w.hide-not-available-slots .dp-timebox.is-off, .reschedule-calendar-wrapper .time-selector-w.hide-not-available-slots .dp-timebox.is-booked {
3284 display: none;
3285 }
3286 .reschedule-calendar-wrapper .time-selector-w .th-timezone {
3287 text-transform: uppercase;
3288 font-size: 10px;
3289 letter-spacing: 0.5px;
3290 margin-top: 4px;
3291 }
3292 .reschedule-calendar-wrapper .time-selector-w .th-timezone strong {
3293 color: #7c85a3;
3294 }
3295 .reschedule-calendar-wrapper .time-selector-w.style-timebox {
3296 margin-top: 20px;
3297 }
3298 .reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots {
3299 display: grid;
3300 grid-template-columns: repeat(2, 1fr);
3301 grid-gap: 10px;
3302 }
3303 .reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots.slots-not-available {
3304 grid-template-columns: repeat(1, 1fr) !important;
3305 }
3306 .reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots .not-working-message {
3307 border-radius: 4px;
3308 padding: 6px;
3309 }
3310 .reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots .dp-timebox .dp-label-capacity {
3311 display: none;
3312 }
3313 .reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots .dp-timebox.is-off {
3314 display: none;
3315 }
3316 .reschedule-calendar-wrapper .time-selector-w.style-timebox .times-header {
3317 display: flex;
3318 align-items: center;
3319 margin-bottom: 10px;
3320 padding-top: 10px;
3321 }
3322 .reschedule-calendar-wrapper .time-selector-w.style-timebox .times-header .times-header-label {
3323 flex: 1;
3324 margin: 0px 15px;
3325 white-space: nowrap;
3326 font-weight: 600;
3327 }
3328 .reschedule-calendar-wrapper .time-selector-w.style-timebox .times-header .th-line {
3329 height: 1px;
3330 flex: 1;
3331 background-color: rgba(0, 0, 0, 0.1);
3332 content: "";
3333 }
3334 .reschedule-calendar-wrapper .time-selector-w.style-timeline {
3335 padding-bottom: 30px;
3336 flex-wrap: nowrap;
3337 }
3338 .reschedule-calendar-wrapper .time-selector-w.with-end-time.time-system-12 .timeslots {
3339 grid-template-columns: repeat(2, 1fr);
3340 }
3341 .reschedule-calendar-wrapper .time-selector-w.with-end-time.time-system-12 .dp-timebox span.dp-label-end-time {
3342 opacity: 0.7;
3343 }
3344 .reschedule-calendar-wrapper .time-selector-w.with-end-time.time-system-24 .timeslots {
3345 grid-template-columns: repeat(3, 1fr);
3346 }
3347 .reschedule-calendar-wrapper .time-selector-w.with-end-time.time-system-24 .dp-timebox span.dp-label-end-time {
3348 opacity: 0.7;
3349 }
3350 .reschedule-calendar-wrapper .time-selector-w.without-end-time.time-system-12 .timeslots {
3351 grid-template-columns: repeat(4, 1fr);
3352 }
3353 .reschedule-calendar-wrapper .time-selector-w.without-end-time.time-system-24 .timeslots {
3354 grid-template-columns: repeat(5, 1fr);
3355 }
3356 .reschedule-calendar-wrapper .dp-timeslot {
3357 height: 24px;
3358 flex-grow: 1;
3359 margin: 0px;
3360 box-shadow: inset 1px 0px 0px 0px #fff, inset -1px 0px 0px 0px #fff;
3361 border-radius: 0px;
3362 position: relative;
3363 cursor: pointer;
3364 background-color: #8fe286;
3365 }
3366 .reschedule-calendar-wrapper .dp-timeslot:focus-visible {
3367 outline: 2px solid var(--latepoint-brand-primary);
3368 }
3369 .reschedule-calendar-wrapper .dp-timeslot .dp-tick {
3370 position: absolute;
3371 display: block;
3372 top: 34px;
3373 left: 50%;
3374 transform: translateX(-50%);
3375 font-size: 8px;
3376 text-align: center;
3377 color: rgba(0, 0, 0, 0.4);
3378 text-transform: uppercase;
3379 line-height: 1.4;
3380 font-weight: 600;
3381 letter-spacing: 1px;
3382 }
3383 .reschedule-calendar-wrapper .dp-timeslot .dp-tick strong {
3384 display: block;
3385 color: rgb(0, 0, 0);
3386 font-size: 11px;
3387 line-height: 1;
3388 letter-spacing: 0px;
3389 white-space: nowrap;
3390 }
3391 .reschedule-calendar-wrapper .dp-timeslot .dp-success-label {
3392 color: rgba(255, 255, 255, 0.8);
3393 display: block;
3394 text-align: center;
3395 margin-bottom: 4px;
3396 text-transform: uppercase;
3397 letter-spacing: 1px;
3398 font-size: 10px;
3399 }
3400 .reschedule-calendar-wrapper .dp-timeslot .dp-label {
3401 display: none;
3402 text-align: center;
3403 padding: 7px 8px 7px 8px;
3404 line-height: 1;
3405 background-color: #04bb03;
3406 color: #fff;
3407 font-size: 12px;
3408 font-weight: 600;
3409 position: absolute;
3410 left: 50%;
3411 top: -8px;
3412 transform: translate(-50%, -100%);
3413 white-space: nowrap;
3414 transition: all 0.2s ease;
3415 z-index: 10;
3416 }
3417 .reschedule-calendar-wrapper .dp-timeslot .dp-label-capacity {
3418 display: block;
3419 color: rgba(255, 255, 255, 0.8);
3420 text-align: center;
3421 margin-bottom: 4px;
3422 text-transform: uppercase;
3423 letter-spacing: 1px;
3424 font-size: 10px;
3425 }
3426 .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked), .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off) {
3427 background-color: var(--latepoint-brand-primary);
3428 z-index: 4;
3429 }
3430 .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked) .dp-label-capacity, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off) .dp-label-capacity {
3431 display: none;
3432 }
3433 .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked):hover, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off):hover {
3434 background-color: var(--latepoint-brand-primary);
3435 }
3436 .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked):after, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off):after {
3437 content: "";
3438 position: absolute;
3439 width: 1px;
3440 left: 50%;
3441 transform: translateX(-50%);
3442 top: 0px;
3443 bottom: 0px;
3444 background-color: var(--latepoint-brand-primary);
3445 display: none;
3446 }
3447 .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked) .dp-label, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off) .dp-label {
3448 top: -3px;
3449 background-color: var(--latepoint-brand-primary);
3450 color: #fff;
3451 display: block;
3452 }
3453 .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked):before, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off):before {
3454 background-color: var(--latepoint-brand-primary);
3455 display: block;
3456 width: 10px;
3457 height: 10px;
3458 transform: translateX(-50%) rotate(45deg);
3459 top: -12px;
3460 left: 50%;
3461 }
3462 .reschedule-calendar-wrapper .dp-timeslot.is-booked {
3463 background-color: #e6e9ef;
3464 margin: 0px;
3465 cursor: not-allowed;
3466 }
3467 .reschedule-calendar-wrapper .dp-timeslot.is-booked:before {
3468 background-color: #E42806;
3469 }
3470 .reschedule-calendar-wrapper .dp-timeslot.is-booked .dp-label {
3471 background-color: #E42806;
3472 }
3473 .reschedule-calendar-wrapper .dp-timeslot.is-booked:hover {
3474 background-color: #E42806;
3475 }
3476 .reschedule-calendar-wrapper .dp-timeslot.is-off {
3477 background-color: #e6e9ef;
3478 margin: 0px;
3479 border-color: #fff;
3480 max-width: 25%;
3481 cursor: not-allowed;
3482 }
3483 .reschedule-calendar-wrapper .dp-timeslot.is-off:before {
3484 background-color: #E42806;
3485 }
3486 .reschedule-calendar-wrapper .dp-timeslot.is-off .dp-label {
3487 background-color: #E42806;
3488 }
3489 .reschedule-calendar-wrapper .dp-timeslot.is-off:hover {
3490 background-color: #e6e9ef;
3491 }
3492 .reschedule-calendar-wrapper .dp-timeslot.is-off:hover .dp-label {
3493 display: none;
3494 }
3495 .reschedule-calendar-wrapper .dp-timeslot.with-tick:after {
3496 content: "";
3497 position: absolute;
3498 width: 1px;
3499 left: 50%;
3500 height: 3px;
3501 bottom: -7px;
3502 background-color: rgba(0, 0, 0, 0.4);
3503 }
3504 .reschedule-calendar-wrapper .dp-timeslot:hover {
3505 background-color: #04bb03;
3506 }
3507 .reschedule-calendar-wrapper .dp-timeslot:hover:before {
3508 top: 0px;
3509 }
3510 .reschedule-calendar-wrapper .dp-timeslot:hover .dp-label {
3511 display: block;
3512 }
3513 .reschedule-calendar-wrapper .os-weekdays {
3514 margin-top: 15px;
3515 border-top: 1px solid #f8f8f8;
3516 padding-top: 15px;
3517 }
3518 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn {
3519 right: 0;
3520 }
3521 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn {
3522 left: 0;
3523 }
3524 .reschedule-calendar-wrapper .os-current-month-label-w .os-current-month-label {
3525 margin: 0;
3526 }
3527
3528 .latepoint-lightbox-w .reschedule-confirmation-wrapper {
3529 text-align: center;
3530 }
3531 .latepoint-lightbox-w .reschedule-confirmation-wrapper .icon-w {
3532 margin-bottom: 20px;
3533 }
3534 .latepoint-lightbox-w .reschedule-confirmation-wrapper .icon-w i {
3535 background: #d1ffdd;
3536 padding: 15px;
3537 border-radius: 40px;
3538 color: #18a35b;
3539 font-size: 28px;
3540 display: inline-block;
3541 }
3542 .latepoint-lightbox-w .reschedule-confirmation-wrapper h2 {
3543 margin: 0;
3544 font-size: 32px;
3545 color: #14161d;
3546 }
3547 .latepoint-lightbox-w .reschedule-confirmation-wrapper .desc {
3548 font-size: 20px;
3549 margin-bottom: 30px;
3550 color: #7c85a3;
3551 }
3552 .latepoint-lightbox-w .reschedule-confirmation-wrapper .rescheduled-date-time-info .info-label {
3553 color: #7c85a3;
3554 margin-bottom: 5px;
3555 font-size: 17px;
3556 }
3557 .latepoint-lightbox-w .reschedule-confirmation-wrapper .rescheduled-date-time-info .info-value {
3558 font-weight: 600;
3559 font-size: 17px;
3560 }
3561
3562 .bundle-services .bundle-included-service-wrapper {
3563 display: flex;
3564 padding: 10px 0;
3565 font-size: 15px;
3566 justify-content: space-between;
3567 }
3568 .bundle-services .bundle-included-service-wrapper .bundle-included-service-name {
3569 color: #7c85a3;
3570 }
3571 .bundle-services .bundle-included-service-wrapper .bundle-included-service-quantity {
3572 font-weight: 600;
3573 }
3574 .bundle-services .bundle-included-service-wrapper + .bundle-included-service-wrapper {
3575 border-top: 1px solid #f1f1f1;
3576 }
3577
3578 .customer-bundle-tile {
3579 color: #222;
3580 align-self: flex-start;
3581 position: relative;
3582 }
3583 .customer-bundle-tile .customer-bundle-tile-inner {
3584 background: #FFFFFF;
3585 border: 1px solid #ddd;
3586 border-bottom-color: #ccc;
3587 box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
3588 padding: 25px;
3589 position: relative;
3590 z-index: 3;
3591 }
3592 .customer-bundle-tile .customer-bundle-tile-shadow {
3593 z-index: 2;
3594 position: absolute;
3595 left: 6px;
3596 right: 6px;
3597 bottom: -5px;
3598 height: 10px;
3599 box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
3600 background-color: #fff;
3601 }
3602 .customer-bundle-tile .customer-bundle-tile-shadow + .customer-bundle-tile-shadow {
3603 bottom: -11px;
3604 z-index: 1;
3605 left: 12px;
3606 right: 12px;
3607 box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
3608 }
3609 .customer-bundle-tile .bundle-main-info-wrapper {
3610 display: flex;
3611 justify-content: space-between;
3612 padding-bottom: 35px;
3613 border-bottom: 1px solid #f1f1f1;
3614 align-items: flex-start;
3615 }
3616 .customer-bundle-tile .bundle-main-info-wrapper .bundle-icon {
3617 padding: 10px;
3618 line-height: 20px;
3619 font-size: 20px;
3620 background-color: color-mix(in srgb, var(--latepoint-brand-primary) 10%, transparent);
3621 border-radius: 30px;
3622 color: var(--latepoint-brand-primary);
3623 }
3624 .customer-bundle-tile .bundle-main-info-wrapper .bundle-icon i {
3625 display: block;
3626 }
3627 .customer-bundle-tile .bundle-name {
3628 color: #14161d;
3629 padding-bottom: 5px;
3630 margin: 0px;
3631 text-align: left;
3632 text-transform: none;
3633 font-size: 21px;
3634 line-height: 1.2;
3635 }
3636 .customer-bundle-tile .bundle-order-info a {
3637 color: var(--latepoint-brand-primary);
3638 border-bottom: 1px dotted var(--latepoint-brand-primary);
3639 text-decoration: none;
3640 }
3641 .customer-bundle-tile .customer-bundle-bottom-actions {
3642 display: flex;
3643 align-items: center;
3644 gap: 20px;
3645 padding-top: 25px;
3646 border-top: 1px solid #eee;
3647 justify-content: stretch;
3648 }
3649 .customer-bundle-tile .customer-bundle-bottom-actions .latepoint-btn {
3650 padding: 7px 10px;
3651 }
3652 .latepoint-customer-bundle-scheduling-summary {
3653 padding: 30px;
3654 }
3655 .latepoint-customer-bundle-scheduling-summary .summary-box.main-box {
3656 padding: 0;
3657 display: block;
3658 }
3659 .latepoint-customer-bundle-scheduling-summary .summary-box .sbc-big-item {
3660 font-size: 27px;
3661 }
3662 .latepoint-customer-bundle-scheduling-summary .summary-box .sbc-subtle-item {
3663 display: none;
3664 }
3665 .latepoint-customer-bundle-scheduling-summary .bundle-order-small-info a {
3666 color: var(--latepoint-brand-primary);
3667 text-decoration: none;
3668 border-bottom: 1px dotted var(--latepoint-brand-primary);
3669 }
3670 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown {
3671 border-top: 1px solid #f1f1f1;
3672 padding-top: 15px;
3673 margin-top: 20px;
3674 }
3675 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-cancelled-bookings-wrapper .order-item-cancelled-bookings-heading {
3676 padding-top: 5px;
3677 padding-bottom: 5px;
3678 color: #7c85a3;
3679 }
3680 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-cancelled-bookings-wrapper:not(:last-child) {
3681 margin-bottom: 20px;
3682 }
3683 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .bundle-service-info {
3684 margin-bottom: 10px;
3685 color: #7c85a3;
3686 }
3687 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking + .bundle-service-info {
3688 margin-top: 20px;
3689 }
3690 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking {
3691 display: flex;
3692 gap: 8px;
3693 align-items: center;
3694 margin-bottom: 10px;
3695 padding: 8px;
3696 border: 1px dotted #aaa;
3697 cursor: pointer;
3698 position: relative;
3699 }
3700 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking:hover {
3701 border: 1px solid var(--latepoint-brand-primary);
3702 }
3703 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.os-loading:before {
3704 display: block;
3705 content: "";
3706 width: 14px !important;
3707 height: 14px !important;
3708 border-bottom: 2px solid var(--latepoint-brand-primary);
3709 border-left: 2px solid var(--latepoint-brand-primary);
3710 border-top: 2px solid var(--latepoint-brand-primary);
3711 border-right: 2px solid rgba(255, 255, 255, 0);
3712 border-radius: 20px;
3713 position: absolute;
3714 top: 50%;
3715 left: 50%;
3716 transform: translate(-50%, -50%);
3717 animation: os-loading 700ms infinite linear;
3718 background-color: transparent !important;
3719 left: auto;
3720 right: 0px;
3721 }
3722 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.os-loading .bib-icon {
3723 color: transparent;
3724 }
3725 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking .bib-icon {
3726 margin-left: auto;
3727 font-size: 10px;
3728 }
3729 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking .booking-item-status-pill {
3730 width: 15px;
3731 height: 15px;
3732 background-color: #eee;
3733 }
3734 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked {
3735 border: 1px solid #ddd;
3736 border-bottom-color: #bbb;
3737 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
3738 color: #14161d;
3739 }
3740 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked:hover {
3741 box-shadow: none;
3742 border-color: var(--latepoint-brand-primary);
3743 }
3744 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked .booking-item-status-pill {
3745 background-color: #bcd96e;
3746 }
3747 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked.is-past .booking-item-status-pill {
3748 background-color: #d9eba6;
3749 }
3750 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked.bundle-booking-status-pending .booking-item-status-pill {
3751 background-color: #fad277;
3752 }
3753 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked.bundle-booking-status-cancelled .booking-item-status-pill {
3754 background-color: #fa7b77;
3755 }
3756 .latepoint-customer-bundle-scheduling-summary .bookable-items {
3757 display: none;
3758 gap: 5px;
3759 margin-top: 20px;
3760 }
3761 .latepoint-customer-bundle-scheduling-summary .bookable-items .bookable-item {
3762 flex: 1;
3763 border-radius: 2px;
3764 background-color: #eee;
3765 height: 6px;
3766 }
3767 .latepoint-customer-bundle-scheduling-summary .bookable-items .bookable-item.is-past.is-booked {
3768 background-color: #bcd96e;
3769 }
3770 .latepoint-customer-bundle-scheduling-summary .bookable-items .bookable-item.is-booked {
3771 background-color: #d9eba6;
3772 }
3773
3774 .latepoint-transaction-payment-form {
3775 position: relative;
3776 }
3777 .latepoint-transaction-payment-form .lp-payment-charge-amount {
3778 background-color: #fbf6e1;
3779 color: #877865;
3780 margin-bottom: 20px;
3781 padding: 15px;
3782 text-align: center;
3783 }
3784 .latepoint-transaction-payment-form .lp-payment-charge-amount strong {
3785 color: #000;
3786 }
3787 .latepoint-transaction-payment-form .latepoint-lightbox-footer {
3788 display: flex;
3789 align-items: center;
3790 gap: 10px;
3791 justify-content: space-between;
3792 }
3793 .latepoint-transaction-payment-form .latepoint-lightbox-footer .latepoint-btn-primary {
3794 margin-left: auto;
3795 }
3796 .latepoint-transaction-payment-form .latepoint-lightbox-footer .latepoint-btn.latepoint-btn-block {
3797 flex: 1;
3798 }
3799 .latepoint-transaction-payment-form.os-loading .latepoint-lightbox-footer {
3800 display: none;
3801 }
3802 .entry-content a, .entry-summary a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {
3803 box-shadow: none;
3804 }
3805
3806 .os_trigger_booking {
3807 cursor: pointer;
3808 }
3809
3810 .latepoint-step-svg-highlight {
3811 fill: #020202;
3812 }
3813
3814 .latepoint-step-svg-base {
3815 fill: #020202;
3816 }
3817
3818 .latepoint-w {
3819 line-height: 1.3;
3820 max-width: initial !important;
3821 }
3822 .latepoint-w strong, .latepoint-w b {
3823 font-weight: 600;
3824 }
3825 .latepoint-w ul li {
3826 list-style: none;
3827 }
3828
3829 .latepoint-book-form-wrapper.os-loading .latepoint-form-w {
3830 min-height: 300px;
3831 }
3832 .latepoint-book-form-wrapper.os-loading .latepoint-form-w:before {
3833 display: block;
3834 content: "";
3835 width: 40px !important;
3836 height: 40px !important;
3837 border-bottom: 2px solid var(--latepoint-brand-primary);
3838 border-left: 2px solid var(--latepoint-brand-primary);
3839 border-top: 2px solid var(--latepoint-brand-primary);
3840 border-right: 2px solid rgba(255, 255, 255, 0);
3841 border-radius: 20px;
3842 position: absolute;
3843 top: 50%;
3844 left: 50%;
3845 transform: translate(-50%, -50%);
3846 animation: os-loading 700ms infinite linear;
3847 background-color: transparent !important;
3848 }
3849
3850 .latepoint-w .slot-not-available-wrapper {
3851 text-align: center;
3852 padding: 50px;
3853 width: 400px;
3854 position: relative;
3855 }
3856 .latepoint-w .slot-not-available-wrapper .latepoint-lightbox-close {
3857 position: absolute;
3858 top: 10px;
3859 right: 10px;
3860 line-height: 1;
3861 font-size: 18px;
3862 padding: 5px;
3863 cursor: pointer;
3864 }
3865 .latepoint-w .slot-not-available-wrapper .latepoint-lightbox-close:hover {
3866 background-color: #f7f7f7;
3867 }
3868 .latepoint-w .slot-not-available-wrapper .icon-w {
3869 margin-bottom: 20px;
3870 }
3871 .latepoint-w .slot-not-available-wrapper .icon-w i {
3872 background: #ffd1d1;
3873 padding: 15px;
3874 border-radius: 40px;
3875 color: #a31818;
3876 font-size: 28px;
3877 display: inline-block;
3878 }
3879 .latepoint-w .slot-not-available-wrapper h2 {
3880 margin: 0 0 10px 0;
3881 font-size: 20px;
3882 color: #14161d;
3883 line-height: 1.2;
3884 }
3885 .latepoint-w .slot-not-available-wrapper .desc {
3886 font-size: 17px;
3887 margin-bottom: 20px;
3888 }
3889 .latepoint-w .slot-not-available-wrapper .booking-date-time-info .info-label {
3890 color: #7c85a3;
3891 margin-bottom: 5px;
3892 }
3893 .latepoint-w .slot-not-available-wrapper .booking-date-time-info .info-value {
3894 font-weight: 600;
3895 }
3896 .latepoint-w.latepoint-lightbox-form {
3897 max-height: 100%;
3898 display: flex;
3899 overflow: hidden;
3900 }
3901 .latepoint-w.latepoint-inline-form {
3902 margin: 20px 0;
3903 display: flex;
3904 }
3905 .latepoint-w.latepoint-inline-form .latepoint-booking-form-element {
3906 box-shadow: 0 10px 30px 0 rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6);
3907 margin: 0px auto;
3908 }
3909 .latepoint-w.latepoint-inline-form .latepoint-booking-form-element .latepoint-lightbox-close {
3910 display: none !important;
3911 }
3912 .latepoint-w.latepoint-inline-form .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
3913 font-size: 20px;
3914 }
3915 .latepoint-w.latepoint-inline-form .latepoint-booking-form-element .latepoint-heading-w {
3916 text-align: center;
3917 }
3918 .latepoint-w.latepoint-inline-form .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
3919 max-height: inherit;
3920 }
3921 .latepoint-w.latepoint-with-summary .latepoint-lightbox-i {
3922 transition: all 0.4s cubic-bezier(0.05, 0.45, 0.1, 1);
3923 }
3924 .latepoint-w.latepoint-with-summary .latepoint-booking-form-element {
3925 transition: all 0.4s cubic-bezier(0.05, 0.45, 0.1, 1);
3926 }
3927 .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-progress {
3928 display: none;
3929 }
3930 .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .latepoint-side-panel {
3931 display: none;
3932 }
3933 .latepoint-w .latepoint-booking-form-element {
3934 display: flex;
3935 align-items: stretch;
3936 position: relative;
3937 }
3938 .latepoint-w .latepoint-booking-form-element[class*=current-step-payment__] .latepoint-summary-w .checkout-from-summary-panel-btn-wrapper {
3939 display: none;
3940 }
3941 .latepoint-w .latepoint-booking-form-element[class*=current-step-payment__] .latepoint-summary-w .summary-box .summary-box-content .os-remove-item-from-cart {
3942 display: none;
3943 }
3944 .latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary {
3945 text-align: right;
3946 }
3947 .latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger {
3948 display: inline-flex;
3949 align-items: center;
3950 gap: 5px;
3951 color: var(--latepoint-brand-primary);
3952 font-weight: 600;
3953 font-size: 13px;
3954 line-height: 1.5;
3955 cursor: pointer;
3956 }
3957 .latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger:focus-visible {
3958 outline: 2px solid var(--latepoint-brand-primary);
3959 }
3960 .latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger span {
3961 border-bottom: 1px dotted var(--latepoint-brand-primary);
3962 }
3963 .latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger div + div {
3964 margin: 0 auto;
3965 }
3966 .latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger .latepoint-icon {
3967 font-size: 13px;
3968 }
3969 .latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger:hover span {
3970 border-bottom-style: solid;
3971 }
3972 .latepoint-w .latepoint-booking-form-element h1, .latepoint-w .latepoint-booking-form-element h2, .latepoint-w .latepoint-booking-form-element h3, .latepoint-w .latepoint-booking-form-element h4, .latepoint-w .latepoint-booking-form-element h5 {
3973 color: var(--latepoint-headings-color);
3974 }
3975 .latepoint-w .latepoint-booking-form-element a {
3976 text-decoration: none;
3977 }
3978 .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w {
3979 display: block;
3980 }
3981 .latepoint-w .latepoint-booking-form-element.current-step-confirmation .latepoint-form-w .latepoint-heading-w {
3982 border-bottom: none;
3983 position: fixed;
3984 top: 10px;
3985 right: 10px;
3986 z-index: 99999;
3987 padding: 0;
3988 }
3989 .latepoint-w .latepoint-booking-form-element.current-step-confirmation .latepoint-form-w .latepoint-heading-w .os-heading-text {
3990 display: none;
3991 }
3992 .latepoint-w .latepoint-booking-form-element.current-step-confirmation .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
3993 margin-left: 0;
3994 padding: 5px;
3995 }
3996 .latepoint-w .latepoint-booking-form-element .latepoint-progress {
3997 text-align: center;
3998 color: #7c85a3;
3999 font-size: 15px;
4000 padding-top: 15px;
4001 margin-bottom: 30px;
4002 display: none;
4003 }
4004 .latepoint-w .latepoint-booking-form-element .latepoint-progress ul {
4005 list-style: none;
4006 margin: 0px auto;
4007 padding: 0px;
4008 text-align: center;
4009 justify-content: center;
4010 display: flex;
4011 gap: 10px;
4012 }
4013 .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li {
4014 display: block;
4015 flex: 0;
4016 margin: 0px;
4017 padding: 0px;
4018 }
4019 .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item {
4020 height: 5px;
4021 width: 5px;
4022 background-color: rgba(0, 0, 0, 0.07);
4023 display: block;
4024 color: #7c85a3;
4025 text-decoration: none;
4026 position: relative;
4027 box-shadow: none;
4028 font-weight: 600;
4029 font-size: 13px;
4030 }
4031 .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item span {
4032 position: absolute;
4033 display: block;
4034 left: 50%;
4035 top: -5px;
4036 transform: translate(-50%, -150%);
4037 display: inline-block;
4038 background-color: var(--latepoint-brand-primary);
4039 color: #fff;
4040 padding: 3px 6px;
4041 line-height: 1.1;
4042 visibility: hidden;
4043 opacity: 0;
4044 transition: all 0.2s ease;
4045 white-space: nowrap;
4046 }
4047 .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item:hover {
4048 background-color: rgba(0, 0, 0, 0.15);
4049 }
4050 .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item:hover span {
4051 opacity: 1;
4052 transform: translate(-50%, -105%);
4053 visibility: visible;
4054 }
4055 .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li.active .progress-item, .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li.complete .progress-item {
4056 background-color: color-mix(in srgb, var(--latepoint-brand-primary) 20%, transparent);
4057 }
4058 .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li.active .progress-item:hover, .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li.complete .progress-item:hover {
4059 background-color: var(--latepoint-brand-primary);
4060 }
4061 .latepoint-w .latepoint-booking-form-element .info-box {
4062 background-color: #FFF3CB;
4063 margin-top: 20px;
4064 padding: 10px;
4065 font-size: 13px;
4066 color: #4e4841;
4067 }
4068 .latepoint-w .latepoint-booking-form-element .info-box .info-box-buttons {
4069 margin-top: 10px;
4070 }
4071 .latepoint-w .latepoint-booking-form-element .info-box .info-box-buttons a {
4072 background-color: #fff;
4073 color: var(--latepoint-body-color);
4074 font-weight: 600;
4075 padding: 3px 8px;
4076 display: inline-block;
4077 text-decoration: none;
4078 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
4079 }
4080 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel {
4081 flex: 0 0 270px;
4082 width: 270px;
4083 background-color: var(--latepoint-side-panel-bg);
4084 border-right: 1px solid rgba(0, 0, 0, 0.1);
4085 padding: 15px 30px 25px 30px;
4086 text-align: center;
4087 display: flex;
4088 flex-direction: column;
4089 justify-content: space-between;
4090 border-radius: 0px 0px 0px 0px;
4091 position: relative;
4092 }
4093 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w {
4094 margin-top: 15px;
4095 display: none;
4096 position: relative;
4097 border-top: 1px solid rgba(0, 0, 0, 0.1);
4098 padding-top: 10px;
4099 }
4100 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w.os-loading:before {
4101 display: block;
4102 content: "";
4103 width: 12px !important;
4104 height: 12px !important;
4105 border-bottom: 2px solid var(--latepoint-body-color);
4106 border-left: 2px solid var(--latepoint-body-color);
4107 border-top: 2px solid var(--latepoint-body-color);
4108 border-right: 2px solid rgba(255, 255, 255, 0);
4109 border-radius: 20px;
4110 position: absolute;
4111 top: 50%;
4112 left: 50%;
4113 transform: translate(-50%, -50%);
4114 animation: os-loading 700ms infinite linear;
4115 background-color: transparent !important;
4116 left: -13px;
4117 right: auto;
4118 top: auto;
4119 bottom: 1px;
4120 z-index: 9999;
4121 }
4122 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group.os-form-select-group label {
4123 display: block !important;
4124 font-size: 12px !important;
4125 color: #7c85a3;
4126 margin-bottom: 3px;
4127 }
4128 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group.os-form-select-group select.os-form-control {
4129 height: 26px !important;
4130 padding: 0px 3px !important;
4131 font-size: 12px !important;
4132 }
4133 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group {
4134 margin-bottom: 0px !important;
4135 }
4136 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w select {
4137 text-align-last: center;
4138 text-align: center;
4139 }
4140 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w {
4141 padding: 50px 0px 50px 0px;
4142 color: #7c85a3;
4143 margin-bottom: auto;
4144 }
4145 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc-library {
4146 display: none;
4147 }
4148 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media {
4149 width: 80px;
4150 height: 80px;
4151 background-size: contain;
4152 background-repeat: no-repeat;
4153 background-position: bottom center;
4154 display: inline-block;
4155 margin-bottom: 20px;
4156 position: relative;
4157 }
4158 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w {
4159 width: 70px;
4160 height: auto;
4161 }
4162 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before {
4163 content: "";
4164 width: 40px;
4165 height: 40px;
4166 background-color: color-mix(in srgb, var(--latepoint-brand-primary) 20%, transparent);
4167 position: absolute;
4168 bottom: 50%;
4169 right: 50%;
4170 z-index: 1;
4171 }
4172 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w svg {
4173 z-index: 2;
4174 position: relative;
4175 }
4176 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-title {
4177 padding-top: 0px;
4178 margin-bottom: 5px;
4179 font-size: 20px;
4180 line-height: 1.2;
4181 }
4182 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions {
4183 color: #7c85a3;
4184 margin-top: 0;
4185 }
4186 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions h5 {
4187 margin: 0px;
4188 line-height: 1.4;
4189 margin-bottom: 5px;
4190 position: relative;
4191 font-size: 15px;
4192 text-transform: none;
4193 }
4194 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions p:last-child {
4195 margin-bottom: 0px;
4196 }
4197 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions a {
4198 text-decoration: underline;
4199 }
4200 .latepoint-w .latepoint-booking-form-element .latepoint-form-w {
4201 flex: 0 0 470px;
4202 width: 470px;
4203 background-color: #fff;
4204 border-radius: 0px 0px 0px 0px;
4205 position: relative;
4206 z-index: 2;
4207 }
4208 .latepoint-w .latepoint-booking-form-element .latepoint-form-w.showing-item-details-popup .latepoint-body {
4209 padding: 0;
4210 }
4211 .latepoint-w .latepoint-booking-form-element .latepoint-form-w.showing-item-details-popup .latepoint-footer, .latepoint-w .latepoint-booking-form-element .latepoint-form-w.showing-item-details-popup .latepoint-heading-w, .latepoint-w .latepoint-booking-form-element .latepoint-form-w.showing-item-details-popup .latepoint-step-content {
4212 display: none;
4213 }
4214 .latepoint-w .latepoint-booking-form-element .latepoint-form-w form {
4215 background-color: #fff;
4216 padding: 0px;
4217 min-height: 100%;
4218 }
4219 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w {
4220 align-items: center;
4221 padding: 30px 15px;
4222 justify-content: space-around;
4223 -webkit-user-select: none;
4224 -moz-user-select: none;
4225 -ms-user-select: none;
4226 }
4227 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .select-total-attendees-label {
4228 padding-right: 20px;
4229 }
4230 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .select-total-attendees-label h4 {
4231 margin: 0px !important;
4232 padding: 0px !important;
4233 font-size: 21px;
4234 }
4235 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .select-total-attendees-label .sta-sub-label {
4236 font-size: 13px;
4237 color: #7c85a3;
4238 }
4239 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w {
4240 background-color: #fff;
4241 display: flex;
4242 align-items: center;
4243 padding: 5px 10px;
4244 border: 1px solid #cad2e0;
4245 outline-style: none;
4246 }
4247 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w input {
4248 text-align: center;
4249 border: none !important;
4250 padding: 0px 5px !important;
4251 font-size: 22px !important;
4252 font-weight: 600;
4253 width: 50px !important;
4254 margin: 0px !important;
4255 background-color: #fff !important;
4256 color: var(--latepoint-body-color) !important;
4257 box-shadow: none !important;
4258 }
4259 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w input::placeholder {
4260 color: rgba(0, 0, 0, 0.1);
4261 }
4262 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w input:focus {
4263 outline: none !important;
4264 box-shadow: none !important;
4265 }
4266 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w .total-attendees-selector {
4267 cursor: pointer;
4268 color: rgba(0, 0, 0, 0.8);
4269 font-size: 20px;
4270 background-color: #f3f4f9;
4271 padding: 4px;
4272 line-height: 1;
4273 flex: 0;
4274 text-align: center;
4275 }
4276 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w .total-attendees-selector:hover {
4277 color: #fff;
4278 background-color: var(--latepoint-brand-primary);
4279 }
4280 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered {
4281 text-align: center;
4282 }
4283 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .total-attendees-selector-w {
4284 width: 150px;
4285 margin: 0px auto;
4286 justify-content: space-between;
4287 }
4288 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .total-attendees-selector-w input {
4289 font-size: 33px !important;
4290 width: 100% !important;
4291 line-height: 1.4 !important;
4292 font-family: "latepoint", "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
4293 }
4294 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .select-total-attendees-label {
4295 margin-bottom: 20px;
4296 padding: 0px;
4297 }
4298 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .select-total-attendees-label h4 {
4299 font-size: 27px;
4300 }
4301 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .select-total-attendees-label .sta-sub-label {
4302 font-size: 18px;
4303 }
4304 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-form {
4305 display: flex;
4306 justify-content: stretch;
4307 flex-direction: column;
4308 }
4309 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w {
4310 background-color: #fff;
4311 padding: 15px 15px 15px 40px;
4312 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
4313 text-align: left;
4314 display: flex;
4315 align-items: center;
4316 }
4317 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
4318 padding: 5px;
4319 order: 1;
4320 }
4321 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger,
4322 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
4323 transform: none;
4324 position: relative;
4325 top: auto;
4326 right: auto;
4327 left: auto;
4328 order: 1;
4329 }
4330 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
4331 order: 2;
4332 margin-left: 10px;
4333 }
4334 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
4335 color: #1e222b;
4336 font-size: 20px;
4337 box-shadow: none;
4338 line-height: 18px;
4339 z-index: 2;
4340 display: none;
4341 position: relative;
4342 }
4343 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger span {
4344 position: absolute;
4345 top: -3px;
4346 right: -3px;
4347 font-size: 11px;
4348 box-shadow: 0 0 0 2px #fff;
4349 background-color: #000;
4350 color: #fff;
4351 padding: 2px;
4352 border-radius: 50%;
4353 line-height: 1;
4354 min-width: 11px;
4355 text-align: center;
4356 box-sizing: content-box;
4357 }
4358 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger i {
4359 line-height: 1;
4360 display: block;
4361 }
4362 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
4363 color: #1e222b;
4364 font-size: 20px;
4365 box-shadow: none;
4366 display: block;
4367 line-height: 18px;
4368 z-index: 2;
4369 position: relative;
4370 top: 0;
4371 left: 0;
4372 }
4373 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close:focus-visible {
4374 outline: 2px solid var(--latepoint-brand-primary);
4375 }
4376 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close i {
4377 line-height: 1;
4378 display: block;
4379 }
4380 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .os-heading-text {
4381 margin: 0px;
4382 font-size: 20px;
4383 line-height: 1.2;
4384 margin-right: auto;
4385 padding: 3px 0;
4386 }
4387 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .os-heading-text-library {
4388 display: none;
4389 }
4390 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
4391 padding: 40px;
4392 flex: 1;
4393 overflow-y: scroll;
4394 transition: all 0.2s ease;
4395 position: relative;
4396 min-height: 200px;
4397 }
4398 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h3, .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h4 {
4399 color: #14161d;
4400 }
4401 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body .os-step-header {
4402 margin-top: 0px;
4403 margin-bottom: 25px;
4404 }
4405 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h3 {
4406 font-size: 21px;
4407 }
4408 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h4 {
4409 font-size: 18px;
4410 padding: 0px;
4411 }
4412 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer {
4413 position: relative;
4414 padding: 10px;
4415 border-top: 1px solid rgba(0, 0, 0, 0.05);
4416 display: flex;
4417 justify-content: space-between;
4418 background-color: #fff;
4419 }
4420 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer.force-hide {
4421 display: none;
4422 }
4423 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-progress {
4424 display: none;
4425 position: absolute;
4426 top: 50%;
4427 left: 50%;
4428 transform: translate(-50%, -50%);
4429 padding: 0px;
4430 }
4431 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-progress ul li {
4432 flex: 0 0 5px;
4433 }
4434 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-progress ul li .progress-item {
4435 width: 5px;
4436 height: 5px;
4437 }
4438 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-next-btn {
4439 margin-left: auto;
4440 animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s both latepointNextBtn;
4441 }
4442 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-next-btn.disabled {
4443 display: none;
4444 }
4445 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-next-btn:focus-visible {
4446 outline: 2px solid var(--latepoint-brand-primary);
4447 }
4448 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-prev-btn {
4449 animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0s both latepointPrevBtn;
4450 }
4451 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-prev-btn.disabled {
4452 display: none;
4453 }
4454 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-prev-btn:focus-visible {
4455 outline: 2px solid var(--latepoint-brand-primary);
4456 }
4457 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn {
4458 font-weight: 600;
4459 box-shadow: none;
4460 padding: 8px 14px;
4461 font-size: 14px;
4462 }
4463 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn.disabled {
4464 background-color: #E3E6F0;
4465 color: #B5BAD2;
4466 }
4467 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn.disabled span {
4468 color: #B5BAD2;
4469 }
4470 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn.disabled i {
4471 color: #B5BAD2;
4472 }
4473 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn i {
4474 font-size: 9px;
4475 transition: transform 0.1s ease;
4476 }
4477 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn i + span {
4478 margin-left: 5px;
4479 }
4480 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn span + i {
4481 margin-left: 5px;
4482 }
4483 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn:hover.latepoint-next-btn i {
4484 transform: translateX(3px);
4485 }
4486 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn:hover.latepoint-prev-btn i {
4487 transform: translateX(-3px);
4488 }
4489 .latepoint-w .latepoint-booking-form-element .latepoint-step-content {
4490 color: #7c85a3;
4491 min-height: 140px;
4492 text-align: left;
4493 }
4494 .latepoint-w .latepoint-booking-form-element .latepoint-step-content.is-hidden {
4495 display: none;
4496 }
4497 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-centered {
4498 text-align: center;
4499 margin-bottom: 15px;
4500 }
4501 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-centered > h4 {
4502 margin-bottom: 5px;
4503 }
4504 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left {
4505 padding: 0 0 15px 0;
4506 }
4507 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left a {
4508 text-decoration: underline;
4509 color: var(--latepoint-brand-primary);
4510 }
4511 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left > p:last-child:first-child {
4512 margin: 0 !important;
4513 }
4514 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left > h4 {
4515 margin-bottom: 5px;
4516 }
4517 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .lp-payment-charge-amount {
4518 background-color: #fbf6e1;
4519 color: #877865;
4520 margin-bottom: 20px;
4521 padding: 15px;
4522 text-align: center;
4523 }
4524 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .lp-payment-charge-amount strong {
4525 color: #000;
4526 }
4527 .latepoint-w .latepoint-booking-form-element .lp-demo-mode-msg {
4528 padding: 8px 10px;
4529 background-color: #ffd534;
4530 color: #211f1a;
4531 font-size: 15px;
4532 font-weight: 600;
4533 margin-bottom: 10px;
4534 text-align: center;
4535 }
4536 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-day-status {
4537 border-radius: 2px;
4538 }
4539 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .lp-demo-mode-msg {
4540 border-radius: 8px;
4541 }
4542 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-available-slots-tooltip, .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .dp-capacity {
4543 border-radius: 4px;
4544 }
4545 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-method-content {
4546 position: relative;
4547 display: none;
4548 }
4549 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-method-content.os-loading .lp-payment-method-content-i {
4550 opacity: 0;
4551 min-height: 50px;
4552 }
4553 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-method-content.os-loading:before {
4554 display: block;
4555 content: "";
4556 width: 40px !important;
4557 height: 40px !important;
4558 border-bottom: 2px solid var(--latepoint-brand-primary);
4559 border-left: 2px solid var(--latepoint-brand-primary);
4560 border-top: 2px solid var(--latepoint-brand-primary);
4561 border-right: 2px solid rgba(255, 255, 255, 0);
4562 border-radius: 20px;
4563 position: absolute;
4564 top: 50%;
4565 left: 50%;
4566 transform: translate(-50%, -50%);
4567 animation: os-loading 700ms infinite linear;
4568 background-color: transparent !important;
4569 z-index: 9999;
4570 }
4571 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info {
4572 display: flex;
4573 justify-content: space-between;
4574 align-items: center;
4575 background-color: #fff7d0;
4576 padding: 5px 10px;
4577 color: #8a7f66;
4578 font-size: 18px;
4579 margin-top: 20px;
4580 }
4581 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info div {
4582 white-space: nowrap;
4583 }
4584 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .lp-price-value {
4585 font-weight: 600;
4586 color: #14161d;
4587 }
4588 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .lp-price-value > span {
4589 text-decoration: line-through;
4590 display: inline-block;
4591 margin-right: 3px;
4592 opacity: 0.5;
4593 font-size: 15px;
4594 }
4595 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info a {
4596 color: #846337;
4597 display: block;
4598 text-decoration: none;
4599 background-color: rgba(255, 255, 255, 0.61);
4600 font-weight: 600;
4601 padding: 2px;
4602 border-radius: 2px 5px;
4603 font-size: 13px;
4604 margin-left: 30px;
4605 }
4606 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-deposit-price-w,
4607 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-total-price-w {
4608 padding: 4px 0px;
4609 margin: 0px auto;
4610 }
4611 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-deposit-price-w {
4612 display: none;
4613 }
4614 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.paying-deposit .payment-total-price-w {
4615 display: none;
4616 }
4617 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.paying-deposit .payment-deposit-price-w {
4618 display: block;
4619 }
4620 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code {
4621 display: none;
4622 padding: 4px 5px 4px 8px;
4623 line-height: 1;
4624 background-color: #fff;
4625 color: #111;
4626 border: 1px dashed #111;
4627 font-weight: 600;
4628 font-size: 13px;
4629 margin-left: 20px;
4630 text-transform: uppercase;
4631 vertical-align: middle;
4632 position: relative;
4633 }
4634 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-self {
4635 display: inline-block;
4636 vertical-align: middle;
4637 line-height: 1.1;
4638 }
4639 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-clear {
4640 line-height: 1.1;
4641 display: inline-block;
4642 vertical-align: middle;
4643 margin-left: 3px;
4644 cursor: pointer;
4645 position: relative;
4646 }
4647 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-clear.os-loading:before {
4648 display: block;
4649 content: "";
4650 width: 10px !important;
4651 height: 10px !important;
4652 border-bottom: 2px solid #111;
4653 border-left: 2px solid #111;
4654 border-top: 2px solid #111;
4655 border-right: 2px solid rgba(255, 255, 255, 0);
4656 border-radius: 20px;
4657 position: absolute;
4658 top: 50%;
4659 left: 50%;
4660 transform: translate(-50%, -50%);
4661 animation: os-loading 700ms infinite linear;
4662 background-color: transparent !important;
4663 right: -5px;
4664 left: auto;
4665 }
4666 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-clear.os-loading i {
4667 opacity: 0;
4668 }
4669 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w {
4670 display: none;
4671 position: relative;
4672 margin-left: 20px !important;
4673 }
4674 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w.os-loading:before {
4675 display: block;
4676 content: "";
4677 width: 12px !important;
4678 height: 12px !important;
4679 border-bottom: 2px solid #A45D00;
4680 border-left: 2px solid #A45D00;
4681 border-top: 2px solid #A45D00;
4682 border-right: 2px solid rgba(255, 255, 255, 0);
4683 border-radius: 20px;
4684 position: absolute;
4685 top: 50%;
4686 left: 50%;
4687 transform: translate(-50%, -50%);
4688 animation: os-loading 700ms infinite linear;
4689 background-color: transparent !important;
4690 left: -13px;
4691 }
4692 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input {
4693 border: none !important;
4694 border: 1px solid #d0bca8 !important;
4695 padding: 5px 7px !important;
4696 background-color: #fff !important;
4697 box-shadow: none !important;
4698 font-size: 13px !important;
4699 line-height: 1.3 !important;
4700 display: block !important;
4701 width: 135px !important;
4702 margin: 0px !important;
4703 border-radius: 0px !important;
4704 }
4705 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input:focus, .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input:active {
4706 box-shadow: none !important;
4707 outline: none !important;
4708 }
4709 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input::placeholder {
4710 color: #A38E7B !important;
4711 }
4712 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w .coupon-code-input-submit {
4713 position: absolute;
4714 top: 50%;
4715 right: 5px;
4716 transform: translateY(-50%);
4717 vertical-align: middle;
4718 background-color: var(--latepoint-brand-primary);
4719 color: #fff;
4720 text-transform: uppercase;
4721 padding: 2px 5px;
4722 font-size: 12px;
4723 font-weight: 600;
4724 cursor: pointer;
4725 }
4726 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.entering-coupon .coupon-code-trigger-w {
4727 display: none;
4728 }
4729 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.entering-coupon .coupon-code-input-w {
4730 display: block;
4731 }
4732 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.coupon-is-applied .coupon-code-trigger-w {
4733 display: none;
4734 }
4735 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.coupon-is-applied .coupon-code-input-w {
4736 display: none;
4737 }
4738 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.coupon-is-applied .applied-coupon-code {
4739 display: block;
4740 }
4741 .latepoint-w .latepoint-booking-form-element .step-payment-w > h4 {
4742 margin-bottom: 10px;
4743 }
4744 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-methods-w {
4745 display: none;
4746 }
4747 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-portions-w {
4748 display: none;
4749 }
4750 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-times-w {
4751 display: none;
4752 }
4753 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w {
4754 text-align: center;
4755 }
4756 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger {
4757 display: inline-block;
4758 text-align: center;
4759 padding: 10px 20px;
4760 background-color: #fac555;
4761 border-radius: 40px;
4762 color: #111;
4763 margin-top: 15px;
4764 font-weight: 600;
4765 cursor: pointer;
4766 }
4767 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger:hover {
4768 box-shadow: 0px 0px 0px 2px #ffb011;
4769 }
4770 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger span {
4771 display: inline-block;
4772 vertical-align: middle;
4773 padding-left: 10px;
4774 margin-left: 10px;
4775 border-left: 1px solid rgba(0, 0, 0, 0.1);
4776 }
4777 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger img {
4778 height: 20px;
4779 width: auto;
4780 display: inline-block;
4781 vertical-align: middle;
4782 }
4783 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-btn-trigger {
4784 padding: 20px 0px 5px;
4785 position: relative;
4786 min-height: 60px;
4787 }
4788 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-btn-trigger:before {
4789 display: block;
4790 content: "";
4791 width: 20px !important;
4792 height: 20px !important;
4793 border-bottom: 2px solid var(--latepoint-brand-primary);
4794 border-left: 2px solid var(--latepoint-brand-primary);
4795 border-top: 2px solid var(--latepoint-brand-primary);
4796 border-right: 2px solid rgba(255, 255, 255, 0);
4797 border-radius: 20px;
4798 position: absolute;
4799 top: 50%;
4800 left: 50%;
4801 transform: translate(-50%, -50%);
4802 animation: os-loading 700ms infinite linear;
4803 background-color: transparent !important;
4804 top: 35px;
4805 }
4806 .latepoint-w .latepoint-booking-form-element .step-payment-w[data-sub-step=payment-times] .lp-payment-times-w {
4807 display: block;
4808 }
4809 .latepoint-w .latepoint-booking-form-element .step-payment-w[data-sub-step=payment-methods] .lp-payment-methods-w {
4810 display: block;
4811 }
4812 .latepoint-w .latepoint-booking-form-element .step-payment-w[data-sub-step=payment-portions] .lp-payment-portions-w {
4813 display: block;
4814 }
4815 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-centered {
4816 display: none;
4817 }
4818 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item {
4819 position: relative;
4820 }
4821 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-value {
4822 font-size: 49px;
4823 font-weight: 600;
4824 line-height: 1.1;
4825 color: var(--latepoint-brand-primary);
4826 font-family: "latepoint", "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
4827 }
4828 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-label {
4829 color: #7c85a3;
4830 }
4831 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-sub-label {
4832 opacity: 0.8;
4833 color: #7c85a3;
4834 }
4835 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-sub-label span {
4836 font-weight: 600;
4837 color: var(--latepoint-brand-primary);
4838 }
4839 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-price {
4840 font-family: "latepoint", "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
4841 position: absolute;
4842 top: 0px;
4843 right: 0px;
4844 padding: 5px;
4845 color: #D09F1D;
4846 line-height: 1;
4847 font-size: 16px;
4848 font-weight: 600;
4849 }
4850 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ {
4851 list-style-type: none !important;
4852 margin: 0px !important;
4853 padding: 0px !important;
4854 }
4855 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item {
4856 margin-bottom: 15px;
4857 list-style: none;
4858 }
4859 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i {
4860 display: flex;
4861 background: #FFFFFF;
4862 border: 1px solid #E5E7EE;
4863 align-items: center;
4864 box-shadow: none;
4865 outline: none;
4866 padding: 10px 15px;
4867 color: var(--latepoint-body-color);
4868 text-decoration: none;
4869 }
4870 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i:hover {
4871 border-color: var(--latepoint-brand-primary);
4872 text-decoration: none;
4873 }
4874 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-img-w {
4875 flex: 0 0 40px;
4876 height: 40px;
4877 background-size: contain;
4878 background-repeat: no-repeat;
4879 background-position: center center;
4880 text-align: center;
4881 margin-right: 15px;
4882 }
4883 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-name-w {
4884 padding: 10px 0px;
4885 margin-right: auto;
4886 }
4887 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-name-w .service-name {
4888 font-weight: 600;
4889 font-size: 18px;
4890 display: block;
4891 }
4892 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-name-w .service-desc {
4893 color: #7c85a3;
4894 font-size: 13px;
4895 display: block;
4896 margin-top: 3px;
4897 }
4898 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-price-w {
4899 border-left: 1px solid rgba(0, 0, 0, 0.05);
4900 padding-left: 15px;
4901 margin-left: 10px;
4902 text-align: center;
4903 }
4904 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-price-w .service-price {
4905 display: block;
4906 color: #D09F1D;
4907 font-size: 24px;
4908 line-height: 1.1;
4909 font-weight: 600;
4910 }
4911 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-price-w .service-price-label {
4912 display: block;
4913 color: #7c85a3;
4914 font-size: 12px;
4915 white-space: nowrap;
4916 }
4917 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item.selected .os-service-durations {
4918 display: flex;
4919 }
4920 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item.selected > .os-item-i {
4921 border-color: var(--latepoint-brand-primary);
4922 }
4923 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item.with-description a .service-name-w {
4924 padding: 5px 0px;
4925 }
4926
4927 .lp-strike {
4928 text-decoration: line-through;
4929 opacity: 0.8;
4930 }
4931
4932 .latepoint-booking-form-element .step-verify-w .os-recurring-bookings-count {
4933 margin-top: 10px;
4934 }
4935 .latepoint-booking-form-element .step-verify-w .summary-box.main-box .summary-box-booking-date-box {
4936 display: none;
4937 }
4938 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper {
4939 position: relative;
4940 margin-bottom: 25px;
4941 }
4942 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item {
4943 padding: 15px;
4944 border: 1px solid #e2e2e2;
4945 border-bottom-color: #d2d2d2;
4946 box-shadow: 0 2px rgba(0, 0, 0, 0.05);
4947 }
4948 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box-heading {
4949 margin-bottom: 0px;
4950 margin-top: 0;
4951 }
4952 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box-heading .sbh-line {
4953 display: none;
4954 }
4955 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box .sbc-big-item {
4956 font-size: 17px;
4957 }
4958 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box-heading {
4959 display: none;
4960 }
4961 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box-heading .sbh-item {
4962 font-size: 13px;
4963 font-weight: 400;
4964 }
4965 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-boxes-columns {
4966 border-top: 1px solid rgba(0, 0, 0, 0.05);
4967 padding-top: 10px;
4968 margin-top: 15px;
4969 }
4970 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.single-item .os-remove-item-from-cart {
4971 display: none;
4972 }
4973 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.single-item .summary-box .sbc-big-item {
4974 font-size: 20px;
4975 }
4976 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.single-item .summary-box .sbc-highlighted-item {
4977 font-size: 15px;
4978 }
4979 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper .summary-box.main-box {
4980 padding: 0;
4981 }
4982 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper .os-remove-item-from-cart {
4983 box-shadow: 0 0 0 4px #fff;
4984 color: #fff;
4985 top: -5px;
4986 right: -5px;
4987 background-color: #f64f4f;
4988 }
4989 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper .os-remove-item-from-cart .os-remove-from-cart-icon {
4990 background-color: #fff;
4991 }
4992 .latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-summary {
4993 display: none;
4994 }
4995 .latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify {
4996 margin-top: 20px;
4997 }
4998 .latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger {
4999 align-items: center;
5000 padding: 8px 10px;
5001 border: 1px dotted #14161d;
5002 color: #14161d;
5003 display: flex;
5004 gap: 10px;
5005 font-weight: 600;
5006 cursor: pointer;
5007 }
5008 .latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger:focus-visible {
5009 outline: 2px solid var(--latepoint-brand-primary);
5010 }
5011 .latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger span {
5012 margin: 0 auto;
5013 }
5014 .latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger:hover {
5015 border-style: solid;
5016 }
5017 .latepoint-booking-form-element .step-verify-w .cart-summary-main-section > .summary-heading:first-child {
5018 margin-top: 0;
5019 }
5020 .latepoint-booking-form-element .step-verify-w .cart-summary-main-section > .summary-box.main-box:first-child {
5021 padding-top: 0;
5022 }
5023 .latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .part-of-bundle-message {
5024 padding: 10px;
5025 background-color: #f1f3ff;
5026 margin-bottom: 15px;
5027 font-size: 15px;
5028 }
5029 .latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .part-of-bundle-message a {
5030 color: var(--latepoint-brand-primary);
5031 text-decoration: none;
5032 border-bottom: 1px dotted var(--latepoint-brand-primary);
5033 }
5034 .latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .summary-box.main-box {
5035 padding-top: 0;
5036 padding-bottom: 20px;
5037 }
5038 .latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .sbc-big-item {
5039 font-size: 20px;
5040 }
5041 .latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .sbc-highlighted-item {
5042 font-size: 17px;
5043 }
5044 .latepoint-booking-form-element .step-verify-w .payment-summary-info .confirmation-info-w {
5045 margin-top: 0px;
5046 }
5047 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify {
5048 margin-top: 10px;
5049 text-align: right;
5050 }
5051 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-trigger-on-verify-w {
5052 padding: 8px 0 9px;
5053 line-height: 1;
5054 }
5055 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-trigger-on-verify-w a {
5056 border-bottom: 1px solid var(--latepoint-brand-primary);
5057 font-size: 13px;
5058 color: var(--latepoint-brand-primary);
5059 }
5060 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code-wrapper {
5061 align-items: center;
5062 gap: 5px;
5063 display: none;
5064 background-color: #f7f7f7;
5065 padding: 10px;
5066 }
5067 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code-wrapper .coupon-code-label {
5068 color: var(--latepoint-body-color);
5069 font-size: 14px;
5070 }
5071 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code {
5072 padding: 2px 2px 2px 5px;
5073 background-color: #fff;
5074 color: #000;
5075 border: 1px dotted #000;
5076 line-height: 1;
5077 font-weight: 600;
5078 font-size: 13px;
5079 text-transform: uppercase;
5080 position: relative;
5081 display: flex;
5082 align-items: center;
5083 gap: 5px;
5084 }
5085 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-self {
5086 display: block;
5087 vertical-align: middle;
5088 line-height: 1;
5089 }
5090 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-clear {
5091 line-height: 1;
5092 display: block;
5093 cursor: pointer;
5094 position: relative;
5095 font-size: 10px;
5096 padding: 3px;
5097 }
5098 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-clear:hover {
5099 background-color: #000;
5100 color: #fff;
5101 }
5102 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-clear.os-loading:before {
5103 display: block;
5104 content: "";
5105 width: 10px !important;
5106 height: 10px !important;
5107 border-bottom: 2px solid #fff;
5108 border-left: 2px solid #fff;
5109 border-top: 2px solid #fff;
5110 border-right: 2px solid rgba(255, 255, 255, 0);
5111 border-radius: 20px;
5112 position: absolute;
5113 top: 50%;
5114 left: 50%;
5115 transform: translate(-50%, -50%);
5116 animation: os-loading 700ms infinite linear;
5117 background-color: transparent !important;
5118 right: -5px;
5119 left: auto;
5120 }
5121 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-clear.os-loading i {
5122 opacity: 0;
5123 }
5124 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w {
5125 display: none;
5126 position: relative;
5127 }
5128 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w.os-loading:before {
5129 display: block;
5130 content: "";
5131 width: 12px !important;
5132 height: 12px !important;
5133 border-bottom: 2px solid var(--latepoint-brand-primary);
5134 border-left: 2px solid var(--latepoint-brand-primary);
5135 border-top: 2px solid var(--latepoint-brand-primary);
5136 border-right: 2px solid rgba(255, 255, 255, 0);
5137 border-radius: 20px;
5138 position: absolute;
5139 top: 50%;
5140 left: 50%;
5141 transform: translate(-50%, -50%);
5142 animation: os-loading 700ms infinite linear;
5143 background-color: transparent !important;
5144 left: -13px;
5145 }
5146 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input {
5147 border: none !important;
5148 border: 1px solid #383838 !important;
5149 padding: 5px 7px !important;
5150 background-color: #fff !important;
5151 box-shadow: none !important;
5152 font-size: 13px !important;
5153 line-height: 1 !important;
5154 display: block !important;
5155 width: auto !important;
5156 flex: 1;
5157 margin: 0px !important;
5158 border-radius: 0px !important;
5159 }
5160 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input:focus, .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input:active {
5161 box-shadow: none !important;
5162 outline: none !important;
5163 }
5164 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input::placeholder {
5165 color: #8f8f8f !important;
5166 }
5167 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-cancel,
5168 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-submit {
5169 padding: 9px 12px;
5170 line-height: 1;
5171 font-size: 14px;
5172 font-weight: 600;
5173 cursor: pointer;
5174 }
5175 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-submit {
5176 background-color: var(--latepoint-brand-primary);
5177 color: #fff;
5178 }
5179 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-cancel {
5180 background-color: #eee;
5181 color: #444;
5182 }
5183 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.entering-coupon .coupon-code-trigger-on-verify-w {
5184 display: none;
5185 }
5186 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.entering-coupon .coupon-code-trigger-on-verify-w {
5187 display: none;
5188 }
5189 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.entering-coupon .coupon-code-input-w {
5190 display: flex;
5191 align-items: center;
5192 justify-content: flex-start;
5193 gap: 10px;
5194 }
5195 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.coupon-is-applied .coupon-code-trigger-on-verify-w {
5196 display: none;
5197 }
5198 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.coupon-is-applied .coupon-code-input-w {
5199 display: none;
5200 }
5201 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.coupon-is-applied .applied-coupon-code-wrapper {
5202 display: flex;
5203 }
5204
5205 .latepoint-booking-form-element .step-confirmation-w .summary-box-wrapper + .summary-box-wrapper {
5206 margin-top: 15px;
5207 padding-top: 10px;
5208 }
5209 .latepoint-booking-form-element .step-confirmation-w .confirmation-head-info {
5210 position: relative;
5211 }
5212 .latepoint-booking-form-element .step-confirmation-w .add-to-calendar-wrapper {
5213 display: inline-block;
5214 }
5215 .latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent {
5216 display: block;
5217 margin: 0px auto 30px auto;
5218 padding-bottom: 20px;
5219 border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
5220 }
5221 .latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger {
5222 display: none;
5223 }
5224 .latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-booking-info {
5225 display: none;
5226 }
5227 .latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent {
5228 display: none;
5229 }
5230 .latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent img {
5231 display: block;
5232 margin: 0px auto;
5233 }
5234 .latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent .qr-code-label {
5235 text-align: center;
5236 font-size: 13px;
5237 font-weight: 600;
5238 text-align: center;
5239 font-weight: 500;
5240 padding: 10px 15px;
5241 background: #fff1af;
5242 line-height: 1.4;
5243 color: #000;
5244 }
5245 .latepoint-booking-form-element .step-confirmation-w .payment-summary-info .confirmation-info-w {
5246 margin-top: 0px;
5247 }
5248 .latepoint-booking-form-element .step-confirmation-w .confirmation-header {
5249 margin-bottom: 0px;
5250 margin-top: 0px;
5251 }
5252 .latepoint-booking-form-element .step-confirmation-w .confirmation-number {
5253 color: #7c85a3;
5254 padding-top: 0px;
5255 margin-bottom: 8px;
5256 font-size: 13px;
5257 letter-spacing: 0.5px;
5258 text-transform: uppercase;
5259 font-weight: 600;
5260 }
5261 .latepoint-booking-form-element .step-confirmation-w .confirmation-number strong {
5262 font-size: 39px;
5263 letter-spacing: normal;
5264 color: #14161d;
5265 display: block;
5266 line-height: 1.1;
5267 }
5268 .latepoint-booking-form-element .step-confirmation-w .confirmation-number .confirmation-checkmark {
5269 padding: 10px;
5270 font-size: 25px;
5271 color: #fff;
5272 background-color: #83de3a;
5273 box-shadow: 0 0 0 5px #daffba;
5274 border-radius: 50%;
5275 line-height: 25px;
5276 width: 45px;
5277 height: 45px;
5278 }
5279 .latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password {
5280 margin-top: 20px;
5281 display: none;
5282 }
5283 .latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password h4 {
5284 margin-bottom: 10px;
5285 }
5286 .latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields {
5287 display: flex;
5288 align-items: center;
5289 }
5290 .latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields .os-form-group {
5291 flex: 1;
5292 margin: 0px;
5293 margin-bottom: 0px !important;
5294 margin-right: 10px;
5295 }
5296 .latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields .os-form-group.os-form-textfield-group.has-value label {
5297 display: none !important;
5298 }
5299 .latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields .os-form-group.os-form-textfield-group input.os-form-control {
5300 padding: 7px 10px 7px 10px !important;
5301 }
5302 .latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields .latepoint-btn {
5303 flex: 0;
5304 white-space: nowrap;
5305 display: block;
5306 text-align: center;
5307 padding: 9px 20px;
5308 }
5309 .latepoint-booking-form-element .step-confirmation-w .confirmation-cabinet-info {
5310 background-color: #F5F6FF;
5311 margin-top: 20px;
5312 text-align: center;
5313 padding: 20px 40px;
5314 display: none;
5315 }
5316 .latepoint-booking-form-element .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-text {
5317 color: #14161d;
5318 margin-bottom: 10px;
5319 font-size: 18px;
5320 font-weight: 600;
5321 }
5322 .latepoint-booking-form-element .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-link {
5323 font-size: 15px;
5324 background-color: var(--latepoint-brand-primary);
5325 color: #fff !important;
5326 padding: 8px 15px !important;
5327 font-weight: 600;
5328 text-decoration: none !important;
5329 border: none !important;
5330 display: inline-block !important;
5331 }
5332
5333 .booking-status-info-wrapper {
5334 display: flex;
5335 gap: 10px;
5336 padding: 15px 30px;
5337 border-bottom: 1px solid rgba(0, 0, 0, 0.08);
5338 margin: -30px;
5339 margin-bottom: 0;
5340 align-items: center;
5341 }
5342 .booking-status-info-wrapper .booking-status-icon {
5343 width: 24px;
5344 height: 24px;
5345 background-color: #eee;
5346 position: relative;
5347 }
5348 .booking-status-info-wrapper .booking-status-label {
5349 font-weight: 600;
5350 font-size: 15px;
5351 }
5352 .booking-status-info-wrapper .booking-confirmation {
5353 margin-left: auto;
5354 font-size: 13px;
5355 color: #7c85a3;
5356 }
5357 .booking-status-info-wrapper .booking-confirmation strong {
5358 color: #14161d;
5359 }
5360 .booking-status-info-wrapper.status-cancelled .booking-status-icon {
5361 background-color: #ffa6a6;
5362 }
5363 .booking-status-info-wrapper.status-cancelled .booking-status-icon:before {
5364 font-family: "latepointIcons" !important;
5365 speak: none;
5366 font-style: normal;
5367 font-weight: normal;
5368 font-variant: normal;
5369 text-transform: none;
5370 line-height: 1;
5371 -webkit-font-smoothing: antialiased;
5372 -moz-osx-font-smoothing: grayscale;
5373 content: "\e927";
5374 position: absolute;
5375 top: 50%;
5376 left: 50%;
5377 transform: translate(-50%, -50%);
5378 font-size: 16px;
5379 }
5380 .booking-status-info-wrapper.status-approved .booking-status-icon {
5381 background-color: #a0ffa4;
5382 }
5383 .booking-status-info-wrapper.status-approved .booking-status-icon:before {
5384 font-family: "latepointIcons" !important;
5385 speak: none;
5386 font-style: normal;
5387 font-weight: normal;
5388 font-variant: normal;
5389 text-transform: none;
5390 line-height: 1;
5391 -webkit-font-smoothing: antialiased;
5392 -moz-osx-font-smoothing: grayscale;
5393 content: "\e928";
5394 position: absolute;
5395 top: 50%;
5396 left: 50%;
5397 transform: translate(-50%, -50%);
5398 font-size: 16px;
5399 }
5400
5401 .full-summary-wrapper .summary-status-wrapper, .confirmation-info-w .summary-status-wrapper {
5402 padding: 0 0 30px 0;
5403 color: #14161d;
5404 font-size: 15px;
5405 margin-bottom: 10px;
5406 border-bottom: 10px solid rgba(0, 0, 0, 0.03);
5407 }
5408 .full-summary-wrapper .summary-status-wrapper .summary-status-inner, .confirmation-info-w .summary-status-wrapper .summary-status-inner {
5409 display: flex;
5410 flex-direction: column;
5411 align-items: center;
5412 }
5413 .full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-title, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-title {
5414 font-size: 24px;
5415 font-weight: 600;
5416 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
5417 text-align: center;
5418 }
5419 .full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-description, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-description {
5420 color: #7c85a3;
5421 font-weight: 400;
5422 font-size: 15px;
5423 margin-top: 3px;
5424 text-align: center;
5425 }
5426 .full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-icon, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-icon {
5427 margin-bottom: 25px;
5428 animation: 1s cubic-bezier(0.05, 0.45, 0.1, 1) 0.1s statusIconPop;
5429 animation-fill-mode: both;
5430 }
5431 .full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-confirmation-number, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-confirmation-number {
5432 font-size: 13px;
5433 text-transform: uppercase;
5434 letter-spacing: 0.5px;
5435 color: #7c85a3;
5436 margin-top: 15px;
5437 padding: 3px 5px;
5438 background-color: rgba(0, 0, 0, 0.03);
5439 }
5440 .full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-confirmation-number strong, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-confirmation-number strong {
5441 color: #14161d;
5442 }
5443 .full-summary-wrapper .summary-status-wrapper.summary-status-style-green .ss-icon, .confirmation-info-w .summary-status-wrapper.summary-status-style-green .ss-icon {
5444 display: block;
5445 padding: 15px;
5446 background-color: #98ff96;
5447 border-radius: 50%;
5448 box-shadow: 0 0 0 10px #e1ffe0;
5449 }
5450 .full-summary-wrapper .summary-status-wrapper.summary-status-style-green .ss-icon:before, .confirmation-info-w .summary-status-wrapper.summary-status-style-green .ss-icon:before {
5451 font-family: "latepointIcons" !important;
5452 speak: none;
5453 font-style: normal;
5454 font-weight: normal;
5455 font-variant: normal;
5456 text-transform: none;
5457 line-height: 1;
5458 -webkit-font-smoothing: antialiased;
5459 -moz-osx-font-smoothing: grayscale;
5460 content: "\e928";
5461 color: #000;
5462 line-height: 24px;
5463 display: block;
5464 font-size: 24px;
5465 }
5466 .full-summary-wrapper .summary-status-wrapper.summary-status-style-yellow .ss-icon, .confirmation-info-w .summary-status-wrapper.summary-status-style-yellow .ss-icon {
5467 display: block;
5468 padding: 10px;
5469 background-color: #ffe196;
5470 border-radius: 50%;
5471 box-shadow: 0 0 0 10px #fff2e0;
5472 width: 44px;
5473 text-align: center;
5474 }
5475 .full-summary-wrapper .summary-status-wrapper.summary-status-style-yellow .ss-icon:before, .confirmation-info-w .summary-status-wrapper.summary-status-style-yellow .ss-icon:before {
5476 content: "i";
5477 color: #000;
5478 line-height: 24px;
5479 display: block;
5480 font-size: 24px;
5481 }
5482 .full-summary-wrapper .summary-price-item-w.spi-sub, .confirmation-info-w .summary-price-item-w.spi-sub {
5483 padding-left: 20px;
5484 position: relative;
5485 }
5486 .full-summary-wrapper .summary-price-item-w.spi-sub:before, .confirmation-info-w .summary-price-item-w.spi-sub:before {
5487 content: "";
5488 width: 5px;
5489 height: 5px;
5490 border-left: 1px solid #7c85a3;
5491 border-bottom: 1px solid #7c85a3;
5492 position: absolute;
5493 top: 50%;
5494 left: 10px;
5495 transform: translateY(-50%);
5496 }
5497 .full-summary-wrapper .summary-price-breakdown-wrapper.multi-item .subtotal-separator, .confirmation-info-w .summary-price-breakdown-wrapper.multi-item .subtotal-separator {
5498 border-top: 1px solid #f1f1f1;
5499 padding-bottom: 10px;
5500 margin-top: 10px;
5501 }
5502 .full-summary-wrapper .order-item-bundle-info-wrapper, .confirmation-info-w .order-item-bundle-info-wrapper {
5503 display: flex;
5504 align-items: flex-start;
5505 gap: 20px;
5506 padding: 15px 0 5px 0;
5507 }
5508 .full-summary-wrapper .order-item-bundle-info-wrapper .bundle-icon, .confirmation-info-w .order-item-bundle-info-wrapper .bundle-icon {
5509 padding: 13px;
5510 line-height: 24px;
5511 font-size: 24px;
5512 background-color: #f1f1f1;
5513 border-radius: 50%;
5514 color: #14161d;
5515 }
5516 .full-summary-wrapper .order-item-bundle-info-wrapper .bundle-icon i, .confirmation-info-w .order-item-bundle-info-wrapper .bundle-icon i {
5517 display: block;
5518 }
5519 .full-summary-wrapper .order-item-bundle-info-wrapper .summary-box.main-box, .confirmation-info-w .order-item-bundle-info-wrapper .summary-box.main-box {
5520 padding: 0;
5521 }
5522 .full-summary-wrapper .schedule-bundle-booking-btn-wrapper, .confirmation-info-w .schedule-bundle-booking-btn-wrapper {
5523 padding-bottom: 20px;
5524 margin-left: 70px;
5525 }
5526 .full-summary-wrapper .schedule-bundle-booking-btn, .confirmation-info-w .schedule-bundle-booking-btn {
5527 padding: 4px 0;
5528 background-color: #fff;
5529 display: inline-flex;
5530 gap: 8px;
5531 font-weight: 400;
5532 color: var(--latepoint-brand-primary);
5533 text-decoration: none;
5534 border: none;
5535 align-items: center;
5536 box-shadow: none;
5537 cursor: pointer;
5538 position: relative;
5539 }
5540 .full-summary-wrapper .schedule-bundle-booking-btn.os-loading:before, .confirmation-info-w .schedule-bundle-booking-btn.os-loading:before {
5541 display: block;
5542 content: "";
5543 width: 14px !important;
5544 height: 14px !important;
5545 border-bottom: 2px solid var(--latepoint-brand-primary);
5546 border-left: 2px solid var(--latepoint-brand-primary);
5547 border-top: 2px solid var(--latepoint-brand-primary);
5548 border-right: 2px solid rgba(255, 255, 255, 0);
5549 border-radius: 20px;
5550 position: absolute;
5551 top: 50%;
5552 left: 50%;
5553 transform: translate(-50%, -50%);
5554 animation: os-loading 700ms infinite linear;
5555 background-color: transparent !important;
5556 left: auto;
5557 right: -5px;
5558 }
5559 .full-summary-wrapper .schedule-bundle-booking-btn.os-loading i, .confirmation-info-w .schedule-bundle-booking-btn.os-loading i {
5560 visibility: hidden;
5561 }
5562 .full-summary-wrapper .schedule-bundle-booking-btn:hover span, .confirmation-info-w .schedule-bundle-booking-btn:hover span {
5563 border-bottom-style: solid;
5564 }
5565 .full-summary-wrapper .schedule-bundle-booking-btn:hover i, .confirmation-info-w .schedule-bundle-booking-btn:hover i {
5566 transform: translateX(3px);
5567 }
5568 .full-summary-wrapper .schedule-bundle-booking-btn span, .confirmation-info-w .schedule-bundle-booking-btn span {
5569 border-bottom: 1px dotted var(--latepoint-brand-primary);
5570 }
5571 .full-summary-wrapper .schedule-bundle-booking-btn i, .confirmation-info-w .schedule-bundle-booking-btn i {
5572 font-size: 9px;
5573 transition: transform 0.2s ease;
5574 }
5575 .full-summary-wrapper .summary-price-breakdown-wrapper, .confirmation-info-w .summary-price-breakdown-wrapper {
5576 margin-top: 30px;
5577 }
5578 .full-summary-wrapper .summary-box-heading, .confirmation-info-w .summary-box-heading {
5579 margin-bottom: 10px;
5580 }
5581 .full-summary-wrapper .summary-box, .confirmation-info-w .summary-box {
5582 padding-bottom: 0;
5583 }
5584 .full-summary-wrapper .summary-box .sbc-main-item, .confirmation-info-w .summary-box .sbc-main-item {
5585 color: #14161d;
5586 font-size: 15px;
5587 font-weight: 600;
5588 }
5589
5590 .confirmation-info-w {
5591 position: relative;
5592 }
5593 .confirmation-info-w .order-summary-items-heading {
5594 display: none;
5595 }
5596 .confirmation-info-w .price-breakdown-unfold {
5597 display: none;
5598 }
5599 .confirmation-info-w ul {
5600 list-style-type: none;
5601 padding: 0px;
5602 margin: 0px;
5603 display: flex;
5604 flex-wrap: wrap;
5605 }
5606 .confirmation-info-w ul li {
5607 flex: 0 0 50%;
5608 list-style-type: none;
5609 margin: 0px;
5610 color: #7c85a3;
5611 font-weight: 600;
5612 padding: 7px 10px 7px 0px;
5613 line-height: 1.4;
5614 font-size: 11px;
5615 letter-spacing: 0.6px;
5616 text-transform: uppercase;
5617 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
5618 }
5619 .confirmation-info-w ul li strong {
5620 text-transform: none;
5621 letter-spacing: normal;
5622 color: var(--latepoint-body-color);
5623 display: block;
5624 font-size: 15px;
5625 }
5626 .confirmation-info-w .confirmation-section-heading {
5627 font-size: 19px;
5628 display: block;
5629 border-bottom: 1px solid var(--latepoint-brand-primary);
5630 margin: 15px 0px 5px 0px;
5631 color: var(--latepoint-brand-primary);
5632 }
5633
5634 .latepoint-booking-form-element {
5635 /*!
5636 * Copyright (c) 2024 LatePoint LLC. All rights reserved.
5637 */
5638 /*!
5639 * Copyright (c) 2024 LatePoint LLC. All rights reserved.
5640 */
5641 }
5642 .latepoint-booking-form-element.hidden-buttons .latepoint-form-w .latepoint-body:after {
5643 height: 40px;
5644 }
5645 .latepoint-booking-form-element.hidden-buttons .latepoint-form-w .latepoint-footer {
5646 display: none;
5647 }
5648 .latepoint-booking-form-element .os-step-tabs {
5649 display: flex;
5650 color: #7c85a3;
5651 margin-bottom: 20px;
5652 font-weight: 600;
5653 font-size: 15px;
5654 line-height: 15px;
5655 justify-content: space-between;
5656 align-items: flex-end;
5657 box-shadow: 0px 1px 0px 0px #E2E5EF;
5658 height: 35px;
5659 }
5660 .latepoint-booking-form-element .os-step-tabs .os-step-tab {
5661 transition: all 0.2s ease;
5662 text-align: center;
5663 padding: 8px 0px;
5664 position: relative;
5665 line-height: 15px;
5666 font-size: 15px;
5667 }
5668 .latepoint-booking-form-element .os-step-tabs .os-step-tab:hover {
5669 cursor: pointer;
5670 color: var(--latepoint-body-color);
5671 }
5672 .latepoint-booking-form-element .os-step-tabs .os-step-tab:before {
5673 position: absolute;
5674 content: "";
5675 background-color: var(--latepoint-brand-primary);
5676 height: 2px;
5677 left: 0px;
5678 bottom: -1px;
5679 width: 0%;
5680 }
5681 .latepoint-booking-form-element .os-step-tabs .os-step-tab.active {
5682 color: var(--latepoint-body-color);
5683 font-size: 17px;
5684 padding-bottom: 12px;
5685 padding-top: 8px;
5686 }
5687 .latepoint-booking-form-element .os-step-tabs .os-step-tab.active:before {
5688 width: 100%;
5689 }
5690 .latepoint-booking-form-element .step-customer-logged-in-header-w {
5691 display: flex;
5692 color: #898C98;
5693 margin-bottom: 20px;
5694 font-weight: 600;
5695 font-size: 15px;
5696 line-height: 15px;
5697 justify-content: space-between;
5698 align-items: center;
5699 border-bottom: 1px solid #E2E5EF;
5700 height: 35px;
5701 }
5702 .latepoint-booking-form-element .step-customer-logged-in-header-w span {
5703 display: block;
5704 margin-right: 5px;
5705 margin-left: auto;
5706 }
5707 .latepoint-booking-form-element .step-customer-logged-in-header-w a {
5708 display: block;
5709 color: var(--latepoint-brand-primary);
5710 text-decoration: underline;
5711 }
5712 .latepoint-booking-form-element .step-customer-logged-in-header-w div {
5713 color: var(--latepoint-body-color);
5714 font-size: 16px;
5715 line-height: 15px;
5716 padding-bottom: 12px;
5717 padding-top: 8px;
5718 position: relative;
5719 }
5720 .latepoint-booking-form-element .step-customer-logged-in-header-w div:before {
5721 position: absolute;
5722 content: "";
5723 background-color: var(--latepoint-brand-primary);
5724 height: 2px;
5725 left: 0px;
5726 bottom: -1px;
5727 width: 100%;
5728 transition: all 0.2s ease;
5729 }
5730 .latepoint-booking-form-element .os-form-buttons {
5731 align-items: flex-start;
5732 }
5733 .latepoint-booking-form-element .os-password-reset-form-holder .os-password-reset-form-w {
5734 padding: 20px;
5735 border: 1px solid #aaa;
5736 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0px 5px 10px rgba(0, 0, 0, 0.05);
5737 margin-bottom: 15px;
5738 }
5739 .latepoint-booking-form-element .os-password-reset-form-holder h4 {
5740 margin: 0px;
5741 margin-bottom: 5px;
5742 padding: 0px;
5743 }
5744 .latepoint-booking-form-element .os-password-reset-form-holder p {
5745 margin-bottom: 10px;
5746 }
5747 .latepoint-booking-form-element .os-password-reset-form-holder .os-form-message-w {
5748 margin-bottom: 10px;
5749 margin-top: 10px;
5750 }
5751 .latepoint-booking-form-element .os-step-existing-customer-login-w {
5752 margin-bottom: 10px;
5753 }
5754 .latepoint-booking-form-element .os-step-existing-customer-login-w .step-forgot-password-btn {
5755 text-decoration: underline;
5756 padding-top: 0px;
5757 padding-bottom: 0px;
5758 }
5759 .latepoint-booking-form-element .os-step-existing-customer-login-w .step-login-existing-customer-btn {
5760 padding: 10px 20px;
5761 line-height: 1.2;
5762 font-size: 16px;
5763 position: relative;
5764 }
5765 .latepoint-booking-form-element .os-step-existing-customer-login-w .step-login-existing-customer-btn i {
5766 position: absolute;
5767 left: 10px;
5768 top: 50%;
5769 transform: translateY(-50%);
5770 font-size: 22px;
5771 }
5772 .latepoint-booking-form-element .os-weekdays {
5773 display: flex;
5774 align-items: center;
5775 }
5776 .latepoint-booking-form-element .os-weekdays .weekday {
5777 background-color: #f5f5f5;
5778 flex: 1;
5779 text-transform: uppercase;
5780 font-size: 20px;
5781 color: #adadae;
5782 font-weight: 600;
5783 letter-spacing: 2px;
5784 text-align: left;
5785 padding: 5px 0 0 15px;
5786 line-height: 1;
5787 border-left: 1px solid #ddd;
5788 }
5789 .latepoint-booking-form-element .os-weekdays .weekday:first-child {
5790 border-left-color: transparent;
5791 margin-left: 15px;
5792 padding-left: 0;
5793 }
5794 .latepoint-booking-form-element .os-current-month-label-w {
5795 position: relative;
5796 display: flex;
5797 justify-content: space-between;
5798 align-items: center;
5799 padding: 0 0 0 14px;
5800 }
5801 .latepoint-booking-form-element .os-current-month-label-w .os-month-control-buttons-w {
5802 display: flex;
5803 gap: 15px;
5804 }
5805 .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn,
5806 .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn {
5807 border: none;
5808 font-size: 16px;
5809 background-color: transparent !important;
5810 box-shadow: none;
5811 outline: none;
5812 color: #111;
5813 margin: 0px;
5814 line-height: 1;
5815 vertical-align: middle;
5816 display: inline-block;
5817 cursor: pointer;
5818 padding: 5px;
5819 position: relative;
5820 }
5821 .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn:focus-visible,
5822 .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn:focus-visible {
5823 outline: 2px solid var(--latepoint-brand-primary) !important;
5824 }
5825 .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn.os-loading,
5826 .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.os-loading {
5827 color: transparent !important;
5828 }
5829 .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn.os-loading span, .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn.os-loading i,
5830 .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.os-loading span,
5831 .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.os-loading i {
5832 color: transparent !important;
5833 }
5834 .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn.os-loading:after,
5835 .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.os-loading:after {
5836 display: block;
5837 content: "";
5838 width: 14px;
5839 height: 14px;
5840 border-bottom: 2px solid var(--latepoint-body-color);
5841 border-left: 2px solid var(--latepoint-body-color);
5842 border-top: 2px solid var(--latepoint-body-color);
5843 border-right: 2px solid rgba(0, 0, 0, 0);
5844 border-radius: 20px;
5845 position: absolute;
5846 top: 50%;
5847 left: 50%;
5848 transform: translate(-50%, -50%);
5849 animation: os-loading 700ms infinite linear;
5850 }
5851 .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn:hover,
5852 .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn:hover {
5853 color: var(--latepoint-brand-primary);
5854 }
5855 .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn:focus,
5856 .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn:focus {
5857 outline: none;
5858 }
5859 .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn.disabled,
5860 .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.disabled {
5861 color: rgba(0, 0, 0, 0.1);
5862 }
5863 .latepoint-booking-form-element .os-current-month-label-w .os-current-month-label {
5864 text-align: center;
5865 font-weight: 600;
5866 font-size: 17px;
5867 margin-bottom: 10px;
5868 color: var(--latepoint-body-color);
5869 display: flex;
5870 align-items: baseline;
5871 }
5872 .latepoint-booking-form-element .os-current-month-label-w .os-current-month-label .current-year {
5873 display: inline-block;
5874 vertical-align: middle;
5875 color: color-mix(in srgb, var(--latepoint-body-color) 40%, transparent);
5876 margin-left: 5px;
5877 }
5878 .latepoint-booking-form-element .os-current-month-label-w .os-current-month-label .current-month {
5879 display: inline-block;
5880 vertical-align: middle;
5881 font-size: 32px;
5882 }
5883 .latepoint-booking-form-element .os-monthly-calendar-days-w {
5884 display: none;
5885 }
5886 .latepoint-booking-form-element .os-monthly-calendar-days-w.active {
5887 display: block;
5888 }
5889 .latepoint-booking-form-element .os-monthly-calendar-days-w.hide-if-single-slot .os-day.os-one-slot-only .os-day-status {
5890 display: none;
5891 }
5892 .latepoint-booking-form-element .os-monthly-calendar-days-w.hide-if-single-slot .os-day.selected:after {
5893 font-family: "latepointIcons" !important;
5894 speak: none;
5895 font-style: normal;
5896 font-weight: normal;
5897 font-variant: normal;
5898 text-transform: none;
5899 line-height: 1;
5900 -webkit-font-smoothing: antialiased;
5901 -moz-osx-font-smoothing: grayscale;
5902 content: "\e903";
5903 background-color: var(--latepoint-brand-primary);
5904 box-shadow: 0px 0px 0px 2px #fff;
5905 border-radius: 50%;
5906 width: 14px;
5907 line-height: 14px;
5908 height: 14px;
5909 bottom: 50%;
5910 left: 50%;
5911 font-size: 10px;
5912 text-align: center;
5913 position: absolute;
5914 color: #fff;
5915 transform: translate(11px, -10px);
5916 }
5917 .latepoint-booking-form-element .step-datepicker-w {
5918 position: relative;
5919 }
5920 .latepoint-booking-form-element .step-datepicker-w .dp-capacity, .latepoint-booking-form-element .reschedule-calendar-datepicker .dp-capacity {
5921 position: absolute;
5922 top: 0;
5923 left: 15px;
5924 background-color: #111;
5925 padding: 4px 6px;
5926 color: #fff;
5927 font-weight: 600;
5928 display: none;
5929 white-space: nowrap;
5930 z-index: 9999;
5931 font-size: 15px;
5932 animation: 0.1s ease latepointAvailabilityPopup;
5933 animation-fill-mode: both;
5934 }
5935 .latepoint-booking-form-element .step-datepicker-w .time-selector-w:not(.style-timeline) .dp-timepicker-trigger:not(.selected):hover .dp-capacity, .latepoint-booking-form-element .reschedule-calendar-datepicker .time-selector-w:not(.style-timeline) .dp-timepicker-trigger:not(.selected):hover .dp-capacity {
5936 display: block;
5937 }
5938 .latepoint-booking-form-element .os-monthly-calendar-days {
5939 display: grid;
5940 grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
5941 }
5942 .latepoint-booking-form-element .os-monthly-calendar-days .os-day {
5943 text-align: left;
5944 font-size: 20px;
5945 font-weight: 600;
5946 cursor: pointer;
5947 position: relative;
5948 border-left: 1px solid rgba(0, 0, 0, 0.08);
5949 }
5950 .latepoint-booking-form-element .os-monthly-calendar-days .os-day:nth-child(7n+1) {
5951 border-left-color: transparent;
5952 }
5953 .latepoint-booking-form-element .os-monthly-calendar-days .os-day:focus {
5954 outline: none;
5955 }
5956 .latepoint-booking-form-element .os-monthly-calendar-days .os-day:focus-visible {
5957 outline: 2px solid var(--latepoint-brand-primary);
5958 }
5959 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-next-month, .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-prev-month {
5960 color: #B7BCCB;
5961 background-color: #fff;
5962 }
5963 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available {
5964 cursor: not-allowed;
5965 }
5966 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box {
5967 background-color: transparent;
5968 }
5969 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-status {
5970 background-color: #f7f7f7;
5971 }
5972 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-number {
5973 color: #adadae;
5974 }
5975 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available.selected .os-day-box {
5976 background-color: #ec7376;
5977 }
5978 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available.selected .os-day-box .os-day-number {
5979 color: #fff;
5980 }
5981 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-passed .os-day-box {
5982 background-color: transparent;
5983 }
5984 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-passed .os-day-box .os-day-number {
5985 color: #bdc5da;
5986 }
5987 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-today.os-month-current .os-day-box .os-day-number {
5988 background-color: #fff0c7;
5989 }
5990 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-next, .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-prev {
5991 border-left-color: transparent;
5992 }
5993 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-next .os-day-box, .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-prev .os-day-box {
5994 pointer-events: none;
5995 background-color: transparent;
5996 }
5997 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-next .os-day-box .os-day-status, .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-prev .os-day-box .os-day-status {
5998 display: none;
5999 }
6000 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-next .os-day-box:hover, .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-prev .os-day-box:hover {
6001 opacity: 1;
6002 }
6003 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-next .os-day-box .os-day-number, .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-prev .os-day-box .os-day-number {
6004 color: transparent !important;
6005 }
6006 .latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-box {
6007 padding: 15px 0px 15px 15px;
6008 position: relative;
6009 }
6010 .latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-available-slots-tooltip {
6011 position: absolute;
6012 top: 0;
6013 left: 15px;
6014 background-color: #111;
6015 padding: 4px 6px;
6016 color: #fff;
6017 font-weight: 600;
6018 display: none;
6019 white-space: nowrap;
6020 z-index: 9999;
6021 font-size: 15px;
6022 animation: 0.1s ease latepointAvailabilityPopup;
6023 animation-fill-mode: both;
6024 }
6025 .latepoint-booking-form-element .os-monthly-calendar-days .os-day:nth-child(7n) .os-available-slots-tooltip, .latepoint-booking-form-element .os-monthly-calendar-days .os-day:nth-child(7n+6) .os-available-slots-tooltip {
6026 left: auto;
6027 right: 0;
6028 }
6029 .latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-number {
6030 color: #14161d;
6031 transition: all 0.1s ease;
6032 }
6033 .latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-status {
6034 transition: all 0.1s ease;
6035 }
6036 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-prev, .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-next {
6037 cursor: default;
6038 }
6039 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-next {
6040 display: none;
6041 }
6042 .latepoint-booking-form-element .os-monthly-calendar-days .os-day:hover .os-day-box .os-day-number {
6043 transform: scale(1.2);
6044 transform-origin: bottom left;
6045 white-space: nowrap;
6046 }
6047 .latepoint-booking-form-element .os-monthly-calendar-days .os-day:hover .os-day-box:hover .os-available-slots-tooltip {
6048 display: block;
6049 }
6050 .latepoint-booking-form-element .os-monthly-calendar-days .os-day:hover .os-day-status {
6051 height: 10px;
6052 }
6053 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box {
6054 background-color: var(--latepoint-brand-primary);
6055 border-color: transparent;
6056 color: #fff;
6057 opacity: 1;
6058 padding-left: 0;
6059 }
6060 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box .os-day-number {
6061 background-color: transparent;
6062 color: #fff;
6063 transform: scale(1.2);
6064 transform-origin: center center;
6065 text-align: center;
6066 }
6067 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box .os-day-status {
6068 display: none;
6069 }
6070 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box:hover .os-available-slots-tooltip {
6071 display: none;
6072 }
6073 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next).os-today .os-day-box .os-day-number {
6074 background-color: transparent;
6075 }
6076 .latepoint-booking-form-element .os-day-status {
6077 margin: 0px;
6078 height: 6px;
6079 position: absolute;
6080 border-radius: 0px;
6081 overflow: hidden;
6082 bottom: 6px;
6083 left: 15px;
6084 right: 0px;
6085 background-color: #e6e9ef;
6086 }
6087 .latepoint-booking-form-element .os-day-status .day-available {
6088 background-color: #8fe286;
6089 top: 0px;
6090 bottom: 0px;
6091 position: absolute;
6092 z-index: 1;
6093 min-width: 3px;
6094 }
6095 .latepoint-booking-form-element .times-header {
6096 color: #16171d;
6097 font-size: 17px;
6098 font-weight: 400;
6099 text-align: center;
6100 padding-bottom: 10px;
6101 }
6102 .latepoint-booking-form-element .times-header span {
6103 color: var(--latepoint-brand-primary);
6104 border-bottom: 1px dotted var(--latepoint-brand-primary);
6105 }
6106 .latepoint-booking-form-element .os-calendar-searching-info {
6107 padding-left: 35px;
6108 font-size: 15px;
6109 position: relative;
6110 font-weight: 600;
6111 display: none;
6112 }
6113 .latepoint-booking-form-element .os-calendar-searching-info:before {
6114 display: block;
6115 content: "";
6116 width: 20px !important;
6117 height: 20px !important;
6118 border-bottom: 2px solid var(--latepoint-brand-primary);
6119 border-left: 2px solid var(--latepoint-brand-primary);
6120 border-top: 2px solid var(--latepoint-brand-primary);
6121 border-right: 2px solid rgba(255, 255, 255, 0);
6122 border-radius: 20px;
6123 position: absolute;
6124 top: 50%;
6125 left: 50%;
6126 transform: translate(-50%, -50%);
6127 animation: os-loading 700ms infinite linear;
6128 background-color: transparent !important;
6129 left: 10px;
6130 }
6131 .latepoint-booking-form-element .os-dates-w {
6132 margin: 0 0 0 -15px;
6133 }
6134 .latepoint-booking-form-element .os-dates-w.is-searching .os-calendar-searching-info {
6135 display: block;
6136 }
6137 .latepoint-booking-form-element .os-dates-w.is-searching .os-calendar-while-searching-wrapper {
6138 display: none;
6139 }
6140 .latepoint-booking-form-element .os-times-w {
6141 position: relative;
6142 }
6143 .latepoint-booking-form-element .timeslots {
6144 display: flex;
6145 justify-content: space-between;
6146 }
6147 .latepoint-booking-form-element .timeslots .not-working-message {
6148 flex: 1;
6149 padding: 3px 5px;
6150 text-align: center;
6151 background-color: #f7e8e8;
6152 color: #752f2f;
6153 font-weight: 600;
6154 }
6155 .latepoint-booking-form-element .dp-timebox {
6156 white-space: nowrap;
6157 text-align: center;
6158 padding: 6px 3px;
6159 line-height: 1.2;
6160 background-color: #d6ffd1;
6161 font-size: 15px;
6162 color: #14161d;
6163 cursor: pointer;
6164 font-weight: 600;
6165 position: relative;
6166 width: auto !important;
6167 max-width: none !important;
6168 }
6169 .latepoint-booking-form-element .dp-timebox:focus {
6170 outline: none;
6171 box-shadow: none;
6172 }
6173 .latepoint-booking-form-element .dp-timebox:focus-visible {
6174 outline: 2px solid var(--latepoint-brand-primary);
6175 }
6176 .latepoint-booking-form-element .dp-timebox .dp-tick,
6177 .latepoint-booking-form-element .dp-timebox .dp-success-label {
6178 display: none !important;
6179 }
6180 .latepoint-booking-form-element .dp-timebox:hover {
6181 background-color: #c0fbb8;
6182 }
6183 .latepoint-booking-form-element .dp-timebox.is-off, .latepoint-booking-form-element .dp-timebox.is-booked {
6184 color: #b3b3b3;
6185 background-color: #f7f7f7;
6186 box-shadow: none;
6187 cursor: not-allowed;
6188 }
6189 .latepoint-booking-form-element .dp-timebox.selected {
6190 background-color: var(--latepoint-brand-primary);
6191 color: #fff;
6192 box-shadow: none;
6193 }
6194 .latepoint-booking-form-element .dp-timebox.selected:after {
6195 font-family: "latepointIcons" !important;
6196 speak: none;
6197 font-style: normal;
6198 font-weight: normal;
6199 font-variant: normal;
6200 text-transform: none;
6201 line-height: 1;
6202 -webkit-font-smoothing: antialiased;
6203 -moz-osx-font-smoothing: grayscale;
6204 content: "\e903";
6205 background-color: var(--latepoint-brand-primary);
6206 box-shadow: 0px 0px 0px 2px #fff;
6207 border-radius: 50%;
6208 width: 14px;
6209 line-height: 14px;
6210 height: 14px;
6211 top: -5px;
6212 right: -5px;
6213 font-size: 10px;
6214 text-align: center;
6215 position: absolute;
6216 color: #fff;
6217 animation: 0.2s ease 0s selectedSlotCheckmark;
6218 animation-fill-mode: both;
6219 }
6220 .latepoint-booking-form-element .time-selector-w {
6221 display: none;
6222 margin-top: 20px;
6223 margin-left: -2px;
6224 margin-right: -2px;
6225 }
6226 .latepoint-booking-form-element .time-selector-w.hide-not-available-slots .dp-timebox.is-off, .latepoint-booking-form-element .time-selector-w.hide-not-available-slots .dp-timebox.is-booked {
6227 display: none;
6228 }
6229 .latepoint-booking-form-element .time-selector-w .th-timezone {
6230 text-transform: uppercase;
6231 font-size: 10px;
6232 letter-spacing: 0.5px;
6233 margin-top: 4px;
6234 }
6235 .latepoint-booking-form-element .time-selector-w .th-timezone strong {
6236 color: #7c85a3;
6237 }
6238 .latepoint-booking-form-element .time-selector-w.style-timebox {
6239 margin-top: 20px;
6240 }
6241 .latepoint-booking-form-element .time-selector-w.style-timebox .timeslots {
6242 display: grid;
6243 grid-template-columns: repeat(2, 1fr);
6244 grid-gap: 10px;
6245 }
6246 .latepoint-booking-form-element .time-selector-w.style-timebox .timeslots.slots-not-available {
6247 grid-template-columns: repeat(1, 1fr) !important;
6248 }
6249 .latepoint-booking-form-element .time-selector-w.style-timebox .timeslots .not-working-message {
6250 border-radius: 4px;
6251 padding: 6px;
6252 }
6253 .latepoint-booking-form-element .time-selector-w.style-timebox .timeslots .dp-timebox .dp-label-capacity {
6254 display: none;
6255 }
6256 .latepoint-booking-form-element .time-selector-w.style-timebox .timeslots .dp-timebox.is-off {
6257 display: none;
6258 }
6259 .latepoint-booking-form-element .time-selector-w.style-timebox .times-header {
6260 display: flex;
6261 align-items: center;
6262 margin-bottom: 10px;
6263 padding-top: 10px;
6264 }
6265 .latepoint-booking-form-element .time-selector-w.style-timebox .times-header .times-header-label {
6266 flex: 1;
6267 margin: 0px 15px;
6268 white-space: nowrap;
6269 font-weight: 600;
6270 }
6271 .latepoint-booking-form-element .time-selector-w.style-timebox .times-header .th-line {
6272 height: 1px;
6273 flex: 1;
6274 background-color: rgba(0, 0, 0, 0.1);
6275 content: "";
6276 }
6277 .latepoint-booking-form-element .time-selector-w.style-timeline {
6278 padding-bottom: 30px;
6279 flex-wrap: nowrap;
6280 }
6281 .latepoint-booking-form-element .time-selector-w.with-end-time.time-system-12 .timeslots {
6282 grid-template-columns: repeat(2, 1fr);
6283 }
6284 .latepoint-booking-form-element .time-selector-w.with-end-time.time-system-12 .dp-timebox span.dp-label-end-time {
6285 opacity: 0.7;
6286 }
6287 .latepoint-booking-form-element .time-selector-w.with-end-time.time-system-24 .timeslots {
6288 grid-template-columns: repeat(3, 1fr);
6289 }
6290 .latepoint-booking-form-element .time-selector-w.with-end-time.time-system-24 .dp-timebox span.dp-label-end-time {
6291 opacity: 0.7;
6292 }
6293 .latepoint-booking-form-element .time-selector-w.without-end-time.time-system-12 .timeslots {
6294 grid-template-columns: repeat(4, 1fr);
6295 }
6296 .latepoint-booking-form-element .time-selector-w.without-end-time.time-system-24 .timeslots {
6297 grid-template-columns: repeat(5, 1fr);
6298 }
6299 .latepoint-booking-form-element .dp-timeslot {
6300 height: 24px;
6301 flex-grow: 1;
6302 margin: 0px;
6303 box-shadow: inset 1px 0px 0px 0px #fff, inset -1px 0px 0px 0px #fff;
6304 border-radius: 0px;
6305 position: relative;
6306 cursor: pointer;
6307 background-color: #8fe286;
6308 }
6309 .latepoint-booking-form-element .dp-timeslot:focus-visible {
6310 outline: 2px solid var(--latepoint-brand-primary);
6311 }
6312 .latepoint-booking-form-element .dp-timeslot .dp-tick {
6313 position: absolute;
6314 display: block;
6315 top: 34px;
6316 left: 50%;
6317 transform: translateX(-50%);
6318 font-size: 8px;
6319 text-align: center;
6320 color: rgba(0, 0, 0, 0.4);
6321 text-transform: uppercase;
6322 line-height: 1.4;
6323 font-weight: 600;
6324 letter-spacing: 1px;
6325 }
6326 .latepoint-booking-form-element .dp-timeslot .dp-tick strong {
6327 display: block;
6328 color: rgb(0, 0, 0);
6329 font-size: 11px;
6330 line-height: 1;
6331 letter-spacing: 0px;
6332 white-space: nowrap;
6333 }
6334 .latepoint-booking-form-element .dp-timeslot .dp-success-label {
6335 color: rgba(255, 255, 255, 0.8);
6336 display: block;
6337 text-align: center;
6338 margin-bottom: 4px;
6339 text-transform: uppercase;
6340 letter-spacing: 1px;
6341 font-size: 10px;
6342 }
6343 .latepoint-booking-form-element .dp-timeslot .dp-label {
6344 display: none;
6345 text-align: center;
6346 padding: 7px 8px 7px 8px;
6347 line-height: 1;
6348 background-color: #04bb03;
6349 color: #fff;
6350 font-size: 12px;
6351 font-weight: 600;
6352 position: absolute;
6353 left: 50%;
6354 top: -8px;
6355 transform: translate(-50%, -100%);
6356 white-space: nowrap;
6357 transition: all 0.2s ease;
6358 z-index: 10;
6359 }
6360 .latepoint-booking-form-element .dp-timeslot .dp-label-capacity {
6361 display: block;
6362 color: rgba(255, 255, 255, 0.8);
6363 text-align: center;
6364 margin-bottom: 4px;
6365 text-transform: uppercase;
6366 letter-spacing: 1px;
6367 font-size: 10px;
6368 }
6369 .latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked), .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off) {
6370 background-color: var(--latepoint-brand-primary);
6371 z-index: 4;
6372 }
6373 .latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked) .dp-label-capacity, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off) .dp-label-capacity {
6374 display: none;
6375 }
6376 .latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked):hover, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off):hover {
6377 background-color: var(--latepoint-brand-primary);
6378 }
6379 .latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked):after, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off):after {
6380 content: "";
6381 position: absolute;
6382 width: 1px;
6383 left: 50%;
6384 transform: translateX(-50%);
6385 top: 0px;
6386 bottom: 0px;
6387 background-color: var(--latepoint-brand-primary);
6388 display: none;
6389 }
6390 .latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked) .dp-label, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off) .dp-label {
6391 top: -3px;
6392 background-color: var(--latepoint-brand-primary);
6393 color: #fff;
6394 display: block;
6395 }
6396 .latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked):before, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off):before {
6397 background-color: var(--latepoint-brand-primary);
6398 display: block;
6399 width: 10px;
6400 height: 10px;
6401 transform: translateX(-50%) rotate(45deg);
6402 top: -12px;
6403 left: 50%;
6404 }
6405 .latepoint-booking-form-element .dp-timeslot.is-booked {
6406 background-color: #e6e9ef;
6407 margin: 0px;
6408 cursor: not-allowed;
6409 }
6410 .latepoint-booking-form-element .dp-timeslot.is-booked:before {
6411 background-color: #E42806;
6412 }
6413 .latepoint-booking-form-element .dp-timeslot.is-booked .dp-label {
6414 background-color: #E42806;
6415 }
6416 .latepoint-booking-form-element .dp-timeslot.is-booked:hover {
6417 background-color: #E42806;
6418 }
6419 .latepoint-booking-form-element .dp-timeslot.is-off {
6420 background-color: #e6e9ef;
6421 margin: 0px;
6422 border-color: #fff;
6423 max-width: 25%;
6424 cursor: not-allowed;
6425 }
6426 .latepoint-booking-form-element .dp-timeslot.is-off:before {
6427 background-color: #E42806;
6428 }
6429 .latepoint-booking-form-element .dp-timeslot.is-off .dp-label {
6430 background-color: #E42806;
6431 }
6432 .latepoint-booking-form-element .dp-timeslot.is-off:hover {
6433 background-color: #e6e9ef;
6434 }
6435 .latepoint-booking-form-element .dp-timeslot.is-off:hover .dp-label {
6436 display: none;
6437 }
6438 .latepoint-booking-form-element .dp-timeslot.with-tick:after {
6439 content: "";
6440 position: absolute;
6441 width: 1px;
6442 left: 50%;
6443 height: 3px;
6444 bottom: -7px;
6445 background-color: rgba(0, 0, 0, 0.4);
6446 }
6447 .latepoint-booking-form-element .dp-timeslot:hover {
6448 background-color: #04bb03;
6449 }
6450 .latepoint-booking-form-element .dp-timeslot:hover:before {
6451 top: 0px;
6452 }
6453 .latepoint-booking-form-element .dp-timeslot:hover .dp-label {
6454 display: block;
6455 }
6456
6457 .latepoint-message {
6458 border-radius: 0px;
6459 }
6460 .latepoint-message.latepoint-message-success {
6461 padding: 10px 15px;
6462 font-weight: 600;
6463 margin-bottom: 15px;
6464 background: #eeffed;
6465 color: #0d7f24;
6466 text-align: center;
6467 border: 1px solid #a9e3a2;
6468 box-shadow: 0px 1px 4px -1px rgba(79, 239, 88, 0.6);
6469 }
6470 .latepoint-message.latepoint-message-error {
6471 padding: 10px;
6472 font-weight: 600;
6473 margin-bottom: 15px;
6474 background: #ffcfcf;
6475 color: #750e0e;
6476 text-align: center;
6477 border: 1px solid #ffcfcf;
6478 box-shadow: none;
6479 }
6480 .latepoint-message.latepoint-message-warning {
6481 padding: 10px;
6482 font-weight: 600;
6483 margin-bottom: 15px;
6484 background: #ffeabe;
6485 color: #75450e;
6486 text-align: center;
6487 border: 1px solid #c16d18;
6488 box-shadow: 0px 2px 4px rgba(64, 55, 40, 0.05);
6489 }
6490 .latepoint-message.latepoint-message-info {
6491 padding: 10px;
6492 font-weight: 600;
6493 margin-bottom: 15px;
6494 background: #eee;
6495 color: #111;
6496 text-align: center;
6497 }
6498
6499 .os-booking-limit-reached {
6500 position: absolute;
6501 top: 10px;
6502 right: 10px;
6503 left: 10px;
6504 bottom: 10px;
6505 background-color: #fff0f0;
6506 border: 1px solid #b95252;
6507 color: #b95252;
6508 font-size: 18px;
6509 text-align: center;
6510 padding: 30px;
6511 display: flex;
6512 align-items: center;
6513 }
6514 .os-booking-limit-reached .os-booking-limit-icon-w {
6515 margin-bottom: 10px;
6516 font-size: 40px;
6517 color: #d8adb0;
6518 line-height: 1;
6519 }
6520 .os-booking-limit-reached h3 {
6521 color: #5f1b1b;
6522 margin-bottom: 10px;
6523 margin-top: 0px;
6524 padding: 0px;
6525 }
6526
6527 .latepoint-w.customer-dashboard-order-summary-lightbox .os-item-details-popup, .latepoint-w.customer-dashboard-booking-summary-lightbox .os-item-details-popup {
6528 position: relative;
6529 background-color: #fff;
6530 display: none;
6531 margin: -30px -30px -30px -30px;
6532 }
6533 .latepoint-w.customer-dashboard-order-summary-lightbox .os-item-details-popup.open, .latepoint-w.customer-dashboard-booking-summary-lightbox .os-item-details-popup.open {
6534 display: block;
6535 }
6536 .latepoint-w .os-item-details-popup {
6537 display: none;
6538 }
6539 .latepoint-w .os-item-details-popup.open {
6540 display: block;
6541 }
6542 .latepoint-w .os-item-details-popup .os-item-details-popup-close {
6543 position: absolute;
6544 top: 0px;
6545 right: 0px;
6546 background-color: #FF5151;
6547 color: #fff;
6548 padding: 10px;
6549 font-size: 13px;
6550 font-weight: 600;
6551 z-index: 9999;
6552 }
6553 .latepoint-w .os-item-details-popup .os-item-details-popup-close span, .latepoint-w .os-item-details-popup .os-item-details-popup-close i {
6554 display: inline-block;
6555 vertical-align: middle;
6556 line-height: 1;
6557 }
6558 .latepoint-w .os-item-details-popup .os-item-details-popup-close span {
6559 margin-right: 10px;
6560 }
6561 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-head {
6562 background-size: cover;
6563 background-position: center center;
6564 padding: 80px 40px 40px 40px;
6565 position: relative;
6566 }
6567 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-head h3 {
6568 color: #fff;
6569 text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
6570 font-size: 30px;
6571 margin: 0px;
6572 z-index: 2;
6573 position: relative;
6574 }
6575 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-head .item-details-popup-title {
6576 margin-top: 5px;
6577 color: rgba(255, 255, 255, 0.8);
6578 z-index: 2;
6579 position: relative;
6580 font-size: 21px;
6581 }
6582 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-head:before {
6583 content: "";
6584 position: absolute;
6585 top: 0px;
6586 left: 0px;
6587 bottom: 0px;
6588 right: 0px;
6589 background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
6590 z-index: 1;
6591 }
6592 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content {
6593 padding: 40px;
6594 font-size: 16px;
6595 line-height: 21px;
6596 position: relative;
6597 z-index: 2;
6598 }
6599 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .bio-curve {
6600 position: absolute;
6601 top: 1px;
6602 left: 0px;
6603 right: 0px;
6604 bottom: 0px;
6605 transform: translateY(-100%);
6606 display: block;
6607 width: 100%;
6608 max-width: 100%;
6609 height: auto;
6610 z-index: 9999;
6611 }
6612 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features {
6613 display: flex;
6614 justify-content: space-between;
6615 padding-bottom: 20px;
6616 margin-top: -15px;
6617 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
6618 margin-bottom: 30px;
6619 }
6620 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features .item-details-popup-feature {
6621 flex: 1;
6622 padding: 0px 15px;
6623 }
6624 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features .item-details-popup-feature:first-child {
6625 padding-left: 0px;
6626 }
6627 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features .item-details-popup-feature:last-child {
6628 padding-right: 0px;
6629 }
6630 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features .item-details-popup-feature .item-details-popup-feature-value {
6631 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
6632 font-weight: 600;
6633 font-size: 27px;
6634 font-weight: 600;
6635 line-height: 1.2;
6636 color: var(--latepoint-brand-primary);
6637 }
6638 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features .item-details-popup-feature .item-details-popup-feature-label {
6639 font-size: 13px;
6640 color: #7c85a3;
6641 }
6642 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features .item-details-popup-feature + .item-details-popup-feature {
6643 border-left: 1px solid rgba(0, 0, 0, 0.05);
6644 }
6645 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-content-i::first-letter {
6646 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
6647 font-weight: 600;
6648 font-size: 27px;
6649 line-height: 21px;
6650 color: var(--latepoint-brand-primary);
6651 font-weight: 600;
6652 padding-right: 1px;
6653 }
6654
6655 .add-to-calendar-wrapper {
6656 position: relative;
6657 }
6658 .add-to-calendar-wrapper.show-types .add-to-calendar-types {
6659 display: flex;
6660 }
6661 .add-to-calendar-wrapper.show-types .open-calendar-types {
6662 visibility: hidden;
6663 }
6664
6665 .add-to-calendar-types {
6666 border: 1px solid #aaa;
6667 box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
6668 background-color: #eee;
6669 display: none;
6670 flex-direction: column;
6671 position: absolute;
6672 gap: 1px;
6673 top: 0%;
6674 left: 0;
6675 animation: 0.15s cubic-bezier(0.05, 0.45, 0.1, 1) 0s up20;
6676 animation-fill-mode: both;
6677 z-index: 1;
6678 }
6679 .add-to-calendar-types .atc-heading-wrapper {
6680 padding: 5px;
6681 padding-left: 10px;
6682 font-weight: 600;
6683 display: flex;
6684 font-size: 15px;
6685 justify-content: space-between;
6686 align-items: center;
6687 background-color: #f2f2f2;
6688 }
6689 .add-to-calendar-types .atc-heading-wrapper .close-calendar-types {
6690 line-height: 12px;
6691 font-size: 14px;
6692 padding: 3px;
6693 background-color: #ddd;
6694 text-align: center;
6695 cursor: pointer;
6696 }
6697 .add-to-calendar-types .atc-heading-wrapper .close-calendar-types:hover {
6698 background-color: var(--latepoint-brand-primary);
6699 color: #fff;
6700 }
6701 .add-to-calendar-types .atc-heading-wrapper .close-calendar-types:before {
6702 line-height: 1;
6703 font-family: "latepointIcons" !important;
6704 speak: none;
6705 font-style: normal;
6706 font-weight: normal;
6707 font-variant: normal;
6708 text-transform: none;
6709 line-height: 1;
6710 -webkit-font-smoothing: antialiased;
6711 -moz-osx-font-smoothing: grayscale;
6712 content: "\e90a";
6713 }
6714 .add-to-calendar-types .atc-type {
6715 padding: 10px;
6716 padding-right: 15px;
6717 display: flex;
6718 gap: 10px;
6719 align-items: center;
6720 cursor: pointer;
6721 background-color: #fff;
6722 text-decoration: none;
6723 position: relative;
6724 }
6725 .add-to-calendar-types .atc-type:hover {
6726 box-shadow: 0 0 0 1px var(--latepoint-brand-primary), inset 0 0 0 1px var(--latepoint-brand-primary);
6727 z-index: 1;
6728 }
6729 .add-to-calendar-types .atc-type .atc-type-image {
6730 width: 18px;
6731 height: 18px;
6732 background-size: contain;
6733 background-repeat: no-repeat;
6734 background-position: center left;
6735 }
6736 .add-to-calendar-types .atc-type .atc-type-name {
6737 font-weight: 600;
6738 font-size: 15px;
6739 color: var(--latepoint-body-color);
6740 white-space: nowrap;
6741 }
6742 .add-to-calendar-types .atc-type.atc-type-apple .atc-type-image {
6743 background-image: url(/wp-content/plugins/latepoint/public/images/apple-logo-compact.png);
6744 }
6745 .add-to-calendar-types .atc-type.atc-type-google .atc-type-image {
6746 background-image: url(/wp-content/plugins/latepoint/public/images/google-logo-compact.png);
6747 }
6748 .add-to-calendar-types .atc-type.atc-type-outlook .atc-type-image {
6749 background-image: url(/wp-content/plugins/latepoint/public/images/outlook-logo-compact.png);
6750 }
6751 .add-to-calendar-types .atc-type.atc-type-office-365 .atc-type-image {
6752 background-image: url(/wp-content/plugins/latepoint/public/images/office-365-logo-compact.jpg);
6753 }
6754
6755 .latepoint-continue-intent-loading {
6756 position: fixed;
6757 top: 0;
6758 right: 0;
6759 bottom: 0;
6760 left: 0;
6761 z-index: 999999;
6762 background-color: rgba(0, 0, 0, 0.6);
6763 }
6764 .latepoint-continue-intent-loading:before {
6765 display: block;
6766 content: "";
6767 width: 50px;
6768 height: 50px;
6769 border-bottom: 4px solid #fff;
6770 border-left: 4px solid #fff;
6771 border-top: 4px solid #fff;
6772 border-right: 4px solid rgba(255, 255, 255, 0);
6773 border-radius: 50%;
6774 position: absolute;
6775 top: 50%;
6776 left: 50%;
6777 transform: translate(-50%, -50%);
6778 animation: os-loading 700ms infinite linear;
6779 background-color: transparent !important;
6780 z-index: 999;
6781 }
6782
6783 /*!
6784 * Copyright (c) 2024 LatePoint LLC. All rights reserved.
6785 */
6786 .latepoint-calendar-wrapper {
6787 position: relative;
6788 }
6789 .latepoint-calendar-wrapper.show-filters .latepoint-calendar-filters {
6790 display: flex;
6791 }
6792 .latepoint-calendar-wrapper.show-filters .le-filter .latepoint-icon:before {
6793 content: "\e90a";
6794 }
6795 .latepoint-calendar-wrapper.os-loading .latepoint-calendar-controls-wrapper:before {
6796 content: "";
6797 display: block;
6798 position: absolute;
6799 bottom: -1px;
6800 left: 0;
6801 right: 0;
6802 height: 3px;
6803 background: repeating-linear-gradient(to right, #fff 0%, #1D7BFF 50%, #fff 100%);
6804 width: 100%;
6805 background-size: 200% auto;
6806 background-position: 0 100%;
6807 animation: os-loading-gradient 1.5s infinite;
6808 animation-fill-mode: forwards;
6809 animation-timing-function: linear;
6810 }
6811
6812 .latepoint-calendar-controls-wrapper {
6813 position: sticky;
6814 top: 0;
6815 z-index: 10;
6816 border-bottom: 1px solid #ddd;
6817 background-color: #fff;
6818 }
6819
6820 .latepoint-calendar-filters {
6821 border-top: 1px solid #eee;
6822 padding: 15px 0;
6823 gap: 15px;
6824 display: none;
6825 align-items: center;
6826 justify-content: flex-end;
6827 }
6828 .latepoint-calendar-filters .le-filters-label {
6829 font-size: 15px;
6830 }
6831
6832 .le-range-selector {
6833 margin-left: auto;
6834 }
6835
6836 .le-range-selector select.os-form-control,
6837 .latepoint-calendar-filters select.os-form-control {
6838 padding: 8px 10px;
6839 line-height: 1.55;
6840 border-radius: 6px;
6841 border: 1px solid #ccc;
6842 font-size: 15px;
6843 height: auto;
6844 }
6845
6846 .latepoint-calendar-controls {
6847 display: flex;
6848 align-items: center;
6849 gap: 15px;
6850 padding: 15px 0;
6851 }
6852 .latepoint-calendar-controls .le-label {
6853 color: rgba(0, 0, 0, 0.3);
6854 font-size: 27px;
6855 font-weight: 600;
6856 line-height: 1;
6857 }
6858 .latepoint-calendar-controls .le-week {
6859 font-size: 27px;
6860 font-weight: 600;
6861 line-height: 1;
6862 }
6863 .latepoint-calendar-controls .le-month {
6864 font-size: 36px;
6865 font-weight: 600;
6866 line-height: 1;
6867 }
6868 .latepoint-calendar-controls .le-filter {
6869 padding: 6px 12px;
6870 border: 1px solid #ccc;
6871 color: var(--latepoint-body-color);
6872 cursor: pointer;
6873 display: flex;
6874 gap: 10px;
6875 align-items: center;
6876 font-size: 15px;
6877 border-radius: 6px;
6878 position: relative;
6879 }
6880 .latepoint-calendar-controls .le-filter.os-loading:before {
6881 display: block;
6882 content: "";
6883 width: 10px !important;
6884 height: 10px !important;
6885 border-bottom: 2px solid #000;
6886 border-left: 2px solid #000;
6887 border-top: 2px solid #000;
6888 border-right: 2px solid rgba(255, 255, 255, 0);
6889 border-radius: 20px;
6890 position: absolute;
6891 top: 50%;
6892 left: 50%;
6893 transform: translate(-50%, -50%);
6894 animation: os-loading 700ms infinite linear;
6895 background-color: transparent !important;
6896 left: 18px;
6897 }
6898 .latepoint-calendar-controls .le-filter.os-loading .latepoint-icon {
6899 color: transparent;
6900 }
6901 .latepoint-calendar-controls .le-filter:hover {
6902 border-color: #111;
6903 }
6904 .latepoint-calendar-controls .le-navigation-wrapper {
6905 border-left: 1px solid #eee;
6906 padding-left: 20px;
6907 margin-left: 5px;
6908 }
6909 .latepoint-calendar-controls .le-navigation {
6910 display: flex;
6911 font-size: 15px;
6912 border-radius: 6px;
6913 align-items: stretch;
6914 border: 1px solid #ccc;
6915 }
6916 .latepoint-calendar-controls .le-navigation .le-today {
6917 padding: 6px 12px;
6918 color: var(--latepoint-body-color);
6919 cursor: pointer;
6920 position: relative;
6921 border-radius: 6px;
6922 }
6923 .latepoint-calendar-controls .le-navigation .le-today:hover {
6924 box-shadow: 0 0 0 1px #111;
6925 z-index: 2;
6926 }
6927 .latepoint-calendar-controls .le-navigation .le-navigation-button {
6928 padding: 11px 10px;
6929 cursor: pointer;
6930 position: relative;
6931 font-size: 10px;
6932 line-height: 1;
6933 border-radius: 6px;
6934 }
6935 .latepoint-calendar-controls .le-navigation .le-navigation-button:hover {
6936 box-shadow: 0 0 0 1px #111;
6937 z-index: 2;
6938 border-color: transparent;
6939 }
6940 .latepoint-calendar-controls .le-navigation .le-navigation-button.os-loading {
6941 color: transparent;
6942 }
6943 .latepoint-calendar-controls .le-navigation .le-navigation-button.os-loading:before {
6944 display: block;
6945 content: "";
6946 width: 10px !important;
6947 height: 10px !important;
6948 border-bottom: 2px solid #000;
6949 border-left: 2px solid #000;
6950 border-top: 2px solid #000;
6951 border-right: 2px solid rgba(255, 255, 255, 0);
6952 border-radius: 20px;
6953 position: absolute;
6954 top: 50%;
6955 left: 50%;
6956 transform: translate(-50%, -50%);
6957 animation: os-loading 700ms infinite linear;
6958 background-color: transparent !important;
6959 }
6960
6961 .latepoint-calendar-week {
6962 display: grid;
6963 grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
6964 padding-left: 50px;
6965 }
6966 .latepoint-calendar-week .le-day-wrapper {
6967 position: relative;
6968 }
6969 .latepoint-calendar-week .le-day-wrapper.day-weekday-6 .le-day-weekday-wrapper, .latepoint-calendar-week .le-day-wrapper.day-weekday-7 .le-day-weekday-wrapper {
6970 background-color: #fffaf1;
6971 }
6972 .latepoint-calendar-week .le-day-wrapper.os-today .le-day-weekday-wrapper:before {
6973 content: "";
6974 left: 0px;
6975 right: 0px;
6976 top: 0px;
6977 background-color: #f34a4a;
6978 position: absolute;
6979 height: 2px;
6980 z-index: 10;
6981 }
6982 .latepoint-calendar-week .le-day-wrapper:hover .le-day-number {
6983 color: var(--latepoint-brand-primary);
6984 border-bottom-color: var(--latepoint-brand-primary);
6985 }
6986 .latepoint-calendar-week .le-day-wrapper:first-child .day-schedule-timeslot-value {
6987 display: block;
6988 }
6989 .latepoint-calendar-week .le-day-wrapper:first-child .le-day-schedule-wrapper .day-schedule-timeslot:before {
6990 content: "";
6991 background-color: #ddd;
6992 height: 1px;
6993 top: 0px;
6994 left: -5px;
6995 width: 5px;
6996 position: absolute;
6997 }
6998 .latepoint-calendar-week .le-day-wrapper:last-child {
6999 border-right: 1px solid #ddd;
7000 }
7001 .latepoint-calendar-week .le-day-weekday-wrapper {
7002 border-left: 1px solid #ddd;
7003 padding-left: 20px;
7004 padding-top: 10px;
7005 padding-bottom: 7px;
7006 border-bottom: 1px solid #bbb;
7007 position: sticky;
7008 top: 35px;
7009 z-index: 7;
7010 box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
7011 background-color: #fff;
7012 }
7013 .latepoint-calendar-week .le-day-weekday {
7014 font-weight: 600;
7015 color: #aaa;
7016 z-index: 3;
7017 position: relative;
7018 }
7019 .latepoint-calendar-week .le-day-number {
7020 font-size: 45px;
7021 font-weight: 600;
7022 line-height: 1;
7023 border-bottom: 1px dotted transparent;
7024 display: inline-block;
7025 cursor: pointer;
7026 position: relative;
7027 z-index: 2;
7028 }
7029 .latepoint-calendar-week .le-day-number:hover {
7030 border-bottom-style: solid;
7031 }
7032 .latepoint-calendar-week .le-day-number.os-loading {
7033 color: transparent !important;
7034 border-bottom-color: transparent !important;
7035 }
7036 .latepoint-calendar-week .le-day-number.os-loading:before {
7037 display: block;
7038 content: "";
7039 width: 30px !important;
7040 height: 30px !important;
7041 border-bottom: 2px solid var(--latepoint-brand-primary);
7042 border-left: 2px solid var(--latepoint-brand-primary);
7043 border-top: 2px solid var(--latepoint-brand-primary);
7044 border-right: 2px solid rgba(255, 255, 255, 0);
7045 border-radius: 20px;
7046 position: absolute;
7047 top: 50%;
7048 left: 50%;
7049 transform: translate(-50%, -50%);
7050 animation: os-loading 700ms infinite linear;
7051 background-color: transparent !important;
7052 }
7053 .latepoint-calendar-week .os-day-month {
7054 position: absolute;
7055 z-index: 1;
7056 font-size: 75px;
7057 color: rgba(0, 0, 0, 0.05);
7058 left: 15px;
7059 top: 12px;
7060 line-height: 1;
7061 overflow: hidden;
7062 right: 0;
7063 }
7064 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots {
7065 position: relative;
7066 }
7067 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots:before {
7068 content: "";
7069 top: 0;
7070 bottom: 0;
7071 width: 1px;
7072 background-color: #e1e1e1;
7073 position: absolute;
7074 left: 0;
7075 }
7076 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper {
7077 display: flex;
7078 background-color: #f9f9f9;
7079 }
7080 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper:first-child .day-schedule-timeslot-value {
7081 display: none;
7082 }
7083 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper:first-child .day-schedule-timeslot:before {
7084 background-color: transparent;
7085 }
7086 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper .day-schedule-timeslot {
7087 flex: 1;
7088 text-align: right;
7089 text-transform: uppercase;
7090 letter-spacing: 1px;
7091 font-size: 11px;
7092 height: 44px;
7093 position: relative;
7094 box-shadow: 0 1px 0 0 #ddd;
7095 }
7096 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper {
7097 position: absolute;
7098 left: 0;
7099 right: 0;
7100 font-size: 12px;
7101 background-color: #fff;
7102 z-index: 2;
7103 cursor: pointer;
7104 box-shadow: inset 0 1px 0 0px #ddd, 0 3px 0 0 rgba(0, 0, 0, 0.03);
7105 border-bottom: 1px solid #ccc;
7106 }
7107 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.os-loading:before {
7108 content: "";
7109 display: block;
7110 content: "";
7111 width: 8px !important;
7112 height: 8px !important;
7113 border-bottom: 2px solid #111;
7114 border-left: 2px solid #111;
7115 border-top: 2px solid #111;
7116 border-right: 2px solid rgba(255, 255, 255, 0);
7117 border-radius: 20px;
7118 position: absolute;
7119 top: 50%;
7120 left: 50%;
7121 transform: translate(-50%, -50%);
7122 animation: os-loading 700ms infinite linear;
7123 background-color: transparent !important;
7124 top: 10px;
7125 right: 0px;
7126 left: auto;
7127 }
7128 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed {
7129 cursor: not-allowed;
7130 }
7131 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed .le-service-inner {
7132 opacity: 0.6;
7133 }
7134 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed:hover .is-passed-message {
7135 display: block;
7136 }
7137 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed .is-passed-message {
7138 display: none;
7139 background-color: #000;
7140 color: #fff;
7141 padding: 5px 10px;
7142 font-weight: 600;
7143 font-size: 12px;
7144 position: absolute;
7145 top: 0;
7146 left: 50%;
7147 transform: translate(-50%, -110%);
7148 white-space: nowrap;
7149 }
7150 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover {
7151 opacity: 1;
7152 z-index: 3;
7153 }
7154 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-color-elem {
7155 width: 5px;
7156 }
7157 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-service-name, .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-service-time-period {
7158 transform: translateX(3px);
7159 }
7160 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper .le-service-inner {
7161 padding: 3px;
7162 padding-left: 8px;
7163 display: flex;
7164 flex-direction: column;
7165 height: 100%;
7166 box-sizing: border-box;
7167 }
7168 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper .le-color-elem {
7169 position: absolute;
7170 top: 0px;
7171 bottom: -1px;
7172 left: 0px;
7173 width: 3px;
7174 display: block;
7175 transition: all 0.15s ease;
7176 }
7177 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-time-period {
7178 transition: transform 0.15s ease;
7179 }
7180 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-name {
7181 font-weight: 600;
7182 font-size: 15px;
7183 line-height: 1.4;
7184 overflow: hidden;
7185 transition: transform 0.15s ease;
7186 }
7187 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslot {
7188 position: relative;
7189 }
7190 .latepoint-calendar-week .day-schedule-timeslot-value {
7191 display: none;
7192 position: absolute;
7193 top: 0;
7194 transform: translateY(-50%);
7195 left: -60px;
7196 width: 50px;
7197 text-align: right;
7198 }
7199
7200 .latepoint-calendar-month {
7201 display: grid;
7202 grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
7203 gap: 1px;
7204 background-color: #ddd;
7205 padding: 1px;
7206 padding-top: 0;
7207 }
7208 .latepoint-calendar-month .le-weekday {
7209 background-color: #fff;
7210 padding: 5px 15px;
7211 font-weight: 600;
7212 font-size: 18px;
7213 }
7214 .latepoint-calendar-month .le-weekday.weekday-6, .latepoint-calendar-month .le-weekday.weekday-7 {
7215 color: #382c18;
7216 }
7217 .latepoint-calendar-month .le-day-wrapper {
7218 min-height: 200px;
7219 background-color: #fff;
7220 padding: 20px;
7221 position: relative;
7222 }
7223 .latepoint-calendar-month .le-day-wrapper:hover .le-day-number {
7224 color: var(--latepoint-brand-primary);
7225 border-bottom: 1px dotted var(--latepoint-brand-primary);
7226 }
7227 .latepoint-calendar-month .le-day-wrapper.os-today:before {
7228 content: "";
7229 left: -1px;
7230 right: -1px;
7231 top: -1px;
7232 background-color: #f34a4a;
7233 position: absolute;
7234 height: 2px;
7235 }
7236 .latepoint-calendar-month .le-day-wrapper.os-day-passed, .latepoint-calendar-month .le-day-wrapper.os-month-prev, .latepoint-calendar-month .le-day-wrapper.os-month-next {
7237 background-color: #f9f9f9;
7238 }
7239 .latepoint-calendar-month .le-day-wrapper.os-day-passed .le-day-number, .latepoint-calendar-month .le-day-wrapper.os-month-prev .le-day-number, .latepoint-calendar-month .le-day-wrapper.os-month-next .le-day-number {
7240 color: #999;
7241 }
7242 .latepoint-calendar-month .le-day-wrapper.os-day-passed .le-service-wrapper, .latepoint-calendar-month .le-day-wrapper.os-month-prev .le-service-wrapper, .latepoint-calendar-month .le-day-wrapper.os-month-next .le-service-wrapper {
7243 opacity: 0.8;
7244 }
7245 .latepoint-calendar-month .le-day-wrapper .le-more-services {
7246 color: var(--latepoint-brand-primary);
7247 border-bottom: 1px dotted var(--latepoint-brand-primary);
7248 font-size: 15px;
7249 display: inline-block;
7250 cursor: pointer;
7251 font-weight: 600;
7252 line-height: 1.2;
7253 position: relative;
7254 }
7255 .latepoint-calendar-month .le-day-wrapper .le-more-services:hover {
7256 border-bottom-style: solid;
7257 }
7258 .latepoint-calendar-month .le-day-wrapper .le-more-services.os-loading {
7259 color: transparent;
7260 border-bottom-color: transparent;
7261 }
7262 .latepoint-calendar-month .le-day-wrapper .le-more-services.os-loading:before {
7263 display: block;
7264 content: "";
7265 width: 10px !important;
7266 height: 10px !important;
7267 border-bottom: 2px solid var(--latepoint-brand-primary);
7268 border-left: 2px solid var(--latepoint-brand-primary);
7269 border-top: 2px solid var(--latepoint-brand-primary);
7270 border-right: 2px solid rgba(255, 255, 255, 0);
7271 border-radius: 20px;
7272 position: absolute;
7273 top: 50%;
7274 left: 50%;
7275 transform: translate(-50%, -50%);
7276 animation: os-loading 700ms infinite linear;
7277 background-color: transparent !important;
7278 }
7279 .latepoint-calendar-month .le-day-wrapper .os-day-month {
7280 position: absolute;
7281 z-index: 1;
7282 font-size: 60px;
7283 color: rgba(0, 0, 0, 0.05);
7284 left: 20px;
7285 top: 7px;
7286 line-height: 1;
7287 right: 0;
7288 overflow: hidden;
7289 }
7290 .latepoint-calendar-month .le-day-wrapper .le-day-number {
7291 z-index: 2;
7292 font-size: 27px;
7293 font-weight: 600;
7294 line-height: 1;
7295 margin-bottom: 10px;
7296 border-bottom: 1px dotted transparent;
7297 display: inline-block;
7298 cursor: pointer;
7299 position: relative;
7300 }
7301 .latepoint-calendar-month .le-day-wrapper .le-day-number:hover {
7302 border-bottom-style: solid;
7303 }
7304 .latepoint-calendar-month .le-day-wrapper .le-day-number.os-loading {
7305 color: transparent;
7306 border-bottom-color: transparent;
7307 }
7308 .latepoint-calendar-month .le-day-wrapper .le-day-number.os-loading:before {
7309 display: block;
7310 content: "";
7311 width: 15px !important;
7312 height: 15px !important;
7313 border-bottom: 2px solid var(--latepoint-brand-primary);
7314 border-left: 2px solid var(--latepoint-brand-primary);
7315 border-top: 2px solid var(--latepoint-brand-primary);
7316 border-right: 2px solid rgba(255, 255, 255, 0);
7317 border-radius: 20px;
7318 position: absolute;
7319 top: 50%;
7320 left: 50%;
7321 transform: translate(-50%, -50%);
7322 animation: os-loading 700ms infinite linear;
7323 background-color: transparent !important;
7324 }
7325 .latepoint-calendar-month .le-day-wrapper .le-service-wrapper {
7326 padding: 3px;
7327 padding-left: 10px;
7328 font-size: 12px;
7329 margin-bottom: 10px;
7330 border: 1px solid #ddd;
7331 position: relative;
7332 background-color: #fff;
7333 z-index: 2;
7334 cursor: pointer;
7335 box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
7336 border-bottom-color: #bbb;
7337 border-left: none;
7338 }
7339 .latepoint-calendar-month .le-day-wrapper .le-service-wrapper.is-passed {
7340 cursor: not-allowed;
7341 }
7342 .latepoint-calendar-month .le-day-wrapper .le-service-wrapper.is-passed .le-service-inner {
7343 opacity: 0.6;
7344 }
7345 .latepoint-calendar-month .le-day-wrapper .le-service-wrapper.is-passed:hover .is-passed-message {
7346 display: block;
7347 }
7348 .latepoint-calendar-month .le-day-wrapper .le-service-wrapper.is-passed .is-passed-message {
7349 display: none;
7350 background-color: #000;
7351 color: #fff;
7352 padding: 5px 10px;
7353 font-weight: 600;
7354 font-size: 12px;
7355 position: absolute;
7356 top: 0;
7357 left: 50%;
7358 transform: translate(-50%, -110%);
7359 white-space: nowrap;
7360 }
7361 .latepoint-calendar-month .le-day-wrapper .le-service-wrapper.os-loading:before {
7362 content: "";
7363 display: block;
7364 content: "";
7365 width: 8px !important;
7366 height: 8px !important;
7367 border-bottom: 2px solid #111;
7368 border-left: 2px solid #111;
7369 border-top: 2px solid #111;
7370 border-right: 2px solid rgba(255, 255, 255, 0);
7371 border-radius: 20px;
7372 position: absolute;
7373 top: 50%;
7374 left: 50%;
7375 transform: translate(-50%, -50%);
7376 animation: os-loading 700ms infinite linear;
7377 background-color: transparent !important;
7378 top: 10px;
7379 right: 0px;
7380 left: auto;
7381 }
7382 .latepoint-calendar-month .le-day-wrapper .le-service-wrapper:hover {
7383 border-color: #bbb;
7384 }
7385 .latepoint-calendar-month .le-day-wrapper .le-service-wrapper:hover .le-color-elem {
7386 transform: translateX(-2px);
7387 width: 5px;
7388 }
7389 .latepoint-calendar-month .le-day-wrapper .le-service-wrapper .le-color-elem {
7390 position: absolute;
7391 top: -1px;
7392 bottom: -1px;
7393 left: -1px;
7394 width: 3px;
7395 display: block;
7396 transition: all 0.15s ease;
7397 }
7398 .latepoint-calendar-month .le-day-wrapper .le-service-name {
7399 font-weight: 600;
7400 font-size: 15px;
7401 line-height: 1.35;
7402 }
7403 .le-day-view-wrapper.os-loading .le-day-info-section:before {
7404 content: "";
7405 display: block;
7406 position: absolute;
7407 bottom: -1px;
7408 left: 0;
7409 right: 0;
7410 height: 3px;
7411 background: repeating-linear-gradient(to right, #fff 0%, #1D7BFF 50%, #fff 100%);
7412 width: 100%;
7413 background-size: 200% auto;
7414 background-position: 0 100%;
7415 animation: os-loading-gradient 1.5s infinite;
7416 animation-fill-mode: forwards;
7417 animation-timing-function: linear;
7418 }
7419 .le-day-view-wrapper .le-day-info-section {
7420 display: flex;
7421 border-bottom: 1px solid rgba(0, 0, 0, 0.2);
7422 padding: 20px 40px;
7423 position: sticky;
7424 top: 0;
7425 background-color: #fff;
7426 z-index: 4;
7427 }
7428 .le-day-view-wrapper .le-day-info-section .le-day-info {
7429 text-align: center;
7430 }
7431 .le-day-view-wrapper .le-day-info-section .le-day-info .le-day-number {
7432 font-size: 61px;
7433 font-weight: 600;
7434 line-height: 1;
7435 }
7436 .le-day-view-wrapper .le-day-info-section .le-day-info .le-day-month {
7437 color: #7c85a3;
7438 font-size: 21px;
7439 letter-spacing: 2px;
7440 text-transform: uppercase;
7441 font-weight: 600;
7442 }
7443 .le-day-view-wrapper .le-day-info-section .le-day-filters-wrapper {
7444 border-left: 1px solid #eee;
7445 margin-left: 40px;
7446 padding-left: 20px;
7447 flex: 1;
7448 }
7449 .le-day-view-wrapper .le-day-info-section .le-day-heading {
7450 font-size: 33px;
7451 font-weight: 600;
7452 margin-bottom: 10px;
7453 }
7454 .le-day-view-wrapper .le-day-info-section .le-day-filters {
7455 gap: 10px;
7456 display: flex;
7457 align-items: center;
7458 }
7459 .le-day-view-wrapper .le-day-info-section .le-day-filters .os-form-group.os-form-select-group {
7460 margin-bottom: 0px !important;
7461 }
7462 .le-day-view-wrapper .le-day-info-section .le-day-filters .os-form-group.os-form-select-group .os-form-control {
7463 height: auto !important;
7464 padding: 6px !important;
7465 border-color: #ccc !important;
7466 border-radius: 6px !important;
7467 }
7468 .le-day-view-wrapper .le-day-schedule-wrapper {
7469 padding: 40px;
7470 background-color: #f8f8f8;
7471 }
7472 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots {
7473 position: relative;
7474 padding-left: 50px;
7475 }
7476 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots:before {
7477 content: "";
7478 top: 0;
7479 bottom: 0;
7480 width: 1px;
7481 background-color: #e1e1e1;
7482 position: absolute;
7483 left: 60px;
7484 }
7485 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper {
7486 display: flex;
7487 box-shadow: 0 1px 0 0 #e1e1e1;
7488 }
7489 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper .day-schedule-timeslot {
7490 flex: 0 0 50px;
7491 text-align: right;
7492 text-transform: uppercase;
7493 letter-spacing: 1px;
7494 font-size: 11px;
7495 height: 44px;
7496 position: relative;
7497 }
7498 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper .day-schedule-timeslot .day-schedule-timeslot-value {
7499 position: absolute;
7500 top: 0;
7501 transform: translateY(-50%);
7502 left: -60px;
7503 width: 50px;
7504 text-align: right;
7505 }
7506 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper {
7507 position: absolute;
7508 left: 60px;
7509 right: 0;
7510 font-size: 12px;
7511 box-shadow: inset 0 1px 0 0px #ddd, 0 3px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 0 #ddd;
7512 border-right: 1px solid #ddd;
7513 background-color: #fff;
7514 z-index: 2;
7515 cursor: pointer;
7516 }
7517 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper .le-service-inner {
7518 padding: 3px;
7519 padding-left: 10px;
7520 flex-direction: column;
7521 height: 100%;
7522 box-sizing: border-box;
7523 display: flex;
7524 }
7525 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed {
7526 cursor: not-allowed;
7527 }
7528 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed .le-service-inner {
7529 opacity: 0.6;
7530 }
7531 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed:hover .is-passed-message {
7532 display: block;
7533 }
7534 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed .is-passed-message {
7535 display: none;
7536 background-color: #000;
7537 color: #fff;
7538 padding: 5px 10px;
7539 font-weight: 600;
7540 font-size: 12px;
7541 position: absolute;
7542 top: 0;
7543 left: 50%;
7544 transform: translate(-50%, -110%);
7545 white-space: nowrap;
7546 }
7547 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover {
7548 border-bottom-color: #999;
7549 opacity: 1;
7550 z-index: 3;
7551 }
7552 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-color-elem {
7553 transform: translateX(-2px);
7554 width: 5px;
7555 }
7556 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-service-name,
7557 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-service-time-period {
7558 transform: translateX(3px);
7559 }
7560 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper .le-color-elem {
7561 position: absolute;
7562 top: 0px;
7563 bottom: -1px;
7564 left: -1px;
7565 width: 3px;
7566 display: block;
7567 transition: all 0.15s ease;
7568 }
7569 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-name {
7570 font-weight: 600;
7571 font-size: 15px;
7572 line-height: 1.4;
7573 overflow: hidden;
7574 transition: transform 0.15s ease;
7575 }
7576 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-time-period {
7577 transition: transform 0.15s ease;
7578 }
7579 @keyframes LatepointSlideUp {
7580 0% {
7581 transform: translate3d(0, 40px, 0);
7582 opacity: 0;
7583 }
7584 100% {
7585 transform: translate3d(0, 0px, 0);
7586 opacity: 1;
7587 }
7588 }
7589 @keyframes LatepointSlideDown {
7590 0% {
7591 transform: translate3d(0, -40px, 0);
7592 opacity: 0;
7593 }
7594 100% {
7595 transform: translate3d(0, 0px, 0);
7596 opacity: 1;
7597 }
7598 }
7599 @keyframes LatepointSlideLeft {
7600 0% {
7601 transform: translate3d(10px, 0px, 0);
7602 opacity: 0;
7603 }
7604 100% {
7605 transform: translate3d(0, 0px, 0);
7606 opacity: 1;
7607 }
7608 }
7609 @keyframes LatepointSlideRight {
7610 0% {
7611 transform: translate3d(-10px, 0px, 0);
7612 opacity: 0;
7613 }
7614 100% {
7615 transform: translate3d(0, 0px, 0);
7616 opacity: 1;
7617 }
7618 }
7619 @keyframes LatepointSlideUpHalf {
7620 0% {
7621 transform: translate3d(0, 20px, 0);
7622 opacity: 0;
7623 }
7624 100% {
7625 transform: translate3d(0, 0px, 0);
7626 opacity: 1;
7627 }
7628 }
7629 @keyframes LatepointSlideUpTiny {
7630 0% {
7631 transform: translate3d(0, 10px, 0);
7632 opacity: 0;
7633 }
7634 100% {
7635 transform: translate3d(0, 0px, 0);
7636 opacity: 1;
7637 }
7638 }
7639 @keyframes LatepointSlideUpTinySolid {
7640 0% {
7641 transform: translate3d(0, 10px, 0);
7642 }
7643 100% {
7644 transform: translate3d(0, 0px, 0);
7645 }
7646 }
7647 @keyframes LatepointSlideDownHalf {
7648 0% {
7649 transform: translate3d(0, -20px, 0);
7650 opacity: 0;
7651 }
7652 100% {
7653 transform: translate3d(0, 0px, 0);
7654 opacity: 1;
7655 }
7656 }
7657 @keyframes LatepointSlideUpMobileSummary {
7658 0% {
7659 transform: translate3d(-50%, -30%, 0);
7660 }
7661 100% {
7662 transform: translate3d(-50%, -50%, 0);
7663 }
7664 }
7665 @keyframes os-loading-delayed {
7666 0% {
7667 transform: translate(-50%, -50%) rotate(0deg);
7668 opacity: 0;
7669 }
7670 50% {
7671 transform: translate(-50%, -50%) rotate(180deg);
7672 opacity: 1;
7673 }
7674 100% {
7675 transform: translate(-50%, -50%) rotate(360deg);
7676 opacity: 0;
7677 }
7678 }
7679 .latepoint-w .latepoint-booking-form-element .payment-total-info {
7680 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUp;
7681 animation-fill-mode: both;
7682 }
7683 .latepoint-w .latepoint-booking-form-element .latepoint-timezone-selector-w {
7684 animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUpHalf;
7685 animation-fill-mode: both;
7686 }
7687 .latepoint-w .latepoint-booking-form-element .lp-demo-mode-msg {
7688 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.2ms LatepointSlideDown;
7689 animation-fill-mode: both;
7690 }
7691 .latepoint-w .latepoint-booking-form-element .lp-card-i {
7692 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUp;
7693 animation-fill-mode: both;
7694 }
7695 .latepoint-w .latepoint-booking-form-element .lp-paypal-demo-mode-trigger,
7696 .latepoint-w .latepoint-booking-form-element .lp-paypal-btn-trigger {
7697 animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0.1s LatepointSlideUp;
7698 animation-fill-mode: both;
7699 }
7700 .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child > .os-animated-self {
7701 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.1s LatepointSlideUp;
7702 animation-fill-mode: both;
7703 }
7704 .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(1) > .os-animated-self {
7705 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUp;
7706 animation-fill-mode: both;
7707 }
7708 .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(2) > .os-animated-self {
7709 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 70ms LatepointSlideUp;
7710 animation-fill-mode: both;
7711 }
7712 .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(3) > .os-animated-self {
7713 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 140ms LatepointSlideUp;
7714 animation-fill-mode: both;
7715 }
7716 .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(4) > .os-animated-self {
7717 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 210ms LatepointSlideUp;
7718 animation-fill-mode: both;
7719 }
7720 .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(5) > .os-animated-self {
7721 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 280ms LatepointSlideUp;
7722 animation-fill-mode: both;
7723 }
7724 .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(6) > .os-animated-self {
7725 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 350ms LatepointSlideUp;
7726 animation-fill-mode: both;
7727 }
7728 .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(7) > .os-animated-self {
7729 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 420ms LatepointSlideUp;
7730 animation-fill-mode: both;
7731 }
7732 .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(8) > .os-animated-self {
7733 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 490ms LatepointSlideUp;
7734 animation-fill-mode: both;
7735 }
7736 .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(9) > .os-animated-self {
7737 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 560ms LatepointSlideUp;
7738 animation-fill-mode: both;
7739 }
7740 .latepoint-w .latepoint-booking-form-element .select-total-attendees-label h4,
7741 .latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-centered h4,
7742 .latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-left h4 {
7743 animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s LatepointSlideUp;
7744 animation-fill-mode: both;
7745 }
7746 .latepoint-w .latepoint-booking-form-element .select-total-attendees-label div,
7747 .latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-centered div,
7748 .latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-left div {
7749 animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0.05s LatepointSlideUp;
7750 animation-fill-mode: both;
7751 }
7752 .latepoint-w .latepoint-booking-form-element .total-attendees-selector-w {
7753 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.1s LatepointSlideUp;
7754 animation-fill-mode: both;
7755 }
7756 .latepoint-w .latepoint-booking-form-element .total-attendees-selector-plus {
7757 animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0.25s LatepointSlideLeft;
7758 animation-fill-mode: both;
7759 }
7760 .latepoint-w .latepoint-booking-form-element .total-attendees-selector-minus {
7761 animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0.25s LatepointSlideRight;
7762 animation-fill-mode: both;
7763 }
7764 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option {
7765 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.1s LatepointSlideUp;
7766 animation-fill-mode: both;
7767 }
7768 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(1) {
7769 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUp;
7770 animation-fill-mode: both;
7771 }
7772 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(2) {
7773 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 70ms LatepointSlideUp;
7774 animation-fill-mode: both;
7775 }
7776 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(3) {
7777 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 140ms LatepointSlideUp;
7778 animation-fill-mode: both;
7779 }
7780 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(4) {
7781 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 210ms LatepointSlideUp;
7782 animation-fill-mode: both;
7783 }
7784 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(5) {
7785 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 280ms LatepointSlideUp;
7786 animation-fill-mode: both;
7787 }
7788 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(6) {
7789 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 350ms LatepointSlideUp;
7790 animation-fill-mode: both;
7791 }
7792 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-body:before {
7793 display: block;
7794 content: "";
7795 width: 40px !important;
7796 height: 40px !important;
7797 border-bottom: 2px solid var(--latepoint-brand-primary);
7798 border-left: 2px solid var(--latepoint-brand-primary);
7799 border-top: 2px solid var(--latepoint-brand-primary);
7800 border-right: 2px solid rgba(255, 255, 255, 0);
7801 border-radius: 20px;
7802 position: absolute;
7803 top: 50%;
7804 left: 50%;
7805 transform: translate(-50%, -50%);
7806 animation: os-loading 700ms infinite linear;
7807 background-color: transparent !important;
7808 animation-delay: 0.25s;
7809 opacity: 0;
7810 }
7811 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-message,
7812 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content {
7813 transition: all 0.3s ease;
7814 opacity: 0;
7815 transform: translateY(20px);
7816 pointer-events: none;
7817 }
7818 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w {
7819 transform: translateY(10px);
7820 }
7821 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group {
7822 transition: all 0.3s ease;
7823 opacity: 0;
7824 transform: translateY(20px);
7825 }
7826 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(1) {
7827 transition-delay: 0.05s;
7828 }
7829 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(2) {
7830 transition-delay: 0.1s;
7831 }
7832 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(3) {
7833 transition-delay: 0.15s;
7834 }
7835 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(4) {
7836 transition-delay: 0.2s;
7837 }
7838 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(5) {
7839 transition-delay: 0.25s;
7840 }
7841 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(6) {
7842 transition-delay: 0.3s;
7843 }
7844 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(7) {
7845 transition-delay: 0.35s;
7846 }
7847 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(8) {
7848 transition-delay: 0.4s;
7849 }
7850 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(9) {
7851 transition-delay: 0.45s;
7852 }
7853 .latepoint-w .latepoint-booking-form-element.step-content-mid-loading .step-customer-w {
7854 opacity: 0;
7855 transform: translateY(10px);
7856 }
7857 .latepoint-w .latepoint-booking-form-element.step-content-mid-loading .step-customer-w .os-form-group {
7858 opacity: 0;
7859 transform: translateY(20px);
7860 }
7861 .latepoint-w .latepoint-booking-form-element.step-content-mid-loading .latepoint-message,
7862 .latepoint-w .latepoint-booking-form-element.step-content-mid-loading .latepoint-step-content {
7863 pointer-events: none;
7864 opacity: 0;
7865 transform: translateY(30px);
7866 }
7867 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content,
7868 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-message {
7869 transition: all 0.3s cubic-bezier(0.25, 1.15, 0.5, 1.2);
7870 opacity: 1;
7871 transform: translateY(0px);
7872 }
7873 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w {
7874 transform: translateY(0px);
7875 }
7876 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group {
7877 transition: all 0.3s cubic-bezier(0.25, 1.15, 0.5, 1.2);
7878 opacity: 1;
7879 transform: translateY(0px);
7880 }
7881 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(1) {
7882 transition-delay: 0.05s;
7883 }
7884 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(2) {
7885 transition-delay: 0.1s;
7886 }
7887 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(3) {
7888 transition-delay: 0.15s;
7889 }
7890 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(4) {
7891 transition-delay: 0.2s;
7892 }
7893 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(5) {
7894 transition-delay: 0.25s;
7895 }
7896 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(6) {
7897 transition-delay: 0.3s;
7898 }
7899 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(7) {
7900 transition-delay: 0.35s;
7901 }
7902 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(8) {
7903 transition-delay: 0.4s;
7904 }
7905 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(9) {
7906 transition-delay: 0.45s;
7907 }
7908 .latepoint-w .latepoint-booking-form-element.step-changing .os-heading-text {
7909 transition: all 0.3s ease;
7910 transform: translateX(-15px);
7911 opacity: 0;
7912 }
7913 .latepoint-w .latepoint-booking-form-element.step-changing .latepoint-step-desc .latepoint-desc-media {
7914 transition: all 0.7s cubic-bezier(0.25, 1.15, 0.5, 1);
7915 transform: translateX(-25px);
7916 opacity: 0;
7917 }
7918 .latepoint-w .latepoint-booking-form-element.step-changing .latepoint-step-desc .latepoint-desc-title {
7919 transition: all 0.5s ease;
7920 transition-delay: 0.05s;
7921 transform: translateX(-15px);
7922 opacity: 0;
7923 }
7924 .latepoint-w .latepoint-booking-form-element.step-changing .latepoint-step-desc .latepoint-desc-content {
7925 transition: all 0.5s ease;
7926 transition-delay: 0.1s;
7927 transform: translateX(-20px);
7928 opacity: 0;
7929 }
7930 .latepoint-w .latepoint-booking-form-element.step-changed .latepoint-heading-w .os-heading-text {
7931 transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
7932 transform: translateX(0px);
7933 opacity: 1;
7934 }
7935 .latepoint-w .latepoint-booking-form-element.step-changed .latepoint-step-desc .latepoint-desc-media {
7936 transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
7937 transform: translateX(0px);
7938 opacity: 1;
7939 }
7940 .latepoint-w .latepoint-booking-form-element.step-changed .latepoint-step-desc .latepoint-desc-title {
7941 transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
7942 transform: translateX(0px);
7943 transition-delay: 0.1s;
7944 opacity: 1;
7945 }
7946 .latepoint-w .latepoint-booking-form-element.step-changed .latepoint-step-desc .latepoint-desc-content {
7947 transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
7948 transform: translateX(0px);
7949 transition-delay: 0.2s;
7950 opacity: 1;
7951 }
7952
7953 @keyframes os-loading {
7954 0% {
7955 transform: translate(-50%, -50%) rotate(0deg);
7956 opacity: 1;
7957 }
7958 50% {
7959 transform: translate(-50%, -50%) rotate(180deg);
7960 opacity: 0.2;
7961 }
7962 100% {
7963 transform: translate(-50%, -50%) rotate(360deg);
7964 opacity: 1;
7965 }
7966 }
7967 @keyframes stepCategoryItem {
7968 0% {
7969 transform: translate3d(0, -10px, 0);
7970 opacity: 0;
7971 }
7972 100% {
7973 transform: translate3d(0, 0px, 0);
7974 opacity: 1;
7975 }
7976 }
7977 .latepoint-lightbox-w {
7978 background-color: rgba(0, 0, 0, 0.4);
7979 position: fixed;
7980 top: 0px;
7981 bottom: 0px;
7982 right: 0px;
7983 left: 0px;
7984 z-index: 999999;
7985 display: none;
7986 justify-content: center;
7987 align-items: center;
7988 grid-template-columns: min-content;
7989 grid-template-rows: 1fr;
7990 }
7991 .latepoint-lightbox-w.width-400 {
7992 grid-template-columns: 400px;
7993 }
7994 .latepoint-lightbox-w.width-450 {
7995 grid-template-columns: 450px;
7996 }
7997 .latepoint-lightbox-w.width-500 {
7998 grid-template-columns: 500px;
7999 }
8000 .latepoint-lightbox-w.width-600 {
8001 grid-template-columns: 600px;
8002 }
8003 .latepoint-lightbox-w.width-700 {
8004 grid-template-columns: 700px;
8005 }
8006 .latepoint-lightbox-w.width-800 {
8007 grid-template-columns: 800px;
8008 }
8009 .latepoint-lightbox-w .latepoint-lightbox-heading {
8010 padding: 15px 30px;
8011 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
8012 background-color: #f8f8f8;
8013 display: flex;
8014 align-items: center;
8015 }
8016 .latepoint-lightbox-w .latepoint-lightbox-heading h2 {
8017 color: #14161d;
8018 margin: 0px;
8019 font-size: 24px;
8020 flex: 1;
8021 }
8022 .latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close {
8023 position: relative;
8024 line-height: 1;
8025 font-size: 20px;
8026 color: #333;
8027 text-decoration: none;
8028 display: block;
8029 outline: none;
8030 box-shadow: none;
8031 padding: 5px;
8032 }
8033 .latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close i {
8034 display: block;
8035 }
8036 .latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close .latepoint-icon-x:before {
8037 content: "\e90a";
8038 }
8039 .latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close:focus {
8040 outline: none;
8041 }
8042 .latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close:hover {
8043 background-color: rgba(0, 0, 0, 0.05);
8044 color: #000;
8045 }
8046 .latepoint-lightbox-w .latepoint-lightbox-footer {
8047 padding: 15px;
8048 border-top: 1px solid #eee;
8049 }
8050 .latepoint-lightbox-w button, .latepoint-lightbox-w input, .latepoint-lightbox-w select, .latepoint-lightbox-w textarea {
8051 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
8052 font-weight: 400;
8053 font-size: 15px;
8054 }
8055 .latepoint-lightbox-w.latepoint-border-radius-rounded .latepoint-lightbox-i {
8056 border-radius: 8px;
8057 }
8058 .latepoint-lightbox-w .latepoint-lightbox-i {
8059 background-color: #fff;
8060 box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2), 0px 20px 50px rgba(0, 0, 0, 0.4);
8061 max-height: 94vh;
8062 overflow: auto;
8063 display: flex;
8064 flex-direction: column;
8065 z-index: 9999;
8066 border-radius: 0px;
8067 }
8068 .latepoint-lightbox-w .latepoint-lightbox-i.os-loading .latepoint-lightbox-content {
8069 min-height: 100px;
8070 position: relative;
8071 }
8072 .latepoint-lightbox-w .latepoint-lightbox-i.os-loading .latepoint-lightbox-content > div {
8073 visibility: hidden;
8074 }
8075 .latepoint-lightbox-w .latepoint-lightbox-i.os-loading .latepoint-lightbox-content:before {
8076 display: block;
8077 content: "";
8078 width: 30px !important;
8079 height: 30px !important;
8080 border-bottom: 2px solid var(--latepoint-brand-primary);
8081 border-left: 2px solid var(--latepoint-brand-primary);
8082 border-top: 2px solid var(--latepoint-brand-primary);
8083 border-right: 2px solid rgba(255, 255, 255, 0);
8084 border-radius: 20px;
8085 position: absolute;
8086 top: 50%;
8087 left: 50%;
8088 transform: translate(-50%, -50%);
8089 animation: os-loading 700ms infinite linear;
8090 background-color: transparent !important;
8091 }
8092 .latepoint-lightbox-w .latepoint-lightbox-i.os-loading .latepoint-lightbox-content .lp-payment-method-content {
8093 display: none;
8094 }
8095 .latepoint-lightbox-w .latepoint-lightbox-i .latepoint-lightbox-content {
8096 padding: 30px;
8097 flex: 1;
8098 overflow: auto;
8099 position: relative;
8100 }
8101 .latepoint-lightbox-w .latepoint-lightbox-i .latepoint-lightbox-content.is-dotted {
8102 padding-top: 50px;
8103 }
8104 .latepoint-lightbox-w .latepoint-lightbox-i .latepoint-lightbox-content.is-dotted:before {
8105 content: "";
8106 height: 30px;
8107 background-image: radial-gradient(#ccc 1px, transparent 0);
8108 background-size: 10px 10px;
8109 background-color: #fff;
8110 display: block;
8111 position: absolute;
8112 top: 5px;
8113 left: 5px;
8114 right: 5px;
8115 }
8116 .latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close {
8117 position: absolute;
8118 line-height: 1;
8119 top: 17px;
8120 right: 19px;
8121 font-size: 20px;
8122 color: #333;
8123 text-decoration: none;
8124 display: block;
8125 outline: none;
8126 box-shadow: none;
8127 padding: 5px;
8128 }
8129 .latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close i {
8130 display: block;
8131 }
8132 .latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close .latepoint-icon-x:before {
8133 content: "\e90a";
8134 }
8135 .latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close:focus {
8136 outline: none;
8137 }
8138 .latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close:hover {
8139 background-color: rgba(0, 0, 0, 0.05);
8140 color: #000;
8141 }
8142 .latepoint-lightbox-w .latepoint-lightbox-i .os-summary-contents-inner {
8143 overflow-y: auto;
8144 }
8145 .latepoint-lightbox-w .latepoint-lightbox-i .latepoint-summary-w .os-summary-contents {
8146 max-height: 100%;
8147 }
8148 .latepoint-lightbox-w .latepoint-lightbox-i .latepoint-booking-form-element {
8149 background-color: #fff;
8150 max-height: 100%;
8151 overflow: hidden;
8152 }
8153 .latepoint-lightbox-w .latepoint-lightbox-i .latepoint-booking-form-element form.latepoint-form {
8154 max-height: 100%;
8155 }
8156 .latepoint-lightbox-w .latepoint-lightbox-i a {
8157 box-shadow: none;
8158 }
8159 .latepoint-lightbox-w .latepoint-lightbox-i a img {
8160 box-shadow: none;
8161 }
8162 .latepoint-lightbox-w h1, .latepoint-lightbox-w h2, .latepoint-lightbox-w h3, .latepoint-lightbox-w h4, .latepoint-lightbox-w h5, .latepoint-lightbox-w h6 {
8163 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
8164 font-weight: 600;
8165 color: var(--latepoint-brand-primary);
8166 text-transform: none;
8167 letter-spacing: 0px;
8168 line-height: 1.45;
8169 }
8170 .latepoint-lightbox-w h5 {
8171 font-size: 16px;
8172 }
8173
8174 body.latepoint-lightbox-active .latepoint-lightbox-w {
8175 display: grid;
8176 }
8177
8178 .clean-layout-content-wrapper {
8179 max-width: 550px;
8180 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 8px 35px -3px rgba(0, 0, 0, 0.1);
8181 background-color: #fff;
8182 margin: 0px auto;
8183 position: relative;
8184 }
8185 .clean-layout-content-wrapper .clean-layout-content-header {
8186 padding: 20px 40px;
8187 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
8188 }
8189 .clean-layout-content-wrapper .clean-layout-content-header h2 {
8190 margin: 0;
8191 }
8192 .clean-layout-content-wrapper .clean-layout-content-body {
8193 padding: 40px;
8194 position: relative;
8195 }
8196 .clean-layout-content-wrapper .clean-layout-content-body.is-dotted {
8197 padding-top: 60px;
8198 }
8199 .clean-layout-content-wrapper .clean-layout-content-body.is-dotted:before {
8200 content: "";
8201 height: 34px;
8202 background-image: radial-gradient(#ccc 1px, transparent 0);
8203 background-size: 10px 10px;
8204 background-color: #fff;
8205 display: block;
8206 position: absolute;
8207 top: 5px;
8208 left: 5px;
8209 right: 5px;
8210 }
8211 .clean-layout-content-wrapper .clean-layout-content-footer {
8212 padding: 20px 40px;
8213 border-top: 1px solid rgba(0, 0, 0, 0.1);
8214 display: flex;
8215 gap: 10px;
8216 }
8217 .clean-layout-content-wrapper .clean-layout-content-footer .latepoint-btn-position-end {
8218 margin-left: auto;
8219 }
8220 .clean-layout-content-wrapper .clean-layout-content-footer .latepoint-btn-position-start {
8221 margin-right: auto;
8222 }
8223 .clean-layout-content-wrapper.os-loading .clean-layout-content-body {
8224 min-height: 80px;
8225 }
8226 .clean-layout-content-wrapper.os-loading .clean-layout-content-body > div {
8227 visibility: hidden;
8228 }
8229 .clean-layout-content-wrapper.os-loading .clean-layout-content-body:before {
8230 display: block;
8231 content: "";
8232 width: 20px !important;
8233 height: 20px !important;
8234 border-bottom: 2px solid var(--latepoint-brand-primary);
8235 border-left: 2px solid var(--latepoint-brand-primary);
8236 border-top: 2px solid var(--latepoint-brand-primary);
8237 border-right: 2px solid rgba(255, 255, 255, 0);
8238 border-radius: 20px;
8239 position: absolute;
8240 top: 50%;
8241 left: 50%;
8242 transform: translate(-50%, -50%);
8243 animation: os-loading 700ms infinite linear;
8244 background-color: transparent !important;
8245 }
8246
8247 .invoice-payment-summary-wrapper .lp-payment-charge-amount {
8248 background-color: #fbf6e1;
8249 color: #877865;
8250 margin-bottom: 20px;
8251 padding: 15px;
8252 text-align: center;
8253 }
8254 .invoice-payment-summary-wrapper .lp-payment-charge-amount strong {
8255 color: #000;
8256 }
8257 .invoice-payment-summary-wrapper .full-summary-info-w {
8258 padding-top: 40px;
8259 }
8260 .invoice-payment-summary-wrapper .invoice-due-amount-wrapper {
8261 display: flex;
8262 align-items: center;
8263 }
8264 .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-status-label {
8265 font-size: 32px;
8266 font-weight: 600;
8267 text-transform: uppercase;
8268 color: #000;
8269 padding: 2px 10px;
8270 letter-spacing: 3px;
8271 line-height: 1.2;
8272 opacity: 0.8;
8273 border-radius: 10px;
8274 }
8275 .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-status-label.invoice-status-label-paid {
8276 color: #67bf08;
8277 border: 3px solid #67bf08;
8278 }
8279 .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-status-label.invoice-status-label-void {
8280 color: #bf0808;
8281 border: 3px solid #bf0808;
8282 }
8283 .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-due-amount-inner {
8284 flex: 1;
8285 }
8286 .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-make-payment-btn {
8287 margin-left: auto;
8288 font-size: 17px;
8289 font-weight: 600;
8290 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
8291 padding: 10px 18px;
8292 }
8293 .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-amount {
8294 font-size: 46px;
8295 font-weight: 600;
8296 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
8297 color: #14161d;
8298 }
8299 .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-sub-info {
8300 color: #7c85a3;
8301 }
8302 .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-sub-info a {
8303 display: inline-flex;
8304 margin-left: 5px;
8305 text-decoration: none;
8306 align-items: center;
8307 gap: 5px;
8308 color: var(--latepoint-brand-primary);
8309 }
8310 .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-sub-info a span {
8311 border-bottom: 1px dotted var(--latepoint-brand-primary);
8312 }
8313
8314 .latepoint-w .payment-confirmation-wrapper {
8315 text-align: center;
8316 }
8317 .latepoint-w .payment-confirmation-wrapper .icon-w {
8318 margin-bottom: 20px;
8319 }
8320 .latepoint-w .payment-confirmation-wrapper .icon-w i {
8321 background: #d1ffdd;
8322 padding: 15px;
8323 border-radius: 40px;
8324 color: #18a35b;
8325 font-size: 28px;
8326 display: inline-block;
8327 }
8328 .latepoint-w .payment-confirmation-wrapper h2 {
8329 margin: 0 0 20px 0;
8330 font-size: 19px;
8331 color: #14161d;
8332 }
8333 .latepoint-w .payment-confirmation-wrapper .payment-info {
8334 border: 1px solid #f1f1f1;
8335 border-radius: 6px;
8336 }
8337 .latepoint-w .payment-confirmation-wrapper .payment-info .payment-info-row {
8338 display: flex;
8339 justify-content: space-between;
8340 border-bottom: 1px solid #f1f1f1;
8341 padding: 10px 15px;
8342 }
8343 .latepoint-w .payment-confirmation-wrapper .payment-info .payment-info-row:last-child {
8344 border-bottom: none;
8345 }
8346 .latepoint-w .payment-confirmation-wrapper .payment-info .info-label {
8347 color: #7c85a3;
8348 }
8349 .latepoint-w .payment-confirmation-wrapper .payment-info .info-value {
8350 font-weight: 600;
8351 }
8352
8353 /*!
8354 * Copyright (c) 2022 LatePoint LLC. All rights reserved.
8355 */
8356 .summary-heading.summary-variant-heading + .main-box {
8357 padding-top: 0;
8358 }
8359
8360 .latepoint-summary-w .summary-box .sbc-highlighted-item {
8361 font-size: 13px;
8362 margin-top: 2px;
8363 }
8364 .latepoint-summary-w .summary-box-heading .sbh-item {
8365 font-size: 13px;
8366 font-weight: 400;
8367 }
8368 .latepoint-summary-w .summary-box .sbc-main-item {
8369 font-size: 13px;
8370 font-weight: 600;
8371 }
8372 .latepoint-summary-w .summary-box.main-box .summary-box-booking-date-box {
8373 display: none;
8374 }
8375 .latepoint-summary-w .summary-box.main-box .qr-show-trigger {
8376 display: none;
8377 }
8378 .latepoint-summary-w .summary-box-heading .sbh-line {
8379 background-color: transparent;
8380 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
8381 }
8382 .latepoint-summary-w .price-breakdown-unfold {
8383 display: flex;
8384 text-align: right;
8385 align-items: center;
8386 margin-bottom: 10px;
8387 color: var(--latepoint-body-color);
8388 gap: 5px;
8389 cursor: pointer;
8390 }
8391 .latepoint-summary-w .price-breakdown-unfold i {
8392 font-size: 11px;
8393 line-height: 11px;
8394 margin-left: auto;
8395 }
8396 .latepoint-summary-w .price-breakdown-unfold span {
8397 display: inline-block;
8398 border-bottom: 1px dotted var(--latepoint-body-color);
8399 font-size: 13px;
8400 }
8401 .latepoint-summary-w .price-breakdown-unfold:hover {
8402 color: #000;
8403 }
8404 .latepoint-summary-w .price-breakdown-unfold:hover span {
8405 border-bottom-style: solid;
8406 }
8407 .latepoint-summary-w .summary-price-breakdown-wrapper {
8408 margin-top: auto;
8409 }
8410 .latepoint-summary-w .summary-price-breakdown-wrapper .summary-price-breakdown-inner {
8411 padding: 0 25px 20px;
8412 }
8413 .latepoint-summary-w .os-summary-contents-inner .summary-price-breakdown-wrapper:not(.compact-summary) .price-breakdown-unfold {
8414 display: none;
8415 }
8416 .latepoint-summary-w .os-summary-contents-inner .summary-price-breakdown-wrapper.compact-summary .summary-price-item-w:not(.spi-total) {
8417 display: none;
8418 }
8419 .latepoint-summary-w .os-summary-contents-inner .summary-price-breakdown-wrapper.compact-summary .pb-heading {
8420 display: none;
8421 }
8422 .latepoint-summary-w .os-cart-item {
8423 position: relative;
8424 flex: 1;
8425 }
8426 .latepoint-summary-w .cart-item-wrapper .summary-attributes {
8427 display: none;
8428 }
8429
8430 .summary-heading {
8431 margin-top: 20px;
8432 }
8433
8434 .checkout-from-summary-panel-btn-wrapper.os-mobile-only {
8435 display: none;
8436 }
8437
8438 .checkout-from-summary-panel-btn {
8439 padding: 0;
8440 text-align: center;
8441 display: flex;
8442 align-items: center;
8443 gap: 10px;
8444 margin-left: auto;
8445 font-size: 13px;
8446 line-height: 1.2;
8447 font-weight: 600;
8448 color: var(--latepoint-brand-primary);
8449 }
8450 .checkout-from-summary-panel-btn span {
8451 line-height: 1.5;
8452 border-bottom: 1px dotted var(--latepoint-brand-primary);
8453 }
8454 .checkout-from-summary-panel-btn:focus-visible {
8455 outline: 2px solid var(--latepoint-brand-primary);
8456 }
8457 .checkout-from-summary-panel-btn:hover {
8458 color: #000;
8459 cursor: pointer;
8460 }
8461 .checkout-from-summary-panel-btn:hover span {
8462 border-color: #000;
8463 border-bottom-style: solid;
8464 }
8465 .checkout-from-summary-panel-btn:hover .latepoint-icon {
8466 transform: translateX(3px);
8467 }
8468 .checkout-from-summary-panel-btn .latepoint-icon {
8469 font-size: 8px;
8470 transition: transform 0.2s ease;
8471 }
8472
8473 .summary-price-breakdown-wrapper .summary-box-heading, .summary-heading .summary-box-heading {
8474 display: none;
8475 }
8476 .summary-price-breakdown-wrapper .pb-heading, .summary-heading .pb-heading {
8477 display: flex;
8478 align-items: center;
8479 margin-bottom: 10px;
8480 gap: 10px;
8481 }
8482 .summary-price-breakdown-wrapper .pb-heading .pbh-label, .summary-heading .pb-heading .pbh-label {
8483 color: #7c85a3;
8484 font-weight: 600;
8485 position: relative;
8486 font-size: 15px;
8487 }
8488 .summary-price-breakdown-wrapper .pb-heading .pbh-line, .summary-heading .pb-heading .pbh-line {
8489 height: 10px;
8490 background-color: rgba(0, 0, 0, 0.03);
8491 flex: 1;
8492 }
8493
8494 .summary-section-heading {
8495 font-size: 18px;
8496 color: #14161d;
8497 margin-bottom: 15px;
8498 font-weight: 600;
8499 }
8500
8501 .summary-box-heading {
8502 display: flex;
8503 align-items: center;
8504 margin-bottom: 10px;
8505 }
8506 .summary-box-heading .sbh-item {
8507 color: #7c85a3;
8508 position: relative;
8509 font-size: 15px;
8510 font-weight: 600;
8511 }
8512 .summary-box-heading .sbh-item + .sbh-item {
8513 margin-left: 10px;
8514 }
8515 .summary-box-heading .sbh-item + .sbh-item:before {
8516 content: "";
8517 width: 3px;
8518 height: 3px;
8519 background-color: #ddd;
8520 border-radius: 4px;
8521 position: absolute;
8522 top: 50%;
8523 left: -7px;
8524 transform: translateY(-50%);
8525 }
8526 .summary-box-heading .sbh-line {
8527 height: 10px;
8528 background-color: rgba(0, 0, 0, 0.03);
8529 flex: 1;
8530 margin-left: 10px;
8531 }
8532
8533 .booking-summary-info-w + .summary-box {
8534 margin-top: 15px;
8535 padding-top: 15px;
8536 border-top: 1px solid #f1f1f1;
8537 }
8538
8539 .summary-box-wrapper + .summary-box-wrapper {
8540 border-top: 1px solid #f1f1f1;
8541 }
8542
8543 .summary-box-wrapper .summary-box-heading {
8544 margin-top: 0;
8545 }
8546
8547 .summary-box {
8548 padding: 5px 0;
8549 }
8550 .summary-box.main-box {
8551 padding: 20px 0;
8552 display: flex;
8553 gap: 20px;
8554 align-items: flex-start;
8555 }
8556 .summary-box.main-box + .summary-box.main-box {
8557 border-top: 1px solid #f1f1f1;
8558 }
8559 .summary-box.main-box .summary-box-inner {
8560 flex: 1;
8561 padding-top: 5px;
8562 }
8563 .summary-box.main-box .summary-box-booking-date-box {
8564 text-align: center;
8565 flex: 0 0 50px;
8566 background-color: #f1f1f1;
8567 }
8568 .summary-box.main-box .summary-box-booking-date-box .summary-box-booking-date-day {
8569 font-size: 20px;
8570 line-height: 1.3;
8571 font-weight: 600;
8572 color: #14161d;
8573 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
8574 padding: 5px 0;
8575 }
8576 .summary-box.main-box .summary-box-booking-date-box .summary-box-booking-date-month {
8577 color: #7c85a3;
8578 padding: 5px 0;
8579 font-size: 13px;
8580 }
8581 .summary-box.main-box .qr-show-trigger {
8582 flex: 0 1 80px;
8583 text-align: center;
8584 padding-top: 10px;
8585 cursor: pointer;
8586 white-space: nowrap;
8587 }
8588 .summary-box.main-box .qr-show-trigger .latepoint-icon {
8589 font-size: 30px;
8590 color: #111;
8591 }
8592 .summary-box.main-box .qr-show-trigger .qr-code-trigger-label {
8593 display: inline-block;
8594 line-height: 1.2;
8595 color: #111;
8596 border-bottom: 1px dotted #111;
8597 font-weight: 600;
8598 margin-top: 5px;
8599 font-size: 13px;
8600 }
8601 .summary-box.main-box .qr-show-trigger .qr-code-trigger-label:hover {
8602 border-bottom-style: solid;
8603 }
8604 .summary-box .summary-box-content.os-cart-item.is-removable {
8605 padding-right: 16px;
8606 }
8607 .summary-box .summary-box-content:hover .os-remove-item-from-cart {
8608 display: block;
8609 }
8610 .summary-box .summary-box-content .os-remove-item-from-cart {
8611 display: block;
8612 background-color: #f1f2f5;
8613 position: absolute;
8614 top: 2px;
8615 right: 0px;
8616 cursor: pointer;
8617 color: #333;
8618 font-size: 14px;
8619 vertical-align: middle;
8620 line-height: 14px;
8621 text-align: center;
8622 padding: 8px 5px;
8623 }
8624 .summary-box .summary-box-content .os-remove-item-from-cart.os-loading {
8625 color: transparent;
8626 display: block;
8627 }
8628 .summary-box .summary-box-content .os-remove-item-from-cart.os-loading:before {
8629 display: block;
8630 content: "";
8631 width: 10px !important;
8632 height: 10px !important;
8633 border-bottom: 2px solid #14161d;
8634 border-left: 2px solid #14161d;
8635 border-top: 2px solid #14161d;
8636 border-right: 2px solid rgba(255, 255, 255, 0);
8637 border-radius: 20px;
8638 position: absolute;
8639 top: 50%;
8640 left: 50%;
8641 transform: translate(-50%, -50%);
8642 animation: os-loading 700ms infinite linear;
8643 background-color: transparent !important;
8644 }
8645 .summary-box .summary-box-content .os-remove-item-from-cart.os-loading .os-remove-from-cart-icon {
8646 background-color: transparent !important;
8647 }
8648 .summary-box .summary-box-content .os-remove-item-from-cart .os-remove-from-cart-icon {
8649 height: 2px;
8650 display: block;
8651 width: 8px;
8652 background-color: #000;
8653 }
8654 .summary-box .summary-box-content .os-remove-item-from-cart:hover:not(.os-loading) {
8655 background-color: #000 !important;
8656 color: #fff;
8657 }
8658 .summary-box .summary-box-content .os-remove-item-from-cart:hover:not(.os-loading) .os-remove-from-cart-icon {
8659 background-color: #fff;
8660 }
8661 .summary-box .summary-box-content.with-media {
8662 display: flex;
8663 align-items: center;
8664 }
8665 .summary-box .summary-box-content .sbc-content-i {
8666 margin-left: 10px;
8667 line-height: 1.1;
8668 }
8669 .summary-box .summary-box-content .os-avatar-w {
8670 width: 30px;
8671 height: 30px;
8672 flex: 0 0 30px;
8673 display: flex;
8674 align-items: center;
8675 justify-content: space-around;
8676 border-radius: 20px;
8677 background-color: #dedede;
8678 color: var(--latepoint-body-color);
8679 font-weight: 600;
8680 font-size: 12px;
8681 -webkit-background-size: contain;
8682 background-size: contain;
8683 background-position: center center;
8684 }
8685 .summary-box .summary-box-content .os-location-image {
8686 width: 30px;
8687 height: 30px;
8688 flex: 0 0 30px;
8689 background-image: url(/wp-content/plugins/latepoint/public/images/location-image.png);
8690 background-size: cover;
8691 border-radius: 6px;
8692 }
8693 .summary-box .sbc-main-item {
8694 color: var(--latepoint-body-color);
8695 font-size: 13px;
8696 }
8697 .summary-box .sbc-main-item a {
8698 text-decoration: none;
8699 color: var(--latepoint-brand-primary);
8700 font-size: 11px;
8701 }
8702 .summary-box .sbc-sub-item {
8703 color: #7c85a3;
8704 font-size: 13px;
8705 display: inline-block;
8706 }
8707 .summary-box .sbc-link-item {
8708 color: #7c85a3;
8709 font-size: 13px;
8710 text-decoration: none !important;
8711 border-bottom: 1px dotted #7c85a3;
8712 cursor: pointer;
8713 display: inline-block;
8714 }
8715 .summary-box .sbc-big-item {
8716 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
8717 font-size: 20px;
8718 font-weight: 600;
8719 color: #14161d;
8720 line-height: 1.3;
8721 }
8722 .summary-box .sbc-big-item + .sbc-highlighted-item {
8723 margin-top: 2px;
8724 }
8725 .summary-box .sbc-highlighted-item {
8726 color: #7c85a3;
8727 font-size: 15px;
8728 }
8729 .summary-box .sbc-highlighted-item span:not(.os-timezone-info) {
8730 white-space: nowrap;
8731 color: #7c85a3;
8732 font-size: 13px;
8733 font-weight: 400;
8734 display: none;
8735 margin-top: 3px;
8736 }
8737 .summary-box .sbc-subtle-item {
8738 color: #7c85a3;
8739 font-size: 13px;
8740 }
8741 .summary-box .sbc-subtle-item span {
8742 white-space: nowrap;
8743 color: #7c85a3;
8744 font-size: 13px;
8745 font-weight: 400;
8746 }
8747
8748 .price-breakdown-w {
8749 padding-top: 20px;
8750 }
8751 .price-breakdown-w .pb-heading {
8752 font-weight: 600;
8753 color: var(--latepoint-body-color);
8754 margin-bottom: 5px;
8755 }
8756
8757 .summary-price-item-w {
8758 display: flex;
8759 justify-content: space-between;
8760 margin-bottom: 7px;
8761 }
8762 .summary-price-item-w .spi-name {
8763 color: var(--latepoint-body-color);
8764 font-weight: 400;
8765 }
8766 .summary-price-item-w .spi-price {
8767 color: var(--latepoint-body-color);
8768 font-weight: 400;
8769 }
8770 .summary-price-item-w.spi-strong .spi-name, .summary-price-item-w.spi-strong .spi-price {
8771 font-weight: 600;
8772 }
8773 .summary-price-item-w.spi-total {
8774 border-top: 3px solid var(--latepoint-body-color);
8775 padding-top: 10px;
8776 margin-top: 10px;
8777 font-size: 17px;
8778 font-weight: 600;
8779 color: var(--latepoint-body-color);
8780 margin-bottom: 0;
8781 }
8782 .summary-price-item-w.spi-total .spi-name, .summary-price-item-w.spi-total .spi-price {
8783 font-weight: 600;
8784 }
8785 .summary-price-item-w.spi-positive .spi-price {
8786 color: #3F8607;
8787 }
8788 .summary-price-item-w .pi-badge {
8789 display: inline-block;
8790 background-color: #fff;
8791 text-transform: uppercase;
8792 font-size: 12px;
8793 padding: 2px 3px;
8794 font-weight: 600;
8795 color: #000;
8796 margin-left: 3px;
8797 border: 1px dotted #000;
8798 line-height: 1;
8799 }
8800 .summary-price-item-w .pi-note {
8801 color: #7c85a3;
8802 font-size: 12px;
8803 }
8804
8805 .summary-attributes {
8806 color: #7c85a3;
8807 font-size: 13px;
8808 margin: 5px 0;
8809 line-height: 1.5;
8810 }
8811 .summary-attributes:last-child {
8812 margin-bottom: 0;
8813 }
8814 .summary-attributes.sa-hidden {
8815 display: none;
8816 }
8817 .summary-attributes > span {
8818 position: relative;
8819 display: inline-block;
8820 }
8821 .summary-attributes > span:not(:last-child) {
8822 margin-right: 15px;
8823 }
8824 .summary-attributes > span:not(:last-child):before {
8825 content: "";
8826 width: 3px;
8827 height: 3px;
8828 background-color: #bbb;
8829 border-radius: 4px;
8830 position: absolute;
8831 top: 50%;
8832 right: -9px;
8833 transform: translateY(-50%);
8834 }
8835 .summary-attributes > span strong {
8836 color: var(--latepoint-body-color);
8837 font-weight: 600;
8838 }
8839
8840 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-summary-w {
8841 display: block;
8842 transform: none;
8843 }
8844 .latepoint-w .latepoint-form-w .pb-heading {
8845 margin-bottom: 10px;
8846 }
8847 .latepoint-w .latepoint-summary-w {
8848 flex: 0 0 270px;
8849 width: 270px;
8850 transition: all 0.4s cubic-bezier(0.05, 0.45, 0.1, 1);
8851 transform: translateX(-60px);
8852 z-index: 1;
8853 display: none;
8854 flex-direction: column;
8855 position: relative;
8856 background-color: #fff;
8857 }
8858 .latepoint-w .latepoint-summary-w .summary-heading {
8859 display: none;
8860 }
8861 .latepoint-w .latepoint-summary-w .summary-box.main-box + .summary-box.main-box {
8862 margin-top: 0;
8863 }
8864 .latepoint-w .latepoint-summary-w .summary-box .sbc-big-item {
8865 font-size: 17px;
8866 }
8867 .latepoint-w .latepoint-summary-w .summary-box .summary-box-content .os-remove-item-from-cart {
8868 display: block;
8869 }
8870 .latepoint-w .latepoint-summary-w .summary-box .summary-box-content .os-remove-item-from-cart:focus-visible {
8871 outline: 2px solid var(--latepoint-brand-primary);
8872 }
8873 .latepoint-w .latepoint-summary-w.os-loading .summary-header:before {
8874 display: block;
8875 content: "";
8876 width: 12px !important;
8877 height: 12px !important;
8878 border-bottom: 2px solid var(--latepoint-brand-primary);
8879 border-left: 2px solid var(--latepoint-brand-primary);
8880 border-top: 2px solid var(--latepoint-brand-primary);
8881 border-right: 2px solid rgba(255, 255, 255, 0);
8882 border-radius: 20px;
8883 position: absolute;
8884 top: 50%;
8885 left: 50%;
8886 transform: translate(-50%, -50%);
8887 animation: os-loading 700ms infinite linear;
8888 background-color: transparent !important;
8889 bottom: auto;
8890 left: auto;
8891 right: 1px;
8892 top: 12px;
8893 z-index: 9999;
8894 }
8895 .latepoint-w .latepoint-summary-w .summary-header {
8896 position: relative;
8897 padding: 5px;
8898 margin: 0px;
8899 text-align: right;
8900 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
8901 }
8902 .latepoint-w .latepoint-summary-w .summary-header .summary-header-inner {
8903 display: flex;
8904 padding: 13px 20px;
8905 justify-content: space-between;
8906 align-items: center;
8907 }
8908 .latepoint-w .latepoint-summary-w .summary-header:not(.can-checkout) .summary-header-inner {
8909 background-image: radial-gradient(#d4d4d4 1px, transparent 0);
8910 background-size: 7px 7px;
8911 }
8912 .latepoint-w .latepoint-summary-w .summary-header .latepoint-lightbox-summary-trigger {
8913 display: none;
8914 position: absolute;
8915 top: 50%;
8916 transform: translateY(-50%);
8917 right: 19px;
8918 font-size: 20px;
8919 background-color: #fff;
8920 padding: 3px 5px 3px 15px;
8921 z-index: 2;
8922 color: var(--latepoint-body-color);
8923 }
8924 .latepoint-w .latepoint-summary-w .summary-header .summary-header-label {
8925 background-color: #fff;
8926 position: relative;
8927 z-index: 2;
8928 display: inline-block;
8929 font-size: 20px;
8930 line-height: 1.2;
8931 color: #14161d;
8932 font-weight: 600;
8933 }
8934 .latepoint-w .latepoint-summary-w .summary-header .os-lines {
8935 position: absolute;
8936 top: 21px;
8937 left: 30px;
8938 right: 30px;
8939 z-index: 1;
8940 }
8941 .latepoint-w .latepoint-summary-w .summary-header .os-lines:before {
8942 display: block;
8943 content: "";
8944 height: 6px;
8945 border-top: 2px dotted #b7c2e8;
8946 border-bottom: 2px dotted #b7c2e8;
8947 margin-bottom: 2px;
8948 }
8949 .latepoint-w .latepoint-summary-w .summary-header .os-lines:after {
8950 display: block;
8951 content: "";
8952 height: 6px;
8953 border-top: 2px dotted #b7c2e8;
8954 }
8955 .latepoint-w .latepoint-summary-w .summary-price-item-w {
8956 margin-bottom: 5px;
8957 }
8958 .latepoint-w .latepoint-summary-w .summary-price-item-w.spi-total {
8959 padding-top: 5px;
8960 margin-top: 5px;
8961 border-top-width: 2px;
8962 margin-bottom: 0px;
8963 }
8964 .latepoint-w .latepoint-summary-w .os-summary-contents {
8965 display: flex;
8966 flex-direction: column;
8967 flex: 1;
8968 }
8969 .latepoint-w .latepoint-summary-w .os-summary-contents .order-summary-main-section {
8970 margin-bottom: 20px;
8971 }
8972 .latepoint-w .latepoint-summary-w .os-summary-contents .cart-summary-main-section {
8973 margin-bottom: 30px;
8974 }
8975 .latepoint-w .latepoint-summary-w .os-summary-contents .summary-price-item-w {
8976 font-size: 13px;
8977 }
8978 .latepoint-w .latepoint-summary-w .os-summary-contents .summary-price-item-w.spi-total {
8979 font-size: 17px;
8980 }
8981 .latepoint-w .latepoint-summary-w .os-summary-contents-inner {
8982 position: relative;
8983 display: flex;
8984 flex-direction: column;
8985 justify-content: space-between;
8986 flex: 1;
8987 padding-top: 15px;
8988 overflow-y: auto;
8989 }
8990 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .os-summary-contents-inner-top {
8991 padding: 0 25px;
8992 }
8993 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-summary-main-section {
8994 padding: 0 25px;
8995 }
8996 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .latepoint-add-another-item-trigger-wrapper.on-verify {
8997 display: none;
8998 }
8999 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .latepoint-add-another-item-trigger-wrapper.on-summary {
9000 display: none;
9001 margin-top: 15px;
9002 }
9003 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .active-cart-item-wrapper {
9004 padding: 15px 0 0 0;
9005 }
9006 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .active-cart-item-wrapper.is-separated .summary-box.main-box .sbc-highlighted-item {
9007 margin-bottom: 5px;
9008 }
9009 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper {
9010 position: relative;
9011 padding: 10px 0;
9012 margin-top: 5px;
9013 }
9014 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper .summary-box:last-child {
9015 padding-bottom: 0;
9016 }
9017 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item:hover {
9018 background-color: #f8f8f8;
9019 box-shadow: 10px 0 0 0 #f8f8f8, -10px 0 0 0 #f8f8f8;
9020 border-top-color: transparent;
9021 }
9022 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item:hover + .cart-item-wrapper {
9023 border-top-color: transparent;
9024 }
9025 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item:hover .os-remove-item-from-cart {
9026 background-color: #dc5454;
9027 color: #fff;
9028 }
9029 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item:hover .os-remove-item-from-cart .os-remove-from-cart-icon {
9030 background-color: #fff;
9031 }
9032 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading {
9033 display: flex;
9034 align-items: center;
9035 gap: 10px;
9036 margin-top: 15px;
9037 }
9038 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading:not(:last-child) {
9039 margin-bottom: 10px;
9040 }
9041 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-label {
9042 text-transform: uppercase;
9043 color: #7c85a3;
9044 font-weight: 600;
9045 letter-spacing: 1px;
9046 position: relative;
9047 font-size: 11px;
9048 }
9049 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-line {
9050 height: 1px;
9051 background-color: #f1f1f1;
9052 flex: 1;
9053 }
9054 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-link {
9055 color: var(--latepoint-brand-primary);
9056 font-size: 13px;
9057 display: flex;
9058 align-items: center;
9059 gap: 5px;
9060 }
9061 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-link span {
9062 border-bottom: 1px dotted var(--latepoint-brand-primary);
9063 }
9064 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-link .latepoint-icon {
9065 font-size: 7px;
9066 }
9067 .latepoint-w .latepoint-summary-w .price-breakdown-w {
9068 border-top: none;
9069 padding: 30px;
9070 padding-top: 25px;
9071 margin: 20px -30px -30px -30px;
9072 border-top: 1px solid #eee;
9073 }
9074 .latepoint-w .latepoint-summary-w .price-breakdown-w .pb-heading {
9075 padding-bottom: 10px 25px;
9076 text-transform: uppercase;
9077 letter-spacing: 1px;
9078 font-size: 12px;
9079 font-weight: 600;
9080 color: #7c85a3;
9081 align-items: center;
9082 }
9083 .latepoint-w .latepoint-summary-w .price-breakdown-w .summary-attributes {
9084 display: none;
9085 }
9086 .latepoint-w .latepoint-summary-w .price-breakdown-w .summary-box-heading {
9087 display: none;
9088 }
9089 .latepoint-w .latepoint-summary-w .summary-box-heading {
9090 flex: 1;
9091 align-items: baseline;
9092 margin: 0px;
9093 }
9094 .latepoint-w .latepoint-summary-w .summary-box-heading .sbh-line {
9095 margin-left: 5px;
9096 }
9097 .latepoint-w .latepoint-summary-w .summary-box.main-box {
9098 padding-bottom: 10px;
9099 }
9100 .latepoint-w .latepoint-summary-w .summary-box.main-box:first-child {
9101 padding-top: 0;
9102 }
9103 .latepoint-w .latepoint-summary-w .summary-box.main-box .summary-box-heading .sbh-item {
9104 text-transform: capitalize;
9105 letter-spacing: normal;
9106 font-size: 13px;
9107 font-weight: 400;
9108 }
9109 .latepoint-w .latepoint-summary-w .summary-box.main-box .summary-box-heading .sbh-line {
9110 display: none;
9111 }
9112 .latepoint-w .latepoint-summary-w .summary-box:not(.main-box) {
9113 display: flex;
9114 align-items: baseline;
9115 }
9116 .latepoint-w .latepoint-summary-w .summary-box:not(.main-box) .summary-box-content .os-avatar-w, .latepoint-w .latepoint-summary-w .summary-box:not(.main-box) .summary-box-content .os-location-image {
9117 display: none;
9118 }
9119 .latepoint-w .latepoint-summary-w .summary-box:not(.main-box) .summary-box-content .sbc-content-i {
9120 margin-left: 5px;
9121 }
9122 .latepoint-w .latepoint-summary-w .summary-box:not(.main-box) .sbc-sub-item, .latepoint-w .latepoint-summary-w .summary-box:not(.main-box) .sbc-link-item {
9123 display: none;
9124 }
9125 .latepoint-w .latepoint-summary-w .summary-boxes-columns {
9126 display: block;
9127 }
9128
9129 .latepoint-clean-body {
9130 margin: 0;
9131 }
9132 .latepoint-clean-body.with-pattern {
9133 background-image: radial-gradient(#eee 2px, transparent 0);
9134 background-size: 25px 25px;
9135 background-color: #fff;
9136 }
9137 .latepoint-clean-body.with-pattern > .latepoint-w {
9138 padding: 50px;
9139 }
9140
9141 html.latepoint-clean {
9142 margin: 0 !important;
9143 }
9144
9145 .latepoint-w .manage-order-wrapper .booking-summary-info-w {
9146 display: none;
9147 }
9148 .latepoint-w .manage-order-wrapper .qr-show-trigger {
9149 display: none;
9150 }
9151 .latepoint-w .manage-order-wrapper .summary-box .sbc-big-item {
9152 font-size: 20px;
9153 }
9154 .latepoint-w .manage-order-wrapper .summary-box .sbc-highlighted-item {
9155 font-size: 13px;
9156 color: #7c85a3;
9157 }
9158 .latepoint-w .manage-order-wrapper .summary-box.main-box .summary-box-booking-date-box .summary-box-booking-date-day {
9159 font-size: 24px;
9160 }
9161 .latepoint-w .manage-order-wrapper,
9162 .latepoint-w .manage-booking-wrapper {
9163 max-width: 550px;
9164 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 8px 35px -3px rgba(0, 0, 0, 0.1);
9165 background-color: #fff;
9166 margin: 0px auto;
9167 position: relative;
9168 }
9169 .latepoint-w .manage-order-wrapper.os-loading .manage-booking-inner,
9170 .latepoint-w .manage-booking-wrapper.os-loading .manage-booking-inner {
9171 filter: blur(3px);
9172 }
9173 .latepoint-w .manage-order-wrapper.os-loading:after,
9174 .latepoint-w .manage-booking-wrapper.os-loading:after {
9175 display: block;
9176 content: "";
9177 width: 20px !important;
9178 height: 20px !important;
9179 border-bottom: 2px solid var(--latepoint-brand-primary);
9180 border-left: 2px solid var(--latepoint-brand-primary);
9181 border-top: 2px solid var(--latepoint-brand-primary);
9182 border-right: 2px solid rgba(255, 255, 255, 0);
9183 border-radius: 20px;
9184 position: absolute;
9185 top: 50%;
9186 left: 50%;
9187 transform: translate(-50%, -50%);
9188 animation: os-loading 700ms infinite linear;
9189 background-color: transparent !important;
9190 top: 85px;
9191 z-index: 9999;
9192 }
9193 .latepoint-w .manage-order-wrapper .manage-booking-inner,
9194 .latepoint-w .manage-booking-wrapper .manage-booking-inner {
9195 padding: 50px;
9196 padding-top: 70px;
9197 position: relative;
9198 }
9199 .latepoint-w .manage-order-wrapper .manage-booking-inner:before,
9200 .latepoint-w .manage-booking-wrapper .manage-booking-inner:before {
9201 content: "";
9202 height: 34px;
9203 background-image: radial-gradient(#ccc 1px, transparent 0);
9204 background-size: 10px 10px;
9205 background-color: #fff;
9206 display: block;
9207 position: absolute;
9208 top: 5px;
9209 left: 5px;
9210 right: 5px;
9211 }
9212 .latepoint-w .manage-order-wrapper .manage-status-info,
9213 .latepoint-w .manage-booking-wrapper .manage-status-info {
9214 display: flex;
9215 gap: 5px;
9216 align-items: center;
9217 margin-right: auto;
9218 }
9219 .latepoint-w .manage-order-wrapper .manage-status-info .status-info-label,
9220 .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-label {
9221 color: rgba(255, 255, 255, 0.5);
9222 display: none;
9223 }
9224 .latepoint-w .manage-order-wrapper .manage-status-info .status-info-value,
9225 .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value {
9226 color: #fff;
9227 font-weight: 600;
9228 padding: 2px 6px;
9229 }
9230 .latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-open,
9231 .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-open {
9232 background-color: #fff;
9233 color: #000;
9234 }
9235 .latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-not_fulfilled,
9236 .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-not_fulfilled {
9237 background-color: #fff;
9238 color: #000;
9239 }
9240 .latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-approved,
9241 .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-approved {
9242 background-color: #74ff60;
9243 color: #000;
9244 }
9245 .latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-cancelled,
9246 .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-cancelled {
9247 background-color: #e81818;
9248 color: #fff;
9249 }
9250 .latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-pending, .latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-pending_approval, .latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-payment_pending,
9251 .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-pending,
9252 .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-pending_approval,
9253 .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-payment_pending {
9254 background-color: #ffe75e;
9255 color: #000;
9256 }
9257 .latepoint-w .manage-order-wrapper .manage-booking-controls,
9258 .latepoint-w .manage-booking-wrapper .manage-booking-controls {
9259 padding: 15px 25px;
9260 background-color: var(--latepoint-brand-primary);
9261 display: flex;
9262 gap: 25px;
9263 align-items: center;
9264 justify-content: space-between;
9265 position: sticky;
9266 top: 0;
9267 z-index: 2;
9268 }
9269 .latepoint-w .manage-order-wrapper .manage-booking-controls.status-cancelled,
9270 .latepoint-w .manage-booking-wrapper .manage-booking-controls.status-cancelled {
9271 background-color: #e81819;
9272 }
9273 .latepoint-w .manage-order-wrapper .manage-booking-controls.status-pending, .latepoint-w .manage-order-wrapper .manage-booking-controls.status-pending_approval, .latepoint-w .manage-order-wrapper .manage-booking-controls.status-payment_pending,
9274 .latepoint-w .manage-booking-wrapper .manage-booking-controls.status-pending,
9275 .latepoint-w .manage-booking-wrapper .manage-booking-controls.status-pending_approval,
9276 .latepoint-w .manage-booking-wrapper .manage-booking-controls.status-payment_pending {
9277 background-color: #c6a573;
9278 }
9279 .latepoint-w .manage-order-wrapper .manage-booking-controls .latepoint-btn,
9280 .latepoint-w .manage-booking-wrapper .manage-booking-controls .latepoint-btn {
9281 padding: 0 !important;
9282 }
9283 .latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group,
9284 .latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group {
9285 display: flex;
9286 align-items: center;
9287 margin: 0 !important;
9288 gap: 8px;
9289 }
9290 .latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group .os-form-control,
9291 .latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group .os-form-control {
9292 transition: none !important;
9293 }
9294 .latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group label,
9295 .latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group label {
9296 font-size: 18px;
9297 font-weight: 600;
9298 color: #fff;
9299 }
9300 .latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group select,
9301 .latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group select {
9302 font-size: 18px !important;
9303 padding: 6px !important;
9304 border-radius: 6px !important;
9305 border: none !important;
9306 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
9307 background-color: #fff !important;
9308 color: #111 !important;
9309 height: auto !important;
9310 }
9311 .latepoint-w .manage-booking-wrapper .manage-booking-inner {
9312 padding-top: 100px;
9313 }
9314 .latepoint-w .manage-booking-wrapper .manage-booking-inner:before {
9315 top: 60px;
9316 }
9317 .latepoint-w .manage-booking-wrapper .booking-status-info-wrapper {
9318 position: absolute;
9319 top: 0;
9320 left: 0;
9321 right: 0;
9322 background-color: #fff;
9323 margin: 0;
9324 padding-left: 50px;
9325 padding-right: 50px;
9326 }
9327
9328 .booking-full-summary-actions {
9329 display: flex;
9330 gap: 10px;
9331 align-items: center;
9332 margin-bottom: 30px;
9333 flex-wrap: wrap;
9334 }
9335 .booking-full-summary-actions .booking-summary-action-btn {
9336 padding: 3px 6px;
9337 text-decoration: none;
9338 color: #111;
9339 font-size: 13px;
9340 font-weight: 600;
9341 border: 1px solid #111;
9342 display: flex;
9343 gap: 3px;
9344 align-items: center;
9345 position: relative;
9346 transition: none;
9347 }
9348 .booking-full-summary-actions .booking-summary-action-btn span, .booking-full-summary-actions .booking-summary-action-btn i {
9349 display: block;
9350 }
9351 .booking-full-summary-actions .booking-summary-action-btn:hover {
9352 color: var(--latepoint-brand-primary);
9353 border-color: var(--latepoint-brand-primary);
9354 }
9355 .booking-full-summary-actions .booking-summary-action-btn.os-loading:before {
9356 display: block;
9357 content: "";
9358 width: 12px !important;
9359 height: 12px !important;
9360 border-bottom: 2px solid #111;
9361 border-left: 2px solid #111;
9362 border-top: 2px solid #111;
9363 border-right: 2px solid rgba(255, 255, 255, 0);
9364 border-radius: 20px;
9365 position: absolute;
9366 top: 50%;
9367 left: 50%;
9368 transform: translate(-50%, -50%);
9369 animation: os-loading 700ms infinite linear;
9370 background-color: transparent !important;
9371 left: 12px;
9372 }
9373 .booking-full-summary-actions .booking-summary-action-btn.os-loading i {
9374 color: transparent;
9375 }
9376 .booking-full-summary-actions .booking-summary-action-btn.cancel-appointment-btn {
9377 color: #ad3d12;
9378 border-color: #ad3d12;
9379 }
9380 .customer-dashboard-order-summary-lightbox .summary-box-heading .sbh-item,
9381 .customer-dashboard-booking-summary-lightbox .summary-box-heading .sbh-item,
9382 .bundle-scheduled-summary-lightbox .summary-box-heading .sbh-item,
9383 .manage-order-wrapper .summary-box-heading .sbh-item,
9384 .manage-booking-wrapper .summary-box-heading .sbh-item {
9385 color: #7c85a3;
9386 font-weight: 600;
9387 font-size: 15px;
9388 }
9389 .customer-dashboard-order-summary-lightbox .order-summary-main-section,
9390 .customer-dashboard-booking-summary-lightbox .order-summary-main-section,
9391 .bundle-scheduled-summary-lightbox .order-summary-main-section,
9392 .manage-order-wrapper .order-summary-main-section,
9393 .manage-booking-wrapper .order-summary-main-section {
9394 margin-bottom: 20px;
9395 }
9396 .customer-dashboard-order-summary-lightbox .part-of-bundle-message,
9397 .customer-dashboard-booking-summary-lightbox .part-of-bundle-message,
9398 .bundle-scheduled-summary-lightbox .part-of-bundle-message,
9399 .manage-order-wrapper .part-of-bundle-message,
9400 .manage-booking-wrapper .part-of-bundle-message {
9401 padding: 8px;
9402 background-color: #f1f3ff;
9403 text-align: center;
9404 font-size: 13px;
9405 margin-top: 20px;
9406 }
9407 .customer-dashboard-order-summary-lightbox .part-of-bundle-message a,
9408 .customer-dashboard-booking-summary-lightbox .part-of-bundle-message a,
9409 .bundle-scheduled-summary-lightbox .part-of-bundle-message a,
9410 .manage-order-wrapper .part-of-bundle-message a,
9411 .manage-booking-wrapper .part-of-bundle-message a {
9412 color: var(--latepoint-brand-primary);
9413 text-decoration: none;
9414 border-bottom: 1px dotted var(--latepoint-brand-primary);
9415 }
9416 .customer-dashboard-order-summary-lightbox .full-summary-head-info,
9417 .customer-dashboard-booking-summary-lightbox .full-summary-head-info,
9418 .bundle-scheduled-summary-lightbox .full-summary-head-info,
9419 .manage-order-wrapper .full-summary-head-info,
9420 .manage-booking-wrapper .full-summary-head-info {
9421 position: relative;
9422 }
9423 .customer-dashboard-order-summary-lightbox .full-summary-head-info .add-to-calendar-wrapper,
9424 .customer-dashboard-booking-summary-lightbox .full-summary-head-info .add-to-calendar-wrapper,
9425 .bundle-scheduled-summary-lightbox .full-summary-head-info .add-to-calendar-wrapper,
9426 .manage-order-wrapper .full-summary-head-info .add-to-calendar-wrapper,
9427 .manage-booking-wrapper .full-summary-head-info .add-to-calendar-wrapper {
9428 display: inline-block;
9429 }
9430 .customer-dashboard-order-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent,
9431 .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent,
9432 .bundle-scheduled-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent,
9433 .manage-order-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent,
9434 .manage-booking-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent {
9435 display: block;
9436 margin: 0px auto 30px auto;
9437 padding-bottom: 20px;
9438 border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
9439 }
9440 .customer-dashboard-order-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger,
9441 .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger,
9442 .bundle-scheduled-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger,
9443 .manage-order-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger,
9444 .manage-booking-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger {
9445 display: none;
9446 }
9447 .customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-show-trigger,
9448 .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-show-trigger,
9449 .bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-show-trigger,
9450 .manage-order-wrapper .qr-code-on-full-summary .qr-show-trigger,
9451 .manage-booking-wrapper .qr-code-on-full-summary .qr-show-trigger {
9452 float: right;
9453 width: 100px;
9454 text-align: center;
9455 padding-top: 20px;
9456 cursor: pointer;
9457 }
9458 .customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .latepoint-icon,
9459 .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .latepoint-icon,
9460 .bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .latepoint-icon,
9461 .manage-order-wrapper .qr-code-on-full-summary .qr-show-trigger .latepoint-icon,
9462 .manage-booking-wrapper .qr-code-on-full-summary .qr-show-trigger .latepoint-icon {
9463 font-size: 45px;
9464 color: #111;
9465 }
9466 .customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label,
9467 .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label,
9468 .bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label,
9469 .manage-order-wrapper .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label,
9470 .manage-booking-wrapper .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label {
9471 display: inline-block;
9472 line-height: 1.2;
9473 color: #111;
9474 border-bottom: 1px solid #777;
9475 font-weight: 600;
9476 letter-spacing: 0.5px;
9477 margin-top: 10px;
9478 font-size: 12px;
9479 text-transform: uppercase;
9480 }
9481 .customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-code-booking-info,
9482 .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-booking-info,
9483 .bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-booking-info,
9484 .manage-order-wrapper .qr-code-on-full-summary .qr-code-booking-info,
9485 .manage-booking-wrapper .qr-code-on-full-summary .qr-code-booking-info {
9486 display: none;
9487 }
9488 .customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-code-vevent,
9489 .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-vevent,
9490 .bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-vevent,
9491 .manage-order-wrapper .qr-code-on-full-summary .qr-code-vevent,
9492 .manage-booking-wrapper .qr-code-on-full-summary .qr-code-vevent {
9493 display: none;
9494 }
9495 .customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-code-vevent img,
9496 .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-vevent img,
9497 .bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-vevent img,
9498 .manage-order-wrapper .qr-code-on-full-summary .qr-code-vevent img,
9499 .manage-booking-wrapper .qr-code-on-full-summary .qr-code-vevent img {
9500 display: block;
9501 margin: 0px auto;
9502 }
9503 .customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-code-vevent .qr-code-label,
9504 .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-vevent .qr-code-label,
9505 .bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-vevent .qr-code-label,
9506 .manage-order-wrapper .qr-code-on-full-summary .qr-code-vevent .qr-code-label,
9507 .manage-booking-wrapper .qr-code-on-full-summary .qr-code-vevent .qr-code-label {
9508 text-align: center;
9509 font-size: 13px;
9510 font-weight: 600;
9511 text-align: center;
9512 font-weight: 500;
9513 padding: 10px 15px;
9514 background: #fff1af;
9515 line-height: 1.4;
9516 color: #000;
9517 }
9518 .customer-dashboard-order-summary-lightbox .payment-summary-info .full-summary-info-w,
9519 .customer-dashboard-booking-summary-lightbox .payment-summary-info .full-summary-info-w,
9520 .bundle-scheduled-summary-lightbox .payment-summary-info .full-summary-info-w,
9521 .manage-order-wrapper .payment-summary-info .full-summary-info-w,
9522 .manage-booking-wrapper .payment-summary-info .full-summary-info-w {
9523 margin-top: 0px;
9524 }
9525 .customer-dashboard-order-summary-lightbox .full-summary-header,
9526 .customer-dashboard-booking-summary-lightbox .full-summary-header,
9527 .bundle-scheduled-summary-lightbox .full-summary-header,
9528 .manage-order-wrapper .full-summary-header,
9529 .manage-booking-wrapper .full-summary-header {
9530 margin-bottom: 0px;
9531 margin-top: 0px;
9532 }
9533 .customer-dashboard-order-summary-lightbox .full-summary-number,
9534 .customer-dashboard-booking-summary-lightbox .full-summary-number,
9535 .bundle-scheduled-summary-lightbox .full-summary-number,
9536 .manage-order-wrapper .full-summary-number,
9537 .manage-booking-wrapper .full-summary-number {
9538 color: #7c85a3;
9539 padding-top: 0px;
9540 margin-bottom: 8px;
9541 font-size: 13px;
9542 letter-spacing: 0.5px;
9543 text-transform: uppercase;
9544 font-weight: 600;
9545 }
9546 .customer-dashboard-order-summary-lightbox .full-summary-number strong,
9547 .customer-dashboard-booking-summary-lightbox .full-summary-number strong,
9548 .bundle-scheduled-summary-lightbox .full-summary-number strong,
9549 .manage-order-wrapper .full-summary-number strong,
9550 .manage-booking-wrapper .full-summary-number strong {
9551 color: #14161d;
9552 }
9553 .customer-dashboard-order-summary-lightbox .full-summary-order-info-wrapper,
9554 .customer-dashboard-booking-summary-lightbox .full-summary-order-info-wrapper,
9555 .bundle-scheduled-summary-lightbox .full-summary-order-info-wrapper,
9556 .manage-order-wrapper .full-summary-order-info-wrapper,
9557 .manage-booking-wrapper .full-summary-order-info-wrapper {
9558 position: relative;
9559 margin-bottom: 40px;
9560 }
9561 .customer-dashboard-order-summary-lightbox .fsoi-main-wrapper .fsoi-main,
9562 .customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .fsoi-main,
9563 .bundle-scheduled-summary-lightbox .fsoi-main-wrapper .fsoi-main,
9564 .manage-order-wrapper .fsoi-main-wrapper .fsoi-main,
9565 .manage-booking-wrapper .fsoi-main-wrapper .fsoi-main {
9566 font-size: 32px;
9567 margin-bottom: 5px;
9568 color: #7c85a3;
9569 display: flex;
9570 }
9571 .customer-dashboard-order-summary-lightbox .fsoi-main-wrapper .fsoi-main strong,
9572 .customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .fsoi-main strong,
9573 .bundle-scheduled-summary-lightbox .fsoi-main-wrapper .fsoi-main strong,
9574 .manage-order-wrapper .fsoi-main-wrapper .fsoi-main strong,
9575 .manage-booking-wrapper .fsoi-main-wrapper .fsoi-main strong {
9576 color: #14161d;
9577 font-weight: 600;
9578 }
9579 .customer-dashboard-order-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions,
9580 .customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions,
9581 .bundle-scheduled-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions,
9582 .manage-order-wrapper .fsoi-main-wrapper .order-full-summary-actions,
9583 .manage-booking-wrapper .fsoi-main-wrapper .order-full-summary-actions {
9584 display: flex;
9585 gap: 20px;
9586 margin-bottom: 15px;
9587 }
9588 .customer-dashboard-order-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions a,
9589 .customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions a,
9590 .bundle-scheduled-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions a,
9591 .manage-order-wrapper .fsoi-main-wrapper .order-full-summary-actions a,
9592 .manage-booking-wrapper .fsoi-main-wrapper .order-full-summary-actions a {
9593 display: flex;
9594 align-items: center;
9595 gap: 5px;
9596 color: var(--latepoint-brand-primary);
9597 text-decoration: none;
9598 }
9599 .customer-dashboard-order-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions span,
9600 .customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions span,
9601 .bundle-scheduled-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions span,
9602 .manage-order-wrapper .fsoi-main-wrapper .order-full-summary-actions span,
9603 .manage-booking-wrapper .fsoi-main-wrapper .order-full-summary-actions span {
9604 border-bottom: 1px dotted var(--latepoint-brand-primary);
9605 }
9606 .customer-dashboard-order-summary-lightbox .full-summary-order-info-elements,
9607 .customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements,
9608 .bundle-scheduled-summary-lightbox .full-summary-order-info-elements,
9609 .manage-order-wrapper .full-summary-order-info-elements,
9610 .manage-booking-wrapper .full-summary-order-info-elements {
9611 display: flex;
9612 gap: 10px;
9613 font-size: 15px;
9614 }
9615 .customer-dashboard-order-summary-lightbox .full-summary-order-info-elements .fsoi-element,
9616 .customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements .fsoi-element,
9617 .bundle-scheduled-summary-lightbox .full-summary-order-info-elements .fsoi-element,
9618 .manage-order-wrapper .full-summary-order-info-elements .fsoi-element,
9619 .manage-booking-wrapper .full-summary-order-info-elements .fsoi-element {
9620 display: flex;
9621 gap: 2px;
9622 }
9623 .customer-dashboard-order-summary-lightbox .full-summary-order-info-elements span,
9624 .customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements span,
9625 .bundle-scheduled-summary-lightbox .full-summary-order-info-elements span,
9626 .manage-order-wrapper .full-summary-order-info-elements span,
9627 .manage-booking-wrapper .full-summary-order-info-elements span {
9628 color: #7c85a3;
9629 display: block;
9630 }
9631 .customer-dashboard-order-summary-lightbox .full-summary-order-info-elements strong,
9632 .customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements strong,
9633 .bundle-scheduled-summary-lightbox .full-summary-order-info-elements strong,
9634 .manage-order-wrapper .full-summary-order-info-elements strong,
9635 .manage-booking-wrapper .full-summary-order-info-elements strong {
9636 color: #14161d;
9637 display: block;
9638 }
9639
9640 .latepoint-w .latepoint-booking-form-element.current-step-customer .latepoint-summary-w .os-summary-contents-inner .latepoint-add-another-item-trigger-wrapper.on-summary {
9641 display: block;
9642 }
9643
9644 @keyframes osLightboxMobileAnimation {
9645 0% {
9646 transform: translate3d(0%, 10%, 0px) scale(0.9);
9647 opacity: 0;
9648 }
9649 100% {
9650 transform: translate3d(0%, 0%, 0px) scale(1);
9651 opacity: 1;
9652 }
9653 }
9654 @media (min-width: 601px) and (max-width: 1050px) {
9655 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel) .latepoint-form-w {
9656 border-right: none !important;
9657 }
9658 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel) .latepoint-summary-w {
9659 display: none !important;
9660 }
9661 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel) .latepoint-summary-w .summary-header {
9662 text-align: left;
9663 }
9664 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel) .latepoint-summary-w .summary-header span {
9665 margin-left: 15px;
9666 }
9667 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open .latepoint-summary-w {
9668 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.1) 0ms LatepointSlideUpMobileSummary;
9669 animation-fill-mode: both;
9670 }
9671 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
9672 display: block;
9673 }
9674 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-booking-form-element:before {
9675 content: "";
9676 position: fixed;
9677 top: 0;
9678 left: 0;
9679 right: 0;
9680 bottom: 0;
9681 background-color: rgba(0, 0, 0, 0.3);
9682 z-index: 3;
9683 }
9684 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-lightbox-summary-trigger {
9685 display: block;
9686 }
9687 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w {
9688 display: block !important;
9689 position: fixed;
9690 top: 50%;
9691 left: 50%;
9692 min-width: 300px;
9693 width: auto;
9694 flex: 1;
9695 border-radius: 0;
9696 bottom: auto;
9697 z-index: 4;
9698 overflow: auto;
9699 box-shadow: 0px 10px 28px -5px rgba(0, 0, 0, 0.4), 0px 2px 3px 0px rgba(0, 0, 0, 0.4);
9700 max-height: 80vh;
9701 transform: translate3d(-50%, -50%, 0);
9702 }
9703 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w .summary-header .latepoint-lightbox-summary-trigger {
9704 padding: 3px 5px;
9705 line-height: 1.2;
9706 }
9707 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w .summary-header > div {
9708 justify-content: flex-start;
9709 }
9710 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w .summary-header span {
9711 margin-left: 0;
9712 }
9713 }
9714 @media (max-width: 600px) {
9715 .latepoint-lightbox-w.latepoint-border-radius-rounded .latepoint-lightbox-i {
9716 border-radius: 0;
9717 }
9718 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.week-day-1 .os-available-slots-tooltip,
9719 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.week-day-7 .os-available-slots-tooltip {
9720 transform: none;
9721 animation: 0.1s ease latepointAvailabilityPopupY;
9722 animation-fill-mode: both;
9723 }
9724 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.week-day-7 .os-available-slots-tooltip {
9725 left: auto;
9726 right: 0;
9727 }
9728 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.week-day-1 .os-available-slots-tooltip {
9729 left: 0;
9730 }
9731 .latepoint-w.latepoint-lightbox-form {
9732 height: 100%;
9733 }
9734 .latepoint-w .latepoint-booking-form-element {
9735 flex: 1;
9736 }
9737 .latepoint-w .latepoint-booking-form-element .latepoint-form-w {
9738 width: 100%;
9739 flex: 1;
9740 }
9741 .summary-header .checkout-from-summary-panel-btn-wrapper {
9742 display: none;
9743 }
9744 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-summary-main-section {
9745 padding: 0 20px;
9746 }
9747 .latepoint-summary-w .summary-price-breakdown-wrapper .summary-price-breakdown-inner {
9748 padding: 0 20px 20px;
9749 }
9750 .latepoint-w .latepoint-summary-w .os-summary-contents {
9751 overflow: hidden;
9752 }
9753 .checkout-from-summary-panel-btn-wrapper.os-mobile-only {
9754 display: block;
9755 padding: 10px 20px;
9756 background-color: #fff;
9757 position: sticky;
9758 top: 0;
9759 z-index: 1;
9760 border-bottom: 1px solid #f1f1f1;
9761 }
9762 .checkout-from-summary-panel-btn-wrapper.os-mobile-only .checkout-from-summary-panel-btn {
9763 justify-content: space-between;
9764 }
9765 .checkout-from-summary-panel-btn-wrapper.os-mobile-only + .os-summary-contents-inner {
9766 padding-top: 10px;
9767 }
9768 .le-day-view-wrapper .le-day-schedule-wrapper {
9769 padding: 30px 15px;
9770 }
9771 .latepoint-calendar-controls {
9772 flex-wrap: wrap;
9773 }
9774 .latepoint-calendar-controls .le-navigation .le-today {
9775 display: none;
9776 }
9777 .latepoint-calendar-controls .le-week, .latepoint-calendar-controls .le-month {
9778 white-space: nowrap;
9779 flex: 0 0 100%;
9780 text-align: center;
9781 }
9782 .latepoint-calendar-controls .le-filter {
9783 padding: 10px 12px;
9784 }
9785 .latepoint-calendar-controls .le-filter span {
9786 display: none;
9787 }
9788 .latepoint-calendar-controls .le-range-selector {
9789 margin-left: 0;
9790 }
9791 .latepoint-calendar-controls .le-navigation-wrapper {
9792 margin-left: auto;
9793 border-left: none;
9794 }
9795 .latepoint-calendar-week .le-day-weekday-wrapper {
9796 position: relative;
9797 top: 0;
9798 }
9799 .latepoint-calendar-filters .le-filters-label {
9800 display: none;
9801 }
9802 .latepoint-calendar-wrapper.show-filters .latepoint-calendar-filters {
9803 display: block;
9804 }
9805 .latepoint-calendar-wrapper.show-filters .latepoint-calendar-filters .os-form-group + .os-form-group {
9806 margin-top: 10px;
9807 }
9808 .latepoint-calendar-wrapper.show-filters .latepoint-calendar-filters select {
9809 display: block;
9810 width: 100%;
9811 }
9812 .latepoint-calendar-week {
9813 overflow-x: auto;
9814 padding-left: 0;
9815 padding-bottom: 10px;
9816 grid-template-columns: 200px 200px 200px 200px 200px 200px 200px;
9817 }
9818 .latepoint-calendar-week .le-day-wrapper {
9819 flex: 0 0 100px;
9820 }
9821 .latepoint-calendar-month {
9822 grid-template-columns: 200px 200px 200px 200px 200px 200px 200px;
9823 overflow-x: scroll;
9824 }
9825 .latepoint-calendar-week .le-day-wrapper:first-child .day-schedule-timeslot-value {
9826 display: none;
9827 }
9828 .le-day-view-wrapper .le-day-info-section {
9829 padding: 20px 15px;
9830 }
9831 .le-day-view-wrapper .le-day-info-section .le-day-info .le-day-number {
9832 font-size: 45px;
9833 }
9834 .le-day-view-wrapper .le-day-info-section .le-day-filters-wrapper {
9835 margin-left: 15px;
9836 padding-left: 15px;
9837 }
9838 .le-day-view-wrapper .le-day-info-section .le-day-heading {
9839 margin-bottom: 7px;
9840 font-size: 21px;
9841 }
9842 .latepoint-lightbox-w .latepoint-lightbox-i .latepoint-lightbox-close {
9843 top: 5px;
9844 right: 5px;
9845 }
9846 .latepoint-clean-body.with-pattern > .latepoint-w {
9847 padding: 0px;
9848 }
9849 .latepoint-w .manage-order-wrapper,
9850 .latepoint-w .manage-booking-wrapper {
9851 margin: 0;
9852 }
9853 .latepoint-w .manage-order-wrapper .manage-booking-controls,
9854 .latepoint-w .manage-booking-wrapper .manage-booking-controls {
9855 padding: 10px;
9856 gap: 10px;
9857 }
9858 .latepoint-w .manage-order-wrapper .manage-booking-inner,
9859 .latepoint-w .manage-booking-wrapper .manage-booking-inner {
9860 padding: 20px;
9861 padding-top: 100px;
9862 }
9863 .latepoint-resources-items-w {
9864 display: block;
9865 }
9866 .latepoint-resources-items-w .resource-item {
9867 margin-bottom: 20px;
9868 }
9869 .os-items .os-item.with-details .os-item-i .os-item-img-w {
9870 transform-origin: center center;
9871 transform: translateY(-8px) scale(0.9);
9872 }
9873 .os-items .os-item.with-details .os-item-i .os-item-name-w {
9874 transform: translateY(-18px);
9875 }
9876 .os-items .os-item.with-details .os-item-i .os-item-details-popup-btn {
9877 opacity: 1;
9878 transform: translateY(-7px);
9879 }
9880 .latepoint-w .latepoint-summary-w .summary-header .summary-header-inner {
9881 padding-left: 15px;
9882 padding-right: 15px;
9883 }
9884 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .os-summary-contents-inner-top {
9885 padding: 0 20px;
9886 }
9887 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-summary-w {
9888 border-radius: 0px !important;
9889 }
9890 .latepoint-w .os-form-group.os-form-phonefield-group .lp_iti__selected-dial-code {
9891 font-size: 16px !important;
9892 }
9893 .latepoint-w.latepoint-with-summary .latepoint-summary-w .summary-header {
9894 text-align: left;
9895 }
9896 .latepoint-w.latepoint-with-summary .latepoint-summary-w .summary-header > div {
9897 justify-content: flex-start;
9898 }
9899 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-summary-w {
9900 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.1) 0ms LatepointSlideUpMobileSummary;
9901 animation-fill-mode: both;
9902 }
9903 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
9904 display: block;
9905 }
9906 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-booking-form-element:before {
9907 content: "";
9908 position: fixed;
9909 top: 0;
9910 left: 0;
9911 right: 0;
9912 bottom: 0;
9913 background-color: rgba(0, 0, 0, 0.3);
9914 z-index: 3;
9915 }
9916 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-lightbox-summary-trigger {
9917 display: block;
9918 }
9919 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w {
9920 display: flex !important;
9921 position: fixed;
9922 top: 50%;
9923 left: 50%;
9924 width: auto;
9925 flex: 1;
9926 border-radius: 0;
9927 bottom: auto;
9928 z-index: 4;
9929 overflow: hidden;
9930 box-shadow: 0px 10px 28px -5px rgba(0, 0, 0, 0.4), 0px 2px 3px 0px rgba(0, 0, 0, 0.4);
9931 max-height: 90vh;
9932 max-width: 90vw;
9933 min-width: 80vw;
9934 transform: translate3d(-50%, -50%, 0);
9935 }
9936 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w .latepoint-lightbox-summary-trigger {
9937 line-height: 1;
9938 right: 15px;
9939 padding: 3px;
9940 }
9941 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w .latepoint-lightbox-summary-trigger i {
9942 display: block;
9943 }
9944 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded {
9945 border-radius: 0px;
9946 }
9947 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-summary-w {
9948 border-radius: 8px;
9949 }
9950 .qr-code-on-full-summary {
9951 display: none !important;
9952 }
9953 .customer-bookings-tiles, .customer-orders-tiles {
9954 grid-template-columns: 1fr;
9955 }
9956 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input {
9957 font-size: 16px !important;
9958 }
9959 .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li {
9960 margin: 0px 3px;
9961 }
9962 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn {
9963 padding: 10px;
9964 }
9965 .latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-child-count {
9966 display: none;
9967 }
9968 .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .step-datepicker-w {
9969 padding: 0px;
9970 }
9971 .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i .os-item-img-w.os-with-avatar {
9972 padding: 5px;
9973 }
9974 .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
9975 padding-left: 15px;
9976 padding-right: 15px;
9977 }
9978 .latepoint-w .os-form-group.os-form-textfield-group textarea.os-form-control,
9979 .latepoint-w .os-form-group.os-form-textfield-group select.os-form-control,
9980 .latepoint-w .os-form-group.os-form-textfield-group input[type=password].os-form-control,
9981 .latepoint-w .os-form-group.os-form-textfield-group input[type=email].os-form-control,
9982 .latepoint-w .os-form-group.os-form-textfield-group input[type=number].os-form-control,
9983 .latepoint-w .os-form-group.os-form-textfield-group input[type=text].os-form-control,
9984 .latepoint-w .os-form-group.os-form-textfield-group input[type=tel].os-form-control {
9985 font-size: 18px !important;
9986 }
9987 .latepoint-w .customer-bookings-tiles .customer-booking {
9988 flex: 1;
9989 }
9990 .latepoint-w .customer-dashboard-tabs {
9991 overflow-x: auto;
9992 }
9993 .latepoint-w .customer-dashboard-tabs a {
9994 margin: 0px 0px;
9995 text-align: center;
9996 white-space: nowrap;
9997 }
9998 .latepoint-w .customer-dashboard-tabs a + a {
9999 margin-left: 15px;
10000 }
10001 .latepoint-w .customer-dashboard-tabs a:after {
10002 bottom: 0px;
10003 top: auto;
10004 height: 0px;
10005 width: 100%;
10006 }
10007 .latepoint-w .customer-dashboard-tabs a.active:after {
10008 height: 3px;
10009 }
10010 .latepoint-w .latepoint-section-heading-w .heading-extra {
10011 display: none;
10012 }
10013 .latepoint-w .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group {
10014 display: block;
10015 }
10016 .latepoint-w .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group label {
10017 margin-bottom: 5px;
10018 }
10019 .latepoint-w .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group select {
10020 width: 100% !important;
10021 }
10022 .latepoint-w .dp-timeslot {
10023 height: 30px;
10024 }
10025 .latepoint-w .dp-timeslot .dp-tick {
10026 top: 40px;
10027 }
10028 .latepoint-w.latepoint-summary-is-open.show-summary-on-mobile .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel {
10029 display: none;
10030 }
10031 .latepoint-w .latepoint-booking-form-element {
10032 display: block;
10033 height: 100%;
10034 }
10035 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-timezone-selector-w {
10036 display: none !important;
10037 }
10038 .latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid {
10039 justify-content: space-evenly;
10040 }
10041 .latepoint-w .latepoint-booking-form-element .step-datepicker-w {
10042 padding: 10px 0px;
10043 }
10044 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info {
10045 flex-direction: column;
10046 align-items: center;
10047 }
10048 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-deposit-price-w,
10049 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-total-price-w {
10050 padding: 8px 0px;
10051 }
10052 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-trigger-w {
10053 margin-bottom: 5px;
10054 }
10055 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-trigger-w a {
10056 margin-left: 0px;
10057 }
10058 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w {
10059 margin-left: 0px !important;
10060 }
10061 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input {
10062 font-size: 18px !important;
10063 -webkit-appearance: none;
10064 width: 155px !important;
10065 border-radius: 0px !important;
10066 }
10067 .latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li a {
10068 padding: 5px 10px;
10069 }
10070 .latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li a .service-price-w {
10071 padding-left: 5px;
10072 margin-left: 5px;
10073 }
10074 .latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li a .service-img-w {
10075 margin-right: 10px;
10076 }
10077 .latepoint-w .latepoint-booking-form-element .step-services-w .os-item-category-w .os-item-category-info .os-item-category-services-count {
10078 display: none;
10079 }
10080 .latepoint-w .latepoint-booking-form-element .step-services-w .os-service-durations li .os-duration-value {
10081 font-size: 32px;
10082 }
10083 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel {
10084 display: none;
10085 width: 100%;
10086 flex: 1;
10087 }
10088 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .item-quantity-selector-w .item-quantity-selector-input {
10089 font-size: 16px !important;
10090 }
10091 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w {
10092 padding-left: 15px !important;
10093 padding-right: 15px !important;
10094 }
10095 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
10096 padding: 15px;
10097 max-height: 100vh; /* Fallback */
10098 max-height: 100dvh;
10099 }
10100 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-item-details-popup .item-details-popup-content {
10101 padding: 40px 15px;
10102 }
10103 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-features {
10104 margin-bottom: 20px;
10105 }
10106 .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel {
10107 position: absolute;
10108 top: 59px;
10109 z-index: 999;
10110 left: 0px;
10111 right: 0px;
10112 display: block;
10113 flex: 1;
10114 padding: 0px;
10115 border: none !important;
10116 background-color: #fff;
10117 }
10118 .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-step-desc-w,
10119 .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-questions,
10120 .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-progress {
10121 display: none !important;
10122 }
10123 .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w {
10124 margin-top: 0px;
10125 padding: 10px 15px;
10126 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
10127 }
10128 .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group {
10129 display: flex;
10130 align-items: center;
10131 }
10132 .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group label {
10133 margin-bottom: 0px;
10134 margin-right: 10px;
10135 white-space: nowrap;
10136 flex: 1;
10137 }
10138 .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group select {
10139 text-align-last: left;
10140 text-align: center;
10141 }
10142 .latepoint-w .latepoint-summary-w {
10143 display: none !important;
10144 }
10145 .latepoint-w .latepoint-form-w {
10146 height: 100%;
10147 }
10148 .latepoint-w .latepoint-form-w .latepoint-heading-w {
10149 padding-left: 15px !important;
10150 }
10151 .latepoint-w .latepoint-form-w .latepoint-body {
10152 padding-left: 15px;
10153 padding-right: 15px;
10154 }
10155 .latepoint-w .latepoint-lightbox-i {
10156 transform: none;
10157 animation: 0.4s cubic-bezier(0, 1, 0.51, 1) 0s both osLightboxMobileAnimation;
10158 max-height: 100vh;
10159 max-height: 100dvh;
10160 height: 100vh; /* Fallback */
10161 height: 100dvh;
10162 }
10163 .latepoint-w.front-lightbox .latepoint-lightbox-i {
10164 max-height: 100vh; /* Fallback */
10165 max-height: 100dvh;
10166 }
10167 .latepoint-lightbox-w {
10168 grid-template-columns: 1fr !important;
10169 }
10170 @keyframes osLightboxAnimation {
10171 0% {
10172 transform: translate3d(0%, -40%, 0px) scale(1.2);
10173 opacity: 0;
10174 }
10175 100% {
10176 transform: translate3d(0%, -50%, 0px) scale(1);
10177 opacity: 1;
10178 }
10179 }
10180 }
10181 @media (min-width: 601px) and (max-width: 959px) {
10182 .latepoint-lightbox-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-summary-w {
10183 display: flex;
10184 }
10185 .latepoint-lightbox-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-form-w {
10186 border-right: 1px solid rgba(0, 0, 0, 0.1);
10187 }
10188 }
10189 @media (min-width: 960px) {
10190 .latepoint-w .summary-boxes-columns {
10191 display: flex;
10192 justify-content: space-between;
10193 flex-wrap: wrap;
10194 column-gap: 20px;
10195 row-gap: 20px;
10196 }
10197 .latepoint-w .summary-boxes-columns .summary-box {
10198 flex: 1 1 35%;
10199 }
10200 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-summary-w {
10201 display: flex;
10202 }
10203 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-form-w {
10204 border-right: 1px solid rgba(0, 0, 0, 0.1);
10205 }
10206 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open.latepoint-hide-side-panel {
10207 grid-template-columns: min-content;
10208 }
10209 }
10210 /*!
10211 * Copyright (c) 2023 LatePoint LLC. All rights reserved.
10212 */
10213 @media print {
10214 .summary-box-wrapper + .summary-box-wrapper {
10215 border-top: 2px solid #111;
10216 margin-top: 30px;
10217 padding-top: 30px;
10218 }
10219 .order-full-summary-actions {
10220 display: none;
10221 }
10222 .order-summary-items-heading {
10223 margin-top: 30px;
10224 margin-bottom: 20px;
10225 font-size: 22px;
10226 }
10227 .full-summary-order-info-elements {
10228 margin-top: 20px;
10229 }
10230 .full-summary-wrapper .order-item-bundle-info-wrapper .bundle-icon, .confirmation-info-w .order-item-bundle-info-wrapper .bundle-icon {
10231 display: none;
10232 }
10233 .full-summary-wrapper .schedule-bundle-booking-btn-wrapper, .confirmation-info-w .schedule-bundle-booking-btn-wrapper {
10234 display: none;
10235 }
10236 .qr-code-booking-info img, .qr-code-vevent img {
10237 width: 200px;
10238 height: auto;
10239 }
10240 .fsoi-element {
10241 margin-top: 5px;
10242 }
10243 .part-of-bundle-message {
10244 display: none;
10245 }
10246 .summary-box .summary-box-content .os-avatar-w,
10247 .summary-box .summary-box-content .os-location-image {
10248 display: none;
10249 }
10250 .summary-box .summary-box-content .sbc-content-i {
10251 margin-left: 0;
10252 }
10253 .summary-box .sbc-link-item {
10254 display: none;
10255 }
10256 .summary-box .sbc-big-item {
10257 font-size: 22px;
10258 }
10259 .summary-box .sbc-highlighted-item {
10260 font-size: 18px;
10261 color: #000;
10262 }
10263 .full-summary-wrapper .summary-box-heading, .confirmation-info-w .summary-box-heading {
10264 margin-bottom: 5px;
10265 }
10266 .full-summary-wrapper .summary-box .sbc-main-item, .confirmation-info-w .summary-box .sbc-main-item {
10267 font-size: 18px;
10268 }
10269 .latepoint-w .summary-boxes-columns .summary-box {
10270 margin-bottom: 20px;
10271 }
10272 .summary-box .sbc-main-item a {
10273 display: none;
10274 }
10275 .booking-full-summary-actions {
10276 display: none;
10277 }
10278 .summary-attributes {
10279 padding: 0;
10280 background-color: transparent;
10281 }
10282 .summary-box.main-box .summary-box-booking-date-box,
10283 .summary-box.main-box .qr-show-trigger {
10284 display: none;
10285 }
10286 .booking-status-info-wrapper {
10287 padding: 20px 0;
10288 margin: 0;
10289 margin-bottom: 30px;
10290 border-bottom: 2px solid #111;
10291 flex-direction: row-reverse;
10292 justify-content: space-between;
10293 }
10294 .booking-status-info-wrapper .booking-status-label, .booking-status-info-wrapper .booking-confirmation {
10295 font-size: 22px;
10296 }
10297 .booking-status-info-wrapper .booking-status-icon {
10298 display: none;
10299 }
10300 .booking-status-info-wrapper .booking-confirmation {
10301 margin-left: 0;
10302 }
10303 .fsoi-main-wrapper {
10304 display: none;
10305 }
10306 .latepoint-print-summary-w {
10307 padding: 40px;
10308 }
10309 .latepoint-print-summary-w .full-summary-head-info {
10310 position: relative;
10311 }
10312 .latepoint-print-summary-w .qr-code-on-full-summary {
10313 display: flex;
10314 gap: 50px;
10315 margin-bottom: 20px;
10316 }
10317 .latepoint-print-summary-w .qr-code-on-full-summary .qr-show-trigger {
10318 display: none;
10319 }
10320 .latepoint-print-summary-w .qr-code-on-full-summary .qr-code-booking-info,
10321 .latepoint-print-summary-w .qr-code-on-full-summary .qr-code-vevent {
10322 flex: 1;
10323 text-align: center;
10324 border: 2px dotted #111;
10325 padding: 30px;
10326 }
10327 .latepoint-print-summary-w .qr-code-on-full-summary .qr-code-booking-info img,
10328 .latepoint-print-summary-w .qr-code-on-full-summary .qr-code-vevent img {
10329 width: 200px;
10330 height: 200px;
10331 display: block;
10332 margin: 0px auto 10px;
10333 }
10334 .latepoint-print-summary-w .qr-code-on-full-summary .qr-code-booking-info .qr-code-label,
10335 .latepoint-print-summary-w .qr-code-on-full-summary .qr-code-vevent .qr-code-label {
10336 text-align: center;
10337 font-size: 14px;
10338 }
10339 .latepoint-print-summary-w .payment-summary-info .full-summary-info-w {
10340 margin-top: 0px;
10341 }
10342 .latepoint-print-summary-w .full-summary-header {
10343 margin-bottom: 0px;
10344 margin-top: 0px;
10345 }
10346 .latepoint-print-summary-w .full-summary-number {
10347 color: #7c85a3;
10348 padding-top: 0px;
10349 margin-bottom: 8px;
10350 font-size: 13px;
10351 letter-spacing: 0.5px;
10352 text-transform: uppercase;
10353 font-weight: 600;
10354 }
10355 .latepoint-print-summary-w .full-summary-number strong {
10356 font-size: 39px;
10357 letter-spacing: normal;
10358 color: #14161d;
10359 display: block;
10360 line-height: 1.1;
10361 }
10362 }
10363 .latepoint-admin .lp_iti--separate-dial-code .lp_iti__selected-dial-code {
10364 padding-top: 1px;
10365 }
10366
10367 body.latepoint .os-form-phonefield-group:not(.has-value) .lp_iti {
10368 align-items: center;
10369 }
10370
10371 .latepoint-admin .lp_iti, .latepoint .lp_iti {
10372 position: relative;
10373 display: flex;
10374 align-items: flex-end;
10375 }
10376 .latepoint-admin .lp_iti *, .latepoint .lp_iti * {
10377 box-sizing: border-box;
10378 -moz-box-sizing: border-box;
10379 }
10380 .latepoint-admin .lp_iti__hide, .latepoint .lp_iti__hide {
10381 display: none;
10382 }
10383 .latepoint-admin .lp_iti__v-hide, .latepoint .lp_iti__v-hide {
10384 visibility: hidden;
10385 }
10386 .latepoint-admin .lp_iti input, .latepoint-admin .lp_iti input[type=text], .latepoint-admin .lp_iti input[type=tel], .latepoint .lp_iti input, .latepoint .lp_iti input[type=text], .latepoint .lp_iti input[type=tel] {
10387 position: relative;
10388 z-index: 0;
10389 margin-top: 0 !important;
10390 margin-bottom: 0 !important;
10391 padding-right: 36px;
10392 margin-right: 0;
10393 }
10394 .latepoint-admin .lp_iti__flag-container, .latepoint .lp_iti__flag-container {
10395 position: relative;
10396 }
10397 .latepoint-admin .lp_iti__selected-flag, .latepoint .lp_iti__selected-flag {
10398 z-index: 1;
10399 position: relative;
10400 display: flex;
10401 align-items: center;
10402 padding: 8px 6px 8px 0px;
10403 min-height: 20px;
10404 }
10405 .latepoint-admin .lp_iti__arrow, .latepoint .lp_iti__arrow {
10406 margin-left: 4px;
10407 width: 0;
10408 height: 0;
10409 border-left: 3px solid transparent;
10410 border-right: 3px solid transparent;
10411 border-top: 4px solid #555;
10412 margin-right: 0px;
10413 }
10414 .latepoint-admin .lp_iti__arrow--up, .latepoint .lp_iti__arrow--up {
10415 margin-left: 6px;
10416 border-top: 3px solid transparent;
10417 border-bottom: 3px solid transparent;
10418 border-left: 4px solid #555;
10419 border-right: none;
10420 }
10421 .latepoint-admin .lp_iti__country-list, .latepoint .lp_iti__country-list {
10422 position: absolute;
10423 z-index: 2;
10424 list-style: none;
10425 text-align: left;
10426 padding: 0;
10427 border: 1px solid #ababbf;
10428 border-bottom-color: #9c9ead;
10429 border-radius: 6px;
10430 box-shadow: 0px 5px 8px -3px rgba(0, 0, 0, 0.2), 0px 5px 20px -5px rgba(0, 0, 0, 0.2);
10431 background-color: #fff;
10432 white-space: nowrap;
10433 max-height: 200px;
10434 overflow-y: scroll;
10435 -webkit-overflow-scrolling: touch;
10436 margin: 0px;
10437 margin-bottom: 1px;
10438 margin-left: -1px;
10439 font-size: 15px;
10440 }
10441 .latepoint-admin .lp_iti__country-list--dropup, .latepoint .lp_iti__country-list--dropup {
10442 bottom: 100%;
10443 margin-bottom: -1px;
10444 }
10445 @media (max-width: 500px) {
10446 .latepoint-admin .lp_iti__country-list, .latepoint .lp_iti__country-list {
10447 white-space: normal;
10448 }
10449 }
10450 .latepoint-admin .lp_iti__flag-box, .latepoint .lp_iti__flag-box {
10451 display: inline-block;
10452 width: 20px;
10453 }
10454 .latepoint-admin .lp_iti__divider, .latepoint .lp_iti__divider {
10455 padding-bottom: 5px;
10456 margin-bottom: 5px;
10457 border-bottom: 1px solid #CCC;
10458 }
10459 .latepoint-admin .lp_iti__country, .latepoint .lp_iti__country {
10460 padding: 6px 8px;
10461 outline: none;
10462 margin-bottom: 0px;
10463 }
10464 .latepoint-admin .lp_iti__dial-code, .latepoint .lp_iti__dial-code {
10465 color: #999;
10466 }
10467 .latepoint-admin .lp_iti__country.lp_iti__highlight, .latepoint .lp_iti__country.lp_iti__highlight {
10468 background-color: rgba(0, 0, 0, 0.05);
10469 }
10470 .latepoint-admin .lp_iti__flag-box, .latepoint-admin .lp_iti__country-name, .latepoint-admin .lp_iti__dial-code, .latepoint .lp_iti__flag-box, .latepoint .lp_iti__country-name, .latepoint .lp_iti__dial-code {
10471 vertical-align: middle;
10472 }
10473 .latepoint-admin .lp_iti__flag-box, .latepoint-admin .lp_iti__country-name, .latepoint .lp_iti__flag-box, .latepoint .lp_iti__country-name {
10474 margin-right: 6px;
10475 }
10476 .latepoint-admin .lp_iti--allow-dropdown input, .latepoint-admin .lp_iti--allow-dropdown input[type=text], .latepoint-admin .lp_iti--allow-dropdown input[type=tel], .latepoint-admin .lp_iti--separate-dial-code input, .latepoint-admin .lp_iti--separate-dial-code input[type=text], .latepoint-admin .lp_iti--separate-dial-code input[type=tel], .latepoint .lp_iti--allow-dropdown input, .latepoint .lp_iti--allow-dropdown input[type=text], .latepoint .lp_iti--allow-dropdown input[type=tel], .latepoint .lp_iti--separate-dial-code input, .latepoint .lp_iti--separate-dial-code input[type=text], .latepoint .lp_iti--separate-dial-code input[type=tel] {
10477 padding-right: 6px;
10478 padding-left: 52px;
10479 margin-left: 0;
10480 }
10481 .latepoint-admin .lp_iti--allow-dropdown .lp_iti__flag-container, .latepoint-admin .lp_iti--separate-dial-code .lp_iti__flag-container, .latepoint .lp_iti--allow-dropdown .lp_iti__flag-container, .latepoint .lp_iti--separate-dial-code .lp_iti__flag-container {
10482 right: auto;
10483 left: 0;
10484 }
10485 .latepoint-admin .lp_iti--allow-dropdown .lp_iti__flag-container:hover, .latepoint .lp_iti--allow-dropdown .lp_iti__flag-container:hover {
10486 cursor: pointer;
10487 }
10488 .latepoint-admin .lp_iti--allow-dropdown input[disabled] + .lp_iti__flag-container:hover,
10489 .latepoint-admin .lp_iti--allow-dropdown input[readonly] + .lp_iti__flag-container:hover, .latepoint .lp_iti--allow-dropdown input[disabled] + .lp_iti__flag-container:hover,
10490 .latepoint .lp_iti--allow-dropdown input[readonly] + .lp_iti__flag-container:hover {
10491 cursor: default;
10492 }
10493 .latepoint-admin .lp_iti--allow-dropdown input[disabled] + .lp_iti__flag-container:hover .lp_iti__selected-flag,
10494 .latepoint-admin .lp_iti--allow-dropdown input[readonly] + .lp_iti__flag-container:hover .lp_iti__selected-flag, .latepoint .lp_iti--allow-dropdown input[disabled] + .lp_iti__flag-container:hover .lp_iti__selected-flag,
10495 .latepoint .lp_iti--allow-dropdown input[readonly] + .lp_iti__flag-container:hover .lp_iti__selected-flag {
10496 background-color: transparent;
10497 }
10498 .latepoint-admin .lp_iti--separate-dial-code .lp_iti__selected-dial-code, .latepoint .lp_iti--separate-dial-code .lp_iti__selected-dial-code {
10499 margin-left: 6px;
10500 }
10501 .latepoint-admin .lp_iti--container, .latepoint .lp_iti--container {
10502 position: absolute;
10503 top: -1000px;
10504 left: -1000px;
10505 z-index: 1000000;
10506 padding: 1px;
10507 }
10508 .latepoint-admin .lp_iti--container:hover, .latepoint .lp_iti--container:hover {
10509 cursor: pointer;
10510 }
10511 .latepoint-admin.lp_iti-mobile .lp_iti--container, .latepoint.lp_iti-mobile .lp_iti--container {
10512 top: 20px;
10513 bottom: 20px;
10514 left: 20px;
10515 right: 20px;
10516 position: fixed;
10517 z-index: 1000000;
10518 }
10519 .latepoint-admin.lp_iti-mobile .lp_iti__country-list, .latepoint.lp_iti-mobile .lp_iti__country-list {
10520 max-height: 100%;
10521 width: 100%;
10522 }
10523 .latepoint-admin.lp_iti-mobile .lp_iti__country, .latepoint.lp_iti-mobile .lp_iti__country {
10524 padding: 10px 10px;
10525 line-height: 1.5em;
10526 }
10527 .latepoint-admin .lp_iti__flag, .latepoint .lp_iti__flag {
10528 width: 20px;
10529 }
10530 .latepoint-admin .lp_iti__flag.lp_iti__be, .latepoint .lp_iti__flag.lp_iti__be {
10531 width: 18px;
10532 }
10533 .latepoint-admin .lp_iti__flag.lp_iti__ch, .latepoint .lp_iti__flag.lp_iti__ch {
10534 width: 15px;
10535 }
10536 .latepoint-admin .lp_iti__flag.lp_iti__mc, .latepoint .lp_iti__flag.lp_iti__mc {
10537 width: 19px;
10538 }
10539 .latepoint-admin .lp_iti__flag.lp_iti__ne, .latepoint .lp_iti__flag.lp_iti__ne {
10540 width: 18px;
10541 }
10542 .latepoint-admin .lp_iti__flag.lp_iti__np, .latepoint .lp_iti__flag.lp_iti__np {
10543 width: 13px;
10544 }
10545 .latepoint-admin .lp_iti__flag.lp_iti__va, .latepoint .lp_iti__flag.lp_iti__va {
10546 width: 15px;
10547 }
10548 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
10549 .latepoint-admin .lp_iti__flag, .latepoint .lp_iti__flag {
10550 background-size: 5652px 15px;
10551 }
10552 }
10553 .latepoint-admin .lp_iti__flag.lp_iti__ac, .latepoint .lp_iti__flag.lp_iti__ac {
10554 height: 10px;
10555 background-position: 0px 0px;
10556 }
10557 .latepoint-admin .lp_iti__flag.lp_iti__ad, .latepoint .lp_iti__flag.lp_iti__ad {
10558 height: 14px;
10559 background-position: -22px 0px;
10560 }
10561 .latepoint-admin .lp_iti__flag.lp_iti__ae, .latepoint .lp_iti__flag.lp_iti__ae {
10562 height: 10px;
10563 background-position: -44px 0px;
10564 }
10565 .latepoint-admin .lp_iti__flag.lp_iti__af, .latepoint .lp_iti__flag.lp_iti__af {
10566 height: 14px;
10567 background-position: -66px 0px;
10568 }
10569 .latepoint-admin .lp_iti__flag.lp_iti__ag, .latepoint .lp_iti__flag.lp_iti__ag {
10570 height: 14px;
10571 background-position: -88px 0px;
10572 }
10573 .latepoint-admin .lp_iti__flag.lp_iti__ai, .latepoint .lp_iti__flag.lp_iti__ai {
10574 height: 10px;
10575 background-position: -110px 0px;
10576 }
10577 .latepoint-admin .lp_iti__flag.lp_iti__al, .latepoint .lp_iti__flag.lp_iti__al {
10578 height: 15px;
10579 background-position: -132px 0px;
10580 }
10581 .latepoint-admin .lp_iti__flag.lp_iti__am, .latepoint .lp_iti__flag.lp_iti__am {
10582 height: 10px;
10583 background-position: -154px 0px;
10584 }
10585 .latepoint-admin .lp_iti__flag.lp_iti__ao, .latepoint .lp_iti__flag.lp_iti__ao {
10586 height: 14px;
10587 background-position: -176px 0px;
10588 }
10589 .latepoint-admin .lp_iti__flag.lp_iti__aq, .latepoint .lp_iti__flag.lp_iti__aq {
10590 height: 14px;
10591 background-position: -198px 0px;
10592 }
10593 .latepoint-admin .lp_iti__flag.lp_iti__ar, .latepoint .lp_iti__flag.lp_iti__ar {
10594 height: 13px;
10595 background-position: -220px 0px;
10596 }
10597 .latepoint-admin .lp_iti__flag.lp_iti__as, .latepoint .lp_iti__flag.lp_iti__as {
10598 height: 10px;
10599 background-position: -242px 0px;
10600 }
10601 .latepoint-admin .lp_iti__flag.lp_iti__at, .latepoint .lp_iti__flag.lp_iti__at {
10602 height: 14px;
10603 background-position: -264px 0px;
10604 }
10605 .latepoint-admin .lp_iti__flag.lp_iti__au, .latepoint .lp_iti__flag.lp_iti__au {
10606 height: 10px;
10607 background-position: -286px 0px;
10608 }
10609 .latepoint-admin .lp_iti__flag.lp_iti__aw, .latepoint .lp_iti__flag.lp_iti__aw {
10610 height: 14px;
10611 background-position: -308px 0px;
10612 }
10613 .latepoint-admin .lp_iti__flag.lp_iti__ax, .latepoint .lp_iti__flag.lp_iti__ax {
10614 height: 13px;
10615 background-position: -330px 0px;
10616 }
10617 .latepoint-admin .lp_iti__flag.lp_iti__az, .latepoint .lp_iti__flag.lp_iti__az {
10618 height: 10px;
10619 background-position: -352px 0px;
10620 }
10621 .latepoint-admin .lp_iti__flag.lp_iti__ba, .latepoint .lp_iti__flag.lp_iti__ba {
10622 height: 10px;
10623 background-position: -374px 0px;
10624 }
10625 .latepoint-admin .lp_iti__flag.lp_iti__bb, .latepoint .lp_iti__flag.lp_iti__bb {
10626 height: 14px;
10627 background-position: -396px 0px;
10628 }
10629 .latepoint-admin .lp_iti__flag.lp_iti__bd, .latepoint .lp_iti__flag.lp_iti__bd {
10630 height: 12px;
10631 background-position: -418px 0px;
10632 }
10633 .latepoint-admin .lp_iti__flag.lp_iti__be, .latepoint .lp_iti__flag.lp_iti__be {
10634 height: 15px;
10635 background-position: -440px 0px;
10636 }
10637 .latepoint-admin .lp_iti__flag.lp_iti__bf, .latepoint .lp_iti__flag.lp_iti__bf {
10638 height: 14px;
10639 background-position: -460px 0px;
10640 }
10641 .latepoint-admin .lp_iti__flag.lp_iti__bg, .latepoint .lp_iti__flag.lp_iti__bg {
10642 height: 12px;
10643 background-position: -482px 0px;
10644 }
10645 .latepoint-admin .lp_iti__flag.lp_iti__bh, .latepoint .lp_iti__flag.lp_iti__bh {
10646 height: 12px;
10647 background-position: -504px 0px;
10648 }
10649 .latepoint-admin .lp_iti__flag.lp_iti__bi, .latepoint .lp_iti__flag.lp_iti__bi {
10650 height: 12px;
10651 background-position: -526px 0px;
10652 }
10653 .latepoint-admin .lp_iti__flag.lp_iti__bj, .latepoint .lp_iti__flag.lp_iti__bj {
10654 height: 14px;
10655 background-position: -548px 0px;
10656 }
10657 .latepoint-admin .lp_iti__flag.lp_iti__bl, .latepoint .lp_iti__flag.lp_iti__bl {
10658 height: 14px;
10659 background-position: -570px 0px;
10660 }
10661 .latepoint-admin .lp_iti__flag.lp_iti__bm, .latepoint .lp_iti__flag.lp_iti__bm {
10662 height: 10px;
10663 background-position: -592px 0px;
10664 }
10665 .latepoint-admin .lp_iti__flag.lp_iti__bn, .latepoint .lp_iti__flag.lp_iti__bn {
10666 height: 10px;
10667 background-position: -614px 0px;
10668 }
10669 .latepoint-admin .lp_iti__flag.lp_iti__bo, .latepoint .lp_iti__flag.lp_iti__bo {
10670 height: 14px;
10671 background-position: -636px 0px;
10672 }
10673 .latepoint-admin .lp_iti__flag.lp_iti__bq, .latepoint .lp_iti__flag.lp_iti__bq {
10674 height: 14px;
10675 background-position: -658px 0px;
10676 }
10677 .latepoint-admin .lp_iti__flag.lp_iti__br, .latepoint .lp_iti__flag.lp_iti__br {
10678 height: 14px;
10679 background-position: -680px 0px;
10680 }
10681 .latepoint-admin .lp_iti__flag.lp_iti__bs, .latepoint .lp_iti__flag.lp_iti__bs {
10682 height: 10px;
10683 background-position: -702px 0px;
10684 }
10685 .latepoint-admin .lp_iti__flag.lp_iti__bt, .latepoint .lp_iti__flag.lp_iti__bt {
10686 height: 14px;
10687 background-position: -724px 0px;
10688 }
10689 .latepoint-admin .lp_iti__flag.lp_iti__bv, .latepoint .lp_iti__flag.lp_iti__bv {
10690 height: 15px;
10691 background-position: -746px 0px;
10692 }
10693 .latepoint-admin .lp_iti__flag.lp_iti__bw, .latepoint .lp_iti__flag.lp_iti__bw {
10694 height: 14px;
10695 background-position: -768px 0px;
10696 }
10697 .latepoint-admin .lp_iti__flag.lp_iti__by, .latepoint .lp_iti__flag.lp_iti__by {
10698 height: 10px;
10699 background-position: -790px 0px;
10700 }
10701 .latepoint-admin .lp_iti__flag.lp_iti__bz, .latepoint .lp_iti__flag.lp_iti__bz {
10702 height: 14px;
10703 background-position: -812px 0px;
10704 }
10705 .latepoint-admin .lp_iti__flag.lp_iti__ca, .latepoint .lp_iti__flag.lp_iti__ca {
10706 height: 10px;
10707 background-position: -834px 0px;
10708 }
10709 .latepoint-admin .lp_iti__flag.lp_iti__cc, .latepoint .lp_iti__flag.lp_iti__cc {
10710 height: 10px;
10711 background-position: -856px 0px;
10712 }
10713 .latepoint-admin .lp_iti__flag.lp_iti__cd, .latepoint .lp_iti__flag.lp_iti__cd {
10714 height: 15px;
10715 background-position: -878px 0px;
10716 }
10717 .latepoint-admin .lp_iti__flag.lp_iti__cf, .latepoint .lp_iti__flag.lp_iti__cf {
10718 height: 14px;
10719 background-position: -900px 0px;
10720 }
10721 .latepoint-admin .lp_iti__flag.lp_iti__cg, .latepoint .lp_iti__flag.lp_iti__cg {
10722 height: 14px;
10723 background-position: -922px 0px;
10724 }
10725 .latepoint-admin .lp_iti__flag.lp_iti__ch, .latepoint .lp_iti__flag.lp_iti__ch {
10726 height: 15px;
10727 background-position: -944px 0px;
10728 }
10729 .latepoint-admin .lp_iti__flag.lp_iti__ci, .latepoint .lp_iti__flag.lp_iti__ci {
10730 height: 14px;
10731 background-position: -961px 0px;
10732 }
10733 .latepoint-admin .lp_iti__flag.lp_iti__ck, .latepoint .lp_iti__flag.lp_iti__ck {
10734 height: 10px;
10735 background-position: -983px 0px;
10736 }
10737 .latepoint-admin .lp_iti__flag.lp_iti__cl, .latepoint .lp_iti__flag.lp_iti__cl {
10738 height: 14px;
10739 background-position: -1005px 0px;
10740 }
10741 .latepoint-admin .lp_iti__flag.lp_iti__cm, .latepoint .lp_iti__flag.lp_iti__cm {
10742 height: 14px;
10743 background-position: -1027px 0px;
10744 }
10745 .latepoint-admin .lp_iti__flag.lp_iti__cn, .latepoint .lp_iti__flag.lp_iti__cn {
10746 height: 14px;
10747 background-position: -1049px 0px;
10748 }
10749 .latepoint-admin .lp_iti__flag.lp_iti__co, .latepoint .lp_iti__flag.lp_iti__co {
10750 height: 14px;
10751 background-position: -1071px 0px;
10752 }
10753 .latepoint-admin .lp_iti__flag.lp_iti__cp, .latepoint .lp_iti__flag.lp_iti__cp {
10754 height: 14px;
10755 background-position: -1093px 0px;
10756 }
10757 .latepoint-admin .lp_iti__flag.lp_iti__cr, .latepoint .lp_iti__flag.lp_iti__cr {
10758 height: 12px;
10759 background-position: -1115px 0px;
10760 }
10761 .latepoint-admin .lp_iti__flag.lp_iti__cu, .latepoint .lp_iti__flag.lp_iti__cu {
10762 height: 10px;
10763 background-position: -1137px 0px;
10764 }
10765 .latepoint-admin .lp_iti__flag.lp_iti__cv, .latepoint .lp_iti__flag.lp_iti__cv {
10766 height: 12px;
10767 background-position: -1159px 0px;
10768 }
10769 .latepoint-admin .lp_iti__flag.lp_iti__cw, .latepoint .lp_iti__flag.lp_iti__cw {
10770 height: 14px;
10771 background-position: -1181px 0px;
10772 }
10773 .latepoint-admin .lp_iti__flag.lp_iti__cx, .latepoint .lp_iti__flag.lp_iti__cx {
10774 height: 10px;
10775 background-position: -1203px 0px;
10776 }
10777 .latepoint-admin .lp_iti__flag.lp_iti__cy, .latepoint .lp_iti__flag.lp_iti__cy {
10778 height: 14px;
10779 background-position: -1225px 0px;
10780 }
10781 .latepoint-admin .lp_iti__flag.lp_iti__cz, .latepoint .lp_iti__flag.lp_iti__cz {
10782 height: 14px;
10783 background-position: -1247px 0px;
10784 }
10785 .latepoint-admin .lp_iti__flag.lp_iti__de, .latepoint .lp_iti__flag.lp_iti__de {
10786 height: 12px;
10787 background-position: -1269px 0px;
10788 }
10789 .latepoint-admin .lp_iti__flag.lp_iti__dg, .latepoint .lp_iti__flag.lp_iti__dg {
10790 height: 10px;
10791 background-position: -1291px 0px;
10792 }
10793 .latepoint-admin .lp_iti__flag.lp_iti__dj, .latepoint .lp_iti__flag.lp_iti__dj {
10794 height: 14px;
10795 background-position: -1313px 0px;
10796 }
10797 .latepoint-admin .lp_iti__flag.lp_iti__dk, .latepoint .lp_iti__flag.lp_iti__dk {
10798 height: 15px;
10799 background-position: -1335px 0px;
10800 }
10801 .latepoint-admin .lp_iti__flag.lp_iti__dm, .latepoint .lp_iti__flag.lp_iti__dm {
10802 height: 10px;
10803 background-position: -1357px 0px;
10804 }
10805 .latepoint-admin .lp_iti__flag.lp_iti__do, .latepoint .lp_iti__flag.lp_iti__do {
10806 height: 14px;
10807 background-position: -1379px 0px;
10808 }
10809 .latepoint-admin .lp_iti__flag.lp_iti__dz, .latepoint .lp_iti__flag.lp_iti__dz {
10810 height: 14px;
10811 background-position: -1401px 0px;
10812 }
10813 .latepoint-admin .lp_iti__flag.lp_iti__ea, .latepoint .lp_iti__flag.lp_iti__ea {
10814 height: 14px;
10815 background-position: -1423px 0px;
10816 }
10817 .latepoint-admin .lp_iti__flag.lp_iti__ec, .latepoint .lp_iti__flag.lp_iti__ec {
10818 height: 14px;
10819 background-position: -1445px 0px;
10820 }
10821 .latepoint-admin .lp_iti__flag.lp_iti__ee, .latepoint .lp_iti__flag.lp_iti__ee {
10822 height: 13px;
10823 background-position: -1467px 0px;
10824 }
10825 .latepoint-admin .lp_iti__flag.lp_iti__eg, .latepoint .lp_iti__flag.lp_iti__eg {
10826 height: 14px;
10827 background-position: -1489px 0px;
10828 }
10829 .latepoint-admin .lp_iti__flag.lp_iti__eh, .latepoint .lp_iti__flag.lp_iti__eh {
10830 height: 10px;
10831 background-position: -1511px 0px;
10832 }
10833 .latepoint-admin .lp_iti__flag.lp_iti__er, .latepoint .lp_iti__flag.lp_iti__er {
10834 height: 10px;
10835 background-position: -1533px 0px;
10836 }
10837 .latepoint-admin .lp_iti__flag.lp_iti__es, .latepoint .lp_iti__flag.lp_iti__es {
10838 height: 14px;
10839 background-position: -1555px 0px;
10840 }
10841 .latepoint-admin .lp_iti__flag.lp_iti__et, .latepoint .lp_iti__flag.lp_iti__et {
10842 height: 10px;
10843 background-position: -1577px 0px;
10844 }
10845 .latepoint-admin .lp_iti__flag.lp_iti__eu, .latepoint .lp_iti__flag.lp_iti__eu {
10846 height: 14px;
10847 background-position: -1599px 0px;
10848 }
10849 .latepoint-admin .lp_iti__flag.lp_iti__fi, .latepoint .lp_iti__flag.lp_iti__fi {
10850 height: 12px;
10851 background-position: -1621px 0px;
10852 }
10853 .latepoint-admin .lp_iti__flag.lp_iti__fj, .latepoint .lp_iti__flag.lp_iti__fj {
10854 height: 10px;
10855 background-position: -1643px 0px;
10856 }
10857 .latepoint-admin .lp_iti__flag.lp_iti__fk, .latepoint .lp_iti__flag.lp_iti__fk {
10858 height: 10px;
10859 background-position: -1665px 0px;
10860 }
10861 .latepoint-admin .lp_iti__flag.lp_iti__fm, .latepoint .lp_iti__flag.lp_iti__fm {
10862 height: 11px;
10863 background-position: -1687px 0px;
10864 }
10865 .latepoint-admin .lp_iti__flag.lp_iti__fo, .latepoint .lp_iti__flag.lp_iti__fo {
10866 height: 15px;
10867 background-position: -1709px 0px;
10868 }
10869 .latepoint-admin .lp_iti__flag.lp_iti__fr, .latepoint .lp_iti__flag.lp_iti__fr {
10870 height: 14px;
10871 background-position: -1731px 0px;
10872 }
10873 .latepoint-admin .lp_iti__flag.lp_iti__ga, .latepoint .lp_iti__flag.lp_iti__ga {
10874 height: 15px;
10875 background-position: -1753px 0px;
10876 }
10877 .latepoint-admin .lp_iti__flag.lp_iti__gb, .latepoint .lp_iti__flag.lp_iti__gb {
10878 height: 10px;
10879 background-position: -1775px 0px;
10880 }
10881 .latepoint-admin .lp_iti__flag.lp_iti__gd, .latepoint .lp_iti__flag.lp_iti__gd {
10882 height: 12px;
10883 background-position: -1797px 0px;
10884 }
10885 .latepoint-admin .lp_iti__flag.lp_iti__ge, .latepoint .lp_iti__flag.lp_iti__ge {
10886 height: 14px;
10887 background-position: -1819px 0px;
10888 }
10889 .latepoint-admin .lp_iti__flag.lp_iti__gf, .latepoint .lp_iti__flag.lp_iti__gf {
10890 height: 14px;
10891 background-position: -1841px 0px;
10892 }
10893 .latepoint-admin .lp_iti__flag.lp_iti__gg, .latepoint .lp_iti__flag.lp_iti__gg {
10894 height: 14px;
10895 background-position: -1863px 0px;
10896 }
10897 .latepoint-admin .lp_iti__flag.lp_iti__gh, .latepoint .lp_iti__flag.lp_iti__gh {
10898 height: 14px;
10899 background-position: -1885px 0px;
10900 }
10901 .latepoint-admin .lp_iti__flag.lp_iti__gi, .latepoint .lp_iti__flag.lp_iti__gi {
10902 height: 10px;
10903 background-position: -1907px 0px;
10904 }
10905 .latepoint-admin .lp_iti__flag.lp_iti__gl, .latepoint .lp_iti__flag.lp_iti__gl {
10906 height: 14px;
10907 background-position: -1929px 0px;
10908 }
10909 .latepoint-admin .lp_iti__flag.lp_iti__gm, .latepoint .lp_iti__flag.lp_iti__gm {
10910 height: 14px;
10911 background-position: -1951px 0px;
10912 }
10913 .latepoint-admin .lp_iti__flag.lp_iti__gn, .latepoint .lp_iti__flag.lp_iti__gn {
10914 height: 14px;
10915 background-position: -1973px 0px;
10916 }
10917 .latepoint-admin .lp_iti__flag.lp_iti__gp, .latepoint .lp_iti__flag.lp_iti__gp {
10918 height: 14px;
10919 background-position: -1995px 0px;
10920 }
10921 .latepoint-admin .lp_iti__flag.lp_iti__gq, .latepoint .lp_iti__flag.lp_iti__gq {
10922 height: 14px;
10923 background-position: -2017px 0px;
10924 }
10925 .latepoint-admin .lp_iti__flag.lp_iti__gr, .latepoint .lp_iti__flag.lp_iti__gr {
10926 height: 14px;
10927 background-position: -2039px 0px;
10928 }
10929 .latepoint-admin .lp_iti__flag.lp_iti__gs, .latepoint .lp_iti__flag.lp_iti__gs {
10930 height: 10px;
10931 background-position: -2061px 0px;
10932 }
10933 .latepoint-admin .lp_iti__flag.lp_iti__gt, .latepoint .lp_iti__flag.lp_iti__gt {
10934 height: 13px;
10935 background-position: -2083px 0px;
10936 }
10937 .latepoint-admin .lp_iti__flag.lp_iti__gu, .latepoint .lp_iti__flag.lp_iti__gu {
10938 height: 11px;
10939 background-position: -2105px 0px;
10940 }
10941 .latepoint-admin .lp_iti__flag.lp_iti__gw, .latepoint .lp_iti__flag.lp_iti__gw {
10942 height: 10px;
10943 background-position: -2127px 0px;
10944 }
10945 .latepoint-admin .lp_iti__flag.lp_iti__gy, .latepoint .lp_iti__flag.lp_iti__gy {
10946 height: 12px;
10947 background-position: -2149px 0px;
10948 }
10949 .latepoint-admin .lp_iti__flag.lp_iti__hk, .latepoint .lp_iti__flag.lp_iti__hk {
10950 height: 14px;
10951 background-position: -2171px 0px;
10952 }
10953 .latepoint-admin .lp_iti__flag.lp_iti__hm, .latepoint .lp_iti__flag.lp_iti__hm {
10954 height: 10px;
10955 background-position: -2193px 0px;
10956 }
10957 .latepoint-admin .lp_iti__flag.lp_iti__hn, .latepoint .lp_iti__flag.lp_iti__hn {
10958 height: 10px;
10959 background-position: -2215px 0px;
10960 }
10961 .latepoint-admin .lp_iti__flag.lp_iti__hr, .latepoint .lp_iti__flag.lp_iti__hr {
10962 height: 10px;
10963 background-position: -2237px 0px;
10964 }
10965 .latepoint-admin .lp_iti__flag.lp_iti__ht, .latepoint .lp_iti__flag.lp_iti__ht {
10966 height: 12px;
10967 background-position: -2259px 0px;
10968 }
10969 .latepoint-admin .lp_iti__flag.lp_iti__hu, .latepoint .lp_iti__flag.lp_iti__hu {
10970 height: 10px;
10971 background-position: -2281px 0px;
10972 }
10973 .latepoint-admin .lp_iti__flag.lp_iti__ic, .latepoint .lp_iti__flag.lp_iti__ic {
10974 height: 14px;
10975 background-position: -2303px 0px;
10976 }
10977 .latepoint-admin .lp_iti__flag.lp_iti__id, .latepoint .lp_iti__flag.lp_iti__id {
10978 height: 14px;
10979 background-position: -2325px 0px;
10980 }
10981 .latepoint-admin .lp_iti__flag.lp_iti__ie, .latepoint .lp_iti__flag.lp_iti__ie {
10982 height: 10px;
10983 background-position: -2347px 0px;
10984 }
10985 .latepoint-admin .lp_iti__flag.lp_iti__il, .latepoint .lp_iti__flag.lp_iti__il {
10986 height: 15px;
10987 background-position: -2369px 0px;
10988 }
10989 .latepoint-admin .lp_iti__flag.lp_iti__im, .latepoint .lp_iti__flag.lp_iti__im {
10990 height: 10px;
10991 background-position: -2391px 0px;
10992 }
10993 .latepoint-admin .lp_iti__flag.lp_iti__in, .latepoint .lp_iti__flag.lp_iti__in {
10994 height: 14px;
10995 background-position: -2413px 0px;
10996 }
10997 .latepoint-admin .lp_iti__flag.lp_iti__io, .latepoint .lp_iti__flag.lp_iti__io {
10998 height: 10px;
10999 background-position: -2435px 0px;
11000 }
11001 .latepoint-admin .lp_iti__flag.lp_iti__iq, .latepoint .lp_iti__flag.lp_iti__iq {
11002 height: 14px;
11003 background-position: -2457px 0px;
11004 }
11005 .latepoint-admin .lp_iti__flag.lp_iti__ir, .latepoint .lp_iti__flag.lp_iti__ir {
11006 height: 12px;
11007 background-position: -2479px 0px;
11008 }
11009 .latepoint-admin .lp_iti__flag.lp_iti__is, .latepoint .lp_iti__flag.lp_iti__is {
11010 height: 15px;
11011 background-position: -2501px 0px;
11012 }
11013 .latepoint-admin .lp_iti__flag.lp_iti__it, .latepoint .lp_iti__flag.lp_iti__it {
11014 height: 14px;
11015 background-position: -2523px 0px;
11016 }
11017 .latepoint-admin .lp_iti__flag.lp_iti__je, .latepoint .lp_iti__flag.lp_iti__je {
11018 height: 12px;
11019 background-position: -2545px 0px;
11020 }
11021 .latepoint-admin .lp_iti__flag.lp_iti__jm, .latepoint .lp_iti__flag.lp_iti__jm {
11022 height: 10px;
11023 background-position: -2567px 0px;
11024 }
11025 .latepoint-admin .lp_iti__flag.lp_iti__jo, .latepoint .lp_iti__flag.lp_iti__jo {
11026 height: 10px;
11027 background-position: -2589px 0px;
11028 }
11029 .latepoint-admin .lp_iti__flag.lp_iti__jp, .latepoint .lp_iti__flag.lp_iti__jp {
11030 height: 14px;
11031 background-position: -2611px 0px;
11032 }
11033 .latepoint-admin .lp_iti__flag.lp_iti__ke, .latepoint .lp_iti__flag.lp_iti__ke {
11034 height: 14px;
11035 background-position: -2633px 0px;
11036 }
11037 .latepoint-admin .lp_iti__flag.lp_iti__kg, .latepoint .lp_iti__flag.lp_iti__kg {
11038 height: 12px;
11039 background-position: -2655px 0px;
11040 }
11041 .latepoint-admin .lp_iti__flag.lp_iti__kh, .latepoint .lp_iti__flag.lp_iti__kh {
11042 height: 13px;
11043 background-position: -2677px 0px;
11044 }
11045 .latepoint-admin .lp_iti__flag.lp_iti__ki, .latepoint .lp_iti__flag.lp_iti__ki {
11046 height: 10px;
11047 background-position: -2699px 0px;
11048 }
11049 .latepoint-admin .lp_iti__flag.lp_iti__km, .latepoint .lp_iti__flag.lp_iti__km {
11050 height: 12px;
11051 background-position: -2721px 0px;
11052 }
11053 .latepoint-admin .lp_iti__flag.lp_iti__kn, .latepoint .lp_iti__flag.lp_iti__kn {
11054 height: 14px;
11055 background-position: -2743px 0px;
11056 }
11057 .latepoint-admin .lp_iti__flag.lp_iti__kp, .latepoint .lp_iti__flag.lp_iti__kp {
11058 height: 10px;
11059 background-position: -2765px 0px;
11060 }
11061 .latepoint-admin .lp_iti__flag.lp_iti__kr, .latepoint .lp_iti__flag.lp_iti__kr {
11062 height: 14px;
11063 background-position: -2787px 0px;
11064 }
11065 .latepoint-admin .lp_iti__flag.lp_iti__kw, .latepoint .lp_iti__flag.lp_iti__kw {
11066 height: 10px;
11067 background-position: -2809px 0px;
11068 }
11069 .latepoint-admin .lp_iti__flag.lp_iti__ky, .latepoint .lp_iti__flag.lp_iti__ky {
11070 height: 10px;
11071 background-position: -2831px 0px;
11072 }
11073 .latepoint-admin .lp_iti__flag.lp_iti__kz, .latepoint .lp_iti__flag.lp_iti__kz {
11074 height: 10px;
11075 background-position: -2853px 0px;
11076 }
11077 .latepoint-admin .lp_iti__flag.lp_iti__la, .latepoint .lp_iti__flag.lp_iti__la {
11078 height: 14px;
11079 background-position: -2875px 0px;
11080 }
11081 .latepoint-admin .lp_iti__flag.lp_iti__lb, .latepoint .lp_iti__flag.lp_iti__lb {
11082 height: 14px;
11083 background-position: -2897px 0px;
11084 }
11085 .latepoint-admin .lp_iti__flag.lp_iti__lc, .latepoint .lp_iti__flag.lp_iti__lc {
11086 height: 10px;
11087 background-position: -2919px 0px;
11088 }
11089 .latepoint-admin .lp_iti__flag.lp_iti__li, .latepoint .lp_iti__flag.lp_iti__li {
11090 height: 12px;
11091 background-position: -2941px 0px;
11092 }
11093 .latepoint-admin .lp_iti__flag.lp_iti__lk, .latepoint .lp_iti__flag.lp_iti__lk {
11094 height: 10px;
11095 background-position: -2963px 0px;
11096 }
11097 .latepoint-admin .lp_iti__flag.lp_iti__lr, .latepoint .lp_iti__flag.lp_iti__lr {
11098 height: 11px;
11099 background-position: -2985px 0px;
11100 }
11101 .latepoint-admin .lp_iti__flag.lp_iti__ls, .latepoint .lp_iti__flag.lp_iti__ls {
11102 height: 14px;
11103 background-position: -3007px 0px;
11104 }
11105 .latepoint-admin .lp_iti__flag.lp_iti__lt, .latepoint .lp_iti__flag.lp_iti__lt {
11106 height: 12px;
11107 background-position: -3029px 0px;
11108 }
11109 .latepoint-admin .lp_iti__flag.lp_iti__lu, .latepoint .lp_iti__flag.lp_iti__lu {
11110 height: 12px;
11111 background-position: -3051px 0px;
11112 }
11113 .latepoint-admin .lp_iti__flag.lp_iti__lv, .latepoint .lp_iti__flag.lp_iti__lv {
11114 height: 10px;
11115 background-position: -3073px 0px;
11116 }
11117 .latepoint-admin .lp_iti__flag.lp_iti__ly, .latepoint .lp_iti__flag.lp_iti__ly {
11118 height: 10px;
11119 background-position: -3095px 0px;
11120 }
11121 .latepoint-admin .lp_iti__flag.lp_iti__ma, .latepoint .lp_iti__flag.lp_iti__ma {
11122 height: 14px;
11123 background-position: -3117px 0px;
11124 }
11125 .latepoint-admin .lp_iti__flag.lp_iti__mc, .latepoint .lp_iti__flag.lp_iti__mc {
11126 height: 15px;
11127 background-position: -3139px 0px;
11128 }
11129 .latepoint-admin .lp_iti__flag.lp_iti__md, .latepoint .lp_iti__flag.lp_iti__md {
11130 height: 10px;
11131 background-position: -3160px 0px;
11132 }
11133 .latepoint-admin .lp_iti__flag.lp_iti__me, .latepoint .lp_iti__flag.lp_iti__me {
11134 height: 10px;
11135 background-position: -3182px 0px;
11136 }
11137 .latepoint-admin .lp_iti__flag.lp_iti__mf, .latepoint .lp_iti__flag.lp_iti__mf {
11138 height: 14px;
11139 background-position: -3204px 0px;
11140 }
11141 .latepoint-admin .lp_iti__flag.lp_iti__mg, .latepoint .lp_iti__flag.lp_iti__mg {
11142 height: 14px;
11143 background-position: -3226px 0px;
11144 }
11145 .latepoint-admin .lp_iti__flag.lp_iti__mh, .latepoint .lp_iti__flag.lp_iti__mh {
11146 height: 11px;
11147 background-position: -3248px 0px;
11148 }
11149 .latepoint-admin .lp_iti__flag.lp_iti__mk, .latepoint .lp_iti__flag.lp_iti__mk {
11150 height: 10px;
11151 background-position: -3270px 0px;
11152 }
11153 .latepoint-admin .lp_iti__flag.lp_iti__ml, .latepoint .lp_iti__flag.lp_iti__ml {
11154 height: 14px;
11155 background-position: -3292px 0px;
11156 }
11157 .latepoint-admin .lp_iti__flag.lp_iti__mm, .latepoint .lp_iti__flag.lp_iti__mm {
11158 height: 14px;
11159 background-position: -3314px 0px;
11160 }
11161 .latepoint-admin .lp_iti__flag.lp_iti__mn, .latepoint .lp_iti__flag.lp_iti__mn {
11162 height: 10px;
11163 background-position: -3336px 0px;
11164 }
11165 .latepoint-admin .lp_iti__flag.lp_iti__mo, .latepoint .lp_iti__flag.lp_iti__mo {
11166 height: 14px;
11167 background-position: -3358px 0px;
11168 }
11169 .latepoint-admin .lp_iti__flag.lp_iti__mp, .latepoint .lp_iti__flag.lp_iti__mp {
11170 height: 10px;
11171 background-position: -3380px 0px;
11172 }
11173 .latepoint-admin .lp_iti__flag.lp_iti__mq, .latepoint .lp_iti__flag.lp_iti__mq {
11174 height: 14px;
11175 background-position: -3402px 0px;
11176 }
11177 .latepoint-admin .lp_iti__flag.lp_iti__mr, .latepoint .lp_iti__flag.lp_iti__mr {
11178 height: 14px;
11179 background-position: -3424px 0px;
11180 }
11181 .latepoint-admin .lp_iti__flag.lp_iti__ms, .latepoint .lp_iti__flag.lp_iti__ms {
11182 height: 10px;
11183 background-position: -3446px 0px;
11184 }
11185 .latepoint-admin .lp_iti__flag.lp_iti__mt, .latepoint .lp_iti__flag.lp_iti__mt {
11186 height: 14px;
11187 background-position: -3468px 0px;
11188 }
11189 .latepoint-admin .lp_iti__flag.lp_iti__mu, .latepoint .lp_iti__flag.lp_iti__mu {
11190 height: 14px;
11191 background-position: -3490px 0px;
11192 }
11193 .latepoint-admin .lp_iti__flag.lp_iti__mv, .latepoint .lp_iti__flag.lp_iti__mv {
11194 height: 14px;
11195 background-position: -3512px 0px;
11196 }
11197 .latepoint-admin .lp_iti__flag.lp_iti__mw, .latepoint .lp_iti__flag.lp_iti__mw {
11198 height: 14px;
11199 background-position: -3534px 0px;
11200 }
11201 .latepoint-admin .lp_iti__flag.lp_iti__mx, .latepoint .lp_iti__flag.lp_iti__mx {
11202 height: 12px;
11203 background-position: -3556px 0px;
11204 }
11205 .latepoint-admin .lp_iti__flag.lp_iti__my, .latepoint .lp_iti__flag.lp_iti__my {
11206 height: 10px;
11207 background-position: -3578px 0px;
11208 }
11209 .latepoint-admin .lp_iti__flag.lp_iti__mz, .latepoint .lp_iti__flag.lp_iti__mz {
11210 height: 14px;
11211 background-position: -3600px 0px;
11212 }
11213 .latepoint-admin .lp_iti__flag.lp_iti__na, .latepoint .lp_iti__flag.lp_iti__na {
11214 height: 14px;
11215 background-position: -3622px 0px;
11216 }
11217 .latepoint-admin .lp_iti__flag.lp_iti__nc, .latepoint .lp_iti__flag.lp_iti__nc {
11218 height: 10px;
11219 background-position: -3644px 0px;
11220 }
11221 .latepoint-admin .lp_iti__flag.lp_iti__ne, .latepoint .lp_iti__flag.lp_iti__ne {
11222 height: 15px;
11223 background-position: -3666px 0px;
11224 }
11225 .latepoint-admin .lp_iti__flag.lp_iti__nf, .latepoint .lp_iti__flag.lp_iti__nf {
11226 height: 10px;
11227 background-position: -3686px 0px;
11228 }
11229 .latepoint-admin .lp_iti__flag.lp_iti__ng, .latepoint .lp_iti__flag.lp_iti__ng {
11230 height: 10px;
11231 background-position: -3708px 0px;
11232 }
11233 .latepoint-admin .lp_iti__flag.lp_iti__ni, .latepoint .lp_iti__flag.lp_iti__ni {
11234 height: 12px;
11235 background-position: -3730px 0px;
11236 }
11237 .latepoint-admin .lp_iti__flag.lp_iti__nl, .latepoint .lp_iti__flag.lp_iti__nl {
11238 height: 14px;
11239 background-position: -3752px 0px;
11240 }
11241 .latepoint-admin .lp_iti__flag.lp_iti__no, .latepoint .lp_iti__flag.lp_iti__no {
11242 height: 15px;
11243 background-position: -3774px 0px;
11244 }
11245 .latepoint-admin .lp_iti__flag.lp_iti__np, .latepoint .lp_iti__flag.lp_iti__np {
11246 height: 15px;
11247 background-position: -3796px 0px;
11248 }
11249 .latepoint-admin .lp_iti__flag.lp_iti__nr, .latepoint .lp_iti__flag.lp_iti__nr {
11250 height: 10px;
11251 background-position: -3811px 0px;
11252 }
11253 .latepoint-admin .lp_iti__flag.lp_iti__nu, .latepoint .lp_iti__flag.lp_iti__nu {
11254 height: 10px;
11255 background-position: -3833px 0px;
11256 }
11257 .latepoint-admin .lp_iti__flag.lp_iti__nz, .latepoint .lp_iti__flag.lp_iti__nz {
11258 height: 10px;
11259 background-position: -3855px 0px;
11260 }
11261 .latepoint-admin .lp_iti__flag.lp_iti__om, .latepoint .lp_iti__flag.lp_iti__om {
11262 height: 10px;
11263 background-position: -3877px 0px;
11264 }
11265 .latepoint-admin .lp_iti__flag.lp_iti__pa, .latepoint .lp_iti__flag.lp_iti__pa {
11266 height: 14px;
11267 background-position: -3899px 0px;
11268 }
11269 .latepoint-admin .lp_iti__flag.lp_iti__pe, .latepoint .lp_iti__flag.lp_iti__pe {
11270 height: 14px;
11271 background-position: -3921px 0px;
11272 }
11273 .latepoint-admin .lp_iti__flag.lp_iti__pf, .latepoint .lp_iti__flag.lp_iti__pf {
11274 height: 14px;
11275 background-position: -3943px 0px;
11276 }
11277 .latepoint-admin .lp_iti__flag.lp_iti__pg, .latepoint .lp_iti__flag.lp_iti__pg {
11278 height: 15px;
11279 background-position: -3965px 0px;
11280 }
11281 .latepoint-admin .lp_iti__flag.lp_iti__ph, .latepoint .lp_iti__flag.lp_iti__ph {
11282 height: 10px;
11283 background-position: -3987px 0px;
11284 }
11285 .latepoint-admin .lp_iti__flag.lp_iti__pk, .latepoint .lp_iti__flag.lp_iti__pk {
11286 height: 14px;
11287 background-position: -4009px 0px;
11288 }
11289 .latepoint-admin .lp_iti__flag.lp_iti__pl, .latepoint .lp_iti__flag.lp_iti__pl {
11290 height: 13px;
11291 background-position: -4031px 0px;
11292 }
11293 .latepoint-admin .lp_iti__flag.lp_iti__pm, .latepoint .lp_iti__flag.lp_iti__pm {
11294 height: 14px;
11295 background-position: -4053px 0px;
11296 }
11297 .latepoint-admin .lp_iti__flag.lp_iti__pn, .latepoint .lp_iti__flag.lp_iti__pn {
11298 height: 10px;
11299 background-position: -4075px 0px;
11300 }
11301 .latepoint-admin .lp_iti__flag.lp_iti__pr, .latepoint .lp_iti__flag.lp_iti__pr {
11302 height: 14px;
11303 background-position: -4097px 0px;
11304 }
11305 .latepoint-admin .lp_iti__flag.lp_iti__ps, .latepoint .lp_iti__flag.lp_iti__ps {
11306 height: 10px;
11307 background-position: -4119px 0px;
11308 }
11309 .latepoint-admin .lp_iti__flag.lp_iti__pt, .latepoint .lp_iti__flag.lp_iti__pt {
11310 height: 14px;
11311 background-position: -4141px 0px;
11312 }
11313 .latepoint-admin .lp_iti__flag.lp_iti__pw, .latepoint .lp_iti__flag.lp_iti__pw {
11314 height: 13px;
11315 background-position: -4163px 0px;
11316 }
11317 .latepoint-admin .lp_iti__flag.lp_iti__py, .latepoint .lp_iti__flag.lp_iti__py {
11318 height: 11px;
11319 background-position: -4185px 0px;
11320 }
11321 .latepoint-admin .lp_iti__flag.lp_iti__qa, .latepoint .lp_iti__flag.lp_iti__qa {
11322 height: 8px;
11323 background-position: -4207px 0px;
11324 }
11325 .latepoint-admin .lp_iti__flag.lp_iti__re, .latepoint .lp_iti__flag.lp_iti__re {
11326 height: 14px;
11327 background-position: -4229px 0px;
11328 }
11329 .latepoint-admin .lp_iti__flag.lp_iti__ro, .latepoint .lp_iti__flag.lp_iti__ro {
11330 height: 14px;
11331 background-position: -4251px 0px;
11332 }
11333 .latepoint-admin .lp_iti__flag.lp_iti__rs, .latepoint .lp_iti__flag.lp_iti__rs {
11334 height: 14px;
11335 background-position: -4273px 0px;
11336 }
11337 .latepoint-admin .lp_iti__flag.lp_iti__ru, .latepoint .lp_iti__flag.lp_iti__ru {
11338 height: 14px;
11339 background-position: -4295px 0px;
11340 }
11341 .latepoint-admin .lp_iti__flag.lp_iti__rw, .latepoint .lp_iti__flag.lp_iti__rw {
11342 height: 14px;
11343 background-position: -4317px 0px;
11344 }
11345 .latepoint-admin .lp_iti__flag.lp_iti__sa, .latepoint .lp_iti__flag.lp_iti__sa {
11346 height: 14px;
11347 background-position: -4339px 0px;
11348 }
11349 .latepoint-admin .lp_iti__flag.lp_iti__sb, .latepoint .lp_iti__flag.lp_iti__sb {
11350 height: 10px;
11351 background-position: -4361px 0px;
11352 }
11353 .latepoint-admin .lp_iti__flag.lp_iti__sc, .latepoint .lp_iti__flag.lp_iti__sc {
11354 height: 10px;
11355 background-position: -4383px 0px;
11356 }
11357 .latepoint-admin .lp_iti__flag.lp_iti__sd, .latepoint .lp_iti__flag.lp_iti__sd {
11358 height: 10px;
11359 background-position: -4405px 0px;
11360 }
11361 .latepoint-admin .lp_iti__flag.lp_iti__se, .latepoint .lp_iti__flag.lp_iti__se {
11362 height: 13px;
11363 background-position: -4427px 0px;
11364 }
11365 .latepoint-admin .lp_iti__flag.lp_iti__sg, .latepoint .lp_iti__flag.lp_iti__sg {
11366 height: 14px;
11367 background-position: -4449px 0px;
11368 }
11369 .latepoint-admin .lp_iti__flag.lp_iti__sh, .latepoint .lp_iti__flag.lp_iti__sh {
11370 height: 10px;
11371 background-position: -4471px 0px;
11372 }
11373 .latepoint-admin .lp_iti__flag.lp_iti__si, .latepoint .lp_iti__flag.lp_iti__si {
11374 height: 10px;
11375 background-position: -4493px 0px;
11376 }
11377 .latepoint-admin .lp_iti__flag.lp_iti__sj, .latepoint .lp_iti__flag.lp_iti__sj {
11378 height: 15px;
11379 background-position: -4515px 0px;
11380 }
11381 .latepoint-admin .lp_iti__flag.lp_iti__sk, .latepoint .lp_iti__flag.lp_iti__sk {
11382 height: 14px;
11383 background-position: -4537px 0px;
11384 }
11385 .latepoint-admin .lp_iti__flag.lp_iti__sl, .latepoint .lp_iti__flag.lp_iti__sl {
11386 height: 14px;
11387 background-position: -4559px 0px;
11388 }
11389 .latepoint-admin .lp_iti__flag.lp_iti__sm, .latepoint .lp_iti__flag.lp_iti__sm {
11390 height: 15px;
11391 background-position: -4581px 0px;
11392 }
11393 .latepoint-admin .lp_iti__flag.lp_iti__sn, .latepoint .lp_iti__flag.lp_iti__sn {
11394 height: 14px;
11395 background-position: -4603px 0px;
11396 }
11397 .latepoint-admin .lp_iti__flag.lp_iti__so, .latepoint .lp_iti__flag.lp_iti__so {
11398 height: 14px;
11399 background-position: -4625px 0px;
11400 }
11401 .latepoint-admin .lp_iti__flag.lp_iti__sr, .latepoint .lp_iti__flag.lp_iti__sr {
11402 height: 14px;
11403 background-position: -4647px 0px;
11404 }
11405 .latepoint-admin .lp_iti__flag.lp_iti__ss, .latepoint .lp_iti__flag.lp_iti__ss {
11406 height: 10px;
11407 background-position: -4669px 0px;
11408 }
11409 .latepoint-admin .lp_iti__flag.lp_iti__st, .latepoint .lp_iti__flag.lp_iti__st {
11410 height: 10px;
11411 background-position: -4691px 0px;
11412 }
11413 .latepoint-admin .lp_iti__flag.lp_iti__sv, .latepoint .lp_iti__flag.lp_iti__sv {
11414 height: 12px;
11415 background-position: -4713px 0px;
11416 }
11417 .latepoint-admin .lp_iti__flag.lp_iti__sx, .latepoint .lp_iti__flag.lp_iti__sx {
11418 height: 14px;
11419 background-position: -4735px 0px;
11420 }
11421 .latepoint-admin .lp_iti__flag.lp_iti__sy, .latepoint .lp_iti__flag.lp_iti__sy {
11422 height: 14px;
11423 background-position: -4757px 0px;
11424 }
11425 .latepoint-admin .lp_iti__flag.lp_iti__sz, .latepoint .lp_iti__flag.lp_iti__sz {
11426 height: 14px;
11427 background-position: -4779px 0px;
11428 }
11429 .latepoint-admin .lp_iti__flag.lp_iti__ta, .latepoint .lp_iti__flag.lp_iti__ta {
11430 height: 10px;
11431 background-position: -4801px 0px;
11432 }
11433 .latepoint-admin .lp_iti__flag.lp_iti__tc, .latepoint .lp_iti__flag.lp_iti__tc {
11434 height: 10px;
11435 background-position: -4823px 0px;
11436 }
11437 .latepoint-admin .lp_iti__flag.lp_iti__td, .latepoint .lp_iti__flag.lp_iti__td {
11438 height: 14px;
11439 background-position: -4845px 0px;
11440 }
11441 .latepoint-admin .lp_iti__flag.lp_iti__tf, .latepoint .lp_iti__flag.lp_iti__tf {
11442 height: 14px;
11443 background-position: -4867px 0px;
11444 }
11445 .latepoint-admin .lp_iti__flag.lp_iti__tg, .latepoint .lp_iti__flag.lp_iti__tg {
11446 height: 13px;
11447 background-position: -4889px 0px;
11448 }
11449 .latepoint-admin .lp_iti__flag.lp_iti__th, .latepoint .lp_iti__flag.lp_iti__th {
11450 height: 14px;
11451 background-position: -4911px 0px;
11452 }
11453 .latepoint-admin .lp_iti__flag.lp_iti__tj, .latepoint .lp_iti__flag.lp_iti__tj {
11454 height: 10px;
11455 background-position: -4933px 0px;
11456 }
11457 .latepoint-admin .lp_iti__flag.lp_iti__tk, .latepoint .lp_iti__flag.lp_iti__tk {
11458 height: 10px;
11459 background-position: -4955px 0px;
11460 }
11461 .latepoint-admin .lp_iti__flag.lp_iti__tl, .latepoint .lp_iti__flag.lp_iti__tl {
11462 height: 10px;
11463 background-position: -4977px 0px;
11464 }
11465 .latepoint-admin .lp_iti__flag.lp_iti__tm, .latepoint .lp_iti__flag.lp_iti__tm {
11466 height: 14px;
11467 background-position: -4999px 0px;
11468 }
11469 .latepoint-admin .lp_iti__flag.lp_iti__tn, .latepoint .lp_iti__flag.lp_iti__tn {
11470 height: 14px;
11471 background-position: -5021px 0px;
11472 }
11473 .latepoint-admin .lp_iti__flag.lp_iti__to, .latepoint .lp_iti__flag.lp_iti__to {
11474 height: 10px;
11475 background-position: -5043px 0px;
11476 }
11477 .latepoint-admin .lp_iti__flag.lp_iti__tr, .latepoint .lp_iti__flag.lp_iti__tr {
11478 height: 14px;
11479 background-position: -5065px 0px;
11480 }
11481 .latepoint-admin .lp_iti__flag.lp_iti__tt, .latepoint .lp_iti__flag.lp_iti__tt {
11482 height: 12px;
11483 background-position: -5087px 0px;
11484 }
11485 .latepoint-admin .lp_iti__flag.lp_iti__tv, .latepoint .lp_iti__flag.lp_iti__tv {
11486 height: 10px;
11487 background-position: -5109px 0px;
11488 }
11489 .latepoint-admin .lp_iti__flag.lp_iti__tw, .latepoint .lp_iti__flag.lp_iti__tw {
11490 height: 14px;
11491 background-position: -5131px 0px;
11492 }
11493 .latepoint-admin .lp_iti__flag.lp_iti__tz, .latepoint .lp_iti__flag.lp_iti__tz {
11494 height: 14px;
11495 background-position: -5153px 0px;
11496 }
11497 .latepoint-admin .lp_iti__flag.lp_iti__ua, .latepoint .lp_iti__flag.lp_iti__ua {
11498 height: 14px;
11499 background-position: -5175px 0px;
11500 }
11501 .latepoint-admin .lp_iti__flag.lp_iti__ug, .latepoint .lp_iti__flag.lp_iti__ug {
11502 height: 14px;
11503 background-position: -5197px 0px;
11504 }
11505 .latepoint-admin .lp_iti__flag.lp_iti__um, .latepoint .lp_iti__flag.lp_iti__um {
11506 height: 11px;
11507 background-position: -5219px 0px;
11508 }
11509 .latepoint-admin .lp_iti__flag.lp_iti__un, .latepoint .lp_iti__flag.lp_iti__un {
11510 height: 14px;
11511 background-position: -5241px 0px;
11512 }
11513 .latepoint-admin .lp_iti__flag.lp_iti__us, .latepoint .lp_iti__flag.lp_iti__us {
11514 height: 11px;
11515 background-position: -5263px 0px;
11516 }
11517 .latepoint-admin .lp_iti__flag.lp_iti__uy, .latepoint .lp_iti__flag.lp_iti__uy {
11518 height: 14px;
11519 background-position: -5285px 0px;
11520 }
11521 .latepoint-admin .lp_iti__flag.lp_iti__uz, .latepoint .lp_iti__flag.lp_iti__uz {
11522 height: 10px;
11523 background-position: -5307px 0px;
11524 }
11525 .latepoint-admin .lp_iti__flag.lp_iti__va, .latepoint .lp_iti__flag.lp_iti__va {
11526 height: 15px;
11527 background-position: -5329px 0px;
11528 }
11529 .latepoint-admin .lp_iti__flag.lp_iti__vc, .latepoint .lp_iti__flag.lp_iti__vc {
11530 height: 14px;
11531 background-position: -5346px 0px;
11532 }
11533 .latepoint-admin .lp_iti__flag.lp_iti__ve, .latepoint .lp_iti__flag.lp_iti__ve {
11534 height: 14px;
11535 background-position: -5368px 0px;
11536 }
11537 .latepoint-admin .lp_iti__flag.lp_iti__vg, .latepoint .lp_iti__flag.lp_iti__vg {
11538 height: 10px;
11539 background-position: -5390px 0px;
11540 }
11541 .latepoint-admin .lp_iti__flag.lp_iti__vi, .latepoint .lp_iti__flag.lp_iti__vi {
11542 height: 14px;
11543 background-position: -5412px 0px;
11544 }
11545 .latepoint-admin .lp_iti__flag.lp_iti__vn, .latepoint .lp_iti__flag.lp_iti__vn {
11546 height: 14px;
11547 background-position: -5434px 0px;
11548 }
11549 .latepoint-admin .lp_iti__flag.lp_iti__vu, .latepoint .lp_iti__flag.lp_iti__vu {
11550 height: 12px;
11551 background-position: -5456px 0px;
11552 }
11553 .latepoint-admin .lp_iti__flag.lp_iti__wf, .latepoint .lp_iti__flag.lp_iti__wf {
11554 height: 14px;
11555 background-position: -5478px 0px;
11556 }
11557 .latepoint-admin .lp_iti__flag.lp_iti__ws, .latepoint .lp_iti__flag.lp_iti__ws {
11558 height: 10px;
11559 background-position: -5500px 0px;
11560 }
11561 .latepoint-admin .lp_iti__flag.lp_iti__xk, .latepoint .lp_iti__flag.lp_iti__xk {
11562 height: 15px;
11563 background-position: -5522px 0px;
11564 }
11565 .latepoint-admin .lp_iti__flag.lp_iti__ye, .latepoint .lp_iti__flag.lp_iti__ye {
11566 height: 14px;
11567 background-position: -5544px 0px;
11568 }
11569 .latepoint-admin .lp_iti__flag.lp_iti__yt, .latepoint .lp_iti__flag.lp_iti__yt {
11570 height: 14px;
11571 background-position: -5566px 0px;
11572 }
11573 .latepoint-admin .lp_iti__flag.lp_iti__za, .latepoint .lp_iti__flag.lp_iti__za {
11574 height: 14px;
11575 background-position: -5588px 0px;
11576 }
11577 .latepoint-admin .lp_iti__flag.lp_iti__zm, .latepoint .lp_iti__flag.lp_iti__zm {
11578 height: 14px;
11579 background-position: -5610px 0px;
11580 }
11581 .latepoint-admin .lp_iti__flag.lp_iti__zw, .latepoint .lp_iti__flag.lp_iti__zw {
11582 height: 10px;
11583 background-position: -5632px 0px;
11584 }
11585 .latepoint-admin .lp_iti__flag, .latepoint .lp_iti__flag {
11586 height: 15px;
11587 box-shadow: none;
11588 border-radius: 2px;
11589 background-image: url("../images/intl-tel-input/flags.png");
11590 background-repeat: no-repeat;
11591 background-color: #DBDBDB;
11592 background-position: 20px 0;
11593 }
11594 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
11595 .latepoint-admin .lp_iti__flag, .latepoint .lp_iti__flag {
11596 background-image: url("../images/intl-tel-input/flags@2x.png");
11597 }
11598 }
11599 .latepoint-admin .lp_iti__flag.lp_iti__np, .latepoint .lp_iti__flag.lp_iti__np {
11600 background-color: transparent;
11601 }
11602
11603 .latepoint-admin .lp_iti__country-list {
11604 font-size: 13px;
11605 }
11606
11607 /*# sourceMappingURL=front.css.map */
11608