PluginProbe ʕ •ᴥ•ʔ
Appointment Booking Plugin – LatePoint | Calendar & Scheduling for WordPress / 5.1.6
Appointment Booking Plugin – LatePoint | Calendar & Scheduling for WordPress v5.1.6
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
11445 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 .os-recurring-suggestion-wrapper {
3231 background-color: #fff;
3232 padding: 30px;
3233 position: absolute;
3234 box-shadow: 0 6px 26px -4px rgba(0, 0, 0, 0.3), 0 1px 2px 0 rgba(0, 0, 0, 0.4);
3235 top: 50%;
3236 left: 50%;
3237 transform: translate(-50%, -50%);
3238 width: 70%;
3239 z-index: 99999;
3240 }
3241 .reschedule-calendar-wrapper .step-datepicker-w.show-recurring-prompt .os-dates-w {
3242 filter: blur(2px);
3243 }
3244 .reschedule-calendar-wrapper .step-datepicker-w.show-recurring-prompt .time-selector-w {
3245 filter: blur(2px);
3246 }
3247 .reschedule-calendar-wrapper .os-recurring-suggestion .os-recurring-suggestion-heading {
3248 text-align: center;
3249 margin-bottom: 15px;
3250 color: #14161d;
3251 font-size: 17px;
3252 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
3253 font-weight: 600;
3254 }
3255 .reschedule-calendar-wrapper .os-recurring-suggestion .os-recurring-suggestion-options {
3256 display: flex;
3257 justify-content: space-evenly;
3258 }
3259 .reschedule-calendar-wrapper .os-recurring-suggestion .os-recurring-suggestion-options .os-recurring-suggestion-option {
3260 padding: 5px 15px;
3261 border: 1px solid #14161d;
3262 cursor: pointer;
3263 color: #14161d;
3264 font-size: 17px;
3265 }
3266 .reschedule-calendar-wrapper .time-selector-w {
3267 display: none;
3268 margin-top: 20px;
3269 margin-left: -2px;
3270 margin-right: -2px;
3271 }
3272 .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 {
3273 display: none;
3274 }
3275 .reschedule-calendar-wrapper .time-selector-w .th-timezone {
3276 text-transform: uppercase;
3277 font-size: 10px;
3278 letter-spacing: 0.5px;
3279 margin-top: 4px;
3280 }
3281 .reschedule-calendar-wrapper .time-selector-w .th-timezone strong {
3282 color: #7c85a3;
3283 }
3284 .reschedule-calendar-wrapper .time-selector-w.style-timebox {
3285 margin-top: 20px;
3286 }
3287 .reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots {
3288 display: grid;
3289 grid-template-columns: repeat(2, 1fr);
3290 grid-gap: 10px;
3291 }
3292 .reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots.slots-not-available {
3293 grid-template-columns: repeat(1, 1fr) !important;
3294 }
3295 .reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots .not-working-message {
3296 border-radius: 4px;
3297 padding: 6px;
3298 }
3299 .reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots .dp-timebox .dp-label-capacity {
3300 display: none;
3301 }
3302 .reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots .dp-timebox.is-off {
3303 display: none;
3304 }
3305 .reschedule-calendar-wrapper .time-selector-w.style-timebox .times-header {
3306 display: flex;
3307 align-items: center;
3308 margin-bottom: 10px;
3309 padding-top: 10px;
3310 }
3311 .reschedule-calendar-wrapper .time-selector-w.style-timebox .times-header .times-header-label {
3312 flex: 1;
3313 margin: 0px 15px;
3314 white-space: nowrap;
3315 }
3316 .reschedule-calendar-wrapper .time-selector-w.style-timebox .times-header .th-line {
3317 height: 1px;
3318 flex: 1;
3319 background-color: rgba(0, 0, 0, 0.1);
3320 content: "";
3321 }
3322 .reschedule-calendar-wrapper .time-selector-w.style-timeline {
3323 padding-bottom: 30px;
3324 flex-wrap: no-wrap;
3325 }
3326 .reschedule-calendar-wrapper .time-selector-w.with-end-time.time-system-12 .timeslots {
3327 grid-template-columns: repeat(2, 1fr);
3328 }
3329 .reschedule-calendar-wrapper .time-selector-w.with-end-time.time-system-12 .dp-timebox span.dp-label-end-time {
3330 opacity: 0.7;
3331 }
3332 .reschedule-calendar-wrapper .time-selector-w.with-end-time.time-system-24 .timeslots {
3333 grid-template-columns: repeat(3, 1fr);
3334 }
3335 .reschedule-calendar-wrapper .time-selector-w.with-end-time.time-system-24 .dp-timebox span.dp-label-end-time {
3336 opacity: 0.7;
3337 }
3338 .reschedule-calendar-wrapper .time-selector-w.without-end-time.time-system-12 .timeslots {
3339 grid-template-columns: repeat(4, 1fr);
3340 }
3341 .reschedule-calendar-wrapper .time-selector-w.without-end-time.time-system-24 .timeslots {
3342 grid-template-columns: repeat(5, 1fr);
3343 }
3344 .reschedule-calendar-wrapper .dp-timeslot {
3345 height: 24px;
3346 flex-grow: 1;
3347 margin: 0px;
3348 box-shadow: inset 1px 0px 0px 0px #fff, inset -1px 0px 0px 0px #fff;
3349 border-radius: 0px;
3350 position: relative;
3351 cursor: pointer;
3352 background-color: #8fe286;
3353 }
3354 .reschedule-calendar-wrapper .dp-timeslot:focus-visible {
3355 outline: 2px solid var(--latepoint-brand-primary);
3356 }
3357 .reschedule-calendar-wrapper .dp-timeslot .dp-tick {
3358 position: absolute;
3359 display: block;
3360 top: 34px;
3361 left: 50%;
3362 transform: translateX(-50%);
3363 font-size: 8px;
3364 text-align: center;
3365 color: rgba(0, 0, 0, 0.4);
3366 text-transform: uppercase;
3367 line-height: 1.4;
3368 font-weight: 600;
3369 letter-spacing: 1px;
3370 }
3371 .reschedule-calendar-wrapper .dp-timeslot .dp-tick strong {
3372 display: block;
3373 color: rgb(0, 0, 0);
3374 font-size: 11px;
3375 line-height: 1;
3376 letter-spacing: 0px;
3377 white-space: nowrap;
3378 }
3379 .reschedule-calendar-wrapper .dp-timeslot .dp-success-label {
3380 color: rgba(255, 255, 255, 0.8);
3381 display: block;
3382 text-align: center;
3383 margin-bottom: 4px;
3384 text-transform: uppercase;
3385 letter-spacing: 1px;
3386 font-size: 10px;
3387 }
3388 .reschedule-calendar-wrapper .dp-timeslot .dp-label {
3389 display: none;
3390 text-align: center;
3391 padding: 7px 8px 7px 8px;
3392 line-height: 1;
3393 background-color: #04bb03;
3394 color: #fff;
3395 font-size: 12px;
3396 font-weight: 600;
3397 position: absolute;
3398 left: 50%;
3399 top: -8px;
3400 transform: translate(-50%, -100%);
3401 white-space: nowrap;
3402 transition: all 0.2s ease;
3403 z-index: 10;
3404 }
3405 .reschedule-calendar-wrapper .dp-timeslot .dp-label-capacity {
3406 display: block;
3407 color: rgba(255, 255, 255, 0.8);
3408 text-align: center;
3409 margin-bottom: 4px;
3410 text-transform: uppercase;
3411 letter-spacing: 1px;
3412 font-size: 10px;
3413 }
3414 .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked), .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off) {
3415 background-color: var(--latepoint-brand-primary);
3416 z-index: 4;
3417 }
3418 .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked) .dp-label-capacity, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off) .dp-label-capacity {
3419 display: none;
3420 }
3421 .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked):hover, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off):hover {
3422 background-color: var(--latepoint-brand-primary);
3423 }
3424 .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked):after, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off):after {
3425 content: "";
3426 position: absolute;
3427 width: 1px;
3428 left: 50%;
3429 transform: translateX(-50%);
3430 top: 0px;
3431 bottom: 0px;
3432 background-color: var(--latepoint-brand-primary);
3433 display: none;
3434 }
3435 .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked) .dp-label, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off) .dp-label {
3436 top: -3px;
3437 background-color: var(--latepoint-brand-primary);
3438 color: #fff;
3439 display: block;
3440 }
3441 .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked):before, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off):before {
3442 background-color: var(--latepoint-brand-primary);
3443 display: block;
3444 width: 10px;
3445 height: 10px;
3446 transform: translateX(-50%) rotate(45deg);
3447 top: -12px;
3448 left: 50%;
3449 }
3450 .reschedule-calendar-wrapper .dp-timeslot.is-booked {
3451 background-color: #e6e9ef;
3452 margin: 0px;
3453 cursor: not-allowed;
3454 }
3455 .reschedule-calendar-wrapper .dp-timeslot.is-booked:before {
3456 background-color: #E42806;
3457 }
3458 .reschedule-calendar-wrapper .dp-timeslot.is-booked .dp-label {
3459 background-color: #E42806;
3460 }
3461 .reschedule-calendar-wrapper .dp-timeslot.is-booked:hover {
3462 background-color: #E42806;
3463 }
3464 .reschedule-calendar-wrapper .dp-timeslot.is-off {
3465 background-color: #e6e9ef;
3466 margin: 0px;
3467 border-color: #fff;
3468 max-width: 25%;
3469 cursor: not-allowed;
3470 }
3471 .reschedule-calendar-wrapper .dp-timeslot.is-off:before {
3472 background-color: #E42806;
3473 }
3474 .reschedule-calendar-wrapper .dp-timeslot.is-off .dp-label {
3475 background-color: #E42806;
3476 }
3477 .reschedule-calendar-wrapper .dp-timeslot.is-off:hover {
3478 background-color: #e6e9ef;
3479 }
3480 .reschedule-calendar-wrapper .dp-timeslot.is-off:hover .dp-label {
3481 display: none;
3482 }
3483 .reschedule-calendar-wrapper .dp-timeslot.with-tick:after {
3484 content: "";
3485 position: absolute;
3486 width: 1px;
3487 left: 50%;
3488 height: 3px;
3489 bottom: -7px;
3490 background-color: rgba(0, 0, 0, 0.4);
3491 }
3492 .reschedule-calendar-wrapper .dp-timeslot:hover {
3493 background-color: #04bb03;
3494 }
3495 .reschedule-calendar-wrapper .dp-timeslot:hover:before {
3496 top: 0px;
3497 }
3498 .reschedule-calendar-wrapper .dp-timeslot:hover .dp-label {
3499 display: block;
3500 }
3501 .reschedule-calendar-wrapper .os-monthly-calendar-days {
3502 grid-gap: 10px;
3503 }
3504 .reschedule-calendar-wrapper .os-weekdays {
3505 margin-top: 15px;
3506 border-top: 1px solid #f8f8f8;
3507 padding-top: 15px;
3508 }
3509 .reschedule-calendar-wrapper .os-dates-w {
3510 margin: 0;
3511 }
3512 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn {
3513 right: 0;
3514 }
3515 .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn {
3516 left: 0;
3517 }
3518 .reschedule-calendar-wrapper .os-current-month-label-w .os-current-month-label {
3519 margin: 0;
3520 }
3521
3522 .latepoint-lightbox-w .reschedule-confirmation-wrapper {
3523 text-align: center;
3524 }
3525 .latepoint-lightbox-w .reschedule-confirmation-wrapper .icon-w {
3526 margin-bottom: 20px;
3527 }
3528 .latepoint-lightbox-w .reschedule-confirmation-wrapper .icon-w i {
3529 background: #d1ffdd;
3530 padding: 15px;
3531 border-radius: 40px;
3532 color: #18a35b;
3533 font-size: 28px;
3534 display: inline-block;
3535 }
3536 .latepoint-lightbox-w .reschedule-confirmation-wrapper h2 {
3537 margin: 0 0 10px 0;
3538 font-size: 30px;
3539 color: #14161d;
3540 }
3541 .latepoint-lightbox-w .reschedule-confirmation-wrapper .desc {
3542 font-size: 21px;
3543 margin-bottom: 20px;
3544 }
3545 .latepoint-lightbox-w .reschedule-confirmation-wrapper .rescheduled-date-time-info .info-label {
3546 color: #7c85a3;
3547 margin-bottom: 5px;
3548 }
3549 .latepoint-lightbox-w .reschedule-confirmation-wrapper .rescheduled-date-time-info .info-value {
3550 font-weight: 600;
3551 }
3552
3553 .bundle-services .bundle-included-service-wrapper {
3554 display: flex;
3555 padding: 10px 0;
3556 font-size: 15px;
3557 justify-content: space-between;
3558 }
3559 .bundle-services .bundle-included-service-wrapper .bundle-included-service-name {
3560 color: #7c85a3;
3561 }
3562 .bundle-services .bundle-included-service-wrapper .bundle-included-service-quantity {
3563 font-weight: 600;
3564 }
3565 .bundle-services .bundle-included-service-wrapper + .bundle-included-service-wrapper {
3566 border-top: 1px solid #f1f1f1;
3567 }
3568
3569 .customer-bundle-tile {
3570 color: #222;
3571 align-self: flex-start;
3572 position: relative;
3573 }
3574 .customer-bundle-tile .customer-bundle-tile-inner {
3575 background: #FFFFFF;
3576 border: 1px solid #ddd;
3577 border-bottom-color: #ccc;
3578 box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
3579 padding: 25px;
3580 position: relative;
3581 z-index: 3;
3582 }
3583 .customer-bundle-tile .customer-bundle-tile-shadow {
3584 z-index: 2;
3585 position: absolute;
3586 left: 6px;
3587 right: 6px;
3588 bottom: -5px;
3589 height: 10px;
3590 box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
3591 background-color: #fff;
3592 }
3593 .customer-bundle-tile .customer-bundle-tile-shadow + .customer-bundle-tile-shadow {
3594 bottom: -11px;
3595 z-index: 1;
3596 left: 12px;
3597 right: 12px;
3598 box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
3599 }
3600 .customer-bundle-tile .bundle-main-info-wrapper {
3601 display: flex;
3602 justify-content: space-between;
3603 padding-bottom: 35px;
3604 border-bottom: 1px solid #f1f1f1;
3605 align-items: flex-start;
3606 }
3607 .customer-bundle-tile .bundle-main-info-wrapper .bundle-icon {
3608 padding: 10px;
3609 line-height: 20px;
3610 font-size: 20px;
3611 background-color: color-mix(in srgb, var(--latepoint-brand-primary) 10%, transparent);
3612 border-radius: 30px;
3613 color: var(--latepoint-brand-primary);
3614 }
3615 .customer-bundle-tile .bundle-name {
3616 color: #14161d;
3617 padding-bottom: 5px;
3618 margin: 0px;
3619 text-align: left;
3620 text-transform: none;
3621 font-size: 21px;
3622 line-height: 1.2;
3623 }
3624 .customer-bundle-tile .bundle-order-info a {
3625 color: var(--latepoint-brand-primary);
3626 border-bottom: 1px dotted var(--latepoint-brand-primary);
3627 text-decoration: none;
3628 }
3629 .customer-bundle-tile .customer-bundle-bottom-actions {
3630 display: flex;
3631 align-items: center;
3632 gap: 20px;
3633 padding-top: 25px;
3634 border-top: 1px solid #eee;
3635 justify-content: stretch;
3636 }
3637 .customer-bundle-tile .customer-bundle-bottom-actions .latepoint-btn {
3638 padding: 7px 10px;
3639 }
3640 .latepoint-customer-bundle-scheduling-summary {
3641 padding: 30px;
3642 }
3643 .latepoint-customer-bundle-scheduling-summary .summary-box.main-box {
3644 padding: 0;
3645 display: block;
3646 }
3647 .latepoint-customer-bundle-scheduling-summary .summary-box .sbc-big-item {
3648 font-size: 27px;
3649 }
3650 .latepoint-customer-bundle-scheduling-summary .summary-box .sbc-subtle-item {
3651 display: none;
3652 }
3653 .latepoint-customer-bundle-scheduling-summary .bundle-order-small-info a {
3654 color: var(--latepoint-brand-primary);
3655 text-decoration: none;
3656 border-bottom: 1px dotted var(--latepoint-brand-primary);
3657 }
3658 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown {
3659 border-top: 1px solid #f1f1f1;
3660 padding-top: 15px;
3661 margin-top: 20px;
3662 }
3663 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-cancelled-bookings-wrapper .order-item-cancelled-bookings-heading {
3664 padding-top: 5px;
3665 padding-bottom: 5px;
3666 color: #7c85a3;
3667 }
3668 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-cancelled-bookings-wrapper:not(:last-child) {
3669 margin-bottom: 20px;
3670 }
3671 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .bundle-service-info {
3672 margin-bottom: 10px;
3673 color: #7c85a3;
3674 }
3675 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking + .bundle-service-info {
3676 margin-top: 20px;
3677 }
3678 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking {
3679 display: flex;
3680 gap: 8px;
3681 align-items: center;
3682 margin-bottom: 10px;
3683 padding: 8px;
3684 border: 1px dotted #aaa;
3685 cursor: pointer;
3686 position: relative;
3687 }
3688 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking:hover {
3689 border: 1px solid var(--latepoint-brand-primary);
3690 }
3691 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.os-loading:before {
3692 display: block;
3693 content: "";
3694 width: 14px !important;
3695 height: 14px !important;
3696 border-bottom: 2px solid var(--latepoint-brand-primary);
3697 border-left: 2px solid var(--latepoint-brand-primary);
3698 border-top: 2px solid var(--latepoint-brand-primary);
3699 border-right: 2px solid rgba(255, 255, 255, 0);
3700 border-radius: 20px;
3701 position: absolute;
3702 top: 50%;
3703 left: 50%;
3704 transform: translate(-50%, -50%);
3705 animation: os-loading 700ms infinite linear;
3706 background-color: transparent !important;
3707 left: auto;
3708 right: 0px;
3709 }
3710 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.os-loading .bib-icon {
3711 color: transparent;
3712 }
3713 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking .bib-icon {
3714 margin-left: auto;
3715 font-size: 10px;
3716 }
3717 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking .booking-item-status-pill {
3718 width: 15px;
3719 height: 15px;
3720 background-color: #eee;
3721 }
3722 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked {
3723 border: 1px solid #ddd;
3724 border-bottom-color: #bbb;
3725 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
3726 color: #14161d;
3727 }
3728 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked:hover {
3729 box-shadow: none;
3730 border-color: var(--latepoint-brand-primary);
3731 }
3732 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked .booking-item-status-pill {
3733 background-color: #bcd96e;
3734 }
3735 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked.is-past .booking-item-status-pill {
3736 background-color: #d9eba6;
3737 }
3738 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked.bundle-booking-status-pending .booking-item-status-pill {
3739 background-color: #fad277;
3740 }
3741 .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked.bundle-booking-status-cancelled .booking-item-status-pill {
3742 background-color: #fa7b77;
3743 }
3744 .latepoint-customer-bundle-scheduling-summary .bookable-items {
3745 display: none;
3746 gap: 5px;
3747 margin-top: 20px;
3748 }
3749 .latepoint-customer-bundle-scheduling-summary .bookable-items .bookable-item {
3750 flex: 1;
3751 border-radius: 2px;
3752 background-color: #eee;
3753 height: 6px;
3754 }
3755 .latepoint-customer-bundle-scheduling-summary .bookable-items .bookable-item.is-past.is-booked {
3756 background-color: #bcd96e;
3757 }
3758 .latepoint-customer-bundle-scheduling-summary .bookable-items .bookable-item.is-booked {
3759 background-color: #d9eba6;
3760 }
3761
3762 .latepoint-transaction-payment-form {
3763 position: relative;
3764 }
3765 .latepoint-transaction-payment-form .lp-payment-charge-amount {
3766 background-color: #fbf6e1;
3767 color: #877865;
3768 margin-bottom: 20px;
3769 padding: 15px;
3770 text-align: center;
3771 }
3772 .latepoint-transaction-payment-form .lp-payment-charge-amount strong {
3773 color: #000;
3774 }
3775 .latepoint-transaction-payment-form .latepoint-lightbox-footer {
3776 display: flex;
3777 align-items: center;
3778 gap: 10px;
3779 justify-content: space-between;
3780 }
3781 .latepoint-transaction-payment-form .latepoint-lightbox-footer .latepoint-btn-primary {
3782 margin-left: auto;
3783 }
3784 .latepoint-transaction-payment-form .latepoint-lightbox-footer .latepoint-btn.latepoint-btn-block {
3785 flex: 1;
3786 }
3787 .latepoint-transaction-payment-form.os-loading .latepoint-lightbox-footer {
3788 display: none;
3789 }
3790 .entry-content a, .entry-summary a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {
3791 box-shadow: none;
3792 }
3793
3794 .os_trigger_booking {
3795 cursor: pointer;
3796 }
3797
3798 .latepoint-step-svg-highlight {
3799 fill: #020202;
3800 }
3801
3802 .latepoint-step-svg-base {
3803 fill: #020202;
3804 }
3805
3806 .latepoint-w {
3807 line-height: 1.3;
3808 max-width: initial !important;
3809 }
3810 .latepoint-w strong, .latepoint-w b {
3811 font-weight: 600;
3812 }
3813 .latepoint-w ul li {
3814 list-style: none;
3815 }
3816
3817 .latepoint-book-form-wrapper.os-loading .latepoint-form-w {
3818 min-height: 300px;
3819 }
3820 .latepoint-book-form-wrapper.os-loading .latepoint-form-w:before {
3821 display: block;
3822 content: "";
3823 width: 40px !important;
3824 height: 40px !important;
3825 border-bottom: 2px solid var(--latepoint-brand-primary);
3826 border-left: 2px solid var(--latepoint-brand-primary);
3827 border-top: 2px solid var(--latepoint-brand-primary);
3828 border-right: 2px solid rgba(255, 255, 255, 0);
3829 border-radius: 20px;
3830 position: absolute;
3831 top: 50%;
3832 left: 50%;
3833 transform: translate(-50%, -50%);
3834 animation: os-loading 700ms infinite linear;
3835 background-color: transparent !important;
3836 }
3837
3838 .latepoint-w .slot-not-available-wrapper {
3839 text-align: center;
3840 padding: 50px;
3841 width: 400px;
3842 position: relative;
3843 }
3844 .latepoint-w .slot-not-available-wrapper .latepoint-lightbox-close {
3845 position: absolute;
3846 top: 10px;
3847 right: 10px;
3848 line-height: 1;
3849 font-size: 18px;
3850 padding: 5px;
3851 cursor: pointer;
3852 }
3853 .latepoint-w .slot-not-available-wrapper .latepoint-lightbox-close:hover {
3854 background-color: #f7f7f7;
3855 }
3856 .latepoint-w .slot-not-available-wrapper .icon-w {
3857 margin-bottom: 20px;
3858 }
3859 .latepoint-w .slot-not-available-wrapper .icon-w i {
3860 background: #ffd1d1;
3861 padding: 15px;
3862 border-radius: 40px;
3863 color: #a31818;
3864 font-size: 28px;
3865 display: inline-block;
3866 }
3867 .latepoint-w .slot-not-available-wrapper h2 {
3868 margin: 0 0 10px 0;
3869 font-size: 20px;
3870 color: #14161d;
3871 line-height: 1.2;
3872 }
3873 .latepoint-w .slot-not-available-wrapper .desc {
3874 font-size: 17px;
3875 margin-bottom: 20px;
3876 }
3877 .latepoint-w .slot-not-available-wrapper .booking-date-time-info .info-label {
3878 color: #7c85a3;
3879 margin-bottom: 5px;
3880 }
3881 .latepoint-w .slot-not-available-wrapper .booking-date-time-info .info-value {
3882 font-weight: 600;
3883 }
3884 .latepoint-w.latepoint-lightbox-form {
3885 max-height: 100%;
3886 display: flex;
3887 overflow: hidden;
3888 }
3889 .latepoint-w.latepoint-inline-form {
3890 margin: 20px 0;
3891 display: flex;
3892 }
3893 .latepoint-w.latepoint-inline-form .latepoint-booking-form-element {
3894 box-shadow: 0 10px 30px 0 rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6);
3895 margin: 0px auto;
3896 }
3897 .latepoint-w.latepoint-inline-form .latepoint-booking-form-element .latepoint-lightbox-close {
3898 display: none !important;
3899 }
3900 .latepoint-w.latepoint-inline-form .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
3901 font-size: 20px;
3902 }
3903 .latepoint-w.latepoint-inline-form .latepoint-booking-form-element .latepoint-heading-w {
3904 text-align: center;
3905 }
3906 .latepoint-w.latepoint-inline-form .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
3907 max-height: inherit;
3908 }
3909 .latepoint-w.latepoint-with-summary .latepoint-lightbox-i {
3910 transition: all 0.4s cubic-bezier(0.05, 0.45, 0.1, 1);
3911 }
3912 .latepoint-w.latepoint-with-summary .latepoint-booking-form-element {
3913 transition: all 0.4s cubic-bezier(0.05, 0.45, 0.1, 1);
3914 }
3915 .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-progress {
3916 display: none;
3917 }
3918 .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .latepoint-side-panel {
3919 display: none;
3920 }
3921 .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .step-datepicker-w {
3922 padding: 0px 15px;
3923 }
3924 .latepoint-w .latepoint-booking-form-element {
3925 display: flex;
3926 align-items: stretch;
3927 position: relative;
3928 }
3929 .latepoint-w .latepoint-booking-form-element[class*=current-step-payment__] .latepoint-summary-w .checkout-from-summary-panel-btn-wrapper {
3930 display: none;
3931 }
3932 .latepoint-w .latepoint-booking-form-element[class*=current-step-payment__] .latepoint-summary-w .summary-box .summary-box-content .os-remove-item-from-cart {
3933 display: none;
3934 }
3935 .latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary {
3936 text-align: right;
3937 }
3938 .latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger {
3939 display: inline-flex;
3940 align-items: center;
3941 gap: 5px;
3942 color: var(--latepoint-brand-primary);
3943 font-weight: 600;
3944 font-size: 13px;
3945 line-height: 1.5;
3946 cursor: pointer;
3947 }
3948 .latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger:focus-visible {
3949 outline: 2px solid var(--latepoint-brand-primary);
3950 }
3951 .latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger span {
3952 border-bottom: 1px dotted var(--latepoint-brand-primary);
3953 }
3954 .latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger div + div {
3955 margin: 0 auto;
3956 }
3957 .latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger .latepoint-icon {
3958 font-size: 13px;
3959 }
3960 .latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger:hover span {
3961 border-bottom-style: solid;
3962 }
3963 .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 {
3964 color: var(--latepoint-headings-color);
3965 }
3966 .latepoint-w .latepoint-booking-form-element a {
3967 text-decoration: none;
3968 }
3969 .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w {
3970 display: block;
3971 }
3972 .latepoint-w .latepoint-booking-form-element.current-step-confirmation .latepoint-form-w .latepoint-heading-w {
3973 border-bottom: none;
3974 position: fixed;
3975 top: 10px;
3976 right: 10px;
3977 z-index: 99999;
3978 padding: 0;
3979 }
3980 .latepoint-w .latepoint-booking-form-element.current-step-confirmation .latepoint-form-w .latepoint-heading-w .os-heading-text {
3981 display: none;
3982 }
3983 .latepoint-w .latepoint-booking-form-element.current-step-confirmation .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
3984 margin-left: 0;
3985 padding: 5px;
3986 }
3987 .latepoint-w .latepoint-booking-form-element .latepoint-progress {
3988 text-align: center;
3989 color: #7c85a3;
3990 font-size: 15px;
3991 padding-top: 15px;
3992 margin-bottom: 30px;
3993 display: none;
3994 }
3995 .latepoint-w .latepoint-booking-form-element .latepoint-progress ul {
3996 list-style: none;
3997 margin: 0px auto;
3998 padding: 0px;
3999 text-align: center;
4000 justify-content: center;
4001 display: flex;
4002 gap: 10px;
4003 }
4004 .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li {
4005 display: block;
4006 flex: 0;
4007 margin: 0px;
4008 padding: 0px;
4009 }
4010 .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item {
4011 height: 5px;
4012 width: 5px;
4013 background-color: rgba(0, 0, 0, 0.07);
4014 display: block;
4015 color: #7c85a3;
4016 text-decoration: none;
4017 position: relative;
4018 box-shadow: none;
4019 font-weight: 600;
4020 font-size: 13px;
4021 }
4022 .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item span {
4023 position: absolute;
4024 display: block;
4025 left: 50%;
4026 top: -5px;
4027 transform: translate(-50%, -150%);
4028 display: inline-block;
4029 background-color: var(--latepoint-brand-primary);
4030 color: #fff;
4031 padding: 3px 6px;
4032 line-height: 1.1;
4033 visibility: hidden;
4034 opacity: 0;
4035 transition: all 0.2s ease;
4036 white-space: nowrap;
4037 }
4038 .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item:hover {
4039 background-color: rgba(0, 0, 0, 0.15);
4040 }
4041 .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item:hover span {
4042 opacity: 1;
4043 transform: translate(-50%, -105%);
4044 visibility: visible;
4045 }
4046 .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 {
4047 background-color: color-mix(in srgb, var(--latepoint-brand-primary) 20%, transparent);
4048 }
4049 .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 {
4050 background-color: var(--latepoint-brand-primary);
4051 }
4052 .latepoint-w .latepoint-booking-form-element .info-box {
4053 background-color: #FFF3CB;
4054 margin-top: 20px;
4055 padding: 10px;
4056 font-size: 13px;
4057 color: #4e4841;
4058 }
4059 .latepoint-w .latepoint-booking-form-element .info-box .info-box-buttons {
4060 margin-top: 10px;
4061 }
4062 .latepoint-w .latepoint-booking-form-element .info-box .info-box-buttons a {
4063 background-color: #fff;
4064 color: var(--latepoint-body-color);
4065 font-weight: 600;
4066 padding: 3px 8px;
4067 display: inline-block;
4068 text-decoration: none;
4069 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
4070 }
4071 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel {
4072 flex: 0 0 270px;
4073 width: 270px;
4074 background-color: var(--latepoint-side-panel-bg);
4075 border-right: 1px solid rgba(0, 0, 0, 0.1);
4076 padding: 15px 30px 25px 30px;
4077 text-align: center;
4078 display: flex;
4079 flex-direction: column;
4080 justify-content: space-between;
4081 border-radius: 0px 0px 0px 0px;
4082 position: relative;
4083 }
4084 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w {
4085 margin-top: 15px;
4086 display: none;
4087 position: relative;
4088 border-top: 1px solid rgba(0, 0, 0, 0.1);
4089 padding-top: 10px;
4090 }
4091 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w.os-loading:before {
4092 display: block;
4093 content: "";
4094 width: 12px !important;
4095 height: 12px !important;
4096 border-bottom: 2px solid var(--latepoint-body-color);
4097 border-left: 2px solid var(--latepoint-body-color);
4098 border-top: 2px solid var(--latepoint-body-color);
4099 border-right: 2px solid rgba(255, 255, 255, 0);
4100 border-radius: 20px;
4101 position: absolute;
4102 top: 50%;
4103 left: 50%;
4104 transform: translate(-50%, -50%);
4105 animation: os-loading 700ms infinite linear;
4106 background-color: transparent !important;
4107 left: -13px;
4108 right: auto;
4109 top: auto;
4110 bottom: 1px;
4111 z-index: 9999;
4112 }
4113 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group.os-form-select-group label {
4114 display: block !important;
4115 font-size: 12px !important;
4116 color: #7c85a3;
4117 margin-bottom: 3px;
4118 }
4119 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group.os-form-select-group select.os-form-control {
4120 height: 26px !important;
4121 padding: 0px 3px !important;
4122 font-size: 12px !important;
4123 }
4124 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group {
4125 margin-bottom: 0px !important;
4126 }
4127 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w select {
4128 text-align-last: center;
4129 text-align: center;
4130 }
4131 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w {
4132 padding: 50px 0px 50px 0px;
4133 color: #7c85a3;
4134 margin-bottom: auto;
4135 }
4136 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc-library {
4137 display: none;
4138 }
4139 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media {
4140 width: 80px;
4141 height: 80px;
4142 background-size: contain;
4143 background-repeat: no-repeat;
4144 background-position: bottom center;
4145 display: inline-block;
4146 margin-bottom: 20px;
4147 position: relative;
4148 }
4149 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w {
4150 width: 70px;
4151 height: auto;
4152 }
4153 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before {
4154 content: "";
4155 width: 40px;
4156 height: 40px;
4157 background-color: color-mix(in srgb, var(--latepoint-brand-primary) 20%, transparent);
4158 position: absolute;
4159 bottom: 50%;
4160 right: 50%;
4161 z-index: 1;
4162 }
4163 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w svg {
4164 z-index: 2;
4165 position: relative;
4166 }
4167 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-title {
4168 padding-top: 0px;
4169 margin-bottom: 5px;
4170 font-size: 20px;
4171 line-height: 1.2;
4172 }
4173 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions {
4174 color: #7c85a3;
4175 margin-top: 0;
4176 }
4177 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions h5 {
4178 margin: 0px;
4179 line-height: 1.4;
4180 margin-bottom: 5px;
4181 position: relative;
4182 font-size: 15px;
4183 text-transform: none;
4184 }
4185 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions p:last-child {
4186 margin-bottom: 0px;
4187 }
4188 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions a {
4189 text-decoration: underline;
4190 }
4191 .latepoint-w .latepoint-booking-form-element .latepoint-form-w {
4192 flex: 0 0 470px;
4193 width: 470px;
4194 background-color: #fff;
4195 border-radius: 0px 0px 0px 0px;
4196 position: relative;
4197 z-index: 2;
4198 }
4199 .latepoint-w .latepoint-booking-form-element .latepoint-form-w.showing-item-details-popup .latepoint-body {
4200 padding: 0;
4201 }
4202 .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 {
4203 display: none;
4204 }
4205 .latepoint-w .latepoint-booking-form-element .latepoint-form-w form {
4206 background-color: #fff;
4207 padding: 0px;
4208 min-height: 100%;
4209 }
4210 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w {
4211 align-items: center;
4212 padding: 30px 15px;
4213 justify-content: space-around;
4214 -webkit-user-select: none;
4215 -moz-user-select: none;
4216 -ms-user-select: none;
4217 }
4218 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .select-total-attendees-label {
4219 padding-right: 20px;
4220 }
4221 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .select-total-attendees-label h4 {
4222 margin: 0px !important;
4223 padding: 0px !important;
4224 font-size: 21px;
4225 }
4226 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .select-total-attendees-label .sta-sub-label {
4227 font-size: 13px;
4228 color: #7c85a3;
4229 }
4230 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w {
4231 background-color: #fff;
4232 display: flex;
4233 align-items: center;
4234 padding: 5px 10px;
4235 border: 1px solid #cad2e0;
4236 outline-style: none;
4237 }
4238 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w input {
4239 text-align: center;
4240 border: none !important;
4241 padding: 0px 5px !important;
4242 font-size: 22px !important;
4243 font-weight: 600;
4244 width: 50px !important;
4245 margin: 0px !important;
4246 background-color: #fff !important;
4247 color: var(--latepoint-body-color) !important;
4248 box-shadow: none !important;
4249 }
4250 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w input::placeholder {
4251 color: rgba(0, 0, 0, 0.1);
4252 }
4253 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w input:focus {
4254 outline: none !important;
4255 box-shadow: none !important;
4256 }
4257 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w .total-attendees-selector {
4258 cursor: pointer;
4259 color: rgba(0, 0, 0, 0.8);
4260 font-size: 20px;
4261 background-color: #f3f4f9;
4262 padding: 4px;
4263 line-height: 1;
4264 flex: 0;
4265 text-align: center;
4266 }
4267 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w .total-attendees-selector:hover {
4268 color: #fff;
4269 background-color: var(--latepoint-brand-primary);
4270 }
4271 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered {
4272 text-align: center;
4273 }
4274 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .total-attendees-selector-w {
4275 width: 150px;
4276 margin: 0px auto;
4277 justify-content: space-between;
4278 }
4279 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .total-attendees-selector-w input {
4280 font-size: 33px !important;
4281 width: 100% !important;
4282 line-height: 1.4 !important;
4283 font-family: "latepoint", "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
4284 }
4285 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .select-total-attendees-label {
4286 margin-bottom: 20px;
4287 padding: 0px;
4288 }
4289 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .select-total-attendees-label h4 {
4290 font-size: 27px;
4291 }
4292 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .select-total-attendees-label .sta-sub-label {
4293 font-size: 18px;
4294 }
4295 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-form {
4296 display: flex;
4297 justify-content: stretch;
4298 flex-direction: column;
4299 }
4300 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w {
4301 background-color: #fff;
4302 padding: 15px 15px 15px 40px;
4303 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
4304 text-align: left;
4305 display: flex;
4306 align-items: center;
4307 }
4308 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
4309 padding: 5px;
4310 order: 1;
4311 }
4312 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger,
4313 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
4314 transform: none;
4315 position: relative;
4316 top: auto;
4317 right: auto;
4318 left: auto;
4319 order: 1;
4320 }
4321 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
4322 order: 2;
4323 margin-left: 10px;
4324 }
4325 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
4326 color: #1e222b;
4327 font-size: 20px;
4328 box-shadow: none;
4329 line-height: 18px;
4330 z-index: 2;
4331 display: none;
4332 position: relative;
4333 }
4334 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger span {
4335 position: absolute;
4336 top: -3px;
4337 right: -3px;
4338 font-size: 11px;
4339 box-shadow: 0 0 0 2px #fff;
4340 background-color: #000;
4341 color: #fff;
4342 padding: 2px;
4343 border-radius: 50%;
4344 line-height: 1;
4345 width: 11px;
4346 text-align: center;
4347 box-sizing: content-box;
4348 }
4349 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger i {
4350 line-height: 1;
4351 display: block;
4352 }
4353 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
4354 color: #1e222b;
4355 font-size: 20px;
4356 box-shadow: none;
4357 display: block;
4358 line-height: 18px;
4359 z-index: 2;
4360 position: relative;
4361 top: 0;
4362 left: 0;
4363 }
4364 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close:focus-visible {
4365 outline: 2px solid var(--latepoint-brand-primary);
4366 }
4367 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close i {
4368 line-height: 1;
4369 display: block;
4370 }
4371 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .os-heading-text {
4372 margin: 0px;
4373 font-size: 20px;
4374 line-height: 1.2;
4375 margin-right: auto;
4376 padding: 3px 0;
4377 }
4378 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .os-heading-text-library {
4379 display: none;
4380 }
4381 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
4382 padding: 40px;
4383 flex: 1;
4384 overflow-y: scroll;
4385 transition: all 0.2s ease;
4386 position: relative;
4387 min-height: 200px;
4388 }
4389 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h3, .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h4 {
4390 color: #14161d;
4391 }
4392 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body .os-step-header {
4393 margin-top: 0px;
4394 margin-bottom: 25px;
4395 }
4396 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h3 {
4397 font-size: 21px;
4398 }
4399 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h4 {
4400 font-size: 18px;
4401 padding: 0px;
4402 }
4403 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer {
4404 position: relative;
4405 padding: 10px;
4406 border-top: 1px solid rgba(0, 0, 0, 0.05);
4407 display: flex;
4408 justify-content: space-between;
4409 background-color: #fff;
4410 }
4411 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-progress {
4412 display: none;
4413 position: absolute;
4414 top: 50%;
4415 left: 50%;
4416 transform: translate(-50%, -50%);
4417 padding: 0px;
4418 }
4419 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-progress ul li {
4420 flex: 0 0 5px;
4421 }
4422 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-progress ul li .progress-item {
4423 width: 5px;
4424 height: 5px;
4425 }
4426 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-next-btn {
4427 margin-left: auto;
4428 animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s both latepointNextBtn;
4429 }
4430 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-next-btn.disabled {
4431 display: none;
4432 }
4433 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-next-btn:focus-visible {
4434 outline: 2px solid var(--latepoint-brand-primary);
4435 }
4436 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-prev-btn {
4437 animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0s both latepointPrevBtn;
4438 }
4439 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-prev-btn.disabled {
4440 display: none;
4441 }
4442 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-prev-btn:focus-visible {
4443 outline: 2px solid var(--latepoint-brand-primary);
4444 }
4445 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn {
4446 font-weight: 600;
4447 box-shadow: none;
4448 padding: 8px 14px;
4449 font-size: 14px;
4450 }
4451 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn.disabled {
4452 background-color: #E3E6F0;
4453 color: #B5BAD2;
4454 }
4455 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn.disabled span {
4456 color: #B5BAD2;
4457 }
4458 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn.disabled i {
4459 color: #B5BAD2;
4460 }
4461 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn i {
4462 font-size: 9px;
4463 transition: transform 0.1s ease;
4464 }
4465 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn i + span {
4466 margin-left: 5px;
4467 }
4468 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn span + i {
4469 margin-left: 5px;
4470 }
4471 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn:hover.latepoint-next-btn i {
4472 transform: translateX(3px);
4473 }
4474 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn:hover.latepoint-prev-btn i {
4475 transform: translateX(-3px);
4476 }
4477 .latepoint-w .latepoint-booking-form-element .latepoint-step-content {
4478 color: #7c85a3;
4479 min-height: 140px;
4480 text-align: left;
4481 }
4482 .latepoint-w .latepoint-booking-form-element .latepoint-step-content.is-hidden {
4483 display: none;
4484 }
4485 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-centered {
4486 text-align: center;
4487 margin-bottom: 15px;
4488 }
4489 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-centered > h4 {
4490 margin-bottom: 5px;
4491 }
4492 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left {
4493 padding: 0 0 15px 0;
4494 }
4495 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left a {
4496 text-decoration: underline;
4497 color: var(--latepoint-brand-primary);
4498 }
4499 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left > p:last-child:first-child {
4500 margin: 0 !important;
4501 }
4502 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left > h4 {
4503 margin-bottom: 5px;
4504 }
4505 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .lp-payment-charge-amount {
4506 background-color: #fbf6e1;
4507 color: #877865;
4508 margin-bottom: 20px;
4509 padding: 15px;
4510 text-align: center;
4511 }
4512 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .lp-payment-charge-amount strong {
4513 color: #000;
4514 }
4515 .latepoint-w .latepoint-booking-form-element .lp-demo-mode-msg {
4516 padding: 8px 10px;
4517 background-color: #ffd534;
4518 color: #211f1a;
4519 font-size: 15px;
4520 font-weight: 600;
4521 margin-bottom: 10px;
4522 text-align: center;
4523 }
4524 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-day-status {
4525 border-radius: 2px;
4526 }
4527 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .lp-demo-mode-msg {
4528 border-radius: 8px;
4529 }
4530 .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 {
4531 border-radius: 4px;
4532 }
4533 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-method-content {
4534 position: relative;
4535 display: none;
4536 }
4537 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-method-content.os-loading .lp-payment-method-content-i {
4538 opacity: 0;
4539 min-height: 50px;
4540 }
4541 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-method-content.os-loading:before {
4542 display: block;
4543 content: "";
4544 width: 40px !important;
4545 height: 40px !important;
4546 border-bottom: 2px solid var(--latepoint-brand-primary);
4547 border-left: 2px solid var(--latepoint-brand-primary);
4548 border-top: 2px solid var(--latepoint-brand-primary);
4549 border-right: 2px solid rgba(255, 255, 255, 0);
4550 border-radius: 20px;
4551 position: absolute;
4552 top: 50%;
4553 left: 50%;
4554 transform: translate(-50%, -50%);
4555 animation: os-loading 700ms infinite linear;
4556 background-color: transparent !important;
4557 z-index: 9999;
4558 }
4559 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info {
4560 display: flex;
4561 justify-content: space-between;
4562 align-items: center;
4563 background-color: #fff7d0;
4564 padding: 5px 10px;
4565 color: #8a7f66;
4566 font-size: 18px;
4567 margin-top: 20px;
4568 }
4569 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info div {
4570 white-space: nowrap;
4571 }
4572 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .lp-price-value {
4573 font-weight: 600;
4574 color: #14161d;
4575 }
4576 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .lp-price-value > span {
4577 text-decoration: line-through;
4578 display: inline-block;
4579 margin-right: 3px;
4580 opacity: 0.5;
4581 font-size: 15px;
4582 }
4583 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info a {
4584 color: #846337;
4585 display: block;
4586 text-decoration: none;
4587 background-color: rgba(255, 255, 255, 0.61);
4588 font-weight: 600;
4589 padding: 2px;
4590 border-radius: 2px 5px;
4591 font-size: 13px;
4592 margin-left: 30px;
4593 }
4594 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-deposit-price-w,
4595 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-total-price-w {
4596 padding: 4px 0px;
4597 margin: 0px auto;
4598 }
4599 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-deposit-price-w {
4600 display: none;
4601 }
4602 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.paying-deposit .payment-total-price-w {
4603 display: none;
4604 }
4605 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.paying-deposit .payment-deposit-price-w {
4606 display: block;
4607 }
4608 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code {
4609 display: none;
4610 padding: 4px 5px 4px 8px;
4611 line-height: 1;
4612 background-color: #fff;
4613 color: #111;
4614 border: 1px dashed #111;
4615 font-weight: 600;
4616 font-size: 13px;
4617 margin-left: 20px;
4618 text-transform: uppercase;
4619 vertical-align: middle;
4620 position: relative;
4621 }
4622 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-self {
4623 display: inline-block;
4624 vertical-align: middle;
4625 line-height: 1.1;
4626 }
4627 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-clear {
4628 line-height: 1.1;
4629 display: inline-block;
4630 vertical-align: middle;
4631 margin-left: 3px;
4632 cursor: pointer;
4633 position: relative;
4634 }
4635 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-clear.os-loading:before {
4636 display: block;
4637 content: "";
4638 width: 10px !important;
4639 height: 10px !important;
4640 border-bottom: 2px solid #111;
4641 border-left: 2px solid #111;
4642 border-top: 2px solid #111;
4643 border-right: 2px solid rgba(255, 255, 255, 0);
4644 border-radius: 20px;
4645 position: absolute;
4646 top: 50%;
4647 left: 50%;
4648 transform: translate(-50%, -50%);
4649 animation: os-loading 700ms infinite linear;
4650 background-color: transparent !important;
4651 right: -5px;
4652 left: auto;
4653 }
4654 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-clear.os-loading i {
4655 opacity: 0;
4656 }
4657 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w {
4658 display: none;
4659 position: relative;
4660 margin-left: 20px !important;
4661 }
4662 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w.os-loading:before {
4663 display: block;
4664 content: "";
4665 width: 12px !important;
4666 height: 12px !important;
4667 border-bottom: 2px solid #A45D00;
4668 border-left: 2px solid #A45D00;
4669 border-top: 2px solid #A45D00;
4670 border-right: 2px solid rgba(255, 255, 255, 0);
4671 border-radius: 20px;
4672 position: absolute;
4673 top: 50%;
4674 left: 50%;
4675 transform: translate(-50%, -50%);
4676 animation: os-loading 700ms infinite linear;
4677 background-color: transparent !important;
4678 left: -13px;
4679 }
4680 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input {
4681 border: none !important;
4682 border: 1px solid #d0bca8 !important;
4683 padding: 5px 7px !important;
4684 background-color: #fff !important;
4685 box-shadow: none !important;
4686 font-size: 13px !important;
4687 line-height: 1.3 !important;
4688 display: block !important;
4689 width: 135px !important;
4690 margin: 0px !important;
4691 border-radius: 0px !important;
4692 }
4693 .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 {
4694 box-shadow: none !important;
4695 outline: none !important;
4696 }
4697 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input::placeholder {
4698 color: #A38E7B !important;
4699 }
4700 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w .coupon-code-input-submit {
4701 position: absolute;
4702 top: 50%;
4703 right: 5px;
4704 transform: translateY(-50%);
4705 vertical-align: middle;
4706 background-color: var(--latepoint-brand-primary);
4707 color: #fff;
4708 text-transform: uppercase;
4709 padding: 2px 5px;
4710 font-size: 12px;
4711 font-weight: 600;
4712 cursor: pointer;
4713 }
4714 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.entering-coupon .coupon-code-trigger-w {
4715 display: none;
4716 }
4717 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.entering-coupon .coupon-code-input-w {
4718 display: block;
4719 }
4720 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.coupon-is-applied .coupon-code-trigger-w {
4721 display: none;
4722 }
4723 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.coupon-is-applied .coupon-code-input-w {
4724 display: none;
4725 }
4726 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.coupon-is-applied .applied-coupon-code {
4727 display: block;
4728 }
4729 .latepoint-w .latepoint-booking-form-element .step-payment-w > h4 {
4730 margin-bottom: 10px;
4731 }
4732 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-methods-w {
4733 display: none;
4734 }
4735 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-portions-w {
4736 display: none;
4737 }
4738 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-times-w {
4739 display: none;
4740 }
4741 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w {
4742 text-align: center;
4743 }
4744 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger {
4745 display: inline-block;
4746 text-align: center;
4747 padding: 10px 20px;
4748 background-color: #fac555;
4749 border-radius: 40px;
4750 color: #111;
4751 margin-top: 15px;
4752 font-weight: 600;
4753 cursor: pointer;
4754 }
4755 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger:hover {
4756 box-shadow: 0px 0px 0px 2px #ffb011;
4757 }
4758 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger span {
4759 display: inline-block;
4760 vertical-align: middle;
4761 padding-left: 10px;
4762 margin-left: 10px;
4763 border-left: 1px solid rgba(0, 0, 0, 0.1);
4764 }
4765 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger img {
4766 height: 20px;
4767 width: auto;
4768 display: inline-block;
4769 vertical-align: middle;
4770 }
4771 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-btn-trigger {
4772 padding: 20px 0px 5px;
4773 position: relative;
4774 min-height: 60px;
4775 }
4776 .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-btn-trigger:before {
4777 display: block;
4778 content: "";
4779 width: 20px !important;
4780 height: 20px !important;
4781 border-bottom: 2px solid var(--latepoint-brand-primary);
4782 border-left: 2px solid var(--latepoint-brand-primary);
4783 border-top: 2px solid var(--latepoint-brand-primary);
4784 border-right: 2px solid rgba(255, 255, 255, 0);
4785 border-radius: 20px;
4786 position: absolute;
4787 top: 50%;
4788 left: 50%;
4789 transform: translate(-50%, -50%);
4790 animation: os-loading 700ms infinite linear;
4791 background-color: transparent !important;
4792 top: 35px;
4793 }
4794 .latepoint-w .latepoint-booking-form-element .step-payment-w[data-sub-step=payment-times] .lp-payment-times-w {
4795 display: block;
4796 }
4797 .latepoint-w .latepoint-booking-form-element .step-payment-w[data-sub-step=payment-methods] .lp-payment-methods-w {
4798 display: block;
4799 }
4800 .latepoint-w .latepoint-booking-form-element .step-payment-w[data-sub-step=payment-portions] .lp-payment-portions-w {
4801 display: block;
4802 }
4803 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-centered {
4804 display: none;
4805 }
4806 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item {
4807 position: relative;
4808 }
4809 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-value {
4810 font-size: 49px;
4811 font-weight: 600;
4812 line-height: 1.1;
4813 color: var(--latepoint-brand-primary);
4814 font-family: "latepoint", "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
4815 }
4816 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-label {
4817 color: #7c85a3;
4818 }
4819 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-sub-label {
4820 opacity: 0.8;
4821 color: #7c85a3;
4822 }
4823 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-sub-label span {
4824 font-weight: 600;
4825 color: var(--latepoint-brand-primary);
4826 }
4827 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-price {
4828 font-family: "latepoint", "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
4829 position: absolute;
4830 top: 0px;
4831 right: 0px;
4832 padding: 5px;
4833 color: #D09F1D;
4834 line-height: 1;
4835 font-size: 16px;
4836 font-weight: 600;
4837 }
4838 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ {
4839 list-style-type: none !important;
4840 margin: 0px !important;
4841 padding: 0px !important;
4842 }
4843 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item {
4844 margin-bottom: 15px;
4845 list-style: none;
4846 }
4847 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i {
4848 display: flex;
4849 background: #FFFFFF;
4850 border: 1px solid #E5E7EE;
4851 align-items: center;
4852 box-shadow: none;
4853 outline: none;
4854 padding: 10px 15px;
4855 color: var(--latepoint-body-color);
4856 text-decoration: none;
4857 }
4858 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i:hover {
4859 border-color: var(--latepoint-brand-primary);
4860 text-decoration: none;
4861 }
4862 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-img-w {
4863 flex: 0 0 40px;
4864 height: 40px;
4865 background-size: contain;
4866 background-repeat: no-repeat;
4867 background-position: center center;
4868 text-align: center;
4869 margin-right: 15px;
4870 }
4871 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-name-w {
4872 padding: 10px 0px;
4873 margin-right: auto;
4874 }
4875 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-name-w .service-name {
4876 font-weight: 600;
4877 font-size: 18px;
4878 display: block;
4879 }
4880 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-name-w .service-desc {
4881 color: #7c85a3;
4882 font-size: 13px;
4883 display: block;
4884 margin-top: 3px;
4885 }
4886 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-price-w {
4887 border-left: 1px solid rgba(0, 0, 0, 0.05);
4888 padding-left: 15px;
4889 margin-left: 10px;
4890 text-align: center;
4891 }
4892 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-price-w .service-price {
4893 display: block;
4894 color: #D09F1D;
4895 font-size: 24px;
4896 line-height: 1.1;
4897 font-weight: 600;
4898 }
4899 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-price-w .service-price-label {
4900 display: block;
4901 color: #7c85a3;
4902 font-size: 12px;
4903 white-space: nowrap;
4904 }
4905 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item.selected .os-service-durations {
4906 display: flex;
4907 }
4908 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item.selected > .os-item-i {
4909 border-color: var(--latepoint-brand-primary);
4910 }
4911 .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item.with-description a .service-name-w {
4912 padding: 5px 0px;
4913 }
4914
4915 .lp-strike {
4916 text-decoration: line-through;
4917 opacity: 0.8;
4918 }
4919
4920 .latepoint-booking-form-element .step-verify-w .summary-box.main-box .summary-box-booking-date-box {
4921 display: none;
4922 }
4923 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper {
4924 position: relative;
4925 margin-bottom: 25px;
4926 }
4927 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item {
4928 padding: 15px;
4929 border: 1px solid #e2e2e2;
4930 border-bottom-color: #d2d2d2;
4931 box-shadow: 0 2px rgba(0, 0, 0, 0.05);
4932 }
4933 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box-heading {
4934 margin-bottom: 0px;
4935 margin-top: 0;
4936 }
4937 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box-heading .sbh-line {
4938 display: none;
4939 }
4940 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box .sbc-big-item {
4941 font-size: 17px;
4942 }
4943 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box-heading {
4944 display: none;
4945 }
4946 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box-heading .sbh-item {
4947 font-size: 13px;
4948 font-weight: 400;
4949 }
4950 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-boxes-columns {
4951 border-top: 1px solid rgba(0, 0, 0, 0.05);
4952 padding-top: 10px;
4953 margin-top: 15px;
4954 }
4955 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.single-item .os-remove-item-from-cart {
4956 display: none;
4957 }
4958 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.single-item .summary-box .sbc-big-item {
4959 font-size: 20px;
4960 }
4961 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.single-item .summary-box .sbc-highlighted-item {
4962 font-size: 15px;
4963 }
4964 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper .summary-box.main-box {
4965 padding: 0;
4966 }
4967 .latepoint-booking-form-element .step-verify-w .cart-item-wrapper .os-remove-item-from-cart {
4968 box-shadow: 0 0 0 4px #fff;
4969 color: #fff;
4970 top: -5px;
4971 right: -5px;
4972 background-color: #f64f4f;
4973 }
4974 .latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-summary {
4975 display: none;
4976 }
4977 .latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify {
4978 margin-top: 20px;
4979 }
4980 .latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger {
4981 align-items: center;
4982 padding: 8px 10px;
4983 border: 1px dotted #14161d;
4984 color: #14161d;
4985 display: flex;
4986 gap: 10px;
4987 font-weight: 600;
4988 cursor: pointer;
4989 }
4990 .latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger:focus-visible {
4991 outline: 2px solid var(--latepoint-brand-primary);
4992 }
4993 .latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger span {
4994 margin: 0 auto;
4995 }
4996 .latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger:hover {
4997 border-style: solid;
4998 }
4999 .latepoint-booking-form-element .step-verify-w .cart-summary-main-section > .summary-heading:first-child {
5000 margin-top: 0;
5001 }
5002 .latepoint-booking-form-element .step-verify-w .cart-summary-main-section > .summary-box.main-box:first-child {
5003 padding-top: 0;
5004 }
5005 .latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .part-of-bundle-message {
5006 padding: 10px;
5007 background-color: #f1f3ff;
5008 margin-bottom: 15px;
5009 font-size: 15px;
5010 }
5011 .latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .part-of-bundle-message a {
5012 color: var(--latepoint-brand-primary);
5013 text-decoration: none;
5014 border-bottom: 1px dotted var(--latepoint-brand-primary);
5015 }
5016 .latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .summary-box.main-box {
5017 padding-top: 0;
5018 padding-bottom: 20px;
5019 }
5020 .latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .sbc-big-item {
5021 font-size: 25px;
5022 }
5023 .latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .sbc-highlighted-item {
5024 font-size: 18px;
5025 }
5026 .latepoint-booking-form-element .step-verify-w .payment-summary-info .confirmation-info-w {
5027 margin-top: 0px;
5028 }
5029 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify {
5030 margin-top: 10px;
5031 text-align: right;
5032 }
5033 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-trigger-on-verify-w {
5034 padding: 8px 0 9px;
5035 line-height: 1;
5036 }
5037 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-trigger-on-verify-w a {
5038 border-bottom: 1px solid var(--latepoint-brand-primary);
5039 font-size: 13px;
5040 color: var(--latepoint-brand-primary);
5041 }
5042 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code-wrapper {
5043 align-items: center;
5044 gap: 5px;
5045 display: none;
5046 background-color: #f7f7f7;
5047 padding: 10px;
5048 }
5049 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code-wrapper .coupon-code-label {
5050 color: var(--latepoint-body-color);
5051 font-size: 14px;
5052 }
5053 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code {
5054 padding: 2px 2px 2px 5px;
5055 background-color: #fff;
5056 color: #000;
5057 border: 1px dotted #000;
5058 line-height: 1;
5059 font-weight: 600;
5060 font-size: 13px;
5061 text-transform: uppercase;
5062 position: relative;
5063 display: flex;
5064 align-items: center;
5065 gap: 5px;
5066 }
5067 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-self {
5068 display: block;
5069 vertical-align: middle;
5070 line-height: 1;
5071 }
5072 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-clear {
5073 line-height: 1;
5074 display: block;
5075 cursor: pointer;
5076 position: relative;
5077 font-size: 10px;
5078 padding: 3px;
5079 }
5080 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-clear:hover {
5081 background-color: #000;
5082 color: #fff;
5083 }
5084 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-clear.os-loading:before {
5085 display: block;
5086 content: "";
5087 width: 10px !important;
5088 height: 10px !important;
5089 border-bottom: 2px solid #fff;
5090 border-left: 2px solid #fff;
5091 border-top: 2px solid #fff;
5092 border-right: 2px solid rgba(255, 255, 255, 0);
5093 border-radius: 20px;
5094 position: absolute;
5095 top: 50%;
5096 left: 50%;
5097 transform: translate(-50%, -50%);
5098 animation: os-loading 700ms infinite linear;
5099 background-color: transparent !important;
5100 right: -5px;
5101 left: auto;
5102 }
5103 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-clear.os-loading i {
5104 opacity: 0;
5105 }
5106 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w {
5107 display: none;
5108 position: relative;
5109 }
5110 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w.os-loading:before {
5111 display: block;
5112 content: "";
5113 width: 12px !important;
5114 height: 12px !important;
5115 border-bottom: 2px solid var(--latepoint-brand-primary);
5116 border-left: 2px solid var(--latepoint-brand-primary);
5117 border-top: 2px solid var(--latepoint-brand-primary);
5118 border-right: 2px solid rgba(255, 255, 255, 0);
5119 border-radius: 20px;
5120 position: absolute;
5121 top: 50%;
5122 left: 50%;
5123 transform: translate(-50%, -50%);
5124 animation: os-loading 700ms infinite linear;
5125 background-color: transparent !important;
5126 left: -13px;
5127 }
5128 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input {
5129 border: none !important;
5130 border: 1px solid #383838 !important;
5131 padding: 5px 7px !important;
5132 background-color: #fff !important;
5133 box-shadow: none !important;
5134 font-size: 13px !important;
5135 line-height: 1 !important;
5136 display: block !important;
5137 width: auto !important;
5138 flex: 1;
5139 margin: 0px !important;
5140 border-radius: 0px !important;
5141 }
5142 .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 {
5143 box-shadow: none !important;
5144 outline: none !important;
5145 }
5146 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input::placeholder {
5147 color: #8f8f8f !important;
5148 }
5149 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-cancel,
5150 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-submit {
5151 padding: 9px 12px;
5152 line-height: 1;
5153 font-size: 14px;
5154 font-weight: 600;
5155 cursor: pointer;
5156 }
5157 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-submit {
5158 background-color: var(--latepoint-brand-primary);
5159 color: #fff;
5160 }
5161 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-cancel {
5162 background-color: #eee;
5163 color: #444;
5164 }
5165 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.entering-coupon .coupon-code-trigger-on-verify-w {
5166 display: none;
5167 }
5168 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.entering-coupon .coupon-code-trigger-on-verify-w {
5169 display: none;
5170 }
5171 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.entering-coupon .coupon-code-input-w {
5172 display: flex;
5173 align-items: center;
5174 justify-content: flex-start;
5175 gap: 10px;
5176 }
5177 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.coupon-is-applied .coupon-code-trigger-on-verify-w {
5178 display: none;
5179 }
5180 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.coupon-is-applied .coupon-code-input-w {
5181 display: none;
5182 }
5183 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.coupon-is-applied .applied-coupon-code-wrapper {
5184 display: flex;
5185 }
5186
5187 .latepoint-booking-form-element .step-confirmation-w .summary-box-wrapper + .summary-box-wrapper {
5188 margin-top: 15px;
5189 padding-top: 10px;
5190 }
5191 .latepoint-booking-form-element .step-confirmation-w .confirmation-head-info {
5192 position: relative;
5193 }
5194 .latepoint-booking-form-element .step-confirmation-w .add-to-calendar-wrapper {
5195 display: inline-block;
5196 }
5197 .latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent {
5198 display: block;
5199 margin: 0px auto 30px auto;
5200 padding-bottom: 20px;
5201 border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
5202 }
5203 .latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger {
5204 display: none;
5205 }
5206 .latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-booking-info {
5207 display: none;
5208 }
5209 .latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent {
5210 display: none;
5211 }
5212 .latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent img {
5213 display: block;
5214 margin: 0px auto;
5215 }
5216 .latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent .qr-code-label {
5217 text-align: center;
5218 font-size: 13px;
5219 font-weight: 600;
5220 text-align: center;
5221 font-weight: 500;
5222 padding: 10px 15px;
5223 background: #fff1af;
5224 line-height: 1.4;
5225 color: #000;
5226 }
5227 .latepoint-booking-form-element .step-confirmation-w .payment-summary-info .confirmation-info-w {
5228 margin-top: 0px;
5229 }
5230 .latepoint-booking-form-element .step-confirmation-w .confirmation-header {
5231 margin-bottom: 0px;
5232 margin-top: 0px;
5233 }
5234 .latepoint-booking-form-element .step-confirmation-w .confirmation-number {
5235 color: #7c85a3;
5236 padding-top: 0px;
5237 margin-bottom: 8px;
5238 font-size: 13px;
5239 letter-spacing: 0.5px;
5240 text-transform: uppercase;
5241 font-weight: 600;
5242 }
5243 .latepoint-booking-form-element .step-confirmation-w .confirmation-number strong {
5244 font-size: 39px;
5245 letter-spacing: normal;
5246 color: #14161d;
5247 display: block;
5248 line-height: 1.1;
5249 }
5250 .latepoint-booking-form-element .step-confirmation-w .confirmation-number .confirmation-checkmark {
5251 padding: 10px;
5252 font-size: 25px;
5253 color: #fff;
5254 background-color: #83de3a;
5255 box-shadow: 0 0 0 5px #daffba;
5256 border-radius: 50%;
5257 line-height: 25px;
5258 width: 45px;
5259 height: 45px;
5260 }
5261 .latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password {
5262 margin-top: 20px;
5263 display: none;
5264 }
5265 .latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password h4 {
5266 margin-bottom: 10px;
5267 }
5268 .latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields {
5269 display: flex;
5270 align-items: center;
5271 }
5272 .latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields .os-form-group {
5273 flex: 1;
5274 margin: 0px;
5275 margin-bottom: 0px !important;
5276 margin-right: 10px;
5277 }
5278 .latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields .os-form-group.os-form-textfield-group.has-value label {
5279 display: none !important;
5280 }
5281 .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 {
5282 padding: 7px 10px 7px 10px !important;
5283 }
5284 .latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields .latepoint-btn {
5285 flex: 0;
5286 white-space: nowrap;
5287 display: block;
5288 text-align: center;
5289 padding: 9px 20px;
5290 }
5291 .latepoint-booking-form-element .step-confirmation-w .confirmation-cabinet-info {
5292 background-color: #F5F6FF;
5293 margin-top: 20px;
5294 text-align: center;
5295 padding: 20px 40px;
5296 display: none;
5297 }
5298 .latepoint-booking-form-element .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-text {
5299 color: #14161d;
5300 margin-bottom: 10px;
5301 font-size: 18px;
5302 font-weight: 600;
5303 }
5304 .latepoint-booking-form-element .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-link {
5305 font-size: 15px;
5306 background-color: var(--latepoint-brand-primary);
5307 color: #fff !important;
5308 padding: 8px 15px !important;
5309 font-weight: 600;
5310 text-decoration: none !important;
5311 border: none !important;
5312 display: inline-block !important;
5313 }
5314
5315 .booking-status-info-wrapper {
5316 display: flex;
5317 gap: 10px;
5318 padding: 15px 30px;
5319 border-bottom: 1px solid rgba(0, 0, 0, 0.08);
5320 margin: -30px;
5321 margin-bottom: 0;
5322 align-items: center;
5323 }
5324 .booking-status-info-wrapper .booking-status-icon {
5325 width: 24px;
5326 height: 24px;
5327 background-color: #eee;
5328 position: relative;
5329 }
5330 .booking-status-info-wrapper .booking-status-label {
5331 font-weight: 600;
5332 font-size: 15px;
5333 }
5334 .booking-status-info-wrapper .booking-confirmation {
5335 margin-left: auto;
5336 font-size: 13px;
5337 color: #7c85a3;
5338 }
5339 .booking-status-info-wrapper .booking-confirmation strong {
5340 color: #14161d;
5341 }
5342 .booking-status-info-wrapper.status-approved .booking-status-icon {
5343 background-color: #a0ffa4;
5344 }
5345 .booking-status-info-wrapper.status-approved .booking-status-icon:before {
5346 font-family: "latepointIcons" !important;
5347 speak: none;
5348 font-style: normal;
5349 font-weight: normal;
5350 font-variant: normal;
5351 text-transform: none;
5352 line-height: 1;
5353 -webkit-font-smoothing: antialiased;
5354 -moz-osx-font-smoothing: grayscale;
5355 content: "\e928";
5356 position: absolute;
5357 top: 50%;
5358 left: 50%;
5359 transform: translate(-50%, -50%);
5360 font-size: 16px;
5361 }
5362
5363 .full-summary-wrapper .summary-status-wrapper, .confirmation-info-w .summary-status-wrapper {
5364 padding: 0 0 30px 0;
5365 color: #14161d;
5366 font-size: 15px;
5367 margin-bottom: 10px;
5368 border-bottom: 10px solid rgba(0, 0, 0, 0.03);
5369 }
5370 .full-summary-wrapper .summary-status-wrapper .summary-status-inner, .confirmation-info-w .summary-status-wrapper .summary-status-inner {
5371 display: flex;
5372 flex-direction: column;
5373 align-items: center;
5374 }
5375 .full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-title, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-title {
5376 font-size: 24px;
5377 font-weight: 600;
5378 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
5379 text-align: center;
5380 }
5381 .full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-description, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-description {
5382 color: #7c85a3;
5383 font-weight: 400;
5384 font-size: 15px;
5385 margin-top: 3px;
5386 text-align: center;
5387 }
5388 .full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-icon, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-icon {
5389 margin-bottom: 25px;
5390 animation: 1s cubic-bezier(0.05, 0.45, 0.1, 1) 0.1s statusIconPop;
5391 animation-fill-mode: both;
5392 }
5393 .full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-confirmation-number, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-confirmation-number {
5394 font-size: 13px;
5395 text-transform: uppercase;
5396 letter-spacing: 0.5px;
5397 color: #7c85a3;
5398 margin-top: 15px;
5399 padding: 3px 5px;
5400 background-color: rgba(0, 0, 0, 0.03);
5401 }
5402 .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 {
5403 color: #14161d;
5404 }
5405 .full-summary-wrapper .summary-status-wrapper.summary-status-style-green .ss-icon, .confirmation-info-w .summary-status-wrapper.summary-status-style-green .ss-icon {
5406 display: block;
5407 padding: 15px;
5408 background-color: #98ff96;
5409 border-radius: 50%;
5410 box-shadow: 0 0 0 10px #e1ffe0;
5411 }
5412 .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 {
5413 font-family: "latepointIcons" !important;
5414 speak: none;
5415 font-style: normal;
5416 font-weight: normal;
5417 font-variant: normal;
5418 text-transform: none;
5419 line-height: 1;
5420 -webkit-font-smoothing: antialiased;
5421 -moz-osx-font-smoothing: grayscale;
5422 content: "\e928";
5423 color: #000;
5424 line-height: 24px;
5425 display: block;
5426 font-size: 24px;
5427 }
5428 .full-summary-wrapper .summary-status-wrapper.summary-status-style-yellow .ss-icon, .confirmation-info-w .summary-status-wrapper.summary-status-style-yellow .ss-icon {
5429 display: block;
5430 padding: 10px;
5431 background-color: #ffe196;
5432 border-radius: 50%;
5433 box-shadow: 0 0 0 10px #fff2e0;
5434 width: 44px;
5435 text-align: center;
5436 }
5437 .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 {
5438 content: "i";
5439 color: #000;
5440 line-height: 24px;
5441 display: block;
5442 font-size: 24px;
5443 }
5444 .full-summary-wrapper .summary-price-item-w.spi-sub, .confirmation-info-w .summary-price-item-w.spi-sub {
5445 padding-left: 20px;
5446 position: relative;
5447 }
5448 .full-summary-wrapper .summary-price-item-w.spi-sub:before, .confirmation-info-w .summary-price-item-w.spi-sub:before {
5449 content: "";
5450 width: 5px;
5451 height: 5px;
5452 border-left: 1px solid #7c85a3;
5453 border-bottom: 1px solid #7c85a3;
5454 position: absolute;
5455 top: 50%;
5456 left: 10px;
5457 transform: translateY(-50%);
5458 }
5459 .full-summary-wrapper .summary-price-breakdown-wrapper.multi-item .subtotal-separator, .confirmation-info-w .summary-price-breakdown-wrapper.multi-item .subtotal-separator {
5460 border-top: 1px solid #f1f1f1;
5461 padding-bottom: 10px;
5462 margin-top: 10px;
5463 }
5464 .full-summary-wrapper .order-item-bundle-info-wrapper, .confirmation-info-w .order-item-bundle-info-wrapper {
5465 display: flex;
5466 align-items: flex-start;
5467 gap: 20px;
5468 padding: 15px 0;
5469 }
5470 .full-summary-wrapper .order-item-bundle-info-wrapper .bundle-icon, .confirmation-info-w .order-item-bundle-info-wrapper .bundle-icon {
5471 padding: 10px;
5472 line-height: 20px;
5473 font-size: 20px;
5474 background-color: color-mix(in srgb, var(--latepoint-brand-primary) 10%, transparent);
5475 border-radius: 30px;
5476 color: var(--latepoint-brand-primary);
5477 }
5478 .full-summary-wrapper .order-item-bundle-info-wrapper .summary-box.main-box, .confirmation-info-w .order-item-bundle-info-wrapper .summary-box.main-box {
5479 padding: 0;
5480 }
5481 .full-summary-wrapper .schedule-bundle-booking-btn-wrapper, .confirmation-info-w .schedule-bundle-booking-btn-wrapper {
5482 padding-bottom: 20px;
5483 }
5484 .full-summary-wrapper .schedule-bundle-booking-btn, .confirmation-info-w .schedule-bundle-booking-btn {
5485 padding: 4px 0;
5486 background-color: #fff;
5487 display: inline-flex;
5488 gap: 8px;
5489 font-weight: 600;
5490 color: var(--latepoint-brand-primary);
5491 text-decoration: none;
5492 border: none;
5493 align-items: center;
5494 box-shadow: none;
5495 cursor: pointer;
5496 position: relative;
5497 }
5498 .full-summary-wrapper .schedule-bundle-booking-btn.os-loading:before, .confirmation-info-w .schedule-bundle-booking-btn.os-loading:before {
5499 display: block;
5500 content: "";
5501 width: 14px !important;
5502 height: 14px !important;
5503 border-bottom: 2px solid var(--latepoint-brand-primary);
5504 border-left: 2px solid var(--latepoint-brand-primary);
5505 border-top: 2px solid var(--latepoint-brand-primary);
5506 border-right: 2px solid rgba(255, 255, 255, 0);
5507 border-radius: 20px;
5508 position: absolute;
5509 top: 50%;
5510 left: 50%;
5511 transform: translate(-50%, -50%);
5512 animation: os-loading 700ms infinite linear;
5513 background-color: transparent !important;
5514 left: auto;
5515 right: -5px;
5516 }
5517 .full-summary-wrapper .schedule-bundle-booking-btn.os-loading i, .confirmation-info-w .schedule-bundle-booking-btn.os-loading i {
5518 visibility: hidden;
5519 }
5520 .full-summary-wrapper .schedule-bundle-booking-btn:hover span, .confirmation-info-w .schedule-bundle-booking-btn:hover span {
5521 border-bottom-style: solid;
5522 }
5523 .full-summary-wrapper .schedule-bundle-booking-btn:hover i, .confirmation-info-w .schedule-bundle-booking-btn:hover i {
5524 transform: translateX(3px);
5525 }
5526 .full-summary-wrapper .schedule-bundle-booking-btn span, .confirmation-info-w .schedule-bundle-booking-btn span {
5527 border-bottom: 1px dotted var(--latepoint-brand-primary);
5528 }
5529 .full-summary-wrapper .schedule-bundle-booking-btn i, .confirmation-info-w .schedule-bundle-booking-btn i {
5530 font-size: 9px;
5531 transition: transform 0.2s ease;
5532 }
5533 .full-summary-wrapper .summary-price-breakdown-wrapper, .confirmation-info-w .summary-price-breakdown-wrapper {
5534 margin-top: 30px;
5535 }
5536 .full-summary-wrapper .summary-box-heading, .confirmation-info-w .summary-box-heading {
5537 margin-bottom: 10px;
5538 }
5539 .full-summary-wrapper .summary-box, .confirmation-info-w .summary-box {
5540 padding-bottom: 0;
5541 }
5542 .full-summary-wrapper .summary-box .sbc-main-item, .confirmation-info-w .summary-box .sbc-main-item {
5543 color: #14161d;
5544 font-size: 15px;
5545 font-weight: 600;
5546 }
5547
5548 .confirmation-info-w {
5549 position: relative;
5550 }
5551 .confirmation-info-w .order-summary-items-heading {
5552 display: none;
5553 }
5554 .confirmation-info-w .price-breakdown-unfold {
5555 display: none;
5556 }
5557 .confirmation-info-w ul {
5558 list-style-type: none;
5559 padding: 0px;
5560 margin: 0px;
5561 display: flex;
5562 flex-wrap: wrap;
5563 }
5564 .confirmation-info-w ul li {
5565 flex: 0 0 50%;
5566 list-style-type: none;
5567 margin: 0px;
5568 color: #7c85a3;
5569 font-weight: 600;
5570 padding: 7px 10px 7px 0px;
5571 line-height: 1.4;
5572 font-size: 11px;
5573 letter-spacing: 0.6px;
5574 text-transform: uppercase;
5575 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
5576 }
5577 .confirmation-info-w ul li strong {
5578 text-transform: none;
5579 letter-spacing: normal;
5580 color: var(--latepoint-body-color);
5581 display: block;
5582 font-size: 15px;
5583 }
5584 .confirmation-info-w .confirmation-section-heading {
5585 font-size: 19px;
5586 display: block;
5587 border-bottom: 1px solid var(--latepoint-brand-primary);
5588 margin: 15px 0px 5px 0px;
5589 color: var(--latepoint-brand-primary);
5590 }
5591
5592 .latepoint-booking-form-element {
5593 /*!
5594 * Copyright (c) 2024 LatePoint LLC. All rights reserved.
5595 */
5596 /*!
5597 * Copyright (c) 2024 LatePoint LLC. All rights reserved.
5598 */
5599 }
5600 .latepoint-booking-form-element.hidden-buttons .latepoint-form-w .latepoint-body:after {
5601 height: 40px;
5602 }
5603 .latepoint-booking-form-element.hidden-buttons .latepoint-form-w .latepoint-footer {
5604 display: none;
5605 }
5606 .latepoint-booking-form-element .os-step-tabs {
5607 display: flex;
5608 color: #7c85a3;
5609 margin-bottom: 20px;
5610 font-weight: 600;
5611 font-size: 15px;
5612 line-height: 15px;
5613 justify-content: space-between;
5614 align-items: flex-end;
5615 box-shadow: 0px 1px 0px 0px #E2E5EF;
5616 height: 35px;
5617 }
5618 .latepoint-booking-form-element .os-step-tabs .os-step-tab {
5619 transition: all 0.2s ease;
5620 text-align: center;
5621 padding: 8px 0px;
5622 position: relative;
5623 line-height: 15px;
5624 font-size: 15px;
5625 }
5626 .latepoint-booking-form-element .os-step-tabs .os-step-tab:hover {
5627 cursor: pointer;
5628 color: var(--latepoint-body-color);
5629 }
5630 .latepoint-booking-form-element .os-step-tabs .os-step-tab:before {
5631 position: absolute;
5632 content: "";
5633 background-color: var(--latepoint-brand-primary);
5634 height: 2px;
5635 left: 0px;
5636 bottom: -1px;
5637 width: 0%;
5638 }
5639 .latepoint-booking-form-element .os-step-tabs .os-step-tab.active {
5640 color: var(--latepoint-body-color);
5641 font-size: 16px;
5642 line-height: 15px;
5643 padding-bottom: 12px;
5644 padding-top: 8px;
5645 }
5646 .latepoint-booking-form-element .os-step-tabs .os-step-tab.active:before {
5647 width: 100%;
5648 }
5649 .latepoint-booking-form-element .step-customer-logged-in-header-w {
5650 display: flex;
5651 color: #898C98;
5652 margin-bottom: 20px;
5653 font-weight: 600;
5654 font-size: 15px;
5655 line-height: 15px;
5656 justify-content: space-between;
5657 align-items: center;
5658 border-bottom: 1px solid #E2E5EF;
5659 height: 35px;
5660 }
5661 .latepoint-booking-form-element .step-customer-logged-in-header-w span {
5662 display: block;
5663 margin-right: 5px;
5664 margin-left: auto;
5665 }
5666 .latepoint-booking-form-element .step-customer-logged-in-header-w a {
5667 display: block;
5668 color: var(--latepoint-brand-primary);
5669 text-decoration: underline;
5670 }
5671 .latepoint-booking-form-element .step-customer-logged-in-header-w div {
5672 color: var(--latepoint-body-color);
5673 font-size: 16px;
5674 line-height: 15px;
5675 padding-bottom: 12px;
5676 padding-top: 8px;
5677 position: relative;
5678 }
5679 .latepoint-booking-form-element .step-customer-logged-in-header-w div:before {
5680 position: absolute;
5681 content: "";
5682 background-color: var(--latepoint-brand-primary);
5683 height: 2px;
5684 left: 0px;
5685 bottom: -1px;
5686 width: 100%;
5687 transition: all 0.2s ease;
5688 }
5689 .latepoint-booking-form-element .os-form-buttons {
5690 align-items: flex-start;
5691 }
5692 .latepoint-booking-form-element .os-password-reset-form-holder .os-password-reset-form-w {
5693 padding: 20px;
5694 border: 1px solid #aaa;
5695 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0px 5px 10px rgba(0, 0, 0, 0.05);
5696 margin-bottom: 15px;
5697 }
5698 .latepoint-booking-form-element .os-password-reset-form-holder h4 {
5699 margin: 0px;
5700 margin-bottom: 5px;
5701 padding: 0px;
5702 }
5703 .latepoint-booking-form-element .os-password-reset-form-holder p {
5704 margin-bottom: 10px;
5705 }
5706 .latepoint-booking-form-element .os-password-reset-form-holder .os-form-message-w {
5707 margin-bottom: 10px;
5708 margin-top: 10px;
5709 }
5710 .latepoint-booking-form-element .os-step-existing-customer-login-w {
5711 margin-bottom: 10px;
5712 }
5713 .latepoint-booking-form-element .os-step-existing-customer-login-w .step-forgot-password-btn {
5714 text-decoration: underline;
5715 padding-top: 0px;
5716 padding-bottom: 0px;
5717 }
5718 .latepoint-booking-form-element .os-step-existing-customer-login-w .step-login-existing-customer-btn {
5719 padding: 10px 20px;
5720 line-height: 1.2;
5721 font-size: 16px;
5722 position: relative;
5723 }
5724 .latepoint-booking-form-element .os-step-existing-customer-login-w .step-login-existing-customer-btn i {
5725 position: absolute;
5726 left: 10px;
5727 top: 50%;
5728 transform: translateY(-50%);
5729 font-size: 22px;
5730 }
5731 .latepoint-booking-form-element .os-weekdays {
5732 display: flex;
5733 align-items: center;
5734 justify-content: space-between;
5735 margin-bottom: 5px;
5736 column-gap: 15px;
5737 }
5738 .latepoint-booking-form-element .os-weekdays .weekday {
5739 text-transform: uppercase;
5740 font-size: 12px;
5741 color: #7c85a3;
5742 font-weight: 600;
5743 letter-spacing: 2px;
5744 width: 14.2%;
5745 text-align: center;
5746 padding: 5px 0px;
5747 }
5748 .latepoint-booking-form-element .os-weekdays .weekday.weekday-6, .latepoint-booking-form-element .os-weekdays .weekday.weekday-7 {
5749 color: var(--latepoint-calendar-weekday-label-color);
5750 background-color: var(--latepoint-calendar-weekday-label-bg);
5751 }
5752 .latepoint-booking-form-element .os-current-month-label-w {
5753 position: relative;
5754 }
5755 .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn,
5756 .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn {
5757 position: absolute;
5758 border: none;
5759 font-size: 12px;
5760 background-color: transparent !important;
5761 box-shadow: none;
5762 outline: none;
5763 color: #111;
5764 top: 55%;
5765 transform: translateY(-50%);
5766 padding: 0px;
5767 margin: 0px;
5768 line-height: 1;
5769 vertical-align: middle;
5770 display: inline-block;
5771 cursor: pointer;
5772 }
5773 .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn:focus-visible,
5774 .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn:focus-visible {
5775 outline: 2px solid var(--latepoint-brand-primary) !important;
5776 }
5777 .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn.os-loading,
5778 .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.os-loading {
5779 color: transparent !important;
5780 }
5781 .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,
5782 .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.os-loading span,
5783 .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.os-loading i {
5784 color: transparent !important;
5785 }
5786 .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn.os-loading:after,
5787 .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.os-loading:after {
5788 display: block;
5789 content: "";
5790 width: 14px;
5791 height: 14px;
5792 border-bottom: 2px solid var(--latepoint-body-color);
5793 border-left: 2px solid var(--latepoint-body-color);
5794 border-top: 2px solid var(--latepoint-body-color);
5795 border-right: 2px solid rgba(0, 0, 0, 0);
5796 border-radius: 20px;
5797 position: absolute;
5798 top: 50%;
5799 left: 50%;
5800 transform: translate(-50%, -50%);
5801 animation: os-loading 700ms infinite linear;
5802 }
5803 .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn:hover,
5804 .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn:hover {
5805 color: var(--latepoint-brand-primary);
5806 }
5807 .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn:focus,
5808 .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn:focus {
5809 outline: none;
5810 }
5811 .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn.disabled,
5812 .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.disabled {
5813 color: rgba(0, 0, 0, 0.1);
5814 }
5815 .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn {
5816 left: 10px;
5817 }
5818 .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn {
5819 right: 10px;
5820 }
5821 .latepoint-booking-form-element .os-current-month-label-w .os-current-month-label {
5822 text-align: center;
5823 font-weight: 600;
5824 font-size: 17px;
5825 margin-bottom: 10px;
5826 color: var(--latepoint-body-color);
5827 }
5828 .latepoint-booking-form-element .os-current-month-label-w .os-current-month-label .current-year {
5829 display: inline-block;
5830 vertical-align: middle;
5831 color: color-mix(in srgb, var(--latepoint-body-color) 40%, transparent);
5832 margin-left: 5px;
5833 }
5834 .latepoint-booking-form-element .os-current-month-label-w .os-current-month-label .current-month {
5835 display: inline-block;
5836 vertical-align: middle;
5837 }
5838 .latepoint-booking-form-element .os-monthly-calendar-days-w {
5839 display: none;
5840 }
5841 .latepoint-booking-form-element .os-monthly-calendar-days-w.active {
5842 display: block;
5843 }
5844 .latepoint-booking-form-element .os-monthly-calendar-days-w.hide-if-single-slot .os-day.os-one-slot-only .os-day-status {
5845 display: none;
5846 }
5847 .latepoint-booking-form-element .os-monthly-calendar-days-w.hide-if-single-slot .os-day.selected:after {
5848 font-family: "latepointIcons" !important;
5849 speak: none;
5850 font-style: normal;
5851 font-weight: normal;
5852 font-variant: normal;
5853 text-transform: none;
5854 line-height: 1;
5855 -webkit-font-smoothing: antialiased;
5856 -moz-osx-font-smoothing: grayscale;
5857 content: "\e903";
5858 background-color: var(--latepoint-brand-primary);
5859 box-shadow: 0px 0px 0px 2px #fff;
5860 border-radius: 50%;
5861 width: 14px;
5862 line-height: 14px;
5863 height: 14px;
5864 bottom: 50%;
5865 left: 50%;
5866 font-size: 10px;
5867 text-align: center;
5868 position: absolute;
5869 color: #fff;
5870 transform: translate(11px, -10px);
5871 }
5872 .latepoint-booking-form-element .step-datepicker-w {
5873 padding: 0px 10px 10px;
5874 }
5875 .latepoint-booking-form-element .step-datepicker-w .dp-capacity, .latepoint-booking-form-element .reschedule-calendar-datepicker .dp-capacity {
5876 position: absolute;
5877 top: 0px;
5878 left: 50%;
5879 transform: translate3d(-50%, -100%, 0);
5880 background-color: #111;
5881 padding: 4px 6px;
5882 color: #fff;
5883 font-weight: 600;
5884 display: none;
5885 white-space: nowrap;
5886 z-index: 9999;
5887 font-size: 15px;
5888 animation: 0.1s ease latepointAvailabilityPopup;
5889 animation-fill-mode: both;
5890 }
5891 .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 {
5892 display: block;
5893 }
5894 .latepoint-booking-form-element .os-monthly-calendar-days {
5895 display: grid;
5896 grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
5897 grid-gap: 12px;
5898 }
5899 .latepoint-booking-form-element .os-monthly-calendar-days .os-day {
5900 text-align: center;
5901 font-size: 17px;
5902 font-weight: 600;
5903 cursor: pointer;
5904 position: relative;
5905 }
5906 .latepoint-booking-form-element .os-monthly-calendar-days .os-day:focus-visible {
5907 outline: 2px solid var(--latepoint-brand-primary);
5908 }
5909 .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 {
5910 color: #B7BCCB;
5911 background-color: #fff;
5912 }
5913 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current .os-day-box {
5914 background-color: #eefdec;
5915 }
5916 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available {
5917 cursor: not-allowed;
5918 }
5919 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box {
5920 background-color: transparent;
5921 }
5922 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-status {
5923 background-color: #f7f7f7;
5924 }
5925 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-number {
5926 color: #adadae;
5927 }
5928 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available.selected .os-day-box {
5929 background-color: #ec7376;
5930 }
5931 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available.selected .os-day-box .os-day-number {
5932 color: #fff;
5933 }
5934 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-passed .os-day-box {
5935 background-color: transparent;
5936 }
5937 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-passed .os-day-box .os-day-number {
5938 color: #bdc5da;
5939 }
5940 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-not-in-allowed-period .os-day-box {
5941 background-color: #f7f8fb;
5942 }
5943 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-not-in-allowed-period .os-day-box .os-day-number {
5944 color: #bdc5da;
5945 }
5946 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-today .os-day-box {
5947 background-color: #fff6cb;
5948 border-color: #fff6cb;
5949 }
5950 .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 {
5951 opacity: 0.6;
5952 }
5953 .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 {
5954 opacity: 1;
5955 }
5956 .latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-box {
5957 padding: 8px 5px;
5958 position: relative;
5959 }
5960 .latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-available-slots-tooltip {
5961 position: absolute;
5962 top: 0px;
5963 left: 50%;
5964 transform: translate3d(-50%, -100%, 0);
5965 background-color: #111;
5966 padding: 4px 6px;
5967 color: #fff;
5968 font-weight: 600;
5969 display: none;
5970 white-space: nowrap;
5971 z-index: 9999;
5972 font-size: 15px;
5973 animation: 0.1s ease latepointAvailabilityPopup;
5974 animation-fill-mode: both;
5975 }
5976 .latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-number {
5977 color: #14161d;
5978 transition: all 0.1s ease;
5979 }
5980 .latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-status {
5981 transition: all 0.1s ease;
5982 }
5983 .latepoint-booking-form-element .os-monthly-calendar-days .os-day:hover .os-day-box .os-day-number {
5984 top: 40%;
5985 transform: translateY(-2px) scale(1.2);
5986 white-space: nowrap;
5987 }
5988 .latepoint-booking-form-element .os-monthly-calendar-days .os-day:hover .os-day-box:hover .os-available-slots-tooltip {
5989 display: block;
5990 }
5991 .latepoint-booking-form-element .os-monthly-calendar-days .os-day:hover .os-day-status {
5992 height: 6px;
5993 left: 3px;
5994 right: 3px;
5995 }
5996 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected .os-day-box {
5997 background-color: var(--latepoint-brand-primary);
5998 border-color: transparent;
5999 color: #fff;
6000 opacity: 1;
6001 }
6002 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-number {
6003 color: #fff;
6004 transform: scale(1.2);
6005 }
6006 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-status {
6007 display: none;
6008 }
6009 .latepoint-booking-form-element .os-day-status {
6010 margin: 0px;
6011 height: 4px;
6012 position: absolute;
6013 border-radius: 0px;
6014 overflow: hidden;
6015 bottom: 3px;
6016 left: 8px;
6017 right: 8px;
6018 background-color: #e6e9ef;
6019 }
6020 .latepoint-booking-form-element .os-day-status .day-available {
6021 background-color: #8fe286;
6022 top: 0px;
6023 bottom: 0px;
6024 position: absolute;
6025 z-index: 1;
6026 min-width: 3px;
6027 }
6028 .latepoint-booking-form-element .times-header {
6029 color: #16171d;
6030 font-size: 16px;
6031 font-weight: 400;
6032 text-align: center;
6033 padding-bottom: 10px;
6034 }
6035 .latepoint-booking-form-element .times-header span {
6036 color: var(--latepoint-brand-primary);
6037 border-bottom: 1px dotted var(--latepoint-brand-primary);
6038 }
6039 .latepoint-booking-form-element .os-calendar-searching-info {
6040 padding-left: 35px;
6041 font-size: 15px;
6042 position: relative;
6043 font-weight: 600;
6044 display: none;
6045 }
6046 .latepoint-booking-form-element .os-calendar-searching-info:before {
6047 display: block;
6048 content: "";
6049 width: 20px !important;
6050 height: 20px !important;
6051 border-bottom: 2px solid var(--latepoint-brand-primary);
6052 border-left: 2px solid var(--latepoint-brand-primary);
6053 border-top: 2px solid var(--latepoint-brand-primary);
6054 border-right: 2px solid rgba(255, 255, 255, 0);
6055 border-radius: 20px;
6056 position: absolute;
6057 top: 50%;
6058 left: 50%;
6059 transform: translate(-50%, -50%);
6060 animation: os-loading 700ms infinite linear;
6061 background-color: transparent !important;
6062 left: 10px;
6063 }
6064 .latepoint-booking-form-element .os-dates-w {
6065 margin: 0px;
6066 }
6067 .latepoint-booking-form-element .os-dates-w.is-searching .os-calendar-searching-info {
6068 display: block;
6069 }
6070 .latepoint-booking-form-element .os-dates-w.is-searching .os-calendar-while-searching-wrapper {
6071 display: none;
6072 }
6073 .latepoint-booking-form-element .os-times-w {
6074 position: relative;
6075 }
6076 .latepoint-booking-form-element .timeslots {
6077 display: flex;
6078 justify-content: space-between;
6079 }
6080 .latepoint-booking-form-element .timeslots .not-working-message {
6081 flex: 1;
6082 padding: 3px 5px;
6083 text-align: center;
6084 background-color: #f7e8e8;
6085 color: #752f2f;
6086 font-weight: 600;
6087 }
6088 .latepoint-booking-form-element .dp-timebox {
6089 white-space: nowrap;
6090 text-align: center;
6091 padding: 6px 3px;
6092 line-height: 1.2;
6093 background-color: #d6ffd1;
6094 font-size: 15px;
6095 color: #14161d;
6096 cursor: pointer;
6097 font-weight: 600;
6098 position: relative;
6099 width: auto !important;
6100 max-width: none !important;
6101 }
6102 .latepoint-booking-form-element .dp-timebox:focus-visible {
6103 outline: 2px solid var(--latepoint-brand-primary);
6104 }
6105 .latepoint-booking-form-element .dp-timebox .dp-tick,
6106 .latepoint-booking-form-element .dp-timebox .dp-success-label {
6107 display: none !important;
6108 }
6109 .latepoint-booking-form-element .dp-timebox:hover {
6110 background-color: #c0fbb8;
6111 }
6112 .latepoint-booking-form-element .dp-timebox.is-off, .latepoint-booking-form-element .dp-timebox.is-booked {
6113 color: #b3b3b3;
6114 background-color: #f7f7f7;
6115 box-shadow: none;
6116 cursor: not-allowed;
6117 }
6118 .latepoint-booking-form-element .dp-timebox.selected {
6119 background-color: var(--latepoint-brand-primary);
6120 color: #fff;
6121 box-shadow: none;
6122 }
6123 .latepoint-booking-form-element .dp-timebox.selected:after {
6124 font-family: "latepointIcons" !important;
6125 speak: none;
6126 font-style: normal;
6127 font-weight: normal;
6128 font-variant: normal;
6129 text-transform: none;
6130 line-height: 1;
6131 -webkit-font-smoothing: antialiased;
6132 -moz-osx-font-smoothing: grayscale;
6133 content: "\e903";
6134 background-color: var(--latepoint-brand-primary);
6135 box-shadow: 0px 0px 0px 2px #fff;
6136 border-radius: 50%;
6137 width: 14px;
6138 line-height: 14px;
6139 height: 14px;
6140 top: -5px;
6141 right: -5px;
6142 font-size: 10px;
6143 text-align: center;
6144 position: absolute;
6145 color: #fff;
6146 animation: 0.2s ease 0s selectedSlotCheckmark;
6147 animation-fill-mode: both;
6148 }
6149 .latepoint-booking-form-element .os-recurring-suggestion-wrapper {
6150 background-color: #fff;
6151 padding: 30px;
6152 position: absolute;
6153 box-shadow: 0 6px 26px -4px rgba(0, 0, 0, 0.3), 0 1px 2px 0 rgba(0, 0, 0, 0.4);
6154 top: 50%;
6155 left: 50%;
6156 transform: translate(-50%, -50%);
6157 width: 70%;
6158 z-index: 99999;
6159 }
6160 .latepoint-booking-form-element .step-datepicker-w.show-recurring-prompt .os-dates-w {
6161 filter: blur(2px);
6162 }
6163 .latepoint-booking-form-element .step-datepicker-w.show-recurring-prompt .time-selector-w {
6164 filter: blur(2px);
6165 }
6166 .latepoint-booking-form-element .os-recurring-suggestion .os-recurring-suggestion-heading {
6167 text-align: center;
6168 margin-bottom: 15px;
6169 color: #14161d;
6170 font-size: 17px;
6171 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
6172 font-weight: 600;
6173 }
6174 .latepoint-booking-form-element .os-recurring-suggestion .os-recurring-suggestion-options {
6175 display: flex;
6176 justify-content: space-evenly;
6177 }
6178 .latepoint-booking-form-element .os-recurring-suggestion .os-recurring-suggestion-options .os-recurring-suggestion-option {
6179 padding: 5px 15px;
6180 border: 1px solid #14161d;
6181 cursor: pointer;
6182 color: #14161d;
6183 font-size: 17px;
6184 }
6185 .latepoint-booking-form-element .time-selector-w {
6186 display: none;
6187 margin-top: 20px;
6188 margin-left: -2px;
6189 margin-right: -2px;
6190 }
6191 .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 {
6192 display: none;
6193 }
6194 .latepoint-booking-form-element .time-selector-w .th-timezone {
6195 text-transform: uppercase;
6196 font-size: 10px;
6197 letter-spacing: 0.5px;
6198 margin-top: 4px;
6199 }
6200 .latepoint-booking-form-element .time-selector-w .th-timezone strong {
6201 color: #7c85a3;
6202 }
6203 .latepoint-booking-form-element .time-selector-w.style-timebox {
6204 margin-top: 20px;
6205 }
6206 .latepoint-booking-form-element .time-selector-w.style-timebox .timeslots {
6207 display: grid;
6208 grid-template-columns: repeat(2, 1fr);
6209 grid-gap: 10px;
6210 }
6211 .latepoint-booking-form-element .time-selector-w.style-timebox .timeslots.slots-not-available {
6212 grid-template-columns: repeat(1, 1fr) !important;
6213 }
6214 .latepoint-booking-form-element .time-selector-w.style-timebox .timeslots .not-working-message {
6215 border-radius: 4px;
6216 padding: 6px;
6217 }
6218 .latepoint-booking-form-element .time-selector-w.style-timebox .timeslots .dp-timebox .dp-label-capacity {
6219 display: none;
6220 }
6221 .latepoint-booking-form-element .time-selector-w.style-timebox .timeslots .dp-timebox.is-off {
6222 display: none;
6223 }
6224 .latepoint-booking-form-element .time-selector-w.style-timebox .times-header {
6225 display: flex;
6226 align-items: center;
6227 margin-bottom: 10px;
6228 padding-top: 10px;
6229 }
6230 .latepoint-booking-form-element .time-selector-w.style-timebox .times-header .times-header-label {
6231 flex: 1;
6232 margin: 0px 15px;
6233 white-space: nowrap;
6234 }
6235 .latepoint-booking-form-element .time-selector-w.style-timebox .times-header .th-line {
6236 height: 1px;
6237 flex: 1;
6238 background-color: rgba(0, 0, 0, 0.1);
6239 content: "";
6240 }
6241 .latepoint-booking-form-element .time-selector-w.style-timeline {
6242 padding-bottom: 30px;
6243 flex-wrap: no-wrap;
6244 }
6245 .latepoint-booking-form-element .time-selector-w.with-end-time.time-system-12 .timeslots {
6246 grid-template-columns: repeat(2, 1fr);
6247 }
6248 .latepoint-booking-form-element .time-selector-w.with-end-time.time-system-12 .dp-timebox span.dp-label-end-time {
6249 opacity: 0.7;
6250 }
6251 .latepoint-booking-form-element .time-selector-w.with-end-time.time-system-24 .timeslots {
6252 grid-template-columns: repeat(3, 1fr);
6253 }
6254 .latepoint-booking-form-element .time-selector-w.with-end-time.time-system-24 .dp-timebox span.dp-label-end-time {
6255 opacity: 0.7;
6256 }
6257 .latepoint-booking-form-element .time-selector-w.without-end-time.time-system-12 .timeslots {
6258 grid-template-columns: repeat(4, 1fr);
6259 }
6260 .latepoint-booking-form-element .time-selector-w.without-end-time.time-system-24 .timeslots {
6261 grid-template-columns: repeat(5, 1fr);
6262 }
6263 .latepoint-booking-form-element .dp-timeslot {
6264 height: 24px;
6265 flex-grow: 1;
6266 margin: 0px;
6267 box-shadow: inset 1px 0px 0px 0px #fff, inset -1px 0px 0px 0px #fff;
6268 border-radius: 0px;
6269 position: relative;
6270 cursor: pointer;
6271 background-color: #8fe286;
6272 }
6273 .latepoint-booking-form-element .dp-timeslot:focus-visible {
6274 outline: 2px solid var(--latepoint-brand-primary);
6275 }
6276 .latepoint-booking-form-element .dp-timeslot .dp-tick {
6277 position: absolute;
6278 display: block;
6279 top: 34px;
6280 left: 50%;
6281 transform: translateX(-50%);
6282 font-size: 8px;
6283 text-align: center;
6284 color: rgba(0, 0, 0, 0.4);
6285 text-transform: uppercase;
6286 line-height: 1.4;
6287 font-weight: 600;
6288 letter-spacing: 1px;
6289 }
6290 .latepoint-booking-form-element .dp-timeslot .dp-tick strong {
6291 display: block;
6292 color: rgb(0, 0, 0);
6293 font-size: 11px;
6294 line-height: 1;
6295 letter-spacing: 0px;
6296 white-space: nowrap;
6297 }
6298 .latepoint-booking-form-element .dp-timeslot .dp-success-label {
6299 color: rgba(255, 255, 255, 0.8);
6300 display: block;
6301 text-align: center;
6302 margin-bottom: 4px;
6303 text-transform: uppercase;
6304 letter-spacing: 1px;
6305 font-size: 10px;
6306 }
6307 .latepoint-booking-form-element .dp-timeslot .dp-label {
6308 display: none;
6309 text-align: center;
6310 padding: 7px 8px 7px 8px;
6311 line-height: 1;
6312 background-color: #04bb03;
6313 color: #fff;
6314 font-size: 12px;
6315 font-weight: 600;
6316 position: absolute;
6317 left: 50%;
6318 top: -8px;
6319 transform: translate(-50%, -100%);
6320 white-space: nowrap;
6321 transition: all 0.2s ease;
6322 z-index: 10;
6323 }
6324 .latepoint-booking-form-element .dp-timeslot .dp-label-capacity {
6325 display: block;
6326 color: rgba(255, 255, 255, 0.8);
6327 text-align: center;
6328 margin-bottom: 4px;
6329 text-transform: uppercase;
6330 letter-spacing: 1px;
6331 font-size: 10px;
6332 }
6333 .latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked), .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off) {
6334 background-color: var(--latepoint-brand-primary);
6335 z-index: 4;
6336 }
6337 .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 {
6338 display: none;
6339 }
6340 .latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked):hover, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off):hover {
6341 background-color: var(--latepoint-brand-primary);
6342 }
6343 .latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked):after, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off):after {
6344 content: "";
6345 position: absolute;
6346 width: 1px;
6347 left: 50%;
6348 transform: translateX(-50%);
6349 top: 0px;
6350 bottom: 0px;
6351 background-color: var(--latepoint-brand-primary);
6352 display: none;
6353 }
6354 .latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked) .dp-label, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off) .dp-label {
6355 top: -3px;
6356 background-color: var(--latepoint-brand-primary);
6357 color: #fff;
6358 display: block;
6359 }
6360 .latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked):before, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off):before {
6361 background-color: var(--latepoint-brand-primary);
6362 display: block;
6363 width: 10px;
6364 height: 10px;
6365 transform: translateX(-50%) rotate(45deg);
6366 top: -12px;
6367 left: 50%;
6368 }
6369 .latepoint-booking-form-element .dp-timeslot.is-booked {
6370 background-color: #e6e9ef;
6371 margin: 0px;
6372 cursor: not-allowed;
6373 }
6374 .latepoint-booking-form-element .dp-timeslot.is-booked:before {
6375 background-color: #E42806;
6376 }
6377 .latepoint-booking-form-element .dp-timeslot.is-booked .dp-label {
6378 background-color: #E42806;
6379 }
6380 .latepoint-booking-form-element .dp-timeslot.is-booked:hover {
6381 background-color: #E42806;
6382 }
6383 .latepoint-booking-form-element .dp-timeslot.is-off {
6384 background-color: #e6e9ef;
6385 margin: 0px;
6386 border-color: #fff;
6387 max-width: 25%;
6388 cursor: not-allowed;
6389 }
6390 .latepoint-booking-form-element .dp-timeslot.is-off:before {
6391 background-color: #E42806;
6392 }
6393 .latepoint-booking-form-element .dp-timeslot.is-off .dp-label {
6394 background-color: #E42806;
6395 }
6396 .latepoint-booking-form-element .dp-timeslot.is-off:hover {
6397 background-color: #e6e9ef;
6398 }
6399 .latepoint-booking-form-element .dp-timeslot.is-off:hover .dp-label {
6400 display: none;
6401 }
6402 .latepoint-booking-form-element .dp-timeslot.with-tick:after {
6403 content: "";
6404 position: absolute;
6405 width: 1px;
6406 left: 50%;
6407 height: 3px;
6408 bottom: -7px;
6409 background-color: rgba(0, 0, 0, 0.4);
6410 }
6411 .latepoint-booking-form-element .dp-timeslot:hover {
6412 background-color: #04bb03;
6413 }
6414 .latepoint-booking-form-element .dp-timeslot:hover:before {
6415 top: 0px;
6416 }
6417 .latepoint-booking-form-element .dp-timeslot:hover .dp-label {
6418 display: block;
6419 }
6420
6421 .latepoint-message {
6422 border-radius: 0px;
6423 }
6424 .latepoint-message.latepoint-message-success {
6425 padding: 10px 15px;
6426 font-weight: 600;
6427 margin-bottom: 15px;
6428 background: #eeffed;
6429 color: #0d7f24;
6430 text-align: center;
6431 border: 1px solid #a9e3a2;
6432 box-shadow: 0px 1px 4px -1px rgba(79, 239, 88, 0.6);
6433 }
6434 .latepoint-message.latepoint-message-error {
6435 padding: 10px;
6436 font-weight: 600;
6437 margin-bottom: 15px;
6438 background: #ffcfcf;
6439 color: #750e0e;
6440 text-align: center;
6441 border: 1px solid #ffcfcf;
6442 box-shadow: none;
6443 }
6444 .latepoint-message.latepoint-message-warning {
6445 padding: 10px;
6446 font-weight: 600;
6447 margin-bottom: 15px;
6448 background: #ffeabe;
6449 color: #75450e;
6450 text-align: center;
6451 border: 1px solid #c16d18;
6452 box-shadow: 0px 2px 4px rgba(64, 55, 40, 0.05);
6453 }
6454 .latepoint-message.latepoint-message-info {
6455 padding: 10px;
6456 font-weight: 600;
6457 margin-bottom: 15px;
6458 background: #eee;
6459 color: #111;
6460 text-align: center;
6461 }
6462
6463 .os-booking-limit-reached {
6464 position: absolute;
6465 top: 10px;
6466 right: 10px;
6467 left: 10px;
6468 bottom: 10px;
6469 background-color: #fff0f0;
6470 border: 1px solid #b95252;
6471 color: #b95252;
6472 font-size: 18px;
6473 text-align: center;
6474 padding: 30px;
6475 display: flex;
6476 align-items: center;
6477 }
6478 .os-booking-limit-reached .os-booking-limit-icon-w {
6479 margin-bottom: 10px;
6480 font-size: 40px;
6481 color: #d8adb0;
6482 line-height: 1;
6483 }
6484 .os-booking-limit-reached h3 {
6485 color: #5f1b1b;
6486 margin-bottom: 10px;
6487 margin-top: 0px;
6488 padding: 0px;
6489 }
6490
6491 .latepoint-w.customer-dashboard-booking-summary-lightbox .os-item-details-popup {
6492 position: relative;
6493 background-color: #fff;
6494 display: none;
6495 margin: -15px -30px -30px -30px;
6496 }
6497 .latepoint-w.customer-dashboard-booking-summary-lightbox .os-item-details-popup.open {
6498 display: block;
6499 }
6500 .latepoint-w .os-item-details-popup {
6501 display: none;
6502 }
6503 .latepoint-w .os-item-details-popup.open {
6504 display: block;
6505 }
6506 .latepoint-w .os-item-details-popup .os-item-details-popup-close {
6507 position: absolute;
6508 top: 0px;
6509 right: 0px;
6510 background-color: #FF5151;
6511 color: #fff;
6512 padding: 10px;
6513 font-size: 13px;
6514 font-weight: 600;
6515 z-index: 9999;
6516 }
6517 .latepoint-w .os-item-details-popup .os-item-details-popup-close span, .latepoint-w .os-item-details-popup .os-item-details-popup-close i {
6518 display: inline-block;
6519 vertical-align: middle;
6520 line-height: 1;
6521 }
6522 .latepoint-w .os-item-details-popup .os-item-details-popup-close span {
6523 margin-right: 10px;
6524 }
6525 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-head {
6526 background-size: cover;
6527 background-position: center center;
6528 padding: 80px 40px 40px 40px;
6529 position: relative;
6530 }
6531 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-head h3 {
6532 color: #fff;
6533 text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
6534 font-size: 30px;
6535 margin: 0px;
6536 z-index: 2;
6537 position: relative;
6538 }
6539 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-head .item-details-popup-title {
6540 margin-top: 5px;
6541 color: rgba(255, 255, 255, 0.8);
6542 z-index: 2;
6543 position: relative;
6544 font-size: 21px;
6545 }
6546 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-head:before {
6547 content: "";
6548 position: absolute;
6549 top: 0px;
6550 left: 0px;
6551 bottom: 0px;
6552 right: 0px;
6553 background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
6554 z-index: 1;
6555 }
6556 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content {
6557 padding: 40px;
6558 font-size: 16px;
6559 line-height: 21px;
6560 position: relative;
6561 z-index: 2;
6562 }
6563 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .bio-curve {
6564 position: absolute;
6565 top: 1px;
6566 left: 0px;
6567 right: 0px;
6568 bottom: 0px;
6569 transform: translateY(-100%);
6570 display: block;
6571 width: 100%;
6572 max-width: 100%;
6573 height: auto;
6574 z-index: 9999;
6575 }
6576 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features {
6577 display: flex;
6578 justify-content: space-between;
6579 padding-bottom: 20px;
6580 margin-top: -15px;
6581 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
6582 margin-bottom: 30px;
6583 }
6584 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features .item-details-popup-feature {
6585 flex: 1;
6586 padding: 0px 15px;
6587 }
6588 .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 {
6589 padding-left: 0px;
6590 }
6591 .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 {
6592 padding-right: 0px;
6593 }
6594 .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 {
6595 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
6596 font-weight: 600;
6597 font-size: 27px;
6598 font-weight: 600;
6599 line-height: 1.2;
6600 color: var(--latepoint-brand-primary);
6601 }
6602 .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 {
6603 font-size: 13px;
6604 color: #7c85a3;
6605 }
6606 .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 {
6607 border-left: 1px solid rgba(0, 0, 0, 0.05);
6608 }
6609 .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-content-i::first-letter {
6610 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
6611 font-weight: 600;
6612 font-size: 27px;
6613 line-height: 21px;
6614 color: var(--latepoint-brand-primary);
6615 font-weight: 600;
6616 padding-right: 1px;
6617 }
6618
6619 .add-to-calendar-wrapper {
6620 position: relative;
6621 }
6622 .add-to-calendar-wrapper.show-types .add-to-calendar-types {
6623 display: flex;
6624 }
6625 .add-to-calendar-wrapper.show-types .open-calendar-types {
6626 visibility: hidden;
6627 }
6628
6629 .add-to-calendar-types {
6630 border: 1px solid #aaa;
6631 box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
6632 background-color: #eee;
6633 display: none;
6634 flex-direction: column;
6635 position: absolute;
6636 gap: 1px;
6637 top: 0%;
6638 left: 0;
6639 animation: 0.15s cubic-bezier(0.05, 0.45, 0.1, 1) 0s up20;
6640 animation-fill-mode: both;
6641 z-index: 1;
6642 }
6643 .add-to-calendar-types .atc-heading-wrapper {
6644 padding: 5px;
6645 padding-left: 10px;
6646 font-weight: 600;
6647 display: flex;
6648 font-size: 15px;
6649 justify-content: space-between;
6650 align-items: center;
6651 background-color: #f2f2f2;
6652 }
6653 .add-to-calendar-types .atc-heading-wrapper .close-calendar-types {
6654 line-height: 12px;
6655 font-size: 14px;
6656 padding: 3px;
6657 background-color: #ddd;
6658 text-align: center;
6659 cursor: pointer;
6660 }
6661 .add-to-calendar-types .atc-heading-wrapper .close-calendar-types:hover {
6662 background-color: var(--latepoint-brand-primary);
6663 color: #fff;
6664 }
6665 .add-to-calendar-types .atc-heading-wrapper .close-calendar-types:before {
6666 line-height: 1;
6667 font-family: "latepointIcons" !important;
6668 speak: none;
6669 font-style: normal;
6670 font-weight: normal;
6671 font-variant: normal;
6672 text-transform: none;
6673 line-height: 1;
6674 -webkit-font-smoothing: antialiased;
6675 -moz-osx-font-smoothing: grayscale;
6676 content: "\e90a";
6677 }
6678 .add-to-calendar-types .atc-type {
6679 padding: 10px;
6680 padding-right: 15px;
6681 display: flex;
6682 gap: 10px;
6683 align-items: center;
6684 cursor: pointer;
6685 background-color: #fff;
6686 text-decoration: none;
6687 position: relative;
6688 }
6689 .add-to-calendar-types .atc-type:hover {
6690 box-shadow: 0 0 0 1px var(--latepoint-brand-primary), inset 0 0 0 1px var(--latepoint-brand-primary);
6691 z-index: 1;
6692 }
6693 .add-to-calendar-types .atc-type .atc-type-image {
6694 width: 18px;
6695 height: 18px;
6696 background-size: contain;
6697 background-repeat: no-repeat;
6698 background-position: center left;
6699 }
6700 .add-to-calendar-types .atc-type .atc-type-name {
6701 font-weight: 600;
6702 font-size: 15px;
6703 color: var(--latepoint-body-color);
6704 white-space: nowrap;
6705 }
6706 .add-to-calendar-types .atc-type.atc-type-apple .atc-type-image {
6707 background-image: url(/wp-content/plugins/latepoint/public/images/apple-logo-compact.png);
6708 }
6709 .add-to-calendar-types .atc-type.atc-type-google .atc-type-image {
6710 background-image: url(/wp-content/plugins/latepoint/public/images/google-logo-compact.png);
6711 }
6712 .add-to-calendar-types .atc-type.atc-type-outlook .atc-type-image {
6713 background-image: url(/wp-content/plugins/latepoint/public/images/outlook-logo-compact.png);
6714 }
6715 .add-to-calendar-types .atc-type.atc-type-office-365 .atc-type-image {
6716 background-image: url(/wp-content/plugins/latepoint/public/images/office-365-logo-compact.jpg);
6717 }
6718
6719 .latepoint-continue-intent-loading {
6720 position: fixed;
6721 top: 0;
6722 right: 0;
6723 bottom: 0;
6724 left: 0;
6725 z-index: 999999;
6726 background-color: rgba(0, 0, 0, 0.6);
6727 }
6728 .latepoint-continue-intent-loading:before {
6729 display: block;
6730 content: "";
6731 width: 50px;
6732 height: 50px;
6733 border-bottom: 4px solid #fff;
6734 border-left: 4px solid #fff;
6735 border-top: 4px solid #fff;
6736 border-right: 4px solid rgba(255, 255, 255, 0);
6737 border-radius: 50%;
6738 position: absolute;
6739 top: 50%;
6740 left: 50%;
6741 transform: translate(-50%, -50%);
6742 animation: os-loading 700ms infinite linear;
6743 background-color: transparent !important;
6744 z-index: 999;
6745 }
6746
6747 /*!
6748 * Copyright (c) 2024 LatePoint LLC. All rights reserved.
6749 */
6750 .latepoint-calendar-wrapper {
6751 position: relative;
6752 }
6753 .latepoint-calendar-wrapper.show-filters .latepoint-calendar-filters {
6754 display: flex;
6755 }
6756 .latepoint-calendar-wrapper.show-filters .le-filter .latepoint-icon:before {
6757 content: "\e90a";
6758 }
6759 .latepoint-calendar-wrapper.os-loading .latepoint-calendar-controls-wrapper:before {
6760 content: "";
6761 display: block;
6762 position: absolute;
6763 bottom: -1px;
6764 left: 0;
6765 right: 0;
6766 height: 3px;
6767 background: repeating-linear-gradient(to right, #fff 0%, #1D7BFF 50%, #fff 100%);
6768 width: 100%;
6769 background-size: 200% auto;
6770 background-position: 0 100%;
6771 animation: os-loading-gradient 1.5s infinite;
6772 animation-fill-mode: forwards;
6773 animation-timing-function: linear;
6774 }
6775
6776 .latepoint-calendar-controls-wrapper {
6777 position: sticky;
6778 top: 0;
6779 z-index: 10;
6780 border-bottom: 1px solid #ddd;
6781 background-color: #fff;
6782 }
6783
6784 .latepoint-calendar-filters {
6785 border-top: 1px solid #eee;
6786 padding: 15px 0;
6787 gap: 15px;
6788 display: none;
6789 align-items: center;
6790 justify-content: flex-end;
6791 }
6792 .latepoint-calendar-filters .le-filters-label {
6793 font-size: 15px;
6794 }
6795
6796 .le-range-selector {
6797 margin-left: auto;
6798 }
6799
6800 .le-range-selector select.os-form-control,
6801 .latepoint-calendar-filters select.os-form-control {
6802 padding: 8px 10px;
6803 line-height: 1.55;
6804 border-radius: 6px;
6805 border: 1px solid #ccc;
6806 font-size: 15px;
6807 height: auto;
6808 }
6809
6810 .latepoint-calendar-controls {
6811 display: flex;
6812 align-items: center;
6813 gap: 15px;
6814 padding: 15px 0;
6815 }
6816 .latepoint-calendar-controls .le-label {
6817 color: rgba(0, 0, 0, 0.3);
6818 font-size: 27px;
6819 font-weight: 600;
6820 line-height: 1;
6821 }
6822 .latepoint-calendar-controls .le-week {
6823 font-size: 27px;
6824 font-weight: 600;
6825 line-height: 1;
6826 }
6827 .latepoint-calendar-controls .le-month {
6828 font-size: 36px;
6829 font-weight: 600;
6830 line-height: 1;
6831 }
6832 .latepoint-calendar-controls .le-filter {
6833 padding: 6px 12px;
6834 border: 1px solid #ccc;
6835 color: var(--latepoint-body-color);
6836 cursor: pointer;
6837 display: flex;
6838 gap: 10px;
6839 align-items: center;
6840 font-size: 15px;
6841 border-radius: 6px;
6842 position: relative;
6843 }
6844 .latepoint-calendar-controls .le-filter.os-loading:before {
6845 display: block;
6846 content: "";
6847 width: 10px !important;
6848 height: 10px !important;
6849 border-bottom: 2px solid #000;
6850 border-left: 2px solid #000;
6851 border-top: 2px solid #000;
6852 border-right: 2px solid rgba(255, 255, 255, 0);
6853 border-radius: 20px;
6854 position: absolute;
6855 top: 50%;
6856 left: 50%;
6857 transform: translate(-50%, -50%);
6858 animation: os-loading 700ms infinite linear;
6859 background-color: transparent !important;
6860 left: 18px;
6861 }
6862 .latepoint-calendar-controls .le-filter.os-loading .latepoint-icon {
6863 color: transparent;
6864 }
6865 .latepoint-calendar-controls .le-filter:hover {
6866 border-color: #111;
6867 }
6868 .latepoint-calendar-controls .le-navigation-wrapper {
6869 border-left: 1px solid #eee;
6870 padding-left: 20px;
6871 margin-left: 5px;
6872 }
6873 .latepoint-calendar-controls .le-navigation {
6874 display: flex;
6875 font-size: 15px;
6876 border-radius: 6px;
6877 align-items: stretch;
6878 border: 1px solid #ccc;
6879 }
6880 .latepoint-calendar-controls .le-navigation .le-today {
6881 padding: 6px 12px;
6882 color: var(--latepoint-body-color);
6883 cursor: pointer;
6884 position: relative;
6885 border-radius: 6px;
6886 }
6887 .latepoint-calendar-controls .le-navigation .le-today:hover {
6888 box-shadow: 0 0 0 1px #111;
6889 z-index: 2;
6890 }
6891 .latepoint-calendar-controls .le-navigation .le-navigation-button {
6892 padding: 11px 10px;
6893 cursor: pointer;
6894 position: relative;
6895 font-size: 10px;
6896 line-height: 1;
6897 border-radius: 6px;
6898 }
6899 .latepoint-calendar-controls .le-navigation .le-navigation-button:hover {
6900 box-shadow: 0 0 0 1px #111;
6901 z-index: 2;
6902 border-color: transparent;
6903 }
6904 .latepoint-calendar-controls .le-navigation .le-navigation-button.os-loading {
6905 color: transparent;
6906 }
6907 .latepoint-calendar-controls .le-navigation .le-navigation-button.os-loading:before {
6908 display: block;
6909 content: "";
6910 width: 10px !important;
6911 height: 10px !important;
6912 border-bottom: 2px solid #000;
6913 border-left: 2px solid #000;
6914 border-top: 2px solid #000;
6915 border-right: 2px solid rgba(255, 255, 255, 0);
6916 border-radius: 20px;
6917 position: absolute;
6918 top: 50%;
6919 left: 50%;
6920 transform: translate(-50%, -50%);
6921 animation: os-loading 700ms infinite linear;
6922 background-color: transparent !important;
6923 }
6924
6925 .latepoint-calendar-week {
6926 display: grid;
6927 grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
6928 padding-left: 50px;
6929 }
6930 .latepoint-calendar-week .le-day-wrapper {
6931 position: relative;
6932 }
6933 .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 {
6934 background-color: #fffaf1;
6935 }
6936 .latepoint-calendar-week .le-day-wrapper.os-today .le-day-weekday-wrapper:before {
6937 content: "";
6938 left: 0px;
6939 right: 0px;
6940 top: 0px;
6941 background-color: #f34a4a;
6942 position: absolute;
6943 height: 2px;
6944 z-index: 10;
6945 }
6946 .latepoint-calendar-week .le-day-wrapper:hover .le-day-number {
6947 color: var(--latepoint-brand-primary);
6948 border-bottom-color: var(--latepoint-brand-primary);
6949 }
6950 .latepoint-calendar-week .le-day-wrapper:first-child .day-schedule-timeslot-value {
6951 display: block;
6952 }
6953 .latepoint-calendar-week .le-day-wrapper:first-child .le-day-schedule-wrapper .day-schedule-timeslot:before {
6954 content: "";
6955 background-color: #ddd;
6956 height: 1px;
6957 top: 0px;
6958 left: -5px;
6959 width: 5px;
6960 position: absolute;
6961 }
6962 .latepoint-calendar-week .le-day-wrapper:last-child {
6963 border-right: 1px solid #ddd;
6964 }
6965 .latepoint-calendar-week .le-day-weekday-wrapper {
6966 border-left: 1px solid #ddd;
6967 padding-left: 20px;
6968 padding-top: 10px;
6969 padding-bottom: 7px;
6970 border-bottom: 1px solid #bbb;
6971 position: sticky;
6972 top: 35px;
6973 z-index: 7;
6974 box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
6975 background-color: #fff;
6976 }
6977 .latepoint-calendar-week .le-day-weekday {
6978 font-weight: 600;
6979 color: #aaa;
6980 z-index: 3;
6981 position: relative;
6982 }
6983 .latepoint-calendar-week .le-day-number {
6984 font-size: 45px;
6985 font-weight: 600;
6986 line-height: 1;
6987 border-bottom: 1px dotted transparent;
6988 display: inline-block;
6989 cursor: pointer;
6990 position: relative;
6991 z-index: 2;
6992 }
6993 .latepoint-calendar-week .le-day-number:hover {
6994 border-bottom-style: solid;
6995 }
6996 .latepoint-calendar-week .le-day-number.os-loading {
6997 color: transparent !important;
6998 border-bottom-color: transparent !important;
6999 }
7000 .latepoint-calendar-week .le-day-number.os-loading:before {
7001 display: block;
7002 content: "";
7003 width: 30px !important;
7004 height: 30px !important;
7005 border-bottom: 2px solid var(--latepoint-brand-primary);
7006 border-left: 2px solid var(--latepoint-brand-primary);
7007 border-top: 2px solid var(--latepoint-brand-primary);
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 }
7017 .latepoint-calendar-week .os-day-month {
7018 position: absolute;
7019 z-index: 1;
7020 font-size: 75px;
7021 color: rgba(0, 0, 0, 0.05);
7022 left: 15px;
7023 top: 12px;
7024 line-height: 1;
7025 overflow: hidden;
7026 right: 0;
7027 }
7028 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots {
7029 position: relative;
7030 }
7031 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots:before {
7032 content: "";
7033 top: 0;
7034 bottom: 0;
7035 width: 1px;
7036 background-color: #e1e1e1;
7037 position: absolute;
7038 left: 0;
7039 }
7040 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper {
7041 display: flex;
7042 background-color: #f9f9f9;
7043 }
7044 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper:first-child .day-schedule-timeslot-value {
7045 display: none;
7046 }
7047 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper:first-child .day-schedule-timeslot:before {
7048 background-color: transparent;
7049 }
7050 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper .day-schedule-timeslot {
7051 flex: 1;
7052 text-align: right;
7053 text-transform: uppercase;
7054 letter-spacing: 1px;
7055 font-size: 11px;
7056 height: 44px;
7057 position: relative;
7058 box-shadow: 0 1px 0 0 #ddd;
7059 }
7060 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper {
7061 position: absolute;
7062 left: 0;
7063 right: 0;
7064 font-size: 12px;
7065 background-color: #fff;
7066 z-index: 2;
7067 cursor: pointer;
7068 box-shadow: inset 0 1px 0 0px #ddd, 0 3px 0 0 rgba(0, 0, 0, 0.03);
7069 border-bottom: 1px solid #ccc;
7070 }
7071 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.os-loading:before {
7072 content: "";
7073 display: block;
7074 content: "";
7075 width: 8px !important;
7076 height: 8px !important;
7077 border-bottom: 2px solid #111;
7078 border-left: 2px solid #111;
7079 border-top: 2px solid #111;
7080 border-right: 2px solid rgba(255, 255, 255, 0);
7081 border-radius: 20px;
7082 position: absolute;
7083 top: 50%;
7084 left: 50%;
7085 transform: translate(-50%, -50%);
7086 animation: os-loading 700ms infinite linear;
7087 background-color: transparent !important;
7088 top: 10px;
7089 right: 0px;
7090 left: auto;
7091 }
7092 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed {
7093 cursor: not-allowed;
7094 }
7095 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed .le-service-inner {
7096 opacity: 0.6;
7097 }
7098 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed:hover .is-passed-message {
7099 display: block;
7100 }
7101 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed .is-passed-message {
7102 display: none;
7103 background-color: #000;
7104 color: #fff;
7105 padding: 5px 10px;
7106 font-weight: 600;
7107 font-size: 12px;
7108 position: absolute;
7109 top: 0;
7110 left: 50%;
7111 transform: translate(-50%, -110%);
7112 white-space: nowrap;
7113 }
7114 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover {
7115 opacity: 1;
7116 z-index: 3;
7117 }
7118 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-color-elem {
7119 width: 5px;
7120 }
7121 .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 {
7122 transform: translateX(3px);
7123 }
7124 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper .le-service-inner {
7125 padding: 3px;
7126 padding-left: 8px;
7127 display: flex;
7128 flex-direction: column;
7129 height: 100%;
7130 box-sizing: border-box;
7131 }
7132 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper .le-color-elem {
7133 position: absolute;
7134 top: 0px;
7135 bottom: -1px;
7136 left: 0px;
7137 width: 3px;
7138 display: block;
7139 transition: all 0.15s ease;
7140 }
7141 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-time-period {
7142 transition: transform 0.15s ease;
7143 }
7144 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-name {
7145 font-weight: 600;
7146 font-size: 15px;
7147 line-height: 1.4;
7148 overflow: hidden;
7149 transition: transform 0.15s ease;
7150 }
7151 .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslot {
7152 position: relative;
7153 }
7154 .latepoint-calendar-week .day-schedule-timeslot-value {
7155 display: none;
7156 position: absolute;
7157 top: 0;
7158 transform: translateY(-50%);
7159 left: -60px;
7160 width: 50px;
7161 text-align: right;
7162 }
7163
7164 .latepoint-calendar-month {
7165 display: grid;
7166 grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
7167 gap: 1px;
7168 background-color: #ddd;
7169 padding: 1px;
7170 padding-top: 0;
7171 }
7172 .latepoint-calendar-month .le-weekday {
7173 background-color: #fff;
7174 padding: 5px 15px;
7175 font-weight: 600;
7176 font-size: 18px;
7177 }
7178 .latepoint-calendar-month .le-weekday.weekday-6, .latepoint-calendar-month .le-weekday.weekday-7 {
7179 color: #382c18;
7180 }
7181 .latepoint-calendar-month .le-day-wrapper {
7182 min-height: 200px;
7183 background-color: #fff;
7184 padding: 20px;
7185 position: relative;
7186 }
7187 .latepoint-calendar-month .le-day-wrapper:hover .le-day-number {
7188 color: var(--latepoint-brand-primary);
7189 border-bottom: 1px dotted var(--latepoint-brand-primary);
7190 }
7191 .latepoint-calendar-month .le-day-wrapper.os-today:before {
7192 content: "";
7193 left: -1px;
7194 right: -1px;
7195 top: -1px;
7196 background-color: #f34a4a;
7197 position: absolute;
7198 height: 2px;
7199 }
7200 .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 {
7201 background-color: #f9f9f9;
7202 }
7203 .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 {
7204 color: #999;
7205 }
7206 .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 {
7207 opacity: 0.8;
7208 }
7209 .latepoint-calendar-month .le-day-wrapper .le-more-services {
7210 color: var(--latepoint-brand-primary);
7211 border-bottom: 1px dotted var(--latepoint-brand-primary);
7212 font-size: 15px;
7213 display: inline-block;
7214 cursor: pointer;
7215 font-weight: 600;
7216 line-height: 1.2;
7217 position: relative;
7218 }
7219 .latepoint-calendar-month .le-day-wrapper .le-more-services:hover {
7220 border-bottom-style: solid;
7221 }
7222 .latepoint-calendar-month .le-day-wrapper .le-more-services.os-loading {
7223 color: transparent;
7224 border-bottom-color: transparent;
7225 }
7226 .latepoint-calendar-month .le-day-wrapper .le-more-services.os-loading:before {
7227 display: block;
7228 content: "";
7229 width: 10px !important;
7230 height: 10px !important;
7231 border-bottom: 2px solid var(--latepoint-brand-primary);
7232 border-left: 2px solid var(--latepoint-brand-primary);
7233 border-top: 2px solid var(--latepoint-brand-primary);
7234 border-right: 2px solid rgba(255, 255, 255, 0);
7235 border-radius: 20px;
7236 position: absolute;
7237 top: 50%;
7238 left: 50%;
7239 transform: translate(-50%, -50%);
7240 animation: os-loading 700ms infinite linear;
7241 background-color: transparent !important;
7242 }
7243 .latepoint-calendar-month .le-day-wrapper .os-day-month {
7244 position: absolute;
7245 z-index: 1;
7246 font-size: 60px;
7247 color: rgba(0, 0, 0, 0.05);
7248 left: 20px;
7249 top: 7px;
7250 line-height: 1;
7251 right: 0;
7252 overflow: hidden;
7253 }
7254 .latepoint-calendar-month .le-day-wrapper .le-day-number {
7255 z-index: 2;
7256 font-size: 27px;
7257 font-weight: 600;
7258 line-height: 1;
7259 margin-bottom: 10px;
7260 border-bottom: 1px dotted transparent;
7261 display: inline-block;
7262 cursor: pointer;
7263 position: relative;
7264 }
7265 .latepoint-calendar-month .le-day-wrapper .le-day-number:hover {
7266 border-bottom-style: solid;
7267 }
7268 .latepoint-calendar-month .le-day-wrapper .le-day-number.os-loading {
7269 color: transparent;
7270 border-bottom-color: transparent;
7271 }
7272 .latepoint-calendar-month .le-day-wrapper .le-day-number.os-loading:before {
7273 display: block;
7274 content: "";
7275 width: 15px !important;
7276 height: 15px !important;
7277 border-bottom: 2px solid var(--latepoint-brand-primary);
7278 border-left: 2px solid var(--latepoint-brand-primary);
7279 border-top: 2px solid var(--latepoint-brand-primary);
7280 border-right: 2px solid rgba(255, 255, 255, 0);
7281 border-radius: 20px;
7282 position: absolute;
7283 top: 50%;
7284 left: 50%;
7285 transform: translate(-50%, -50%);
7286 animation: os-loading 700ms infinite linear;
7287 background-color: transparent !important;
7288 }
7289 .latepoint-calendar-month .le-day-wrapper .le-service-wrapper {
7290 padding: 3px;
7291 padding-left: 10px;
7292 font-size: 12px;
7293 margin-bottom: 10px;
7294 border: 1px solid #ddd;
7295 position: relative;
7296 background-color: #fff;
7297 z-index: 2;
7298 cursor: pointer;
7299 box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
7300 border-bottom-color: #bbb;
7301 border-left: none;
7302 }
7303 .latepoint-calendar-month .le-day-wrapper .le-service-wrapper.is-passed {
7304 cursor: not-allowed;
7305 }
7306 .latepoint-calendar-month .le-day-wrapper .le-service-wrapper.is-passed .le-service-inner {
7307 opacity: 0.6;
7308 }
7309 .latepoint-calendar-month .le-day-wrapper .le-service-wrapper.is-passed:hover .is-passed-message {
7310 display: block;
7311 }
7312 .latepoint-calendar-month .le-day-wrapper .le-service-wrapper.is-passed .is-passed-message {
7313 display: none;
7314 background-color: #000;
7315 color: #fff;
7316 padding: 5px 10px;
7317 font-weight: 600;
7318 font-size: 12px;
7319 position: absolute;
7320 top: 0;
7321 left: 50%;
7322 transform: translate(-50%, -110%);
7323 white-space: nowrap;
7324 }
7325 .latepoint-calendar-month .le-day-wrapper .le-service-wrapper.os-loading:before {
7326 content: "";
7327 display: block;
7328 content: "";
7329 width: 8px !important;
7330 height: 8px !important;
7331 border-bottom: 2px solid #111;
7332 border-left: 2px solid #111;
7333 border-top: 2px solid #111;
7334 border-right: 2px solid rgba(255, 255, 255, 0);
7335 border-radius: 20px;
7336 position: absolute;
7337 top: 50%;
7338 left: 50%;
7339 transform: translate(-50%, -50%);
7340 animation: os-loading 700ms infinite linear;
7341 background-color: transparent !important;
7342 top: 10px;
7343 right: 0px;
7344 left: auto;
7345 }
7346 .latepoint-calendar-month .le-day-wrapper .le-service-wrapper:hover {
7347 border-color: #bbb;
7348 }
7349 .latepoint-calendar-month .le-day-wrapper .le-service-wrapper:hover .le-color-elem {
7350 transform: translateX(-2px);
7351 width: 5px;
7352 }
7353 .latepoint-calendar-month .le-day-wrapper .le-service-wrapper .le-color-elem {
7354 position: absolute;
7355 top: -1px;
7356 bottom: -1px;
7357 left: -1px;
7358 width: 3px;
7359 display: block;
7360 transition: all 0.15s ease;
7361 }
7362 .latepoint-calendar-month .le-day-wrapper .le-service-name {
7363 font-weight: 600;
7364 font-size: 15px;
7365 line-height: 1.35;
7366 }
7367 .le-day-view-wrapper.os-loading .le-day-info-section:before {
7368 content: "";
7369 display: block;
7370 position: absolute;
7371 bottom: -1px;
7372 left: 0;
7373 right: 0;
7374 height: 3px;
7375 background: repeating-linear-gradient(to right, #fff 0%, #1D7BFF 50%, #fff 100%);
7376 width: 100%;
7377 background-size: 200% auto;
7378 background-position: 0 100%;
7379 animation: os-loading-gradient 1.5s infinite;
7380 animation-fill-mode: forwards;
7381 animation-timing-function: linear;
7382 }
7383 .le-day-view-wrapper .le-day-info-section {
7384 display: flex;
7385 border-bottom: 1px solid rgba(0, 0, 0, 0.2);
7386 padding: 20px 40px;
7387 position: sticky;
7388 top: 0;
7389 background-color: #fff;
7390 z-index: 4;
7391 }
7392 .le-day-view-wrapper .le-day-info-section .le-day-info {
7393 text-align: center;
7394 }
7395 .le-day-view-wrapper .le-day-info-section .le-day-info .le-day-number {
7396 font-size: 61px;
7397 font-weight: 600;
7398 line-height: 1;
7399 }
7400 .le-day-view-wrapper .le-day-info-section .le-day-info .le-day-month {
7401 color: #7c85a3;
7402 font-size: 21px;
7403 letter-spacing: 2px;
7404 text-transform: uppercase;
7405 font-weight: 600;
7406 }
7407 .le-day-view-wrapper .le-day-info-section .le-day-filters-wrapper {
7408 border-left: 1px solid #eee;
7409 margin-left: 40px;
7410 padding-left: 20px;
7411 flex: 1;
7412 }
7413 .le-day-view-wrapper .le-day-info-section .le-day-heading {
7414 font-size: 33px;
7415 font-weight: 600;
7416 margin-bottom: 10px;
7417 }
7418 .le-day-view-wrapper .le-day-info-section .le-day-filters {
7419 gap: 10px;
7420 display: flex;
7421 align-items: center;
7422 }
7423 .le-day-view-wrapper .le-day-info-section .le-day-filters .os-form-group.os-form-select-group {
7424 margin-bottom: 0px !important;
7425 }
7426 .le-day-view-wrapper .le-day-info-section .le-day-filters .os-form-group.os-form-select-group .os-form-control {
7427 height: auto !important;
7428 padding: 6px !important;
7429 border-color: #ccc !important;
7430 border-radius: 6px !important;
7431 }
7432 .le-day-view-wrapper .le-day-schedule-wrapper {
7433 padding: 40px;
7434 background-color: #f8f8f8;
7435 }
7436 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots {
7437 position: relative;
7438 padding-left: 50px;
7439 }
7440 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots:before {
7441 content: "";
7442 top: 0;
7443 bottom: 0;
7444 width: 1px;
7445 background-color: #e1e1e1;
7446 position: absolute;
7447 left: 60px;
7448 }
7449 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper {
7450 display: flex;
7451 box-shadow: 0 1px 0 0 #e1e1e1;
7452 }
7453 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper .day-schedule-timeslot {
7454 flex: 0 0 50px;
7455 text-align: right;
7456 text-transform: uppercase;
7457 letter-spacing: 1px;
7458 font-size: 11px;
7459 height: 44px;
7460 position: relative;
7461 }
7462 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper .day-schedule-timeslot .day-schedule-timeslot-value {
7463 position: absolute;
7464 top: 0;
7465 transform: translateY(-50%);
7466 left: -60px;
7467 width: 50px;
7468 text-align: right;
7469 }
7470 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper {
7471 position: absolute;
7472 left: 60px;
7473 right: 0;
7474 font-size: 12px;
7475 box-shadow: inset 0 1px 0 0px #ddd, 0 3px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 0 #ddd;
7476 border-right: 1px solid #ddd;
7477 background-color: #fff;
7478 z-index: 2;
7479 cursor: pointer;
7480 }
7481 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper .le-service-inner {
7482 padding: 3px;
7483 padding-left: 10px;
7484 flex-direction: column;
7485 height: 100%;
7486 box-sizing: border-box;
7487 display: flex;
7488 }
7489 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed {
7490 cursor: not-allowed;
7491 }
7492 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed .le-service-inner {
7493 opacity: 0.6;
7494 }
7495 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed:hover .is-passed-message {
7496 display: block;
7497 }
7498 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed .is-passed-message {
7499 display: none;
7500 background-color: #000;
7501 color: #fff;
7502 padding: 5px 10px;
7503 font-weight: 600;
7504 font-size: 12px;
7505 position: absolute;
7506 top: 0;
7507 left: 50%;
7508 transform: translate(-50%, -110%);
7509 white-space: nowrap;
7510 }
7511 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover {
7512 border-bottom-color: #999;
7513 opacity: 1;
7514 z-index: 3;
7515 }
7516 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-color-elem {
7517 transform: translateX(-2px);
7518 width: 5px;
7519 }
7520 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-service-name,
7521 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-service-time-period {
7522 transform: translateX(3px);
7523 }
7524 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper .le-color-elem {
7525 position: absolute;
7526 top: 0px;
7527 bottom: -1px;
7528 left: -1px;
7529 width: 3px;
7530 display: block;
7531 transition: all 0.15s ease;
7532 }
7533 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-name {
7534 font-weight: 600;
7535 font-size: 15px;
7536 line-height: 1.4;
7537 overflow: hidden;
7538 transition: transform 0.15s ease;
7539 }
7540 .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-time-period {
7541 transition: transform 0.15s ease;
7542 }
7543 @keyframes LatepointSlideUp {
7544 0% {
7545 transform: translate3d(0, 40px, 0);
7546 opacity: 0;
7547 }
7548 100% {
7549 transform: translate3d(0, 0px, 0);
7550 opacity: 1;
7551 }
7552 }
7553 @keyframes LatepointSlideDown {
7554 0% {
7555 transform: translate3d(0, -40px, 0);
7556 opacity: 0;
7557 }
7558 100% {
7559 transform: translate3d(0, 0px, 0);
7560 opacity: 1;
7561 }
7562 }
7563 @keyframes LatepointSlideLeft {
7564 0% {
7565 transform: translate3d(10px, 0px, 0);
7566 opacity: 0;
7567 }
7568 100% {
7569 transform: translate3d(0, 0px, 0);
7570 opacity: 1;
7571 }
7572 }
7573 @keyframes LatepointSlideRight {
7574 0% {
7575 transform: translate3d(-10px, 0px, 0);
7576 opacity: 0;
7577 }
7578 100% {
7579 transform: translate3d(0, 0px, 0);
7580 opacity: 1;
7581 }
7582 }
7583 @keyframes LatepointSlideUpHalf {
7584 0% {
7585 transform: translate3d(0, 20px, 0);
7586 opacity: 0;
7587 }
7588 100% {
7589 transform: translate3d(0, 0px, 0);
7590 opacity: 1;
7591 }
7592 }
7593 @keyframes LatepointSlideUpTiny {
7594 0% {
7595 transform: translate3d(0, 10px, 0);
7596 opacity: 0;
7597 }
7598 100% {
7599 transform: translate3d(0, 0px, 0);
7600 opacity: 1;
7601 }
7602 }
7603 @keyframes LatepointSlideDownHalf {
7604 0% {
7605 transform: translate3d(0, -20px, 0);
7606 opacity: 0;
7607 }
7608 100% {
7609 transform: translate3d(0, 0px, 0);
7610 opacity: 1;
7611 }
7612 }
7613 @keyframes LatepointSlideUpMobileSummary {
7614 0% {
7615 transform: translate3d(-50%, -30%, 0);
7616 opacity: 0;
7617 }
7618 100% {
7619 transform: translate3d(-50%, -50%, 0);
7620 opacity: 1;
7621 }
7622 }
7623 @keyframes os-loading-delayed {
7624 0% {
7625 transform: translate(-50%, -50%) rotate(0deg);
7626 opacity: 0;
7627 }
7628 50% {
7629 transform: translate(-50%, -50%) rotate(180deg);
7630 opacity: 1;
7631 }
7632 100% {
7633 transform: translate(-50%, -50%) rotate(360deg);
7634 opacity: 0;
7635 }
7636 }
7637 .latepoint-w .latepoint-booking-form-element .payment-total-info {
7638 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUp;
7639 animation-fill-mode: both;
7640 }
7641 .latepoint-w .latepoint-booking-form-element .latepoint-timezone-selector-w {
7642 animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUpHalf;
7643 animation-fill-mode: both;
7644 }
7645 .latepoint-w .latepoint-booking-form-element .lp-demo-mode-msg {
7646 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.2ms LatepointSlideDown;
7647 animation-fill-mode: both;
7648 }
7649 .latepoint-w .latepoint-booking-form-element .lp-card-i {
7650 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUp;
7651 animation-fill-mode: both;
7652 }
7653 .latepoint-w .latepoint-booking-form-element .lp-paypal-demo-mode-trigger,
7654 .latepoint-w .latepoint-booking-form-element .lp-paypal-btn-trigger {
7655 animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0.1s LatepointSlideUp;
7656 animation-fill-mode: both;
7657 }
7658 .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child > .os-animated-self {
7659 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.1s LatepointSlideUp;
7660 animation-fill-mode: both;
7661 }
7662 .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(1) > .os-animated-self {
7663 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUp;
7664 animation-fill-mode: both;
7665 }
7666 .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(2) > .os-animated-self {
7667 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 70ms LatepointSlideUp;
7668 animation-fill-mode: both;
7669 }
7670 .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(3) > .os-animated-self {
7671 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 140ms LatepointSlideUp;
7672 animation-fill-mode: both;
7673 }
7674 .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(4) > .os-animated-self {
7675 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 210ms LatepointSlideUp;
7676 animation-fill-mode: both;
7677 }
7678 .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(5) > .os-animated-self {
7679 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 280ms LatepointSlideUp;
7680 animation-fill-mode: both;
7681 }
7682 .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(6) > .os-animated-self {
7683 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 350ms LatepointSlideUp;
7684 animation-fill-mode: both;
7685 }
7686 .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(7) > .os-animated-self {
7687 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 420ms LatepointSlideUp;
7688 animation-fill-mode: both;
7689 }
7690 .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(8) > .os-animated-self {
7691 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 490ms LatepointSlideUp;
7692 animation-fill-mode: both;
7693 }
7694 .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(9) > .os-animated-self {
7695 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 560ms LatepointSlideUp;
7696 animation-fill-mode: both;
7697 }
7698 .latepoint-w .latepoint-booking-form-element .select-total-attendees-label h4,
7699 .latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-centered h4,
7700 .latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-left h4 {
7701 animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s LatepointSlideUp;
7702 animation-fill-mode: both;
7703 }
7704 .latepoint-w .latepoint-booking-form-element .select-total-attendees-label div,
7705 .latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-centered div,
7706 .latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-left div {
7707 animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0.05s LatepointSlideUp;
7708 animation-fill-mode: both;
7709 }
7710 .latepoint-w .latepoint-booking-form-element .total-attendees-selector-w {
7711 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.1s LatepointSlideUp;
7712 animation-fill-mode: both;
7713 }
7714 .latepoint-w .latepoint-booking-form-element .total-attendees-selector-plus {
7715 animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0.25s LatepointSlideLeft;
7716 animation-fill-mode: both;
7717 }
7718 .latepoint-w .latepoint-booking-form-element .total-attendees-selector-minus {
7719 animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0.25s LatepointSlideRight;
7720 animation-fill-mode: both;
7721 }
7722 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option {
7723 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.1s LatepointSlideUp;
7724 animation-fill-mode: both;
7725 }
7726 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(1) {
7727 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUp;
7728 animation-fill-mode: both;
7729 }
7730 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(2) {
7731 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 70ms LatepointSlideUp;
7732 animation-fill-mode: both;
7733 }
7734 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(3) {
7735 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 140ms LatepointSlideUp;
7736 animation-fill-mode: both;
7737 }
7738 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(4) {
7739 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 210ms LatepointSlideUp;
7740 animation-fill-mode: both;
7741 }
7742 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(5) {
7743 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 280ms LatepointSlideUp;
7744 animation-fill-mode: both;
7745 }
7746 .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(6) {
7747 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 350ms LatepointSlideUp;
7748 animation-fill-mode: both;
7749 }
7750 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-body:before {
7751 display: block;
7752 content: "";
7753 width: 40px !important;
7754 height: 40px !important;
7755 border-bottom: 2px solid var(--latepoint-brand-primary);
7756 border-left: 2px solid var(--latepoint-brand-primary);
7757 border-top: 2px solid var(--latepoint-brand-primary);
7758 border-right: 2px solid rgba(255, 255, 255, 0);
7759 border-radius: 20px;
7760 position: absolute;
7761 top: 50%;
7762 left: 50%;
7763 transform: translate(-50%, -50%);
7764 animation: os-loading 700ms infinite linear;
7765 background-color: transparent !important;
7766 animation-delay: 0.25s;
7767 opacity: 0;
7768 }
7769 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-message,
7770 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content {
7771 transition: all 0.3s ease;
7772 opacity: 0;
7773 transform: translateY(20px);
7774 pointer-events: none;
7775 }
7776 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w {
7777 transform: translateY(10px);
7778 }
7779 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group {
7780 transition: all 0.3s ease;
7781 opacity: 0;
7782 transform: translateY(20px);
7783 }
7784 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(1) {
7785 transition-delay: 0.05s;
7786 }
7787 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(2) {
7788 transition-delay: 0.1s;
7789 }
7790 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(3) {
7791 transition-delay: 0.15s;
7792 }
7793 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(4) {
7794 transition-delay: 0.2s;
7795 }
7796 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(5) {
7797 transition-delay: 0.25s;
7798 }
7799 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(6) {
7800 transition-delay: 0.3s;
7801 }
7802 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(7) {
7803 transition-delay: 0.35s;
7804 }
7805 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(8) {
7806 transition-delay: 0.4s;
7807 }
7808 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(9) {
7809 transition-delay: 0.45s;
7810 }
7811 .latepoint-w .latepoint-booking-form-element.step-content-mid-loading .step-customer-w {
7812 opacity: 0;
7813 transform: translateY(10px);
7814 }
7815 .latepoint-w .latepoint-booking-form-element.step-content-mid-loading .step-customer-w .os-form-group {
7816 opacity: 0;
7817 transform: translateY(20px);
7818 }
7819 .latepoint-w .latepoint-booking-form-element.step-content-mid-loading .latepoint-message,
7820 .latepoint-w .latepoint-booking-form-element.step-content-mid-loading .latepoint-step-content {
7821 pointer-events: none;
7822 opacity: 0;
7823 transform: translateY(30px);
7824 }
7825 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content,
7826 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-message {
7827 transition: all 0.3s cubic-bezier(0.25, 1.15, 0.5, 1.2);
7828 opacity: 1;
7829 transform: translateY(0px);
7830 }
7831 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w {
7832 transform: translateY(0px);
7833 }
7834 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group {
7835 transition: all 0.3s cubic-bezier(0.25, 1.15, 0.5, 1.2);
7836 opacity: 1;
7837 transform: translateY(0px);
7838 }
7839 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(1) {
7840 transition-delay: 0.05s;
7841 }
7842 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(2) {
7843 transition-delay: 0.1s;
7844 }
7845 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(3) {
7846 transition-delay: 0.15s;
7847 }
7848 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(4) {
7849 transition-delay: 0.2s;
7850 }
7851 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(5) {
7852 transition-delay: 0.25s;
7853 }
7854 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(6) {
7855 transition-delay: 0.3s;
7856 }
7857 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(7) {
7858 transition-delay: 0.35s;
7859 }
7860 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(8) {
7861 transition-delay: 0.4s;
7862 }
7863 .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(9) {
7864 transition-delay: 0.45s;
7865 }
7866 .latepoint-w .latepoint-booking-form-element.step-changing .os-heading-text {
7867 transition: all 0.3s ease;
7868 transform: translateX(-15px);
7869 opacity: 0;
7870 }
7871 .latepoint-w .latepoint-booking-form-element.step-changing .latepoint-step-desc .latepoint-desc-media {
7872 transition: all 0.7s cubic-bezier(0.25, 1.15, 0.5, 1);
7873 transform: translateX(-25px);
7874 opacity: 0;
7875 }
7876 .latepoint-w .latepoint-booking-form-element.step-changing .latepoint-step-desc .latepoint-desc-title {
7877 transition: all 0.5s ease;
7878 transition-delay: 0.05s;
7879 transform: translateX(-15px);
7880 opacity: 0;
7881 }
7882 .latepoint-w .latepoint-booking-form-element.step-changing .latepoint-step-desc .latepoint-desc-content {
7883 transition: all 0.5s ease;
7884 transition-delay: 0.1s;
7885 transform: translateX(-20px);
7886 opacity: 0;
7887 }
7888 .latepoint-w .latepoint-booking-form-element.step-changed .latepoint-heading-w .os-heading-text {
7889 transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
7890 transform: translateX(0px);
7891 opacity: 1;
7892 }
7893 .latepoint-w .latepoint-booking-form-element.step-changed .latepoint-step-desc .latepoint-desc-media {
7894 transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
7895 transform: translateX(0px);
7896 opacity: 1;
7897 }
7898 .latepoint-w .latepoint-booking-form-element.step-changed .latepoint-step-desc .latepoint-desc-title {
7899 transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
7900 transform: translateX(0px);
7901 transition-delay: 0.1s;
7902 opacity: 1;
7903 }
7904 .latepoint-w .latepoint-booking-form-element.step-changed .latepoint-step-desc .latepoint-desc-content {
7905 transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
7906 transform: translateX(0px);
7907 transition-delay: 0.2s;
7908 opacity: 1;
7909 }
7910
7911 @keyframes os-loading {
7912 0% {
7913 transform: translate(-50%, -50%) rotate(0deg);
7914 opacity: 1;
7915 }
7916 50% {
7917 transform: translate(-50%, -50%) rotate(180deg);
7918 opacity: 0.2;
7919 }
7920 100% {
7921 transform: translate(-50%, -50%) rotate(360deg);
7922 opacity: 1;
7923 }
7924 }
7925 @keyframes stepCategoryItem {
7926 0% {
7927 transform: translate3d(0, -10px, 0);
7928 opacity: 0;
7929 }
7930 100% {
7931 transform: translate3d(0, 0px, 0);
7932 opacity: 1;
7933 }
7934 }
7935 .latepoint-lightbox-w {
7936 background-color: rgba(0, 0, 0, 0.4);
7937 position: fixed;
7938 top: 0px;
7939 bottom: 0px;
7940 right: 0px;
7941 left: 0px;
7942 z-index: 999999;
7943 display: none;
7944 justify-content: center;
7945 align-items: center;
7946 grid-template-columns: min-content;
7947 grid-template-rows: 1fr;
7948 }
7949 .latepoint-lightbox-w.width-400 {
7950 grid-template-columns: 400px;
7951 }
7952 .latepoint-lightbox-w.width-500 {
7953 grid-template-columns: 500px;
7954 }
7955 .latepoint-lightbox-w.width-600 {
7956 grid-template-columns: 600px;
7957 }
7958 .latepoint-lightbox-w.width-700 {
7959 grid-template-columns: 700px;
7960 }
7961 .latepoint-lightbox-w.width-800 {
7962 grid-template-columns: 800px;
7963 }
7964 .latepoint-lightbox-w .latepoint-lightbox-heading {
7965 padding: 15px 30px;
7966 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
7967 background-color: #f8f8f8;
7968 display: flex;
7969 align-items: center;
7970 }
7971 .latepoint-lightbox-w .latepoint-lightbox-heading h2 {
7972 color: #14161d;
7973 margin: 0px;
7974 font-size: 24px;
7975 flex: 1;
7976 }
7977 .latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close {
7978 position: relative;
7979 line-height: 1;
7980 font-size: 20px;
7981 color: #333;
7982 text-decoration: none;
7983 display: block;
7984 outline: none;
7985 box-shadow: none;
7986 padding: 5px;
7987 }
7988 .latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close i {
7989 display: block;
7990 }
7991 .latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close .latepoint-icon-x:before {
7992 content: "\e90a";
7993 }
7994 .latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close:focus {
7995 outline: none;
7996 }
7997 .latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close:hover {
7998 background-color: rgba(0, 0, 0, 0.05);
7999 color: #000;
8000 }
8001 .latepoint-lightbox-w .latepoint-lightbox-footer {
8002 padding: 15px;
8003 border-top: 1px solid #eee;
8004 }
8005 .latepoint-lightbox-w button, .latepoint-lightbox-w input, .latepoint-lightbox-w select, .latepoint-lightbox-w textarea {
8006 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
8007 font-weight: 400;
8008 font-size: 15px;
8009 }
8010 .latepoint-lightbox-w.latepoint-border-radius-rounded .latepoint-lightbox-i {
8011 border-radius: 8px;
8012 }
8013 .latepoint-lightbox-w .latepoint-lightbox-i {
8014 background-color: #fff;
8015 box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2), 0px 20px 50px rgba(0, 0, 0, 0.4);
8016 max-height: 94vh;
8017 overflow: auto;
8018 display: flex;
8019 flex-direction: column;
8020 z-index: 9999;
8021 border-radius: 0px;
8022 }
8023 .latepoint-lightbox-w .latepoint-lightbox-i.os-loading .latepoint-lightbox-content {
8024 min-height: 100px;
8025 position: relative;
8026 }
8027 .latepoint-lightbox-w .latepoint-lightbox-i.os-loading .latepoint-lightbox-content > div {
8028 visibility: hidden;
8029 }
8030 .latepoint-lightbox-w .latepoint-lightbox-i.os-loading .latepoint-lightbox-content:before {
8031 display: block;
8032 content: "";
8033 width: 30px !important;
8034 height: 30px !important;
8035 border-bottom: 2px solid var(--latepoint-brand-primary);
8036 border-left: 2px solid var(--latepoint-brand-primary);
8037 border-top: 2px solid var(--latepoint-brand-primary);
8038 border-right: 2px solid rgba(255, 255, 255, 0);
8039 border-radius: 20px;
8040 position: absolute;
8041 top: 50%;
8042 left: 50%;
8043 transform: translate(-50%, -50%);
8044 animation: os-loading 700ms infinite linear;
8045 background-color: transparent !important;
8046 }
8047 .latepoint-lightbox-w .latepoint-lightbox-i.os-loading .latepoint-lightbox-content .lp-payment-method-content {
8048 display: none;
8049 }
8050 .latepoint-lightbox-w .latepoint-lightbox-i .latepoint-lightbox-content {
8051 padding: 30px;
8052 flex: 1;
8053 overflow: auto;
8054 position: relative;
8055 }
8056 .latepoint-lightbox-w .latepoint-lightbox-i .latepoint-lightbox-content.is-dotted {
8057 padding-top: 50px;
8058 }
8059 .latepoint-lightbox-w .latepoint-lightbox-i .latepoint-lightbox-content.is-dotted:before {
8060 content: "";
8061 height: 30px;
8062 background-image: radial-gradient(#ccc 1px, transparent 0);
8063 background-size: 10px 10px;
8064 background-color: #fff;
8065 display: block;
8066 position: absolute;
8067 top: 5px;
8068 left: 5px;
8069 right: 5px;
8070 }
8071 .latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close {
8072 position: absolute;
8073 line-height: 1;
8074 top: 17px;
8075 right: 19px;
8076 font-size: 20px;
8077 color: #333;
8078 text-decoration: none;
8079 display: block;
8080 outline: none;
8081 box-shadow: none;
8082 padding: 5px;
8083 }
8084 .latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close i {
8085 display: block;
8086 }
8087 .latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close .latepoint-icon-x:before {
8088 content: "\e90a";
8089 }
8090 .latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close:focus {
8091 outline: none;
8092 }
8093 .latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close:hover {
8094 background-color: rgba(0, 0, 0, 0.05);
8095 color: #000;
8096 }
8097 .latepoint-lightbox-w .latepoint-lightbox-i .os-summary-contents-inner {
8098 overflow-y: auto;
8099 }
8100 .latepoint-lightbox-w .latepoint-lightbox-i .latepoint-summary-w .os-summary-contents {
8101 max-height: 100%;
8102 }
8103 .latepoint-lightbox-w .latepoint-lightbox-i .latepoint-booking-form-element {
8104 background-color: #fff;
8105 max-height: 100%;
8106 overflow: hidden;
8107 }
8108 .latepoint-lightbox-w .latepoint-lightbox-i .latepoint-booking-form-element form.latepoint-form {
8109 max-height: 100%;
8110 }
8111 .latepoint-lightbox-w .latepoint-lightbox-i a {
8112 box-shadow: none;
8113 }
8114 .latepoint-lightbox-w .latepoint-lightbox-i a img {
8115 box-shadow: none;
8116 }
8117 .latepoint-lightbox-w h1, .latepoint-lightbox-w h2, .latepoint-lightbox-w h3, .latepoint-lightbox-w h4, .latepoint-lightbox-w h5, .latepoint-lightbox-w h6 {
8118 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
8119 font-weight: 600;
8120 color: var(--latepoint-brand-primary);
8121 text-transform: none;
8122 letter-spacing: 0px;
8123 line-height: 1.45;
8124 }
8125 .latepoint-lightbox-w h5 {
8126 font-size: 16px;
8127 }
8128
8129 body.latepoint-lightbox-active .latepoint-lightbox-w {
8130 display: grid;
8131 }
8132
8133 .clean-layout-content-wrapper {
8134 max-width: 550px;
8135 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 8px 35px -3px rgba(0, 0, 0, 0.1);
8136 background-color: #fff;
8137 margin: 0px auto;
8138 position: relative;
8139 }
8140 .clean-layout-content-wrapper .clean-layout-content-header {
8141 padding: 20px 40px;
8142 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
8143 }
8144 .clean-layout-content-wrapper .clean-layout-content-header h2 {
8145 margin: 0;
8146 }
8147 .clean-layout-content-wrapper .clean-layout-content-body {
8148 padding: 40px;
8149 position: relative;
8150 }
8151 .clean-layout-content-wrapper .clean-layout-content-body.is-dotted {
8152 padding-top: 60px;
8153 }
8154 .clean-layout-content-wrapper .clean-layout-content-body.is-dotted:before {
8155 content: "";
8156 height: 34px;
8157 background-image: radial-gradient(#ccc 1px, transparent 0);
8158 background-size: 10px 10px;
8159 background-color: #fff;
8160 display: block;
8161 position: absolute;
8162 top: 5px;
8163 left: 5px;
8164 right: 5px;
8165 }
8166 .clean-layout-content-wrapper .clean-layout-content-footer {
8167 padding: 20px 40px;
8168 border-top: 1px solid rgba(0, 0, 0, 0.1);
8169 display: flex;
8170 gap: 10px;
8171 }
8172 .clean-layout-content-wrapper .clean-layout-content-footer .latepoint-btn-position-end {
8173 margin-left: auto;
8174 }
8175 .clean-layout-content-wrapper .clean-layout-content-footer .latepoint-btn-position-start {
8176 margin-right: auto;
8177 }
8178 .clean-layout-content-wrapper.os-loading .clean-layout-content-body {
8179 min-height: 80px;
8180 }
8181 .clean-layout-content-wrapper.os-loading .clean-layout-content-body > div {
8182 visibility: hidden;
8183 }
8184 .clean-layout-content-wrapper.os-loading .clean-layout-content-body:before {
8185 display: block;
8186 content: "";
8187 width: 20px !important;
8188 height: 20px !important;
8189 border-bottom: 2px solid var(--latepoint-brand-primary);
8190 border-left: 2px solid var(--latepoint-brand-primary);
8191 border-top: 2px solid var(--latepoint-brand-primary);
8192 border-right: 2px solid rgba(255, 255, 255, 0);
8193 border-radius: 20px;
8194 position: absolute;
8195 top: 50%;
8196 left: 50%;
8197 transform: translate(-50%, -50%);
8198 animation: os-loading 700ms infinite linear;
8199 background-color: transparent !important;
8200 }
8201
8202 .invoice-payment-summary-wrapper .lp-payment-charge-amount {
8203 background-color: #fbf6e1;
8204 color: #877865;
8205 margin-bottom: 20px;
8206 padding: 15px;
8207 text-align: center;
8208 }
8209 .invoice-payment-summary-wrapper .lp-payment-charge-amount strong {
8210 color: #000;
8211 }
8212 .invoice-payment-summary-wrapper .full-summary-info-w {
8213 padding-top: 40px;
8214 }
8215 .invoice-payment-summary-wrapper .invoice-due-amount-wrapper {
8216 display: flex;
8217 align-items: center;
8218 }
8219 .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-status-label {
8220 font-size: 32px;
8221 font-weight: 600;
8222 text-transform: uppercase;
8223 color: #000;
8224 padding: 2px 10px;
8225 letter-spacing: 3px;
8226 line-height: 1.2;
8227 opacity: 0.8;
8228 border-radius: 10px;
8229 }
8230 .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-status-label.invoice-status-label-paid {
8231 color: #67bf08;
8232 border: 3px solid #67bf08;
8233 }
8234 .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-status-label.invoice-status-label-void {
8235 color: #bf0808;
8236 border: 3px solid #bf0808;
8237 }
8238 .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-due-amount-inner {
8239 flex: 1;
8240 }
8241 .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-make-payment-btn {
8242 margin-left: auto;
8243 font-size: 17px;
8244 font-weight: 600;
8245 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
8246 padding: 10px 18px;
8247 }
8248 .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-amount {
8249 font-size: 46px;
8250 font-weight: 600;
8251 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
8252 color: #14161d;
8253 }
8254 .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-sub-info {
8255 color: #7c85a3;
8256 }
8257 .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-sub-info a {
8258 display: inline-flex;
8259 margin-left: 5px;
8260 text-decoration: none;
8261 align-items: center;
8262 gap: 5px;
8263 }
8264 .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-sub-info a span {
8265 border-bottom: 1px dotted var(--latepoint-brand-primary);
8266 }
8267
8268 .latepoint-w .payment-confirmation-wrapper {
8269 text-align: center;
8270 }
8271 .latepoint-w .payment-confirmation-wrapper .icon-w {
8272 margin-bottom: 20px;
8273 }
8274 .latepoint-w .payment-confirmation-wrapper .icon-w i {
8275 background: #d1ffdd;
8276 padding: 15px;
8277 border-radius: 40px;
8278 color: #18a35b;
8279 font-size: 28px;
8280 display: inline-block;
8281 }
8282 .latepoint-w .payment-confirmation-wrapper h2 {
8283 margin: 0 0 20px 0;
8284 font-size: 19px;
8285 color: #14161d;
8286 }
8287 .latepoint-w .payment-confirmation-wrapper .payment-info {
8288 border: 1px solid #f1f1f1;
8289 border-radius: 6px;
8290 }
8291 .latepoint-w .payment-confirmation-wrapper .payment-info .payment-info-row {
8292 display: flex;
8293 justify-content: space-between;
8294 border-bottom: 1px solid #f1f1f1;
8295 padding: 10px 15px;
8296 }
8297 .latepoint-w .payment-confirmation-wrapper .payment-info .payment-info-row:last-child {
8298 border-bottom: none;
8299 }
8300 .latepoint-w .payment-confirmation-wrapper .payment-info .info-label {
8301 color: #7c85a3;
8302 }
8303 .latepoint-w .payment-confirmation-wrapper .payment-info .info-value {
8304 font-weight: 600;
8305 }
8306
8307 /*!
8308 * Copyright (c) 2022 LatePoint LLC. All rights reserved.
8309 */
8310 .summary-heading.summary-variant-heading + .main-box {
8311 padding-top: 0;
8312 }
8313
8314 .latepoint-summary-w .summary-box .sbc-highlighted-item {
8315 font-size: 13px;
8316 }
8317 .latepoint-summary-w .summary-box-heading .sbh-item {
8318 font-size: 13px;
8319 font-weight: 400;
8320 }
8321 .latepoint-summary-w .summary-box .sbc-main-item {
8322 font-size: 13px;
8323 font-weight: 600;
8324 }
8325 .latepoint-summary-w .summary-box.main-box .summary-box-booking-date-box {
8326 display: none;
8327 }
8328 .latepoint-summary-w .summary-box.main-box .qr-show-trigger {
8329 display: none;
8330 }
8331 .latepoint-summary-w .summary-box-heading .sbh-line {
8332 background-color: transparent;
8333 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
8334 }
8335 .latepoint-summary-w .price-breakdown-unfold {
8336 display: flex;
8337 text-align: right;
8338 align-items: center;
8339 margin-bottom: 10px;
8340 color: var(--latepoint-body-color);
8341 gap: 5px;
8342 cursor: pointer;
8343 }
8344 .latepoint-summary-w .price-breakdown-unfold i {
8345 font-size: 11px;
8346 line-height: 11px;
8347 margin-left: auto;
8348 }
8349 .latepoint-summary-w .price-breakdown-unfold span {
8350 display: inline-block;
8351 border-bottom: 1px dotted var(--latepoint-body-color);
8352 font-size: 13px;
8353 }
8354 .latepoint-summary-w .price-breakdown-unfold:hover {
8355 color: #000;
8356 }
8357 .latepoint-summary-w .price-breakdown-unfold:hover span {
8358 border-bottom-style: solid;
8359 }
8360 .latepoint-summary-w .summary-price-breakdown-wrapper {
8361 margin-top: auto;
8362 }
8363 .latepoint-summary-w .summary-price-breakdown-wrapper .summary-price-breakdown-inner {
8364 padding: 0 25px 20px;
8365 }
8366 .latepoint-summary-w .os-summary-contents-inner .summary-price-breakdown-wrapper:not(.compact-summary) .price-breakdown-unfold {
8367 display: none;
8368 }
8369 .latepoint-summary-w .os-summary-contents-inner .summary-price-breakdown-wrapper.compact-summary .summary-price-item-w:not(.spi-total) {
8370 display: none;
8371 }
8372 .latepoint-summary-w .os-summary-contents-inner .summary-price-breakdown-wrapper.compact-summary .pb-heading {
8373 display: none;
8374 }
8375 .latepoint-summary-w .os-cart-item {
8376 position: relative;
8377 flex: 1;
8378 }
8379 .latepoint-summary-w .cart-item-wrapper .summary-attributes {
8380 display: none;
8381 }
8382
8383 .summary-heading {
8384 margin-top: 20px;
8385 }
8386
8387 .checkout-from-summary-panel-btn-wrapper.os-mobile-only {
8388 display: none;
8389 }
8390
8391 .checkout-from-summary-panel-btn {
8392 padding: 0;
8393 text-align: center;
8394 display: flex;
8395 align-items: center;
8396 gap: 10px;
8397 margin-left: auto;
8398 font-size: 13px;
8399 line-height: 1.2;
8400 font-weight: 600;
8401 color: var(--latepoint-brand-primary);
8402 }
8403 .checkout-from-summary-panel-btn span {
8404 line-height: 1.5;
8405 border-bottom: 1px dotted var(--latepoint-brand-primary);
8406 }
8407 .checkout-from-summary-panel-btn:focus-visible {
8408 outline: 2px solid var(--latepoint-brand-primary);
8409 }
8410 .checkout-from-summary-panel-btn:hover {
8411 color: #000;
8412 cursor: pointer;
8413 }
8414 .checkout-from-summary-panel-btn:hover span {
8415 border-color: #000;
8416 border-bottom-style: solid;
8417 }
8418 .checkout-from-summary-panel-btn:hover .latepoint-icon {
8419 transform: translateX(3px);
8420 }
8421 .checkout-from-summary-panel-btn .latepoint-icon {
8422 font-size: 8px;
8423 transition: transform 0.2s ease;
8424 }
8425
8426 .summary-price-breakdown-wrapper .summary-box-heading, .summary-heading .summary-box-heading {
8427 display: none;
8428 }
8429 .summary-price-breakdown-wrapper .pb-heading, .summary-heading .pb-heading {
8430 display: flex;
8431 align-items: center;
8432 margin-bottom: 10px;
8433 gap: 10px;
8434 }
8435 .summary-price-breakdown-wrapper .pb-heading .pbh-label, .summary-heading .pb-heading .pbh-label {
8436 color: #7c85a3;
8437 font-weight: 600;
8438 position: relative;
8439 font-size: 15px;
8440 }
8441 .summary-price-breakdown-wrapper .pb-heading .pbh-line, .summary-heading .pb-heading .pbh-line {
8442 height: 10px;
8443 background-color: rgba(0, 0, 0, 0.03);
8444 flex: 1;
8445 }
8446
8447 .summary-section-heading {
8448 font-size: 18px;
8449 color: #14161d;
8450 margin-bottom: 15px;
8451 font-weight: 600;
8452 }
8453
8454 .summary-box-heading {
8455 display: flex;
8456 align-items: center;
8457 margin-bottom: 10px;
8458 }
8459 .summary-box-heading .sbh-item {
8460 color: #7c85a3;
8461 position: relative;
8462 font-size: 15px;
8463 font-weight: 600;
8464 }
8465 .summary-box-heading .sbh-item + .sbh-item {
8466 margin-left: 10px;
8467 }
8468 .summary-box-heading .sbh-item + .sbh-item:before {
8469 content: "";
8470 width: 3px;
8471 height: 3px;
8472 background-color: #ddd;
8473 border-radius: 4px;
8474 position: absolute;
8475 top: 50%;
8476 left: -7px;
8477 transform: translateY(-50%);
8478 }
8479 .summary-box-heading .sbh-line {
8480 height: 10px;
8481 background-color: rgba(0, 0, 0, 0.03);
8482 flex: 1;
8483 margin-left: 10px;
8484 }
8485
8486 .booking-summary-info-w + .summary-box {
8487 margin-top: 15px;
8488 padding-top: 15px;
8489 border-top: 1px solid #f1f1f1;
8490 }
8491
8492 .summary-box-wrapper + .summary-box-wrapper {
8493 border-top: 1px solid #f1f1f1;
8494 }
8495
8496 .summary-box-wrapper .summary-box-heading {
8497 margin-top: 0;
8498 }
8499
8500 .summary-box {
8501 padding: 5px 0;
8502 }
8503 .summary-box.main-box {
8504 padding: 20px 0;
8505 display: flex;
8506 gap: 20px;
8507 align-items: flex-start;
8508 }
8509 .summary-box.main-box + .summary-box.main-box {
8510 border-top: 1px solid #f1f1f1;
8511 }
8512 .summary-box.main-box .summary-box-inner {
8513 flex: 1;
8514 }
8515 .summary-box.main-box .summary-box-booking-date-box {
8516 text-align: center;
8517 flex: 0;
8518 background-color: #f1f1f1;
8519 }
8520 .summary-box.main-box .summary-box-booking-date-box .summary-box-booking-date-day {
8521 font-size: 24px;
8522 line-height: 1.2;
8523 font-weight: 600;
8524 color: #14161d;
8525 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
8526 padding: 5px 10px;
8527 }
8528 .summary-box.main-box .summary-box-booking-date-box .summary-box-booking-date-month {
8529 color: #7c85a3;
8530 padding: 5px 15px;
8531 }
8532 .summary-box.main-box .qr-show-trigger {
8533 flex: 0 1 80px;
8534 text-align: center;
8535 padding-top: 10px;
8536 cursor: pointer;
8537 white-space: nowrap;
8538 }
8539 .summary-box.main-box .qr-show-trigger .latepoint-icon {
8540 font-size: 30px;
8541 color: #111;
8542 }
8543 .summary-box.main-box .qr-show-trigger .qr-code-trigger-label {
8544 display: inline-block;
8545 line-height: 1.2;
8546 color: #111;
8547 border-bottom: 1px dotted #111;
8548 font-weight: 600;
8549 margin-top: 5px;
8550 font-size: 13px;
8551 }
8552 .summary-box.main-box .qr-show-trigger .qr-code-trigger-label:hover {
8553 border-bottom-style: solid;
8554 }
8555 .summary-box .summary-box-content.os-cart-item.is-removable {
8556 padding-right: 16px;
8557 }
8558 .summary-box .summary-box-content:hover .os-remove-item-from-cart {
8559 display: block;
8560 }
8561 .summary-box .summary-box-content .os-remove-item-from-cart {
8562 display: block;
8563 background-color: #f1f2f5;
8564 position: absolute;
8565 top: 4px;
8566 right: 0px;
8567 padding: 0px;
8568 cursor: pointer;
8569 color: #333;
8570 font-size: 14px;
8571 vertical-align: middle;
8572 line-height: 14px;
8573 width: 16px;
8574 height: 16px;
8575 text-align: center;
8576 }
8577 .summary-box .summary-box-content .os-remove-item-from-cart.os-loading {
8578 color: transparent;
8579 display: block;
8580 }
8581 .summary-box .summary-box-content .os-remove-item-from-cart.os-loading:before {
8582 display: block;
8583 content: "";
8584 width: 10px !important;
8585 height: 10px !important;
8586 border-bottom: 2px solid #14161d;
8587 border-left: 2px solid #14161d;
8588 border-top: 2px solid #14161d;
8589 border-right: 2px solid rgba(255, 255, 255, 0);
8590 border-radius: 20px;
8591 position: absolute;
8592 top: 50%;
8593 left: 50%;
8594 transform: translate(-50%, -50%);
8595 animation: os-loading 700ms infinite linear;
8596 background-color: transparent !important;
8597 }
8598 .summary-box .summary-box-content .os-remove-item-from-cart i {
8599 font-size: 14px;
8600 vertical-align: middle;
8601 line-height: 16px;
8602 }
8603 .summary-box .summary-box-content .os-remove-item-from-cart:hover:not(.os-loading) {
8604 background-color: #000 !important;
8605 color: #fff;
8606 }
8607 .summary-box .summary-box-content.with-media {
8608 display: flex;
8609 align-items: center;
8610 }
8611 .summary-box .summary-box-content .sbc-content-i {
8612 margin-left: 10px;
8613 line-height: 1.1;
8614 }
8615 .summary-box .summary-box-content .os-avatar-w {
8616 width: 30px;
8617 height: 30px;
8618 flex: 0 0 30px;
8619 display: flex;
8620 align-items: center;
8621 justify-content: space-around;
8622 border-radius: 20px;
8623 background-color: #dedede;
8624 color: var(--latepoint-body-color);
8625 font-weight: 600;
8626 font-size: 12px;
8627 -webkit-background-size: contain;
8628 background-size: contain;
8629 background-position: center center;
8630 }
8631 .summary-box .summary-box-content .os-location-image {
8632 width: 30px;
8633 height: 30px;
8634 flex: 0 0 30px;
8635 background-image: url(/wp-content/plugins/latepoint/public/images/location-image.png);
8636 background-size: cover;
8637 border-radius: 6px;
8638 }
8639 .summary-box .sbc-main-item {
8640 color: var(--latepoint-body-color);
8641 font-size: 13px;
8642 }
8643 .summary-box .sbc-main-item a {
8644 text-decoration: none;
8645 color: var(--latepoint-brand-primary);
8646 font-size: 11px;
8647 }
8648 .summary-box .sbc-sub-item {
8649 color: #7c85a3;
8650 font-size: 13px;
8651 display: inline-block;
8652 }
8653 .summary-box .sbc-link-item {
8654 color: #7c85a3;
8655 font-size: 13px;
8656 text-decoration: none !important;
8657 border-bottom: 1px dotted #7c85a3;
8658 cursor: pointer;
8659 display: inline-block;
8660 }
8661 .summary-box .sbc-big-item {
8662 font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
8663 font-size: 20px;
8664 font-weight: 600;
8665 color: #14161d;
8666 line-height: 1.3;
8667 }
8668 .summary-box .sbc-highlighted-item {
8669 color: #7c85a3;
8670 font-size: 15px;
8671 }
8672 .summary-box .sbc-highlighted-item span:not(.os-timezone-info) {
8673 white-space: nowrap;
8674 color: #7c85a3;
8675 font-size: 13px;
8676 font-weight: 400;
8677 display: none;
8678 margin-top: 3px;
8679 }
8680 .summary-box .sbc-subtle-item {
8681 color: #7c85a3;
8682 font-size: 13px;
8683 }
8684 .summary-box .sbc-subtle-item span {
8685 white-space: nowrap;
8686 color: #7c85a3;
8687 font-size: 13px;
8688 font-weight: 400;
8689 }
8690
8691 .price-breakdown-w {
8692 padding-top: 20px;
8693 }
8694 .price-breakdown-w .pb-heading {
8695 font-weight: 600;
8696 color: var(--latepoint-body-color);
8697 margin-bottom: 5px;
8698 }
8699
8700 .summary-price-item-w {
8701 display: flex;
8702 justify-content: space-between;
8703 margin-bottom: 7px;
8704 }
8705 .summary-price-item-w .spi-name {
8706 color: var(--latepoint-body-color);
8707 font-weight: 400;
8708 }
8709 .summary-price-item-w .spi-price {
8710 color: var(--latepoint-body-color);
8711 font-weight: 400;
8712 }
8713 .summary-price-item-w.spi-strong .spi-name, .summary-price-item-w.spi-strong .spi-price {
8714 font-weight: 600;
8715 }
8716 .summary-price-item-w.spi-total {
8717 border-top: 3px solid var(--latepoint-body-color);
8718 padding-top: 10px;
8719 margin-top: 10px;
8720 font-size: 17px;
8721 font-weight: 600;
8722 color: var(--latepoint-body-color);
8723 margin-bottom: 0;
8724 }
8725 .summary-price-item-w.spi-total .spi-name, .summary-price-item-w.spi-total .spi-price {
8726 font-weight: 600;
8727 }
8728 .summary-price-item-w.spi-positive .spi-price {
8729 color: #3F8607;
8730 }
8731 .summary-price-item-w .pi-badge {
8732 display: inline-block;
8733 background-color: #fff;
8734 text-transform: uppercase;
8735 font-size: 12px;
8736 padding: 2px 3px;
8737 font-weight: 600;
8738 color: #000;
8739 margin-left: 3px;
8740 border: 1px dotted #000;
8741 line-height: 1;
8742 }
8743 .summary-price-item-w .pi-note {
8744 color: #7c85a3;
8745 font-size: 12px;
8746 }
8747
8748 .summary-attributes {
8749 color: #7c85a3;
8750 font-size: 13px;
8751 margin: 5px 0;
8752 line-height: 1.5;
8753 }
8754 .summary-attributes:last-child {
8755 margin-bottom: 0;
8756 }
8757 .summary-attributes.sa-hidden {
8758 display: none;
8759 }
8760 .summary-attributes > span {
8761 position: relative;
8762 display: inline-block;
8763 }
8764 .summary-attributes > span:not(:last-child) {
8765 margin-right: 15px;
8766 }
8767 .summary-attributes > span:not(:last-child):before {
8768 content: "";
8769 width: 3px;
8770 height: 3px;
8771 background-color: #bbb;
8772 border-radius: 4px;
8773 position: absolute;
8774 top: 50%;
8775 right: -9px;
8776 transform: translateY(-50%);
8777 }
8778 .summary-attributes > span strong {
8779 color: var(--latepoint-body-color);
8780 font-weight: 600;
8781 }
8782
8783 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-summary-w {
8784 display: block;
8785 transform: none;
8786 }
8787 .latepoint-w .latepoint-form-w .pb-heading {
8788 margin-bottom: 10px;
8789 }
8790 .latepoint-w .latepoint-summary-w {
8791 flex: 0 0 270px;
8792 width: 270px;
8793 transition: all 0.4s cubic-bezier(0.05, 0.45, 0.1, 1);
8794 transform: translateX(-60px);
8795 z-index: 1;
8796 display: none;
8797 flex-direction: column;
8798 position: relative;
8799 background-color: #fff;
8800 }
8801 .latepoint-w .latepoint-summary-w .summary-heading {
8802 display: none;
8803 }
8804 .latepoint-w .latepoint-summary-w .summary-box.main-box + .summary-box.main-box {
8805 margin-top: 0;
8806 }
8807 .latepoint-w .latepoint-summary-w .summary-box .sbc-big-item {
8808 font-size: 15px;
8809 }
8810 .latepoint-w .latepoint-summary-w .summary-box .summary-box-content .os-remove-item-from-cart {
8811 display: block;
8812 }
8813 .latepoint-w .latepoint-summary-w .summary-box .summary-box-content .os-remove-item-from-cart:focus-visible {
8814 outline: 2px solid var(--latepoint-brand-primary);
8815 }
8816 .latepoint-w .latepoint-summary-w.os-loading .summary-header:before {
8817 display: block;
8818 content: "";
8819 width: 12px !important;
8820 height: 12px !important;
8821 border-bottom: 2px solid var(--latepoint-brand-primary);
8822 border-left: 2px solid var(--latepoint-brand-primary);
8823 border-top: 2px solid var(--latepoint-brand-primary);
8824 border-right: 2px solid rgba(255, 255, 255, 0);
8825 border-radius: 20px;
8826 position: absolute;
8827 top: 50%;
8828 left: 50%;
8829 transform: translate(-50%, -50%);
8830 animation: os-loading 700ms infinite linear;
8831 background-color: transparent !important;
8832 bottom: auto;
8833 left: auto;
8834 right: 1px;
8835 top: 12px;
8836 z-index: 9999;
8837 }
8838 .latepoint-w .latepoint-summary-w .summary-header {
8839 position: relative;
8840 padding: 5px;
8841 margin: 0px;
8842 text-align: right;
8843 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
8844 }
8845 .latepoint-w .latepoint-summary-w .summary-header .summary-header-inner {
8846 display: flex;
8847 padding: 13px 20px;
8848 justify-content: space-between;
8849 align-items: center;
8850 }
8851 .latepoint-w .latepoint-summary-w .summary-header:not(.can-checkout) .summary-header-inner {
8852 background-image: radial-gradient(#d4d4d4 1px, transparent 0);
8853 background-size: 7px 7px;
8854 }
8855 .latepoint-w .latepoint-summary-w .summary-header .latepoint-lightbox-summary-trigger {
8856 display: none;
8857 position: absolute;
8858 top: 50%;
8859 transform: translateY(-50%);
8860 right: 19px;
8861 font-size: 20px;
8862 background-color: #fff;
8863 padding: 3px 5px 3px 15px;
8864 z-index: 2;
8865 color: var(--latepoint-body-color);
8866 }
8867 .latepoint-w .latepoint-summary-w .summary-header .summary-header-label {
8868 background-color: #fff;
8869 position: relative;
8870 z-index: 2;
8871 display: inline-block;
8872 font-size: 20px;
8873 line-height: 1.2;
8874 color: #14161d;
8875 font-weight: 600;
8876 }
8877 .latepoint-w .latepoint-summary-w .summary-header .os-lines {
8878 position: absolute;
8879 top: 21px;
8880 left: 30px;
8881 right: 30px;
8882 z-index: 1;
8883 }
8884 .latepoint-w .latepoint-summary-w .summary-header .os-lines:before {
8885 display: block;
8886 content: "";
8887 height: 6px;
8888 border-top: 2px dotted #b7c2e8;
8889 border-bottom: 2px dotted #b7c2e8;
8890 margin-bottom: 2px;
8891 }
8892 .latepoint-w .latepoint-summary-w .summary-header .os-lines:after {
8893 display: block;
8894 content: "";
8895 height: 6px;
8896 border-top: 2px dotted #b7c2e8;
8897 }
8898 .latepoint-w .latepoint-summary-w .summary-price-item-w {
8899 margin-bottom: 5px;
8900 }
8901 .latepoint-w .latepoint-summary-w .summary-price-item-w.spi-total {
8902 padding-top: 5px;
8903 margin-top: 5px;
8904 border-top-width: 2px;
8905 margin-bottom: 0px;
8906 }
8907 .latepoint-w .latepoint-summary-w .os-summary-contents {
8908 display: flex;
8909 flex-direction: column;
8910 flex: 1;
8911 }
8912 .latepoint-w .latepoint-summary-w .os-summary-contents .order-summary-main-section {
8913 margin-bottom: 20px;
8914 }
8915 .latepoint-w .latepoint-summary-w .os-summary-contents .cart-summary-main-section {
8916 margin-bottom: 30px;
8917 }
8918 .latepoint-w .latepoint-summary-w .os-summary-contents .summary-price-item-w {
8919 font-size: 13px;
8920 }
8921 .latepoint-w .latepoint-summary-w .os-summary-contents .summary-price-item-w.spi-total {
8922 font-size: 17px;
8923 }
8924 .latepoint-w .latepoint-summary-w .os-summary-contents-inner {
8925 position: relative;
8926 display: flex;
8927 flex-direction: column;
8928 justify-content: space-between;
8929 flex: 1;
8930 padding-top: 15px;
8931 }
8932 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .os-summary-contents-inner-top {
8933 padding: 0 25px;
8934 }
8935 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-summary-main-section {
8936 padding: 0 25px;
8937 }
8938 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .latepoint-add-another-item-trigger-wrapper.on-verify {
8939 display: none;
8940 }
8941 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .latepoint-add-another-item-trigger-wrapper.on-summary {
8942 display: none;
8943 margin-top: 15px;
8944 }
8945 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .active-cart-item-wrapper {
8946 padding: 15px 0 0 0;
8947 }
8948 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .active-cart-item-wrapper.is-separated .summary-box.main-box .sbc-highlighted-item {
8949 margin-bottom: 5px;
8950 }
8951 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper {
8952 position: relative;
8953 padding: 15px 0;
8954 }
8955 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper .summary-box:last-child {
8956 padding-bottom: 0;
8957 }
8958 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item:hover {
8959 background-color: #f8f8f8;
8960 box-shadow: 10px 0 0 0 #f8f8f8, -10px 0 0 0 #f8f8f8;
8961 border-top-color: transparent;
8962 }
8963 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item:hover + .cart-item-wrapper {
8964 border-top-color: transparent;
8965 }
8966 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item:hover .os-remove-item-from-cart {
8967 background-color: #dc5454;
8968 color: #fff;
8969 }
8970 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading {
8971 display: flex;
8972 align-items: center;
8973 gap: 10px;
8974 margin-top: 15px;
8975 }
8976 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading:not(:last-child) {
8977 margin-bottom: 10px;
8978 }
8979 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-label {
8980 text-transform: uppercase;
8981 color: #7c85a3;
8982 font-weight: 600;
8983 letter-spacing: 1px;
8984 position: relative;
8985 font-size: 11px;
8986 }
8987 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-line {
8988 height: 1px;
8989 background-color: #f1f1f1;
8990 flex: 1;
8991 }
8992 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-link {
8993 color: var(--latepoint-brand-primary);
8994 font-size: 13px;
8995 display: flex;
8996 align-items: center;
8997 gap: 5px;
8998 }
8999 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-link span {
9000 border-bottom: 1px dotted var(--latepoint-brand-primary);
9001 }
9002 .latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-link .latepoint-icon {
9003 font-size: 7px;
9004 }
9005 .latepoint-w .latepoint-summary-w .price-breakdown-w {
9006 border-top: none;
9007 padding: 30px;
9008 padding-top: 25px;
9009 margin: 20px -30px -30px -30px;
9010 border-top: 1px solid #eee;
9011 }
9012 .latepoint-w .latepoint-summary-w .price-breakdown-w .pb-heading {
9013 padding-bottom: 10px 25px;
9014 text-transform: uppercase;
9015 letter-spacing: 1px;
9016 font-size: 12px;
9017 font-weight: 600;
9018 color: #7c85a3;
9019 align-items: center;
9020 }
9021 .latepoint-w .latepoint-summary-w .price-breakdown-w .summary-attributes {
9022 display: none;
9023 }
9024 .latepoint-w .latepoint-summary-w .price-breakdown-w .summary-box-heading {
9025 display: none;
9026 }
9027 .latepoint-w .latepoint-summary-w .summary-box-heading {
9028 flex: 1;
9029 align-items: baseline;
9030 margin: 0px;
9031 }
9032 .latepoint-w .latepoint-summary-w .summary-box-heading .sbh-line {
9033 margin-left: 5px;
9034 }
9035 .latepoint-w .latepoint-summary-w .summary-box.main-box {
9036 padding-bottom: 10px;
9037 }
9038 .latepoint-w .latepoint-summary-w .summary-box.main-box:first-child {
9039 padding-top: 0;
9040 }
9041 .latepoint-w .latepoint-summary-w .summary-box.main-box .summary-box-heading .sbh-item {
9042 text-transform: capitalize;
9043 letter-spacing: normal;
9044 font-size: 13px;
9045 font-weight: 400;
9046 }
9047 .latepoint-w .latepoint-summary-w .summary-box.main-box .summary-box-heading .sbh-line {
9048 display: none;
9049 }
9050 .latepoint-w .latepoint-summary-w .summary-box:not(.main-box) {
9051 display: flex;
9052 align-items: baseline;
9053 }
9054 .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 {
9055 display: none;
9056 }
9057 .latepoint-w .latepoint-summary-w .summary-box:not(.main-box) .summary-box-content .sbc-content-i {
9058 margin-left: 5px;
9059 }
9060 .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 {
9061 display: none;
9062 }
9063 .latepoint-w .latepoint-summary-w .summary-boxes-columns {
9064 display: block;
9065 }
9066
9067 .latepoint-clean-body {
9068 margin: 0;
9069 }
9070 .latepoint-clean-body.with-pattern {
9071 background-image: radial-gradient(#eee 2px, transparent 0);
9072 background-size: 25px 25px;
9073 background-color: #fff;
9074 }
9075 .latepoint-clean-body.with-pattern > .latepoint-w {
9076 padding: 50px;
9077 }
9078
9079 html.latepoint-clean {
9080 margin: 0 !important;
9081 }
9082
9083 .latepoint-w .manage-order-wrapper .booking-summary-info-w {
9084 display: none;
9085 }
9086 .latepoint-w .manage-order-wrapper .qr-show-trigger {
9087 display: none;
9088 }
9089 .latepoint-w .manage-order-wrapper .summary-box .sbc-big-item {
9090 font-size: 20px;
9091 }
9092 .latepoint-w .manage-order-wrapper .summary-box .sbc-highlighted-item {
9093 font-size: 13px;
9094 color: #7c85a3;
9095 }
9096 .latepoint-w .manage-order-wrapper .summary-box.main-box .summary-box-booking-date-box .summary-box-booking-date-day {
9097 font-size: 24px;
9098 }
9099 .latepoint-w .manage-order-wrapper,
9100 .latepoint-w .manage-booking-wrapper {
9101 max-width: 550px;
9102 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 8px 35px -3px rgba(0, 0, 0, 0.1);
9103 background-color: #fff;
9104 margin: 0px auto;
9105 position: relative;
9106 }
9107 .latepoint-w .manage-order-wrapper.os-loading .manage-booking-inner,
9108 .latepoint-w .manage-booking-wrapper.os-loading .manage-booking-inner {
9109 filter: blur(3px);
9110 }
9111 .latepoint-w .manage-order-wrapper.os-loading:after,
9112 .latepoint-w .manage-booking-wrapper.os-loading:after {
9113 display: block;
9114 content: "";
9115 width: 20px !important;
9116 height: 20px !important;
9117 border-bottom: 2px solid var(--latepoint-brand-primary);
9118 border-left: 2px solid var(--latepoint-brand-primary);
9119 border-top: 2px solid var(--latepoint-brand-primary);
9120 border-right: 2px solid rgba(255, 255, 255, 0);
9121 border-radius: 20px;
9122 position: absolute;
9123 top: 50%;
9124 left: 50%;
9125 transform: translate(-50%, -50%);
9126 animation: os-loading 700ms infinite linear;
9127 background-color: transparent !important;
9128 top: 85px;
9129 z-index: 9999;
9130 }
9131 .latepoint-w .manage-order-wrapper .manage-booking-inner,
9132 .latepoint-w .manage-booking-wrapper .manage-booking-inner {
9133 padding: 50px;
9134 padding-top: 70px;
9135 position: relative;
9136 }
9137 .latepoint-w .manage-order-wrapper .manage-booking-inner:before,
9138 .latepoint-w .manage-booking-wrapper .manage-booking-inner:before {
9139 content: "";
9140 height: 34px;
9141 background-image: radial-gradient(#ccc 1px, transparent 0);
9142 background-size: 10px 10px;
9143 background-color: #fff;
9144 display: block;
9145 position: absolute;
9146 top: 5px;
9147 left: 5px;
9148 right: 5px;
9149 }
9150 .latepoint-w .manage-order-wrapper .manage-status-info,
9151 .latepoint-w .manage-booking-wrapper .manage-status-info {
9152 display: flex;
9153 gap: 5px;
9154 align-items: center;
9155 margin-right: auto;
9156 }
9157 .latepoint-w .manage-order-wrapper .manage-status-info .status-info-label,
9158 .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-label {
9159 color: rgba(255, 255, 255, 0.5);
9160 display: none;
9161 }
9162 .latepoint-w .manage-order-wrapper .manage-status-info .status-info-value,
9163 .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value {
9164 color: #fff;
9165 font-weight: 600;
9166 padding: 2px 6px;
9167 }
9168 .latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-open,
9169 .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-open {
9170 background-color: #fff;
9171 color: #000;
9172 }
9173 .latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-not_fulfilled,
9174 .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-not_fulfilled {
9175 background-color: #fff;
9176 color: #000;
9177 }
9178 .latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-approved,
9179 .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-approved {
9180 background-color: #74ff60;
9181 color: #000;
9182 }
9183 .latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-cancelled,
9184 .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-cancelled {
9185 background-color: #e81818;
9186 color: #fff;
9187 }
9188 .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,
9189 .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-pending,
9190 .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-pending_approval,
9191 .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-payment_pending {
9192 background-color: #ffe75e;
9193 color: #000;
9194 }
9195 .latepoint-w .manage-order-wrapper .manage-booking-controls,
9196 .latepoint-w .manage-booking-wrapper .manage-booking-controls {
9197 padding: 15px 25px;
9198 background-color: var(--latepoint-brand-primary);
9199 display: flex;
9200 gap: 25px;
9201 align-items: center;
9202 justify-content: space-between;
9203 position: sticky;
9204 top: 0;
9205 z-index: 2;
9206 }
9207 .latepoint-w .manage-order-wrapper .manage-booking-controls.status-cancelled,
9208 .latepoint-w .manage-booking-wrapper .manage-booking-controls.status-cancelled {
9209 background-color: #e81819;
9210 }
9211 .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,
9212 .latepoint-w .manage-booking-wrapper .manage-booking-controls.status-pending,
9213 .latepoint-w .manage-booking-wrapper .manage-booking-controls.status-pending_approval,
9214 .latepoint-w .manage-booking-wrapper .manage-booking-controls.status-payment_pending {
9215 background-color: #c6a573;
9216 }
9217 .latepoint-w .manage-order-wrapper .manage-booking-controls .latepoint-btn,
9218 .latepoint-w .manage-booking-wrapper .manage-booking-controls .latepoint-btn {
9219 padding: 0 !important;
9220 }
9221 .latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group,
9222 .latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group {
9223 display: flex;
9224 align-items: center;
9225 margin: 0 !important;
9226 gap: 8px;
9227 }
9228 .latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group .os-form-control,
9229 .latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group .os-form-control {
9230 transition: none !important;
9231 }
9232 .latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group label,
9233 .latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group label {
9234 font-size: 18px;
9235 font-weight: 600;
9236 color: #fff;
9237 }
9238 .latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group select,
9239 .latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group select {
9240 font-size: 18px !important;
9241 padding: 6px !important;
9242 border-radius: 6px !important;
9243 border: none !important;
9244 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
9245 background-color: #fff !important;
9246 color: #111 !important;
9247 height: auto !important;
9248 }
9249 .latepoint-w .manage-booking-wrapper .manage-booking-inner {
9250 padding-top: 100px;
9251 }
9252 .latepoint-w .manage-booking-wrapper .manage-booking-inner:before {
9253 top: 60px;
9254 }
9255 .latepoint-w .manage-booking-wrapper .booking-status-info-wrapper {
9256 position: absolute;
9257 top: 0;
9258 left: 0;
9259 right: 0;
9260 background-color: #fff;
9261 margin: 0;
9262 padding-left: 50px;
9263 padding-right: 50px;
9264 }
9265
9266 .booking-full-summary-actions {
9267 display: flex;
9268 gap: 10px;
9269 align-items: center;
9270 margin-bottom: 30px;
9271 flex-wrap: wrap;
9272 }
9273 .booking-full-summary-actions .booking-summary-action-btn {
9274 padding: 3px 6px;
9275 text-decoration: none;
9276 color: #111;
9277 font-size: 13px;
9278 font-weight: 600;
9279 border: 1px solid #111;
9280 display: flex;
9281 gap: 3px;
9282 align-items: center;
9283 position: relative;
9284 transition: none;
9285 }
9286 .booking-full-summary-actions .booking-summary-action-btn span, .booking-full-summary-actions .booking-summary-action-btn i {
9287 display: block;
9288 }
9289 .booking-full-summary-actions .booking-summary-action-btn:hover {
9290 color: var(--latepoint-brand-primary);
9291 border-color: var(--latepoint-brand-primary);
9292 }
9293 .booking-full-summary-actions .booking-summary-action-btn.os-loading:before {
9294 display: block;
9295 content: "";
9296 width: 12px !important;
9297 height: 12px !important;
9298 border-bottom: 2px solid #111;
9299 border-left: 2px solid #111;
9300 border-top: 2px solid #111;
9301 border-right: 2px solid rgba(255, 255, 255, 0);
9302 border-radius: 20px;
9303 position: absolute;
9304 top: 50%;
9305 left: 50%;
9306 transform: translate(-50%, -50%);
9307 animation: os-loading 700ms infinite linear;
9308 background-color: transparent !important;
9309 left: 12px;
9310 }
9311 .booking-full-summary-actions .booking-summary-action-btn.os-loading i {
9312 color: transparent;
9313 }
9314 .booking-full-summary-actions .booking-summary-action-btn.cancel-appointment-btn {
9315 color: #ad3d12;
9316 border-color: #ad3d12;
9317 }
9318 .customer-dashboard-booking-summary-lightbox .summary-box-heading .sbh-item,
9319 .bundle-scheduled-summary-lightbox .summary-box-heading .sbh-item,
9320 .manage-order-wrapper .summary-box-heading .sbh-item,
9321 .manage-booking-wrapper .summary-box-heading .sbh-item {
9322 color: #7c85a3;
9323 font-weight: 600;
9324 font-size: 15px;
9325 }
9326 .customer-dashboard-booking-summary-lightbox .order-summary-main-section,
9327 .bundle-scheduled-summary-lightbox .order-summary-main-section,
9328 .manage-order-wrapper .order-summary-main-section,
9329 .manage-booking-wrapper .order-summary-main-section {
9330 margin-bottom: 20px;
9331 }
9332 .customer-dashboard-booking-summary-lightbox .part-of-bundle-message,
9333 .bundle-scheduled-summary-lightbox .part-of-bundle-message,
9334 .manage-order-wrapper .part-of-bundle-message,
9335 .manage-booking-wrapper .part-of-bundle-message {
9336 padding: 8px;
9337 background-color: #f1f3ff;
9338 text-align: center;
9339 font-size: 13px;
9340 margin-top: 20px;
9341 }
9342 .customer-dashboard-booking-summary-lightbox .part-of-bundle-message a,
9343 .bundle-scheduled-summary-lightbox .part-of-bundle-message a,
9344 .manage-order-wrapper .part-of-bundle-message a,
9345 .manage-booking-wrapper .part-of-bundle-message a {
9346 color: var(--latepoint-brand-primary);
9347 text-decoration: none;
9348 border-bottom: 1px dotted var(--latepoint-brand-primary);
9349 }
9350 .customer-dashboard-booking-summary-lightbox .full-summary-head-info,
9351 .bundle-scheduled-summary-lightbox .full-summary-head-info,
9352 .manage-order-wrapper .full-summary-head-info,
9353 .manage-booking-wrapper .full-summary-head-info {
9354 position: relative;
9355 }
9356 .customer-dashboard-booking-summary-lightbox .full-summary-head-info .add-to-calendar-wrapper,
9357 .bundle-scheduled-summary-lightbox .full-summary-head-info .add-to-calendar-wrapper,
9358 .manage-order-wrapper .full-summary-head-info .add-to-calendar-wrapper,
9359 .manage-booking-wrapper .full-summary-head-info .add-to-calendar-wrapper {
9360 display: inline-block;
9361 }
9362 .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent,
9363 .bundle-scheduled-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent,
9364 .manage-order-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent,
9365 .manage-booking-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent {
9366 display: block;
9367 margin: 0px auto 30px auto;
9368 padding-bottom: 20px;
9369 border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
9370 }
9371 .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger,
9372 .bundle-scheduled-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger,
9373 .manage-order-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger,
9374 .manage-booking-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger {
9375 display: none;
9376 }
9377 .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-show-trigger,
9378 .bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-show-trigger,
9379 .manage-order-wrapper .qr-code-on-full-summary .qr-show-trigger,
9380 .manage-booking-wrapper .qr-code-on-full-summary .qr-show-trigger {
9381 float: right;
9382 width: 100px;
9383 text-align: center;
9384 padding-top: 20px;
9385 cursor: pointer;
9386 }
9387 .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .latepoint-icon,
9388 .bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .latepoint-icon,
9389 .manage-order-wrapper .qr-code-on-full-summary .qr-show-trigger .latepoint-icon,
9390 .manage-booking-wrapper .qr-code-on-full-summary .qr-show-trigger .latepoint-icon {
9391 font-size: 45px;
9392 color: #111;
9393 }
9394 .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label,
9395 .bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label,
9396 .manage-order-wrapper .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label,
9397 .manage-booking-wrapper .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label {
9398 display: inline-block;
9399 line-height: 1.2;
9400 color: #111;
9401 border-bottom: 1px solid #777;
9402 font-weight: 600;
9403 letter-spacing: 0.5px;
9404 margin-top: 10px;
9405 font-size: 12px;
9406 text-transform: uppercase;
9407 }
9408 .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-booking-info,
9409 .bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-booking-info,
9410 .manage-order-wrapper .qr-code-on-full-summary .qr-code-booking-info,
9411 .manage-booking-wrapper .qr-code-on-full-summary .qr-code-booking-info {
9412 display: none;
9413 }
9414 .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-vevent,
9415 .bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-vevent,
9416 .manage-order-wrapper .qr-code-on-full-summary .qr-code-vevent,
9417 .manage-booking-wrapper .qr-code-on-full-summary .qr-code-vevent {
9418 display: none;
9419 }
9420 .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-vevent img,
9421 .bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-vevent img,
9422 .manage-order-wrapper .qr-code-on-full-summary .qr-code-vevent img,
9423 .manage-booking-wrapper .qr-code-on-full-summary .qr-code-vevent img {
9424 display: block;
9425 margin: 0px auto;
9426 }
9427 .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-vevent .qr-code-label,
9428 .bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-vevent .qr-code-label,
9429 .manage-order-wrapper .qr-code-on-full-summary .qr-code-vevent .qr-code-label,
9430 .manage-booking-wrapper .qr-code-on-full-summary .qr-code-vevent .qr-code-label {
9431 text-align: center;
9432 font-size: 13px;
9433 font-weight: 600;
9434 text-align: center;
9435 font-weight: 500;
9436 padding: 10px 15px;
9437 background: #fff1af;
9438 line-height: 1.4;
9439 color: #000;
9440 }
9441 .customer-dashboard-booking-summary-lightbox .payment-summary-info .full-summary-info-w,
9442 .bundle-scheduled-summary-lightbox .payment-summary-info .full-summary-info-w,
9443 .manage-order-wrapper .payment-summary-info .full-summary-info-w,
9444 .manage-booking-wrapper .payment-summary-info .full-summary-info-w {
9445 margin-top: 0px;
9446 }
9447 .customer-dashboard-booking-summary-lightbox .full-summary-header,
9448 .bundle-scheduled-summary-lightbox .full-summary-header,
9449 .manage-order-wrapper .full-summary-header,
9450 .manage-booking-wrapper .full-summary-header {
9451 margin-bottom: 0px;
9452 margin-top: 0px;
9453 }
9454 .customer-dashboard-booking-summary-lightbox .full-summary-number,
9455 .bundle-scheduled-summary-lightbox .full-summary-number,
9456 .manage-order-wrapper .full-summary-number,
9457 .manage-booking-wrapper .full-summary-number {
9458 color: #7c85a3;
9459 padding-top: 0px;
9460 margin-bottom: 8px;
9461 font-size: 13px;
9462 letter-spacing: 0.5px;
9463 text-transform: uppercase;
9464 font-weight: 600;
9465 }
9466 .customer-dashboard-booking-summary-lightbox .full-summary-number strong,
9467 .bundle-scheduled-summary-lightbox .full-summary-number strong,
9468 .manage-order-wrapper .full-summary-number strong,
9469 .manage-booking-wrapper .full-summary-number strong {
9470 color: #14161d;
9471 }
9472 .customer-dashboard-booking-summary-lightbox .full-summary-order-info-wrapper,
9473 .bundle-scheduled-summary-lightbox .full-summary-order-info-wrapper,
9474 .manage-order-wrapper .full-summary-order-info-wrapper,
9475 .manage-booking-wrapper .full-summary-order-info-wrapper {
9476 position: relative;
9477 margin-bottom: 40px;
9478 }
9479 .customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper,
9480 .bundle-scheduled-summary-lightbox .fsoi-main-wrapper,
9481 .manage-order-wrapper .fsoi-main-wrapper,
9482 .manage-booking-wrapper .fsoi-main-wrapper {
9483 display: flex;
9484 align-items: flex-start;
9485 }
9486 .customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .fsoi-main,
9487 .bundle-scheduled-summary-lightbox .fsoi-main-wrapper .fsoi-main,
9488 .manage-order-wrapper .fsoi-main-wrapper .fsoi-main,
9489 .manage-booking-wrapper .fsoi-main-wrapper .fsoi-main {
9490 font-size: 32px;
9491 margin-bottom: 5px;
9492 color: #7c85a3;
9493 display: flex;
9494 }
9495 .customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .fsoi-main strong,
9496 .bundle-scheduled-summary-lightbox .fsoi-main-wrapper .fsoi-main strong,
9497 .manage-order-wrapper .fsoi-main-wrapper .fsoi-main strong,
9498 .manage-booking-wrapper .fsoi-main-wrapper .fsoi-main strong {
9499 color: #14161d;
9500 font-weight: 600;
9501 }
9502 .customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions,
9503 .bundle-scheduled-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions,
9504 .manage-order-wrapper .fsoi-main-wrapper .order-full-summary-actions,
9505 .manage-booking-wrapper .fsoi-main-wrapper .order-full-summary-actions {
9506 margin-left: auto;
9507 display: flex;
9508 gap: 10px;
9509 }
9510 .customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions a,
9511 .bundle-scheduled-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions a,
9512 .manage-order-wrapper .fsoi-main-wrapper .order-full-summary-actions a,
9513 .manage-booking-wrapper .fsoi-main-wrapper .order-full-summary-actions a {
9514 display: flex;
9515 align-items: center;
9516 gap: 5px;
9517 }
9518 .customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions span,
9519 .bundle-scheduled-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions span,
9520 .manage-order-wrapper .fsoi-main-wrapper .order-full-summary-actions span,
9521 .manage-booking-wrapper .fsoi-main-wrapper .order-full-summary-actions span {
9522 border-bottom: 1px dotted var(--latepoint-brand-primary);
9523 }
9524 .customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements,
9525 .bundle-scheduled-summary-lightbox .full-summary-order-info-elements,
9526 .manage-order-wrapper .full-summary-order-info-elements,
9527 .manage-booking-wrapper .full-summary-order-info-elements {
9528 display: flex;
9529 gap: 10px;
9530 font-size: 15px;
9531 }
9532 .customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements .fsoi-element,
9533 .bundle-scheduled-summary-lightbox .full-summary-order-info-elements .fsoi-element,
9534 .manage-order-wrapper .full-summary-order-info-elements .fsoi-element,
9535 .manage-booking-wrapper .full-summary-order-info-elements .fsoi-element {
9536 display: flex;
9537 gap: 2px;
9538 }
9539 .customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements span,
9540 .bundle-scheduled-summary-lightbox .full-summary-order-info-elements span,
9541 .manage-order-wrapper .full-summary-order-info-elements span,
9542 .manage-booking-wrapper .full-summary-order-info-elements span {
9543 color: #7c85a3;
9544 display: block;
9545 }
9546 .customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements strong,
9547 .bundle-scheduled-summary-lightbox .full-summary-order-info-elements strong,
9548 .manage-order-wrapper .full-summary-order-info-elements strong,
9549 .manage-booking-wrapper .full-summary-order-info-elements strong {
9550 color: #14161d;
9551 display: block;
9552 }
9553
9554 .latepoint-w .latepoint-booking-form-element.current-step-customer .latepoint-summary-w .os-summary-contents-inner .latepoint-add-another-item-trigger-wrapper.on-summary {
9555 display: block;
9556 }
9557
9558 @keyframes osLightboxMobileAnimation {
9559 0% {
9560 transform: translate3d(0%, 10%, 0px) scale(0.9);
9561 opacity: 0;
9562 }
9563 100% {
9564 transform: translate3d(0%, 0%, 0px) scale(1);
9565 opacity: 1;
9566 }
9567 }
9568 @media (min-width: 601px) and (max-width: 1050px) {
9569 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel) .latepoint-form-w {
9570 border-right: none !important;
9571 }
9572 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel) .latepoint-summary-w {
9573 display: none !important;
9574 }
9575 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel) .latepoint-summary-w .summary-header {
9576 text-align: left;
9577 }
9578 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel) .latepoint-summary-w .summary-header span {
9579 margin-left: 15px;
9580 }
9581 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open .latepoint-summary-w {
9582 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.1) 0ms LatepointSlideUpMobileSummary;
9583 animation-fill-mode: both;
9584 }
9585 .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 {
9586 display: block;
9587 }
9588 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-booking-form-element:before {
9589 content: "";
9590 position: fixed;
9591 top: 0;
9592 left: 0;
9593 right: 0;
9594 bottom: 0;
9595 background-color: rgba(0, 0, 0, 0.3);
9596 z-index: 3;
9597 }
9598 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-lightbox-summary-trigger {
9599 display: block;
9600 }
9601 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w {
9602 display: block !important;
9603 position: fixed;
9604 top: 50%;
9605 left: 50%;
9606 min-width: 300px;
9607 width: auto;
9608 flex: 1;
9609 border-radius: 0;
9610 bottom: auto;
9611 z-index: 4;
9612 overflow: auto;
9613 box-shadow: 0px 10px 28px -5px rgba(0, 0, 0, 0.4), 0px 2px 3px 0px rgba(0, 0, 0, 0.4);
9614 max-height: 80vh;
9615 transform: translate3d(-50%, -50%, 0);
9616 }
9617 .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 {
9618 padding: 3px 5px;
9619 line-height: 1.2;
9620 }
9621 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w .summary-header > div {
9622 justify-content: flex-start;
9623 }
9624 .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w .summary-header span {
9625 margin-left: 0;
9626 }
9627 }
9628 @media (max-width: 600px) {
9629 .latepoint-lightbox-w.latepoint-border-radius-rounded .latepoint-lightbox-i {
9630 border-radius: 0;
9631 }
9632 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.week-day-1 .os-available-slots-tooltip,
9633 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.week-day-7 .os-available-slots-tooltip {
9634 transform: none;
9635 animation: 0.1s ease latepointAvailabilityPopupY;
9636 animation-fill-mode: both;
9637 }
9638 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.week-day-7 .os-available-slots-tooltip {
9639 left: auto;
9640 right: 0;
9641 }
9642 .latepoint-booking-form-element .os-monthly-calendar-days .os-day.week-day-1 .os-available-slots-tooltip {
9643 left: 0;
9644 }
9645 .latepoint-w.latepoint-lightbox-form {
9646 height: 100%;
9647 }
9648 .latepoint-w .latepoint-booking-form-element {
9649 flex: 1;
9650 }
9651 .latepoint-w .latepoint-booking-form-element .latepoint-form-w {
9652 width: 100%;
9653 flex: 1;
9654 }
9655 .summary-header .checkout-from-summary-panel-btn-wrapper {
9656 display: none;
9657 }
9658 .checkout-from-summary-panel-btn-wrapper.os-mobile-only {
9659 display: block;
9660 padding: 10px 25px;
9661 background-color: #fff;
9662 position: sticky;
9663 top: 0;
9664 z-index: 1;
9665 }
9666 .checkout-from-summary-panel-btn-wrapper.os-mobile-only + .os-summary-contents-inner {
9667 padding-top: 10px;
9668 }
9669 .le-day-view-wrapper .le-day-schedule-wrapper {
9670 padding: 30px 15px;
9671 }
9672 .latepoint-calendar-controls {
9673 flex-wrap: wrap;
9674 }
9675 .latepoint-calendar-controls .le-navigation .le-today {
9676 display: none;
9677 }
9678 .latepoint-calendar-controls .le-week, .latepoint-calendar-controls .le-month {
9679 white-space: nowrap;
9680 flex: 0 0 100%;
9681 text-align: center;
9682 }
9683 .latepoint-calendar-controls .le-filter {
9684 padding: 10px 12px;
9685 }
9686 .latepoint-calendar-controls .le-filter span {
9687 display: none;
9688 }
9689 .latepoint-calendar-controls .le-range-selector {
9690 margin-left: 0;
9691 }
9692 .latepoint-calendar-controls .le-navigation-wrapper {
9693 margin-left: auto;
9694 border-left: none;
9695 }
9696 .latepoint-calendar-week .le-day-weekday-wrapper {
9697 position: relative;
9698 top: 0;
9699 }
9700 .latepoint-calendar-filters .le-filters-label {
9701 display: none;
9702 }
9703 .latepoint-calendar-wrapper.show-filters .latepoint-calendar-filters {
9704 display: block;
9705 }
9706 .latepoint-calendar-wrapper.show-filters .latepoint-calendar-filters .os-form-group + .os-form-group {
9707 margin-top: 10px;
9708 }
9709 .latepoint-calendar-wrapper.show-filters .latepoint-calendar-filters select {
9710 display: block;
9711 width: 100%;
9712 }
9713 .latepoint-calendar-week {
9714 overflow-x: auto;
9715 padding-left: 0;
9716 padding-bottom: 10px;
9717 grid-template-columns: 200px 200px 200px 200px 200px 200px 200px;
9718 }
9719 .latepoint-calendar-week .le-day-wrapper {
9720 flex: 0 0 100px;
9721 }
9722 .latepoint-calendar-month {
9723 grid-template-columns: 200px 200px 200px 200px 200px 200px 200px;
9724 overflow-x: scroll;
9725 }
9726 .latepoint-calendar-week .le-day-wrapper:first-child .day-schedule-timeslot-value {
9727 display: none;
9728 }
9729 .le-day-view-wrapper .le-day-info-section {
9730 padding: 20px 15px;
9731 }
9732 .le-day-view-wrapper .le-day-info-section .le-day-info .le-day-number {
9733 font-size: 45px;
9734 }
9735 .le-day-view-wrapper .le-day-info-section .le-day-filters-wrapper {
9736 margin-left: 15px;
9737 padding-left: 15px;
9738 }
9739 .le-day-view-wrapper .le-day-info-section .le-day-heading {
9740 margin-bottom: 7px;
9741 font-size: 21px;
9742 }
9743 .latepoint-lightbox-w .latepoint-lightbox-i .latepoint-lightbox-close {
9744 top: 5px;
9745 right: 5px;
9746 }
9747 .latepoint-clean-body.with-pattern > .latepoint-w {
9748 padding: 0px;
9749 }
9750 .latepoint-w .manage-order-wrapper,
9751 .latepoint-w .manage-booking-wrapper {
9752 margin: 0;
9753 }
9754 .latepoint-w .manage-order-wrapper .manage-booking-controls,
9755 .latepoint-w .manage-booking-wrapper .manage-booking-controls {
9756 padding: 10px;
9757 gap: 10px;
9758 }
9759 .latepoint-w .manage-order-wrapper .manage-booking-inner,
9760 .latepoint-w .manage-booking-wrapper .manage-booking-inner {
9761 padding: 20px;
9762 padding-top: 60px;
9763 }
9764 .latepoint-resources-items-w {
9765 display: block;
9766 }
9767 .latepoint-resources-items-w .resource-item {
9768 margin-bottom: 20px;
9769 }
9770 .os-items .os-item.with-details .os-item-i .os-item-img-w {
9771 transform-origin: center center;
9772 transform: translateY(-8px) scale(0.9);
9773 }
9774 .os-items .os-item.with-details .os-item-i .os-item-name-w {
9775 transform: translateY(-18px);
9776 }
9777 .os-items .os-item.with-details .os-item-i .os-item-details-popup-btn {
9778 opacity: 1;
9779 transform: translateY(-7px);
9780 }
9781 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-summary-w {
9782 border-radius: 0px !important;
9783 }
9784 .latepoint-w .os-form-group.os-form-phonefield-group .lp_iti__selected-dial-code {
9785 font-size: 16px !important;
9786 }
9787 .latepoint-w.latepoint-with-summary .latepoint-summary-w .summary-header {
9788 text-align: left;
9789 }
9790 .latepoint-w.latepoint-with-summary .latepoint-summary-w .summary-header > div {
9791 justify-content: flex-start;
9792 }
9793 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-summary-w {
9794 animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.1) 0ms LatepointSlideUpMobileSummary;
9795 animation-fill-mode: both;
9796 }
9797 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
9798 display: block;
9799 }
9800 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-booking-form-element:before {
9801 content: "";
9802 position: fixed;
9803 top: 0;
9804 left: 0;
9805 right: 0;
9806 bottom: 0;
9807 background-color: rgba(0, 0, 0, 0.3);
9808 z-index: 3;
9809 }
9810 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-lightbox-summary-trigger {
9811 display: block;
9812 }
9813 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w {
9814 display: block !important;
9815 position: fixed;
9816 top: 50%;
9817 left: 50%;
9818 width: auto;
9819 flex: 1;
9820 border-radius: 0;
9821 bottom: auto;
9822 z-index: 4;
9823 overflow: auto;
9824 box-shadow: 0px 10px 28px -5px rgba(0, 0, 0, 0.4), 0px 2px 3px 0px rgba(0, 0, 0, 0.4);
9825 max-height: 90vh;
9826 max-width: 90vw;
9827 min-width: 80vw;
9828 transform: translate3d(0, -50%, 0);
9829 }
9830 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w .latepoint-lightbox-summary-trigger {
9831 line-height: 1;
9832 padding: 5px;
9833 }
9834 .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded {
9835 border-radius: 0px;
9836 }
9837 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-summary-w {
9838 border-radius: 8px;
9839 }
9840 .qr-code-on-full-summary {
9841 display: none !important;
9842 }
9843 .customer-bookings-tiles, .customer-orders-tiles {
9844 grid-template-columns: 1fr;
9845 }
9846 .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input {
9847 font-size: 16px !important;
9848 }
9849 .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li {
9850 margin: 0px 3px;
9851 }
9852 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn {
9853 padding: 10px;
9854 }
9855 .latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-child-count {
9856 display: none;
9857 }
9858 .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .step-datepicker-w {
9859 padding: 0px;
9860 }
9861 .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 {
9862 padding: 5px;
9863 }
9864 .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
9865 padding-left: 15px;
9866 padding-right: 15px;
9867 }
9868 .latepoint-w .os-form-group.os-form-textfield-group textarea.os-form-control,
9869 .latepoint-w .os-form-group.os-form-textfield-group select.os-form-control,
9870 .latepoint-w .os-form-group.os-form-textfield-group input[type=password].os-form-control,
9871 .latepoint-w .os-form-group.os-form-textfield-group input[type=email].os-form-control,
9872 .latepoint-w .os-form-group.os-form-textfield-group input[type=number].os-form-control,
9873 .latepoint-w .os-form-group.os-form-textfield-group input[type=text].os-form-control,
9874 .latepoint-w .os-form-group.os-form-textfield-group input[type=tel].os-form-control {
9875 font-size: 18px !important;
9876 }
9877 .latepoint-w .customer-bookings-tiles .customer-booking {
9878 flex: 1;
9879 }
9880 .latepoint-w .customer-dashboard-tabs {
9881 overflow-x: auto;
9882 }
9883 .latepoint-w .customer-dashboard-tabs a {
9884 margin: 0px 0px;
9885 text-align: center;
9886 white-space: nowrap;
9887 }
9888 .latepoint-w .customer-dashboard-tabs a + a {
9889 margin-left: 15px;
9890 }
9891 .latepoint-w .customer-dashboard-tabs a:after {
9892 bottom: 0px;
9893 top: auto;
9894 height: 0px;
9895 width: 100%;
9896 }
9897 .latepoint-w .customer-dashboard-tabs a.active:after {
9898 height: 3px;
9899 }
9900 .latepoint-w .latepoint-section-heading-w .heading-extra {
9901 display: none;
9902 }
9903 .latepoint-w .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group {
9904 display: block;
9905 }
9906 .latepoint-w .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group label {
9907 margin-bottom: 5px;
9908 }
9909 .latepoint-w .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group select {
9910 width: 100% !important;
9911 }
9912 .latepoint-w .dp-timeslot {
9913 height: 30px;
9914 }
9915 .latepoint-w .dp-timeslot .dp-tick {
9916 top: 40px;
9917 }
9918 .latepoint-w.latepoint-summary-is-open.show-summary-on-mobile .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel {
9919 display: none;
9920 }
9921 .latepoint-w .latepoint-booking-form-element {
9922 display: block;
9923 height: 100%;
9924 }
9925 .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-timezone-selector-w {
9926 display: none !important;
9927 }
9928 .latepoint-w .latepoint-booking-form-element.addon-timezone-selector-active .os-dates-w {
9929 padding-top: 40px;
9930 }
9931 .latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid {
9932 justify-content: space-evenly;
9933 }
9934 .latepoint-w .latepoint-booking-form-element .step-datepicker-w {
9935 padding: 10px 0px;
9936 }
9937 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info {
9938 flex-direction: column;
9939 align-items: center;
9940 }
9941 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-deposit-price-w,
9942 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-total-price-w {
9943 padding: 8px 0px;
9944 }
9945 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-trigger-w {
9946 margin-bottom: 5px;
9947 }
9948 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-trigger-w a {
9949 margin-left: 0px;
9950 }
9951 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w {
9952 margin-left: 0px !important;
9953 }
9954 .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input {
9955 font-size: 18px !important;
9956 -webkit-appearance: none;
9957 width: 155px !important;
9958 border-radius: 0px !important;
9959 }
9960 .latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li a {
9961 padding: 5px 10px;
9962 }
9963 .latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li a .service-price-w {
9964 padding-left: 5px;
9965 margin-left: 5px;
9966 }
9967 .latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li a .service-img-w {
9968 margin-right: 10px;
9969 }
9970 .latepoint-w .latepoint-booking-form-element .step-services-w .os-item-category-w .os-item-category-info .os-item-category-services-count {
9971 display: none;
9972 }
9973 .latepoint-w .latepoint-booking-form-element .step-services-w .os-service-durations li .os-duration-value {
9974 font-size: 32px;
9975 }
9976 .latepoint-w .latepoint-booking-form-element .os-weekdays {
9977 grid-gap: 12px;
9978 }
9979 .latepoint-w .latepoint-booking-form-element .os-monthly-calendar-days {
9980 grid-gap: 12px;
9981 }
9982 .latepoint-w .latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-number {
9983 top: 45%;
9984 }
9985 .latepoint-w .latepoint-booking-form-element .latepoint-side-panel {
9986 display: none;
9987 width: 100%;
9988 flex: 1;
9989 }
9990 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .item-quantity-selector-w .item-quantity-selector-input {
9991 font-size: 16px !important;
9992 }
9993 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w {
9994 padding-left: 15px !important;
9995 padding-right: 15px !important;
9996 }
9997 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
9998 padding: 15px;
9999 max-height: 100vh; /* Fallback */
10000 max-height: 100dvh;
10001 }
10002 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-item-details-popup .item-details-popup-content {
10003 padding: 40px 15px;
10004 }
10005 .latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-features {
10006 margin-bottom: 20px;
10007 }
10008 .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel {
10009 position: absolute;
10010 top: 59px;
10011 z-index: 999;
10012 left: 0px;
10013 right: 0px;
10014 display: block;
10015 flex: 1;
10016 padding: 0px;
10017 border: none !important;
10018 background-color: #fff;
10019 }
10020 .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-step-desc-w,
10021 .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-questions,
10022 .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-progress {
10023 display: none !important;
10024 }
10025 .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w {
10026 margin-top: 0px;
10027 padding: 10px 15px;
10028 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
10029 }
10030 .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group {
10031 display: flex;
10032 align-items: center;
10033 }
10034 .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group label {
10035 margin-bottom: 0px;
10036 margin-right: 10px;
10037 white-space: nowrap;
10038 flex: 1;
10039 }
10040 .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group select {
10041 text-align-last: left;
10042 text-align: center;
10043 }
10044 .latepoint-w .latepoint-summary-w {
10045 display: none !important;
10046 }
10047 .latepoint-w .latepoint-form-w {
10048 height: 100%;
10049 }
10050 .latepoint-w .latepoint-form-w .latepoint-heading-w {
10051 padding-left: 15px !important;
10052 }
10053 .latepoint-w .latepoint-form-w .latepoint-body {
10054 padding-left: 15px;
10055 padding-right: 15px;
10056 }
10057 .latepoint-w .latepoint-lightbox-i {
10058 transform: none;
10059 animation: 0.4s cubic-bezier(0, 1, 0.51, 1) 0s both osLightboxMobileAnimation;
10060 max-height: 100vh;
10061 max-height: 100dvh;
10062 height: 100vh; /* Fallback */
10063 height: 100dvh;
10064 }
10065 .latepoint-w.front-lightbox .latepoint-lightbox-i {
10066 max-height: 100vh; /* Fallback */
10067 max-height: 100dvh;
10068 }
10069 .latepoint-lightbox-w {
10070 grid-template-columns: 1fr !important;
10071 }
10072 @keyframes osLightboxAnimation {
10073 0% {
10074 transform: translate3d(0%, -40%, 0px) scale(1.2);
10075 opacity: 0;
10076 }
10077 100% {
10078 transform: translate3d(0%, -50%, 0px) scale(1);
10079 opacity: 1;
10080 }
10081 }
10082 }
10083 @media (min-width: 601px) and (max-width: 959px) {
10084 .latepoint-lightbox-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-summary-w {
10085 display: flex;
10086 }
10087 .latepoint-lightbox-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-form-w {
10088 border-right: 1px solid rgba(0, 0, 0, 0.1);
10089 }
10090 }
10091 @media (min-width: 960px) {
10092 .latepoint-w .summary-boxes-columns {
10093 display: flex;
10094 justify-content: space-between;
10095 flex-wrap: wrap;
10096 column-gap: 20px;
10097 row-gap: 20px;
10098 }
10099 .latepoint-w .summary-boxes-columns .summary-box {
10100 flex: 1 1 35%;
10101 }
10102 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-summary-w {
10103 display: flex;
10104 }
10105 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-form-w {
10106 border-right: 1px solid rgba(0, 0, 0, 0.1);
10107 }
10108 .latepoint-w.latepoint-with-summary.latepoint-summary-is-open.latepoint-hide-side-panel {
10109 grid-template-columns: min-content;
10110 }
10111 }
10112 /*!
10113 * Copyright (c) 2023 LatePoint LLC. All rights reserved.
10114 */
10115 @media print {
10116 .part-of-bundle-message {
10117 display: none;
10118 }
10119 .summary-box .summary-box-content .os-avatar-w,
10120 .summary-box .summary-box-content .os-location-image {
10121 display: none;
10122 }
10123 .summary-box .summary-box-content .sbc-content-i {
10124 margin-left: 0;
10125 }
10126 .summary-box .sbc-link-item {
10127 display: none;
10128 }
10129 .summary-box .sbc-main-item a {
10130 display: none;
10131 }
10132 .booking-full-summary-actions {
10133 display: none;
10134 }
10135 .summary-attributes {
10136 padding: 0;
10137 background-color: transparent;
10138 }
10139 .latepoint-print-summary-w {
10140 padding: 40px;
10141 max-width: 800px;
10142 margin: 0px auto;
10143 }
10144 .latepoint-print-summary-w .full-summary-head-info {
10145 margin-bottom: 50px;
10146 position: relative;
10147 }
10148 .latepoint-print-summary-w .qr-code-on-full-summary .qr-show-trigger {
10149 display: none;
10150 }
10151 .latepoint-print-summary-w .qr-code-on-full-summary .qr-code-booking-info {
10152 display: none;
10153 }
10154 .latepoint-print-summary-w .qr-code-on-full-summary .qr-code-vevent {
10155 margin-bottom: 40px;
10156 padding-bottom: 30px;
10157 border-bottom: 1px dashed #eee;
10158 }
10159 .latepoint-print-summary-w .qr-code-on-full-summary .qr-code-vevent img {
10160 width: 300px;
10161 height: 300px;
10162 display: block;
10163 margin: 0px auto;
10164 }
10165 .latepoint-print-summary-w .qr-code-on-full-summary .qr-code-vevent .qr-code-label {
10166 text-align: center;
10167 font-size: 15px;
10168 font-weight: 600;
10169 text-align: center;
10170 font-size: 14px;
10171 font-weight: 500;
10172 padding: 10px 15px;
10173 background: #fff1af;
10174 color: #423d26;
10175 }
10176 .latepoint-print-summary-w .payment-summary-info .full-summary-info-w {
10177 margin-top: 0px;
10178 }
10179 .latepoint-print-summary-w .full-summary-header {
10180 margin-bottom: 0px;
10181 margin-top: 0px;
10182 }
10183 .latepoint-print-summary-w .full-summary-number {
10184 color: #7c85a3;
10185 padding-top: 0px;
10186 margin-bottom: 8px;
10187 font-size: 13px;
10188 letter-spacing: 0.5px;
10189 text-transform: uppercase;
10190 font-weight: 600;
10191 }
10192 .latepoint-print-summary-w .full-summary-number strong {
10193 font-size: 39px;
10194 letter-spacing: normal;
10195 color: #14161d;
10196 display: block;
10197 line-height: 1.1;
10198 }
10199 }
10200 .latepoint-admin .lp_iti--separate-dial-code .lp_iti__selected-dial-code {
10201 padding-top: 1px;
10202 }
10203
10204 body.latepoint .os-form-phonefield-group:not(.has-value) .lp_iti {
10205 align-items: center;
10206 }
10207
10208 .latepoint-admin .lp_iti, .latepoint .lp_iti {
10209 position: relative;
10210 display: flex;
10211 align-items: flex-end;
10212 }
10213 .latepoint-admin .lp_iti *, .latepoint .lp_iti * {
10214 box-sizing: border-box;
10215 -moz-box-sizing: border-box;
10216 }
10217 .latepoint-admin .lp_iti__hide, .latepoint .lp_iti__hide {
10218 display: none;
10219 }
10220 .latepoint-admin .lp_iti__v-hide, .latepoint .lp_iti__v-hide {
10221 visibility: hidden;
10222 }
10223 .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] {
10224 position: relative;
10225 z-index: 0;
10226 margin-top: 0 !important;
10227 margin-bottom: 0 !important;
10228 padding-right: 36px;
10229 margin-right: 0;
10230 }
10231 .latepoint-admin .lp_iti__flag-container, .latepoint .lp_iti__flag-container {
10232 position: relative;
10233 }
10234 .latepoint-admin .lp_iti__selected-flag, .latepoint .lp_iti__selected-flag {
10235 z-index: 1;
10236 position: relative;
10237 display: flex;
10238 align-items: center;
10239 padding: 8px 6px 8px 0px;
10240 min-height: 20px;
10241 }
10242 .latepoint-admin .lp_iti__arrow, .latepoint .lp_iti__arrow {
10243 margin-left: 4px;
10244 width: 0;
10245 height: 0;
10246 border-left: 3px solid transparent;
10247 border-right: 3px solid transparent;
10248 border-top: 4px solid #555;
10249 margin-right: 0px;
10250 }
10251 .latepoint-admin .lp_iti__arrow--up, .latepoint .lp_iti__arrow--up {
10252 margin-left: 6px;
10253 border-top: 3px solid transparent;
10254 border-bottom: 3px solid transparent;
10255 border-left: 4px solid #555;
10256 border-right: none;
10257 }
10258 .latepoint-admin .lp_iti__country-list, .latepoint .lp_iti__country-list {
10259 position: absolute;
10260 z-index: 2;
10261 list-style: none;
10262 text-align: left;
10263 padding: 0;
10264 border: 1px solid #ababbf;
10265 border-bottom-color: #9c9ead;
10266 border-radius: 6px;
10267 box-shadow: 0px 5px 8px -3px rgba(0, 0, 0, 0.2), 0px 5px 20px -5px rgba(0, 0, 0, 0.2);
10268 background-color: #fff;
10269 white-space: nowrap;
10270 max-height: 200px;
10271 overflow-y: scroll;
10272 -webkit-overflow-scrolling: touch;
10273 margin: 0px;
10274 margin-bottom: 1px;
10275 margin-left: -1px;
10276 font-size: 15px;
10277 }
10278 .latepoint-admin .lp_iti__country-list--dropup, .latepoint .lp_iti__country-list--dropup {
10279 bottom: 100%;
10280 margin-bottom: -1px;
10281 }
10282 @media (max-width: 500px) {
10283 .latepoint-admin .lp_iti__country-list, .latepoint .lp_iti__country-list {
10284 white-space: normal;
10285 }
10286 }
10287 .latepoint-admin .lp_iti__flag-box, .latepoint .lp_iti__flag-box {
10288 display: inline-block;
10289 width: 20px;
10290 }
10291 .latepoint-admin .lp_iti__divider, .latepoint .lp_iti__divider {
10292 padding-bottom: 5px;
10293 margin-bottom: 5px;
10294 border-bottom: 1px solid #CCC;
10295 }
10296 .latepoint-admin .lp_iti__country, .latepoint .lp_iti__country {
10297 padding: 6px 8px;
10298 outline: none;
10299 margin-bottom: 0px;
10300 }
10301 .latepoint-admin .lp_iti__dial-code, .latepoint .lp_iti__dial-code {
10302 color: #999;
10303 }
10304 .latepoint-admin .lp_iti__country.lp_iti__highlight, .latepoint .lp_iti__country.lp_iti__highlight {
10305 background-color: rgba(0, 0, 0, 0.05);
10306 }
10307 .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 {
10308 vertical-align: middle;
10309 }
10310 .latepoint-admin .lp_iti__flag-box, .latepoint-admin .lp_iti__country-name, .latepoint .lp_iti__flag-box, .latepoint .lp_iti__country-name {
10311 margin-right: 6px;
10312 }
10313 .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] {
10314 padding-right: 6px;
10315 padding-left: 52px;
10316 margin-left: 0;
10317 }
10318 .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 {
10319 right: auto;
10320 left: 0;
10321 }
10322 .latepoint-admin .lp_iti--allow-dropdown .lp_iti__flag-container:hover, .latepoint .lp_iti--allow-dropdown .lp_iti__flag-container:hover {
10323 cursor: pointer;
10324 }
10325 .latepoint-admin .lp_iti--allow-dropdown input[disabled] + .lp_iti__flag-container:hover,
10326 .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,
10327 .latepoint .lp_iti--allow-dropdown input[readonly] + .lp_iti__flag-container:hover {
10328 cursor: default;
10329 }
10330 .latepoint-admin .lp_iti--allow-dropdown input[disabled] + .lp_iti__flag-container:hover .lp_iti__selected-flag,
10331 .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,
10332 .latepoint .lp_iti--allow-dropdown input[readonly] + .lp_iti__flag-container:hover .lp_iti__selected-flag {
10333 background-color: transparent;
10334 }
10335 .latepoint-admin .lp_iti--separate-dial-code .lp_iti__selected-dial-code, .latepoint .lp_iti--separate-dial-code .lp_iti__selected-dial-code {
10336 margin-left: 6px;
10337 }
10338 .latepoint-admin .lp_iti--container, .latepoint .lp_iti--container {
10339 position: absolute;
10340 top: -1000px;
10341 left: -1000px;
10342 z-index: 1000000;
10343 padding: 1px;
10344 }
10345 .latepoint-admin .lp_iti--container:hover, .latepoint .lp_iti--container:hover {
10346 cursor: pointer;
10347 }
10348 .latepoint-admin.lp_iti-mobile .lp_iti--container, .latepoint.lp_iti-mobile .lp_iti--container {
10349 top: 20px;
10350 bottom: 20px;
10351 left: 20px;
10352 right: 20px;
10353 position: fixed;
10354 z-index: 1000000;
10355 }
10356 .latepoint-admin.lp_iti-mobile .lp_iti__country-list, .latepoint.lp_iti-mobile .lp_iti__country-list {
10357 max-height: 100%;
10358 width: 100%;
10359 }
10360 .latepoint-admin.lp_iti-mobile .lp_iti__country, .latepoint.lp_iti-mobile .lp_iti__country {
10361 padding: 10px 10px;
10362 line-height: 1.5em;
10363 }
10364 .latepoint-admin .lp_iti__flag, .latepoint .lp_iti__flag {
10365 width: 20px;
10366 }
10367 .latepoint-admin .lp_iti__flag.lp_iti__be, .latepoint .lp_iti__flag.lp_iti__be {
10368 width: 18px;
10369 }
10370 .latepoint-admin .lp_iti__flag.lp_iti__ch, .latepoint .lp_iti__flag.lp_iti__ch {
10371 width: 15px;
10372 }
10373 .latepoint-admin .lp_iti__flag.lp_iti__mc, .latepoint .lp_iti__flag.lp_iti__mc {
10374 width: 19px;
10375 }
10376 .latepoint-admin .lp_iti__flag.lp_iti__ne, .latepoint .lp_iti__flag.lp_iti__ne {
10377 width: 18px;
10378 }
10379 .latepoint-admin .lp_iti__flag.lp_iti__np, .latepoint .lp_iti__flag.lp_iti__np {
10380 width: 13px;
10381 }
10382 .latepoint-admin .lp_iti__flag.lp_iti__va, .latepoint .lp_iti__flag.lp_iti__va {
10383 width: 15px;
10384 }
10385 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
10386 .latepoint-admin .lp_iti__flag, .latepoint .lp_iti__flag {
10387 background-size: 5652px 15px;
10388 }
10389 }
10390 .latepoint-admin .lp_iti__flag.lp_iti__ac, .latepoint .lp_iti__flag.lp_iti__ac {
10391 height: 10px;
10392 background-position: 0px 0px;
10393 }
10394 .latepoint-admin .lp_iti__flag.lp_iti__ad, .latepoint .lp_iti__flag.lp_iti__ad {
10395 height: 14px;
10396 background-position: -22px 0px;
10397 }
10398 .latepoint-admin .lp_iti__flag.lp_iti__ae, .latepoint .lp_iti__flag.lp_iti__ae {
10399 height: 10px;
10400 background-position: -44px 0px;
10401 }
10402 .latepoint-admin .lp_iti__flag.lp_iti__af, .latepoint .lp_iti__flag.lp_iti__af {
10403 height: 14px;
10404 background-position: -66px 0px;
10405 }
10406 .latepoint-admin .lp_iti__flag.lp_iti__ag, .latepoint .lp_iti__flag.lp_iti__ag {
10407 height: 14px;
10408 background-position: -88px 0px;
10409 }
10410 .latepoint-admin .lp_iti__flag.lp_iti__ai, .latepoint .lp_iti__flag.lp_iti__ai {
10411 height: 10px;
10412 background-position: -110px 0px;
10413 }
10414 .latepoint-admin .lp_iti__flag.lp_iti__al, .latepoint .lp_iti__flag.lp_iti__al {
10415 height: 15px;
10416 background-position: -132px 0px;
10417 }
10418 .latepoint-admin .lp_iti__flag.lp_iti__am, .latepoint .lp_iti__flag.lp_iti__am {
10419 height: 10px;
10420 background-position: -154px 0px;
10421 }
10422 .latepoint-admin .lp_iti__flag.lp_iti__ao, .latepoint .lp_iti__flag.lp_iti__ao {
10423 height: 14px;
10424 background-position: -176px 0px;
10425 }
10426 .latepoint-admin .lp_iti__flag.lp_iti__aq, .latepoint .lp_iti__flag.lp_iti__aq {
10427 height: 14px;
10428 background-position: -198px 0px;
10429 }
10430 .latepoint-admin .lp_iti__flag.lp_iti__ar, .latepoint .lp_iti__flag.lp_iti__ar {
10431 height: 13px;
10432 background-position: -220px 0px;
10433 }
10434 .latepoint-admin .lp_iti__flag.lp_iti__as, .latepoint .lp_iti__flag.lp_iti__as {
10435 height: 10px;
10436 background-position: -242px 0px;
10437 }
10438 .latepoint-admin .lp_iti__flag.lp_iti__at, .latepoint .lp_iti__flag.lp_iti__at {
10439 height: 14px;
10440 background-position: -264px 0px;
10441 }
10442 .latepoint-admin .lp_iti__flag.lp_iti__au, .latepoint .lp_iti__flag.lp_iti__au {
10443 height: 10px;
10444 background-position: -286px 0px;
10445 }
10446 .latepoint-admin .lp_iti__flag.lp_iti__aw, .latepoint .lp_iti__flag.lp_iti__aw {
10447 height: 14px;
10448 background-position: -308px 0px;
10449 }
10450 .latepoint-admin .lp_iti__flag.lp_iti__ax, .latepoint .lp_iti__flag.lp_iti__ax {
10451 height: 13px;
10452 background-position: -330px 0px;
10453 }
10454 .latepoint-admin .lp_iti__flag.lp_iti__az, .latepoint .lp_iti__flag.lp_iti__az {
10455 height: 10px;
10456 background-position: -352px 0px;
10457 }
10458 .latepoint-admin .lp_iti__flag.lp_iti__ba, .latepoint .lp_iti__flag.lp_iti__ba {
10459 height: 10px;
10460 background-position: -374px 0px;
10461 }
10462 .latepoint-admin .lp_iti__flag.lp_iti__bb, .latepoint .lp_iti__flag.lp_iti__bb {
10463 height: 14px;
10464 background-position: -396px 0px;
10465 }
10466 .latepoint-admin .lp_iti__flag.lp_iti__bd, .latepoint .lp_iti__flag.lp_iti__bd {
10467 height: 12px;
10468 background-position: -418px 0px;
10469 }
10470 .latepoint-admin .lp_iti__flag.lp_iti__be, .latepoint .lp_iti__flag.lp_iti__be {
10471 height: 15px;
10472 background-position: -440px 0px;
10473 }
10474 .latepoint-admin .lp_iti__flag.lp_iti__bf, .latepoint .lp_iti__flag.lp_iti__bf {
10475 height: 14px;
10476 background-position: -460px 0px;
10477 }
10478 .latepoint-admin .lp_iti__flag.lp_iti__bg, .latepoint .lp_iti__flag.lp_iti__bg {
10479 height: 12px;
10480 background-position: -482px 0px;
10481 }
10482 .latepoint-admin .lp_iti__flag.lp_iti__bh, .latepoint .lp_iti__flag.lp_iti__bh {
10483 height: 12px;
10484 background-position: -504px 0px;
10485 }
10486 .latepoint-admin .lp_iti__flag.lp_iti__bi, .latepoint .lp_iti__flag.lp_iti__bi {
10487 height: 12px;
10488 background-position: -526px 0px;
10489 }
10490 .latepoint-admin .lp_iti__flag.lp_iti__bj, .latepoint .lp_iti__flag.lp_iti__bj {
10491 height: 14px;
10492 background-position: -548px 0px;
10493 }
10494 .latepoint-admin .lp_iti__flag.lp_iti__bl, .latepoint .lp_iti__flag.lp_iti__bl {
10495 height: 14px;
10496 background-position: -570px 0px;
10497 }
10498 .latepoint-admin .lp_iti__flag.lp_iti__bm, .latepoint .lp_iti__flag.lp_iti__bm {
10499 height: 10px;
10500 background-position: -592px 0px;
10501 }
10502 .latepoint-admin .lp_iti__flag.lp_iti__bn, .latepoint .lp_iti__flag.lp_iti__bn {
10503 height: 10px;
10504 background-position: -614px 0px;
10505 }
10506 .latepoint-admin .lp_iti__flag.lp_iti__bo, .latepoint .lp_iti__flag.lp_iti__bo {
10507 height: 14px;
10508 background-position: -636px 0px;
10509 }
10510 .latepoint-admin .lp_iti__flag.lp_iti__bq, .latepoint .lp_iti__flag.lp_iti__bq {
10511 height: 14px;
10512 background-position: -658px 0px;
10513 }
10514 .latepoint-admin .lp_iti__flag.lp_iti__br, .latepoint .lp_iti__flag.lp_iti__br {
10515 height: 14px;
10516 background-position: -680px 0px;
10517 }
10518 .latepoint-admin .lp_iti__flag.lp_iti__bs, .latepoint .lp_iti__flag.lp_iti__bs {
10519 height: 10px;
10520 background-position: -702px 0px;
10521 }
10522 .latepoint-admin .lp_iti__flag.lp_iti__bt, .latepoint .lp_iti__flag.lp_iti__bt {
10523 height: 14px;
10524 background-position: -724px 0px;
10525 }
10526 .latepoint-admin .lp_iti__flag.lp_iti__bv, .latepoint .lp_iti__flag.lp_iti__bv {
10527 height: 15px;
10528 background-position: -746px 0px;
10529 }
10530 .latepoint-admin .lp_iti__flag.lp_iti__bw, .latepoint .lp_iti__flag.lp_iti__bw {
10531 height: 14px;
10532 background-position: -768px 0px;
10533 }
10534 .latepoint-admin .lp_iti__flag.lp_iti__by, .latepoint .lp_iti__flag.lp_iti__by {
10535 height: 10px;
10536 background-position: -790px 0px;
10537 }
10538 .latepoint-admin .lp_iti__flag.lp_iti__bz, .latepoint .lp_iti__flag.lp_iti__bz {
10539 height: 14px;
10540 background-position: -812px 0px;
10541 }
10542 .latepoint-admin .lp_iti__flag.lp_iti__ca, .latepoint .lp_iti__flag.lp_iti__ca {
10543 height: 10px;
10544 background-position: -834px 0px;
10545 }
10546 .latepoint-admin .lp_iti__flag.lp_iti__cc, .latepoint .lp_iti__flag.lp_iti__cc {
10547 height: 10px;
10548 background-position: -856px 0px;
10549 }
10550 .latepoint-admin .lp_iti__flag.lp_iti__cd, .latepoint .lp_iti__flag.lp_iti__cd {
10551 height: 15px;
10552 background-position: -878px 0px;
10553 }
10554 .latepoint-admin .lp_iti__flag.lp_iti__cf, .latepoint .lp_iti__flag.lp_iti__cf {
10555 height: 14px;
10556 background-position: -900px 0px;
10557 }
10558 .latepoint-admin .lp_iti__flag.lp_iti__cg, .latepoint .lp_iti__flag.lp_iti__cg {
10559 height: 14px;
10560 background-position: -922px 0px;
10561 }
10562 .latepoint-admin .lp_iti__flag.lp_iti__ch, .latepoint .lp_iti__flag.lp_iti__ch {
10563 height: 15px;
10564 background-position: -944px 0px;
10565 }
10566 .latepoint-admin .lp_iti__flag.lp_iti__ci, .latepoint .lp_iti__flag.lp_iti__ci {
10567 height: 14px;
10568 background-position: -961px 0px;
10569 }
10570 .latepoint-admin .lp_iti__flag.lp_iti__ck, .latepoint .lp_iti__flag.lp_iti__ck {
10571 height: 10px;
10572 background-position: -983px 0px;
10573 }
10574 .latepoint-admin .lp_iti__flag.lp_iti__cl, .latepoint .lp_iti__flag.lp_iti__cl {
10575 height: 14px;
10576 background-position: -1005px 0px;
10577 }
10578 .latepoint-admin .lp_iti__flag.lp_iti__cm, .latepoint .lp_iti__flag.lp_iti__cm {
10579 height: 14px;
10580 background-position: -1027px 0px;
10581 }
10582 .latepoint-admin .lp_iti__flag.lp_iti__cn, .latepoint .lp_iti__flag.lp_iti__cn {
10583 height: 14px;
10584 background-position: -1049px 0px;
10585 }
10586 .latepoint-admin .lp_iti__flag.lp_iti__co, .latepoint .lp_iti__flag.lp_iti__co {
10587 height: 14px;
10588 background-position: -1071px 0px;
10589 }
10590 .latepoint-admin .lp_iti__flag.lp_iti__cp, .latepoint .lp_iti__flag.lp_iti__cp {
10591 height: 14px;
10592 background-position: -1093px 0px;
10593 }
10594 .latepoint-admin .lp_iti__flag.lp_iti__cr, .latepoint .lp_iti__flag.lp_iti__cr {
10595 height: 12px;
10596 background-position: -1115px 0px;
10597 }
10598 .latepoint-admin .lp_iti__flag.lp_iti__cu, .latepoint .lp_iti__flag.lp_iti__cu {
10599 height: 10px;
10600 background-position: -1137px 0px;
10601 }
10602 .latepoint-admin .lp_iti__flag.lp_iti__cv, .latepoint .lp_iti__flag.lp_iti__cv {
10603 height: 12px;
10604 background-position: -1159px 0px;
10605 }
10606 .latepoint-admin .lp_iti__flag.lp_iti__cw, .latepoint .lp_iti__flag.lp_iti__cw {
10607 height: 14px;
10608 background-position: -1181px 0px;
10609 }
10610 .latepoint-admin .lp_iti__flag.lp_iti__cx, .latepoint .lp_iti__flag.lp_iti__cx {
10611 height: 10px;
10612 background-position: -1203px 0px;
10613 }
10614 .latepoint-admin .lp_iti__flag.lp_iti__cy, .latepoint .lp_iti__flag.lp_iti__cy {
10615 height: 14px;
10616 background-position: -1225px 0px;
10617 }
10618 .latepoint-admin .lp_iti__flag.lp_iti__cz, .latepoint .lp_iti__flag.lp_iti__cz {
10619 height: 14px;
10620 background-position: -1247px 0px;
10621 }
10622 .latepoint-admin .lp_iti__flag.lp_iti__de, .latepoint .lp_iti__flag.lp_iti__de {
10623 height: 12px;
10624 background-position: -1269px 0px;
10625 }
10626 .latepoint-admin .lp_iti__flag.lp_iti__dg, .latepoint .lp_iti__flag.lp_iti__dg {
10627 height: 10px;
10628 background-position: -1291px 0px;
10629 }
10630 .latepoint-admin .lp_iti__flag.lp_iti__dj, .latepoint .lp_iti__flag.lp_iti__dj {
10631 height: 14px;
10632 background-position: -1313px 0px;
10633 }
10634 .latepoint-admin .lp_iti__flag.lp_iti__dk, .latepoint .lp_iti__flag.lp_iti__dk {
10635 height: 15px;
10636 background-position: -1335px 0px;
10637 }
10638 .latepoint-admin .lp_iti__flag.lp_iti__dm, .latepoint .lp_iti__flag.lp_iti__dm {
10639 height: 10px;
10640 background-position: -1357px 0px;
10641 }
10642 .latepoint-admin .lp_iti__flag.lp_iti__do, .latepoint .lp_iti__flag.lp_iti__do {
10643 height: 14px;
10644 background-position: -1379px 0px;
10645 }
10646 .latepoint-admin .lp_iti__flag.lp_iti__dz, .latepoint .lp_iti__flag.lp_iti__dz {
10647 height: 14px;
10648 background-position: -1401px 0px;
10649 }
10650 .latepoint-admin .lp_iti__flag.lp_iti__ea, .latepoint .lp_iti__flag.lp_iti__ea {
10651 height: 14px;
10652 background-position: -1423px 0px;
10653 }
10654 .latepoint-admin .lp_iti__flag.lp_iti__ec, .latepoint .lp_iti__flag.lp_iti__ec {
10655 height: 14px;
10656 background-position: -1445px 0px;
10657 }
10658 .latepoint-admin .lp_iti__flag.lp_iti__ee, .latepoint .lp_iti__flag.lp_iti__ee {
10659 height: 13px;
10660 background-position: -1467px 0px;
10661 }
10662 .latepoint-admin .lp_iti__flag.lp_iti__eg, .latepoint .lp_iti__flag.lp_iti__eg {
10663 height: 14px;
10664 background-position: -1489px 0px;
10665 }
10666 .latepoint-admin .lp_iti__flag.lp_iti__eh, .latepoint .lp_iti__flag.lp_iti__eh {
10667 height: 10px;
10668 background-position: -1511px 0px;
10669 }
10670 .latepoint-admin .lp_iti__flag.lp_iti__er, .latepoint .lp_iti__flag.lp_iti__er {
10671 height: 10px;
10672 background-position: -1533px 0px;
10673 }
10674 .latepoint-admin .lp_iti__flag.lp_iti__es, .latepoint .lp_iti__flag.lp_iti__es {
10675 height: 14px;
10676 background-position: -1555px 0px;
10677 }
10678 .latepoint-admin .lp_iti__flag.lp_iti__et, .latepoint .lp_iti__flag.lp_iti__et {
10679 height: 10px;
10680 background-position: -1577px 0px;
10681 }
10682 .latepoint-admin .lp_iti__flag.lp_iti__eu, .latepoint .lp_iti__flag.lp_iti__eu {
10683 height: 14px;
10684 background-position: -1599px 0px;
10685 }
10686 .latepoint-admin .lp_iti__flag.lp_iti__fi, .latepoint .lp_iti__flag.lp_iti__fi {
10687 height: 12px;
10688 background-position: -1621px 0px;
10689 }
10690 .latepoint-admin .lp_iti__flag.lp_iti__fj, .latepoint .lp_iti__flag.lp_iti__fj {
10691 height: 10px;
10692 background-position: -1643px 0px;
10693 }
10694 .latepoint-admin .lp_iti__flag.lp_iti__fk, .latepoint .lp_iti__flag.lp_iti__fk {
10695 height: 10px;
10696 background-position: -1665px 0px;
10697 }
10698 .latepoint-admin .lp_iti__flag.lp_iti__fm, .latepoint .lp_iti__flag.lp_iti__fm {
10699 height: 11px;
10700 background-position: -1687px 0px;
10701 }
10702 .latepoint-admin .lp_iti__flag.lp_iti__fo, .latepoint .lp_iti__flag.lp_iti__fo {
10703 height: 15px;
10704 background-position: -1709px 0px;
10705 }
10706 .latepoint-admin .lp_iti__flag.lp_iti__fr, .latepoint .lp_iti__flag.lp_iti__fr {
10707 height: 14px;
10708 background-position: -1731px 0px;
10709 }
10710 .latepoint-admin .lp_iti__flag.lp_iti__ga, .latepoint .lp_iti__flag.lp_iti__ga {
10711 height: 15px;
10712 background-position: -1753px 0px;
10713 }
10714 .latepoint-admin .lp_iti__flag.lp_iti__gb, .latepoint .lp_iti__flag.lp_iti__gb {
10715 height: 10px;
10716 background-position: -1775px 0px;
10717 }
10718 .latepoint-admin .lp_iti__flag.lp_iti__gd, .latepoint .lp_iti__flag.lp_iti__gd {
10719 height: 12px;
10720 background-position: -1797px 0px;
10721 }
10722 .latepoint-admin .lp_iti__flag.lp_iti__ge, .latepoint .lp_iti__flag.lp_iti__ge {
10723 height: 14px;
10724 background-position: -1819px 0px;
10725 }
10726 .latepoint-admin .lp_iti__flag.lp_iti__gf, .latepoint .lp_iti__flag.lp_iti__gf {
10727 height: 14px;
10728 background-position: -1841px 0px;
10729 }
10730 .latepoint-admin .lp_iti__flag.lp_iti__gg, .latepoint .lp_iti__flag.lp_iti__gg {
10731 height: 14px;
10732 background-position: -1863px 0px;
10733 }
10734 .latepoint-admin .lp_iti__flag.lp_iti__gh, .latepoint .lp_iti__flag.lp_iti__gh {
10735 height: 14px;
10736 background-position: -1885px 0px;
10737 }
10738 .latepoint-admin .lp_iti__flag.lp_iti__gi, .latepoint .lp_iti__flag.lp_iti__gi {
10739 height: 10px;
10740 background-position: -1907px 0px;
10741 }
10742 .latepoint-admin .lp_iti__flag.lp_iti__gl, .latepoint .lp_iti__flag.lp_iti__gl {
10743 height: 14px;
10744 background-position: -1929px 0px;
10745 }
10746 .latepoint-admin .lp_iti__flag.lp_iti__gm, .latepoint .lp_iti__flag.lp_iti__gm {
10747 height: 14px;
10748 background-position: -1951px 0px;
10749 }
10750 .latepoint-admin .lp_iti__flag.lp_iti__gn, .latepoint .lp_iti__flag.lp_iti__gn {
10751 height: 14px;
10752 background-position: -1973px 0px;
10753 }
10754 .latepoint-admin .lp_iti__flag.lp_iti__gp, .latepoint .lp_iti__flag.lp_iti__gp {
10755 height: 14px;
10756 background-position: -1995px 0px;
10757 }
10758 .latepoint-admin .lp_iti__flag.lp_iti__gq, .latepoint .lp_iti__flag.lp_iti__gq {
10759 height: 14px;
10760 background-position: -2017px 0px;
10761 }
10762 .latepoint-admin .lp_iti__flag.lp_iti__gr, .latepoint .lp_iti__flag.lp_iti__gr {
10763 height: 14px;
10764 background-position: -2039px 0px;
10765 }
10766 .latepoint-admin .lp_iti__flag.lp_iti__gs, .latepoint .lp_iti__flag.lp_iti__gs {
10767 height: 10px;
10768 background-position: -2061px 0px;
10769 }
10770 .latepoint-admin .lp_iti__flag.lp_iti__gt, .latepoint .lp_iti__flag.lp_iti__gt {
10771 height: 13px;
10772 background-position: -2083px 0px;
10773 }
10774 .latepoint-admin .lp_iti__flag.lp_iti__gu, .latepoint .lp_iti__flag.lp_iti__gu {
10775 height: 11px;
10776 background-position: -2105px 0px;
10777 }
10778 .latepoint-admin .lp_iti__flag.lp_iti__gw, .latepoint .lp_iti__flag.lp_iti__gw {
10779 height: 10px;
10780 background-position: -2127px 0px;
10781 }
10782 .latepoint-admin .lp_iti__flag.lp_iti__gy, .latepoint .lp_iti__flag.lp_iti__gy {
10783 height: 12px;
10784 background-position: -2149px 0px;
10785 }
10786 .latepoint-admin .lp_iti__flag.lp_iti__hk, .latepoint .lp_iti__flag.lp_iti__hk {
10787 height: 14px;
10788 background-position: -2171px 0px;
10789 }
10790 .latepoint-admin .lp_iti__flag.lp_iti__hm, .latepoint .lp_iti__flag.lp_iti__hm {
10791 height: 10px;
10792 background-position: -2193px 0px;
10793 }
10794 .latepoint-admin .lp_iti__flag.lp_iti__hn, .latepoint .lp_iti__flag.lp_iti__hn {
10795 height: 10px;
10796 background-position: -2215px 0px;
10797 }
10798 .latepoint-admin .lp_iti__flag.lp_iti__hr, .latepoint .lp_iti__flag.lp_iti__hr {
10799 height: 10px;
10800 background-position: -2237px 0px;
10801 }
10802 .latepoint-admin .lp_iti__flag.lp_iti__ht, .latepoint .lp_iti__flag.lp_iti__ht {
10803 height: 12px;
10804 background-position: -2259px 0px;
10805 }
10806 .latepoint-admin .lp_iti__flag.lp_iti__hu, .latepoint .lp_iti__flag.lp_iti__hu {
10807 height: 10px;
10808 background-position: -2281px 0px;
10809 }
10810 .latepoint-admin .lp_iti__flag.lp_iti__ic, .latepoint .lp_iti__flag.lp_iti__ic {
10811 height: 14px;
10812 background-position: -2303px 0px;
10813 }
10814 .latepoint-admin .lp_iti__flag.lp_iti__id, .latepoint .lp_iti__flag.lp_iti__id {
10815 height: 14px;
10816 background-position: -2325px 0px;
10817 }
10818 .latepoint-admin .lp_iti__flag.lp_iti__ie, .latepoint .lp_iti__flag.lp_iti__ie {
10819 height: 10px;
10820 background-position: -2347px 0px;
10821 }
10822 .latepoint-admin .lp_iti__flag.lp_iti__il, .latepoint .lp_iti__flag.lp_iti__il {
10823 height: 15px;
10824 background-position: -2369px 0px;
10825 }
10826 .latepoint-admin .lp_iti__flag.lp_iti__im, .latepoint .lp_iti__flag.lp_iti__im {
10827 height: 10px;
10828 background-position: -2391px 0px;
10829 }
10830 .latepoint-admin .lp_iti__flag.lp_iti__in, .latepoint .lp_iti__flag.lp_iti__in {
10831 height: 14px;
10832 background-position: -2413px 0px;
10833 }
10834 .latepoint-admin .lp_iti__flag.lp_iti__io, .latepoint .lp_iti__flag.lp_iti__io {
10835 height: 10px;
10836 background-position: -2435px 0px;
10837 }
10838 .latepoint-admin .lp_iti__flag.lp_iti__iq, .latepoint .lp_iti__flag.lp_iti__iq {
10839 height: 14px;
10840 background-position: -2457px 0px;
10841 }
10842 .latepoint-admin .lp_iti__flag.lp_iti__ir, .latepoint .lp_iti__flag.lp_iti__ir {
10843 height: 12px;
10844 background-position: -2479px 0px;
10845 }
10846 .latepoint-admin .lp_iti__flag.lp_iti__is, .latepoint .lp_iti__flag.lp_iti__is {
10847 height: 15px;
10848 background-position: -2501px 0px;
10849 }
10850 .latepoint-admin .lp_iti__flag.lp_iti__it, .latepoint .lp_iti__flag.lp_iti__it {
10851 height: 14px;
10852 background-position: -2523px 0px;
10853 }
10854 .latepoint-admin .lp_iti__flag.lp_iti__je, .latepoint .lp_iti__flag.lp_iti__je {
10855 height: 12px;
10856 background-position: -2545px 0px;
10857 }
10858 .latepoint-admin .lp_iti__flag.lp_iti__jm, .latepoint .lp_iti__flag.lp_iti__jm {
10859 height: 10px;
10860 background-position: -2567px 0px;
10861 }
10862 .latepoint-admin .lp_iti__flag.lp_iti__jo, .latepoint .lp_iti__flag.lp_iti__jo {
10863 height: 10px;
10864 background-position: -2589px 0px;
10865 }
10866 .latepoint-admin .lp_iti__flag.lp_iti__jp, .latepoint .lp_iti__flag.lp_iti__jp {
10867 height: 14px;
10868 background-position: -2611px 0px;
10869 }
10870 .latepoint-admin .lp_iti__flag.lp_iti__ke, .latepoint .lp_iti__flag.lp_iti__ke {
10871 height: 14px;
10872 background-position: -2633px 0px;
10873 }
10874 .latepoint-admin .lp_iti__flag.lp_iti__kg, .latepoint .lp_iti__flag.lp_iti__kg {
10875 height: 12px;
10876 background-position: -2655px 0px;
10877 }
10878 .latepoint-admin .lp_iti__flag.lp_iti__kh, .latepoint .lp_iti__flag.lp_iti__kh {
10879 height: 13px;
10880 background-position: -2677px 0px;
10881 }
10882 .latepoint-admin .lp_iti__flag.lp_iti__ki, .latepoint .lp_iti__flag.lp_iti__ki {
10883 height: 10px;
10884 background-position: -2699px 0px;
10885 }
10886 .latepoint-admin .lp_iti__flag.lp_iti__km, .latepoint .lp_iti__flag.lp_iti__km {
10887 height: 12px;
10888 background-position: -2721px 0px;
10889 }
10890 .latepoint-admin .lp_iti__flag.lp_iti__kn, .latepoint .lp_iti__flag.lp_iti__kn {
10891 height: 14px;
10892 background-position: -2743px 0px;
10893 }
10894 .latepoint-admin .lp_iti__flag.lp_iti__kp, .latepoint .lp_iti__flag.lp_iti__kp {
10895 height: 10px;
10896 background-position: -2765px 0px;
10897 }
10898 .latepoint-admin .lp_iti__flag.lp_iti__kr, .latepoint .lp_iti__flag.lp_iti__kr {
10899 height: 14px;
10900 background-position: -2787px 0px;
10901 }
10902 .latepoint-admin .lp_iti__flag.lp_iti__kw, .latepoint .lp_iti__flag.lp_iti__kw {
10903 height: 10px;
10904 background-position: -2809px 0px;
10905 }
10906 .latepoint-admin .lp_iti__flag.lp_iti__ky, .latepoint .lp_iti__flag.lp_iti__ky {
10907 height: 10px;
10908 background-position: -2831px 0px;
10909 }
10910 .latepoint-admin .lp_iti__flag.lp_iti__kz, .latepoint .lp_iti__flag.lp_iti__kz {
10911 height: 10px;
10912 background-position: -2853px 0px;
10913 }
10914 .latepoint-admin .lp_iti__flag.lp_iti__la, .latepoint .lp_iti__flag.lp_iti__la {
10915 height: 14px;
10916 background-position: -2875px 0px;
10917 }
10918 .latepoint-admin .lp_iti__flag.lp_iti__lb, .latepoint .lp_iti__flag.lp_iti__lb {
10919 height: 14px;
10920 background-position: -2897px 0px;
10921 }
10922 .latepoint-admin .lp_iti__flag.lp_iti__lc, .latepoint .lp_iti__flag.lp_iti__lc {
10923 height: 10px;
10924 background-position: -2919px 0px;
10925 }
10926 .latepoint-admin .lp_iti__flag.lp_iti__li, .latepoint .lp_iti__flag.lp_iti__li {
10927 height: 12px;
10928 background-position: -2941px 0px;
10929 }
10930 .latepoint-admin .lp_iti__flag.lp_iti__lk, .latepoint .lp_iti__flag.lp_iti__lk {
10931 height: 10px;
10932 background-position: -2963px 0px;
10933 }
10934 .latepoint-admin .lp_iti__flag.lp_iti__lr, .latepoint .lp_iti__flag.lp_iti__lr {
10935 height: 11px;
10936 background-position: -2985px 0px;
10937 }
10938 .latepoint-admin .lp_iti__flag.lp_iti__ls, .latepoint .lp_iti__flag.lp_iti__ls {
10939 height: 14px;
10940 background-position: -3007px 0px;
10941 }
10942 .latepoint-admin .lp_iti__flag.lp_iti__lt, .latepoint .lp_iti__flag.lp_iti__lt {
10943 height: 12px;
10944 background-position: -3029px 0px;
10945 }
10946 .latepoint-admin .lp_iti__flag.lp_iti__lu, .latepoint .lp_iti__flag.lp_iti__lu {
10947 height: 12px;
10948 background-position: -3051px 0px;
10949 }
10950 .latepoint-admin .lp_iti__flag.lp_iti__lv, .latepoint .lp_iti__flag.lp_iti__lv {
10951 height: 10px;
10952 background-position: -3073px 0px;
10953 }
10954 .latepoint-admin .lp_iti__flag.lp_iti__ly, .latepoint .lp_iti__flag.lp_iti__ly {
10955 height: 10px;
10956 background-position: -3095px 0px;
10957 }
10958 .latepoint-admin .lp_iti__flag.lp_iti__ma, .latepoint .lp_iti__flag.lp_iti__ma {
10959 height: 14px;
10960 background-position: -3117px 0px;
10961 }
10962 .latepoint-admin .lp_iti__flag.lp_iti__mc, .latepoint .lp_iti__flag.lp_iti__mc {
10963 height: 15px;
10964 background-position: -3139px 0px;
10965 }
10966 .latepoint-admin .lp_iti__flag.lp_iti__md, .latepoint .lp_iti__flag.lp_iti__md {
10967 height: 10px;
10968 background-position: -3160px 0px;
10969 }
10970 .latepoint-admin .lp_iti__flag.lp_iti__me, .latepoint .lp_iti__flag.lp_iti__me {
10971 height: 10px;
10972 background-position: -3182px 0px;
10973 }
10974 .latepoint-admin .lp_iti__flag.lp_iti__mf, .latepoint .lp_iti__flag.lp_iti__mf {
10975 height: 14px;
10976 background-position: -3204px 0px;
10977 }
10978 .latepoint-admin .lp_iti__flag.lp_iti__mg, .latepoint .lp_iti__flag.lp_iti__mg {
10979 height: 14px;
10980 background-position: -3226px 0px;
10981 }
10982 .latepoint-admin .lp_iti__flag.lp_iti__mh, .latepoint .lp_iti__flag.lp_iti__mh {
10983 height: 11px;
10984 background-position: -3248px 0px;
10985 }
10986 .latepoint-admin .lp_iti__flag.lp_iti__mk, .latepoint .lp_iti__flag.lp_iti__mk {
10987 height: 10px;
10988 background-position: -3270px 0px;
10989 }
10990 .latepoint-admin .lp_iti__flag.lp_iti__ml, .latepoint .lp_iti__flag.lp_iti__ml {
10991 height: 14px;
10992 background-position: -3292px 0px;
10993 }
10994 .latepoint-admin .lp_iti__flag.lp_iti__mm, .latepoint .lp_iti__flag.lp_iti__mm {
10995 height: 14px;
10996 background-position: -3314px 0px;
10997 }
10998 .latepoint-admin .lp_iti__flag.lp_iti__mn, .latepoint .lp_iti__flag.lp_iti__mn {
10999 height: 10px;
11000 background-position: -3336px 0px;
11001 }
11002 .latepoint-admin .lp_iti__flag.lp_iti__mo, .latepoint .lp_iti__flag.lp_iti__mo {
11003 height: 14px;
11004 background-position: -3358px 0px;
11005 }
11006 .latepoint-admin .lp_iti__flag.lp_iti__mp, .latepoint .lp_iti__flag.lp_iti__mp {
11007 height: 10px;
11008 background-position: -3380px 0px;
11009 }
11010 .latepoint-admin .lp_iti__flag.lp_iti__mq, .latepoint .lp_iti__flag.lp_iti__mq {
11011 height: 14px;
11012 background-position: -3402px 0px;
11013 }
11014 .latepoint-admin .lp_iti__flag.lp_iti__mr, .latepoint .lp_iti__flag.lp_iti__mr {
11015 height: 14px;
11016 background-position: -3424px 0px;
11017 }
11018 .latepoint-admin .lp_iti__flag.lp_iti__ms, .latepoint .lp_iti__flag.lp_iti__ms {
11019 height: 10px;
11020 background-position: -3446px 0px;
11021 }
11022 .latepoint-admin .lp_iti__flag.lp_iti__mt, .latepoint .lp_iti__flag.lp_iti__mt {
11023 height: 14px;
11024 background-position: -3468px 0px;
11025 }
11026 .latepoint-admin .lp_iti__flag.lp_iti__mu, .latepoint .lp_iti__flag.lp_iti__mu {
11027 height: 14px;
11028 background-position: -3490px 0px;
11029 }
11030 .latepoint-admin .lp_iti__flag.lp_iti__mv, .latepoint .lp_iti__flag.lp_iti__mv {
11031 height: 14px;
11032 background-position: -3512px 0px;
11033 }
11034 .latepoint-admin .lp_iti__flag.lp_iti__mw, .latepoint .lp_iti__flag.lp_iti__mw {
11035 height: 14px;
11036 background-position: -3534px 0px;
11037 }
11038 .latepoint-admin .lp_iti__flag.lp_iti__mx, .latepoint .lp_iti__flag.lp_iti__mx {
11039 height: 12px;
11040 background-position: -3556px 0px;
11041 }
11042 .latepoint-admin .lp_iti__flag.lp_iti__my, .latepoint .lp_iti__flag.lp_iti__my {
11043 height: 10px;
11044 background-position: -3578px 0px;
11045 }
11046 .latepoint-admin .lp_iti__flag.lp_iti__mz, .latepoint .lp_iti__flag.lp_iti__mz {
11047 height: 14px;
11048 background-position: -3600px 0px;
11049 }
11050 .latepoint-admin .lp_iti__flag.lp_iti__na, .latepoint .lp_iti__flag.lp_iti__na {
11051 height: 14px;
11052 background-position: -3622px 0px;
11053 }
11054 .latepoint-admin .lp_iti__flag.lp_iti__nc, .latepoint .lp_iti__flag.lp_iti__nc {
11055 height: 10px;
11056 background-position: -3644px 0px;
11057 }
11058 .latepoint-admin .lp_iti__flag.lp_iti__ne, .latepoint .lp_iti__flag.lp_iti__ne {
11059 height: 15px;
11060 background-position: -3666px 0px;
11061 }
11062 .latepoint-admin .lp_iti__flag.lp_iti__nf, .latepoint .lp_iti__flag.lp_iti__nf {
11063 height: 10px;
11064 background-position: -3686px 0px;
11065 }
11066 .latepoint-admin .lp_iti__flag.lp_iti__ng, .latepoint .lp_iti__flag.lp_iti__ng {
11067 height: 10px;
11068 background-position: -3708px 0px;
11069 }
11070 .latepoint-admin .lp_iti__flag.lp_iti__ni, .latepoint .lp_iti__flag.lp_iti__ni {
11071 height: 12px;
11072 background-position: -3730px 0px;
11073 }
11074 .latepoint-admin .lp_iti__flag.lp_iti__nl, .latepoint .lp_iti__flag.lp_iti__nl {
11075 height: 14px;
11076 background-position: -3752px 0px;
11077 }
11078 .latepoint-admin .lp_iti__flag.lp_iti__no, .latepoint .lp_iti__flag.lp_iti__no {
11079 height: 15px;
11080 background-position: -3774px 0px;
11081 }
11082 .latepoint-admin .lp_iti__flag.lp_iti__np, .latepoint .lp_iti__flag.lp_iti__np {
11083 height: 15px;
11084 background-position: -3796px 0px;
11085 }
11086 .latepoint-admin .lp_iti__flag.lp_iti__nr, .latepoint .lp_iti__flag.lp_iti__nr {
11087 height: 10px;
11088 background-position: -3811px 0px;
11089 }
11090 .latepoint-admin .lp_iti__flag.lp_iti__nu, .latepoint .lp_iti__flag.lp_iti__nu {
11091 height: 10px;
11092 background-position: -3833px 0px;
11093 }
11094 .latepoint-admin .lp_iti__flag.lp_iti__nz, .latepoint .lp_iti__flag.lp_iti__nz {
11095 height: 10px;
11096 background-position: -3855px 0px;
11097 }
11098 .latepoint-admin .lp_iti__flag.lp_iti__om, .latepoint .lp_iti__flag.lp_iti__om {
11099 height: 10px;
11100 background-position: -3877px 0px;
11101 }
11102 .latepoint-admin .lp_iti__flag.lp_iti__pa, .latepoint .lp_iti__flag.lp_iti__pa {
11103 height: 14px;
11104 background-position: -3899px 0px;
11105 }
11106 .latepoint-admin .lp_iti__flag.lp_iti__pe, .latepoint .lp_iti__flag.lp_iti__pe {
11107 height: 14px;
11108 background-position: -3921px 0px;
11109 }
11110 .latepoint-admin .lp_iti__flag.lp_iti__pf, .latepoint .lp_iti__flag.lp_iti__pf {
11111 height: 14px;
11112 background-position: -3943px 0px;
11113 }
11114 .latepoint-admin .lp_iti__flag.lp_iti__pg, .latepoint .lp_iti__flag.lp_iti__pg {
11115 height: 15px;
11116 background-position: -3965px 0px;
11117 }
11118 .latepoint-admin .lp_iti__flag.lp_iti__ph, .latepoint .lp_iti__flag.lp_iti__ph {
11119 height: 10px;
11120 background-position: -3987px 0px;
11121 }
11122 .latepoint-admin .lp_iti__flag.lp_iti__pk, .latepoint .lp_iti__flag.lp_iti__pk {
11123 height: 14px;
11124 background-position: -4009px 0px;
11125 }
11126 .latepoint-admin .lp_iti__flag.lp_iti__pl, .latepoint .lp_iti__flag.lp_iti__pl {
11127 height: 13px;
11128 background-position: -4031px 0px;
11129 }
11130 .latepoint-admin .lp_iti__flag.lp_iti__pm, .latepoint .lp_iti__flag.lp_iti__pm {
11131 height: 14px;
11132 background-position: -4053px 0px;
11133 }
11134 .latepoint-admin .lp_iti__flag.lp_iti__pn, .latepoint .lp_iti__flag.lp_iti__pn {
11135 height: 10px;
11136 background-position: -4075px 0px;
11137 }
11138 .latepoint-admin .lp_iti__flag.lp_iti__pr, .latepoint .lp_iti__flag.lp_iti__pr {
11139 height: 14px;
11140 background-position: -4097px 0px;
11141 }
11142 .latepoint-admin .lp_iti__flag.lp_iti__ps, .latepoint .lp_iti__flag.lp_iti__ps {
11143 height: 10px;
11144 background-position: -4119px 0px;
11145 }
11146 .latepoint-admin .lp_iti__flag.lp_iti__pt, .latepoint .lp_iti__flag.lp_iti__pt {
11147 height: 14px;
11148 background-position: -4141px 0px;
11149 }
11150 .latepoint-admin .lp_iti__flag.lp_iti__pw, .latepoint .lp_iti__flag.lp_iti__pw {
11151 height: 13px;
11152 background-position: -4163px 0px;
11153 }
11154 .latepoint-admin .lp_iti__flag.lp_iti__py, .latepoint .lp_iti__flag.lp_iti__py {
11155 height: 11px;
11156 background-position: -4185px 0px;
11157 }
11158 .latepoint-admin .lp_iti__flag.lp_iti__qa, .latepoint .lp_iti__flag.lp_iti__qa {
11159 height: 8px;
11160 background-position: -4207px 0px;
11161 }
11162 .latepoint-admin .lp_iti__flag.lp_iti__re, .latepoint .lp_iti__flag.lp_iti__re {
11163 height: 14px;
11164 background-position: -4229px 0px;
11165 }
11166 .latepoint-admin .lp_iti__flag.lp_iti__ro, .latepoint .lp_iti__flag.lp_iti__ro {
11167 height: 14px;
11168 background-position: -4251px 0px;
11169 }
11170 .latepoint-admin .lp_iti__flag.lp_iti__rs, .latepoint .lp_iti__flag.lp_iti__rs {
11171 height: 14px;
11172 background-position: -4273px 0px;
11173 }
11174 .latepoint-admin .lp_iti__flag.lp_iti__ru, .latepoint .lp_iti__flag.lp_iti__ru {
11175 height: 14px;
11176 background-position: -4295px 0px;
11177 }
11178 .latepoint-admin .lp_iti__flag.lp_iti__rw, .latepoint .lp_iti__flag.lp_iti__rw {
11179 height: 14px;
11180 background-position: -4317px 0px;
11181 }
11182 .latepoint-admin .lp_iti__flag.lp_iti__sa, .latepoint .lp_iti__flag.lp_iti__sa {
11183 height: 14px;
11184 background-position: -4339px 0px;
11185 }
11186 .latepoint-admin .lp_iti__flag.lp_iti__sb, .latepoint .lp_iti__flag.lp_iti__sb {
11187 height: 10px;
11188 background-position: -4361px 0px;
11189 }
11190 .latepoint-admin .lp_iti__flag.lp_iti__sc, .latepoint .lp_iti__flag.lp_iti__sc {
11191 height: 10px;
11192 background-position: -4383px 0px;
11193 }
11194 .latepoint-admin .lp_iti__flag.lp_iti__sd, .latepoint .lp_iti__flag.lp_iti__sd {
11195 height: 10px;
11196 background-position: -4405px 0px;
11197 }
11198 .latepoint-admin .lp_iti__flag.lp_iti__se, .latepoint .lp_iti__flag.lp_iti__se {
11199 height: 13px;
11200 background-position: -4427px 0px;
11201 }
11202 .latepoint-admin .lp_iti__flag.lp_iti__sg, .latepoint .lp_iti__flag.lp_iti__sg {
11203 height: 14px;
11204 background-position: -4449px 0px;
11205 }
11206 .latepoint-admin .lp_iti__flag.lp_iti__sh, .latepoint .lp_iti__flag.lp_iti__sh {
11207 height: 10px;
11208 background-position: -4471px 0px;
11209 }
11210 .latepoint-admin .lp_iti__flag.lp_iti__si, .latepoint .lp_iti__flag.lp_iti__si {
11211 height: 10px;
11212 background-position: -4493px 0px;
11213 }
11214 .latepoint-admin .lp_iti__flag.lp_iti__sj, .latepoint .lp_iti__flag.lp_iti__sj {
11215 height: 15px;
11216 background-position: -4515px 0px;
11217 }
11218 .latepoint-admin .lp_iti__flag.lp_iti__sk, .latepoint .lp_iti__flag.lp_iti__sk {
11219 height: 14px;
11220 background-position: -4537px 0px;
11221 }
11222 .latepoint-admin .lp_iti__flag.lp_iti__sl, .latepoint .lp_iti__flag.lp_iti__sl {
11223 height: 14px;
11224 background-position: -4559px 0px;
11225 }
11226 .latepoint-admin .lp_iti__flag.lp_iti__sm, .latepoint .lp_iti__flag.lp_iti__sm {
11227 height: 15px;
11228 background-position: -4581px 0px;
11229 }
11230 .latepoint-admin .lp_iti__flag.lp_iti__sn, .latepoint .lp_iti__flag.lp_iti__sn {
11231 height: 14px;
11232 background-position: -4603px 0px;
11233 }
11234 .latepoint-admin .lp_iti__flag.lp_iti__so, .latepoint .lp_iti__flag.lp_iti__so {
11235 height: 14px;
11236 background-position: -4625px 0px;
11237 }
11238 .latepoint-admin .lp_iti__flag.lp_iti__sr, .latepoint .lp_iti__flag.lp_iti__sr {
11239 height: 14px;
11240 background-position: -4647px 0px;
11241 }
11242 .latepoint-admin .lp_iti__flag.lp_iti__ss, .latepoint .lp_iti__flag.lp_iti__ss {
11243 height: 10px;
11244 background-position: -4669px 0px;
11245 }
11246 .latepoint-admin .lp_iti__flag.lp_iti__st, .latepoint .lp_iti__flag.lp_iti__st {
11247 height: 10px;
11248 background-position: -4691px 0px;
11249 }
11250 .latepoint-admin .lp_iti__flag.lp_iti__sv, .latepoint .lp_iti__flag.lp_iti__sv {
11251 height: 12px;
11252 background-position: -4713px 0px;
11253 }
11254 .latepoint-admin .lp_iti__flag.lp_iti__sx, .latepoint .lp_iti__flag.lp_iti__sx {
11255 height: 14px;
11256 background-position: -4735px 0px;
11257 }
11258 .latepoint-admin .lp_iti__flag.lp_iti__sy, .latepoint .lp_iti__flag.lp_iti__sy {
11259 height: 14px;
11260 background-position: -4757px 0px;
11261 }
11262 .latepoint-admin .lp_iti__flag.lp_iti__sz, .latepoint .lp_iti__flag.lp_iti__sz {
11263 height: 14px;
11264 background-position: -4779px 0px;
11265 }
11266 .latepoint-admin .lp_iti__flag.lp_iti__ta, .latepoint .lp_iti__flag.lp_iti__ta {
11267 height: 10px;
11268 background-position: -4801px 0px;
11269 }
11270 .latepoint-admin .lp_iti__flag.lp_iti__tc, .latepoint .lp_iti__flag.lp_iti__tc {
11271 height: 10px;
11272 background-position: -4823px 0px;
11273 }
11274 .latepoint-admin .lp_iti__flag.lp_iti__td, .latepoint .lp_iti__flag.lp_iti__td {
11275 height: 14px;
11276 background-position: -4845px 0px;
11277 }
11278 .latepoint-admin .lp_iti__flag.lp_iti__tf, .latepoint .lp_iti__flag.lp_iti__tf {
11279 height: 14px;
11280 background-position: -4867px 0px;
11281 }
11282 .latepoint-admin .lp_iti__flag.lp_iti__tg, .latepoint .lp_iti__flag.lp_iti__tg {
11283 height: 13px;
11284 background-position: -4889px 0px;
11285 }
11286 .latepoint-admin .lp_iti__flag.lp_iti__th, .latepoint .lp_iti__flag.lp_iti__th {
11287 height: 14px;
11288 background-position: -4911px 0px;
11289 }
11290 .latepoint-admin .lp_iti__flag.lp_iti__tj, .latepoint .lp_iti__flag.lp_iti__tj {
11291 height: 10px;
11292 background-position: -4933px 0px;
11293 }
11294 .latepoint-admin .lp_iti__flag.lp_iti__tk, .latepoint .lp_iti__flag.lp_iti__tk {
11295 height: 10px;
11296 background-position: -4955px 0px;
11297 }
11298 .latepoint-admin .lp_iti__flag.lp_iti__tl, .latepoint .lp_iti__flag.lp_iti__tl {
11299 height: 10px;
11300 background-position: -4977px 0px;
11301 }
11302 .latepoint-admin .lp_iti__flag.lp_iti__tm, .latepoint .lp_iti__flag.lp_iti__tm {
11303 height: 14px;
11304 background-position: -4999px 0px;
11305 }
11306 .latepoint-admin .lp_iti__flag.lp_iti__tn, .latepoint .lp_iti__flag.lp_iti__tn {
11307 height: 14px;
11308 background-position: -5021px 0px;
11309 }
11310 .latepoint-admin .lp_iti__flag.lp_iti__to, .latepoint .lp_iti__flag.lp_iti__to {
11311 height: 10px;
11312 background-position: -5043px 0px;
11313 }
11314 .latepoint-admin .lp_iti__flag.lp_iti__tr, .latepoint .lp_iti__flag.lp_iti__tr {
11315 height: 14px;
11316 background-position: -5065px 0px;
11317 }
11318 .latepoint-admin .lp_iti__flag.lp_iti__tt, .latepoint .lp_iti__flag.lp_iti__tt {
11319 height: 12px;
11320 background-position: -5087px 0px;
11321 }
11322 .latepoint-admin .lp_iti__flag.lp_iti__tv, .latepoint .lp_iti__flag.lp_iti__tv {
11323 height: 10px;
11324 background-position: -5109px 0px;
11325 }
11326 .latepoint-admin .lp_iti__flag.lp_iti__tw, .latepoint .lp_iti__flag.lp_iti__tw {
11327 height: 14px;
11328 background-position: -5131px 0px;
11329 }
11330 .latepoint-admin .lp_iti__flag.lp_iti__tz, .latepoint .lp_iti__flag.lp_iti__tz {
11331 height: 14px;
11332 background-position: -5153px 0px;
11333 }
11334 .latepoint-admin .lp_iti__flag.lp_iti__ua, .latepoint .lp_iti__flag.lp_iti__ua {
11335 height: 14px;
11336 background-position: -5175px 0px;
11337 }
11338 .latepoint-admin .lp_iti__flag.lp_iti__ug, .latepoint .lp_iti__flag.lp_iti__ug {
11339 height: 14px;
11340 background-position: -5197px 0px;
11341 }
11342 .latepoint-admin .lp_iti__flag.lp_iti__um, .latepoint .lp_iti__flag.lp_iti__um {
11343 height: 11px;
11344 background-position: -5219px 0px;
11345 }
11346 .latepoint-admin .lp_iti__flag.lp_iti__un, .latepoint .lp_iti__flag.lp_iti__un {
11347 height: 14px;
11348 background-position: -5241px 0px;
11349 }
11350 .latepoint-admin .lp_iti__flag.lp_iti__us, .latepoint .lp_iti__flag.lp_iti__us {
11351 height: 11px;
11352 background-position: -5263px 0px;
11353 }
11354 .latepoint-admin .lp_iti__flag.lp_iti__uy, .latepoint .lp_iti__flag.lp_iti__uy {
11355 height: 14px;
11356 background-position: -5285px 0px;
11357 }
11358 .latepoint-admin .lp_iti__flag.lp_iti__uz, .latepoint .lp_iti__flag.lp_iti__uz {
11359 height: 10px;
11360 background-position: -5307px 0px;
11361 }
11362 .latepoint-admin .lp_iti__flag.lp_iti__va, .latepoint .lp_iti__flag.lp_iti__va {
11363 height: 15px;
11364 background-position: -5329px 0px;
11365 }
11366 .latepoint-admin .lp_iti__flag.lp_iti__vc, .latepoint .lp_iti__flag.lp_iti__vc {
11367 height: 14px;
11368 background-position: -5346px 0px;
11369 }
11370 .latepoint-admin .lp_iti__flag.lp_iti__ve, .latepoint .lp_iti__flag.lp_iti__ve {
11371 height: 14px;
11372 background-position: -5368px 0px;
11373 }
11374 .latepoint-admin .lp_iti__flag.lp_iti__vg, .latepoint .lp_iti__flag.lp_iti__vg {
11375 height: 10px;
11376 background-position: -5390px 0px;
11377 }
11378 .latepoint-admin .lp_iti__flag.lp_iti__vi, .latepoint .lp_iti__flag.lp_iti__vi {
11379 height: 14px;
11380 background-position: -5412px 0px;
11381 }
11382 .latepoint-admin .lp_iti__flag.lp_iti__vn, .latepoint .lp_iti__flag.lp_iti__vn {
11383 height: 14px;
11384 background-position: -5434px 0px;
11385 }
11386 .latepoint-admin .lp_iti__flag.lp_iti__vu, .latepoint .lp_iti__flag.lp_iti__vu {
11387 height: 12px;
11388 background-position: -5456px 0px;
11389 }
11390 .latepoint-admin .lp_iti__flag.lp_iti__wf, .latepoint .lp_iti__flag.lp_iti__wf {
11391 height: 14px;
11392 background-position: -5478px 0px;
11393 }
11394 .latepoint-admin .lp_iti__flag.lp_iti__ws, .latepoint .lp_iti__flag.lp_iti__ws {
11395 height: 10px;
11396 background-position: -5500px 0px;
11397 }
11398 .latepoint-admin .lp_iti__flag.lp_iti__xk, .latepoint .lp_iti__flag.lp_iti__xk {
11399 height: 15px;
11400 background-position: -5522px 0px;
11401 }
11402 .latepoint-admin .lp_iti__flag.lp_iti__ye, .latepoint .lp_iti__flag.lp_iti__ye {
11403 height: 14px;
11404 background-position: -5544px 0px;
11405 }
11406 .latepoint-admin .lp_iti__flag.lp_iti__yt, .latepoint .lp_iti__flag.lp_iti__yt {
11407 height: 14px;
11408 background-position: -5566px 0px;
11409 }
11410 .latepoint-admin .lp_iti__flag.lp_iti__za, .latepoint .lp_iti__flag.lp_iti__za {
11411 height: 14px;
11412 background-position: -5588px 0px;
11413 }
11414 .latepoint-admin .lp_iti__flag.lp_iti__zm, .latepoint .lp_iti__flag.lp_iti__zm {
11415 height: 14px;
11416 background-position: -5610px 0px;
11417 }
11418 .latepoint-admin .lp_iti__flag.lp_iti__zw, .latepoint .lp_iti__flag.lp_iti__zw {
11419 height: 10px;
11420 background-position: -5632px 0px;
11421 }
11422 .latepoint-admin .lp_iti__flag, .latepoint .lp_iti__flag {
11423 height: 15px;
11424 box-shadow: none;
11425 border-radius: 2px;
11426 background-image: url("../images/intl-tel-input/flags.png");
11427 background-repeat: no-repeat;
11428 background-color: #DBDBDB;
11429 background-position: 20px 0;
11430 }
11431 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
11432 .latepoint-admin .lp_iti__flag, .latepoint .lp_iti__flag {
11433 background-image: url("../images/intl-tel-input/flags@2x.png");
11434 }
11435 }
11436 .latepoint-admin .lp_iti__flag.lp_iti__np, .latepoint .lp_iti__flag.lp_iti__np {
11437 background-color: transparent;
11438 }
11439
11440 .latepoint-admin .lp_iti__country-list {
11441 font-size: 13px;
11442 }
11443
11444 /*# sourceMappingURL=front.css.map */
11445