@import url("https://rkt.pl/addons/latepoint/public/stylesheets/rkt.css"); .latepoint-admin, .latepoint-w { font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.2; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; } .latepoint-admin p, .latepoint-w p { line-height: 1.2; } .latepoint-admin .os-template-preview-content, .latepoint-w .os-template-preview-content { font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .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, .latepoint-w .os-template-preview-content h1, .latepoint-w .os-template-preview-content h2, .latepoint-w .os-template-preview-content h3, .latepoint-w .os-template-preview-content h4, .latepoint-w .os-template-preview-content h5 { font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .latepoint-admin .os-template-preview-content .os-template-var, .latepoint-w .os-template-preview-content .os-template-var { font-family: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace; } .latepoint-admin *, .latepoint-admin *::before, .latepoint-admin *::after, .latepoint-w *, .latepoint-w *::before, .latepoint-w *::after { box-sizing: border-box; } .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, .latepoint-w article, .latepoint-w aside, .latepoint-w figcaption, .latepoint-w figure, .latepoint-w footer, .latepoint-w header, .latepoint-w hgroup, .latepoint-w main, .latepoint-w nav, .latepoint-w section { display: block; } .latepoint-admin [tabindex="-1"]:focus, .latepoint-w [tabindex="-1"]:focus { outline: 0 !important; } .latepoint-admin hr, .latepoint-w hr { box-sizing: content-box; height: 0; overflow: visible; } .latepoint-admin h1, .latepoint-admin h2, .latepoint-admin h3, .latepoint-admin h4, .latepoint-admin h5, .latepoint-admin h6, .latepoint-w h1, .latepoint-w h2, .latepoint-w h3, .latepoint-w h4, .latepoint-w h5, .latepoint-w h6 { margin-top: 0; } .latepoint-admin p, .latepoint-w p { margin-top: 0; } .latepoint-admin abbr[title], .latepoint-admin abbr[data-original-title], .latepoint-w abbr[title], .latepoint-w abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; } .latepoint-admin address, .latepoint-w address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } .latepoint-admin ol, .latepoint-admin ul, .latepoint-admin dl, .latepoint-w ol, .latepoint-w ul, .latepoint-w dl { margin-top: 0; margin-bottom: 1rem; } .latepoint-admin ol ol, .latepoint-admin ul ul, .latepoint-admin ol ul, .latepoint-admin ul ol, .latepoint-w ol ol, .latepoint-w ul ul, .latepoint-w ol ul, .latepoint-w ul ol { margin-bottom: 0; } .latepoint-admin dd, .latepoint-w dd { margin-bottom: 0.5rem; margin-left: 0; } .latepoint-admin blockquote, .latepoint-w blockquote { margin: 0 0 1rem; } .latepoint-admin dfn, .latepoint-w dfn { font-style: italic; } .latepoint-admin b, .latepoint-admin strong, .latepoint-w b, .latepoint-w strong { font-weight: bolder; } .latepoint-admin small, .latepoint-w small { font-size: 80%; } .latepoint-admin sub, .latepoint-admin sup, .latepoint-w sub, .latepoint-w sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } .latepoint-admin sub, .latepoint-w sub { bottom: -0.25em; } .latepoint-admin sup, .latepoint-w sup { top: -0.5em; } .latepoint-admin a:not([href]):not([tabindex]), .latepoint-w a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } .latepoint-admin a:not([href]):not([tabindex]):focus, .latepoint-w a:not([href]):not([tabindex]):focus { outline: 0; } .latepoint-admin pre, .latepoint-admin code, .latepoint-admin kbd, .latepoint-admin samp, .latepoint-w pre, .latepoint-w code, .latepoint-w kbd, .latepoint-w samp { font-size: 1em; } .latepoint-admin pre, .latepoint-w pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } .latepoint-admin figure, .latepoint-w figure { margin: 0 0 1rem; } .latepoint-admin img, .latepoint-w img { vertical-align: middle; border-style: none; } .latepoint-admin svg, .latepoint-w svg { overflow: hidden; vertical-align: middle; } .latepoint-admin table, .latepoint-w table { border-collapse: collapse; } .latepoint-admin caption, .latepoint-w caption { text-align: left; caption-side: bottom; } .latepoint-admin th, .latepoint-w th { text-align: inherit; } .latepoint-admin label, .latepoint-w label { display: inline-block; } .latepoint-admin button, .latepoint-w button { border-radius: 0; } .latepoint-admin button:focus, .latepoint-w button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } .latepoint-admin input, .latepoint-admin button, .latepoint-admin select, .latepoint-admin optgroup, .latepoint-admin textarea, .latepoint-w input, .latepoint-w button, .latepoint-w select, .latepoint-w optgroup, .latepoint-w textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } .latepoint-admin button, .latepoint-admin input, .latepoint-w button, .latepoint-w input { overflow: visible; } .latepoint-admin button, .latepoint-admin select, .latepoint-w button, .latepoint-w select { text-transform: none; } .latepoint-admin button, .latepoint-admin html [type=button], .latepoint-admin [type=reset], .latepoint-admin [type=submit], .latepoint-w button, .latepoint-w html [type=button], .latepoint-w [type=reset], .latepoint-w [type=submit] { -webkit-appearance: button; } .latepoint-admin button::-moz-focus-inner, .latepoint-admin [type=button]::-moz-focus-inner, .latepoint-admin [type=reset]::-moz-focus-inner, .latepoint-admin [type=submit]::-moz-focus-inner, .latepoint-w button::-moz-focus-inner, .latepoint-w [type=button]::-moz-focus-inner, .latepoint-w [type=reset]::-moz-focus-inner, .latepoint-w [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } .latepoint-admin input[type=radio], .latepoint-admin input[type=checkbox], .latepoint-w input[type=radio], .latepoint-w input[type=checkbox] { box-sizing: border-box; padding: 0; } .latepoint-admin input[type=date], .latepoint-admin input[type=time], .latepoint-admin input[type=datetime-local], .latepoint-admin input[type=month], .latepoint-w input[type=date], .latepoint-w input[type=time], .latepoint-w input[type=datetime-local], .latepoint-w input[type=month] { -webkit-appearance: listbox; } .latepoint-admin textarea, .latepoint-w textarea { overflow: auto; resize: vertical; } .latepoint-admin fieldset, .latepoint-w fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } .latepoint-admin legend, .latepoint-w legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } .latepoint-admin progress, .latepoint-w progress { vertical-align: baseline; } .latepoint-admin [type=number]::-webkit-inner-spin-button, .latepoint-admin [type=number]::-webkit-outer-spin-button, .latepoint-w [type=number]::-webkit-inner-spin-button, .latepoint-w [type=number]::-webkit-outer-spin-button { height: auto; } .latepoint-admin [type=search], .latepoint-w [type=search] { outline-offset: -2px; -webkit-appearance: none; } .latepoint-admin [type=search]::-webkit-search-cancel-button, .latepoint-admin [type=search]::-webkit-search-decoration, .latepoint-w [type=search]::-webkit-search-cancel-button, .latepoint-w [type=search]::-webkit-search-decoration { -webkit-appearance: none; } .latepoint-admin ::-webkit-file-upload-button, .latepoint-w ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } .latepoint-admin output, .latepoint-w output { display: inline-block; } .latepoint-admin summary, .latepoint-w summary { display: list-item; cursor: pointer; } .latepoint-admin template, .latepoint-w template { display: none; } .latepoint-admin [hidden], .latepoint-w [hidden] { display: none !important; } @keyframes statusIconPop { 0% { transform: rotate(-90deg) scale(0.4); opacity: 1; } 100% { transform: rotate(0deg) scale(1); opacity: 1; } } @font-face { font-family: "latepointIcons"; 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"); font-weight: normal; font-style: normal; font-display: block; } [class^=latepoint-icon-], [class*=" latepoint-icon-"] { font-family: "latepointIcons" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .latepoint-icon-qrcode:before { content: "\e921"; } .latepoint-icon-cross:before { content: "\e927"; } .latepoint-icon-google:before { content: "\e911"; } .latepoint-icon-facebook:before { content: "\e910"; } .latepoint-icon-brand:before { content: "\e910"; } .latepoint-icon-social:before { content: "\e910"; } .latepoint-icon-arrow-up:before { content: "\e906"; } .latepoint-icon-arrow-up2:before { content: "\e907"; } .latepoint-icon-arrow-down:before { content: "\e908"; } .latepoint-icon-arrow-down2:before { content: "\e909"; } .latepoint-icon-arrow-right:before { content: "\e904"; } .latepoint-icon-arrow-left:before { content: "\e905"; } .latepoint-icon-lp-logo:before { content: "\e91c"; } .latepoint-icon-arrow-left1:before { content: "\e92f"; } .latepoint-icon-arrow-right1:before { content: "\e930"; } .latepoint-icon-book:before { content: "\e91a"; } .latepoint-icon-calendar:before { content: "\e91b"; } .latepoint-icon-check:before { content: "\e928"; } .latepoint-icon-chevron-left:before { content: "\e931"; } .latepoint-icon-chevron-right:before { content: "\e932"; } .latepoint-icon-credit-card:before { content: "\e933"; } .latepoint-icon-edit-3:before { content: "\e934"; } .latepoint-icon-external-link:before { content: "\e922"; } .latepoint-icon-file-text:before { content: "\e923"; } .latepoint-icon-layers:before { content: "\e92a"; } .latepoint-icon-list:before { content: "\e924"; } .latepoint-icon-menu:before { content: "\e925"; } .latepoint-icon-message-circle:before { content: "\e91d"; } .latepoint-icon-message-square:before { content: "\e91e"; } .latepoint-icon-minus:before { content: "\e914"; } .latepoint-icon-minus-circle:before { content: "\e915"; } .latepoint-icon-minus-square:before { content: "\e916"; } .latepoint-icon-package:before { content: "\e92b"; } .latepoint-icon-paperclip:before { content: "\e91f"; } .latepoint-icon-plus:before { content: "\e917"; } .latepoint-icon-plus-circle:before { content: "\e918"; } .latepoint-icon-plus-square:before { content: "\e919"; } .latepoint-icon-printer:before { content: "\e920"; } .latepoint-icon-shopping-bag:before { content: "\e92c"; } .latepoint-icon-shopping-cart:before { content: "\e926"; } .latepoint-icon-sliders:before { content: "\e929"; } .latepoint-icon-trash:before { content: "\e92d"; } .latepoint-icon-trash-2:before { content: "\e92e"; } .latepoint-icon-clothes-21:before { content: "\e912"; } .latepoint-icon-ui-09:before { content: "\e913"; } .latepoint-icon-ui-15:before { content: "\e90b"; } .latepoint-icon-ui-24:before { content: "\e90c"; } .latepoint-icon-ui-50:before { content: "\e90d"; } .latepoint-icon-ui-47:before { content: "\e90e"; } .latepoint-icon-ui-46:before { content: "\e90f"; } .latepoint-icon-common-01:before { content: "\e90a"; } .latepoint-icon-checkmark:before { content: "\e903"; } .latepoint-icon-arrow-2-right:before { content: "\e901"; } .latepoint-icon-arrow-2-left:before { content: "\e902"; } .latepoint-icon-ui-83:before { content: "\e900"; } @font-face { font-family: "latepoint"; src: url("//rkt.pl/addons/latepoint/public/fonts/latepoint-regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: block; } @font-face { font-family: "latepoint"; src: url("//rkt.pl/addons/latepoint/public/fonts/latepoint-semibold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: block; } .latepoint-w { font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-weight: 400; font-size: 15px; } .latepoint-w h1, .latepoint-w h2, .latepoint-w h3, .latepoint-w h4, .latepoint-w h5, .latepoint-w h6 { font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-weight: 600; } .latepoint-w .latepoint-section-heading-w { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.05); margin-bottom: 20px; padding: 10px 0px; margin-top: 20px; } .latepoint-w .latepoint-section-heading-w .latepoint-section-heading { margin: 0px; padding: 0px; } .latepoint-w .latepoint-section-heading-w .heading-extra { font-weight: 600; color: #7c85a3; } .latepoint-tab-content { display: none; } .latepoint-tab-content.active { display: block; } .order-payments-form-wrapper .total-order-payments-info { margin-bottom: 30px; } .order-payments-form-wrapper .total-order-payments-info .topi-amount { font-size: 46px; font-weight: 600; font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #14161d; } .order-payments-form-wrapper .total-order-payments-info .topi-sub-info { color: #7c85a3; } .order-payments-form-wrapper .total-order-payments-info .topi-sub-info a { display: inline-flex; margin-left: 5px; text-decoration: none; align-items: baseline; gap: 5px; color: var(--latepoint-brand-primary); } .order-payments-form-wrapper .total-order-payments-info .topi-sub-info a span { border-bottom: 1px dotted var(--latepoint-brand-primary); } .order-payments-form-wrapper .topi-heading { display: flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 600; font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #14161d; line-height: 1.1; margin-bottom: 15px; } .order-payments-form-wrapper .topi-heading .topih-line { height: 10px; background-color: #eee; flex: 1; } .order-payments-form-wrapper .topi-transaction { padding: 15px; border: 1px solid #eee; border-bottom-color: #aaa; position: relative; } .order-payments-form-wrapper .topi-transaction + .topi-transaction { margin-top: 15px; } .order-payments-form-wrapper .topi-transaction .topit-amount { font-size: 17px; font-weight: 600; font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #14161d; } .order-payments-form-wrapper .topi-transaction .topit-sub-info { display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: #7c85a3; } .order-payments-form-wrapper .topi-transaction .topit-transaction-status { position: absolute; top: 0px; right: 0; padding: 2px; background-color: #eee; font-size: 11px; } .order-summary-items-heading { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 600; font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #7c85a3; line-height: 1.1; } .order-summary-items-heading .osih-line { height: 10px; background-color: rgba(0, 0, 0, 0.03); flex: 1; } .latepoint-btn { padding: 9px 14px; background-color: var(--latepoint-brand-primary); color: #fff; border-radius: 0px; text-decoration: none !important; font-weight: 600; display: inline-block; box-shadow: none; border: none; line-height: 1.2; cursor: pointer; } .latepoint-btn:hover, .latepoint-btn:focus { outline: none; color: #fff !important; background-color: color-mix(in srgb, var(--latepoint-brand-primary), #000 10%); box-shadow: none; } .latepoint-btn.latepoint-btn-sm { padding: 6px 8px; font-size: 15px; } .latepoint-btn.latepoint-btn-danger { background-color: #FB7F7F; color: #fff; } .latepoint-btn.latepoint-btn-danger.latepoint-btn-link { background-color: transparent; border-color: transparent; } .latepoint-btn.latepoint-btn-danger.latepoint-btn-link span, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link i { color: #d83838; } .latepoint-btn.latepoint-btn-danger.latepoint-btn-link span { border-bottom: 1px solid #d83838; } .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 { color: transparent !important; background-color: transparent; } .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 { border-bottom: 2px solid #d83838; border-left: 2px solid #d83838; border-top: 2px solid #d83838; } .latepoint-btn.latepoint-btn-danger.latepoint-btn-link:hover:not(.os-loading), .latepoint-btn.latepoint-btn-danger.latepoint-btn-link:focus:not(.os-loading) { color: #d83838 !important; background-color: transparent; } .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 { color: #d83838 !important; } .latepoint-btn.latepoint-btn-danger:focus, .latepoint-btn.latepoint-btn-danger:active { color: #fff; background-color: #FB7F7F; } .latepoint-btn.latepoint-btn-danger:hover { background-color: #f94e4e; } .latepoint-btn.latepoint-btn-primary { background-color: var(--latepoint-brand-primary); color: #fff; } .latepoint-btn.latepoint-btn-primary span { color: #fff; } .latepoint-btn.latepoint-btn-primary i { color: #fff; } .latepoint-btn.latepoint-btn-primary.latepoint-btn-outline { background-color: transparent; color: var(--latepoint-brand-primary); border: 1px solid var(--latepoint-brand-primary); } .latepoint-btn.latepoint-btn-primary.latepoint-btn-outline:hover, .latepoint-btn.latepoint-btn-primary.latepoint-btn-outline:focus { border-color: color-mix(in srgb, var(--latepoint-brand-primary), #000 10%); color: var(--latepoint-brand-primary); background-color: transparent; } .latepoint-btn.latepoint-btn-primary.latepoint-btn-outline.latepoint-btn-primary.os-loading:after { border-bottom-color: var(--latepoint-brand-primary); border-left-color: var(--latepoint-brand-primary); border-top-color: var(--latepoint-brand-primary); } .latepoint-btn.latepoint-btn-primary.latepoint-btn-outline span, .latepoint-btn.latepoint-btn-primary.latepoint-btn-outline i { color: var(--latepoint-brand-primary); } .latepoint-btn.latepoint-btn-primary.latepoint-btn-link { background-color: transparent; color: var(--latepoint-brand-primary); border-color: transparent; padding-left: 0px; padding-right: 0px; } .latepoint-btn.latepoint-btn-primary.latepoint-btn-link span, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link i { color: var(--latepoint-brand-primary); } .latepoint-btn.latepoint-btn-primary.latepoint-btn-link span { border-bottom: 1px solid var(--latepoint-brand-primary); } .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 { color: transparent !important; } .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 { border-bottom: 2px solid var(--latepoint-brand-primary); border-left: 2px solid var(--latepoint-brand-primary); border-top: 2px solid var(--latepoint-brand-primary); } .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover:not(.os-loading), .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:focus:not(.os-loading) { color: var(--latepoint-brand-primary) !important; } .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 { color: var(--latepoint-brand-primary) !important; } .latepoint-btn.latepoint-btn-grey { background-color: #eee; color: #111 !important; } .latepoint-btn.latepoint-btn-white { background-color: #fff; color: #111 !important; } .latepoint-btn.latepoint-btn-white.latepoint-btn-link { background-color: transparent; color: #fff; border-color: transparent; padding-left: 0px; padding-right: 0px; } .latepoint-btn.latepoint-btn-white.latepoint-btn-link span, .latepoint-btn.latepoint-btn-white.latepoint-btn-link i { color: #fff; } .latepoint-btn.latepoint-btn-white.latepoint-btn-link span { border-bottom: 1px solid #fff; } .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 { color: transparent !important; } .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 { border-bottom: 2px solid #fff; border-left: 2px solid #fff; border-top: 2px solid #fff; } .latepoint-btn.latepoint-btn-white.latepoint-btn-link:hover:not(.os-loading), .latepoint-btn.latepoint-btn-white.latepoint-btn-link:focus:not(.os-loading) { color: #fff !important; } .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 { color: #fff !important; } .latepoint-btn.latepoint-btn-block { display: block; text-align: center; flex: 1; } .latepoint-btn.os-loading { color: transparent !important; position: relative; } .latepoint-btn.os-loading span, .latepoint-btn.os-loading i { color: transparent !important; border-bottom-color: transparent !important; } .latepoint-btn.os-loading:focus { color: transparent !important; } .latepoint-btn.os-loading:focus span, .latepoint-btn.os-loading:focus i { color: transparent !important; border-bottom-color: transparent !important; } .latepoint-btn.os-loading:after { display: block; content: ""; width: 14px !important; height: 14px !important; border-bottom: 2px solid #fff; border-left: 2px solid #fff; border-top: 2px solid #fff; border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; } .latepoint-btn.os-loading.latepoint-btn-white:after, .latepoint-btn.os-loading.latepoint-btn-secondary:after { border-bottom: 2px solid var(--latepoint-body-color); border-left: 2px solid var(--latepoint-body-color); border-top: 2px solid var(--latepoint-body-color); border-right: 2px solid rgba(0, 0, 0, 0); } .latepoint-btn.latepoint-btn-secondary { background-color: #EDEFF6; color: #252C39; } .latepoint-btn.latepoint-btn-secondary.latepoint-btn-link { border-color: 2px solid #111; } .latepoint-btn.latepoint-btn-secondary:hover, .latepoint-btn.latepoint-btn-secondary:focus { outline: none; color: #252C39 !important; background-color: #cbd1e5; box-shadow: none; } .latepoint-btn span { display: inline-block; vertical-align: middle; line-height: 1.5; } .latepoint-btn i { display: inline-block; vertical-align: middle; } .latepoint-btn i + span { margin-left: 6px; } .latepoint-btn span + i { margin-left: 6px; } .latepoint-book-button-wrapper.latepoint-book-button-align-center { text-align: center; } .latepoint-book-button-wrapper.latepoint-book-button-align-right { text-align: right; } .latepoint-book-button-wrapper.latepoint-book-button-align-left { text-align: left; } .latepoint-book-button-wrapper.latepoint-book-button-align-justify { text-align: center; } .latepoint-book-button-wrapper.latepoint-book-button-align-justify .latepoint-book-button { display: block; } .latepoint-book-button { line-height: 1em; cursor: pointer; transition: initial; } .latepoint-book-button.os-loading { transition: all 0.2s linear; color: transparent !important; position: relative; } .latepoint-book-button.os-loading:after { display: block; content: ""; width: 14px !important; height: 14px !important; border-bottom: 2px solid #fff; border-left: 2px solid #fff; border-top: 2px solid #fff; border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; } .latepoint-w .os-form-w { background-color: #fff; padding: 30px; margin: 20px 0px; } .latepoint-w .os-form-group { margin-bottom: 15px !important; position: relative; } .latepoint-w .os-form-group.os-form-select-group .os-form-control, .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, .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control { position: relative !important; display: block !important; box-shadow: none !important; border: 1px solid #cad2e0 !important; padding: 12px 10px 12px 10px !important; border-radius: 0px !important; background-color: #fff !important; width: 100%; color: #32373c; line-height: 1.2; font-size: 15px !important; font-weight: 400 !important; transition: all 0.2s ease; height: auto; margin: 0px; } .latepoint-w .os-form-group.os-form-select-group .os-form-control:focus, .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, .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control:focus { background-color: #fff !important; border-color: #5779ef !important; outline: none; box-shadow: none; } .latepoint-w .os-form-group.os-form-select-group textarea, .latepoint-w .os-form-group.os-form-select-group input[type=number], .latepoint-w .os-form-group.os-form-select-group input[type=email], .latepoint-w .os-form-group.os-form-select-group input[type=password], .latepoint-w .os-form-group.os-form-select-group input[type=text], .latepoint-w .os-form-group.os-form-select-group input[type=tel], .latepoint-w .os-form-group.os-form-textfield-group textarea, .latepoint-w .os-form-group.os-form-textfield-group input[type=number], .latepoint-w .os-form-group.os-form-textfield-group input[type=email], .latepoint-w .os-form-group.os-form-textfield-group input[type=password], .latepoint-w .os-form-group.os-form-textfield-group input[type=text], .latepoint-w .os-form-group.os-form-textfield-group input[type=tel] { -webkit-appearance: none; } .latepoint-w .os-form-group.os-form-select-group.os-invalid label, .latepoint-w .os-form-group.os-form-textfield-group.os-invalid label { color: #d56e67 !important; } .latepoint-w .os-form-group.os-form-select-group.os-invalid .os-form-control, .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, .latepoint-w .os-form-group.os-form-textfield-group.os-invalid input.os-form-control { border-color: #eb3a3a !important; } .latepoint-w .os-form-group.os-form-select-group.os-invalid .os-form-control::placeholder, .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, .latepoint-w .os-form-group.os-form-textfield-group.os-invalid input.os-form-control::placeholder { color: #e38888 !important; } .latepoint-w .os-form-group.os-form-select-group.os-invalid .os-form-control:focus, .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, .latepoint-w .os-form-group.os-form-textfield-group.os-invalid input.os-form-control:focus { border-color: #c10505 !important; } .latepoint-w .os-form-group.os-form-select-group label { display: block !important; font-size: 15px; margin: 0px; } .latepoint-w .os-form-group.os-form-select-group select.os-form-control { height: auto !important; } .latepoint-w .os-form-group.os-form-multiselect-group > label { font-size: 15px; font-weight: 600; margin-bottom: 10px !important; } .latepoint-w .os-form-group.os-form-multiselect-group .os-form-group { margin-bottom: 3px !important; } .latepoint-w .os-form-group.os-form-multiselect-group .os-form-group label { font-size: 13px; } .latepoint-w .os-form-group.os-form-checkbox-group label { padding: 0px; border-radius: 0px; display: flex; gap: 8px; align-items: center; color: var(--latepoint-body-color); vertical-align: middle; margin: 0px; font-weight: 600; font-size: 15px; cursor: pointer; } .latepoint-w .os-form-group.os-form-checkbox-group label input.os-form-checkbox { display: inline-block; vertical-align: middle; border-radius: 0px; box-shadow: none; border-color: #aaa; } .latepoint-w .os-form-group.os-form-checkbox-group label a { text-decoration: underline; } .latepoint-w .os-form-group.os-form-textfield-group label { display: block; margin-bottom: 1px; line-height: 1.1; cursor: default; font-size: 12px !important; color: #AFB8D6 !important; font-weight: 400 !important; position: absolute !important; top: 5px; left: 10px; z-index: 2; opacity: 0; transform: translateY(-3px); transition: all 0.2s ease; } .latepoint-w .os-form-group.os-form-textfield-group .os-form-control input.os-form-control, .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control input.os-form-control { z-index: 1; } .latepoint-w .os-form-group.os-form-textfield-group .os-form-control::placeholder, .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control::placeholder { color: #AFB8D6; } .latepoint-w .os-form-group.os-form-textfield-group .os-form-control.os-framed-field, .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control.os-framed-field { height: 47px !important; } .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, .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control.os-framed-field.invalid, .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control.os-framed-field.braintree-hosted-fields-invalid { border-color: #f16161 !important; } .latepoint-w .os-form-group.os-form-textfield-group.has-value label { opacity: 1 !important; transform: translateY(0) !important; } .latepoint-w .os-form-group.os-form-textfield-group.has-value textarea.os-form-control, .latepoint-w .os-form-group.os-form-textfield-group.has-value input.os-form-control { padding: 19px 10px 5px 10px !important; } .latepoint-w .os-form-group.os-form-phonefield-group { border: 1px solid #cad2e0; border-radius: 0px; } .latepoint-w .os-form-group.os-form-phonefield-group:has(.os-form-control:focus) { border-color: var(--latepoint-brand-primary); } .latepoint-w .os-form-group.os-form-phonefield-group .lp_iti__selected-dial-code { color: #32373c; font-weight: 400; font-size: 15px !important; white-space: nowrap; margin-left: 4px; line-height: 1.2; } .latepoint-w .os-form-group.os-form-phonefield-group.os-invalid { border-color: #eb3a3a; } .latepoint-w .os-form-group.os-form-phonefield-group.os-invalid:has(.os-form-control:focus) { border-color: #eb3a3a; } .latepoint-w .os-form-group.os-form-phonefield-group .lp_iti__selected-flag { padding: 12px 4px 12px 10px; transition: all 0.2s ease; } .latepoint-w .os-form-group.os-form-phonefield-group .os-form-control, .latepoint-w .os-form-group.os-form-phonefield-group input.os-form-control { border: none !important; } .latepoint-w .os-form-group.os-form-phonefield-group .os-form-control.os-mask-phone, .latepoint-w .os-form-group.os-form-phonefield-group input.os-form-control.os-mask-phone { padding-left: 0px !important; border-left: none !important; } .latepoint-w .os-form-group.os-form-phonefield-group .os-form-control.os-mask-phone.invalid, .latepoint-w .os-form-group.os-form-phonefield-group input.os-form-control.os-mask-phone.invalid { border-color: #f16161 !important; } .latepoint-w .os-form-group.os-form-phonefield-group:not(.has-value) .lp_iti.lp_iti--allow-dropdown { align-items: center; } .latepoint-w .os-form-group.os-form-phonefield-group:not(.has-value) .lp_iti__selected-flag { padding-top: 10px; padding-bottom: 10px; } .latepoint-w .os-form-group.os-form-phonefield-group.has-value .lp_iti__selected-flag { padding-top: 19px; padding-bottom: 5px; } .latepoint-w .os-form-group.os-form-phonefield-group.has-value input.os-form-control.os-mask-phone { padding-left: 0px !important; padding-top: 18px !important; } .latepoint-w .os-form-buttons.os-flex { display: flex; align-items: center; } .latepoint-w .os-form-buttons.os-flex.os-space-between { justify-content: space-between; } .latepoint-w .os-form-buttons .os-form-group { display: inline-block; margin-bottom: 0px !important; } .latepoint-w .os-form-buttons .os-form-group .latepoint-btn { margin-right: 5px; } .latepoint-w .os-form-header { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .latepoint-w .os-form-header h2, .latepoint-w .os-form-header h3, .latepoint-w .os-form-header h4 { margin-bottom: 5px; margin-top: 0px; } .latepoint-w .os-form-desc { color: rgba(0, 0, 0, 0.7); } .latepoint-w .os-image-container { border: 5px solid #fff; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); border-radius: 6px; max-width: 100px; margin-bottom: 10px; min-height: 50px; } .latepoint-w .os-image-container img { border-radius: 4px; width: 100%; height: auto; display: block; } .latepoint-w .settings-image-selector { margin: 20px 0px; } .latepoint-w .os-form-message-w { padding: 12px 20px; background-color: #f9f9f9; color: #333; margin-bottom: 20px; font-weight: 600; border-radius: 0px; } .latepoint-w .os-form-message-w ul { list-style: none; margin: 0px; padding: 0px; } .latepoint-w .os-form-message-w ul li { margin-bottom: 10px; } .latepoint-w .os-form-message-w ul li:last-child { margin-bottom: 0px; } .latepoint-w .os-form-message-w.status-error { background-color: #fff4f4; color: #d00c0c; border: 2px solid #f75160; } .latepoint-w .os-form-message-w.status-success { background-color: #e0fbd1; color: #437724; } .text-center { text-align: center; } .os-row { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-left: -7px; margin-right: -7px; } .os-col-8 { flex: 0 0 66.6%; padding: 0px 7px; } .os-col-4 { flex: 0 0 33.3%; padding: 0px 7px; } .os-col-3 { flex: 0 0 25%; padding: 0px 7px; } .os-col-9 { flex: 0 0 75%; padding: 0px 7px; } .os-col-6 { flex: 0 0 50%; padding: 0px 7px; } .os-col-12 { flex: 0 0 100%; padding: 0px 7px; } @media (max-width: 600px) { .os-col-sm-12 { flex: 0 0 100%; padding: 0px 7px; } } .latepoint-login-form-w.os-form-w { max-width: 470px; margin: 30px auto !important; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 10px 25px rgba(0, 0, 0, 0.1); padding: 40px; background-color: #fff; } .latepoint-login-form-w.os-form-w h4 { margin: 0px; margin-bottom: 15px; padding: 0px; color: #14161d; } .latepoint-login-form-w.os-form-w .os-form-group:last-child { margin-bottom: 0px; } .latepoint-login-form-w.os-form-w .os-form-buttons { justify-content: space-between; } .os-password-reset-form-w { position: relative; } .os-password-reset-form-w .password-reset-back-to-login { position: absolute; top: 10px; right: 10px; font-size: 12px; align-items: center; color: #bd3d3d; } .os-password-reset-form-w .password-reset-back-to-login span { margin-right: 5px; } .os-password-reset-form-w .password-reset-back-to-login span, .os-password-reset-form-w .password-reset-back-to-login i { display: inline-block; vertical-align: middle; } .os-notifications { position: fixed; left: 50%; transform: translateX(-50%); top: 20px; z-index: 1000001; display: flex; flex-direction: column-reverse; } .os-notifications .os-notification-close { position: absolute; top: 50%; right: 5px; cursor: pointer; padding: 5px; font-size: 14px; transform: translateY(-50%); display: block; line-height: 1; } .os-notifications .item { padding: 14px 30px; background-color: rgba(29, 210, 101, 0.95); color: #fff; font-weight: 600; font-size: 18px; min-width: 500px; text-align: center; padding-right: 40px; position: relative; } .os-notifications .item + .item { margin-bottom: 10px; } @keyframes selectedSlotCheckmark { 0% { transform: rotate(-65deg) scale(0.5); } 100% { transform: rotate(0deg) scale(1); } } @keyframes latepointFadeUp { 0% { transform: translate3d(0, 40px, 0); opacity: 0; } 100% { transform: translate3d(0, 0px, 0); opacity: 1; } } @keyframes up10op { 0% { transform: translate3d(0, 10px, 0); opacity: 0; } 100% { transform: translate3d(0, 0px, 0); opacity: 1; } } @keyframes up10 { 0% { transform: translate3d(0, 10px, 0); } 100% { transform: translate3d(0, 0px, 0); } } @keyframes up20op { 0% { transform: translate3d(0, 20px, 0); opacity: 0; } 100% { transform: translate3d(0, 0px, 0); opacity: 1; } } @keyframes rotateScale { 0% { transform: scale(0.4) rotate(-90deg); opacity: 0; } 100% { transform: scale(1) rotate(0deg); opacity: 1; } } @keyframes up20 { 0% { transform: translate3d(0, 20px, 0); } 100% { transform: translate3d(0, 0px, 0); } } @keyframes up40 { 0% { transform: translate3d(0, 20px, 0); } 100% { transform: translate3d(0, 0px, 0); } } @keyframes latepointMessage { 0% { transform: translate3d(0, -10px, 0); opacity: 0; } 100% { transform: translate3d(0, 0px, 0); opacity: 1; } } @keyframes latepointFadeDown { 0% { transform: translate3d(0, -40px, 0); opacity: 0; } 100% { transform: translate3d(0, 0px, 0); opacity: 1; } } @keyframes agentBio { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes osLightboxAnimation { 0% { transform: translate3d(0, 10%, 0); opacity: 0; } 100% { transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes latepointAvailabilityPopup { 0% { transform: translate3d(0, 0%, 0px); opacity: 0; } 100% { transform: translate3d(0, -65%, 0px); opacity: 1; } } @keyframes latepointAvailabilityPopupY { 0% { transform: translate3d(0%, -60%, 0px); opacity: 0; } 100% { transform: translate3d(0%, -115%, 0px); opacity: 1; } } @keyframes latepointNextBtn { 0% { transform: translate3d(-15px, 0px, 0) scale(0.9); opacity: 0; } 100% { transform: translate3d(0, 0px, 0) scale(1); opacity: 1; } } @keyframes latepointPrevBtn { 0% { transform: translate3d(15px, 0px, 0) scale(0.9); opacity: 0; } 100% { transform: translate3d(0, 0px, 0) scale(1); opacity: 1; } } @keyframes latepointContentPopup { 0% { transform: scale(0.9); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } .latepoint-login-form-w { animation: 0.6s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both latepointFadeUp; } .os-step-tab-content { animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s both latepointFadeUp; } .os-password-reset-form-w { animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s both latepointFadeUp; } .os-item-details-popup { animation: 0.4s cubic-bezier(0.45, 1.3, 0.6, 1) 0s both agentBio; } .item-details-popup-content-i { animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both latepointFadeUp; } .item-details-popup-head h3 { animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both latepointFadeDown; } .item-details-popup-head .item-details-popup-title { animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both latepointFadeDown; } .item-details-popup-feature-value { animation: 0.4s cubic-bezier(0, 1, 0.51, 1) 0.05s both latepointFadeUp; } .item-details-popup-feature-label { animation: 0.4s cubic-bezier(0, 1, 0.51, 1) 0.1s both latepointFadeUp; } .latepoint-lightbox-i { transform-origin: center center; animation: 0.5s cubic-bezier(0, 1, 0.51, 1) 0s both osLightboxAnimation; } .latepoint-message { animation: 0.15s cubic-bezier(0.45, 1.3, 0.6, 1.1) 0s both latepointMessage; } .a-up-10 { animation: 0.4s cubic-bezier(0.25, 1.4, 0.5, 1) 0s up10op; animation-fill-mode: both; } .a-up-10-opaque { animation: 0.4s cubic-bezier(0.25, 1.4, 0.5, 1) 0s up10; animation-fill-mode: both; } .a-up-20 { animation: 0.4s cubic-bezier(0.25, 1.4, 0.5, 1) 0s up20op; animation-fill-mode: both; } .a-up-20-opaque { animation: 0.4s cubic-bezier(0.25, 1.4, 0.5, 1) 0s up20; animation-fill-mode: both; } .a-up-40-opaque { animation: 0.6s cubic-bezier(0.35, 1.2, 0.7, 1) 0s up40; animation-fill-mode: both; } .a-rotate-scale { animation: 0.7s cubic-bezier(0.25, 1.4, 0.5, 1.35) 0s rotateScale; animation-fill-mode: both; } .a-delay-1 { animation-delay: 0.05s; } .a-delay-2 { animation-delay: 0.1s; } .a-delay-3 { animation-delay: 0.15s; } .a-delay-4 { animation-delay: 0.2s; } @keyframes os-loading-gradient { 0% { background-position: 0 0; } 100% { background-position: -200% 0; } } .clean-layout-content-wrapper { animation: 0.5s cubic-bezier(0.35, 1.2, 0.7, 1) 0s both up20; } .latepoint-clean-body .manage-booking-wrapper { animation: 0.5s cubic-bezier(0.35, 1.2, 0.7, 1) 0s both up20; } @keyframes latepointBlink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w .latepoint-heading-w { border-top-left-radius: 8px; } .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w .latepoint-footer { border-bottom-left-radius: 8px; } .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form, .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w { border-bottom-left-radius: 8px; border-top-left-radius: 8px; } .latepoint-w .latepoint-booking-form-element .lp-options .lp-option, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option { box-shadow: 0px 0px 0px 2px #E8EBEE; cursor: pointer; transition: transform 0.1s ease; } .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:focus-visible, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option:focus-visible { outline: 2px solid var(--latepoint-brand-primary); } .latepoint-w .latepoint-booking-form-element .lp-options .lp-option.selected, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option.selected { box-shadow: 0px 0px 0px 2px var(--latepoint-brand-primary); } .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 { color: var(--latepoint-brand-primary); } .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:hover, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option:hover { box-shadow: 0px 0px 0px 2px var(--latepoint-brand-primary); } .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 { color: var(--latepoint-brand-primary); } .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 { padding-bottom: 100%; background-size: contain; background-repeat: no-repeat; background-position: center center; transform-origin: center center; } .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 { font-weight: 600; color: var(--latepoint-body-color); font-size: 18px; padding: 10px; } .latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-grid { display: flex; justify-content: space-evenly; flex-wrap: wrap; } .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 { text-align: center; } .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 { padding: 15px; border-bottom: 1px solid #E8EBEE; } .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 { flex: 0 0 30%; } .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 { gap: 30px; } .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 { flex: 0 0 45%; } .latepoint-w .latepoint-booking-form-element .lp-options.lp-options-rows, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-rows { display: flex; flex-direction: column; } .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 { margin-bottom: 15px; display: flex; align-items: center; } .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 { flex: 0 0 50px; width: 50px; } .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 { padding: 10px 15px; border-right: 1px solid #E8EBEE; } .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 { flex: 1; padding-left: 20px; } .latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount-w, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount-w { padding: 20px 40px; border-bottom: 1px solid #E8EBEE; } .latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount { border-radius: 50%; padding-bottom: 100%; box-shadow: 0px 0px 0px 2px #14161d; position: relative; } .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 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight: 600; color: var(--latepoint-body-color); font-size: 16px; } .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 { background-color: #eee; box-shadow: none; } .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 { width: 50%; padding-bottom: 50%; background: #fff; border-radius: 70px 0px 0px 0px; box-shadow: 0px 0px 0px 2px #14161d, 0px 0px 0px 6px #fff; position: absolute; top: 0; left: 0; transform-origin: bottom right; transform: rotate(-45deg); } .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 { left: 0px; background-color: #fff; padding: 2px 0px; } .latepoint-w .latepoint-booking-form-element .os-items, .latepoint-w .latepoint-transaction-payment-form .os-items { margin: 0px !important; padding: 0px !important; } .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 { margin-top: 15px !important; } .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 { margin-top: 15px; } .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 { transform: translateX(3px); } .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 { border-color: var(--latepoint-brand-primary); box-shadow: 0 0 0 1px var(--latepoint-brand-primary); text-decoration: none; } .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 { cursor: pointer; display: flex; background: #FFFFFF; border: 1px solid #E5E7EE; align-items: center; box-shadow: none; outline: none; padding: 10px; color: var(--latepoint-body-color); text-decoration: none; } .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 { border-color: var(--latepoint-brand-primary); box-shadow: 0 0 0 1px var(--latepoint-brand-primary); text-decoration: none; } .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 { flex: 0 0 45px; height: 45px; background-size: contain; background-repeat: no-repeat; background-position: center center; text-align: center; margin-right: 15px; display: block; } .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 { font-size: 22px; line-height: 43px; } .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 { padding: 5px 0px; margin-right: auto; display: block; transition: transform 0.2s ease-out; } .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 { font-weight: 600; font-size: 17px; display: block; } .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 { color: #7c85a3; font-size: 13px; display: block; margin-top: 3px; } .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 { display: block; color: #7c85a3; font-size: 12px; transition: transform 0.2s ease; } .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 { border-left: 1px solid rgba(0, 0, 0, 0.05); padding-left: 15px; margin-left: 10px; text-align: center; display: block; } .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 { display: block; color: var(--latepoint-brand-primary); line-height: 1.1; font-weight: 600; font-family: "latepoint", "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace; font-size: 16px; } .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 { display: block; color: #7c85a3; font-size: 12px; white-space: nowrap; } .latepoint-w .latepoint-booking-form-element .os-items .os-item:last-child, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item:last-child { margin-bottom: 0px; } .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 { padding: 5px 0px; } .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 { padding-left: 50px; } .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 { background-color: #fff; color: #fff; padding: 3px; font-size: 12px; font-family: "latepointIcons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e903"; position: absolute; top: 50%; left: 15px; display: block; transform: translateY(-50%); box-shadow: inset 0px 0px 0px 1px #d8dbe3; } .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 { background-color: var(--latepoint-brand-primary); box-shadow: none; } .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 { box-shadow: none; } .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 { display: none; } .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 { display: none; } .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 { margin-top: 15px; } .latepoint-w .latepoint-booking-form-element .os-items.os-as-grid, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid { display: grid; } .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 { text-align: center; } .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 { grid-column: 1/4; } .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 { padding: 15px 20px; } .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 { padding: 15px 20px; } .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 { display: none; } .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 { text-align: left; font-weight: 600; font-size: 18px; } .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 { display: block; padding: 10px; height: 100%; } .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 { padding-bottom: 0px; padding-top: 10px; border-top: 1px solid #eee; } .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 { flex: 1; height: auto; padding-bottom: 100%; margin: 0px; } .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 { padding: 0 15px 15px; } .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 { background-size: cover; background-position: center center; padding-bottom: 100%; background-repeat: no-repeat; } .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 { padding: 25px 10px 15px; } .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 { grid-template-columns: 1fr 1fr 1fr; column-gap: 15px; row-gap: 15px; } .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 { font-size: 13px; padding: 0px; font-weight: 600; opacity: 0; position: absolute; bottom: 0px; left: 0px; right: 0px; max-width: 100%; z-index: 1; border: none; transition: transform 0.2s ease; display: inline-block; } .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 { color: var(--latepoint-brand-primary); display: inline-block; border-bottom: 1px dotted color-mix(in srgb, var(--latepoint-brand-primary) 50%, transparent); padding: 2px 0px 1px; } .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 { padding-left: 5px; padding-right: 5px; color: #fff; background-color: var(--latepoint-brand-primary); border-color: transparent; } .latepoint-w .latepoint-booking-form-element .os-items .os-item, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item { position: relative; } .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 { transition: transform 0.2s ease; z-index: 2; position: relative; } .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 { transition: transform 0.2s ease; } .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 { transform-origin: center center; transform: translateY(-8px) scale(0.9); } .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 { transform: translateY(-18px); } .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 { opacity: 1; transform: translateY(-7px); } .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 { border-color: var(--latepoint-brand-primary); } .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 { margin-top: 0px !important; } .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded { border-radius: 8px; } .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 { border-radius: 8px; } .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 { border-radius: 8px; } .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 { border-radius: 6px; } .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 { border-radius: 50%; } .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 { border-top-right-radius: 8px; } .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 { border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .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 { border-bottom-right-radius: 8px; } .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w, .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, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-form { border-bottom-right-radius: 8px; border-top-right-radius: 8px; } .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 { border-radius: 8px !important; } .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 { border-radius: 8px; } .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .dp-timebox, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .dp-timebox { border-radius: 8px; } .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 { border-radius: 8px; } .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 { border-radius: 8px; } .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-password-reset-form-holder .os-password-reset-form-w, .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, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-confirmation-w .step-confirmation-set-password { border-radius: 8px; } .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .info-box, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .info-box { border-radius: 8px; } .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 { border-radius: 8px; } .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 { border-radius: 8px; } .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-message, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-message { border-radius: 8px; } .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input, .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-payment-w .payment-total-info .applied-coupon-code, .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, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-payment-w .payment-total-info .applied-coupon-code, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-payment-w .payment-total-info .coupon-code-input-w .coupon-code-input-submit { border-radius: 8px !important; } .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 { border-radius: 8px; } .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 { border-radius: 8px; } .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 { border-radius: 8px; } .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 { border-radius: 8px; } .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 { border-radius: 8px; } .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 { border-radius: 8px 0px 0px 8px; } .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 { border-radius: 0px 8px 8px 0px; } .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 { border-radius: 8px; } .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 { border-radius: 8px; } .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 { border-radius: 8px; } .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 { padding: 5px 15px 5px 15px; } .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 { border-radius: 50%; background-size: cover; background-position: center center; padding-bottom: 100%; } .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 { border-radius: 6px; } .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-btn, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-btn { border-radius: 8px; } .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 { border-radius: 8px; } .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 { border-radius: 8px; } .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-file-upload-group .os-uploaded-file-info, .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], .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-select-group .os-form-control, .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-select-group input.os-form-control, .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-textfield-group .os-form-control, .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, .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], .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-select-group .os-form-control, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-select-group input.os-form-control, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-textfield-group .os-form-control, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-textfield-group input.os-form-control { border-radius: 8px !important; } .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 { border-radius: 0 8px 8px 0 !important; } .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 { border-radius: 8px 0 0 8px; } .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 { border-radius: 8px; } .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 { display: none; } .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 { position: relative; z-index: 2; } .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 { border-color: var(--latepoint-brand-primary); } .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 { z-index: 2; position: relative; } .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 { position: relative; } .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 { font-size: 16px; } .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 { border-color: var(--latepoint-brand-primary); } .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 { margin-top: 0px; box-shadow: none; } .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 { border: none; } .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 { display: none; } .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 { border-color: var(--latepoint-brand-primary); box-shadow: 0 0 0 1px var(--latepoint-brand-primary); text-decoration: none; } .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 { flex: 0 0 40px; height: 40px; background-size: contain; background-repeat: no-repeat; background-position: center center; text-align: center; margin-right: 15px; display: block; } .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 { display: block; font-weight: 600; font-size: 18px; display: block; margin-right: auto; flex: 1; transition: transform 0.2s ease; } .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 { display: block; color: #7c85a3; font-size: 12px; transform: translateX(-40px); transition: transform 0.2s ease; } .latepoint-w .latepoint-booking-form-element .os-item-category-w.selected, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected { box-shadow: none; } .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 { display: block; border-bottom: 1px solid #E5E7EE; background-color: #F4F6F9; border-top: none; position: relative; } .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 { border-bottom: none; } .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 { opacity: 0; } .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 { transform: translateX(0); } .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 { content: ""; position: absolute; top: 50%; left: 25px; font-family: "latepointIcons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e902"; font-size: 10px; transform: translateY(-50%); color: #7c85a3; transition: all 0.2s ease; } .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 { opacity: 0; transform: translate(5px, -50%); } .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 { transform: translate(-5px, -50%); color: var(--latepoint-brand-primary); } .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 { color: var(--latepoint-brand-primary); } .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 { display: block; } .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) { display: none; } .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 { display: none; } .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) { border: none; } .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 { display: none; } .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 { display: block; } .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, .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, .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 { display: block; } .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 { border-bottom-right-radius: 0; border-top-right-radius: 0; } .latepoint-resources-items-w { display: grid; margin: 40px 0px; align-items: start; } .latepoint-resources-items-w.resources-columns-2 { grid-template-columns: 1fr 1fr; grid-gap: 50px; } .latepoint-resources-items-w.resources-columns-3 { grid-template-columns: 1fr 1fr 1fr; grid-gap: 40px; } .latepoint-resources-items-w.resources-columns-4 { grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 30px; } .latepoint-resources-items-w.resources-columns-5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 20px; } .latepoint-resources-items-w .resource-item { box-shadow: 0 2px 18px -6px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1); padding: 20px; background-color: #fff; transition: all 0.2s ease; height: 100%; overflow: hidden; } .latepoint-resources-items-w .resource-item.ri-centered { text-align: center; } .latepoint-resources-items-w .resource-item:hover { box-shadow: 0 5px 24px -9px rgba(0, 0, 0, 0.4), 0 3px 6px 0 rgba(0, 0, 0, 0.2); transform: translateY(-2px); } .latepoint-resources-items-w .resource-item .ri-avatar { border-radius: 50%; width: 80px; height: 80px; background-position: center center; background-size: cover; background-repeat: no-repeat; margin: 0 auto 20px auto; } .latepoint-resources-items-w .resource-item .ri-map { margin: -20px -20px 0 -20px; margin-bottom: 25px; } .latepoint-resources-items-w .resource-item .ri-media { padding-bottom: 75%; margin: -20px -20px 0 -20px; background-size: cover; background-repeat: no-repeat; background-position: bottom center; margin-bottom: 25px; } .latepoint-resources-items-w .resource-item .ri-name h3 { margin: 10px 0px; font-size: 22px; } .latepoint-resources-items-w .resource-item .ri-title { color: var(--latepoint-brand-primary); font-weight: 600; font-size: 15px; } .latepoint-resources-items-w .resource-item .ri-price { color: var(--latepoint-brand-primary); font-weight: 600; font-size: 20px; margin-bottom: 10px; } .latepoint-resources-items-w .resource-item .ri-description { color: #7c85a3; font-size: 15px; font-weight: 400; margin-bottom: 10px; line-height: 1.3; } .latepoint-resources-items-w .resource-item .ri-external-link { margin-left: 3px; display: inline-block; } .latepoint-resources-items-w .resource-item .ri-buttons { margin-top: 20px; } .latepoint .customer-dashboard-tabs { display: flex; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin: 20px 0px 30px; } .latepoint .customer-dashboard-tabs a { display: block; padding: 10px 0px; font-weight: 600; text-decoration: none; color: #7c85a3; position: relative; font-size: 21px; margin-right: 30px; } .latepoint .customer-dashboard-tabs a:focus, .latepoint .customer-dashboard-tabs a:hover { text-decoration: none; color: var(--latepoint-body-color); } .latepoint .customer-dashboard-tabs a:after { content: ""; height: 2px; background-color: var(--latepoint-brand-primary); left: 0px; bottom: -1px; display: block; position: absolute; } .latepoint .customer-dashboard-tabs a.active { color: var(--latepoint-brand-primary); } .latepoint .customer-dashboard-tabs a.active:after { width: 100%; } .customer-orders-tiles { display: grid; grid-gap: 30px; grid-template-columns: 1fr 1fr 1fr; } .customer-orders-tiles .customer-order { background: #FFFFFF; border: 1px solid #ddd; padding: 25px; color: #222; align-self: flex-start; position: relative; } .customer-orders-tiles .customer-order .customer-order-confirmation { font-size: 25px; font-weight: 600; color: #14161d; } .customer-orders-tiles .customer-order .customer-order-datetime { color: #7c85a3; font-size: 15px; margin-bottom: 20px; } .customer-orders-tiles .customer-order .summary-price-item-w.spi-total { border-top-width: 2px; } .customer-orders-tiles .customer-order .customer-order-bottom-actions { display: flex; gap: 20px; margin-top: 20px; padding-top: 20px; border-top: 1px solid #f1f1f1; } .customer-bookings-tiles { display: grid; grid-gap: 30px; grid-template-columns: 1fr 1fr 1fr; margin-bottom: 40px; } .customer-bookings-tiles .new-booking-tile { border: 2px dotted color-mix(in srgb, var(--latepoint-brand-primary) 20%, transparent); opacity: 0.7; display: flex; flex-direction: column; text-align: center; color: var(--latepoint-brand-primary); position: relative; padding: 30px 20px; min-height: 100px; text-decoration: none !important; } .customer-bookings-tiles .new-booking-tile i, .customer-bookings-tiles .new-booking-tile span { display: block; } .customer-bookings-tiles .new-booking-tile i { margin-top: auto; font-size: 21px; } .customer-bookings-tiles .new-booking-tile span { margin-top: 15px; margin-bottom: auto; font-weight: 600; font-size: 21px; } .customer-bookings-tiles .new-booking-tile:hover { opacity: 1; border-color: var(--latepoint-brand-primary); border-style: solid; } .customer-bookings-tiles .new-booking-tile.os-loading { color: transparent; } .customer-bookings-tiles .new-booking-tile.os-loading:before { display: block; content: ""; width: 30px !important; height: 30px !important; border-bottom: 2px solid var(--latepoint-brand-primary); border-left: 2px solid var(--latepoint-brand-primary); border-top: 2px solid var(--latepoint-brand-primary); border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; } .customer-bookings-tiles .customer-booking { background: #FFFFFF; border: 1px solid #ddd; padding: 25px; color: #222; align-self: flex-start; position: relative; } .customer-bookings-tiles .customer-booking .bt-payment-actions { margin-top: 20px; padding-top: 20px; border-top: 1px solid #f1f1f1; } .customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-info { display: flex; align-items: center; } .customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-label { color: #7c85a3; } .customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-amount { margin-left: auto; font-weight: 600; color: #14161d; font-size: 21px; } .customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-pay-link { margin-left: auto; display: flex; padding-top: 5px; } .customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-pay-link a { font-size: 15px; text-decoration: none; margin-left: auto; color: var(--latepoint-brand-primary); border-bottom: 1px dotted var(--latepoint-brand-primary); display: inline-block; position: relative; } .customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-pay-link a:hover { border-bottom-style: solid; } .customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-pay-link a.os-loading { border-bottom-color: transparent; color: transparent; } .customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-pay-link a.os-loading:before { display: block; content: ""; width: 15px !important; height: 15px !important; border-bottom: 2px solid var(--latepoint-brand-primary); border-left: 2px solid var(--latepoint-brand-primary); border-top: 2px solid var(--latepoint-brand-primary); border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; } .customer-bookings-tiles h6.customer-booking-service-name { color: #14161d; padding-bottom: 5px; margin: 0px; text-align: left; text-transform: none; font-size: 21px; line-height: 1.2; } .customer-bookings-tiles .part-of-bundle-message { padding: 8px; background-color: #f1f3ff; margin-bottom: 15px; font-size: 12px; } .customer-bookings-tiles .part-of-bundle-message a { color: var(--latepoint-brand-primary); text-decoration: none; border-bottom: 1px dotted var(--latepoint-brand-primary); } .customer-bookings-tiles .customer-booking-datetime { margin-bottom: 10px; color: #14161d; } .customer-bookings-tiles .customer-booking-datetime span { color: #7c85a3; } .customer-bookings-tiles .customer-booking-service-color { height: 1px; background-color: #eee; } .customer-bookings-tiles .customer-booking-info { margin: 20px 0px; padding: 0px; font-size: 16px; } .customer-bookings-tiles .customer-booking-info .customer-booking-info-row { display: flex; margin: 10px 0px; } .customer-bookings-tiles .customer-booking-info .booking-info-label { flex: 0 1 80px; color: #7c85a3; } .customer-bookings-tiles .customer-booking-info .booking-info-value { font-weight: 600; } .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 { font-size: 13px; padding: 2px 5px; } .customer-bookings-tiles .customer-booking-info .booking-info-value.status-approved { background-color: #45b782; color: #fff; } .customer-bookings-tiles .customer-booking-info .booking-info-value.status-pending { background-color: #fde29f; color: #3a2f15; } .customer-bookings-tiles .customer-booking-info .booking-info-value.status-cancelled { background-color: #e63c26; color: #fff; } .customer-bookings-tiles .customer-booking-buttons { display: flex; gap: 20px; padding-bottom: 10px; } .customer-bookings-tiles .customer-booking-buttons .latepoint-btn { display: block; padding: 5px 0px; white-space: nowrap; font-size: 14px; } .customer-bookings-tiles .customer-booking-buttons .latepoint-btn i + span { margin-left: 4px; } .latepoint-customer-timezone-selector-w { position: relative; margin-top: -10px; } .latepoint-customer-timezone-selector-w.os-loading label { position: relative; } .latepoint-customer-timezone-selector-w.os-loading label:before { display: block; content: ""; width: 12px !important; height: 12px !important; border-bottom: 2px solid var(--latepoint-body-color); border-left: 2px solid var(--latepoint-body-color); border-top: 2px solid var(--latepoint-body-color); border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; right: auto; left: -15px; top: 50%; z-index: 9999; } .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group { display: flex; align-items: center; } .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group label { display: block !important; font-size: 16px; font-weight: 600; color: #7c85a3; white-space: nowrap; margin-right: 5px; margin-bottom: 0px; margin-left: auto; } .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group select.os-form-control { width: 240px; height: 34px !important; padding: 0px 3px !important; } .customer-password-form-w { margin-top: 40px; } .os-zoom-info-link { background-color: #eff5ff; border: 1px solid #bcc6f1; border-bottom-color: #a7b4ed; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05); display: flex; align-items: center; margin-top: 20px; font-weight: 600; } .os-zoom-info-link img { display: block; width: 20px; height: 20px; margin: 5px 10px; flex: 0; } .os-zoom-info-link a { flex: 1; font-size: 15px; display: block; padding: 10px 25px 10px 10px; position: relative; text-decoration: none; background-color: rgba(255, 255, 255, 0.3); white-space: nowrap; color: var(--latepoint-brand-primary); } .os-zoom-info-link a:hover { background-color: #fff; } .os-zoom-info-link a:before { font-family: "latepointIcons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e904"; position: absolute; top: 50%; right: 10px; font-size: 8px; transform: translateY(-50%); } .customer-booking-bottom-actions { display: flex; align-items: center; gap: 20px; padding-top: 15px; margin-top: 10px; border-top: 1px solid #eee; justify-content: stretch; flex-wrap: wrap; } .customer-booking-bottom-actions .latepoint-btn { padding: 7px 10px; justify-content: center; align-items: center; white-space: nowrap; display: flex; } .customer-booking-bottom-actions > div { flex: 1; } .reschedule-calendar-wrapper { } .reschedule-calendar-wrapper .os-weekdays { display: flex; align-items: center; } .reschedule-calendar-wrapper .os-weekdays .weekday { background-color: #f5f5f5; flex: 1; text-transform: uppercase; font-size: 20px; color: #adadae; font-weight: 600; letter-spacing: 2px; text-align: left; padding: 5px 0 0 15px; line-height: 1; border-left: 1px solid #ddd; } .reschedule-calendar-wrapper .os-weekdays .weekday:first-child { border-left-color: transparent; margin-left: 15px; padding-left: 0; } .reschedule-calendar-wrapper .os-current-month-label-w { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 0 0 0 14px; } .reschedule-calendar-wrapper .os-current-month-label-w .os-month-control-buttons-w { display: flex; gap: 15px; } .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn, .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn { border: none; font-size: 16px; background-color: transparent !important; box-shadow: none; outline: none; color: #111; margin: 0px; line-height: 1; vertical-align: middle; display: inline-block; cursor: pointer; padding: 5px; position: relative; } .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn:focus-visible, .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn:focus-visible { outline: 2px solid var(--latepoint-brand-primary) !important; } .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn.os-loading, .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.os-loading { color: transparent !important; } .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, .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.os-loading span, .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.os-loading i { color: transparent !important; } .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn.os-loading:after, .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.os-loading:after { display: block; content: ""; width: 14px; height: 14px; border-bottom: 2px solid var(--latepoint-body-color); border-left: 2px solid var(--latepoint-body-color); border-top: 2px solid var(--latepoint-body-color); border-right: 2px solid rgba(0, 0, 0, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; } .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn:hover, .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn:hover { color: var(--latepoint-brand-primary); } .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn:focus, .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn:focus { outline: none; } .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn.disabled, .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.disabled { color: rgba(0, 0, 0, 0.1); } .reschedule-calendar-wrapper .os-current-month-label-w .os-current-month-label { text-align: center; font-weight: 600; font-size: 17px; margin-bottom: 10px; color: var(--latepoint-body-color); display: flex; align-items: baseline; } .reschedule-calendar-wrapper .os-current-month-label-w .os-current-month-label .current-year { display: inline-block; vertical-align: middle; color: color-mix(in srgb, var(--latepoint-body-color) 40%, transparent); margin-left: 5px; } .reschedule-calendar-wrapper .os-current-month-label-w .os-current-month-label .current-month { display: inline-block; vertical-align: middle; font-size: 32px; } .reschedule-calendar-wrapper .os-monthly-calendar-days-w { display: none; } .reschedule-calendar-wrapper .os-monthly-calendar-days-w.active { display: block; } .reschedule-calendar-wrapper .os-monthly-calendar-days-w.hide-if-single-slot .os-day.os-one-slot-only .os-day-status { display: none; } .reschedule-calendar-wrapper .os-monthly-calendar-days-w.hide-if-single-slot .os-day.selected:after { font-family: "latepointIcons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e903"; background-color: var(--latepoint-brand-primary); box-shadow: 0px 0px 0px 2px #fff; border-radius: 50%; width: 14px; line-height: 14px; height: 14px; bottom: 50%; left: 50%; font-size: 10px; text-align: center; position: absolute; color: #fff; transform: translate(11px, -10px); } .reschedule-calendar-wrapper .step-datepicker-w { position: relative; } .reschedule-calendar-wrapper .step-datepicker-w .dp-capacity, .reschedule-calendar-wrapper .reschedule-calendar-datepicker .dp-capacity { position: absolute; top: 0; left: 15px; background-color: #111; padding: 4px 6px; color: #fff; font-weight: 600; display: none; white-space: nowrap; z-index: 9999; font-size: 15px; animation: 0.1s ease latepointAvailabilityPopup; animation-fill-mode: both; } .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 { display: block; } .reschedule-calendar-wrapper .os-monthly-calendar-days { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day { text-align: left; font-size: 20px; font-weight: 600; cursor: pointer; position: relative; border-left: 1px solid rgba(0, 0, 0, 0.08); } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:nth-child(7n+1) { border-left-color: transparent; } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:focus { outline: none; } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:focus-visible { outline: 2px solid var(--latepoint-brand-primary); } .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 { color: #B7BCCB; background-color: #fff; } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available { cursor: not-allowed; } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box { background-color: transparent; } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-status { background-color: #f7f7f7; } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-number { color: #adadae; } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available.selected .os-day-box { background-color: #ec7376; } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available.selected .os-day-box .os-day-number { color: #fff; } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-passed .os-day-box { background-color: transparent; } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-passed .os-day-box .os-day-number { color: #bdc5da; } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-today.os-month-current .os-day-box .os-day-number { background-color: #fff0c7; } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-next, .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-prev { border-left-color: transparent; } .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 { pointer-events: none; background-color: transparent; } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-next .os-day-box .os-day-status, .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-prev .os-day-box .os-day-status { display: none; } .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 { opacity: 1; } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-next .os-day-box .os-day-number, .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-prev .os-day-box .os-day-number { color: transparent !important; } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day .os-day-box { padding: 15px 0px 15px 15px; position: relative; } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day .os-available-slots-tooltip { position: absolute; top: 0; left: 15px; background-color: #111; padding: 4px 6px; color: #fff; font-weight: 600; display: none; white-space: nowrap; z-index: 9999; font-size: 15px; animation: 0.1s ease latepointAvailabilityPopup; animation-fill-mode: both; } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:nth-child(7n) .os-available-slots-tooltip, .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:nth-child(7n+6) .os-available-slots-tooltip { left: auto; right: 0; } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day .os-day-number { color: #14161d; transition: all 0.1s ease; } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day .os-day-status { transition: all 0.1s ease; } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-prev, .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-next { cursor: default; } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-next { display: none; } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:hover .os-day-box .os-day-number { transform: scale(1.2); transform-origin: bottom left; white-space: nowrap; } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:hover .os-day-box:hover .os-available-slots-tooltip { display: block; } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:hover .os-day-status { height: 10px; } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box { background-color: var(--latepoint-brand-primary); border-color: transparent; color: #fff; opacity: 1; padding-left: 0; } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box .os-day-number { background-color: transparent; color: #fff; transform: scale(1.2); transform-origin: center center; text-align: center; } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box .os-day-status { display: none; } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box:hover .os-available-slots-tooltip { display: none; } .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next).os-today .os-day-box .os-day-number { background-color: transparent; } .reschedule-calendar-wrapper .os-day-status { margin: 0px; height: 6px; position: absolute; border-radius: 0px; overflow: hidden; bottom: 6px; left: 15px; right: 0px; background-color: #e6e9ef; } .reschedule-calendar-wrapper .os-day-status .day-available { background-color: #8fe286; top: 0px; bottom: 0px; position: absolute; z-index: 1; min-width: 3px; } .reschedule-calendar-wrapper .times-header { color: #16171d; font-size: 17px; font-weight: 400; text-align: center; padding-bottom: 10px; } .reschedule-calendar-wrapper .times-header span { color: var(--latepoint-brand-primary); border-bottom: 1px dotted var(--latepoint-brand-primary); } .reschedule-calendar-wrapper .os-calendar-searching-info { padding-left: 35px; font-size: 15px; position: relative; font-weight: 600; display: none; } .reschedule-calendar-wrapper .os-calendar-searching-info:before { display: block; content: ""; width: 20px !important; height: 20px !important; border-bottom: 2px solid var(--latepoint-brand-primary); border-left: 2px solid var(--latepoint-brand-primary); border-top: 2px solid var(--latepoint-brand-primary); border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; left: 10px; } .reschedule-calendar-wrapper .os-dates-and-times-w.is-searching .os-calendar-searching-info { display: block; } .reschedule-calendar-wrapper .os-dates-and-times-w.is-searching .os-calendar-while-searching-wrapper { display: none; } .reschedule-calendar-wrapper .os-dates-and-times-w.is-searching .os-timezone-info-wrapper { display: none; } .reschedule-calendar-wrapper .os-dates-w { margin: 0 0 0 -15px; } .reschedule-calendar-wrapper .os-times-w { position: relative; } .reschedule-calendar-wrapper .timeslots { display: flex; justify-content: space-between; } .reschedule-calendar-wrapper .timeslots .not-working-message { flex: 1; padding: 3px 5px; text-align: center; background-color: #f7e8e8; color: #752f2f; font-weight: 600; } .reschedule-calendar-wrapper .dp-timebox { white-space: nowrap; text-align: center; padding: 6px 3px; line-height: 1.2; background-color: #d6ffd1; font-size: 15px; color: #14161d; cursor: pointer; font-weight: 600; position: relative; width: auto !important; max-width: none !important; } .reschedule-calendar-wrapper .dp-timebox:focus { outline: none; box-shadow: none; } .reschedule-calendar-wrapper .dp-timebox:focus-visible { outline: 2px solid var(--latepoint-brand-primary); } .reschedule-calendar-wrapper .dp-timebox .dp-tick, .reschedule-calendar-wrapper .dp-timebox .dp-success-label { display: none !important; } .reschedule-calendar-wrapper .dp-timebox:hover { background-color: #c0fbb8; } .reschedule-calendar-wrapper .dp-timebox.is-off, .reschedule-calendar-wrapper .dp-timebox.is-booked { color: #b3b3b3; background-color: #f7f7f7; box-shadow: none; cursor: not-allowed; } .reschedule-calendar-wrapper .dp-timebox.selected { background-color: var(--latepoint-brand-primary); color: #fff; box-shadow: none; } .reschedule-calendar-wrapper .dp-timebox.selected:after { font-family: "latepointIcons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e903"; background-color: var(--latepoint-brand-primary); box-shadow: 0px 0px 0px 2px #fff; border-radius: 50%; width: 14px; line-height: 14px; height: 14px; top: -5px; right: -5px; font-size: 10px; text-align: center; position: absolute; color: #fff; animation: 0.2s ease 0s selectedSlotCheckmark; animation-fill-mode: both; } .reschedule-calendar-wrapper .time-selector-w { display: none; margin-top: 20px; margin-left: -2px; margin-right: -2px; } .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 { display: none; } .reschedule-calendar-wrapper .time-selector-w .th-timezone { text-transform: uppercase; font-size: 10px; letter-spacing: 0.5px; margin-top: 4px; } .reschedule-calendar-wrapper .time-selector-w .th-timezone strong { color: #7c85a3; } .reschedule-calendar-wrapper .time-selector-w.style-timebox { margin-top: 20px; } .reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; } .reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots.slots-not-available { grid-template-columns: repeat(1, 1fr) !important; } .reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots .not-working-message { border-radius: 4px; padding: 6px; } .reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots .dp-timebox .dp-label-capacity { display: none; } .reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots .dp-timebox.is-off { display: none; } .reschedule-calendar-wrapper .time-selector-w.style-timebox .times-header { display: flex; align-items: center; margin-bottom: 10px; padding-top: 10px; } .reschedule-calendar-wrapper .time-selector-w.style-timebox .times-header .times-header-label { flex: 1; margin: 0px 15px; white-space: nowrap; font-weight: 600; } .reschedule-calendar-wrapper .time-selector-w.style-timebox .times-header .th-line { height: 1px; flex: 1; background-color: rgba(0, 0, 0, 0.1); content: ""; } .reschedule-calendar-wrapper .time-selector-w.style-timeline { padding-bottom: 30px; flex-wrap: nowrap; } .reschedule-calendar-wrapper .time-selector-w.with-end-time.time-system-12 .timeslots { grid-template-columns: repeat(2, 1fr); } .reschedule-calendar-wrapper .time-selector-w.with-end-time.time-system-12 .dp-timebox span.dp-label-end-time { opacity: 0.7; } .reschedule-calendar-wrapper .time-selector-w.with-end-time.time-system-24 .timeslots { grid-template-columns: repeat(3, 1fr); } .reschedule-calendar-wrapper .time-selector-w.with-end-time.time-system-24 .dp-timebox span.dp-label-end-time { opacity: 0.7; } .reschedule-calendar-wrapper .time-selector-w.without-end-time.time-system-12 .timeslots { grid-template-columns: repeat(4, 1fr); } .reschedule-calendar-wrapper .time-selector-w.without-end-time.time-system-24 .timeslots { grid-template-columns: repeat(5, 1fr); } .reschedule-calendar-wrapper .dp-timeslot { height: 24px; flex-grow: 1; margin: 0px; box-shadow: inset 1px 0px 0px 0px #fff, inset -1px 0px 0px 0px #fff; border-radius: 0px; position: relative; cursor: pointer; background-color: #8fe286; } .reschedule-calendar-wrapper .dp-timeslot:focus-visible { outline: 2px solid var(--latepoint-brand-primary); } .reschedule-calendar-wrapper .dp-timeslot .dp-tick { position: absolute; display: block; top: 34px; left: 50%; transform: translateX(-50%); font-size: 8px; text-align: center; color: rgba(0, 0, 0, 0.4); text-transform: uppercase; line-height: 1.4; font-weight: 600; letter-spacing: 1px; } .reschedule-calendar-wrapper .dp-timeslot .dp-tick strong { display: block; color: rgb(0, 0, 0); font-size: 11px; line-height: 1; letter-spacing: 0px; white-space: nowrap; } .reschedule-calendar-wrapper .dp-timeslot .dp-success-label { color: rgba(255, 255, 255, 0.8); display: block; text-align: center; margin-bottom: 4px; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; } .reschedule-calendar-wrapper .dp-timeslot .dp-label { display: none; text-align: center; padding: 7px 8px 7px 8px; line-height: 1; background-color: #04bb03; color: #fff; font-size: 12px; font-weight: 600; position: absolute; left: 50%; top: -8px; transform: translate(-50%, -100%); white-space: nowrap; transition: all 0.2s ease; z-index: 10; } .reschedule-calendar-wrapper .dp-timeslot .dp-label-capacity { display: block; color: rgba(255, 255, 255, 0.8); text-align: center; margin-bottom: 4px; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; } .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked), .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off) { background-color: var(--latepoint-brand-primary); z-index: 4; } .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked) .dp-label-capacity, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off) .dp-label-capacity { display: none; } .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked):hover, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off):hover { background-color: var(--latepoint-brand-primary); } .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked):after, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off):after { content: ""; position: absolute; width: 1px; left: 50%; transform: translateX(-50%); top: 0px; bottom: 0px; background-color: var(--latepoint-brand-primary); display: none; } .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked) .dp-label, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off) .dp-label { top: -3px; background-color: var(--latepoint-brand-primary); color: #fff; display: block; } .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked):before, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off):before { background-color: var(--latepoint-brand-primary); display: block; width: 10px; height: 10px; transform: translateX(-50%) rotate(45deg); top: -12px; left: 50%; } .reschedule-calendar-wrapper .dp-timeslot.is-booked { background-color: #e6e9ef; margin: 0px; cursor: not-allowed; } .reschedule-calendar-wrapper .dp-timeslot.is-booked:before { background-color: #E42806; } .reschedule-calendar-wrapper .dp-timeslot.is-booked .dp-label { background-color: #E42806; } .reschedule-calendar-wrapper .dp-timeslot.is-booked:hover { background-color: #E42806; } .reschedule-calendar-wrapper .dp-timeslot.is-off { background-color: #e6e9ef; margin: 0px; border-color: #fff; max-width: 25%; cursor: not-allowed; } .reschedule-calendar-wrapper .dp-timeslot.is-off:before { background-color: #E42806; } .reschedule-calendar-wrapper .dp-timeslot.is-off .dp-label { background-color: #E42806; } .reschedule-calendar-wrapper .dp-timeslot.is-off:hover { background-color: #e6e9ef; } .reschedule-calendar-wrapper .dp-timeslot.is-off:hover .dp-label { display: none; } .reschedule-calendar-wrapper .dp-timeslot.with-tick:after { content: ""; position: absolute; width: 1px; left: 50%; height: 3px; bottom: -7px; background-color: rgba(0, 0, 0, 0.4); } .reschedule-calendar-wrapper .dp-timeslot:hover { background-color: #04bb03; } .reschedule-calendar-wrapper .dp-timeslot:hover:before { top: 0px; } .reschedule-calendar-wrapper .dp-timeslot:hover .dp-label { display: block; } .reschedule-calendar-wrapper .os-weekdays { margin-top: 15px; border-top: 1px solid #f8f8f8; padding-top: 15px; } .reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn { right: 0; } .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn { left: 0; } .reschedule-calendar-wrapper .os-current-month-label-w .os-current-month-label { margin: 0; } .latepoint-lightbox-w .reschedule-confirmation-wrapper { text-align: center; } .latepoint-lightbox-w .reschedule-confirmation-wrapper .icon-w { margin-bottom: 20px; } .latepoint-lightbox-w .reschedule-confirmation-wrapper .icon-w i { background: #d1ffdd; padding: 15px; border-radius: 40px; color: #18a35b; font-size: 28px; display: inline-block; } .latepoint-lightbox-w .reschedule-confirmation-wrapper h2 { margin: 0; font-size: 32px; color: #14161d; } .latepoint-lightbox-w .reschedule-confirmation-wrapper .desc { font-size: 20px; margin-bottom: 30px; color: #7c85a3; } .latepoint-lightbox-w .reschedule-confirmation-wrapper .rescheduled-date-time-info .info-label { color: #7c85a3; margin-bottom: 5px; font-size: 17px; } .latepoint-lightbox-w .reschedule-confirmation-wrapper .rescheduled-date-time-info .info-value { font-weight: 600; font-size: 17px; } .bundle-services .bundle-included-service-wrapper { display: flex; padding: 10px 0; font-size: 15px; justify-content: space-between; } .bundle-services .bundle-included-service-wrapper .bundle-included-service-name { color: #7c85a3; } .bundle-services .bundle-included-service-wrapper .bundle-included-service-quantity { font-weight: 600; } .bundle-services .bundle-included-service-wrapper + .bundle-included-service-wrapper { border-top: 1px solid #f1f1f1; } .customer-bundle-tile { color: #222; align-self: flex-start; position: relative; } .customer-bundle-tile .customer-bundle-tile-inner { background: #FFFFFF; border: 1px solid #ddd; border-bottom-color: #ccc; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1); padding: 25px; position: relative; z-index: 3; } .customer-bundle-tile .customer-bundle-tile-shadow { z-index: 2; position: absolute; left: 6px; right: 6px; bottom: -5px; height: 10px; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4); background-color: #fff; } .customer-bundle-tile .customer-bundle-tile-shadow + .customer-bundle-tile-shadow { bottom: -11px; z-index: 1; left: 12px; right: 12px; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); } .customer-bundle-tile .bundle-main-info-wrapper { display: flex; justify-content: space-between; padding-bottom: 35px; border-bottom: 1px solid #f1f1f1; align-items: flex-start; } .customer-bundle-tile .bundle-main-info-wrapper .bundle-icon { padding: 10px; line-height: 20px; font-size: 20px; background-color: color-mix(in srgb, var(--latepoint-brand-primary) 10%, transparent); border-radius: 30px; color: var(--latepoint-brand-primary); } .customer-bundle-tile .bundle-main-info-wrapper .bundle-icon i { display: block; } .customer-bundle-tile .bundle-name { color: #14161d; padding-bottom: 5px; margin: 0px; text-align: left; text-transform: none; font-size: 21px; line-height: 1.2; } .customer-bundle-tile .bundle-order-info a { color: var(--latepoint-brand-primary); border-bottom: 1px dotted var(--latepoint-brand-primary); text-decoration: none; } .customer-bundle-tile .customer-bundle-bottom-actions { display: flex; align-items: center; gap: 20px; padding-top: 25px; border-top: 1px solid #eee; justify-content: stretch; } .customer-bundle-tile .customer-bundle-bottom-actions .latepoint-btn { padding: 7px 10px; } .latepoint-customer-bundle-scheduling-summary { padding: 30px; } .latepoint-customer-bundle-scheduling-summary .summary-box.main-box { padding: 0; display: block; } .latepoint-customer-bundle-scheduling-summary .summary-box .sbc-big-item { font-size: 27px; } .latepoint-customer-bundle-scheduling-summary .summary-box .sbc-subtle-item { display: none; } .latepoint-customer-bundle-scheduling-summary .bundle-order-small-info a { color: var(--latepoint-brand-primary); text-decoration: none; border-bottom: 1px dotted var(--latepoint-brand-primary); } .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown { border-top: 1px solid #f1f1f1; padding-top: 15px; margin-top: 20px; } .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-cancelled-bookings-wrapper .order-item-cancelled-bookings-heading { padding-top: 5px; padding-bottom: 5px; color: #7c85a3; } .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-cancelled-bookings-wrapper:not(:last-child) { margin-bottom: 20px; } .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .bundle-service-info { margin-bottom: 10px; color: #7c85a3; } .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking + .bundle-service-info { margin-top: 20px; } .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking { display: flex; gap: 8px; align-items: center; margin-bottom: 10px; padding: 8px; border: 1px dotted #aaa; cursor: pointer; position: relative; } .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking:hover { border: 1px solid var(--latepoint-brand-primary); } .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.os-loading:before { display: block; content: ""; width: 14px !important; height: 14px !important; border-bottom: 2px solid var(--latepoint-brand-primary); border-left: 2px solid var(--latepoint-brand-primary); border-top: 2px solid var(--latepoint-brand-primary); border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; left: auto; right: 0px; } .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.os-loading .bib-icon { color: transparent; } .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking .bib-icon { margin-left: auto; font-size: 10px; } .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking .booking-item-status-pill { width: 15px; height: 15px; background-color: #eee; } .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked { border: 1px solid #ddd; border-bottom-color: #bbb; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); color: #14161d; } .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked:hover { box-shadow: none; border-color: var(--latepoint-brand-primary); } .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked .booking-item-status-pill { background-color: #bcd96e; } .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked.is-past .booking-item-status-pill { background-color: #d9eba6; } .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked.bundle-booking-status-pending .booking-item-status-pill { background-color: #fad277; } .latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked.bundle-booking-status-cancelled .booking-item-status-pill { background-color: #fa7b77; } .latepoint-customer-bundle-scheduling-summary .bookable-items { display: none; gap: 5px; margin-top: 20px; } .latepoint-customer-bundle-scheduling-summary .bookable-items .bookable-item { flex: 1; border-radius: 2px; background-color: #eee; height: 6px; } .latepoint-customer-bundle-scheduling-summary .bookable-items .bookable-item.is-past.is-booked { background-color: #bcd96e; } .latepoint-customer-bundle-scheduling-summary .bookable-items .bookable-item.is-booked { background-color: #d9eba6; } .latepoint-transaction-payment-form { position: relative; } .latepoint-transaction-payment-form .lp-payment-charge-amount { background-color: #fbf6e1; color: #877865; margin-bottom: 20px; padding: 15px; text-align: center; } .latepoint-transaction-payment-form .lp-payment-charge-amount strong { color: #000; } .latepoint-transaction-payment-form .latepoint-lightbox-footer { display: flex; align-items: center; gap: 10px; justify-content: space-between; } .latepoint-transaction-payment-form .latepoint-lightbox-footer .latepoint-btn-primary { margin-left: auto; } .latepoint-transaction-payment-form .latepoint-lightbox-footer .latepoint-btn.latepoint-btn-block { flex: 1; } .latepoint-transaction-payment-form.os-loading .latepoint-lightbox-footer { display: none; } .entry-content a, .entry-summary a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong { box-shadow: none; } .os_trigger_booking { cursor: pointer; } .latepoint-step-svg-highlight { fill: #020202; } .latepoint-step-svg-base { fill: #020202; } .latepoint-w { line-height: 1.3; max-width: initial !important; } .latepoint-w strong, .latepoint-w b { font-weight: 600; } .latepoint-w ul li { list-style: none; } .latepoint-book-form-wrapper.os-loading .latepoint-form-w { min-height: 300px; } .latepoint-book-form-wrapper.os-loading .latepoint-form-w:before { display: block; content: ""; width: 40px !important; height: 40px !important; border-bottom: 2px solid var(--latepoint-brand-primary); border-left: 2px solid var(--latepoint-brand-primary); border-top: 2px solid var(--latepoint-brand-primary); border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; } .latepoint-w .slot-not-available-wrapper { text-align: center; padding: 50px; width: 400px; position: relative; } .latepoint-w .slot-not-available-wrapper .latepoint-lightbox-close { position: absolute; top: 10px; right: 10px; line-height: 1; font-size: 18px; padding: 5px; cursor: pointer; } .latepoint-w .slot-not-available-wrapper .latepoint-lightbox-close:hover { background-color: #f7f7f7; } .latepoint-w .slot-not-available-wrapper .icon-w { margin-bottom: 20px; } .latepoint-w .slot-not-available-wrapper .icon-w i { background: #ffd1d1; padding: 15px; border-radius: 40px; color: #a31818; font-size: 28px; display: inline-block; } .latepoint-w .slot-not-available-wrapper h2 { margin: 0 0 10px 0; font-size: 20px; color: #14161d; line-height: 1.2; } .latepoint-w .slot-not-available-wrapper .desc { font-size: 17px; margin-bottom: 20px; } .latepoint-w .slot-not-available-wrapper .booking-date-time-info .info-label { color: #7c85a3; margin-bottom: 5px; } .latepoint-w .slot-not-available-wrapper .booking-date-time-info .info-value { font-weight: 600; } .latepoint-w.latepoint-lightbox-form { max-height: 100%; display: flex; overflow: hidden; } .latepoint-w.latepoint-inline-form { margin: 20px 0; display: flex; } .latepoint-w.latepoint-inline-form .latepoint-booking-form-element { box-shadow: 0 10px 30px 0 rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6); margin: 0px auto; } .latepoint-w.latepoint-inline-form .latepoint-booking-form-element .latepoint-lightbox-close { display: none !important; } .latepoint-w.latepoint-inline-form .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger { font-size: 20px; } .latepoint-w.latepoint-inline-form .latepoint-booking-form-element .latepoint-heading-w { text-align: center; } .latepoint-w.latepoint-inline-form .latepoint-booking-form-element .latepoint-form-w .latepoint-body { max-height: inherit; } .latepoint-w.latepoint-with-summary .latepoint-lightbox-i { transition: all 0.4s cubic-bezier(0.05, 0.45, 0.1, 1); } .latepoint-w.latepoint-with-summary .latepoint-booking-form-element { transition: all 0.4s cubic-bezier(0.05, 0.45, 0.1, 1); } .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-progress { display: none; } .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .latepoint-side-panel { display: none; } .latepoint-w .latepoint-booking-form-element { display: flex; align-items: stretch; position: relative; } .latepoint-w .latepoint-booking-form-element[class*=current-step-payment__] .latepoint-summary-w .checkout-from-summary-panel-btn-wrapper { display: none; } .latepoint-w .latepoint-booking-form-element[class*=current-step-payment__] .latepoint-summary-w .summary-box .summary-box-content .os-remove-item-from-cart { display: none; } .latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary { text-align: right; } .latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger { display: inline-flex; align-items: center; gap: 5px; color: var(--latepoint-brand-primary); font-weight: 600; font-size: 13px; line-height: 1.5; cursor: pointer; } .latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger:focus-visible { outline: 2px solid var(--latepoint-brand-primary); } .latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger span { border-bottom: 1px dotted var(--latepoint-brand-primary); } .latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger div + div { margin: 0 auto; } .latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger .latepoint-icon { font-size: 13px; } .latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger:hover span { border-bottom-style: solid; } .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 { color: var(--latepoint-headings-color); } .latepoint-w .latepoint-booking-form-element a { text-decoration: none; } .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w { display: block; } .latepoint-w .latepoint-booking-form-element.current-step-confirmation .latepoint-form-w .latepoint-heading-w { border-bottom: none; position: fixed; top: 10px; right: 10px; z-index: 99999; padding: 0; } .latepoint-w .latepoint-booking-form-element.current-step-confirmation .latepoint-form-w .latepoint-heading-w .os-heading-text { display: none; } .latepoint-w .latepoint-booking-form-element.current-step-confirmation .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close { margin-left: 0; padding: 5px; } .latepoint-w .latepoint-booking-form-element .latepoint-progress { text-align: center; color: #7c85a3; font-size: 15px; padding-top: 15px; margin-bottom: 30px; display: none; } .latepoint-w .latepoint-booking-form-element .latepoint-progress ul { list-style: none; margin: 0px auto; padding: 0px; text-align: center; justify-content: center; display: flex; gap: 10px; } .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li { display: block; flex: 0; margin: 0px; padding: 0px; } .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item { height: 5px; width: 5px; background-color: rgba(0, 0, 0, 0.07); display: block; color: #7c85a3; text-decoration: none; position: relative; box-shadow: none; font-weight: 600; font-size: 13px; } .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item span { position: absolute; display: block; left: 50%; top: -5px; transform: translate(-50%, -150%); display: inline-block; background-color: var(--latepoint-brand-primary); color: #fff; padding: 3px 6px; line-height: 1.1; visibility: hidden; opacity: 0; transition: all 0.2s ease; white-space: nowrap; } .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item:hover { background-color: rgba(0, 0, 0, 0.15); } .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item:hover span { opacity: 1; transform: translate(-50%, -105%); visibility: visible; } .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 { background-color: color-mix(in srgb, var(--latepoint-brand-primary) 20%, transparent); } .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 { background-color: var(--latepoint-brand-primary); } .latepoint-w .latepoint-booking-form-element .info-box { background-color: #FFF3CB; margin-top: 20px; padding: 10px; font-size: 13px; color: #4e4841; } .latepoint-w .latepoint-booking-form-element .info-box .info-box-buttons { margin-top: 10px; } .latepoint-w .latepoint-booking-form-element .info-box .info-box-buttons a { background-color: #fff; color: var(--latepoint-body-color); font-weight: 600; padding: 3px 8px; display: inline-block; text-decoration: none; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); } .latepoint-w .latepoint-booking-form-element .latepoint-side-panel { flex: 0 0 270px; width: 270px; background-color: var(--latepoint-side-panel-bg); border-right: 1px solid rgba(0, 0, 0, 0.1); padding: 15px 30px 25px 30px; text-align: center; display: flex; flex-direction: column; justify-content: space-between; border-radius: 0px 0px 0px 0px; position: relative; } .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w { margin-top: 15px; display: none; position: relative; border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 10px; } .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w.os-loading:before { display: block; content: ""; width: 12px !important; height: 12px !important; border-bottom: 2px solid var(--latepoint-body-color); border-left: 2px solid var(--latepoint-body-color); border-top: 2px solid var(--latepoint-body-color); border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; left: -13px; right: auto; top: auto; bottom: 1px; z-index: 9999; } .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group.os-form-select-group label { display: block !important; font-size: 12px !important; color: #7c85a3; margin-bottom: 3px; } .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group.os-form-select-group select.os-form-control { height: 26px !important; padding: 0px 3px !important; font-size: 12px !important; } .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group { margin-bottom: 0px !important; } .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w select { text-align-last: center; text-align: center; } .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w { padding: 50px 0px 50px 0px; color: #7c85a3; margin-bottom: auto; } .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc-library { display: none; } .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media { width: 80px; height: 80px; background-size: contain; background-repeat: no-repeat; background-position: bottom center; display: inline-block; margin-bottom: 20px; position: relative; } .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w { width: 70px; height: auto; } .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before { content: ""; width: 40px; height: 40px; background-color: color-mix(in srgb, var(--latepoint-brand-primary) 20%, transparent); position: absolute; bottom: 50%; right: 50%; z-index: 1; } .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w svg { z-index: 2; position: relative; } .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-title { padding-top: 0px; margin-bottom: 5px; font-size: 20px; line-height: 1.2; } .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions { color: #7c85a3; margin-top: 0; } .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions h5 { margin: 0px; line-height: 1.4; margin-bottom: 5px; position: relative; font-size: 15px; text-transform: none; } .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions p:last-child { margin-bottom: 0px; } .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions a { text-decoration: underline; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w { flex: 0 0 470px; width: 470px; background-color: #fff; border-radius: 0px 0px 0px 0px; position: relative; z-index: 2; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w.showing-item-details-popup .latepoint-body { padding: 0; } .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 { display: none; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w form { background-color: #fff; padding: 0px; min-height: 100%; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w { align-items: center; padding: 30px 15px; justify-content: space-around; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .select-total-attendees-label { padding-right: 20px; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .select-total-attendees-label h4 { margin: 0px !important; padding: 0px !important; font-size: 21px; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .select-total-attendees-label .sta-sub-label { font-size: 13px; color: #7c85a3; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w { background-color: #fff; display: flex; align-items: center; padding: 5px 10px; border: 1px solid #cad2e0; outline-style: none; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w input { text-align: center; border: none !important; padding: 0px 5px !important; font-size: 22px !important; font-weight: 600; width: 50px !important; margin: 0px !important; background-color: #fff !important; color: var(--latepoint-body-color) !important; box-shadow: none !important; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w input::placeholder { color: rgba(0, 0, 0, 0.1); } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w input:focus { outline: none !important; box-shadow: none !important; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w .total-attendees-selector { cursor: pointer; color: rgba(0, 0, 0, 0.8); font-size: 20px; background-color: #f3f4f9; padding: 4px; line-height: 1; flex: 0; text-align: center; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w .total-attendees-selector:hover { color: #fff; background-color: var(--latepoint-brand-primary); } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered { text-align: center; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .total-attendees-selector-w { width: 150px; margin: 0px auto; justify-content: space-between; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .total-attendees-selector-w input { font-size: 33px !important; width: 100% !important; line-height: 1.4 !important; font-family: "latepoint", "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .select-total-attendees-label { margin-bottom: 20px; padding: 0px; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .select-total-attendees-label h4 { font-size: 27px; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .select-total-attendees-label .sta-sub-label { font-size: 18px; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-form { display: flex; justify-content: stretch; flex-direction: column; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w { background-color: #fff; padding: 15px 15px 15px 40px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); text-align: left; display: flex; align-items: center; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger { padding: 5px; order: 1; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger, .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close { transform: none; position: relative; top: auto; right: auto; left: auto; order: 1; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close { order: 2; margin-left: 10px; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger { color: #1e222b; font-size: 20px; box-shadow: none; line-height: 18px; z-index: 2; display: none; position: relative; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger span { position: absolute; top: -3px; right: -3px; font-size: 11px; box-shadow: 0 0 0 2px #fff; background-color: #000; color: #fff; padding: 2px; border-radius: 50%; line-height: 1; min-width: 11px; text-align: center; box-sizing: content-box; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger i { line-height: 1; display: block; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close { color: #1e222b; font-size: 20px; box-shadow: none; display: block; line-height: 18px; z-index: 2; position: relative; top: 0; left: 0; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close:focus-visible { outline: 2px solid var(--latepoint-brand-primary); } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close i { line-height: 1; display: block; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .os-heading-text { margin: 0px; font-size: 20px; line-height: 1.2; margin-right: auto; padding: 3px 0; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .os-heading-text-library { display: none; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body { padding: 40px; flex: 1; overflow-y: scroll; transition: all 0.2s ease; position: relative; min-height: 200px; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h3, .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h4 { color: #14161d; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body .os-step-header { margin-top: 0px; margin-bottom: 25px; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h3 { font-size: 21px; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h4 { font-size: 18px; padding: 0px; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer { position: relative; padding: 10px; border-top: 1px solid rgba(0, 0, 0, 0.05); display: flex; justify-content: space-between; background-color: #fff; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer.force-hide { display: none; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-progress { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0px; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-progress ul li { flex: 0 0 5px; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-progress ul li .progress-item { width: 5px; height: 5px; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-next-btn { margin-left: auto; animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s both latepointNextBtn; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-next-btn.disabled { display: none; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-next-btn:focus-visible { outline: 2px solid var(--latepoint-brand-primary); } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-prev-btn { animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0s both latepointPrevBtn; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-prev-btn.disabled { display: none; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-prev-btn:focus-visible { outline: 2px solid var(--latepoint-brand-primary); } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn { font-weight: 600; box-shadow: none; padding: 8px 14px; font-size: 14px; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn.disabled { background-color: #E3E6F0; color: #B5BAD2; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn.disabled span { color: #B5BAD2; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn.disabled i { color: #B5BAD2; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn i { font-size: 9px; transition: transform 0.1s ease; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn i + span { margin-left: 5px; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn span + i { margin-left: 5px; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn:hover.latepoint-next-btn i { transform: translateX(3px); } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn:hover.latepoint-prev-btn i { transform: translateX(-3px); } .latepoint-w .latepoint-booking-form-element .latepoint-step-content { color: #7c85a3; min-height: 140px; text-align: left; } .latepoint-w .latepoint-booking-form-element .latepoint-step-content.is-hidden { display: none; } .latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-centered { text-align: center; margin-bottom: 15px; } .latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-centered > h4 { margin-bottom: 5px; } .latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left { padding: 0 0 15px 0; } .latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left a { text-decoration: underline; color: var(--latepoint-brand-primary); } .latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left > p:last-child:first-child { margin: 0 !important; } .latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left > h4 { margin-bottom: 5px; } .latepoint-w .latepoint-booking-form-element .latepoint-step-content .lp-payment-charge-amount { background-color: #fbf6e1; color: #877865; margin-bottom: 20px; padding: 15px; text-align: center; } .latepoint-w .latepoint-booking-form-element .latepoint-step-content .lp-payment-charge-amount strong { color: #000; } .latepoint-w .latepoint-booking-form-element .lp-demo-mode-msg { padding: 8px 10px; background-color: #ffd534; color: #211f1a; font-size: 15px; font-weight: 600; margin-bottom: 10px; text-align: center; } .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-day-status { border-radius: 2px; } .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .lp-demo-mode-msg { border-radius: 8px; } .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 { border-radius: 4px; } .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-method-content { position: relative; display: none; } .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-method-content.os-loading .lp-payment-method-content-i { opacity: 0; min-height: 50px; } .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-method-content.os-loading:before { display: block; content: ""; width: 40px !important; height: 40px !important; border-bottom: 2px solid var(--latepoint-brand-primary); border-left: 2px solid var(--latepoint-brand-primary); border-top: 2px solid var(--latepoint-brand-primary); border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; z-index: 9999; } .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info { display: flex; justify-content: space-between; align-items: center; background-color: #fff7d0; padding: 5px 10px; color: #8a7f66; font-size: 18px; margin-top: 20px; } .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info div { white-space: nowrap; } .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .lp-price-value { font-weight: 600; color: #14161d; } .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .lp-price-value > span { text-decoration: line-through; display: inline-block; margin-right: 3px; opacity: 0.5; font-size: 15px; } .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info a { color: #846337; display: block; text-decoration: none; background-color: rgba(255, 255, 255, 0.61); font-weight: 600; padding: 2px; border-radius: 2px 5px; font-size: 13px; margin-left: 30px; } .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-deposit-price-w, .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-total-price-w { padding: 4px 0px; margin: 0px auto; } .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-deposit-price-w { display: none; } .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.paying-deposit .payment-total-price-w { display: none; } .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.paying-deposit .payment-deposit-price-w { display: block; } .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code { display: none; padding: 4px 5px 4px 8px; line-height: 1; background-color: #fff; color: #111; border: 1px dashed #111; font-weight: 600; font-size: 13px; margin-left: 20px; text-transform: uppercase; vertical-align: middle; position: relative; } .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-self { display: inline-block; vertical-align: middle; line-height: 1.1; } .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-clear { line-height: 1.1; display: inline-block; vertical-align: middle; margin-left: 3px; cursor: pointer; position: relative; } .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-clear.os-loading:before { display: block; content: ""; width: 10px !important; height: 10px !important; border-bottom: 2px solid #111; border-left: 2px solid #111; border-top: 2px solid #111; border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; right: -5px; left: auto; } .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-clear.os-loading i { opacity: 0; } .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w { display: none; position: relative; margin-left: 20px !important; } .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w.os-loading:before { display: block; content: ""; width: 12px !important; height: 12px !important; border-bottom: 2px solid #A45D00; border-left: 2px solid #A45D00; border-top: 2px solid #A45D00; border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; left: -13px; } .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input { border: none !important; border: 1px solid #d0bca8 !important; padding: 5px 7px !important; background-color: #fff !important; box-shadow: none !important; font-size: 13px !important; line-height: 1.3 !important; display: block !important; width: 135px !important; margin: 0px !important; border-radius: 0px !important; } .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 { box-shadow: none !important; outline: none !important; } .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input::placeholder { color: #A38E7B !important; } .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w .coupon-code-input-submit { position: absolute; top: 50%; right: 5px; transform: translateY(-50%); vertical-align: middle; background-color: var(--latepoint-brand-primary); color: #fff; text-transform: uppercase; padding: 2px 5px; font-size: 12px; font-weight: 600; cursor: pointer; } .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.entering-coupon .coupon-code-trigger-w { display: none; } .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.entering-coupon .coupon-code-input-w { display: block; } .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.coupon-is-applied .coupon-code-trigger-w { display: none; } .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.coupon-is-applied .coupon-code-input-w { display: none; } .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.coupon-is-applied .applied-coupon-code { display: block; } .latepoint-w .latepoint-booking-form-element .step-payment-w > h4 { margin-bottom: 10px; } .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-methods-w { display: none; } .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-portions-w { display: none; } .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-times-w { display: none; } .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w { text-align: center; } .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger { display: inline-block; text-align: center; padding: 10px 20px; background-color: #fac555; border-radius: 40px; color: #111; margin-top: 15px; font-weight: 600; cursor: pointer; } .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger:hover { box-shadow: 0px 0px 0px 2px #ffb011; } .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger span { display: inline-block; vertical-align: middle; padding-left: 10px; margin-left: 10px; border-left: 1px solid rgba(0, 0, 0, 0.1); } .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger img { height: 20px; width: auto; display: inline-block; vertical-align: middle; } .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-btn-trigger { padding: 20px 0px 5px; position: relative; min-height: 60px; } .latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-btn-trigger:before { display: block; content: ""; width: 20px !important; height: 20px !important; border-bottom: 2px solid var(--latepoint-brand-primary); border-left: 2px solid var(--latepoint-brand-primary); border-top: 2px solid var(--latepoint-brand-primary); border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; top: 35px; } .latepoint-w .latepoint-booking-form-element .step-payment-w[data-sub-step=payment-times] .lp-payment-times-w { display: block; } .latepoint-w .latepoint-booking-form-element .step-payment-w[data-sub-step=payment-methods] .lp-payment-methods-w { display: block; } .latepoint-w .latepoint-booking-form-element .step-payment-w[data-sub-step=payment-portions] .lp-payment-portions-w { display: block; } .latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-centered { display: none; } .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item { position: relative; } .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-value { font-size: 49px; font-weight: 600; line-height: 1.1; color: var(--latepoint-brand-primary); font-family: "latepoint", "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace; } .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-label { color: #7c85a3; } .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-sub-label { opacity: 0.8; color: #7c85a3; } .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-sub-label span { font-weight: 600; color: var(--latepoint-brand-primary); } .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-price { font-family: "latepoint", "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace; position: absolute; top: 0px; right: 0px; padding: 5px; color: #D09F1D; line-height: 1; font-size: 16px; font-weight: 600; } .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ { list-style-type: none !important; margin: 0px !important; padding: 0px !important; } .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item { margin-bottom: 15px; list-style: none; } .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i { display: flex; background: #FFFFFF; border: 1px solid #E5E7EE; align-items: center; box-shadow: none; outline: none; padding: 10px 15px; color: var(--latepoint-body-color); text-decoration: none; } .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i:hover { border-color: var(--latepoint-brand-primary); text-decoration: none; } .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-img-w { flex: 0 0 40px; height: 40px; background-size: contain; background-repeat: no-repeat; background-position: center center; text-align: center; margin-right: 15px; } .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-name-w { padding: 10px 0px; margin-right: auto; } .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-name-w .service-name { font-weight: 600; font-size: 18px; display: block; } .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-name-w .service-desc { color: #7c85a3; font-size: 13px; display: block; margin-top: 3px; } .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-price-w { border-left: 1px solid rgba(0, 0, 0, 0.05); padding-left: 15px; margin-left: 10px; text-align: center; } .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-price-w .service-price { display: block; color: #D09F1D; font-size: 24px; line-height: 1.1; font-weight: 600; } .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-price-w .service-price-label { display: block; color: #7c85a3; font-size: 12px; white-space: nowrap; } .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item.selected .os-service-durations { display: flex; } .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item.selected > .os-item-i { border-color: var(--latepoint-brand-primary); } .latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item.with-description a .service-name-w { padding: 5px 0px; } .lp-strike { text-decoration: line-through; opacity: 0.8; } .latepoint-booking-form-element .step-verify-w .os-recurring-bookings-count { margin-top: 10px; } .latepoint-booking-form-element .step-verify-w .summary-box.main-box .summary-box-booking-date-box { display: none; } .latepoint-booking-form-element .step-verify-w .cart-item-wrapper { position: relative; margin-bottom: 25px; } .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item { padding: 15px; border: 1px solid #e2e2e2; border-bottom-color: #d2d2d2; box-shadow: 0 2px rgba(0, 0, 0, 0.05); } .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box-heading { margin-bottom: 0px; margin-top: 0; } .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box-heading .sbh-line { display: none; } .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box .sbc-big-item { font-size: 17px; } .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box-heading { display: none; } .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box-heading .sbh-item { font-size: 13px; font-weight: 400; } .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-boxes-columns { border-top: 1px solid rgba(0, 0, 0, 0.05); padding-top: 10px; margin-top: 15px; } .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.single-item .os-remove-item-from-cart { display: none; } .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.single-item .summary-box .sbc-big-item { font-size: 20px; } .latepoint-booking-form-element .step-verify-w .cart-item-wrapper.single-item .summary-box .sbc-highlighted-item { font-size: 15px; } .latepoint-booking-form-element .step-verify-w .cart-item-wrapper .summary-box.main-box { padding: 0; } .latepoint-booking-form-element .step-verify-w .cart-item-wrapper .os-remove-item-from-cart { box-shadow: 0 0 0 4px #fff; color: #fff; top: -5px; right: -5px; background-color: #f64f4f; } .latepoint-booking-form-element .step-verify-w .cart-item-wrapper .os-remove-item-from-cart .os-remove-from-cart-icon { background-color: #fff; } .latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-summary { display: none; } .latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify { margin-top: 20px; } .latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger { align-items: center; padding: 8px 10px; border: 1px dotted #14161d; color: #14161d; display: flex; gap: 10px; font-weight: 600; cursor: pointer; } .latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger:focus-visible { outline: 2px solid var(--latepoint-brand-primary); } .latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger span { margin: 0 auto; } .latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger:hover { border-style: solid; } .latepoint-booking-form-element .step-verify-w .cart-summary-main-section > .summary-heading:first-child { margin-top: 0; } .latepoint-booking-form-element .step-verify-w .cart-summary-main-section > .summary-box.main-box:first-child { padding-top: 0; } .latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .part-of-bundle-message { padding: 10px; background-color: #f1f3ff; margin-bottom: 15px; font-size: 15px; } .latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .part-of-bundle-message a { color: var(--latepoint-brand-primary); text-decoration: none; border-bottom: 1px dotted var(--latepoint-brand-primary); } .latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .summary-box.main-box { padding-top: 0; padding-bottom: 20px; } .latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .sbc-big-item { font-size: 20px; } .latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .sbc-highlighted-item { font-size: 17px; } .latepoint-booking-form-element .step-verify-w .payment-summary-info .confirmation-info-w { margin-top: 0px; } .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify { margin-top: 10px; text-align: right; } .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-trigger-on-verify-w { padding: 8px 0 9px; line-height: 1; } .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-trigger-on-verify-w a { border-bottom: 1px solid var(--latepoint-brand-primary); font-size: 13px; color: var(--latepoint-brand-primary); } .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code-wrapper { align-items: center; gap: 5px; display: none; background-color: #f7f7f7; padding: 10px; } .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code-wrapper .coupon-code-label { color: var(--latepoint-body-color); font-size: 14px; } .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code { padding: 2px 2px 2px 5px; background-color: #fff; color: #000; border: 1px dotted #000; line-height: 1; font-weight: 600; font-size: 13px; text-transform: uppercase; position: relative; display: flex; align-items: center; gap: 5px; } .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-self { display: block; vertical-align: middle; line-height: 1; } .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-clear { line-height: 1; display: block; cursor: pointer; position: relative; font-size: 10px; padding: 3px; } .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-clear:hover { background-color: #000; color: #fff; } .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-clear.os-loading:before { display: block; content: ""; width: 10px !important; height: 10px !important; border-bottom: 2px solid #fff; border-left: 2px solid #fff; border-top: 2px solid #fff; border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; right: -5px; left: auto; } .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-clear.os-loading i { opacity: 0; } .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w { display: none; position: relative; } .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w.os-loading:before { display: block; content: ""; width: 12px !important; height: 12px !important; border-bottom: 2px solid var(--latepoint-brand-primary); border-left: 2px solid var(--latepoint-brand-primary); border-top: 2px solid var(--latepoint-brand-primary); border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; left: -13px; } .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input { border: none !important; border: 1px solid #383838 !important; padding: 5px 7px !important; background-color: #fff !important; box-shadow: none !important; font-size: 13px !important; line-height: 1 !important; display: block !important; width: auto !important; flex: 1; margin: 0px !important; border-radius: 0px !important; } .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 { box-shadow: none !important; outline: none !important; } .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input::placeholder { color: #8f8f8f !important; } .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-cancel, .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-submit { padding: 9px 12px; line-height: 1; font-size: 14px; font-weight: 600; cursor: pointer; } .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-submit { background-color: var(--latepoint-brand-primary); color: #fff; } .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-cancel { background-color: #eee; color: #444; } .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.entering-coupon .coupon-code-trigger-on-verify-w { display: none; } .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.entering-coupon .coupon-code-trigger-on-verify-w { display: none; } .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.entering-coupon .coupon-code-input-w { display: flex; align-items: center; justify-content: flex-start; gap: 10px; } .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.coupon-is-applied .coupon-code-trigger-on-verify-w { display: none; } .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.coupon-is-applied .coupon-code-input-w { display: none; } .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.coupon-is-applied .applied-coupon-code-wrapper { display: flex; } .latepoint-booking-form-element .step-confirmation-w .summary-box-wrapper + .summary-box-wrapper { margin-top: 15px; padding-top: 10px; } .latepoint-booking-form-element .step-confirmation-w .confirmation-head-info { position: relative; } .latepoint-booking-form-element .step-confirmation-w .add-to-calendar-wrapper { display: inline-block; } .latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent { display: block; margin: 0px auto 30px auto; padding-bottom: 20px; border-bottom: 1px dashed rgba(0, 0, 0, 0.1); } .latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger { display: none; } .latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-booking-info { display: none; } .latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent { display: none; } .latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent img { display: block; margin: 0px auto; } .latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent .qr-code-label { text-align: center; font-size: 13px; font-weight: 600; text-align: center; font-weight: 500; padding: 10px 15px; background: #fff1af; line-height: 1.4; color: #000; } .latepoint-booking-form-element .step-confirmation-w .payment-summary-info .confirmation-info-w { margin-top: 0px; } .latepoint-booking-form-element .step-confirmation-w .confirmation-header { margin-bottom: 0px; margin-top: 0px; } .latepoint-booking-form-element .step-confirmation-w .confirmation-number { color: #7c85a3; padding-top: 0px; margin-bottom: 8px; font-size: 13px; letter-spacing: 0.5px; text-transform: uppercase; font-weight: 600; } .latepoint-booking-form-element .step-confirmation-w .confirmation-number strong { font-size: 39px; letter-spacing: normal; color: #14161d; display: block; line-height: 1.1; } .latepoint-booking-form-element .step-confirmation-w .confirmation-number .confirmation-checkmark { padding: 10px; font-size: 25px; color: #fff; background-color: #83de3a; box-shadow: 0 0 0 5px #daffba; border-radius: 50%; line-height: 25px; width: 45px; height: 45px; } .latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password { margin-top: 20px; display: none; } .latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password h4 { margin-bottom: 10px; } .latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields { display: flex; align-items: center; } .latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields .os-form-group { flex: 1; margin: 0px; margin-bottom: 0px !important; margin-right: 10px; } .latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields .os-form-group.os-form-textfield-group.has-value label { display: none !important; } .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 { padding: 7px 10px 7px 10px !important; } .latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields .latepoint-btn { flex: 0; white-space: nowrap; display: block; text-align: center; padding: 9px 20px; } .latepoint-booking-form-element .step-confirmation-w .confirmation-cabinet-info { background-color: #F5F6FF; margin-top: 20px; text-align: center; padding: 20px 40px; display: none; } .latepoint-booking-form-element .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-text { color: #14161d; margin-bottom: 10px; font-size: 18px; font-weight: 600; } .latepoint-booking-form-element .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-link { font-size: 15px; background-color: var(--latepoint-brand-primary); color: #fff !important; padding: 8px 15px !important; font-weight: 600; text-decoration: none !important; border: none !important; display: inline-block !important; } .booking-status-info-wrapper { display: flex; gap: 10px; padding: 15px 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); margin: -30px; margin-bottom: 0; align-items: center; } .booking-status-info-wrapper .booking-status-icon { width: 24px; height: 24px; background-color: #eee; position: relative; } .booking-status-info-wrapper .booking-status-label { font-weight: 600; font-size: 15px; } .booking-status-info-wrapper .booking-confirmation { margin-left: auto; font-size: 13px; color: #7c85a3; } .booking-status-info-wrapper .booking-confirmation strong { color: #14161d; } .booking-status-info-wrapper.status-cancelled .booking-status-icon { background-color: #ffa6a6; } .booking-status-info-wrapper.status-cancelled .booking-status-icon:before { font-family: "latepointIcons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e927"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 16px; } .booking-status-info-wrapper.status-approved .booking-status-icon { background-color: #a0ffa4; } .booking-status-info-wrapper.status-approved .booking-status-icon:before { font-family: "latepointIcons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e928"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 16px; } .full-summary-wrapper .summary-status-wrapper, .confirmation-info-w .summary-status-wrapper { padding: 0 0 30px 0; color: #14161d; font-size: 15px; margin-bottom: 10px; border-bottom: 10px solid rgba(0, 0, 0, 0.03); } .full-summary-wrapper .summary-status-wrapper .summary-status-inner, .confirmation-info-w .summary-status-wrapper .summary-status-inner { display: flex; flex-direction: column; align-items: center; } .full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-title, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-title { font-size: 24px; font-weight: 600; font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; text-align: center; } .full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-description, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-description { color: #7c85a3; font-weight: 400; font-size: 15px; margin-top: 3px; text-align: center; } .full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-icon, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-icon { margin-bottom: 25px; animation: 1s cubic-bezier(0.05, 0.45, 0.1, 1) 0.1s statusIconPop; animation-fill-mode: both; } .full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-confirmation-number, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-confirmation-number { font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px; color: #7c85a3; margin-top: 15px; padding: 3px 5px; background-color: rgba(0, 0, 0, 0.03); } .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 { color: #14161d; } .full-summary-wrapper .summary-status-wrapper.summary-status-style-green .ss-icon, .confirmation-info-w .summary-status-wrapper.summary-status-style-green .ss-icon { display: block; padding: 15px; background-color: #98ff96; border-radius: 50%; box-shadow: 0 0 0 10px #e1ffe0; } .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 { font-family: "latepointIcons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e928"; color: #000; line-height: 24px; display: block; font-size: 24px; } .full-summary-wrapper .summary-status-wrapper.summary-status-style-yellow .ss-icon, .confirmation-info-w .summary-status-wrapper.summary-status-style-yellow .ss-icon { display: block; padding: 10px; background-color: #ffe196; border-radius: 50%; box-shadow: 0 0 0 10px #fff2e0; width: 44px; text-align: center; } .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 { content: "i"; color: #000; line-height: 24px; display: block; font-size: 24px; } .full-summary-wrapper .summary-price-item-w.spi-sub, .confirmation-info-w .summary-price-item-w.spi-sub { padding-left: 20px; position: relative; } .full-summary-wrapper .summary-price-item-w.spi-sub:before, .confirmation-info-w .summary-price-item-w.spi-sub:before { content: ""; width: 5px; height: 5px; border-left: 1px solid #7c85a3; border-bottom: 1px solid #7c85a3; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); } .full-summary-wrapper .summary-price-breakdown-wrapper.multi-item .subtotal-separator, .confirmation-info-w .summary-price-breakdown-wrapper.multi-item .subtotal-separator { border-top: 1px solid #f1f1f1; padding-bottom: 10px; margin-top: 10px; } .full-summary-wrapper .order-item-bundle-info-wrapper, .confirmation-info-w .order-item-bundle-info-wrapper { display: flex; align-items: flex-start; gap: 20px; padding: 15px 0 5px 0; } .full-summary-wrapper .order-item-bundle-info-wrapper .bundle-icon, .confirmation-info-w .order-item-bundle-info-wrapper .bundle-icon { padding: 13px; line-height: 24px; font-size: 24px; background-color: #f1f1f1; border-radius: 50%; color: #14161d; } .full-summary-wrapper .order-item-bundle-info-wrapper .bundle-icon i, .confirmation-info-w .order-item-bundle-info-wrapper .bundle-icon i { display: block; } .full-summary-wrapper .order-item-bundle-info-wrapper .summary-box.main-box, .confirmation-info-w .order-item-bundle-info-wrapper .summary-box.main-box { padding: 0; } .full-summary-wrapper .schedule-bundle-booking-btn-wrapper, .confirmation-info-w .schedule-bundle-booking-btn-wrapper { padding-bottom: 20px; margin-left: 70px; } .full-summary-wrapper .schedule-bundle-booking-btn, .confirmation-info-w .schedule-bundle-booking-btn { padding: 4px 0; background-color: #fff; display: inline-flex; gap: 8px; font-weight: 400; color: var(--latepoint-brand-primary); text-decoration: none; border: none; align-items: center; box-shadow: none; cursor: pointer; position: relative; } .full-summary-wrapper .schedule-bundle-booking-btn.os-loading:before, .confirmation-info-w .schedule-bundle-booking-btn.os-loading:before { display: block; content: ""; width: 14px !important; height: 14px !important; border-bottom: 2px solid var(--latepoint-brand-primary); border-left: 2px solid var(--latepoint-brand-primary); border-top: 2px solid var(--latepoint-brand-primary); border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; left: auto; right: -5px; } .full-summary-wrapper .schedule-bundle-booking-btn.os-loading i, .confirmation-info-w .schedule-bundle-booking-btn.os-loading i { visibility: hidden; } .full-summary-wrapper .schedule-bundle-booking-btn:hover span, .confirmation-info-w .schedule-bundle-booking-btn:hover span { border-bottom-style: solid; } .full-summary-wrapper .schedule-bundle-booking-btn:hover i, .confirmation-info-w .schedule-bundle-booking-btn:hover i { transform: translateX(3px); } .full-summary-wrapper .schedule-bundle-booking-btn span, .confirmation-info-w .schedule-bundle-booking-btn span { border-bottom: 1px dotted var(--latepoint-brand-primary); } .full-summary-wrapper .schedule-bundle-booking-btn i, .confirmation-info-w .schedule-bundle-booking-btn i { font-size: 9px; transition: transform 0.2s ease; } .full-summary-wrapper .summary-price-breakdown-wrapper, .confirmation-info-w .summary-price-breakdown-wrapper { margin-top: 30px; } .full-summary-wrapper .summary-box-heading, .confirmation-info-w .summary-box-heading { margin-bottom: 10px; } .full-summary-wrapper .summary-box, .confirmation-info-w .summary-box { padding-bottom: 0; } .full-summary-wrapper .summary-box .sbc-main-item, .confirmation-info-w .summary-box .sbc-main-item { color: #14161d; font-size: 15px; font-weight: 600; } .confirmation-info-w { position: relative; } .confirmation-info-w .order-summary-items-heading { display: none; } .confirmation-info-w .price-breakdown-unfold { display: none; } .confirmation-info-w ul { list-style-type: none; padding: 0px; margin: 0px; display: flex; flex-wrap: wrap; } .confirmation-info-w ul li { flex: 0 0 50%; list-style-type: none; margin: 0px; color: #7c85a3; font-weight: 600; padding: 7px 10px 7px 0px; line-height: 1.4; font-size: 11px; letter-spacing: 0.6px; text-transform: uppercase; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .confirmation-info-w ul li strong { text-transform: none; letter-spacing: normal; color: var(--latepoint-body-color); display: block; font-size: 15px; } .confirmation-info-w .confirmation-section-heading { font-size: 19px; display: block; border-bottom: 1px solid var(--latepoint-brand-primary); margin: 15px 0px 5px 0px; color: var(--latepoint-brand-primary); } .latepoint-booking-form-element { } .latepoint-booking-form-element.hidden-buttons .latepoint-form-w .latepoint-body:after { height: 40px; } .latepoint-booking-form-element.hidden-buttons .latepoint-form-w .latepoint-footer { display: none; } .latepoint-booking-form-element .os-step-tabs { display: flex; color: #7c85a3; margin-bottom: 20px; font-weight: 600; font-size: 15px; line-height: 15px; justify-content: space-between; align-items: flex-end; box-shadow: 0px 1px 0px 0px #E2E5EF; height: 35px; } .latepoint-booking-form-element .os-step-tabs .os-step-tab { transition: all 0.2s ease; text-align: center; padding: 8px 0px; position: relative; line-height: 15px; font-size: 15px; } .latepoint-booking-form-element .os-step-tabs .os-step-tab:hover { cursor: pointer; color: var(--latepoint-body-color); } .latepoint-booking-form-element .os-step-tabs .os-step-tab:before { position: absolute; content: ""; background-color: var(--latepoint-brand-primary); height: 2px; left: 0px; bottom: -1px; width: 0%; } .latepoint-booking-form-element .os-step-tabs .os-step-tab.active { color: var(--latepoint-body-color); font-size: 17px; padding-bottom: 12px; padding-top: 8px; } .latepoint-booking-form-element .os-step-tabs .os-step-tab.active:before { width: 100%; } .latepoint-booking-form-element .step-customer-logged-in-header-w { display: flex; color: #898C98; margin-bottom: 20px; font-weight: 600; font-size: 15px; line-height: 15px; justify-content: space-between; align-items: center; border-bottom: 1px solid #E2E5EF; height: 35px; } .latepoint-booking-form-element .step-customer-logged-in-header-w span { display: block; margin-right: 5px; margin-left: auto; } .latepoint-booking-form-element .step-customer-logged-in-header-w a { display: block; color: var(--latepoint-brand-primary); text-decoration: underline; } .latepoint-booking-form-element .step-customer-logged-in-header-w div { color: var(--latepoint-body-color); font-size: 16px; line-height: 15px; padding-bottom: 12px; padding-top: 8px; position: relative; } .latepoint-booking-form-element .step-customer-logged-in-header-w div:before { position: absolute; content: ""; background-color: var(--latepoint-brand-primary); height: 2px; left: 0px; bottom: -1px; width: 100%; transition: all 0.2s ease; } .latepoint-booking-form-element .os-form-buttons { align-items: flex-start; } .latepoint-booking-form-element .os-password-reset-form-holder .os-password-reset-form-w { padding: 20px; border: 1px solid #aaa; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0px 5px 10px rgba(0, 0, 0, 0.05); margin-bottom: 15px; } .latepoint-booking-form-element .os-password-reset-form-holder h4 { margin: 0px; margin-bottom: 5px; padding: 0px; } .latepoint-booking-form-element .os-password-reset-form-holder p { margin-bottom: 10px; } .latepoint-booking-form-element .os-password-reset-form-holder .os-form-message-w { margin-bottom: 10px; margin-top: 10px; } .latepoint-booking-form-element .os-step-existing-customer-login-w { margin-bottom: 10px; } .latepoint-booking-form-element .os-step-existing-customer-login-w .step-forgot-password-btn { text-decoration: underline; padding-top: 0px; padding-bottom: 0px; } .latepoint-booking-form-element .os-step-existing-customer-login-w .step-login-existing-customer-btn { padding: 10px 20px; line-height: 1.2; font-size: 16px; position: relative; } .latepoint-booking-form-element .os-step-existing-customer-login-w .step-login-existing-customer-btn i { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 22px; } .latepoint-booking-form-element .os-weekdays { display: flex; align-items: center; } .latepoint-booking-form-element .os-weekdays .weekday { background-color: #f5f5f5; flex: 1; text-transform: uppercase; font-size: 20px; color: #adadae; font-weight: 600; letter-spacing: 2px; text-align: left; padding: 5px 0 0 15px; line-height: 1; border-left: 1px solid #ddd; } .latepoint-booking-form-element .os-weekdays .weekday:first-child { border-left-color: transparent; margin-left: 15px; padding-left: 0; } .latepoint-booking-form-element .os-current-month-label-w { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 0 0 0 14px; } .latepoint-booking-form-element .os-current-month-label-w .os-month-control-buttons-w { display: flex; gap: 15px; } .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn, .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn { border: none; font-size: 16px; background-color: transparent !important; box-shadow: none; outline: none; color: #111; margin: 0px; line-height: 1; vertical-align: middle; display: inline-block; cursor: pointer; padding: 5px; position: relative; } .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn:focus-visible, .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn:focus-visible { outline: 2px solid var(--latepoint-brand-primary) !important; } .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn.os-loading, .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.os-loading { color: transparent !important; } .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, .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.os-loading span, .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.os-loading i { color: transparent !important; } .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn.os-loading:after, .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.os-loading:after { display: block; content: ""; width: 14px; height: 14px; border-bottom: 2px solid var(--latepoint-body-color); border-left: 2px solid var(--latepoint-body-color); border-top: 2px solid var(--latepoint-body-color); border-right: 2px solid rgba(0, 0, 0, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; } .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn:hover, .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn:hover { color: var(--latepoint-brand-primary); } .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn:focus, .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn:focus { outline: none; } .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn.disabled, .latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.disabled { color: rgba(0, 0, 0, 0.1); } .latepoint-booking-form-element .os-current-month-label-w .os-current-month-label { text-align: center; font-weight: 600; font-size: 17px; margin-bottom: 10px; color: var(--latepoint-body-color); display: flex; align-items: baseline; } .latepoint-booking-form-element .os-current-month-label-w .os-current-month-label .current-year { display: inline-block; vertical-align: middle; color: color-mix(in srgb, var(--latepoint-body-color) 40%, transparent); margin-left: 5px; } .latepoint-booking-form-element .os-current-month-label-w .os-current-month-label .current-month { display: inline-block; vertical-align: middle; font-size: 32px; } .latepoint-booking-form-element .os-monthly-calendar-days-w { display: none; } .latepoint-booking-form-element .os-monthly-calendar-days-w.active { display: block; } .latepoint-booking-form-element .os-monthly-calendar-days-w.hide-if-single-slot .os-day.os-one-slot-only .os-day-status { display: none; } .latepoint-booking-form-element .os-monthly-calendar-days-w.hide-if-single-slot .os-day.selected:after { font-family: "latepointIcons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e903"; background-color: var(--latepoint-brand-primary); box-shadow: 0px 0px 0px 2px #fff; border-radius: 50%; width: 14px; line-height: 14px; height: 14px; bottom: 50%; left: 50%; font-size: 10px; text-align: center; position: absolute; color: #fff; transform: translate(11px, -10px); } .latepoint-booking-form-element .step-datepicker-w { position: relative; } .latepoint-booking-form-element .step-datepicker-w .dp-capacity, .latepoint-booking-form-element .reschedule-calendar-datepicker .dp-capacity { position: absolute; top: 0; left: 15px; background-color: #111; padding: 4px 6px; color: #fff; font-weight: 600; display: none; white-space: nowrap; z-index: 9999; font-size: 15px; animation: 0.1s ease latepointAvailabilityPopup; animation-fill-mode: both; } .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 { display: block; } .latepoint-booking-form-element .os-monthly-calendar-days { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day { text-align: left; font-size: 20px; font-weight: 600; cursor: pointer; position: relative; border-left: 1px solid rgba(0, 0, 0, 0.08); } .latepoint-booking-form-element .os-monthly-calendar-days .os-day:nth-child(7n+1) { border-left-color: transparent; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day:focus { outline: none; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day:focus-visible { outline: 2px solid var(--latepoint-brand-primary); } .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 { color: #B7BCCB; background-color: #fff; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available { cursor: not-allowed; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box { background-color: transparent; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-status { background-color: #f7f7f7; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-number { color: #adadae; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available.selected .os-day-box { background-color: #ec7376; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available.selected .os-day-box .os-day-number { color: #fff; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-passed .os-day-box { background-color: transparent; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-passed .os-day-box .os-day-number { color: #bdc5da; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-today.os-month-current .os-day-box .os-day-number { background-color: #fff0c7; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-next, .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-prev { border-left-color: transparent; } .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 { pointer-events: none; background-color: transparent; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-next .os-day-box .os-day-status, .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-prev .os-day-box .os-day-status { display: none; } .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 { opacity: 1; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-next .os-day-box .os-day-number, .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-prev .os-day-box .os-day-number { color: transparent !important; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-box { padding: 15px 0px 15px 15px; position: relative; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-available-slots-tooltip { position: absolute; top: 0; left: 15px; background-color: #111; padding: 4px 6px; color: #fff; font-weight: 600; display: none; white-space: nowrap; z-index: 9999; font-size: 15px; animation: 0.1s ease latepointAvailabilityPopup; animation-fill-mode: both; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day:nth-child(7n) .os-available-slots-tooltip, .latepoint-booking-form-element .os-monthly-calendar-days .os-day:nth-child(7n+6) .os-available-slots-tooltip { left: auto; right: 0; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-number { color: #14161d; transition: all 0.1s ease; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-status { transition: all 0.1s ease; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-prev, .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-next { cursor: default; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-next { display: none; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day:hover .os-day-box .os-day-number { transform: scale(1.2); transform-origin: bottom left; white-space: nowrap; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day:hover .os-day-box:hover .os-available-slots-tooltip { display: block; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day:hover .os-day-status { height: 10px; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box { background-color: var(--latepoint-brand-primary); border-color: transparent; color: #fff; opacity: 1; padding-left: 0; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box .os-day-number { background-color: transparent; color: #fff; transform: scale(1.2); transform-origin: center center; text-align: center; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box .os-day-status { display: none; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box:hover .os-available-slots-tooltip { display: none; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next).os-today .os-day-box .os-day-number { background-color: transparent; } .latepoint-booking-form-element .os-day-status { margin: 0px; height: 6px; position: absolute; border-radius: 0px; overflow: hidden; bottom: 6px; left: 15px; right: 0px; background-color: #e6e9ef; } .latepoint-booking-form-element .os-day-status .day-available { background-color: #8fe286; top: 0px; bottom: 0px; position: absolute; z-index: 1; min-width: 3px; } .latepoint-booking-form-element .times-header { color: #16171d; font-size: 17px; font-weight: 400; text-align: center; padding-bottom: 10px; } .latepoint-booking-form-element .times-header span { color: var(--latepoint-brand-primary); border-bottom: 1px dotted var(--latepoint-brand-primary); } .latepoint-booking-form-element .os-calendar-searching-info { padding-left: 35px; font-size: 15px; position: relative; font-weight: 600; display: none; } .latepoint-booking-form-element .os-calendar-searching-info:before { display: block; content: ""; width: 20px !important; height: 20px !important; border-bottom: 2px solid var(--latepoint-brand-primary); border-left: 2px solid var(--latepoint-brand-primary); border-top: 2px solid var(--latepoint-brand-primary); border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; left: 10px; } .latepoint-booking-form-element .os-dates-and-times-w.is-searching .os-calendar-searching-info { display: block; } .latepoint-booking-form-element .os-dates-and-times-w.is-searching .os-calendar-while-searching-wrapper { display: none; } .latepoint-booking-form-element .os-dates-and-times-w.is-searching .os-timezone-info-wrapper { display: none; } .latepoint-booking-form-element .os-dates-w { margin: 0 0 0 -15px; } .latepoint-booking-form-element .os-times-w { position: relative; } .latepoint-booking-form-element .timeslots { display: flex; justify-content: space-between; } .latepoint-booking-form-element .timeslots .not-working-message { flex: 1; padding: 3px 5px; text-align: center; background-color: #f7e8e8; color: #752f2f; font-weight: 600; } .latepoint-booking-form-element .dp-timebox { white-space: nowrap; text-align: center; padding: 6px 3px; line-height: 1.2; background-color: #d6ffd1; font-size: 15px; color: #14161d; cursor: pointer; font-weight: 600; position: relative; width: auto !important; max-width: none !important; } .latepoint-booking-form-element .dp-timebox:focus { outline: none; box-shadow: none; } .latepoint-booking-form-element .dp-timebox:focus-visible { outline: 2px solid var(--latepoint-brand-primary); } .latepoint-booking-form-element .dp-timebox .dp-tick, .latepoint-booking-form-element .dp-timebox .dp-success-label { display: none !important; } .latepoint-booking-form-element .dp-timebox:hover { background-color: #c0fbb8; } .latepoint-booking-form-element .dp-timebox.is-off, .latepoint-booking-form-element .dp-timebox.is-booked { color: #b3b3b3; background-color: #f7f7f7; box-shadow: none; cursor: not-allowed; } .latepoint-booking-form-element .dp-timebox.selected { background-color: var(--latepoint-brand-primary); color: #fff; box-shadow: none; } .latepoint-booking-form-element .dp-timebox.selected:after { font-family: "latepointIcons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e903"; background-color: var(--latepoint-brand-primary); box-shadow: 0px 0px 0px 2px #fff; border-radius: 50%; width: 14px; line-height: 14px; height: 14px; top: -5px; right: -5px; font-size: 10px; text-align: center; position: absolute; color: #fff; animation: 0.2s ease 0s selectedSlotCheckmark; animation-fill-mode: both; } .latepoint-booking-form-element .time-selector-w { display: none; margin-top: 20px; margin-left: -2px; margin-right: -2px; } .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 { display: none; } .latepoint-booking-form-element .time-selector-w .th-timezone { text-transform: uppercase; font-size: 10px; letter-spacing: 0.5px; margin-top: 4px; } .latepoint-booking-form-element .time-selector-w .th-timezone strong { color: #7c85a3; } .latepoint-booking-form-element .time-selector-w.style-timebox { margin-top: 20px; } .latepoint-booking-form-element .time-selector-w.style-timebox .timeslots { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; } .latepoint-booking-form-element .time-selector-w.style-timebox .timeslots.slots-not-available { grid-template-columns: repeat(1, 1fr) !important; } .latepoint-booking-form-element .time-selector-w.style-timebox .timeslots .not-working-message { border-radius: 4px; padding: 6px; } .latepoint-booking-form-element .time-selector-w.style-timebox .timeslots .dp-timebox .dp-label-capacity { display: none; } .latepoint-booking-form-element .time-selector-w.style-timebox .timeslots .dp-timebox.is-off { display: none; } .latepoint-booking-form-element .time-selector-w.style-timebox .times-header { display: flex; align-items: center; margin-bottom: 10px; padding-top: 10px; } .latepoint-booking-form-element .time-selector-w.style-timebox .times-header .times-header-label { flex: 1; margin: 0px 15px; white-space: nowrap; font-weight: 600; } .latepoint-booking-form-element .time-selector-w.style-timebox .times-header .th-line { height: 1px; flex: 1; background-color: rgba(0, 0, 0, 0.1); content: ""; } .latepoint-booking-form-element .time-selector-w.style-timeline { padding-bottom: 30px; flex-wrap: nowrap; } .latepoint-booking-form-element .time-selector-w.with-end-time.time-system-12 .timeslots { grid-template-columns: repeat(2, 1fr); } .latepoint-booking-form-element .time-selector-w.with-end-time.time-system-12 .dp-timebox span.dp-label-end-time { opacity: 0.7; } .latepoint-booking-form-element .time-selector-w.with-end-time.time-system-24 .timeslots { grid-template-columns: repeat(3, 1fr); } .latepoint-booking-form-element .time-selector-w.with-end-time.time-system-24 .dp-timebox span.dp-label-end-time { opacity: 0.7; } .latepoint-booking-form-element .time-selector-w.without-end-time.time-system-12 .timeslots { grid-template-columns: repeat(4, 1fr); } .latepoint-booking-form-element .time-selector-w.without-end-time.time-system-24 .timeslots { grid-template-columns: repeat(5, 1fr); } .latepoint-booking-form-element .dp-timeslot { height: 24px; flex-grow: 1; margin: 0px; box-shadow: inset 1px 0px 0px 0px #fff, inset -1px 0px 0px 0px #fff; border-radius: 0px; position: relative; cursor: pointer; background-color: #8fe286; } .latepoint-booking-form-element .dp-timeslot:focus-visible { outline: 2px solid var(--latepoint-brand-primary); } .latepoint-booking-form-element .dp-timeslot .dp-tick { position: absolute; display: block; top: 34px; left: 50%; transform: translateX(-50%); font-size: 8px; text-align: center; color: rgba(0, 0, 0, 0.4); text-transform: uppercase; line-height: 1.4; font-weight: 600; letter-spacing: 1px; } .latepoint-booking-form-element .dp-timeslot .dp-tick strong { display: block; color: rgb(0, 0, 0); font-size: 11px; line-height: 1; letter-spacing: 0px; white-space: nowrap; } .latepoint-booking-form-element .dp-timeslot .dp-success-label { color: rgba(255, 255, 255, 0.8); display: block; text-align: center; margin-bottom: 4px; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; } .latepoint-booking-form-element .dp-timeslot .dp-label { display: none; text-align: center; padding: 7px 8px 7px 8px; line-height: 1; background-color: #04bb03; color: #fff; font-size: 12px; font-weight: 600; position: absolute; left: 50%; top: -8px; transform: translate(-50%, -100%); white-space: nowrap; transition: all 0.2s ease; z-index: 10; } .latepoint-booking-form-element .dp-timeslot .dp-label-capacity { display: block; color: rgba(255, 255, 255, 0.8); text-align: center; margin-bottom: 4px; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; } .latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked), .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off) { background-color: var(--latepoint-brand-primary); z-index: 4; } .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 { display: none; } .latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked):hover, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off):hover { background-color: var(--latepoint-brand-primary); } .latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked):after, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off):after { content: ""; position: absolute; width: 1px; left: 50%; transform: translateX(-50%); top: 0px; bottom: 0px; background-color: var(--latepoint-brand-primary); display: none; } .latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked) .dp-label, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off) .dp-label { top: -3px; background-color: var(--latepoint-brand-primary); color: #fff; display: block; } .latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked):before, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off):before { background-color: var(--latepoint-brand-primary); display: block; width: 10px; height: 10px; transform: translateX(-50%) rotate(45deg); top: -12px; left: 50%; } .latepoint-booking-form-element .dp-timeslot.is-booked { background-color: #e6e9ef; margin: 0px; cursor: not-allowed; } .latepoint-booking-form-element .dp-timeslot.is-booked:before { background-color: #E42806; } .latepoint-booking-form-element .dp-timeslot.is-booked .dp-label { background-color: #E42806; } .latepoint-booking-form-element .dp-timeslot.is-booked:hover { background-color: #E42806; } .latepoint-booking-form-element .dp-timeslot.is-off { background-color: #e6e9ef; margin: 0px; border-color: #fff; max-width: 25%; cursor: not-allowed; } .latepoint-booking-form-element .dp-timeslot.is-off:before { background-color: #E42806; } .latepoint-booking-form-element .dp-timeslot.is-off .dp-label { background-color: #E42806; } .latepoint-booking-form-element .dp-timeslot.is-off:hover { background-color: #e6e9ef; } .latepoint-booking-form-element .dp-timeslot.is-off:hover .dp-label { display: none; } .latepoint-booking-form-element .dp-timeslot.with-tick:after { content: ""; position: absolute; width: 1px; left: 50%; height: 3px; bottom: -7px; background-color: rgba(0, 0, 0, 0.4); } .latepoint-booking-form-element .dp-timeslot:hover { background-color: #04bb03; } .latepoint-booking-form-element .dp-timeslot:hover:before { top: 0px; } .latepoint-booking-form-element .dp-timeslot:hover .dp-label { display: block; } .latepoint-message { border-radius: 0px; } .latepoint-message.latepoint-message-success { padding: 10px 15px; font-weight: 600; margin-bottom: 15px; background: #eeffed; color: #0d7f24; text-align: center; border: 1px solid #a9e3a2; box-shadow: 0px 1px 4px -1px rgba(79, 239, 88, 0.6); } .latepoint-message.latepoint-message-error { padding: 10px; font-weight: 600; margin-bottom: 15px; background: #ffcfcf; color: #750e0e; text-align: center; border: 1px solid #ffcfcf; box-shadow: none; } .latepoint-message.latepoint-message-warning { padding: 10px; font-weight: 600; margin-bottom: 15px; background: #ffeabe; color: #75450e; text-align: center; border: 1px solid #c16d18; box-shadow: 0px 2px 4px rgba(64, 55, 40, 0.05); } .latepoint-message.latepoint-message-info { padding: 10px; font-weight: 600; margin-bottom: 15px; background: #eee; color: #111; text-align: center; } .os-booking-limit-reached { position: absolute; top: 10px; right: 10px; left: 10px; bottom: 10px; background-color: #fff0f0; border: 1px solid #b95252; color: #b95252; font-size: 18px; text-align: center; padding: 30px; display: flex; align-items: center; } .os-booking-limit-reached .os-booking-limit-icon-w { margin-bottom: 10px; font-size: 40px; color: #d8adb0; line-height: 1; } .os-booking-limit-reached h3 { color: #5f1b1b; margin-bottom: 10px; margin-top: 0px; padding: 0px; } .latepoint-w.customer-dashboard-order-summary-lightbox .os-item-details-popup, .latepoint-w.customer-dashboard-booking-summary-lightbox .os-item-details-popup { position: relative; background-color: #fff; display: none; margin: -30px -30px -30px -30px; } .latepoint-w.customer-dashboard-order-summary-lightbox .os-item-details-popup.open, .latepoint-w.customer-dashboard-booking-summary-lightbox .os-item-details-popup.open { display: block; } .latepoint-w .os-item-details-popup { display: none; } .latepoint-w .os-item-details-popup.open { display: block; } .latepoint-w .os-item-details-popup .os-item-details-popup-close { position: absolute; top: 0px; right: 0px; background-color: #FF5151; color: #fff; padding: 10px; font-size: 13px; font-weight: 600; z-index: 9999; } .latepoint-w .os-item-details-popup .os-item-details-popup-close span, .latepoint-w .os-item-details-popup .os-item-details-popup-close i { display: inline-block; vertical-align: middle; line-height: 1; } .latepoint-w .os-item-details-popup .os-item-details-popup-close span { margin-right: 10px; } .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-head { background-size: cover; background-position: center center; padding: 80px 40px 40px 40px; position: relative; } .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-head h3 { color: #fff; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); font-size: 30px; margin: 0px; z-index: 2; position: relative; } .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-head .item-details-popup-title { margin-top: 5px; color: rgba(255, 255, 255, 0.8); z-index: 2; position: relative; font-size: 21px; } .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-head:before { content: ""; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)); z-index: 1; } .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content { padding: 40px; font-size: 16px; line-height: 21px; position: relative; z-index: 2; } .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .bio-curve { position: absolute; top: 1px; left: 0px; right: 0px; bottom: 0px; transform: translateY(-100%); display: block; width: 100%; max-width: 100%; height: auto; z-index: 9999; } .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features { display: flex; justify-content: space-between; padding-bottom: 20px; margin-top: -15px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); margin-bottom: 30px; } .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features .item-details-popup-feature { flex: 1; padding: 0px 15px; } .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 { padding-left: 0px; } .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 { padding-right: 0px; } .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 { font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-weight: 600; font-size: 27px; font-weight: 600; line-height: 1.2; color: var(--latepoint-brand-primary); } .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 { font-size: 13px; color: #7c85a3; } .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 { border-left: 1px solid rgba(0, 0, 0, 0.05); } .latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-content-i::first-letter { font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-weight: 600; font-size: 27px; line-height: 21px; color: var(--latepoint-brand-primary); font-weight: 600; padding-right: 1px; } .add-to-calendar-wrapper { position: relative; } .add-to-calendar-wrapper.show-types .add-to-calendar-types { display: flex; } .add-to-calendar-wrapper.show-types .open-calendar-types { visibility: hidden; } .add-to-calendar-types { border: 1px solid #aaa; box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.2); background-color: #eee; display: none; flex-direction: column; position: absolute; gap: 1px; top: 0%; left: 0; animation: 0.15s cubic-bezier(0.05, 0.45, 0.1, 1) 0s up20; animation-fill-mode: both; z-index: 1; } .add-to-calendar-types .atc-heading-wrapper { padding: 5px; padding-left: 10px; font-weight: 600; display: flex; font-size: 15px; justify-content: space-between; align-items: center; background-color: #f2f2f2; } .add-to-calendar-types .atc-heading-wrapper .close-calendar-types { line-height: 12px; font-size: 14px; padding: 3px; background-color: #ddd; text-align: center; cursor: pointer; } .add-to-calendar-types .atc-heading-wrapper .close-calendar-types:hover { background-color: var(--latepoint-brand-primary); color: #fff; } .add-to-calendar-types .atc-heading-wrapper .close-calendar-types:before { line-height: 1; font-family: "latepointIcons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90a"; } .add-to-calendar-types .atc-type { padding: 10px; padding-right: 15px; display: flex; gap: 10px; align-items: center; cursor: pointer; background-color: #fff; text-decoration: none; position: relative; } .add-to-calendar-types .atc-type:hover { box-shadow: 0 0 0 1px var(--latepoint-brand-primary), inset 0 0 0 1px var(--latepoint-brand-primary); z-index: 1; } .add-to-calendar-types .atc-type .atc-type-image { width: 18px; height: 18px; background-size: contain; background-repeat: no-repeat; background-position: center left; } .add-to-calendar-types .atc-type .atc-type-name { font-weight: 600; font-size: 15px; color: var(--latepoint-body-color); white-space: nowrap; } .add-to-calendar-types .atc-type.atc-type-apple .atc-type-image { background-image: url(//rkt.pl/addons/latepoint/public/images/apple-logo-compact.png); } .add-to-calendar-types .atc-type.atc-type-google .atc-type-image { background-image: url(//rkt.pl/addons/latepoint/public/images/google-logo-compact.png); } .add-to-calendar-types .atc-type.atc-type-outlook .atc-type-image { background-image: url(//rkt.pl/addons/latepoint/public/images/outlook-logo-compact.png); } .add-to-calendar-types .atc-type.atc-type-office-365 .atc-type-image { background-image: url(//rkt.pl/addons/latepoint/public/images/office-365-logo-compact.jpg); } .latepoint-continue-intent-loading { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999999; background-color: rgba(0, 0, 0, 0.6); } .latepoint-continue-intent-loading:before { display: block; content: ""; width: 50px; height: 50px; border-bottom: 4px solid #fff; border-left: 4px solid #fff; border-top: 4px solid #fff; border-right: 4px solid rgba(255, 255, 255, 0); border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; z-index: 999; } .latepoint-calendar-wrapper { position: relative; } .latepoint-calendar-wrapper.show-filters .latepoint-calendar-filters { display: flex; } .latepoint-calendar-wrapper.show-filters .le-filter .latepoint-icon:before { content: "\e90a"; } .latepoint-calendar-wrapper.os-loading .latepoint-calendar-controls-wrapper:before { content: ""; display: block; position: absolute; bottom: -1px; left: 0; right: 0; height: 3px; background: repeating-linear-gradient(to right, #fff 0%, #1D7BFF 50%, #fff 100%); width: 100%; background-size: 200% auto; background-position: 0 100%; animation: os-loading-gradient 1.5s infinite; animation-fill-mode: forwards; animation-timing-function: linear; } .latepoint-calendar-controls-wrapper { position: sticky; top: 0; z-index: 10; border-bottom: 1px solid #ddd; background-color: #fff; } .latepoint-calendar-filters { border-top: 1px solid #eee; padding: 15px 0; gap: 15px; display: none; align-items: center; justify-content: flex-end; } .latepoint-calendar-filters .le-filters-label { font-size: 15px; } .le-range-selector { margin-left: auto; } .le-range-selector select.os-form-control, .latepoint-calendar-filters select.os-form-control { padding: 8px 10px; line-height: 1.55; border-radius: 6px; border: 1px solid #ccc; font-size: 15px; height: auto; } .latepoint-calendar-controls { display: flex; align-items: center; gap: 15px; padding: 15px 0; } .latepoint-calendar-controls .le-label { color: rgba(0, 0, 0, 0.3); font-size: 27px; font-weight: 600; line-height: 1; } .latepoint-calendar-controls .le-week { font-size: 27px; font-weight: 600; line-height: 1; } .latepoint-calendar-controls .le-month { font-size: 36px; font-weight: 600; line-height: 1; } .latepoint-calendar-controls .le-filter { padding: 6px 12px; border: 1px solid #ccc; color: var(--latepoint-body-color); cursor: pointer; display: flex; gap: 10px; align-items: center; font-size: 15px; border-radius: 6px; position: relative; } .latepoint-calendar-controls .le-filter.os-loading:before { display: block; content: ""; width: 10px !important; height: 10px !important; border-bottom: 2px solid #000; border-left: 2px solid #000; border-top: 2px solid #000; border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; left: 18px; } .latepoint-calendar-controls .le-filter.os-loading .latepoint-icon { color: transparent; } .latepoint-calendar-controls .le-filter:hover { border-color: #111; } .latepoint-calendar-controls .le-navigation-wrapper { border-left: 1px solid #eee; padding-left: 20px; margin-left: 5px; } .latepoint-calendar-controls .le-navigation { display: flex; font-size: 15px; border-radius: 6px; align-items: stretch; border: 1px solid #ccc; } .latepoint-calendar-controls .le-navigation .le-today { padding: 6px 12px; color: var(--latepoint-body-color); cursor: pointer; position: relative; border-radius: 6px; } .latepoint-calendar-controls .le-navigation .le-today:hover { box-shadow: 0 0 0 1px #111; z-index: 2; } .latepoint-calendar-controls .le-navigation .le-navigation-button { padding: 11px 10px; cursor: pointer; position: relative; font-size: 10px; line-height: 1; border-radius: 6px; } .latepoint-calendar-controls .le-navigation .le-navigation-button:hover { box-shadow: 0 0 0 1px #111; z-index: 2; border-color: transparent; } .latepoint-calendar-controls .le-navigation .le-navigation-button.os-loading { color: transparent; } .latepoint-calendar-controls .le-navigation .le-navigation-button.os-loading:before { display: block; content: ""; width: 10px !important; height: 10px !important; border-bottom: 2px solid #000; border-left: 2px solid #000; border-top: 2px solid #000; border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; } .latepoint-calendar-week { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; padding-left: 50px; } .latepoint-calendar-week .le-day-wrapper { position: relative; } .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 { background-color: #fffaf1; } .latepoint-calendar-week .le-day-wrapper.os-today .le-day-weekday-wrapper:before { content: ""; left: 0px; right: 0px; top: 0px; background-color: #f34a4a; position: absolute; height: 2px; z-index: 10; } .latepoint-calendar-week .le-day-wrapper:hover .le-day-number { color: var(--latepoint-brand-primary); border-bottom-color: var(--latepoint-brand-primary); } .latepoint-calendar-week .le-day-wrapper:first-child .day-schedule-timeslot-value { display: block; } .latepoint-calendar-week .le-day-wrapper:first-child .le-day-schedule-wrapper .day-schedule-timeslot:before { content: ""; background-color: #ddd; height: 1px; top: 0px; left: -5px; width: 5px; position: absolute; } .latepoint-calendar-week .le-day-wrapper:last-child { border-right: 1px solid #ddd; } .latepoint-calendar-week .le-day-weekday-wrapper { border-left: 1px solid #ddd; padding-left: 20px; padding-top: 10px; padding-bottom: 7px; border-bottom: 1px solid #bbb; position: sticky; top: 35px; z-index: 7; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05); background-color: #fff; } .latepoint-calendar-week .le-day-weekday { font-weight: 600; color: #aaa; z-index: 3; position: relative; } .latepoint-calendar-week .le-day-number { font-size: 45px; font-weight: 600; line-height: 1; border-bottom: 1px dotted transparent; display: inline-block; cursor: pointer; position: relative; z-index: 2; } .latepoint-calendar-week .le-day-number:hover { border-bottom-style: solid; } .latepoint-calendar-week .le-day-number.os-loading { color: transparent !important; border-bottom-color: transparent !important; } .latepoint-calendar-week .le-day-number.os-loading:before { display: block; content: ""; width: 30px !important; height: 30px !important; border-bottom: 2px solid var(--latepoint-brand-primary); border-left: 2px solid var(--latepoint-brand-primary); border-top: 2px solid var(--latepoint-brand-primary); border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; } .latepoint-calendar-week .os-day-month { position: absolute; z-index: 1; font-size: 75px; color: rgba(0, 0, 0, 0.05); left: 15px; top: 12px; line-height: 1; overflow: hidden; right: 0; } .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots { position: relative; } .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots:before { content: ""; top: 0; bottom: 0; width: 1px; background-color: #e1e1e1; position: absolute; left: 0; } .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper { display: flex; background-color: #f9f9f9; } .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper:first-child .day-schedule-timeslot-value { display: none; } .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper:first-child .day-schedule-timeslot:before { background-color: transparent; } .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper .day-schedule-timeslot { flex: 1; text-align: right; text-transform: uppercase; letter-spacing: 1px; font-size: 11px; height: 44px; position: relative; box-shadow: 0 1px 0 0 #ddd; } .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper { position: absolute; left: 0; right: 0; font-size: 12px; background-color: #fff; z-index: 2; cursor: pointer; box-shadow: inset 0 1px 0 0px #ddd, 0 3px 0 0 rgba(0, 0, 0, 0.03); border-bottom: 1px solid #ccc; } .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.os-loading:before { content: ""; display: block; content: ""; width: 8px !important; height: 8px !important; border-bottom: 2px solid #111; border-left: 2px solid #111; border-top: 2px solid #111; border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; top: 10px; right: 0px; left: auto; } .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed { cursor: not-allowed; } .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed .le-service-inner { opacity: 0.6; } .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed:hover .is-passed-message { display: block; } .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed .is-passed-message { display: none; background-color: #000; color: #fff; padding: 5px 10px; font-weight: 600; font-size: 12px; position: absolute; top: 0; left: 50%; transform: translate(-50%, -110%); white-space: nowrap; } .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover { opacity: 1; z-index: 3; } .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-color-elem { width: 5px; } .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 { transform: translateX(3px); } .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper .le-service-inner { padding: 3px; padding-left: 8px; display: flex; flex-direction: column; height: 100%; box-sizing: border-box; } .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper .le-color-elem { position: absolute; top: 0px; bottom: -1px; left: 0px; width: 3px; display: block; transition: all 0.15s ease; } .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-time-period { transition: transform 0.15s ease; } .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-name { font-weight: 600; font-size: 15px; line-height: 1.4; overflow: hidden; transition: transform 0.15s ease; } .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslot { position: relative; } .latepoint-calendar-week .day-schedule-timeslot-value { display: none; position: absolute; top: 0; transform: translateY(-50%); left: -60px; width: 50px; text-align: right; } .latepoint-calendar-month { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; gap: 1px; background-color: #ddd; padding: 1px; padding-top: 0; } .latepoint-calendar-month .le-weekday { background-color: #fff; padding: 5px 15px; font-weight: 600; font-size: 18px; } .latepoint-calendar-month .le-weekday.weekday-6, .latepoint-calendar-month .le-weekday.weekday-7 { color: #382c18; } .latepoint-calendar-month .le-day-wrapper { min-height: 200px; background-color: #fff; padding: 20px; position: relative; } .latepoint-calendar-month .le-day-wrapper:hover .le-day-number { color: var(--latepoint-brand-primary); border-bottom: 1px dotted var(--latepoint-brand-primary); } .latepoint-calendar-month .le-day-wrapper.os-today:before { content: ""; left: -1px; right: -1px; top: -1px; background-color: #f34a4a; position: absolute; height: 2px; } .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 { background-color: #f9f9f9; } .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 { color: #999; } .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 { opacity: 0.8; } .latepoint-calendar-month .le-day-wrapper .le-more-services { color: var(--latepoint-brand-primary); border-bottom: 1px dotted var(--latepoint-brand-primary); font-size: 15px; display: inline-block; cursor: pointer; font-weight: 600; line-height: 1.2; position: relative; } .latepoint-calendar-month .le-day-wrapper .le-more-services:hover { border-bottom-style: solid; } .latepoint-calendar-month .le-day-wrapper .le-more-services.os-loading { color: transparent; border-bottom-color: transparent; } .latepoint-calendar-month .le-day-wrapper .le-more-services.os-loading:before { display: block; content: ""; width: 10px !important; height: 10px !important; border-bottom: 2px solid var(--latepoint-brand-primary); border-left: 2px solid var(--latepoint-brand-primary); border-top: 2px solid var(--latepoint-brand-primary); border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; } .latepoint-calendar-month .le-day-wrapper .os-day-month { position: absolute; z-index: 1; font-size: 60px; color: rgba(0, 0, 0, 0.05); left: 20px; top: 7px; line-height: 1; right: 0; overflow: hidden; } .latepoint-calendar-month .le-day-wrapper .le-day-number { z-index: 2; font-size: 27px; font-weight: 600; line-height: 1; margin-bottom: 10px; border-bottom: 1px dotted transparent; display: inline-block; cursor: pointer; position: relative; } .latepoint-calendar-month .le-day-wrapper .le-day-number:hover { border-bottom-style: solid; } .latepoint-calendar-month .le-day-wrapper .le-day-number.os-loading { color: transparent; border-bottom-color: transparent; } .latepoint-calendar-month .le-day-wrapper .le-day-number.os-loading:before { display: block; content: ""; width: 15px !important; height: 15px !important; border-bottom: 2px solid var(--latepoint-brand-primary); border-left: 2px solid var(--latepoint-brand-primary); border-top: 2px solid var(--latepoint-brand-primary); border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; } .latepoint-calendar-month .le-day-wrapper .le-service-wrapper { padding: 3px; padding-left: 10px; font-size: 12px; margin-bottom: 10px; border: 1px solid #ddd; position: relative; background-color: #fff; z-index: 2; cursor: pointer; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05); border-bottom-color: #bbb; border-left: none; } .latepoint-calendar-month .le-day-wrapper .le-service-wrapper.is-passed { cursor: not-allowed; } .latepoint-calendar-month .le-day-wrapper .le-service-wrapper.is-passed .le-service-inner { opacity: 0.6; } .latepoint-calendar-month .le-day-wrapper .le-service-wrapper.is-passed:hover .is-passed-message { display: block; } .latepoint-calendar-month .le-day-wrapper .le-service-wrapper.is-passed .is-passed-message { display: none; background-color: #000; color: #fff; padding: 5px 10px; font-weight: 600; font-size: 12px; position: absolute; top: 0; left: 50%; transform: translate(-50%, -110%); white-space: nowrap; } .latepoint-calendar-month .le-day-wrapper .le-service-wrapper.os-loading:before { content: ""; display: block; content: ""; width: 8px !important; height: 8px !important; border-bottom: 2px solid #111; border-left: 2px solid #111; border-top: 2px solid #111; border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; top: 10px; right: 0px; left: auto; } .latepoint-calendar-month .le-day-wrapper .le-service-wrapper:hover { border-color: #bbb; } .latepoint-calendar-month .le-day-wrapper .le-service-wrapper:hover .le-color-elem { transform: translateX(-2px); width: 5px; } .latepoint-calendar-month .le-day-wrapper .le-service-wrapper .le-color-elem { position: absolute; top: -1px; bottom: -1px; left: -1px; width: 3px; display: block; transition: all 0.15s ease; } .latepoint-calendar-month .le-day-wrapper .le-service-name { font-weight: 600; font-size: 15px; line-height: 1.35; } .le-day-view-wrapper.os-loading .le-day-info-section:before { content: ""; display: block; position: absolute; bottom: -1px; left: 0; right: 0; height: 3px; background: repeating-linear-gradient(to right, #fff 0%, #1D7BFF 50%, #fff 100%); width: 100%; background-size: 200% auto; background-position: 0 100%; animation: os-loading-gradient 1.5s infinite; animation-fill-mode: forwards; animation-timing-function: linear; } .le-day-view-wrapper .le-day-info-section { display: flex; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 20px 40px; position: sticky; top: 0; background-color: #fff; z-index: 4; } .le-day-view-wrapper .le-day-info-section .le-day-info { text-align: center; } .le-day-view-wrapper .le-day-info-section .le-day-info .le-day-number { font-size: 61px; font-weight: 600; line-height: 1; } .le-day-view-wrapper .le-day-info-section .le-day-info .le-day-month { color: #7c85a3; font-size: 21px; letter-spacing: 2px; text-transform: uppercase; font-weight: 600; } .le-day-view-wrapper .le-day-info-section .le-day-filters-wrapper { border-left: 1px solid #eee; margin-left: 40px; padding-left: 20px; flex: 1; } .le-day-view-wrapper .le-day-info-section .le-day-heading { font-size: 33px; font-weight: 600; margin-bottom: 10px; } .le-day-view-wrapper .le-day-info-section .le-day-filters { gap: 10px; display: flex; align-items: center; } .le-day-view-wrapper .le-day-info-section .le-day-filters .os-form-group.os-form-select-group { margin-bottom: 0px !important; } .le-day-view-wrapper .le-day-info-section .le-day-filters .os-form-group.os-form-select-group .os-form-control { height: auto !important; padding: 6px !important; border-color: #ccc !important; border-radius: 6px !important; } .le-day-view-wrapper .le-day-schedule-wrapper { padding: 40px; background-color: #f8f8f8; } .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots { position: relative; padding-left: 50px; } .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots:before { content: ""; top: 0; bottom: 0; width: 1px; background-color: #e1e1e1; position: absolute; left: 60px; } .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper { display: flex; box-shadow: 0 1px 0 0 #e1e1e1; } .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper .day-schedule-timeslot { flex: 0 0 50px; text-align: right; text-transform: uppercase; letter-spacing: 1px; font-size: 11px; height: 44px; position: relative; } .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper .day-schedule-timeslot .day-schedule-timeslot-value { position: absolute; top: 0; transform: translateY(-50%); left: -60px; width: 50px; text-align: right; } .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper { position: absolute; left: 60px; right: 0; font-size: 12px; box-shadow: inset 0 1px 0 0px #ddd, 0 3px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 0 #ddd; border-right: 1px solid #ddd; background-color: #fff; z-index: 2; cursor: pointer; } .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper .le-service-inner { padding: 3px; padding-left: 10px; flex-direction: column; height: 100%; box-sizing: border-box; display: flex; } .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed { cursor: not-allowed; } .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed .le-service-inner { opacity: 0.6; } .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed:hover .is-passed-message { display: block; } .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed .is-passed-message { display: none; background-color: #000; color: #fff; padding: 5px 10px; font-weight: 600; font-size: 12px; position: absolute; top: 0; left: 50%; transform: translate(-50%, -110%); white-space: nowrap; } .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover { border-bottom-color: #999; opacity: 1; z-index: 3; } .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-color-elem { transform: translateX(-2px); width: 5px; } .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-service-name, .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-service-time-period { transform: translateX(3px); } .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper .le-color-elem { position: absolute; top: 0px; bottom: -1px; left: -1px; width: 3px; display: block; transition: all 0.15s ease; } .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-name { font-weight: 600; font-size: 15px; line-height: 1.4; overflow: hidden; transition: transform 0.15s ease; } .le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-time-period { transition: transform 0.15s ease; } @keyframes LatepointSlideUp { 0% { transform: translate3d(0, 40px, 0); opacity: 0; } 100% { transform: translate3d(0, 0px, 0); opacity: 1; } } @keyframes LatepointSlideDown { 0% { transform: translate3d(0, -40px, 0); opacity: 0; } 100% { transform: translate3d(0, 0px, 0); opacity: 1; } } @keyframes LatepointSlideLeft { 0% { transform: translate3d(10px, 0px, 0); opacity: 0; } 100% { transform: translate3d(0, 0px, 0); opacity: 1; } } @keyframes LatepointSlideRight { 0% { transform: translate3d(-10px, 0px, 0); opacity: 0; } 100% { transform: translate3d(0, 0px, 0); opacity: 1; } } @keyframes LatepointSlideUpHalf { 0% { transform: translate3d(0, 20px, 0); opacity: 0; } 100% { transform: translate3d(0, 0px, 0); opacity: 1; } } @keyframes LatepointSlideUpTiny { 0% { transform: translate3d(0, 10px, 0); opacity: 0; } 100% { transform: translate3d(0, 0px, 0); opacity: 1; } } @keyframes LatepointSlideUpTinySolid { 0% { transform: translate3d(0, 10px, 0); } 100% { transform: translate3d(0, 0px, 0); } } @keyframes LatepointSlideDownHalf { 0% { transform: translate3d(0, -20px, 0); opacity: 0; } 100% { transform: translate3d(0, 0px, 0); opacity: 1; } } @keyframes LatepointSlideUpMobileSummary { 0% { transform: translate3d(-50%, -30%, 0); } 100% { transform: translate3d(-50%, -50%, 0); } } @keyframes os-loading-delayed { 0% { transform: translate(-50%, -50%) rotate(0deg); opacity: 0; } 50% { transform: translate(-50%, -50%) rotate(180deg); opacity: 1; } 100% { transform: translate(-50%, -50%) rotate(360deg); opacity: 0; } } .latepoint-w .latepoint-booking-form-element .payment-total-info { animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUp; animation-fill-mode: both; } .latepoint-w .latepoint-booking-form-element .latepoint-timezone-selector-w { animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUpHalf; animation-fill-mode: both; } .latepoint-w .latepoint-booking-form-element .lp-demo-mode-msg { animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.2ms LatepointSlideDown; animation-fill-mode: both; } .latepoint-w .latepoint-booking-form-element .lp-card-i { animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUp; animation-fill-mode: both; } .latepoint-w .latepoint-booking-form-element .lp-paypal-demo-mode-trigger, .latepoint-w .latepoint-booking-form-element .lp-paypal-btn-trigger { animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0.1s LatepointSlideUp; animation-fill-mode: both; } .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child > .os-animated-self { animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.1s LatepointSlideUp; animation-fill-mode: both; } .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(1) > .os-animated-self { animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUp; animation-fill-mode: both; } .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(2) > .os-animated-self { animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 70ms LatepointSlideUp; animation-fill-mode: both; } .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(3) > .os-animated-self { animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 140ms LatepointSlideUp; animation-fill-mode: both; } .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(4) > .os-animated-self { animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 210ms LatepointSlideUp; animation-fill-mode: both; } .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(5) > .os-animated-self { animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 280ms LatepointSlideUp; animation-fill-mode: both; } .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(6) > .os-animated-self { animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 350ms LatepointSlideUp; animation-fill-mode: both; } .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(7) > .os-animated-self { animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 420ms LatepointSlideUp; animation-fill-mode: both; } .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(8) > .os-animated-self { animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 490ms LatepointSlideUp; animation-fill-mode: both; } .latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(9) > .os-animated-self { animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 560ms LatepointSlideUp; animation-fill-mode: both; } .latepoint-w .latepoint-booking-form-element .select-total-attendees-label h4, .latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-centered h4, .latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-left h4 { animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s LatepointSlideUp; animation-fill-mode: both; } .latepoint-w .latepoint-booking-form-element .select-total-attendees-label div, .latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-centered div, .latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-left div { animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0.05s LatepointSlideUp; animation-fill-mode: both; } .latepoint-w .latepoint-booking-form-element .total-attendees-selector-w { animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.1s LatepointSlideUp; animation-fill-mode: both; } .latepoint-w .latepoint-booking-form-element .total-attendees-selector-plus { animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0.25s LatepointSlideLeft; animation-fill-mode: both; } .latepoint-w .latepoint-booking-form-element .total-attendees-selector-minus { animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0.25s LatepointSlideRight; animation-fill-mode: both; } .latepoint-w .latepoint-booking-form-element .lp-options .lp-option { animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.1s LatepointSlideUp; animation-fill-mode: both; } .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(1) { animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUp; animation-fill-mode: both; } .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(2) { animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 70ms LatepointSlideUp; animation-fill-mode: both; } .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(3) { animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 140ms LatepointSlideUp; animation-fill-mode: both; } .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(4) { animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 210ms LatepointSlideUp; animation-fill-mode: both; } .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(5) { animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 280ms LatepointSlideUp; animation-fill-mode: both; } .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(6) { animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 350ms LatepointSlideUp; animation-fill-mode: both; } .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-body:before { display: block; content: ""; width: 40px !important; height: 40px !important; border-bottom: 2px solid var(--latepoint-brand-primary); border-left: 2px solid var(--latepoint-brand-primary); border-top: 2px solid var(--latepoint-brand-primary); border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; animation-delay: 0.25s; opacity: 0; } .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-message, .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content { transition: all 0.3s ease; opacity: 0; transform: translateY(20px); pointer-events: none; } .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w { transform: translateY(10px); } .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group { transition: all 0.3s ease; opacity: 0; transform: translateY(20px); } .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(1) { transition-delay: 0.05s; } .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(2) { transition-delay: 0.1s; } .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(3) { transition-delay: 0.15s; } .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(4) { transition-delay: 0.2s; } .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(5) { transition-delay: 0.25s; } .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(6) { transition-delay: 0.3s; } .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(7) { transition-delay: 0.35s; } .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(8) { transition-delay: 0.4s; } .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(9) { transition-delay: 0.45s; } .latepoint-w .latepoint-booking-form-element.step-content-mid-loading .step-customer-w { opacity: 0; transform: translateY(10px); } .latepoint-w .latepoint-booking-form-element.step-content-mid-loading .step-customer-w .os-form-group { opacity: 0; transform: translateY(20px); } .latepoint-w .latepoint-booking-form-element.step-content-mid-loading .latepoint-message, .latepoint-w .latepoint-booking-form-element.step-content-mid-loading .latepoint-step-content { pointer-events: none; opacity: 0; transform: translateY(30px); } .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content, .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-message { transition: all 0.3s cubic-bezier(0.25, 1.15, 0.5, 1.2); opacity: 1; transform: translateY(0px); } .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w { transform: translateY(0px); } .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group { transition: all 0.3s cubic-bezier(0.25, 1.15, 0.5, 1.2); opacity: 1; transform: translateY(0px); } .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(1) { transition-delay: 0.05s; } .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(2) { transition-delay: 0.1s; } .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(3) { transition-delay: 0.15s; } .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(4) { transition-delay: 0.2s; } .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(5) { transition-delay: 0.25s; } .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(6) { transition-delay: 0.3s; } .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(7) { transition-delay: 0.35s; } .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(8) { transition-delay: 0.4s; } .latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(9) { transition-delay: 0.45s; } .latepoint-w .latepoint-booking-form-element.step-changing .os-heading-text { transition: all 0.3s ease; transform: translateX(-15px); opacity: 0; } .latepoint-w .latepoint-booking-form-element.step-changing .latepoint-step-desc .latepoint-desc-media { transition: all 0.7s cubic-bezier(0.25, 1.15, 0.5, 1); transform: translateX(-25px); opacity: 0; } .latepoint-w .latepoint-booking-form-element.step-changing .latepoint-step-desc .latepoint-desc-title { transition: all 0.5s ease; transition-delay: 0.05s; transform: translateX(-15px); opacity: 0; } .latepoint-w .latepoint-booking-form-element.step-changing .latepoint-step-desc .latepoint-desc-content { transition: all 0.5s ease; transition-delay: 0.1s; transform: translateX(-20px); opacity: 0; } .latepoint-w .latepoint-booking-form-element.step-changed .latepoint-heading-w .os-heading-text { transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1); transform: translateX(0px); opacity: 1; } .latepoint-w .latepoint-booking-form-element.step-changed .latepoint-step-desc .latepoint-desc-media { transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1); transform: translateX(0px); opacity: 1; } .latepoint-w .latepoint-booking-form-element.step-changed .latepoint-step-desc .latepoint-desc-title { transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1); transform: translateX(0px); transition-delay: 0.1s; opacity: 1; } .latepoint-w .latepoint-booking-form-element.step-changed .latepoint-step-desc .latepoint-desc-content { transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1); transform: translateX(0px); transition-delay: 0.2s; opacity: 1; } @keyframes os-loading { 0% { transform: translate(-50%, -50%) rotate(0deg); opacity: 1; } 50% { transform: translate(-50%, -50%) rotate(180deg); opacity: 0.2; } 100% { transform: translate(-50%, -50%) rotate(360deg); opacity: 1; } } @keyframes stepCategoryItem { 0% { transform: translate3d(0, -10px, 0); opacity: 0; } 100% { transform: translate3d(0, 0px, 0); opacity: 1; } } .latepoint-lightbox-w { background-color: rgba(0, 0, 0, 0.4); position: fixed; top: 0px; bottom: 0px; right: 0px; left: 0px; z-index: 999999; display: none; justify-content: center; align-items: center; grid-template-columns: min-content; grid-template-rows: 1fr; } .latepoint-lightbox-w.width-400 { grid-template-columns: 400px; } .latepoint-lightbox-w.width-450 { grid-template-columns: 450px; } .latepoint-lightbox-w.width-500 { grid-template-columns: 500px; } .latepoint-lightbox-w.width-600 { grid-template-columns: 600px; } .latepoint-lightbox-w.width-700 { grid-template-columns: 700px; } .latepoint-lightbox-w.width-800 { grid-template-columns: 800px; } .latepoint-lightbox-w .latepoint-lightbox-heading { padding: 15px 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); background-color: #f8f8f8; display: flex; align-items: center; } .latepoint-lightbox-w .latepoint-lightbox-heading h2 { color: #14161d; margin: 0px; font-size: 24px; flex: 1; } .latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close { position: relative; line-height: 1; font-size: 20px; color: #333; text-decoration: none; display: block; outline: none; box-shadow: none; padding: 5px; } .latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close i { display: block; } .latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close .latepoint-icon-x:before { content: "\e90a"; } .latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close:focus { outline: none; } .latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close:hover { background-color: rgba(0, 0, 0, 0.05); color: #000; } .latepoint-lightbox-w .latepoint-lightbox-footer { padding: 15px; border-top: 1px solid #eee; } .latepoint-lightbox-w button, .latepoint-lightbox-w input, .latepoint-lightbox-w select, .latepoint-lightbox-w textarea { font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-weight: 400; font-size: 15px; } .latepoint-lightbox-w.latepoint-border-radius-rounded .latepoint-lightbox-i { border-radius: 8px; } .latepoint-lightbox-w .latepoint-lightbox-i { background-color: #fff; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2), 0px 20px 50px rgba(0, 0, 0, 0.4); max-height: 94vh; overflow: auto; display: flex; flex-direction: column; z-index: 9999; border-radius: 0px; } .latepoint-lightbox-w .latepoint-lightbox-i.os-loading .latepoint-lightbox-content { min-height: 100px; position: relative; } .latepoint-lightbox-w .latepoint-lightbox-i.os-loading .latepoint-lightbox-content > div { visibility: hidden; } .latepoint-lightbox-w .latepoint-lightbox-i.os-loading .latepoint-lightbox-content:before { display: block; content: ""; width: 30px !important; height: 30px !important; border-bottom: 2px solid var(--latepoint-brand-primary); border-left: 2px solid var(--latepoint-brand-primary); border-top: 2px solid var(--latepoint-brand-primary); border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; } .latepoint-lightbox-w .latepoint-lightbox-i.os-loading .latepoint-lightbox-content .lp-payment-method-content { display: none; } .latepoint-lightbox-w .latepoint-lightbox-i .latepoint-lightbox-content { padding: 30px; flex: 1; overflow: auto; position: relative; } .latepoint-lightbox-w .latepoint-lightbox-i .latepoint-lightbox-content.is-dotted { padding-top: 50px; } .latepoint-lightbox-w .latepoint-lightbox-i .latepoint-lightbox-content.is-dotted:before { content: ""; height: 30px; background-image: radial-gradient(#ccc 1px, transparent 0); background-size: 10px 10px; background-color: #fff; display: block; position: absolute; top: 5px; left: 5px; right: 5px; } .latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close { position: absolute; line-height: 1; top: 17px; right: 19px; font-size: 20px; color: #333; text-decoration: none; display: block; outline: none; box-shadow: none; padding: 5px; } .latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close i { display: block; } .latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close .latepoint-icon-x:before { content: "\e90a"; } .latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close:focus { outline: none; } .latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close:hover { background-color: rgba(0, 0, 0, 0.05); color: #000; } .latepoint-lightbox-w .latepoint-lightbox-i .os-summary-contents-inner { overflow-y: auto; } .latepoint-lightbox-w .latepoint-lightbox-i .latepoint-summary-w .os-summary-contents { max-height: 100%; } .latepoint-lightbox-w .latepoint-lightbox-i .latepoint-booking-form-element { background-color: #fff; max-height: 100%; overflow: hidden; } .latepoint-lightbox-w .latepoint-lightbox-i .latepoint-booking-form-element form.latepoint-form { max-height: 100%; } .latepoint-lightbox-w .latepoint-lightbox-i a { box-shadow: none; } .latepoint-lightbox-w .latepoint-lightbox-i a img { box-shadow: none; } .latepoint-lightbox-w h1, .latepoint-lightbox-w h2, .latepoint-lightbox-w h3, .latepoint-lightbox-w h4, .latepoint-lightbox-w h5, .latepoint-lightbox-w h6 { font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-weight: 600; color: var(--latepoint-brand-primary); text-transform: none; letter-spacing: 0px; line-height: 1.45; } .latepoint-lightbox-w h5 { font-size: 16px; } body.latepoint-lightbox-active .latepoint-lightbox-w { display: grid; } .clean-layout-content-wrapper { max-width: 550px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 8px 35px -3px rgba(0, 0, 0, 0.1); background-color: #fff; margin: 0px auto; position: relative; } .clean-layout-content-wrapper .clean-layout-content-header { padding: 20px 40px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .clean-layout-content-wrapper .clean-layout-content-header h2 { margin: 0; } .clean-layout-content-wrapper .clean-layout-content-body { padding: 40px; position: relative; } .clean-layout-content-wrapper .clean-layout-content-body.is-dotted { padding-top: 60px; } .clean-layout-content-wrapper .clean-layout-content-body.is-dotted:before { content: ""; height: 34px; background-image: radial-gradient(#ccc 1px, transparent 0); background-size: 10px 10px; background-color: #fff; display: block; position: absolute; top: 5px; left: 5px; right: 5px; } .clean-layout-content-wrapper .clean-layout-content-footer { padding: 20px 40px; border-top: 1px solid rgba(0, 0, 0, 0.1); display: flex; gap: 10px; } .clean-layout-content-wrapper .clean-layout-content-footer .latepoint-btn-position-end { margin-left: auto; } .clean-layout-content-wrapper .clean-layout-content-footer .latepoint-btn-position-start { margin-right: auto; } .clean-layout-content-wrapper.os-loading .clean-layout-content-body { min-height: 80px; } .clean-layout-content-wrapper.os-loading .clean-layout-content-body > div { visibility: hidden; } .clean-layout-content-wrapper.os-loading .clean-layout-content-body:before { display: block; content: ""; width: 20px !important; height: 20px !important; border-bottom: 2px solid var(--latepoint-brand-primary); border-left: 2px solid var(--latepoint-brand-primary); border-top: 2px solid var(--latepoint-brand-primary); border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; } .invoice-payment-summary-wrapper .lp-payment-charge-amount { background-color: #fbf6e1; color: #877865; margin-bottom: 20px; padding: 15px; text-align: center; } .invoice-payment-summary-wrapper .lp-payment-charge-amount strong { color: #000; } .invoice-payment-summary-wrapper .full-summary-info-w { padding-top: 40px; } .invoice-payment-summary-wrapper .invoice-due-amount-wrapper { display: flex; align-items: center; } .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-status-label { font-size: 32px; font-weight: 600; text-transform: uppercase; color: #000; padding: 2px 10px; letter-spacing: 3px; line-height: 1.2; opacity: 0.8; border-radius: 10px; } .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-status-label.invoice-status-label-paid { color: #67bf08; border: 3px solid #67bf08; } .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-status-label.invoice-status-label-void { color: #bf0808; border: 3px solid #bf0808; } .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-due-amount-inner { flex: 1; } .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-make-payment-btn { margin-left: auto; font-size: 17px; font-weight: 600; font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; padding: 10px 18px; } .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-amount { font-size: 46px; font-weight: 600; font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #14161d; } .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-sub-info { color: #7c85a3; } .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-sub-info a { display: inline-flex; margin-left: 5px; text-decoration: none; align-items: center; gap: 5px; color: var(--latepoint-brand-primary); } .invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-sub-info a span { border-bottom: 1px dotted var(--latepoint-brand-primary); } .latepoint-w .payment-confirmation-wrapper { text-align: center; } .latepoint-w .payment-confirmation-wrapper .icon-w { margin-bottom: 20px; } .latepoint-w .payment-confirmation-wrapper .icon-w i { background: #d1ffdd; padding: 15px; border-radius: 40px; color: #18a35b; font-size: 28px; display: inline-block; } .latepoint-w .payment-confirmation-wrapper h2 { margin: 0 0 20px 0; font-size: 19px; color: #14161d; } .latepoint-w .payment-confirmation-wrapper .payment-info { border: 1px solid #f1f1f1; border-radius: 6px; } .latepoint-w .payment-confirmation-wrapper .payment-info .payment-info-row { display: flex; justify-content: space-between; border-bottom: 1px solid #f1f1f1; padding: 10px 15px; } .latepoint-w .payment-confirmation-wrapper .payment-info .payment-info-row:last-child { border-bottom: none; } .latepoint-w .payment-confirmation-wrapper .payment-info .info-label { color: #7c85a3; } .latepoint-w .payment-confirmation-wrapper .payment-info .info-value { font-weight: 600; } .summary-heading.summary-variant-heading + .main-box { padding-top: 0; } .latepoint-summary-w .summary-box .sbc-highlighted-item { font-size: 13px; margin-top: 2px; } .latepoint-summary-w .summary-box-heading .sbh-item { font-size: 13px; font-weight: 400; } .latepoint-summary-w .summary-box .sbc-main-item { font-size: 13px; font-weight: 600; } .latepoint-summary-w .summary-box.main-box .summary-box-booking-date-box { display: none; } .latepoint-summary-w .summary-box.main-box .qr-show-trigger { display: none; } .latepoint-summary-w .summary-box-heading .sbh-line { background-color: transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .latepoint-summary-w .price-breakdown-unfold { display: flex; text-align: right; align-items: center; margin-bottom: 10px; color: var(--latepoint-body-color); gap: 5px; cursor: pointer; } .latepoint-summary-w .price-breakdown-unfold i { font-size: 11px; line-height: 11px; margin-left: auto; } .latepoint-summary-w .price-breakdown-unfold span { display: inline-block; border-bottom: 1px dotted var(--latepoint-body-color); font-size: 13px; } .latepoint-summary-w .price-breakdown-unfold:hover { color: #000; } .latepoint-summary-w .price-breakdown-unfold:hover span { border-bottom-style: solid; } .latepoint-summary-w .summary-price-breakdown-wrapper { margin-top: auto; } .latepoint-summary-w .summary-price-breakdown-wrapper .summary-price-breakdown-inner { padding: 0 25px 20px; } .latepoint-summary-w .os-summary-contents-inner .summary-price-breakdown-wrapper:not(.compact-summary) .price-breakdown-unfold { display: none; } .latepoint-summary-w .os-summary-contents-inner .summary-price-breakdown-wrapper.compact-summary .summary-price-item-w:not(.spi-total) { display: none; } .latepoint-summary-w .os-summary-contents-inner .summary-price-breakdown-wrapper.compact-summary .pb-heading { display: none; } .latepoint-summary-w .os-cart-item { position: relative; flex: 1; } .latepoint-summary-w .cart-item-wrapper .summary-attributes { display: none; } .summary-heading { margin-top: 20px; } .checkout-from-summary-panel-btn-wrapper.os-mobile-only { display: none; } .checkout-from-summary-panel-btn { padding: 0; text-align: center; display: flex; align-items: center; gap: 10px; margin-left: auto; font-size: 13px; line-height: 1.2; font-weight: 600; color: var(--latepoint-brand-primary); } .checkout-from-summary-panel-btn span { line-height: 1.5; border-bottom: 1px dotted var(--latepoint-brand-primary); } .checkout-from-summary-panel-btn:focus-visible { outline: 2px solid var(--latepoint-brand-primary); } .checkout-from-summary-panel-btn:hover { color: #000; cursor: pointer; } .checkout-from-summary-panel-btn:hover span { border-color: #000; border-bottom-style: solid; } .checkout-from-summary-panel-btn:hover .latepoint-icon { transform: translateX(3px); } .checkout-from-summary-panel-btn .latepoint-icon { font-size: 8px; transition: transform 0.2s ease; } .summary-price-breakdown-wrapper .summary-box-heading, .summary-heading .summary-box-heading { display: none; } .summary-price-breakdown-wrapper .pb-heading, .summary-heading .pb-heading { display: flex; align-items: center; margin-bottom: 10px; gap: 10px; } .summary-price-breakdown-wrapper .pb-heading .pbh-label, .summary-heading .pb-heading .pbh-label { color: #7c85a3; font-weight: 600; position: relative; font-size: 15px; } .summary-price-breakdown-wrapper .pb-heading .pbh-line, .summary-heading .pb-heading .pbh-line { height: 10px; background-color: rgba(0, 0, 0, 0.03); flex: 1; } .summary-section-heading { font-size: 18px; color: #14161d; margin-bottom: 15px; font-weight: 600; } .summary-box-heading { display: flex; align-items: center; margin-bottom: 10px; } .summary-box-heading .sbh-item { color: #7c85a3; position: relative; font-size: 15px; font-weight: 600; } .summary-box-heading .sbh-item + .sbh-item { margin-left: 10px; } .summary-box-heading .sbh-item + .sbh-item:before { content: ""; width: 3px; height: 3px; background-color: #ddd; border-radius: 4px; position: absolute; top: 50%; left: -7px; transform: translateY(-50%); } .summary-box-heading .sbh-line { height: 10px; background-color: rgba(0, 0, 0, 0.03); flex: 1; margin-left: 10px; } .booking-summary-info-w + .summary-box { margin-top: 15px; padding-top: 15px; border-top: 1px solid #f1f1f1; } .summary-box-wrapper + .summary-box-wrapper { border-top: 1px solid #f1f1f1; } .summary-box-wrapper .summary-box-heading { margin-top: 0; } .summary-box { padding: 5px 0; } .summary-box.main-box { padding: 20px 0; display: flex; gap: 20px; align-items: flex-start; } .summary-box.main-box + .summary-box.main-box { border-top: 1px solid #f1f1f1; } .summary-box.main-box .summary-box-inner { flex: 1; padding-top: 5px; } .summary-box.main-box .summary-box-booking-date-box { text-align: center; flex: 0 0 50px; background-color: #f1f1f1; } .summary-box.main-box .summary-box-booking-date-box .summary-box-booking-date-day { font-size: 20px; line-height: 1.3; font-weight: 600; color: #14161d; border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 5px 0; } .summary-box.main-box .summary-box-booking-date-box .summary-box-booking-date-month { color: #7c85a3; padding: 5px 0; font-size: 13px; } .summary-box.main-box .qr-show-trigger { flex: 0 1 80px; text-align: center; padding-top: 10px; cursor: pointer; white-space: nowrap; } .summary-box.main-box .qr-show-trigger .latepoint-icon { font-size: 30px; color: #111; } .summary-box.main-box .qr-show-trigger .qr-code-trigger-label { display: inline-block; line-height: 1.2; color: #111; border-bottom: 1px dotted #111; font-weight: 600; margin-top: 5px; font-size: 13px; } .summary-box.main-box .qr-show-trigger .qr-code-trigger-label:hover { border-bottom-style: solid; } .summary-box .summary-box-content.os-cart-item.is-removable { padding-right: 16px; } .summary-box .summary-box-content:hover .os-remove-item-from-cart { display: block; } .summary-box .summary-box-content .os-remove-item-from-cart { display: block; background-color: #f1f2f5; position: absolute; top: 2px; right: 0px; cursor: pointer; color: #333; font-size: 14px; vertical-align: middle; line-height: 14px; text-align: center; padding: 8px 5px; } .summary-box .summary-box-content .os-remove-item-from-cart.os-loading { color: transparent; display: block; } .summary-box .summary-box-content .os-remove-item-from-cart.os-loading:before { display: block; content: ""; width: 10px !important; height: 10px !important; border-bottom: 2px solid #14161d; border-left: 2px solid #14161d; border-top: 2px solid #14161d; border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; } .summary-box .summary-box-content .os-remove-item-from-cart.os-loading .os-remove-from-cart-icon { background-color: transparent !important; } .summary-box .summary-box-content .os-remove-item-from-cart .os-remove-from-cart-icon { height: 2px; display: block; width: 8px; background-color: #000; } .summary-box .summary-box-content .os-remove-item-from-cart:hover:not(.os-loading) { background-color: #000 !important; color: #fff; } .summary-box .summary-box-content .os-remove-item-from-cart:hover:not(.os-loading) .os-remove-from-cart-icon { background-color: #fff; } .summary-box .summary-box-content.with-media { display: flex; align-items: center; } .summary-box .summary-box-content .sbc-content-i { margin-left: 10px; line-height: 1.1; } .summary-box .summary-box-content .os-avatar-w { width: 30px; height: 30px; flex: 0 0 30px; display: flex; align-items: center; justify-content: space-around; border-radius: 20px; background-color: #dedede; color: var(--latepoint-body-color); font-weight: 600; font-size: 12px; -webkit-background-size: contain; background-size: contain; background-position: center center; } .summary-box .summary-box-content .os-location-image { width: 30px; height: 30px; flex: 0 0 30px; background-image: url(//rkt.pl/addons/latepoint/public/images/location-image.png); background-size: cover; border-radius: 6px; } .summary-box .sbc-main-item { color: var(--latepoint-body-color); font-size: 13px; } .summary-box .sbc-main-item a { text-decoration: none; color: var(--latepoint-brand-primary); font-size: 11px; } .summary-box .sbc-sub-item { color: #7c85a3; font-size: 13px; display: inline-block; } .summary-box .sbc-link-item { color: #7c85a3; font-size: 13px; text-decoration: none !important; border-bottom: 1px dotted #7c85a3; cursor: pointer; display: inline-block; } .summary-box .sbc-big-item { font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 20px; font-weight: 600; color: #14161d; line-height: 1.3; } .summary-box .sbc-big-item + .sbc-highlighted-item { margin-top: 2px; } .summary-box .sbc-highlighted-item { color: #7c85a3; font-size: 15px; } .summary-box .sbc-highlighted-item span:not(.os-timezone-info) { white-space: nowrap; color: #7c85a3; font-size: 13px; font-weight: 400; display: none; margin-top: 3px; } .summary-box .sbc-subtle-item { color: #7c85a3; font-size: 13px; } .summary-box .sbc-subtle-item span { white-space: nowrap; color: #7c85a3; font-size: 13px; font-weight: 400; } .price-breakdown-w { padding-top: 20px; } .price-breakdown-w .pb-heading { font-weight: 600; color: var(--latepoint-body-color); margin-bottom: 5px; } .summary-price-item-w { display: flex; justify-content: space-between; margin-bottom: 7px; } .summary-price-item-w .spi-name { color: var(--latepoint-body-color); font-weight: 400; } .summary-price-item-w .spi-price { color: var(--latepoint-body-color); font-weight: 400; } .summary-price-item-w.spi-strong .spi-name, .summary-price-item-w.spi-strong .spi-price { font-weight: 600; } .summary-price-item-w.spi-total { border-top: 3px solid var(--latepoint-body-color); padding-top: 10px; margin-top: 10px; font-size: 17px; font-weight: 600; color: var(--latepoint-body-color); margin-bottom: 0; } .summary-price-item-w.spi-total .spi-name, .summary-price-item-w.spi-total .spi-price { font-weight: 600; } .summary-price-item-w.spi-positive .spi-price { color: #3F8607; } .summary-price-item-w .pi-badge { display: inline-block; background-color: #fff; text-transform: uppercase; font-size: 12px; padding: 2px 3px; font-weight: 600; color: #000; margin-left: 3px; border: 1px dotted #000; line-height: 1; } .summary-price-item-w .pi-note { color: #7c85a3; font-size: 12px; } .summary-attributes { color: #7c85a3; font-size: 13px; margin: 5px 0; line-height: 1.5; } .summary-attributes:last-child { margin-bottom: 0; } .summary-attributes.sa-hidden { display: none; } .summary-attributes > span { position: relative; display: inline-block; } .summary-attributes > span:not(:last-child) { margin-right: 15px; } .summary-attributes > span:not(:last-child):before { content: ""; width: 3px; height: 3px; background-color: #bbb; border-radius: 4px; position: absolute; top: 50%; right: -9px; transform: translateY(-50%); } .summary-attributes > span strong { color: var(--latepoint-body-color); font-weight: 600; } .latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-summary-w { display: block; transform: none; } .latepoint-w .latepoint-form-w .pb-heading { margin-bottom: 10px; } .latepoint-w .latepoint-summary-w { flex: 0 0 270px; width: 270px; transition: all 0.4s cubic-bezier(0.05, 0.45, 0.1, 1); transform: translateX(-60px); z-index: 1; display: none; flex-direction: column; position: relative; background-color: #fff; } .latepoint-w .latepoint-summary-w .summary-heading { display: none; } .latepoint-w .latepoint-summary-w .summary-box.main-box + .summary-box.main-box { margin-top: 0; } .latepoint-w .latepoint-summary-w .summary-box .sbc-big-item { font-size: 17px; } .latepoint-w .latepoint-summary-w .summary-box .summary-box-content .os-remove-item-from-cart { display: block; } .latepoint-w .latepoint-summary-w .summary-box .summary-box-content .os-remove-item-from-cart:focus-visible { outline: 2px solid var(--latepoint-brand-primary); } .latepoint-w .latepoint-summary-w.os-loading .summary-header:before { display: block; content: ""; width: 12px !important; height: 12px !important; border-bottom: 2px solid var(--latepoint-brand-primary); border-left: 2px solid var(--latepoint-brand-primary); border-top: 2px solid var(--latepoint-brand-primary); border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; bottom: auto; left: auto; right: 1px; top: 12px; z-index: 9999; } .latepoint-w .latepoint-summary-w .summary-header { position: relative; padding: 5px; margin: 0px; text-align: right; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .latepoint-w .latepoint-summary-w .summary-header .summary-header-inner { display: flex; padding: 13px 20px; justify-content: space-between; align-items: center; } .latepoint-w .latepoint-summary-w .summary-header:not(.can-checkout) .summary-header-inner { background-image: radial-gradient(#d4d4d4 1px, transparent 0); background-size: 7px 7px; } .latepoint-w .latepoint-summary-w .summary-header .latepoint-lightbox-summary-trigger { display: none; position: absolute; top: 50%; transform: translateY(-50%); right: 19px; font-size: 20px; background-color: #fff; padding: 3px 5px 3px 15px; z-index: 2; color: var(--latepoint-body-color); } .latepoint-w .latepoint-summary-w .summary-header .summary-header-label { background-color: #fff; position: relative; z-index: 2; display: inline-block; font-size: 20px; line-height: 1.2; color: #14161d; font-weight: 600; } .latepoint-w .latepoint-summary-w .summary-header .os-lines { position: absolute; top: 21px; left: 30px; right: 30px; z-index: 1; } .latepoint-w .latepoint-summary-w .summary-header .os-lines:before { display: block; content: ""; height: 6px; border-top: 2px dotted #b7c2e8; border-bottom: 2px dotted #b7c2e8; margin-bottom: 2px; } .latepoint-w .latepoint-summary-w .summary-header .os-lines:after { display: block; content: ""; height: 6px; border-top: 2px dotted #b7c2e8; } .latepoint-w .latepoint-summary-w .summary-price-item-w { margin-bottom: 5px; } .latepoint-w .latepoint-summary-w .summary-price-item-w.spi-total { padding-top: 5px; margin-top: 5px; border-top-width: 2px; margin-bottom: 0px; } .latepoint-w .latepoint-summary-w .os-summary-contents { display: flex; flex-direction: column; flex: 1; } .latepoint-w .latepoint-summary-w .os-summary-contents .order-summary-main-section { margin-bottom: 20px; } .latepoint-w .latepoint-summary-w .os-summary-contents .cart-summary-main-section { margin-bottom: 30px; } .latepoint-w .latepoint-summary-w .os-summary-contents .summary-price-item-w { font-size: 13px; } .latepoint-w .latepoint-summary-w .os-summary-contents .summary-price-item-w.spi-total { font-size: 17px; } .latepoint-w .latepoint-summary-w .os-summary-contents-inner { position: relative; display: flex; flex-direction: column; justify-content: space-between; flex: 1; padding-top: 15px; overflow-y: auto; } .latepoint-w .latepoint-summary-w .os-summary-contents-inner .os-summary-contents-inner-top { padding: 0 25px; } .latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-summary-main-section { padding: 0 25px; } .latepoint-w .latepoint-summary-w .os-summary-contents-inner .latepoint-add-another-item-trigger-wrapper.on-verify { display: none; } .latepoint-w .latepoint-summary-w .os-summary-contents-inner .latepoint-add-another-item-trigger-wrapper.on-summary { display: none; margin-top: 15px; } .latepoint-w .latepoint-summary-w .os-summary-contents-inner .active-cart-item-wrapper { padding: 15px 0 0 0; } .latepoint-w .latepoint-summary-w .os-summary-contents-inner .active-cart-item-wrapper.is-separated .summary-box.main-box .sbc-highlighted-item { margin-bottom: 5px; } .latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper { position: relative; padding: 10px 0; margin-top: 5px; } .latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper .summary-box:last-child { padding-bottom: 0; } .latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item:hover { background-color: #f8f8f8; box-shadow: 10px 0 0 0 #f8f8f8, -10px 0 0 0 #f8f8f8; border-top-color: transparent; } .latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item:hover + .cart-item-wrapper { border-top-color: transparent; } .latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item:hover .os-remove-item-from-cart { background-color: #dc5454; color: #fff; } .latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item:hover .os-remove-item-from-cart .os-remove-from-cart-icon { background-color: #fff; } .latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading { display: flex; align-items: center; gap: 10px; margin-top: 15px; } .latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading:not(:last-child) { margin-bottom: 10px; } .latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-label { text-transform: uppercase; color: #7c85a3; font-weight: 600; letter-spacing: 1px; position: relative; font-size: 11px; } .latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-line { height: 1px; background-color: #f1f1f1; flex: 1; } .latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-link { color: var(--latepoint-brand-primary); font-size: 13px; display: flex; align-items: center; gap: 5px; } .latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-link span { border-bottom: 1px dotted var(--latepoint-brand-primary); } .latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-link .latepoint-icon { font-size: 7px; } .latepoint-w .latepoint-summary-w .price-breakdown-w { border-top: none; padding: 30px; padding-top: 25px; margin: 20px -30px -30px -30px; border-top: 1px solid #eee; } .latepoint-w .latepoint-summary-w .price-breakdown-w .pb-heading { padding-bottom: 10px 25px; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; font-weight: 600; color: #7c85a3; align-items: center; } .latepoint-w .latepoint-summary-w .price-breakdown-w .summary-attributes { display: none; } .latepoint-w .latepoint-summary-w .price-breakdown-w .summary-box-heading { display: none; } .latepoint-w .latepoint-summary-w .summary-box-heading { flex: 1; align-items: baseline; margin: 0px; } .latepoint-w .latepoint-summary-w .summary-box-heading .sbh-line { margin-left: 5px; } .latepoint-w .latepoint-summary-w .summary-box.main-box { padding-bottom: 10px; } .latepoint-w .latepoint-summary-w .summary-box.main-box:first-child { padding-top: 0; } .latepoint-w .latepoint-summary-w .summary-box.main-box .summary-box-heading .sbh-item { text-transform: capitalize; letter-spacing: normal; font-size: 13px; font-weight: 400; } .latepoint-w .latepoint-summary-w .summary-box.main-box .summary-box-heading .sbh-line { display: none; } .latepoint-w .latepoint-summary-w .summary-box:not(.main-box) { display: flex; align-items: baseline; } .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 { display: none; } .latepoint-w .latepoint-summary-w .summary-box:not(.main-box) .summary-box-content .sbc-content-i { margin-left: 5px; } .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 { display: none; } .latepoint-w .latepoint-summary-w .summary-boxes-columns { display: block; } .latepoint-clean-body { margin: 0; } .latepoint-clean-body.with-pattern { background-image: radial-gradient(#eee 2px, transparent 0); background-size: 25px 25px; background-color: #fff; } .latepoint-clean-body.with-pattern > .latepoint-w { padding: 50px; } html.latepoint-clean { margin: 0 !important; } .latepoint-w .manage-order-wrapper .booking-summary-info-w { display: none; } .latepoint-w .manage-order-wrapper .qr-show-trigger { display: none; } .latepoint-w .manage-order-wrapper .summary-box .sbc-big-item { font-size: 20px; } .latepoint-w .manage-order-wrapper .summary-box .sbc-highlighted-item { font-size: 13px; color: #7c85a3; } .latepoint-w .manage-order-wrapper .summary-box.main-box .summary-box-booking-date-box .summary-box-booking-date-day { font-size: 24px; } .latepoint-w .manage-order-wrapper, .latepoint-w .manage-booking-wrapper { max-width: 550px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 8px 35px -3px rgba(0, 0, 0, 0.1); background-color: #fff; margin: 0px auto; position: relative; } .latepoint-w .manage-order-wrapper.os-loading .manage-booking-inner, .latepoint-w .manage-booking-wrapper.os-loading .manage-booking-inner { filter: blur(3px); } .latepoint-w .manage-order-wrapper.os-loading:after, .latepoint-w .manage-booking-wrapper.os-loading:after { display: block; content: ""; width: 20px !important; height: 20px !important; border-bottom: 2px solid var(--latepoint-brand-primary); border-left: 2px solid var(--latepoint-brand-primary); border-top: 2px solid var(--latepoint-brand-primary); border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; top: 85px; z-index: 9999; } .latepoint-w .manage-order-wrapper .manage-booking-inner, .latepoint-w .manage-booking-wrapper .manage-booking-inner { padding: 50px; padding-top: 70px; position: relative; } .latepoint-w .manage-order-wrapper .manage-booking-inner:before, .latepoint-w .manage-booking-wrapper .manage-booking-inner:before { content: ""; height: 34px; background-image: radial-gradient(#ccc 1px, transparent 0); background-size: 10px 10px; background-color: #fff; display: block; position: absolute; top: 5px; left: 5px; right: 5px; } .latepoint-w .manage-order-wrapper .manage-status-info, .latepoint-w .manage-booking-wrapper .manage-status-info { display: flex; gap: 5px; align-items: center; margin-right: auto; } .latepoint-w .manage-order-wrapper .manage-status-info .status-info-label, .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-label { color: rgba(255, 255, 255, 0.5); display: none; } .latepoint-w .manage-order-wrapper .manage-status-info .status-info-value, .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value { color: #fff; font-weight: 600; padding: 2px 6px; } .latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-open, .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-open { background-color: #fff; color: #000; } .latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-not_fulfilled, .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-not_fulfilled { background-color: #fff; color: #000; } .latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-approved, .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-approved { background-color: #74ff60; color: #000; } .latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-cancelled, .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-cancelled { background-color: #e81818; color: #fff; } .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, .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-pending, .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-pending_approval, .latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-payment_pending { background-color: #ffe75e; color: #000; } .latepoint-w .manage-order-wrapper .manage-booking-controls, .latepoint-w .manage-booking-wrapper .manage-booking-controls { padding: 15px 25px; background-color: var(--latepoint-brand-primary); display: flex; gap: 25px; align-items: center; justify-content: space-between; position: sticky; top: 0; z-index: 2; } .latepoint-w .manage-order-wrapper .manage-booking-controls.status-cancelled, .latepoint-w .manage-booking-wrapper .manage-booking-controls.status-cancelled { background-color: #e81819; } .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, .latepoint-w .manage-booking-wrapper .manage-booking-controls.status-pending, .latepoint-w .manage-booking-wrapper .manage-booking-controls.status-pending_approval, .latepoint-w .manage-booking-wrapper .manage-booking-controls.status-payment_pending { background-color: #c6a573; } .latepoint-w .manage-order-wrapper .manage-booking-controls .latepoint-btn, .latepoint-w .manage-booking-wrapper .manage-booking-controls .latepoint-btn { padding: 0 !important; } .latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group, .latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group { display: flex; align-items: center; margin: 0 !important; gap: 8px; } .latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group .os-form-control, .latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group .os-form-control { transition: none !important; } .latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group label, .latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group label { font-size: 18px; font-weight: 600; color: #fff; } .latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group select, .latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group select { font-size: 18px !important; padding: 6px !important; border-radius: 6px !important; border: none !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; background-color: #fff !important; color: #111 !important; height: auto !important; } .latepoint-w .manage-booking-wrapper .manage-booking-inner { padding-top: 100px; } .latepoint-w .manage-booking-wrapper .manage-booking-inner:before { top: 60px; } .latepoint-w .manage-booking-wrapper .booking-status-info-wrapper { position: absolute; top: 0; left: 0; right: 0; background-color: #fff; margin: 0; padding-left: 50px; padding-right: 50px; } .booking-full-summary-actions { display: flex; gap: 10px; align-items: center; margin-bottom: 30px; flex-wrap: wrap; } .booking-full-summary-actions .booking-summary-action-btn { padding: 3px 6px; text-decoration: none; color: #111; font-size: 13px; font-weight: 600; border: 1px solid #111; display: flex; gap: 3px; align-items: center; position: relative; transition: none; } .booking-full-summary-actions .booking-summary-action-btn span, .booking-full-summary-actions .booking-summary-action-btn i { display: block; } .booking-full-summary-actions .booking-summary-action-btn:hover { color: var(--latepoint-brand-primary); border-color: var(--latepoint-brand-primary); } .booking-full-summary-actions .booking-summary-action-btn.os-loading:before { display: block; content: ""; width: 12px !important; height: 12px !important; border-bottom: 2px solid #111; border-left: 2px solid #111; border-top: 2px solid #111; border-right: 2px solid rgba(255, 255, 255, 0); border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: os-loading 700ms infinite linear; background-color: transparent !important; left: 12px; } .booking-full-summary-actions .booking-summary-action-btn.os-loading i { color: transparent; } .booking-full-summary-actions .booking-summary-action-btn.cancel-appointment-btn { color: #ad3d12; border-color: #ad3d12; } .customer-dashboard-order-summary-lightbox .summary-box-heading .sbh-item, .customer-dashboard-booking-summary-lightbox .summary-box-heading .sbh-item, .bundle-scheduled-summary-lightbox .summary-box-heading .sbh-item, .manage-order-wrapper .summary-box-heading .sbh-item, .manage-booking-wrapper .summary-box-heading .sbh-item { color: #7c85a3; font-weight: 600; font-size: 15px; } .customer-dashboard-order-summary-lightbox .order-summary-main-section, .customer-dashboard-booking-summary-lightbox .order-summary-main-section, .bundle-scheduled-summary-lightbox .order-summary-main-section, .manage-order-wrapper .order-summary-main-section, .manage-booking-wrapper .order-summary-main-section { margin-bottom: 20px; } .customer-dashboard-order-summary-lightbox .part-of-bundle-message, .customer-dashboard-booking-summary-lightbox .part-of-bundle-message, .bundle-scheduled-summary-lightbox .part-of-bundle-message, .manage-order-wrapper .part-of-bundle-message, .manage-booking-wrapper .part-of-bundle-message { padding: 8px; background-color: #f1f3ff; text-align: center; font-size: 13px; margin-top: 20px; } .customer-dashboard-order-summary-lightbox .part-of-bundle-message a, .customer-dashboard-booking-summary-lightbox .part-of-bundle-message a, .bundle-scheduled-summary-lightbox .part-of-bundle-message a, .manage-order-wrapper .part-of-bundle-message a, .manage-booking-wrapper .part-of-bundle-message a { color: var(--latepoint-brand-primary); text-decoration: none; border-bottom: 1px dotted var(--latepoint-brand-primary); } .customer-dashboard-order-summary-lightbox .full-summary-head-info, .customer-dashboard-booking-summary-lightbox .full-summary-head-info, .bundle-scheduled-summary-lightbox .full-summary-head-info, .manage-order-wrapper .full-summary-head-info, .manage-booking-wrapper .full-summary-head-info { position: relative; } .customer-dashboard-order-summary-lightbox .full-summary-head-info .add-to-calendar-wrapper, .customer-dashboard-booking-summary-lightbox .full-summary-head-info .add-to-calendar-wrapper, .bundle-scheduled-summary-lightbox .full-summary-head-info .add-to-calendar-wrapper, .manage-order-wrapper .full-summary-head-info .add-to-calendar-wrapper, .manage-booking-wrapper .full-summary-head-info .add-to-calendar-wrapper { display: inline-block; } .customer-dashboard-order-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent, .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent, .bundle-scheduled-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent, .manage-order-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent, .manage-booking-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent { display: block; margin: 0px auto 30px auto; padding-bottom: 20px; border-bottom: 1px dashed rgba(0, 0, 0, 0.1); } .customer-dashboard-order-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger, .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger, .bundle-scheduled-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger, .manage-order-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger, .manage-booking-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger { display: none; } .customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-show-trigger, .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-show-trigger, .bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-show-trigger, .manage-order-wrapper .qr-code-on-full-summary .qr-show-trigger, .manage-booking-wrapper .qr-code-on-full-summary .qr-show-trigger { float: right; width: 100px; text-align: center; padding-top: 20px; cursor: pointer; } .customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .latepoint-icon, .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .latepoint-icon, .bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .latepoint-icon, .manage-order-wrapper .qr-code-on-full-summary .qr-show-trigger .latepoint-icon, .manage-booking-wrapper .qr-code-on-full-summary .qr-show-trigger .latepoint-icon { font-size: 45px; color: #111; } .customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label, .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label, .bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label, .manage-order-wrapper .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label, .manage-booking-wrapper .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label { display: inline-block; line-height: 1.2; color: #111; border-bottom: 1px solid #777; font-weight: 600; letter-spacing: 0.5px; margin-top: 10px; font-size: 12px; text-transform: uppercase; } .customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-code-booking-info, .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-booking-info, .bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-booking-info, .manage-order-wrapper .qr-code-on-full-summary .qr-code-booking-info, .manage-booking-wrapper .qr-code-on-full-summary .qr-code-booking-info { display: none; } .customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-code-vevent, .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-vevent, .bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-vevent, .manage-order-wrapper .qr-code-on-full-summary .qr-code-vevent, .manage-booking-wrapper .qr-code-on-full-summary .qr-code-vevent { display: none; } .customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-code-vevent img, .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-vevent img, .bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-vevent img, .manage-order-wrapper .qr-code-on-full-summary .qr-code-vevent img, .manage-booking-wrapper .qr-code-on-full-summary .qr-code-vevent img { display: block; margin: 0px auto; } .customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-code-vevent .qr-code-label, .customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-vevent .qr-code-label, .bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-vevent .qr-code-label, .manage-order-wrapper .qr-code-on-full-summary .qr-code-vevent .qr-code-label, .manage-booking-wrapper .qr-code-on-full-summary .qr-code-vevent .qr-code-label { text-align: center; font-size: 13px; font-weight: 600; text-align: center; font-weight: 500; padding: 10px 15px; background: #fff1af; line-height: 1.4; color: #000; } .customer-dashboard-order-summary-lightbox .payment-summary-info .full-summary-info-w, .customer-dashboard-booking-summary-lightbox .payment-summary-info .full-summary-info-w, .bundle-scheduled-summary-lightbox .payment-summary-info .full-summary-info-w, .manage-order-wrapper .payment-summary-info .full-summary-info-w, .manage-booking-wrapper .payment-summary-info .full-summary-info-w { margin-top: 0px; } .customer-dashboard-order-summary-lightbox .full-summary-header, .customer-dashboard-booking-summary-lightbox .full-summary-header, .bundle-scheduled-summary-lightbox .full-summary-header, .manage-order-wrapper .full-summary-header, .manage-booking-wrapper .full-summary-header { margin-bottom: 0px; margin-top: 0px; } .customer-dashboard-order-summary-lightbox .full-summary-number, .customer-dashboard-booking-summary-lightbox .full-summary-number, .bundle-scheduled-summary-lightbox .full-summary-number, .manage-order-wrapper .full-summary-number, .manage-booking-wrapper .full-summary-number { color: #7c85a3; padding-top: 0px; margin-bottom: 8px; font-size: 13px; letter-spacing: 0.5px; text-transform: uppercase; font-weight: 600; } .customer-dashboard-order-summary-lightbox .full-summary-number strong, .customer-dashboard-booking-summary-lightbox .full-summary-number strong, .bundle-scheduled-summary-lightbox .full-summary-number strong, .manage-order-wrapper .full-summary-number strong, .manage-booking-wrapper .full-summary-number strong { color: #14161d; } .customer-dashboard-order-summary-lightbox .full-summary-order-info-wrapper, .customer-dashboard-booking-summary-lightbox .full-summary-order-info-wrapper, .bundle-scheduled-summary-lightbox .full-summary-order-info-wrapper, .manage-order-wrapper .full-summary-order-info-wrapper, .manage-booking-wrapper .full-summary-order-info-wrapper { position: relative; margin-bottom: 40px; } .customer-dashboard-order-summary-lightbox .fsoi-main-wrapper .fsoi-main, .customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .fsoi-main, .bundle-scheduled-summary-lightbox .fsoi-main-wrapper .fsoi-main, .manage-order-wrapper .fsoi-main-wrapper .fsoi-main, .manage-booking-wrapper .fsoi-main-wrapper .fsoi-main { font-size: 32px; margin-bottom: 5px; color: #7c85a3; display: flex; } .customer-dashboard-order-summary-lightbox .fsoi-main-wrapper .fsoi-main strong, .customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .fsoi-main strong, .bundle-scheduled-summary-lightbox .fsoi-main-wrapper .fsoi-main strong, .manage-order-wrapper .fsoi-main-wrapper .fsoi-main strong, .manage-booking-wrapper .fsoi-main-wrapper .fsoi-main strong { color: #14161d; font-weight: 600; } .customer-dashboard-order-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions, .customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions, .bundle-scheduled-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions, .manage-order-wrapper .fsoi-main-wrapper .order-full-summary-actions, .manage-booking-wrapper .fsoi-main-wrapper .order-full-summary-actions { display: flex; gap: 20px; margin-bottom: 15px; } .customer-dashboard-order-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions a, .customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions a, .bundle-scheduled-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions a, .manage-order-wrapper .fsoi-main-wrapper .order-full-summary-actions a, .manage-booking-wrapper .fsoi-main-wrapper .order-full-summary-actions a { display: flex; align-items: center; gap: 5px; color: var(--latepoint-brand-primary); text-decoration: none; } .customer-dashboard-order-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions span, .customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions span, .bundle-scheduled-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions span, .manage-order-wrapper .fsoi-main-wrapper .order-full-summary-actions span, .manage-booking-wrapper .fsoi-main-wrapper .order-full-summary-actions span { border-bottom: 1px dotted var(--latepoint-brand-primary); } .customer-dashboard-order-summary-lightbox .full-summary-order-info-elements, .customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements, .bundle-scheduled-summary-lightbox .full-summary-order-info-elements, .manage-order-wrapper .full-summary-order-info-elements, .manage-booking-wrapper .full-summary-order-info-elements { display: flex; gap: 10px; font-size: 15px; } .customer-dashboard-order-summary-lightbox .full-summary-order-info-elements .fsoi-element, .customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements .fsoi-element, .bundle-scheduled-summary-lightbox .full-summary-order-info-elements .fsoi-element, .manage-order-wrapper .full-summary-order-info-elements .fsoi-element, .manage-booking-wrapper .full-summary-order-info-elements .fsoi-element { display: flex; gap: 2px; } .customer-dashboard-order-summary-lightbox .full-summary-order-info-elements span, .customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements span, .bundle-scheduled-summary-lightbox .full-summary-order-info-elements span, .manage-order-wrapper .full-summary-order-info-elements span, .manage-booking-wrapper .full-summary-order-info-elements span { color: #7c85a3; display: block; } .customer-dashboard-order-summary-lightbox .full-summary-order-info-elements strong, .customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements strong, .bundle-scheduled-summary-lightbox .full-summary-order-info-elements strong, .manage-order-wrapper .full-summary-order-info-elements strong, .manage-booking-wrapper .full-summary-order-info-elements strong { color: #14161d; display: block; } .latepoint-w .latepoint-booking-form-element.current-step-customer .latepoint-summary-w .os-summary-contents-inner .latepoint-add-another-item-trigger-wrapper.on-summary { display: block; } @keyframes osLightboxMobileAnimation { 0% { transform: translate3d(0%, 10%, 0px) scale(0.9); opacity: 0; } 100% { transform: translate3d(0%, 0%, 0px) scale(1); opacity: 1; } } @media (min-width: 601px) and (max-width: 1050px) { .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel) .latepoint-form-w { border-right: none !important; } .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel) .latepoint-summary-w { display: none !important; } .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel) .latepoint-summary-w .summary-header { text-align: left; } .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel) .latepoint-summary-w .summary-header span { margin-left: 15px; } .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open .latepoint-summary-w { animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.1) 0ms LatepointSlideUpMobileSummary; animation-fill-mode: both; } .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 { display: block; } .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-booking-form-element:before { content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); z-index: 3; } .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-lightbox-summary-trigger { display: block; } .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w { display: block !important; position: fixed; top: 50%; left: 50%; min-width: 300px; width: auto; flex: 1; border-radius: 0; bottom: auto; z-index: 4; overflow: auto; box-shadow: 0px 10px 28px -5px rgba(0, 0, 0, 0.4), 0px 2px 3px 0px rgba(0, 0, 0, 0.4); max-height: 80vh; transform: translate3d(-50%, -50%, 0); } .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 { padding: 3px 5px; line-height: 1.2; } .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w .summary-header > div { justify-content: flex-start; } .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w .summary-header span { margin-left: 0; } } @media (max-width: 600px) { .latepoint-lightbox-w.latepoint-border-radius-rounded .latepoint-lightbox-i { border-radius: 0; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day.week-day-1 .os-available-slots-tooltip, .latepoint-booking-form-element .os-monthly-calendar-days .os-day.week-day-7 .os-available-slots-tooltip { transform: none; animation: 0.1s ease latepointAvailabilityPopupY; animation-fill-mode: both; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day.week-day-7 .os-available-slots-tooltip { left: auto; right: 0; } .latepoint-booking-form-element .os-monthly-calendar-days .os-day.week-day-1 .os-available-slots-tooltip { left: 0; } .latepoint-w.latepoint-lightbox-form { height: 100%; } .latepoint-w .latepoint-booking-form-element { flex: 1; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w { width: 100%; flex: 1; } .summary-header .checkout-from-summary-panel-btn-wrapper { display: none; } .latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-summary-main-section { padding: 0 20px; } .latepoint-summary-w .summary-price-breakdown-wrapper .summary-price-breakdown-inner { padding: 0 20px 20px; } .latepoint-w .latepoint-summary-w .os-summary-contents { overflow: hidden; } .checkout-from-summary-panel-btn-wrapper.os-mobile-only { display: block; padding: 10px 20px; background-color: #fff; position: sticky; top: 0; z-index: 1; border-bottom: 1px solid #f1f1f1; } .checkout-from-summary-panel-btn-wrapper.os-mobile-only .checkout-from-summary-panel-btn { justify-content: space-between; } .checkout-from-summary-panel-btn-wrapper.os-mobile-only + .os-summary-contents-inner { padding-top: 10px; } .le-day-view-wrapper .le-day-schedule-wrapper { padding: 30px 15px; } .latepoint-calendar-controls { flex-wrap: wrap; } .latepoint-calendar-controls .le-navigation .le-today { display: none; } .latepoint-calendar-controls .le-week, .latepoint-calendar-controls .le-month { white-space: nowrap; flex: 0 0 100%; text-align: center; } .latepoint-calendar-controls .le-filter { padding: 10px 12px; } .latepoint-calendar-controls .le-filter span { display: none; } .latepoint-calendar-controls .le-range-selector { margin-left: 0; } .latepoint-calendar-controls .le-navigation-wrapper { margin-left: auto; border-left: none; } .latepoint-calendar-week .le-day-weekday-wrapper { position: relative; top: 0; } .latepoint-calendar-filters .le-filters-label { display: none; } .latepoint-calendar-wrapper.show-filters .latepoint-calendar-filters { display: block; } .latepoint-calendar-wrapper.show-filters .latepoint-calendar-filters .os-form-group + .os-form-group { margin-top: 10px; } .latepoint-calendar-wrapper.show-filters .latepoint-calendar-filters select { display: block; width: 100%; } .latepoint-calendar-week { overflow-x: auto; padding-left: 0; padding-bottom: 10px; grid-template-columns: 200px 200px 200px 200px 200px 200px 200px; } .latepoint-calendar-week .le-day-wrapper { flex: 0 0 100px; } .latepoint-calendar-month { grid-template-columns: 200px 200px 200px 200px 200px 200px 200px; overflow-x: scroll; } .latepoint-calendar-week .le-day-wrapper:first-child .day-schedule-timeslot-value { display: none; } .le-day-view-wrapper .le-day-info-section { padding: 20px 15px; } .le-day-view-wrapper .le-day-info-section .le-day-info .le-day-number { font-size: 45px; } .le-day-view-wrapper .le-day-info-section .le-day-filters-wrapper { margin-left: 15px; padding-left: 15px; } .le-day-view-wrapper .le-day-info-section .le-day-heading { margin-bottom: 7px; font-size: 21px; } .latepoint-lightbox-w .latepoint-lightbox-i .latepoint-lightbox-close { top: 5px; right: 5px; } .latepoint-clean-body.with-pattern > .latepoint-w { padding: 0px; } .latepoint-w .manage-order-wrapper, .latepoint-w .manage-booking-wrapper { margin: 0; } .latepoint-w .manage-order-wrapper .manage-booking-controls, .latepoint-w .manage-booking-wrapper .manage-booking-controls { padding: 10px; gap: 10px; } .latepoint-w .manage-order-wrapper .manage-booking-inner, .latepoint-w .manage-booking-wrapper .manage-booking-inner { padding: 20px; padding-top: 100px; } .latepoint-resources-items-w { display: block; } .latepoint-resources-items-w .resource-item { margin-bottom: 20px; } .os-items .os-item.with-details .os-item-i .os-item-img-w { transform-origin: center center; transform: translateY(-8px) scale(0.9); } .os-items .os-item.with-details .os-item-i .os-item-name-w { transform: translateY(-18px); } .os-items .os-item.with-details .os-item-i .os-item-details-popup-btn { opacity: 1; transform: translateY(-7px); } .latepoint-w .latepoint-summary-w .summary-header .summary-header-inner { padding-left: 15px; padding-right: 15px; } .latepoint-w .latepoint-summary-w .os-summary-contents-inner .os-summary-contents-inner-top { padding: 0 20px; } .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-summary-w { border-radius: 0px !important; } .latepoint-w .os-form-group.os-form-phonefield-group .lp_iti__selected-dial-code { font-size: 16px !important; } .latepoint-w.latepoint-with-summary .latepoint-summary-w .summary-header { text-align: left; } .latepoint-w.latepoint-with-summary .latepoint-summary-w .summary-header > div { justify-content: flex-start; } .latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-summary-w { animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.1) 0ms LatepointSlideUpMobileSummary; animation-fill-mode: both; } .latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger { display: block; } .latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-booking-form-element:before { content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); z-index: 3; } .latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-lightbox-summary-trigger { display: block; } .latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w { display: flex !important; position: fixed; top: 50%; left: 50%; width: auto; flex: 1; border-radius: 0; bottom: auto; z-index: 4; overflow: hidden; box-shadow: 0px 10px 28px -5px rgba(0, 0, 0, 0.4), 0px 2px 3px 0px rgba(0, 0, 0, 0.4); max-height: 90vh; max-width: 90vw; min-width: 80vw; transform: translate3d(-50%, -50%, 0); } .latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w .latepoint-lightbox-summary-trigger { line-height: 1; right: 15px; padding: 3px; } .latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w .latepoint-lightbox-summary-trigger i { display: block; } .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded { border-radius: 0px; } .latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-summary-w { border-radius: 8px; } .qr-code-on-full-summary { display: none !important; } .customer-bookings-tiles, .customer-orders-tiles { grid-template-columns: 1fr; } .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input { font-size: 16px !important; } .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li { margin: 0px 3px; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn { padding: 10px; } .latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-child-count { display: none; } .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .step-datepicker-w { padding: 0px; } .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 { padding: 5px; } .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .latepoint-form-w .latepoint-body { padding-left: 15px; padding-right: 15px; } .latepoint-w .os-form-group.os-form-textfield-group textarea.os-form-control, .latepoint-w .os-form-group.os-form-textfield-group select.os-form-control, .latepoint-w .os-form-group.os-form-textfield-group input[type=password].os-form-control, .latepoint-w .os-form-group.os-form-textfield-group input[type=email].os-form-control, .latepoint-w .os-form-group.os-form-textfield-group input[type=number].os-form-control, .latepoint-w .os-form-group.os-form-textfield-group input[type=text].os-form-control, .latepoint-w .os-form-group.os-form-textfield-group input[type=tel].os-form-control { font-size: 18px !important; } .latepoint-w .customer-bookings-tiles .customer-booking { flex: 1; } .latepoint-w .customer-dashboard-tabs { overflow-x: auto; } .latepoint-w .customer-dashboard-tabs a { margin: 0px 0px; text-align: center; white-space: nowrap; } .latepoint-w .customer-dashboard-tabs a + a { margin-left: 15px; } .latepoint-w .customer-dashboard-tabs a:after { bottom: 0px; top: auto; height: 0px; width: 100%; } .latepoint-w .customer-dashboard-tabs a.active:after { height: 3px; } .latepoint-w .latepoint-section-heading-w .heading-extra { display: none; } .latepoint-w .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group { display: block; } .latepoint-w .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group label { margin-bottom: 5px; } .latepoint-w .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group select { width: 100% !important; } .latepoint-w .dp-timeslot { height: 30px; } .latepoint-w .dp-timeslot .dp-tick { top: 40px; } .latepoint-w.latepoint-summary-is-open.show-summary-on-mobile .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel { display: none; } .latepoint-w .latepoint-booking-form-element { display: block; height: 100%; } .latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-timezone-selector-w { display: none !important; } .latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid { justify-content: space-evenly; } .latepoint-w .latepoint-booking-form-element .step-datepicker-w { padding: 10px 0px; } .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info { flex-direction: column; align-items: center; } .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-deposit-price-w, .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-total-price-w { padding: 8px 0px; } .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-trigger-w { margin-bottom: 5px; } .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-trigger-w a { margin-left: 0px; } .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w { margin-left: 0px !important; } .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input { font-size: 18px !important; -webkit-appearance: none; width: 155px !important; border-radius: 0px !important; } .latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li a { padding: 5px 10px; } .latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li a .service-price-w { padding-left: 5px; margin-left: 5px; } .latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li a .service-img-w { margin-right: 10px; } .latepoint-w .latepoint-booking-form-element .step-services-w .os-item-category-w .os-item-category-info .os-item-category-services-count { display: none; } .latepoint-w .latepoint-booking-form-element .step-services-w .os-service-durations li .os-duration-value { font-size: 32px; } .latepoint-w .latepoint-booking-form-element .latepoint-side-panel { display: none; width: 100%; flex: 1; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .item-quantity-selector-w .item-quantity-selector-input { font-size: 16px !important; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w { padding-left: 15px !important; padding-right: 15px !important; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body { padding: 15px; max-height: 100vh;  max-height: 100dvh; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-item-details-popup .item-details-popup-content { padding: 40px 15px; } .latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-features { margin-bottom: 20px; } .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel { position: absolute; top: 59px; z-index: 999; left: 0px; right: 0px; display: block; flex: 1; padding: 0px; border: none !important; background-color: #fff; } .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-step-desc-w, .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-questions, .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-progress { display: none !important; } .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w { margin-top: 0px; padding: 10px 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group { display: flex; align-items: center; } .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group label { margin-bottom: 0px; margin-right: 10px; white-space: nowrap; flex: 1; } .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group select { text-align-last: left; text-align: center; } .latepoint-w .latepoint-summary-w { display: none !important; } .latepoint-w .latepoint-form-w { height: 100%; } .latepoint-w .latepoint-form-w .latepoint-heading-w { padding-left: 15px !important; } .latepoint-w .latepoint-form-w .latepoint-body { padding-left: 15px; padding-right: 15px; } .latepoint-w .latepoint-lightbox-i { transform: none; animation: 0.4s cubic-bezier(0, 1, 0.51, 1) 0s both osLightboxMobileAnimation; max-height: 100vh; max-height: 100dvh; height: 100vh;  height: 100dvh; } .latepoint-w.front-lightbox .latepoint-lightbox-i { max-height: 100vh;  max-height: 100dvh; } .latepoint-lightbox-w { grid-template-columns: 1fr !important; } @keyframes osLightboxAnimation { 0% { transform: translate3d(0%, -40%, 0px) scale(1.2); opacity: 0; } 100% { transform: translate3d(0%, -50%, 0px) scale(1); opacity: 1; } } } @media (min-width: 601px) and (max-width: 959px) { .latepoint-lightbox-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-summary-w { display: flex; } .latepoint-lightbox-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-form-w { border-right: 1px solid rgba(0, 0, 0, 0.1); } } @media (min-width: 960px) { .latepoint-w .summary-boxes-columns { display: flex; justify-content: space-between; flex-wrap: wrap; column-gap: 20px; row-gap: 20px; } .latepoint-w .summary-boxes-columns .summary-box { flex: 1 1 35%; } .latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-summary-w { display: flex; } .latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-form-w { border-right: 1px solid rgba(0, 0, 0, 0.1); } .latepoint-w.latepoint-with-summary.latepoint-summary-is-open.latepoint-hide-side-panel { grid-template-columns: min-content; } } @media print { .summary-box-wrapper + .summary-box-wrapper { border-top: 2px solid #111; margin-top: 30px; padding-top: 30px; } .order-full-summary-actions { display: none; } .order-summary-items-heading { margin-top: 30px; margin-bottom: 20px; font-size: 22px; } .full-summary-order-info-elements { margin-top: 20px; } .full-summary-wrapper .order-item-bundle-info-wrapper .bundle-icon, .confirmation-info-w .order-item-bundle-info-wrapper .bundle-icon { display: none; } .full-summary-wrapper .schedule-bundle-booking-btn-wrapper, .confirmation-info-w .schedule-bundle-booking-btn-wrapper { display: none; } .qr-code-booking-info img, .qr-code-vevent img { width: 200px; height: auto; } .fsoi-element { margin-top: 5px; } .part-of-bundle-message { display: none; } .summary-box .summary-box-content .os-avatar-w, .summary-box .summary-box-content .os-location-image { display: none; } .summary-box .summary-box-content .sbc-content-i { margin-left: 0; } .summary-box .sbc-link-item { display: none; } .summary-box .sbc-big-item { font-size: 22px; } .summary-box .sbc-highlighted-item { font-size: 18px; color: #000; } .full-summary-wrapper .summary-box-heading, .confirmation-info-w .summary-box-heading { margin-bottom: 5px; } .full-summary-wrapper .summary-box .sbc-main-item, .confirmation-info-w .summary-box .sbc-main-item { font-size: 18px; } .latepoint-w .summary-boxes-columns .summary-box { margin-bottom: 20px; } .summary-box .sbc-main-item a { display: none; } .booking-full-summary-actions { display: none; } .summary-attributes { padding: 0; background-color: transparent; } .summary-box.main-box .summary-box-booking-date-box, .summary-box.main-box .qr-show-trigger { display: none; } .booking-status-info-wrapper { padding: 20px 0; margin: 0; margin-bottom: 30px; border-bottom: 2px solid #111; flex-direction: row-reverse; justify-content: space-between; } .booking-status-info-wrapper .booking-status-label, .booking-status-info-wrapper .booking-confirmation { font-size: 22px; } .booking-status-info-wrapper .booking-status-icon { display: none; } .booking-status-info-wrapper .booking-confirmation { margin-left: 0; } .fsoi-main-wrapper { display: none; } .latepoint-print-summary-w { padding: 40px; } .latepoint-print-summary-w .full-summary-head-info { position: relative; } .latepoint-print-summary-w .qr-code-on-full-summary { display: flex; gap: 50px; margin-bottom: 20px; } .latepoint-print-summary-w .qr-code-on-full-summary .qr-show-trigger { display: none; } .latepoint-print-summary-w .qr-code-on-full-summary .qr-code-booking-info, .latepoint-print-summary-w .qr-code-on-full-summary .qr-code-vevent { flex: 1; text-align: center; border: 2px dotted #111; padding: 30px; } .latepoint-print-summary-w .qr-code-on-full-summary .qr-code-booking-info img, .latepoint-print-summary-w .qr-code-on-full-summary .qr-code-vevent img { width: 200px; height: 200px; display: block; margin: 0px auto 10px; } .latepoint-print-summary-w .qr-code-on-full-summary .qr-code-booking-info .qr-code-label, .latepoint-print-summary-w .qr-code-on-full-summary .qr-code-vevent .qr-code-label { text-align: center; font-size: 14px; } .latepoint-print-summary-w .payment-summary-info .full-summary-info-w { margin-top: 0px; } .latepoint-print-summary-w .full-summary-header { margin-bottom: 0px; margin-top: 0px; } .latepoint-print-summary-w .full-summary-number { color: #7c85a3; padding-top: 0px; margin-bottom: 8px; font-size: 13px; letter-spacing: 0.5px; text-transform: uppercase; font-weight: 600; } .latepoint-print-summary-w .full-summary-number strong { font-size: 39px; letter-spacing: normal; color: #14161d; display: block; line-height: 1.1; } } .latepoint-admin .lp_iti--separate-dial-code .lp_iti__selected-dial-code { padding-top: 1px; } body.latepoint .os-form-phonefield-group:not(.has-value) .lp_iti { align-items: center; } .latepoint-admin .lp_iti, .latepoint .lp_iti { position: relative; display: flex; align-items: flex-end; } .latepoint-admin .lp_iti *, .latepoint .lp_iti * { box-sizing: border-box; -moz-box-sizing: border-box; } .latepoint-admin .lp_iti__hide, .latepoint .lp_iti__hide { display: none; } .latepoint-admin .lp_iti__v-hide, .latepoint .lp_iti__v-hide { visibility: hidden; } .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] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; } .latepoint-admin .lp_iti__flag-container, .latepoint .lp_iti__flag-container { position: relative; } .latepoint-admin .lp_iti__selected-flag, .latepoint .lp_iti__selected-flag { z-index: 1; position: relative; display: flex; align-items: center; padding: 8px 6px 8px 0px; min-height: 20px; } .latepoint-admin .lp_iti__arrow, .latepoint .lp_iti__arrow { margin-left: 4px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; margin-right: 0px; } .latepoint-admin .lp_iti__arrow--up, .latepoint .lp_iti__arrow--up { margin-left: 6px; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 4px solid #555; border-right: none; } .latepoint-admin .lp_iti__country-list, .latepoint .lp_iti__country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; border: 1px solid #ababbf; border-bottom-color: #9c9ead; border-radius: 6px; box-shadow: 0px 5px 8px -3px rgba(0, 0, 0, 0.2), 0px 5px 20px -5px rgba(0, 0, 0, 0.2); background-color: #fff; white-space: nowrap; max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; margin: 0px; margin-bottom: 1px; margin-left: -1px; font-size: 15px; } .latepoint-admin .lp_iti__country-list--dropup, .latepoint .lp_iti__country-list--dropup { bottom: 100%; margin-bottom: -1px; } @media (max-width: 500px) { .latepoint-admin .lp_iti__country-list, .latepoint .lp_iti__country-list { white-space: normal; } } .latepoint-admin .lp_iti__flag-box, .latepoint .lp_iti__flag-box { display: inline-block; width: 20px; } .latepoint-admin .lp_iti__divider, .latepoint .lp_iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCC; } .latepoint-admin .lp_iti__country, .latepoint .lp_iti__country { padding: 6px 8px; outline: none; margin-bottom: 0px; } .latepoint-admin .lp_iti__dial-code, .latepoint .lp_iti__dial-code { color: #999; } .latepoint-admin .lp_iti__country.lp_iti__highlight, .latepoint .lp_iti__country.lp_iti__highlight { background-color: rgba(0, 0, 0, 0.05); } .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 { vertical-align: middle; } .latepoint-admin .lp_iti__flag-box, .latepoint-admin .lp_iti__country-name, .latepoint .lp_iti__flag-box, .latepoint .lp_iti__country-name { margin-right: 6px; } .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] { padding-right: 6px; padding-left: 52px; margin-left: 0; } .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 { right: auto; left: 0; } .latepoint-admin .lp_iti--allow-dropdown .lp_iti__flag-container:hover, .latepoint .lp_iti--allow-dropdown .lp_iti__flag-container:hover { cursor: pointer; } .latepoint-admin .lp_iti--allow-dropdown input[disabled] + .lp_iti__flag-container:hover, .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, .latepoint .lp_iti--allow-dropdown input[readonly] + .lp_iti__flag-container:hover { cursor: default; } .latepoint-admin .lp_iti--allow-dropdown input[disabled] + .lp_iti__flag-container:hover .lp_iti__selected-flag, .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, .latepoint .lp_iti--allow-dropdown input[readonly] + .lp_iti__flag-container:hover .lp_iti__selected-flag { background-color: transparent; } .latepoint-admin .lp_iti--separate-dial-code .lp_iti__selected-dial-code, .latepoint .lp_iti--separate-dial-code .lp_iti__selected-dial-code { margin-left: 6px; } .latepoint-admin .lp_iti--container, .latepoint .lp_iti--container { position: absolute; top: -1000px; left: -1000px; z-index: 1000000; padding: 1px; } .latepoint-admin .lp_iti--container:hover, .latepoint .lp_iti--container:hover { cursor: pointer; } .latepoint-admin.lp_iti-mobile .lp_iti--container, .latepoint.lp_iti-mobile .lp_iti--container { top: 20px; bottom: 20px; left: 20px; right: 20px; position: fixed; z-index: 1000000; } .latepoint-admin.lp_iti-mobile .lp_iti__country-list, .latepoint.lp_iti-mobile .lp_iti__country-list { max-height: 100%; width: 100%; } .latepoint-admin.lp_iti-mobile .lp_iti__country, .latepoint.lp_iti-mobile .lp_iti__country { padding: 10px 10px; line-height: 1.5em; } .latepoint-admin .lp_iti__flag, .latepoint .lp_iti__flag { width: 20px; } .latepoint-admin .lp_iti__flag.lp_iti__be, .latepoint .lp_iti__flag.lp_iti__be { width: 18px; } .latepoint-admin .lp_iti__flag.lp_iti__ch, .latepoint .lp_iti__flag.lp_iti__ch { width: 15px; } .latepoint-admin .lp_iti__flag.lp_iti__mc, .latepoint .lp_iti__flag.lp_iti__mc { width: 19px; } .latepoint-admin .lp_iti__flag.lp_iti__ne, .latepoint .lp_iti__flag.lp_iti__ne { width: 18px; } .latepoint-admin .lp_iti__flag.lp_iti__np, .latepoint .lp_iti__flag.lp_iti__np { width: 13px; } .latepoint-admin .lp_iti__flag.lp_iti__va, .latepoint .lp_iti__flag.lp_iti__va { width: 15px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .latepoint-admin .lp_iti__flag, .latepoint .lp_iti__flag { background-size: 5652px 15px; } } .latepoint-admin .lp_iti__flag.lp_iti__ac, .latepoint .lp_iti__flag.lp_iti__ac { height: 10px; background-position: 0px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ad, .latepoint .lp_iti__flag.lp_iti__ad { height: 14px; background-position: -22px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ae, .latepoint .lp_iti__flag.lp_iti__ae { height: 10px; background-position: -44px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__af, .latepoint .lp_iti__flag.lp_iti__af { height: 14px; background-position: -66px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ag, .latepoint .lp_iti__flag.lp_iti__ag { height: 14px; background-position: -88px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ai, .latepoint .lp_iti__flag.lp_iti__ai { height: 10px; background-position: -110px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__al, .latepoint .lp_iti__flag.lp_iti__al { height: 15px; background-position: -132px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__am, .latepoint .lp_iti__flag.lp_iti__am { height: 10px; background-position: -154px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ao, .latepoint .lp_iti__flag.lp_iti__ao { height: 14px; background-position: -176px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__aq, .latepoint .lp_iti__flag.lp_iti__aq { height: 14px; background-position: -198px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ar, .latepoint .lp_iti__flag.lp_iti__ar { height: 13px; background-position: -220px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__as, .latepoint .lp_iti__flag.lp_iti__as { height: 10px; background-position: -242px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__at, .latepoint .lp_iti__flag.lp_iti__at { height: 14px; background-position: -264px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__au, .latepoint .lp_iti__flag.lp_iti__au { height: 10px; background-position: -286px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__aw, .latepoint .lp_iti__flag.lp_iti__aw { height: 14px; background-position: -308px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ax, .latepoint .lp_iti__flag.lp_iti__ax { height: 13px; background-position: -330px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__az, .latepoint .lp_iti__flag.lp_iti__az { height: 10px; background-position: -352px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ba, .latepoint .lp_iti__flag.lp_iti__ba { height: 10px; background-position: -374px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__bb, .latepoint .lp_iti__flag.lp_iti__bb { height: 14px; background-position: -396px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__bd, .latepoint .lp_iti__flag.lp_iti__bd { height: 12px; background-position: -418px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__be, .latepoint .lp_iti__flag.lp_iti__be { height: 15px; background-position: -440px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__bf, .latepoint .lp_iti__flag.lp_iti__bf { height: 14px; background-position: -460px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__bg, .latepoint .lp_iti__flag.lp_iti__bg { height: 12px; background-position: -482px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__bh, .latepoint .lp_iti__flag.lp_iti__bh { height: 12px; background-position: -504px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__bi, .latepoint .lp_iti__flag.lp_iti__bi { height: 12px; background-position: -526px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__bj, .latepoint .lp_iti__flag.lp_iti__bj { height: 14px; background-position: -548px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__bl, .latepoint .lp_iti__flag.lp_iti__bl { height: 14px; background-position: -570px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__bm, .latepoint .lp_iti__flag.lp_iti__bm { height: 10px; background-position: -592px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__bn, .latepoint .lp_iti__flag.lp_iti__bn { height: 10px; background-position: -614px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__bo, .latepoint .lp_iti__flag.lp_iti__bo { height: 14px; background-position: -636px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__bq, .latepoint .lp_iti__flag.lp_iti__bq { height: 14px; background-position: -658px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__br, .latepoint .lp_iti__flag.lp_iti__br { height: 14px; background-position: -680px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__bs, .latepoint .lp_iti__flag.lp_iti__bs { height: 10px; background-position: -702px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__bt, .latepoint .lp_iti__flag.lp_iti__bt { height: 14px; background-position: -724px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__bv, .latepoint .lp_iti__flag.lp_iti__bv { height: 15px; background-position: -746px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__bw, .latepoint .lp_iti__flag.lp_iti__bw { height: 14px; background-position: -768px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__by, .latepoint .lp_iti__flag.lp_iti__by { height: 10px; background-position: -790px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__bz, .latepoint .lp_iti__flag.lp_iti__bz { height: 14px; background-position: -812px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ca, .latepoint .lp_iti__flag.lp_iti__ca { height: 10px; background-position: -834px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__cc, .latepoint .lp_iti__flag.lp_iti__cc { height: 10px; background-position: -856px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__cd, .latepoint .lp_iti__flag.lp_iti__cd { height: 15px; background-position: -878px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__cf, .latepoint .lp_iti__flag.lp_iti__cf { height: 14px; background-position: -900px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__cg, .latepoint .lp_iti__flag.lp_iti__cg { height: 14px; background-position: -922px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ch, .latepoint .lp_iti__flag.lp_iti__ch { height: 15px; background-position: -944px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ci, .latepoint .lp_iti__flag.lp_iti__ci { height: 14px; background-position: -961px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ck, .latepoint .lp_iti__flag.lp_iti__ck { height: 10px; background-position: -983px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__cl, .latepoint .lp_iti__flag.lp_iti__cl { height: 14px; background-position: -1005px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__cm, .latepoint .lp_iti__flag.lp_iti__cm { height: 14px; background-position: -1027px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__cn, .latepoint .lp_iti__flag.lp_iti__cn { height: 14px; background-position: -1049px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__co, .latepoint .lp_iti__flag.lp_iti__co { height: 14px; background-position: -1071px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__cp, .latepoint .lp_iti__flag.lp_iti__cp { height: 14px; background-position: -1093px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__cr, .latepoint .lp_iti__flag.lp_iti__cr { height: 12px; background-position: -1115px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__cu, .latepoint .lp_iti__flag.lp_iti__cu { height: 10px; background-position: -1137px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__cv, .latepoint .lp_iti__flag.lp_iti__cv { height: 12px; background-position: -1159px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__cw, .latepoint .lp_iti__flag.lp_iti__cw { height: 14px; background-position: -1181px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__cx, .latepoint .lp_iti__flag.lp_iti__cx { height: 10px; background-position: -1203px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__cy, .latepoint .lp_iti__flag.lp_iti__cy { height: 14px; background-position: -1225px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__cz, .latepoint .lp_iti__flag.lp_iti__cz { height: 14px; background-position: -1247px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__de, .latepoint .lp_iti__flag.lp_iti__de { height: 12px; background-position: -1269px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__dg, .latepoint .lp_iti__flag.lp_iti__dg { height: 10px; background-position: -1291px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__dj, .latepoint .lp_iti__flag.lp_iti__dj { height: 14px; background-position: -1313px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__dk, .latepoint .lp_iti__flag.lp_iti__dk { height: 15px; background-position: -1335px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__dm, .latepoint .lp_iti__flag.lp_iti__dm { height: 10px; background-position: -1357px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__do, .latepoint .lp_iti__flag.lp_iti__do { height: 14px; background-position: -1379px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__dz, .latepoint .lp_iti__flag.lp_iti__dz { height: 14px; background-position: -1401px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ea, .latepoint .lp_iti__flag.lp_iti__ea { height: 14px; background-position: -1423px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ec, .latepoint .lp_iti__flag.lp_iti__ec { height: 14px; background-position: -1445px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ee, .latepoint .lp_iti__flag.lp_iti__ee { height: 13px; background-position: -1467px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__eg, .latepoint .lp_iti__flag.lp_iti__eg { height: 14px; background-position: -1489px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__eh, .latepoint .lp_iti__flag.lp_iti__eh { height: 10px; background-position: -1511px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__er, .latepoint .lp_iti__flag.lp_iti__er { height: 10px; background-position: -1533px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__es, .latepoint .lp_iti__flag.lp_iti__es { height: 14px; background-position: -1555px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__et, .latepoint .lp_iti__flag.lp_iti__et { height: 10px; background-position: -1577px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__eu, .latepoint .lp_iti__flag.lp_iti__eu { height: 14px; background-position: -1599px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__fi, .latepoint .lp_iti__flag.lp_iti__fi { height: 12px; background-position: -1621px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__fj, .latepoint .lp_iti__flag.lp_iti__fj { height: 10px; background-position: -1643px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__fk, .latepoint .lp_iti__flag.lp_iti__fk { height: 10px; background-position: -1665px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__fm, .latepoint .lp_iti__flag.lp_iti__fm { height: 11px; background-position: -1687px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__fo, .latepoint .lp_iti__flag.lp_iti__fo { height: 15px; background-position: -1709px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__fr, .latepoint .lp_iti__flag.lp_iti__fr { height: 14px; background-position: -1731px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ga, .latepoint .lp_iti__flag.lp_iti__ga { height: 15px; background-position: -1753px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__gb, .latepoint .lp_iti__flag.lp_iti__gb { height: 10px; background-position: -1775px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__gd, .latepoint .lp_iti__flag.lp_iti__gd { height: 12px; background-position: -1797px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ge, .latepoint .lp_iti__flag.lp_iti__ge { height: 14px; background-position: -1819px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__gf, .latepoint .lp_iti__flag.lp_iti__gf { height: 14px; background-position: -1841px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__gg, .latepoint .lp_iti__flag.lp_iti__gg { height: 14px; background-position: -1863px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__gh, .latepoint .lp_iti__flag.lp_iti__gh { height: 14px; background-position: -1885px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__gi, .latepoint .lp_iti__flag.lp_iti__gi { height: 10px; background-position: -1907px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__gl, .latepoint .lp_iti__flag.lp_iti__gl { height: 14px; background-position: -1929px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__gm, .latepoint .lp_iti__flag.lp_iti__gm { height: 14px; background-position: -1951px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__gn, .latepoint .lp_iti__flag.lp_iti__gn { height: 14px; background-position: -1973px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__gp, .latepoint .lp_iti__flag.lp_iti__gp { height: 14px; background-position: -1995px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__gq, .latepoint .lp_iti__flag.lp_iti__gq { height: 14px; background-position: -2017px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__gr, .latepoint .lp_iti__flag.lp_iti__gr { height: 14px; background-position: -2039px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__gs, .latepoint .lp_iti__flag.lp_iti__gs { height: 10px; background-position: -2061px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__gt, .latepoint .lp_iti__flag.lp_iti__gt { height: 13px; background-position: -2083px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__gu, .latepoint .lp_iti__flag.lp_iti__gu { height: 11px; background-position: -2105px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__gw, .latepoint .lp_iti__flag.lp_iti__gw { height: 10px; background-position: -2127px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__gy, .latepoint .lp_iti__flag.lp_iti__gy { height: 12px; background-position: -2149px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__hk, .latepoint .lp_iti__flag.lp_iti__hk { height: 14px; background-position: -2171px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__hm, .latepoint .lp_iti__flag.lp_iti__hm { height: 10px; background-position: -2193px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__hn, .latepoint .lp_iti__flag.lp_iti__hn { height: 10px; background-position: -2215px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__hr, .latepoint .lp_iti__flag.lp_iti__hr { height: 10px; background-position: -2237px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ht, .latepoint .lp_iti__flag.lp_iti__ht { height: 12px; background-position: -2259px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__hu, .latepoint .lp_iti__flag.lp_iti__hu { height: 10px; background-position: -2281px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ic, .latepoint .lp_iti__flag.lp_iti__ic { height: 14px; background-position: -2303px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__id, .latepoint .lp_iti__flag.lp_iti__id { height: 14px; background-position: -2325px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ie, .latepoint .lp_iti__flag.lp_iti__ie { height: 10px; background-position: -2347px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__il, .latepoint .lp_iti__flag.lp_iti__il { height: 15px; background-position: -2369px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__im, .latepoint .lp_iti__flag.lp_iti__im { height: 10px; background-position: -2391px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__in, .latepoint .lp_iti__flag.lp_iti__in { height: 14px; background-position: -2413px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__io, .latepoint .lp_iti__flag.lp_iti__io { height: 10px; background-position: -2435px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__iq, .latepoint .lp_iti__flag.lp_iti__iq { height: 14px; background-position: -2457px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ir, .latepoint .lp_iti__flag.lp_iti__ir { height: 12px; background-position: -2479px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__is, .latepoint .lp_iti__flag.lp_iti__is { height: 15px; background-position: -2501px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__it, .latepoint .lp_iti__flag.lp_iti__it { height: 14px; background-position: -2523px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__je, .latepoint .lp_iti__flag.lp_iti__je { height: 12px; background-position: -2545px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__jm, .latepoint .lp_iti__flag.lp_iti__jm { height: 10px; background-position: -2567px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__jo, .latepoint .lp_iti__flag.lp_iti__jo { height: 10px; background-position: -2589px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__jp, .latepoint .lp_iti__flag.lp_iti__jp { height: 14px; background-position: -2611px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ke, .latepoint .lp_iti__flag.lp_iti__ke { height: 14px; background-position: -2633px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__kg, .latepoint .lp_iti__flag.lp_iti__kg { height: 12px; background-position: -2655px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__kh, .latepoint .lp_iti__flag.lp_iti__kh { height: 13px; background-position: -2677px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ki, .latepoint .lp_iti__flag.lp_iti__ki { height: 10px; background-position: -2699px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__km, .latepoint .lp_iti__flag.lp_iti__km { height: 12px; background-position: -2721px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__kn, .latepoint .lp_iti__flag.lp_iti__kn { height: 14px; background-position: -2743px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__kp, .latepoint .lp_iti__flag.lp_iti__kp { height: 10px; background-position: -2765px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__kr, .latepoint .lp_iti__flag.lp_iti__kr { height: 14px; background-position: -2787px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__kw, .latepoint .lp_iti__flag.lp_iti__kw { height: 10px; background-position: -2809px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ky, .latepoint .lp_iti__flag.lp_iti__ky { height: 10px; background-position: -2831px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__kz, .latepoint .lp_iti__flag.lp_iti__kz { height: 10px; background-position: -2853px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__la, .latepoint .lp_iti__flag.lp_iti__la { height: 14px; background-position: -2875px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__lb, .latepoint .lp_iti__flag.lp_iti__lb { height: 14px; background-position: -2897px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__lc, .latepoint .lp_iti__flag.lp_iti__lc { height: 10px; background-position: -2919px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__li, .latepoint .lp_iti__flag.lp_iti__li { height: 12px; background-position: -2941px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__lk, .latepoint .lp_iti__flag.lp_iti__lk { height: 10px; background-position: -2963px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__lr, .latepoint .lp_iti__flag.lp_iti__lr { height: 11px; background-position: -2985px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ls, .latepoint .lp_iti__flag.lp_iti__ls { height: 14px; background-position: -3007px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__lt, .latepoint .lp_iti__flag.lp_iti__lt { height: 12px; background-position: -3029px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__lu, .latepoint .lp_iti__flag.lp_iti__lu { height: 12px; background-position: -3051px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__lv, .latepoint .lp_iti__flag.lp_iti__lv { height: 10px; background-position: -3073px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ly, .latepoint .lp_iti__flag.lp_iti__ly { height: 10px; background-position: -3095px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ma, .latepoint .lp_iti__flag.lp_iti__ma { height: 14px; background-position: -3117px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__mc, .latepoint .lp_iti__flag.lp_iti__mc { height: 15px; background-position: -3139px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__md, .latepoint .lp_iti__flag.lp_iti__md { height: 10px; background-position: -3160px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__me, .latepoint .lp_iti__flag.lp_iti__me { height: 10px; background-position: -3182px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__mf, .latepoint .lp_iti__flag.lp_iti__mf { height: 14px; background-position: -3204px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__mg, .latepoint .lp_iti__flag.lp_iti__mg { height: 14px; background-position: -3226px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__mh, .latepoint .lp_iti__flag.lp_iti__mh { height: 11px; background-position: -3248px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__mk, .latepoint .lp_iti__flag.lp_iti__mk { height: 10px; background-position: -3270px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ml, .latepoint .lp_iti__flag.lp_iti__ml { height: 14px; background-position: -3292px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__mm, .latepoint .lp_iti__flag.lp_iti__mm { height: 14px; background-position: -3314px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__mn, .latepoint .lp_iti__flag.lp_iti__mn { height: 10px; background-position: -3336px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__mo, .latepoint .lp_iti__flag.lp_iti__mo { height: 14px; background-position: -3358px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__mp, .latepoint .lp_iti__flag.lp_iti__mp { height: 10px; background-position: -3380px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__mq, .latepoint .lp_iti__flag.lp_iti__mq { height: 14px; background-position: -3402px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__mr, .latepoint .lp_iti__flag.lp_iti__mr { height: 14px; background-position: -3424px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ms, .latepoint .lp_iti__flag.lp_iti__ms { height: 10px; background-position: -3446px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__mt, .latepoint .lp_iti__flag.lp_iti__mt { height: 14px; background-position: -3468px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__mu, .latepoint .lp_iti__flag.lp_iti__mu { height: 14px; background-position: -3490px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__mv, .latepoint .lp_iti__flag.lp_iti__mv { height: 14px; background-position: -3512px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__mw, .latepoint .lp_iti__flag.lp_iti__mw { height: 14px; background-position: -3534px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__mx, .latepoint .lp_iti__flag.lp_iti__mx { height: 12px; background-position: -3556px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__my, .latepoint .lp_iti__flag.lp_iti__my { height: 10px; background-position: -3578px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__mz, .latepoint .lp_iti__flag.lp_iti__mz { height: 14px; background-position: -3600px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__na, .latepoint .lp_iti__flag.lp_iti__na { height: 14px; background-position: -3622px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__nc, .latepoint .lp_iti__flag.lp_iti__nc { height: 10px; background-position: -3644px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ne, .latepoint .lp_iti__flag.lp_iti__ne { height: 15px; background-position: -3666px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__nf, .latepoint .lp_iti__flag.lp_iti__nf { height: 10px; background-position: -3686px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ng, .latepoint .lp_iti__flag.lp_iti__ng { height: 10px; background-position: -3708px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ni, .latepoint .lp_iti__flag.lp_iti__ni { height: 12px; background-position: -3730px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__nl, .latepoint .lp_iti__flag.lp_iti__nl { height: 14px; background-position: -3752px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__no, .latepoint .lp_iti__flag.lp_iti__no { height: 15px; background-position: -3774px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__np, .latepoint .lp_iti__flag.lp_iti__np { height: 15px; background-position: -3796px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__nr, .latepoint .lp_iti__flag.lp_iti__nr { height: 10px; background-position: -3811px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__nu, .latepoint .lp_iti__flag.lp_iti__nu { height: 10px; background-position: -3833px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__nz, .latepoint .lp_iti__flag.lp_iti__nz { height: 10px; background-position: -3855px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__om, .latepoint .lp_iti__flag.lp_iti__om { height: 10px; background-position: -3877px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__pa, .latepoint .lp_iti__flag.lp_iti__pa { height: 14px; background-position: -3899px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__pe, .latepoint .lp_iti__flag.lp_iti__pe { height: 14px; background-position: -3921px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__pf, .latepoint .lp_iti__flag.lp_iti__pf { height: 14px; background-position: -3943px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__pg, .latepoint .lp_iti__flag.lp_iti__pg { height: 15px; background-position: -3965px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ph, .latepoint .lp_iti__flag.lp_iti__ph { height: 10px; background-position: -3987px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__pk, .latepoint .lp_iti__flag.lp_iti__pk { height: 14px; background-position: -4009px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__pl, .latepoint .lp_iti__flag.lp_iti__pl { height: 13px; background-position: -4031px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__pm, .latepoint .lp_iti__flag.lp_iti__pm { height: 14px; background-position: -4053px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__pn, .latepoint .lp_iti__flag.lp_iti__pn { height: 10px; background-position: -4075px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__pr, .latepoint .lp_iti__flag.lp_iti__pr { height: 14px; background-position: -4097px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ps, .latepoint .lp_iti__flag.lp_iti__ps { height: 10px; background-position: -4119px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__pt, .latepoint .lp_iti__flag.lp_iti__pt { height: 14px; background-position: -4141px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__pw, .latepoint .lp_iti__flag.lp_iti__pw { height: 13px; background-position: -4163px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__py, .latepoint .lp_iti__flag.lp_iti__py { height: 11px; background-position: -4185px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__qa, .latepoint .lp_iti__flag.lp_iti__qa { height: 8px; background-position: -4207px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__re, .latepoint .lp_iti__flag.lp_iti__re { height: 14px; background-position: -4229px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ro, .latepoint .lp_iti__flag.lp_iti__ro { height: 14px; background-position: -4251px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__rs, .latepoint .lp_iti__flag.lp_iti__rs { height: 14px; background-position: -4273px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ru, .latepoint .lp_iti__flag.lp_iti__ru { height: 14px; background-position: -4295px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__rw, .latepoint .lp_iti__flag.lp_iti__rw { height: 14px; background-position: -4317px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__sa, .latepoint .lp_iti__flag.lp_iti__sa { height: 14px; background-position: -4339px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__sb, .latepoint .lp_iti__flag.lp_iti__sb { height: 10px; background-position: -4361px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__sc, .latepoint .lp_iti__flag.lp_iti__sc { height: 10px; background-position: -4383px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__sd, .latepoint .lp_iti__flag.lp_iti__sd { height: 10px; background-position: -4405px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__se, .latepoint .lp_iti__flag.lp_iti__se { height: 13px; background-position: -4427px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__sg, .latepoint .lp_iti__flag.lp_iti__sg { height: 14px; background-position: -4449px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__sh, .latepoint .lp_iti__flag.lp_iti__sh { height: 10px; background-position: -4471px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__si, .latepoint .lp_iti__flag.lp_iti__si { height: 10px; background-position: -4493px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__sj, .latepoint .lp_iti__flag.lp_iti__sj { height: 15px; background-position: -4515px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__sk, .latepoint .lp_iti__flag.lp_iti__sk { height: 14px; background-position: -4537px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__sl, .latepoint .lp_iti__flag.lp_iti__sl { height: 14px; background-position: -4559px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__sm, .latepoint .lp_iti__flag.lp_iti__sm { height: 15px; background-position: -4581px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__sn, .latepoint .lp_iti__flag.lp_iti__sn { height: 14px; background-position: -4603px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__so, .latepoint .lp_iti__flag.lp_iti__so { height: 14px; background-position: -4625px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__sr, .latepoint .lp_iti__flag.lp_iti__sr { height: 14px; background-position: -4647px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ss, .latepoint .lp_iti__flag.lp_iti__ss { height: 10px; background-position: -4669px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__st, .latepoint .lp_iti__flag.lp_iti__st { height: 10px; background-position: -4691px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__sv, .latepoint .lp_iti__flag.lp_iti__sv { height: 12px; background-position: -4713px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__sx, .latepoint .lp_iti__flag.lp_iti__sx { height: 14px; background-position: -4735px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__sy, .latepoint .lp_iti__flag.lp_iti__sy { height: 14px; background-position: -4757px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__sz, .latepoint .lp_iti__flag.lp_iti__sz { height: 14px; background-position: -4779px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ta, .latepoint .lp_iti__flag.lp_iti__ta { height: 10px; background-position: -4801px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__tc, .latepoint .lp_iti__flag.lp_iti__tc { height: 10px; background-position: -4823px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__td, .latepoint .lp_iti__flag.lp_iti__td { height: 14px; background-position: -4845px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__tf, .latepoint .lp_iti__flag.lp_iti__tf { height: 14px; background-position: -4867px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__tg, .latepoint .lp_iti__flag.lp_iti__tg { height: 13px; background-position: -4889px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__th, .latepoint .lp_iti__flag.lp_iti__th { height: 14px; background-position: -4911px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__tj, .latepoint .lp_iti__flag.lp_iti__tj { height: 10px; background-position: -4933px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__tk, .latepoint .lp_iti__flag.lp_iti__tk { height: 10px; background-position: -4955px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__tl, .latepoint .lp_iti__flag.lp_iti__tl { height: 10px; background-position: -4977px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__tm, .latepoint .lp_iti__flag.lp_iti__tm { height: 14px; background-position: -4999px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__tn, .latepoint .lp_iti__flag.lp_iti__tn { height: 14px; background-position: -5021px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__to, .latepoint .lp_iti__flag.lp_iti__to { height: 10px; background-position: -5043px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__tr, .latepoint .lp_iti__flag.lp_iti__tr { height: 14px; background-position: -5065px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__tt, .latepoint .lp_iti__flag.lp_iti__tt { height: 12px; background-position: -5087px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__tv, .latepoint .lp_iti__flag.lp_iti__tv { height: 10px; background-position: -5109px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__tw, .latepoint .lp_iti__flag.lp_iti__tw { height: 14px; background-position: -5131px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__tz, .latepoint .lp_iti__flag.lp_iti__tz { height: 14px; background-position: -5153px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ua, .latepoint .lp_iti__flag.lp_iti__ua { height: 14px; background-position: -5175px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ug, .latepoint .lp_iti__flag.lp_iti__ug { height: 14px; background-position: -5197px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__um, .latepoint .lp_iti__flag.lp_iti__um { height: 11px; background-position: -5219px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__un, .latepoint .lp_iti__flag.lp_iti__un { height: 14px; background-position: -5241px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__us, .latepoint .lp_iti__flag.lp_iti__us { height: 11px; background-position: -5263px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__uy, .latepoint .lp_iti__flag.lp_iti__uy { height: 14px; background-position: -5285px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__uz, .latepoint .lp_iti__flag.lp_iti__uz { height: 10px; background-position: -5307px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__va, .latepoint .lp_iti__flag.lp_iti__va { height: 15px; background-position: -5329px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__vc, .latepoint .lp_iti__flag.lp_iti__vc { height: 14px; background-position: -5346px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ve, .latepoint .lp_iti__flag.lp_iti__ve { height: 14px; background-position: -5368px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__vg, .latepoint .lp_iti__flag.lp_iti__vg { height: 10px; background-position: -5390px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__vi, .latepoint .lp_iti__flag.lp_iti__vi { height: 14px; background-position: -5412px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__vn, .latepoint .lp_iti__flag.lp_iti__vn { height: 14px; background-position: -5434px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__vu, .latepoint .lp_iti__flag.lp_iti__vu { height: 12px; background-position: -5456px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__wf, .latepoint .lp_iti__flag.lp_iti__wf { height: 14px; background-position: -5478px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ws, .latepoint .lp_iti__flag.lp_iti__ws { height: 10px; background-position: -5500px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__xk, .latepoint .lp_iti__flag.lp_iti__xk { height: 15px; background-position: -5522px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__ye, .latepoint .lp_iti__flag.lp_iti__ye { height: 14px; background-position: -5544px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__yt, .latepoint .lp_iti__flag.lp_iti__yt { height: 14px; background-position: -5566px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__za, .latepoint .lp_iti__flag.lp_iti__za { height: 14px; background-position: -5588px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__zm, .latepoint .lp_iti__flag.lp_iti__zm { height: 14px; background-position: -5610px 0px; } .latepoint-admin .lp_iti__flag.lp_iti__zw, .latepoint .lp_iti__flag.lp_iti__zw { height: 10px; background-position: -5632px 0px; } .latepoint-admin .lp_iti__flag, .latepoint .lp_iti__flag { height: 15px; box-shadow: none; border-radius: 2px; background-image: url("https://rkt.pl/addons/latepoint/public/images/intl-tel-input/flags.png"); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .latepoint-admin .lp_iti__flag, .latepoint .lp_iti__flag { background-image: url("https://rkt.pl/addons/latepoint/public/images/intl-tel-input/flags@2x.png"); } } .latepoint-admin .lp_iti__flag.lp_iti__np, .latepoint .lp_iti__flag.lp_iti__np { background-color: transparent; } .latepoint-admin .lp_iti__country-list { font-size: 13px; }