/*!
 * Copyright (c) 2024 LatePoint LLC. All rights reserved.
 */
.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-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,.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 ::after,.latepoint-admin ::before,.latepoint-w *,.latepoint-w ::after,.latepoint-w ::before {
    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-admin p,.latepoint-w h1,.latepoint-w h2,.latepoint-w h3,.latepoint-w h4,.latepoint-w h5,.latepoint-w h6,.latepoint-w p {
    margin-top: 0
}

.latepoint-admin abbr[data-original-title],.latepoint-admin abbr[title],.latepoint-w abbr[data-original-title],.latepoint-w abbr[title] {
    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 dl,.latepoint-admin ol,.latepoint-admin ul,.latepoint-w dl,.latepoint-w ol,.latepoint-w ul {
    margin-top: 0;
    margin-bottom: 1rem
}

.latepoint-admin ol ol,.latepoint-admin ol ul,.latepoint-admin ul ol,.latepoint-admin ul ul,.latepoint-w ol ol,.latepoint-w ol ul,.latepoint-w ul ol,.latepoint-w ul ul {
    margin-bottom: 0
}

.latepoint-admin dd,.latepoint-w dd {
    margin-bottom: .5rem;
    margin-left: 0
}

.latepoint-admin blockquote,.latepoint-admin figure,.latepoint-w blockquote,.latepoint-w figure {
    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: -.25em
}

.latepoint-admin sup,.latepoint-w sup {
    top: -.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 code,.latepoint-admin kbd,.latepoint-admin pre,.latepoint-admin samp,.latepoint-w code,.latepoint-w kbd,.latepoint-w pre,.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 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-admin output,.latepoint-w label,.latepoint-w output {
    display: inline-block
}

.latepoint-admin button:focus,.latepoint-w button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

.latepoint-admin button,.latepoint-admin input,.latepoint-admin optgroup,.latepoint-admin select,.latepoint-admin textarea,.latepoint-w button,.latepoint-w input,.latepoint-w optgroup,.latepoint-w select,.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 [type=reset],.latepoint-admin [type=submit],.latepoint-admin button,.latepoint-admin html [type=button],.latepoint-w [type=reset],.latepoint-w [type=submit],.latepoint-w button,.latepoint-w html [type=button] {
    -webkit-appearance: button
}

.latepoint-admin [type=button]::-moz-focus-inner,.latepoint-admin [type=reset]::-moz-focus-inner,.latepoint-admin [type=submit]::-moz-focus-inner,.latepoint-admin 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,.latepoint-w button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

.latepoint-admin input[type=checkbox],.latepoint-admin input[type=radio],.latepoint-w input[type=checkbox],.latepoint-w input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

.latepoint-admin input[type=date],.latepoint-admin input[type=datetime-local],.latepoint-admin input[type=month],.latepoint-admin input[type=time],.latepoint-w input[type=date],.latepoint-w input[type=datetime-local],.latepoint-w input[type=month],.latepoint-w input[type=time] {
    -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: .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 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
}

/*!
 * Copyright (c) 2023 LatePoint LLC. All rights reserved.
 */
@keyframes statusIconPop {
    0% {
        transform: rotate(-90deg) scale(.4);
        opacity: 1
    }

    to {
        transform: rotate(0deg) scale(1);
        opacity: 1
    }
}

@font-face {
    font-family: "latepointIcons";
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBnEAAAC8AAAAYGNtYXAXVtK9AAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZvBkFiMAAAF4AAAmmGhlYWQvWaP0AAAoEAAAADZoaGVhCqEG3gAAKEgAAAAkaG10eOfCAAAAAChsAAAA7GxvY2ECBwtAAAApWAAAAHhtYXhwAHUA6QAAKdAAAAAgbmFtZUA710MAACnwAAABnnBvc3QAAwAAAAArkAAAACAAAwQRAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpNgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Tb//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/68GBMTGBgTExgAAAADAAD/wAPVA8AADwAZACsAAAEhIgYVERQWMyEyNjURNCYFITIWFwkBPgEzASEiJjURBR4BMzI2NyURFAYjA1X9VjdJSTcCqjdJSf0fAqoNEwf+hP6EBxMNAqr9VhQXAWYHDQYGDQcBZhcUAytKNv4AN0lJNwIANkpWDA3+9wEJDQz9qxcUAa/8AwYGA/z+URQXAAAAAwAA/8ADVQPAABAAIAA2AAABISIGFREUFjMhMjY1ETQmIxMUBiMhIiY1ETQ2MyEyFhUBDgEVFBYXHgEzMjY3PgE1NCYnJiIHAtX+VjdJSTcBqjdJSTcrFxT+VhQXFxQBqhQX/uIGBwcGBw0KCg0HBgcHBg0iDQOASjb9VTZKSjYCqzZK/NUTFxcTAqsTGBgT/ckHDgkKDgYHBgYHBhEHBhEHDAwAAAAAAQAAAAEAAEer7VFfDzz1AAsEAAAAAADkra/GAAAAAOStr8YAAP+rBt8DwAAAAAgAAgAAAAAAAAABAAADwP/AAAAG4gAAAAAG3wABAAAAAAAAAAAAAAAAAAAAOwQAAAAAAAAAAAAAAAIAAAAEAAAABuIAAAbgAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAAAAAAAAAKABQAHgDGAQgBTAFgAXQBiAGcAbABxAHYAhQCeAMAA0gD8gUmBUwFpgY2BpQGsAccB2IHlAgSCGwIqAkMCSYJtAn0CnoK3AwkDJANFA2yDfQOXA54DqIPPA++ECIQmhDqEWIRnhHaEgQSLhJqEq4S+BNMAAEAAAA7AOcAOQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAJAAAAAQAAAAAAAgAHAHIAAQAAAAAAAwAJADwAAQAAAAAABAAJAIcAAQAAAAAABQALABsAAQAAAAAABgAJAFcAAQAAAAAACgAaAKIAAwABBAkAAQASAAkAAwABBAkAAgAOAHkAAwABBAkAAwASAEUAAwABBAkABAASAJAAAwABBAkABQAWACYAAwABBAkABgASAGAAAwABBAkACgA0ALxsYXRlcG9pbnQAbABhAHQAZQBwAG8AaQBuAHRWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBsYXRlcG9pbnQAbABhAHQAZQBwAG8AaQBuAHRsYXRlcG9pbnQAbABhAHQAZQBwAG8AaQBuAHRSZWd1bGFyAFIAZQBnAHUAbABhAHJsYXRlcG9pbnQAbABhAHQAZQBwAG8AaQBuAHRGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA)format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" latepoint-icon-"],[class^=latepoint-icon-] {
    font-family: "latepointIcons"!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.latepoint-icon-qrcode:before {
    content: ""
}

.latepoint-icon-cross:before {
    content: ""
}

.latepoint-icon-google:before {
    content: ""
}

.latepoint-icon-brand:before,.latepoint-icon-facebook:before,.latepoint-icon-social:before {
    content: ""
}

.latepoint-icon-arrow-up:before {
    content: ""
}

.latepoint-icon-arrow-up2:before {
    content: ""
}

.latepoint-icon-arrow-down:before {
    content: ""
}

.latepoint-icon-arrow-down2:before {
    content: ""
}

.latepoint-icon-arrow-right:before {
    content: ""
}

.latepoint-icon-arrow-left:before {
    content: ""
}

.latepoint-icon-lp-logo:before {
    content: ""
}

.latepoint-icon-arrow-left1:before {
    content: ""
}

.latepoint-icon-arrow-right1:before {
    content: ""
}

.latepoint-icon-book:before {
    content: ""
}

.latepoint-icon-calendar:before {
    content: ""
}

.latepoint-icon-check:before {
    content: ""
}

.latepoint-icon-chevron-left:before {
    content: ""
}

.latepoint-icon-chevron-right:before {
    content: ""
}

.latepoint-icon-credit-card:before {
    content: ""
}

.latepoint-icon-edit-3:before {
    content: ""
}

.latepoint-icon-external-link:before {
    content: ""
}

.latepoint-icon-file-text:before {
    content: ""
}

.latepoint-icon-layers:before {
    content: ""
}

.latepoint-icon-list:before {
    content: ""
}

.latepoint-icon-mail:before {
    content: ""
}

.latepoint-icon-menu:before {
    content: ""
}

.latepoint-icon-message-circle:before {
    content: ""
}

.latepoint-icon-message-square:before {
    content: ""
}

.latepoint-icon-minus:before {
    content: ""
}

.latepoint-icon-minus-circle:before {
    content: ""
}

.latepoint-icon-minus-square:before {
    content: ""
}

.latepoint-icon-package:before {
    content: ""
}

.latepoint-icon-paperclip:before {
    content: ""
}

.latepoint-icon-plus:before {
    content: ""
}

.latepoint-icon-plus-circle:before {
    content: ""
}

.latepoint-icon-plus-square:before {
    content: ""
}

.latepoint-icon-printer:before {
    content: ""
}

.latepoint-icon-shopping-bag:before {
    content: ""
}

.latepoint-icon-shopping-cart:before {
    content: ""
}

.latepoint-icon-sliders:before {
    content: ""
}

.latepoint-icon-smartphone:before {
    content: ""
}

.latepoint-icon-trash:before {
    content: ""
}

.latepoint-icon-trash-2:before {
    content: ""
}

.latepoint-icon-clothes-21:before {
    content: ""
}

.latepoint-icon-ui-09:before {
    content: ""
}

.latepoint-icon-ui-15:before {
    content: ""
}

.latepoint-icon-ui-24:before {
    content: ""
}

.latepoint-icon-ui-50:before {
    content: ""
}

.latepoint-icon-ui-47:before {
    content: ""
}

.latepoint-icon-ui-46:before {
    content: ""
}

.latepoint-icon-common-01:before {
    content: ""
}

.latepoint-icon-checkmark:before {
    content: ""
}

.latepoint-icon-arrow-2-right:before {
    content: ""
}

.latepoint-icon-arrow-2-left:before {
    content: ""
}

.latepoint-icon-ui-83:before {
    content: ""
}

/*!
 * Copyright (c) 2023 LatePoint LLC. All rights reserved.
 */
@keyframes selectedSlotCheckmark {
    0% {
        transform: rotate(-65deg) scale(.5)
    }

    to {
        transform: rotate(0deg) scale(1)
    }
}

@keyframes selectedSlotCheckmarkOpacity {
    0% {
        transform: rotate(-65deg) scale(.5);
        opacity: 0
    }

    to {
        transform: rotate(0deg) scale(1);
        opacity: 1
    }
}

@keyframes latepointFadeUp {
    0% {
        transform: translate3d(0,40px,0);
        opacity: 0
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes up10op {
    0% {
        transform: translate3d(0,10px,0);
        opacity: 0
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes up10 {
    0% {
        transform: translate3d(0,10px,0)
    }

    to {
        transform: translate3d(0,0,0)
    }
}

@keyframes up20op {
    0% {
        transform: translate3d(0,20px,0);
        opacity: 0
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes rotateScale {
    0% {
        transform: scale(.4) rotate(-90deg);
        opacity: 0
    }

    to {
        transform: scale(1) rotate(0deg);
        opacity: 1
    }
}

@keyframes up20 {
    0% {
        transform: translate3d(0,20px,0)
    }

    to {
        transform: translate3d(0,0,0)
    }
}

@keyframes up40 {
    0% {
        transform: translate3d(0,20px,0)
    }

    to {
        transform: translate3d(0,0,0)
    }
}

@keyframes latepointMessage {
    0% {
        transform: translate3d(0,-10px,0);
        opacity: 0
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes latepointFadeDown {
    0% {
        transform: translate3d(0,-40px,0);
        opacity: 0
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes agentBio {
    0% {
        transform: scale(.8);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes osLightboxAnimation {
    0% {
        transform: translate3d(0,10%,0);
        opacity: 0
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes latepointAvailabilityPopup {
    0% {
        transform: translate3d(0,0,0);
        opacity: 0
    }

    to {
        transform: translate3d(0,-65%,0);
        opacity: 1
    }
}

@keyframes latepointAvailabilityPopupCenter {
    0% {
        transform: translate3d(-50%,-50%,0);
        opacity: 0
    }

    to {
        transform: translate3d(-50%,-110%,0);
        opacity: 1
    }
}

@keyframes latepointAvailabilityPopupY {
    0% {
        transform: translate3d(0,-60%,0);
        opacity: 0
    }

    to {
        transform: translate3d(0,-115%,0);
        opacity: 1
    }
}

@keyframes latepointNextBtn {
    0% {
        transform: translate3d(-15px,0,0) scale(.9);
        opacity: 0
    }

    to {
        transform: translate3d(0,0,0) scale(1);
        opacity: 1
    }
}

@keyframes latepointPrevBtn {
    0% {
        transform: translate3d(15px,0,0) scale(.9);
        opacity: 0
    }

    to {
        transform: translate3d(0,0,0) scale(1);
        opacity: 1
    }
}

@keyframes latepointContentPopup {
    0% {
        transform: scale(.9);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes os-loading-gradient {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -200%0
    }
}

@keyframes latepointBlink {
    0%,to {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

@keyframes latepointShake {
    0%,to {
        transform: translateX(0)
    }

    10%,30%,50%,70%,90% {
        transform: translateX(-4px)
    }

    20%,40%,60%,80% {
        transform: translateX(4px)
    }
}

@font-face {
    font-family: "latepoint";
    src: url(/wp-content/plugins/latepoint/public/fonts/latepoint-regular.woff2)format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: "latepoint";
    src: url(/wp-content/plugins/latepoint/public/fonts/latepoint-semibold.woff2)format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: block
}

.latepoint-w,.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
}

.latepoint-w {
    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-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,.05);
    margin-bottom: 20px;
    padding: 10px 0;
    margin-top: 20px
}

.latepoint-w .latepoint-section-heading-w .latepoint-section-heading {
    margin: 0;
    padding: 0
}

.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 .topi-heading,.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;
    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,.order-summary-items-heading {
    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: 0;
    right: 0;
    padding: 2px;
    background-color: #eee;
    font-size: 11px
}

.order-summary-items-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    color: #7c85a3;
    line-height: 1.1
}

.order-summary-items-heading .osih-line {
    height: 10px;
    background-color: rgba(0,0,0,.03);
    flex: 1
}

.latepoint-btn {
    padding: 9px 14px;
    background-color: var(--latepoint-brand-primary);
    color: #fff;
    border-radius: var(--latepoint-border-radius);
    text-decoration: none!important;
    font-weight: 600;
    display: inline-block;
    box-shadow: none;
    border: 0;
    line-height: 1.2;
    cursor: pointer
}

.latepoint-btn:focus,.latepoint-btn:hover {
    outline: 0;
    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 i,.latepoint-btn.latepoint-btn-danger.latepoint-btn-link span {
    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:focus,.latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading:hover {
    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:focus:after,.latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading:hover:after {
    border-bottom: 2px solid #d83838;
    border-left: 2px solid #d83838;
    border-top: 2px solid #d83838
}

.latepoint-btn.latepoint-btn-danger.latepoint-btn-link:focus:not(.os-loading),.latepoint-btn.latepoint-btn-danger.latepoint-btn-link:hover:not(.os-loading) {
    color: #d83838!important;
    background-color: transparent
}

.latepoint-btn.latepoint-btn-danger.latepoint-btn-link:focus: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:hover:not(.os-loading) i,.latepoint-btn.latepoint-btn-danger.latepoint-btn-link:hover:not(.os-loading) span {
    color: #d83838!important
}

.latepoint-btn.latepoint-btn-danger:active,.latepoint-btn.latepoint-btn-danger:focus {
    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 i,.latepoint-btn.latepoint-btn-primary span {
    color: #fff
}

.latepoint-btn.latepoint-btn-primary:focus {
    outline: 2px solid var(--latepoint-brand-primary)
}

.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:focus,.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline:hover {
    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-link i,.latepoint-btn.latepoint-btn-primary.latepoint-btn-link span,.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline i,.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline span {
    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: 0;
    padding-right: 0
}

.latepoint-btn.latepoint-btn-primary.latepoint-btn-link span {
    border-bottom: 1px dotted var(--latepoint-brand-primary)
}

.latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover span {
    border-bottom-style: solid
}

.latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading,.latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading:focus,.latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading:hover {
    color: transparent!important
}

.latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading:after,.latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading:focus:after,.latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading:hover: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:focus:not(.os-loading),.latepoint-btn.latepoint-btn-primary.latepoint-btn-link:focus: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:hover:not(.os-loading),.latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover:not(.os-loading) i,.latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover:not(.os-loading) span {
    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: 0;
    padding-right: 0
}

.latepoint-btn.latepoint-btn-white.latepoint-btn-link i,.latepoint-btn.latepoint-btn-white.latepoint-btn-link span {
    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:focus,.latepoint-btn.latepoint-btn-white.latepoint-btn-link.os-loading:hover,.latepoint-btn.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:focus:after,.latepoint-btn.latepoint-btn-white.latepoint-btn-link.os-loading:hover:after {
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff
}

.latepoint-btn.latepoint-btn-white.latepoint-btn-link:focus:not(.os-loading),.latepoint-btn.latepoint-btn-white.latepoint-btn-link:focus: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:hover:not(.os-loading),.latepoint-btn.latepoint-btn-white.latepoint-btn-link:hover:not(.os-loading) i,.latepoint-btn.latepoint-btn-white.latepoint-btn-link:hover:not(.os-loading) span {
    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 i,.latepoint-btn.os-loading span {
    color: transparent!important;
    border-bottom-color: transparent!important
}

.latepoint-btn.os-loading:focus i,.latepoint-btn.os-loading:focus span {
    color: transparent!important;
    border-bottom-color: transparent!important
}

.latepoint-book-button.os-loading:after,.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 transparent;
    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-secondary:after,.latepoint-btn.os-loading.latepoint-btn-white: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 transparent
}

.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:focus,.latepoint-btn.latepoint-btn-secondary:hover {
    outline: 0;
    color: #252c39!important;
    background-color: #cbd1e5;
    box-shadow: none
}

.latepoint-btn span {
    line-height: 1.5
}

.latepoint-btn i,.latepoint-btn span {
    display: inline-block;
    vertical-align: middle
}

.latepoint-btn i+span,.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 .2s linear;
    color: transparent!important;
    position: relative
}

.latepoint-w .os-form-w {
    background-color: #fff;
    padding: 30px;
    margin: 20px 0
}

.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!important;
    border-radius: var(--latepoint-border-radius)!important;
    background-color: #fff!important;
    width: 100%;
    color: #32373c;
    line-height: 1.2;
    font-size: 15px!important;
    font-weight: 400!important;
    transition: all .2s ease;
    height: auto;
    margin: 0
}

.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: 0;
    box-shadow: none
}

.latepoint-w .os-form-group.os-form-select-group .os-form-control.os-invalid,.latepoint-w .os-form-group.os-form-select-group input.os-form-control.os-invalid,.latepoint-w .os-form-group.os-form-textfield-group .os-form-control.os-invalid,.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control.os-invalid {
    border-color: #b55959!important;
    box-shadow: 0 0 0 3px rgba(181,89,89,.1)!important
}

.latepoint-w .os-form-group.os-form-select-group .os-form-control.os-shake,.latepoint-w .os-form-group.os-form-select-group input.os-form-control.os-shake,.latepoint-w .os-form-group.os-form-textfield-group .os-form-control.os-shake,.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control.os-shake {
    animation: latepointShake 1s ease-in-out
}

.latepoint-w .os-form-group.os-form-select-group input[type=email],.latepoint-w .os-form-group.os-form-select-group input[type=number],.latepoint-w .os-form-group.os-form-select-group input[type=password],.latepoint-w .os-form-group.os-form-select-group input[type=tel],.latepoint-w .os-form-group.os-form-select-group input[type=text],.latepoint-w .os-form-group.os-form-select-group textarea,.latepoint-w .os-form-group.os-form-textfield-group input[type=email],.latepoint-w .os-form-group.os-form-textfield-group input[type=number],.latepoint-w .os-form-group.os-form-textfield-group input[type=password],.latepoint-w .os-form-group.os-form-textfield-group input[type=tel],.latepoint-w .os-form-group.os-form-textfield-group input[type=text],.latepoint-w .os-form-group.os-form-textfield-group textarea {
    -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: 0
}

.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: 0;
    border-radius: var(--latepoint-border-radius);
    display: flex;
    gap: 8px;
    align-items: center;
    color: var(--latepoint-body-color);
    vertical-align: middle;
    margin: 0;
    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: var(--latepoint-border-radius);
    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: #959aae!important;
    font-weight: 400!important;
    position: absolute!important;
    top: 5px;
    left: 10px;
    z-index: 2;
    opacity: 0;
    transform: translateY(-3px);
    transition: all .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: #959aae
}

.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.braintree-hosted-fields-invalid,.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 input.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 {
    border-color: #f16161!important
}

.latepoint-w .os-form-group.os-form-textfield-group.has-value:not(.os-form-group-simple) label {
    opacity: 1!important;
    transform: translateY(0)!important
}

.latepoint-w .os-form-group.os-form-textfield-group.has-value:not(.os-form-group-simple) input.os-form-control,.latepoint-w .os-form-group.os-form-textfield-group.has-value:not(.os-form-group-simple) textarea.os-form-control {
    padding: 19px 10px 5px!important
}

.latepoint-w .os-form-group.os-form-group-simple.os-form-textfield-group label {
    opacity: 1;
    transform: none!important;
    position: relative!important;
    top: auto;
    left: auto;
    margin-bottom: 4px!important;
    font-size: 15px!important
}

.latepoint-w .os-form-group.os-form-group-simple.os-form-textfield-group .os-form-control {
    background-color: #fff;
    border: 1px solid #cad2e0;
    padding: 12px 8px!important
}

.latepoint-w .os-form-group.os-form-group-simple.os-form-textfield-group .os-form-control:focus {
    border-color: var(--latepoint-brand-primary)
}

.latepoint-w .os-form-group.os-form-group-simple.os-form-textfield-group.os-form-phonefield-group {
    border: 0
}

.latepoint-w .os-form-group.os-form-group-simple.os-form-textfield-group.os-form-phonefield-group .os-form-control {
    padding: 13px 8px 13px 0!important
}

.latepoint-w .os-form-group.os-form-group-simple.os-form-textfield-group.os-form-phonefield-group .lp_iti {
    background-color: #fff;
    border: 1px solid #cad2e0;
    align-items: stretch;
    border-radius: 6px;
    gap: 5px
}

.latepoint-w .os-form-group.os-form-group-simple.os-form-textfield-group.os-form-phonefield-group .lp_iti:has(input:focus) {
    border-color: var(--latepoint-brand-primary)
}

.latepoint-w .os-form-group.os-form-group-simple.os-form-textfield-group.os-form-phonefield-group .lp_iti .lp_iti__selected-flag {
    padding: 0 0 0 12px
}

.latepoint-w .os-form-group.os-form-group-simple.os-form-textfield-group.os-form-phonefield-group .lp_iti .lp_iti__flag-container {
    display: flex
}

.latepoint-w .os-form-group.os-form-group-simple.os-form-select-group label {
    margin-bottom: 3px
}

.latepoint-w .os-form-group.os-form-group-simple.os-form-select-group .os-form-control {
    background-color: #fff;
    border: 1px solid #d6d6e1
}

.latepoint-w .os-form-group.os-form-group-simple.os-form-select-group .os-form-control:focus {
    border-color: var(--latepoint-brand-primary)
}

.latepoint-w .os-form-group.os-form-group-simple.os-form-select-group .os-form-control:hover {
    border-color: var(--latepoint-brand-primary)
}

.latepoint-w .os-form-group.os-form-group-simple.os-form-select-group .os-form-control.size-small {
    padding-top: 5px!important;
    padding-bottom: 5px!important
}

.latepoint-w .os-form-group.os-form-group-simple.os-form-select-group.os-invalid label {
    color: #bf6666
}

.latepoint-w .os-form-group.os-form-group-simple.os-form-select-group.os-invalid .os-form-control {
    border-color: #b55959;
    color: #872727
}

.latepoint-w .os-form-group.os-form-group-simple.os-form-select-group.os-invalid .os-form-control::placeholder {
    color: #d9a3a3
}

.latepoint-w .os-form-group.os-form-group-simple.os-form-select-group.os-invalid .os-form-control:focus {
    border-color: #b55959
}

.latepoint-w .os-form-group.os-form-phonefield-group {
    border: 1px solid #cad2e0;
    border-radius: var(--latepoint-border-radius)
}

.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 .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: 0!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: 0!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: stretch
}

.latepoint-w .os-form-group.os-form-phonefield-group:not(.has-value) .lp_iti__selected-flag {
    padding-top: 12px;
    padding-bottom: 12px
}

.latepoint-w .os-form-group.os-form-phonefield-group:not(.os-form-group-simple).has-value .lp_iti__selected-flag {
    padding-top: 19px;
    padding-bottom: 5px
}

.latepoint-w .os-form-group.os-form-phonefield-group:not(.os-form-group-simple).has-value input.os-form-control.os-mask-phone {
    padding-left: 0!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-flex.os-flex-end {
    justify-content: flex-end;
    gap: 20px
}

.latepoint-w .os-form-buttons .os-form-group {
    display: inline-block;
    margin-bottom: 0!important
}

.latepoint-w .os-form-buttons .os-form-group .latepoint-btn,.os-password-reset-form-w .password-reset-back-to-login span {
    margin-right: 5px
}

.latepoint-w .os-form-header {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(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: 0
}

.latepoint-w .os-form-desc {
    color: rgba(0,0,0,.7)
}

.latepoint-w .os-image-container {
    border: 5px solid #fff;
    box-shadow: 0 5px 15px rgba(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 0
}

.latepoint-w .os-form-message-w {
    padding: 12px 20px;
    background-color: #f9f9f9;
    color: #333;
    margin-bottom: 20px;
    font-weight: 600;
    border-radius: var(--latepoint-border-radius)
}

.latepoint-w .os-form-message-w ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.latepoint-w .os-form-message-w ul li {
    margin-bottom: 10px
}

.latepoint-login-form-w.os-form-w .os-form-group:last-child,.latepoint-w .os-form-message-w ul li:last-child {
    margin-bottom: 0
}

.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-4,.os-col-8 {
    flex: 0 0 66.6%;
    padding: 0 7px
}

.os-col-4 {
    flex: 0 0 33.3%
}

.os-col-3,.os-col-9 {
    flex: 0 0 25%;
    padding: 0 7px
}

.os-col-9 {
    flex: 0 0 75%
}

.os-col-12,.os-col-6 {
    flex: 0 0 50%;
    padding: 0 7px
}

.os-col-12 {
    flex: 0 0 100%
}

@media (max-width: 600px) {
    .os-col-sm-12 {
        flex:0 0 100%;
        padding: 0 7px
    }
}

.latepoint-login-form-w.os-form-w {
    max-width: 470px;
    margin: 30px auto!important;
    box-shadow: 0 1px 2px rgba(0,0,0,.2),0 10px 25px rgba(0,0,0,.1);
    padding: 40px;
    background-color: #fff;
    border-radius: var(--latepoint-border-radius)
}

.latepoint-login-form-w.os-form-w h4 {
    margin: 0 0 15px;
    padding: 0;
    color: #14161d
}

.latepoint-login-form-w.os-form-w .os-form-buttons {
    justify-content: space-between
}

.latepoint-login-form-w.os-form-w .os-customer-wrapped-box {
    padding: 0;
    border: 0;
    box-shadow: none
}

.latepoint-login-form-w.os-form-w .os-customer-wrapped-box .latepoint-customer-otp-close,.latepoint-login-form-w.os-form-w .os-password-reset-form-w .password-reset-back-to-login {
    top: 0;
    right: 0
}

.latepoint-customer-dashboard-redirecting {
    position: relative;
    padding-top: 30px;
    text-align: center;
    font-size: 17px;
    color: #7c85a3
}

.latepoint-customer-dashboard-redirecting:before {
    display: block;
    content: "";
    width: 24px!important;
    height: 24px!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 transparent;
    border-radius: 20px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    animation: os-loading 700ms infinite linear;
    background-color: transparent!important;
    top: 0
}

.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 i,.os-password-reset-form-w .password-reset-back-to-login span {
    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 {
    background-color: rgba(29,210,101,.95);
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    min-width: 500px;
    text-align: center;
    padding: 14px 40px 14px 30px;
    position: relative;
    border-radius: var(--latepoint-border-radius)
}

.os-notifications .item.item-type-error {
    background-color: #fff1f1;
    border: 1px solid #f2c3c3;
    border-bottom-color: #ea9898;
    color: #7f0d0d;
    box-shadow: 0 1px 4px -1px rgba(0,0,0,.26)
}

.os-notifications .item.item-type-error:before {
    background-color: #ff5839;
    box-shadow: 0 1px 0 0 rgba(255,138,138,.5),0 0 0 6px rgba(255,138,138,.15),0 0 0 10px rgba(255,138,138,.1),inset 0 2px 0 0 rgba(255,255,255,.2);
    border: 1px solid #ee1b1b;
    border-bottom-color: #ce0a0a
}

.os-notifications .item.item-type-success {
    background-color: #eeffed;
    border: 1px solid #a9e3a2;
    border-bottom-color: #91c68f;
    color: #0d7f24;
    box-shadow: 0 1px 4px -1px rgba(79,239,88,.6)
}

.os-notifications .item.item-type-success:before {
    background-color: #63e57a;
    box-shadow: 0 1px 0 0 rgba(138,255,154,.5),0 0 0 6px rgba(138,255,154,.25),0 0 0 10px rgba(138,255,154,.15),inset 0 2px 0 0 rgba(255,255,255,.4);
    border: 1px solid #35d431;
    border-bottom-color: #33c82f
}

.os-notifications .item+.item {
    margin-bottom: 10px
}

.latepoint-login-form-w {
    animation: .6s cubic-bezier(.45,1.1,.4,1) 0s both latepointFadeUp
}

.os-password-reset-form-w,.os-step-tab-content {
    animation: .3s cubic-bezier(.45,1.1,.4,1.2) 0s both latepointFadeUp
}

.os-item-details-popup {
    animation: .4s cubic-bezier(.45,1.3,.6,1) 0s both agentBio
}

.item-details-popup-content-i {
    animation: .4s cubic-bezier(.45,1.1,.4,1) 0s both latepointFadeUp
}

.item-details-popup-head .item-details-popup-title,.item-details-popup-head h3 {
    animation: .4s cubic-bezier(.45,1.1,.4,1) 0s both latepointFadeDown
}

.item-details-popup-feature-value {
    animation: .4s cubic-bezier(0,1,.51,1) .05s both latepointFadeUp
}

.item-details-popup-feature-label {
    animation: .4s cubic-bezier(0,1,.51,1) .1s both latepointFadeUp
}

.latepoint-lightbox-i {
    transform-origin: center center;
    animation: .5s cubic-bezier(0,1,.51,1) 0s both osLightboxAnimation
}

.latepoint-message {
    animation: .15s cubic-bezier(.45,1.3,.6,1.1) 0s both latepointMessage
}

.a-up-10,.a-up-10-opaque {
    animation: .4s cubic-bezier(.25,1.4,.5,1) 0s up10op;
    animation-fill-mode: both
}

.a-up-10-opaque {
    animation: .4s cubic-bezier(.25,1.4,.5,1) 0s up10
}

.a-up-20,.a-up-20-opaque {
    animation: .4s cubic-bezier(.25,1.4,.5,1) 0s up20op;
    animation-fill-mode: both
}

.a-up-20-opaque {
    animation: .4s cubic-bezier(.25,1.4,.5,1) 0s up20
}

.a-rotate-scale,.a-up-40-opaque {
    animation: .6s cubic-bezier(.35,1.2,.7,1) 0s up40;
    animation-fill-mode: both
}

.a-rotate-scale {
    animation: .7s cubic-bezier(.25,1.4,.5,1.35) 0s rotateScale
}

.a-delay-1 {
    animation-delay: .05s
}

.a-delay-2 {
    animation-delay: .1s
}

.a-delay-3 {
    animation-delay: .15s
}

.a-delay-4 {
    animation-delay: .2s
}

.clean-layout-content-wrapper,.latepoint-clean-body .manage-booking-wrapper {
    animation: .5s cubic-bezier(.35,1.2,.7,1) 0s both up20
}

.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: 0 0 0 2px #e8ebee;
    cursor: pointer;
    transition: transform .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-booking-form-element .lp-options .lp-option:hover,.latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option.selected,.latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option:hover {
    box-shadow: 0 0 0 2px var(--latepoint-brand-primary)
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option.selected .lp-option-label,.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:hover .lp-option-label,.latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option.selected .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: 0 0 0 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 0 0 0;
    box-shadow: 0 0 0 2px #14161d,0 0 0 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: 0;
    background-color: #fff;
    padding: 2px 0
}

.latepoint-w .latepoint-booking-form-element .os-items,.latepoint-w .latepoint-transaction-payment-form .os-items {
    margin: 0!important;
    padding: 0!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: #fff;
    border: 1px solid #e5e7ee;
    align-items: center;
    box-shadow: none;
    outline: 0;
    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 0;
    margin-right: auto;
    display: block;
    transition: transform .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 .2s ease;
    flex-shrink: 0;
    margin-left: 15px
}

.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,.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: 20px
}

.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: 11px;
    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: 0
}

.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 0
}

.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: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    top: 50%;
    left: 15px;
    display: block;
    transform: translateY(-50%);
    box-shadow: inset 0 0 0 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-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 .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: 0;
    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: 0
}

.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: 0;
    font-weight: 600;
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    z-index: 1;
    border: 0;
    transition: transform .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 0 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-item-category-w>.os-selectable-items .os-item a.os-service-selector,.latepoint-w .latepoint-booking-form-element .os-items .os-item,.latepoint-w .latepoint-transaction-payment-form .os-item-category-w>.os-selectable-items .os-item a.os-service-selector,.latepoint-w .latepoint-transaction-payment-form .os-items .os-item {
    position: relative
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item:focus,.latepoint-w .latepoint-transaction-payment-form .os-items .os-item:focus {
    outline: 0
}

.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 .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 .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(.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: 0!important
}

.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded,.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .alternative-login-option,.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .item-quantity-selector-w .item-quantity-selector,.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-booking-form-element.latepoint-border-radius-rounded .os-social-login-option,.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded,.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .alternative-login-option,.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .item-quantity-selector-w .item-quantity-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,.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-social-login-option {
    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-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-details-popup-btn:hover span,.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-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-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,.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w,.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-summary-w,.latepoint-w .latepoint-transaction-payment-form.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-summary-w {
    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-timebox,.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .dp-timeslot .dp-label,.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .info-box,.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .info-box .info-box-buttons a,.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-message,.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 .confirmation-cabinet-info,.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-link,.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-booking-form-element.latepoint-border-radius-rounded .step-confirmation-w .step-confirmation-set-password,.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .dp-timebox,.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .dp-timeslot .dp-label,.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .info-box,.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .info-box .info-box-buttons a,.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-message,.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 .confirmation-cabinet-info,.latepoint-w .latepoint-transaction-payment-form.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 .qr-code-on-full-summary .qr-code-vevent .qr-code-label,.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 .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-booking-form-element.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,.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input {
    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-booking-form-element.latepoint-border-radius-rounded .latepoint-progress ul li .progress-item,.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-progress ul li .progress-item span,.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .lp-options .lp-option,.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item .os-item-i,.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-item-img-w,.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-monthly-calendar-days .os-day .os-day-box,.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .select-total-attendees-w,.latepoint-w .latepoint-transaction-payment-form.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-progress ul li .progress-item,.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-progress ul li .progress-item span,.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .lp-options .lp-option,.latepoint-w .latepoint-transaction-payment-form.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 .os-item-img-w,.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-monthly-calendar-days .os-day .os-day-box,.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-side-panel,.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-side-panel {
    border-radius: 8px 0 0 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: 0 8px 8px 0
}

.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
}

.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 .latepoint-add-another-item-trigger,.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-add-another-item-trigger.on-verify,.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-btn,.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item,.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-payment-w .payment-total-info,.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-verify-w .cart-item-wrapper.multi-item,.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 .latepoint-add-another-item-trigger,.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-add-another-item-trigger.on-verify,.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-btn,.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item,.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-payment-w .payment-total-info,.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-verify-w .cart-item-wrapper.multi-item,.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-upload-file-input-w input[type=file],.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-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-upload-file-input-w input[type=file],.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-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 .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 a.os-service-selector:hover,.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 a.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.selected,.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.selected,.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 .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-item-category-w,.latepoint-w .latepoint-transaction-payment-form .os-item-category-w .os-item-category-w {
    margin-top: 0;
    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: 0;
    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 {
    font-weight: 600;
    font-size: 18px;
    display: block;
    margin-right: auto;
    flex: 1;
    transition: transform .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 .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 {
    position: absolute;
    top: 50%;
    left: 25px;
    font-family: "latepointIcons"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 10px;
    transform: translateY(-50%);
    color: #7c85a3;
    transition: all .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)
}
/*!
 * Copyright (c) 2024 LatePoint LLC. All rights reserved.
 */
/*!
 * Copyright (c) 2024 LatePoint LLC. All rights reserved.
 */
.latepoint-login-form-w .os-social-or, .step-customer-w .os-social-or, .booking-form-preview-wrapper .os-social-or {
  color: #1d7bff;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 15px;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 1px;
}
.latepoint-login-form-w .os-social-or span, .step-customer-w .os-social-or span, .booking-form-preview-wrapper .os-social-or span {
  display: inline-block;
  position: relative;
}
.latepoint-login-form-w .os-social-or span:before, .latepoint-login-form-w .os-social-or span:after, .step-customer-w .os-social-or span:before, .step-customer-w .os-social-or span:after, .booking-form-preview-wrapper .os-social-or span:before, .booking-form-preview-wrapper .os-social-or span:after {
  content: "";
  position: absolute;
  top: 50%;
  height: 1px;
  background-color: #E2E5EF;
  width: 20px;
  left: -30px;
}
.latepoint-login-form-w .os-social-or span:after, .step-customer-w .os-social-or span:after, .booking-form-preview-wrapper .os-social-or span:after {
  left: auto;
  right: -30px;
}
.latepoint-login-form-w .os-social-login-options, .step-customer-w .os-social-login-options, .booking-form-preview-wrapper .os-social-login-options {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 10px;
  overflow: hidden;
  flex-wrap: wrap;
}
.latepoint-login-form-w .os-social-login-options .os-social-login-option, .step-customer-w .os-social-login-options .os-social-login-option, .booking-form-preview-wrapper .os-social-login-options .os-social-login-option {
  padding: 10px;
  color: #1d7bff;
  display: block;
  overflow: hidden;
  text-decoration: none;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
}
.latepoint-login-form-w .os-social-login-options .os-social-login-option i, .latepoint-login-form-w .os-social-login-options .os-social-login-option span, .step-customer-w .os-social-login-options .os-social-login-option i, .step-customer-w .os-social-login-options .os-social-login-option span, .booking-form-preview-wrapper .os-social-login-options .os-social-login-option i, .booking-form-preview-wrapper .os-social-login-options .os-social-login-option span {
  display: inline-block;
  vertical-align: middle;
}
.latepoint-login-form-w .os-social-login-options .os-social-login-option i, .step-customer-w .os-social-login-options .os-social-login-option i, .booking-form-preview-wrapper .os-social-login-options .os-social-login-option i {
  margin-right: 8px;
}
.latepoint-login-form-w .os-social-login-options .os-social-login-option.os-social-login-google, .step-customer-w .os-social-login-options .os-social-login-option.os-social-login-google, .booking-form-preview-wrapper .os-social-login-options .os-social-login-option.os-social-login-google {
  border: none;
  padding: 0px;
  border-radius: 0px;
  overflow: visible;
}
.latepoint-login-form-w .os-social-login-options .os-social-login-option.os-social-login-google iframe, .step-customer-w .os-social-login-options .os-social-login-option.os-social-login-google iframe, .booking-form-preview-wrapper .os-social-login-options .os-social-login-option.os-social-login-google iframe {
  margin: 0 0 0 -9px !important;
}
.latepoint-login-form-w .os-social-login-options .os-social-login-option.os-social-login-facebook, .step-customer-w .os-social-login-options .os-social-login-option.os-social-login-facebook, .booking-form-preview-wrapper .os-social-login-options .os-social-login-option.os-social-login-facebook {
  color: #32373b;
  padding: 4px 10px 5px;
  border-radius: 4px;
  border: 1px solid #dadce0;
  cursor: pointer;
}
.latepoint-login-form-w .os-social-login-options .os-social-login-option.os-social-login-facebook:hover, .step-customer-w .os-social-login-options .os-social-login-option.os-social-login-facebook:hover, .booking-form-preview-wrapper .os-social-login-options .os-social-login-option.os-social-login-facebook:hover {
  border-color: #999;
}
.latepoint-login-form-w .os-social-login-options .os-social-login-option.os-social-login-facebook img, .step-customer-w .os-social-login-options .os-social-login-option.os-social-login-facebook img, .booking-form-preview-wrapper .os-social-login-options .os-social-login-option.os-social-login-facebook img {
  width: 16px;
  height: auto;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}

.latepoint .invoice-document {
  line-height: 1.45;
}
.latepoint .invoice-document .invoice-document-i {
  position: relative;
}
.latepoint .invoice-document .invoice-status-draft-label {
  font-weight: 600;
  font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 100px;
  position: absolute;
  color: rgba(0, 0, 0, 0.2);
  line-height: 1;
  opacity: 0.8;
  border-radius: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-transform: uppercase;
  letter-spacing: 5px;
}
.latepoint .invoice-document .invoice-status-paid-label {
  font-weight: 600;
  font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 40px;
  position: absolute;
  color: #67bf08;
  padding: 6px 20px;
  line-height: 1;
  opacity: 0.8;
  border: 4px solid #67bf08;
  border-radius: 10px;
  bottom: 0px;
  left: 0px;
  text-transform: uppercase;
  letter-spacing: 5px;
}
.latepoint .invoice-document .invoice-status-voided-label {
  font-weight: 600;
  font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 100px;
  position: absolute;
  color: #e12f2f;
  padding: 6px 20px;
  line-height: 1;
  opacity: 0.8;
  border: 4px solid #fb4c4c;
  border-radius: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-transform: uppercase;
  letter-spacing: 5px;
}
.latepoint .invoice-document .invoice-heading {
  display: flex;
  justify-content: space-between;
}
.latepoint .invoice-document .invoice-title {
  font-weight: 600;
  color: #1f222b;
  font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  margin-bottom: 5px;
  font-size: 24px;
}
.latepoint .invoice-document .invoice-data {
  margin-top: 40px;
}
.latepoint .invoice-document .invoice-data .invoice-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.latepoint .invoice-document .invoice-data .invoice-row .id-label {
  color: #788291;
}
.latepoint .invoice-document .invoice-data .invoice-row .id-value {
  font-weight: 600;
  color: #1f222b;
  font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.latepoint .invoice-document .invoice-to-from {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
.latepoint .invoice-document .invoice-to-from .if-heading {
  font-weight: 600;
  color: #1f222b;
  font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  margin-bottom: 5px;
  font-size: 15px;
}
.latepoint .invoice-document .invoice-due-info {
  margin-top: 40px;
}
.latepoint .invoice-document .invoice-due-info .invoice-due-amount {
  font-weight: 600;
  color: #1f222b;
  font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 15px;
}
.latepoint .invoice-document .invoice-due-info .invoice-due-pay-link-w a {
  color: #1d7bff;
  text-decoration: none;
  display: inline-block;
  border-bottom: 1px dotted #1d7bff;
  font-weight: 600;
  font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.latepoint .invoice-document .invoice-items {
  margin-top: 50px;
}
.latepoint .invoice-document .invoice-items .invoice-items-table-heading {
  display: flex;
  justify-content: space-between;
  color: #788291;
  border-bottom: 1px solid #1f222b;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.latepoint .invoice-document .invoice-items .summary-box-heading {
  display: none;
}
.latepoint .invoice-document .invoice-totals {
  padding-left: 50%;
}
.latepoint .invoice-document .invoice-totals .it-row {
  display: flex;
  gap: 40px;
  border-top: 1px solid #eee;
  justify-content: space-between;
  padding: 5px 0;
}
.latepoint .invoice-document .invoice-totals .it-row.it-row-bold {
  font-weight: 600;
  font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #1f222b;
  border-top-color: #1f222b;
  border-top-width: 2px;
}
.topit-links {
  display: flex;
  gap: 15px;
  align-items: center;
}

.topit-invoice-link,
.topit-receipt-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 13px;
  color: #1d7bff;
  text-decoration: none;
  margin-top: 5px;
}
.topit-invoice-link span,
.topit-receipt-link span {
  border-bottom: 1px dotted #1d7bff;
}
.topit-invoice-link i,
.topit-receipt-link i {
  font-size: 11px;
}

.quick-calendar-locked-feature {
  display: none;
}

.os-webhook-form {
  position: relative;
}
.os-webhook-form + .os-webhook-form {
  margin-top: 15px;
}
.os-webhook-form .os-form-message-w.status-success {
  display: none;
}
.os-webhook-form .os-remove-webhook {
  position: absolute;
  right: 0px;
  top: 0px;
  transform: translate(50%, -50%);
  font-size: 14px;
  color: #41444b;
  text-decoration: none;
  padding: 0px 2px;
  line-height: 20px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 5px 15px -5px rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6);
  text-align: center;
  display: none;
}
.os-webhook-form .os-remove-webhook:hover {
  color: #dc5858;
  transform: translate(50%, -50%);
}
.os-webhook-form .os-remove-webhook i {
  vertical-align: middle;
  line-height: 22px;
  display: block;
}
.os-webhook-form .os-remove-webhook.os-loading:after {
  display: block;
  content: "";
  width: 19px;
  height: 19px;
  border-bottom: 2px solid #dc5858;
  border-left: 2px solid #dc5858;
  border-top: 2px solid #dc5858;
  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;
}
.os-webhook-form .os-remove-webhook.os-loading i {
  color: transparent;
}
.os-webhook-form:hover .os-remove-webhook {
  display: block;
}
.os-webhook-form:hover .os-webhook-form-info .os-webhook-edit-btn {
  opacity: 1;
}
.os-webhook-form .os-webhook-form-info {
  display: flex;
  cursor: pointer;
  align-items: center;
  padding: 5px 0px;
}
.os-webhook-form .os-webhook-form-info:hover .os-webhook-name {
  color: #1d7bff;
}
.os-webhook-form .os-webhook-form-info .os-webhook-name {
  margin-right: 10px;
  font-size: 18px;
  font-weight: 400;
}
.os-webhook-form .os-webhook-form-info .os-webhook-trigger {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  padding: 0px 15px;
  margin-left: 15px;
  margin-right: 15px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #788291;
  font-weight: 400;
  font-size: 12px;
}
.os-webhook-form .os-webhook-form-info .os-webhook-trigger .latepoint-icon {
  color: #1d7bff;
  margin-right: 10px;
  font-size: 12px;
}
.os-webhook-form .os-webhook-form-info .os-webhook-trigger span {
  display: inline-block;
}
.os-webhook-form .os-webhook-form-info .os-webhook-url {
  position: relative;
  display: flex;
  align-items: center;
}
.os-webhook-form .os-webhook-form-info .os-webhook-url .latepoint-icon {
  color: #1d7bff;
  margin-right: 10px;
  font-size: 12px;
}
.os-webhook-form .os-webhook-form-info .os-webhook-url span {
  border-bottom: 1px dotted #1d7bff;
  font-size: 12px;
  color: #1d7bff;
  display: inline-block;
}
.os-webhook-form .os-webhook-form-info .os-webhook-edit-btn {
  margin-left: auto;
  font-size: 16px;
  color: #1d7bff;
  opacity: 0.4;
}
.os-webhook-form .os-webhook-form-params {
  display: none;
  padding-top: 20px;
  margin-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.os-webhook-form .os-webhook-form-i {
  padding: 15px 20px;
  background-color: #fff;
  box-shadow: 0 5px 15px -5px rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6);
  border-radius: 6px;
}
.os-webhook-form .os-webhook-form-i .os-form-group {
  margin-bottom: 20px;
}
.os-webhook-form .os-webhook-form-i .os-form-group:first-child {
  flex: 1;
}
.os-webhook-form.os-is-editing .os-webhook-url {
  display: none;
}
.os-webhook-form.os-is-editing .os-webhook-form-params {
  display: block;
}

.os-locations-list {
  display: flex;
  flex-wrap: wrap;
}
.os-locations-list .os-location {
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(95, 129, 196, 0.25), 0 10px 15px 0 rgba(119, 145, 207, 0.16);
  border-radius: 6px;
  margin-bottom: 30px;
  margin-right: 30px;
  width: 320px;
}
.os-locations-list .os-location .os-form-w {
  padding: 0px;
  margin: 0px;
  background-color: transparent;
}
.os-locations-list .os-location.os-location-status-disabled {
  opacity: 0.7;
}
.os-locations-list .os-location.os-location-status-disabled .os-location-header {
  box-shadow: inset 0px 3px 0px 0px #ca1616;
}
.os-locations-list .os-location.os-location-status-disabled .os-location-header .location-name {
  color: #ca1616;
}
.os-locations-list .os-location-header {
  padding: 15px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  font-size: 16px;
  position: relative;
}
.os-locations-list .os-location-header .edit-location-btn {
  position: absolute;
  top: 10px;
  text-decoration: none;
  font-size: 14px;
  right: 10px;
  display: block;
}
.os-locations-list .os-location-header .os-location-info {
  font-size: 15px;
  color: #788291;
  margin-top: 5px;
}
.os-locations-list .os-location-header .location-image {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
.os-locations-list .os-location-header .location-image img {
  height: 40px;
  width: auto;
  display: block;
}
.os-locations-list .os-location-header .location-name {
  display: inline-block;
  vertical-align: middle;
  margin: 0px;
  font-size: 26px;
}
.os-locations-list .os-location-body .no-agents-for-location {
  display: inline-block;
  padding: 3px 5px;
  background-color: #ffd7d7;
  border: 1px solid #e64f4f;
  color: #e64f4f;
  border-radius: 3px;
  text-decoration: none;
}
.os-locations-list .os-location-body .os-location-address {
  background-color: #eee;
  min-height: 240px;
}
.os-locations-list .os-location-body .os-location-agents {
  padding: 15px 20px;
}
.os-locations-list .os-location-body .os-location-agents .agents-avatars {
  position: relative;
  display: flex;
}
.os-locations-list .os-location-body .os-location-agents .agents-avatars .agent-avatar {
  width: 35px;
  height: 35px;
  display: block;
  background-size: cover;
  border-radius: 30px;
  box-shadow: 0px 0px 0px 3px #fff;
}
.os-locations-list .os-location-body .os-location-agents .agents-avatars .agent-avatar + .agent-avatar {
  margin-left: -5px;
}
.os-locations-list .os-location-body .os-location-agents .agents-avatars .agents-more {
  position: absolute;
  background-color: #fff;
  padding: 3px 5px;
  font-size: 12px;
  font-weight: 400;
  top: 50%;
  left: 40px;
  border-radius: 6px;
  line-height: 1.1;
  white-space: nowrap;
  transform: translateY(-50%);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.os-locations-list .os-location-body .location-info-row {
  display: flex;
  align-items: center;
}
.os-locations-list .os-location-body .os-location-agents .label {
  font-weight: 400;
  text-align: left;
  padding-right: 10px;
  margin-bottom: 10px;
}
.os-locations-list .os-location-body .os-location-agents .value {
  flex: 1;
  color: #b0b0b0;
}
.os-locations-list .os-location-body .os-location-agents .value strong {
  color: #41444b;
}
.os-locations-list .os-location-body .os-location-address {
  border-radius: 6px 6px 0px 0px;
  overflow: hidden;
}
.os-locations-list .os-location-body .os-location-address iframe {
  border-radius: 6px;
  display: block;
  margin: 0px;
}
.os-locations-list .assign-connection-btn {
  display: inline-block;
  vertical-align: middle;
}
.os-locations-list .location-agents-avatars {
  vertical-align: middle;
  padding: 10px 0px;
  display: inline-block;
}
.os-locations-list .location-agents-avatars img {
  width: 35px;
  height: auto;
  border-radius: 40px;
  display: inline-block;
}
.os-locations-list .location-agents-avatars img + img {
  margin-left: 10px;
}
.os-locations-list .location-agents-avatars img:last-child {
  margin-right: 30px;
}

.create-location-link-w {
  border: 4px dotted rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  margin-bottom: 30px;
  width: 320px;
  text-align: center;
  position: relative;
  cursor: pointer;
  display: block;
  outline: none;
  box-shadow: none;
  min-height: 200px;
}
.create-location-link-w .create-location-link-i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.create-location-link-w .add-location-graphic-w {
  width: 90px;
  height: 90px;
  position: relative;
  margin: 0px auto;
}
.create-location-link-w .add-location-graphic-w .add-location-plus {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  height: 36px;
  width: 36px;
  background-color: #1d7bff;
  box-shadow: 0px 0px 0px 10px rgba(208, 213, 220, 0.3);
  color: #fff;
  transform: translate(-50%, -50%);
  transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1.35);
}
.create-location-link-w .add-location-graphic-w .add-location-plus i {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  font-size: 12px;
  transform: translate(-45%, -47%);
  transition: all 0.2s ease;
}
.create-location-link-w .add-location-label {
  color: #1f222b;
  font-weight: 400;
  font-size: 26px;
  margin-top: 20px;
  transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1.35);
}
.create-location-link-w:hover {
  border-color: #1d7bff;
  border-style: solid;
}
.create-location-link-w:hover .add-location-plus {
  box-shadow: 0px 0px 0px 20px rgba(208, 213, 220, 0.3);
  transform: translate(-50%, -50%) scale(1.3);
}
.create-location-link-w:hover .add-location-label {
  transform: translateY(5px);
}

@keyframes messageButtonAnimation {
  0% {
    transform: translate3d(40px, -50%, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, -50%, 0);
    opacity: 1;
  }
}
.os-conversation-mobile-open-conversations {
  font-size: 24px;
  color: #1d7bff;
  border-right: 1px solid #ddd;
  padding-right: 15px;
  margin-right: auto;
  display: none;
}

.os-conversation-mobile-open-booking-info {
  font-size: 24px;
  color: #1d7bff;
  border-left: 1px solid #ddd;
  padding-left: 15px;
  margin-left: auto;
  display: none;
}

.os-conversations-wrapper {
  display: flex;
  align-items: stretch;
  height: calc(100dvh - 65px);
}
.os-conversations-wrapper .os-conversation-close-booking-info {
  display: none;
  padding-left: 15px;
  margin-left: auto;
  border-left: 1px solid #ddd;
  font-size: 24px;
}
.os-conversations-wrapper .os-conversations-list {
  flex: 1;
  overflow-y: auto;
}
.os-conversations-wrapper .no-conversations-found {
  margin: 15px;
  text-align: center;
  color: #788291;
  font-weight: 700;
  font-size: 18px;
}
.os-conversations-wrapper .osc-search-wrapper {
  position: relative;
  padding: 11px;
  border-bottom: 1px solid #e4e5e7;
}
.os-conversations-wrapper .osc-search-wrapper input {
  padding: 9px;
  line-height: 1;
  padding-left: 35px;
  background-color: #f4f5f6;
  font-size: 15px;
  border: none;
  border-radius: 6px;
  box-shadow: none;
  display: block;
  width: 100%;
}
.os-conversations-wrapper .osc-search-wrapper input::placeholder {
  color: #788291;
}
.os-conversations-wrapper .osc-search-wrapper:before {
  font-family: "latepointIconsAdmin" !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: "\e938";
  top: 50%;
  position: absolute;
  left: 20px;
  font-size: 16px;
  color: #788291;
  transform: translateY(-50%);
}
.os-conversations-wrapper .osc-search-wrapper.os-loading:before {
  display: none;
}
.os-conversations-wrapper .osc-search-wrapper.os-loading:after {
  display: block;
  content: "";
  width: 12px !important;
  height: 12px !important;
  border-bottom: 2px solid #1d7bff;
  border-left: 2px solid #1d7bff;
  border-top: 2px solid #1d7bff;
  border-right: 2px 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;
  left: 37px;
}
.os-conversations-wrapper .os-conversations-list-wrapper {
  flex: 0 0 280px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #e4e5e7;
}
.os-conversations-wrapper .os-conversations-list-wrapper h3 {
  padding: 17px 20px 18px;
  margin: 0px;
  font-size: 20px;
  border-bottom: 1px solid #e4e5e7;
  display: flex;
  align-items: center;
}
.os-conversations-wrapper .os-conversations-list-wrapper h3 span {
  display: block;
  margin-left: 10px;
}
.os-conversations-wrapper .os-conversations-list-wrapper h3 .latepoint-icon {
  color: #1d7bff;
}
.os-conversations-wrapper .os-conversation-content {
  display: flex;
  flex: 1;
}
.os-conversations-wrapper .os-conversation-box {
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  position: relative;
  align-items: center;
  padding: 11px 20px;
  cursor: pointer;
  line-height: 1;
}
.os-conversations-wrapper .os-conversation-box.is-new {
  background-color: #fff0c7;
}
.os-conversations-wrapper .os-conversation-box.os-loading .os-conversation-customer-avatar:before {
  display: block;
  content: "";
  width: 45px !important;
  height: 45px !important;
  border-bottom: 2px solid #1d7bff;
  border-left: 2px solid #1d7bff;
  border-top: 2px solid #1d7bff;
  border-right: 2px 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;
}
.os-conversations-wrapper .os-conversation-box.os-loading.is-selected .os-conversation-customer-avatar:before {
  display: block;
  content: "";
  width: 45px !important;
  height: 45px !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: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: os-loading 700ms infinite linear;
  background-color: transparent !important;
  z-index: 999;
}
.os-conversations-wrapper .os-conversation-box.is-selected {
  background-color: #1d7bff;
  box-shadow: 0px 1px 0px 0px #1d7bff;
}
.os-conversations-wrapper .os-conversation-box.is-selected .os-conversation-customer-name {
  color: #fff;
}
.os-conversations-wrapper .os-conversation-box.is-selected .os-conversation-last-message {
  color: rgba(255, 255, 255, 0.4);
}
.os-conversations-wrapper .os-conversation-box .os-conversation-customer-avatar {
  position: relative;
  flex: 0 0 35px;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  background-position: center center;
  background-size: cover;
  margin-right: 15px;
}
.os-conversations-wrapper .os-conversation-box .os-conversation-customer-info {
  flex: 1;
  position: relative;
}
.os-conversations-wrapper .os-conversation-box .os-conversation-booking-id {
  position: absolute;
  top: 0px;
  right: 0px;
  color: #1d7bff;
  font-size: 12px;
}
.os-conversations-wrapper .os-conversation-box .os-conversation-customer-name {
  font-weight: 400;
  color: #1f222b;
  font-size: 16px;
  margin-bottom: 3px;
}
.os-conversations-wrapper .os-conversation-box .os-conversation-last-message {
  color: #b0b0b0;
  font-size: 14px;
  line-height: 18px;
  height: 18px;
  overflow: hidden;
}
.os-conversations-wrapper .os-conversation-messages {
  flex: 1;
  position: relative;
  border-right: 1px solid #e4e5e7;
  display: flex;
  flex-direction: column;
}
.os-conversations-wrapper .os-conversation-messages .os-booking-messages-input-wrapper {
  border-top: 1px solid #e4e5e7;
  padding: 20px;
}
.os-conversations-wrapper .os-conversation-messages .booking-messages-list-wrapper {
  flex: 1;
  overflow-y: auto;
}
.os-conversations-wrapper .os-conversation-messages .booking-messages-list {
  padding: 30px;
}
.os-conversations-wrapper .os-conversation-messages .os-booking-messages-input-w {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}
.os-conversations-wrapper .os-conversation-messages .os-conversation-info {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e4e5e7;
  padding: 8px 20px;
}
.os-conversations-wrapper .os-conversation-messages .os-conversation-info .os-conversation-info-customer {
  font-size: 20px;
  font-weight: 400;
}
.os-conversations-wrapper .os-conversation-messages .os-conversation-info .os-conversation-info-customer a {
  text-decoration: none;
  border-bottom: 1px dotted #1d7bff;
}
.os-conversations-wrapper .os-conversation-messages .os-conversation-info .os-conversation-info-customer-avatar {
  flex: 0 0 43px;
  height: 43px;
  width: 43px;
  border-radius: 50%;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  margin-right: 15px;
}
.os-conversations-wrapper .os-conversation-booking-info {
  flex: 0 0 250px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
.os-conversations-wrapper .os-conversation-booking-info h3 {
  padding: 17px 20px 18px;
  margin: 0px;
  font-size: 20px;
  border-bottom: 1px solid #e4e5e7;
  border-radius: 0px 4px 0px 0px;
  display: flex;
  align-items: center;
}
.os-conversations-wrapper .os-conversation-booking-info h3 span {
  display: block;
  margin-left: 10px;
}
.os-conversations-wrapper .os-conversation-booking-info h3 .latepoint-icon {
  color: #1d7bff;
}
.os-conversations-wrapper .os-conversation-booking-info ul {
  list-style: none;
  padding: 20px;
  margin: 0px;
  display: block;
  flex: 1;
  overflow-y: auto;
}
.os-conversations-wrapper .os-conversation-booking-info li + li {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.os-conversations-wrapper .os-conversation-booking-info li div {
  font-weight: 400;
  color: #b0b0b0;
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 3px;
}
.os-conversations-wrapper .os-conversation-booking-info li strong {
  text-transform: none;
  letter-spacing: normal;
  color: #1f222b;
  font-size: 15px;
}
.os-conversations-wrapper .os-conversation-booking-info li strong + a {
  margin-left: 5px;
}
.os-conversations-wrapper .os-conversation-booking-info li a {
  display: inline-block;
  text-decoration: none;
  color: #1d7bff;
  border-bottom: 1px dotted rgba(29, 123, 255, 0.5);
}
.os-conversations-wrapper .os-conversation-booking-info li a .latepoint-icon {
  margin-right: 3px;
}

.booking-messages-list .os-bm-info-w {
  display: flex;
  align-items: center;
}
.booking-messages-list .os-bm-info-w .os-bm-avatar {
  margin-top: -10px;
  width: 40px;
  height: 40px;
  background-size: cover;
  background-position: center center;
  border-radius: 50%;
  box-shadow: 0px 0px 0px 5px #fff;
  background-color: #fff;
}
.booking-messages-list .os-bm-info-w .os-bm-date {
  color: #a1a3af;
  font-size: 12px;
}
.booking-messages-list .os-booking-message-w {
  margin-bottom: 15px;
}
.booking-messages-list .os-booking-message-w .os-booking-message {
  padding: 15px 20px;
  border-radius: 10px;
  max-width: 370px;
  display: inline-block;
}
.booking-messages-list .os-booking-message-w .os-bm-info-w {
  position: relative;
}
.booking-messages-list .os-booking-message-w.os-bm-customer .os-bm-info-w .os-bm-avatar {
  margin-right: 10px;
}
.booking-messages-list .os-booking-message-w.os-bm-customer .os-booking-message {
  background-color: #2d53de;
  color: #ffffff;
  margin-left: 20px;
}
.booking-messages-list .os-booking-message-w.os-bm-agent, .booking-messages-list .os-booking-message-w.os-bm-admin, .booking-messages-list .os-booking-message-w.os-bm-custom {
  text-align: right;
}
.booking-messages-list .os-booking-message-w.os-bm-agent .os-bm-info-w, .booking-messages-list .os-booking-message-w.os-bm-admin .os-bm-info-w, .booking-messages-list .os-booking-message-w.os-bm-custom .os-bm-info-w {
  flex-direction: row-reverse;
}
.booking-messages-list .os-booking-message-w.os-bm-agent .os-bm-info-w .os-bm-avatar, .booking-messages-list .os-booking-message-w.os-bm-admin .os-bm-info-w .os-bm-avatar, .booking-messages-list .os-booking-message-w.os-bm-custom .os-bm-info-w .os-bm-avatar {
  margin-left: 10px;
}
.booking-messages-list .os-booking-message-w.os-bm-agent .os-booking-message, .booking-messages-list .os-booking-message-w.os-bm-admin .os-booking-message, .booking-messages-list .os-booking-message-w.os-bm-custom .os-booking-message {
  background-color: #edeff6;
  color: #363e4c;
  margin-left: auto;
  margin-right: 20px;
}
.booking-messages-list .os-booking-message-attachment-w {
  margin-bottom: 15px;
}
.booking-messages-list .os-booking-message-attachment-w .os-booking-message-attachment {
  border-radius: 10px;
  padding: 10px 20px;
  text-align: center;
  position: relative;
  border: 2px solid #eee;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}
.booking-messages-list .os-booking-message-attachment-w .os-booking-message-attachment span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  font-weight: 400;
  color: #1d7bff;
}
.booking-messages-list .os-booking-message-attachment-w .os-booking-message-attachment .latepoint-icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  color: #1d7bff;
}
.booking-messages-list .os-booking-message-attachment-w .os-booking-message-attachment:hover {
  border-color: #1d7bff;
}
.booking-messages-list .os-booking-message-attachment-w .os-bm-info-w {
  position: relative;
}
.booking-messages-list .os-booking-message-attachment-w.os-bm-customer .os-bm-info-w .os-bm-avatar {
  margin-right: 10px;
}
.booking-messages-list .os-booking-message-attachment-w.os-bm-customer .os-booking-message {
  margin-left: 20px;
}
.booking-messages-list .os-booking-message-attachment-w.os-bm-agent, .booking-messages-list .os-booking-message-attachment-w.os-bm-admin {
  text-align: right;
}
.booking-messages-list .os-booking-message-attachment-w.os-bm-agent .os-bm-info-w, .booking-messages-list .os-booking-message-attachment-w.os-bm-admin .os-bm-info-w {
  flex-direction: row-reverse;
}
.booking-messages-list .os-booking-message-attachment-w.os-bm-agent .os-bm-info-w .os-bm-avatar, .booking-messages-list .os-booking-message-attachment-w.os-bm-admin .os-bm-info-w .os-bm-avatar {
  margin-left: 10px;
}
.booking-messages-list .os-booking-message-attachment-w.os-bm-agent .os-booking-message-attachment, .booking-messages-list .os-booking-message-attachment-w.os-bm-admin .os-booking-message-attachment {
  margin-left: auto;
  margin-right: 20px;
}

.os-booking-messages-input-w {
  padding: 0px 115px 0px 0px;
  position: relative;
}
.os-booking-messages-input-w input {
  display: block;
  width: 100%;
  border: none;
  padding: 11px 0px 12px;
  box-shadow: none;
  outline: none;
  font-size: 16px;
  line-height: 1;
}
.os-booking-messages-input-w input:focus {
  box-shadow: none;
  outline: none;
  border-bottom-color: #aaa;
}
.os-booking-messages-input-w .os-bm-upload-file-btn {
  position: absolute !important;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  cursor: pointer;
  animation: 0.3s cubic-bezier(0.05, 0.45, 0.1, 1) 0s messageButtonAnimation;
  animation-fill-mode: both;
}
.os-booking-messages-input-w .os-bm-send-btn {
  position: absolute !important;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  cursor: pointer;
  display: none !important;
  animation: 0.3s cubic-bezier(0.05, 0.45, 0.1, 1) 0s messageButtonAnimation;
  animation-fill-mode: both;
}
.os-booking-messages-input-w.os-is-typing .os-bm-send-btn {
  display: inline-flex !important;
}
.os-booking-messages-input-w.os-is-typing .os-bm-upload-file-btn {
  display: none;
}

.os-bm-no-messages {
  background-color: #f3f3f3;
  border-radius: 6px;
  color: #41444b;
  font-size: 14px;
  padding: 8px 10px;
  margin-bottom: 10px;
  text-align: center;
}

.os-bm-open-quick-messages {
  border: 2px dotted rgba(0, 0, 0, 0.1);
  padding: 7px 10px;
  text-align: center;
  border-radius: 6px;
  color: #1d7bff;
  cursor: pointer;
  font-size: 15px;
  margin-bottom: 5px;
}
.os-bm-open-quick-messages:hover {
  border: 2px solid #1d7bff;
}
.os-bm-open-quick-messages i, .os-bm-open-quick-messages span {
  display: inline-block;
  vertical-align: middle;
}
.os-bm-open-quick-messages span {
  margin-left: 5px;
  font-weight: 400;
}
.os-bm-open-quick-messages.os-loading {
  position: relative;
  color: transparent;
}
.os-bm-open-quick-messages.os-loading:after {
  display: block;
  content: "";
  width: 14px !important;
  height: 14px !important;
  border-bottom: 2px solid #1d7bff;
  border-left: 2px solid #1d7bff;
  border-top: 2px solid #1d7bff;
  border-right: 2px 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;
}

@keyframes bookingInfo {
  0% {
    transform: translate3d(30px, 0px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0px, 0);
    opacity: 1;
  }
}
.os-conversation-booking-info ul {
  animation: 0.4s cubic-bezier(0.05, 0.45, 0.1, 1) 0s bookingInfo;
  animation-fill-mode: both;
}

.os-conversations-no-booking {
  border-left: 1px solid #ddd;
}

@media (max-width: 1024px) {
  .os-conversations-wrapper {
    overflow: hidden;
  }
  .os-conversations-wrapper .os-conversations-list-wrapper h3 {
    padding: 15px 20px;
  }
  .os-conversations-wrapper .os-conversation-booking-info h3 {
    padding: 15px 15px 15px 20px;
  }
  .os-conversations-wrapper .os-conversations-list-wrapper,
  .os-conversations-wrapper .os-conversation-booking-info {
    display: none;
    flex: 1;
    width: auto;
  }
  .os-conversations-wrapper.mobile-show-conversations .os-conversations-list-wrapper {
    display: block;
  }
  .os-conversations-wrapper.mobile-show-conversations .os-conversation-content {
    display: none;
  }
  .os-conversations-wrapper.mobile-show-booking-info .os-conversation-booking-info {
    display: block;
  }
  .os-conversations-wrapper.mobile-show-booking-info .os-conversation-messages {
    display: none;
  }
  .os-conversations-wrapper .os-conversation-close-booking-info {
    display: block;
  }
  .os-conversation-info-label {
    display: none;
  }
  .os-conversations-wrapper .os-conversation-messages .os-conversation-info .os-conversation-info-customer-avatar {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: none;
  }
  .os-conversation-mobile-open-conversations,
  .os-conversation-mobile-open-booking-info {
    display: block;
  }
  .os-conversations-wrapper .os-conversation-messages .os-conversation-info {
    padding: 15px 15px;
  }
  .os-conversations-wrapper .os-conversation-messages {
    border: none;
    border-radius: 4px;
  }
  .os-booking-messages-input-w {
    border-radius: 0px 0px 4px 4px;
  }
  .os-booking-messages-input-w .os-bm-upload-file-btn {
    right: 15px;
  }
  .os-booking-messages-input-w {
    padding-left: 15px;
  }
  .os-conversations-wrapper .os-conversation-messages .booking-messages-list {
    height: calc(100dvh - 290px);
  }
  .os-conversations-wrapper .os-conversations-list,
  .os-conversations-wrapper .os-search-conversations-list {
    height: calc(100dvh - 310px);
  }
  @keyframes conversationsPanelAnimation {
    0% {
      transform: translate3d(-40px, 0px, 0);
      opacity: 0;
    }
    100% {
      transform: translate3d(0, 0px, 0);
      opacity: 1;
    }
  }
  .os-conversations-list-wrapper {
    animation: 0.4s cubic-bezier(0.05, 0.45, 0.1, 1) 0s conversationsPanelAnimation;
    animation-fill-mode: both;
  }
  @keyframes conversationsBookingInfoPanelAnimation {
    0% {
      transform: translate3d(40px, 0px, 0);
      opacity: 0;
    }
    100% {
      transform: translate3d(0, 0px, 0);
      opacity: 1;
    }
  }
  .os-conversations-wrapper .os-conversation-content,
  .os-conversation-booking-info {
    animation: 0.4s cubic-bezier(0.05, 0.45, 0.1, 1) 0s conversationsBookingInfoPanelAnimation;
    animation-fill-mode: both;
  }
}
/*!
 * Copyright (c) 2022 LatePoint LLC. All rights reserved.
 */
.os-additional-service-durations {
  margin-top: 30px;
}
.os-additional-service-durations h4 {
  font-size: 18px;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 10px;
}

.extra-duration {
  position: relative;
}

.service-duration-box.extra-duration {
  padding: 15px;
  box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  margin: 10px 0px;
  border: 1px solid #ddd;
  border-bottom-color: #ccc;
}
.service-duration-box.extra-duration .os-remove-duration {
  position: absolute;
  right: 1px;
  top: 1px;
  transform: translate(50%, -50%);
  font-size: 16px;
  color: #fff;
  background-color: #eb3a3a;
  border: 3px solid #fff;
  text-decoration: none;
  padding: 0px 2px;
  line-height: 26px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  text-align: center;
  display: none;
  z-index: 3;
  opacity: 1;
}
.service-duration-box.extra-duration .os-remove-duration:hover {
  background-color: #af0000;
}
.service-duration-box.extra-duration .os-remove-duration i {
  vertical-align: middle;
  line-height: 20px;
  display: block;
}
.service-duration-box.extra-duration .os-remove-duration.os-loading:after {
  display: block;
  content: "";
  width: 19px;
  height: 19px;
  border-bottom: 2px solid #dc5858;
  border-left: 2px solid #dc5858;
  border-top: 2px solid #dc5858;
  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;
}
.service-duration-box.extra-duration .os-remove-duration.os-loading i {
  color: transparent;
}
.service-duration-box.extra-duration:hover .os-remove-duration {
  display: block;
}

.coupon-option-wrapper {
  padding: 5px;
  padding-right: 10px;
  background-color: #f3f3f3;
  border-radius: 6px;
  margin-top: 15px;
  display: flex;
  align-items: center;
}
.coupon-option-wrapper .os-form-group.os-form-toggler-group {
  padding-left: 10px;
  padding-right: 15px;
}
.coupon-option-wrapper .os-form-group.os-form-toggler-group:hover {
  box-shadow: none;
}
.coupon-option-wrapper .os-form-group.os-form-toggler-group label {
  font-size: 14px;
}
.coupon-option-wrapper #optionalCouponCode {
  margin-left: auto;
  flex: 0 0 170px;
}
.coupon-option-wrapper #optionalCouponCode .coupon-input-wrapper {
  display: flex;
}
.coupon-option-wrapper #optionalCouponCode .latepoint-btn {
  display: block;
  border: 1px solid #bbb;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  margin-left: 3px;
  border-bottom-color: #999;
}
.coupon-option-wrapper #optionalCouponCode .latepoint-btn:focus {
  border-color: #1d7bff;
  box-shadow: 0px 0px 0px 2px rgba(29, 123, 255, 0.2);
}
.coupon-option-wrapper #optionalCouponCode .os-form-group.os-form-group-bordered.os-form-textfield-group {
  margin-bottom: 0px;
}
.coupon-option-wrapper #optionalCouponCode .os-form-group.os-form-group-bordered.os-form-textfield-group .os-form-control {
  padding: 4px 6px !important;
  min-height: auto;
  font-size: 13px;
}
.coupon-option-wrapper .os-form-group.os-form-toggler-group {
  margin-bottom: 0px;
}
.coupon-option-wrapper label {
  margin-bottom: 0px;
}
.coupon-option-wrapper #optionalCouponCode {
  display: none;
}

.os-coupons-w .os-form-w:first-child {
  margin-top: 0px;
}

.os-coupon-form {
  position: relative;
}
.os-coupon-form.os-coupon-status-disabled .os-coupon-form-i {
  opacity: 0.6;
}
.os-coupon-form.os-coupon-status-disabled .os-coupon-form-i:before {
  content: "";
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 4px;
  background-color: #e84e4e;
  border-radius: 6px;
  position: absolute;
}
.os-coupon-form + .os-coupon-form {
  margin-top: 15px;
}
.os-coupon-form .os-form-message-w.status-success {
  display: none;
}
.os-coupon-form .os-remove-coupon {
  position: absolute;
  right: 0px;
  top: 0px;
  transform: translate(50%, -50%);
  font-size: 14px;
  color: #41444b;
  text-decoration: none;
  display: block;
  padding: 0px 2px;
  line-height: 18px;
  width: 18px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 5px 15px -5px rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6);
  text-align: center;
  vertical-align: middle;
  transition: all 0.2s ease;
  display: none;
}
.os-coupon-form .os-remove-coupon:hover {
  color: #dc5858;
  transform: translate(50%, -50%) rotate(90deg);
}
.os-coupon-form .os-remove-coupon i {
  vertical-align: middle;
  line-height: 18px;
}
.os-coupon-form .os-remove-coupon.os-loading:after {
  display: block;
  content: "";
  width: 19px;
  height: 19px;
  border-bottom: 2px solid #dc5858;
  border-left: 2px solid #dc5858;
  border-top: 2px solid #dc5858;
  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;
}
.os-coupon-form .os-remove-coupon.os-loading i {
  color: transparent;
}
.os-coupon-form:hover .os-remove-coupon {
  display: block;
}
.os-coupon-form .os-coupon-form-info {
  display: flex;
  cursor: pointer;
  align-items: center;
  position: relative;
  padding-left: 25px;
}
.os-coupon-form .os-coupon-form-info:before {
  content: "";
  width: 3px;
  height: 3px;
  background-color: #1d7bff;
  box-shadow: 6px 6px 0px rgba(29, 123, 255, 0.6), 0px 6px 0px rgba(29, 123, 255, 0.6), 0px 12px 0px rgba(29, 123, 255, 0.3), 6px 18px 0px rgba(29, 123, 255, 0.7), 6px 12px 0px rgba(29, 123, 255, 0.4);
  position: absolute;
  top: 2px;
  left: 0px;
}
.os-coupon-form .os-coupon-form-info:hover .os-coupon-name {
  color: #1d7bff;
}
.os-coupon-form .os-coupon-form-info.os-coupon-required .os-coupon-type:after {
  position: absolute;
  content: "*";
  color: #BC0000;
  top: 50%;
  right: -15px;
  transform: translateY(-50%);
  line-height: 1;
  font-size: 18px;
  display: block;
}
.os-coupon-form .os-coupon-form-info .os-coupon-drag {
  font-size: 16px;
  padding: 5px;
  padding-left: 0px;
  color: #1d7bff;
  margin-right: 10px;
  line-height: 1;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: grab;
}
.os-coupon-form .os-coupon-form-info .os-coupon-drag:before {
  font-family: "latepointIconsAdmin" !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: "\e92b";
}
.os-coupon-form .os-coupon-form-info .os-coupon-name {
  padding: 5px 0px;
  margin-right: 10px;
  font-size: 19px;
  font-weight: 400;
}
.os-coupon-form .os-coupon-form-info .os-coupon-code {
  margin-right: 10px;
  font-size: 12px;
  margin-left: 10px;
  font-weight: 400;
  color: #1d7bff;
  text-transform: uppercase;
  padding: 4px;
  border-radius: 4px;
  background-color: #fff;
  border: 1px dashed #1d7bff;
  line-height: 1;
}
.os-coupon-form .os-coupon-form-info .os-coupon-type {
  color: #788291;
  position: relative;
}
.os-coupon-form .os-coupon-form-info .os-coupon-edit-btn {
  margin-left: auto;
  font-size: 16px;
  color: #1d7bff;
}
.os-coupon-form .os-coupon-form-params {
  display: none;
  padding-top: 20px;
  margin-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.os-coupon-form .os-coupon-form-i {
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 5px 15px -5px rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6);
  border-radius: 6px;
}
.os-coupon-form .os-coupon-form-i .os-form-group {
  margin-bottom: 20px;
}
.os-coupon-form .os-coupon-form-i .os-form-group:first-child {
  flex: 1;
}
.os-coupon-form.os-is-editing .os-coupon-form-params {
  display: block;
}

.add-coupon-box {
  border: 3px dotted rgba(0, 0, 0, 0.1);
  padding: 13px;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.add-coupon-box .add-coupon-graphic-w {
  width: 40px;
  height: 40px;
  position: relative;
}
.add-coupon-box .add-coupon-graphic-w .add-coupon-plus {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  height: 18px;
  width: 18px;
  background-color: #1d7bff;
  box-shadow: 0px 0px 0px 10px rgba(189, 214, 252, 0.3);
  color: #fff;
  transform: translate(-50%, -50%);
  transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1.35);
}
.add-coupon-box .add-coupon-graphic-w .add-coupon-plus i {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  font-size: 10px;
  transform: translate(-45%, -47%);
  transition: all 0.2s ease;
}
.add-coupon-box .add-coupon-label {
  color: #1f222b;
  font-weight: 400;
  font-size: 18px;
  transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1.35);
  margin-left: 15px;
}
.add-coupon-box:hover {
  border-color: #1d7bff;
  border-style: solid;
}
.add-coupon-box:hover .add-coupon-plus {
  box-shadow: 0px 0px 0px 12px rgba(189, 214, 252, 0.3);
  transform: translate(-50%, -50%) scale(1.2);
}
.add-coupon-box:hover .add-coupon-label {
  transform: translateX(5px);
}
.add-coupon-box.os-loading {
  animation: animate_appointment_small_box 0.8s ease infinite;
}
.add-coupon-box.os-loading .add-coupon-plus {
  color: rgba(255, 255, 255, 0.4);
}
.add-coupon-box.os-loading .add-coupon-plus:after {
  display: block;
  content: "";
  width: 42px !important;
  height: 42px !important;
  border-bottom: 2px solid #1d7bff;
  border-left: 2px solid #1d7bff;
  border-top: 2px solid #1d7bff;
  border-right: 2px 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;
}

.coupon-restrictions-w {
  padding: 30px 30px 20px 30px;
  background-color: #fff7e9;
  border-radius: 6px;
  margin-bottom: 20px;
  border: 1px solid #e8d5b3;
}
.coupon-restrictions-w h3 {
  color: #bb8421;
  margin-top: 0px;
  margin-bottom: 20px;
}
.coupon-restrictions-w .os-form-group.os-form-group-transparent.os-form-textfield-group .os-form-control {
  background-color: transparent !important;
  border-bottom-color: rgba(0, 0, 0, 0.2);
}
.coupon-restrictions-w .os-form-group.os-form-group-transparent.os-form-textfield-group .os-form-control::placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.coupon-restrictions-w .os-form-group label {
  color: rgba(0, 0, 0, 0.4);
}

.in-table-coupon-code {
  border: 1px dotted #999;
  padding: 2px 4px;
}

.invoices-info-w.setting-new-invoice .quick-add-item-button {
  display: none;
}
.invoices-info-w .os-invoice-wrapper {
  background-color: #fff;
  border: 1px solid #e4e5e7;
  box-shadow: 0 2px 0 0 #eee;
  border-radius: 6px;
  border-bottom-color: #aeb1b7;
  animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s wizardWrapperAnimation;
  animation-fill-mode: both;
  cursor: pointer;
  margin-bottom: 15px;
}
.invoices-info-w .os-invoice-wrapper.selected {
  border-color: #000;
  box-shadow: 0px 0px 0px 1px #000, 0 0 0 5px #eee;
}
.invoices-info-w .os-invoice-wrapper.os-loading .quick-invoice-icon .latepoint-icon {
  visibility: hidden;
}
.invoices-info-w .os-invoice-wrapper.os-loading .quick-invoice-icon:before {
  display: block;
  content: "";
  width: 12px !important;
  height: 12px !important;
  border-bottom: 2px solid #1d7bff;
  border-left: 2px solid #1d7bff;
  border-top: 2px solid #1d7bff;
  border-right: 2px 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;
}
.invoices-info-w .os-invoice-wrapper:hover:not(.selected) {
  border-color: #1d7bff;
  box-shadow: 0px 0px 0px 1px #1d7bff;
}
.invoices-info-w .os-invoice-wrapper .quick-invoice-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}
.invoices-info-w .os-invoice-wrapper .quick-invoice-sub {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  color: #788291;
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  align-items: center;
  border-radius: 0 0 6px 6px;
}
.invoices-info-w .os-invoice-wrapper .lp-processor-logo {
  margin-left: 5px;
  margin-right: 10px;
  width: 70px;
  background-position: center right;
  background-repeat: no-repeat;
  overflow: hidden;
}
.invoices-info-w .os-invoice-wrapper .lp-invoice-status {
  padding: 3px 5px;
  border-radius: 6px;
  background-color: #eee;
  color: #333;
  border: 1px solid #aaa;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
}
.invoices-info-w .os-invoice-wrapper .lp-invoice-status-paid {
  background-color: #cbfad7;
  border-color: #65bf99;
  color: #347159;
}
.invoices-info-w .os-invoice-wrapper .lp-invoice-status-open {
  background-color: #d1e8ff;
  border-color: #2382ed;
  color: #0143a6;
}
.invoices-info-w .os-invoice-wrapper .lp-invoice-status-void {
  background-color: #ffc3c3;
  border-color: #e62a31;
  color: #5d2222;
}
.invoices-info-w .os-invoice-wrapper .lp-invoice-status-uncollectible {
  background-color: #000;
  border-color: #000;
  color: #fff;
}
.invoices-info-w .os-invoice-wrapper .lp-invoice-status-partially_paid {
  background-color: #d1e8ff;
  border-color: #2382ed;
  color: #0143a6;
}
.invoices-info-w .os-invoice-wrapper .quick-invoice-icon {
  position: relative;
  font-size: 16px;
  line-height: 1;
  color: #1d7bff;
  text-decoration: none;
  margin-right: 10px;
}
.invoices-info-w .os-invoice-wrapper .quick-invoice-icon i {
  display: block;
}
.invoices-info-w .os-invoice-wrapper .quick-invoice-amount {
  font-weight: 400;
  font-size: 18px;
  margin-right: auto;
}
.invoices-info-w .os-invoice-wrapper .lp-method-logo.lp-method-logo-card:before {
  font-family: "latepointIconsAdmin" !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: "\e916";
}
.invoices-info-w .os-invoice-wrapper .lp-method-logo.lp-method-logo-card span {
  display: none;
}

.latepoint-side-panel-w .side-sub-panel-wrapper.wide {
  width: 700px;
}
.latepoint-side-panel-w .invoice-document {
  background-color: #fff;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.latepoint-side-panel-w .invoice-document.os-loading .invoice-document-i:before {
  display: block;
  content: "";
  width: 16px !important;
  height: 16px !important;
  border-bottom: 2px solid #1d7bff;
  border-left: 2px solid #1d7bff;
  border-top: 2px solid #1d7bff;
  border-right: 2px 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;
  top: 15px;
  left: 15px;
}
.latepoint-side-panel-w .invoice-document .invoice-document-i {
  padding: 80px;
  position: relative;
}
.latepoint-side-panel-w .invoice-document .invoice-document-i .invoice-status-paid-label {
  bottom: 90px;
  left: 80px;
  font-size: 28px;
}
.latepoint-side-panel-w .invoice-document .invoice-controls {
  display: flex;
  gap: 20px;
  align-items: center;
  border-bottom: 1px solid #e4e5e7;
  position: sticky;
  top: -30px;
  padding: 10px 20px;
  background-color: #fff;
  z-index: 1;
}
.latepoint-side-panel-w .invoice-document .invoice-controls .ic-block {
  display: flex;
  gap: 10px;
}
.latepoint-side-panel-w .invoice-document .invoice-controls .ic-block .os-form-select-group {
  display: flex;
  gap: 5px;
  align-items: center;
  margin-bottom: 0;
}
.latepoint-side-panel-w .invoice-document .invoice-controls .ic-block .os-form-select-group label {
  margin-bottom: 0;
}
.latepoint-side-panel-w .invoice-document .invoice-controls .ic-block .os-form-select-group select {
  font-size: 13px;
  padding: 3px 5px !important;
  min-height: auto;
}
.latepoint-side-panel-w .invoice-document .invoice-controls .ic-block.make-last {
  margin-left: auto;
}
.latepoint-side-panel-w .invoice-document .invoice-controls .ic-external-link {
  display: flex;
  text-decoration: none;
  color: #1d7bff;
  align-items: center;
  gap: 5px;
}
.latepoint-side-panel-w .invoice-document .invoice-controls .ic-external-link span {
  border-bottom: 1px dotted #1d7bff;
}

.invoice-settings-wrapper {
  margin-top: 15px;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #e4e5e7;
  box-shadow: 0 2px 0 0 #eee;
  border-bottom-color: #aeb1b7;
}
.invoice-settings-wrapper .invoice-settings-heading {
  padding: 10px 15px;
  font-size: 15px;
  font-weight: 600;
  border-bottom: 1px solid #e4e5e7;
  display: flex;
  align-items: center;
}
.invoice-settings-wrapper .invoice-settings-heading .invoice-settings-close {
  color: #111;
  font-size: 16px;
  line-height: 1;
  padding: 5px;
  display: block;
  text-decoration: none;
  margin-left: auto;
  border-radius: 6px;
}
.invoice-settings-wrapper .invoice-settings-heading .invoice-settings-close i {
  display: block;
}
.invoice-settings-wrapper .invoice-settings-heading .invoice-settings-close:hover {
  background-color: #eee;
}
.invoice-settings-wrapper .invoice-settings-body {
  padding: 15px;
  display: flex;
  gap: 15px;
}
.invoice-settings-wrapper .invoice-settings-buttons {
  padding: 10px 15px;
  border-top: 1px solid #e4e5e7;
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
  gap: 10px;
}
.invoice-settings-wrapper .invoice-setting-column {
  flex: 1;
}
.invoice-settings-wrapper .label-for-select {
  color: #788291;
  font-weight: 400;
  border-radius: 5px;
  line-height: 1.4;
  flex: 0 0 60px;
  white-space: nowrap;
}
.invoice-settings-wrapper .os-form-group {
  margin-bottom: 0 !important;
  flex: 1;
}

.invoice-settings-wrapper .os-date-range-picker, .invoice-data-form .os-date-range-picker {
  flex: 1;
  background-color: #fff;
  border: 1px solid #d2d4d7;
  padding: 7px 1px 6px 10px;
  border-radius: 5px;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
.invoice-settings-wrapper .os-date-range-picker.size-small, .invoice-data-form .os-date-range-picker.size-small {
  padding: 5px 2px 5px 8px;
  font-size: 13px;
}
.invoice-settings-wrapper .os-date-range-picker:hover, .invoice-data-form .os-date-range-picker:hover {
  border-color: #1d7bff;
}
.invoice-settings-wrapper .os-date-range-picker i, .invoice-data-form .os-date-range-picker i {
  font-size: 12px;
}
.invoice-settings-wrapper .os-date-range-picker .range-picker-value, .invoice-data-form .os-date-range-picker .range-picker-value {
  flex: 1;
  white-space: nowrap;
}

/*!
 * Copyright (c) 2024 LatePoint LLC. All rights reserved.
 */
.pac-container {
  font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 15px;
  z-index: 9999999;
}

.os-uploaded-file-info {
  text-decoration: none;
  padding: 8px;
  border-radius: 6px;
  border: 1px solid #ddd;
  border-bottom: 1px solid #bbb;
  margin-bottom: 15px;
  background-color: #fff;
  display: flex;
  align-items: center;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  position: relative;
  cursor: default;
  line-height: 1;
}
.os-uploaded-file-info:before {
  position: absolute;
  font-family: "latepointIconsAdmin" !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: "\e91a";
  font-size: 14px;
  top: 48%;
  right: 15px;
  color: #1d7bff;
  transform: translateY(-50%);
  display: none;
}
.os-uploaded-file-info .uf-remove {
  content: "";
  width: 18px;
  height: 18px;
  font-size: 14px;
  position: absolute;
  top: -6px;
  right: -6px;
  background-color: #dc5454;
  color: #fff;
  border-radius: 50%;
  padding: 2px;
  box-shadow: 0px 0px 0px 2px #fff;
  cursor: pointer;
}
.os-uploaded-file-info .uf-remove:hover {
  background-color: #e32b2b;
  box-shadow: 0px 0px 0px 2px #841414;
}
.os-uploaded-file-info .uf-icon {
  flex: 0 0 30px;
  font-size: 18px;
  line-height: 1;
  color: #41444b;
  position: relative;
}
.os-uploaded-file-info .uf-icon i {
  display: block;
}
.os-uploaded-file-info.is-uploaded {
  cursor: pointer;
}
.os-uploaded-file-info.is-uploaded:hover {
  border-color: #1d7bff;
  box-shadow: 0px 0px 0px 2px #d6ebff;
  background-color: #fff;
}
.os-uploaded-file-info.is-uploaded:hover .uf-label {
  color: #1d7bff;
}
.os-uploaded-file-info.is-uploaded:hover:before {
  display: block;
}
.os-uploaded-file-info.is-uploaded .uf-icon:before {
  content: "";
  width: 12px;
  height: 12px;
  font-size: 8px;
  font-family: "latepointIconsAdmin" !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: -4px;
  right: 7px;
  background-color: #83d476;
  color: #fff;
  border-radius: 50%;
  padding: 2px;
  box-shadow: 0px 0px 0px 2px #fff;
}
.os-uploaded-file-info .uf-data {
  padding-left: 10px;
  border-left: 1px solid #eee;
  flex: 1;
  overflow: hidden;
}
.os-uploaded-file-info .uf-label {
  display: block;
  color: #41444b;
}
.os-uploaded-file-info .uf-name {
  display: block;
  color: #788291;
  font-size: 12px;
}

.cf-condition {
  display: flex;
  border: 1px solid #e4e5e7;
  padding: 15px;
  border-radius: 5px 5px 0px 0px;
  align-items: center;
  position: relative;
}
.cf-condition:hover .cf-remove-condition {
  display: block;
}
.cf-condition .cf-remove-condition {
  outline: none;
  border: none;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  color: #eb3a3a;
  text-decoration: none;
  padding: 0px 2px;
  line-height: 20px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 5px 15px -5px rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6);
  text-align: center;
  z-index: 3;
  display: none;
  cursor: pointer;
}
.cf-condition .cf-remove-condition:focus {
  outline: none;
}
.cf-condition .cf-remove-condition:hover {
  color: #dc5858;
  box-shadow: 0px 0px 0px 2px #dc5858;
}
.cf-condition .cf-remove-condition i {
  vertical-align: middle;
  line-height: 21px;
  display: block;
}
.cf-condition .cf-remove-condition.os-loading:after {
  display: block;
  content: "";
  width: 19px;
  height: 19px;
  border-bottom: 2px solid #dc5858;
  border-left: 2px solid #dc5858;
  border-top: 2px solid #dc5858;
  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;
}
.cf-condition .cf-remove-condition.os-loading i {
  color: transparent;
}
.cf-condition .os-form-group {
  margin-right: 10px;
}
.cf-condition .custom-field-condition-values-w {
  flex: 1;
}
.cf-condition + .cf-condition {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top: none;
}
.cf-condition:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.cf-conditions {
  display: none;
}
.cf-conditions.is-active {
  display: block;
}
.cf-conditions h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.latepoint-custom-fields-for-booking-wrapper.os-loading {
  opacity: 0.4;
  position: relative;
}
.latepoint-custom-fields-for-booking-wrapper.os-loading:before {
  display: block;
  content: "";
  width: 12px !important;
  height: 12px !important;
  border-bottom: 2px solid #1d7bff;
  border-left: 2px solid #1d7bff;
  border-top: 2px solid #1d7bff;
  border-right: 2px 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-whatsapp-template-preview-holder {
  position: relative;
}
.latepoint-whatsapp-template-preview-holder.os-loading:before {
  display: block;
  content: "";
  width: 30px !important;
  height: 30px !important;
  border-bottom: 2px solid #1d7bff;
  border-left: 2px solid #1d7bff;
  border-top: 2px solid #1d7bff;
  border-right: 2px 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;
  top: 10px;
}
.latepoint-whatsapp-template-preview-holder.os-loading .latepoint-whatsapp-template-preview-wrapper {
  opacity: 0;
  pointer-events: none;
}

.latepoint-whatsapp-template-preview-wrapper {
  display: flex;
  align-items: stretch;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 10px 25px 6px rgba(0, 0, 0, 0.1);
  padding: 15px;
  border-radius: 14px;
  overflow: hidden;
  gap: 30px;
  margin-top: 25px;
}
.latepoint-whatsapp-template-preview-wrapper .latepoint-whatsapp-note {
  font-size: 13px;
  margin-bottom: 15px;
  padding: 10px;
  padding-left: 45px;
  position: relative;
  background-color: #f6f3ec;
  color: #857c74;
  border-left: 4px solid #e8e4db;
}
.latepoint-whatsapp-template-preview-wrapper .latepoint-whatsapp-note:before {
  font-family: "latepointIconsAdmin" !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: "\e948";
  position: absolute;
  top: 50%;
  left: 15px;
  font-size: 15px;
  color: #857c74;
  transform: translateY(-50%);
}
.latepoint-whatsapp-template-preview-wrapper .latepoint-whatsapp-variable-value {
  margin-bottom: 15px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.latepoint-whatsapp-template-preview-wrapper .latepoint-whatsapp-variable-value > div:first-child {
  border-radius: 6px;
  padding: 4px 4px;
  flex: 0 1 40px;
  text-align: center;
}
.latepoint-whatsapp-template-preview-wrapper .latepoint-whatsapp-variable-value > div:last-child {
  flex: 1;
}
.latepoint-whatsapp-template-preview-wrapper .latepoint-whatsapp-variables-header {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  padding-top: 10px;
}
.latepoint-whatsapp-template-preview-wrapper .latepoint-whatsapp-variables-header .latepoint-whatsapp-header-line {
  height: 1px;
  background-color: #eee;
  flex: 1;
}
.latepoint-whatsapp-template-preview-wrapper .latepoint-whatsapp-template-preview-heading {
  padding-bottom: 10px;
  font-weight: 600;
  font-size: 17px;
  color: #1f222b;
}
.latepoint-whatsapp-template-preview-wrapper .latepoint-whatsapp-template-preview-variables-wrapper {
  flex: 0 0 330px;
}
.latepoint-whatsapp-template-preview-wrapper .latepoint-whatsapp-template-preview-variables-wrapper.parameter-format-named .latepoint-whatsapp-variable-value {
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
}
.latepoint-whatsapp-template-preview-wrapper .latepoint-whatsapp-template-preview-variables-wrapper.parameter-format-named .latepoint-whatsapp-variable-value > div:first-child {
  flex: 0;
}
.latepoint-whatsapp-template-preview-wrapper .latepoint-whatsapp-template-preview-variables-wrapper.parameter-format-named .latepoint-whatsapp-variable-value > div:last-child {
  align-self: stretch;
}
.latepoint-whatsapp-template-preview-wrapper .latepoint-whatsapp-template-preview-variables-wrapper .latepoint-whatsapp-template-preview-heading {
  border-bottom: 1px solid #eee;
}
.latepoint-whatsapp-template-preview-wrapper .latepoint-whatsapp-template-preview-variables-wrapper .latepoint-whatsapp-template-preview-variables-inner {
  background-color: #fff;
  padding: 20px;
  padding-left: 0;
  padding-bottom: 0;
}

.latepoint-whatsapp-template-preview-content-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.latepoint-whatsapp-template-preview-message {
  background-color: #fff;
  box-shadow: 1px 2px 0 rgba(0, 0, 0, 0.1);
  border-radius: 14px;
  padding: 15px;
  max-width: 400px;
  position: relative;
}
.latepoint-whatsapp-template-preview-message:before {
  content: "";
  top: 0;
  left: -15px;
  border: 15px solid transparent;
  border-left-color: #fff;
  position: absolute;
  transform: rotate(90deg);
}

.latepoint-whatsapp-template-preview-message-header {
  font-size: 17px;
  font-weight: 600;
  color: #000;
  margin-bottom: 5px;
}

.latepoint-whatsapp-template-preview-message-body {
  font-size: 15px;
  line-height: 1.5;
}

.latepoint-whatsapp-template-preview-message-buttons {
  border-top: 1px solid #ddd;
  margin: 15px -15px 0 -15px;
}
.latepoint-whatsapp-template-preview-message-buttons .latepoint-whatsapp-template-preview-message-button {
  padding: 15px;
  color: #00a5f4;
  font-size: 15px;
  text-align: center;
  font-weight: 600;
  display: block;
  text-decoration: none;
}
.latepoint-whatsapp-template-preview-message-buttons .latepoint-whatsapp-template-preview-message-button i {
  margin-right: 5px;
}
.latepoint-whatsapp-template-preview-message-buttons .latepoint-whatsapp-template-preview-message-button .latepoint-whatsapp-button-action-value {
  font-size: 11px;
  margin-top: 3px;
  color: #788291;
  font-weight: 400;
}
.latepoint-whatsapp-template-preview-message-buttons .latepoint-whatsapp-template-preview-message-button .latepoint-whatsapp-button-action-value span {
  color: #000;
}
.latepoint-whatsapp-template-preview-message-buttons .latepoint-whatsapp-template-preview-message-button + .latepoint-whatsapp-template-preview-message-button {
  border-top: 1px solid #ddd;
}
.latepoint-whatsapp-template-preview-message-buttons .latepoint-whatsapp-template-preview-message-button:last-child {
  padding-bottom: 0;
}

.latepoint-whatsapp-template-variable {
  border-radius: 4px;
  padding: 0 2px;
  line-height: 1.2;
  display: inline-block;
}

.latepoint-whatsapp-template-preview-messages {
  padding: 40px;
  background-color: rgb(228, 222, 213);
  background-image: url(/wp-content/plugins/latepoint-pro-features/public/images/whatsapp-background.png);
  background-size: 500px;
  background-repeat: repeat;
  flex: 1;
  border-radius: 10px;
}

.action-preview-wrapper.type-send_whatsapp .latepoint-whatsapp-template-preview-messages {
  border-radius: 12px;
}
.action-preview-wrapper.type-send_whatsapp .action-preview-to {
  font-size: 17px;
  padding-bottom: 10px;
  margin: 0;
}
.no-templates-found-wrapper {
  padding: 15px;
  background-color: #fdf8dc;
  color: #111;
  border-radius: 6px;
  text-align: center;
}
.no-templates-found-wrapper a {
  color: #000;
  border-bottom: 1px dotted #000;
  text-decoration: none;
  display: inline-block;
}

@media (max-width: 600px) {
  .booking-messages-panel .os-booking-messages-input-w .os-bm-upload-file-btn {
    right: 15px;
  }
  .booking-messages-panel .os-booking-messages-input-w .os-bm-send-btn {
    right: 15px;
  }
  .booking-messages-panel .booking-messages-list .os-booking-message-w .os-booking-message {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

/*# sourceMappingURL=latepoint-pro-features-admin.css.map */

.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-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-item-category-w>.os-item-category-info-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-booking-form-element .os-item-category-w.selected>.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-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-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-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-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:not(.selected),.latepoint-w .latepoint-transaction-payment-form .os-item-categories-holder.show-selected-only .os-item-category-w:not(.selected) {
    border: 0
}

.latepoint-w.latepoint-summary-is-open .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form,.latepoint-w.latepoint-summary-is-open .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

/*!
 * Copyright (c) 2022 LatePoint LLC. All rights reserved.
 */
.latepoint-resources-items-w {
    display: grid;
    margin: 40px 0;
    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,.2),0 1px 2px 0 rgba(0,0,0,.1);
    padding: 20px;
    background-color: #fff;
    transition: all .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,.4),0 3px 6px 0 rgba(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
}

.latepoint-resources-items-w .resource-item .ri-map {
    margin: -20px -20px 25px
}

.latepoint-resources-items-w .resource-item .ri-media {
    padding-bottom: 75%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    margin: -20px -20px 25px
}

.latepoint-resources-items-w .resource-item .ri-name h3 {
    margin: 10px 0;
    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,.1);
    margin: 20px 0 30px
}

.latepoint .customer-dashboard-tabs a {
    display: block;
    padding: 10px 0;
    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: 0;
    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-bookings-tiles,.customer-orders-tiles {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr
}

.customer-orders-tiles .customer-order {
    background: #fff;
    border: 1px solid #ddd;
    padding: 25px;
    color: #222;
    align-self: flex-start;
    position: relative;
    border-radius: var(--latepoint-border-radius)
}

.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 {
    margin-bottom: 40px
}

.customer-bookings-tiles .new-booking-tile {
    border: 2px dotted color-mix(in srgb,var(--latepoint-brand-primary) 20%,transparent);
    opacity: .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;
    border-radius: var(--latepoint-border-radius)
}

.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 .customer-booking .bt-payment-actions .bt-balance-pay-link a.os-loading:before,.customer-bookings-tiles .new-booking-tile.os-loading:before,.latepoint-customer-timezone-selector-w.os-loading label: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 transparent;
    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: #fff;
    border: 1px solid #ddd;
    padding: 25px;
    color: #222;
    align-self: flex-start;
    position: relative;
    border-radius: var(--latepoint-border-radius)
}

.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,.customer-bookings-tiles .customer-booking-datetime span,.reschedule-calendar-wrapper .time-selector-w .th-timezone strong {
    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;
    margin-left: auto;
    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,.latepoint-customer-timezone-selector-w.os-loading label:before {
    width: 15px!important;
    height: 15px!important
}

.customer-bookings-tiles h6.customer-booking-service-name {
    color: #14161d;
    padding-bottom: 5px;
    margin: 0;
    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 .customer-booking .bt-payment-actions .bt-balance-pay-link a,.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-service-color {
    height: 1px;
    background-color: #eee
}

.customer-bookings-tiles .customer-booking-info {
    margin: 20px 0;
    padding: 0;
    font-size: 16px
}

.customer-bookings-tiles .customer-booking-info .customer-booking-info-row {
    display: flex;
    margin: 10px 0
}

.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-cancelled,.customer-bookings-tiles .customer-booking-info .booking-info-value.status-pending {
    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,.os-zoom-info-link a {
    display: block;
    padding: 5px 0;
    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 {
    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);
    right: auto;
    left: -15px;
    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: 0;
    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: 0 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: 0 2px 0 0 rgba(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;
    padding: 10px 25px 10px 10px;
    position: relative;
    text-decoration: none;
    background-color: rgba(255,255,255,.3);
    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: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    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 .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
}

.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-next-btn,.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn {
    border: 0;
    font-size: 16px;
    background-color: transparent!important;
    box-shadow: none;
    outline: 0;
    color: #111;
    margin: 0;
    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-next-btn:focus-visible,.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn:focus-visible {
    outline: 2px solid var(--latepoint-brand-primary)!important
}

.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.os-loading,.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-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-prev-btn.os-loading,.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-prev-btn.os-loading span {
    color: transparent!important
}

.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.os-loading:after,.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-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 transparent;
    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-next-btn:hover,.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn:hover {
    color: var(--latepoint-brand-primary)
}

.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn:focus,.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn:focus {
    outline: 0
}

.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.disabled,.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn.disabled {
    color: rgba(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;
    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,.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.active {
    display: block
}

.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: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    background-color: var(--latepoint-brand-primary);
    box-shadow: 0 0 0 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 .reschedule-calendar-datepicker .dp-capacity,.reschedule-calendar-wrapper .step-datepicker-w .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: .1s ease latepointAvailabilityPopup;
    animation-fill-mode: both
}

.reschedule-calendar-wrapper .reschedule-calendar-datepicker .time-selector-w:not(.style-timeline) .dp-timepicker-trigger:not(.selected):hover .dp-capacity,.reschedule-calendar-wrapper .step-datepicker-w .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
}

.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: 0
}

.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,.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-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 .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-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: .1s ease latepointAvailabilityPopup;
    animation-fill-mode: both
}

.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day .os-day-box {
    position: relative
}

.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day .os-day-number {
    color: #14161d;
    transition: all .1s ease
}

.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day .os-day-status {
    transition: all .1s ease
}

.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-day-status {
    margin: 0;
    height: 4px;
    position: absolute;
    border-radius: 0;
    overflow: hidden;
    bottom: 3px;
    left: 8px;
    right: 8px;
    background-color: #e6e9ef
}

.reschedule-calendar-wrapper .os-day-status .day-available {
    background-color: #8fe286;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
    min-width: 3px;
    border-radius: var(--latepoint-border-radius)
}

.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day .os-available-slots-tooltip {
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    animation: .1s ease latepointAvailabilityPopupCenter;
    animation-fill-mode: both
}

.reschedule-calendar-wrapper .calendar-style-classic .os-current-month-label-w {
    border-bottom: 1px solid rgba(0,0,0,.05);
    padding-bottom: 5px;
    margin-bottom: 15px
}

.reschedule-calendar-wrapper .calendar-style-classic .os-weekdays {
    gap: 12px
}

.reschedule-calendar-wrapper .calendar-style-classic .os-weekdays .weekday {
    background-color: transparent;
    font-size: 13px;
    color: var(--latepoint-body-color);
    border-left: none;
    text-align: center;
    margin-left: 0;
    padding: 5px;
    margin-bottom: 12px
}

.reschedule-calendar-wrapper .calendar-style-classic .os-weekdays .weekday.weekday-6,.reschedule-calendar-wrapper .calendar-style-classic .os-weekdays .weekday.weekday-7 {
    color: #ccb63b;
    background-color: #fffef2
}

.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days {
    gap: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr
}

.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day {
    text-align: center;
    font-size: 17px
}

.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day:hover .os-day-status {
    height: 7px;
    left: 4px;
    right: 4px
}

.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day:hover .os-day-box .os-day-number {
    transform-origin: bottom
}

.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day.os-month-next .os-day-number,.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day.os-month-next .os-day-status,.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day.os-month-prev .os-day-number,.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day.os-month-prev .os-day-status {
    opacity: .6
}

.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day.os-day-current .os-day-box {
    background-color: #eefdec
}

.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box {
    background-color: transparent
}

.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day .os-day-box {
    padding: 12px 5px
}

.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day:nth-child(7n+1) {
    border-left-color: transparent
}

.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day.selected.os-not-available .os-day-box {
    background-color: #ec7376
}

.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day.selected .os-day-box {
    background-color: var(--latepoint-brand-primary);
    border-color: transparent;
    color: #fff;
    opacity: 1
}

.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day.selected .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 .calendar-style-classic .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-status,.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day.selected .os-day-box:hover .os-available-slots-tooltip,.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next .os-day-box .os-day-status,.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-prev .os-day-box .os-day-status {
    display: none
}

.reschedule-calendar-wrapper .calendar-style-classic .os-monthly-calendar-days .os-day.selected.os-today .os-day-box .os-day-number {
    background-color: transparent
}

.reschedule-calendar-wrapper .calendar-style-modern {
    margin: 0 0 0-15px
}

.reschedule-calendar-wrapper .calendar-style-modern .os-current-month-label-w {
    padding-left: 14px
}

.reschedule-calendar-wrapper .calendar-style-modern .os-weekdays .weekday:first-child {
    margin-left: 15px;
    padding-left: 0
}

.reschedule-calendar-wrapper .calendar-style-modern.os-month-next,.reschedule-calendar-wrapper .calendar-style-modern.os-month-prev {
    cursor: default
}

.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day {
    text-align: left;
    border-left: 1px solid rgba(0,0,0,.08)
}

.reschedule-calendar-wrapper .calendar-style-modern .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 .calendar-style-modern .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 .calendar-style-modern .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box .os-day-status,.reschedule-calendar-wrapper .calendar-style-modern .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 .calendar-style-modern .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 .calendar-style-modern .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next).os-not-available .os-day-box {
    background-color: #ec7376
}

.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next,.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-prev {
    border-left-color: transparent;
    cursor: default
}

.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next .os-day-box,.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-prev .os-day-box {
    pointer-events: none;
    background-color: transparent
}

.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next .os-day-box:hover,.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-prev .os-day-box:hover {
    opacity: 1
}

.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next .os-day-box .os-day-number,.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-prev .os-day-box .os-day-number {
    color: transparent!important
}

.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next {
    display: none
}

.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day:nth-child(7n) .os-available-slots-tooltip,.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day:nth-child(7n+6) .os-available-slots-tooltip {
    left: auto;
    right: 0
}

.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day .os-day-box {
    padding: 15px 0 15px 15px
}

.reschedule-calendar-wrapper .calendar-style-modern .os-monthly-calendar-days .os-day:nth-child(7n+1) {
    border-left-color: transparent
}

.reschedule-calendar-wrapper .calendar-style-modern .os-day-status {
    border-radius: 0;
    bottom: 6px;
    left: 15px;
    right: 0;
    height: 5px
}

.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
}

.latepoint-booking-form-element .os-calendar-searching-info:before,.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 transparent;
    border-radius: 20px;
    position: absolute;
    top: 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,.reschedule-calendar-wrapper .os-dates-and-times-w.is-searching .os-timezone-info-wrapper,.reschedule-calendar-wrapper .time-selector-w.hide-not-available-slots .dp-timebox.is-booked,.reschedule-calendar-wrapper .time-selector-w.hide-not-available-slots .dp-timebox.is-off,.reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots .dp-timebox .dp-label-capacity,.reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots .dp-timebox.is-off {
    display: none
}

.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: 0;
    box-shadow: none
}

.reschedule-calendar-wrapper .dp-timebox:focus-visible {
    outline: 2px solid var(--latepoint-brand-primary)
}

.reschedule-calendar-wrapper .dp-timebox .dp-success-label,.reschedule-calendar-wrapper .dp-timebox .dp-tick {
    display: none!important
}

.reschedule-calendar-wrapper .dp-timebox:hover {
    background-color: #c0fbb8
}

.reschedule-calendar-wrapper .dp-timebox.is-booked,.reschedule-calendar-wrapper .dp-timebox.is-off {
    color: #b3b3b3;
    background-color: #f7f7f7;
    box-shadow: none;
    cursor: not-allowed
}

.reschedule-calendar-wrapper .dp-timebox.selected,.reschedule-calendar-wrapper .dp-timebox.selected:after {
    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: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    box-shadow: 0 0 0 2px #fff;
    border-radius: 50%;
    width: 14px;
    line-height: 14px;
    height: 14px;
    top: -5px;
    right: -5px;
    font-size: 10px;
    text-align: center;
    position: absolute;
    animation: .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 .th-timezone {
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: .5px;
    margin-top: 4px
}

.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 .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: 0 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,.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,.reschedule-calendar-wrapper .time-selector-w.with-end-time.time-system-24 .dp-timebox span.dp-label-end-time {
    opacity: .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.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: 0;
    box-shadow: inset 1px 0 0 0#fff,inset -1px 0 0 0#fff;
    border-radius: 0;
    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,.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: #000;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0;
    white-space: nowrap
}

.reschedule-calendar-wrapper .dp-timeslot .dp-success-label {
    color: rgba(255,255,255,.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;
    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 .2s ease;
    z-index: 10
}

.reschedule-calendar-wrapper .dp-timeslot .dp-label-capacity {
    display: block;
    color: rgba(255,255,255,.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: 0;
    bottom: 0;
    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,.reschedule-calendar-wrapper .dp-timeslot.is-off {
    background-color: #e6e9ef;
    margin: 0;
    cursor: not-allowed
}

.reschedule-calendar-wrapper .dp-timeslot.is-booked .dp-label,.reschedule-calendar-wrapper .dp-timeslot.is-booked:before,.reschedule-calendar-wrapper .dp-timeslot.is-booked:hover,.reschedule-calendar-wrapper .dp-timeslot.is-off .dp-label,.reschedule-calendar-wrapper .dp-timeslot.is-off:before {
    background-color: #e42806
}

.reschedule-calendar-wrapper .dp-timeslot.is-off {
    border-color: #fff;
    max-width: 25%
}

.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,.4)
}

.reschedule-calendar-wrapper .dp-timeslot:hover {
    background-color: #04bb03
}

.reschedule-calendar-wrapper .dp-timeslot:hover:before {
    top: 0
}

.reschedule-calendar-wrapper .dp-timeslot:hover .dp-label {
    display: block
}

.reschedule-calendar-wrapper .calendar-style-modern .os-weekdays {
    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,.latepoint-w b,.latepoint-w strong {
    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: #fff;
    border: 1px solid #ddd;
    border-bottom-color: #ccc;
    box-shadow: 0 2px 4px -1px rgba(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,.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,.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,.os-customer-wrapped-box .latepoint-customer-otp-close i {
    display: block
}

.customer-bundle-tile .bundle-name {
    color: #14161d;
    padding-bottom: 5px;
    margin: 0;
    text-align: left;
    text-transform: none;
    font-size: 21px;
    line-height: 1.2
}

.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,.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .select-total-attendees-label h4 {
    font-size: 27px
}

.latepoint-customer-bundle-scheduling-summary .summary-box .sbc-subtle-item {
    display: none
}

.customer-bundle-tile .bundle-order-info a,.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 transparent;
    border-radius: 20px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    animation: os-loading 700ms infinite linear;
    background-color: transparent!important;
    left: auto;
    right: 0
}

.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.os-loading .bib-icon,.latepoint-w .load-customer-step-trigger.os-loading i {
    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,.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 .bookable-item.is-past.is-booked,.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 .bookable-item.is-booked,.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-transaction-payment-form {
    position: relative
}

.latepoint-transaction-payment-form .lp-payment-charge-amount {
    background-color: #fbf6e1;
    border-radius: var(--latepoint-border-radius);
    color: #877865;
    margin-bottom: 20px;
    padding: 15px;
    text-align: center
}

.latepoint-transaction-payment-form .lp-payment-charge-amount strong,.latepoint-w .latepoint-booking-form-element .latepoint-step-content .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
}

.customer-login-method-wrapper.os-hidden,.latepoint-transaction-payment-form.os-loading .latepoint-lightbox-footer {
    display: none
}

.entry-content a,.entry-summary a,.posts-navigation a,.site-footer .widget-area a,.widget a,.widget_authors a strong {
    box-shadow: none
}

.os_trigger_booking {
    cursor: pointer
}

.latepoint-step-svg-base,.latepoint-step-svg-highlight {
    fill: #020202
}

.latepoint-w {
    line-height: 1.3;
    max-width: initial!important
}

.latepoint-w ul li {
    list-style: none
}

.latepoint-customer-box-title {
    font-size: 17px;
    color: #14161d;
    font-weight: 600;
    margin-bottom: 10px
}

.latepoint-customer-box-desc {
    margin-bottom: 5px;
    font-size: 13px
}

.login-options-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 10px
}

.latepoint-transaction-payment-form .latepoint-lightbox-footer .latepoint-btn.latepoint-btn-block,.login-options-wrapper .login-options-col.os-full {
    flex: 1
}

.latepoint-customer-otp-option label {
    display: flex;
    gap: 5px;
    align-items: center;
    margin: 0;
    padding: 5px;
    cursor: pointer;
    font-size: 15px;
    color: var(--latepoint-body-color);
    border-radius: var(--latepoint-border-radius)
}

.latepoint-customer-otp-option label:hover {
    background-color: #f8f8f8
}

.latepoint-customer-otp-option input,.latepoint-customer-otp-option span {
    display: block;
    margin: 0;
    padding: 0
}

.latepoint-customer-otp-option input:focus,.latepoint-customer-otp-option span:focus {
    outline: 0
}

.latepoint-customer-otp-option input:focus-visible,.latepoint-customer-otp-option span:focus-visible {
    box-shadow: 0 0 0 1px var(--latepoint-brand-primary);
    outline: 0
}

.login-via-label {
    font-size: 17px;
    color: #14161d
}

.login-options-via {
    display: flex;
    align-items: center;
    gap: 10px
}

.login-options-via-wrapper {
    display: flex;
    background-color: #f2f2f4;
    border-radius: var(--latepoint-border-radius);
    padding: 4px;
    align-items: center
}

.login-options-via-wrapper .login-option-label {
    margin-right: 5px;
    color: #7c85a3;
    font-size: 13px
}

.login-options-via-wrapper .login-option {
    border-radius: var(--latepoint-border-radius);
    padding: 4px 8px;
    color: #7c85a3;
    cursor: pointer
}

.login-options-via-wrapper .login-option.os-default {
    order: -1
}

.booking-status-info-wrapper .booking-confirmation strong,.confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-confirmation-number strong,.full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-confirmation-number strong,.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h3,.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h4,.login-options-via-wrapper .login-option:hover {
    color: #14161d
}

.login-options-via-wrapper .login-option.os-selected {
    background-color: #fff;
    color: #14161d;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1)
}

.os-customer-login-w .os-customer-login-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.os-customer-otp-notice,.os-customer-wrapped-box {
    border-radius: var(--latepoint-border-radius);
    margin-bottom: 15px
}

.os-customer-otp-notice {
    background-color: #f2f2f4;
    padding: 15px 15px 16px;
    font-size: 13px;
    text-align: center;
    line-height: 1
}

.os-customer-wrapped-box {
    padding: 20px;
    border: 1px solid #ddd;
    border-bottom-color: #c4c4c4;
    box-shadow: 0 2px 2px rgba(0,0,0,.07);
    position: relative;
    animation: .3s cubic-bezier(.05,.45,.1,1) 0s up20op;
    animation-fill-mode: both
}

.os-customer-wrapped-box.os-unwrapped {
    padding: 0;
    border: 0;
    box-shadow: none
}

.os-customer-wrapped-box .latepoint-customer-otp-close {
    position: absolute;
    top: 15px;
    right: 15px;
    color: var(--latepoint-body-color);
    font-size: 14px;
    cursor: pointer;
    padding: 5px;
    line-height: 1
}

.os-customer-wrapped-box .latepoint-customer-otp-close:hover {
    background-color: #eee;
    border-radius: var(--latepoint-border-radius)
}

.os-customer-wrapped-box .os-form-group {
    animation: none;
    transition: none!important
}

.os-customer-wrapped-box .latepoint-customer-otp-sub-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    margin-top: 10px
}

.os-customer-wrapped-box .latepoint-customer-otp-sub-wrapper a {
    text-decoration: none;
    border-bottom: 1px solid var(--latepoint-brand-primary);
    color: var(--latepoint-brand-primary);
    font-size: 13px
}

.os-customer-wrapped-box .latepoint-customer-otp-sub-wrapper a.os-loading {
    color: transparent!important;
    position: relative;
    border-color: transparent
}

.latepoint-book-form-wrapper.os-loading .latepoint-form-w:before,.latepoint-w .load-customer-step-trigger.os-loading:before,.os-customer-wrapped-box .latepoint-customer-otp-sub-wrapper a.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 transparent;
    border-radius: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    animation: os-loading 700ms infinite linear;
    background-color: transparent!important
}

.latepoint-book-form-wrapper.os-loading .latepoint-form-w {
    min-height: 300px
}

.latepoint-book-form-wrapper.os-loading .latepoint-form-w:before,.latepoint-w .load-customer-step-trigger.os-loading:before {
    width: 40px!important;
    height: 40px!important
}

.latepoint-w .load-customer-step-trigger {
    position: relative
}

.latepoint-w .load-customer-step-trigger.os-loading:before {
    width: 12px!important;
    height: 12px!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;
    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,.11),0 1px 2px 0 rgba(160,170,185,.6);
    margin: 0 auto
}

.latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields .os-form-group.os-form-textfield-group.has-value label,.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-booking-form-element,.latepoint-w.latepoint-with-summary .latepoint-lightbox-i {
    transition: all .4s cubic-bezier(.05,.45,.1,1)
}

.latepoint-w .latepoint-booking-form-element[class*=current-step-payment__] .latepoint-summary-w .checkout-from-summary-panel-btn-wrapper,.latepoint-w .latepoint-booking-form-element[class*=current-step-payment__] .latepoint-summary-w .summary-box .summary-box-content .os-remove-item-from-cart,.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-progress,.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 .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)
}

.confirmation-info-w .schedule-bundle-booking-btn span,.full-summary-wrapper .schedule-bundle-booking-btn span,.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
}

.confirmation-info-w .schedule-bundle-booking-btn:hover span,.full-summary-wrapper .schedule-bundle-booking-btn:hover span,.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: 0 auto;
    padding: 0;
    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: 0;
    padding: 0
}

.latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item {
    height: 5px;
    width: 5px;
    background-color: rgba(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;
    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 .2s ease;
    white-space: nowrap
}

.latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item:hover {
    background-color: rgba(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: 0 1px 2px rgba(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,.1);
    padding: 40px 40px 25px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: var(--latepoint-border-radius-md)0 0 var(--latepoint-border-radius-md);
    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,.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 transparent;
    border-radius: 20px;
    position: absolute;
    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: 0 3px!important;
    font-size: 12px!important
}

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group {
    margin-bottom: 0!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: 0 0 50px;
    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: 0;
    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 {
    line-height: 1.4;
    margin: 0 0 5px;
    position: relative;
    font-size: 15px;
    text-transform: none;
    letter-spacing: normal
}

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions p:last-child {
    margin-bottom: 0
}

.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: 0 var(--latepoint-border-radius-md) var(--latepoint-border-radius-md)0;
    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: 0;
    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: 0!important;
    padding: 0!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: 0!important;
    padding: 0 5px!important;
    font-size: 22px!important;
    font-weight: 600;
    width: 50px!important;
    margin: 0!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,.1)
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w input:focus {
    outline: 0!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,.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: 0 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: 0
}

.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,.05);
    text-align: left;
    display: flex;
    align-items: center
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w.os-hidden {
    display: none
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
    padding: 5px;
    transform: none;
    top: auto;
    right: auto;
    left: auto;
    order: 1
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
    transform: none;
    right: auto;
    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-close i,.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 .os-heading-text {
    font-size: 20px;
    line-height: 1.2;
    margin: 0 auto 0 0;
    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: auto;
    transition: all .2s ease;
    position: relative;
    min-height: 200px
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body .os-step-header {
    margin-top: 0;
    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: 0
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer {
    position: relative;
    padding: 10px;
    border-top: 1px solid rgba(0,0,0,.05);
    display: flex;
    justify-content: space-between;
    background-color: #fff
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-next-btn.disabled,.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: 0
}

.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: .3s cubic-bezier(.45,1.1,.4,1.2) 0s both latepointNextBtn
}

.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: .3s cubic-bezier(.45,1,.4,1.2) 0s both latepointPrevBtn
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-prev-btn.disabled,.latepoint-w .latepoint-booking-form-element .latepoint-step-content.is-hidden {
    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 i,.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 i {
    font-size: 9px;
    transition: transform .1s ease
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn i+span,.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 .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,.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 .latepoint-step-content-text-left {
    padding: 0 0 15px
}

.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 .lp-payment-charge-amount {
    border-radius: var(--latepoint-border-radius);
    background-color: #fbf6e1;
    color: #877865;
    margin-bottom: 20px;
    padding: 15px;
    text-align: center
}

.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 .lp-demo-mode-msg {
    border-radius: 8px
}

.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .dp-capacity,.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-available-slots-tooltip {
    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 transparent;
    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: .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,.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 0;
    margin: 0 auto
}

.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.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 transparent;
    border-radius: 20px;
    position: absolute;
    top: 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,.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 transparent;
    border-radius: 20px;
    position: absolute;
    top: 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: 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: 0!important;
    border-radius: 0!important
}

.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input:active,.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .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,.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input:focus {
    box-shadow: none!important;
    outline: 0!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 .lp-payment-methods-w,.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-portions-w,.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-times-w,.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.coupon-is-applied .coupon-code-input-w,.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 .applied-coupon-code {
    display: block
}

.latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password h4,.latepoint-w .latepoint-booking-form-element .step-payment-w>h4 {
    margin-bottom: 10px
}

.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: 0 0 0 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,.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 0 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 transparent;
    border-radius: 20px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    animation: os-loading 700ms infinite linear;
    background-color: transparent!important;
    top: 35px
}

.confirmation-info-w .order-item-bundle-info-wrapper .bundle-icon i,.full-summary-wrapper .order-item-bundle-info-wrapper .bundle-icon i,.latepoint-w .latepoint-booking-form-element .step-payment-w[data-sub-step=payment-methods] .lp-payment-methods-w,.latepoint-w .latepoint-booking-form-element .step-payment-w[data-sub-step=payment-portions] .lp-payment-portions-w,.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 .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: #14161d;
    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: .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: 0;
    right: 0;
    padding: 5px;
    color: var(--latepoint-brand-primary);
    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: 0!important;
    padding: 0!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: #fff;
    border: 1px solid #e5e7ee;
    align-items: center;
    box-shadow: none;
    outline: 0;
    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 0;
    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,.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 0
}

.lp-strike {
    text-decoration: line-through;
    opacity: .8
}

.latepoint-booking-form-element .step-verify-w .os-recurring-bookings-count {
    margin-top: 10px
}

.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box-heading .sbh-line,.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,.05)
}

.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box-heading {
    margin-bottom: 0;
    margin-top: 0;
    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 .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,.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: 17px
}

.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: 0
}

.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 transparent;
    border-radius: 20px;
    position: absolute;
    top: 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 .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 transparent;
    border-radius: 20px;
    position: absolute;
    top: 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: 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: 0!important;
    border-radius: 0!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-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-input-w,.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 .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: 0 auto 30px;
    padding-bottom: 20px;
    border-bottom: 1px dashed rgba(0,0,0,.1)
}

.latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-booking-info,.latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent,.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-vevent img {
    display: block;
    margin: 0 auto
}

.latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent .qr-code-label {
    font-size: 13px;
    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: 0
}

.latepoint-booking-form-element .step-confirmation-w .confirmation-header {
    margin-bottom: 0;
    margin-top: 0
}

.latepoint-booking-form-element .step-confirmation-w .confirmation-number {
    color: #7c85a3;
    padding-top: 0;
    margin-bottom: 8px;
    font-size: 13px;
    letter-spacing: .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
}

.booking-status-info-wrapper,.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: 0;
    margin-bottom: 0!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 input.os-form-control {
    padding: 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: 0!important;
    display: inline-block!important
}

.booking-status-info-wrapper {
    gap: 10px;
    padding: 15px 30px;
    border-bottom: 1px solid rgba(0,0,0,.08);
    margin: -30px -30px 0
}

.booking-status-info-wrapper .booking-status-icon {
    width: 24px;
    height: 24px;
    background-color: #eee;
    position: relative;
    border-radius: var(--latepoint-border-radius)
}

.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.status-cancelled .booking-status-icon {
    background-color: #ffa6a6
}

.booking-status-info-wrapper.status-approved .booking-status-icon:before,.booking-status-info-wrapper.status-cancelled .booking-status-icon:before {
    font-family: "latepointIcons"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    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 {
    content: ""
}

.confirmation-info-w .summary-status-wrapper,.full-summary-wrapper .summary-status-wrapper {
    padding: 0 0 30px;
    color: #14161d;
    font-size: 15px;
    margin-bottom: 10px;
    border-bottom: 10px solid rgba(0,0,0,.03)
}

.confirmation-info-w .summary-status-wrapper .summary-status-inner,.full-summary-wrapper .summary-status-wrapper .summary-status-inner {
    display: flex;
    flex-direction: column;
    align-items: center
}

.confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-title,.full-summary-wrapper .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
}

.confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-description,.full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-description {
    color: #7c85a3;
    font-weight: 400;
    font-size: 15px;
    margin-top: 3px;
    text-align: center
}

.confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-icon,.full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-icon {
    margin-bottom: 25px;
    animation: 1s cubic-bezier(.05,.45,.1,1) .1s statusIconPop;
    animation-fill-mode: both
}

.confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-confirmation-number,.full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-confirmation-number {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #7c85a3;
    margin-top: 15px;
    padding: 3px 5px;
    background-color: rgba(0,0,0,.03)
}

.confirmation-info-w .summary-status-wrapper.summary-status-style-green .ss-icon,.full-summary-wrapper .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
}

.confirmation-info-w .summary-status-wrapper.summary-status-style-green .ss-icon:before,.full-summary-wrapper .summary-status-wrapper.summary-status-style-green .ss-icon:before {
    font-family: "latepointIcons"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    color: #000;
    line-height: 24px;
    display: block;
    font-size: 24px
}

.confirmation-info-w .summary-status-wrapper.summary-status-style-yellow .ss-icon,.full-summary-wrapper .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
}

.confirmation-info-w .summary-status-wrapper.summary-status-style-yellow .ss-icon:before,.full-summary-wrapper .summary-status-wrapper.summary-status-style-yellow .ss-icon:before {
    content: "i";
    color: #000;
    line-height: 24px;
    display: block;
    font-size: 24px
}

.confirmation-info-w .summary-price-item-w.spi-sub,.full-summary-wrapper .summary-price-item-w.spi-sub {
    padding-left: 20px;
    position: relative
}

.confirmation-info-w .summary-price-item-w.spi-sub:before,.full-summary-wrapper .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%)
}

.confirmation-info-w .summary-price-breakdown-wrapper.multi-item .subtotal-separator,.full-summary-wrapper .summary-price-breakdown-wrapper.multi-item .subtotal-separator {
    border-top: 1px solid #f1f1f1;
    padding-bottom: 10px;
    margin-top: 10px
}

.confirmation-info-w .order-item-bundle-info-wrapper,.full-summary-wrapper .order-item-bundle-info-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 15px 0 5px
}

.confirmation-info-w .order-item-bundle-info-wrapper .bundle-icon,.full-summary-wrapper .order-item-bundle-info-wrapper .bundle-icon {
    padding: 13px;
    line-height: 24px;
    font-size: 24px;
    background-color: #f1f1f1;
    border-radius: 50%;
    color: #14161d
}

.confirmation-info-w .order-item-bundle-info-wrapper .summary-box.main-box,.full-summary-wrapper .order-item-bundle-info-wrapper .summary-box.main-box {
    padding: 0
}

.confirmation-info-w .schedule-bundle-booking-btn-wrapper,.full-summary-wrapper .schedule-bundle-booking-btn-wrapper {
    padding-bottom: 20px;
    margin-left: 70px
}

.confirmation-info-w .schedule-bundle-booking-btn,.full-summary-wrapper .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: 0;
    align-items: center;
    box-shadow: none;
    cursor: pointer;
    position: relative
}

.confirmation-info-w .schedule-bundle-booking-btn.os-loading:before,.full-summary-wrapper .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 transparent;
    border-radius: 20px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    animation: os-loading 700ms infinite linear;
    background-color: transparent!important;
    left: auto;
    right: -5px
}

.confirmation-info-w .schedule-bundle-booking-btn.os-loading i,.full-summary-wrapper .schedule-bundle-booking-btn.os-loading i {
    visibility: hidden
}

.confirmation-info-w .schedule-bundle-booking-btn:hover i,.full-summary-wrapper .schedule-bundle-booking-btn:hover i {
    transform: translateX(3px)
}

.confirmation-info-w .schedule-bundle-booking-btn i,.full-summary-wrapper .schedule-bundle-booking-btn i {
    font-size: 9px;
    transition: transform .2s ease
}

.confirmation-info-w .summary-price-breakdown-wrapper,.full-summary-wrapper .summary-price-breakdown-wrapper {
    margin-top: 30px
}

.confirmation-info-w .summary-box-heading,.full-summary-wrapper .summary-box-heading {
    margin-bottom: 10px
}

.confirmation-info-w .summary-box,.full-summary-wrapper .summary-box {
    padding-bottom: 0
}

.confirmation-info-w .summary-box .sbc-main-item,.full-summary-wrapper .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,.confirmation-info-w .price-breakdown-unfold,.latepoint-booking-form-element.hidden-buttons .latepoint-form-w .latepoint-footer {
    display: none
}

.confirmation-info-w ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap
}

.confirmation-info-w ul li {
    flex: 0 0 50%;
    list-style-type: none;
    margin: 0;
    color: #7c85a3;
    font-weight: 600;
    padding: 7px 10px 7px 0;
    line-height: 1.4;
    font-size: 11px;
    letter-spacing: .6px;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(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 0 5px;
    color: var(--latepoint-brand-primary)
}

.latepoint-booking-form-element.hidden-buttons .latepoint-form-w .latepoint-body:after {
    height: 40px
}

.latepoint-booking-form-element .os-step-tabs,.latepoint-booking-form-element .step-customer-logged-in-header-w {
    display: flex;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    justify-content: space-between;
    height: 35px
}

.latepoint-booking-form-element .os-step-tabs {
    color: #7c85a3;
    align-items: flex-end;
    box-shadow: 0 1px 0 0#e2e5ef
}

.latepoint-booking-form-element .os-step-tabs .os-step-tab {
    transition: all .2s ease;
    text-align: center;
    padding: 8px 0;
    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,.latepoint-booking-form-element .step-customer-logged-in-header-w div:before {
    position: absolute;
    content: "";
    background-color: var(--latepoint-brand-primary);
    height: 3px;
    left: 0;
    bottom: -1px;
    width: 0%
}

.latepoint-booking-form-element .os-step-tabs .os-step-tab.active,.latepoint-booking-form-element .step-customer-logged-in-header-w div {
    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 {
    color: #898c98;
    align-items: center;
    border-bottom: 1px solid #e2e5ef
}

.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 {
    line-height: 15px;
    position: relative
}

.latepoint-booking-form-element .step-customer-logged-in-header-w div:before {
    height: 2px;
    width: 100%;
    transition: all .2s ease
}

.latepoint-booking-form-element .os-form-buttons {
    align-items: flex-start
}

.latepoint-booking-form-element .os-step-existing-customer-login-w,.os-password-reset-form-holder p {
    margin-bottom: 10px
}

.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
}

.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-next-btn,.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn {
    border: 0;
    font-size: 16px;
    background-color: transparent!important;
    box-shadow: none;
    outline: 0;
    color: #111;
    margin: 0;
    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-next-btn:focus-visible,.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn:focus-visible {
    outline: 2px solid var(--latepoint-brand-primary)!important
}

.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.os-loading,.latepoint-booking-form-element .os-current-month-label-w .os-month-next-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-prev-btn.os-loading,.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-prev-btn.os-loading span {
    color: transparent!important
}

.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.os-loading:after,.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-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 transparent;
    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-next-btn:hover,.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn:hover {
    color: var(--latepoint-brand-primary)
}

.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn:focus,.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn:focus {
    outline: 0
}

.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.disabled,.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn.disabled {
    color: rgba(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,.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.active {
    display: block
}

.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: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    background-color: var(--latepoint-brand-primary);
    box-shadow: 0 0 0 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 .reschedule-calendar-datepicker .dp-capacity,.latepoint-booking-form-element .step-datepicker-w .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: .1s ease latepointAvailabilityPopup;
    animation-fill-mode: both
}

.latepoint-booking-form-element .reschedule-calendar-datepicker .time-selector-w:not(.style-timeline) .dp-timepicker-trigger:not(.selected):hover .dp-capacity,.latepoint-booking-form-element .step-datepicker-w .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
}

.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: 0
}

.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,.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-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 .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-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: .1s ease latepointAvailabilityPopup;
    animation-fill-mode: both
}

.latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-box {
    position: relative
}

.latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-number {
    color: #14161d;
    transition: all .1s ease
}

.latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-status {
    transition: all .1s ease
}

.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-day-status {
    margin: 0;
    height: 4px;
    position: absolute;
    border-radius: 0;
    overflow: hidden;
    bottom: 3px;
    left: 8px;
    right: 8px;
    background-color: #e6e9ef
}

.latepoint-booking-form-element .os-day-status .day-available {
    background-color: #8fe286;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
    min-width: 3px;
    border-radius: var(--latepoint-border-radius)
}

.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day .os-available-slots-tooltip {
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    animation: .1s ease latepointAvailabilityPopupCenter;
    animation-fill-mode: both
}

.latepoint-booking-form-element .calendar-style-classic .os-current-month-label-w {
    border-bottom: 1px solid rgba(0,0,0,.05);
    padding-bottom: 5px;
    margin-bottom: 15px
}

.latepoint-booking-form-element .calendar-style-classic .os-weekdays {
    gap: 12px
}

.latepoint-booking-form-element .calendar-style-classic .os-weekdays .weekday {
    background-color: transparent;
    font-size: 13px;
    color: var(--latepoint-body-color);
    border-left: none;
    text-align: center;
    margin-left: 0;
    padding: 5px;
    margin-bottom: 12px
}

.latepoint-booking-form-element .calendar-style-classic .os-weekdays .weekday.weekday-6,.latepoint-booking-form-element .calendar-style-classic .os-weekdays .weekday.weekday-7 {
    color: #ccb63b;
    background-color: #fffef2
}

.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days {
    gap: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr
}

.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day {
    text-align: center;
    font-size: 17px
}

.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day:hover .os-day-status {
    height: 7px;
    left: 4px;
    right: 4px
}

.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day:hover .os-day-box .os-day-number {
    transform-origin: bottom
}

.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.os-month-next .os-day-number,.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.os-month-next .os-day-status,.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.os-month-prev .os-day-number,.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.os-month-prev .os-day-status {
    opacity: .6
}

.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.os-day-current .os-day-box {
    background-color: #eefdec
}

.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box {
    background-color: transparent
}

.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day .os-day-box {
    padding: 12px 5px
}

.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day:nth-child(7n+1) {
    border-left-color: transparent
}

.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.selected.os-not-available .os-day-box {
    background-color: #ec7376
}

.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.selected .os-day-box {
    background-color: var(--latepoint-brand-primary);
    border-color: transparent;
    color: #fff;
    opacity: 1
}

.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.selected .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 .calendar-style-classic .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-status,.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.selected .os-day-box:hover .os-available-slots-tooltip,.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next .os-day-box .os-day-status,.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-prev .os-day-box .os-day-status {
    display: none
}

.latepoint-booking-form-element .calendar-style-classic .os-monthly-calendar-days .os-day.selected.os-today .os-day-box .os-day-number {
    background-color: transparent
}

.latepoint-booking-form-element .calendar-style-modern {
    margin: 0 0 0-15px
}

.latepoint-booking-form-element .calendar-style-modern .os-current-month-label-w {
    padding-left: 14px
}

.latepoint-booking-form-element .calendar-style-modern .os-weekdays .weekday:first-child {
    margin-left: 15px;
    padding-left: 0
}

.latepoint-booking-form-element .calendar-style-modern.os-month-next,.latepoint-booking-form-element .calendar-style-modern.os-month-prev {
    cursor: default
}

.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day {
    text-align: left;
    border-left: 1px solid rgba(0,0,0,.08)
}

.latepoint-booking-form-element .calendar-style-modern .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 .calendar-style-modern .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 .calendar-style-modern .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box .os-day-status,.latepoint-booking-form-element .calendar-style-modern .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 .calendar-style-modern .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 .calendar-style-modern .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next).os-not-available .os-day-box {
    background-color: #ec7376
}

.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next,.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-prev {
    border-left-color: transparent;
    cursor: default
}

.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next .os-day-box,.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-prev .os-day-box {
    pointer-events: none;
    background-color: transparent
}

.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next .os-day-box:hover,.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-prev .os-day-box:hover {
    opacity: 1
}

.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next .os-day-box .os-day-number,.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-prev .os-day-box .os-day-number {
    color: transparent!important
}

.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next {
    display: none
}

.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day:nth-child(7n) .os-available-slots-tooltip,.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day:nth-child(7n+6) .os-available-slots-tooltip {
    left: auto;
    right: 0
}

.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day .os-day-box {
    padding: 15px 0 15px 15px
}

.latepoint-booking-form-element .calendar-style-modern .os-monthly-calendar-days .os-day:nth-child(7n+1) {
    border-left-color: transparent
}

.latepoint-booking-form-element .calendar-style-modern .os-day-status {
    border-radius: 0;
    bottom: 6px;
    left: 15px;
    right: 0;
    height: 5px
}

.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-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,.latepoint-booking-form-element .os-dates-and-times-w.is-searching .os-timezone-info-wrapper,.latepoint-booking-form-element .time-selector-w.hide-not-available-slots .dp-timebox.is-booked,.latepoint-booking-form-element .time-selector-w.hide-not-available-slots .dp-timebox.is-off,.latepoint-booking-form-element .time-selector-w.style-timebox .timeslots .dp-timebox .dp-label-capacity,.latepoint-booking-form-element .time-selector-w.style-timebox .timeslots .dp-timebox.is-off {
    display: none
}

.latepoint-booking-form-element .os-times-w,.os-customer-login-password-fields-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: 0;
    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-success-label,.latepoint-booking-form-element .dp-timebox .dp-tick {
    display: none!important
}

.latepoint-booking-form-element .dp-timebox:hover {
    background-color: #c0fbb8
}

.latepoint-booking-form-element .dp-timebox.is-booked,.latepoint-booking-form-element .dp-timebox.is-off {
    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: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    background-color: var(--latepoint-brand-primary);
    box-shadow: 0 0 0 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: .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 .th-timezone {
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: .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 .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: 0 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,.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,.latepoint-booking-form-element .time-selector-w.with-end-time.time-system-24 .dp-timebox span.dp-label-end-time {
    opacity: .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.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: 0;
    box-shadow: inset 1px 0 0 0#fff,inset -1px 0 0 0#fff;
    border-radius: 0;
    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,.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: #000;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0;
    white-space: nowrap
}

.latepoint-booking-form-element .dp-timeslot .dp-success-label {
    color: rgba(255,255,255,.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;
    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 .2s ease;
    z-index: 10
}

.latepoint-booking-form-element .dp-timeslot .dp-label-capacity {
    display: block;
    color: rgba(255,255,255,.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: 0;
    bottom: 0;
    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,.latepoint-booking-form-element .dp-timeslot.is-off {
    background-color: #e6e9ef;
    margin: 0;
    cursor: not-allowed
}

.latepoint-booking-form-element .dp-timeslot.is-booked .dp-label,.latepoint-booking-form-element .dp-timeslot.is-booked:before,.latepoint-booking-form-element .dp-timeslot.is-booked:hover,.latepoint-booking-form-element .dp-timeslot.is-off .dp-label,.latepoint-booking-form-element .dp-timeslot.is-off:before {
    background-color: #e42806
}

.latepoint-booking-form-element .dp-timeslot.is-off {
    border-color: #fff;
    max-width: 25%
}

.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,.4)
}

.latepoint-booking-form-element .dp-timeslot:hover {
    background-color: #04bb03
}

.latepoint-booking-form-element .dp-timeslot:hover:before {
    top: 0
}

.latepoint-booking-form-element .dp-timeslot:hover .dp-label,.latepoint-w.customer-dashboard-booking-summary-lightbox .os-item-details-popup.open,.latepoint-w.customer-dashboard-order-summary-lightbox .os-item-details-popup.open {
    display: block
}

.os-customer-login-password-fields-w .step-forgot-password-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    z-index: 1;
    text-decoration: underline;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 13px
}

.os-password-reset-form-holder .os-password-reset-form-w {
    margin-bottom: 15px
}

.os-password-reset-form-holder h4 {
    margin: 0 0 5px;
    padding: 0
}

.os-password-reset-form-holder .os-form-message-w {
    margin-bottom: 10px;
    margin-top: 10px
}

.alternative-login-option.os-hidden,.hide-when-entering-otp.os-hidden {
    display: none
}

.alternative-login-option {
    padding: 8px;
    text-decoration: none;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    display: flex;
    align-items: center;
    color: var(--latepoint-body-color);
    border: 1px solid #d5d5d5;
    cursor: pointer;
    margin-bottom: 15px
}

.alternative-login-option i {
    width: 40px;
    font-size: 23px
}

.alternative-login-option span {
    padding-right: 40px;
    text-align: center;
    flex: 1
}

.latepoint-customer-auth-wrapper {
    margin-bottom: 15px
}

.latepoint-message {
    border-radius: var(--latepoint-border-radius)
}

.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: 0 1px 4px -1px rgba(79,239,88,.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: 0 2px 4px rgba(64,55,40,.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: 0;
    padding: 0
}

.latepoint-w.customer-dashboard-booking-summary-lightbox .os-item-details-popup,.latepoint-w.customer-dashboard-order-summary-lightbox .os-item-details-popup {
    position: relative;
    background-color: #fff;
    display: none;
    margin: -30px
}

.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: 0;
    right: 0;
    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 i,.latepoint-w .os-item-details-popup .os-item-details-popup-close span {
    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;
    position: relative
}

.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-head h3 {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.2);
    font-size: 30px;
    margin: 0;
    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,.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: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(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: 0;
    right: 0;
    bottom: 0;
    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,.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: 0 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: 0
}

.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: 0
}

.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-content-i::first-letter,.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-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,.05)
}

.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-content-i::first-letter {
    line-height: 21px;
    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,.1),0 1px 2px 0 rgba(0,0,0,.2);
    background-color: #eee;
    display: none;
    flex-direction: column;
    position: absolute;
    gap: 1px;
    top: 0;
    left: 0;
    animation: .15s cubic-bezier(.05,.45,.1,1) 0s up20;
    animation-fill-mode: both;
    z-index: 1
}

.add-to-calendar-types .atc-heading-wrapper {
    padding: 5px 5px 5px 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 {
    font-family: "latepointIcons"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: ""
}

.add-to-calendar-types .atc-type {
    padding: 10px 15px 10px 10px;
    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(/wp-content/plugins/latepoint/public/images/apple-logo-compact.png)
}

.add-to-calendar-types .atc-type.atc-type-google .atc-type-image {
    background-image: url(/wp-content/plugins/latepoint/public/images/google-logo-compact.png)
}

.add-to-calendar-types .atc-type.atc-type-outlook .atc-type-image {
    background-image: url(/wp-content/plugins/latepoint/public/images/outlook-logo-compact.png)
}

.add-to-calendar-types .atc-type.atc-type-office-365 .atc-type-image {
    background-image: url(/wp-content/plugins/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,.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 transparent;
    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
}

.os-verifiable-field-wrapper {
    position: relative
}

.os-verifiable-field-wrapper .os-verified-badge {
    position: absolute;
    right: 10px;
    top: 3px;
    font-size: 13px;
    background-color: #d5ffc6;
    color: #175908;
    padding: 3px;
    line-height: 1;
    border-radius: 20px;
    display: flex;
    gap: 5px;
    z-index: 1;
    animation: .3s ease .4s selectedSlotCheckmarkOpacity;
    animation-fill-mode: both
}

.os-verifiable-field-wrapper .os-verified-badge .latepoint-icon {
    font-size: 10px
}

/*!
 * Copyright (c) 2024 LatePoint LLC. All rights reserved.
 */
@keyframes LatepointSlideUp {
    0% {
        transform: translate3d(0,40px,0);
        opacity: 0
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes LatepointSlideDown {
    0% {
        transform: translate3d(0,-40px,0);
        opacity: 0
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes LatepointSlideLeft {
    0% {
        transform: translate3d(10px,0,0);
        opacity: 0
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes LatepointSlideRight {
    0% {
        transform: translate3d(-10px,0,0);
        opacity: 0
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes LatepointSlideUpHalf {
    0% {
        transform: translate3d(0,20px,0);
        opacity: 0
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes LatepointSlideUpTiny {
    0% {
        transform: translate3d(0,10px,0);
        opacity: 0
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes LatepointSlideUpTinySolid {
    0% {
        transform: translate3d(0,10px,0)
    }

    to {
        transform: translate3d(0,0,0)
    }
}

@keyframes LatepointSlideDownHalf {
    0% {
        transform: translate3d(0,-20px,0);
        opacity: 0
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes LatepointSlideUpMobileSummary {
    0% {
        transform: translate3d(-50%,-30%,0)
    }

    to {
        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
    }

    to {
        transform: translate(-50%,-50%) rotate(360deg);
        opacity: 0
    }
}

@keyframes os-loading {
    0% {
        transform: translate(-50%,-50%) rotate(0deg);
        opacity: 1
    }

    50% {
        transform: translate(-50%,-50%) rotate(180deg);
        opacity: .2
    }

    to {
        transform: translate(-50%,-50%) rotate(360deg);
        opacity: 1
    }
}

@keyframes stepCategoryItem {
    0% {
        transform: translate3d(0,-10px,0);
        opacity: 0
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.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: ""
}

.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
}

.latepoint-calendar-filters select.os-form-control,.le-range-selector 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,.3)
}

.latepoint-calendar-controls .le-label,.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,.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 transparent;
    border-radius: 20px;
    position: absolute;
    top: 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 {
    left: 50%
}

.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: 0;
    right: 0;
    top: 0;
    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: 0;
    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,.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 transparent;
    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,.05);
    left: 15px;
    top: 12px;
    line-height: 1;
    overflow: hidden;
    right: 0
}

.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslot,.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 0#ddd,0 3px 0 0 rgba(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 {
    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 transparent;
    border-radius: 20px;
    position: absolute;
    transform: translate(-50%,-50%);
    animation: os-loading 700ms infinite linear;
    background-color: transparent!important;
    top: 10px;
    right: 0;
    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: .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 3px 3px 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: 0;
    bottom: -1px;
    left: 0;
    width: 3px;
    display: block;
    transition: all .15s ease
}

.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-time-period {
    transition: transform .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 .15s ease
}

.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: 0 1px 1px
}

.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-next,.latepoint-calendar-month .le-day-wrapper.os-month-prev {
    background-color: #f9f9f9
}

.latepoint-calendar-month .le-day-wrapper.os-day-passed .le-day-number,.latepoint-calendar-month .le-day-wrapper.os-month-next .le-day-number,.latepoint-calendar-month .le-day-wrapper.os-month-prev .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-next .le-service-wrapper,.latepoint-calendar-month .le-day-wrapper.os-month-prev .le-service-wrapper {
    opacity: .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 {
    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);
    top: 50%;
    left: 50%
}

.latepoint-calendar-month .le-day-wrapper .os-day-month {
    position: absolute;
    z-index: 1;
    font-size: 60px;
    color: rgba(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,.latepoint-calendar-month .le-day-wrapper .le-more-services.os-loading:before,.latepoint-calendar-month .le-day-wrapper .le-service-wrapper.os-loading:before {
    display: block;
    content: "";
    border-right: 2px solid transparent;
    border-radius: 20px;
    position: absolute;
    transform: translate(-50%,-50%);
    animation: os-loading 700ms infinite linear;
    background-color: transparent!important
}

.latepoint-calendar-month .le-day-wrapper .le-day-number.os-loading:before {
    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);
    top: 50%;
    left: 50%
}

.latepoint-calendar-month .le-day-wrapper .le-service-wrapper {
    padding: 3px 3px 3px 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,.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: .6
}

.latepoint-calendar-month .le-day-wrapper .le-service-wrapper.is-passed:hover .is-passed-message,.latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close i,.latepoint-lightbox-w .latepoint-lightbox-i>.latepoint-lightbox-close i,.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .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 {
    width: 8px!important;
    height: 8px!important;
    border-bottom: 2px solid #111;
    border-left: 2px solid #111;
    border-top: 2px solid #111;
    top: 10px;
    right: 0;
    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 .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,.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: 0!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 0#ddd,0 3px 0 0 rgba(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 3px 3px 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: .6
}

.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: 0;
    bottom: -1px;
    left: -1px;
    width: 3px;
    display: block;
    transition: all .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 .15s ease
}

.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-time-period {
    transition: transform .15s ease
}

.latepoint-w .latepoint-booking-form-element .payment-total-info {
    animation: .4s cubic-bezier(.45,1,.4,1.2) 0ms LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .latepoint-timezone-selector-w {
    animation: .3s cubic-bezier(.45,1,.4,1.2) 0ms LatepointSlideUpHalf;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .lp-demo-mode-msg {
    animation: .4s cubic-bezier(.45,1,.4,1.2) .2ms LatepointSlideDown;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .lp-card-i {
    animation: .4s cubic-bezier(.45,1,.4,1.2) 0ms LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .lp-paypal-btn-trigger,.latepoint-w .latepoint-booking-form-element .lp-paypal-demo-mode-trigger {
    animation: .4s cubic-bezier(.45,1.1,.4,1.2) .1s LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option,.latepoint-w .latepoint-booking-form-element .os-animated-parent>.os-animated-child>.os-animated-self,.latepoint-w .latepoint-booking-form-element .total-attendees-selector-w {
    animation: .4s cubic-bezier(.45,1,.4,1.2) .1s LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(1),.latepoint-w .latepoint-booking-form-element .os-animated-parent>.os-animated-child:nth-child(1)>.os-animated-self {
    animation: .4s cubic-bezier(.45,1,.4,1.2) 0ms LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(2),.latepoint-w .latepoint-booking-form-element .os-animated-parent>.os-animated-child:nth-child(2)>.os-animated-self {
    animation: .4s cubic-bezier(.45,1,.4,1.2) 70ms LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(3),.latepoint-w .latepoint-booking-form-element .os-animated-parent>.os-animated-child:nth-child(3)>.os-animated-self {
    animation: .4s cubic-bezier(.45,1,.4,1.2) 140ms LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(4),.latepoint-w .latepoint-booking-form-element .os-animated-parent>.os-animated-child:nth-child(4)>.os-animated-self {
    animation: .4s cubic-bezier(.45,1,.4,1.2) 210ms LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(5),.latepoint-w .latepoint-booking-form-element .os-animated-parent>.os-animated-child:nth-child(5)>.os-animated-self {
    animation: .4s cubic-bezier(.45,1,.4,1.2) 280ms LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(6),.latepoint-w .latepoint-booking-form-element .os-animated-parent>.os-animated-child:nth-child(6)>.os-animated-self {
    animation: .4s cubic-bezier(.45,1,.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: .4s cubic-bezier(.45,1,.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: .4s cubic-bezier(.45,1,.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: .4s cubic-bezier(.45,1,.4,1.2) 560ms LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-centered h4,.latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-left h4,.latepoint-w .latepoint-booking-form-element .select-total-attendees-label h4 {
    animation: .4s cubic-bezier(.45,1.1,.4,1.2) 0s LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-centered div,.latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-left div,.latepoint-w .latepoint-booking-form-element .select-total-attendees-label div {
    animation: .4s cubic-bezier(.45,1.1,.4,1.2) .05s LatepointSlideUp;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .total-attendees-selector-plus {
    animation: .3s cubic-bezier(.45,1,.4,1.2) .25s LatepointSlideLeft;
    animation-fill-mode: both
}

.latepoint-w .latepoint-booking-form-element .total-attendees-selector-minus {
    animation: .3s cubic-bezier(.45,1,.4,1.2) .25s LatepointSlideRight;
    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 transparent;
    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: .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 .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 .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: .05s
}

.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(2) {
    transition-delay: .1s
}

.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(3) {
    transition-delay: .15s
}

.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(4) {
    transition-delay: .2s
}

.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(5) {
    transition-delay: .25s
}

.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(6) {
    transition-delay: .3s
}

.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(7) {
    transition-delay: .35s
}

.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(8) {
    transition-delay: .4s
}

.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(9) {
    transition-delay: .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-message,.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content,.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group {
    transition: all .3s cubic-bezier(.25,1.15,.5,1.2);
    opacity: 1;
    transform: translateY(0)
}

.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w {
    transform: translateY(0)
}

.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(1) {
    transition-delay: .05s
}

.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(2) {
    transition-delay: .1s
}

.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(3) {
    transition-delay: .15s
}

.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(4) {
    transition-delay: .2s
}

.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(5) {
    transition-delay: .25s
}

.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(6) {
    transition-delay: .3s
}

.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(7) {
    transition-delay: .35s
}

.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(8) {
    transition-delay: .4s
}

.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(9) {
    transition-delay: .45s
}

.latepoint-w .latepoint-booking-form-element.step-changing .os-heading-text {
    transition: all .3s ease;
    transform: translateX(-15px);
    opacity: 0
}

.latepoint-w .latepoint-booking-form-element.step-changing .latepoint-step-desc .latepoint-desc-media {
    transition: all .7s cubic-bezier(.25,1.15,.5,1);
    transform: translateX(-25px);
    opacity: 0
}

.latepoint-w .latepoint-booking-form-element.step-changing .latepoint-step-desc .latepoint-desc-title {
    transition: all .5s ease;
    transition-delay: .05s;
    transform: translateX(-15px);
    opacity: 0
}

.latepoint-w .latepoint-booking-form-element.step-changing .latepoint-step-desc .latepoint-desc-content {
    transition: all .5s ease;
    transition-delay: .1s;
    transform: translateX(-20px);
    opacity: 0
}

.latepoint-w .latepoint-booking-form-element.step-changed .latepoint-heading-w .os-heading-text,.latepoint-w .latepoint-booking-form-element.step-changed .latepoint-step-desc .latepoint-desc-media {
    transition: all .5s cubic-bezier(.25,1.15,.5,1);
    transform: translateX(0);
    opacity: 1
}

.latepoint-w .latepoint-booking-form-element.step-changed .latepoint-step-desc .latepoint-desc-title {
    transition: all .5s cubic-bezier(.25,1.15,.5,1);
    transform: translateX(0);
    transition-delay: .1s;
    opacity: 1
}

.latepoint-w .latepoint-booking-form-element.step-changed .latepoint-step-desc .latepoint-desc-content {
    transition: all .5s cubic-bezier(.25,1.15,.5,1);
    transform: translateX(0);
    transition-delay: .2s;
    opacity: 1
}

.latepoint-lightbox-w {
    background-color: rgba(0,0,0,.4);
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    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,.05);
    background-color: #f8f8f8;
    display: flex;
    align-items: center
}

.latepoint-lightbox-w .latepoint-lightbox-heading h2 {
    color: #14161d;
    margin: 0;
    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: 0;
    box-shadow: none;
    padding: 5px
}

.latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close .latepoint-icon-x:before {
    content: ""
}

.latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close:focus {
    outline: 0
}

.latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close:hover {
    background-color: rgba(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: 0 2px 4px rgba(0,0,0,.2),0 20px 50px rgba(0,0,0,.4);
    max-height: 94vh;
    overflow: auto;
    display: flex;
    flex-direction: column;
    z-index: 9999;
    border-radius: var(--latepoint-border-radius-md)
}

.latepoint-lightbox-w .latepoint-lightbox-i.os-loading .latepoint-lightbox-content {
    min-height: 100px;
    position: relative
}

.clean-layout-content-wrapper.os-loading .clean-layout-content-body>div,.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 transparent;
    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: 0;
    box-shadow: none;
    padding: 5px;
    border-radius: var(--latepoint-border-radius)
}

.latepoint-lightbox-w .latepoint-lightbox-i>.latepoint-lightbox-close .latepoint-icon-x:before {
    content: ""
}

.latepoint-lightbox-w .latepoint-lightbox-i>.latepoint-lightbox-close:focus {
    outline: 0
}

.latepoint-lightbox-w .latepoint-lightbox-i>.latepoint-lightbox-close:hover {
    background-color: rgba(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-booking-form-element form.latepoint-form,.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 a,.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: 0;
    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,.1),0 8px 35px -3px rgba(0,0,0,.1);
    background-color: #fff;
    margin: 0 auto;
    position: relative
}

.clean-layout-content-wrapper .clean-layout-content-header {
    padding: 20px 40px;
    border-bottom: 1px solid rgba(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,.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: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 transparent;
    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;
    border-radius: var(--latepoint-border-radius);
    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: .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;
    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
}

/*!
 * Copyright (c) 2022 LatePoint LLC. All rights reserved.
 */
@keyframes osLightboxMobileAnimation {
    0% {
        transform: translate3d(0,10%,0) scale(.9);
        opacity: 0
    }

    to {
        transform: translate3d(0,0,0) scale(1);
        opacity: 1
    }
}

.summary-heading.summary-variant-heading+.main-box {
    padding-top: 0
}

.latepoint-summary-w .summary-box .sbc-highlighted-item {
    font-size: 15px;
    margin-top: 2px
}

.latepoint-summary-w .summary-box .sbc-highlighted-item .os-timezone-info {
    font-size: 13px
}

.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 .qr-show-trigger,.latepoint-summary-w .summary-box.main-box .summary-box-booking-date-box {
    display: none
}

.latepoint-summary-w .summary-box-heading .sbh-line {
    background-color: transparent;
    border-bottom: 1px solid rgba(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.compact-summary .summary-price-item-w:not(.spi-total),.latepoint-summary-w .os-summary-contents-inner .summary-price-breakdown-wrapper:not(.compact-summary) .price-breakdown-unfold {
    display: none
}

.latepoint-summary-w .os-cart-item {
    position: relative;
    flex: 1
}

.summary-heading {
    margin-top: 20px
}

.checkout-from-summary-panel-btn-wrapper.os-mobile-only,.latepoint-summary-w .cart-item-wrapper .summary-attributes,.latepoint-summary-w .os-summary-contents-inner .summary-price-breakdown-wrapper.compact-summary .pb-heading {
    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 .2s ease
}

.summary-heading .summary-box-heading,.summary-price-breakdown-wrapper .summary-box-heading {
    display: none
}

.summary-heading .pb-heading,.summary-price-breakdown-wrapper .pb-heading {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    gap: 10px
}

.summary-box-heading .sbh-item,.summary-heading .pb-heading .pbh-label,.summary-price-breakdown-wrapper .pb-heading .pbh-label {
    color: #7c85a3;
    position: relative;
    font-size: 15px
}

.summary-box-heading .sbh-line,.summary-heading .pb-heading .pbh-line,.summary-price-breakdown-wrapper .pb-heading .pbh-line {
    height: 10px;
    background-color: rgba(0,0,0,.03);
    flex: 1;
    border-radius: var(--latepoint-border-radius)
}

.summary-section-heading {
    font-size: 17px;
    color: #14161d;
    margin-bottom: 15px
}

.summary-box-heading {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.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 {
    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,.summary-box.main-box+.summary-box.main-box {
    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-inner {
    flex: 1
}

.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,.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: 0;
    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 transparent;
    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 {
    text-transform: uppercase;
    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(/wp-content/plugins/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: 13px
}

.summary-box .sbc-main-item.sbc-with-action {
    display: flex;
    gap: 5px;
    align-items: flex-start
}

.summary-box .sbc-main-item.sbc-with-action .sbc-action {
    color: var(--latepoint-brand-primary);
    cursor: pointer;
    font-size: 13px
}

.summary-box .sbc-link-item,.summary-box .sbc-sub-item {
    color: #7c85a3;
    font-size: 13px;
    display: inline-block
}

.summary-box .sbc-link-item {
    text-decoration: none!important;
    border-bottom: 1px dotted #7c85a3;
    cursor: pointer
}

.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: 4px
}

.summary-box .sbc-highlighted-item {
    color: #7c85a3;
    font-size: 15px
}

.summary-box .sbc-highlighted-item .os-timezone-info {
    font-size: 13px
}

.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,.summary-price-item-w .spi-price,.summary-price-item-w.spi-total {
    color: var(--latepoint-body-color);
    font-weight: 400
}

.summary-price-item-w.spi-strong .spi-name,.summary-price-item-w.spi-strong .spi-price,.summary-price-item-w.spi-total .spi-name,.summary-price-item-w.spi-total .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;
    margin-bottom: 0
}

.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 .4s cubic-bezier(.05,.45,.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 transparent;
    border-radius: 20px;
    position: absolute;
    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: 0;
    text-align: right;
    border-bottom: 1px solid rgba(0,0,0,.05)
}

.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 .os-summary-contents-inner .active-cart-item-wrapper.is-separated .summary-box.main-box .sbc-highlighted-item,.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: 0
}

.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 .cart-summary-main-section,.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 .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
}

.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
}

.bundle-scheduled-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions span,.customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions span,.customer-dashboard-order-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions span,.latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-link span,.manage-booking-wrapper .fsoi-main-wrapper .order-full-summary-actions span,.manage-order-wrapper .fsoi-main-wrapper .order-full-summary-actions 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 {
    padding: 25px 30px 30px;
    margin: 20px -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,.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: 0
}

.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) .sbc-link-item,.latepoint-w .latepoint-summary-w .summary-box:not(.main-box) .sbc-sub-item,.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
}

.booking-full-summary-actions .booking-summary-action-btn i,.booking-full-summary-actions .booking-summary-action-btn span,.latepoint-w .latepoint-booking-form-element.current-step-customer .latepoint-summary-w .os-summary-contents-inner .latepoint-add-another-item-trigger-wrapper.on-summary,.latepoint-w .latepoint-summary-w .summary-boxes-columns {
    display: block
}

.latepoint-clean-body {
    margin: 0
}

.latepoint-clean-body .latepoint-w.latepoint-inline-form .latepoint-booking-form-element {
    box-shadow: 0 10px 30px 0 rgba(36,36,36,.45),0 1px 2px 0 rgba(87,87,87,.74)
}

.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;
    min-height: 100%
}

.latepoint-w .manage-order-wrapper .booking-summary-info-w,.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-booking-wrapper,.latepoint-w .manage-order-wrapper {
    max-width: 550px;
    box-shadow: 0 1px 2px rgba(0,0,0,.1),0 8px 35px -3px rgba(0,0,0,.1);
    background-color: #fff;
    margin: 0 auto;
    position: relative
}

.latepoint-w .manage-booking-wrapper.os-loading .manage-booking-inner,.latepoint-w .manage-order-wrapper.os-loading .manage-booking-inner {
    filter: blur(3px)
}

.latepoint-w .manage-booking-wrapper.os-loading:after,.latepoint-w .manage-order-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 transparent;
    border-radius: 20px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    animation: os-loading 700ms infinite linear;
    background-color: transparent!important;
    top: 85px;
    z-index: 9999
}

.latepoint-w .manage-booking-wrapper .manage-booking-inner,.latepoint-w .manage-order-wrapper .manage-booking-inner {
    padding: 70px 50px 50px;
    position: relative
}

.latepoint-w .manage-booking-wrapper .manage-booking-inner:before,.latepoint-w .manage-order-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-booking-wrapper .manage-booking-inner:before {
    top: 60px
}

.latepoint-w .manage-booking-wrapper .manage-status-info,.latepoint-w .manage-order-wrapper .manage-status-info {
    display: flex;
    gap: 5px;
    align-items: center;
    margin-right: auto
}

.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-label,.latepoint-w .manage-order-wrapper .manage-status-info .status-info-label {
    color: rgba(255,255,255,.5);
    display: none
}

.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value,.latepoint-w .manage-order-wrapper .manage-status-info .status-info-value {
    color: #fff;
    font-weight: 600;
    padding: 2px 6px
}

.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-not_fulfilled,.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-open,.latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-not_fulfilled,.latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-open {
    background-color: #fff;
    color: #000
}

.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-approved,.latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-approved {
    background-color: #74ff60;
    color: #000
}

.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-cancelled,.latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-cancelled {
    background-color: #e81818;
    color: #fff
}

.latepoint-w .manage-booking-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-order-wrapper .manage-status-info .status-info-value.status-payment_pending,.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 {
    background-color: #ffe75e;
    color: #000
}

.latepoint-w .manage-booking-wrapper .manage-booking-controls,.latepoint-w .manage-order-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-booking-wrapper .manage-booking-controls.status-cancelled,.latepoint-w .manage-order-wrapper .manage-booking-controls.status-cancelled {
    background-color: #e81819
}

.latepoint-w .manage-booking-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-order-wrapper .manage-booking-controls.status-payment_pending,.latepoint-w .manage-order-wrapper .manage-booking-controls.status-pending,.latepoint-w .manage-order-wrapper .manage-booking-controls.status-pending_approval {
    background-color: #c6a573
}

.latepoint-w .manage-booking-wrapper .manage-booking-controls .latepoint-btn,.latepoint-w .manage-order-wrapper .manage-booking-controls .latepoint-btn {
    padding: 0!important
}

.latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group,.latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group {
    display: flex;
    align-items: center;
    margin: 0!important;
    gap: 8px
}

.latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group .os-form-control,.latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group .os-form-control {
    transition: none!important
}

.latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group label,.latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group label {
    font-size: 18px;
    font-weight: 600;
    color: #fff
}

.latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group select,.latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group select {
    font-size: 18px!important;
    padding: 6px!important;
    border-radius: 6px!important;
    border: 0!important;
    box-shadow: 0 1px 2px rgba(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 .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;
    border-radius: var(--latepoint-border-radius)
}

.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 transparent;
    border-radius: 20px;
    position: absolute;
    top: 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
}

.bundle-scheduled-summary-lightbox .summary-box-heading .sbh-item,.customer-dashboard-booking-summary-lightbox .summary-box-heading .sbh-item,.customer-dashboard-order-summary-lightbox .summary-box-heading .sbh-item,.manage-booking-wrapper .summary-box-heading .sbh-item,.manage-order-wrapper .summary-box-heading .sbh-item {
    color: #7c85a3;
    font-weight: 600;
    font-size: 15px
}

.bundle-scheduled-summary-lightbox .order-summary-main-section,.customer-dashboard-booking-summary-lightbox .order-summary-main-section,.customer-dashboard-order-summary-lightbox .order-summary-main-section,.manage-booking-wrapper .order-summary-main-section,.manage-order-wrapper .order-summary-main-section {
    margin-bottom: 20px
}

.bundle-scheduled-summary-lightbox .part-of-bundle-message,.customer-dashboard-booking-summary-lightbox .part-of-bundle-message,.customer-dashboard-order-summary-lightbox .part-of-bundle-message,.manage-booking-wrapper .part-of-bundle-message,.manage-order-wrapper .part-of-bundle-message {
    padding: 8px;
    background-color: #f1f3ff;
    text-align: center;
    font-size: 13px;
    margin-top: 20px
}

.bundle-scheduled-summary-lightbox .part-of-bundle-message a,.customer-dashboard-booking-summary-lightbox .part-of-bundle-message a,.customer-dashboard-order-summary-lightbox .part-of-bundle-message a,.manage-booking-wrapper .part-of-bundle-message a,.manage-order-wrapper .part-of-bundle-message a {
    color: var(--latepoint-brand-primary);
    text-decoration: none;
    border-bottom: 1px dotted var(--latepoint-brand-primary)
}

.bundle-scheduled-summary-lightbox .full-summary-head-info,.customer-dashboard-booking-summary-lightbox .full-summary-head-info,.customer-dashboard-order-summary-lightbox .full-summary-head-info,.manage-booking-wrapper .full-summary-head-info,.manage-order-wrapper .full-summary-head-info {
    position: relative
}

.bundle-scheduled-summary-lightbox .full-summary-head-info .add-to-calendar-wrapper,.customer-dashboard-booking-summary-lightbox .full-summary-head-info .add-to-calendar-wrapper,.customer-dashboard-order-summary-lightbox .full-summary-head-info .add-to-calendar-wrapper,.manage-booking-wrapper .full-summary-head-info .add-to-calendar-wrapper,.manage-order-wrapper .full-summary-head-info .add-to-calendar-wrapper {
    display: inline-block
}

.bundle-scheduled-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,.customer-dashboard-order-summary-lightbox .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,.manage-order-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent {
    display: block;
    margin: 0 auto 30px;
    padding-bottom: 20px;
    border-bottom: 1px dashed rgba(0,0,0,.1)
}

.bundle-scheduled-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,.customer-dashboard-order-summary-lightbox .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,.manage-order-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger {
    display: none
}

.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-show-trigger,.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-show-trigger,.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-show-trigger,.manage-booking-wrapper .qr-code-on-full-summary .qr-show-trigger,.manage-order-wrapper .qr-code-on-full-summary .qr-show-trigger {
    float: right;
    width: 100px;
    text-align: center;
    padding-top: 20px;
    cursor: pointer
}

.bundle-scheduled-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,.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .latepoint-icon,.manage-booking-wrapper .qr-code-on-full-summary .qr-show-trigger .latepoint-icon,.manage-order-wrapper .qr-code-on-full-summary .qr-show-trigger .latepoint-icon {
    font-size: 45px;
    color: #111
}

.bundle-scheduled-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,.customer-dashboard-order-summary-lightbox .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,.manage-order-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: .5px;
    margin-top: 10px;
    font-size: 12px;
    text-transform: uppercase
}

.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-booking-info,.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-vevent,.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-booking-info,.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-vevent,.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-code-booking-info,.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-code-vevent,.manage-booking-wrapper .qr-code-on-full-summary .qr-code-booking-info,.manage-booking-wrapper .qr-code-on-full-summary .qr-code-vevent,.manage-order-wrapper .qr-code-on-full-summary .qr-code-booking-info,.manage-order-wrapper .qr-code-on-full-summary .qr-code-vevent {
    display: none
}

.bundle-scheduled-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,.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-code-vevent img,.manage-booking-wrapper .qr-code-on-full-summary .qr-code-vevent img,.manage-order-wrapper .qr-code-on-full-summary .qr-code-vevent img {
    display: block;
    margin: 0 auto
}

.bundle-scheduled-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,.customer-dashboard-order-summary-lightbox .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,.manage-order-wrapper .qr-code-on-full-summary .qr-code-vevent .qr-code-label {
    font-size: 13px;
    text-align: center;
    font-weight: 500;
    padding: 10px 15px;
    background: #fff1af;
    line-height: 1.4;
    color: #000
}

.bundle-scheduled-summary-lightbox .payment-summary-info .full-summary-info-w,.customer-dashboard-booking-summary-lightbox .payment-summary-info .full-summary-info-w,.customer-dashboard-order-summary-lightbox .payment-summary-info .full-summary-info-w,.manage-booking-wrapper .payment-summary-info .full-summary-info-w,.manage-order-wrapper .payment-summary-info .full-summary-info-w {
    margin-top: 0
}

.bundle-scheduled-summary-lightbox .full-summary-header,.customer-dashboard-booking-summary-lightbox .full-summary-header,.customer-dashboard-order-summary-lightbox .full-summary-header,.manage-booking-wrapper .full-summary-header,.manage-order-wrapper .full-summary-header {
    margin-bottom: 0;
    margin-top: 0
}

.bundle-scheduled-summary-lightbox .full-summary-number,.customer-dashboard-booking-summary-lightbox .full-summary-number,.customer-dashboard-order-summary-lightbox .full-summary-number,.manage-booking-wrapper .full-summary-number,.manage-order-wrapper .full-summary-number {
    color: #7c85a3;
    padding-top: 0;
    margin-bottom: 8px;
    font-size: 13px;
    letter-spacing: .5px;
    text-transform: uppercase;
    font-weight: 600
}

.bundle-scheduled-summary-lightbox .full-summary-number strong,.customer-dashboard-booking-summary-lightbox .full-summary-number strong,.customer-dashboard-order-summary-lightbox .full-summary-number strong,.manage-booking-wrapper .full-summary-number strong,.manage-order-wrapper .full-summary-number strong {
    color: #14161d
}

.bundle-scheduled-summary-lightbox .full-summary-order-info-wrapper,.customer-dashboard-booking-summary-lightbox .full-summary-order-info-wrapper,.customer-dashboard-order-summary-lightbox .full-summary-order-info-wrapper,.manage-booking-wrapper .full-summary-order-info-wrapper,.manage-order-wrapper .full-summary-order-info-wrapper {
    position: relative;
    margin-bottom: 40px
}

.bundle-scheduled-summary-lightbox .fsoi-main-wrapper .fsoi-main,.customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .fsoi-main,.customer-dashboard-order-summary-lightbox .fsoi-main-wrapper .fsoi-main,.manage-booking-wrapper .fsoi-main-wrapper .fsoi-main,.manage-order-wrapper .fsoi-main-wrapper .fsoi-main {
    font-size: 32px;
    margin-bottom: 5px;
    color: #7c85a3;
    display: flex
}

.bundle-scheduled-summary-lightbox .fsoi-main-wrapper .fsoi-main strong,.customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .fsoi-main strong,.customer-dashboard-order-summary-lightbox .fsoi-main-wrapper .fsoi-main strong,.manage-booking-wrapper .fsoi-main-wrapper .fsoi-main strong,.manage-order-wrapper .fsoi-main-wrapper .fsoi-main strong {
    color: #14161d;
    font-weight: 600
}

.bundle-scheduled-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions,.customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions,.customer-dashboard-order-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions,.manage-booking-wrapper .fsoi-main-wrapper .order-full-summary-actions,.manage-order-wrapper .fsoi-main-wrapper .order-full-summary-actions {
    display: flex;
    gap: 20px;
    margin-bottom: 15px
}

.bundle-scheduled-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions a,.customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions a,.customer-dashboard-order-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions a,.manage-booking-wrapper .fsoi-main-wrapper .order-full-summary-actions a,.manage-order-wrapper .fsoi-main-wrapper .order-full-summary-actions a {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--latepoint-brand-primary);
    text-decoration: none
}

.bundle-scheduled-summary-lightbox .full-summary-order-info-elements,.customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements,.customer-dashboard-order-summary-lightbox .full-summary-order-info-elements,.manage-booking-wrapper .full-summary-order-info-elements,.manage-order-wrapper .full-summary-order-info-elements {
    display: flex;
    gap: 10px;
    font-size: 15px
}

.bundle-scheduled-summary-lightbox .full-summary-order-info-elements .fsoi-element,.customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements .fsoi-element,.customer-dashboard-order-summary-lightbox .full-summary-order-info-elements .fsoi-element,.manage-booking-wrapper .full-summary-order-info-elements .fsoi-element,.manage-order-wrapper .full-summary-order-info-elements .fsoi-element {
    display: flex;
    gap: 2px
}

.bundle-scheduled-summary-lightbox .full-summary-order-info-elements span,.customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements span,.customer-dashboard-order-summary-lightbox .full-summary-order-info-elements span,.manage-booking-wrapper .full-summary-order-info-elements span,.manage-order-wrapper .full-summary-order-info-elements span {
    color: #7c85a3;
    display: block
}

.bundle-scheduled-summary-lightbox .full-summary-order-info-elements strong,.customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements strong,.customer-dashboard-order-summary-lightbox .full-summary-order-info-elements strong,.manage-booking-wrapper .full-summary-order-info-elements strong,.manage-order-wrapper .full-summary-order-info-elements strong {
    color: #14161d;
    display: block
}

@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: .4s cubic-bezier(.45,1,.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,.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-booking-form-element:before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(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-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: 0 10px 28px -5px rgba(0,0,0,.4),0 2px 3px 0 rgba(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: .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-filter span,.latepoint-calendar-controls .le-navigation .le-today {
        display: none
    }

    .latepoint-calendar-controls .le-month,.latepoint-calendar-controls .le-week {
        white-space: nowrap;
        flex: 0 0 100%;
        text-align: center
    }

    .latepoint-calendar-controls .le-filter {
        padding: 10px 12px
    }

    .latepoint-calendar-controls .le-range-selector,.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-trigger-w a {
        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 {
        padding-left: 0;
        padding-bottom: 10px
    }

    .latepoint-calendar-week .le-day-wrapper {
        flex: 0 0 100px
    }

    .latepoint-calendar-month,.latepoint-calendar-week {
        grid-template-columns: 200px 200px 200px 200px 200px 200px 200px;
        overflow-x: auto
    }

    .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: 0
    }

    .latepoint-w .manage-booking-wrapper,.latepoint-w .manage-order-wrapper {
        margin: 0
    }

    .latepoint-w .manage-booking-wrapper .manage-booking-controls,.latepoint-w .manage-order-wrapper .manage-booking-controls {
        padding: 10px;
        gap: 10px
    }

    .latepoint-w .manage-booking-wrapper .manage-booking-inner,.latepoint-w .manage-order-wrapper .manage-booking-inner {
        padding: 100px 20px 20px
    }

    .latepoint-resources-items-w,.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-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(.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: 0!important
    }

    .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input,.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: .4s cubic-bezier(.45,1,.4,1.1) 0ms LatepointSlideUpMobileSummary;
        animation-fill-mode: both
    }

    .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,.3);
        z-index: 3
    }

    .latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-lightbox-summary-trigger,.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-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: 0 10px 28px -5px rgba(0,0,0,.4),0 2px 3px 0 rgba(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-booking-form-element.latepoint-border-radius-rounded {
        border-radius: 0
    }

    .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-w .latepoint-booking-form-element .latepoint-progress ul li {
        margin: 0 3px
    }

    .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn {
        padding: 10px
    }

    .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .step-datepicker-w {
        padding: 0
    }

    .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 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=password].os-form-control,.latepoint-w .os-form-group.os-form-textfield-group input[type=tel].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 select.os-form-control,.latepoint-w .os-form-group.os-form-textfield-group textarea.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: 0;
        text-align: center;
        white-space: nowrap
    }

    .latepoint-w .customer-dashboard-tabs a+a {
        margin-left: 15px
    }

    .latepoint-w .customer-dashboard-tabs a:after {
        bottom: 0;
        top: auto;
        height: 0;
        width: 100%
    }

    .latepoint-w .customer-dashboard-tabs a.active:after {
        height: 3px
    }

    .latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-child-count,.latepoint-w .latepoint-booking-form-element .step-services-w .os-item-category-w .os-item-category-info .os-item-category-services-count,.latepoint-w .latepoint-section-heading-w .heading-extra,.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-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-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 0
    }

    .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 0
    }

    .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-input-w {
        margin-left: 0!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: 0!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-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: 0;
        right: 0;
        display: block;
        flex: 1;
        padding: 0;
        border: 0!important;
        background-color: #fff
    }

    .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-progress,.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-step-desc-w,.latepoint-w .latepoint-summary-w {
        display: none!important
    }

    .latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w {
        margin-top: 0;
        padding: 10px 15px;
        border-bottom: 1px solid rgba(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: 0;
        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-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: .4s cubic-bezier(0,1,.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%,0) scale(1.2);
            opacity: 0
        }

        to {
            transform: translate3d(0,-50%,0) 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,.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,.1)
    }

    .latepoint-w.latepoint-with-summary.latepoint-summary-is-open.latepoint-hide-side-panel {
        grid-template-columns: min-content
    }
}

/*!
 * Copyright (c) 2023 LatePoint LLC. All rights reserved.
 */
@media print {
    .summary-box-wrapper+.summary-box-wrapper {
        border-top: 2px solid #111;
        margin-top: 30px;
        padding-top: 30px
    }

    .confirmation-info-w .order-item-bundle-info-wrapper .bundle-icon,.confirmation-info-w .schedule-bundle-booking-btn-wrapper,.full-summary-wrapper .order-item-bundle-info-wrapper .bundle-icon,.full-summary-wrapper .schedule-bundle-booking-btn-wrapper,.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
    }

    .qr-code-booking-info img,.qr-code-vevent img {
        width: 200px;
        height: auto
    }

    .fsoi-element {
        margin-top: 5px
    }

    .booking-full-summary-actions,.part-of-bundle-message,.summary-box .sbc-link-item,.summary-box .sbc-main-item a,.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-big-item {
        font-size: 22px
    }

    .summary-box .sbc-highlighted-item {
        font-size: 18px;
        color: #000
    }

    .confirmation-info-w .summary-box-heading,.full-summary-wrapper .summary-box-heading {
        margin-bottom: 5px
    }

    .confirmation-info-w .summary-box .sbc-main-item,.full-summary-wrapper .summary-box .sbc-main-item {
        font-size: 18px
    }

    .latepoint-w .summary-boxes-columns .summary-box {
        margin-bottom: 20px
    }

    .summary-attributes {
        padding: 0;
        background-color: transparent
    }

    .booking-status-info-wrapper {
        padding: 20px 0;
        margin: 0 0 30px;
        border-bottom: 2px solid #111;
        flex-direction: row-reverse;
        justify-content: space-between
    }

    .booking-status-info-wrapper .booking-confirmation,.booking-status-info-wrapper .booking-status-label {
        font-size: 22px
    }

    .booking-status-info-wrapper .booking-status-icon,.fsoi-main-wrapper,.latepoint-print-summary-w .qr-code-on-full-summary .qr-show-trigger,.summary-box.main-box .qr-show-trigger,.summary-box.main-box .summary-box-booking-date-box {
        display: none
    }

    .booking-status-info-wrapper .booking-confirmation {
        margin-left: 0
    }

    .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-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: 0 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: 0
    }

    .latepoint-print-summary-w .full-summary-header {
        margin-bottom: 0;
        margin-top: 0
    }

    .latepoint-print-summary-w .full-summary-number {
        color: #7c85a3;
        padding-top: 0;
        margin-bottom: 8px;
        font-size: 13px;
        letter-spacing: .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 .lp_iti,.latepoint-admin .lp_iti {
    position: relative;
    display: flex;
    align-items: flex-end
}

.latepoint .lp_iti *,.latepoint-admin .lp_iti * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.latepoint .lp_iti__hide,.latepoint-admin .lp_iti__hide {
    display: none
}

.latepoint .lp_iti__v-hide,.latepoint-admin .lp_iti__v-hide {
    visibility: hidden
}

.latepoint .lp_iti input,.latepoint .lp_iti input[type=tel],.latepoint .lp_iti input[type=text],.latepoint-admin .lp_iti input,.latepoint-admin .lp_iti input[type=tel],.latepoint-admin .lp_iti input[type=text] {
    position: relative;
    z-index: 0;
    margin-top: 0!important;
    margin-bottom: 0!important;
    padding-right: 36px;
    margin-right: 0
}

.latepoint .lp_iti__flag-container,.latepoint-admin .lp_iti__flag-container {
    position: relative
}

.latepoint .lp_iti__selected-flag,.latepoint-admin .lp_iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px 6px 8px 0;
    min-height: 20px
}

.latepoint .lp_iti__arrow,.latepoint-admin .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: 0
}

.latepoint .lp_iti__arrow--up,.latepoint-admin .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 .lp_iti__country-list,.latepoint-admin .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: 0 5px 8px -3px rgba(0,0,0,.2),0 5px 20px -5px rgba(0,0,0,.2);
    background-color: #fff;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0 0 1px -1px
}

.latepoint .lp_iti__country-list {
    font-size: 15px
}

.latepoint .lp_iti__country-list--dropup,.latepoint-admin .lp_iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px
}

@media (max-width: 500px) {
    .latepoint .lp_iti__country-list,.latepoint-admin .lp_iti__country-list {
        white-space:normal
    }
}

.latepoint .lp_iti__flag-box,.latepoint-admin .lp_iti__flag-box {
    display: inline-block;
    width: 20px
}

.latepoint .lp_iti__divider,.latepoint-admin .lp_iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.latepoint .lp_iti__country,.latepoint-admin .lp_iti__country {
    padding: 6px 8px;
    outline: 0;
    margin-bottom: 0;
    font-family: "latepoint",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif
}

.latepoint .lp_iti__dial-code,.latepoint-admin .lp_iti__dial-code {
    color: #999
}

.latepoint .lp_iti__country.lp_iti__highlight,.latepoint-admin .lp_iti__country.lp_iti__highlight {
    background-color: rgba(0,0,0,.05)
}

.latepoint .lp_iti__country-name,.latepoint .lp_iti__dial-code,.latepoint .lp_iti__flag-box,.latepoint-admin .lp_iti__country-name,.latepoint-admin .lp_iti__dial-code,.latepoint-admin .lp_iti__flag-box {
    vertical-align: middle
}

.latepoint .lp_iti__country-name,.latepoint .lp_iti__flag-box,.latepoint-admin .lp_iti__country-name,.latepoint-admin .lp_iti__flag-box {
    margin-right: 6px
}

.latepoint .lp_iti--allow-dropdown input,.latepoint .lp_iti--allow-dropdown input[type=tel],.latepoint .lp_iti--allow-dropdown input[type=text],.latepoint .lp_iti--separate-dial-code input,.latepoint .lp_iti--separate-dial-code input[type=tel],.latepoint .lp_iti--separate-dial-code input[type=text],.latepoint-admin .lp_iti--allow-dropdown input,.latepoint-admin .lp_iti--allow-dropdown input[type=tel],.latepoint-admin .lp_iti--allow-dropdown input[type=text],.latepoint-admin .lp_iti--separate-dial-code input,.latepoint-admin .lp_iti--separate-dial-code input[type=tel],.latepoint-admin .lp_iti--separate-dial-code input[type=text] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

.latepoint .lp_iti--allow-dropdown .lp_iti__flag-container,.latepoint .lp_iti--separate-dial-code .lp_iti__flag-container,.latepoint-admin .lp_iti--allow-dropdown .lp_iti__flag-container,.latepoint-admin .lp_iti--separate-dial-code .lp_iti__flag-container {
    right: auto;
    left: 0
}

.latepoint .lp_iti--allow-dropdown input[disabled]+.lp_iti__flag-container:hover,.latepoint .lp_iti--allow-dropdown input[readonly]+.lp_iti__flag-container:hover,.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 {
    cursor: default
}

.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,.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 {
    background-color: transparent
}

.latepoint .lp_iti--separate-dial-code .lp_iti__selected-dial-code,.latepoint-admin .lp_iti--separate-dial-code .lp_iti__selected-dial-code {
    margin-left: 6px
}

.latepoint .lp_iti--container,.latepoint-admin .lp_iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1000000;
    padding: 1px
}

.latepoint .lp_iti--allow-dropdown .lp_iti__flag-container:hover,.latepoint .lp_iti--container:hover,.latepoint-admin .lp_iti--allow-dropdown .lp_iti__flag-container:hover,.latepoint-admin .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;
    line-height: 1.5em
}

.latepoint .lp_iti__flag,.latepoint-admin .lp_iti__flag {
    width: 20px
}

.latepoint .lp_iti__flag.lp_iti__be,.latepoint-admin .lp_iti__flag.lp_iti__be {
    width: 18px
}

.latepoint .lp_iti__flag.lp_iti__ch,.latepoint-admin .lp_iti__flag.lp_iti__ch {
    width: 15px
}

.latepoint .lp_iti__flag.lp_iti__mc,.latepoint-admin .lp_iti__flag.lp_iti__mc {
    width: 19px
}

.latepoint .lp_iti__flag.lp_iti__ne,.latepoint-admin .lp_iti__flag.lp_iti__ne {
    width: 18px
}

.latepoint .lp_iti__flag.lp_iti__np,.latepoint-admin .lp_iti__flag.lp_iti__np {
    width: 13px
}

.latepoint .lp_iti__flag.lp_iti__va,.latepoint-admin .lp_iti__flag.lp_iti__va {
    width: 15px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .latepoint .lp_iti__flag,.latepoint-admin .lp_iti__flag {
        background-size:5652px 15px
    }
}

.latepoint .lp_iti__flag.lp_iti__ac,.latepoint-admin .lp_iti__flag.lp_iti__ac {
    height: 10px;
    background-position: 0 0
}

.latepoint .lp_iti__flag.lp_iti__ad,.latepoint-admin .lp_iti__flag.lp_iti__ad {
    height: 14px;
    background-position: -22px 0
}

.latepoint .lp_iti__flag.lp_iti__ae,.latepoint-admin .lp_iti__flag.lp_iti__ae {
    height: 10px;
    background-position: -44px 0
}

.latepoint .lp_iti__flag.lp_iti__af,.latepoint-admin .lp_iti__flag.lp_iti__af {
    height: 14px;
    background-position: -66px 0
}

.latepoint .lp_iti__flag.lp_iti__ag,.latepoint-admin .lp_iti__flag.lp_iti__ag {
    height: 14px;
    background-position: -88px 0
}

.latepoint .lp_iti__flag.lp_iti__ai,.latepoint-admin .lp_iti__flag.lp_iti__ai {
    height: 10px;
    background-position: -110px 0
}

.latepoint .lp_iti__flag.lp_iti__al,.latepoint-admin .lp_iti__flag.lp_iti__al {
    height: 15px;
    background-position: -132px 0
}

.latepoint .lp_iti__flag.lp_iti__am,.latepoint-admin .lp_iti__flag.lp_iti__am {
    height: 10px;
    background-position: -154px 0
}

.latepoint .lp_iti__flag.lp_iti__ao,.latepoint-admin .lp_iti__flag.lp_iti__ao {
    height: 14px;
    background-position: -176px 0
}

.latepoint .lp_iti__flag.lp_iti__aq,.latepoint-admin .lp_iti__flag.lp_iti__aq {
    height: 14px;
    background-position: -198px 0
}

.latepoint .lp_iti__flag.lp_iti__ar,.latepoint-admin .lp_iti__flag.lp_iti__ar {
    height: 13px;
    background-position: -220px 0
}

.latepoint .lp_iti__flag.lp_iti__as,.latepoint-admin .lp_iti__flag.lp_iti__as {
    height: 10px;
    background-position: -242px 0
}

.latepoint .lp_iti__flag.lp_iti__at,.latepoint-admin .lp_iti__flag.lp_iti__at {
    height: 14px;
    background-position: -264px 0
}

.latepoint .lp_iti__flag.lp_iti__au,.latepoint-admin .lp_iti__flag.lp_iti__au {
    height: 10px;
    background-position: -286px 0
}

.latepoint .lp_iti__flag.lp_iti__aw,.latepoint-admin .lp_iti__flag.lp_iti__aw {
    height: 14px;
    background-position: -308px 0
}

.latepoint .lp_iti__flag.lp_iti__ax,.latepoint-admin .lp_iti__flag.lp_iti__ax {
    height: 13px;
    background-position: -330px 0
}

.latepoint .lp_iti__flag.lp_iti__az,.latepoint-admin .lp_iti__flag.lp_iti__az {
    height: 10px;
    background-position: -352px 0
}

.latepoint .lp_iti__flag.lp_iti__ba,.latepoint-admin .lp_iti__flag.lp_iti__ba {
    height: 10px;
    background-position: -374px 0
}

.latepoint .lp_iti__flag.lp_iti__bb,.latepoint-admin .lp_iti__flag.lp_iti__bb {
    height: 14px;
    background-position: -396px 0
}

.latepoint .lp_iti__flag.lp_iti__bd,.latepoint-admin .lp_iti__flag.lp_iti__bd {
    height: 12px;
    background-position: -418px 0
}

.latepoint .lp_iti__flag.lp_iti__be,.latepoint-admin .lp_iti__flag.lp_iti__be {
    height: 15px;
    background-position: -440px 0
}

.latepoint .lp_iti__flag.lp_iti__bf,.latepoint-admin .lp_iti__flag.lp_iti__bf {
    height: 14px;
    background-position: -460px 0
}

.latepoint .lp_iti__flag.lp_iti__bg,.latepoint-admin .lp_iti__flag.lp_iti__bg {
    height: 12px;
    background-position: -482px 0
}

.latepoint .lp_iti__flag.lp_iti__bh,.latepoint-admin .lp_iti__flag.lp_iti__bh {
    height: 12px;
    background-position: -504px 0
}

.latepoint .lp_iti__flag.lp_iti__bi,.latepoint-admin .lp_iti__flag.lp_iti__bi {
    height: 12px;
    background-position: -526px 0
}

.latepoint .lp_iti__flag.lp_iti__bj,.latepoint-admin .lp_iti__flag.lp_iti__bj {
    height: 14px;
    background-position: -548px 0
}

.latepoint .lp_iti__flag.lp_iti__bl,.latepoint-admin .lp_iti__flag.lp_iti__bl {
    height: 14px;
    background-position: -570px 0
}

.latepoint .lp_iti__flag.lp_iti__bm,.latepoint-admin .lp_iti__flag.lp_iti__bm {
    height: 10px;
    background-position: -592px 0
}

.latepoint .lp_iti__flag.lp_iti__bn,.latepoint-admin .lp_iti__flag.lp_iti__bn {
    height: 10px;
    background-position: -614px 0
}

.latepoint .lp_iti__flag.lp_iti__bo,.latepoint-admin .lp_iti__flag.lp_iti__bo {
    height: 14px;
    background-position: -636px 0
}

.latepoint .lp_iti__flag.lp_iti__bq,.latepoint-admin .lp_iti__flag.lp_iti__bq {
    height: 14px;
    background-position: -658px 0
}

.latepoint .lp_iti__flag.lp_iti__br,.latepoint-admin .lp_iti__flag.lp_iti__br {
    height: 14px;
    background-position: -680px 0
}

.latepoint .lp_iti__flag.lp_iti__bs,.latepoint-admin .lp_iti__flag.lp_iti__bs {
    height: 10px;
    background-position: -702px 0
}

.latepoint .lp_iti__flag.lp_iti__bt,.latepoint-admin .lp_iti__flag.lp_iti__bt {
    height: 14px;
    background-position: -724px 0
}

.latepoint .lp_iti__flag.lp_iti__bv,.latepoint-admin .lp_iti__flag.lp_iti__bv {
    height: 15px;
    background-position: -746px 0
}

.latepoint .lp_iti__flag.lp_iti__bw,.latepoint-admin .lp_iti__flag.lp_iti__bw {
    height: 14px;
    background-position: -768px 0
}

.latepoint .lp_iti__flag.lp_iti__by,.latepoint-admin .lp_iti__flag.lp_iti__by {
    height: 10px;
    background-position: -790px 0
}

.latepoint .lp_iti__flag.lp_iti__bz,.latepoint-admin .lp_iti__flag.lp_iti__bz {
    height: 14px;
    background-position: -812px 0
}

.latepoint .lp_iti__flag.lp_iti__ca,.latepoint-admin .lp_iti__flag.lp_iti__ca {
    height: 10px;
    background-position: -834px 0
}

.latepoint .lp_iti__flag.lp_iti__cc,.latepoint-admin .lp_iti__flag.lp_iti__cc {
    height: 10px;
    background-position: -856px 0
}

.latepoint .lp_iti__flag.lp_iti__cd,.latepoint-admin .lp_iti__flag.lp_iti__cd {
    height: 15px;
    background-position: -878px 0
}

.latepoint .lp_iti__flag.lp_iti__cf,.latepoint-admin .lp_iti__flag.lp_iti__cf {
    height: 14px;
    background-position: -900px 0
}

.latepoint .lp_iti__flag.lp_iti__cg,.latepoint-admin .lp_iti__flag.lp_iti__cg {
    height: 14px;
    background-position: -922px 0
}

.latepoint .lp_iti__flag.lp_iti__ch,.latepoint-admin .lp_iti__flag.lp_iti__ch {
    height: 15px;
    background-position: -944px 0
}

.latepoint .lp_iti__flag.lp_iti__ci,.latepoint-admin .lp_iti__flag.lp_iti__ci {
    height: 14px;
    background-position: -961px 0
}

.latepoint .lp_iti__flag.lp_iti__ck,.latepoint-admin .lp_iti__flag.lp_iti__ck {
    height: 10px;
    background-position: -983px 0
}

.latepoint .lp_iti__flag.lp_iti__cl,.latepoint-admin .lp_iti__flag.lp_iti__cl {
    height: 14px;
    background-position: -1005px 0
}

.latepoint .lp_iti__flag.lp_iti__cm,.latepoint-admin .lp_iti__flag.lp_iti__cm {
    height: 14px;
    background-position: -1027px 0
}

.latepoint .lp_iti__flag.lp_iti__cn,.latepoint-admin .lp_iti__flag.lp_iti__cn {
    height: 14px;
    background-position: -1049px 0
}

.latepoint .lp_iti__flag.lp_iti__co,.latepoint-admin .lp_iti__flag.lp_iti__co {
    height: 14px;
    background-position: -1071px 0
}

.latepoint .lp_iti__flag.lp_iti__cp,.latepoint-admin .lp_iti__flag.lp_iti__cp {
    height: 14px;
    background-position: -1093px 0
}

.latepoint .lp_iti__flag.lp_iti__cr,.latepoint-admin .lp_iti__flag.lp_iti__cr {
    height: 12px;
    background-position: -1115px 0
}

.latepoint .lp_iti__flag.lp_iti__cu,.latepoint-admin .lp_iti__flag.lp_iti__cu {
    height: 10px;
    background-position: -1137px 0
}

.latepoint .lp_iti__flag.lp_iti__cv,.latepoint-admin .lp_iti__flag.lp_iti__cv {
    height: 12px;
    background-position: -1159px 0
}

.latepoint .lp_iti__flag.lp_iti__cw,.latepoint-admin .lp_iti__flag.lp_iti__cw {
    height: 14px;
    background-position: -1181px 0
}

.latepoint .lp_iti__flag.lp_iti__cx,.latepoint-admin .lp_iti__flag.lp_iti__cx {
    height: 10px;
    background-position: -1203px 0
}

.latepoint .lp_iti__flag.lp_iti__cy,.latepoint-admin .lp_iti__flag.lp_iti__cy {
    height: 14px;
    background-position: -1225px 0
}

.latepoint .lp_iti__flag.lp_iti__cz,.latepoint-admin .lp_iti__flag.lp_iti__cz {
    height: 14px;
    background-position: -1247px 0
}

.latepoint .lp_iti__flag.lp_iti__de,.latepoint-admin .lp_iti__flag.lp_iti__de {
    height: 12px;
    background-position: -1269px 0
}

.latepoint .lp_iti__flag.lp_iti__dg,.latepoint-admin .lp_iti__flag.lp_iti__dg {
    height: 10px;
    background-position: -1291px 0
}

.latepoint .lp_iti__flag.lp_iti__dj,.latepoint-admin .lp_iti__flag.lp_iti__dj {
    height: 14px;
    background-position: -1313px 0
}

.latepoint .lp_iti__flag.lp_iti__dk,.latepoint-admin .lp_iti__flag.lp_iti__dk {
    height: 15px;
    background-position: -1335px 0
}

.latepoint .lp_iti__flag.lp_iti__dm,.latepoint-admin .lp_iti__flag.lp_iti__dm {
    height: 10px;
    background-position: -1357px 0
}

.latepoint .lp_iti__flag.lp_iti__do,.latepoint-admin .lp_iti__flag.lp_iti__do {
    height: 14px;
    background-position: -1379px 0
}

.latepoint .lp_iti__flag.lp_iti__dz,.latepoint-admin .lp_iti__flag.lp_iti__dz {
    height: 14px;
    background-position: -1401px 0
}

.latepoint .lp_iti__flag.lp_iti__ea,.latepoint-admin .lp_iti__flag.lp_iti__ea {
    height: 14px;
    background-position: -1423px 0
}

.latepoint .lp_iti__flag.lp_iti__ec,.latepoint-admin .lp_iti__flag.lp_iti__ec {
    height: 14px;
    background-position: -1445px 0
}

.latepoint .lp_iti__flag.lp_iti__ee,.latepoint-admin .lp_iti__flag.lp_iti__ee {
    height: 13px;
    background-position: -1467px 0
}

.latepoint .lp_iti__flag.lp_iti__eg,.latepoint-admin .lp_iti__flag.lp_iti__eg {
    height: 14px;
    background-position: -1489px 0
}

.latepoint .lp_iti__flag.lp_iti__eh,.latepoint-admin .lp_iti__flag.lp_iti__eh {
    height: 10px;
    background-position: -1511px 0
}

.latepoint .lp_iti__flag.lp_iti__er,.latepoint-admin .lp_iti__flag.lp_iti__er {
    height: 10px;
    background-position: -1533px 0
}

.latepoint .lp_iti__flag.lp_iti__es,.latepoint-admin .lp_iti__flag.lp_iti__es {
    height: 14px;
    background-position: -1555px 0
}

.latepoint .lp_iti__flag.lp_iti__et,.latepoint-admin .lp_iti__flag.lp_iti__et {
    height: 10px;
    background-position: -1577px 0
}

.latepoint .lp_iti__flag.lp_iti__eu,.latepoint-admin .lp_iti__flag.lp_iti__eu {
    height: 14px;
    background-position: -1599px 0
}

.latepoint .lp_iti__flag.lp_iti__fi,.latepoint-admin .lp_iti__flag.lp_iti__fi {
    height: 12px;
    background-position: -1621px 0
}

.latepoint .lp_iti__flag.lp_iti__fj,.latepoint-admin .lp_iti__flag.lp_iti__fj {
    height: 10px;
    background-position: -1643px 0
}

.latepoint .lp_iti__flag.lp_iti__fk,.latepoint-admin .lp_iti__flag.lp_iti__fk {
    height: 10px;
    background-position: -1665px 0
}

.latepoint .lp_iti__flag.lp_iti__fm,.latepoint-admin .lp_iti__flag.lp_iti__fm {
    height: 11px;
    background-position: -1687px 0
}

.latepoint .lp_iti__flag.lp_iti__fo,.latepoint-admin .lp_iti__flag.lp_iti__fo {
    height: 15px;
    background-position: -1709px 0
}

.latepoint .lp_iti__flag.lp_iti__fr,.latepoint-admin .lp_iti__flag.lp_iti__fr {
    height: 14px;
    background-position: -1731px 0
}

.latepoint .lp_iti__flag.lp_iti__ga,.latepoint-admin .lp_iti__flag.lp_iti__ga {
    height: 15px;
    background-position: -1753px 0
}

.latepoint .lp_iti__flag.lp_iti__gb,.latepoint-admin .lp_iti__flag.lp_iti__gb {
    height: 10px;
    background-position: -1775px 0
}

.latepoint .lp_iti__flag.lp_iti__gd,.latepoint-admin .lp_iti__flag.lp_iti__gd {
    height: 12px;
    background-position: -1797px 0
}

.latepoint .lp_iti__flag.lp_iti__ge,.latepoint-admin .lp_iti__flag.lp_iti__ge {
    height: 14px;
    background-position: -1819px 0
}

.latepoint .lp_iti__flag.lp_iti__gf,.latepoint-admin .lp_iti__flag.lp_iti__gf {
    height: 14px;
    background-position: -1841px 0
}

.latepoint .lp_iti__flag.lp_iti__gg,.latepoint-admin .lp_iti__flag.lp_iti__gg {
    height: 14px;
    background-position: -1863px 0
}

.latepoint .lp_iti__flag.lp_iti__gh,.latepoint-admin .lp_iti__flag.lp_iti__gh {
    height: 14px;
    background-position: -1885px 0
}

.latepoint .lp_iti__flag.lp_iti__gi,.latepoint-admin .lp_iti__flag.lp_iti__gi {
    height: 10px;
    background-position: -1907px 0
}

.latepoint .lp_iti__flag.lp_iti__gl,.latepoint-admin .lp_iti__flag.lp_iti__gl {
    height: 14px;
    background-position: -1929px 0
}

.latepoint .lp_iti__flag.lp_iti__gm,.latepoint-admin .lp_iti__flag.lp_iti__gm {
    height: 14px;
    background-position: -1951px 0
}

.latepoint .lp_iti__flag.lp_iti__gn,.latepoint-admin .lp_iti__flag.lp_iti__gn {
    height: 14px;
    background-position: -1973px 0
}

.latepoint .lp_iti__flag.lp_iti__gp,.latepoint-admin .lp_iti__flag.lp_iti__gp {
    height: 14px;
    background-position: -1995px 0
}

.latepoint .lp_iti__flag.lp_iti__gq,.latepoint-admin .lp_iti__flag.lp_iti__gq {
    height: 14px;
    background-position: -2017px 0
}

.latepoint .lp_iti__flag.lp_iti__gr,.latepoint-admin .lp_iti__flag.lp_iti__gr {
    height: 14px;
    background-position: -2039px 0
}

.latepoint .lp_iti__flag.lp_iti__gs,.latepoint-admin .lp_iti__flag.lp_iti__gs {
    height: 10px;
    background-position: -2061px 0
}

.latepoint .lp_iti__flag.lp_iti__gt,.latepoint-admin .lp_iti__flag.lp_iti__gt {
    height: 13px;
    background-position: -2083px 0
}

.latepoint .lp_iti__flag.lp_iti__gu,.latepoint-admin .lp_iti__flag.lp_iti__gu {
    height: 11px;
    background-position: -2105px 0
}

.latepoint .lp_iti__flag.lp_iti__gw,.latepoint-admin .lp_iti__flag.lp_iti__gw {
    height: 10px;
    background-position: -2127px 0
}

.latepoint .lp_iti__flag.lp_iti__gy,.latepoint-admin .lp_iti__flag.lp_iti__gy {
    height: 12px;
    background-position: -2149px 0
}

.latepoint .lp_iti__flag.lp_iti__hk,.latepoint-admin .lp_iti__flag.lp_iti__hk {
    height: 14px;
    background-position: -2171px 0
}

.latepoint .lp_iti__flag.lp_iti__hm,.latepoint-admin .lp_iti__flag.lp_iti__hm {
    height: 10px;
    background-position: -2193px 0
}

.latepoint .lp_iti__flag.lp_iti__hn,.latepoint-admin .lp_iti__flag.lp_iti__hn {
    height: 10px;
    background-position: -2215px 0
}

.latepoint .lp_iti__flag.lp_iti__hr,.latepoint-admin .lp_iti__flag.lp_iti__hr {
    height: 10px;
    background-position: -2237px 0
}

.latepoint .lp_iti__flag.lp_iti__ht,.latepoint-admin .lp_iti__flag.lp_iti__ht {
    height: 12px;
    background-position: -2259px 0
}

.latepoint .lp_iti__flag.lp_iti__hu,.latepoint-admin .lp_iti__flag.lp_iti__hu {
    height: 10px;
    background-position: -2281px 0
}

.latepoint .lp_iti__flag.lp_iti__ic,.latepoint-admin .lp_iti__flag.lp_iti__ic {
    height: 14px;
    background-position: -2303px 0
}

.latepoint .lp_iti__flag.lp_iti__id,.latepoint-admin .lp_iti__flag.lp_iti__id {
    height: 14px;
    background-position: -2325px 0
}

.latepoint .lp_iti__flag.lp_iti__ie,.latepoint-admin .lp_iti__flag.lp_iti__ie {
    height: 10px;
    background-position: -2347px 0
}

.latepoint .lp_iti__flag.lp_iti__il,.latepoint-admin .lp_iti__flag.lp_iti__il {
    height: 15px;
    background-position: -2369px 0
}

.latepoint .lp_iti__flag.lp_iti__im,.latepoint-admin .lp_iti__flag.lp_iti__im {
    height: 10px;
    background-position: -2391px 0
}

.latepoint .lp_iti__flag.lp_iti__in,.latepoint-admin .lp_iti__flag.lp_iti__in {
    height: 14px;
    background-position: -2413px 0
}

.latepoint .lp_iti__flag.lp_iti__io,.latepoint-admin .lp_iti__flag.lp_iti__io {
    height: 10px;
    background-position: -2435px 0
}

.latepoint .lp_iti__flag.lp_iti__iq,.latepoint-admin .lp_iti__flag.lp_iti__iq {
    height: 14px;
    background-position: -2457px 0
}

.latepoint .lp_iti__flag.lp_iti__ir,.latepoint-admin .lp_iti__flag.lp_iti__ir {
    height: 12px;
    background-position: -2479px 0
}

.latepoint .lp_iti__flag.lp_iti__is,.latepoint-admin .lp_iti__flag.lp_iti__is {
    height: 15px;
    background-position: -2501px 0
}

.latepoint .lp_iti__flag.lp_iti__it,.latepoint-admin .lp_iti__flag.lp_iti__it {
    height: 14px;
    background-position: -2523px 0
}

.latepoint .lp_iti__flag.lp_iti__je,.latepoint-admin .lp_iti__flag.lp_iti__je {
    height: 12px;
    background-position: -2545px 0
}

.latepoint .lp_iti__flag.lp_iti__jm,.latepoint-admin .lp_iti__flag.lp_iti__jm {
    height: 10px;
    background-position: -2567px 0
}

.latepoint .lp_iti__flag.lp_iti__jo,.latepoint-admin .lp_iti__flag.lp_iti__jo {
    height: 10px;
    background-position: -2589px 0
}

.latepoint .lp_iti__flag.lp_iti__jp,.latepoint-admin .lp_iti__flag.lp_iti__jp {
    height: 14px;
    background-position: -2611px 0
}

.latepoint .lp_iti__flag.lp_iti__ke,.latepoint-admin .lp_iti__flag.lp_iti__ke {
    height: 14px;
    background-position: -2633px 0
}

.latepoint .lp_iti__flag.lp_iti__kg,.latepoint-admin .lp_iti__flag.lp_iti__kg {
    height: 12px;
    background-position: -2655px 0
}

.latepoint .lp_iti__flag.lp_iti__kh,.latepoint-admin .lp_iti__flag.lp_iti__kh {
    height: 13px;
    background-position: -2677px 0
}

.latepoint .lp_iti__flag.lp_iti__ki,.latepoint-admin .lp_iti__flag.lp_iti__ki {
    height: 10px;
    background-position: -2699px 0
}

.latepoint .lp_iti__flag.lp_iti__km,.latepoint-admin .lp_iti__flag.lp_iti__km {
    height: 12px;
    background-position: -2721px 0
}

.latepoint .lp_iti__flag.lp_iti__kn,.latepoint-admin .lp_iti__flag.lp_iti__kn {
    height: 14px;
    background-position: -2743px 0
}

.latepoint .lp_iti__flag.lp_iti__kp,.latepoint-admin .lp_iti__flag.lp_iti__kp {
    height: 10px;
    background-position: -2765px 0
}

.latepoint .lp_iti__flag.lp_iti__kr,.latepoint-admin .lp_iti__flag.lp_iti__kr {
    height: 14px;
    background-position: -2787px 0
}

.latepoint .lp_iti__flag.lp_iti__kw,.latepoint-admin .lp_iti__flag.lp_iti__kw {
    height: 10px;
    background-position: -2809px 0
}

.latepoint .lp_iti__flag.lp_iti__ky,.latepoint-admin .lp_iti__flag.lp_iti__ky {
    height: 10px;
    background-position: -2831px 0
}

.latepoint .lp_iti__flag.lp_iti__kz,.latepoint-admin .lp_iti__flag.lp_iti__kz {
    height: 10px;
    background-position: -2853px 0
}

.latepoint .lp_iti__flag.lp_iti__la,.latepoint-admin .lp_iti__flag.lp_iti__la {
    height: 14px;
    background-position: -2875px 0
}

.latepoint .lp_iti__flag.lp_iti__lb,.latepoint-admin .lp_iti__flag.lp_iti__lb {
    height: 14px;
    background-position: -2897px 0
}

.latepoint .lp_iti__flag.lp_iti__lc,.latepoint-admin .lp_iti__flag.lp_iti__lc {
    height: 10px;
    background-position: -2919px 0
}

.latepoint .lp_iti__flag.lp_iti__li,.latepoint-admin .lp_iti__flag.lp_iti__li {
    height: 12px;
    background-position: -2941px 0
}

.latepoint .lp_iti__flag.lp_iti__lk,.latepoint-admin .lp_iti__flag.lp_iti__lk {
    height: 10px;
    background-position: -2963px 0
}

.latepoint .lp_iti__flag.lp_iti__lr,.latepoint-admin .lp_iti__flag.lp_iti__lr {
    height: 11px;
    background-position: -2985px 0
}

.latepoint .lp_iti__flag.lp_iti__ls,.latepoint-admin .lp_iti__flag.lp_iti__ls {
    height: 14px;
    background-position: -3007px 0
}

.latepoint .lp_iti__flag.lp_iti__lt,.latepoint-admin .lp_iti__flag.lp_iti__lt {
    height: 12px;
    background-position: -3029px 0
}

.latepoint .lp_iti__flag.lp_iti__lu,.latepoint-admin .lp_iti__flag.lp_iti__lu {
    height: 12px;
    background-position: -3051px 0
}

.latepoint .lp_iti__flag.lp_iti__lv,.latepoint-admin .lp_iti__flag.lp_iti__lv {
    height: 10px;
    background-position: -3073px 0
}

.latepoint .lp_iti__flag.lp_iti__ly,.latepoint-admin .lp_iti__flag.lp_iti__ly {
    height: 10px;
    background-position: -3095px 0
}

.latepoint .lp_iti__flag.lp_iti__ma,.latepoint-admin .lp_iti__flag.lp_iti__ma {
    height: 14px;
    background-position: -3117px 0
}

.latepoint .lp_iti__flag.lp_iti__mc,.latepoint-admin .lp_iti__flag.lp_iti__mc {
    height: 15px;
    background-position: -3139px 0
}

.latepoint .lp_iti__flag.lp_iti__md,.latepoint-admin .lp_iti__flag.lp_iti__md {
    height: 10px;
    background-position: -3160px 0
}

.latepoint .lp_iti__flag.lp_iti__me,.latepoint-admin .lp_iti__flag.lp_iti__me {
    height: 10px;
    background-position: -3182px 0
}

.latepoint .lp_iti__flag.lp_iti__mf,.latepoint-admin .lp_iti__flag.lp_iti__mf {
    height: 14px;
    background-position: -3204px 0
}

.latepoint .lp_iti__flag.lp_iti__mg,.latepoint-admin .lp_iti__flag.lp_iti__mg {
    height: 14px;
    background-position: -3226px 0
}

.latepoint .lp_iti__flag.lp_iti__mh,.latepoint-admin .lp_iti__flag.lp_iti__mh {
    height: 11px;
    background-position: -3248px 0
}

.latepoint .lp_iti__flag.lp_iti__mk,.latepoint-admin .lp_iti__flag.lp_iti__mk {
    height: 10px;
    background-position: -3270px 0
}

.latepoint .lp_iti__flag.lp_iti__ml,.latepoint-admin .lp_iti__flag.lp_iti__ml {
    height: 14px;
    background-position: -3292px 0
}

.latepoint .lp_iti__flag.lp_iti__mm,.latepoint-admin .lp_iti__flag.lp_iti__mm {
    height: 14px;
    background-position: -3314px 0
}

.latepoint .lp_iti__flag.lp_iti__mn,.latepoint-admin .lp_iti__flag.lp_iti__mn {
    height: 10px;
    background-position: -3336px 0
}

.latepoint .lp_iti__flag.lp_iti__mo,.latepoint-admin .lp_iti__flag.lp_iti__mo {
    height: 14px;
    background-position: -3358px 0
}

.latepoint .lp_iti__flag.lp_iti__mp,.latepoint-admin .lp_iti__flag.lp_iti__mp {
    height: 10px;
    background-position: -3380px 0
}

.latepoint .lp_iti__flag.lp_iti__mq,.latepoint-admin .lp_iti__flag.lp_iti__mq {
    height: 14px;
    background-position: -3402px 0
}

.latepoint .lp_iti__flag.lp_iti__mr,.latepoint-admin .lp_iti__flag.lp_iti__mr {
    height: 14px;
    background-position: -3424px 0
}

.latepoint .lp_iti__flag.lp_iti__ms,.latepoint-admin .lp_iti__flag.lp_iti__ms {
    height: 10px;
    background-position: -3446px 0
}

.latepoint .lp_iti__flag.lp_iti__mt,.latepoint-admin .lp_iti__flag.lp_iti__mt {
    height: 14px;
    background-position: -3468px 0
}

.latepoint .lp_iti__flag.lp_iti__mu,.latepoint-admin .lp_iti__flag.lp_iti__mu {
    height: 14px;
    background-position: -3490px 0
}

.latepoint .lp_iti__flag.lp_iti__mv,.latepoint-admin .lp_iti__flag.lp_iti__mv {
    height: 14px;
    background-position: -3512px 0
}

.latepoint .lp_iti__flag.lp_iti__mw,.latepoint-admin .lp_iti__flag.lp_iti__mw {
    height: 14px;
    background-position: -3534px 0
}

.latepoint .lp_iti__flag.lp_iti__mx,.latepoint-admin .lp_iti__flag.lp_iti__mx {
    height: 12px;
    background-position: -3556px 0
}

.latepoint .lp_iti__flag.lp_iti__my,.latepoint-admin .lp_iti__flag.lp_iti__my {
    height: 10px;
    background-position: -3578px 0
}

.latepoint .lp_iti__flag.lp_iti__mz,.latepoint-admin .lp_iti__flag.lp_iti__mz {
    height: 14px;
    background-position: -3600px 0
}

.latepoint .lp_iti__flag.lp_iti__na,.latepoint-admin .lp_iti__flag.lp_iti__na {
    height: 14px;
    background-position: -3622px 0
}

.latepoint .lp_iti__flag.lp_iti__nc,.latepoint-admin .lp_iti__flag.lp_iti__nc {
    height: 10px;
    background-position: -3644px 0
}

.latepoint .lp_iti__flag.lp_iti__ne,.latepoint-admin .lp_iti__flag.lp_iti__ne {
    height: 15px;
    background-position: -3666px 0
}

.latepoint .lp_iti__flag.lp_iti__nf,.latepoint-admin .lp_iti__flag.lp_iti__nf {
    height: 10px;
    background-position: -3686px 0
}

.latepoint .lp_iti__flag.lp_iti__ng,.latepoint-admin .lp_iti__flag.lp_iti__ng {
    height: 10px;
    background-position: -3708px 0
}

.latepoint .lp_iti__flag.lp_iti__ni,.latepoint-admin .lp_iti__flag.lp_iti__ni {
    height: 12px;
    background-position: -3730px 0
}

.latepoint .lp_iti__flag.lp_iti__nl,.latepoint-admin .lp_iti__flag.lp_iti__nl {
    height: 14px;
    background-position: -3752px 0
}

.latepoint .lp_iti__flag.lp_iti__no,.latepoint-admin .lp_iti__flag.lp_iti__no {
    height: 15px;
    background-position: -3774px 0
}

.latepoint .lp_iti__flag.lp_iti__np,.latepoint-admin .lp_iti__flag.lp_iti__np {
    height: 15px;
    background-position: -3796px 0
}

.latepoint .lp_iti__flag.lp_iti__nr,.latepoint-admin .lp_iti__flag.lp_iti__nr {
    height: 10px;
    background-position: -3811px 0
}

.latepoint .lp_iti__flag.lp_iti__nu,.latepoint-admin .lp_iti__flag.lp_iti__nu {
    height: 10px;
    background-position: -3833px 0
}

.latepoint .lp_iti__flag.lp_iti__nz,.latepoint-admin .lp_iti__flag.lp_iti__nz {
    height: 10px;
    background-position: -3855px 0
}

.latepoint .lp_iti__flag.lp_iti__om,.latepoint-admin .lp_iti__flag.lp_iti__om {
    height: 10px;
    background-position: -3877px 0
}

.latepoint .lp_iti__flag.lp_iti__pa,.latepoint-admin .lp_iti__flag.lp_iti__pa {
    height: 14px;
    background-position: -3899px 0
}

.latepoint .lp_iti__flag.lp_iti__pe,.latepoint-admin .lp_iti__flag.lp_iti__pe {
    height: 14px;
    background-position: -3921px 0
}

.latepoint .lp_iti__flag.lp_iti__pf,.latepoint-admin .lp_iti__flag.lp_iti__pf {
    height: 14px;
    background-position: -3943px 0
}

.latepoint .lp_iti__flag.lp_iti__pg,.latepoint-admin .lp_iti__flag.lp_iti__pg {
    height: 15px;
    background-position: -3965px 0
}

.latepoint .lp_iti__flag.lp_iti__ph,.latepoint-admin .lp_iti__flag.lp_iti__ph {
    height: 10px;
    background-position: -3987px 0
}

.latepoint .lp_iti__flag.lp_iti__pk,.latepoint-admin .lp_iti__flag.lp_iti__pk {
    height: 14px;
    background-position: -4009px 0
}

.latepoint .lp_iti__flag.lp_iti__pl,.latepoint-admin .lp_iti__flag.lp_iti__pl {
    height: 13px;
    background-position: -4031px 0
}

.latepoint .lp_iti__flag.lp_iti__pm,.latepoint-admin .lp_iti__flag.lp_iti__pm {
    height: 14px;
    background-position: -4053px 0
}

.latepoint .lp_iti__flag.lp_iti__pn,.latepoint-admin .lp_iti__flag.lp_iti__pn {
    height: 10px;
    background-position: -4075px 0
}

.latepoint .lp_iti__flag.lp_iti__pr,.latepoint-admin .lp_iti__flag.lp_iti__pr {
    height: 14px;
    background-position: -4097px 0
}

.latepoint .lp_iti__flag.lp_iti__ps,.latepoint-admin .lp_iti__flag.lp_iti__ps {
    height: 10px;
    background-position: -4119px 0
}

.latepoint .lp_iti__flag.lp_iti__pt,.latepoint-admin .lp_iti__flag.lp_iti__pt {
    height: 14px;
    background-position: -4141px 0
}

.latepoint .lp_iti__flag.lp_iti__pw,.latepoint-admin .lp_iti__flag.lp_iti__pw {
    height: 13px;
    background-position: -4163px 0
}

.latepoint .lp_iti__flag.lp_iti__py,.latepoint-admin .lp_iti__flag.lp_iti__py {
    height: 11px;
    background-position: -4185px 0
}

.latepoint .lp_iti__flag.lp_iti__qa,.latepoint-admin .lp_iti__flag.lp_iti__qa {
    height: 8px;
    background-position: -4207px 0
}

.latepoint .lp_iti__flag.lp_iti__re,.latepoint-admin .lp_iti__flag.lp_iti__re {
    height: 14px;
    background-position: -4229px 0
}

.latepoint .lp_iti__flag.lp_iti__ro,.latepoint-admin .lp_iti__flag.lp_iti__ro {
    height: 14px;
    background-position: -4251px 0
}

.latepoint .lp_iti__flag.lp_iti__rs,.latepoint-admin .lp_iti__flag.lp_iti__rs {
    height: 14px;
    background-position: -4273px 0
}

.latepoint .lp_iti__flag.lp_iti__ru,.latepoint-admin .lp_iti__flag.lp_iti__ru {
    height: 14px;
    background-position: -4295px 0
}

.latepoint .lp_iti__flag.lp_iti__rw,.latepoint-admin .lp_iti__flag.lp_iti__rw {
    height: 14px;
    background-position: -4317px 0
}

.latepoint .lp_iti__flag.lp_iti__sa,.latepoint-admin .lp_iti__flag.lp_iti__sa {
    height: 14px;
    background-position: -4339px 0
}

.latepoint .lp_iti__flag.lp_iti__sb,.latepoint-admin .lp_iti__flag.lp_iti__sb {
    height: 10px;
    background-position: -4361px 0
}

.latepoint .lp_iti__flag.lp_iti__sc,.latepoint-admin .lp_iti__flag.lp_iti__sc {
    height: 10px;
    background-position: -4383px 0
}

.latepoint .lp_iti__flag.lp_iti__sd,.latepoint-admin .lp_iti__flag.lp_iti__sd {
    height: 10px;
    background-position: -4405px 0
}

.latepoint .lp_iti__flag.lp_iti__se,.latepoint-admin .lp_iti__flag.lp_iti__se {
    height: 13px;
    background-position: -4427px 0
}

.latepoint .lp_iti__flag.lp_iti__sg,.latepoint-admin .lp_iti__flag.lp_iti__sg {
    height: 14px;
    background-position: -4449px 0
}

.latepoint .lp_iti__flag.lp_iti__sh,.latepoint-admin .lp_iti__flag.lp_iti__sh {
    height: 10px;
    background-position: -4471px 0
}

.latepoint .lp_iti__flag.lp_iti__si,.latepoint-admin .lp_iti__flag.lp_iti__si {
    height: 10px;
    background-position: -4493px 0
}

.latepoint .lp_iti__flag.lp_iti__sj,.latepoint-admin .lp_iti__flag.lp_iti__sj {
    height: 15px;
    background-position: -4515px 0
}

.latepoint .lp_iti__flag.lp_iti__sk,.latepoint-admin .lp_iti__flag.lp_iti__sk {
    height: 14px;
    background-position: -4537px 0
}

.latepoint .lp_iti__flag.lp_iti__sl,.latepoint-admin .lp_iti__flag.lp_iti__sl {
    height: 14px;
    background-position: -4559px 0
}

.latepoint .lp_iti__flag.lp_iti__sm,.latepoint-admin .lp_iti__flag.lp_iti__sm {
    height: 15px;
    background-position: -4581px 0
}

.latepoint .lp_iti__flag.lp_iti__sn,.latepoint-admin .lp_iti__flag.lp_iti__sn {
    height: 14px;
    background-position: -4603px 0
}

.latepoint .lp_iti__flag.lp_iti__so,.latepoint-admin .lp_iti__flag.lp_iti__so {
    height: 14px;
    background-position: -4625px 0
}

.latepoint .lp_iti__flag.lp_iti__sr,.latepoint-admin .lp_iti__flag.lp_iti__sr {
    height: 14px;
    background-position: -4647px 0
}

.latepoint .lp_iti__flag.lp_iti__ss,.latepoint-admin .lp_iti__flag.lp_iti__ss {
    height: 10px;
    background-position: -4669px 0
}

.latepoint .lp_iti__flag.lp_iti__st,.latepoint-admin .lp_iti__flag.lp_iti__st {
    height: 10px;
    background-position: -4691px 0
}

.latepoint .lp_iti__flag.lp_iti__sv,.latepoint-admin .lp_iti__flag.lp_iti__sv {
    height: 12px;
    background-position: -4713px 0
}

.latepoint .lp_iti__flag.lp_iti__sx,.latepoint-admin .lp_iti__flag.lp_iti__sx {
    height: 14px;
    background-position: -4735px 0
}

.latepoint .lp_iti__flag.lp_iti__sy,.latepoint-admin .lp_iti__flag.lp_iti__sy {
    height: 14px;
    background-position: -4757px 0
}

.latepoint .lp_iti__flag.lp_iti__sz,.latepoint-admin .lp_iti__flag.lp_iti__sz {
    height: 14px;
    background-position: -4779px 0
}

.latepoint .lp_iti__flag.lp_iti__ta,.latepoint-admin .lp_iti__flag.lp_iti__ta {
    height: 10px;
    background-position: -4801px 0
}

.latepoint .lp_iti__flag.lp_iti__tc,.latepoint-admin .lp_iti__flag.lp_iti__tc {
    height: 10px;
    background-position: -4823px 0
}

.latepoint .lp_iti__flag.lp_iti__td,.latepoint-admin .lp_iti__flag.lp_iti__td {
    height: 14px;
    background-position: -4845px 0
}

.latepoint .lp_iti__flag.lp_iti__tf,.latepoint-admin .lp_iti__flag.lp_iti__tf {
    height: 14px;
    background-position: -4867px 0
}

.latepoint .lp_iti__flag.lp_iti__tg,.latepoint-admin .lp_iti__flag.lp_iti__tg {
    height: 13px;
    background-position: -4889px 0
}

.latepoint .lp_iti__flag.lp_iti__th,.latepoint-admin .lp_iti__flag.lp_iti__th {
    height: 14px;
    background-position: -4911px 0
}

.latepoint .lp_iti__flag.lp_iti__tj,.latepoint-admin .lp_iti__flag.lp_iti__tj {
    height: 10px;
    background-position: -4933px 0
}

.latepoint .lp_iti__flag.lp_iti__tk,.latepoint-admin .lp_iti__flag.lp_iti__tk {
    height: 10px;
    background-position: -4955px 0
}

.latepoint .lp_iti__flag.lp_iti__tl,.latepoint-admin .lp_iti__flag.lp_iti__tl {
    height: 10px;
    background-position: -4977px 0
}

.latepoint .lp_iti__flag.lp_iti__tm,.latepoint-admin .lp_iti__flag.lp_iti__tm {
    height: 14px;
    background-position: -4999px 0
}

.latepoint .lp_iti__flag.lp_iti__tn,.latepoint-admin .lp_iti__flag.lp_iti__tn {
    height: 14px;
    background-position: -5021px 0
}

.latepoint .lp_iti__flag.lp_iti__to,.latepoint-admin .lp_iti__flag.lp_iti__to {
    height: 10px;
    background-position: -5043px 0
}

.latepoint .lp_iti__flag.lp_iti__tr,.latepoint-admin .lp_iti__flag.lp_iti__tr {
    height: 14px;
    background-position: -5065px 0
}

.latepoint .lp_iti__flag.lp_iti__tt,.latepoint-admin .lp_iti__flag.lp_iti__tt {
    height: 12px;
    background-position: -5087px 0
}

.latepoint .lp_iti__flag.lp_iti__tv,.latepoint-admin .lp_iti__flag.lp_iti__tv {
    height: 10px;
    background-position: -5109px 0
}

.latepoint .lp_iti__flag.lp_iti__tw,.latepoint-admin .lp_iti__flag.lp_iti__tw {
    height: 14px;
    background-position: -5131px 0
}

.latepoint .lp_iti__flag.lp_iti__tz,.latepoint-admin .lp_iti__flag.lp_iti__tz {
    height: 14px;
    background-position: -5153px 0
}

.latepoint .lp_iti__flag.lp_iti__ua,.latepoint-admin .lp_iti__flag.lp_iti__ua {
    height: 14px;
    background-position: -5175px 0
}

.latepoint .lp_iti__flag.lp_iti__ug,.latepoint-admin .lp_iti__flag.lp_iti__ug {
    height: 14px;
    background-position: -5197px 0
}

.latepoint .lp_iti__flag.lp_iti__um,.latepoint-admin .lp_iti__flag.lp_iti__um {
    height: 11px;
    background-position: -5219px 0
}

.latepoint .lp_iti__flag.lp_iti__un,.latepoint-admin .lp_iti__flag.lp_iti__un {
    height: 14px;
    background-position: -5241px 0
}

.latepoint .lp_iti__flag.lp_iti__us,.latepoint-admin .lp_iti__flag.lp_iti__us {
    height: 11px;
    background-position: -5263px 0
}

.latepoint .lp_iti__flag.lp_iti__uy,.latepoint-admin .lp_iti__flag.lp_iti__uy {
    height: 14px;
    background-position: -5285px 0
}

.latepoint .lp_iti__flag.lp_iti__uz,.latepoint-admin .lp_iti__flag.lp_iti__uz {
    height: 10px;
    background-position: -5307px 0
}

.latepoint .lp_iti__flag.lp_iti__va,.latepoint-admin .lp_iti__flag.lp_iti__va {
    height: 15px;
    background-position: -5329px 0
}

.latepoint .lp_iti__flag.lp_iti__vc,.latepoint-admin .lp_iti__flag.lp_iti__vc {
    height: 14px;
    background-position: -5346px 0
}

.latepoint .lp_iti__flag.lp_iti__ve,.latepoint-admin .lp_iti__flag.lp_iti__ve {
    height: 14px;
    background-position: -5368px 0
}

.latepoint .lp_iti__flag.lp_iti__vg,.latepoint-admin .lp_iti__flag.lp_iti__vg {
    height: 10px;
    background-position: -5390px 0
}

.latepoint .lp_iti__flag.lp_iti__vi,.latepoint-admin .lp_iti__flag.lp_iti__vi {
    height: 14px;
    background-position: -5412px 0
}

.latepoint .lp_iti__flag.lp_iti__vn,.latepoint-admin .lp_iti__flag.lp_iti__vn {
    height: 14px;
    background-position: -5434px 0
}

.latepoint .lp_iti__flag.lp_iti__vu,.latepoint-admin .lp_iti__flag.lp_iti__vu {
    height: 12px;
    background-position: -5456px 0
}

.latepoint .lp_iti__flag.lp_iti__wf,.latepoint-admin .lp_iti__flag.lp_iti__wf {
    height: 14px;
    background-position: -5478px 0
}

.latepoint .lp_iti__flag.lp_iti__ws,.latepoint-admin .lp_iti__flag.lp_iti__ws {
    height: 10px;
    background-position: -5500px 0
}

.latepoint .lp_iti__flag.lp_iti__xk,.latepoint-admin .lp_iti__flag.lp_iti__xk {
    height: 15px;
    background-position: -5522px 0
}

.latepoint .lp_iti__flag.lp_iti__ye,.latepoint-admin .lp_iti__flag.lp_iti__ye {
    height: 14px;
    background-position: -5544px 0
}

.latepoint .lp_iti__flag.lp_iti__yt,.latepoint-admin .lp_iti__flag.lp_iti__yt {
    height: 14px;
    background-position: -5566px 0
}

.latepoint .lp_iti__flag.lp_iti__za,.latepoint-admin .lp_iti__flag.lp_iti__za {
    height: 14px;
    background-position: -5588px 0
}

.latepoint .lp_iti__flag.lp_iti__zm,.latepoint-admin .lp_iti__flag.lp_iti__zm {
    height: 14px;
    background-position: -5610px 0
}

.latepoint .lp_iti__flag.lp_iti__zw,.latepoint-admin .lp_iti__flag.lp_iti__zw {
    height: 10px;
    background-position: -5632px 0
}

.latepoint .lp_iti__flag,.latepoint-admin .lp_iti__flag {
    height: 15px;
    box-shadow: none;
    border-radius: 2px;
    background-image: url(../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 .lp_iti__flag,.latepoint-admin .lp_iti__flag {
        background-image:url(../images/intl-tel-input/flags@2x.png)
    }
}

.latepoint .lp_iti__flag.lp_iti__np,.latepoint-admin .lp_iti__flag.lp_iti__np {
    background-color: transparent
}

.latepoint-admin .lp_iti__country-list {
    font-size: 13px
}