PluginProbe ʕ •ᴥ•ʔ
Appointment Booking Plugin – LatePoint | Calendar & Scheduling for WordPress / 5.1.7
Appointment Booking Plugin – LatePoint | Calendar & Scheduling for WordPress v5.1.7
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
11373 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 }
673 .order-payments-form-wrapper .total-order-payments-info .topi-sub-info a span {
674 border-bottom: 1px dotted var(--latepoint-brand-primary);
675 }
676 .order-payments-form-wrapper .topi-heading {
677 display: flex;
678 align-items: center;
679 gap: 10px;
680 font-size: 20px;
681 font-weight: 600;
682 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
683 color: #14161d;
684 line-height: 1.1;
685 margin-bottom: 15px;
686 }
687 .order-payments-form-wrapper .topi-heading .topih-line {
688 height: 10px;
689 background-color: #eee;
690 flex: 1;
691 }
692 .order-payments-form-wrapper .topi-transaction {
693 padding: 15px;
694 border: 1px solid #eee;
695 border-bottom-color: #aaa;
696 position: relative;
697 }
698 .order-payments-form-wrapper .topi-transaction + .topi-transaction {
699 margin-top: 15px;
700 }
701 .order-payments-form-wrapper .topi-transaction .topit-amount {
702 font-size: 17px;
703 font-weight: 600;
704 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
705 color: #14161d;
706 }
707 .order-payments-form-wrapper .topi-transaction .topit-sub-info {
708 display: flex;
709 justify-content: space-between;
710 align-items: center;
711 font-size: 13px;
712 color: #7c85a3;
713 }
714 .order-payments-form-wrapper .topi-transaction .topit-transaction-status {
715 position: absolute;
716 top: 0px;
717 right: 0;
718 padding: 2px;
719 background-color: #eee;
720 font-size: 11px;
721 }
722 .order-payments-form-wrapper .topi-transaction .topit-receipt-link {
723 display: inline-flex;
724 align-items: center;
725 gap: 5px;
726 font-size: 13px;
727 color: var(--latepoint-brand-primary);
728 text-decoration: none;
729 margin-top: 5px;
730 }
731 .order-payments-form-wrapper .topi-transaction .topit-receipt-link span {
732 border-bottom: 1px dotted var(--latepoint-brand-primary);
733 }
734 .order-payments-form-wrapper .topi-transaction .topit-receipt-link i {
735 font-size: 11px;
736 }
737
738 .order-summary-items-heading {
739 display: flex;
740 align-items: center;
741 gap: 10px;
742 font-size: 15px;
743 font-weight: 600;
744 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
745 color: #7c85a3;
746 line-height: 1.1;
747 }
748 .order-summary-items-heading .osih-line {
749 height: 10px;
750 background-color: rgba(0, 0, 0, 0.03);
751 flex: 1;
752 }
753
754 .latepoint-btn {
755 padding: 9px 14px;
756 background-color: var(--latepoint-brand-primary);
757 color: #fff;
758 border-radius: 0px;
759 text-decoration: none !important;
760 font-weight: 600;
761 display: inline-block;
762 box-shadow: none;
763 border: none;
764 line-height: 1.2;
765 cursor: pointer;
766 }
767 .latepoint-btn:hover, .latepoint-btn:focus {
768 outline: none;
769 color: #fff !important;
770 background-color: color-mix(in srgb, var(--latepoint-brand-primary), #000 10%);
771 box-shadow: none;
772 }
773 .latepoint-btn.latepoint-btn-sm {
774 padding: 6px 8px;
775 font-size: 15px;
776 }
777 .latepoint-btn.latepoint-btn-danger {
778 background-color: #FB7F7F;
779 color: #fff;
780 }
781 .latepoint-btn.latepoint-btn-danger.latepoint-btn-link {
782 background-color: transparent;
783 border-color: transparent;
784 }
785 .latepoint-btn.latepoint-btn-danger.latepoint-btn-link span, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link i {
786 color: #d83838;
787 }
788 .latepoint-btn.latepoint-btn-danger.latepoint-btn-link span {
789 border-bottom: 1px solid #d83838;
790 }
791 .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 {
792 color: transparent !important;
793 background-color: transparent;
794 }
795 .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 {
796 border-bottom: 2px solid #d83838;
797 border-left: 2px solid #d83838;
798 border-top: 2px solid #d83838;
799 }
800 .latepoint-btn.latepoint-btn-danger.latepoint-btn-link:hover:not(.os-loading), .latepoint-btn.latepoint-btn-danger.latepoint-btn-link:focus:not(.os-loading) {
801 color: #d83838 !important;
802 background-color: transparent;
803 }
804 .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 {
805 color: #d83838 !important;
806 }
807 .latepoint-btn.latepoint-btn-danger:focus, .latepoint-btn.latepoint-btn-danger:active {
808 color: #fff;
809 background-color: #FB7F7F;
810 }
811 .latepoint-btn.latepoint-btn-danger:hover {
812 background-color: #f94e4e;
813 }
814 .latepoint-btn.latepoint-btn-primary {
815 background-color: var(--latepoint-brand-primary);
816 color: #fff;
817 }
818 .latepoint-btn.latepoint-btn-primary span {
819 color: #fff;
820 }
821 .latepoint-btn.latepoint-btn-primary i {
822 color: #fff;
823 }
824 .latepoint-btn.latepoint-btn-primary.latepoint-btn-outline {
825 background-color: transparent;
826 color: var(--latepoint-brand-primary);
827 border: 1px solid var(--latepoint-brand-primary);
828 }
829 .latepoint-btn.latepoint-btn-primary.latepoint-btn-outline:hover, .latepoint-btn.latepoint-btn-primary.latepoint-btn-outline:focus {
830 border-color: color-mix(in srgb, var(--latepoint-brand-primary), #000 10%);
831 color: var(--latepoint-brand-primary);
832 background-color: transparent;
833 }
834 .latepoint-btn.latepoint-btn-primary.latepoint-btn-outline.latepoint-btn-primary.os-loading:after {
835 border-bottom-color: var(--latepoint-brand-primary);
836 border-left-color: var(--latepoint-brand-primary);
837 border-top-color: var(--latepoint-brand-primary);
838 }
839 .latepoint-btn.latepoint-btn-primary.latepoint-btn-outline span, .latepoint-btn.latepoint-btn-primary.latepoint-btn-outline i {
840 color: var(--latepoint-brand-primary);
841 }
842 .latepoint-btn.latepoint-btn-primary.latepoint-btn-link {
843 background-color: transparent;
844 color: var(--latepoint-brand-primary);
845 border-color: transparent;
846 padding-left: 0px;
847 padding-right: 0px;
848 }
849 .latepoint-btn.latepoint-btn-primary.latepoint-btn-link span, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link i {
850 color: var(--latepoint-brand-primary);
851 }
852 .latepoint-btn.latepoint-btn-primary.latepoint-btn-link span {
853 border-bottom: 1px solid var(--latepoint-brand-primary);
854 }
855 .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 {
856 color: transparent !important;
857 }
858 .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 {
859 border-bottom: 2px solid var(--latepoint-brand-primary);
860 border-left: 2px solid var(--latepoint-brand-primary);
861 border-top: 2px solid var(--latepoint-brand-primary);
862 }
863 .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover:not(.os-loading), .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:focus:not(.os-loading) {
864 color: var(--latepoint-brand-primary) !important;
865 }
866 .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 {
867 color: var(--latepoint-brand-primary) !important;
868 }
869 .latepoint-btn.latepoint-btn-grey {
870 background-color: #eee;
871 color: #111 !important;
872 }
873 .latepoint-btn.latepoint-btn-white {
874 background-color: #fff;
875 color: #111 !important;
876 }
877 .latepoint-btn.latepoint-btn-white.latepoint-btn-link {
878 background-color: transparent;
879 color: #fff;
880 border-color: transparent;
881 padding-left: 0px;
882 padding-right: 0px;
883 }
884 .latepoint-btn.latepoint-btn-white.latepoint-btn-link span, .latepoint-btn.latepoint-btn-white.latepoint-btn-link i {
885 color: #fff;
886 }
887 .latepoint-btn.latepoint-btn-white.latepoint-btn-link span {
888 border-bottom: 1px solid #fff;
889 }
890 .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 {
891 color: transparent !important;
892 }
893 .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 {
894 border-bottom: 2px solid #fff;
895 border-left: 2px solid #fff;
896 border-top: 2px solid #fff;
897 }
898 .latepoint-btn.latepoint-btn-white.latepoint-btn-link:hover:not(.os-loading), .latepoint-btn.latepoint-btn-white.latepoint-btn-link:focus:not(.os-loading) {
899 color: #fff !important;
900 }
901 .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 {
902 color: #fff !important;
903 }
904 .latepoint-btn.latepoint-btn-block {
905 display: block;
906 text-align: center;
907 flex: 1;
908 }
909 .latepoint-btn.os-loading {
910 color: transparent !important;
911 position: relative;
912 }
913 .latepoint-btn.os-loading span, .latepoint-btn.os-loading i {
914 color: transparent !important;
915 border-bottom-color: transparent !important;
916 }
917 .latepoint-btn.os-loading:focus {
918 color: transparent !important;
919 }
920 .latepoint-btn.os-loading:focus span, .latepoint-btn.os-loading:focus i {
921 color: transparent !important;
922 border-bottom-color: transparent !important;
923 }
924 .latepoint-btn.os-loading:after {
925 display: block;
926 content: "";
927 width: 14px !important;
928 height: 14px !important;
929 border-bottom: 2px solid #fff;
930 border-left: 2px solid #fff;
931 border-top: 2px solid #fff;
932 border-right: 2px solid rgba(255, 255, 255, 0);
933 border-radius: 20px;
934 position: absolute;
935 top: 50%;
936 left: 50%;
937 transform: translate(-50%, -50%);
938 animation: os-loading 700ms infinite linear;
939 background-color: transparent !important;
940 }
941 .latepoint-btn.os-loading.latepoint-btn-white:after, .latepoint-btn.os-loading.latepoint-btn-secondary:after {
942 border-bottom: 2px solid var(--latepoint-body-color);
943 border-left: 2px solid var(--latepoint-body-color);
944 border-top: 2px solid var(--latepoint-body-color);
945 border-right: 2px solid rgba(0, 0, 0, 0);
946 }
947 .latepoint-btn.latepoint-btn-secondary {
948 background-color: #EDEFF6;
949 color: #252C39;
950 }
951 .latepoint-btn.latepoint-btn-secondary.latepoint-btn-link {
952 border-color: 2px solid #111;
953 }
954 .latepoint-btn.latepoint-btn-secondary:hover, .latepoint-btn.latepoint-btn-secondary:focus {
955 outline: none;
956 color: #252C39 !important;
957 background-color: #cbd1e5;
958 box-shadow: none;
959 }
960 .latepoint-btn span {
961 display: inline-block;
962 vertical-align: middle;
963 line-height: 1.5;
964 }
965 .latepoint-btn i {
966 display: inline-block;
967 vertical-align: middle;
968 }
969 .latepoint-btn i + span {
970 margin-left: 6px;
971 }
972 .latepoint-btn span + i {
973 margin-left: 6px;
974 }
975
976 .latepoint-book-button-wrapper.latepoint-book-button-align-center {
977 text-align: center;
978 }
979 .latepoint-book-button-wrapper.latepoint-book-button-align-right {
980 text-align: right;
981 }
982 .latepoint-book-button-wrapper.latepoint-book-button-align-left {
983 text-align: left;
984 }
985 .latepoint-book-button-wrapper.latepoint-book-button-align-justify {
986 text-align: center;
987 }
988 .latepoint-book-button-wrapper.latepoint-book-button-align-justify .latepoint-book-button {
989 display: block;
990 }
991
992 .latepoint-book-button {
993 line-height: 1em;
994 cursor: pointer;
995 transition: initial;
996 }
997 .latepoint-book-button.os-loading {
998 transition: all 0.2s linear;
999 color: transparent !important;
1000 position: relative;
1001 }
1002 .latepoint-book-button.os-loading:after {
1003 display: block;
1004 content: "";
1005 width: 14px !important;
1006 height: 14px !important;
1007 border-bottom: 2px solid #fff;
1008 border-left: 2px solid #fff;
1009 border-top: 2px solid #fff;
1010 border-right: 2px solid rgba(255, 255, 255, 0);
1011 border-radius: 20px;
1012 position: absolute;
1013 top: 50%;
1014 left: 50%;
1015 transform: translate(-50%, -50%);
1016 animation: os-loading 700ms infinite linear;
1017 background-color: transparent !important;
1018 }
1019
1020 .latepoint-w .os-form-w {
1021 background-color: #fff;
1022 padding: 30px;
1023 margin: 20px 0px;
1024 }
1025 .latepoint-w .os-form-group {
1026 margin-bottom: 15px !important;
1027 position: relative;
1028 }
1029 .latepoint-w .os-form-group.os-form-select-group .os-form-control,
1030 .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,
1031 .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control {
1032 position: relative !important;
1033 display: block !important;
1034 box-shadow: none !important;
1035 border: 1px solid #cad2e0 !important;
1036 padding: 12px 10px 12px 10px !important;
1037 border-radius: 0px !important;
1038 background-color: #fff !important;
1039 width: 100%;
1040 color: #32373c;
1041 line-height: 1.2;
1042 font-size: 15px !important;
1043 font-weight: 400 !important;
1044 transition: all 0.2s ease;
1045 height: auto;
1046 margin: 0px;
1047 }
1048 .latepoint-w .os-form-group.os-form-select-group .os-form-control:focus,
1049 .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,
1050 .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control:focus {
1051 background-color: #fff !important;
1052 border-color: #5779ef !important;
1053 outline: none;
1054 box-shadow: none;
1055 }
1056 .latepoint-w .os-form-group.os-form-select-group textarea,
1057 .latepoint-w .os-form-group.os-form-select-group input[type=number],
1058 .latepoint-w .os-form-group.os-form-select-group input[type=email],
1059 .latepoint-w .os-form-group.os-form-select-group input[type=password],
1060 .latepoint-w .os-form-group.os-form-select-group input[type=text],
1061 .latepoint-w .os-form-group.os-form-select-group input[type=tel], .latepoint-w .os-form-group.os-form-textfield-group textarea,
1062 .latepoint-w .os-form-group.os-form-textfield-group input[type=number],
1063 .latepoint-w .os-form-group.os-form-textfield-group input[type=email],
1064 .latepoint-w .os-form-group.os-form-textfield-group input[type=password],
1065 .latepoint-w .os-form-group.os-form-textfield-group input[type=text],
1066 .latepoint-w .os-form-group.os-form-textfield-group input[type=tel] {
1067 -webkit-appearance: none;
1068 }
1069 .latepoint-w .os-form-group.os-form-select-group.os-invalid label, .latepoint-w .os-form-group.os-form-textfield-group.os-invalid label {
1070 color: #d56e67 !important;
1071 }
1072 .latepoint-w .os-form-group.os-form-select-group.os-invalid .os-form-control,
1073 .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,
1074 .latepoint-w .os-form-group.os-form-textfield-group.os-invalid input.os-form-control {
1075 border-color: #eb3a3a !important;
1076 }
1077 .latepoint-w .os-form-group.os-form-select-group.os-invalid .os-form-control::placeholder,
1078 .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,
1079 .latepoint-w .os-form-group.os-form-textfield-group.os-invalid input.os-form-control::placeholder {
1080 color: #e38888 !important;
1081 }
1082 .latepoint-w .os-form-group.os-form-select-group.os-invalid .os-form-control:focus,
1083 .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,
1084 .latepoint-w .os-form-group.os-form-textfield-group.os-invalid input.os-form-control:focus {
1085 border-color: #c10505 !important;
1086 }
1087 .latepoint-w .os-form-group.os-form-select-group label {
1088 display: block !important;
1089 font-size: 15px;
1090 margin: 0px;
1091 }
1092 .latepoint-w .os-form-group.os-form-select-group select.os-form-control {
1093 height: auto !important;
1094 }
1095 .latepoint-w .os-form-group.os-form-multiselect-group > label {
1096 font-size: 15px;
1097 font-weight: 600;
1098 margin-bottom: 10px !important;
1099 }
1100 .latepoint-w .os-form-group.os-form-multiselect-group .os-form-group {
1101 margin-bottom: 3px !important;
1102 }
1103 .latepoint-w .os-form-group.os-form-multiselect-group .os-form-group label {
1104 font-size: 13px;
1105 }
1106 .latepoint-w .os-form-group.os-form-checkbox-group label {
1107 padding: 0px;
1108 border-radius: 0px;
1109 display: flex;
1110 gap: 8px;
1111 align-items: center;
1112 color: var(--latepoint-body-color);
1113 vertical-align: middle;
1114 margin: 0px;
1115 font-weight: 600;
1116 font-size: 15px;
1117 cursor: pointer;
1118 }
1119 .latepoint-w .os-form-group.os-form-checkbox-group label input.os-form-checkbox {
1120 display: inline-block;
1121 vertical-align: middle;
1122 border-radius: 0px;
1123 box-shadow: none;
1124 border-color: #aaa;
1125 }
1126 .latepoint-w .os-form-group.os-form-checkbox-group label a {
1127 text-decoration: underline;
1128 }
1129 .latepoint-w .os-form-group.os-form-textfield-group label {
1130 display: block;
1131 margin-bottom: 1px;
1132 line-height: 1.1;
1133 cursor: default;
1134 font-size: 12px !important;
1135 color: #AFB8D6 !important;
1136 font-weight: 400 !important;
1137 position: absolute !important;
1138 top: 5px;
1139 left: 10px;
1140 z-index: 2;
1141 opacity: 0;
1142 transform: translateY(-3px);
1143 transition: all 0.2s ease;
1144 }
1145 .latepoint-w .os-form-group.os-form-textfield-group .os-form-control input.os-form-control,
1146 .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control input.os-form-control {
1147 z-index: 1;
1148 }
1149 .latepoint-w .os-form-group.os-form-textfield-group .os-form-control::placeholder,
1150 .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control::placeholder {
1151 color: #AFB8D6;
1152 }
1153 .latepoint-w .os-form-group.os-form-textfield-group .os-form-control.os-framed-field,
1154 .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control.os-framed-field {
1155 height: 47px !important;
1156 }
1157 .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,
1158 .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control.os-framed-field.invalid,
1159 .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control.os-framed-field.braintree-hosted-fields-invalid {
1160 border-color: #f16161 !important;
1161 }
1162 .latepoint-w .os-form-group.os-form-textfield-group.has-value label {
1163 opacity: 1 !important;
1164 transform: translateY(0) !important;
1165 }
1166 .latepoint-w .os-form-group.os-form-textfield-group.has-value textarea.os-form-control,
1167 .latepoint-w .os-form-group.os-form-textfield-group.has-value input.os-form-control {
1168 padding: 19px 10px 5px 10px !important;
1169 }
1170 .latepoint-w .os-form-group.os-form-phonefield-group {
1171 border: 1px solid #cad2e0;
1172 border-radius: 0px;
1173 }
1174 .latepoint-w .os-form-group.os-form-phonefield-group:has(.os-form-control:focus) {
1175 border-color: var(--latepoint-brand-primary);
1176 }
1177 .latepoint-w .os-form-group.os-form-phonefield-group .lp_iti__selected-dial-code {
1178 color: #32373c;
1179 font-weight: 400;
1180 font-size: 15px !important;
1181 white-space: nowrap;
1182 margin-left: 4px;
1183 line-height: 1.2;
1184 }
1185 .latepoint-w .os-form-group.os-form-phonefield-group.os-invalid {
1186 border-color: #eb3a3a;
1187 }
1188 .latepoint-w .os-form-group.os-form-phonefield-group.os-invalid:has(.os-form-control:focus) {
1189 border-color: #eb3a3a;
1190 }
1191 .latepoint-w .os-form-group.os-form-phonefield-group .lp_iti__selected-flag {
1192 padding: 12px 4px 12px 10px;
1193 transition: all 0.2s ease;
1194 }
1195 .latepoint-w .os-form-group.os-form-phonefield-group .os-form-control,
1196 .latepoint-w .os-form-group.os-form-phonefield-group input.os-form-control {
1197 border: none !important;
1198 }
1199 .latepoint-w .os-form-group.os-form-phonefield-group .os-form-control.os-mask-phone,
1200 .latepoint-w .os-form-group.os-form-phonefield-group input.os-form-control.os-mask-phone {
1201 padding-left: 0px !important;
1202 border-left: none !important;
1203 }
1204 .latepoint-w .os-form-group.os-form-phonefield-group .os-form-control.os-mask-phone.invalid,
1205 .latepoint-w .os-form-group.os-form-phonefield-group input.os-form-control.os-mask-phone.invalid {
1206 border-color: #f16161 !important;
1207 }
1208 .latepoint-w .os-form-group.os-form-phonefield-group:not(.has-value) .lp_iti.lp_iti--allow-dropdown {
1209 align-items: center;
1210 }
1211 .latepoint-w .os-form-group.os-form-phonefield-group:not(.has-value) .lp_iti__selected-flag {
1212 padding-top: 10px;
1213 padding-bottom: 10px;
1214 }
1215 .latepoint-w .os-form-group.os-form-phonefield-group.has-value .lp_iti__selected-flag {
1216 padding-top: 19px;
1217 padding-bottom: 5px;
1218 }
1219 .latepoint-w .os-form-group.os-form-phonefield-group.has-value input.os-form-control.os-mask-phone {
1220 padding-left: 0px !important;
1221 padding-top: 18px !important;
1222 }
1223 .latepoint-w .os-form-buttons.os-flex {
1224 display: flex;
1225 align-items: center;
1226 }
1227 .latepoint-w .os-form-buttons.os-flex.os-space-between {
1228 justify-content: space-between;
1229 }
1230 .latepoint-w .os-form-buttons .os-form-group {
1231 display: inline-block;
1232 margin-bottom: 0px !important;
1233 }
1234 .latepoint-w .os-form-buttons .os-form-group .latepoint-btn {
1235 margin-right: 5px;
1236 }
1237 .latepoint-w .os-form-header {
1238 padding-bottom: 20px;
1239 margin-bottom: 20px;
1240 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
1241 }
1242 .latepoint-w .os-form-header h2, .latepoint-w .os-form-header h3, .latepoint-w .os-form-header h4 {
1243 margin-bottom: 5px;
1244 margin-top: 0px;
1245 }
1246 .latepoint-w .os-form-desc {
1247 color: rgba(0, 0, 0, 0.7);
1248 }
1249 .latepoint-w .os-image-container {
1250 border: 5px solid #fff;
1251 box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
1252 border-radius: 6px;
1253 max-width: 100px;
1254 margin-bottom: 10px;
1255 min-height: 50px;
1256 }
1257 .latepoint-w .os-image-container img {
1258 border-radius: 4px;
1259 width: 100%;
1260 height: auto;
1261 display: block;
1262 }
1263 .latepoint-w .settings-image-selector {
1264 margin: 20px 0px;
1265 }
1266 .latepoint-w .os-form-message-w {
1267 padding: 12px 20px;
1268 background-color: #f9f9f9;
1269 color: #333;
1270 margin-bottom: 20px;
1271 font-weight: 600;
1272 border-radius: 0px;
1273 }
1274 .latepoint-w .os-form-message-w ul {
1275 list-style: none;
1276 margin: 0px;
1277 padding: 0px;
1278 }
1279 .latepoint-w .os-form-message-w ul li {
1280 margin-bottom: 10px;
1281 }
1282 .latepoint-w .os-form-message-w ul li:last-child {
1283 margin-bottom: 0px;
1284 }
1285 .latepoint-w .os-form-message-w.status-error {
1286 background-color: #fff4f4;
1287 color: #d00c0c;
1288 border: 2px solid #f75160;
1289 }
1290 .latepoint-w .os-form-message-w.status-success {
1291 background-color: #e0fbd1;
1292 color: #437724;
1293 }
1294
1295 .text-center {
1296 text-align: center;
1297 }
1298
1299 .os-row {
1300 display: flex;
1301 justify-content: space-between;
1302 align-items: center;
1303 flex-wrap: wrap;
1304 margin-left: -7px;
1305 margin-right: -7px;
1306 }
1307
1308 .os-col-8 {
1309 flex: 0 0 66.6%;
1310 padding: 0px 7px;
1311 }
1312
1313 .os-col-4 {
1314 flex: 0 0 33.3%;
1315 padding: 0px 7px;
1316 }
1317
1318 .os-col-3 {
1319 flex: 0 0 25%;
1320 padding: 0px 7px;
1321 }
1322
1323 .os-col-9 {
1324 flex: 0 0 75%;
1325 padding: 0px 7px;
1326 }
1327
1328 .os-col-6 {
1329 flex: 0 0 50%;
1330 padding: 0px 7px;
1331 }
1332
1333 .os-col-12 {
1334 flex: 0 0 100%;
1335 padding: 0px 7px;
1336 }
1337
1338 @media (max-width: 600px) {
1339 .os-col-sm-12 {
1340 flex: 0 0 100%;
1341 padding: 0px 7px;
1342 }
1343 }
1344 .latepoint-login-form-w.os-form-w {
1345 max-width: 470px;
1346 margin: 30px auto !important;
1347 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 10px 25px rgba(0, 0, 0, 0.1);
1348 padding: 40px;
1349 background-color: #fff;
1350 }
1351 .latepoint-login-form-w.os-form-w h4 {
1352 margin: 0px;
1353 margin-bottom: 15px;
1354 padding: 0px;
1355 color: #14161d;
1356 }
1357 .latepoint-login-form-w.os-form-w .os-form-group:last-child {
1358 margin-bottom: 0px;
1359 }
1360 .latepoint-login-form-w.os-form-w .os-form-buttons {
1361 justify-content: space-between;
1362 }
1363
1364 .os-password-reset-form-w {
1365 position: relative;
1366 }
1367 .os-password-reset-form-w .password-reset-back-to-login {
1368 position: absolute;
1369 top: 10px;
1370 right: 10px;
1371 font-size: 12px;
1372 align-items: center;
1373 color: #bd3d3d;
1374 }
1375 .os-password-reset-form-w .password-reset-back-to-login span {
1376 margin-right: 5px;
1377 }
1378 .os-password-reset-form-w .password-reset-back-to-login span, .os-password-reset-form-w .password-reset-back-to-login i {
1379 display: inline-block;
1380 vertical-align: middle;
1381 }
1382
1383 .os-notifications {
1384 position: fixed;
1385 left: 50%;
1386 transform: translateX(-50%);
1387 top: 20px;
1388 z-index: 1000001;
1389 display: flex;
1390 flex-direction: column-reverse;
1391 }
1392 .os-notifications .os-notification-close {
1393 position: absolute;
1394 top: 50%;
1395 right: 5px;
1396 cursor: pointer;
1397 padding: 5px;
1398 font-size: 14px;
1399 transform: translateY(-50%);
1400 display: block;
1401 line-height: 1;
1402 }
1403 .os-notifications .item {
1404 padding: 14px 30px;
1405 background-color: rgba(29, 210, 101, 0.95);
1406 color: #fff;
1407 font-weight: 600;
1408 font-size: 18px;
1409 min-width: 500px;
1410 text-align: center;
1411 padding-right: 40px;
1412 position: relative;
1413 }
1414 .os-notifications .item + .item {
1415 margin-bottom: 10px;
1416 }
1417
1418 @keyframes selectedSlotCheckmark {
1419 0% {
1420 transform: rotate(-65deg) scale(0.5);
1421 }
1422 100% {
1423 transform: rotate(0deg) scale(1);
1424 }
1425 }
1426 @keyframes latepointFadeUp {
1427 0% {
1428 transform: translate3d(0, 40px, 0);
1429 opacity: 0;
1430 }
1431 100% {
1432 transform: translate3d(0, 0px, 0);
1433 opacity: 1;
1434 }
1435 }
1436 @keyframes up10op {
1437 0% {
1438 transform: translate3d(0, 10px, 0);
1439 opacity: 0;
1440 }
1441 100% {
1442 transform: translate3d(0, 0px, 0);
1443 opacity: 1;
1444 }
1445 }
1446 @keyframes up10 {
1447 0% {
1448 transform: translate3d(0, 10px, 0);
1449 }
1450 100% {
1451 transform: translate3d(0, 0px, 0);
1452 }
1453 }
1454 @keyframes up20op {
1455 0% {
1456 transform: translate3d(0, 20px, 0);
1457 opacity: 0;
1458 }
1459 100% {
1460 transform: translate3d(0, 0px, 0);
1461 opacity: 1;
1462 }
1463 }
1464 @keyframes rotateScale {
1465 0% {
1466 transform: scale(0.4) rotate(-90deg);
1467 opacity: 0;
1468 }
1469 100% {
1470 transform: scale(1) rotate(0deg);
1471 opacity: 1;
1472 }
1473 }
1474 @keyframes up20 {
1475 0% {
1476 transform: translate3d(0, 20px, 0);
1477 }
1478 100% {
1479 transform: translate3d(0, 0px, 0);
1480 }
1481 }
1482 @keyframes up40 {
1483 0% {
1484 transform: translate3d(0, 20px, 0);
1485 }
1486 100% {
1487 transform: translate3d(0, 0px, 0);
1488 }
1489 }
1490 @keyframes latepointMessage {
1491 0% {
1492 transform: translate3d(0, -10px, 0);
1493 opacity: 0;
1494 }
1495 100% {
1496 transform: translate3d(0, 0px, 0);
1497 opacity: 1;
1498 }
1499 }
1500 @keyframes latepointFadeDown {
1501 0% {
1502 transform: translate3d(0, -40px, 0);
1503 opacity: 0;
1504 }
1505 100% {
1506 transform: translate3d(0, 0px, 0);
1507 opacity: 1;
1508 }
1509 }
1510 @keyframes agentBio {
1511 0% {
1512 transform: scale(0.8);
1513 opacity: 0;
1514 }
1515 100% {
1516 transform: scale(1);
1517 opacity: 1;
1518 }
1519 }
1520 @keyframes osLightboxAnimation {
1521 0% {
1522 transform: translate3d(0, 10%, 0);
1523 opacity: 0;
1524 }
1525 100% {
1526 transform: translate3d(0, 0, 0);
1527 opacity: 1;
1528 }
1529 }
1530 @keyframes latepointAvailabilityPopup {
1531 0% {
1532 transform: translate3d(-50%, -60%, 0px);
1533 opacity: 0;
1534 }
1535 100% {
1536 transform: translate3d(-50%, -115%, 0px);
1537 opacity: 1;
1538 }
1539 }
1540 @keyframes latepointAvailabilityPopupY {
1541 0% {
1542 transform: translate3d(0%, -60%, 0px);
1543 opacity: 0;
1544 }
1545 100% {
1546 transform: translate3d(0%, -115%, 0px);
1547 opacity: 1;
1548 }
1549 }
1550 @keyframes latepointNextBtn {
1551 0% {
1552 transform: translate3d(-15px, 0px, 0) scale(0.9);
1553 opacity: 0;
1554 }
1555 100% {
1556 transform: translate3d(0, 0px, 0) scale(1);
1557 opacity: 1;
1558 }
1559 }
1560 @keyframes latepointPrevBtn {
1561 0% {
1562 transform: translate3d(15px, 0px, 0) scale(0.9);
1563 opacity: 0;
1564 }
1565 100% {
1566 transform: translate3d(0, 0px, 0) scale(1);
1567 opacity: 1;
1568 }
1569 }
1570 .latepoint-login-form-w {
1571 animation: 0.6s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both latepointFadeUp;
1572 }
1573
1574 .os-step-tab-content {
1575 animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s both latepointFadeUp;
1576 }
1577
1578 .os-password-reset-form-w {
1579 animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s both latepointFadeUp;
1580 }
1581
1582 .os-item-details-popup {
1583 animation: 0.4s cubic-bezier(0.45, 1.3, 0.6, 1) 0s both agentBio;
1584 }
1585
1586 .item-details-popup-content-i {
1587 animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both latepointFadeUp;
1588 }
1589
1590 .item-details-popup-head h3 {
1591 animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both latepointFadeDown;
1592 }
1593 .item-details-popup-head .item-details-popup-title {
1594 animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both latepointFadeDown;
1595 }
1596
1597 .item-details-popup-feature-value {
1598 animation: 0.4s cubic-bezier(0, 1, 0.51, 1) 0.05s both latepointFadeUp;
1599 }
1600
1601 .item-details-popup-feature-label {
1602 animation: 0.4s cubic-bezier(0, 1, 0.51, 1) 0.1s both latepointFadeUp;
1603 }
1604
1605 .latepoint-lightbox-i {
1606 transform-origin: center center;
1607 animation: 0.5s cubic-bezier(0, 1, 0.51, 1) 0s both osLightboxAnimation;
1608 }
1609
1610 .latepoint-message {
1611 animation: 0.15s cubic-bezier(0.45, 1.3, 0.6, 1.1) 0s both latepointMessage;
1612 }
1613
1614 .a-up-10 {
1615 animation: 0.4s cubic-bezier(0.25, 1.4, 0.5, 1) 0s up10op;
1616 animation-fill-mode: both;
1617 }
1618
1619 .a-up-10-opaque {
1620 animation: 0.4s cubic-bezier(0.25, 1.4, 0.5, 1) 0s up10;
1621 animation-fill-mode: both;
1622 }
1623
1624 .a-up-20 {
1625 animation: 0.4s cubic-bezier(0.25, 1.4, 0.5, 1) 0s up20op;
1626 animation-fill-mode: both;
1627 }
1628
1629 .a-up-20-opaque {
1630 animation: 0.4s cubic-bezier(0.25, 1.4, 0.5, 1) 0s up20;
1631 animation-fill-mode: both;
1632 }
1633
1634 .a-up-40-opaque {
1635 animation: 0.6s cubic-bezier(0.35, 1.2, 0.7, 1) 0s up40;
1636 animation-fill-mode: both;
1637 }
1638
1639 .a-rotate-scale {
1640 animation: 0.7s cubic-bezier(0.25, 1.4, 0.5, 1.35) 0s rotateScale;
1641 animation-fill-mode: both;
1642 }
1643
1644 .a-delay-1 {
1645 animation-delay: 0.05s;
1646 }
1647
1648 .a-delay-2 {
1649 animation-delay: 0.1s;
1650 }
1651
1652 .a-delay-3 {
1653 animation-delay: 0.15s;
1654 }
1655
1656 .a-delay-4 {
1657 animation-delay: 0.2s;
1658 }
1659
1660 @keyframes os-loading-gradient {
1661 0% {
1662 background-position: 0 0;
1663 }
1664 100% {
1665 background-position: -200% 0;
1666 }
1667 }
1668 .clean-layout-content-wrapper {
1669 animation: 0.5s cubic-bezier(0.35, 1.2, 0.7, 1) 0s both up20;
1670 }
1671
1672 .latepoint-clean-body .manage-booking-wrapper {
1673 animation: 0.5s cubic-bezier(0.35, 1.2, 0.7, 1) 0s both up20;
1674 }
1675
1676 .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w .latepoint-heading-w {
1677 border-top-left-radius: 8px;
1678 }
1679 .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w .latepoint-footer {
1680 border-bottom-left-radius: 8px;
1681 }
1682 .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form,
1683 .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w {
1684 border-bottom-left-radius: 8px;
1685 border-top-left-radius: 8px;
1686 }
1687 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option {
1688 box-shadow: 0px 0px 0px 2px #E8EBEE;
1689 cursor: pointer;
1690 transition: transform 0.1s ease;
1691 }
1692 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:focus-visible, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option:focus-visible {
1693 outline: 2px solid var(--latepoint-brand-primary);
1694 }
1695 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option.selected, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option.selected {
1696 box-shadow: 0px 0px 0px 2px var(--latepoint-brand-primary);
1697 }
1698 .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 {
1699 color: var(--latepoint-brand-primary);
1700 }
1701 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:hover, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option:hover {
1702 box-shadow: 0px 0px 0px 2px var(--latepoint-brand-primary);
1703 }
1704 .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 {
1705 color: var(--latepoint-brand-primary);
1706 }
1707 .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 {
1708 padding-bottom: 100%;
1709 background-size: contain;
1710 background-repeat: no-repeat;
1711 background-position: center center;
1712 transform-origin: center center;
1713 }
1714 .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 {
1715 font-weight: 600;
1716 color: var(--latepoint-body-color);
1717 font-size: 18px;
1718 padding: 10px;
1719 }
1720 .latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-grid {
1721 display: flex;
1722 justify-content: space-evenly;
1723 flex-wrap: wrap;
1724 }
1725 .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 {
1726 text-align: center;
1727 }
1728 .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 {
1729 padding: 15px;
1730 border-bottom: 1px solid #E8EBEE;
1731 }
1732 .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 {
1733 flex: 0 0 30%;
1734 }
1735 .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 {
1736 gap: 30px;
1737 }
1738 .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 {
1739 flex: 0 0 45%;
1740 }
1741 .latepoint-w .latepoint-booking-form-element .lp-options.lp-options-rows, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-rows {
1742 display: flex;
1743 flex-direction: column;
1744 }
1745 .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 {
1746 margin-bottom: 15px;
1747 display: flex;
1748 align-items: center;
1749 }
1750 .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 {
1751 flex: 0 0 50px;
1752 width: 50px;
1753 }
1754 .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 {
1755 padding: 10px 15px;
1756 border-right: 1px solid #E8EBEE;
1757 }
1758 .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 {
1759 flex: 1;
1760 padding-left: 20px;
1761 }
1762 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount-w, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount-w {
1763 padding: 20px 40px;
1764 border-bottom: 1px solid #E8EBEE;
1765 }
1766 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount {
1767 border-radius: 50%;
1768 padding-bottom: 100%;
1769 box-shadow: 0px 0px 0px 2px #14161d;
1770 position: relative;
1771 }
1772 .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 {
1773 position: absolute;
1774 top: 50%;
1775 left: 50%;
1776 transform: translate(-50%, -50%);
1777 font-weight: 600;
1778 color: var(--latepoint-body-color);
1779 font-size: 16px;
1780 }
1781 .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 {
1782 background-color: #eee;
1783 box-shadow: none;
1784 }
1785 .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 {
1786 width: 50%;
1787 padding-bottom: 50%;
1788 background: #fff;
1789 border-radius: 70px 0px 0px 0px;
1790 box-shadow: 0px 0px 0px 2px #14161d, 0px 0px 0px 6px #fff;
1791 position: absolute;
1792 top: 0;
1793 left: 0;
1794 transform-origin: bottom right;
1795 transform: rotate(-45deg);
1796 }
1797 .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 {
1798 left: 0px;
1799 background-color: #fff;
1800 padding: 2px 0px;
1801 }
1802 .latepoint-w .latepoint-booking-form-element .os-items, .latepoint-w .latepoint-transaction-payment-form .os-items {
1803 margin: 0px !important;
1804 padding: 0px !important;
1805 }
1806 .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 {
1807 margin-top: 15px !important;
1808 }
1809 .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 {
1810 margin-top: 15px;
1811 }
1812 .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 {
1813 transform: translateX(3px);
1814 }
1815 .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 {
1816 border-color: var(--latepoint-brand-primary);
1817 box-shadow: 0 0 0 1px var(--latepoint-brand-primary);
1818 text-decoration: none;
1819 }
1820 .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 {
1821 cursor: pointer;
1822 display: flex;
1823 background: #FFFFFF;
1824 border: 1px solid #E5E7EE;
1825 align-items: center;
1826 box-shadow: none;
1827 outline: none;
1828 padding: 10px;
1829 color: var(--latepoint-body-color);
1830 text-decoration: none;
1831 }
1832 .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 {
1833 border-color: var(--latepoint-brand-primary);
1834 box-shadow: 0 0 0 1px var(--latepoint-brand-primary);
1835 text-decoration: none;
1836 }
1837 .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 {
1838 flex: 0 0 45px;
1839 height: 45px;
1840 background-size: contain;
1841 background-repeat: no-repeat;
1842 background-position: center center;
1843 text-align: center;
1844 margin-right: 15px;
1845 display: block;
1846 }
1847 .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 {
1848 font-size: 22px;
1849 line-height: 43px;
1850 }
1851 .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 {
1852 padding: 5px 0px;
1853 margin-right: auto;
1854 display: block;
1855 transition: transform 0.2s ease-out;
1856 }
1857 .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 {
1858 font-weight: 600;
1859 font-size: 17px;
1860 display: block;
1861 }
1862 .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 {
1863 color: #7c85a3;
1864 font-size: 13px;
1865 display: block;
1866 margin-top: 3px;
1867 }
1868 .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 {
1869 display: block;
1870 color: #7c85a3;
1871 font-size: 12px;
1872 transition: transform 0.2s ease;
1873 }
1874 .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 {
1875 border-left: 1px solid rgba(0, 0, 0, 0.05);
1876 padding-left: 15px;
1877 margin-left: 10px;
1878 text-align: center;
1879 display: block;
1880 }
1881 .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 {
1882 display: block;
1883 color: var(--latepoint-brand-primary);
1884 line-height: 1.1;
1885 font-weight: 600;
1886 font-family: "latepoint", "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
1887 font-size: 16px;
1888 }
1889 .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 {
1890 display: block;
1891 color: #7c85a3;
1892 font-size: 12px;
1893 white-space: nowrap;
1894 }
1895 .latepoint-w .latepoint-booking-form-element .os-items .os-item:last-child, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item:last-child {
1896 margin-bottom: 0px;
1897 }
1898 .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 {
1899 padding: 5px 0px;
1900 }
1901 .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 {
1902 padding-left: 50px;
1903 }
1904 .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 {
1905 background-color: #fff;
1906 color: #fff;
1907 padding: 3px;
1908 font-size: 12px;
1909 font-family: "latepointIcons" !important;
1910 speak: none;
1911 font-style: normal;
1912 font-weight: normal;
1913 font-variant: normal;
1914 text-transform: none;
1915 line-height: 1;
1916 -webkit-font-smoothing: antialiased;
1917 -moz-osx-font-smoothing: grayscale;
1918 content: "\e903";
1919 position: absolute;
1920 top: 50%;
1921 left: 15px;
1922 display: block;
1923 transform: translateY(-50%);
1924 box-shadow: inset 0px 0px 0px 1px #d8dbe3;
1925 }
1926 .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 {
1927 background-color: var(--latepoint-brand-primary);
1928 box-shadow: none;
1929 }
1930 .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 {
1931 box-shadow: none;
1932 }
1933 .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 {
1934 display: none;
1935 }
1936 .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 {
1937 display: none;
1938 }
1939 .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 {
1940 margin-top: 15px;
1941 }
1942 .latepoint-w .latepoint-booking-form-element .os-items.os-as-grid, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid {
1943 display: grid;
1944 }
1945 .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 {
1946 text-align: center;
1947 }
1948 .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 {
1949 grid-column: 1/4;
1950 }
1951 .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 {
1952 padding: 15px 20px;
1953 }
1954 .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 {
1955 padding: 15px 20px;
1956 }
1957 .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 {
1958 display: none;
1959 }
1960 .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 {
1961 text-align: left;
1962 font-weight: 600;
1963 font-size: 18px;
1964 }
1965 .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 {
1966 display: block;
1967 padding: 10px;
1968 height: 100%;
1969 }
1970 .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 {
1971 padding-bottom: 0px;
1972 padding-top: 10px;
1973 border-top: 1px solid #eee;
1974 }
1975 .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 {
1976 flex: 1;
1977 height: auto;
1978 padding-bottom: 100%;
1979 margin: 0px;
1980 }
1981 .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 {
1982 padding: 0 15px 15px;
1983 }
1984 .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 {
1985 background-size: cover;
1986 background-position: center center;
1987 padding-bottom: 100%;
1988 background-repeat: no-repeat;
1989 }
1990 .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 {
1991 padding: 25px 10px 15px;
1992 }
1993 .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 {
1994 grid-template-columns: 1fr 1fr 1fr;
1995 column-gap: 15px;
1996 row-gap: 15px;
1997 }
1998 .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 {
1999 font-size: 13px;
2000 padding: 0px;
2001 font-weight: 600;
2002 opacity: 0;
2003 position: absolute;
2004 bottom: 0px;
2005 left: 0px;
2006 right: 0px;
2007 max-width: 100%;
2008 z-index: 1;
2009 border: none;
2010 transition: transform 0.2s ease;
2011 display: inline-block;
2012 }
2013 .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 {
2014 color: var(--latepoint-brand-primary);
2015 display: inline-block;
2016 border-bottom: 1px dotted color-mix(in srgb, var(--latepoint-brand-primary) 50%, transparent);
2017 padding: 2px 0px 1px;
2018 }
2019 .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 {
2020 padding-left: 5px;
2021 padding-right: 5px;
2022 color: #fff;
2023 background-color: var(--latepoint-brand-primary);
2024 border-color: transparent;
2025 }
2026 .latepoint-w .latepoint-booking-form-element .os-items .os-item, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item {
2027 position: relative;
2028 }
2029 .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 {
2030 transition: transform 0.2s ease;
2031 z-index: 2;
2032 position: relative;
2033 }
2034 .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 {
2035 transition: transform 0.2s ease;
2036 }
2037 .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 {
2038 transform-origin: center center;
2039 transform: translateY(-8px) scale(0.9);
2040 }
2041 .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 {
2042 transform: translateY(-18px);
2043 }
2044 .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 {
2045 opacity: 1;
2046 transform: translateY(-7px);
2047 }
2048 .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 {
2049 border-color: var(--latepoint-brand-primary);
2050 }
2051 .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 {
2052 margin-top: 0px !important;
2053 }
2054 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded {
2055 border-radius: 8px;
2056 }
2057 .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 {
2058 border-radius: 8px;
2059 }
2060 .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 {
2061 border-radius: 8px;
2062 }
2063 .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 {
2064 border-radius: 6px;
2065 }
2066 .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 {
2067 border-radius: 50%;
2068 }
2069 .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 {
2070 border-top-right-radius: 8px;
2071 }
2072 .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 {
2073 border-top-right-radius: 8px;
2074 border-bottom-right-radius: 8px;
2075 }
2076 .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 {
2077 border-bottom-right-radius: 8px;
2078 }
2079 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w,
2080 .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,
2081 .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-form {
2082 border-bottom-right-radius: 8px;
2083 border-top-right-radius: 8px;
2084 }
2085 .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 {
2086 border-radius: 8px !important;
2087 }
2088 .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 {
2089 border-radius: 8px;
2090 }
2091 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .dp-timebox, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .dp-timebox {
2092 border-radius: 8px;
2093 }
2094 .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 {
2095 border-radius: 8px;
2096 }
2097 .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 {
2098 border-radius: 8px;
2099 }
2100 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-password-reset-form-holder .os-password-reset-form-w,
2101 .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,
2102 .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-confirmation-w .step-confirmation-set-password {
2103 border-radius: 8px;
2104 }
2105 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .info-box, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .info-box {
2106 border-radius: 8px;
2107 }
2108 .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 {
2109 border-radius: 8px;
2110 }
2111 .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 {
2112 border-radius: 8px;
2113 }
2114 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-message, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-message {
2115 border-radius: 8px;
2116 }
2117 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input,
2118 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-payment-w .payment-total-info .applied-coupon-code,
2119 .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,
2120 .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-payment-w .payment-total-info .applied-coupon-code,
2121 .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-payment-w .payment-total-info .coupon-code-input-w .coupon-code-input-submit {
2122 border-radius: 8px !important;
2123 }
2124 .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 {
2125 border-radius: 8px;
2126 }
2127 .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 {
2128 border-radius: 8px;
2129 }
2130 .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 {
2131 border-radius: 8px;
2132 }
2133 .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 {
2134 border-radius: 8px;
2135 }
2136 .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 {
2137 border-radius: 8px;
2138 }
2139 .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 {
2140 border-radius: 8px 0px 0px 8px;
2141 }
2142 .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 {
2143 border-radius: 0px 8px 8px 0px;
2144 }
2145 .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 {
2146 border-radius: 8px;
2147 }
2148 .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 {
2149 border-radius: 8px;
2150 }
2151 .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 {
2152 border-radius: 8px;
2153 }
2154 .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 {
2155 padding: 5px 15px 5px 15px;
2156 }
2157 .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 {
2158 border-radius: 50%;
2159 background-size: cover;
2160 background-position: center center;
2161 padding-bottom: 100%;
2162 }
2163 .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 {
2164 border-radius: 6px;
2165 }
2166 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-btn, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-btn {
2167 border-radius: 8px;
2168 }
2169 .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 {
2170 border-radius: 8px;
2171 }
2172 .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 {
2173 border-radius: 8px;
2174 }
2175 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-file-upload-group .os-uploaded-file-info,
2176 .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],
2177 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-select-group .os-form-control,
2178 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-select-group input.os-form-control,
2179 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-textfield-group .os-form-control,
2180 .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,
2181 .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],
2182 .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-select-group .os-form-control,
2183 .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-select-group input.os-form-control,
2184 .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-textfield-group .os-form-control,
2185 .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-textfield-group input.os-form-control {
2186 border-radius: 8px !important;
2187 }
2188 .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 {
2189 border-radius: 0 8px 8px 0 !important;
2190 }
2191 .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 {
2192 border-radius: 8px 0 0 8px;
2193 }
2194 .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 {
2195 border-radius: 8px;
2196 }
2197 .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 {
2198 display: none;
2199 }
2200 .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 {
2201 position: relative;
2202 z-index: 2;
2203 }
2204 .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 {
2205 border-color: var(--latepoint-brand-primary);
2206 }
2207 .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 {
2208 z-index: 2;
2209 position: relative;
2210 }
2211 .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 {
2212 position: relative;
2213 }
2214 .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 {
2215 font-size: 16px;
2216 }
2217 .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 {
2218 border-color: var(--latepoint-brand-primary);
2219 }
2220 .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 {
2221 margin-top: 0px;
2222 box-shadow: none;
2223 }
2224 .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 {
2225 border: none;
2226 }
2227 .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 {
2228 display: none;
2229 }
2230 .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 {
2231 border-color: var(--latepoint-brand-primary);
2232 box-shadow: 0 0 0 1px var(--latepoint-brand-primary);
2233 text-decoration: none;
2234 }
2235 .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 {
2236 flex: 0 0 40px;
2237 height: 40px;
2238 background-size: contain;
2239 background-repeat: no-repeat;
2240 background-position: center center;
2241 text-align: center;
2242 margin-right: 15px;
2243 display: block;
2244 }
2245 .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 {
2246 display: block;
2247 font-weight: 600;
2248 font-size: 18px;
2249 display: block;
2250 margin-right: auto;
2251 flex: 1;
2252 transition: transform 0.2s ease;
2253 }
2254 .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 {
2255 display: block;
2256 color: #7c85a3;
2257 font-size: 12px;
2258 transform: translateX(-40px);
2259 transition: transform 0.2s ease;
2260 }
2261 .latepoint-w .latepoint-booking-form-element .os-item-category-w.selected, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected {
2262 box-shadow: none;
2263 }
2264 .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 {
2265 display: block;
2266 border-bottom: 1px solid #E5E7EE;
2267 background-color: #F4F6F9;
2268 border-top: none;
2269 position: relative;
2270 }
2271 .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 {
2272 border-bottom: none;
2273 }
2274 .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 {
2275 opacity: 0;
2276 }
2277 .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 {
2278 transform: translateX(0);
2279 }
2280 .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 {
2281 content: "";
2282 position: absolute;
2283 top: 50%;
2284 left: 25px;
2285 font-family: "latepointIcons" !important;
2286 speak: none;
2287 font-style: normal;
2288 font-weight: normal;
2289 font-variant: normal;
2290 text-transform: none;
2291 line-height: 1;
2292 -webkit-font-smoothing: antialiased;
2293 -moz-osx-font-smoothing: grayscale;
2294 content: "\e902";
2295 font-size: 10px;
2296 transform: translateY(-50%);
2297 color: #7c85a3;
2298 transition: all 0.2s ease;
2299 }
2300 .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 {
2301 opacity: 0;
2302 transform: translate(5px, -50%);
2303 }
2304 .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 {
2305 transform: translate(-5px, -50%);
2306 color: var(--latepoint-brand-primary);
2307 }
2308 .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 {
2309 color: var(--latepoint-brand-primary);
2310 }
2311 .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 {
2312 display: block;
2313 }
2314 .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) {
2315 display: none;
2316 }
2317 .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 {
2318 display: none;
2319 }
2320 .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) {
2321 border: none;
2322 }
2323 .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 {
2324 display: none;
2325 }
2326 .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 {
2327 display: block;
2328 }
2329 .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,
2330 .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,
2331 .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 {
2332 display: block;
2333 }
2334 .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 {
2335 border-bottom-right-radius: 0;
2336 border-top-right-radius: 0;
2337 }
2338
2339 /*!
2340 * Copyright (c) 2022 LatePoint LLC. All rights reserved.
2341 */
2342 .latepoint-resources-items-w {
2343 display: grid;
2344 margin: 40px 0px;
2345 align-items: start;
2346 }
2347 .latepoint-resources-items-w.resources-columns-2 {
2348 grid-template-columns: 1fr 1fr;
2349 grid-gap: 50px;
2350 }
2351 .latepoint-resources-items-w.resources-columns-3 {
2352 grid-template-columns: 1fr 1fr 1fr;
2353 grid-gap: 40px;
2354 }
2355 .latepoint-resources-items-w.resources-columns-4 {
2356 grid-template-columns: 1fr 1fr 1fr 1fr;
2357 grid-gap: 30px;
2358 }
2359 .latepoint-resources-items-w.resources-columns-5 {
2360 grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
2361 grid-gap: 20px;
2362 }
2363 .latepoint-resources-items-w .resource-item {
2364 box-shadow: 0 2px 18px -6px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
2365 padding: 20px;
2366 background-color: #fff;
2367 transition: all 0.2s ease;
2368 height: 100%;
2369 overflow: hidden;
2370 }
2371 .latepoint-resources-items-w .resource-item.ri-centered {
2372 text-align: center;
2373 }
2374 .latepoint-resources-items-w .resource-item:hover {
2375 box-shadow: 0 5px 24px -9px rgba(0, 0, 0, 0.4), 0 3px 6px 0 rgba(0, 0, 0, 0.2);
2376 transform: translateY(-2px);
2377 }
2378 .latepoint-resources-items-w .resource-item .ri-avatar {
2379 border-radius: 50%;
2380 width: 80px;
2381 height: 80px;
2382 background-position: center center;
2383 background-size: cover;
2384 background-repeat: no-repeat;
2385 margin: 0 auto 20px auto;
2386 }
2387 .latepoint-resources-items-w .resource-item .ri-map {
2388 margin: -20px -20px 0 -20px;
2389 margin-bottom: 25px;
2390 }
2391 .latepoint-resources-items-w .resource-item .ri-media {
2392 padding-bottom: 75%;
2393 margin: -20px -20px 0 -20px;
2394 background-size: cover;
2395 background-repeat: no-repeat;
2396 background-position: bottom center;
2397 margin-bottom: 25px;
2398 }
2399 .latepoint-resources-items-w .resource-item .ri-name h3 {
2400 margin: 10px 0px;
2401 font-size: 22px;
2402 }
2403 .latepoint-resources-items-w .resource-item .ri-title {
2404 color: var(--latepoint-brand-primary);
2405 font-weight: 600;
2406 font-size: 15px;
2407 }
2408 .latepoint-resources-items-w .resource-item .ri-price {
2409 color: var(--latepoint-brand-primary);
2410 font-weight: 600;
2411 font-size: 20px;
2412 margin-bottom: 10px;
2413 }
2414 .latepoint-resources-items-w .resource-item .ri-description {
2415 color: #7c85a3;
2416 font-size: 15px;
2417 font-weight: 400;
2418 margin-bottom: 10px;
2419 line-height: 1.3;
2420 }
2421 .latepoint-resources-items-w .resource-item .ri-external-link {
2422 margin-left: 3px;
2423 display: inline-block;
2424 }
2425 .latepoint-resources-items-w .resource-item .ri-buttons {
2426 margin-top: 20px;
2427 }
2428
2429 .latepoint .customer-dashboard-tabs {
2430 display: flex;
2431 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
2432 margin: 20px 0px 30px;
2433 }
2434 .latepoint .customer-dashboard-tabs a {
2435 display: block;
2436 padding: 10px 0px;
2437 font-weight: 600;
2438 text-decoration: none;
2439 color: #7c85a3;
2440 position: relative;
2441 font-size: 21px;
2442 margin-right: 30px;
2443 }
2444 .latepoint .customer-dashboard-tabs a:focus, .latepoint .customer-dashboard-tabs a:hover {
2445 text-decoration: none;
2446 color: var(--latepoint-body-color);
2447 }
2448 .latepoint .customer-dashboard-tabs a:after {
2449 content: "";
2450 height: 2px;
2451 background-color: var(--latepoint-brand-primary);
2452 left: 0px;
2453 bottom: -1px;
2454 display: block;
2455 position: absolute;
2456 }
2457 .latepoint .customer-dashboard-tabs a.active {
2458 color: var(--latepoint-brand-primary);
2459 }
2460 .latepoint .customer-dashboard-tabs a.active:after {
2461 width: 100%;
2462 }
2463
2464 .customer-orders-tiles {
2465 display: grid;
2466 grid-gap: 30px;
2467 grid-template-columns: 1fr 1fr 1fr;
2468 }
2469 .customer-orders-tiles .customer-order {
2470 background: #FFFFFF;
2471 border: 1px solid #ddd;
2472 padding: 25px;
2473 color: #222;
2474 align-self: flex-start;
2475 position: relative;
2476 }
2477 .customer-orders-tiles .customer-order .customer-order-confirmation {
2478 font-size: 25px;
2479 font-weight: 600;
2480 color: #14161d;
2481 }
2482 .customer-orders-tiles .customer-order .customer-order-datetime {
2483 color: #7c85a3;
2484 font-size: 15px;
2485 margin-bottom: 20px;
2486 }
2487 .customer-orders-tiles .customer-order .summary-price-item-w.spi-total {
2488 border-top-width: 2px;
2489 }
2490 .customer-orders-tiles .customer-order .customer-order-bottom-actions {
2491 display: flex;
2492 gap: 20px;
2493 margin-top: 20px;
2494 padding-top: 20px;
2495 border-top: 1px solid #f1f1f1;
2496 }
2497
2498 .customer-bookings-tiles {
2499 display: grid;
2500 grid-gap: 30px;
2501 grid-template-columns: 1fr 1fr 1fr;
2502 }
2503 .customer-bookings-tiles .new-booking-tile {
2504 border: 2px dotted color-mix(in srgb, var(--latepoint-brand-primary) 20%, transparent);
2505 opacity: 0.7;
2506 display: flex;
2507 flex-direction: column;
2508 text-align: center;
2509 color: var(--latepoint-brand-primary);
2510 position: relative;
2511 padding: 30px 20px;
2512 min-height: 100px;
2513 text-decoration: none !important;
2514 }
2515 .customer-bookings-tiles .new-booking-tile i, .customer-bookings-tiles .new-booking-tile span {
2516 display: block;
2517 }
2518 .customer-bookings-tiles .new-booking-tile i {
2519 margin-top: auto;
2520 font-size: 21px;
2521 }
2522 .customer-bookings-tiles .new-booking-tile span {
2523 margin-top: 15px;
2524 margin-bottom: auto;
2525 font-weight: 600;
2526 font-size: 21px;
2527 }
2528 .customer-bookings-tiles .new-booking-tile:hover {
2529 opacity: 1;
2530 border-color: var(--latepoint-brand-primary);
2531 border-style: solid;
2532 }
2533 .customer-bookings-tiles .new-booking-tile.os-loading {
2534 color: transparent;
2535 }
2536 .customer-bookings-tiles .new-booking-tile.os-loading:before {
2537 display: block;
2538 content: "";
2539 width: 30px !important;
2540 height: 30px !important;
2541 border-bottom: 2px solid var(--latepoint-brand-primary);
2542 border-left: 2px solid var(--latepoint-brand-primary);
2543 border-top: 2px solid var(--latepoint-brand-primary);
2544 border-right: 2px solid rgba(255, 255, 255, 0);
2545 border-radius: 20px;
2546 position: absolute;
2547 top: 50%;
2548 left: 50%;
2549 transform: translate(-50%, -50%);
2550 animation: os-loading 700ms infinite linear;
2551 background-color: transparent !important;
2552 }
2553 .customer-bookings-tiles .customer-booking {
2554 background: #FFFFFF;
2555 border: 1px solid #ddd;
2556 padding: 25px;
2557 color: #222;
2558 align-self: flex-start;
2559 position: relative;
2560 }
2561 .customer-bookings-tiles .customer-booking .bt-payment-actions {
2562 margin-top: 20px;
2563 padding-top: 20px;
2564 border-top: 1px solid #f1f1f1;
2565 }
2566 .customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-info {
2567 display: flex;
2568 align-items: center;
2569 }
2570 .customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-label {
2571 color: #7c85a3;
2572 }
2573 .customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-amount {
2574 margin-left: auto;
2575 font-weight: 600;
2576 color: #14161d;
2577 font-size: 21px;
2578 }
2579 .customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-pay-link {
2580 margin-left: auto;
2581 display: flex;
2582 padding-top: 5px;
2583 }
2584 .customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-pay-link a {
2585 font-size: 15px;
2586 text-decoration: none;
2587 margin-left: auto;
2588 color: var(--latepoint-brand-primary);
2589 border-bottom: 1px dotted var(--latepoint-brand-primary);
2590 display: inline-block;
2591 position: relative;
2592 }
2593 .customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-pay-link a:hover {
2594 border-bottom-style: solid;
2595 }
2596 .customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-pay-link a.os-loading {
2597 border-bottom-color: transparent;
2598 color: transparent;
2599 }
2600 .customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-pay-link a.os-loading:before {
2601 display: block;
2602 content: "";
2603 width: 15px !important;
2604 height: 15px !important;
2605 border-bottom: 2px solid var(--latepoint-brand-primary);
2606 border-left: 2px solid var(--latepoint-brand-primary);
2607 border-top: 2px solid var(--latepoint-brand-primary);
2608 border-right: 2px solid rgba(255, 255, 255, 0);
2609 border-radius: 20px;
2610 position: absolute;
2611 top: 50%;
2612 left: 50%;
2613 transform: translate(-50%, -50%);
2614 animation: os-loading 700ms infinite linear;
2615 background-color: transparent !important;
2616 }
2617 .customer-bookings-tiles h6.customer-booking-service-name {
2618 color: #14161d;
2619 padding-bottom: 5px;
2620 margin: 0px;
2621 text-align: left;
2622 text-transform: none;
2623 font-size: 21px;
2624 line-height: 1.2;
2625 }
2626 .customer-bookings-tiles .part-of-bundle-message {
2627 padding: 8px;
2628 background-color: #f1f3ff;
2629 margin-bottom: 15px;
2630 font-size: 12px;
2631 }
2632 .customer-bookings-tiles .part-of-bundle-message a {
2633 color: var(--latepoint-brand-primary);
2634 text-decoration: none;
2635 border-bottom: 1px dotted var(--latepoint-brand-primary);
2636 }
2637 .customer-bookings-tiles .customer-booking-datetime {
2638 margin-bottom: 10px;
2639 color: #14161d;
2640 }
2641 .customer-bookings-tiles .customer-booking-datetime span {
2642 color: #7c85a3;
2643 }
2644 .customer-bookings-tiles .customer-booking-service-color {
2645 height: 1px;
2646 background-color: #eee;
2647 }
2648 .customer-bookings-tiles .customer-booking-info {
2649 margin: 20px 0px;
2650 padding: 0px;
2651 font-size: 16px;
2652 }
2653 .customer-bookings-tiles .customer-booking-info .customer-booking-info-row {
2654 display: flex;
2655 margin: 10px 0px;
2656 }
2657 .customer-bookings-tiles .customer-booking-info .booking-info-label {
2658 flex: 0 1 80px;
2659 color: #7c85a3;
2660 }
2661 .customer-bookings-tiles .customer-booking-info .booking-info-value {
2662 font-weight: 600;
2663 }
2664 .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 {
2665 font-size: 13px;
2666 padding: 2px 5px;
2667 }
2668 .customer-bookings-tiles .customer-booking-info .booking-info-value.status-approved {
2669 background-color: #45b782;
2670 color: #fff;
2671 }
2672 .customer-bookings-tiles .customer-booking-info .booking-info-value.status-pending {
2673 background-color: #fde29f;
2674 color: #3a2f15;
2675 }
2676 .customer-bookings-tiles .customer-booking-info .booking-info-value.status-cancelled {
2677 background-color: #e63c26;
2678 color: #fff;
2679 }
2680 .customer-bookings-tiles .customer-booking-buttons {
2681 display: flex;
2682 gap: 20px;
2683 padding-bottom: 10px;
2684 }
2685 .customer-bookings-tiles .customer-booking-buttons .latepoint-btn {
2686 display: block;
2687 padding: 5px 0px;
2688 white-space: nowrap;
2689 font-size: 14px;
2690 }
2691 .customer-bookings-tiles .customer-booking-buttons .latepoint-btn i + span {
2692 margin-left: 4px;
2693 }
2694 .latepoint-customer-timezone-selector-w {
2695 position: relative;
2696 margin-top: -10px;
2697 }
2698 .latepoint-customer-timezone-selector-w.os-loading label {
2699 position: relative;
2700 }
2701 .latepoint-customer-timezone-selector-w.os-loading label:before {
2702 display: block;
2703 content: "";
2704 width: 12px !important;
2705 height: 12px !important;
2706 border-bottom: 2px solid var(--latepoint-body-color);
2707 border-left: 2px solid var(--latepoint-body-color);
2708 border-top: 2px solid var(--latepoint-body-color);
2709 border-right: 2px solid rgba(255, 255, 255, 0);
2710 border-radius: 20px;
2711 position: absolute;
2712 top: 50%;
2713 left: 50%;
2714 transform: translate(-50%, -50%);
2715 animation: os-loading 700ms infinite linear;
2716 background-color: transparent !important;
2717 right: auto;
2718 left: -15px;
2719 top: 50%;
2720 z-index: 9999;
2721 }
2722 .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group {
2723 display: flex;
2724 align-items: center;
2725 }
2726 .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group label {
2727 display: block !important;
2728 font-size: 16px;
2729 font-weight: 600;
2730 color: #7c85a3;
2731 white-space: nowrap;
2732 margin-right: 5px;
2733 margin-bottom: 0px;
2734 margin-left: auto;
2735 }
2736 .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group select.os-form-control {
2737 width: 240px;
2738 height: 34px !important;
2739 padding: 0px 3px !important;
2740 }
2741
2742 .customer-password-form-w {
2743 margin-top: 40px;
2744 }
2745
2746 .os-zoom-info-link {
2747 background-color: #eff5ff;
2748 border: 1px solid #bcc6f1;
2749 border-bottom-color: #a7b4ed;
2750 box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);
2751 display: flex;
2752 align-items: center;
2753 margin-top: 20px;
2754 font-weight: 600;
2755 }
2756 .os-zoom-info-link img {
2757 display: block;
2758 width: 20px;
2759 height: 20px;
2760 margin: 5px 10px;
2761 flex: 0;
2762 }
2763 .os-zoom-info-link a {
2764 flex: 1;
2765 font-size: 15px;
2766 display: block;
2767 padding: 10px 25px 10px 10px;
2768 position: relative;
2769 text-decoration: none;
2770 background-color: rgba(255, 255, 255, 0.3);
2771 white-space: nowrap;
2772 color: var(--latepoint-brand-primary);
2773 }
2774 .os-zoom-info-link a:hover {
2775 background-color: #fff;
2776 }
2777 .os-zoom-info-link a:before {
2778 font-family: "latepointIcons" !important;
2779 speak: none;
2780 font-style: normal;
2781 font-weight: normal;
2782 font-variant: normal;
2783 text-transform: none;
2784 line-height: 1;
2785 -webkit-font-smoothing: antialiased;
2786 -moz-osx-font-smoothing: grayscale;
2787 content: "\e904";
2788 position: absolute;
2789 top: 50%;
2790 right: 10px;
2791 font-size: 8px;
2792 transform: translateY(-50%);
2793 }
2794
2795 .customer-booking-bottom-actions {
2796 display: flex;
2797 align-items: center;
2798 gap: 20px;
2799 padding-top: 15px;
2800 margin-top: 10px;
2801 border-top: 1px solid #eee;
2802 justify-content: stretch;
2803 }
2804 .customer-booking-bottom-actions .latepoint-btn {
2805 padding: 7px 10px;
2806 }
2807 .reschedule-calendar-wrapper {
2808 /*!
2809 * Copyright (c) 2024 LatePoint LLC. All rights reserved.
2810 */
2811 }
2812 .reschedule-calendar-wrapper .os-weekdays {
2813 display: flex;
2814 align-items: center;
2815 justify-content: space-between;
2816 margin-bottom: 5px;
2817 column-gap: 15px;
2818 }
2819 .reschedule-calendar-wrapper .os-weekdays .weekday {
2820 text-transform: uppercase;
2821 font-size: 12px;
2822 color: #7c85a3;
2823 font-weight: 600;
2824 letter-spacing: 2px;
2825 width: 14.2%;
2826 text-align: center;
2827 padding: 5px 0px;
2828 }
2829 .reschedule-calendar-wrapper .os-weekdays .weekday.weekday-6, .reschedule-calendar-wrapper .os-weekdays .weekday.weekday-7 {
2830 color: var(--latepoint-calendar-weekday-label-color);
2831 background-color: var(--latepoint-calendar-weekday-label-bg);
2832 }
2833 .reschedule-calendar-wrapper .os-current-month-label-w {
2834 position: relative;
2835 }
2836 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn,
2837 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn {
2838 position: absolute;
2839 border: none;
2840 font-size: 12px;
2841 background-color: transparent !important;
2842 box-shadow: none;
2843 outline: none;
2844 color: #111;
2845 top: 55%;
2846 transform: translateY(-50%);
2847 padding: 0px;
2848 margin: 0px;
2849 line-height: 1;
2850 vertical-align: middle;
2851 display: inline-block;
2852 cursor: pointer;
2853 }
2854 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn:focus-visible,
2855 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn:focus-visible {
2856 outline: 2px solid var(--latepoint-brand-primary) !important;
2857 }
2858 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn.os-loading,
2859 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.os-loading {
2860 color: transparent !important;
2861 }
2862 .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,
2863 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.os-loading span,
2864 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.os-loading i {
2865 color: transparent !important;
2866 }
2867 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn.os-loading:after,
2868 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.os-loading:after {
2869 display: block;
2870 content: "";
2871 width: 14px;
2872 height: 14px;
2873 border-bottom: 2px solid var(--latepoint-body-color);
2874 border-left: 2px solid var(--latepoint-body-color);
2875 border-top: 2px solid var(--latepoint-body-color);
2876 border-right: 2px solid rgba(0, 0, 0, 0);
2877 border-radius: 20px;
2878 position: absolute;
2879 top: 50%;
2880 left: 50%;
2881 transform: translate(-50%, -50%);
2882 animation: os-loading 700ms infinite linear;
2883 }
2884 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn:hover,
2885 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn:hover {
2886 color: var(--latepoint-brand-primary);
2887 }
2888 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn:focus,
2889 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn:focus {
2890 outline: none;
2891 }
2892 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn.disabled,
2893 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.disabled {
2894 color: rgba(0, 0, 0, 0.1);
2895 }
2896 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn {
2897 left: 10px;
2898 }
2899 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn {
2900 right: 10px;
2901 }
2902 .reschedule-calendar-wrapper .os-current-month-label-w .os-current-month-label {
2903 text-align: center;
2904 font-weight: 600;
2905 font-size: 17px;
2906 margin-bottom: 10px;
2907 color: var(--latepoint-body-color);
2908 }
2909 .reschedule-calendar-wrapper .os-current-month-label-w .os-current-month-label .current-year {
2910 display: inline-block;
2911 vertical-align: middle;
2912 color: color-mix(in srgb, var(--latepoint-body-color) 40%, transparent);
2913 margin-left: 5px;
2914 }
2915 .reschedule-calendar-wrapper .os-current-month-label-w .os-current-month-label .current-month {
2916 display: inline-block;
2917 vertical-align: middle;
2918 }
2919 .reschedule-calendar-wrapper .os-monthly-calendar-days-w {
2920 display: none;
2921 }
2922 .reschedule-calendar-wrapper .os-monthly-calendar-days-w.active {
2923 display: block;
2924 }
2925 .reschedule-calendar-wrapper .os-monthly-calendar-days-w.hide-if-single-slot .os-day.os-one-slot-only .os-day-status {
2926 display: none;
2927 }
2928 .reschedule-calendar-wrapper .os-monthly-calendar-days-w.hide-if-single-slot .os-day.selected:after {
2929 font-family: "latepointIcons" !important;
2930 speak: none;
2931 font-style: normal;
2932 font-weight: normal;
2933 font-variant: normal;
2934 text-transform: none;
2935 line-height: 1;
2936 -webkit-font-smoothing: antialiased;
2937 -moz-osx-font-smoothing: grayscale;
2938 content: "\e903";
2939 background-color: var(--latepoint-brand-primary);
2940 box-shadow: 0px 0px 0px 2px #fff;
2941 border-radius: 50%;
2942 width: 14px;
2943 line-height: 14px;
2944 height: 14px;
2945 bottom: 50%;
2946 left: 50%;
2947 font-size: 10px;
2948 text-align: center;
2949 position: absolute;
2950 color: #fff;
2951 transform: translate(11px, -10px);
2952 }
2953 .reschedule-calendar-wrapper .step-datepicker-w {
2954 padding: 0px 10px 10px;
2955 }
2956 .reschedule-calendar-wrapper .step-datepicker-w .dp-capacity, .reschedule-calendar-wrapper .reschedule-calendar-datepicker .dp-capacity {
2957 position: absolute;
2958 top: 0px;
2959 left: 50%;
2960 transform: translate3d(-50%, -100%, 0);
2961 background-color: #111;
2962 padding: 4px 6px;
2963 color: #fff;
2964 font-weight: 600;
2965 display: none;
2966 white-space: nowrap;
2967 z-index: 9999;
2968 font-size: 15px;
2969 animation: 0.1s ease latepointAvailabilityPopup;
2970 animation-fill-mode: both;
2971 }
2972 .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 {
2973 display: block;
2974 }
2975 .reschedule-calendar-wrapper .os-monthly-calendar-days {
2976 display: grid;
2977 grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
2978 grid-gap: 12px;
2979 }
2980 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day {
2981 text-align: center;
2982 font-size: 17px;
2983 font-weight: 600;
2984 cursor: pointer;
2985 position: relative;
2986 }
2987 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:focus-visible {
2988 outline: 2px solid var(--latepoint-brand-primary);
2989 }
2990 .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 {
2991 color: #B7BCCB;
2992 background-color: #fff;
2993 }
2994 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current .os-day-box {
2995 background-color: #eefdec;
2996 }
2997 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available {
2998 cursor: not-allowed;
2999 }
3000 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box {
3001 background-color: transparent;
3002 }
3003 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-status {
3004 background-color: #f7f7f7;
3005 }
3006 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-number {
3007 color: #adadae;
3008 }
3009 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available.selected .os-day-box {
3010 background-color: #ec7376;
3011 }
3012 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available.selected .os-day-box .os-day-number {
3013 color: #fff;
3014 }
3015 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-passed .os-day-box {
3016 background-color: transparent;
3017 }
3018 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-passed .os-day-box .os-day-number {
3019 color: #bdc5da;
3020 }
3021 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-not-in-allowed-period .os-day-box {
3022 background-color: #f7f8fb;
3023 }
3024 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-not-in-allowed-period .os-day-box .os-day-number {
3025 color: #bdc5da;
3026 }
3027 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-today .os-day-box {
3028 background-color: #fff6cb;
3029 border-color: #fff6cb;
3030 }
3031 .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 {
3032 opacity: 0.6;
3033 }
3034 .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 {
3035 opacity: 1;
3036 }
3037 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day .os-day-box {
3038 padding: 8px 5px;
3039 position: relative;
3040 }
3041 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day .os-available-slots-tooltip {
3042 position: absolute;
3043 top: 0px;
3044 left: 50%;
3045 transform: translate3d(-50%, -100%, 0);
3046 background-color: #111;
3047 padding: 4px 6px;
3048 color: #fff;
3049 font-weight: 600;
3050 display: none;
3051 white-space: nowrap;
3052 z-index: 9999;
3053 font-size: 15px;
3054 animation: 0.1s ease latepointAvailabilityPopup;
3055 animation-fill-mode: both;
3056 }
3057 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day .os-day-number {
3058 color: #14161d;
3059 transition: all 0.1s ease;
3060 }
3061 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day .os-day-status {
3062 transition: all 0.1s ease;
3063 }
3064 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:hover .os-day-box .os-day-number {
3065 top: 40%;
3066 transform: translateY(-2px) scale(1.2);
3067 white-space: nowrap;
3068 }
3069 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:hover .os-day-box:hover .os-available-slots-tooltip {
3070 display: block;
3071 }
3072 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:hover .os-day-status {
3073 height: 6px;
3074 left: 3px;
3075 right: 3px;
3076 }
3077 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.selected .os-day-box {
3078 background-color: var(--latepoint-brand-primary);
3079 border-color: transparent;
3080 color: #fff;
3081 opacity: 1;
3082 }
3083 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-number {
3084 color: #fff;
3085 transform: scale(1.2);
3086 }
3087 .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-status {
3088 display: none;
3089 }
3090 .reschedule-calendar-wrapper .os-day-status {
3091 margin: 0px;
3092 height: 4px;
3093 position: absolute;
3094 border-radius: 0px;
3095 overflow: hidden;
3096 bottom: 3px;
3097 left: 8px;
3098 right: 8px;
3099 background-color: #e6e9ef;
3100 }
3101 .reschedule-calendar-wrapper .os-day-status .day-available {
3102 background-color: #8fe286;
3103 top: 0px;
3104 bottom: 0px;
3105 position: absolute;
3106 z-index: 1;
3107 min-width: 3px;
3108 }
3109 .reschedule-calendar-wrapper .times-header {
3110 color: #16171d;
3111 font-size: 16px;
3112 font-weight: 400;
3113 text-align: center;
3114 padding-bottom: 10px;
3115 }
3116 .reschedule-calendar-wrapper .times-header span {
3117 color: var(--latepoint-brand-primary);
3118 border-bottom: 1px dotted var(--latepoint-brand-primary);
3119 }
3120 .reschedule-calendar-wrapper .os-calendar-searching-info {
3121 padding-left: 35px;
3122 font-size: 15px;
3123 position: relative;
3124 font-weight: 600;
3125 display: none;
3126 }
3127 .reschedule-calendar-wrapper .os-calendar-searching-info:before {
3128 display: block;
3129 content: "";
3130 width: 20px !important;
3131 height: 20px !important;
3132 border-bottom: 2px solid var(--latepoint-brand-primary);
3133 border-left: 2px solid var(--latepoint-brand-primary);
3134 border-top: 2px solid var(--latepoint-brand-primary);
3135 border-right: 2px solid rgba(255, 255, 255, 0);
3136 border-radius: 20px;
3137 position: absolute;
3138 top: 50%;
3139 left: 50%;
3140 transform: translate(-50%, -50%);
3141 animation: os-loading 700ms infinite linear;
3142 background-color: transparent !important;
3143 left: 10px;
3144 }
3145 .reschedule-calendar-wrapper .os-dates-w {
3146 margin: 0px;
3147 }
3148 .reschedule-calendar-wrapper .os-dates-w.is-searching .os-calendar-searching-info {
3149 display: block;
3150 }
3151 .reschedule-calendar-wrapper .os-dates-w.is-searching .os-calendar-while-searching-wrapper {
3152 display: none;
3153 }
3154 .reschedule-calendar-wrapper .os-times-w {
3155 position: relative;
3156 }
3157 .reschedule-calendar-wrapper .timeslots {
3158 display: flex;
3159 justify-content: space-between;
3160 }
3161 .reschedule-calendar-wrapper .timeslots .not-working-message {
3162 flex: 1;
3163 padding: 3px 5px;
3164 text-align: center;
3165 background-color: #f7e8e8;
3166 color: #752f2f;
3167 font-weight: 600;
3168 }
3169 .reschedule-calendar-wrapper .dp-timebox {
3170 white-space: nowrap;
3171 text-align: center;
3172 padding: 6px 3px;
3173 line-height: 1.2;
3174 background-color: #d6ffd1;
3175 font-size: 15px;
3176 color: #14161d;
3177 cursor: pointer;
3178 font-weight: 600;
3179 position: relative;
3180 width: auto !important;
3181 max-width: none !important;
3182 }
3183 .reschedule-calendar-wrapper .dp-timebox:focus-visible {
3184 outline: 2px solid var(--latepoint-brand-primary);
3185 }
3186 .reschedule-calendar-wrapper .dp-timebox .dp-tick,
3187 .reschedule-calendar-wrapper .dp-timebox .dp-success-label {
3188 display: none !important;
3189 }
3190 .reschedule-calendar-wrapper .dp-timebox:hover {
3191 background-color: #c0fbb8;
3192 }
3193 .reschedule-calendar-wrapper .dp-timebox.is-off, .reschedule-calendar-wrapper .dp-timebox.is-booked {
3194 color: #b3b3b3;
3195 background-color: #f7f7f7;
3196 box-shadow: none;
3197 cursor: not-allowed;
3198 }
3199 .reschedule-calendar-wrapper .dp-timebox.selected {
3200 background-color: var(--latepoint-brand-primary);
3201 color: #fff;
3202 box-shadow: none;
3203 }
3204 .reschedule-calendar-wrapper .dp-timebox.selected:after {
3205 font-family: "latepointIcons" !important;
3206 speak: none;
3207 font-style: normal;
3208 font-weight: normal;
3209 font-variant: normal;
3210 text-transform: none;
3211 line-height: 1;
3212 -webkit-font-smoothing: antialiased;
3213 -moz-osx-font-smoothing: grayscale;
3214 content: "\e903";
3215 background-color: var(--latepoint-brand-primary);
3216 box-shadow: 0px 0px 0px 2px #fff;
3217 border-radius: 50%;
3218 width: 14px;
3219 line-height: 14px;
3220 height: 14px;
3221 top: -5px;
3222 right: -5px;
3223 font-size: 10px;
3224 text-align: center;
3225 position: absolute;
3226 color: #fff;
3227 animation: 0.2s ease 0s selectedSlotCheckmark;
3228 animation-fill-mode: both;
3229 }
3230 .reschedule-calendar-wrapper .time-selector-w {
3231 display: none;
3232 margin-top: 20px;
3233 margin-left: -2px;
3234 margin-right: -2px;
3235 }
3236 .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 {
3237 display: none;
3238 }
3239 .reschedule-calendar-wrapper .time-selector-w .th-timezone {
3240 text-transform: uppercase;
3241 font-size: 10px;
3242 letter-spacing: 0.5px;
3243 margin-top: 4px;
3244 }
3245 .reschedule-calendar-wrapper .time-selector-w .th-timezone strong {
3246 color: #7c85a3;
3247 }
3248 .reschedule-calendar-wrapper .time-selector-w.style-timebox {
3249 margin-top: 20px;
3250 }
3251 .reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots {
3252 display: grid;
3253 grid-template-columns: repeat(2, 1fr);
3254 grid-gap: 10px;
3255 }
3256 .reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots.slots-not-available {
3257 grid-template-columns: repeat(1, 1fr) !important;
3258 }
3259 .reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots .not-working-message {
3260 border-radius: 4px;
3261 padding: 6px;
3262 }
3263 .reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots .dp-timebox .dp-label-capacity {
3264 display: none;
3265 }
3266 .reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots .dp-timebox.is-off {
3267 display: none;
3268 }
3269 .reschedule-calendar-wrapper .time-selector-w.style-timebox .times-header {
3270 display: flex;
3271 align-items: center;
3272 margin-bottom: 10px;
3273 padding-top: 10px;
3274 }
3275 .reschedule-calendar-wrapper .time-selector-w.style-timebox .times-header .times-header-label {
3276 flex: 1;
3277 margin: 0px 15px;
3278 white-space: nowrap;
3279 }
3280 .reschedule-calendar-wrapper .time-selector-w.style-timebox .times-header .th-line {
3281 height: 1px;
3282 flex: 1;
3283 background-color: rgba(0, 0, 0, 0.1);
3284 content: "";
3285 }
3286 .reschedule-calendar-wrapper .time-selector-w.style-timeline {
3287 padding-bottom: 30px;
3288 flex-wrap: no-wrap;
3289 }
3290 .reschedule-calendar-wrapper .time-selector-w.with-end-time.time-system-12 .timeslots {
3291 grid-template-columns: repeat(2, 1fr);
3292 }
3293 .reschedule-calendar-wrapper .time-selector-w.with-end-time.time-system-12 .dp-timebox span.dp-label-end-time {
3294 opacity: 0.7;
3295 }
3296 .reschedule-calendar-wrapper .time-selector-w.with-end-time.time-system-24 .timeslots {
3297 grid-template-columns: repeat(3, 1fr);
3298 }
3299 .reschedule-calendar-wrapper .time-selector-w.with-end-time.time-system-24 .dp-timebox span.dp-label-end-time {
3300 opacity: 0.7;
3301 }
3302 .reschedule-calendar-wrapper .time-selector-w.without-end-time.time-system-12 .timeslots {
3303 grid-template-columns: repeat(4, 1fr);
3304 }
3305 .reschedule-calendar-wrapper .time-selector-w.without-end-time.time-system-24 .timeslots {
3306 grid-template-columns: repeat(5, 1fr);
3307 }
3308 .reschedule-calendar-wrapper .dp-timeslot {
3309 height: 24px;
3310 flex-grow: 1;
3311 margin: 0px;
3312 box-shadow: inset 1px 0px 0px 0px #fff, inset -1px 0px 0px 0px #fff;
3313 border-radius: 0px;
3314 position: relative;
3315 cursor: pointer;
3316 background-color: #8fe286;
3317 }
3318 .reschedule-calendar-wrapper .dp-timeslot:focus-visible {
3319 outline: 2px solid var(--latepoint-brand-primary);
3320 }
3321 .reschedule-calendar-wrapper .dp-timeslot .dp-tick {
3322 position: absolute;
3323 display: block;
3324 top: 34px;
3325 left: 50%;
3326 transform: translateX(-50%);
3327 font-size: 8px;
3328 text-align: center;
3329 color: rgba(0, 0, 0, 0.4);
3330 text-transform: uppercase;
3331 line-height: 1.4;
3332 font-weight: 600;
3333 letter-spacing: 1px;
3334 }
3335 .reschedule-calendar-wrapper .dp-timeslot .dp-tick strong {
3336 display: block;
3337 color: rgb(0, 0, 0);
3338 font-size: 11px;
3339 line-height: 1;
3340 letter-spacing: 0px;
3341 white-space: nowrap;
3342 }
3343 .reschedule-calendar-wrapper .dp-timeslot .dp-success-label {
3344 color: rgba(255, 255, 255, 0.8);
3345 display: block;
3346 text-align: center;
3347 margin-bottom: 4px;
3348 text-transform: uppercase;
3349 letter-spacing: 1px;
3350 font-size: 10px;
3351 }
3352 .reschedule-calendar-wrapper .dp-timeslot .dp-label {
3353 display: none;
3354 text-align: center;
3355 padding: 7px 8px 7px 8px;
3356 line-height: 1;
3357 background-color: #04bb03;
3358 color: #fff;
3359 font-size: 12px;
3360 font-weight: 600;
3361 position: absolute;
3362 left: 50%;
3363 top: -8px;
3364 transform: translate(-50%, -100%);
3365 white-space: nowrap;
3366 transition: all 0.2s ease;
3367 z-index: 10;
3368 }
3369 .reschedule-calendar-wrapper .dp-timeslot .dp-label-capacity {
3370 display: block;
3371 color: rgba(255, 255, 255, 0.8);
3372 text-align: center;
3373 margin-bottom: 4px;
3374 text-transform: uppercase;
3375 letter-spacing: 1px;
3376 font-size: 10px;
3377 }
3378 .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked), .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off) {
3379 background-color: var(--latepoint-brand-primary);
3380 z-index: 4;
3381 }
3382 .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked) .dp-label-capacity, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off) .dp-label-capacity {
3383 display: none;
3384 }
3385 .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked):hover, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off):hover {
3386 background-color: var(--latepoint-brand-primary);
3387 }
3388 .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked):after, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off):after {
3389 content: "";
3390 position: absolute;
3391 width: 1px;
3392 left: 50%;
3393 transform: translateX(-50%);
3394 top: 0px;
3395 bottom: 0px;
3396 background-color: var(--latepoint-brand-primary);
3397 display: none;
3398 }
3399 .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked) .dp-label, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off) .dp-label {
3400 top: -3px;
3401 background-color: var(--latepoint-brand-primary);
3402 color: #fff;
3403 display: block;
3404 }
3405 .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked):before, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off):before {
3406 background-color: var(--latepoint-brand-primary);
3407 display: block;
3408 width: 10px;
3409 height: 10px;
3410 transform: translateX(-50%) rotate(45deg);
3411 top: -12px;
3412 left: 50%;
3413 }
3414 .reschedule-calendar-wrapper .dp-timeslot.is-booked {
3415 background-color: #e6e9ef;
3416 margin: 0px;
3417 cursor: not-allowed;
3418 }
3419 .reschedule-calendar-wrapper .dp-timeslot.is-booked:before {
3420 background-color: #E42806;
3421 }
3422 .reschedule-calendar-wrapper .dp-timeslot.is-booked .dp-label {
3423 background-color: #E42806;
3424 }
3425 .reschedule-calendar-wrapper .dp-timeslot.is-booked:hover {
3426 background-color: #E42806;
3427 }
3428 .reschedule-calendar-wrapper .dp-timeslot.is-off {
3429 background-color: #e6e9ef;
3430 margin: 0px;
3431 border-color: #fff;
3432 max-width: 25%;
3433 cursor: not-allowed;
3434 }
3435 .reschedule-calendar-wrapper .dp-timeslot.is-off:before {
3436 background-color: #E42806;
3437 }
3438 .reschedule-calendar-wrapper .dp-timeslot.is-off .dp-label {
3439 background-color: #E42806;
3440 }
3441 .reschedule-calendar-wrapper .dp-timeslot.is-off:hover {
3442 background-color: #e6e9ef;
3443 }
3444 .reschedule-calendar-wrapper .dp-timeslot.is-off:hover .dp-label {
3445 display: none;
3446 }
3447 .reschedule-calendar-wrapper .dp-timeslot.with-tick:after {
3448 content: "";
3449 position: absolute;
3450 width: 1px;
3451 left: 50%;
3452 height: 3px;
3453 bottom: -7px;
3454 background-color: rgba(0, 0, 0, 0.4);
3455 }
3456 .reschedule-calendar-wrapper .dp-timeslot:hover {
3457 background-color: #04bb03;
3458 }
3459 .reschedule-calendar-wrapper .dp-timeslot:hover:before {
3460 top: 0px;
3461 }
3462 .reschedule-calendar-wrapper .dp-timeslot:hover .dp-label {
3463 display: block;
3464 }
3465 .reschedule-calendar-wrapper .os-monthly-calendar-days {
3466 grid-gap: 10px;
3467 }
3468 .reschedule-calendar-wrapper .os-weekdays {
3469 margin-top: 15px;
3470 border-top: 1px solid #f8f8f8;
3471 padding-top: 15px;
3472 }
3473 .reschedule-calendar-wrapper .os-dates-w {
3474 margin: 0;
3475 }
3476 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn {
3477 right: 0;
3478 }
3479 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn {
3480 left: 0;
3481 }
3482 .reschedule-calendar-wrapper .os-current-month-label-w .os-current-month-label {
3483 margin: 0;
3484 }
3485
3486 .latepoint-lightbox-w .reschedule-confirmation-wrapper {
3487 text-align: center;
3488 }
3489 .latepoint-lightbox-w .reschedule-confirmation-wrapper .icon-w {
3490 margin-bottom: 20px;
3491 }
3492 .latepoint-lightbox-w .reschedule-confirmation-wrapper .icon-w i {
3493 background: #d1ffdd;
3494 padding: 15px;
3495 border-radius: 40px;
3496 color: #18a35b;
3497 font-size: 28px;
3498 display: inline-block;
3499 }
3500 .latepoint-lightbox-w .reschedule-confirmation-wrapper h2 {
3501 margin: 0 0 10px 0;
3502 font-size: 30px;
3503 color: #14161d;
3504 }
3505 .latepoint-lightbox-w .reschedule-confirmation-wrapper .desc {
3506 font-size: 21px;
3507 margin-bottom: 20px;
3508 }
3509 .latepoint-lightbox-w .reschedule-confirmation-wrapper .rescheduled-date-time-info .info-label {
3510 color: #7c85a3;
3511 margin-bottom: 5px;
3512 }
3513 .latepoint-lightbox-w .reschedule-confirmation-wrapper .rescheduled-date-time-info .info-value {
3514 font-weight: 600;
3515 }
3516
3517 .bundle-services .bundle-included-service-wrapper {
3518 display: flex;
3519 padding: 10px 0;
3520 font-size: 15px;
3521 justify-content: space-between;
3522 }
3523 .bundle-services .bundle-included-service-wrapper .bundle-included-service-name {
3524 color: #7c85a3;
3525 }
3526 .bundle-services .bundle-included-service-wrapper .bundle-included-service-quantity {
3527 font-weight: 600;
3528 }
3529 .bundle-services .bundle-included-service-wrapper + .bundle-included-service-wrapper {
3530 border-top: 1px solid #f1f1f1;
3531 }
3532
3533 .customer-bundle-tile {
3534 color: #222;
3535 align-self: flex-start;
3536 position: relative;
3537 }
3538 .customer-bundle-tile .customer-bundle-tile-inner {
3539 background: #FFFFFF;
3540 border: 1px solid #ddd;
3541 border-bottom-color: #ccc;
3542 box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
3543 padding: 25px;
3544 position: relative;
3545 z-index: 3;
3546 }
3547 .customer-bundle-tile .customer-bundle-tile-shadow {
3548 z-index: 2;
3549 position: absolute;
3550 left: 6px;
3551 right: 6px;
3552 bottom: -5px;
3553 height: 10px;
3554 box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
3555 background-color: #fff;
3556 }
3557 .customer-bundle-tile .customer-bundle-tile-shadow + .customer-bundle-tile-shadow {
3558 bottom: -11px;
3559 z-index: 1;
3560 left: 12px;
3561 right: 12px;
3562 box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
3563 }
3564 .customer-bundle-tile .bundle-main-info-wrapper {
3565 display: flex;
3566 justify-content: space-between;
3567 padding-bottom: 35px;
3568 border-bottom: 1px solid #f1f1f1;
3569 align-items: flex-start;
3570 }
3571 .customer-bundle-tile .bundle-main-info-wrapper .bundle-icon {
3572 padding: 10px;
3573 line-height: 20px;
3574 font-size: 20px;
3575 background-color: color-mix(in srgb, var(--latepoint-brand-primary) 10%, transparent);
3576 border-radius: 30px;
3577 color: var(--latepoint-brand-primary);
3578 }
3579 .customer-bundle-tile .bundle-name {
3580 color: #14161d;
3581 padding-bottom: 5px;
3582 margin: 0px;
3583 text-align: left;
3584 text-transform: none;
3585 font-size: 21px;
3586 line-height: 1.2;
3587 }
3588 .customer-bundle-tile .bundle-order-info a {
3589 color: var(--latepoint-brand-primary);
3590 border-bottom: 1px dotted var(--latepoint-brand-primary);
3591 text-decoration: none;
3592 }
3593 .customer-bundle-tile .customer-bundle-bottom-actions {
3594 display: flex;
3595 align-items: center;
3596 gap: 20px;
3597 padding-top: 25px;
3598 border-top: 1px solid #eee;
3599 justify-content: stretch;
3600 }
3601 .customer-bundle-tile .customer-bundle-bottom-actions .latepoint-btn {
3602 padding: 7px 10px;
3603 }
3604 .latepoint-customer-bundle-scheduling-summary {
3605 padding: 30px;
3606 }
3607 .latepoint-customer-bundle-scheduling-summary .summary-box.main-box {
3608 padding: 0;
3609 display: block;
3610 }
3611 .latepoint-customer-bundle-scheduling-summary .summary-box .sbc-big-item {
3612 font-size: 27px;
3613 }
3614 .latepoint-customer-bundle-scheduling-summary .summary-box .sbc-subtle-item {
3615 display: none;
3616 }
3617 .latepoint-customer-bundle-scheduling-summary .bundle-order-small-info a {
3618 color: var(--latepoint-brand-primary);
3619 text-decoration: none;
3620 border-bottom: 1px dotted var(--latepoint-brand-primary);
3621 }
3622 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown {
3623 border-top: 1px solid #f1f1f1;
3624 padding-top: 15px;
3625 margin-top: 20px;
3626 }
3627 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-cancelled-bookings-wrapper .order-item-cancelled-bookings-heading {
3628 padding-top: 5px;
3629 padding-bottom: 5px;
3630 color: #7c85a3;
3631 }
3632 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-cancelled-bookings-wrapper:not(:last-child) {
3633 margin-bottom: 20px;
3634 }
3635 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .bundle-service-info {
3636 margin-bottom: 10px;
3637 color: #7c85a3;
3638 }
3639 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking + .bundle-service-info {
3640 margin-top: 20px;
3641 }
3642 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking {
3643 display: flex;
3644 gap: 8px;
3645 align-items: center;
3646 margin-bottom: 10px;
3647 padding: 8px;
3648 border: 1px dotted #aaa;
3649 cursor: pointer;
3650 position: relative;
3651 }
3652 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking:hover {
3653 border: 1px solid var(--latepoint-brand-primary);
3654 }
3655 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.os-loading:before {
3656 display: block;
3657 content: "";
3658 width: 14px !important;
3659 height: 14px !important;
3660 border-bottom: 2px solid var(--latepoint-brand-primary);
3661 border-left: 2px solid var(--latepoint-brand-primary);
3662 border-top: 2px solid var(--latepoint-brand-primary);
3663 border-right: 2px solid rgba(255, 255, 255, 0);
3664 border-radius: 20px;
3665 position: absolute;
3666 top: 50%;
3667 left: 50%;
3668 transform: translate(-50%, -50%);
3669 animation: os-loading 700ms infinite linear;
3670 background-color: transparent !important;
3671 left: auto;
3672 right: 0px;
3673 }
3674 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.os-loading .bib-icon {
3675 color: transparent;
3676 }
3677 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking .bib-icon {
3678 margin-left: auto;
3679 font-size: 10px;
3680 }
3681 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking .booking-item-status-pill {
3682 width: 15px;
3683 height: 15px;
3684 background-color: #eee;
3685 }
3686 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked {
3687 border: 1px solid #ddd;
3688 border-bottom-color: #bbb;
3689 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
3690 color: #14161d;
3691 }
3692 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked:hover {
3693 box-shadow: none;
3694 border-color: var(--latepoint-brand-primary);
3695 }
3696 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked .booking-item-status-pill {
3697 background-color: #bcd96e;
3698 }
3699 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked.is-past .booking-item-status-pill {
3700 background-color: #d9eba6;
3701 }
3702 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked.bundle-booking-status-pending .booking-item-status-pill {
3703 background-color: #fad277;
3704 }
3705 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked.bundle-booking-status-cancelled .booking-item-status-pill {
3706 background-color: #fa7b77;
3707 }
3708 .latepoint-customer-bundle-scheduling-summary .bookable-items {
3709 display: none;
3710 gap: 5px;
3711 margin-top: 20px;
3712 }
3713 .latepoint-customer-bundle-scheduling-summary .bookable-items .bookable-item {
3714 flex: 1;
3715 border-radius: 2px;
3716 background-color: #eee;
3717 height: 6px;
3718 }
3719 .latepoint-customer-bundle-scheduling-summary .bookable-items .bookable-item.is-past.is-booked {
3720 background-color: #bcd96e;
3721 }
3722 .latepoint-customer-bundle-scheduling-summary .bookable-items .bookable-item.is-booked {
3723 background-color: #d9eba6;
3724 }
3725
3726 .latepoint-transaction-payment-form {
3727 position: relative;
3728 }
3729 .latepoint-transaction-payment-form .lp-payment-charge-amount {
3730 background-color: #fbf6e1;
3731 color: #877865;
3732 margin-bottom: 20px;
3733 padding: 15px;
3734 text-align: center;
3735 }
3736 .latepoint-transaction-payment-form .lp-payment-charge-amount strong {
3737 color: #000;
3738 }
3739 .latepoint-transaction-payment-form .latepoint-lightbox-footer {
3740 display: flex;
3741 align-items: center;
3742 gap: 10px;
3743 justify-content: space-between;
3744 }
3745 .latepoint-transaction-payment-form .latepoint-lightbox-footer .latepoint-btn-primary {
3746 margin-left: auto;
3747 }
3748 .latepoint-transaction-payment-form .latepoint-lightbox-footer .latepoint-btn.latepoint-btn-block {
3749 flex: 1;
3750 }
3751 .latepoint-transaction-payment-form.os-loading .latepoint-lightbox-footer {
3752 display: none;
3753 }
3754 .entry-content a, .entry-summary a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {
3755 box-shadow: none;
3756 }
3757
3758 .os_trigger_booking {
3759 cursor: pointer;
3760 }
3761
3762 .latepoint-step-svg-highlight {
3763 fill: #020202;
3764 }
3765
3766 .latepoint-step-svg-base {
3767 fill: #020202;
3768 }
3769
3770 .latepoint-w {
3771 line-height: 1.3;
3772 max-width: initial !important;
3773 }
3774 .latepoint-w strong, .latepoint-w b {
3775 font-weight: 600;
3776 }
3777 .latepoint-w ul li {
3778 list-style: none;
3779 }
3780
3781 .latepoint-book-form-wrapper.os-loading .latepoint-form-w {
3782 min-height: 300px;
3783 }
3784 .latepoint-book-form-wrapper.os-loading .latepoint-form-w:before {
3785 display: block;
3786 content: "";
3787 width: 40px !important;
3788 height: 40px !important;
3789 border-bottom: 2px solid var(--latepoint-brand-primary);
3790 border-left: 2px solid var(--latepoint-brand-primary);
3791 border-top: 2px solid var(--latepoint-brand-primary);
3792 border-right: 2px solid rgba(255, 255, 255, 0);
3793 border-radius: 20px;
3794 position: absolute;
3795 top: 50%;
3796 left: 50%;
3797 transform: translate(-50%, -50%);
3798 animation: os-loading 700ms infinite linear;
3799 background-color: transparent !important;
3800 }
3801
3802 .latepoint-w .slot-not-available-wrapper {
3803 text-align: center;
3804 padding: 50px;
3805 width: 400px;
3806 position: relative;
3807 }
3808 .latepoint-w .slot-not-available-wrapper .latepoint-lightbox-close {
3809 position: absolute;
3810 top: 10px;
3811 right: 10px;
3812 line-height: 1;
3813 font-size: 18px;
3814 padding: 5px;
3815 cursor: pointer;
3816 }
3817 .latepoint-w .slot-not-available-wrapper .latepoint-lightbox-close:hover {
3818 background-color: #f7f7f7;
3819 }
3820 .latepoint-w .slot-not-available-wrapper .icon-w {
3821 margin-bottom: 20px;
3822 }
3823 .latepoint-w .slot-not-available-wrapper .icon-w i {
3824 background: #ffd1d1;
3825 padding: 15px;
3826 border-radius: 40px;
3827 color: #a31818;
3828 font-size: 28px;
3829 display: inline-block;
3830 }
3831 .latepoint-w .slot-not-available-wrapper h2 {
3832 margin: 0 0 10px 0;
3833 font-size: 20px;
3834 color: #14161d;
3835 line-height: 1.2;
3836 }
3837 .latepoint-w .slot-not-available-wrapper .desc {
3838 font-size: 17px;
3839 margin-bottom: 20px;
3840 }
3841 .latepoint-w .slot-not-available-wrapper .booking-date-time-info .info-label {
3842 color: #7c85a3;
3843 margin-bottom: 5px;
3844 }
3845 .latepoint-w .slot-not-available-wrapper .booking-date-time-info .info-value {
3846 font-weight: 600;
3847 }
3848 .latepoint-w.latepoint-lightbox-form {
3849 max-height: 100%;
3850 display: flex;
3851 overflow: hidden;
3852 }
3853 .latepoint-w.latepoint-inline-form {
3854 margin: 20px 0;
3855 display: flex;
3856 }
3857 .latepoint-w.latepoint-inline-form .latepoint-booking-form-element {
3858 box-shadow: 0 10px 30px 0 rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6);
3859 margin: 0px auto;
3860 }
3861 .latepoint-w.latepoint-inline-form .latepoint-booking-form-element .latepoint-lightbox-close {
3862 display: none !important;
3863 }
3864 .latepoint-w.latepoint-inline-form .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
3865 font-size: 20px;
3866 }
3867 .latepoint-w.latepoint-inline-form .latepoint-booking-form-element .latepoint-heading-w {
3868 text-align: center;
3869 }
3870 .latepoint-w.latepoint-inline-form .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
3871 max-height: inherit;
3872 }
3873 .latepoint-w.latepoint-with-summary .latepoint-lightbox-i {
3874 transition: all 0.4s cubic-bezier(0.05, 0.45, 0.1, 1);
3875 }
3876 .latepoint-w.latepoint-with-summary .latepoint-booking-form-element {
3877 transition: all 0.4s cubic-bezier(0.05, 0.45, 0.1, 1);
3878 }
3879 .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-progress {
3880 display: none;
3881 }
3882 .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .latepoint-side-panel {
3883 display: none;
3884 }
3885 .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .step-datepicker-w {
3886 padding: 0px 15px;
3887 }
3888 .latepoint-w .latepoint-booking-form-element {
3889 display: flex;
3890 align-items: stretch;
3891 position: relative;
3892 }
3893 .latepoint-w .latepoint-booking-form-element[class*=current-step-payment__] .latepoint-summary-w .checkout-from-summary-panel-btn-wrapper {
3894 display: none;
3895 }
3896 .latepoint-w .latepoint-booking-form-element[class*=current-step-payment__] .latepoint-summary-w .summary-box .summary-box-content .os-remove-item-from-cart {
3897 display: none;
3898 }
3899 .latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary {
3900 text-align: right;
3901 }
3902 .latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger {
3903 display: inline-flex;
3904 align-items: center;
3905 gap: 5px;
3906 color: var(--latepoint-brand-primary);
3907 font-weight: 600;
3908 font-size: 13px;
3909 line-height: 1.5;
3910 cursor: pointer;
3911 }
3912 .latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger:focus-visible {
3913 outline: 2px solid var(--latepoint-brand-primary);
3914 }
3915 .latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger span {
3916 border-bottom: 1px dotted var(--latepoint-brand-primary);
3917 }
3918 .latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger div + div {
3919 margin: 0 auto;
3920 }
3921 .latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger .latepoint-icon {
3922 font-size: 13px;
3923 }
3924 .latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger:hover span {
3925 border-bottom-style: solid;
3926 }
3927 .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 {
3928 color: var(--latepoint-headings-color);
3929 }
3930 .latepoint-w .latepoint-booking-form-element a {
3931 text-decoration: none;
3932 }
3933 .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w {
3934 display: block;
3935 }
3936 .latepoint-w .latepoint-booking-form-element.current-step-confirmation .latepoint-form-w .latepoint-heading-w {
3937 border-bottom: none;
3938 position: fixed;
3939 top: 10px;
3940 right: 10px;
3941 z-index: 99999;
3942 padding: 0;
3943 }
3944 .latepoint-w .latepoint-booking-form-element.current-step-confirmation .latepoint-form-w .latepoint-heading-w .os-heading-text {
3945 display: none;
3946 }
3947 .latepoint-w .latepoint-booking-form-element.current-step-confirmation .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
3948 margin-left: 0;
3949 padding: 5px;
3950 }
3951 .latepoint-w .latepoint-booking-form-element .latepoint-progress {
3952 text-align: center;
3953 color: #7c85a3;
3954 font-size: 15px;
3955 padding-top: 15px;
3956 margin-bottom: 30px;
3957 display: none;
3958 }
3959 .latepoint-w .latepoint-booking-form-element .latepoint-progress ul {
3960 list-style: none;
3961 margin: 0px auto;
3962 padding: 0px;
3963 text-align: center;
3964 justify-content: center;
3965 display: flex;
3966 gap: 10px;
3967 }
3968 .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li {
3969 display: block;
3970 flex: 0;
3971 margin: 0px;
3972 padding: 0px;
3973 }
3974 .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item {
3975 height: 5px;
3976 width: 5px;
3977 background-color: rgba(0, 0, 0, 0.07);
3978 display: block;
3979 color: #7c85a3;
3980 text-decoration: none;
3981 position: relative;
3982 box-shadow: none;
3983 font-weight: 600;
3984 font-size: 13px;
3985 }
3986 .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item span {
3987 position: absolute;
3988 display: block;
3989 left: 50%;
3990 top: -5px;
3991 transform: translate(-50%, -150%);
3992 display: inline-block;
3993 background-color: var(--latepoint-brand-primary);
3994 color: #fff;
3995 padding: 3px 6px;
3996 line-height: 1.1;
3997 visibility: hidden;
3998 opacity: 0;
3999 transition: all 0.2s ease;
4000 white-space: nowrap;
4001 }
4002 .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item:hover {
4003 background-color: rgba(0, 0, 0, 0.15);
4004 }
4005 .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item:hover span {
4006 opacity: 1;
4007 transform: translate(-50%, -105%);
4008 visibility: visible;
4009 }
4010 .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 {
4011 background-color: color-mix(in srgb, var(--latepoint-brand-primary) 20%, transparent);
4012 }
4013 .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 {
4014 background-color: var(--latepoint-brand-primary);
4015 }
4016 .latepoint-w .latepoint-booking-form-element .info-box {
4017 background-color: #FFF3CB;
4018 margin-top: 20px;
4019 padding: 10px;
4020 font-size: 13px;
4021 color: #4e4841;
4022 }
4023 .latepoint-w .latepoint-booking-form-element .info-box .info-box-buttons {
4024 margin-top: 10px;
4025 }
4026 .latepoint-w .latepoint-booking-form-element .info-box .info-box-buttons a {
4027 background-color: #fff;
4028 color: var(--latepoint-body-color);
4029 font-weight: 600;
4030 padding: 3px 8px;
4031 display: inline-block;
4032 text-decoration: none;
4033 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
4034 }
4035 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel {
4036 flex: 0 0 270px;
4037 width: 270px;
4038 background-color: var(--latepoint-side-panel-bg);
4039 border-right: 1px solid rgba(0, 0, 0, 0.1);
4040 padding: 15px 30px 25px 30px;
4041 text-align: center;
4042 display: flex;
4043 flex-direction: column;
4044 justify-content: space-between;
4045 border-radius: 0px 0px 0px 0px;
4046 position: relative;
4047 }
4048 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w {
4049 margin-top: 15px;
4050 display: none;
4051 position: relative;
4052 border-top: 1px solid rgba(0, 0, 0, 0.1);
4053 padding-top: 10px;
4054 }
4055 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w.os-loading:before {
4056 display: block;
4057 content: "";
4058 width: 12px !important;
4059 height: 12px !important;
4060 border-bottom: 2px solid var(--latepoint-body-color);
4061 border-left: 2px solid var(--latepoint-body-color);
4062 border-top: 2px solid var(--latepoint-body-color);
4063 border-right: 2px solid rgba(255, 255, 255, 0);
4064 border-radius: 20px;
4065 position: absolute;
4066 top: 50%;
4067 left: 50%;
4068 transform: translate(-50%, -50%);
4069 animation: os-loading 700ms infinite linear;
4070 background-color: transparent !important;
4071 left: -13px;
4072 right: auto;
4073 top: auto;
4074 bottom: 1px;
4075 z-index: 9999;
4076 }
4077 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group.os-form-select-group label {
4078 display: block !important;
4079 font-size: 12px !important;
4080 color: #7c85a3;
4081 margin-bottom: 3px;
4082 }
4083 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group.os-form-select-group select.os-form-control {
4084 height: 26px !important;
4085 padding: 0px 3px !important;
4086 font-size: 12px !important;
4087 }
4088 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group {
4089 margin-bottom: 0px !important;
4090 }
4091 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w select {
4092 text-align-last: center;
4093 text-align: center;
4094 }
4095 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w {
4096 padding: 50px 0px 50px 0px;
4097 color: #7c85a3;
4098 margin-bottom: auto;
4099 }
4100 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc-library {
4101 display: none;
4102 }
4103 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media {
4104 width: 80px;
4105 height: 80px;
4106 background-size: contain;
4107 background-repeat: no-repeat;
4108 background-position: bottom center;
4109 display: inline-block;
4110 margin-bottom: 20px;
4111 position: relative;
4112 }
4113 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w {
4114 width: 70px;
4115 height: auto;
4116 }
4117 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before {
4118 content: "";
4119 width: 40px;
4120 height: 40px;
4121 background-color: color-mix(in srgb, var(--latepoint-brand-primary) 20%, transparent);
4122 position: absolute;
4123 bottom: 50%;
4124 right: 50%;
4125 z-index: 1;
4126 }
4127 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w svg {
4128 z-index: 2;
4129 position: relative;
4130 }
4131 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-title {
4132 padding-top: 0px;
4133 margin-bottom: 5px;
4134 font-size: 20px;
4135 line-height: 1.2;
4136 }
4137 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions {
4138 color: #7c85a3;
4139 margin-top: 0;
4140 }
4141 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions h5 {
4142 margin: 0px;
4143 line-height: 1.4;
4144 margin-bottom: 5px;
4145 position: relative;
4146 font-size: 15px;
4147 text-transform: none;
4148 }
4149 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions p:last-child {
4150 margin-bottom: 0px;
4151 }
4152 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions a {
4153 text-decoration: underline;
4154 }
4155 .latepoint-w .latepoint-booking-form-element .latepoint-form-w {
4156 flex: 0 0 470px;
4157 width: 470px;
4158 background-color: #fff;
4159 border-radius: 0px 0px 0px 0px;
4160 position: relative;
4161 z-index: 2;
4162 }
4163 .latepoint-w .latepoint-booking-form-element .latepoint-form-w.showing-item-details-popup .latepoint-body {
4164 padding: 0;
4165 }
4166 .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 {
4167 display: none;
4168 }
4169 .latepoint-w .latepoint-booking-form-element .latepoint-form-w form {
4170 background-color: #fff;
4171 padding: 0px;
4172 min-height: 100%;
4173 }
4174 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w {
4175 align-items: center;
4176 padding: 30px 15px;
4177 justify-content: space-around;
4178 -webkit-user-select: none;
4179 -moz-user-select: none;
4180 -ms-user-select: none;
4181 }
4182 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .select-total-attendees-label {
4183 padding-right: 20px;
4184 }
4185 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .select-total-attendees-label h4 {
4186 margin: 0px !important;
4187 padding: 0px !important;
4188 font-size: 21px;
4189 }
4190 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .select-total-attendees-label .sta-sub-label {
4191 font-size: 13px;
4192 color: #7c85a3;
4193 }
4194 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w {
4195 background-color: #fff;
4196 display: flex;
4197 align-items: center;
4198 padding: 5px 10px;
4199 border: 1px solid #cad2e0;
4200 outline-style: none;
4201 }
4202 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w input {
4203 text-align: center;
4204 border: none !important;
4205 padding: 0px 5px !important;
4206 font-size: 22px !important;
4207 font-weight: 600;
4208 width: 50px !important;
4209 margin: 0px !important;
4210 background-color: #fff !important;
4211 color: var(--latepoint-body-color) !important;
4212 box-shadow: none !important;
4213 }
4214 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w input::placeholder {
4215 color: rgba(0, 0, 0, 0.1);
4216 }
4217 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w input:focus {
4218 outline: none !important;
4219 box-shadow: none !important;
4220 }
4221 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w .total-attendees-selector {
4222 cursor: pointer;
4223 color: rgba(0, 0, 0, 0.8);
4224 font-size: 20px;
4225 background-color: #f3f4f9;
4226 padding: 4px;
4227 line-height: 1;
4228 flex: 0;
4229 text-align: center;
4230 }
4231 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w .total-attendees-selector:hover {
4232 color: #fff;
4233 background-color: var(--latepoint-brand-primary);
4234 }
4235 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered {
4236 text-align: center;
4237 }
4238 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .total-attendees-selector-w {
4239 width: 150px;
4240 margin: 0px auto;
4241 justify-content: space-between;
4242 }
4243 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .total-attendees-selector-w input {
4244 font-size: 33px !important;
4245 width: 100% !important;
4246 line-height: 1.4 !important;
4247 font-family: "latepoint", "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
4248 }
4249 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .select-total-attendees-label {
4250 margin-bottom: 20px;
4251 padding: 0px;
4252 }
4253 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .select-total-attendees-label h4 {
4254 font-size: 27px;
4255 }
4256 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .select-total-attendees-label .sta-sub-label {
4257 font-size: 18px;
4258 }
4259 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-form {
4260 display: flex;
4261 justify-content: stretch;
4262 flex-direction: column;
4263 }
4264 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w {
4265 background-color: #fff;
4266 padding: 15px 15px 15px 40px;
4267 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
4268 text-align: left;
4269 display: flex;
4270 align-items: center;
4271 }
4272 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
4273 padding: 5px;
4274 order: 1;
4275 }
4276 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger,
4277 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
4278 transform: none;
4279 position: relative;
4280 top: auto;
4281 right: auto;
4282 left: auto;
4283 order: 1;
4284 }
4285 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
4286 order: 2;
4287 margin-left: 10px;
4288 }
4289 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
4290 color: #1e222b;
4291 font-size: 20px;
4292 box-shadow: none;
4293 line-height: 18px;
4294 z-index: 2;
4295 display: none;
4296 position: relative;
4297 }
4298 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger span {
4299 position: absolute;
4300 top: -3px;
4301 right: -3px;
4302 font-size: 11px;
4303 box-shadow: 0 0 0 2px #fff;
4304 background-color: #000;
4305 color: #fff;
4306 padding: 2px;
4307 border-radius: 50%;
4308 line-height: 1;
4309 width: 11px;
4310 text-align: center;
4311 box-sizing: content-box;
4312 }
4313 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger i {
4314 line-height: 1;
4315 display: block;
4316 }
4317 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
4318 color: #1e222b;
4319 font-size: 20px;
4320 box-shadow: none;
4321 display: block;
4322 line-height: 18px;
4323 z-index: 2;
4324 position: relative;
4325 top: 0;
4326 left: 0;
4327 }
4328 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close:focus-visible {
4329 outline: 2px solid var(--latepoint-brand-primary);
4330 }
4331 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close i {
4332 line-height: 1;
4333 display: block;
4334 }
4335 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .os-heading-text {
4336 margin: 0px;
4337 font-size: 20px;
4338 line-height: 1.2;
4339 margin-right: auto;
4340 padding: 3px 0;
4341 }
4342 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .os-heading-text-library {
4343 display: none;
4344 }
4345 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
4346 padding: 40px;
4347 flex: 1;
4348 overflow-y: scroll;
4349 transition: all 0.2s ease;
4350 position: relative;
4351 min-height: 200px;
4352 }
4353 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h3, .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h4 {
4354 color: #14161d;
4355 }
4356 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body .os-step-header {
4357 margin-top: 0px;
4358 margin-bottom: 25px;
4359 }
4360 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h3 {
4361 font-size: 21px;
4362 }
4363 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h4 {
4364 font-size: 18px;
4365 padding: 0px;
4366 }
4367 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer {
4368 position: relative;
4369 padding: 10px;
4370 border-top: 1px solid rgba(0, 0, 0, 0.05);
4371 display: flex;
4372 justify-content: space-between;
4373 background-color: #fff;
4374 }
4375 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-progress {
4376 display: none;
4377 position: absolute;
4378 top: 50%;
4379 left: 50%;
4380 transform: translate(-50%, -50%);
4381 padding: 0px;
4382 }
4383 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-progress ul li {
4384 flex: 0 0 5px;
4385 }
4386 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-progress ul li .progress-item {
4387 width: 5px;
4388 height: 5px;
4389 }
4390 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-next-btn {
4391 margin-left: auto;
4392 animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s both latepointNextBtn;
4393 }
4394 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-next-btn.disabled {
4395 display: none;
4396 }
4397 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-next-btn:focus-visible {
4398 outline: 2px solid var(--latepoint-brand-primary);
4399 }
4400 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-prev-btn {
4401 animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0s both latepointPrevBtn;
4402 }
4403 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-prev-btn.disabled {
4404 display: none;
4405 }
4406 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-prev-btn:focus-visible {
4407 outline: 2px solid var(--latepoint-brand-primary);
4408 }
4409 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn {
4410 font-weight: 600;
4411 box-shadow: none;
4412 padding: 8px 14px;
4413 font-size: 14px;
4414 }
4415 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn.disabled {
4416 background-color: #E3E6F0;
4417 color: #B5BAD2;
4418 }
4419 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn.disabled span {
4420 color: #B5BAD2;
4421 }
4422 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn.disabled i {
4423 color: #B5BAD2;
4424 }
4425 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn i {
4426 font-size: 9px;
4427 transition: transform 0.1s ease;
4428 }
4429 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn i + span {
4430 margin-left: 5px;
4431 }
4432 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn span + i {
4433 margin-left: 5px;
4434 }
4435 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn:hover.latepoint-next-btn i {
4436 transform: translateX(3px);
4437 }
4438 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn:hover.latepoint-prev-btn i {
4439 transform: translateX(-3px);
4440 }
4441 .latepoint-w .latepoint-booking-form-element .latepoint-step-content {
4442 color: #7c85a3;
4443 min-height: 140px;
4444 text-align: left;
4445 }
4446 .latepoint-w .latepoint-booking-form-element .latepoint-step-content.is-hidden {
4447 display: none;
4448 }
4449 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-centered {
4450 text-align: center;
4451 margin-bottom: 15px;
4452 }
4453 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-centered > h4 {
4454 margin-bottom: 5px;
4455 }
4456 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left {
4457 padding: 0 0 15px 0;
4458 }
4459 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left a {
4460 text-decoration: underline;
4461 color: var(--latepoint-brand-primary);
4462 }
4463 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left > p:last-child:first-child {
4464 margin: 0 !important;
4465 }
4466 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left > h4 {
4467 margin-bottom: 5px;
4468 }
4469 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .lp-payment-charge-amount {
4470 background-color: #fbf6e1;
4471 color: #877865;
4472 margin-bottom: 20px;
4473 padding: 15px;
4474 text-align: center;
4475 }
4476 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .lp-payment-charge-amount strong {
4477 color: #000;
4478 }
4479 .latepoint-w .latepoint-booking-form-element .lp-demo-mode-msg {
4480 padding: 8px 10px;
4481 background-color: #ffd534;
4482 color: #211f1a;
4483 font-size: 15px;
4484 font-weight: 600;
4485 margin-bottom: 10px;
4486 text-align: center;
4487 }
4488 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-day-status {
4489 border-radius: 2px;
4490 }
4491 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .lp-demo-mode-msg {
4492 border-radius: 8px;
4493 }
4494 .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 {
4495 border-radius: 4px;
4496 }
4497 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-method-content {
4498 position: relative;
4499 display: none;
4500 }
4501 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-method-content.os-loading .lp-payment-method-content-i {
4502 opacity: 0;
4503 min-height: 50px;
4504 }
4505 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-method-content.os-loading:before {
4506 display: block;
4507 content: "";
4508 width: 40px !important;
4509 height: 40px !important;
4510 border-bottom: 2px solid var(--latepoint-brand-primary);
4511 border-left: 2px solid var(--latepoint-brand-primary);
4512 border-top: 2px solid var(--latepoint-brand-primary);
4513 border-right: 2px solid rgba(255, 255, 255, 0);
4514 border-radius: 20px;
4515 position: absolute;
4516 top: 50%;
4517 left: 50%;
4518 transform: translate(-50%, -50%);
4519 animation: os-loading 700ms infinite linear;
4520 background-color: transparent !important;
4521 z-index: 9999;
4522 }
4523 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info {
4524 display: flex;
4525 justify-content: space-between;
4526 align-items: center;
4527 background-color: #fff7d0;
4528 padding: 5px 10px;
4529 color: #8a7f66;
4530 font-size: 18px;
4531 margin-top: 20px;
4532 }
4533 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info div {
4534 white-space: nowrap;
4535 }
4536 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .lp-price-value {
4537 font-weight: 600;
4538 color: #14161d;
4539 }
4540 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .lp-price-value > span {
4541 text-decoration: line-through;
4542 display: inline-block;
4543 margin-right: 3px;
4544 opacity: 0.5;
4545 font-size: 15px;
4546 }
4547 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info a {
4548 color: #846337;
4549 display: block;
4550 text-decoration: none;
4551 background-color: rgba(255, 255, 255, 0.61);
4552 font-weight: 600;
4553 padding: 2px;
4554 border-radius: 2px 5px;
4555 font-size: 13px;
4556 margin-left: 30px;
4557 }
4558 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-deposit-price-w,
4559 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-total-price-w {
4560 padding: 4px 0px;
4561 margin: 0px auto;
4562 }
4563 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-deposit-price-w {
4564 display: none;
4565 }
4566 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.paying-deposit .payment-total-price-w {
4567 display: none;
4568 }
4569 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.paying-deposit .payment-deposit-price-w {
4570 display: block;
4571 }
4572 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code {
4573 display: none;
4574 padding: 4px 5px 4px 8px;
4575 line-height: 1;
4576 background-color: #fff;
4577 color: #111;
4578 border: 1px dashed #111;
4579 font-weight: 600;
4580 font-size: 13px;
4581 margin-left: 20px;
4582 text-transform: uppercase;
4583 vertical-align: middle;
4584 position: relative;
4585 }
4586 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-self {
4587 display: inline-block;
4588 vertical-align: middle;
4589 line-height: 1.1;
4590 }
4591 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-clear {
4592 line-height: 1.1;
4593 display: inline-block;
4594 vertical-align: middle;
4595 margin-left: 3px;
4596 cursor: pointer;
4597 position: relative;
4598 }
4599 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-clear.os-loading:before {
4600 display: block;
4601 content: "";
4602 width: 10px !important;
4603 height: 10px !important;
4604 border-bottom: 2px solid #111;
4605 border-left: 2px solid #111;
4606 border-top: 2px solid #111;
4607 border-right: 2px solid rgba(255, 255, 255, 0);
4608 border-radius: 20px;
4609 position: absolute;
4610 top: 50%;
4611 left: 50%;
4612 transform: translate(-50%, -50%);
4613 animation: os-loading 700ms infinite linear;
4614 background-color: transparent !important;
4615 right: -5px;
4616 left: auto;
4617 }
4618 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-clear.os-loading i {
4619 opacity: 0;
4620 }
4621 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w {
4622 display: none;
4623 position: relative;
4624 margin-left: 20px !important;
4625 }
4626 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w.os-loading:before {
4627 display: block;
4628 content: "";
4629 width: 12px !important;
4630 height: 12px !important;
4631 border-bottom: 2px solid #A45D00;
4632 border-left: 2px solid #A45D00;
4633 border-top: 2px solid #A45D00;
4634 border-right: 2px solid rgba(255, 255, 255, 0);
4635 border-radius: 20px;
4636 position: absolute;
4637 top: 50%;
4638 left: 50%;
4639 transform: translate(-50%, -50%);
4640 animation: os-loading 700ms infinite linear;
4641 background-color: transparent !important;
4642 left: -13px;
4643 }
4644 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input {
4645 border: none !important;
4646 border: 1px solid #d0bca8 !important;
4647 padding: 5px 7px !important;
4648 background-color: #fff !important;
4649 box-shadow: none !important;
4650 font-size: 13px !important;
4651 line-height: 1.3 !important;
4652 display: block !important;
4653 width: 135px !important;
4654 margin: 0px !important;
4655 border-radius: 0px !important;
4656 }
4657 .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 {
4658 box-shadow: none !important;
4659 outline: none !important;
4660 }
4661 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input::placeholder {
4662 color: #A38E7B !important;
4663 }
4664 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w .coupon-code-input-submit {
4665 position: absolute;
4666 top: 50%;
4667 right: 5px;
4668 transform: translateY(-50%);
4669 vertical-align: middle;
4670 background-color: var(--latepoint-brand-primary);
4671 color: #fff;
4672 text-transform: uppercase;
4673 padding: 2px 5px;
4674 font-size: 12px;
4675 font-weight: 600;
4676 cursor: pointer;
4677 }
4678 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.entering-coupon .coupon-code-trigger-w {
4679 display: none;
4680 }
4681 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.entering-coupon .coupon-code-input-w {
4682 display: block;
4683 }
4684 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.coupon-is-applied .coupon-code-trigger-w {
4685 display: none;
4686 }
4687 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.coupon-is-applied .coupon-code-input-w {
4688 display: none;
4689 }
4690 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.coupon-is-applied .applied-coupon-code {
4691 display: block;
4692 }
4693 .latepoint-w .latepoint-booking-form-element .step-payment-w > h4 {
4694 margin-bottom: 10px;
4695 }
4696 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-methods-w {
4697 display: none;
4698 }
4699 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-portions-w {
4700 display: none;
4701 }
4702 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-times-w {
4703 display: none;
4704 }
4705 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w {
4706 text-align: center;
4707 }
4708 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger {
4709 display: inline-block;
4710 text-align: center;
4711 padding: 10px 20px;
4712 background-color: #fac555;
4713 border-radius: 40px;
4714 color: #111;
4715 margin-top: 15px;
4716 font-weight: 600;
4717 cursor: pointer;
4718 }
4719 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger:hover {
4720 box-shadow: 0px 0px 0px 2px #ffb011;
4721 }
4722 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger span {
4723 display: inline-block;
4724 vertical-align: middle;
4725 padding-left: 10px;
4726 margin-left: 10px;
4727 border-left: 1px solid rgba(0, 0, 0, 0.1);
4728 }
4729 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger img {
4730 height: 20px;
4731 width: auto;
4732 display: inline-block;
4733 vertical-align: middle;
4734 }
4735 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-btn-trigger {
4736 padding: 20px 0px 5px;
4737 position: relative;
4738 min-height: 60px;
4739 }
4740 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-btn-trigger:before {
4741 display: block;
4742 content: "";
4743 width: 20px !important;
4744 height: 20px !important;
4745 border-bottom: 2px solid var(--latepoint-brand-primary);
4746 border-left: 2px solid var(--latepoint-brand-primary);
4747 border-top: 2px solid var(--latepoint-brand-primary);
4748 border-right: 2px solid rgba(255, 255, 255, 0);
4749 border-radius: 20px;
4750 position: absolute;
4751 top: 50%;
4752 left: 50%;
4753 transform: translate(-50%, -50%);
4754 animation: os-loading 700ms infinite linear;
4755 background-color: transparent !important;
4756 top: 35px;
4757 }
4758 .latepoint-w .latepoint-booking-form-element .step-payment-w[data-sub-step=payment-times] .lp-payment-times-w {
4759 display: block;
4760 }
4761 .latepoint-w .latepoint-booking-form-element .step-payment-w[data-sub-step=payment-methods] .lp-payment-methods-w {
4762 display: block;
4763 }
4764 .latepoint-w .latepoint-booking-form-element .step-payment-w[data-sub-step=payment-portions] .lp-payment-portions-w {
4765 display: block;
4766 }
4767 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-centered {
4768 display: none;
4769 }
4770 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item {
4771 position: relative;
4772 }
4773 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-value {
4774 font-size: 49px;
4775 font-weight: 600;
4776 line-height: 1.1;
4777 color: var(--latepoint-brand-primary);
4778 font-family: "latepoint", "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
4779 }
4780 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-label {
4781 color: #7c85a3;
4782 }
4783 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-sub-label {
4784 opacity: 0.8;
4785 color: #7c85a3;
4786 }
4787 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-sub-label span {
4788 font-weight: 600;
4789 color: var(--latepoint-brand-primary);
4790 }
4791 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-price {
4792 font-family: "latepoint", "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
4793 position: absolute;
4794 top: 0px;
4795 right: 0px;
4796 padding: 5px;
4797 color: #D09F1D;
4798 line-height: 1;
4799 font-size: 16px;
4800 font-weight: 600;
4801 }
4802 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ {
4803 list-style-type: none !important;
4804 margin: 0px !important;
4805 padding: 0px !important;
4806 }
4807 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item {
4808 margin-bottom: 15px;
4809 list-style: none;
4810 }
4811 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i {
4812 display: flex;
4813 background: #FFFFFF;
4814 border: 1px solid #E5E7EE;
4815 align-items: center;
4816 box-shadow: none;
4817 outline: none;
4818 padding: 10px 15px;
4819 color: var(--latepoint-body-color);
4820 text-decoration: none;
4821 }
4822 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i:hover {
4823 border-color: var(--latepoint-brand-primary);
4824 text-decoration: none;
4825 }
4826 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-img-w {
4827 flex: 0 0 40px;
4828 height: 40px;
4829 background-size: contain;
4830 background-repeat: no-repeat;
4831 background-position: center center;
4832 text-align: center;
4833 margin-right: 15px;
4834 }
4835 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-name-w {
4836 padding: 10px 0px;
4837 margin-right: auto;
4838 }
4839 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-name-w .service-name {
4840 font-weight: 600;
4841 font-size: 18px;
4842 display: block;
4843 }
4844 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-name-w .service-desc {
4845 color: #7c85a3;
4846 font-size: 13px;
4847 display: block;
4848 margin-top: 3px;
4849 }
4850 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-price-w {
4851 border-left: 1px solid rgba(0, 0, 0, 0.05);
4852 padding-left: 15px;
4853 margin-left: 10px;
4854 text-align: center;
4855 }
4856 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-price-w .service-price {
4857 display: block;
4858 color: #D09F1D;
4859 font-size: 24px;
4860 line-height: 1.1;
4861 font-weight: 600;
4862 }
4863 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-price-w .service-price-label {
4864 display: block;
4865 color: #7c85a3;
4866 font-size: 12px;
4867 white-space: nowrap;
4868 }
4869 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item.selected .os-service-durations {
4870 display: flex;
4871 }
4872 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item.selected > .os-item-i {
4873 border-color: var(--latepoint-brand-primary);
4874 }
4875 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item.with-description a .service-name-w {
4876 padding: 5px 0px;
4877 }
4878
4879 .lp-strike {
4880 text-decoration: line-through;
4881 opacity: 0.8;
4882 }
4883
4884 .latepoint-booking-form-element .step-verify-w .summary-box.main-box .summary-box-booking-date-box {
4885 display: none;
4886 }
4887 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper {
4888 position: relative;
4889 margin-bottom: 25px;
4890 }
4891 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item {
4892 padding: 15px;
4893 border: 1px solid #e2e2e2;
4894 border-bottom-color: #d2d2d2;
4895 box-shadow: 0 2px rgba(0, 0, 0, 0.05);
4896 }
4897 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box-heading {
4898 margin-bottom: 0px;
4899 margin-top: 0;
4900 }
4901 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box-heading .sbh-line {
4902 display: none;
4903 }
4904 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box .sbc-big-item {
4905 font-size: 17px;
4906 }
4907 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box-heading {
4908 display: none;
4909 }
4910 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box-heading .sbh-item {
4911 font-size: 13px;
4912 font-weight: 400;
4913 }
4914 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-boxes-columns {
4915 border-top: 1px solid rgba(0, 0, 0, 0.05);
4916 padding-top: 10px;
4917 margin-top: 15px;
4918 }
4919 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.single-item .os-remove-item-from-cart {
4920 display: none;
4921 }
4922 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.single-item .summary-box .sbc-big-item {
4923 font-size: 20px;
4924 }
4925 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.single-item .summary-box .sbc-highlighted-item {
4926 font-size: 15px;
4927 }
4928 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper .summary-box.main-box {
4929 padding: 0;
4930 }
4931 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper .os-remove-item-from-cart {
4932 box-shadow: 0 0 0 4px #fff;
4933 color: #fff;
4934 top: -5px;
4935 right: -5px;
4936 background-color: #f64f4f;
4937 }
4938 .latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-summary {
4939 display: none;
4940 }
4941 .latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify {
4942 margin-top: 20px;
4943 }
4944 .latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger {
4945 align-items: center;
4946 padding: 8px 10px;
4947 border: 1px dotted #14161d;
4948 color: #14161d;
4949 display: flex;
4950 gap: 10px;
4951 font-weight: 600;
4952 cursor: pointer;
4953 }
4954 .latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger:focus-visible {
4955 outline: 2px solid var(--latepoint-brand-primary);
4956 }
4957 .latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger span {
4958 margin: 0 auto;
4959 }
4960 .latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger:hover {
4961 border-style: solid;
4962 }
4963 .latepoint-booking-form-element .step-verify-w .cart-summary-main-section > .summary-heading:first-child {
4964 margin-top: 0;
4965 }
4966 .latepoint-booking-form-element .step-verify-w .cart-summary-main-section > .summary-box.main-box:first-child {
4967 padding-top: 0;
4968 }
4969 .latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .part-of-bundle-message {
4970 padding: 10px;
4971 background-color: #f1f3ff;
4972 margin-bottom: 15px;
4973 font-size: 15px;
4974 }
4975 .latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .part-of-bundle-message a {
4976 color: var(--latepoint-brand-primary);
4977 text-decoration: none;
4978 border-bottom: 1px dotted var(--latepoint-brand-primary);
4979 }
4980 .latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .summary-box.main-box {
4981 padding-top: 0;
4982 padding-bottom: 20px;
4983 }
4984 .latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .sbc-big-item {
4985 font-size: 25px;
4986 }
4987 .latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .sbc-highlighted-item {
4988 font-size: 18px;
4989 }
4990 .latepoint-booking-form-element .step-verify-w .payment-summary-info .confirmation-info-w {
4991 margin-top: 0px;
4992 }
4993 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify {
4994 margin-top: 10px;
4995 text-align: right;
4996 }
4997 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-trigger-on-verify-w {
4998 padding: 8px 0 9px;
4999 line-height: 1;
5000 }
5001 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-trigger-on-verify-w a {
5002 border-bottom: 1px solid var(--latepoint-brand-primary);
5003 font-size: 13px;
5004 color: var(--latepoint-brand-primary);
5005 }
5006 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code-wrapper {
5007 align-items: center;
5008 gap: 5px;
5009 display: none;
5010 background-color: #f7f7f7;
5011 padding: 10px;
5012 }
5013 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code-wrapper .coupon-code-label {
5014 color: var(--latepoint-body-color);
5015 font-size: 14px;
5016 }
5017 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code {
5018 padding: 2px 2px 2px 5px;
5019 background-color: #fff;
5020 color: #000;
5021 border: 1px dotted #000;
5022 line-height: 1;
5023 font-weight: 600;
5024 font-size: 13px;
5025 text-transform: uppercase;
5026 position: relative;
5027 display: flex;
5028 align-items: center;
5029 gap: 5px;
5030 }
5031 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-self {
5032 display: block;
5033 vertical-align: middle;
5034 line-height: 1;
5035 }
5036 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-clear {
5037 line-height: 1;
5038 display: block;
5039 cursor: pointer;
5040 position: relative;
5041 font-size: 10px;
5042 padding: 3px;
5043 }
5044 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-clear:hover {
5045 background-color: #000;
5046 color: #fff;
5047 }
5048 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-clear.os-loading:before {
5049 display: block;
5050 content: "";
5051 width: 10px !important;
5052 height: 10px !important;
5053 border-bottom: 2px solid #fff;
5054 border-left: 2px solid #fff;
5055 border-top: 2px solid #fff;
5056 border-right: 2px solid rgba(255, 255, 255, 0);
5057 border-radius: 20px;
5058 position: absolute;
5059 top: 50%;
5060 left: 50%;
5061 transform: translate(-50%, -50%);
5062 animation: os-loading 700ms infinite linear;
5063 background-color: transparent !important;
5064 right: -5px;
5065 left: auto;
5066 }
5067 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-clear.os-loading i {
5068 opacity: 0;
5069 }
5070 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w {
5071 display: none;
5072 position: relative;
5073 }
5074 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w.os-loading:before {
5075 display: block;
5076 content: "";
5077 width: 12px !important;
5078 height: 12px !important;
5079 border-bottom: 2px solid var(--latepoint-brand-primary);
5080 border-left: 2px solid var(--latepoint-brand-primary);
5081 border-top: 2px solid var(--latepoint-brand-primary);
5082 border-right: 2px solid rgba(255, 255, 255, 0);
5083 border-radius: 20px;
5084 position: absolute;
5085 top: 50%;
5086 left: 50%;
5087 transform: translate(-50%, -50%);
5088 animation: os-loading 700ms infinite linear;
5089 background-color: transparent !important;
5090 left: -13px;
5091 }
5092 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input {
5093 border: none !important;
5094 border: 1px solid #383838 !important;
5095 padding: 5px 7px !important;
5096 background-color: #fff !important;
5097 box-shadow: none !important;
5098 font-size: 13px !important;
5099 line-height: 1 !important;
5100 display: block !important;
5101 width: auto !important;
5102 flex: 1;
5103 margin: 0px !important;
5104 border-radius: 0px !important;
5105 }
5106 .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 {
5107 box-shadow: none !important;
5108 outline: none !important;
5109 }
5110 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input::placeholder {
5111 color: #8f8f8f !important;
5112 }
5113 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-cancel,
5114 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-submit {
5115 padding: 9px 12px;
5116 line-height: 1;
5117 font-size: 14px;
5118 font-weight: 600;
5119 cursor: pointer;
5120 }
5121 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-submit {
5122 background-color: var(--latepoint-brand-primary);
5123 color: #fff;
5124 }
5125 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-cancel {
5126 background-color: #eee;
5127 color: #444;
5128 }
5129 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.entering-coupon .coupon-code-trigger-on-verify-w {
5130 display: none;
5131 }
5132 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.entering-coupon .coupon-code-trigger-on-verify-w {
5133 display: none;
5134 }
5135 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.entering-coupon .coupon-code-input-w {
5136 display: flex;
5137 align-items: center;
5138 justify-content: flex-start;
5139 gap: 10px;
5140 }
5141 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.coupon-is-applied .coupon-code-trigger-on-verify-w {
5142 display: none;
5143 }
5144 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.coupon-is-applied .coupon-code-input-w {
5145 display: none;
5146 }
5147 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.coupon-is-applied .applied-coupon-code-wrapper {
5148 display: flex;
5149 }
5150
5151 .latepoint-booking-form-element .step-confirmation-w .summary-box-wrapper + .summary-box-wrapper {
5152 margin-top: 15px;
5153 padding-top: 10px;
5154 }
5155 .latepoint-booking-form-element .step-confirmation-w .confirmation-head-info {
5156 position: relative;
5157 }
5158 .latepoint-booking-form-element .step-confirmation-w .add-to-calendar-wrapper {
5159 display: inline-block;
5160 }
5161 .latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent {
5162 display: block;
5163 margin: 0px auto 30px auto;
5164 padding-bottom: 20px;
5165 border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
5166 }
5167 .latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger {
5168 display: none;
5169 }
5170 .latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-booking-info {
5171 display: none;
5172 }
5173 .latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent {
5174 display: none;
5175 }
5176 .latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent img {
5177 display: block;
5178 margin: 0px auto;
5179 }
5180 .latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent .qr-code-label {
5181 text-align: center;
5182 font-size: 13px;
5183 font-weight: 600;
5184 text-align: center;
5185 font-weight: 500;
5186 padding: 10px 15px;
5187 background: #fff1af;
5188 line-height: 1.4;
5189 color: #000;
5190 }
5191 .latepoint-booking-form-element .step-confirmation-w .payment-summary-info .confirmation-info-w {
5192 margin-top: 0px;
5193 }
5194 .latepoint-booking-form-element .step-confirmation-w .confirmation-header {
5195 margin-bottom: 0px;
5196 margin-top: 0px;
5197 }
5198 .latepoint-booking-form-element .step-confirmation-w .confirmation-number {
5199 color: #7c85a3;
5200 padding-top: 0px;
5201 margin-bottom: 8px;
5202 font-size: 13px;
5203 letter-spacing: 0.5px;
5204 text-transform: uppercase;
5205 font-weight: 600;
5206 }
5207 .latepoint-booking-form-element .step-confirmation-w .confirmation-number strong {
5208 font-size: 39px;
5209 letter-spacing: normal;
5210 color: #14161d;
5211 display: block;
5212 line-height: 1.1;
5213 }
5214 .latepoint-booking-form-element .step-confirmation-w .confirmation-number .confirmation-checkmark {
5215 padding: 10px;
5216 font-size: 25px;
5217 color: #fff;
5218 background-color: #83de3a;
5219 box-shadow: 0 0 0 5px #daffba;
5220 border-radius: 50%;
5221 line-height: 25px;
5222 width: 45px;
5223 height: 45px;
5224 }
5225 .latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password {
5226 margin-top: 20px;
5227 display: none;
5228 }
5229 .latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password h4 {
5230 margin-bottom: 10px;
5231 }
5232 .latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields {
5233 display: flex;
5234 align-items: center;
5235 }
5236 .latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields .os-form-group {
5237 flex: 1;
5238 margin: 0px;
5239 margin-bottom: 0px !important;
5240 margin-right: 10px;
5241 }
5242 .latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields .os-form-group.os-form-textfield-group.has-value label {
5243 display: none !important;
5244 }
5245 .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 {
5246 padding: 7px 10px 7px 10px !important;
5247 }
5248 .latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields .latepoint-btn {
5249 flex: 0;
5250 white-space: nowrap;
5251 display: block;
5252 text-align: center;
5253 padding: 9px 20px;
5254 }
5255 .latepoint-booking-form-element .step-confirmation-w .confirmation-cabinet-info {
5256 background-color: #F5F6FF;
5257 margin-top: 20px;
5258 text-align: center;
5259 padding: 20px 40px;
5260 display: none;
5261 }
5262 .latepoint-booking-form-element .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-text {
5263 color: #14161d;
5264 margin-bottom: 10px;
5265 font-size: 18px;
5266 font-weight: 600;
5267 }
5268 .latepoint-booking-form-element .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-link {
5269 font-size: 15px;
5270 background-color: var(--latepoint-brand-primary);
5271 color: #fff !important;
5272 padding: 8px 15px !important;
5273 font-weight: 600;
5274 text-decoration: none !important;
5275 border: none !important;
5276 display: inline-block !important;
5277 }
5278
5279 .booking-status-info-wrapper {
5280 display: flex;
5281 gap: 10px;
5282 padding: 15px 30px;
5283 border-bottom: 1px solid rgba(0, 0, 0, 0.08);
5284 margin: -30px;
5285 margin-bottom: 0;
5286 align-items: center;
5287 }
5288 .booking-status-info-wrapper .booking-status-icon {
5289 width: 24px;
5290 height: 24px;
5291 background-color: #eee;
5292 position: relative;
5293 }
5294 .booking-status-info-wrapper .booking-status-label {
5295 font-weight: 600;
5296 font-size: 15px;
5297 }
5298 .booking-status-info-wrapper .booking-confirmation {
5299 margin-left: auto;
5300 font-size: 13px;
5301 color: #7c85a3;
5302 }
5303 .booking-status-info-wrapper .booking-confirmation strong {
5304 color: #14161d;
5305 }
5306 .booking-status-info-wrapper.status-approved .booking-status-icon {
5307 background-color: #a0ffa4;
5308 }
5309 .booking-status-info-wrapper.status-approved .booking-status-icon:before {
5310 font-family: "latepointIcons" !important;
5311 speak: none;
5312 font-style: normal;
5313 font-weight: normal;
5314 font-variant: normal;
5315 text-transform: none;
5316 line-height: 1;
5317 -webkit-font-smoothing: antialiased;
5318 -moz-osx-font-smoothing: grayscale;
5319 content: "\e928";
5320 position: absolute;
5321 top: 50%;
5322 left: 50%;
5323 transform: translate(-50%, -50%);
5324 font-size: 16px;
5325 }
5326
5327 .full-summary-wrapper .summary-status-wrapper, .confirmation-info-w .summary-status-wrapper {
5328 padding: 0 0 30px 0;
5329 color: #14161d;
5330 font-size: 15px;
5331 margin-bottom: 10px;
5332 border-bottom: 10px solid rgba(0, 0, 0, 0.03);
5333 }
5334 .full-summary-wrapper .summary-status-wrapper .summary-status-inner, .confirmation-info-w .summary-status-wrapper .summary-status-inner {
5335 display: flex;
5336 flex-direction: column;
5337 align-items: center;
5338 }
5339 .full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-title, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-title {
5340 font-size: 24px;
5341 font-weight: 600;
5342 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
5343 text-align: center;
5344 }
5345 .full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-description, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-description {
5346 color: #7c85a3;
5347 font-weight: 400;
5348 font-size: 15px;
5349 margin-top: 3px;
5350 text-align: center;
5351 }
5352 .full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-icon, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-icon {
5353 margin-bottom: 25px;
5354 animation: 1s cubic-bezier(0.05, 0.45, 0.1, 1) 0.1s statusIconPop;
5355 animation-fill-mode: both;
5356 }
5357 .full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-confirmation-number, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-confirmation-number {
5358 font-size: 13px;
5359 text-transform: uppercase;
5360 letter-spacing: 0.5px;
5361 color: #7c85a3;
5362 margin-top: 15px;
5363 padding: 3px 5px;
5364 background-color: rgba(0, 0, 0, 0.03);
5365 }
5366 .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 {
5367 color: #14161d;
5368 }
5369 .full-summary-wrapper .summary-status-wrapper.summary-status-style-green .ss-icon, .confirmation-info-w .summary-status-wrapper.summary-status-style-green .ss-icon {
5370 display: block;
5371 padding: 15px;
5372 background-color: #98ff96;
5373 border-radius: 50%;
5374 box-shadow: 0 0 0 10px #e1ffe0;
5375 }
5376 .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 {
5377 font-family: "latepointIcons" !important;
5378 speak: none;
5379 font-style: normal;
5380 font-weight: normal;
5381 font-variant: normal;
5382 text-transform: none;
5383 line-height: 1;
5384 -webkit-font-smoothing: antialiased;
5385 -moz-osx-font-smoothing: grayscale;
5386 content: "\e928";
5387 color: #000;
5388 line-height: 24px;
5389 display: block;
5390 font-size: 24px;
5391 }
5392 .full-summary-wrapper .summary-status-wrapper.summary-status-style-yellow .ss-icon, .confirmation-info-w .summary-status-wrapper.summary-status-style-yellow .ss-icon {
5393 display: block;
5394 padding: 10px;
5395 background-color: #ffe196;
5396 border-radius: 50%;
5397 box-shadow: 0 0 0 10px #fff2e0;
5398 width: 44px;
5399 text-align: center;
5400 }
5401 .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 {
5402 content: "i";
5403 color: #000;
5404 line-height: 24px;
5405 display: block;
5406 font-size: 24px;
5407 }
5408 .full-summary-wrapper .summary-price-item-w.spi-sub, .confirmation-info-w .summary-price-item-w.spi-sub {
5409 padding-left: 20px;
5410 position: relative;
5411 }
5412 .full-summary-wrapper .summary-price-item-w.spi-sub:before, .confirmation-info-w .summary-price-item-w.spi-sub:before {
5413 content: "";
5414 width: 5px;
5415 height: 5px;
5416 border-left: 1px solid #7c85a3;
5417 border-bottom: 1px solid #7c85a3;
5418 position: absolute;
5419 top: 50%;
5420 left: 10px;
5421 transform: translateY(-50%);
5422 }
5423 .full-summary-wrapper .summary-price-breakdown-wrapper.multi-item .subtotal-separator, .confirmation-info-w .summary-price-breakdown-wrapper.multi-item .subtotal-separator {
5424 border-top: 1px solid #f1f1f1;
5425 padding-bottom: 10px;
5426 margin-top: 10px;
5427 }
5428 .full-summary-wrapper .order-item-bundle-info-wrapper, .confirmation-info-w .order-item-bundle-info-wrapper {
5429 display: flex;
5430 align-items: flex-start;
5431 gap: 20px;
5432 padding: 15px 0;
5433 }
5434 .full-summary-wrapper .order-item-bundle-info-wrapper .bundle-icon, .confirmation-info-w .order-item-bundle-info-wrapper .bundle-icon {
5435 padding: 10px;
5436 line-height: 20px;
5437 font-size: 20px;
5438 background-color: color-mix(in srgb, var(--latepoint-brand-primary) 10%, transparent);
5439 border-radius: 30px;
5440 color: var(--latepoint-brand-primary);
5441 }
5442 .full-summary-wrapper .order-item-bundle-info-wrapper .summary-box.main-box, .confirmation-info-w .order-item-bundle-info-wrapper .summary-box.main-box {
5443 padding: 0;
5444 }
5445 .full-summary-wrapper .schedule-bundle-booking-btn-wrapper, .confirmation-info-w .schedule-bundle-booking-btn-wrapper {
5446 padding-bottom: 20px;
5447 }
5448 .full-summary-wrapper .schedule-bundle-booking-btn, .confirmation-info-w .schedule-bundle-booking-btn {
5449 padding: 4px 0;
5450 background-color: #fff;
5451 display: inline-flex;
5452 gap: 8px;
5453 font-weight: 600;
5454 color: var(--latepoint-brand-primary);
5455 text-decoration: none;
5456 border: none;
5457 align-items: center;
5458 box-shadow: none;
5459 cursor: pointer;
5460 position: relative;
5461 }
5462 .full-summary-wrapper .schedule-bundle-booking-btn.os-loading:before, .confirmation-info-w .schedule-bundle-booking-btn.os-loading:before {
5463 display: block;
5464 content: "";
5465 width: 14px !important;
5466 height: 14px !important;
5467 border-bottom: 2px solid var(--latepoint-brand-primary);
5468 border-left: 2px solid var(--latepoint-brand-primary);
5469 border-top: 2px solid var(--latepoint-brand-primary);
5470 border-right: 2px solid rgba(255, 255, 255, 0);
5471 border-radius: 20px;
5472 position: absolute;
5473 top: 50%;
5474 left: 50%;
5475 transform: translate(-50%, -50%);
5476 animation: os-loading 700ms infinite linear;
5477 background-color: transparent !important;
5478 left: auto;
5479 right: -5px;
5480 }
5481 .full-summary-wrapper .schedule-bundle-booking-btn.os-loading i, .confirmation-info-w .schedule-bundle-booking-btn.os-loading i {
5482 visibility: hidden;
5483 }
5484 .full-summary-wrapper .schedule-bundle-booking-btn:hover span, .confirmation-info-w .schedule-bundle-booking-btn:hover span {
5485 border-bottom-style: solid;
5486 }
5487 .full-summary-wrapper .schedule-bundle-booking-btn:hover i, .confirmation-info-w .schedule-bundle-booking-btn:hover i {
5488 transform: translateX(3px);
5489 }
5490 .full-summary-wrapper .schedule-bundle-booking-btn span, .confirmation-info-w .schedule-bundle-booking-btn span {
5491 border-bottom: 1px dotted var(--latepoint-brand-primary);
5492 }
5493 .full-summary-wrapper .schedule-bundle-booking-btn i, .confirmation-info-w .schedule-bundle-booking-btn i {
5494 font-size: 9px;
5495 transition: transform 0.2s ease;
5496 }
5497 .full-summary-wrapper .summary-price-breakdown-wrapper, .confirmation-info-w .summary-price-breakdown-wrapper {
5498 margin-top: 30px;
5499 }
5500 .full-summary-wrapper .summary-box-heading, .confirmation-info-w .summary-box-heading {
5501 margin-bottom: 10px;
5502 }
5503 .full-summary-wrapper .summary-box, .confirmation-info-w .summary-box {
5504 padding-bottom: 0;
5505 }
5506 .full-summary-wrapper .summary-box .sbc-main-item, .confirmation-info-w .summary-box .sbc-main-item {
5507 color: #14161d;
5508 font-size: 15px;
5509 font-weight: 600;
5510 }
5511
5512 .confirmation-info-w {
5513 position: relative;
5514 }
5515 .confirmation-info-w .order-summary-items-heading {
5516 display: none;
5517 }
5518 .confirmation-info-w .price-breakdown-unfold {
5519 display: none;
5520 }
5521 .confirmation-info-w ul {
5522 list-style-type: none;
5523 padding: 0px;
5524 margin: 0px;
5525 display: flex;
5526 flex-wrap: wrap;
5527 }
5528 .confirmation-info-w ul li {
5529 flex: 0 0 50%;
5530 list-style-type: none;
5531 margin: 0px;
5532 color: #7c85a3;
5533 font-weight: 600;
5534 padding: 7px 10px 7px 0px;
5535 line-height: 1.4;
5536 font-size: 11px;
5537 letter-spacing: 0.6px;
5538 text-transform: uppercase;
5539 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
5540 }
5541 .confirmation-info-w ul li strong {
5542 text-transform: none;
5543 letter-spacing: normal;
5544 color: var(--latepoint-body-color);
5545 display: block;
5546 font-size: 15px;
5547 }
5548 .confirmation-info-w .confirmation-section-heading {
5549 font-size: 19px;
5550 display: block;
5551 border-bottom: 1px solid var(--latepoint-brand-primary);
5552 margin: 15px 0px 5px 0px;
5553 color: var(--latepoint-brand-primary);
5554 }
5555
5556 .latepoint-booking-form-element {
5557 /*!
5558 * Copyright (c) 2024 LatePoint LLC. All rights reserved.
5559 */
5560 /*!
5561 * Copyright (c) 2024 LatePoint LLC. All rights reserved.
5562 */
5563 }
5564 .latepoint-booking-form-element.hidden-buttons .latepoint-form-w .latepoint-body:after {
5565 height: 40px;
5566 }
5567 .latepoint-booking-form-element.hidden-buttons .latepoint-form-w .latepoint-footer {
5568 display: none;
5569 }
5570 .latepoint-booking-form-element .os-step-tabs {
5571 display: flex;
5572 color: #7c85a3;
5573 margin-bottom: 20px;
5574 font-weight: 600;
5575 font-size: 15px;
5576 line-height: 15px;
5577 justify-content: space-between;
5578 align-items: flex-end;
5579 box-shadow: 0px 1px 0px 0px #E2E5EF;
5580 height: 35px;
5581 }
5582 .latepoint-booking-form-element .os-step-tabs .os-step-tab {
5583 transition: all 0.2s ease;
5584 text-align: center;
5585 padding: 8px 0px;
5586 position: relative;
5587 line-height: 15px;
5588 font-size: 15px;
5589 }
5590 .latepoint-booking-form-element .os-step-tabs .os-step-tab:hover {
5591 cursor: pointer;
5592 color: var(--latepoint-body-color);
5593 }
5594 .latepoint-booking-form-element .os-step-tabs .os-step-tab:before {
5595 position: absolute;
5596 content: "";
5597 background-color: var(--latepoint-brand-primary);
5598 height: 2px;
5599 left: 0px;
5600 bottom: -1px;
5601 width: 0%;
5602 }
5603 .latepoint-booking-form-element .os-step-tabs .os-step-tab.active {
5604 color: var(--latepoint-body-color);
5605 font-size: 16px;
5606 line-height: 15px;
5607 padding-bottom: 12px;
5608 padding-top: 8px;
5609 }
5610 .latepoint-booking-form-element .os-step-tabs .os-step-tab.active:before {
5611 width: 100%;
5612 }
5613 .latepoint-booking-form-element .step-customer-logged-in-header-w {
5614 display: flex;
5615 color: #898C98;
5616 margin-bottom: 20px;
5617 font-weight: 600;
5618 font-size: 15px;
5619 line-height: 15px;
5620 justify-content: space-between;
5621 align-items: center;
5622 border-bottom: 1px solid #E2E5EF;
5623 height: 35px;
5624 }
5625 .latepoint-booking-form-element .step-customer-logged-in-header-w span {
5626 display: block;
5627 margin-right: 5px;
5628 margin-left: auto;
5629 }
5630 .latepoint-booking-form-element .step-customer-logged-in-header-w a {
5631 display: block;
5632 color: var(--latepoint-brand-primary);
5633 text-decoration: underline;
5634 }
5635 .latepoint-booking-form-element .step-customer-logged-in-header-w div {
5636 color: var(--latepoint-body-color);
5637 font-size: 16px;
5638 line-height: 15px;
5639 padding-bottom: 12px;
5640 padding-top: 8px;
5641 position: relative;
5642 }
5643 .latepoint-booking-form-element .step-customer-logged-in-header-w div:before {
5644 position: absolute;
5645 content: "";
5646 background-color: var(--latepoint-brand-primary);
5647 height: 2px;
5648 left: 0px;
5649 bottom: -1px;
5650 width: 100%;
5651 transition: all 0.2s ease;
5652 }
5653 .latepoint-booking-form-element .os-form-buttons {
5654 align-items: flex-start;
5655 }
5656 .latepoint-booking-form-element .os-password-reset-form-holder .os-password-reset-form-w {
5657 padding: 20px;
5658 border: 1px solid #aaa;
5659 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0px 5px 10px rgba(0, 0, 0, 0.05);
5660 margin-bottom: 15px;
5661 }
5662 .latepoint-booking-form-element .os-password-reset-form-holder h4 {
5663 margin: 0px;
5664 margin-bottom: 5px;
5665 padding: 0px;
5666 }
5667 .latepoint-booking-form-element .os-password-reset-form-holder p {
5668 margin-bottom: 10px;
5669 }
5670 .latepoint-booking-form-element .os-password-reset-form-holder .os-form-message-w {
5671 margin-bottom: 10px;
5672 margin-top: 10px;
5673 }
5674 .latepoint-booking-form-element .os-step-existing-customer-login-w {
5675 margin-bottom: 10px;
5676 }
5677 .latepoint-booking-form-element .os-step-existing-customer-login-w .step-forgot-password-btn {
5678 text-decoration: underline;
5679 padding-top: 0px;
5680 padding-bottom: 0px;
5681 }
5682 .latepoint-booking-form-element .os-step-existing-customer-login-w .step-login-existing-customer-btn {
5683 padding: 10px 20px;
5684 line-height: 1.2;
5685 font-size: 16px;
5686 position: relative;
5687 }
5688 .latepoint-booking-form-element .os-step-existing-customer-login-w .step-login-existing-customer-btn i {
5689 position: absolute;
5690 left: 10px;
5691 top: 50%;
5692 transform: translateY(-50%);
5693 font-size: 22px;
5694 }
5695 .latepoint-booking-form-element .os-weekdays {
5696 display: flex;
5697 align-items: center;
5698 justify-content: space-between;
5699 margin-bottom: 5px;
5700 column-gap: 15px;
5701 }
5702 .latepoint-booking-form-element .os-weekdays .weekday {
5703 text-transform: uppercase;
5704 font-size: 12px;
5705 color: #7c85a3;
5706 font-weight: 600;
5707 letter-spacing: 2px;
5708 width: 14.2%;
5709 text-align: center;
5710 padding: 5px 0px;
5711 }
5712 .latepoint-booking-form-element .os-weekdays .weekday.weekday-6, .latepoint-booking-form-element .os-weekdays .weekday.weekday-7 {
5713 color: var(--latepoint-calendar-weekday-label-color);
5714 background-color: var(--latepoint-calendar-weekday-label-bg);
5715 }
5716 .latepoint-booking-form-element .os-current-month-label-w {
5717 position: relative;
5718 }
5719 .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn,
5720 .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn {
5721 position: absolute;
5722 border: none;
5723 font-size: 12px;
5724 background-color: transparent !important;
5725 box-shadow: none;
5726 outline: none;
5727 color: #111;
5728 top: 55%;
5729 transform: translateY(-50%);
5730 padding: 0px;
5731 margin: 0px;
5732 line-height: 1;
5733 vertical-align: middle;
5734 display: inline-block;
5735 cursor: pointer;
5736 }
5737 .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn:focus-visible,
5738 .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn:focus-visible {
5739 outline: 2px solid var(--latepoint-brand-primary) !important;
5740 }
5741 .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn.os-loading,
5742 .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.os-loading {
5743 color: transparent !important;
5744 }
5745 .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,
5746 .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.os-loading span,
5747 .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.os-loading i {
5748 color: transparent !important;
5749 }
5750 .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn.os-loading:after,
5751 .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.os-loading:after {
5752 display: block;
5753 content: "";
5754 width: 14px;
5755 height: 14px;
5756 border-bottom: 2px solid var(--latepoint-body-color);
5757 border-left: 2px solid var(--latepoint-body-color);
5758 border-top: 2px solid var(--latepoint-body-color);
5759 border-right: 2px solid rgba(0, 0, 0, 0);
5760 border-radius: 20px;
5761 position: absolute;
5762 top: 50%;
5763 left: 50%;
5764 transform: translate(-50%, -50%);
5765 animation: os-loading 700ms infinite linear;
5766 }
5767 .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn:hover,
5768 .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn:hover {
5769 color: var(--latepoint-brand-primary);
5770 }
5771 .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn:focus,
5772 .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn:focus {
5773 outline: none;
5774 }
5775 .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn.disabled,
5776 .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.disabled {
5777 color: rgba(0, 0, 0, 0.1);
5778 }
5779 .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn {
5780 left: 10px;
5781 }
5782 .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn {
5783 right: 10px;
5784 }
5785 .latepoint-booking-form-element .os-current-month-label-w .os-current-month-label {
5786 text-align: center;
5787 font-weight: 600;
5788 font-size: 17px;
5789 margin-bottom: 10px;
5790 color: var(--latepoint-body-color);
5791 }
5792 .latepoint-booking-form-element .os-current-month-label-w .os-current-month-label .current-year {
5793 display: inline-block;
5794 vertical-align: middle;
5795 color: color-mix(in srgb, var(--latepoint-body-color) 40%, transparent);
5796 margin-left: 5px;
5797 }
5798 .latepoint-booking-form-element .os-current-month-label-w .os-current-month-label .current-month {
5799 display: inline-block;
5800 vertical-align: middle;
5801 }
5802 .latepoint-booking-form-element .os-monthly-calendar-days-w {
5803 display: none;
5804 }
5805 .latepoint-booking-form-element .os-monthly-calendar-days-w.active {
5806 display: block;
5807 }
5808 .latepoint-booking-form-element .os-monthly-calendar-days-w.hide-if-single-slot .os-day.os-one-slot-only .os-day-status {
5809 display: none;
5810 }
5811 .latepoint-booking-form-element .os-monthly-calendar-days-w.hide-if-single-slot .os-day.selected:after {
5812 font-family: "latepointIcons" !important;
5813 speak: none;
5814 font-style: normal;
5815 font-weight: normal;
5816 font-variant: normal;
5817 text-transform: none;
5818 line-height: 1;
5819 -webkit-font-smoothing: antialiased;
5820 -moz-osx-font-smoothing: grayscale;
5821 content: "\e903";
5822 background-color: var(--latepoint-brand-primary);
5823 box-shadow: 0px 0px 0px 2px #fff;
5824 border-radius: 50%;
5825 width: 14px;
5826 line-height: 14px;
5827 height: 14px;
5828 bottom: 50%;
5829 left: 50%;
5830 font-size: 10px;
5831 text-align: center;
5832 position: absolute;
5833 color: #fff;
5834 transform: translate(11px, -10px);
5835 }
5836 .latepoint-booking-form-element .step-datepicker-w {
5837 padding: 0px 10px 10px;
5838 }
5839 .latepoint-booking-form-element .step-datepicker-w .dp-capacity, .latepoint-booking-form-element .reschedule-calendar-datepicker .dp-capacity {
5840 position: absolute;
5841 top: 0px;
5842 left: 50%;
5843 transform: translate3d(-50%, -100%, 0);
5844 background-color: #111;
5845 padding: 4px 6px;
5846 color: #fff;
5847 font-weight: 600;
5848 display: none;
5849 white-space: nowrap;
5850 z-index: 9999;
5851 font-size: 15px;
5852 animation: 0.1s ease latepointAvailabilityPopup;
5853 animation-fill-mode: both;
5854 }
5855 .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 {
5856 display: block;
5857 }
5858 .latepoint-booking-form-element .os-monthly-calendar-days {
5859 display: grid;
5860 grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
5861 grid-gap: 12px;
5862 }
5863 .latepoint-booking-form-element .os-monthly-calendar-days .os-day {
5864 text-align: center;
5865 font-size: 17px;
5866 font-weight: 600;
5867 cursor: pointer;
5868 position: relative;
5869 }
5870 .latepoint-booking-form-element .os-monthly-calendar-days .os-day:focus-visible {
5871 outline: 2px solid var(--latepoint-brand-primary);
5872 }
5873 .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 {
5874 color: #B7BCCB;
5875 background-color: #fff;
5876 }
5877 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current .os-day-box {
5878 background-color: #eefdec;
5879 }
5880 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available {
5881 cursor: not-allowed;
5882 }
5883 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box {
5884 background-color: transparent;
5885 }
5886 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-status {
5887 background-color: #f7f7f7;
5888 }
5889 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-number {
5890 color: #adadae;
5891 }
5892 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available.selected .os-day-box {
5893 background-color: #ec7376;
5894 }
5895 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available.selected .os-day-box .os-day-number {
5896 color: #fff;
5897 }
5898 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-passed .os-day-box {
5899 background-color: transparent;
5900 }
5901 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-passed .os-day-box .os-day-number {
5902 color: #bdc5da;
5903 }
5904 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-not-in-allowed-period .os-day-box {
5905 background-color: #f7f8fb;
5906 }
5907 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-not-in-allowed-period .os-day-box .os-day-number {
5908 color: #bdc5da;
5909 }
5910 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-today .os-day-box {
5911 background-color: #fff6cb;
5912 border-color: #fff6cb;
5913 }
5914 .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 {
5915 opacity: 0.6;
5916 }
5917 .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 {
5918 opacity: 1;
5919 }
5920 .latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-box {
5921 padding: 8px 5px;
5922 position: relative;
5923 }
5924 .latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-available-slots-tooltip {
5925 position: absolute;
5926 top: 0px;
5927 left: 50%;
5928 transform: translate3d(-50%, -100%, 0);
5929 background-color: #111;
5930 padding: 4px 6px;
5931 color: #fff;
5932 font-weight: 600;
5933 display: none;
5934 white-space: nowrap;
5935 z-index: 9999;
5936 font-size: 15px;
5937 animation: 0.1s ease latepointAvailabilityPopup;
5938 animation-fill-mode: both;
5939 }
5940 .latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-number {
5941 color: #14161d;
5942 transition: all 0.1s ease;
5943 }
5944 .latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-status {
5945 transition: all 0.1s ease;
5946 }
5947 .latepoint-booking-form-element .os-monthly-calendar-days .os-day:hover .os-day-box .os-day-number {
5948 top: 40%;
5949 transform: translateY(-2px) scale(1.2);
5950 white-space: nowrap;
5951 }
5952 .latepoint-booking-form-element .os-monthly-calendar-days .os-day:hover .os-day-box:hover .os-available-slots-tooltip {
5953 display: block;
5954 }
5955 .latepoint-booking-form-element .os-monthly-calendar-days .os-day:hover .os-day-status {
5956 height: 6px;
5957 left: 3px;
5958 right: 3px;
5959 }
5960 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected .os-day-box {
5961 background-color: var(--latepoint-brand-primary);
5962 border-color: transparent;
5963 color: #fff;
5964 opacity: 1;
5965 }
5966 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-number {
5967 color: #fff;
5968 transform: scale(1.2);
5969 }
5970 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-status {
5971 display: none;
5972 }
5973 .latepoint-booking-form-element .os-day-status {
5974 margin: 0px;
5975 height: 4px;
5976 position: absolute;
5977 border-radius: 0px;
5978 overflow: hidden;
5979 bottom: 3px;
5980 left: 8px;
5981 right: 8px;
5982 background-color: #e6e9ef;
5983 }
5984 .latepoint-booking-form-element .os-day-status .day-available {
5985 background-color: #8fe286;
5986 top: 0px;
5987 bottom: 0px;
5988 position: absolute;
5989 z-index: 1;
5990 min-width: 3px;
5991 }
5992 .latepoint-booking-form-element .times-header {
5993 color: #16171d;
5994 font-size: 16px;
5995 font-weight: 400;
5996 text-align: center;
5997 padding-bottom: 10px;
5998 }
5999 .latepoint-booking-form-element .times-header span {
6000 color: var(--latepoint-brand-primary);
6001 border-bottom: 1px dotted var(--latepoint-brand-primary);
6002 }
6003 .latepoint-booking-form-element .os-calendar-searching-info {
6004 padding-left: 35px;
6005 font-size: 15px;
6006 position: relative;
6007 font-weight: 600;
6008 display: none;
6009 }
6010 .latepoint-booking-form-element .os-calendar-searching-info:before {
6011 display: block;
6012 content: "";
6013 width: 20px !important;
6014 height: 20px !important;
6015 border-bottom: 2px solid var(--latepoint-brand-primary);
6016 border-left: 2px solid var(--latepoint-brand-primary);
6017 border-top: 2px solid var(--latepoint-brand-primary);
6018 border-right: 2px solid rgba(255, 255, 255, 0);
6019 border-radius: 20px;
6020 position: absolute;
6021 top: 50%;
6022 left: 50%;
6023 transform: translate(-50%, -50%);
6024 animation: os-loading 700ms infinite linear;
6025 background-color: transparent !important;
6026 left: 10px;
6027 }
6028 .latepoint-booking-form-element .os-dates-w {
6029 margin: 0px;
6030 }
6031 .latepoint-booking-form-element .os-dates-w.is-searching .os-calendar-searching-info {
6032 display: block;
6033 }
6034 .latepoint-booking-form-element .os-dates-w.is-searching .os-calendar-while-searching-wrapper {
6035 display: none;
6036 }
6037 .latepoint-booking-form-element .os-times-w {
6038 position: relative;
6039 }
6040 .latepoint-booking-form-element .timeslots {
6041 display: flex;
6042 justify-content: space-between;
6043 }
6044 .latepoint-booking-form-element .timeslots .not-working-message {
6045 flex: 1;
6046 padding: 3px 5px;
6047 text-align: center;
6048 background-color: #f7e8e8;
6049 color: #752f2f;
6050 font-weight: 600;
6051 }
6052 .latepoint-booking-form-element .dp-timebox {
6053 white-space: nowrap;
6054 text-align: center;
6055 padding: 6px 3px;
6056 line-height: 1.2;
6057 background-color: #d6ffd1;
6058 font-size: 15px;
6059 color: #14161d;
6060 cursor: pointer;
6061 font-weight: 600;
6062 position: relative;
6063 width: auto !important;
6064 max-width: none !important;
6065 }
6066 .latepoint-booking-form-element .dp-timebox:focus-visible {
6067 outline: 2px solid var(--latepoint-brand-primary);
6068 }
6069 .latepoint-booking-form-element .dp-timebox .dp-tick,
6070 .latepoint-booking-form-element .dp-timebox .dp-success-label {
6071 display: none !important;
6072 }
6073 .latepoint-booking-form-element .dp-timebox:hover {
6074 background-color: #c0fbb8;
6075 }
6076 .latepoint-booking-form-element .dp-timebox.is-off, .latepoint-booking-form-element .dp-timebox.is-booked {
6077 color: #b3b3b3;
6078 background-color: #f7f7f7;
6079 box-shadow: none;
6080 cursor: not-allowed;
6081 }
6082 .latepoint-booking-form-element .dp-timebox.selected {
6083 background-color: var(--latepoint-brand-primary);
6084 color: #fff;
6085 box-shadow: none;
6086 }
6087 .latepoint-booking-form-element .dp-timebox.selected:after {
6088 font-family: "latepointIcons" !important;
6089 speak: none;
6090 font-style: normal;
6091 font-weight: normal;
6092 font-variant: normal;
6093 text-transform: none;
6094 line-height: 1;
6095 -webkit-font-smoothing: antialiased;
6096 -moz-osx-font-smoothing: grayscale;
6097 content: "\e903";
6098 background-color: var(--latepoint-brand-primary);
6099 box-shadow: 0px 0px 0px 2px #fff;
6100 border-radius: 50%;
6101 width: 14px;
6102 line-height: 14px;
6103 height: 14px;
6104 top: -5px;
6105 right: -5px;
6106 font-size: 10px;
6107 text-align: center;
6108 position: absolute;
6109 color: #fff;
6110 animation: 0.2s ease 0s selectedSlotCheckmark;
6111 animation-fill-mode: both;
6112 }
6113 .latepoint-booking-form-element .time-selector-w {
6114 display: none;
6115 margin-top: 20px;
6116 margin-left: -2px;
6117 margin-right: -2px;
6118 }
6119 .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 {
6120 display: none;
6121 }
6122 .latepoint-booking-form-element .time-selector-w .th-timezone {
6123 text-transform: uppercase;
6124 font-size: 10px;
6125 letter-spacing: 0.5px;
6126 margin-top: 4px;
6127 }
6128 .latepoint-booking-form-element .time-selector-w .th-timezone strong {
6129 color: #7c85a3;
6130 }
6131 .latepoint-booking-form-element .time-selector-w.style-timebox {
6132 margin-top: 20px;
6133 }
6134 .latepoint-booking-form-element .time-selector-w.style-timebox .timeslots {
6135 display: grid;
6136 grid-template-columns: repeat(2, 1fr);
6137 grid-gap: 10px;
6138 }
6139 .latepoint-booking-form-element .time-selector-w.style-timebox .timeslots.slots-not-available {
6140 grid-template-columns: repeat(1, 1fr) !important;
6141 }
6142 .latepoint-booking-form-element .time-selector-w.style-timebox .timeslots .not-working-message {
6143 border-radius: 4px;
6144 padding: 6px;
6145 }
6146 .latepoint-booking-form-element .time-selector-w.style-timebox .timeslots .dp-timebox .dp-label-capacity {
6147 display: none;
6148 }
6149 .latepoint-booking-form-element .time-selector-w.style-timebox .timeslots .dp-timebox.is-off {
6150 display: none;
6151 }
6152 .latepoint-booking-form-element .time-selector-w.style-timebox .times-header {
6153 display: flex;
6154 align-items: center;
6155 margin-bottom: 10px;
6156 padding-top: 10px;
6157 }
6158 .latepoint-booking-form-element .time-selector-w.style-timebox .times-header .times-header-label {
6159 flex: 1;
6160 margin: 0px 15px;
6161 white-space: nowrap;
6162 }
6163 .latepoint-booking-form-element .time-selector-w.style-timebox .times-header .th-line {
6164 height: 1px;
6165 flex: 1;
6166 background-color: rgba(0, 0, 0, 0.1);
6167 content: "";
6168 }
6169 .latepoint-booking-form-element .time-selector-w.style-timeline {
6170 padding-bottom: 30px;
6171 flex-wrap: no-wrap;
6172 }
6173 .latepoint-booking-form-element .time-selector-w.with-end-time.time-system-12 .timeslots {
6174 grid-template-columns: repeat(2, 1fr);
6175 }
6176 .latepoint-booking-form-element .time-selector-w.with-end-time.time-system-12 .dp-timebox span.dp-label-end-time {
6177 opacity: 0.7;
6178 }
6179 .latepoint-booking-form-element .time-selector-w.with-end-time.time-system-24 .timeslots {
6180 grid-template-columns: repeat(3, 1fr);
6181 }
6182 .latepoint-booking-form-element .time-selector-w.with-end-time.time-system-24 .dp-timebox span.dp-label-end-time {
6183 opacity: 0.7;
6184 }
6185 .latepoint-booking-form-element .time-selector-w.without-end-time.time-system-12 .timeslots {
6186 grid-template-columns: repeat(4, 1fr);
6187 }
6188 .latepoint-booking-form-element .time-selector-w.without-end-time.time-system-24 .timeslots {
6189 grid-template-columns: repeat(5, 1fr);
6190 }
6191 .latepoint-booking-form-element .dp-timeslot {
6192 height: 24px;
6193 flex-grow: 1;
6194 margin: 0px;
6195 box-shadow: inset 1px 0px 0px 0px #fff, inset -1px 0px 0px 0px #fff;
6196 border-radius: 0px;
6197 position: relative;
6198 cursor: pointer;
6199 background-color: #8fe286;
6200 }
6201 .latepoint-booking-form-element .dp-timeslot:focus-visible {
6202 outline: 2px solid var(--latepoint-brand-primary);
6203 }
6204 .latepoint-booking-form-element .dp-timeslot .dp-tick {
6205 position: absolute;
6206 display: block;
6207 top: 34px;
6208 left: 50%;
6209 transform: translateX(-50%);
6210 font-size: 8px;
6211 text-align: center;
6212 color: rgba(0, 0, 0, 0.4);
6213 text-transform: uppercase;
6214 line-height: 1.4;
6215 font-weight: 600;
6216 letter-spacing: 1px;
6217 }
6218 .latepoint-booking-form-element .dp-timeslot .dp-tick strong {
6219 display: block;
6220 color: rgb(0, 0, 0);
6221 font-size: 11px;
6222 line-height: 1;
6223 letter-spacing: 0px;
6224 white-space: nowrap;
6225 }
6226 .latepoint-booking-form-element .dp-timeslot .dp-success-label {
6227 color: rgba(255, 255, 255, 0.8);
6228 display: block;
6229 text-align: center;
6230 margin-bottom: 4px;
6231 text-transform: uppercase;
6232 letter-spacing: 1px;
6233 font-size: 10px;
6234 }
6235 .latepoint-booking-form-element .dp-timeslot .dp-label {
6236 display: none;
6237 text-align: center;
6238 padding: 7px 8px 7px 8px;
6239 line-height: 1;
6240 background-color: #04bb03;
6241 color: #fff;
6242 font-size: 12px;
6243 font-weight: 600;
6244 position: absolute;
6245 left: 50%;
6246 top: -8px;
6247 transform: translate(-50%, -100%);
6248 white-space: nowrap;
6249 transition: all 0.2s ease;
6250 z-index: 10;
6251 }
6252 .latepoint-booking-form-element .dp-timeslot .dp-label-capacity {
6253 display: block;
6254 color: rgba(255, 255, 255, 0.8);
6255 text-align: center;
6256 margin-bottom: 4px;
6257 text-transform: uppercase;
6258 letter-spacing: 1px;
6259 font-size: 10px;
6260 }
6261 .latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked), .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off) {
6262 background-color: var(--latepoint-brand-primary);
6263 z-index: 4;
6264 }
6265 .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 {
6266 display: none;
6267 }
6268 .latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked):hover, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off):hover {
6269 background-color: var(--latepoint-brand-primary);
6270 }
6271 .latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked):after, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off):after {
6272 content: "";
6273 position: absolute;
6274 width: 1px;
6275 left: 50%;
6276 transform: translateX(-50%);
6277 top: 0px;
6278 bottom: 0px;
6279 background-color: var(--latepoint-brand-primary);
6280 display: none;
6281 }
6282 .latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked) .dp-label, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off) .dp-label {
6283 top: -3px;
6284 background-color: var(--latepoint-brand-primary);
6285 color: #fff;
6286 display: block;
6287 }
6288 .latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked):before, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off):before {
6289 background-color: var(--latepoint-brand-primary);
6290 display: block;
6291 width: 10px;
6292 height: 10px;
6293 transform: translateX(-50%) rotate(45deg);
6294 top: -12px;
6295 left: 50%;
6296 }
6297 .latepoint-booking-form-element .dp-timeslot.is-booked {
6298 background-color: #e6e9ef;
6299 margin: 0px;
6300 cursor: not-allowed;
6301 }
6302 .latepoint-booking-form-element .dp-timeslot.is-booked:before {
6303 background-color: #E42806;
6304 }
6305 .latepoint-booking-form-element .dp-timeslot.is-booked .dp-label {
6306 background-color: #E42806;
6307 }
6308 .latepoint-booking-form-element .dp-timeslot.is-booked:hover {
6309 background-color: #E42806;
6310 }
6311 .latepoint-booking-form-element .dp-timeslot.is-off {
6312 background-color: #e6e9ef;
6313 margin: 0px;
6314 border-color: #fff;
6315 max-width: 25%;
6316 cursor: not-allowed;
6317 }
6318 .latepoint-booking-form-element .dp-timeslot.is-off:before {
6319 background-color: #E42806;
6320 }
6321 .latepoint-booking-form-element .dp-timeslot.is-off .dp-label {
6322 background-color: #E42806;
6323 }
6324 .latepoint-booking-form-element .dp-timeslot.is-off:hover {
6325 background-color: #e6e9ef;
6326 }
6327 .latepoint-booking-form-element .dp-timeslot.is-off:hover .dp-label {
6328 display: none;
6329 }
6330 .latepoint-booking-form-element .dp-timeslot.with-tick:after {
6331 content: "";
6332 position: absolute;
6333 width: 1px;
6334 left: 50%;
6335 height: 3px;
6336 bottom: -7px;
6337 background-color: rgba(0, 0, 0, 0.4);
6338 }
6339 .latepoint-booking-form-element .dp-timeslot:hover {
6340 background-color: #04bb03;
6341 }
6342 .latepoint-booking-form-element .dp-timeslot:hover:before {
6343 top: 0px;
6344 }
6345 .latepoint-booking-form-element .dp-timeslot:hover .dp-label {
6346 display: block;
6347 }
6348
6349 .latepoint-message {
6350 border-radius: 0px;
6351 }
6352 .latepoint-message.latepoint-message-success {
6353 padding: 10px 15px;
6354 font-weight: 600;
6355 margin-bottom: 15px;
6356 background: #eeffed;
6357 color: #0d7f24;
6358 text-align: center;
6359 border: 1px solid #a9e3a2;
6360 box-shadow: 0px 1px 4px -1px rgba(79, 239, 88, 0.6);
6361 }
6362 .latepoint-message.latepoint-message-error {
6363 padding: 10px;
6364 font-weight: 600;
6365 margin-bottom: 15px;
6366 background: #ffcfcf;
6367 color: #750e0e;
6368 text-align: center;
6369 border: 1px solid #ffcfcf;
6370 box-shadow: none;
6371 }
6372 .latepoint-message.latepoint-message-warning {
6373 padding: 10px;
6374 font-weight: 600;
6375 margin-bottom: 15px;
6376 background: #ffeabe;
6377 color: #75450e;
6378 text-align: center;
6379 border: 1px solid #c16d18;
6380 box-shadow: 0px 2px 4px rgba(64, 55, 40, 0.05);
6381 }
6382 .latepoint-message.latepoint-message-info {
6383 padding: 10px;
6384 font-weight: 600;
6385 margin-bottom: 15px;
6386 background: #eee;
6387 color: #111;
6388 text-align: center;
6389 }
6390
6391 .os-booking-limit-reached {
6392 position: absolute;
6393 top: 10px;
6394 right: 10px;
6395 left: 10px;
6396 bottom: 10px;
6397 background-color: #fff0f0;
6398 border: 1px solid #b95252;
6399 color: #b95252;
6400 font-size: 18px;
6401 text-align: center;
6402 padding: 30px;
6403 display: flex;
6404 align-items: center;
6405 }
6406 .os-booking-limit-reached .os-booking-limit-icon-w {
6407 margin-bottom: 10px;
6408 font-size: 40px;
6409 color: #d8adb0;
6410 line-height: 1;
6411 }
6412 .os-booking-limit-reached h3 {
6413 color: #5f1b1b;
6414 margin-bottom: 10px;
6415 margin-top: 0px;
6416 padding: 0px;
6417 }
6418
6419 .latepoint-w.customer-dashboard-booking-summary-lightbox .os-item-details-popup {
6420 position: relative;
6421 background-color: #fff;
6422 display: none;
6423 margin: -15px -30px -30px -30px;
6424 }
6425 .latepoint-w.customer-dashboard-booking-summary-lightbox .os-item-details-popup.open {
6426 display: block;
6427 }
6428 .latepoint-w .os-item-details-popup {
6429 display: none;
6430 }
6431 .latepoint-w .os-item-details-popup.open {
6432 display: block;
6433 }
6434 .latepoint-w .os-item-details-popup .os-item-details-popup-close {
6435 position: absolute;
6436 top: 0px;
6437 right: 0px;
6438 background-color: #FF5151;
6439 color: #fff;
6440 padding: 10px;
6441 font-size: 13px;
6442 font-weight: 600;
6443 z-index: 9999;
6444 }
6445 .latepoint-w .os-item-details-popup .os-item-details-popup-close span, .latepoint-w .os-item-details-popup .os-item-details-popup-close i {
6446 display: inline-block;
6447 vertical-align: middle;
6448 line-height: 1;
6449 }
6450 .latepoint-w .os-item-details-popup .os-item-details-popup-close span {
6451 margin-right: 10px;
6452 }
6453 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-head {
6454 background-size: cover;
6455 background-position: center center;
6456 padding: 80px 40px 40px 40px;
6457 position: relative;
6458 }
6459 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-head h3 {
6460 color: #fff;
6461 text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
6462 font-size: 30px;
6463 margin: 0px;
6464 z-index: 2;
6465 position: relative;
6466 }
6467 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-head .item-details-popup-title {
6468 margin-top: 5px;
6469 color: rgba(255, 255, 255, 0.8);
6470 z-index: 2;
6471 position: relative;
6472 font-size: 21px;
6473 }
6474 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-head:before {
6475 content: "";
6476 position: absolute;
6477 top: 0px;
6478 left: 0px;
6479 bottom: 0px;
6480 right: 0px;
6481 background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
6482 z-index: 1;
6483 }
6484 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content {
6485 padding: 40px;
6486 font-size: 16px;
6487 line-height: 21px;
6488 position: relative;
6489 z-index: 2;
6490 }
6491 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .bio-curve {
6492 position: absolute;
6493 top: 1px;
6494 left: 0px;
6495 right: 0px;
6496 bottom: 0px;
6497 transform: translateY(-100%);
6498 display: block;
6499 width: 100%;
6500 max-width: 100%;
6501 height: auto;
6502 z-index: 9999;
6503 }
6504 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features {
6505 display: flex;
6506 justify-content: space-between;
6507 padding-bottom: 20px;
6508 margin-top: -15px;
6509 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
6510 margin-bottom: 30px;
6511 }
6512 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features .item-details-popup-feature {
6513 flex: 1;
6514 padding: 0px 15px;
6515 }
6516 .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 {
6517 padding-left: 0px;
6518 }
6519 .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 {
6520 padding-right: 0px;
6521 }
6522 .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 {
6523 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
6524 font-weight: 600;
6525 font-size: 27px;
6526 font-weight: 600;
6527 line-height: 1.2;
6528 color: var(--latepoint-brand-primary);
6529 }
6530 .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 {
6531 font-size: 13px;
6532 color: #7c85a3;
6533 }
6534 .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 {
6535 border-left: 1px solid rgba(0, 0, 0, 0.05);
6536 }
6537 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-content-i::first-letter {
6538 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
6539 font-weight: 600;
6540 font-size: 27px;
6541 line-height: 21px;
6542 color: var(--latepoint-brand-primary);
6543 font-weight: 600;
6544 padding-right: 1px;
6545 }
6546
6547 .add-to-calendar-wrapper {
6548 position: relative;
6549 }
6550 .add-to-calendar-wrapper.show-types .add-to-calendar-types {
6551 display: flex;
6552 }
6553 .add-to-calendar-wrapper.show-types .open-calendar-types {
6554 visibility: hidden;
6555 }
6556
6557 .add-to-calendar-types {
6558 border: 1px solid #aaa;
6559 box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
6560 background-color: #eee;
6561 display: none;
6562 flex-direction: column;
6563 position: absolute;
6564 gap: 1px;
6565 top: 0%;
6566 left: 0;
6567 animation: 0.15s cubic-bezier(0.05, 0.45, 0.1, 1) 0s up20;
6568 animation-fill-mode: both;
6569 z-index: 1;
6570 }
6571 .add-to-calendar-types .atc-heading-wrapper {
6572 padding: 5px;
6573 padding-left: 10px;
6574 font-weight: 600;
6575 display: flex;
6576 font-size: 15px;
6577 justify-content: space-between;
6578 align-items: center;
6579 background-color: #f2f2f2;
6580 }
6581 .add-to-calendar-types .atc-heading-wrapper .close-calendar-types {
6582 line-height: 12px;
6583 font-size: 14px;
6584 padding: 3px;
6585 background-color: #ddd;
6586 text-align: center;
6587 cursor: pointer;
6588 }
6589 .add-to-calendar-types .atc-heading-wrapper .close-calendar-types:hover {
6590 background-color: var(--latepoint-brand-primary);
6591 color: #fff;
6592 }
6593 .add-to-calendar-types .atc-heading-wrapper .close-calendar-types:before {
6594 line-height: 1;
6595 font-family: "latepointIcons" !important;
6596 speak: none;
6597 font-style: normal;
6598 font-weight: normal;
6599 font-variant: normal;
6600 text-transform: none;
6601 line-height: 1;
6602 -webkit-font-smoothing: antialiased;
6603 -moz-osx-font-smoothing: grayscale;
6604 content: "\e90a";
6605 }
6606 .add-to-calendar-types .atc-type {
6607 padding: 10px;
6608 padding-right: 15px;
6609 display: flex;
6610 gap: 10px;
6611 align-items: center;
6612 cursor: pointer;
6613 background-color: #fff;
6614 text-decoration: none;
6615 position: relative;
6616 }
6617 .add-to-calendar-types .atc-type:hover {
6618 box-shadow: 0 0 0 1px var(--latepoint-brand-primary), inset 0 0 0 1px var(--latepoint-brand-primary);
6619 z-index: 1;
6620 }
6621 .add-to-calendar-types .atc-type .atc-type-image {
6622 width: 18px;
6623 height: 18px;
6624 background-size: contain;
6625 background-repeat: no-repeat;
6626 background-position: center left;
6627 }
6628 .add-to-calendar-types .atc-type .atc-type-name {
6629 font-weight: 600;
6630 font-size: 15px;
6631 color: var(--latepoint-body-color);
6632 white-space: nowrap;
6633 }
6634 .add-to-calendar-types .atc-type.atc-type-apple .atc-type-image {
6635 background-image: url(/wp-content/plugins/latepoint/public/images/apple-logo-compact.png);
6636 }
6637 .add-to-calendar-types .atc-type.atc-type-google .atc-type-image {
6638 background-image: url(/wp-content/plugins/latepoint/public/images/google-logo-compact.png);
6639 }
6640 .add-to-calendar-types .atc-type.atc-type-outlook .atc-type-image {
6641 background-image: url(/wp-content/plugins/latepoint/public/images/outlook-logo-compact.png);
6642 }
6643 .add-to-calendar-types .atc-type.atc-type-office-365 .atc-type-image {
6644 background-image: url(/wp-content/plugins/latepoint/public/images/office-365-logo-compact.jpg);
6645 }
6646
6647 .latepoint-continue-intent-loading {
6648 position: fixed;
6649 top: 0;
6650 right: 0;
6651 bottom: 0;
6652 left: 0;
6653 z-index: 999999;
6654 background-color: rgba(0, 0, 0, 0.6);
6655 }
6656 .latepoint-continue-intent-loading:before {
6657 display: block;
6658 content: "";
6659 width: 50px;
6660 height: 50px;
6661 border-bottom: 4px solid #fff;
6662 border-left: 4px solid #fff;
6663 border-top: 4px solid #fff;
6664 border-right: 4px solid rgba(255, 255, 255, 0);
6665 border-radius: 50%;
6666 position: absolute;
6667 top: 50%;
6668 left: 50%;
6669 transform: translate(-50%, -50%);
6670 animation: os-loading 700ms infinite linear;
6671 background-color: transparent !important;
6672 z-index: 999;
6673 }
6674
6675 /*!
6676 * Copyright (c) 2024 LatePoint LLC. All rights reserved.
6677 */
6678 .latepoint-calendar-wrapper {
6679 position: relative;
6680 }
6681 .latepoint-calendar-wrapper.show-filters .latepoint-calendar-filters {
6682 display: flex;
6683 }
6684 .latepoint-calendar-wrapper.show-filters .le-filter .latepoint-icon:before {
6685 content: "\e90a";
6686 }
6687 .latepoint-calendar-wrapper.os-loading .latepoint-calendar-controls-wrapper:before {
6688 content: "";
6689 display: block;
6690 position: absolute;
6691 bottom: -1px;
6692 left: 0;
6693 right: 0;
6694 height: 3px;
6695 background: repeating-linear-gradient(to right, #fff 0%, #1D7BFF 50%, #fff 100%);
6696 width: 100%;
6697 background-size: 200% auto;
6698 background-position: 0 100%;
6699 animation: os-loading-gradient 1.5s infinite;
6700 animation-fill-mode: forwards;
6701 animation-timing-function: linear;
6702 }
6703
6704 .latepoint-calendar-controls-wrapper {
6705 position: sticky;
6706 top: 0;
6707 z-index: 10;
6708 border-bottom: 1px solid #ddd;
6709 background-color: #fff;
6710 }
6711
6712 .latepoint-calendar-filters {
6713 border-top: 1px solid #eee;
6714 padding: 15px 0;
6715 gap: 15px;
6716 display: none;
6717 align-items: center;
6718 justify-content: flex-end;
6719 }
6720 .latepoint-calendar-filters .le-filters-label {
6721 font-size: 15px;
6722 }
6723
6724 .le-range-selector {
6725 margin-left: auto;
6726 }
6727
6728 .le-range-selector select.os-form-control,
6729 .latepoint-calendar-filters select.os-form-control {
6730 padding: 8px 10px;
6731 line-height: 1.55;
6732 border-radius: 6px;
6733 border: 1px solid #ccc;
6734 font-size: 15px;
6735 height: auto;
6736 }
6737
6738 .latepoint-calendar-controls {
6739 display: flex;
6740 align-items: center;
6741 gap: 15px;
6742 padding: 15px 0;
6743 }
6744 .latepoint-calendar-controls .le-label {
6745 color: rgba(0, 0, 0, 0.3);
6746 font-size: 27px;
6747 font-weight: 600;
6748 line-height: 1;
6749 }
6750 .latepoint-calendar-controls .le-week {
6751 font-size: 27px;
6752 font-weight: 600;
6753 line-height: 1;
6754 }
6755 .latepoint-calendar-controls .le-month {
6756 font-size: 36px;
6757 font-weight: 600;
6758 line-height: 1;
6759 }
6760 .latepoint-calendar-controls .le-filter {
6761 padding: 6px 12px;
6762 border: 1px solid #ccc;
6763 color: var(--latepoint-body-color);
6764 cursor: pointer;
6765 display: flex;
6766 gap: 10px;
6767 align-items: center;
6768 font-size: 15px;
6769 border-radius: 6px;
6770 position: relative;
6771 }
6772 .latepoint-calendar-controls .le-filter.os-loading:before {
6773 display: block;
6774 content: "";
6775 width: 10px !important;
6776 height: 10px !important;
6777 border-bottom: 2px solid #000;
6778 border-left: 2px solid #000;
6779 border-top: 2px solid #000;
6780 border-right: 2px solid rgba(255, 255, 255, 0);
6781 border-radius: 20px;
6782 position: absolute;
6783 top: 50%;
6784 left: 50%;
6785 transform: translate(-50%, -50%);
6786 animation: os-loading 700ms infinite linear;
6787 background-color: transparent !important;
6788 left: 18px;
6789 }
6790 .latepoint-calendar-controls .le-filter.os-loading .latepoint-icon {
6791 color: transparent;
6792 }
6793 .latepoint-calendar-controls .le-filter:hover {
6794 border-color: #111;
6795 }
6796 .latepoint-calendar-controls .le-navigation-wrapper {
6797 border-left: 1px solid #eee;
6798 padding-left: 20px;
6799 margin-left: 5px;
6800 }
6801 .latepoint-calendar-controls .le-navigation {
6802 display: flex;
6803 font-size: 15px;
6804 border-radius: 6px;
6805 align-items: stretch;
6806 border: 1px solid #ccc;
6807 }
6808 .latepoint-calendar-controls .le-navigation .le-today {
6809 padding: 6px 12px;
6810 color: var(--latepoint-body-color);
6811 cursor: pointer;
6812 position: relative;
6813 border-radius: 6px;
6814 }
6815 .latepoint-calendar-controls .le-navigation .le-today:hover {
6816 box-shadow: 0 0 0 1px #111;
6817 z-index: 2;
6818 }
6819 .latepoint-calendar-controls .le-navigation .le-navigation-button {
6820 padding: 11px 10px;
6821 cursor: pointer;
6822 position: relative;
6823 font-size: 10px;
6824 line-height: 1;
6825 border-radius: 6px;
6826 }
6827 .latepoint-calendar-controls .le-navigation .le-navigation-button:hover {
6828 box-shadow: 0 0 0 1px #111;
6829 z-index: 2;
6830 border-color: transparent;
6831 }
6832 .latepoint-calendar-controls .le-navigation .le-navigation-button.os-loading {
6833 color: transparent;
6834 }
6835 .latepoint-calendar-controls .le-navigation .le-navigation-button.os-loading:before {
6836 display: block;
6837 content: "";
6838 width: 10px !important;
6839 height: 10px !important;
6840 border-bottom: 2px solid #000;
6841 border-left: 2px solid #000;
6842 border-top: 2px solid #000;
6843 border-right: 2px solid rgba(255, 255, 255, 0);
6844 border-radius: 20px;
6845 position: absolute;
6846 top: 50%;
6847 left: 50%;
6848 transform: translate(-50%, -50%);
6849 animation: os-loading 700ms infinite linear;
6850 background-color: transparent !important;
6851 }
6852
6853 .latepoint-calendar-week {
6854 display: grid;
6855 grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
6856 padding-left: 50px;
6857 }
6858 .latepoint-calendar-week .le-day-wrapper {
6859 position: relative;
6860 }
6861 .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 {
6862 background-color: #fffaf1;
6863 }
6864 .latepoint-calendar-week .le-day-wrapper.os-today .le-day-weekday-wrapper:before {
6865 content: "";
6866 left: 0px;
6867 right: 0px;
6868 top: 0px;
6869 background-color: #f34a4a;
6870 position: absolute;
6871 height: 2px;
6872 z-index: 10;
6873 }
6874 .latepoint-calendar-week .le-day-wrapper:hover .le-day-number {
6875 color: var(--latepoint-brand-primary);
6876 border-bottom-color: var(--latepoint-brand-primary);
6877 }
6878 .latepoint-calendar-week .le-day-wrapper:first-child .day-schedule-timeslot-value {
6879 display: block;
6880 }
6881 .latepoint-calendar-week .le-day-wrapper:first-child .le-day-schedule-wrapper .day-schedule-timeslot:before {
6882 content: "";
6883 background-color: #ddd;
6884 height: 1px;
6885 top: 0px;
6886 left: -5px;
6887 width: 5px;
6888 position: absolute;
6889 }
6890 .latepoint-calendar-week .le-day-wrapper:last-child {
6891 border-right: 1px solid #ddd;
6892 }
6893 .latepoint-calendar-week .le-day-weekday-wrapper {
6894 border-left: 1px solid #ddd;
6895 padding-left: 20px;
6896 padding-top: 10px;
6897 padding-bottom: 7px;
6898 border-bottom: 1px solid #bbb;
6899 position: sticky;
6900 top: 35px;
6901 z-index: 7;
6902 box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
6903 background-color: #fff;
6904 }
6905 .latepoint-calendar-week .le-day-weekday {
6906 font-weight: 600;
6907 color: #aaa;
6908 z-index: 3;
6909 position: relative;
6910 }
6911 .latepoint-calendar-week .le-day-number {
6912 font-size: 45px;
6913 font-weight: 600;
6914 line-height: 1;
6915 border-bottom: 1px dotted transparent;
6916 display: inline-block;
6917 cursor: pointer;
6918 position: relative;
6919 z-index: 2;
6920 }
6921 .latepoint-calendar-week .le-day-number:hover {
6922 border-bottom-style: solid;
6923 }
6924 .latepoint-calendar-week .le-day-number.os-loading {
6925 color: transparent !important;
6926 border-bottom-color: transparent !important;
6927 }
6928 .latepoint-calendar-week .le-day-number.os-loading:before {
6929 display: block;
6930 content: "";
6931 width: 30px !important;
6932 height: 30px !important;
6933 border-bottom: 2px solid var(--latepoint-brand-primary);
6934 border-left: 2px solid var(--latepoint-brand-primary);
6935 border-top: 2px solid var(--latepoint-brand-primary);
6936 border-right: 2px solid rgba(255, 255, 255, 0);
6937 border-radius: 20px;
6938 position: absolute;
6939 top: 50%;
6940 left: 50%;
6941 transform: translate(-50%, -50%);
6942 animation: os-loading 700ms infinite linear;
6943 background-color: transparent !important;
6944 }
6945 .latepoint-calendar-week .os-day-month {
6946 position: absolute;
6947 z-index: 1;
6948 font-size: 75px;
6949 color: rgba(0, 0, 0, 0.05);
6950 left: 15px;
6951 top: 12px;
6952 line-height: 1;
6953 overflow: hidden;
6954 right: 0;
6955 }
6956 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots {
6957 position: relative;
6958 }
6959 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots:before {
6960 content: "";
6961 top: 0;
6962 bottom: 0;
6963 width: 1px;
6964 background-color: #e1e1e1;
6965 position: absolute;
6966 left: 0;
6967 }
6968 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper {
6969 display: flex;
6970 background-color: #f9f9f9;
6971 }
6972 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper:first-child .day-schedule-timeslot-value {
6973 display: none;
6974 }
6975 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper:first-child .day-schedule-timeslot:before {
6976 background-color: transparent;
6977 }
6978 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper .day-schedule-timeslot {
6979 flex: 1;
6980 text-align: right;
6981 text-transform: uppercase;
6982 letter-spacing: 1px;
6983 font-size: 11px;
6984 height: 44px;
6985 position: relative;
6986 box-shadow: 0 1px 0 0 #ddd;
6987 }
6988 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper {
6989 position: absolute;
6990 left: 0;
6991 right: 0;
6992 font-size: 12px;
6993 background-color: #fff;
6994 z-index: 2;
6995 cursor: pointer;
6996 box-shadow: inset 0 1px 0 0px #ddd, 0 3px 0 0 rgba(0, 0, 0, 0.03);
6997 border-bottom: 1px solid #ccc;
6998 }
6999 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.os-loading:before {
7000 content: "";
7001 display: block;
7002 content: "";
7003 width: 8px !important;
7004 height: 8px !important;
7005 border-bottom: 2px solid #111;
7006 border-left: 2px solid #111;
7007 border-top: 2px solid #111;
7008 border-right: 2px solid rgba(255, 255, 255, 0);
7009 border-radius: 20px;
7010 position: absolute;
7011 top: 50%;
7012 left: 50%;
7013 transform: translate(-50%, -50%);
7014 animation: os-loading 700ms infinite linear;
7015 background-color: transparent !important;
7016 top: 10px;
7017 right: 0px;
7018 left: auto;
7019 }
7020 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed {
7021 cursor: not-allowed;
7022 }
7023 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed .le-service-inner {
7024 opacity: 0.6;
7025 }
7026 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed:hover .is-passed-message {
7027 display: block;
7028 }
7029 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed .is-passed-message {
7030 display: none;
7031 background-color: #000;
7032 color: #fff;
7033 padding: 5px 10px;
7034 font-weight: 600;
7035 font-size: 12px;
7036 position: absolute;
7037 top: 0;
7038 left: 50%;
7039 transform: translate(-50%, -110%);
7040 white-space: nowrap;
7041 }
7042 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover {
7043 opacity: 1;
7044 z-index: 3;
7045 }
7046 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-color-elem {
7047 width: 5px;
7048 }
7049 .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 {
7050 transform: translateX(3px);
7051 }
7052 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper .le-service-inner {
7053 padding: 3px;
7054 padding-left: 8px;
7055 display: flex;
7056 flex-direction: column;
7057 height: 100%;
7058 box-sizing: border-box;
7059 }
7060 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper .le-color-elem {
7061 position: absolute;
7062 top: 0px;
7063 bottom: -1px;
7064 left: 0px;
7065 width: 3px;
7066 display: block;
7067 transition: all 0.15s ease;
7068 }
7069 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-time-period {
7070 transition: transform 0.15s ease;
7071 }
7072 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-name {
7073 font-weight: 600;
7074 font-size: 15px;
7075 line-height: 1.4;
7076 overflow: hidden;
7077 transition: transform 0.15s ease;
7078 }
7079 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslot {
7080 position: relative;
7081 }
7082 .latepoint-calendar-week .day-schedule-timeslot-value {
7083 display: none;
7084 position: absolute;
7085 top: 0;
7086 transform: translateY(-50%);
7087 left: -60px;
7088 width: 50px;
7089 text-align: right;
7090 }
7091
7092 .latepoint-calendar-month {
7093 display: grid;
7094 grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
7095 gap: 1px;
7096 background-color: #ddd;
7097 padding: 1px;
7098 padding-top: 0;
7099 }
7100 .latepoint-calendar-month .le-weekday {
7101 background-color: #fff;
7102 padding: 5px 15px;
7103 font-weight: 600;
7104 font-size: 18px;
7105 }
7106 .latepoint-calendar-month .le-weekday.weekday-6, .latepoint-calendar-month .le-weekday.weekday-7 {
7107 color: #382c18;
7108 }
7109 .latepoint-calendar-month .le-day-wrapper {
7110 min-height: 200px;
7111 background-color: #fff;
7112 padding: 20px;
7113 position: relative;
7114 }
7115 .latepoint-calendar-month .le-day-wrapper:hover .le-day-number {
7116 color: var(--latepoint-brand-primary);
7117 border-bottom: 1px dotted var(--latepoint-brand-primary);
7118 }
7119 .latepoint-calendar-month .le-day-wrapper.os-today:before {
7120 content: "";
7121 left: -1px;
7122 right: -1px;
7123 top: -1px;
7124 background-color: #f34a4a;
7125 position: absolute;
7126 height: 2px;
7127 }
7128 .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 {
7129 background-color: #f9f9f9;
7130 }
7131 .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 {
7132 color: #999;
7133 }
7134 .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 {
7135 opacity: 0.8;
7136 }
7137 .latepoint-calendar-month .le-day-wrapper .le-more-services {
7138 color: var(--latepoint-brand-primary);
7139 border-bottom: 1px dotted var(--latepoint-brand-primary);
7140 font-size: 15px;
7141 display: inline-block;
7142 cursor: pointer;
7143 font-weight: 600;
7144 line-height: 1.2;
7145 position: relative;
7146 }
7147 .latepoint-calendar-month .le-day-wrapper .le-more-services:hover {
7148 border-bottom-style: solid;
7149 }
7150 .latepoint-calendar-month .le-day-wrapper .le-more-services.os-loading {
7151 color: transparent;
7152 border-bottom-color: transparent;
7153 }
7154 .latepoint-calendar-month .le-day-wrapper .le-more-services.os-loading:before {
7155 display: block;
7156 content: "";
7157 width: 10px !important;
7158 height: 10px !important;
7159 border-bottom: 2px solid var(--latepoint-brand-primary);
7160 border-left: 2px solid var(--latepoint-brand-primary);
7161 border-top: 2px solid var(--latepoint-brand-primary);
7162 border-right: 2px solid rgba(255, 255, 255, 0);
7163 border-radius: 20px;
7164 position: absolute;
7165 top: 50%;
7166 left: 50%;
7167 transform: translate(-50%, -50%);
7168 animation: os-loading 700ms infinite linear;
7169 background-color: transparent !important;
7170 }
7171 .latepoint-calendar-month .le-day-wrapper .os-day-month {
7172 position: absolute;
7173 z-index: 1;
7174 font-size: 60px;
7175 color: rgba(0, 0, 0, 0.05);
7176 left: 20px;
7177 top: 7px;
7178 line-height: 1;
7179 right: 0;
7180 overflow: hidden;
7181 }
7182 .latepoint-calendar-month .le-day-wrapper .le-day-number {
7183 z-index: 2;
7184 font-size: 27px;
7185 font-weight: 600;
7186 line-height: 1;
7187 margin-bottom: 10px;
7188 border-bottom: 1px dotted transparent;
7189 display: inline-block;
7190 cursor: pointer;
7191 position: relative;
7192 }
7193 .latepoint-calendar-month .le-day-wrapper .le-day-number:hover {
7194 border-bottom-style: solid;
7195 }
7196 .latepoint-calendar-month .le-day-wrapper .le-day-number.os-loading {
7197 color: transparent;
7198 border-bottom-color: transparent;
7199 }
7200 .latepoint-calendar-month .le-day-wrapper .le-day-number.os-loading:before {
7201 display: block;
7202 content: "";
7203 width: 15px !important;
7204 height: 15px !important;
7205 border-bottom: 2px solid var(--latepoint-brand-primary);
7206 border-left: 2px solid var(--latepoint-brand-primary);
7207 border-top: 2px solid var(--latepoint-brand-primary);
7208 border-right: 2px solid rgba(255, 255, 255, 0);
7209 border-radius: 20px;
7210 position: absolute;
7211 top: 50%;
7212 left: 50%;
7213 transform: translate(-50%, -50%);
7214 animation: os-loading 700ms infinite linear;
7215 background-color: transparent !important;
7216 }
7217 .latepoint-calendar-month .le-day-wrapper .le-service-wrapper {
7218 padding: 3px;
7219 padding-left: 10px;
7220 font-size: 12px;
7221 margin-bottom: 10px;
7222 border: 1px solid #ddd;
7223 position: relative;
7224 background-color: #fff;
7225 z-index: 2;
7226 cursor: pointer;
7227 box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
7228 border-bottom-color: #bbb;
7229 border-left: none;
7230 }
7231 .latepoint-calendar-month .le-day-wrapper .le-service-wrapper.is-passed {
7232 cursor: not-allowed;
7233 }
7234 .latepoint-calendar-month .le-day-wrapper .le-service-wrapper.is-passed .le-service-inner {
7235 opacity: 0.6;
7236 }
7237 .latepoint-calendar-month .le-day-wrapper .le-service-wrapper.is-passed:hover .is-passed-message {
7238 display: block;
7239 }
7240 .latepoint-calendar-month .le-day-wrapper .le-service-wrapper.is-passed .is-passed-message {
7241 display: none;
7242 background-color: #000;
7243 color: #fff;
7244 padding: 5px 10px;
7245 font-weight: 600;
7246 font-size: 12px;
7247 position: absolute;
7248 top: 0;
7249 left: 50%;
7250 transform: translate(-50%, -110%);
7251 white-space: nowrap;
7252 }
7253 .latepoint-calendar-month .le-day-wrapper .le-service-wrapper.os-loading:before {
7254 content: "";
7255 display: block;
7256 content: "";
7257 width: 8px !important;
7258 height: 8px !important;
7259 border-bottom: 2px solid #111;
7260 border-left: 2px solid #111;
7261 border-top: 2px solid #111;
7262 border-right: 2px solid rgba(255, 255, 255, 0);
7263 border-radius: 20px;
7264 position: absolute;
7265 top: 50%;
7266 left: 50%;
7267 transform: translate(-50%, -50%);
7268 animation: os-loading 700ms infinite linear;
7269 background-color: transparent !important;
7270 top: 10px;
7271 right: 0px;
7272 left: auto;
7273 }
7274 .latepoint-calendar-month .le-day-wrapper .le-service-wrapper:hover {
7275 border-color: #bbb;
7276 }
7277 .latepoint-calendar-month .le-day-wrapper .le-service-wrapper:hover .le-color-elem {
7278 transform: translateX(-2px);
7279 width: 5px;
7280 }
7281 .latepoint-calendar-month .le-day-wrapper .le-service-wrapper .le-color-elem {
7282 position: absolute;
7283 top: -1px;
7284 bottom: -1px;
7285 left: -1px;
7286 width: 3px;
7287 display: block;
7288 transition: all 0.15s ease;
7289 }
7290 .latepoint-calendar-month .le-day-wrapper .le-service-name {
7291 font-weight: 600;
7292 font-size: 15px;
7293 line-height: 1.35;
7294 }
7295 .le-day-view-wrapper.os-loading .le-day-info-section:before {
7296 content: "";
7297 display: block;
7298 position: absolute;
7299 bottom: -1px;
7300 left: 0;
7301 right: 0;
7302 height: 3px;
7303 background: repeating-linear-gradient(to right, #fff 0%, #1D7BFF 50%, #fff 100%);
7304 width: 100%;
7305 background-size: 200% auto;
7306 background-position: 0 100%;
7307 animation: os-loading-gradient 1.5s infinite;
7308 animation-fill-mode: forwards;
7309 animation-timing-function: linear;
7310 }
7311 .le-day-view-wrapper .le-day-info-section {
7312 display: flex;
7313 border-bottom: 1px solid rgba(0, 0, 0, 0.2);
7314 padding: 20px 40px;
7315 position: sticky;
7316 top: 0;
7317 background-color: #fff;
7318 z-index: 4;
7319 }
7320 .le-day-view-wrapper .le-day-info-section .le-day-info {
7321 text-align: center;
7322 }
7323 .le-day-view-wrapper .le-day-info-section .le-day-info .le-day-number {
7324 font-size: 61px;
7325 font-weight: 600;
7326 line-height: 1;
7327 }
7328 .le-day-view-wrapper .le-day-info-section .le-day-info .le-day-month {
7329 color: #7c85a3;
7330 font-size: 21px;
7331 letter-spacing: 2px;
7332 text-transform: uppercase;
7333 font-weight: 600;
7334 }
7335 .le-day-view-wrapper .le-day-info-section .le-day-filters-wrapper {
7336 border-left: 1px solid #eee;
7337 margin-left: 40px;
7338 padding-left: 20px;
7339 flex: 1;
7340 }
7341 .le-day-view-wrapper .le-day-info-section .le-day-heading {
7342 font-size: 33px;
7343 font-weight: 600;
7344 margin-bottom: 10px;
7345 }
7346 .le-day-view-wrapper .le-day-info-section .le-day-filters {
7347 gap: 10px;
7348 display: flex;
7349 align-items: center;
7350 }
7351 .le-day-view-wrapper .le-day-info-section .le-day-filters .os-form-group.os-form-select-group {
7352 margin-bottom: 0px !important;
7353 }
7354 .le-day-view-wrapper .le-day-info-section .le-day-filters .os-form-group.os-form-select-group .os-form-control {
7355 height: auto !important;
7356 padding: 6px !important;
7357 border-color: #ccc !important;
7358 border-radius: 6px !important;
7359 }
7360 .le-day-view-wrapper .le-day-schedule-wrapper {
7361 padding: 40px;
7362 background-color: #f8f8f8;
7363 }
7364 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots {
7365 position: relative;
7366 padding-left: 50px;
7367 }
7368 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots:before {
7369 content: "";
7370 top: 0;
7371 bottom: 0;
7372 width: 1px;
7373 background-color: #e1e1e1;
7374 position: absolute;
7375 left: 60px;
7376 }
7377 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper {
7378 display: flex;
7379 box-shadow: 0 1px 0 0 #e1e1e1;
7380 }
7381 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper .day-schedule-timeslot {
7382 flex: 0 0 50px;
7383 text-align: right;
7384 text-transform: uppercase;
7385 letter-spacing: 1px;
7386 font-size: 11px;
7387 height: 44px;
7388 position: relative;
7389 }
7390 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper .day-schedule-timeslot .day-schedule-timeslot-value {
7391 position: absolute;
7392 top: 0;
7393 transform: translateY(-50%);
7394 left: -60px;
7395 width: 50px;
7396 text-align: right;
7397 }
7398 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper {
7399 position: absolute;
7400 left: 60px;
7401 right: 0;
7402 font-size: 12px;
7403 box-shadow: inset 0 1px 0 0px #ddd, 0 3px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 0 #ddd;
7404 border-right: 1px solid #ddd;
7405 background-color: #fff;
7406 z-index: 2;
7407 cursor: pointer;
7408 }
7409 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper .le-service-inner {
7410 padding: 3px;
7411 padding-left: 10px;
7412 flex-direction: column;
7413 height: 100%;
7414 box-sizing: border-box;
7415 display: flex;
7416 }
7417 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed {
7418 cursor: not-allowed;
7419 }
7420 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed .le-service-inner {
7421 opacity: 0.6;
7422 }
7423 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed:hover .is-passed-message {
7424 display: block;
7425 }
7426 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed .is-passed-message {
7427 display: none;
7428 background-color: #000;
7429 color: #fff;
7430 padding: 5px 10px;
7431 font-weight: 600;
7432 font-size: 12px;
7433 position: absolute;
7434 top: 0;
7435 left: 50%;
7436 transform: translate(-50%, -110%);
7437 white-space: nowrap;
7438 }
7439 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover {
7440 border-bottom-color: #999;
7441 opacity: 1;
7442 z-index: 3;
7443 }
7444 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-color-elem {
7445 transform: translateX(-2px);
7446 width: 5px;
7447 }
7448 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-service-name,
7449 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-service-time-period {
7450 transform: translateX(3px);
7451 }
7452 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper .le-color-elem {
7453 position: absolute;
7454 top: 0px;
7455 bottom: -1px;
7456 left: -1px;
7457 width: 3px;
7458 display: block;
7459 transition: all 0.15s ease;
7460 }
7461 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-name {
7462 font-weight: 600;
7463 font-size: 15px;
7464 line-height: 1.4;
7465 overflow: hidden;
7466 transition: transform 0.15s ease;
7467 }
7468 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-time-period {
7469 transition: transform 0.15s ease;
7470 }
7471 @keyframes LatepointSlideUp {
7472 0% {
7473 transform: translate3d(0, 40px, 0);
7474 opacity: 0;
7475 }
7476 100% {
7477 transform: translate3d(0, 0px, 0);
7478 opacity: 1;
7479 }
7480 }
7481 @keyframes LatepointSlideDown {
7482 0% {
7483 transform: translate3d(0, -40px, 0);
7484 opacity: 0;
7485 }
7486 100% {
7487 transform: translate3d(0, 0px, 0);
7488 opacity: 1;
7489 }
7490 }
7491 @keyframes LatepointSlideLeft {
7492 0% {
7493 transform: translate3d(10px, 0px, 0);
7494 opacity: 0;
7495 }
7496 100% {
7497 transform: translate3d(0, 0px, 0);
7498 opacity: 1;
7499 }
7500 }
7501 @keyframes LatepointSlideRight {
7502 0% {
7503 transform: translate3d(-10px, 0px, 0);
7504 opacity: 0;
7505 }
7506 100% {
7507 transform: translate3d(0, 0px, 0);
7508 opacity: 1;
7509 }
7510 }
7511 @keyframes LatepointSlideUpHalf {
7512 0% {
7513 transform: translate3d(0, 20px, 0);
7514 opacity: 0;
7515 }
7516 100% {
7517 transform: translate3d(0, 0px, 0);
7518 opacity: 1;
7519 }
7520 }
7521 @keyframes LatepointSlideUpTiny {
7522 0% {
7523 transform: translate3d(0, 10px, 0);
7524 opacity: 0;
7525 }
7526 100% {
7527 transform: translate3d(0, 0px, 0);
7528 opacity: 1;
7529 }
7530 }
7531 @keyframes LatepointSlideDownHalf {
7532 0% {
7533 transform: translate3d(0, -20px, 0);
7534 opacity: 0;
7535 }
7536 100% {
7537 transform: translate3d(0, 0px, 0);
7538 opacity: 1;
7539 }
7540 }
7541 @keyframes LatepointSlideUpMobileSummary {
7542 0% {
7543 transform: translate3d(-50%, -30%, 0);
7544 opacity: 0;
7545 }
7546 100% {
7547 transform: translate3d(-50%, -50%, 0);
7548 opacity: 1;
7549 }
7550 }
7551 @keyframes os-loading-delayed {
7552 0% {
7553 transform: translate(-50%, -50%) rotate(0deg);
7554 opacity: 0;
7555 }
7556 50% {
7557 transform: translate(-50%, -50%) rotate(180deg);
7558 opacity: 1;
7559 }
7560 100% {
7561 transform: translate(-50%, -50%) rotate(360deg);
7562 opacity: 0;
7563 }
7564 }
7565 .latepoint-w .latepoint-booking-form-element .payment-total-info {
7566 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUp;
7567 animation-fill-mode: both;
7568 }
7569 .latepoint-w .latepoint-booking-form-element .latepoint-timezone-selector-w {
7570 animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUpHalf;
7571 animation-fill-mode: both;
7572 }
7573 .latepoint-w .latepoint-booking-form-element .lp-demo-mode-msg {
7574 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.2ms LatepointSlideDown;
7575 animation-fill-mode: both;
7576 }
7577 .latepoint-w .latepoint-booking-form-element .lp-card-i {
7578 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUp;
7579 animation-fill-mode: both;
7580 }
7581 .latepoint-w .latepoint-booking-form-element .lp-paypal-demo-mode-trigger,
7582 .latepoint-w .latepoint-booking-form-element .lp-paypal-btn-trigger {
7583 animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0.1s LatepointSlideUp;
7584 animation-fill-mode: both;
7585 }
7586 .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child > .os-animated-self {
7587 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.1s LatepointSlideUp;
7588 animation-fill-mode: both;
7589 }
7590 .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(1) > .os-animated-self {
7591 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUp;
7592 animation-fill-mode: both;
7593 }
7594 .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(2) > .os-animated-self {
7595 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 70ms LatepointSlideUp;
7596 animation-fill-mode: both;
7597 }
7598 .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(3) > .os-animated-self {
7599 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 140ms LatepointSlideUp;
7600 animation-fill-mode: both;
7601 }
7602 .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(4) > .os-animated-self {
7603 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 210ms LatepointSlideUp;
7604 animation-fill-mode: both;
7605 }
7606 .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(5) > .os-animated-self {
7607 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 280ms LatepointSlideUp;
7608 animation-fill-mode: both;
7609 }
7610 .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(6) > .os-animated-self {
7611 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 350ms LatepointSlideUp;
7612 animation-fill-mode: both;
7613 }
7614 .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(7) > .os-animated-self {
7615 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 420ms LatepointSlideUp;
7616 animation-fill-mode: both;
7617 }
7618 .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(8) > .os-animated-self {
7619 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 490ms LatepointSlideUp;
7620 animation-fill-mode: both;
7621 }
7622 .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(9) > .os-animated-self {
7623 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 560ms LatepointSlideUp;
7624 animation-fill-mode: both;
7625 }
7626 .latepoint-w .latepoint-booking-form-element .select-total-attendees-label h4,
7627 .latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-centered h4,
7628 .latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-left h4 {
7629 animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s LatepointSlideUp;
7630 animation-fill-mode: both;
7631 }
7632 .latepoint-w .latepoint-booking-form-element .select-total-attendees-label div,
7633 .latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-centered div,
7634 .latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-left div {
7635 animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0.05s LatepointSlideUp;
7636 animation-fill-mode: both;
7637 }
7638 .latepoint-w .latepoint-booking-form-element .total-attendees-selector-w {
7639 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.1s LatepointSlideUp;
7640 animation-fill-mode: both;
7641 }
7642 .latepoint-w .latepoint-booking-form-element .total-attendees-selector-plus {
7643 animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0.25s LatepointSlideLeft;
7644 animation-fill-mode: both;
7645 }
7646 .latepoint-w .latepoint-booking-form-element .total-attendees-selector-minus {
7647 animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0.25s LatepointSlideRight;
7648 animation-fill-mode: both;
7649 }
7650 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option {
7651 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.1s LatepointSlideUp;
7652 animation-fill-mode: both;
7653 }
7654 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(1) {
7655 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUp;
7656 animation-fill-mode: both;
7657 }
7658 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(2) {
7659 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 70ms LatepointSlideUp;
7660 animation-fill-mode: both;
7661 }
7662 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(3) {
7663 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 140ms LatepointSlideUp;
7664 animation-fill-mode: both;
7665 }
7666 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(4) {
7667 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 210ms LatepointSlideUp;
7668 animation-fill-mode: both;
7669 }
7670 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(5) {
7671 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 280ms LatepointSlideUp;
7672 animation-fill-mode: both;
7673 }
7674 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(6) {
7675 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 350ms LatepointSlideUp;
7676 animation-fill-mode: both;
7677 }
7678 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-body:before {
7679 display: block;
7680 content: "";
7681 width: 40px !important;
7682 height: 40px !important;
7683 border-bottom: 2px solid var(--latepoint-brand-primary);
7684 border-left: 2px solid var(--latepoint-brand-primary);
7685 border-top: 2px solid var(--latepoint-brand-primary);
7686 border-right: 2px solid rgba(255, 255, 255, 0);
7687 border-radius: 20px;
7688 position: absolute;
7689 top: 50%;
7690 left: 50%;
7691 transform: translate(-50%, -50%);
7692 animation: os-loading 700ms infinite linear;
7693 background-color: transparent !important;
7694 animation-delay: 0.25s;
7695 opacity: 0;
7696 }
7697 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-message,
7698 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content {
7699 transition: all 0.3s ease;
7700 opacity: 0;
7701 transform: translateY(20px);
7702 pointer-events: none;
7703 }
7704 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w {
7705 transform: translateY(10px);
7706 }
7707 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group {
7708 transition: all 0.3s ease;
7709 opacity: 0;
7710 transform: translateY(20px);
7711 }
7712 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(1) {
7713 transition-delay: 0.05s;
7714 }
7715 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(2) {
7716 transition-delay: 0.1s;
7717 }
7718 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(3) {
7719 transition-delay: 0.15s;
7720 }
7721 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(4) {
7722 transition-delay: 0.2s;
7723 }
7724 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(5) {
7725 transition-delay: 0.25s;
7726 }
7727 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(6) {
7728 transition-delay: 0.3s;
7729 }
7730 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(7) {
7731 transition-delay: 0.35s;
7732 }
7733 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(8) {
7734 transition-delay: 0.4s;
7735 }
7736 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(9) {
7737 transition-delay: 0.45s;
7738 }
7739 .latepoint-w .latepoint-booking-form-element.step-content-mid-loading .step-customer-w {
7740 opacity: 0;
7741 transform: translateY(10px);
7742 }
7743 .latepoint-w .latepoint-booking-form-element.step-content-mid-loading .step-customer-w .os-form-group {
7744 opacity: 0;
7745 transform: translateY(20px);
7746 }
7747 .latepoint-w .latepoint-booking-form-element.step-content-mid-loading .latepoint-message,
7748 .latepoint-w .latepoint-booking-form-element.step-content-mid-loading .latepoint-step-content {
7749 pointer-events: none;
7750 opacity: 0;
7751 transform: translateY(30px);
7752 }
7753 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content,
7754 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-message {
7755 transition: all 0.3s cubic-bezier(0.25, 1.15, 0.5, 1.2);
7756 opacity: 1;
7757 transform: translateY(0px);
7758 }
7759 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w {
7760 transform: translateY(0px);
7761 }
7762 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group {
7763 transition: all 0.3s cubic-bezier(0.25, 1.15, 0.5, 1.2);
7764 opacity: 1;
7765 transform: translateY(0px);
7766 }
7767 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(1) {
7768 transition-delay: 0.05s;
7769 }
7770 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(2) {
7771 transition-delay: 0.1s;
7772 }
7773 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(3) {
7774 transition-delay: 0.15s;
7775 }
7776 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(4) {
7777 transition-delay: 0.2s;
7778 }
7779 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(5) {
7780 transition-delay: 0.25s;
7781 }
7782 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(6) {
7783 transition-delay: 0.3s;
7784 }
7785 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(7) {
7786 transition-delay: 0.35s;
7787 }
7788 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(8) {
7789 transition-delay: 0.4s;
7790 }
7791 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(9) {
7792 transition-delay: 0.45s;
7793 }
7794 .latepoint-w .latepoint-booking-form-element.step-changing .os-heading-text {
7795 transition: all 0.3s ease;
7796 transform: translateX(-15px);
7797 opacity: 0;
7798 }
7799 .latepoint-w .latepoint-booking-form-element.step-changing .latepoint-step-desc .latepoint-desc-media {
7800 transition: all 0.7s cubic-bezier(0.25, 1.15, 0.5, 1);
7801 transform: translateX(-25px);
7802 opacity: 0;
7803 }
7804 .latepoint-w .latepoint-booking-form-element.step-changing .latepoint-step-desc .latepoint-desc-title {
7805 transition: all 0.5s ease;
7806 transition-delay: 0.05s;
7807 transform: translateX(-15px);
7808 opacity: 0;
7809 }
7810 .latepoint-w .latepoint-booking-form-element.step-changing .latepoint-step-desc .latepoint-desc-content {
7811 transition: all 0.5s ease;
7812 transition-delay: 0.1s;
7813 transform: translateX(-20px);
7814 opacity: 0;
7815 }
7816 .latepoint-w .latepoint-booking-form-element.step-changed .latepoint-heading-w .os-heading-text {
7817 transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
7818 transform: translateX(0px);
7819 opacity: 1;
7820 }
7821 .latepoint-w .latepoint-booking-form-element.step-changed .latepoint-step-desc .latepoint-desc-media {
7822 transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
7823 transform: translateX(0px);
7824 opacity: 1;
7825 }
7826 .latepoint-w .latepoint-booking-form-element.step-changed .latepoint-step-desc .latepoint-desc-title {
7827 transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
7828 transform: translateX(0px);
7829 transition-delay: 0.1s;
7830 opacity: 1;
7831 }
7832 .latepoint-w .latepoint-booking-form-element.step-changed .latepoint-step-desc .latepoint-desc-content {
7833 transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
7834 transform: translateX(0px);
7835 transition-delay: 0.2s;
7836 opacity: 1;
7837 }
7838
7839 @keyframes os-loading {
7840 0% {
7841 transform: translate(-50%, -50%) rotate(0deg);
7842 opacity: 1;
7843 }
7844 50% {
7845 transform: translate(-50%, -50%) rotate(180deg);
7846 opacity: 0.2;
7847 }
7848 100% {
7849 transform: translate(-50%, -50%) rotate(360deg);
7850 opacity: 1;
7851 }
7852 }
7853 @keyframes stepCategoryItem {
7854 0% {
7855 transform: translate3d(0, -10px, 0);
7856 opacity: 0;
7857 }
7858 100% {
7859 transform: translate3d(0, 0px, 0);
7860 opacity: 1;
7861 }
7862 }
7863 .latepoint-lightbox-w {
7864 background-color: rgba(0, 0, 0, 0.4);
7865 position: fixed;
7866 top: 0px;
7867 bottom: 0px;
7868 right: 0px;
7869 left: 0px;
7870 z-index: 999999;
7871 display: none;
7872 justify-content: center;
7873 align-items: center;
7874 grid-template-columns: min-content;
7875 grid-template-rows: 1fr;
7876 }
7877 .latepoint-lightbox-w.width-400 {
7878 grid-template-columns: 400px;
7879 }
7880 .latepoint-lightbox-w.width-500 {
7881 grid-template-columns: 500px;
7882 }
7883 .latepoint-lightbox-w.width-600 {
7884 grid-template-columns: 600px;
7885 }
7886 .latepoint-lightbox-w.width-700 {
7887 grid-template-columns: 700px;
7888 }
7889 .latepoint-lightbox-w.width-800 {
7890 grid-template-columns: 800px;
7891 }
7892 .latepoint-lightbox-w .latepoint-lightbox-heading {
7893 padding: 15px 30px;
7894 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
7895 background-color: #f8f8f8;
7896 display: flex;
7897 align-items: center;
7898 }
7899 .latepoint-lightbox-w .latepoint-lightbox-heading h2 {
7900 color: #14161d;
7901 margin: 0px;
7902 font-size: 24px;
7903 flex: 1;
7904 }
7905 .latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close {
7906 position: relative;
7907 line-height: 1;
7908 font-size: 20px;
7909 color: #333;
7910 text-decoration: none;
7911 display: block;
7912 outline: none;
7913 box-shadow: none;
7914 padding: 5px;
7915 }
7916 .latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close i {
7917 display: block;
7918 }
7919 .latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close .latepoint-icon-x:before {
7920 content: "\e90a";
7921 }
7922 .latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close:focus {
7923 outline: none;
7924 }
7925 .latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close:hover {
7926 background-color: rgba(0, 0, 0, 0.05);
7927 color: #000;
7928 }
7929 .latepoint-lightbox-w .latepoint-lightbox-footer {
7930 padding: 15px;
7931 border-top: 1px solid #eee;
7932 }
7933 .latepoint-lightbox-w button, .latepoint-lightbox-w input, .latepoint-lightbox-w select, .latepoint-lightbox-w textarea {
7934 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
7935 font-weight: 400;
7936 font-size: 15px;
7937 }
7938 .latepoint-lightbox-w.latepoint-border-radius-rounded .latepoint-lightbox-i {
7939 border-radius: 8px;
7940 }
7941 .latepoint-lightbox-w .latepoint-lightbox-i {
7942 background-color: #fff;
7943 box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2), 0px 20px 50px rgba(0, 0, 0, 0.4);
7944 max-height: 94vh;
7945 overflow: auto;
7946 display: flex;
7947 flex-direction: column;
7948 z-index: 9999;
7949 border-radius: 0px;
7950 }
7951 .latepoint-lightbox-w .latepoint-lightbox-i.os-loading .latepoint-lightbox-content {
7952 min-height: 100px;
7953 position: relative;
7954 }
7955 .latepoint-lightbox-w .latepoint-lightbox-i.os-loading .latepoint-lightbox-content > div {
7956 visibility: hidden;
7957 }
7958 .latepoint-lightbox-w .latepoint-lightbox-i.os-loading .latepoint-lightbox-content:before {
7959 display: block;
7960 content: "";
7961 width: 30px !important;
7962 height: 30px !important;
7963 border-bottom: 2px solid var(--latepoint-brand-primary);
7964 border-left: 2px solid var(--latepoint-brand-primary);
7965 border-top: 2px solid var(--latepoint-brand-primary);
7966 border-right: 2px solid rgba(255, 255, 255, 0);
7967 border-radius: 20px;
7968 position: absolute;
7969 top: 50%;
7970 left: 50%;
7971 transform: translate(-50%, -50%);
7972 animation: os-loading 700ms infinite linear;
7973 background-color: transparent !important;
7974 }
7975 .latepoint-lightbox-w .latepoint-lightbox-i.os-loading .latepoint-lightbox-content .lp-payment-method-content {
7976 display: none;
7977 }
7978 .latepoint-lightbox-w .latepoint-lightbox-i .latepoint-lightbox-content {
7979 padding: 30px;
7980 flex: 1;
7981 overflow: auto;
7982 position: relative;
7983 }
7984 .latepoint-lightbox-w .latepoint-lightbox-i .latepoint-lightbox-content.is-dotted {
7985 padding-top: 50px;
7986 }
7987 .latepoint-lightbox-w .latepoint-lightbox-i .latepoint-lightbox-content.is-dotted:before {
7988 content: "";
7989 height: 30px;
7990 background-image: radial-gradient(#ccc 1px, transparent 0);
7991 background-size: 10px 10px;
7992 background-color: #fff;
7993 display: block;
7994 position: absolute;
7995 top: 5px;
7996 left: 5px;
7997 right: 5px;
7998 }
7999 .latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close {
8000 position: absolute;
8001 line-height: 1;
8002 top: 17px;
8003 right: 19px;
8004 font-size: 20px;
8005 color: #333;
8006 text-decoration: none;
8007 display: block;
8008 outline: none;
8009 box-shadow: none;
8010 padding: 5px;
8011 }
8012 .latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close i {
8013 display: block;
8014 }
8015 .latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close .latepoint-icon-x:before {
8016 content: "\e90a";
8017 }
8018 .latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close:focus {
8019 outline: none;
8020 }
8021 .latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close:hover {
8022 background-color: rgba(0, 0, 0, 0.05);
8023 color: #000;
8024 }
8025 .latepoint-lightbox-w .latepoint-lightbox-i .os-summary-contents-inner {
8026 overflow-y: auto;
8027 }
8028 .latepoint-lightbox-w .latepoint-lightbox-i .latepoint-summary-w .os-summary-contents {
8029 max-height: 100%;
8030 }
8031 .latepoint-lightbox-w .latepoint-lightbox-i .latepoint-booking-form-element {
8032 background-color: #fff;
8033 max-height: 100%;
8034 overflow: hidden;
8035 }
8036 .latepoint-lightbox-w .latepoint-lightbox-i .latepoint-booking-form-element form.latepoint-form {
8037 max-height: 100%;
8038 }
8039 .latepoint-lightbox-w .latepoint-lightbox-i a {
8040 box-shadow: none;
8041 }
8042 .latepoint-lightbox-w .latepoint-lightbox-i a img {
8043 box-shadow: none;
8044 }
8045 .latepoint-lightbox-w h1, .latepoint-lightbox-w h2, .latepoint-lightbox-w h3, .latepoint-lightbox-w h4, .latepoint-lightbox-w h5, .latepoint-lightbox-w h6 {
8046 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
8047 font-weight: 600;
8048 color: var(--latepoint-brand-primary);
8049 text-transform: none;
8050 letter-spacing: 0px;
8051 line-height: 1.45;
8052 }
8053 .latepoint-lightbox-w h5 {
8054 font-size: 16px;
8055 }
8056
8057 body.latepoint-lightbox-active .latepoint-lightbox-w {
8058 display: grid;
8059 }
8060
8061 .clean-layout-content-wrapper {
8062 max-width: 550px;
8063 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 8px 35px -3px rgba(0, 0, 0, 0.1);
8064 background-color: #fff;
8065 margin: 0px auto;
8066 position: relative;
8067 }
8068 .clean-layout-content-wrapper .clean-layout-content-header {
8069 padding: 20px 40px;
8070 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
8071 }
8072 .clean-layout-content-wrapper .clean-layout-content-header h2 {
8073 margin: 0;
8074 }
8075 .clean-layout-content-wrapper .clean-layout-content-body {
8076 padding: 40px;
8077 position: relative;
8078 }
8079 .clean-layout-content-wrapper .clean-layout-content-body.is-dotted {
8080 padding-top: 60px;
8081 }
8082 .clean-layout-content-wrapper .clean-layout-content-body.is-dotted:before {
8083 content: "";
8084 height: 34px;
8085 background-image: radial-gradient(#ccc 1px, transparent 0);
8086 background-size: 10px 10px;
8087 background-color: #fff;
8088 display: block;
8089 position: absolute;
8090 top: 5px;
8091 left: 5px;
8092 right: 5px;
8093 }
8094 .clean-layout-content-wrapper .clean-layout-content-footer {
8095 padding: 20px 40px;
8096 border-top: 1px solid rgba(0, 0, 0, 0.1);
8097 display: flex;
8098 gap: 10px;
8099 }
8100 .clean-layout-content-wrapper .clean-layout-content-footer .latepoint-btn-position-end {
8101 margin-left: auto;
8102 }
8103 .clean-layout-content-wrapper .clean-layout-content-footer .latepoint-btn-position-start {
8104 margin-right: auto;
8105 }
8106 .clean-layout-content-wrapper.os-loading .clean-layout-content-body {
8107 min-height: 80px;
8108 }
8109 .clean-layout-content-wrapper.os-loading .clean-layout-content-body > div {
8110 visibility: hidden;
8111 }
8112 .clean-layout-content-wrapper.os-loading .clean-layout-content-body:before {
8113 display: block;
8114 content: "";
8115 width: 20px !important;
8116 height: 20px !important;
8117 border-bottom: 2px solid var(--latepoint-brand-primary);
8118 border-left: 2px solid var(--latepoint-brand-primary);
8119 border-top: 2px solid var(--latepoint-brand-primary);
8120 border-right: 2px solid rgba(255, 255, 255, 0);
8121 border-radius: 20px;
8122 position: absolute;
8123 top: 50%;
8124 left: 50%;
8125 transform: translate(-50%, -50%);
8126 animation: os-loading 700ms infinite linear;
8127 background-color: transparent !important;
8128 }
8129
8130 .invoice-payment-summary-wrapper .lp-payment-charge-amount {
8131 background-color: #fbf6e1;
8132 color: #877865;
8133 margin-bottom: 20px;
8134 padding: 15px;
8135 text-align: center;
8136 }
8137 .invoice-payment-summary-wrapper .lp-payment-charge-amount strong {
8138 color: #000;
8139 }
8140 .invoice-payment-summary-wrapper .full-summary-info-w {
8141 padding-top: 40px;
8142 }
8143 .invoice-payment-summary-wrapper .invoice-due-amount-wrapper {
8144 display: flex;
8145 align-items: center;
8146 }
8147 .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-status-label {
8148 font-size: 32px;
8149 font-weight: 600;
8150 text-transform: uppercase;
8151 color: #000;
8152 padding: 2px 10px;
8153 letter-spacing: 3px;
8154 line-height: 1.2;
8155 opacity: 0.8;
8156 border-radius: 10px;
8157 }
8158 .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-status-label.invoice-status-label-paid {
8159 color: #67bf08;
8160 border: 3px solid #67bf08;
8161 }
8162 .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-status-label.invoice-status-label-void {
8163 color: #bf0808;
8164 border: 3px solid #bf0808;
8165 }
8166 .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-due-amount-inner {
8167 flex: 1;
8168 }
8169 .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-make-payment-btn {
8170 margin-left: auto;
8171 font-size: 17px;
8172 font-weight: 600;
8173 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
8174 padding: 10px 18px;
8175 }
8176 .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-amount {
8177 font-size: 46px;
8178 font-weight: 600;
8179 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
8180 color: #14161d;
8181 }
8182 .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-sub-info {
8183 color: #7c85a3;
8184 }
8185 .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-sub-info a {
8186 display: inline-flex;
8187 margin-left: 5px;
8188 text-decoration: none;
8189 align-items: center;
8190 gap: 5px;
8191 }
8192 .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-sub-info a span {
8193 border-bottom: 1px dotted var(--latepoint-brand-primary);
8194 }
8195
8196 .latepoint-w .payment-confirmation-wrapper {
8197 text-align: center;
8198 }
8199 .latepoint-w .payment-confirmation-wrapper .icon-w {
8200 margin-bottom: 20px;
8201 }
8202 .latepoint-w .payment-confirmation-wrapper .icon-w i {
8203 background: #d1ffdd;
8204 padding: 15px;
8205 border-radius: 40px;
8206 color: #18a35b;
8207 font-size: 28px;
8208 display: inline-block;
8209 }
8210 .latepoint-w .payment-confirmation-wrapper h2 {
8211 margin: 0 0 20px 0;
8212 font-size: 19px;
8213 color: #14161d;
8214 }
8215 .latepoint-w .payment-confirmation-wrapper .payment-info {
8216 border: 1px solid #f1f1f1;
8217 border-radius: 6px;
8218 }
8219 .latepoint-w .payment-confirmation-wrapper .payment-info .payment-info-row {
8220 display: flex;
8221 justify-content: space-between;
8222 border-bottom: 1px solid #f1f1f1;
8223 padding: 10px 15px;
8224 }
8225 .latepoint-w .payment-confirmation-wrapper .payment-info .payment-info-row:last-child {
8226 border-bottom: none;
8227 }
8228 .latepoint-w .payment-confirmation-wrapper .payment-info .info-label {
8229 color: #7c85a3;
8230 }
8231 .latepoint-w .payment-confirmation-wrapper .payment-info .info-value {
8232 font-weight: 600;
8233 }
8234
8235 /*!
8236 * Copyright (c) 2022 LatePoint LLC. All rights reserved.
8237 */
8238 .summary-heading.summary-variant-heading + .main-box {
8239 padding-top: 0;
8240 }
8241
8242 .latepoint-summary-w .summary-box .sbc-highlighted-item {
8243 font-size: 13px;
8244 }
8245 .latepoint-summary-w .summary-box-heading .sbh-item {
8246 font-size: 13px;
8247 font-weight: 400;
8248 }
8249 .latepoint-summary-w .summary-box .sbc-main-item {
8250 font-size: 13px;
8251 font-weight: 600;
8252 }
8253 .latepoint-summary-w .summary-box.main-box .summary-box-booking-date-box {
8254 display: none;
8255 }
8256 .latepoint-summary-w .summary-box.main-box .qr-show-trigger {
8257 display: none;
8258 }
8259 .latepoint-summary-w .summary-box-heading .sbh-line {
8260 background-color: transparent;
8261 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
8262 }
8263 .latepoint-summary-w .price-breakdown-unfold {
8264 display: flex;
8265 text-align: right;
8266 align-items: center;
8267 margin-bottom: 10px;
8268 color: var(--latepoint-body-color);
8269 gap: 5px;
8270 cursor: pointer;
8271 }
8272 .latepoint-summary-w .price-breakdown-unfold i {
8273 font-size: 11px;
8274 line-height: 11px;
8275 margin-left: auto;
8276 }
8277 .latepoint-summary-w .price-breakdown-unfold span {
8278 display: inline-block;
8279 border-bottom: 1px dotted var(--latepoint-body-color);
8280 font-size: 13px;
8281 }
8282 .latepoint-summary-w .price-breakdown-unfold:hover {
8283 color: #000;
8284 }
8285 .latepoint-summary-w .price-breakdown-unfold:hover span {
8286 border-bottom-style: solid;
8287 }
8288 .latepoint-summary-w .summary-price-breakdown-wrapper {
8289 margin-top: auto;
8290 }
8291 .latepoint-summary-w .summary-price-breakdown-wrapper .summary-price-breakdown-inner {
8292 padding: 0 25px 20px;
8293 }
8294 .latepoint-summary-w .os-summary-contents-inner .summary-price-breakdown-wrapper:not(.compact-summary) .price-breakdown-unfold {
8295 display: none;
8296 }
8297 .latepoint-summary-w .os-summary-contents-inner .summary-price-breakdown-wrapper.compact-summary .summary-price-item-w:not(.spi-total) {
8298 display: none;
8299 }
8300 .latepoint-summary-w .os-summary-contents-inner .summary-price-breakdown-wrapper.compact-summary .pb-heading {
8301 display: none;
8302 }
8303 .latepoint-summary-w .os-cart-item {
8304 position: relative;
8305 flex: 1;
8306 }
8307 .latepoint-summary-w .cart-item-wrapper .summary-attributes {
8308 display: none;
8309 }
8310
8311 .summary-heading {
8312 margin-top: 20px;
8313 }
8314
8315 .checkout-from-summary-panel-btn-wrapper.os-mobile-only {
8316 display: none;
8317 }
8318
8319 .checkout-from-summary-panel-btn {
8320 padding: 0;
8321 text-align: center;
8322 display: flex;
8323 align-items: center;
8324 gap: 10px;
8325 margin-left: auto;
8326 font-size: 13px;
8327 line-height: 1.2;
8328 font-weight: 600;
8329 color: var(--latepoint-brand-primary);
8330 }
8331 .checkout-from-summary-panel-btn span {
8332 line-height: 1.5;
8333 border-bottom: 1px dotted var(--latepoint-brand-primary);
8334 }
8335 .checkout-from-summary-panel-btn:focus-visible {
8336 outline: 2px solid var(--latepoint-brand-primary);
8337 }
8338 .checkout-from-summary-panel-btn:hover {
8339 color: #000;
8340 cursor: pointer;
8341 }
8342 .checkout-from-summary-panel-btn:hover span {
8343 border-color: #000;
8344 border-bottom-style: solid;
8345 }
8346 .checkout-from-summary-panel-btn:hover .latepoint-icon {
8347 transform: translateX(3px);
8348 }
8349 .checkout-from-summary-panel-btn .latepoint-icon {
8350 font-size: 8px;
8351 transition: transform 0.2s ease;
8352 }
8353
8354 .summary-price-breakdown-wrapper .summary-box-heading, .summary-heading .summary-box-heading {
8355 display: none;
8356 }
8357 .summary-price-breakdown-wrapper .pb-heading, .summary-heading .pb-heading {
8358 display: flex;
8359 align-items: center;
8360 margin-bottom: 10px;
8361 gap: 10px;
8362 }
8363 .summary-price-breakdown-wrapper .pb-heading .pbh-label, .summary-heading .pb-heading .pbh-label {
8364 color: #7c85a3;
8365 font-weight: 600;
8366 position: relative;
8367 font-size: 15px;
8368 }
8369 .summary-price-breakdown-wrapper .pb-heading .pbh-line, .summary-heading .pb-heading .pbh-line {
8370 height: 10px;
8371 background-color: rgba(0, 0, 0, 0.03);
8372 flex: 1;
8373 }
8374
8375 .summary-section-heading {
8376 font-size: 18px;
8377 color: #14161d;
8378 margin-bottom: 15px;
8379 font-weight: 600;
8380 }
8381
8382 .summary-box-heading {
8383 display: flex;
8384 align-items: center;
8385 margin-bottom: 10px;
8386 }
8387 .summary-box-heading .sbh-item {
8388 color: #7c85a3;
8389 position: relative;
8390 font-size: 15px;
8391 font-weight: 600;
8392 }
8393 .summary-box-heading .sbh-item + .sbh-item {
8394 margin-left: 10px;
8395 }
8396 .summary-box-heading .sbh-item + .sbh-item:before {
8397 content: "";
8398 width: 3px;
8399 height: 3px;
8400 background-color: #ddd;
8401 border-radius: 4px;
8402 position: absolute;
8403 top: 50%;
8404 left: -7px;
8405 transform: translateY(-50%);
8406 }
8407 .summary-box-heading .sbh-line {
8408 height: 10px;
8409 background-color: rgba(0, 0, 0, 0.03);
8410 flex: 1;
8411 margin-left: 10px;
8412 }
8413
8414 .booking-summary-info-w + .summary-box {
8415 margin-top: 15px;
8416 padding-top: 15px;
8417 border-top: 1px solid #f1f1f1;
8418 }
8419
8420 .summary-box-wrapper + .summary-box-wrapper {
8421 border-top: 1px solid #f1f1f1;
8422 }
8423
8424 .summary-box-wrapper .summary-box-heading {
8425 margin-top: 0;
8426 }
8427
8428 .summary-box {
8429 padding: 5px 0;
8430 }
8431 .summary-box.main-box {
8432 padding: 20px 0;
8433 display: flex;
8434 gap: 20px;
8435 align-items: flex-start;
8436 }
8437 .summary-box.main-box + .summary-box.main-box {
8438 border-top: 1px solid #f1f1f1;
8439 }
8440 .summary-box.main-box .summary-box-inner {
8441 flex: 1;
8442 }
8443 .summary-box.main-box .summary-box-booking-date-box {
8444 text-align: center;
8445 flex: 0;
8446 background-color: #f1f1f1;
8447 }
8448 .summary-box.main-box .summary-box-booking-date-box .summary-box-booking-date-day {
8449 font-size: 24px;
8450 line-height: 1.2;
8451 font-weight: 600;
8452 color: #14161d;
8453 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
8454 padding: 5px 10px;
8455 }
8456 .summary-box.main-box .summary-box-booking-date-box .summary-box-booking-date-month {
8457 color: #7c85a3;
8458 padding: 5px 15px;
8459 }
8460 .summary-box.main-box .qr-show-trigger {
8461 flex: 0 1 80px;
8462 text-align: center;
8463 padding-top: 10px;
8464 cursor: pointer;
8465 white-space: nowrap;
8466 }
8467 .summary-box.main-box .qr-show-trigger .latepoint-icon {
8468 font-size: 30px;
8469 color: #111;
8470 }
8471 .summary-box.main-box .qr-show-trigger .qr-code-trigger-label {
8472 display: inline-block;
8473 line-height: 1.2;
8474 color: #111;
8475 border-bottom: 1px dotted #111;
8476 font-weight: 600;
8477 margin-top: 5px;
8478 font-size: 13px;
8479 }
8480 .summary-box.main-box .qr-show-trigger .qr-code-trigger-label:hover {
8481 border-bottom-style: solid;
8482 }
8483 .summary-box .summary-box-content.os-cart-item.is-removable {
8484 padding-right: 16px;
8485 }
8486 .summary-box .summary-box-content:hover .os-remove-item-from-cart {
8487 display: block;
8488 }
8489 .summary-box .summary-box-content .os-remove-item-from-cart {
8490 display: block;
8491 background-color: #f1f2f5;
8492 position: absolute;
8493 top: 4px;
8494 right: 0px;
8495 padding: 0px;
8496 cursor: pointer;
8497 color: #333;
8498 font-size: 14px;
8499 vertical-align: middle;
8500 line-height: 14px;
8501 width: 16px;
8502 height: 16px;
8503 text-align: center;
8504 }
8505 .summary-box .summary-box-content .os-remove-item-from-cart.os-loading {
8506 color: transparent;
8507 display: block;
8508 }
8509 .summary-box .summary-box-content .os-remove-item-from-cart.os-loading:before {
8510 display: block;
8511 content: "";
8512 width: 10px !important;
8513 height: 10px !important;
8514 border-bottom: 2px solid #14161d;
8515 border-left: 2px solid #14161d;
8516 border-top: 2px solid #14161d;
8517 border-right: 2px solid rgba(255, 255, 255, 0);
8518 border-radius: 20px;
8519 position: absolute;
8520 top: 50%;
8521 left: 50%;
8522 transform: translate(-50%, -50%);
8523 animation: os-loading 700ms infinite linear;
8524 background-color: transparent !important;
8525 }
8526 .summary-box .summary-box-content .os-remove-item-from-cart i {
8527 font-size: 14px;
8528 vertical-align: middle;
8529 line-height: 16px;
8530 }
8531 .summary-box .summary-box-content .os-remove-item-from-cart:hover:not(.os-loading) {
8532 background-color: #000 !important;
8533 color: #fff;
8534 }
8535 .summary-box .summary-box-content.with-media {
8536 display: flex;
8537 align-items: center;
8538 }
8539 .summary-box .summary-box-content .sbc-content-i {
8540 margin-left: 10px;
8541 line-height: 1.1;
8542 }
8543 .summary-box .summary-box-content .os-avatar-w {
8544 width: 30px;
8545 height: 30px;
8546 flex: 0 0 30px;
8547 display: flex;
8548 align-items: center;
8549 justify-content: space-around;
8550 border-radius: 20px;
8551 background-color: #dedede;
8552 color: var(--latepoint-body-color);
8553 font-weight: 600;
8554 font-size: 12px;
8555 -webkit-background-size: contain;
8556 background-size: contain;
8557 background-position: center center;
8558 }
8559 .summary-box .summary-box-content .os-location-image {
8560 width: 30px;
8561 height: 30px;
8562 flex: 0 0 30px;
8563 background-image: url(/wp-content/plugins/latepoint/public/images/location-image.png);
8564 background-size: cover;
8565 border-radius: 6px;
8566 }
8567 .summary-box .sbc-main-item {
8568 color: var(--latepoint-body-color);
8569 font-size: 13px;
8570 }
8571 .summary-box .sbc-main-item a {
8572 text-decoration: none;
8573 color: var(--latepoint-brand-primary);
8574 font-size: 11px;
8575 }
8576 .summary-box .sbc-sub-item {
8577 color: #7c85a3;
8578 font-size: 13px;
8579 display: inline-block;
8580 }
8581 .summary-box .sbc-link-item {
8582 color: #7c85a3;
8583 font-size: 13px;
8584 text-decoration: none !important;
8585 border-bottom: 1px dotted #7c85a3;
8586 cursor: pointer;
8587 display: inline-block;
8588 }
8589 .summary-box .sbc-big-item {
8590 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
8591 font-size: 20px;
8592 font-weight: 600;
8593 color: #14161d;
8594 line-height: 1.3;
8595 }
8596 .summary-box .sbc-highlighted-item {
8597 color: #7c85a3;
8598 font-size: 15px;
8599 }
8600 .summary-box .sbc-highlighted-item span:not(.os-timezone-info) {
8601 white-space: nowrap;
8602 color: #7c85a3;
8603 font-size: 13px;
8604 font-weight: 400;
8605 display: none;
8606 margin-top: 3px;
8607 }
8608 .summary-box .sbc-subtle-item {
8609 color: #7c85a3;
8610 font-size: 13px;
8611 }
8612 .summary-box .sbc-subtle-item span {
8613 white-space: nowrap;
8614 color: #7c85a3;
8615 font-size: 13px;
8616 font-weight: 400;
8617 }
8618
8619 .price-breakdown-w {
8620 padding-top: 20px;
8621 }
8622 .price-breakdown-w .pb-heading {
8623 font-weight: 600;
8624 color: var(--latepoint-body-color);
8625 margin-bottom: 5px;
8626 }
8627
8628 .summary-price-item-w {
8629 display: flex;
8630 justify-content: space-between;
8631 margin-bottom: 7px;
8632 }
8633 .summary-price-item-w .spi-name {
8634 color: var(--latepoint-body-color);
8635 font-weight: 400;
8636 }
8637 .summary-price-item-w .spi-price {
8638 color: var(--latepoint-body-color);
8639 font-weight: 400;
8640 }
8641 .summary-price-item-w.spi-strong .spi-name, .summary-price-item-w.spi-strong .spi-price {
8642 font-weight: 600;
8643 }
8644 .summary-price-item-w.spi-total {
8645 border-top: 3px solid var(--latepoint-body-color);
8646 padding-top: 10px;
8647 margin-top: 10px;
8648 font-size: 17px;
8649 font-weight: 600;
8650 color: var(--latepoint-body-color);
8651 margin-bottom: 0;
8652 }
8653 .summary-price-item-w.spi-total .spi-name, .summary-price-item-w.spi-total .spi-price {
8654 font-weight: 600;
8655 }
8656 .summary-price-item-w.spi-positive .spi-price {
8657 color: #3F8607;
8658 }
8659 .summary-price-item-w .pi-badge {
8660 display: inline-block;
8661 background-color: #fff;
8662 text-transform: uppercase;
8663 font-size: 12px;
8664 padding: 2px 3px;
8665 font-weight: 600;
8666 color: #000;
8667 margin-left: 3px;
8668 border: 1px dotted #000;
8669 line-height: 1;
8670 }
8671 .summary-price-item-w .pi-note {
8672 color: #7c85a3;
8673 font-size: 12px;
8674 }
8675
8676 .summary-attributes {
8677 color: #7c85a3;
8678 font-size: 13px;
8679 margin: 5px 0;
8680 line-height: 1.5;
8681 }
8682 .summary-attributes:last-child {
8683 margin-bottom: 0;
8684 }
8685 .summary-attributes.sa-hidden {
8686 display: none;
8687 }
8688 .summary-attributes > span {
8689 position: relative;
8690 display: inline-block;
8691 }
8692 .summary-attributes > span:not(:last-child) {
8693 margin-right: 15px;
8694 }
8695 .summary-attributes > span:not(:last-child):before {
8696 content: "";
8697 width: 3px;
8698 height: 3px;
8699 background-color: #bbb;
8700 border-radius: 4px;
8701 position: absolute;
8702 top: 50%;
8703 right: -9px;
8704 transform: translateY(-50%);
8705 }
8706 .summary-attributes > span strong {
8707 color: var(--latepoint-body-color);
8708 font-weight: 600;
8709 }
8710
8711 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-summary-w {
8712 display: block;
8713 transform: none;
8714 }
8715 .latepoint-w .latepoint-form-w .pb-heading {
8716 margin-bottom: 10px;
8717 }
8718 .latepoint-w .latepoint-summary-w {
8719 flex: 0 0 270px;
8720 width: 270px;
8721 transition: all 0.4s cubic-bezier(0.05, 0.45, 0.1, 1);
8722 transform: translateX(-60px);
8723 z-index: 1;
8724 display: none;
8725 flex-direction: column;
8726 position: relative;
8727 background-color: #fff;
8728 }
8729 .latepoint-w .latepoint-summary-w .summary-heading {
8730 display: none;
8731 }
8732 .latepoint-w .latepoint-summary-w .summary-box.main-box + .summary-box.main-box {
8733 margin-top: 0;
8734 }
8735 .latepoint-w .latepoint-summary-w .summary-box .sbc-big-item {
8736 font-size: 15px;
8737 }
8738 .latepoint-w .latepoint-summary-w .summary-box .summary-box-content .os-remove-item-from-cart {
8739 display: block;
8740 }
8741 .latepoint-w .latepoint-summary-w .summary-box .summary-box-content .os-remove-item-from-cart:focus-visible {
8742 outline: 2px solid var(--latepoint-brand-primary);
8743 }
8744 .latepoint-w .latepoint-summary-w.os-loading .summary-header:before {
8745 display: block;
8746 content: "";
8747 width: 12px !important;
8748 height: 12px !important;
8749 border-bottom: 2px solid var(--latepoint-brand-primary);
8750 border-left: 2px solid var(--latepoint-brand-primary);
8751 border-top: 2px solid var(--latepoint-brand-primary);
8752 border-right: 2px solid rgba(255, 255, 255, 0);
8753 border-radius: 20px;
8754 position: absolute;
8755 top: 50%;
8756 left: 50%;
8757 transform: translate(-50%, -50%);
8758 animation: os-loading 700ms infinite linear;
8759 background-color: transparent !important;
8760 bottom: auto;
8761 left: auto;
8762 right: 1px;
8763 top: 12px;
8764 z-index: 9999;
8765 }
8766 .latepoint-w .latepoint-summary-w .summary-header {
8767 position: relative;
8768 padding: 5px;
8769 margin: 0px;
8770 text-align: right;
8771 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
8772 }
8773 .latepoint-w .latepoint-summary-w .summary-header .summary-header-inner {
8774 display: flex;
8775 padding: 13px 20px;
8776 justify-content: space-between;
8777 align-items: center;
8778 }
8779 .latepoint-w .latepoint-summary-w .summary-header:not(.can-checkout) .summary-header-inner {
8780 background-image: radial-gradient(#d4d4d4 1px, transparent 0);
8781 background-size: 7px 7px;
8782 }
8783 .latepoint-w .latepoint-summary-w .summary-header .latepoint-lightbox-summary-trigger {
8784 display: none;
8785 position: absolute;
8786 top: 50%;
8787 transform: translateY(-50%);
8788 right: 19px;
8789 font-size: 20px;
8790 background-color: #fff;
8791 padding: 3px 5px 3px 15px;
8792 z-index: 2;
8793 color: var(--latepoint-body-color);
8794 }
8795 .latepoint-w .latepoint-summary-w .summary-header .summary-header-label {
8796 background-color: #fff;
8797 position: relative;
8798 z-index: 2;
8799 display: inline-block;
8800 font-size: 20px;
8801 line-height: 1.2;
8802 color: #14161d;
8803 font-weight: 600;
8804 }
8805 .latepoint-w .latepoint-summary-w .summary-header .os-lines {
8806 position: absolute;
8807 top: 21px;
8808 left: 30px;
8809 right: 30px;
8810 z-index: 1;
8811 }
8812 .latepoint-w .latepoint-summary-w .summary-header .os-lines:before {
8813 display: block;
8814 content: "";
8815 height: 6px;
8816 border-top: 2px dotted #b7c2e8;
8817 border-bottom: 2px dotted #b7c2e8;
8818 margin-bottom: 2px;
8819 }
8820 .latepoint-w .latepoint-summary-w .summary-header .os-lines:after {
8821 display: block;
8822 content: "";
8823 height: 6px;
8824 border-top: 2px dotted #b7c2e8;
8825 }
8826 .latepoint-w .latepoint-summary-w .summary-price-item-w {
8827 margin-bottom: 5px;
8828 }
8829 .latepoint-w .latepoint-summary-w .summary-price-item-w.spi-total {
8830 padding-top: 5px;
8831 margin-top: 5px;
8832 border-top-width: 2px;
8833 margin-bottom: 0px;
8834 }
8835 .latepoint-w .latepoint-summary-w .os-summary-contents {
8836 display: flex;
8837 flex-direction: column;
8838 flex: 1;
8839 }
8840 .latepoint-w .latepoint-summary-w .os-summary-contents .order-summary-main-section {
8841 margin-bottom: 20px;
8842 }
8843 .latepoint-w .latepoint-summary-w .os-summary-contents .cart-summary-main-section {
8844 margin-bottom: 30px;
8845 }
8846 .latepoint-w .latepoint-summary-w .os-summary-contents .summary-price-item-w {
8847 font-size: 13px;
8848 }
8849 .latepoint-w .latepoint-summary-w .os-summary-contents .summary-price-item-w.spi-total {
8850 font-size: 17px;
8851 }
8852 .latepoint-w .latepoint-summary-w .os-summary-contents-inner {
8853 position: relative;
8854 display: flex;
8855 flex-direction: column;
8856 justify-content: space-between;
8857 flex: 1;
8858 padding-top: 15px;
8859 }
8860 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .os-summary-contents-inner-top {
8861 padding: 0 25px;
8862 }
8863 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-summary-main-section {
8864 padding: 0 25px;
8865 }
8866 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .latepoint-add-another-item-trigger-wrapper.on-verify {
8867 display: none;
8868 }
8869 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .latepoint-add-another-item-trigger-wrapper.on-summary {
8870 display: none;
8871 margin-top: 15px;
8872 }
8873 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .active-cart-item-wrapper {
8874 padding: 15px 0 0 0;
8875 }
8876 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .active-cart-item-wrapper.is-separated .summary-box.main-box .sbc-highlighted-item {
8877 margin-bottom: 5px;
8878 }
8879 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper {
8880 position: relative;
8881 padding: 15px 0;
8882 }
8883 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper .summary-box:last-child {
8884 padding-bottom: 0;
8885 }
8886 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item:hover {
8887 background-color: #f8f8f8;
8888 box-shadow: 10px 0 0 0 #f8f8f8, -10px 0 0 0 #f8f8f8;
8889 border-top-color: transparent;
8890 }
8891 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item:hover + .cart-item-wrapper {
8892 border-top-color: transparent;
8893 }
8894 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item:hover .os-remove-item-from-cart {
8895 background-color: #dc5454;
8896 color: #fff;
8897 }
8898 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading {
8899 display: flex;
8900 align-items: center;
8901 gap: 10px;
8902 margin-top: 15px;
8903 }
8904 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading:not(:last-child) {
8905 margin-bottom: 10px;
8906 }
8907 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-label {
8908 text-transform: uppercase;
8909 color: #7c85a3;
8910 font-weight: 600;
8911 letter-spacing: 1px;
8912 position: relative;
8913 font-size: 11px;
8914 }
8915 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-line {
8916 height: 1px;
8917 background-color: #f1f1f1;
8918 flex: 1;
8919 }
8920 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-link {
8921 color: var(--latepoint-brand-primary);
8922 font-size: 13px;
8923 display: flex;
8924 align-items: center;
8925 gap: 5px;
8926 }
8927 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-link span {
8928 border-bottom: 1px dotted var(--latepoint-brand-primary);
8929 }
8930 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-link .latepoint-icon {
8931 font-size: 7px;
8932 }
8933 .latepoint-w .latepoint-summary-w .price-breakdown-w {
8934 border-top: none;
8935 padding: 30px;
8936 padding-top: 25px;
8937 margin: 20px -30px -30px -30px;
8938 border-top: 1px solid #eee;
8939 }
8940 .latepoint-w .latepoint-summary-w .price-breakdown-w .pb-heading {
8941 padding-bottom: 10px 25px;
8942 text-transform: uppercase;
8943 letter-spacing: 1px;
8944 font-size: 12px;
8945 font-weight: 600;
8946 color: #7c85a3;
8947 align-items: center;
8948 }
8949 .latepoint-w .latepoint-summary-w .price-breakdown-w .summary-attributes {
8950 display: none;
8951 }
8952 .latepoint-w .latepoint-summary-w .price-breakdown-w .summary-box-heading {
8953 display: none;
8954 }
8955 .latepoint-w .latepoint-summary-w .summary-box-heading {
8956 flex: 1;
8957 align-items: baseline;
8958 margin: 0px;
8959 }
8960 .latepoint-w .latepoint-summary-w .summary-box-heading .sbh-line {
8961 margin-left: 5px;
8962 }
8963 .latepoint-w .latepoint-summary-w .summary-box.main-box {
8964 padding-bottom: 10px;
8965 }
8966 .latepoint-w .latepoint-summary-w .summary-box.main-box:first-child {
8967 padding-top: 0;
8968 }
8969 .latepoint-w .latepoint-summary-w .summary-box.main-box .summary-box-heading .sbh-item {
8970 text-transform: capitalize;
8971 letter-spacing: normal;
8972 font-size: 13px;
8973 font-weight: 400;
8974 }
8975 .latepoint-w .latepoint-summary-w .summary-box.main-box .summary-box-heading .sbh-line {
8976 display: none;
8977 }
8978 .latepoint-w .latepoint-summary-w .summary-box:not(.main-box) {
8979 display: flex;
8980 align-items: baseline;
8981 }
8982 .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 {
8983 display: none;
8984 }
8985 .latepoint-w .latepoint-summary-w .summary-box:not(.main-box) .summary-box-content .sbc-content-i {
8986 margin-left: 5px;
8987 }
8988 .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 {
8989 display: none;
8990 }
8991 .latepoint-w .latepoint-summary-w .summary-boxes-columns {
8992 display: block;
8993 }
8994
8995 .latepoint-clean-body {
8996 margin: 0;
8997 }
8998 .latepoint-clean-body.with-pattern {
8999 background-image: radial-gradient(#eee 2px, transparent 0);
9000 background-size: 25px 25px;
9001 background-color: #fff;
9002 }
9003 .latepoint-clean-body.with-pattern > .latepoint-w {
9004 padding: 50px;
9005 }
9006
9007 html.latepoint-clean {
9008 margin: 0 !important;
9009 }
9010
9011 .latepoint-w .manage-order-wrapper .booking-summary-info-w {
9012 display: none;
9013 }
9014 .latepoint-w .manage-order-wrapper .qr-show-trigger {
9015 display: none;
9016 }
9017 .latepoint-w .manage-order-wrapper .summary-box .sbc-big-item {
9018 font-size: 20px;
9019 }
9020 .latepoint-w .manage-order-wrapper .summary-box .sbc-highlighted-item {
9021 font-size: 13px;
9022 color: #7c85a3;
9023 }
9024 .latepoint-w .manage-order-wrapper .summary-box.main-box .summary-box-booking-date-box .summary-box-booking-date-day {
9025 font-size: 24px;
9026 }
9027 .latepoint-w .manage-order-wrapper,
9028 .latepoint-w .manage-booking-wrapper {
9029 max-width: 550px;
9030 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 8px 35px -3px rgba(0, 0, 0, 0.1);
9031 background-color: #fff;
9032 margin: 0px auto;
9033 position: relative;
9034 }
9035 .latepoint-w .manage-order-wrapper.os-loading .manage-booking-inner,
9036 .latepoint-w .manage-booking-wrapper.os-loading .manage-booking-inner {
9037 filter: blur(3px);
9038 }
9039 .latepoint-w .manage-order-wrapper.os-loading:after,
9040 .latepoint-w .manage-booking-wrapper.os-loading:after {
9041 display: block;
9042 content: "";
9043 width: 20px !important;
9044 height: 20px !important;
9045 border-bottom: 2px solid var(--latepoint-brand-primary);
9046 border-left: 2px solid var(--latepoint-brand-primary);
9047 border-top: 2px solid var(--latepoint-brand-primary);
9048 border-right: 2px solid rgba(255, 255, 255, 0);
9049 border-radius: 20px;
9050 position: absolute;
9051 top: 50%;
9052 left: 50%;
9053 transform: translate(-50%, -50%);
9054 animation: os-loading 700ms infinite linear;
9055 background-color: transparent !important;
9056 top: 85px;
9057 z-index: 9999;
9058 }
9059 .latepoint-w .manage-order-wrapper .manage-booking-inner,
9060 .latepoint-w .manage-booking-wrapper .manage-booking-inner {
9061 padding: 50px;
9062 padding-top: 70px;
9063 position: relative;
9064 }
9065 .latepoint-w .manage-order-wrapper .manage-booking-inner:before,
9066 .latepoint-w .manage-booking-wrapper .manage-booking-inner:before {
9067 content: "";
9068 height: 34px;
9069 background-image: radial-gradient(#ccc 1px, transparent 0);
9070 background-size: 10px 10px;
9071 background-color: #fff;
9072 display: block;
9073 position: absolute;
9074 top: 5px;
9075 left: 5px;
9076 right: 5px;
9077 }
9078 .latepoint-w .manage-order-wrapper .manage-status-info,
9079 .latepoint-w .manage-booking-wrapper .manage-status-info {
9080 display: flex;
9081 gap: 5px;
9082 align-items: center;
9083 margin-right: auto;
9084 }
9085 .latepoint-w .manage-order-wrapper .manage-status-info .status-info-label,
9086 .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-label {
9087 color: rgba(255, 255, 255, 0.5);
9088 display: none;
9089 }
9090 .latepoint-w .manage-order-wrapper .manage-status-info .status-info-value,
9091 .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value {
9092 color: #fff;
9093 font-weight: 600;
9094 padding: 2px 6px;
9095 }
9096 .latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-open,
9097 .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-open {
9098 background-color: #fff;
9099 color: #000;
9100 }
9101 .latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-not_fulfilled,
9102 .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-not_fulfilled {
9103 background-color: #fff;
9104 color: #000;
9105 }
9106 .latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-approved,
9107 .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-approved {
9108 background-color: #74ff60;
9109 color: #000;
9110 }
9111 .latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-cancelled,
9112 .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-cancelled {
9113 background-color: #e81818;
9114 color: #fff;
9115 }
9116 .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,
9117 .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-pending,
9118 .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-pending_approval,
9119 .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-payment_pending {
9120 background-color: #ffe75e;
9121 color: #000;
9122 }
9123 .latepoint-w .manage-order-wrapper .manage-booking-controls,
9124 .latepoint-w .manage-booking-wrapper .manage-booking-controls {
9125 padding: 15px 25px;
9126 background-color: var(--latepoint-brand-primary);
9127 display: flex;
9128 gap: 25px;
9129 align-items: center;
9130 justify-content: space-between;
9131 position: sticky;
9132 top: 0;
9133 z-index: 2;
9134 }
9135 .latepoint-w .manage-order-wrapper .manage-booking-controls.status-cancelled,
9136 .latepoint-w .manage-booking-wrapper .manage-booking-controls.status-cancelled {
9137 background-color: #e81819;
9138 }
9139 .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,
9140 .latepoint-w .manage-booking-wrapper .manage-booking-controls.status-pending,
9141 .latepoint-w .manage-booking-wrapper .manage-booking-controls.status-pending_approval,
9142 .latepoint-w .manage-booking-wrapper .manage-booking-controls.status-payment_pending {
9143 background-color: #c6a573;
9144 }
9145 .latepoint-w .manage-order-wrapper .manage-booking-controls .latepoint-btn,
9146 .latepoint-w .manage-booking-wrapper .manage-booking-controls .latepoint-btn {
9147 padding: 0 !important;
9148 }
9149 .latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group,
9150 .latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group {
9151 display: flex;
9152 align-items: center;
9153 margin: 0 !important;
9154 gap: 8px;
9155 }
9156 .latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group .os-form-control,
9157 .latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group .os-form-control {
9158 transition: none !important;
9159 }
9160 .latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group label,
9161 .latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group label {
9162 font-size: 18px;
9163 font-weight: 600;
9164 color: #fff;
9165 }
9166 .latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group select,
9167 .latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group select {
9168 font-size: 18px !important;
9169 padding: 6px !important;
9170 border-radius: 6px !important;
9171 border: none !important;
9172 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
9173 background-color: #fff !important;
9174 color: #111 !important;
9175 height: auto !important;
9176 }
9177 .latepoint-w .manage-booking-wrapper .manage-booking-inner {
9178 padding-top: 100px;
9179 }
9180 .latepoint-w .manage-booking-wrapper .manage-booking-inner:before {
9181 top: 60px;
9182 }
9183 .latepoint-w .manage-booking-wrapper .booking-status-info-wrapper {
9184 position: absolute;
9185 top: 0;
9186 left: 0;
9187 right: 0;
9188 background-color: #fff;
9189 margin: 0;
9190 padding-left: 50px;
9191 padding-right: 50px;
9192 }
9193
9194 .booking-full-summary-actions {
9195 display: flex;
9196 gap: 10px;
9197 align-items: center;
9198 margin-bottom: 30px;
9199 flex-wrap: wrap;
9200 }
9201 .booking-full-summary-actions .booking-summary-action-btn {
9202 padding: 3px 6px;
9203 text-decoration: none;
9204 color: #111;
9205 font-size: 13px;
9206 font-weight: 600;
9207 border: 1px solid #111;
9208 display: flex;
9209 gap: 3px;
9210 align-items: center;
9211 position: relative;
9212 transition: none;
9213 }
9214 .booking-full-summary-actions .booking-summary-action-btn span, .booking-full-summary-actions .booking-summary-action-btn i {
9215 display: block;
9216 }
9217 .booking-full-summary-actions .booking-summary-action-btn:hover {
9218 color: var(--latepoint-brand-primary);
9219 border-color: var(--latepoint-brand-primary);
9220 }
9221 .booking-full-summary-actions .booking-summary-action-btn.os-loading:before {
9222 display: block;
9223 content: "";
9224 width: 12px !important;
9225 height: 12px !important;
9226 border-bottom: 2px solid #111;
9227 border-left: 2px solid #111;
9228 border-top: 2px solid #111;
9229 border-right: 2px solid rgba(255, 255, 255, 0);
9230 border-radius: 20px;
9231 position: absolute;
9232 top: 50%;
9233 left: 50%;
9234 transform: translate(-50%, -50%);
9235 animation: os-loading 700ms infinite linear;
9236 background-color: transparent !important;
9237 left: 12px;
9238 }
9239 .booking-full-summary-actions .booking-summary-action-btn.os-loading i {
9240 color: transparent;
9241 }
9242 .booking-full-summary-actions .booking-summary-action-btn.cancel-appointment-btn {
9243 color: #ad3d12;
9244 border-color: #ad3d12;
9245 }
9246 .customer-dashboard-booking-summary-lightbox .summary-box-heading .sbh-item,
9247 .bundle-scheduled-summary-lightbox .summary-box-heading .sbh-item,
9248 .manage-order-wrapper .summary-box-heading .sbh-item,
9249 .manage-booking-wrapper .summary-box-heading .sbh-item {
9250 color: #7c85a3;
9251 font-weight: 600;
9252 font-size: 15px;
9253 }
9254 .customer-dashboard-booking-summary-lightbox .order-summary-main-section,
9255 .bundle-scheduled-summary-lightbox .order-summary-main-section,
9256 .manage-order-wrapper .order-summary-main-section,
9257 .manage-booking-wrapper .order-summary-main-section {
9258 margin-bottom: 20px;
9259 }
9260 .customer-dashboard-booking-summary-lightbox .part-of-bundle-message,
9261 .bundle-scheduled-summary-lightbox .part-of-bundle-message,
9262 .manage-order-wrapper .part-of-bundle-message,
9263 .manage-booking-wrapper .part-of-bundle-message {
9264 padding: 8px;
9265 background-color: #f1f3ff;
9266 text-align: center;
9267 font-size: 13px;
9268 margin-top: 20px;
9269 }
9270 .customer-dashboard-booking-summary-lightbox .part-of-bundle-message a,
9271 .bundle-scheduled-summary-lightbox .part-of-bundle-message a,
9272 .manage-order-wrapper .part-of-bundle-message a,
9273 .manage-booking-wrapper .part-of-bundle-message a {
9274 color: var(--latepoint-brand-primary);
9275 text-decoration: none;
9276 border-bottom: 1px dotted var(--latepoint-brand-primary);
9277 }
9278 .customer-dashboard-booking-summary-lightbox .full-summary-head-info,
9279 .bundle-scheduled-summary-lightbox .full-summary-head-info,
9280 .manage-order-wrapper .full-summary-head-info,
9281 .manage-booking-wrapper .full-summary-head-info {
9282 position: relative;
9283 }
9284 .customer-dashboard-booking-summary-lightbox .full-summary-head-info .add-to-calendar-wrapper,
9285 .bundle-scheduled-summary-lightbox .full-summary-head-info .add-to-calendar-wrapper,
9286 .manage-order-wrapper .full-summary-head-info .add-to-calendar-wrapper,
9287 .manage-booking-wrapper .full-summary-head-info .add-to-calendar-wrapper {
9288 display: inline-block;
9289 }
9290 .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent,
9291 .bundle-scheduled-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent,
9292 .manage-order-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent,
9293 .manage-booking-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent {
9294 display: block;
9295 margin: 0px auto 30px auto;
9296 padding-bottom: 20px;
9297 border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
9298 }
9299 .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger,
9300 .bundle-scheduled-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger,
9301 .manage-order-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger,
9302 .manage-booking-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger {
9303 display: none;
9304 }
9305 .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-show-trigger,
9306 .bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-show-trigger,
9307 .manage-order-wrapper .qr-code-on-full-summary .qr-show-trigger,
9308 .manage-booking-wrapper .qr-code-on-full-summary .qr-show-trigger {
9309 float: right;
9310 width: 100px;
9311 text-align: center;
9312 padding-top: 20px;
9313 cursor: pointer;
9314 }
9315 .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .latepoint-icon,
9316 .bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .latepoint-icon,
9317 .manage-order-wrapper .qr-code-on-full-summary .qr-show-trigger .latepoint-icon,
9318 .manage-booking-wrapper .qr-code-on-full-summary .qr-show-trigger .latepoint-icon {
9319 font-size: 45px;
9320 color: #111;
9321 }
9322 .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label,
9323 .bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label,
9324 .manage-order-wrapper .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label,
9325 .manage-booking-wrapper .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label {
9326 display: inline-block;
9327 line-height: 1.2;
9328 color: #111;
9329 border-bottom: 1px solid #777;
9330 font-weight: 600;
9331 letter-spacing: 0.5px;
9332 margin-top: 10px;
9333 font-size: 12px;
9334 text-transform: uppercase;
9335 }
9336 .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-booking-info,
9337 .bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-booking-info,
9338 .manage-order-wrapper .qr-code-on-full-summary .qr-code-booking-info,
9339 .manage-booking-wrapper .qr-code-on-full-summary .qr-code-booking-info {
9340 display: none;
9341 }
9342 .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-vevent,
9343 .bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-vevent,
9344 .manage-order-wrapper .qr-code-on-full-summary .qr-code-vevent,
9345 .manage-booking-wrapper .qr-code-on-full-summary .qr-code-vevent {
9346 display: none;
9347 }
9348 .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-vevent img,
9349 .bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-vevent img,
9350 .manage-order-wrapper .qr-code-on-full-summary .qr-code-vevent img,
9351 .manage-booking-wrapper .qr-code-on-full-summary .qr-code-vevent img {
9352 display: block;
9353 margin: 0px auto;
9354 }
9355 .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-vevent .qr-code-label,
9356 .bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-vevent .qr-code-label,
9357 .manage-order-wrapper .qr-code-on-full-summary .qr-code-vevent .qr-code-label,
9358 .manage-booking-wrapper .qr-code-on-full-summary .qr-code-vevent .qr-code-label {
9359 text-align: center;
9360 font-size: 13px;
9361 font-weight: 600;
9362 text-align: center;
9363 font-weight: 500;
9364 padding: 10px 15px;
9365 background: #fff1af;
9366 line-height: 1.4;
9367 color: #000;
9368 }
9369 .customer-dashboard-booking-summary-lightbox .payment-summary-info .full-summary-info-w,
9370 .bundle-scheduled-summary-lightbox .payment-summary-info .full-summary-info-w,
9371 .manage-order-wrapper .payment-summary-info .full-summary-info-w,
9372 .manage-booking-wrapper .payment-summary-info .full-summary-info-w {
9373 margin-top: 0px;
9374 }
9375 .customer-dashboard-booking-summary-lightbox .full-summary-header,
9376 .bundle-scheduled-summary-lightbox .full-summary-header,
9377 .manage-order-wrapper .full-summary-header,
9378 .manage-booking-wrapper .full-summary-header {
9379 margin-bottom: 0px;
9380 margin-top: 0px;
9381 }
9382 .customer-dashboard-booking-summary-lightbox .full-summary-number,
9383 .bundle-scheduled-summary-lightbox .full-summary-number,
9384 .manage-order-wrapper .full-summary-number,
9385 .manage-booking-wrapper .full-summary-number {
9386 color: #7c85a3;
9387 padding-top: 0px;
9388 margin-bottom: 8px;
9389 font-size: 13px;
9390 letter-spacing: 0.5px;
9391 text-transform: uppercase;
9392 font-weight: 600;
9393 }
9394 .customer-dashboard-booking-summary-lightbox .full-summary-number strong,
9395 .bundle-scheduled-summary-lightbox .full-summary-number strong,
9396 .manage-order-wrapper .full-summary-number strong,
9397 .manage-booking-wrapper .full-summary-number strong {
9398 color: #14161d;
9399 }
9400 .customer-dashboard-booking-summary-lightbox .full-summary-order-info-wrapper,
9401 .bundle-scheduled-summary-lightbox .full-summary-order-info-wrapper,
9402 .manage-order-wrapper .full-summary-order-info-wrapper,
9403 .manage-booking-wrapper .full-summary-order-info-wrapper {
9404 position: relative;
9405 margin-bottom: 40px;
9406 }
9407 .customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper,
9408 .bundle-scheduled-summary-lightbox .fsoi-main-wrapper,
9409 .manage-order-wrapper .fsoi-main-wrapper,
9410 .manage-booking-wrapper .fsoi-main-wrapper {
9411 display: flex;
9412 align-items: flex-start;
9413 }
9414 .customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .fsoi-main,
9415 .bundle-scheduled-summary-lightbox .fsoi-main-wrapper .fsoi-main,
9416 .manage-order-wrapper .fsoi-main-wrapper .fsoi-main,
9417 .manage-booking-wrapper .fsoi-main-wrapper .fsoi-main {
9418 font-size: 32px;
9419 margin-bottom: 5px;
9420 color: #7c85a3;
9421 display: flex;
9422 }
9423 .customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .fsoi-main strong,
9424 .bundle-scheduled-summary-lightbox .fsoi-main-wrapper .fsoi-main strong,
9425 .manage-order-wrapper .fsoi-main-wrapper .fsoi-main strong,
9426 .manage-booking-wrapper .fsoi-main-wrapper .fsoi-main strong {
9427 color: #14161d;
9428 font-weight: 600;
9429 }
9430 .customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions,
9431 .bundle-scheduled-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions,
9432 .manage-order-wrapper .fsoi-main-wrapper .order-full-summary-actions,
9433 .manage-booking-wrapper .fsoi-main-wrapper .order-full-summary-actions {
9434 margin-left: auto;
9435 display: flex;
9436 gap: 10px;
9437 }
9438 .customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions a,
9439 .bundle-scheduled-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions a,
9440 .manage-order-wrapper .fsoi-main-wrapper .order-full-summary-actions a,
9441 .manage-booking-wrapper .fsoi-main-wrapper .order-full-summary-actions a {
9442 display: flex;
9443 align-items: center;
9444 gap: 5px;
9445 }
9446 .customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions span,
9447 .bundle-scheduled-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions span,
9448 .manage-order-wrapper .fsoi-main-wrapper .order-full-summary-actions span,
9449 .manage-booking-wrapper .fsoi-main-wrapper .order-full-summary-actions span {
9450 border-bottom: 1px dotted var(--latepoint-brand-primary);
9451 }
9452 .customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements,
9453 .bundle-scheduled-summary-lightbox .full-summary-order-info-elements,
9454 .manage-order-wrapper .full-summary-order-info-elements,
9455 .manage-booking-wrapper .full-summary-order-info-elements {
9456 display: flex;
9457 gap: 10px;
9458 font-size: 15px;
9459 }
9460 .customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements .fsoi-element,
9461 .bundle-scheduled-summary-lightbox .full-summary-order-info-elements .fsoi-element,
9462 .manage-order-wrapper .full-summary-order-info-elements .fsoi-element,
9463 .manage-booking-wrapper .full-summary-order-info-elements .fsoi-element {
9464 display: flex;
9465 gap: 2px;
9466 }
9467 .customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements span,
9468 .bundle-scheduled-summary-lightbox .full-summary-order-info-elements span,
9469 .manage-order-wrapper .full-summary-order-info-elements span,
9470 .manage-booking-wrapper .full-summary-order-info-elements span {
9471 color: #7c85a3;
9472 display: block;
9473 }
9474 .customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements strong,
9475 .bundle-scheduled-summary-lightbox .full-summary-order-info-elements strong,
9476 .manage-order-wrapper .full-summary-order-info-elements strong,
9477 .manage-booking-wrapper .full-summary-order-info-elements strong {
9478 color: #14161d;
9479 display: block;
9480 }
9481
9482 .latepoint-w .latepoint-booking-form-element.current-step-customer .latepoint-summary-w .os-summary-contents-inner .latepoint-add-another-item-trigger-wrapper.on-summary {
9483 display: block;
9484 }
9485
9486 @keyframes osLightboxMobileAnimation {
9487 0% {
9488 transform: translate3d(0%, 10%, 0px) scale(0.9);
9489 opacity: 0;
9490 }
9491 100% {
9492 transform: translate3d(0%, 0%, 0px) scale(1);
9493 opacity: 1;
9494 }
9495 }
9496 @media (min-width: 601px) and (max-width: 1050px) {
9497 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel) .latepoint-form-w {
9498 border-right: none !important;
9499 }
9500 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel) .latepoint-summary-w {
9501 display: none !important;
9502 }
9503 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel) .latepoint-summary-w .summary-header {
9504 text-align: left;
9505 }
9506 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel) .latepoint-summary-w .summary-header span {
9507 margin-left: 15px;
9508 }
9509 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open .latepoint-summary-w {
9510 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.1) 0ms LatepointSlideUpMobileSummary;
9511 animation-fill-mode: both;
9512 }
9513 .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 {
9514 display: block;
9515 }
9516 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-booking-form-element:before {
9517 content: "";
9518 position: fixed;
9519 top: 0;
9520 left: 0;
9521 right: 0;
9522 bottom: 0;
9523 background-color: rgba(0, 0, 0, 0.3);
9524 z-index: 3;
9525 }
9526 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-lightbox-summary-trigger {
9527 display: block;
9528 }
9529 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w {
9530 display: block !important;
9531 position: fixed;
9532 top: 50%;
9533 left: 50%;
9534 min-width: 300px;
9535 width: auto;
9536 flex: 1;
9537 border-radius: 0;
9538 bottom: auto;
9539 z-index: 4;
9540 overflow: auto;
9541 box-shadow: 0px 10px 28px -5px rgba(0, 0, 0, 0.4), 0px 2px 3px 0px rgba(0, 0, 0, 0.4);
9542 max-height: 80vh;
9543 transform: translate3d(-50%, -50%, 0);
9544 }
9545 .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 {
9546 padding: 3px 5px;
9547 line-height: 1.2;
9548 }
9549 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w .summary-header > div {
9550 justify-content: flex-start;
9551 }
9552 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w .summary-header span {
9553 margin-left: 0;
9554 }
9555 }
9556 @media (max-width: 600px) {
9557 .latepoint-lightbox-w.latepoint-border-radius-rounded .latepoint-lightbox-i {
9558 border-radius: 0;
9559 }
9560 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.week-day-1 .os-available-slots-tooltip,
9561 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.week-day-7 .os-available-slots-tooltip {
9562 transform: none;
9563 animation: 0.1s ease latepointAvailabilityPopupY;
9564 animation-fill-mode: both;
9565 }
9566 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.week-day-7 .os-available-slots-tooltip {
9567 left: auto;
9568 right: 0;
9569 }
9570 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.week-day-1 .os-available-slots-tooltip {
9571 left: 0;
9572 }
9573 .latepoint-w.latepoint-lightbox-form {
9574 height: 100%;
9575 }
9576 .latepoint-w .latepoint-booking-form-element {
9577 flex: 1;
9578 }
9579 .latepoint-w .latepoint-booking-form-element .latepoint-form-w {
9580 width: 100%;
9581 flex: 1;
9582 }
9583 .summary-header .checkout-from-summary-panel-btn-wrapper {
9584 display: none;
9585 }
9586 .checkout-from-summary-panel-btn-wrapper.os-mobile-only {
9587 display: block;
9588 padding: 10px 25px;
9589 background-color: #fff;
9590 position: sticky;
9591 top: 0;
9592 z-index: 1;
9593 }
9594 .checkout-from-summary-panel-btn-wrapper.os-mobile-only + .os-summary-contents-inner {
9595 padding-top: 10px;
9596 }
9597 .le-day-view-wrapper .le-day-schedule-wrapper {
9598 padding: 30px 15px;
9599 }
9600 .latepoint-calendar-controls {
9601 flex-wrap: wrap;
9602 }
9603 .latepoint-calendar-controls .le-navigation .le-today {
9604 display: none;
9605 }
9606 .latepoint-calendar-controls .le-week, .latepoint-calendar-controls .le-month {
9607 white-space: nowrap;
9608 flex: 0 0 100%;
9609 text-align: center;
9610 }
9611 .latepoint-calendar-controls .le-filter {
9612 padding: 10px 12px;
9613 }
9614 .latepoint-calendar-controls .le-filter span {
9615 display: none;
9616 }
9617 .latepoint-calendar-controls .le-range-selector {
9618 margin-left: 0;
9619 }
9620 .latepoint-calendar-controls .le-navigation-wrapper {
9621 margin-left: auto;
9622 border-left: none;
9623 }
9624 .latepoint-calendar-week .le-day-weekday-wrapper {
9625 position: relative;
9626 top: 0;
9627 }
9628 .latepoint-calendar-filters .le-filters-label {
9629 display: none;
9630 }
9631 .latepoint-calendar-wrapper.show-filters .latepoint-calendar-filters {
9632 display: block;
9633 }
9634 .latepoint-calendar-wrapper.show-filters .latepoint-calendar-filters .os-form-group + .os-form-group {
9635 margin-top: 10px;
9636 }
9637 .latepoint-calendar-wrapper.show-filters .latepoint-calendar-filters select {
9638 display: block;
9639 width: 100%;
9640 }
9641 .latepoint-calendar-week {
9642 overflow-x: auto;
9643 padding-left: 0;
9644 padding-bottom: 10px;
9645 grid-template-columns: 200px 200px 200px 200px 200px 200px 200px;
9646 }
9647 .latepoint-calendar-week .le-day-wrapper {
9648 flex: 0 0 100px;
9649 }
9650 .latepoint-calendar-month {
9651 grid-template-columns: 200px 200px 200px 200px 200px 200px 200px;
9652 overflow-x: scroll;
9653 }
9654 .latepoint-calendar-week .le-day-wrapper:first-child .day-schedule-timeslot-value {
9655 display: none;
9656 }
9657 .le-day-view-wrapper .le-day-info-section {
9658 padding: 20px 15px;
9659 }
9660 .le-day-view-wrapper .le-day-info-section .le-day-info .le-day-number {
9661 font-size: 45px;
9662 }
9663 .le-day-view-wrapper .le-day-info-section .le-day-filters-wrapper {
9664 margin-left: 15px;
9665 padding-left: 15px;
9666 }
9667 .le-day-view-wrapper .le-day-info-section .le-day-heading {
9668 margin-bottom: 7px;
9669 font-size: 21px;
9670 }
9671 .latepoint-lightbox-w .latepoint-lightbox-i .latepoint-lightbox-close {
9672 top: 5px;
9673 right: 5px;
9674 }
9675 .latepoint-clean-body.with-pattern > .latepoint-w {
9676 padding: 0px;
9677 }
9678 .latepoint-w .manage-order-wrapper,
9679 .latepoint-w .manage-booking-wrapper {
9680 margin: 0;
9681 }
9682 .latepoint-w .manage-order-wrapper .manage-booking-controls,
9683 .latepoint-w .manage-booking-wrapper .manage-booking-controls {
9684 padding: 10px;
9685 gap: 10px;
9686 }
9687 .latepoint-w .manage-order-wrapper .manage-booking-inner,
9688 .latepoint-w .manage-booking-wrapper .manage-booking-inner {
9689 padding: 20px;
9690 padding-top: 60px;
9691 }
9692 .latepoint-resources-items-w {
9693 display: block;
9694 }
9695 .latepoint-resources-items-w .resource-item {
9696 margin-bottom: 20px;
9697 }
9698 .os-items .os-item.with-details .os-item-i .os-item-img-w {
9699 transform-origin: center center;
9700 transform: translateY(-8px) scale(0.9);
9701 }
9702 .os-items .os-item.with-details .os-item-i .os-item-name-w {
9703 transform: translateY(-18px);
9704 }
9705 .os-items .os-item.with-details .os-item-i .os-item-details-popup-btn {
9706 opacity: 1;
9707 transform: translateY(-7px);
9708 }
9709 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-summary-w {
9710 border-radius: 0px !important;
9711 }
9712 .latepoint-w .os-form-group.os-form-phonefield-group .lp_iti__selected-dial-code {
9713 font-size: 16px !important;
9714 }
9715 .latepoint-w.latepoint-with-summary .latepoint-summary-w .summary-header {
9716 text-align: left;
9717 }
9718 .latepoint-w.latepoint-with-summary .latepoint-summary-w .summary-header > div {
9719 justify-content: flex-start;
9720 }
9721 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-summary-w {
9722 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.1) 0ms LatepointSlideUpMobileSummary;
9723 animation-fill-mode: both;
9724 }
9725 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
9726 display: block;
9727 }
9728 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-booking-form-element:before {
9729 content: "";
9730 position: fixed;
9731 top: 0;
9732 left: 0;
9733 right: 0;
9734 bottom: 0;
9735 background-color: rgba(0, 0, 0, 0.3);
9736 z-index: 3;
9737 }
9738 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-lightbox-summary-trigger {
9739 display: block;
9740 }
9741 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w {
9742 display: block !important;
9743 position: fixed;
9744 top: 50%;
9745 left: 50%;
9746 width: auto;
9747 flex: 1;
9748 border-radius: 0;
9749 bottom: auto;
9750 z-index: 4;
9751 overflow: auto;
9752 box-shadow: 0px 10px 28px -5px rgba(0, 0, 0, 0.4), 0px 2px 3px 0px rgba(0, 0, 0, 0.4);
9753 max-height: 90vh;
9754 max-width: 90vw;
9755 min-width: 80vw;
9756 transform: translate3d(0, -50%, 0);
9757 }
9758 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w .latepoint-lightbox-summary-trigger {
9759 line-height: 1;
9760 padding: 5px;
9761 }
9762 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded {
9763 border-radius: 0px;
9764 }
9765 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-summary-w {
9766 border-radius: 8px;
9767 }
9768 .qr-code-on-full-summary {
9769 display: none !important;
9770 }
9771 .customer-bookings-tiles, .customer-orders-tiles {
9772 grid-template-columns: 1fr;
9773 }
9774 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input {
9775 font-size: 16px !important;
9776 }
9777 .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li {
9778 margin: 0px 3px;
9779 }
9780 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn {
9781 padding: 10px;
9782 }
9783 .latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-child-count {
9784 display: none;
9785 }
9786 .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .step-datepicker-w {
9787 padding: 0px;
9788 }
9789 .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 {
9790 padding: 5px;
9791 }
9792 .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
9793 padding-left: 15px;
9794 padding-right: 15px;
9795 }
9796 .latepoint-w .os-form-group.os-form-textfield-group textarea.os-form-control,
9797 .latepoint-w .os-form-group.os-form-textfield-group select.os-form-control,
9798 .latepoint-w .os-form-group.os-form-textfield-group input[type=password].os-form-control,
9799 .latepoint-w .os-form-group.os-form-textfield-group input[type=email].os-form-control,
9800 .latepoint-w .os-form-group.os-form-textfield-group input[type=number].os-form-control,
9801 .latepoint-w .os-form-group.os-form-textfield-group input[type=text].os-form-control,
9802 .latepoint-w .os-form-group.os-form-textfield-group input[type=tel].os-form-control {
9803 font-size: 18px !important;
9804 }
9805 .latepoint-w .customer-bookings-tiles .customer-booking {
9806 flex: 1;
9807 }
9808 .latepoint-w .customer-dashboard-tabs {
9809 overflow-x: auto;
9810 }
9811 .latepoint-w .customer-dashboard-tabs a {
9812 margin: 0px 0px;
9813 text-align: center;
9814 white-space: nowrap;
9815 }
9816 .latepoint-w .customer-dashboard-tabs a + a {
9817 margin-left: 15px;
9818 }
9819 .latepoint-w .customer-dashboard-tabs a:after {
9820 bottom: 0px;
9821 top: auto;
9822 height: 0px;
9823 width: 100%;
9824 }
9825 .latepoint-w .customer-dashboard-tabs a.active:after {
9826 height: 3px;
9827 }
9828 .latepoint-w .latepoint-section-heading-w .heading-extra {
9829 display: none;
9830 }
9831 .latepoint-w .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group {
9832 display: block;
9833 }
9834 .latepoint-w .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group label {
9835 margin-bottom: 5px;
9836 }
9837 .latepoint-w .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group select {
9838 width: 100% !important;
9839 }
9840 .latepoint-w .dp-timeslot {
9841 height: 30px;
9842 }
9843 .latepoint-w .dp-timeslot .dp-tick {
9844 top: 40px;
9845 }
9846 .latepoint-w.latepoint-summary-is-open.show-summary-on-mobile .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel {
9847 display: none;
9848 }
9849 .latepoint-w .latepoint-booking-form-element {
9850 display: block;
9851 height: 100%;
9852 }
9853 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-timezone-selector-w {
9854 display: none !important;
9855 }
9856 .latepoint-w .latepoint-booking-form-element.addon-timezone-selector-active .os-dates-w {
9857 padding-top: 40px;
9858 }
9859 .latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid {
9860 justify-content: space-evenly;
9861 }
9862 .latepoint-w .latepoint-booking-form-element .step-datepicker-w {
9863 padding: 10px 0px;
9864 }
9865 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info {
9866 flex-direction: column;
9867 align-items: center;
9868 }
9869 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-deposit-price-w,
9870 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-total-price-w {
9871 padding: 8px 0px;
9872 }
9873 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-trigger-w {
9874 margin-bottom: 5px;
9875 }
9876 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-trigger-w a {
9877 margin-left: 0px;
9878 }
9879 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w {
9880 margin-left: 0px !important;
9881 }
9882 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input {
9883 font-size: 18px !important;
9884 -webkit-appearance: none;
9885 width: 155px !important;
9886 border-radius: 0px !important;
9887 }
9888 .latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li a {
9889 padding: 5px 10px;
9890 }
9891 .latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li a .service-price-w {
9892 padding-left: 5px;
9893 margin-left: 5px;
9894 }
9895 .latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li a .service-img-w {
9896 margin-right: 10px;
9897 }
9898 .latepoint-w .latepoint-booking-form-element .step-services-w .os-item-category-w .os-item-category-info .os-item-category-services-count {
9899 display: none;
9900 }
9901 .latepoint-w .latepoint-booking-form-element .step-services-w .os-service-durations li .os-duration-value {
9902 font-size: 32px;
9903 }
9904 .latepoint-w .latepoint-booking-form-element .os-weekdays {
9905 grid-gap: 12px;
9906 }
9907 .latepoint-w .latepoint-booking-form-element .os-monthly-calendar-days {
9908 grid-gap: 12px;
9909 }
9910 .latepoint-w .latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-number {
9911 top: 45%;
9912 }
9913 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel {
9914 display: none;
9915 width: 100%;
9916 flex: 1;
9917 }
9918 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .item-quantity-selector-w .item-quantity-selector-input {
9919 font-size: 16px !important;
9920 }
9921 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w {
9922 padding-left: 15px !important;
9923 padding-right: 15px !important;
9924 }
9925 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
9926 padding: 15px;
9927 max-height: 100vh; /* Fallback */
9928 max-height: 100dvh;
9929 }
9930 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-item-details-popup .item-details-popup-content {
9931 padding: 40px 15px;
9932 }
9933 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-features {
9934 margin-bottom: 20px;
9935 }
9936 .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel {
9937 position: absolute;
9938 top: 59px;
9939 z-index: 999;
9940 left: 0px;
9941 right: 0px;
9942 display: block;
9943 flex: 1;
9944 padding: 0px;
9945 border: none !important;
9946 background-color: #fff;
9947 }
9948 .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-step-desc-w,
9949 .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-questions,
9950 .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-progress {
9951 display: none !important;
9952 }
9953 .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w {
9954 margin-top: 0px;
9955 padding: 10px 15px;
9956 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
9957 }
9958 .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group {
9959 display: flex;
9960 align-items: center;
9961 }
9962 .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group label {
9963 margin-bottom: 0px;
9964 margin-right: 10px;
9965 white-space: nowrap;
9966 flex: 1;
9967 }
9968 .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group select {
9969 text-align-last: left;
9970 text-align: center;
9971 }
9972 .latepoint-w .latepoint-summary-w {
9973 display: none !important;
9974 }
9975 .latepoint-w .latepoint-form-w {
9976 height: 100%;
9977 }
9978 .latepoint-w .latepoint-form-w .latepoint-heading-w {
9979 padding-left: 15px !important;
9980 }
9981 .latepoint-w .latepoint-form-w .latepoint-body {
9982 padding-left: 15px;
9983 padding-right: 15px;
9984 }
9985 .latepoint-w .latepoint-lightbox-i {
9986 transform: none;
9987 animation: 0.4s cubic-bezier(0, 1, 0.51, 1) 0s both osLightboxMobileAnimation;
9988 max-height: 100vh;
9989 max-height: 100dvh;
9990 height: 100vh; /* Fallback */
9991 height: 100dvh;
9992 }
9993 .latepoint-w.front-lightbox .latepoint-lightbox-i {
9994 max-height: 100vh; /* Fallback */
9995 max-height: 100dvh;
9996 }
9997 .latepoint-lightbox-w {
9998 grid-template-columns: 1fr !important;
9999 }
10000 @keyframes osLightboxAnimation {
10001 0% {
10002 transform: translate3d(0%, -40%, 0px) scale(1.2);
10003 opacity: 0;
10004 }
10005 100% {
10006 transform: translate3d(0%, -50%, 0px) scale(1);
10007 opacity: 1;
10008 }
10009 }
10010 }
10011 @media (min-width: 601px) and (max-width: 959px) {
10012 .latepoint-lightbox-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-summary-w {
10013 display: flex;
10014 }
10015 .latepoint-lightbox-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-form-w {
10016 border-right: 1px solid rgba(0, 0, 0, 0.1);
10017 }
10018 }
10019 @media (min-width: 960px) {
10020 .latepoint-w .summary-boxes-columns {
10021 display: flex;
10022 justify-content: space-between;
10023 flex-wrap: wrap;
10024 column-gap: 20px;
10025 row-gap: 20px;
10026 }
10027 .latepoint-w .summary-boxes-columns .summary-box {
10028 flex: 1 1 35%;
10029 }
10030 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-summary-w {
10031 display: flex;
10032 }
10033 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-form-w {
10034 border-right: 1px solid rgba(0, 0, 0, 0.1);
10035 }
10036 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open.latepoint-hide-side-panel {
10037 grid-template-columns: min-content;
10038 }
10039 }
10040 /*!
10041 * Copyright (c) 2023 LatePoint LLC. All rights reserved.
10042 */
10043 @media print {
10044 .part-of-bundle-message {
10045 display: none;
10046 }
10047 .summary-box .summary-box-content .os-avatar-w,
10048 .summary-box .summary-box-content .os-location-image {
10049 display: none;
10050 }
10051 .summary-box .summary-box-content .sbc-content-i {
10052 margin-left: 0;
10053 }
10054 .summary-box .sbc-link-item {
10055 display: none;
10056 }
10057 .summary-box .sbc-main-item a {
10058 display: none;
10059 }
10060 .booking-full-summary-actions {
10061 display: none;
10062 }
10063 .summary-attributes {
10064 padding: 0;
10065 background-color: transparent;
10066 }
10067 .latepoint-print-summary-w {
10068 padding: 40px;
10069 max-width: 800px;
10070 margin: 0px auto;
10071 }
10072 .latepoint-print-summary-w .full-summary-head-info {
10073 margin-bottom: 50px;
10074 position: relative;
10075 }
10076 .latepoint-print-summary-w .qr-code-on-full-summary .qr-show-trigger {
10077 display: none;
10078 }
10079 .latepoint-print-summary-w .qr-code-on-full-summary .qr-code-booking-info {
10080 display: none;
10081 }
10082 .latepoint-print-summary-w .qr-code-on-full-summary .qr-code-vevent {
10083 margin-bottom: 40px;
10084 padding-bottom: 30px;
10085 border-bottom: 1px dashed #eee;
10086 }
10087 .latepoint-print-summary-w .qr-code-on-full-summary .qr-code-vevent img {
10088 width: 300px;
10089 height: 300px;
10090 display: block;
10091 margin: 0px auto;
10092 }
10093 .latepoint-print-summary-w .qr-code-on-full-summary .qr-code-vevent .qr-code-label {
10094 text-align: center;
10095 font-size: 15px;
10096 font-weight: 600;
10097 text-align: center;
10098 font-size: 14px;
10099 font-weight: 500;
10100 padding: 10px 15px;
10101 background: #fff1af;
10102 color: #423d26;
10103 }
10104 .latepoint-print-summary-w .payment-summary-info .full-summary-info-w {
10105 margin-top: 0px;
10106 }
10107 .latepoint-print-summary-w .full-summary-header {
10108 margin-bottom: 0px;
10109 margin-top: 0px;
10110 }
10111 .latepoint-print-summary-w .full-summary-number {
10112 color: #7c85a3;
10113 padding-top: 0px;
10114 margin-bottom: 8px;
10115 font-size: 13px;
10116 letter-spacing: 0.5px;
10117 text-transform: uppercase;
10118 font-weight: 600;
10119 }
10120 .latepoint-print-summary-w .full-summary-number strong {
10121 font-size: 39px;
10122 letter-spacing: normal;
10123 color: #14161d;
10124 display: block;
10125 line-height: 1.1;
10126 }
10127 }
10128 .latepoint-admin .lp_iti--separate-dial-code .lp_iti__selected-dial-code {
10129 padding-top: 1px;
10130 }
10131
10132 body.latepoint .os-form-phonefield-group:not(.has-value) .lp_iti {
10133 align-items: center;
10134 }
10135
10136 .latepoint-admin .lp_iti, .latepoint .lp_iti {
10137 position: relative;
10138 display: flex;
10139 align-items: flex-end;
10140 }
10141 .latepoint-admin .lp_iti *, .latepoint .lp_iti * {
10142 box-sizing: border-box;
10143 -moz-box-sizing: border-box;
10144 }
10145 .latepoint-admin .lp_iti__hide, .latepoint .lp_iti__hide {
10146 display: none;
10147 }
10148 .latepoint-admin .lp_iti__v-hide, .latepoint .lp_iti__v-hide {
10149 visibility: hidden;
10150 }
10151 .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] {
10152 position: relative;
10153 z-index: 0;
10154 margin-top: 0 !important;
10155 margin-bottom: 0 !important;
10156 padding-right: 36px;
10157 margin-right: 0;
10158 }
10159 .latepoint-admin .lp_iti__flag-container, .latepoint .lp_iti__flag-container {
10160 position: relative;
10161 }
10162 .latepoint-admin .lp_iti__selected-flag, .latepoint .lp_iti__selected-flag {
10163 z-index: 1;
10164 position: relative;
10165 display: flex;
10166 align-items: center;
10167 padding: 8px 6px 8px 0px;
10168 min-height: 20px;
10169 }
10170 .latepoint-admin .lp_iti__arrow, .latepoint .lp_iti__arrow {
10171 margin-left: 4px;
10172 width: 0;
10173 height: 0;
10174 border-left: 3px solid transparent;
10175 border-right: 3px solid transparent;
10176 border-top: 4px solid #555;
10177 margin-right: 0px;
10178 }
10179 .latepoint-admin .lp_iti__arrow--up, .latepoint .lp_iti__arrow--up {
10180 margin-left: 6px;
10181 border-top: 3px solid transparent;
10182 border-bottom: 3px solid transparent;
10183 border-left: 4px solid #555;
10184 border-right: none;
10185 }
10186 .latepoint-admin .lp_iti__country-list, .latepoint .lp_iti__country-list {
10187 position: absolute;
10188 z-index: 2;
10189 list-style: none;
10190 text-align: left;
10191 padding: 0;
10192 border: 1px solid #ababbf;
10193 border-bottom-color: #9c9ead;
10194 border-radius: 6px;
10195 box-shadow: 0px 5px 8px -3px rgba(0, 0, 0, 0.2), 0px 5px 20px -5px rgba(0, 0, 0, 0.2);
10196 background-color: #fff;
10197 white-space: nowrap;
10198 max-height: 200px;
10199 overflow-y: scroll;
10200 -webkit-overflow-scrolling: touch;
10201 margin: 0px;
10202 margin-bottom: 1px;
10203 margin-left: -1px;
10204 font-size: 15px;
10205 }
10206 .latepoint-admin .lp_iti__country-list--dropup, .latepoint .lp_iti__country-list--dropup {
10207 bottom: 100%;
10208 margin-bottom: -1px;
10209 }
10210 @media (max-width: 500px) {
10211 .latepoint-admin .lp_iti__country-list, .latepoint .lp_iti__country-list {
10212 white-space: normal;
10213 }
10214 }
10215 .latepoint-admin .lp_iti__flag-box, .latepoint .lp_iti__flag-box {
10216 display: inline-block;
10217 width: 20px;
10218 }
10219 .latepoint-admin .lp_iti__divider, .latepoint .lp_iti__divider {
10220 padding-bottom: 5px;
10221 margin-bottom: 5px;
10222 border-bottom: 1px solid #CCC;
10223 }
10224 .latepoint-admin .lp_iti__country, .latepoint .lp_iti__country {
10225 padding: 6px 8px;
10226 outline: none;
10227 margin-bottom: 0px;
10228 }
10229 .latepoint-admin .lp_iti__dial-code, .latepoint .lp_iti__dial-code {
10230 color: #999;
10231 }
10232 .latepoint-admin .lp_iti__country.lp_iti__highlight, .latepoint .lp_iti__country.lp_iti__highlight {
10233 background-color: rgba(0, 0, 0, 0.05);
10234 }
10235 .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 {
10236 vertical-align: middle;
10237 }
10238 .latepoint-admin .lp_iti__flag-box, .latepoint-admin .lp_iti__country-name, .latepoint .lp_iti__flag-box, .latepoint .lp_iti__country-name {
10239 margin-right: 6px;
10240 }
10241 .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] {
10242 padding-right: 6px;
10243 padding-left: 52px;
10244 margin-left: 0;
10245 }
10246 .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 {
10247 right: auto;
10248 left: 0;
10249 }
10250 .latepoint-admin .lp_iti--allow-dropdown .lp_iti__flag-container:hover, .latepoint .lp_iti--allow-dropdown .lp_iti__flag-container:hover {
10251 cursor: pointer;
10252 }
10253 .latepoint-admin .lp_iti--allow-dropdown input[disabled] + .lp_iti__flag-container:hover,
10254 .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,
10255 .latepoint .lp_iti--allow-dropdown input[readonly] + .lp_iti__flag-container:hover {
10256 cursor: default;
10257 }
10258 .latepoint-admin .lp_iti--allow-dropdown input[disabled] + .lp_iti__flag-container:hover .lp_iti__selected-flag,
10259 .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,
10260 .latepoint .lp_iti--allow-dropdown input[readonly] + .lp_iti__flag-container:hover .lp_iti__selected-flag {
10261 background-color: transparent;
10262 }
10263 .latepoint-admin .lp_iti--separate-dial-code .lp_iti__selected-dial-code, .latepoint .lp_iti--separate-dial-code .lp_iti__selected-dial-code {
10264 margin-left: 6px;
10265 }
10266 .latepoint-admin .lp_iti--container, .latepoint .lp_iti--container {
10267 position: absolute;
10268 top: -1000px;
10269 left: -1000px;
10270 z-index: 1000000;
10271 padding: 1px;
10272 }
10273 .latepoint-admin .lp_iti--container:hover, .latepoint .lp_iti--container:hover {
10274 cursor: pointer;
10275 }
10276 .latepoint-admin.lp_iti-mobile .lp_iti--container, .latepoint.lp_iti-mobile .lp_iti--container {
10277 top: 20px;
10278 bottom: 20px;
10279 left: 20px;
10280 right: 20px;
10281 position: fixed;
10282 z-index: 1000000;
10283 }
10284 .latepoint-admin.lp_iti-mobile .lp_iti__country-list, .latepoint.lp_iti-mobile .lp_iti__country-list {
10285 max-height: 100%;
10286 width: 100%;
10287 }
10288 .latepoint-admin.lp_iti-mobile .lp_iti__country, .latepoint.lp_iti-mobile .lp_iti__country {
10289 padding: 10px 10px;
10290 line-height: 1.5em;
10291 }
10292 .latepoint-admin .lp_iti__flag, .latepoint .lp_iti__flag {
10293 width: 20px;
10294 }
10295 .latepoint-admin .lp_iti__flag.lp_iti__be, .latepoint .lp_iti__flag.lp_iti__be {
10296 width: 18px;
10297 }
10298 .latepoint-admin .lp_iti__flag.lp_iti__ch, .latepoint .lp_iti__flag.lp_iti__ch {
10299 width: 15px;
10300 }
10301 .latepoint-admin .lp_iti__flag.lp_iti__mc, .latepoint .lp_iti__flag.lp_iti__mc {
10302 width: 19px;
10303 }
10304 .latepoint-admin .lp_iti__flag.lp_iti__ne, .latepoint .lp_iti__flag.lp_iti__ne {
10305 width: 18px;
10306 }
10307 .latepoint-admin .lp_iti__flag.lp_iti__np, .latepoint .lp_iti__flag.lp_iti__np {
10308 width: 13px;
10309 }
10310 .latepoint-admin .lp_iti__flag.lp_iti__va, .latepoint .lp_iti__flag.lp_iti__va {
10311 width: 15px;
10312 }
10313 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
10314 .latepoint-admin .lp_iti__flag, .latepoint .lp_iti__flag {
10315 background-size: 5652px 15px;
10316 }
10317 }
10318 .latepoint-admin .lp_iti__flag.lp_iti__ac, .latepoint .lp_iti__flag.lp_iti__ac {
10319 height: 10px;
10320 background-position: 0px 0px;
10321 }
10322 .latepoint-admin .lp_iti__flag.lp_iti__ad, .latepoint .lp_iti__flag.lp_iti__ad {
10323 height: 14px;
10324 background-position: -22px 0px;
10325 }
10326 .latepoint-admin .lp_iti__flag.lp_iti__ae, .latepoint .lp_iti__flag.lp_iti__ae {
10327 height: 10px;
10328 background-position: -44px 0px;
10329 }
10330 .latepoint-admin .lp_iti__flag.lp_iti__af, .latepoint .lp_iti__flag.lp_iti__af {
10331 height: 14px;
10332 background-position: -66px 0px;
10333 }
10334 .latepoint-admin .lp_iti__flag.lp_iti__ag, .latepoint .lp_iti__flag.lp_iti__ag {
10335 height: 14px;
10336 background-position: -88px 0px;
10337 }
10338 .latepoint-admin .lp_iti__flag.lp_iti__ai, .latepoint .lp_iti__flag.lp_iti__ai {
10339 height: 10px;
10340 background-position: -110px 0px;
10341 }
10342 .latepoint-admin .lp_iti__flag.lp_iti__al, .latepoint .lp_iti__flag.lp_iti__al {
10343 height: 15px;
10344 background-position: -132px 0px;
10345 }
10346 .latepoint-admin .lp_iti__flag.lp_iti__am, .latepoint .lp_iti__flag.lp_iti__am {
10347 height: 10px;
10348 background-position: -154px 0px;
10349 }
10350 .latepoint-admin .lp_iti__flag.lp_iti__ao, .latepoint .lp_iti__flag.lp_iti__ao {
10351 height: 14px;
10352 background-position: -176px 0px;
10353 }
10354 .latepoint-admin .lp_iti__flag.lp_iti__aq, .latepoint .lp_iti__flag.lp_iti__aq {
10355 height: 14px;
10356 background-position: -198px 0px;
10357 }
10358 .latepoint-admin .lp_iti__flag.lp_iti__ar, .latepoint .lp_iti__flag.lp_iti__ar {
10359 height: 13px;
10360 background-position: -220px 0px;
10361 }
10362 .latepoint-admin .lp_iti__flag.lp_iti__as, .latepoint .lp_iti__flag.lp_iti__as {
10363 height: 10px;
10364 background-position: -242px 0px;
10365 }
10366 .latepoint-admin .lp_iti__flag.lp_iti__at, .latepoint .lp_iti__flag.lp_iti__at {
10367 height: 14px;
10368 background-position: -264px 0px;
10369 }
10370 .latepoint-admin .lp_iti__flag.lp_iti__au, .latepoint .lp_iti__flag.lp_iti__au {
10371 height: 10px;
10372 background-position: -286px 0px;
10373 }
10374 .latepoint-admin .lp_iti__flag.lp_iti__aw, .latepoint .lp_iti__flag.lp_iti__aw {
10375 height: 14px;
10376 background-position: -308px 0px;
10377 }
10378 .latepoint-admin .lp_iti__flag.lp_iti__ax, .latepoint .lp_iti__flag.lp_iti__ax {
10379 height: 13px;
10380 background-position: -330px 0px;
10381 }
10382 .latepoint-admin .lp_iti__flag.lp_iti__az, .latepoint .lp_iti__flag.lp_iti__az {
10383 height: 10px;
10384 background-position: -352px 0px;
10385 }
10386 .latepoint-admin .lp_iti__flag.lp_iti__ba, .latepoint .lp_iti__flag.lp_iti__ba {
10387 height: 10px;
10388 background-position: -374px 0px;
10389 }
10390 .latepoint-admin .lp_iti__flag.lp_iti__bb, .latepoint .lp_iti__flag.lp_iti__bb {
10391 height: 14px;
10392 background-position: -396px 0px;
10393 }
10394 .latepoint-admin .lp_iti__flag.lp_iti__bd, .latepoint .lp_iti__flag.lp_iti__bd {
10395 height: 12px;
10396 background-position: -418px 0px;
10397 }
10398 .latepoint-admin .lp_iti__flag.lp_iti__be, .latepoint .lp_iti__flag.lp_iti__be {
10399 height: 15px;
10400 background-position: -440px 0px;
10401 }
10402 .latepoint-admin .lp_iti__flag.lp_iti__bf, .latepoint .lp_iti__flag.lp_iti__bf {
10403 height: 14px;
10404 background-position: -460px 0px;
10405 }
10406 .latepoint-admin .lp_iti__flag.lp_iti__bg, .latepoint .lp_iti__flag.lp_iti__bg {
10407 height: 12px;
10408 background-position: -482px 0px;
10409 }
10410 .latepoint-admin .lp_iti__flag.lp_iti__bh, .latepoint .lp_iti__flag.lp_iti__bh {
10411 height: 12px;
10412 background-position: -504px 0px;
10413 }
10414 .latepoint-admin .lp_iti__flag.lp_iti__bi, .latepoint .lp_iti__flag.lp_iti__bi {
10415 height: 12px;
10416 background-position: -526px 0px;
10417 }
10418 .latepoint-admin .lp_iti__flag.lp_iti__bj, .latepoint .lp_iti__flag.lp_iti__bj {
10419 height: 14px;
10420 background-position: -548px 0px;
10421 }
10422 .latepoint-admin .lp_iti__flag.lp_iti__bl, .latepoint .lp_iti__flag.lp_iti__bl {
10423 height: 14px;
10424 background-position: -570px 0px;
10425 }
10426 .latepoint-admin .lp_iti__flag.lp_iti__bm, .latepoint .lp_iti__flag.lp_iti__bm {
10427 height: 10px;
10428 background-position: -592px 0px;
10429 }
10430 .latepoint-admin .lp_iti__flag.lp_iti__bn, .latepoint .lp_iti__flag.lp_iti__bn {
10431 height: 10px;
10432 background-position: -614px 0px;
10433 }
10434 .latepoint-admin .lp_iti__flag.lp_iti__bo, .latepoint .lp_iti__flag.lp_iti__bo {
10435 height: 14px;
10436 background-position: -636px 0px;
10437 }
10438 .latepoint-admin .lp_iti__flag.lp_iti__bq, .latepoint .lp_iti__flag.lp_iti__bq {
10439 height: 14px;
10440 background-position: -658px 0px;
10441 }
10442 .latepoint-admin .lp_iti__flag.lp_iti__br, .latepoint .lp_iti__flag.lp_iti__br {
10443 height: 14px;
10444 background-position: -680px 0px;
10445 }
10446 .latepoint-admin .lp_iti__flag.lp_iti__bs, .latepoint .lp_iti__flag.lp_iti__bs {
10447 height: 10px;
10448 background-position: -702px 0px;
10449 }
10450 .latepoint-admin .lp_iti__flag.lp_iti__bt, .latepoint .lp_iti__flag.lp_iti__bt {
10451 height: 14px;
10452 background-position: -724px 0px;
10453 }
10454 .latepoint-admin .lp_iti__flag.lp_iti__bv, .latepoint .lp_iti__flag.lp_iti__bv {
10455 height: 15px;
10456 background-position: -746px 0px;
10457 }
10458 .latepoint-admin .lp_iti__flag.lp_iti__bw, .latepoint .lp_iti__flag.lp_iti__bw {
10459 height: 14px;
10460 background-position: -768px 0px;
10461 }
10462 .latepoint-admin .lp_iti__flag.lp_iti__by, .latepoint .lp_iti__flag.lp_iti__by {
10463 height: 10px;
10464 background-position: -790px 0px;
10465 }
10466 .latepoint-admin .lp_iti__flag.lp_iti__bz, .latepoint .lp_iti__flag.lp_iti__bz {
10467 height: 14px;
10468 background-position: -812px 0px;
10469 }
10470 .latepoint-admin .lp_iti__flag.lp_iti__ca, .latepoint .lp_iti__flag.lp_iti__ca {
10471 height: 10px;
10472 background-position: -834px 0px;
10473 }
10474 .latepoint-admin .lp_iti__flag.lp_iti__cc, .latepoint .lp_iti__flag.lp_iti__cc {
10475 height: 10px;
10476 background-position: -856px 0px;
10477 }
10478 .latepoint-admin .lp_iti__flag.lp_iti__cd, .latepoint .lp_iti__flag.lp_iti__cd {
10479 height: 15px;
10480 background-position: -878px 0px;
10481 }
10482 .latepoint-admin .lp_iti__flag.lp_iti__cf, .latepoint .lp_iti__flag.lp_iti__cf {
10483 height: 14px;
10484 background-position: -900px 0px;
10485 }
10486 .latepoint-admin .lp_iti__flag.lp_iti__cg, .latepoint .lp_iti__flag.lp_iti__cg {
10487 height: 14px;
10488 background-position: -922px 0px;
10489 }
10490 .latepoint-admin .lp_iti__flag.lp_iti__ch, .latepoint .lp_iti__flag.lp_iti__ch {
10491 height: 15px;
10492 background-position: -944px 0px;
10493 }
10494 .latepoint-admin .lp_iti__flag.lp_iti__ci, .latepoint .lp_iti__flag.lp_iti__ci {
10495 height: 14px;
10496 background-position: -961px 0px;
10497 }
10498 .latepoint-admin .lp_iti__flag.lp_iti__ck, .latepoint .lp_iti__flag.lp_iti__ck {
10499 height: 10px;
10500 background-position: -983px 0px;
10501 }
10502 .latepoint-admin .lp_iti__flag.lp_iti__cl, .latepoint .lp_iti__flag.lp_iti__cl {
10503 height: 14px;
10504 background-position: -1005px 0px;
10505 }
10506 .latepoint-admin .lp_iti__flag.lp_iti__cm, .latepoint .lp_iti__flag.lp_iti__cm {
10507 height: 14px;
10508 background-position: -1027px 0px;
10509 }
10510 .latepoint-admin .lp_iti__flag.lp_iti__cn, .latepoint .lp_iti__flag.lp_iti__cn {
10511 height: 14px;
10512 background-position: -1049px 0px;
10513 }
10514 .latepoint-admin .lp_iti__flag.lp_iti__co, .latepoint .lp_iti__flag.lp_iti__co {
10515 height: 14px;
10516 background-position: -1071px 0px;
10517 }
10518 .latepoint-admin .lp_iti__flag.lp_iti__cp, .latepoint .lp_iti__flag.lp_iti__cp {
10519 height: 14px;
10520 background-position: -1093px 0px;
10521 }
10522 .latepoint-admin .lp_iti__flag.lp_iti__cr, .latepoint .lp_iti__flag.lp_iti__cr {
10523 height: 12px;
10524 background-position: -1115px 0px;
10525 }
10526 .latepoint-admin .lp_iti__flag.lp_iti__cu, .latepoint .lp_iti__flag.lp_iti__cu {
10527 height: 10px;
10528 background-position: -1137px 0px;
10529 }
10530 .latepoint-admin .lp_iti__flag.lp_iti__cv, .latepoint .lp_iti__flag.lp_iti__cv {
10531 height: 12px;
10532 background-position: -1159px 0px;
10533 }
10534 .latepoint-admin .lp_iti__flag.lp_iti__cw, .latepoint .lp_iti__flag.lp_iti__cw {
10535 height: 14px;
10536 background-position: -1181px 0px;
10537 }
10538 .latepoint-admin .lp_iti__flag.lp_iti__cx, .latepoint .lp_iti__flag.lp_iti__cx {
10539 height: 10px;
10540 background-position: -1203px 0px;
10541 }
10542 .latepoint-admin .lp_iti__flag.lp_iti__cy, .latepoint .lp_iti__flag.lp_iti__cy {
10543 height: 14px;
10544 background-position: -1225px 0px;
10545 }
10546 .latepoint-admin .lp_iti__flag.lp_iti__cz, .latepoint .lp_iti__flag.lp_iti__cz {
10547 height: 14px;
10548 background-position: -1247px 0px;
10549 }
10550 .latepoint-admin .lp_iti__flag.lp_iti__de, .latepoint .lp_iti__flag.lp_iti__de {
10551 height: 12px;
10552 background-position: -1269px 0px;
10553 }
10554 .latepoint-admin .lp_iti__flag.lp_iti__dg, .latepoint .lp_iti__flag.lp_iti__dg {
10555 height: 10px;
10556 background-position: -1291px 0px;
10557 }
10558 .latepoint-admin .lp_iti__flag.lp_iti__dj, .latepoint .lp_iti__flag.lp_iti__dj {
10559 height: 14px;
10560 background-position: -1313px 0px;
10561 }
10562 .latepoint-admin .lp_iti__flag.lp_iti__dk, .latepoint .lp_iti__flag.lp_iti__dk {
10563 height: 15px;
10564 background-position: -1335px 0px;
10565 }
10566 .latepoint-admin .lp_iti__flag.lp_iti__dm, .latepoint .lp_iti__flag.lp_iti__dm {
10567 height: 10px;
10568 background-position: -1357px 0px;
10569 }
10570 .latepoint-admin .lp_iti__flag.lp_iti__do, .latepoint .lp_iti__flag.lp_iti__do {
10571 height: 14px;
10572 background-position: -1379px 0px;
10573 }
10574 .latepoint-admin .lp_iti__flag.lp_iti__dz, .latepoint .lp_iti__flag.lp_iti__dz {
10575 height: 14px;
10576 background-position: -1401px 0px;
10577 }
10578 .latepoint-admin .lp_iti__flag.lp_iti__ea, .latepoint .lp_iti__flag.lp_iti__ea {
10579 height: 14px;
10580 background-position: -1423px 0px;
10581 }
10582 .latepoint-admin .lp_iti__flag.lp_iti__ec, .latepoint .lp_iti__flag.lp_iti__ec {
10583 height: 14px;
10584 background-position: -1445px 0px;
10585 }
10586 .latepoint-admin .lp_iti__flag.lp_iti__ee, .latepoint .lp_iti__flag.lp_iti__ee {
10587 height: 13px;
10588 background-position: -1467px 0px;
10589 }
10590 .latepoint-admin .lp_iti__flag.lp_iti__eg, .latepoint .lp_iti__flag.lp_iti__eg {
10591 height: 14px;
10592 background-position: -1489px 0px;
10593 }
10594 .latepoint-admin .lp_iti__flag.lp_iti__eh, .latepoint .lp_iti__flag.lp_iti__eh {
10595 height: 10px;
10596 background-position: -1511px 0px;
10597 }
10598 .latepoint-admin .lp_iti__flag.lp_iti__er, .latepoint .lp_iti__flag.lp_iti__er {
10599 height: 10px;
10600 background-position: -1533px 0px;
10601 }
10602 .latepoint-admin .lp_iti__flag.lp_iti__es, .latepoint .lp_iti__flag.lp_iti__es {
10603 height: 14px;
10604 background-position: -1555px 0px;
10605 }
10606 .latepoint-admin .lp_iti__flag.lp_iti__et, .latepoint .lp_iti__flag.lp_iti__et {
10607 height: 10px;
10608 background-position: -1577px 0px;
10609 }
10610 .latepoint-admin .lp_iti__flag.lp_iti__eu, .latepoint .lp_iti__flag.lp_iti__eu {
10611 height: 14px;
10612 background-position: -1599px 0px;
10613 }
10614 .latepoint-admin .lp_iti__flag.lp_iti__fi, .latepoint .lp_iti__flag.lp_iti__fi {
10615 height: 12px;
10616 background-position: -1621px 0px;
10617 }
10618 .latepoint-admin .lp_iti__flag.lp_iti__fj, .latepoint .lp_iti__flag.lp_iti__fj {
10619 height: 10px;
10620 background-position: -1643px 0px;
10621 }
10622 .latepoint-admin .lp_iti__flag.lp_iti__fk, .latepoint .lp_iti__flag.lp_iti__fk {
10623 height: 10px;
10624 background-position: -1665px 0px;
10625 }
10626 .latepoint-admin .lp_iti__flag.lp_iti__fm, .latepoint .lp_iti__flag.lp_iti__fm {
10627 height: 11px;
10628 background-position: -1687px 0px;
10629 }
10630 .latepoint-admin .lp_iti__flag.lp_iti__fo, .latepoint .lp_iti__flag.lp_iti__fo {
10631 height: 15px;
10632 background-position: -1709px 0px;
10633 }
10634 .latepoint-admin .lp_iti__flag.lp_iti__fr, .latepoint .lp_iti__flag.lp_iti__fr {
10635 height: 14px;
10636 background-position: -1731px 0px;
10637 }
10638 .latepoint-admin .lp_iti__flag.lp_iti__ga, .latepoint .lp_iti__flag.lp_iti__ga {
10639 height: 15px;
10640 background-position: -1753px 0px;
10641 }
10642 .latepoint-admin .lp_iti__flag.lp_iti__gb, .latepoint .lp_iti__flag.lp_iti__gb {
10643 height: 10px;
10644 background-position: -1775px 0px;
10645 }
10646 .latepoint-admin .lp_iti__flag.lp_iti__gd, .latepoint .lp_iti__flag.lp_iti__gd {
10647 height: 12px;
10648 background-position: -1797px 0px;
10649 }
10650 .latepoint-admin .lp_iti__flag.lp_iti__ge, .latepoint .lp_iti__flag.lp_iti__ge {
10651 height: 14px;
10652 background-position: -1819px 0px;
10653 }
10654 .latepoint-admin .lp_iti__flag.lp_iti__gf, .latepoint .lp_iti__flag.lp_iti__gf {
10655 height: 14px;
10656 background-position: -1841px 0px;
10657 }
10658 .latepoint-admin .lp_iti__flag.lp_iti__gg, .latepoint .lp_iti__flag.lp_iti__gg {
10659 height: 14px;
10660 background-position: -1863px 0px;
10661 }
10662 .latepoint-admin .lp_iti__flag.lp_iti__gh, .latepoint .lp_iti__flag.lp_iti__gh {
10663 height: 14px;
10664 background-position: -1885px 0px;
10665 }
10666 .latepoint-admin .lp_iti__flag.lp_iti__gi, .latepoint .lp_iti__flag.lp_iti__gi {
10667 height: 10px;
10668 background-position: -1907px 0px;
10669 }
10670 .latepoint-admin .lp_iti__flag.lp_iti__gl, .latepoint .lp_iti__flag.lp_iti__gl {
10671 height: 14px;
10672 background-position: -1929px 0px;
10673 }
10674 .latepoint-admin .lp_iti__flag.lp_iti__gm, .latepoint .lp_iti__flag.lp_iti__gm {
10675 height: 14px;
10676 background-position: -1951px 0px;
10677 }
10678 .latepoint-admin .lp_iti__flag.lp_iti__gn, .latepoint .lp_iti__flag.lp_iti__gn {
10679 height: 14px;
10680 background-position: -1973px 0px;
10681 }
10682 .latepoint-admin .lp_iti__flag.lp_iti__gp, .latepoint .lp_iti__flag.lp_iti__gp {
10683 height: 14px;
10684 background-position: -1995px 0px;
10685 }
10686 .latepoint-admin .lp_iti__flag.lp_iti__gq, .latepoint .lp_iti__flag.lp_iti__gq {
10687 height: 14px;
10688 background-position: -2017px 0px;
10689 }
10690 .latepoint-admin .lp_iti__flag.lp_iti__gr, .latepoint .lp_iti__flag.lp_iti__gr {
10691 height: 14px;
10692 background-position: -2039px 0px;
10693 }
10694 .latepoint-admin .lp_iti__flag.lp_iti__gs, .latepoint .lp_iti__flag.lp_iti__gs {
10695 height: 10px;
10696 background-position: -2061px 0px;
10697 }
10698 .latepoint-admin .lp_iti__flag.lp_iti__gt, .latepoint .lp_iti__flag.lp_iti__gt {
10699 height: 13px;
10700 background-position: -2083px 0px;
10701 }
10702 .latepoint-admin .lp_iti__flag.lp_iti__gu, .latepoint .lp_iti__flag.lp_iti__gu {
10703 height: 11px;
10704 background-position: -2105px 0px;
10705 }
10706 .latepoint-admin .lp_iti__flag.lp_iti__gw, .latepoint .lp_iti__flag.lp_iti__gw {
10707 height: 10px;
10708 background-position: -2127px 0px;
10709 }
10710 .latepoint-admin .lp_iti__flag.lp_iti__gy, .latepoint .lp_iti__flag.lp_iti__gy {
10711 height: 12px;
10712 background-position: -2149px 0px;
10713 }
10714 .latepoint-admin .lp_iti__flag.lp_iti__hk, .latepoint .lp_iti__flag.lp_iti__hk {
10715 height: 14px;
10716 background-position: -2171px 0px;
10717 }
10718 .latepoint-admin .lp_iti__flag.lp_iti__hm, .latepoint .lp_iti__flag.lp_iti__hm {
10719 height: 10px;
10720 background-position: -2193px 0px;
10721 }
10722 .latepoint-admin .lp_iti__flag.lp_iti__hn, .latepoint .lp_iti__flag.lp_iti__hn {
10723 height: 10px;
10724 background-position: -2215px 0px;
10725 }
10726 .latepoint-admin .lp_iti__flag.lp_iti__hr, .latepoint .lp_iti__flag.lp_iti__hr {
10727 height: 10px;
10728 background-position: -2237px 0px;
10729 }
10730 .latepoint-admin .lp_iti__flag.lp_iti__ht, .latepoint .lp_iti__flag.lp_iti__ht {
10731 height: 12px;
10732 background-position: -2259px 0px;
10733 }
10734 .latepoint-admin .lp_iti__flag.lp_iti__hu, .latepoint .lp_iti__flag.lp_iti__hu {
10735 height: 10px;
10736 background-position: -2281px 0px;
10737 }
10738 .latepoint-admin .lp_iti__flag.lp_iti__ic, .latepoint .lp_iti__flag.lp_iti__ic {
10739 height: 14px;
10740 background-position: -2303px 0px;
10741 }
10742 .latepoint-admin .lp_iti__flag.lp_iti__id, .latepoint .lp_iti__flag.lp_iti__id {
10743 height: 14px;
10744 background-position: -2325px 0px;
10745 }
10746 .latepoint-admin .lp_iti__flag.lp_iti__ie, .latepoint .lp_iti__flag.lp_iti__ie {
10747 height: 10px;
10748 background-position: -2347px 0px;
10749 }
10750 .latepoint-admin .lp_iti__flag.lp_iti__il, .latepoint .lp_iti__flag.lp_iti__il {
10751 height: 15px;
10752 background-position: -2369px 0px;
10753 }
10754 .latepoint-admin .lp_iti__flag.lp_iti__im, .latepoint .lp_iti__flag.lp_iti__im {
10755 height: 10px;
10756 background-position: -2391px 0px;
10757 }
10758 .latepoint-admin .lp_iti__flag.lp_iti__in, .latepoint .lp_iti__flag.lp_iti__in {
10759 height: 14px;
10760 background-position: -2413px 0px;
10761 }
10762 .latepoint-admin .lp_iti__flag.lp_iti__io, .latepoint .lp_iti__flag.lp_iti__io {
10763 height: 10px;
10764 background-position: -2435px 0px;
10765 }
10766 .latepoint-admin .lp_iti__flag.lp_iti__iq, .latepoint .lp_iti__flag.lp_iti__iq {
10767 height: 14px;
10768 background-position: -2457px 0px;
10769 }
10770 .latepoint-admin .lp_iti__flag.lp_iti__ir, .latepoint .lp_iti__flag.lp_iti__ir {
10771 height: 12px;
10772 background-position: -2479px 0px;
10773 }
10774 .latepoint-admin .lp_iti__flag.lp_iti__is, .latepoint .lp_iti__flag.lp_iti__is {
10775 height: 15px;
10776 background-position: -2501px 0px;
10777 }
10778 .latepoint-admin .lp_iti__flag.lp_iti__it, .latepoint .lp_iti__flag.lp_iti__it {
10779 height: 14px;
10780 background-position: -2523px 0px;
10781 }
10782 .latepoint-admin .lp_iti__flag.lp_iti__je, .latepoint .lp_iti__flag.lp_iti__je {
10783 height: 12px;
10784 background-position: -2545px 0px;
10785 }
10786 .latepoint-admin .lp_iti__flag.lp_iti__jm, .latepoint .lp_iti__flag.lp_iti__jm {
10787 height: 10px;
10788 background-position: -2567px 0px;
10789 }
10790 .latepoint-admin .lp_iti__flag.lp_iti__jo, .latepoint .lp_iti__flag.lp_iti__jo {
10791 height: 10px;
10792 background-position: -2589px 0px;
10793 }
10794 .latepoint-admin .lp_iti__flag.lp_iti__jp, .latepoint .lp_iti__flag.lp_iti__jp {
10795 height: 14px;
10796 background-position: -2611px 0px;
10797 }
10798 .latepoint-admin .lp_iti__flag.lp_iti__ke, .latepoint .lp_iti__flag.lp_iti__ke {
10799 height: 14px;
10800 background-position: -2633px 0px;
10801 }
10802 .latepoint-admin .lp_iti__flag.lp_iti__kg, .latepoint .lp_iti__flag.lp_iti__kg {
10803 height: 12px;
10804 background-position: -2655px 0px;
10805 }
10806 .latepoint-admin .lp_iti__flag.lp_iti__kh, .latepoint .lp_iti__flag.lp_iti__kh {
10807 height: 13px;
10808 background-position: -2677px 0px;
10809 }
10810 .latepoint-admin .lp_iti__flag.lp_iti__ki, .latepoint .lp_iti__flag.lp_iti__ki {
10811 height: 10px;
10812 background-position: -2699px 0px;
10813 }
10814 .latepoint-admin .lp_iti__flag.lp_iti__km, .latepoint .lp_iti__flag.lp_iti__km {
10815 height: 12px;
10816 background-position: -2721px 0px;
10817 }
10818 .latepoint-admin .lp_iti__flag.lp_iti__kn, .latepoint .lp_iti__flag.lp_iti__kn {
10819 height: 14px;
10820 background-position: -2743px 0px;
10821 }
10822 .latepoint-admin .lp_iti__flag.lp_iti__kp, .latepoint .lp_iti__flag.lp_iti__kp {
10823 height: 10px;
10824 background-position: -2765px 0px;
10825 }
10826 .latepoint-admin .lp_iti__flag.lp_iti__kr, .latepoint .lp_iti__flag.lp_iti__kr {
10827 height: 14px;
10828 background-position: -2787px 0px;
10829 }
10830 .latepoint-admin .lp_iti__flag.lp_iti__kw, .latepoint .lp_iti__flag.lp_iti__kw {
10831 height: 10px;
10832 background-position: -2809px 0px;
10833 }
10834 .latepoint-admin .lp_iti__flag.lp_iti__ky, .latepoint .lp_iti__flag.lp_iti__ky {
10835 height: 10px;
10836 background-position: -2831px 0px;
10837 }
10838 .latepoint-admin .lp_iti__flag.lp_iti__kz, .latepoint .lp_iti__flag.lp_iti__kz {
10839 height: 10px;
10840 background-position: -2853px 0px;
10841 }
10842 .latepoint-admin .lp_iti__flag.lp_iti__la, .latepoint .lp_iti__flag.lp_iti__la {
10843 height: 14px;
10844 background-position: -2875px 0px;
10845 }
10846 .latepoint-admin .lp_iti__flag.lp_iti__lb, .latepoint .lp_iti__flag.lp_iti__lb {
10847 height: 14px;
10848 background-position: -2897px 0px;
10849 }
10850 .latepoint-admin .lp_iti__flag.lp_iti__lc, .latepoint .lp_iti__flag.lp_iti__lc {
10851 height: 10px;
10852 background-position: -2919px 0px;
10853 }
10854 .latepoint-admin .lp_iti__flag.lp_iti__li, .latepoint .lp_iti__flag.lp_iti__li {
10855 height: 12px;
10856 background-position: -2941px 0px;
10857 }
10858 .latepoint-admin .lp_iti__flag.lp_iti__lk, .latepoint .lp_iti__flag.lp_iti__lk {
10859 height: 10px;
10860 background-position: -2963px 0px;
10861 }
10862 .latepoint-admin .lp_iti__flag.lp_iti__lr, .latepoint .lp_iti__flag.lp_iti__lr {
10863 height: 11px;
10864 background-position: -2985px 0px;
10865 }
10866 .latepoint-admin .lp_iti__flag.lp_iti__ls, .latepoint .lp_iti__flag.lp_iti__ls {
10867 height: 14px;
10868 background-position: -3007px 0px;
10869 }
10870 .latepoint-admin .lp_iti__flag.lp_iti__lt, .latepoint .lp_iti__flag.lp_iti__lt {
10871 height: 12px;
10872 background-position: -3029px 0px;
10873 }
10874 .latepoint-admin .lp_iti__flag.lp_iti__lu, .latepoint .lp_iti__flag.lp_iti__lu {
10875 height: 12px;
10876 background-position: -3051px 0px;
10877 }
10878 .latepoint-admin .lp_iti__flag.lp_iti__lv, .latepoint .lp_iti__flag.lp_iti__lv {
10879 height: 10px;
10880 background-position: -3073px 0px;
10881 }
10882 .latepoint-admin .lp_iti__flag.lp_iti__ly, .latepoint .lp_iti__flag.lp_iti__ly {
10883 height: 10px;
10884 background-position: -3095px 0px;
10885 }
10886 .latepoint-admin .lp_iti__flag.lp_iti__ma, .latepoint .lp_iti__flag.lp_iti__ma {
10887 height: 14px;
10888 background-position: -3117px 0px;
10889 }
10890 .latepoint-admin .lp_iti__flag.lp_iti__mc, .latepoint .lp_iti__flag.lp_iti__mc {
10891 height: 15px;
10892 background-position: -3139px 0px;
10893 }
10894 .latepoint-admin .lp_iti__flag.lp_iti__md, .latepoint .lp_iti__flag.lp_iti__md {
10895 height: 10px;
10896 background-position: -3160px 0px;
10897 }
10898 .latepoint-admin .lp_iti__flag.lp_iti__me, .latepoint .lp_iti__flag.lp_iti__me {
10899 height: 10px;
10900 background-position: -3182px 0px;
10901 }
10902 .latepoint-admin .lp_iti__flag.lp_iti__mf, .latepoint .lp_iti__flag.lp_iti__mf {
10903 height: 14px;
10904 background-position: -3204px 0px;
10905 }
10906 .latepoint-admin .lp_iti__flag.lp_iti__mg, .latepoint .lp_iti__flag.lp_iti__mg {
10907 height: 14px;
10908 background-position: -3226px 0px;
10909 }
10910 .latepoint-admin .lp_iti__flag.lp_iti__mh, .latepoint .lp_iti__flag.lp_iti__mh {
10911 height: 11px;
10912 background-position: -3248px 0px;
10913 }
10914 .latepoint-admin .lp_iti__flag.lp_iti__mk, .latepoint .lp_iti__flag.lp_iti__mk {
10915 height: 10px;
10916 background-position: -3270px 0px;
10917 }
10918 .latepoint-admin .lp_iti__flag.lp_iti__ml, .latepoint .lp_iti__flag.lp_iti__ml {
10919 height: 14px;
10920 background-position: -3292px 0px;
10921 }
10922 .latepoint-admin .lp_iti__flag.lp_iti__mm, .latepoint .lp_iti__flag.lp_iti__mm {
10923 height: 14px;
10924 background-position: -3314px 0px;
10925 }
10926 .latepoint-admin .lp_iti__flag.lp_iti__mn, .latepoint .lp_iti__flag.lp_iti__mn {
10927 height: 10px;
10928 background-position: -3336px 0px;
10929 }
10930 .latepoint-admin .lp_iti__flag.lp_iti__mo, .latepoint .lp_iti__flag.lp_iti__mo {
10931 height: 14px;
10932 background-position: -3358px 0px;
10933 }
10934 .latepoint-admin .lp_iti__flag.lp_iti__mp, .latepoint .lp_iti__flag.lp_iti__mp {
10935 height: 10px;
10936 background-position: -3380px 0px;
10937 }
10938 .latepoint-admin .lp_iti__flag.lp_iti__mq, .latepoint .lp_iti__flag.lp_iti__mq {
10939 height: 14px;
10940 background-position: -3402px 0px;
10941 }
10942 .latepoint-admin .lp_iti__flag.lp_iti__mr, .latepoint .lp_iti__flag.lp_iti__mr {
10943 height: 14px;
10944 background-position: -3424px 0px;
10945 }
10946 .latepoint-admin .lp_iti__flag.lp_iti__ms, .latepoint .lp_iti__flag.lp_iti__ms {
10947 height: 10px;
10948 background-position: -3446px 0px;
10949 }
10950 .latepoint-admin .lp_iti__flag.lp_iti__mt, .latepoint .lp_iti__flag.lp_iti__mt {
10951 height: 14px;
10952 background-position: -3468px 0px;
10953 }
10954 .latepoint-admin .lp_iti__flag.lp_iti__mu, .latepoint .lp_iti__flag.lp_iti__mu {
10955 height: 14px;
10956 background-position: -3490px 0px;
10957 }
10958 .latepoint-admin .lp_iti__flag.lp_iti__mv, .latepoint .lp_iti__flag.lp_iti__mv {
10959 height: 14px;
10960 background-position: -3512px 0px;
10961 }
10962 .latepoint-admin .lp_iti__flag.lp_iti__mw, .latepoint .lp_iti__flag.lp_iti__mw {
10963 height: 14px;
10964 background-position: -3534px 0px;
10965 }
10966 .latepoint-admin .lp_iti__flag.lp_iti__mx, .latepoint .lp_iti__flag.lp_iti__mx {
10967 height: 12px;
10968 background-position: -3556px 0px;
10969 }
10970 .latepoint-admin .lp_iti__flag.lp_iti__my, .latepoint .lp_iti__flag.lp_iti__my {
10971 height: 10px;
10972 background-position: -3578px 0px;
10973 }
10974 .latepoint-admin .lp_iti__flag.lp_iti__mz, .latepoint .lp_iti__flag.lp_iti__mz {
10975 height: 14px;
10976 background-position: -3600px 0px;
10977 }
10978 .latepoint-admin .lp_iti__flag.lp_iti__na, .latepoint .lp_iti__flag.lp_iti__na {
10979 height: 14px;
10980 background-position: -3622px 0px;
10981 }
10982 .latepoint-admin .lp_iti__flag.lp_iti__nc, .latepoint .lp_iti__flag.lp_iti__nc {
10983 height: 10px;
10984 background-position: -3644px 0px;
10985 }
10986 .latepoint-admin .lp_iti__flag.lp_iti__ne, .latepoint .lp_iti__flag.lp_iti__ne {
10987 height: 15px;
10988 background-position: -3666px 0px;
10989 }
10990 .latepoint-admin .lp_iti__flag.lp_iti__nf, .latepoint .lp_iti__flag.lp_iti__nf {
10991 height: 10px;
10992 background-position: -3686px 0px;
10993 }
10994 .latepoint-admin .lp_iti__flag.lp_iti__ng, .latepoint .lp_iti__flag.lp_iti__ng {
10995 height: 10px;
10996 background-position: -3708px 0px;
10997 }
10998 .latepoint-admin .lp_iti__flag.lp_iti__ni, .latepoint .lp_iti__flag.lp_iti__ni {
10999 height: 12px;
11000 background-position: -3730px 0px;
11001 }
11002 .latepoint-admin .lp_iti__flag.lp_iti__nl, .latepoint .lp_iti__flag.lp_iti__nl {
11003 height: 14px;
11004 background-position: -3752px 0px;
11005 }
11006 .latepoint-admin .lp_iti__flag.lp_iti__no, .latepoint .lp_iti__flag.lp_iti__no {
11007 height: 15px;
11008 background-position: -3774px 0px;
11009 }
11010 .latepoint-admin .lp_iti__flag.lp_iti__np, .latepoint .lp_iti__flag.lp_iti__np {
11011 height: 15px;
11012 background-position: -3796px 0px;
11013 }
11014 .latepoint-admin .lp_iti__flag.lp_iti__nr, .latepoint .lp_iti__flag.lp_iti__nr {
11015 height: 10px;
11016 background-position: -3811px 0px;
11017 }
11018 .latepoint-admin .lp_iti__flag.lp_iti__nu, .latepoint .lp_iti__flag.lp_iti__nu {
11019 height: 10px;
11020 background-position: -3833px 0px;
11021 }
11022 .latepoint-admin .lp_iti__flag.lp_iti__nz, .latepoint .lp_iti__flag.lp_iti__nz {
11023 height: 10px;
11024 background-position: -3855px 0px;
11025 }
11026 .latepoint-admin .lp_iti__flag.lp_iti__om, .latepoint .lp_iti__flag.lp_iti__om {
11027 height: 10px;
11028 background-position: -3877px 0px;
11029 }
11030 .latepoint-admin .lp_iti__flag.lp_iti__pa, .latepoint .lp_iti__flag.lp_iti__pa {
11031 height: 14px;
11032 background-position: -3899px 0px;
11033 }
11034 .latepoint-admin .lp_iti__flag.lp_iti__pe, .latepoint .lp_iti__flag.lp_iti__pe {
11035 height: 14px;
11036 background-position: -3921px 0px;
11037 }
11038 .latepoint-admin .lp_iti__flag.lp_iti__pf, .latepoint .lp_iti__flag.lp_iti__pf {
11039 height: 14px;
11040 background-position: -3943px 0px;
11041 }
11042 .latepoint-admin .lp_iti__flag.lp_iti__pg, .latepoint .lp_iti__flag.lp_iti__pg {
11043 height: 15px;
11044 background-position: -3965px 0px;
11045 }
11046 .latepoint-admin .lp_iti__flag.lp_iti__ph, .latepoint .lp_iti__flag.lp_iti__ph {
11047 height: 10px;
11048 background-position: -3987px 0px;
11049 }
11050 .latepoint-admin .lp_iti__flag.lp_iti__pk, .latepoint .lp_iti__flag.lp_iti__pk {
11051 height: 14px;
11052 background-position: -4009px 0px;
11053 }
11054 .latepoint-admin .lp_iti__flag.lp_iti__pl, .latepoint .lp_iti__flag.lp_iti__pl {
11055 height: 13px;
11056 background-position: -4031px 0px;
11057 }
11058 .latepoint-admin .lp_iti__flag.lp_iti__pm, .latepoint .lp_iti__flag.lp_iti__pm {
11059 height: 14px;
11060 background-position: -4053px 0px;
11061 }
11062 .latepoint-admin .lp_iti__flag.lp_iti__pn, .latepoint .lp_iti__flag.lp_iti__pn {
11063 height: 10px;
11064 background-position: -4075px 0px;
11065 }
11066 .latepoint-admin .lp_iti__flag.lp_iti__pr, .latepoint .lp_iti__flag.lp_iti__pr {
11067 height: 14px;
11068 background-position: -4097px 0px;
11069 }
11070 .latepoint-admin .lp_iti__flag.lp_iti__ps, .latepoint .lp_iti__flag.lp_iti__ps {
11071 height: 10px;
11072 background-position: -4119px 0px;
11073 }
11074 .latepoint-admin .lp_iti__flag.lp_iti__pt, .latepoint .lp_iti__flag.lp_iti__pt {
11075 height: 14px;
11076 background-position: -4141px 0px;
11077 }
11078 .latepoint-admin .lp_iti__flag.lp_iti__pw, .latepoint .lp_iti__flag.lp_iti__pw {
11079 height: 13px;
11080 background-position: -4163px 0px;
11081 }
11082 .latepoint-admin .lp_iti__flag.lp_iti__py, .latepoint .lp_iti__flag.lp_iti__py {
11083 height: 11px;
11084 background-position: -4185px 0px;
11085 }
11086 .latepoint-admin .lp_iti__flag.lp_iti__qa, .latepoint .lp_iti__flag.lp_iti__qa {
11087 height: 8px;
11088 background-position: -4207px 0px;
11089 }
11090 .latepoint-admin .lp_iti__flag.lp_iti__re, .latepoint .lp_iti__flag.lp_iti__re {
11091 height: 14px;
11092 background-position: -4229px 0px;
11093 }
11094 .latepoint-admin .lp_iti__flag.lp_iti__ro, .latepoint .lp_iti__flag.lp_iti__ro {
11095 height: 14px;
11096 background-position: -4251px 0px;
11097 }
11098 .latepoint-admin .lp_iti__flag.lp_iti__rs, .latepoint .lp_iti__flag.lp_iti__rs {
11099 height: 14px;
11100 background-position: -4273px 0px;
11101 }
11102 .latepoint-admin .lp_iti__flag.lp_iti__ru, .latepoint .lp_iti__flag.lp_iti__ru {
11103 height: 14px;
11104 background-position: -4295px 0px;
11105 }
11106 .latepoint-admin .lp_iti__flag.lp_iti__rw, .latepoint .lp_iti__flag.lp_iti__rw {
11107 height: 14px;
11108 background-position: -4317px 0px;
11109 }
11110 .latepoint-admin .lp_iti__flag.lp_iti__sa, .latepoint .lp_iti__flag.lp_iti__sa {
11111 height: 14px;
11112 background-position: -4339px 0px;
11113 }
11114 .latepoint-admin .lp_iti__flag.lp_iti__sb, .latepoint .lp_iti__flag.lp_iti__sb {
11115 height: 10px;
11116 background-position: -4361px 0px;
11117 }
11118 .latepoint-admin .lp_iti__flag.lp_iti__sc, .latepoint .lp_iti__flag.lp_iti__sc {
11119 height: 10px;
11120 background-position: -4383px 0px;
11121 }
11122 .latepoint-admin .lp_iti__flag.lp_iti__sd, .latepoint .lp_iti__flag.lp_iti__sd {
11123 height: 10px;
11124 background-position: -4405px 0px;
11125 }
11126 .latepoint-admin .lp_iti__flag.lp_iti__se, .latepoint .lp_iti__flag.lp_iti__se {
11127 height: 13px;
11128 background-position: -4427px 0px;
11129 }
11130 .latepoint-admin .lp_iti__flag.lp_iti__sg, .latepoint .lp_iti__flag.lp_iti__sg {
11131 height: 14px;
11132 background-position: -4449px 0px;
11133 }
11134 .latepoint-admin .lp_iti__flag.lp_iti__sh, .latepoint .lp_iti__flag.lp_iti__sh {
11135 height: 10px;
11136 background-position: -4471px 0px;
11137 }
11138 .latepoint-admin .lp_iti__flag.lp_iti__si, .latepoint .lp_iti__flag.lp_iti__si {
11139 height: 10px;
11140 background-position: -4493px 0px;
11141 }
11142 .latepoint-admin .lp_iti__flag.lp_iti__sj, .latepoint .lp_iti__flag.lp_iti__sj {
11143 height: 15px;
11144 background-position: -4515px 0px;
11145 }
11146 .latepoint-admin .lp_iti__flag.lp_iti__sk, .latepoint .lp_iti__flag.lp_iti__sk {
11147 height: 14px;
11148 background-position: -4537px 0px;
11149 }
11150 .latepoint-admin .lp_iti__flag.lp_iti__sl, .latepoint .lp_iti__flag.lp_iti__sl {
11151 height: 14px;
11152 background-position: -4559px 0px;
11153 }
11154 .latepoint-admin .lp_iti__flag.lp_iti__sm, .latepoint .lp_iti__flag.lp_iti__sm {
11155 height: 15px;
11156 background-position: -4581px 0px;
11157 }
11158 .latepoint-admin .lp_iti__flag.lp_iti__sn, .latepoint .lp_iti__flag.lp_iti__sn {
11159 height: 14px;
11160 background-position: -4603px 0px;
11161 }
11162 .latepoint-admin .lp_iti__flag.lp_iti__so, .latepoint .lp_iti__flag.lp_iti__so {
11163 height: 14px;
11164 background-position: -4625px 0px;
11165 }
11166 .latepoint-admin .lp_iti__flag.lp_iti__sr, .latepoint .lp_iti__flag.lp_iti__sr {
11167 height: 14px;
11168 background-position: -4647px 0px;
11169 }
11170 .latepoint-admin .lp_iti__flag.lp_iti__ss, .latepoint .lp_iti__flag.lp_iti__ss {
11171 height: 10px;
11172 background-position: -4669px 0px;
11173 }
11174 .latepoint-admin .lp_iti__flag.lp_iti__st, .latepoint .lp_iti__flag.lp_iti__st {
11175 height: 10px;
11176 background-position: -4691px 0px;
11177 }
11178 .latepoint-admin .lp_iti__flag.lp_iti__sv, .latepoint .lp_iti__flag.lp_iti__sv {
11179 height: 12px;
11180 background-position: -4713px 0px;
11181 }
11182 .latepoint-admin .lp_iti__flag.lp_iti__sx, .latepoint .lp_iti__flag.lp_iti__sx {
11183 height: 14px;
11184 background-position: -4735px 0px;
11185 }
11186 .latepoint-admin .lp_iti__flag.lp_iti__sy, .latepoint .lp_iti__flag.lp_iti__sy {
11187 height: 14px;
11188 background-position: -4757px 0px;
11189 }
11190 .latepoint-admin .lp_iti__flag.lp_iti__sz, .latepoint .lp_iti__flag.lp_iti__sz {
11191 height: 14px;
11192 background-position: -4779px 0px;
11193 }
11194 .latepoint-admin .lp_iti__flag.lp_iti__ta, .latepoint .lp_iti__flag.lp_iti__ta {
11195 height: 10px;
11196 background-position: -4801px 0px;
11197 }
11198 .latepoint-admin .lp_iti__flag.lp_iti__tc, .latepoint .lp_iti__flag.lp_iti__tc {
11199 height: 10px;
11200 background-position: -4823px 0px;
11201 }
11202 .latepoint-admin .lp_iti__flag.lp_iti__td, .latepoint .lp_iti__flag.lp_iti__td {
11203 height: 14px;
11204 background-position: -4845px 0px;
11205 }
11206 .latepoint-admin .lp_iti__flag.lp_iti__tf, .latepoint .lp_iti__flag.lp_iti__tf {
11207 height: 14px;
11208 background-position: -4867px 0px;
11209 }
11210 .latepoint-admin .lp_iti__flag.lp_iti__tg, .latepoint .lp_iti__flag.lp_iti__tg {
11211 height: 13px;
11212 background-position: -4889px 0px;
11213 }
11214 .latepoint-admin .lp_iti__flag.lp_iti__th, .latepoint .lp_iti__flag.lp_iti__th {
11215 height: 14px;
11216 background-position: -4911px 0px;
11217 }
11218 .latepoint-admin .lp_iti__flag.lp_iti__tj, .latepoint .lp_iti__flag.lp_iti__tj {
11219 height: 10px;
11220 background-position: -4933px 0px;
11221 }
11222 .latepoint-admin .lp_iti__flag.lp_iti__tk, .latepoint .lp_iti__flag.lp_iti__tk {
11223 height: 10px;
11224 background-position: -4955px 0px;
11225 }
11226 .latepoint-admin .lp_iti__flag.lp_iti__tl, .latepoint .lp_iti__flag.lp_iti__tl {
11227 height: 10px;
11228 background-position: -4977px 0px;
11229 }
11230 .latepoint-admin .lp_iti__flag.lp_iti__tm, .latepoint .lp_iti__flag.lp_iti__tm {
11231 height: 14px;
11232 background-position: -4999px 0px;
11233 }
11234 .latepoint-admin .lp_iti__flag.lp_iti__tn, .latepoint .lp_iti__flag.lp_iti__tn {
11235 height: 14px;
11236 background-position: -5021px 0px;
11237 }
11238 .latepoint-admin .lp_iti__flag.lp_iti__to, .latepoint .lp_iti__flag.lp_iti__to {
11239 height: 10px;
11240 background-position: -5043px 0px;
11241 }
11242 .latepoint-admin .lp_iti__flag.lp_iti__tr, .latepoint .lp_iti__flag.lp_iti__tr {
11243 height: 14px;
11244 background-position: -5065px 0px;
11245 }
11246 .latepoint-admin .lp_iti__flag.lp_iti__tt, .latepoint .lp_iti__flag.lp_iti__tt {
11247 height: 12px;
11248 background-position: -5087px 0px;
11249 }
11250 .latepoint-admin .lp_iti__flag.lp_iti__tv, .latepoint .lp_iti__flag.lp_iti__tv {
11251 height: 10px;
11252 background-position: -5109px 0px;
11253 }
11254 .latepoint-admin .lp_iti__flag.lp_iti__tw, .latepoint .lp_iti__flag.lp_iti__tw {
11255 height: 14px;
11256 background-position: -5131px 0px;
11257 }
11258 .latepoint-admin .lp_iti__flag.lp_iti__tz, .latepoint .lp_iti__flag.lp_iti__tz {
11259 height: 14px;
11260 background-position: -5153px 0px;
11261 }
11262 .latepoint-admin .lp_iti__flag.lp_iti__ua, .latepoint .lp_iti__flag.lp_iti__ua {
11263 height: 14px;
11264 background-position: -5175px 0px;
11265 }
11266 .latepoint-admin .lp_iti__flag.lp_iti__ug, .latepoint .lp_iti__flag.lp_iti__ug {
11267 height: 14px;
11268 background-position: -5197px 0px;
11269 }
11270 .latepoint-admin .lp_iti__flag.lp_iti__um, .latepoint .lp_iti__flag.lp_iti__um {
11271 height: 11px;
11272 background-position: -5219px 0px;
11273 }
11274 .latepoint-admin .lp_iti__flag.lp_iti__un, .latepoint .lp_iti__flag.lp_iti__un {
11275 height: 14px;
11276 background-position: -5241px 0px;
11277 }
11278 .latepoint-admin .lp_iti__flag.lp_iti__us, .latepoint .lp_iti__flag.lp_iti__us {
11279 height: 11px;
11280 background-position: -5263px 0px;
11281 }
11282 .latepoint-admin .lp_iti__flag.lp_iti__uy, .latepoint .lp_iti__flag.lp_iti__uy {
11283 height: 14px;
11284 background-position: -5285px 0px;
11285 }
11286 .latepoint-admin .lp_iti__flag.lp_iti__uz, .latepoint .lp_iti__flag.lp_iti__uz {
11287 height: 10px;
11288 background-position: -5307px 0px;
11289 }
11290 .latepoint-admin .lp_iti__flag.lp_iti__va, .latepoint .lp_iti__flag.lp_iti__va {
11291 height: 15px;
11292 background-position: -5329px 0px;
11293 }
11294 .latepoint-admin .lp_iti__flag.lp_iti__vc, .latepoint .lp_iti__flag.lp_iti__vc {
11295 height: 14px;
11296 background-position: -5346px 0px;
11297 }
11298 .latepoint-admin .lp_iti__flag.lp_iti__ve, .latepoint .lp_iti__flag.lp_iti__ve {
11299 height: 14px;
11300 background-position: -5368px 0px;
11301 }
11302 .latepoint-admin .lp_iti__flag.lp_iti__vg, .latepoint .lp_iti__flag.lp_iti__vg {
11303 height: 10px;
11304 background-position: -5390px 0px;
11305 }
11306 .latepoint-admin .lp_iti__flag.lp_iti__vi, .latepoint .lp_iti__flag.lp_iti__vi {
11307 height: 14px;
11308 background-position: -5412px 0px;
11309 }
11310 .latepoint-admin .lp_iti__flag.lp_iti__vn, .latepoint .lp_iti__flag.lp_iti__vn {
11311 height: 14px;
11312 background-position: -5434px 0px;
11313 }
11314 .latepoint-admin .lp_iti__flag.lp_iti__vu, .latepoint .lp_iti__flag.lp_iti__vu {
11315 height: 12px;
11316 background-position: -5456px 0px;
11317 }
11318 .latepoint-admin .lp_iti__flag.lp_iti__wf, .latepoint .lp_iti__flag.lp_iti__wf {
11319 height: 14px;
11320 background-position: -5478px 0px;
11321 }
11322 .latepoint-admin .lp_iti__flag.lp_iti__ws, .latepoint .lp_iti__flag.lp_iti__ws {
11323 height: 10px;
11324 background-position: -5500px 0px;
11325 }
11326 .latepoint-admin .lp_iti__flag.lp_iti__xk, .latepoint .lp_iti__flag.lp_iti__xk {
11327 height: 15px;
11328 background-position: -5522px 0px;
11329 }
11330 .latepoint-admin .lp_iti__flag.lp_iti__ye, .latepoint .lp_iti__flag.lp_iti__ye {
11331 height: 14px;
11332 background-position: -5544px 0px;
11333 }
11334 .latepoint-admin .lp_iti__flag.lp_iti__yt, .latepoint .lp_iti__flag.lp_iti__yt {
11335 height: 14px;
11336 background-position: -5566px 0px;
11337 }
11338 .latepoint-admin .lp_iti__flag.lp_iti__za, .latepoint .lp_iti__flag.lp_iti__za {
11339 height: 14px;
11340 background-position: -5588px 0px;
11341 }
11342 .latepoint-admin .lp_iti__flag.lp_iti__zm, .latepoint .lp_iti__flag.lp_iti__zm {
11343 height: 14px;
11344 background-position: -5610px 0px;
11345 }
11346 .latepoint-admin .lp_iti__flag.lp_iti__zw, .latepoint .lp_iti__flag.lp_iti__zw {
11347 height: 10px;
11348 background-position: -5632px 0px;
11349 }
11350 .latepoint-admin .lp_iti__flag, .latepoint .lp_iti__flag {
11351 height: 15px;
11352 box-shadow: none;
11353 border-radius: 2px;
11354 background-image: url("../images/intl-tel-input/flags.png");
11355 background-repeat: no-repeat;
11356 background-color: #DBDBDB;
11357 background-position: 20px 0;
11358 }
11359 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
11360 .latepoint-admin .lp_iti__flag, .latepoint .lp_iti__flag {
11361 background-image: url("../images/intl-tel-input/flags@2x.png");
11362 }
11363 }
11364 .latepoint-admin .lp_iti__flag.lp_iti__np, .latepoint .lp_iti__flag.lp_iti__np {
11365 background-color: transparent;
11366 }
11367
11368 .latepoint-admin .lp_iti__country-list {
11369 font-size: 13px;
11370 }
11371
11372 /*# sourceMappingURL=front.css.map */
11373