@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(//65-2-104-238.sslip.io/wp-content/plugins/exclusive-team-for-elementor/assets/vendor/css/fonts/slick.eot);src:url(//65-2-104-238.sslip.io/wp-content/plugins/exclusive-team-for-elementor/assets/vendor/css/fonts/slick.eot?#iefix) format("embedded-opentype"),url(//65-2-104-238.sslip.io/wp-content/plugins/exclusive-team-for-elementor/assets/vendor/css/fonts/slick.woff) format("woff"),url(//65-2-104-238.sslip.io/wp-content/plugins/exclusive-team-for-elementor/assets/vendor/css/fonts/slick.ttf) format("truetype"),url(//65-2-104-238.sslip.io/wp-content/plugins/exclusive-team-for-elementor/assets/vendor/css/fonts/slick.svg#slick) format("svg")}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;transform:translateY(-50%);cursor:pointer;border:none}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:none;background:transparent}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li,.slick-dots li button{width:20px;height:20px;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;padding:5px;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}.exclusive-addons-elementor{-webkit-font-smoothing:antialiased;font-smoothing:antialiased}.exad-team-member-name{font-size:22px;font-family:Roboto,sans-serif;margin-bottom:0;font-weight:600}.exad-team-member-content{color:#8a8d91}.exad-team-member-about,.exad-team-member-designation{font-size:15px}.exad-team-member-basic{background:#fff;box-shadow:0 13px 33px 0 rgba(51,77,128,.08)}.exad-team-member-basic .exad-team-member-thumb img{width:100%}.exad-team-member-basic .exad-team-member-content{padding:25px 20px}.exad-team-member-basic .exad-team-member-about{margin-bottom:25px}.exad-team-member-basic .exad-team-member-social{margin-bottom:0;padding:0}.exad-team-member-basic .exad-team-member-social li,.exad-team-member-content-hover .exad-team-member-social li,.exad-team-member-rounded .exad-team-member-social li{display:inline-block}.exad-team-member-basic .exad-team-member-social li a{color:#8a8d91;display:block;transition:.3s ease}.exad-team-member-basic .exad-team-member-social li a:hover{color:#132c47}.exad-team-member-basic .exad-team-member-social li:not(:last-child){margin-right:15px}.exad-team-member-circle{padding:70px 40px 30px;box-shadow:0 13px 33px 0 rgba(51,77,128,.08);background:#fff;text-align:center;border-radius:5px}.exad-team-member-circle .exad-team-member-thumb{position:relative;z-index:1;width:122px;height:122px;margin:0 auto;margin-bottom:45px}.elementor .exad-team-member-circle .exad-team-member-thumb img{position:absolute;width:100px;height:100px;top:50%;left:50%;transform:translate(-50%,-50%)}.exad-team-member-circle .exad-team-member-thumb svg{position:absolute;width:123px;height:123px;z-index:-1}.exad-team-member-circle .exad-team-member-thumb svg:first-child{left:7px;bottom:7px}.exad-team-member-circle .exad-team-member-thumb svg:nth-child(2){top:7px;left:7px}.exad-team-member-circle .exad-team-member-thumb svg:nth-child(3){right:4px;top:0}.exad-team-member-circle .exad-team-member-thumb svg.violate{fill:#826eff}.exad-team-member-circle .exad-team-member-thumb svg.orange{fill:#ff6a47}.exad-team-member-circle .exad-team-member-thumb svg.cyan{fill:#3ad8f4}.exad-team-member-circle .rounded{border-radius:8px}.exad-team-member-circle .circled{border-radius:50%}.exad-team-member-circle-name{font-size:22px;margin-bottom:5px}.exad-team-member-circle-designation{font-size:15px;display:block;color:#8a8d91;margin-bottom:12px}.exad-team-member-about{margin:10px auto}.exad-team-member-circle .exad-team-member-about{margin-bottom:40px}.exad-team-member-circle .exad-team-member-social{padding-left:0}.exad-team-member-circle .exad-team-member-social li{display:inline-block}.exad-team-member-circle .exad-team-member-social li:not(:last-child){margin-right:2px}.exad-team-member-circle .exad-team-member-social li a{padding:0 10px;color:#a4a7aa}.exad-team-member-circle .exad-team-member-social li a:hover{color:#8a8d91;transition:.3s ease}.exad-team-member-social-left{text-align:center;position:relative}.exad-team-member-social-left .exad-team-member-thumb{margin-bottom:20px;position:relative;z-index:1}.exad-team-member-social-left:hover .exad-team-member-thumb:before{transform:translate(-20px,-20px)}.exad-team-member-social-left .exad-team-member-thumb:before{content:"";position:absolute;width:100%;height:100%;background:#f5f6fa;transition:.3s ease;z-index:-1}.exad-team-member-social-left .exad-team-member-thumb img{width:100%}.exad-team-member-social-left .exad-team-member-social{list-style:none;position:absolute;z-index:2;margin:0;padding:30px 20px;background:#fff;border-radius:4px;box-shadow:0 13px 17px 0 rgba(0,0,0,.16);transition:.3s ease;top:15%;opacity:0;transform:scale(.8);left:0;transform-origin:center center}.exad-team-member-social-left .exad-team-member-social li a{display:inline-block;width:45px;height:45px;color:#8a8d91;border-radius:50%;border:1px solid #e0e0e0;transition:.3s ease}.exad-team-member-social-left .exad-team-member-social li a i{line-height:45px}.exad-team-member-social-left .exad-team-member-social li a:hover{color:#fff;border-color:transparent}.exad-team-member-social-left .exad-team-member-social li:not(:last-child){margin-bottom:10px}.exad-team-member-social-left:hover .exad-team-member-social-left .exad-team-member-thumb:before{transform:translate(-20px,-20px)}.exad-team-member-social-left:hover .exad-team-member-social{left:30px;transform:scale(1);opacity:1}.exad-team-member-rounded{text-align:center}.exad-team-member-rounded .exad-team-member-thumb{margin-bottom:30px}.elementor .exad-team-member-rounded .exad-team-member-thumb img{width:100%;border-radius:50%;box-shadow:0 16px 46px 0 rgba(19,32,58,.18)}.exad-team-member-rounded .exad-team-member-about{margin:20px auto}.exad-team-member-rounded .exad-team-member-social li a{color:#fff;display:block;width:40px;height:40px;border-radius:50%;background:#272c44;opacity:.4;transition:.3s ease}.exad-team-member-rounded .exad-team-member-social li:not(:last-child){margin-right:8px}.exad-team-member-rounded .exad-team-member-social li a i{line-height:40px}.exad-team-member-rounded .exad-team-member-social li a:hover{opacity:1}.exad-team-member-content-hover{position:relative}.exad-team-member-content-hover .exad-team-member-thumb img{width:100%}.exad-team-member-content-hover .exad-team-member-content{position:absolute;text-align:center;background:#fff;width:100%;box-shadow:0 20px 33px 0 rgba(51,77,128,.2);padding:25px 20px 20px;transition:.3s ease;transform:scale(.2);opacity:0;bottom:-10%}.exad-team-member-content-hover .exad-team-member-designation{display:block;margin-bottom:30px;position:relative}.exad-team-member-content-hover .exad-team-member-designation:before{content:"";position:absolute;width:50px;height:2px;background:#132c47;bottom:-12px;left:50%;transform:translateX(-50%)}.exad-team-member-content-hover .exad-team-member-social{margin-bottom:0}.exad-team-member-content-hover .exad-team-member-social li a{display:block;padding:0 7px;color:#8a8d91;transition:.3s ease}.exad-team-member-content-hover .exad-team-member-social li a i{font-size:14px}.exad-team-member-content-hover .exad-team-member-social li a:hover{color:#132c47}.exad-team-member-content-hover:hover .exad-team-member-content{bottom:10%;opacity:1;transform:scale(1)}.exad-team-carousel-content{color:#8a8d91}.exad-team-carousel-circle{margin:0 -15px}.exad-team-carousel-circle-title{margin-bottom:50px;position:relative}.exad-team-carousel-circle-title:before{content:"";position:absolute;width:70px;height:2px;background:#132c47;bottom:-25px;left:0}.exad-team-carousel-circle-arrow{margin-top:75px;padding:0;list-style:none}.exad-team-carousel-circle-arrow li{display:inline-block}.exad-team-carousel-circle-arrow-next,.exad-team-carousel-circle-arrow-prev{display:block;width:60px;height:60px;cursor:pointer;background:#fff;text-align:center;border-radius:50%;font-size:25px;transition:.3s ease;margin-right:20px}.exad-team-carousel-circle-arrow-next i,.exad-team-carousel-circle-arrow-prev i{transition:.3s ease;color:#eaecf2;line-height:60px}.exad-team-carousel-circle-arrow-next:hover,.exad-team-carousel-circle-arrow-prev:hover{color:#132c47;box-shadow:0 13px 33px 0 rgba(51,77,128,.08)}.exad-team-carousel-circle-arrow-next:hover i,.exad-team-carousel-circle-arrow-prev:hover i{color:#132c47}.exad-team-carousel-circle-inner{margin:20px 15px;outline:0}.exad-team-carousel-social-left{margin:0 -15px}.exad-team-carousel-social-left-title{font-weight:700;margin-bottom:50px;position:relative}.exad-team-carousel-social-left-title:before{content:"";position:absolute;width:145px;height:4px;background:#f35029;left:50%;transform:translateX(-50%);bottom:-25px}.exad-team-carousel-social-left-inner{margin:0 15px;outline:0}.exad-team-carousel-wrapper .slick-dots{padding-top:30px;padding-left:0;margin-bottom:0;text-align:center}.exad-team-carousel-wrapper .slick-dots li{display:inline-block}.exad-team-carousel-wrapper .slick-dots li button{width:12px;height:12px;outline:0;padding:5px;cursor:pointer;border:none;border-radius:50%;background-color:#8a8d91;-webkit-text-fill-color:transparent;transition:.3s ease}.exad-team-carousel-wrapper .slick-dots li button:hover{background:#f35029}.exad-team-carousel-wrapper .slick-dots li:not(:last-child){margin-right:15px}.exad-team-carousel-wrapper .slick-dots li.slick-active button{background:#f35029}.exad-team-carousel-content-hover{margin:0 -15px}.exad-team-carousel-content-hover-title{font-family:Poppins,sans-serif;font-weight:600}.exad-team-carousel-content-hover-subtitle{position:relative;margin-bottom:30px}.exad-team-carousel-content-hover-subtitle:before{position:absolute;content:"";width:75px;height:3px;background:#132c47;left:50%;transform:translateX(-50%);bottom:-25px}.exad-team-carousel-content-hover-inner{margin:0 15px}.exad-team-carousel-content-h .slick-track,.exad-team-carousel-content-hover .slick-track{display:flex;align-items:flex-end}.exad-team-carousel-next,.exad-team-carousel-prev{position:absolute;width:60px;height:60px;text-align:center;background:#b8bfc7;color:#fff;display:block;border-radius:50%;z-index:2;cursor:pointer;transition:.3s ease;top:50%;transform:translateY(-50%)}.exad-team-carousel-next i,.exad-team-carousel-prev i{line-height:60px}.exad-team-carousel-next:hover,.exad-team-carousel-prev:hover{background:#132c47}.exad-team-carousel-prev{left:-70px}.exad-team-carousel-next{right:-70px}.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
.header {
text-align: center;
margin-bottom: 40px;
}
h1 {
font-size: 24px;
}
.fcp-btn {
background-color: #004d99;
color: #fff;
text-transform: uppercase;
border-radius: 4px;
font-size: 17px;
padding: 2%;
border: solid 2px #004d99;
}
.hide_result {
display: none;
}
.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}
.form-container {
background-color: #f5f5f5;
padding: 20px;
border-radius: 4px;
}
.row {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 20px;
}
.col {
width: 48%;
box-sizing: border-box;
}
label {
display: block;
margin-bottom: 5px;
}
input[type="text"],
input[type="email"],
select,
textarea {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 14px;
box-sizing: border-box; 
}
.fcp-btn {
cursor: pointer;
}
.btn-submit {
background-color: #5cb85c;
color: white;
border: none;
padding: 10px 20px;
border-radius: 4px;
cursor: pointer;
width: 100%;
display: block; 
}
.btn-submit:hover {
background-color: #449d44;
}
.column.full {
width: 100%;
} @media (max-width: 768px) {
.row {
flex-direction: column;
}
.col {
width: 100%;
box-sizing: border-box;
}
.column {
width: 100%;
margin-bottom: 20px;
}
}
.fcp-error{display: none;color: red;font-size: 12px;margin: 0px;padding: 0px;width: 100%;}
select {
background-color: #fff;
}.latepoint-admin,
.latepoint-w {
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
line-height: 1.2;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
}
.latepoint-admin p,
.latepoint-w p {
line-height: 1.2;
}
.latepoint-admin .os-template-preview-content,
.latepoint-w .os-template-preview-content {
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.latepoint-admin .os-template-preview-content h1, .latepoint-admin .os-template-preview-content h2, .latepoint-admin .os-template-preview-content h3, .latepoint-admin .os-template-preview-content h4, .latepoint-admin .os-template-preview-content h5,
.latepoint-w .os-template-preview-content h1,
.latepoint-w .os-template-preview-content h2,
.latepoint-w .os-template-preview-content h3,
.latepoint-w .os-template-preview-content h4,
.latepoint-w .os-template-preview-content h5 {
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.latepoint-admin .os-template-preview-content .os-template-var,
.latepoint-w .os-template-preview-content .os-template-var {
font-family: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
}
.latepoint-admin *,
.latepoint-admin *::before,
.latepoint-admin *::after,
.latepoint-w *,
.latepoint-w *::before,
.latepoint-w *::after {
box-sizing: border-box;
}
.latepoint-admin article, .latepoint-admin aside, .latepoint-admin figcaption, .latepoint-admin figure, .latepoint-admin footer, .latepoint-admin header, .latepoint-admin hgroup, .latepoint-admin main, .latepoint-admin nav, .latepoint-admin section,
.latepoint-w article,
.latepoint-w aside,
.latepoint-w figcaption,
.latepoint-w figure,
.latepoint-w footer,
.latepoint-w header,
.latepoint-w hgroup,
.latepoint-w main,
.latepoint-w nav,
.latepoint-w section {
display: block;
}
.latepoint-admin [tabindex="-1"]:focus,
.latepoint-w [tabindex="-1"]:focus {
outline: 0 !important;
}
.latepoint-admin hr,
.latepoint-w hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
.latepoint-admin h1, .latepoint-admin h2, .latepoint-admin h3, .latepoint-admin h4, .latepoint-admin h5, .latepoint-admin h6,
.latepoint-w h1,
.latepoint-w h2,
.latepoint-w h3,
.latepoint-w h4,
.latepoint-w h5,
.latepoint-w h6 {
margin-top: 0;
}
.latepoint-admin p,
.latepoint-w p {
margin-top: 0;
}
.latepoint-admin abbr[title],
.latepoint-admin abbr[data-original-title],
.latepoint-w abbr[title],
.latepoint-w abbr[data-original-title] {
text-decoration: underline;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
}
.latepoint-admin address,
.latepoint-w address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
.latepoint-admin ol,
.latepoint-admin ul,
.latepoint-admin dl,
.latepoint-w ol,
.latepoint-w ul,
.latepoint-w dl {
margin-top: 0;
margin-bottom: 1rem;
}
.latepoint-admin ol ol,
.latepoint-admin ul ul,
.latepoint-admin ol ul,
.latepoint-admin ul ol,
.latepoint-w ol ol,
.latepoint-w ul ul,
.latepoint-w ol ul,
.latepoint-w ul ol {
margin-bottom: 0;
}
.latepoint-admin dd,
.latepoint-w dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
.latepoint-admin blockquote,
.latepoint-w blockquote {
margin: 0 0 1rem;
}
.latepoint-admin dfn,
.latepoint-w dfn {
font-style: italic;
}
.latepoint-admin b,
.latepoint-admin strong,
.latepoint-w b,
.latepoint-w strong {
font-weight: bolder;
}
.latepoint-admin small,
.latepoint-w small {
font-size: 80%;
}
.latepoint-admin sub,
.latepoint-admin sup,
.latepoint-w sub,
.latepoint-w sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
.latepoint-admin sub,
.latepoint-w sub {
bottom: -0.25em;
}
.latepoint-admin sup,
.latepoint-w sup {
top: -0.5em;
}
.latepoint-admin a:not([href]):not([tabindex]),
.latepoint-w a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
.latepoint-admin a:not([href]):not([tabindex]):focus,
.latepoint-w a:not([href]):not([tabindex]):focus {
outline: 0;
}
.latepoint-admin pre,
.latepoint-admin code,
.latepoint-admin kbd,
.latepoint-admin samp,
.latepoint-w pre,
.latepoint-w code,
.latepoint-w kbd,
.latepoint-w samp {
font-size: 1em;
}
.latepoint-admin pre,
.latepoint-w pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
}
.latepoint-admin figure,
.latepoint-w figure {
margin: 0 0 1rem;
}
.latepoint-admin img,
.latepoint-w img {
vertical-align: middle;
border-style: none;
}
.latepoint-admin svg,
.latepoint-w svg {
overflow: hidden;
vertical-align: middle;
}
.latepoint-admin table,
.latepoint-w table {
border-collapse: collapse;
}
.latepoint-admin caption,
.latepoint-w caption {
text-align: left;
caption-side: bottom;
}
.latepoint-admin th,
.latepoint-w th {
text-align: inherit;
}
.latepoint-admin label,
.latepoint-w label {
display: inline-block;
}
.latepoint-admin button,
.latepoint-w button {
border-radius: 0;
}
.latepoint-admin button:focus,
.latepoint-w button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
.latepoint-admin input,
.latepoint-admin button,
.latepoint-admin select,
.latepoint-admin optgroup,
.latepoint-admin textarea,
.latepoint-w input,
.latepoint-w button,
.latepoint-w select,
.latepoint-w optgroup,
.latepoint-w textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.latepoint-admin button,
.latepoint-admin input,
.latepoint-w button,
.latepoint-w input {
overflow: visible;
}
.latepoint-admin button,
.latepoint-admin select,
.latepoint-w button,
.latepoint-w select {
text-transform: none;
}
.latepoint-admin button,
.latepoint-admin html [type=button],
.latepoint-admin [type=reset],
.latepoint-admin [type=submit],
.latepoint-w button,
.latepoint-w html [type=button],
.latepoint-w [type=reset],
.latepoint-w [type=submit] {
-webkit-appearance: button;
}
.latepoint-admin button::-moz-focus-inner,
.latepoint-admin [type=button]::-moz-focus-inner,
.latepoint-admin [type=reset]::-moz-focus-inner,
.latepoint-admin [type=submit]::-moz-focus-inner,
.latepoint-w button::-moz-focus-inner,
.latepoint-w [type=button]::-moz-focus-inner,
.latepoint-w [type=reset]::-moz-focus-inner,
.latepoint-w [type=submit]::-moz-focus-inner {
padding: 0;
border-style: none;
}
.latepoint-admin input[type=radio],
.latepoint-admin input[type=checkbox],
.latepoint-w input[type=radio],
.latepoint-w input[type=checkbox] {
box-sizing: border-box;
padding: 0;
}
.latepoint-admin input[type=date],
.latepoint-admin input[type=time],
.latepoint-admin input[type=datetime-local],
.latepoint-admin input[type=month],
.latepoint-w input[type=date],
.latepoint-w input[type=time],
.latepoint-w input[type=datetime-local],
.latepoint-w input[type=month] {
-webkit-appearance: listbox;
}
.latepoint-admin textarea,
.latepoint-w textarea {
overflow: auto;
resize: vertical;
}
.latepoint-admin fieldset,
.latepoint-w fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
.latepoint-admin legend,
.latepoint-w legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
.latepoint-admin progress,
.latepoint-w progress {
vertical-align: baseline;
}
.latepoint-admin [type=number]::-webkit-inner-spin-button,
.latepoint-admin [type=number]::-webkit-outer-spin-button,
.latepoint-w [type=number]::-webkit-inner-spin-button,
.latepoint-w [type=number]::-webkit-outer-spin-button {
height: auto;
}
.latepoint-admin [type=search],
.latepoint-w [type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
.latepoint-admin [type=search]::-webkit-search-cancel-button,
.latepoint-admin [type=search]::-webkit-search-decoration,
.latepoint-w [type=search]::-webkit-search-cancel-button,
.latepoint-w [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
.latepoint-admin ::-webkit-file-upload-button,
.latepoint-w ::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
.latepoint-admin output,
.latepoint-w output {
display: inline-block;
}
.latepoint-admin summary,
.latepoint-w summary {
display: list-item;
cursor: pointer;
}
.latepoint-admin template,
.latepoint-w template {
display: none;
}
.latepoint-admin [hidden],
.latepoint-w [hidden] {
display: none !important;
} @keyframes statusIconPop {
0% {
transform: rotate(-90deg) scale(0.4);
opacity: 1;
}
100% {
transform: rotate(0deg) scale(1);
opacity: 1;
}
}
@font-face {
font-family: "latepointIcons";
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBnAAAAC8AAAAYGNtYXAXVtK7AAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZmFR2WIAAAF4AAAlXGhlYWQp+doaAAAm1AAAADZoaGVhCqEG3AAAJwwAAAAkaG10eN/CAAAAACcwAAAA5GxvY2HvDvf0AAAoFAAAAHRtYXhwAHMA6QAAKIgAAAAgbmFtZUA710MAACioAAABnnBvc3QAAwAAAAAqSAAAACAAAwQSAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpNAPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6TT//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAD/wAAAA8AAAgAANzkBAAAAAAEAAP/AAAADwAACAAA3OQEAAAAAAQAA/8AAAAPAAAIAADc5AQAAAAAFAAD/wAOrA8AAJAAvAGIAcQCAAAABNCYjFAYjIiY1IxQGIyImNSMUBiMiJjUjFAYjIiY1IgYdASE1BREUFjMhMjY1ESElERQGIyEiJjURNDYzNTQ2MzIWHQEzNTQ2MzIWHQEzNTQ2MzIWHQEzNTQ2MzIWHQEyFhUBNDYzITIWFRQGIyEiJjUVNDYzITIWFRQGIyEiJjUDVRkRGRISGVUZEhEZVhkREhlVGRISGREZAqr9VhkRAlYRGf1WAwBLNf2qNUtLNRkSEhlVGRIRGVYZERIZVRkSEhk1S/1VGRIBqhIZGRL+VhIZGRIBqhIZGRL+VhIZAsASGRIZGRISGRkSEhkZEhIZGRIZElVVq/6AERkZEQGAq/3VNUtLNQIrNUsrERkZESsrERkZESsrERkZESsrERkZEStLNf7VEhkZEhEZGRGqERkZERIZGRIAAAABAAD/wAbcA8AAKgAAARYUBw4BBzgBMQEOASMiJicmNDcBISImNTQ2MyEBJjQ3NjIXATgBMR4BFwbcBQUDCAX+SAsbDg4bCxYWATv6Yx4rKx4Fnf7FFhYVPRYBuAUIAwHcDR0OBgwF/kkLCwsLFT0VATorHx4rAToVPRUWFv5JBQwHAAABAAD/wAbfA8AAKgAAASEBFhQHDgEjIiYnATgBIy4BJyY0Nz4BNzIwMQE2MhcWFAcBITIWFRQGIwaW+mMBOxYWChsPDhsK/kgBBQgCBgYCCAUBAbgVPRUWFv7FBZ0eKyseAXf+xhU9FQsLCwsBtwUMBg4dDQcMBQG3FhYVPRX+xiseHysAAAAAAQAA/8ADxAPAAAUAACUBNxcBFwGA/ryIvAG8iDgBRIi8AbyIAAAAAAEAAP/AA2ADwAAFAAABBwkBFwEBYGABoP5gYAIAA8Bg/mD+YGACAAABAAD/wAMAA8AABQAABTcJAScBAqBg/mABoGD+AEBgAaABoGD+AAAAAQAA/8AEAAPAAAUAABMXCQE3AQDAAUABQMD+AAEgwAFA/sDAAgAAAAEAAP/ABAADwAAFAAATFwkBNwEAgAGAAYCA/gABIIABgP6AgAIAAAABAAD/wAQAA8AABQAAAScJAQcBBADA/sD+wMACAAJgwP7AAUDA/gAAAQAA/8AEAAPAAAUAAAEnCQEHAQQAgP6A/oCAAgACYID+gAGAgP4AAAEAAP/AA0kDwAAfAAABNjQnJiIHCQEmIgcGFBcJAQYUFxYyNwkBFjI3NjQnAQNJDAwNIw3+9P70DSMNDAwBDf7zDAwNIw0BDAEMDSMNDAz+8wLMDSMNDAz+8wENDAwNIw3+9P70DSMNDAwBDf7zDAwNIw0BDAAAAAQAAP/AA1UDwAAPAC0AOwBJAAAlMDM6ATMyMTA1PAE1NDUhARQGIyEiJjURIiY1NDY7ATQ2MzIWFTMyFhUUBiMRATQ2MzIWFREUBiMiJjUDNDYzMhYVERQGIyImNQErQkOgQ0L+VgIAMiT+ViQyERkZEdYyIyMy1hEZGRH/ABkREhkZEhEZqxkSERkZERIZa0NEtl1dM/3WJDIyJAIqGRISGSMyMiMZEhIZ/dYBqhIZGRL+1hIZGRIBKhIZGRL+1hIZGRIAAAAAAwAA/8ADqwPAACAAPQBZAAABNzYWFxYUDwEXFhQHDgEvAQcGJicmND8BJyY0Nz4BHwERIicuAScmNTQ3PgE3NjMyFx4BFxYVFAcOAQcGIzUyNz4BNzY1NCcuAScmIyIHDgEHBhUUFx4BFxYCAGoMIw0NDWpqDQ0NIwxqagwjDQ0NamoNDQ0jDGpYTk50ISIiIXROTlhYTk50ISIiIXROTlhHPj5dGxoaG10+PkdHPj5dGxoaG10+PgH8ag0BDA0jDGpqDCMNDAENamoNAQwNIwxqagwjDQwBDWr+GSIhdE5OWFhOTnQhIiIhdE5OWFhOTnQhIlYaG10+PkdHPj5dGxoaG10+PkdHPj5dGxoAAAAEAAD/wAOrA8AADQAcACIAJwAANzQ2MyEyFhUUBiMhIiYBFxYUBwEHBiY/AQE2MhcBJw8BPwEBJwcXN1UZEgMAEhkZEv0AEhkC+zwZGf5anyMkCSgBphlHGf6GPBwUUBwBHzzjPeJGEhkZEhIZGQMePRlGGf5ZKAgkI54BpxkZ/g48HFEUHQEePeI94gAAAAAGAAD/wAOrA8AAGwA4AFUAYQBtAHoAAAEUBgcVFAYjIiY9AS4BNTQ2NxE0NjMyFhURHgElFAYHERQGIyImNREuATU0Njc1NDYzMhYdAR4BFSUUBgcRFAYjIiY1ES4BNTQ2NzU0NjMyFh0BHgEVBzI2NTQmIyIGFRQWATI2NTQmIyIGFRQWATI2NTQmIyIGFRQWMwKAMCUZEhIZJTAwJRkSEhklMAErMCYZERIZJTAwJRkSERkmMP2qMCUZEhEZJjAwJhkREhklMIASGRkSERkZATwSGRkSEhkZAT0RGRkREhkZEgEVKUINMhIZGRIyDUIpKkINAYcSGRkS/nkNQtYpQg3+zhIZGRIBMg1CKSpCDYcSGRkShw1CKlYqQg3+eRIZGRIBhw1CKilCDTISGRkSMg1CKSsZEhEZGRESGf6rGRESGRkSERkBABkREhkZEhEZAAAABAAA/8ADfwPAAF4AxQDRAN0AAAEXMDY3NhYfARYGBw4BMTAWFRQGMTAWFx4BDwEOAScwJjEHMAYHDgErASImJy4BMScwBgcGJi8BJjY3PgExMDQ1PAExMCYnLgE/AT4BFx4BMTcwNjc+ATsBMhYXHgExBycuAScmIgcOAQ8CDgEPAScuASciBhceAR8BBw4BFRQWHwEHDgEHBhYzPgE/ARceAR8CHgEXFjI3PgE/Aj4BPwEXHgEXMjYnLgEvATc0NjU8AS8BNz4BNzYmIw4BDwEnLgEvAQMiJjU0NjMyFhUUBicyNjU0JiMiBhUUFgKKH2AEFioKKAsDDAM/AQE/Ag0DCygLKRVlHyICCCcWTxYmCAIiIGAEFikLKAsDDQM+PgMNAgooCykVBWEfIQIJJhZPFicIAiJHBQcaAgFBAQIaBgYSDRkLEBQVSwUDIAICMQ8OAgEBAQECDg8xAgIgAwVLFRQQCxkNEgYGGgIBQQECGgcFEw0YDBATFUwEAiEBAzEPDgMBAQMODzEDASADBEwVExAMGA0TSTVLSzU1S0s1ERkZERIZGQLeEhABAhUSRRMuEAVLCAoFDkoEES4TRRMUAhITWwQUGhoTBFwTEQECFRJFEy4QBUsICgUNSwQRLhNFExQCARETWwQUGhoTBFw+ExVIBAMDBEgVEwgGDggMBAUNATgCBDoQDxQHDgcHDgcUDxA6BAI4AQ0FBAwIDgYIExVIBAMDBEgVEwgGDggMBAUNATgCBDoQDxQHDgcHDgcUDxA6BAI4AQ0FBAwIDgYI/qBLNTVLSzU1S1UZEhIZGRISGQAAAAEAAP/AAwADwAAXAAABMzUjIgcOAQcGHQEjFTMRMxEzNyM1NDYCYKCgLikpPRESgIDAoCDAEwMAwBIRPSkpLmDA/gACAMBgDRMAAAABAAD/wAP2A8AAOgAAARUhBgcOAQcGIyInLgEnJjU0Nz4BNzYzMhYXNyYnLgEnJiMiBw4BBwYVFBceARcWMzI3PgE3NjU0JicCCgEjBRESRDY1TEE6OlYZGRkZVjo6QUtlHIshJyZWLzA0al1diykoKCmLXV1qb1tagSQjBQMCCa8dJiZEGBgZGlc7O0NDOztXGhkzHIYfGRkjCQkoKIteXWpqXV6LKCglJYVcXG0ZKRMAAAADAAD/wAOlA8AAKgBSAF4AADcXMzc+AT8CPgEXMBYXFjY3Njc2NCcmJyYnJiIHBgcOARcWFA8BBiInBxcHDgEPAg4BKwEiJjUnNDY3ASY2NzY3NjIXFhcWFxYUBwYHDgEnBwE2NCcmIgcGFBcWMqoBWRACDwk2vAYUCAcJN3QrHw8QEA8gHycoUSgnHzITHxMTYhM1E233NwgPAgoPBxUJkxEZAQkHAQwUJjsrNzdzNzcrLBYWFhUsOptLowFKExMTNRITExM1yls8CQ4CC7sGBAQDAxEbKx8nKFEoJx8fEBAQDx8zijwTNRNiExJsOAoCDwg3DwYJGRKTCRUHAQxLmzosFRYWFiwrNzdzNzcrOyYUpAHEEjUTExMSNRMTAAAEAAD/wANVA8AAFAAzADwAQAAAATQ2MzIWFRQGBxUUBiMiJj0BLgE1AzQ3PgE3NjMyFx4BFxYdATIWFREUBiMhIiY1ETQ2MzMhNTQmIyIGFQcRIREBqzIjIzIXExkSEhkTF6sUFEYuLzU1Ly5GFBQjMjIj/gAjMjIjVQFWZEdHZFUCAAErIzIyIxgnCyESGRkSIQsnGAFANS4vRRUUFBVFLy41azIj/sAkMjIkAUAjMmtGZGRGwP7AAUAAAAEAAP/AA1UDwAAOAAABISIGFRQWMyEyNjU0JiMDK/2qExcXEwJWExcXEwHVFxMUFxcUExcAAAAAAwAA/8AD1QPAABsANwBGAAABIgcOAQcGFRQXHgEXFjMyNz4BNzY1NCcuAScmAyInLgEnJjU0Nz4BNzYzMhceARcWFRQHDgEHBhMhIgYVFBYzITI2NTQmIwIAYlVWfyUkJCV/VlViYlVWfyUkJCV/VlViUEZGaB4eHh5oRkZQUEZGaB4eHh5oRkZb/qoTFxcTAVYTFxcTA4AlJIBVVmFiVVZ/JSUlJX9WVWJhVlWAJCX8qx4eaEZGUFBGRmgeHh4eaEZGUFBGRmgeHgGqFxMUFxcUExcAAAAAAwAA/8ADqwPAAA8AHwAuAAABISIGFREUFjMhMjY1ETQmAxQGIyEiJjURNDYzITIWFQMhIgYVFBYzITI2NTQmIwMr/ao2Sko2AlY2SkoMFxP9qhMXFxMCVhMXqv6qExcXEwFWExcXEwNVSTf9qzZKSjYCVTdJ/SsTGBgTAlUUFxcU/wAXExQXFxQTFwABAAD/wANVA8AAIAAAASERNCYjIgYVESEiBhUUFjMhERQWMzI2NREhMjY1NCYjAyv/ABgTExj/ABMXFxMBABgTExgBABMXFxMB1QEAFBcXFP8AFxMUF/8AExgYEwEAFxQTFwAAAwAA/8AD1QPAABsANwBYAAABIgcOAQcGFRQXHgEXFjMyNz4BNzY1NCcuAScmAyInLgEnJjU0Nz4BNzYzMhceARcWFRQHDgEHBhMjNTQmIyIGHQEjIgYVFBY7ARUUFjMyNj0BMzI2NTQmIwIAYlVWfyUkJCV/VlViYlVWfyUkJCV/VlViUEZGaB4eHh5oRkZQUEZGaB4eHh5oRkZbgBgTExiAExcXE4AYExMYgBMXFxMDgCUkgFVWYWJVVn8lJSUlf1ZVYmFWVYAkJfyrHh5oRkZQUEZGaB4eHh5oRkZQUEZGaB4eAaqAFBcXFIAXExQXgBMYGBOAFxQTFwAAAwAA/8ADqwPAAA8AHwBAAAABISIGFREUFjMhMjY1ETQmAxQGIyEiJjURNDYzITIWFQMjNTQmIyIGHQEjIgYVFBY7ARUUFjMyNj0BMzI2NTQmIwMr/ao2Sko2AlY2SkoMFxP9qhMXFxMCVhMXqoAYExMYgBMXFxOAGBMTGIATFxcTA1VJN/2rNkpKNgJVN0n9KxMYGBMCVRQXFxT/AIAUFxcUgBcTFBeAExgYE4AXFBMXAAAAAwAA/8ADgAPAABAAGwAlAAABISIGFREUFjMhMjY1ETQmIwUhESEiBgcRNDYzESImNTQ2MyEVIQNV/cA8WVk8AkAUFxcU/cACFv3qECAQJxkZJycZAhb96gOAWTz9gD1ZGBMDVRQXVf3VBwoB/Bkn/QAmGhkngAAAAwAA/8ADqwPAACIAPwBJAAABIzU0JiMiBh0BITU0JiMiBh0BIyIGFREUFjMhMjY1ETQmIwUzFRQWMzI2PQEhFRQWMzI2PQEzMhYdASE1NDYzASEiJjURIREUBgMrVhcTFBf/ABcUExdWNkpKNgJWNkpKNv2qVhcTFBcBABcUExdWExf9VhcTAlb9qhMXAqoXAysqFBcXFCoqFBcXFCpKNv2qNkpKNgJWNkpWKhQXFxQqKhQXFxQqFxOAgBMX/VYXEwGA/oATFwACAAD/qwQAA8AABgAKAAAFIREhESERAyERIQGa/mYBmgGZzQGa/mZVAzP+Zv5nBAD+ZgAAAgAA/8ADqwPAADEAYwAAASYnLgEnJicjOAExIgYHBgcOAQcGFRQWFwcGFhceATMyNj8BHgEzMjc+ATc2Nz4BPQEHOAExFAYHBgcOAQcGIyImJy4BIwc3NiYnLgE1NDc+ATc2Nz4BMzgBMTMWFx4BFxYXFQOrBR8gZkREThYwWSo1Kio6DxASEE0DBQcJDwoDBwPiJlQsOjY2XyYmGhYVVhIQFR0eSisqLyZGIAcSCqI4AwEHEBINDC8hISogSSMRPTU1URkaBAHaTEREZh8fAxQWGiYmXzY2OipWJuMMGAYHBgEDTRASDxA5KikzKV4wFhomSCMqICEtCwwSEAMBN6IKDwkgSiMuKytJHh4VEBIDGBlQNTU9FQAAAAACAAD/wAOrA8AAFwAoAAABISIGFREUFhceATMyNj8BITI2NRE0JiMTFAYjISIGDwERNDYzITIWFQMr/ao2Sg0NAwsDCg0HngHvNkpKNioXE/4ACg4GYhcTAlYTFwNVSTf9Vg0XAwMBBgeeSTcBqjdJ/dYUFwYHYgJEFBcXFAAAAAEAAP/AA7cDwABUAAABJiIHAQYHBiInJicmJyY0NzY3ATYyFxYUBwEGIicuATU0NjcBNjQnJiIHAQ4BFRQWFxYyNwE2NzY0JyYnLgEjIgYHAQYHBhQXFhceATMyNjcBNiYnA68NIg3+eCAoJ1InJyAgEBAQECABiCNtIycn/ngNIg0DBQYGAWsNDQ0iDf6WExQUEyZqIwGIIBAQEBAgHE8qKU8d/ncrFhUVFistbzo5by0BiAcCDQHzDQ3+eCAQEBAQICAnJ1InKCABiCMjJmoj/ncMDAQMCgoNBwFrDCINDQ3+lhAwGhowECYmAYkgJyhRKCcgHSMgIP53Kzc3czg3Ky0oKyoBiAolDQAEAAD/wAPVA8AAIwAnACsARgAAASMRNCYjISIGFREjIgYdARQWOwEVFBYzITI2PQEzMjY9ATQmJSEVIQEhESEXFAYrATU0JiMhIgYdASMiJj0BNDYzITIWHQEDVSoYE/4AExgqN0lJNyoYEwIAExgqN0lJ/Z8Bqv5WAar+VgGqqxcUKhgT/gATGCoUFxcUAqoUFwJVAQAUFxcU/wBJN9U2SoATGBgTgEo21TdJ1tb91gEAKxMYgBQXFxSAGBPVFBcXFNUAOQAA/8AEAAPAAAMACAAMABAAFQAZAB0AIgAmACoALgAyADYAOgA+AEIARgBKAE4AUgBWAFoAXgBiAGYAagBuAHIAdgB6AH4AggCGAIoAjgCSAJYAmgCeAKIApgCqAK4AsgC2ALoAvgDCAMYAygDOANIA1gDaAN4A4gDmAAABIREhEzERIREXMxUjJSERIRMxESERFzMVIwEhESETMREhERczFSMBMxUjOwEVIyMzFSM7ARUjIzMVIzsBFSMjMxUjFTMVIzsBFSMjMxUjOwEVIyMzFSM7ARUjIzMVIzsBFSMBMxUjJTMVIzczFSMnMxUjJTMVIzsBFSM3MxUjOwEVIzczFSM7ARUjNzMVIzsBFSM3MxUjFzMVIyUzFSM3MxUjOwEVIzczFSM3MxUjFzMVIyUzFSM3MxUjNzMVIzsBFSM3MxUjFzMVIyUzFSM7ARUjNzMVIzsBFSMjMxUjNzMVIzczFSMBQP8AAQBA/oCAgIADQP8AAQBA/oCAgID+QP8AAQBA/oCAgIABQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEABwEBA/IBAQEBAQIBAQAEAQEBAQEBAQEDAQEBAQEBAQEBAQEBAQEBAQEBAQED+gEBAQEBAQEBAgEBAQEBAQEBA/oBAQEBAQIBAQEBAQEBAQEBAQP7AQEBAQEBAQEBAQEDAQECAQECAQEADgP8AAUD+gAGAgIDA/wABQP6AAYCAgP5A/wABQP6AAYCAgAOAQEBAQEBAQEBAQEBAQEBAQAIAQEBAgEBAQEBAQIBAQIBAQIBAQIBAgEBAQIBAQEBAgECAQEBAgEBAQECAQIBAgEBAgEBAQEBAQEAAAAACAAD/wAOrA8AAJgBLAAABIgYVERQGIyEiJjURNDYzITI2NTQmIyEiBhURFBYzITI2NRE0JiMTLgEnLgEjISIGFRQWOwEBBhQXHgEzMjY3ARUUFjMyNjURNCYnAwATGBcT/ioTFxcTAQAUFxcU/wA2Sko2AdY2ShgTpgMMBgMLA/8AExgYE5r+cw0NBg4KCQ4HAYwYExMYAQQBqxgT/wATGBgTAdUUFxcUExdJN/4rNkpKNgEAExgBkQYMAwMBFxMUF/5zDSINBgYGBgGNmRQXFxQBAAMLAwAGAAD/wAOAA8AAGQAcAC8APgBNAFwAAAEuAScBLgEjLgEjISIGFREUFjMhMjY1ETQmJxcjEyEiJjURNDYzIRUUFjsBERQGIwMhIgYVFBYzITI2NTQmIxUhIgYVFBYzITI2NTQmIwEzMjY1NCYrASIGFRQWMwN8AwMD/wADBgQDCgT+qzZKSjYCADZKAf9vb4D+ABMYGBMBKxcT1hgTVf6qExcXEwFWExcXE/6qExcXEwFWExcXE/6qVhMXFxNWExcXEwJmBAYDAQADBgMBSjb9VTZKSjYCAAQKjG/9qxcTAqsTGNYTF/4qExcBgBgTExgYExMYqxcUExcXExQXAQAXFBMXFxMUFwAGAAD/wAOrA8AADgAdACsAQQBXAG0AAAEhMjY1NCYjISIGFRQWMwUhIgYVFBYzITI2NTQmIxEhIgYVFBYzITI2NTQmAQ4BFRQWFx4BMzI2Nz4BNTQmJyYiBxEOARUUFhceATMyNjc+ATU0JicmIgcRDgEVFBYXHgEzMjY3PgE1NCYnJiIHAVUCKxMYGBP91RMXFxMCK/3VExcXEwIrExgYE/3VExcXEwIrExgY/M8GBwcGBw0KCg0HBgcHBg0iDQYHBwYHDQoKDQcGBwcGDSINBgcHBgcNCgoNBwYHBwYNIg0CgBcUExcXExQXqxcTFBcXFBMX/wAXExQXFxQTFwH0Bw4JCg4GBwYGBwYOCgkOBwwM/wAHDgkKDgYHBgYHBg4KCQ4HDAz/AAcOCQoOBgcGBgcGDgoJDgcMDAAAAwAA/8ADqwPAAA4AHAAqAAABISIGFRQWMyEyNjU0JiMlITI2NTQmIyEiBhUUFgEhIgYVFBYzITI2NTQmA4D9ABMYGBMDABMYGBP9AAMAExgYE/0AExgYAxP9ABMYGBMDABMYGAHVFxMUFxcUExerFxQTFxcTFBf+VRcTFBcXFBMXAAAABAAA/8AEAAPAAAwAGAA8AEcAACUUBiMiJjU0NjMyFhUhFAYjIiY1NDYzMhYTLgEjIScuASsBIgYVFBY7ARcwFDETHgEzMDIzITI2NxM0JicDDgEjISImJwMhAwHVMiMjMjIjIzIB1jIkIzIyIyQyTAYSCv1NIgMYEKoUFxcUiCJJCUYtAQMBnjBGCkQCB5EDFxD+YhAYA0ACbzwrJDIyJCMyMiMkMjIkIzIyAnYKB7QQEhgTExizBP6eLTo6LQFmChIG/okQEhIQATP+zQAAAAEAAP/AAw0DwAAMAAABBycHJzcnNxc3FwcXAw1as7NasrJas7NasrIBDVqyslqzs1qyslqzswAAAQAA/8ADcwPAABYAAAEmIgcBJyYiBwYUHwEeATMyNjcBNjQnA3MNIg3+SbcNIg0NDdUHDQoKDQcB1Q0NAskMDP5IuAwMDSIN1gYGBgYB1g0iDQAABgAA/8AEAAPAAA4AHQArAEMAWwByAAATMjY1ETQmIyIGFREUFjMhIgYVERQWMzI2NRE0JiMFMjY1ETQmIyIGFREUFikBIgYVFBY7AREUFjMyNjURMzI2NTQmIwEjNTQmIyIGHQEjIgYVFBYzITI2NTQmIwEhIgYVFBY7ARUUFjMyNj0BMzI2NTQmqxMXFxMUFxcUAVUTGBgTExgYEwFVFBcXFBMXF/3p/wAUFxcUVRcUExdWExcXEwFVVRgTExhVExgYEwEAExgYEwFV/wATFxcTVhcTFBdVFBcXAdUYEwErExcXE/7VExgXE/6AFBcXFAGAExdVFxQBgBMXFxP+gBQXFxQTF/8AFBcXFAEAFxMUFwEAqxMXFxOrFxQTFxcTFBf+qxgTExiqFBcXFKoYExMYAAAEAAD/wAPVA8AAGQAeADUATAAAEwUeATMyNjclPgE1NCYnJSYiBwUOARUUFhclDQEtAQEFJSYGBwYWFwUeATMyNjclPgEnLgEHNQUlJgYHBhYXBR4BMzI2NyU+AScuAQdEAasDCAYGCAMBqw0MDA3+VQoTCf5VCgsMDQG8AU3+s/6zAU0Bmv5m/mYQIQYGCg0BqwYJBgYIAwGrEAoJByAM/mb+ZhAhBgYKDQGrBgkGBggDAasQCgkHIAwCWtYDAQED1gYTDQ0TBtYDA9YGEw0NEwbMpqampv3Wzc0GCwwNJAfVBwIBBNUGIRAQDAbVzc0GCg0QIQbWBgIBA9UHIRAQCwYAAAUAAP+3A9UDwAAdACcAKwAzADoAAAElOAExJiIHBQ4BFREUFhcFHgEzMjY3JT4BNRE0JiU+ATMyFhcFByUTJTcFAS4BNREFESUhBRElERQGA43+qhk9Hf6rICQlIwFWDB4NEBsMAVYgKCX+PwMLAwYIAwE8eP60d/6zeAFM/h4JDAFV/sAC0f7FAVUNAuarDQ2rEDsk/msjQBCrBgcHBqsQPSYBlSQ7cwMBAQOePKb+76c7pv53BxYKAYiq/l6dnQGiqv54DRMABAAA/8ADqwPAACQAKQAzAFQAAAEwJiMwJiMnLgEjISIGDwEwBiMwBiMcARURFBYzITI2NRE0JiclIRchNwEhIiY1ESERFAYDIgYVFAYjIiY1NCYjIgYVFBceARcWMzI3PgE3NjU0JiMDpgEDAQOAAxEK/gAKEgaAAQMBBEo2AlY2SgEE/W8B1kD9qkACFv2qExcCqheTFBdKNjZKFxQTFxAROScnLS0nJzkREBcTArwEBKsKBwcKqwQEBwcD/ao2Sko2AlYDBwdvVlb9ABcTAiv91RMXAgAYEzZKSjYTGBgTLScnOREQEBE5JyctExgAAwAA/8ADqwPAACIALQA4AAABIzU0JisBIgYdASMiBhUUFjsBERQWMyEyNjURMzI2NTQmIyU0NjsBMhYdASE1ARQGIyEiJjURIREDgKtJN6o3SasTGBgTK0k3Aao3SSsTGBgT/gAXFKoUF/8AAYAXFP5WFBcCAALVKzZKSjYrFxMUF/3VNkpKNgIrFxQTFysTGBgTKyv9VRMXFxMCK/3VAAUAAP/AA6sDwAAiAC0AOABHAFYAAAEjNTQmKwEiBh0BIyIGFRQWOwERFBYzITI2NREzMjY1NCYjJTQ2OwEyFh0BITUBFAYjISImNREhEQEiBhURFBYzMjY1ETQmIzMiBhURFBYzMjY1ETQmIwOAq0k3qjdJqxMYGBMrSTcBqjdJKxMYGBP+ABcUqhQX/wABgBcU/lYUFwIA/qsUFxcUExcXE6oTFxcTFBcXFALVKzZKSjYrFxMUF/3VNkpKNgIrFxQTFysTGBgTKyv9VRMXFxMCK/3VAasXFP8AExcXEwEAFBcXFP8AExcXEwEAFBcAAAEAAP/AA1UDwAAkAAABITc2NCcmIgcBDgEVBhQXHgEXAR4BMzI2NzY0LwEhMjY1NCYjAyv+EeINDQ0iDf7VAwUDAwMCAwErBxEGBhEHDQ3iAe8TFxcTAdXiDSINDQ3+1gQGAwcSCQQGA/7VBgcHBg0iDeIXFBMXAAEAAP/AA1EDwAAkAAABNjQnLgEnASYiBwYUHwEhIgYVFBYzIQcGFBceATMyNjcBPgE1A1EDAwMCA/7VDSINDQ3i/hETFxcTAe/iDQ0HEQYGEQcBKwMFAZoGEgoDBgQBKg0NDSIN4hcTFBfiDSINBgcHBgErAwYEAAEAAP/AAp4DwAAWAAABNzY0JyYiBwEGFBcBHgEzMjY3NjQvAQG84g0NDSIN/wANDQEABxEGBhEHDQ3iAaviDSINDAz/AA0iDf8ABwYGBw0iDeIAAAEAAP/AAp4DwAAWAAAJASYiBwYUHwEHBhQXHgEzMjY3ATY0JwKe/wANIg0NDeLiDQ0HDQoKDQcBAA0NAckBAAwMDSIN4uINIg0HBgYHAQANIg0AAAMAAP/ABAADwAAPABoAJQAAASEiBhURFBYzITI2NRE0JgUhMhYdASE1NDYzASEiJjURIREUBiMDgP0ANkpKNgMANkpK/MoDABMY/KoYEwMA/QATGANWGBMDK0o2/gA3SUk3AgA2SlYXE4CAExf9qxcUASr+1hQXAAMAAP/AA6sDwAAUABoAKAAANzMyNjcBNjQvASYiBwEOAR0BFBYzNwEXASM1ASEiBhUUFjMhMjY1NCaAqwkOBwHVDQ2rDSIN/isGBxgTKwGqb/5WbwLV/QATGBgTAwATGBirBgYB1g0iDaoNDf4rBw0KqxMXxAGrb/5Vb/68GBMTGBgTExgAAAABAAAAAQAApoQrQV8PPPUACwQAAAAAAOH9ytkAAAAA4f3K2QAA/6sG3wPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAbiAAAAAAbfAAEAAAAAAAAAAAAAAAAAAAA5BAAAAAAAAAAAAAAAAgAAAAQAAAAG4gAABuAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAAAAAAAAAKABQAHgDGAQgBTAFgAXQBiAGcAbABxAHYAhQCeAMAA0gD8gUmBUwFpgY2BpQGsAccB2IHlAgSCGwIqAkMCSYJtAn0CnoK3AwkDJANFA2yDfQOXA54DqIPPA++ECIQmhDqEWIRnhHaEgQSLhJqEq4AAQAAADkA5wA5AAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAkAAAABAAAAAAACAAcAcgABAAAAAAADAAkAPAABAAAAAAAEAAkAhwABAAAAAAAFAAsAGwABAAAAAAAGAAkAVwABAAAAAAAKABoAogADAAEECQABABIACQADAAEECQACAA4AeQADAAEECQADABIARQADAAEECQAEABIAkAADAAEECQAFABYAJgADAAEECQAGABIAYAADAAEECQAKADQAvGxhdGVwb2ludABsAGEAdABlAHAAbwBpAG4AdFZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGxhdGVwb2ludABsAGEAdABlAHAAbwBpAG4AdGxhdGVwb2ludABsAGEAdABlAHAAbwBpAG4AdFJlZ3VsYXIAUgBlAGcAdQBsAGEAcmxhdGVwb2ludABsAGEAdABlAHAAbwBpAG4AdEZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^=latepoint-icon-], [class*=" latepoint-icon-"] { font-family: "latepointIcons" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.latepoint-icon-qrcode:before {
content: "\e921";
}
.latepoint-icon-cross:before {
content: "\e927";
}
.latepoint-icon-google:before {
content: "\e911";
}
.latepoint-icon-facebook:before {
content: "\e910";
}
.latepoint-icon-brand:before {
content: "\e910";
}
.latepoint-icon-social:before {
content: "\e910";
}
.latepoint-icon-arrow-up:before {
content: "\e906";
}
.latepoint-icon-arrow-up2:before {
content: "\e907";
}
.latepoint-icon-arrow-down:before {
content: "\e908";
}
.latepoint-icon-arrow-down2:before {
content: "\e909";
}
.latepoint-icon-arrow-right:before {
content: "\e904";
}
.latepoint-icon-arrow-left:before {
content: "\e905";
}
.latepoint-icon-lp-logo:before {
content: "\e91c";
}
.latepoint-icon-arrow-left1:before {
content: "\e92f";
}
.latepoint-icon-arrow-right1:before {
content: "\e930";
}
.latepoint-icon-book:before {
content: "\e91a";
}
.latepoint-icon-calendar:before {
content: "\e91b";
}
.latepoint-icon-check:before {
content: "\e928";
}
.latepoint-icon-chevron-left:before {
content: "\e931";
}
.latepoint-icon-chevron-right:before {
content: "\e932";
}
.latepoint-icon-credit-card:before {
content: "\e933";
}
.latepoint-icon-edit-3:before {
content: "\e934";
}
.latepoint-icon-external-link:before {
content: "\e922";
}
.latepoint-icon-file-text:before {
content: "\e923";
}
.latepoint-icon-layers:before {
content: "\e92a";
}
.latepoint-icon-list:before {
content: "\e924";
}
.latepoint-icon-menu:before {
content: "\e925";
}
.latepoint-icon-message-circle:before {
content: "\e91d";
}
.latepoint-icon-message-square:before {
content: "\e91e";
}
.latepoint-icon-minus:before {
content: "\e914";
}
.latepoint-icon-minus-circle:before {
content: "\e915";
}
.latepoint-icon-minus-square:before {
content: "\e916";
}
.latepoint-icon-package:before {
content: "\e92b";
}
.latepoint-icon-paperclip:before {
content: "\e91f";
}
.latepoint-icon-plus:before {
content: "\e917";
}
.latepoint-icon-plus-circle:before {
content: "\e918";
}
.latepoint-icon-plus-square:before {
content: "\e919";
}
.latepoint-icon-printer:before {
content: "\e920";
}
.latepoint-icon-shopping-bag:before {
content: "\e92c";
}
.latepoint-icon-shopping-cart:before {
content: "\e926";
}
.latepoint-icon-sliders:before {
content: "\e929";
}
.latepoint-icon-trash:before {
content: "\e92d";
}
.latepoint-icon-trash-2:before {
content: "\e92e";
}
.latepoint-icon-clothes-21:before {
content: "\e912";
}
.latepoint-icon-ui-09:before {
content: "\e913";
}
.latepoint-icon-ui-15:before {
content: "\e90b";
}
.latepoint-icon-ui-24:before {
content: "\e90c";
}
.latepoint-icon-ui-50:before {
content: "\e90d";
}
.latepoint-icon-ui-47:before {
content: "\e90e";
}
.latepoint-icon-ui-46:before {
content: "\e90f";
}
.latepoint-icon-common-01:before {
content: "\e90a";
}
.latepoint-icon-checkmark:before {
content: "\e903";
}
.latepoint-icon-arrow-2-right:before {
content: "\e901";
}
.latepoint-icon-arrow-2-left:before {
content: "\e902";
}
.latepoint-icon-ui-83:before {
content: "\e900";
} @font-face {
font-family: "latepoint";
src: url(//65-2-104-238.sslip.io/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(//65-2-104-238.sslip.io/wp-content/plugins/latepoint/public/fonts/latepoint-semibold.woff2) format("woff2");
font-weight: 600;
font-style: normal;
font-display: block;
}
.latepoint-w {
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 400;
font-size: 15px;
}
.latepoint-w h1, .latepoint-w h2, .latepoint-w h3, .latepoint-w h4, .latepoint-w h5, .latepoint-w h6 {
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 600;
}
.latepoint-w .latepoint-section-heading-w {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
margin-bottom: 20px;
padding: 10px 0px;
margin-top: 20px;
}
.latepoint-w .latepoint-section-heading-w .latepoint-section-heading {
margin: 0px;
padding: 0px;
}
.latepoint-w .latepoint-section-heading-w .heading-extra {
font-weight: 600;
color: #7c85a3;
}
.latepoint-tab-content {
display: none;
}
.latepoint-tab-content.active {
display: block;
}
.order-payments-form-wrapper .total-order-payments-info {
margin-bottom: 30px;
}
.order-payments-form-wrapper .total-order-payments-info .topi-amount {
font-size: 46px;
font-weight: 600;
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
color: #14161d;
}
.order-payments-form-wrapper .total-order-payments-info .topi-sub-info {
color: #7c85a3;
}
.order-payments-form-wrapper .total-order-payments-info .topi-sub-info a {
display: inline-flex;
margin-left: 5px;
text-decoration: none;
align-items: baseline;
gap: 5px;
color: var(--latepoint-brand-primary);
}
.order-payments-form-wrapper .total-order-payments-info .topi-sub-info a span {
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.order-payments-form-wrapper .topi-heading {
display: flex;
align-items: center;
gap: 10px;
font-size: 20px;
font-weight: 600;
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
color: #14161d;
line-height: 1.1;
margin-bottom: 15px;
}
.order-payments-form-wrapper .topi-heading .topih-line {
height: 10px;
background-color: #eee;
flex: 1;
}
.order-payments-form-wrapper .topi-transaction {
padding: 15px;
border: 1px solid #eee;
border-bottom-color: #aaa;
position: relative;
}
.order-payments-form-wrapper .topi-transaction + .topi-transaction {
margin-top: 15px;
}
.order-payments-form-wrapper .topi-transaction .topit-amount {
font-size: 17px;
font-weight: 600;
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
color: #14161d;
}
.order-payments-form-wrapper .topi-transaction .topit-sub-info {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 13px;
color: #7c85a3;
}
.order-payments-form-wrapper .topi-transaction .topit-transaction-status {
position: absolute;
top: 0px;
right: 0;
padding: 2px;
background-color: #eee;
font-size: 11px;
}
.order-summary-items-heading {
display: flex;
align-items: center;
gap: 10px;
font-size: 15px;
font-weight: 600;
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
color: #7c85a3;
line-height: 1.1;
}
.order-summary-items-heading .osih-line {
height: 10px;
background-color: rgba(0, 0, 0, 0.03);
flex: 1;
}
.latepoint-btn {
padding: 9px 14px;
background-color: var(--latepoint-brand-primary);
color: #fff;
border-radius: 0px;
text-decoration: none !important;
font-weight: 600;
display: inline-block;
box-shadow: none;
border: none;
line-height: 1.2;
cursor: pointer;
}
.latepoint-btn:hover, .latepoint-btn:focus {
outline: none;
color: #fff !important;
background-color: color-mix(in srgb, var(--latepoint-brand-primary), #000 10%);
box-shadow: none;
}
.latepoint-btn.latepoint-btn-sm {
padding: 6px 8px;
font-size: 15px;
}
.latepoint-btn.latepoint-btn-danger {
background-color: #FB7F7F;
color: #fff;
}
.latepoint-btn.latepoint-btn-danger.latepoint-btn-link {
background-color: transparent;
border-color: transparent;
}
.latepoint-btn.latepoint-btn-danger.latepoint-btn-link span, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link i {
color: #d83838;
}
.latepoint-btn.latepoint-btn-danger.latepoint-btn-link span {
border-bottom: 1px solid #d83838;
}
.latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading:hover, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading:focus {
color: transparent !important;
background-color: transparent;
}
.latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading:after, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading:hover:after, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading:focus:after {
border-bottom: 2px solid #d83838;
border-left: 2px solid #d83838;
border-top: 2px solid #d83838;
}
.latepoint-btn.latepoint-btn-danger.latepoint-btn-link:hover:not(.os-loading), .latepoint-btn.latepoint-btn-danger.latepoint-btn-link:focus:not(.os-loading) {
color: #d83838 !important;
background-color: transparent;
}
.latepoint-btn.latepoint-btn-danger.latepoint-btn-link:hover:not(.os-loading) span, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link:hover:not(.os-loading) i, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link:focus:not(.os-loading) span, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link:focus:not(.os-loading) i {
color: #d83838 !important;
}
.latepoint-btn.latepoint-btn-danger:focus, .latepoint-btn.latepoint-btn-danger:active {
color: #fff;
background-color: #FB7F7F;
}
.latepoint-btn.latepoint-btn-danger:hover {
background-color: #f94e4e;
}
.latepoint-btn.latepoint-btn-primary {
background-color: var(--latepoint-brand-primary);
color: #fff;
}
.latepoint-btn.latepoint-btn-primary span {
color: #fff;
}
.latepoint-btn.latepoint-btn-primary i {
color: #fff;
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline {
background-color: transparent;
color: var(--latepoint-brand-primary);
border: 1px solid var(--latepoint-brand-primary);
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline:hover, .latepoint-btn.latepoint-btn-primary.latepoint-btn-outline:focus {
border-color: color-mix(in srgb, var(--latepoint-brand-primary), #000 10%);
color: var(--latepoint-brand-primary);
background-color: transparent;
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline.latepoint-btn-primary.os-loading:after {
border-bottom-color: var(--latepoint-brand-primary);
border-left-color: var(--latepoint-brand-primary);
border-top-color: var(--latepoint-brand-primary);
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline span, .latepoint-btn.latepoint-btn-primary.latepoint-btn-outline i {
color: var(--latepoint-brand-primary);
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link {
background-color: transparent;
color: var(--latepoint-brand-primary);
border-color: transparent;
padding-left: 0px;
padding-right: 0px;
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link span, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link i {
color: var(--latepoint-brand-primary);
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link span {
border-bottom: 1px solid var(--latepoint-brand-primary);
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading:hover, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading:focus {
color: transparent !important;
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading:after, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading:hover:after, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading:focus:after {
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover:not(.os-loading), .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:focus:not(.os-loading) {
color: var(--latepoint-brand-primary) !important;
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover:not(.os-loading) span, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover:not(.os-loading) i, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:focus:not(.os-loading) span, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:focus:not(.os-loading) i {
color: var(--latepoint-brand-primary) !important;
}
.latepoint-btn.latepoint-btn-grey {
background-color: #eee;
color: #111 !important;
}
.latepoint-btn.latepoint-btn-white {
background-color: #fff;
color: #111 !important;
}
.latepoint-btn.latepoint-btn-white.latepoint-btn-link {
background-color: transparent;
color: #fff;
border-color: transparent;
padding-left: 0px;
padding-right: 0px;
}
.latepoint-btn.latepoint-btn-white.latepoint-btn-link span, .latepoint-btn.latepoint-btn-white.latepoint-btn-link i {
color: #fff;
}
.latepoint-btn.latepoint-btn-white.latepoint-btn-link span {
border-bottom: 1px solid #fff;
}
.latepoint-btn.latepoint-btn-white.latepoint-btn-link.os-loading, .latepoint-btn.latepoint-btn-white.latepoint-btn-link.os-loading:hover, .latepoint-btn.latepoint-btn-white.latepoint-btn-link.os-loading:focus {
color: transparent !important;
}
.latepoint-btn.latepoint-btn-white.latepoint-btn-link.os-loading:after, .latepoint-btn.latepoint-btn-white.latepoint-btn-link.os-loading:hover:after, .latepoint-btn.latepoint-btn-white.latepoint-btn-link.os-loading:focus:after {
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
border-top: 2px solid #fff;
}
.latepoint-btn.latepoint-btn-white.latepoint-btn-link:hover:not(.os-loading), .latepoint-btn.latepoint-btn-white.latepoint-btn-link:focus:not(.os-loading) {
color: #fff !important;
}
.latepoint-btn.latepoint-btn-white.latepoint-btn-link:hover:not(.os-loading) span, .latepoint-btn.latepoint-btn-white.latepoint-btn-link:hover:not(.os-loading) i, .latepoint-btn.latepoint-btn-white.latepoint-btn-link:focus:not(.os-loading) span, .latepoint-btn.latepoint-btn-white.latepoint-btn-link:focus:not(.os-loading) i {
color: #fff !important;
}
.latepoint-btn.latepoint-btn-block {
display: block;
text-align: center;
flex: 1;
}
.latepoint-btn.os-loading {
color: transparent !important;
position: relative;
}
.latepoint-btn.os-loading span, .latepoint-btn.os-loading i {
color: transparent !important;
border-bottom-color: transparent !important;
}
.latepoint-btn.os-loading:focus {
color: transparent !important;
}
.latepoint-btn.os-loading:focus span, .latepoint-btn.os-loading:focus i {
color: transparent !important;
border-bottom-color: transparent !important;
}
.latepoint-btn.os-loading:after {
display: block;
content: "";
width: 14px !important;
height: 14px !important;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
border-top: 2px solid #fff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.latepoint-btn.os-loading.latepoint-btn-white:after, .latepoint-btn.os-loading.latepoint-btn-secondary:after {
border-bottom: 2px solid var(--latepoint-body-color);
border-left: 2px solid var(--latepoint-body-color);
border-top: 2px solid var(--latepoint-body-color);
border-right: 2px solid rgba(0, 0, 0, 0);
}
.latepoint-btn.latepoint-btn-secondary {
background-color: #EDEFF6;
color: #252C39;
}
.latepoint-btn.latepoint-btn-secondary.latepoint-btn-link {
border-color: 2px solid #111;
}
.latepoint-btn.latepoint-btn-secondary:hover, .latepoint-btn.latepoint-btn-secondary:focus {
outline: none;
color: #252C39 !important;
background-color: #cbd1e5;
box-shadow: none;
}
.latepoint-btn span {
display: inline-block;
vertical-align: middle;
line-height: 1.5;
}
.latepoint-btn i {
display: inline-block;
vertical-align: middle;
}
.latepoint-btn i + span {
margin-left: 6px;
}
.latepoint-btn span + i {
margin-left: 6px;
}
.latepoint-book-button-wrapper.latepoint-book-button-align-center {
text-align: center;
}
.latepoint-book-button-wrapper.latepoint-book-button-align-right {
text-align: right;
}
.latepoint-book-button-wrapper.latepoint-book-button-align-left {
text-align: left;
}
.latepoint-book-button-wrapper.latepoint-book-button-align-justify {
text-align: center;
}
.latepoint-book-button-wrapper.latepoint-book-button-align-justify .latepoint-book-button {
display: block;
}
.latepoint-book-button {
line-height: 1em;
cursor: pointer;
transition: initial;
}
.latepoint-book-button.os-loading {
transition: all 0.2s linear;
color: transparent !important;
position: relative;
}
.latepoint-book-button.os-loading:after {
display: block;
content: "";
width: 14px !important;
height: 14px !important;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
border-top: 2px solid #fff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.latepoint-w .os-form-w {
background-color: #fff;
padding: 30px;
margin: 20px 0px;
}
.latepoint-w .os-form-group {
margin-bottom: 15px !important;
position: relative;
}
.latepoint-w .os-form-group.os-form-select-group .os-form-control,
.latepoint-w .os-form-group.os-form-select-group input.os-form-control, .latepoint-w .os-form-group.os-form-textfield-group .os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control {
position: relative !important;
display: block !important;
box-shadow: none !important;
border: 1px solid #cad2e0 !important;
padding: 12px 10px 12px 10px !important;
border-radius: 0px !important;
background-color: #fff !important;
width: 100%;
color: #32373c;
line-height: 1.2;
font-size: 15px !important;
font-weight: 400 !important;
transition: all 0.2s ease;
height: auto;
margin: 0px;
}
.latepoint-w .os-form-group.os-form-select-group .os-form-control:focus,
.latepoint-w .os-form-group.os-form-select-group input.os-form-control:focus, .latepoint-w .os-form-group.os-form-textfield-group .os-form-control:focus,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control:focus {
background-color: #fff !important;
border-color: #5779ef !important;
outline: none;
box-shadow: none;
}
.latepoint-w .os-form-group.os-form-select-group textarea,
.latepoint-w .os-form-group.os-form-select-group input[type=number],
.latepoint-w .os-form-group.os-form-select-group input[type=email],
.latepoint-w .os-form-group.os-form-select-group input[type=password],
.latepoint-w .os-form-group.os-form-select-group input[type=text],
.latepoint-w .os-form-group.os-form-select-group input[type=tel], .latepoint-w .os-form-group.os-form-textfield-group textarea,
.latepoint-w .os-form-group.os-form-textfield-group input[type=number],
.latepoint-w .os-form-group.os-form-textfield-group input[type=email],
.latepoint-w .os-form-group.os-form-textfield-group input[type=password],
.latepoint-w .os-form-group.os-form-textfield-group input[type=text],
.latepoint-w .os-form-group.os-form-textfield-group input[type=tel] {
-webkit-appearance: none;
}
.latepoint-w .os-form-group.os-form-select-group.os-invalid label, .latepoint-w .os-form-group.os-form-textfield-group.os-invalid label {
color: #d56e67 !important;
}
.latepoint-w .os-form-group.os-form-select-group.os-invalid .os-form-control,
.latepoint-w .os-form-group.os-form-select-group.os-invalid input.os-form-control, .latepoint-w .os-form-group.os-form-textfield-group.os-invalid .os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group.os-invalid input.os-form-control {
border-color: #eb3a3a !important;
}
.latepoint-w .os-form-group.os-form-select-group.os-invalid .os-form-control::placeholder,
.latepoint-w .os-form-group.os-form-select-group.os-invalid input.os-form-control::placeholder, .latepoint-w .os-form-group.os-form-textfield-group.os-invalid .os-form-control::placeholder,
.latepoint-w .os-form-group.os-form-textfield-group.os-invalid input.os-form-control::placeholder {
color: #e38888 !important;
}
.latepoint-w .os-form-group.os-form-select-group.os-invalid .os-form-control:focus,
.latepoint-w .os-form-group.os-form-select-group.os-invalid input.os-form-control:focus, .latepoint-w .os-form-group.os-form-textfield-group.os-invalid .os-form-control:focus,
.latepoint-w .os-form-group.os-form-textfield-group.os-invalid input.os-form-control:focus {
border-color: #c10505 !important;
}
.latepoint-w .os-form-group.os-form-select-group label {
display: block !important;
font-size: 15px;
margin: 0px;
}
.latepoint-w .os-form-group.os-form-select-group select.os-form-control {
height: auto !important;
}
.latepoint-w .os-form-group.os-form-multiselect-group > label {
font-size: 15px;
font-weight: 600;
margin-bottom: 10px !important;
}
.latepoint-w .os-form-group.os-form-multiselect-group .os-form-group {
margin-bottom: 3px !important;
}
.latepoint-w .os-form-group.os-form-multiselect-group .os-form-group label {
font-size: 13px;
}
.latepoint-w .os-form-group.os-form-checkbox-group label {
padding: 0px;
border-radius: 0px;
display: flex;
gap: 8px;
align-items: center;
color: var(--latepoint-body-color);
vertical-align: middle;
margin: 0px;
font-weight: 600;
font-size: 15px;
cursor: pointer;
}
.latepoint-w .os-form-group.os-form-checkbox-group label input.os-form-checkbox {
display: inline-block;
vertical-align: middle;
border-radius: 0px;
box-shadow: none;
border-color: #aaa;
}
.latepoint-w .os-form-group.os-form-checkbox-group label a {
text-decoration: underline;
}
.latepoint-w .os-form-group.os-form-textfield-group label {
display: block;
margin-bottom: 1px;
line-height: 1.1;
cursor: default;
font-size: 12px !important;
color: #AFB8D6 !important;
font-weight: 400 !important;
position: absolute !important;
top: 5px;
left: 10px;
z-index: 2;
opacity: 0;
transform: translateY(-3px);
transition: all 0.2s ease;
}
.latepoint-w .os-form-group.os-form-textfield-group .os-form-control input.os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control input.os-form-control {
z-index: 1;
}
.latepoint-w .os-form-group.os-form-textfield-group .os-form-control::placeholder,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control::placeholder {
color: #AFB8D6;
}
.latepoint-w .os-form-group.os-form-textfield-group .os-form-control.os-framed-field,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control.os-framed-field {
height: 47px !important;
}
.latepoint-w .os-form-group.os-form-textfield-group .os-form-control.os-framed-field.invalid, .latepoint-w .os-form-group.os-form-textfield-group .os-form-control.os-framed-field.braintree-hosted-fields-invalid,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control.os-framed-field.invalid,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control.os-framed-field.braintree-hosted-fields-invalid {
border-color: #f16161 !important;
}
.latepoint-w .os-form-group.os-form-textfield-group.has-value label {
opacity: 1 !important;
transform: translateY(0) !important;
}
.latepoint-w .os-form-group.os-form-textfield-group.has-value textarea.os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group.has-value input.os-form-control {
padding: 19px 10px 5px 10px !important;
}
.latepoint-w .os-form-group.os-form-phonefield-group {
border: 1px solid #cad2e0;
border-radius: 0px;
}
.latepoint-w .os-form-group.os-form-phonefield-group:has(.os-form-control:focus) {
border-color: var(--latepoint-brand-primary);
}
.latepoint-w .os-form-group.os-form-phonefield-group .lp_iti__selected-dial-code {
color: #32373c;
font-weight: 400;
font-size: 15px !important;
white-space: nowrap;
margin-left: 4px;
line-height: 1.2;
}
.latepoint-w .os-form-group.os-form-phonefield-group.os-invalid {
border-color: #eb3a3a;
}
.latepoint-w .os-form-group.os-form-phonefield-group.os-invalid:has(.os-form-control:focus) {
border-color: #eb3a3a;
}
.latepoint-w .os-form-group.os-form-phonefield-group .lp_iti__selected-flag {
padding: 12px 4px 12px 10px;
transition: all 0.2s ease;
}
.latepoint-w .os-form-group.os-form-phonefield-group .os-form-control,
.latepoint-w .os-form-group.os-form-phonefield-group input.os-form-control {
border: none !important;
}
.latepoint-w .os-form-group.os-form-phonefield-group .os-form-control.os-mask-phone,
.latepoint-w .os-form-group.os-form-phonefield-group input.os-form-control.os-mask-phone {
padding-left: 0px !important;
border-left: none !important;
}
.latepoint-w .os-form-group.os-form-phonefield-group .os-form-control.os-mask-phone.invalid,
.latepoint-w .os-form-group.os-form-phonefield-group input.os-form-control.os-mask-phone.invalid {
border-color: #f16161 !important;
}
.latepoint-w .os-form-group.os-form-phonefield-group:not(.has-value) .lp_iti.lp_iti--allow-dropdown {
align-items: center;
}
.latepoint-w .os-form-group.os-form-phonefield-group:not(.has-value) .lp_iti__selected-flag {
padding-top: 10px;
padding-bottom: 10px;
}
.latepoint-w .os-form-group.os-form-phonefield-group.has-value .lp_iti__selected-flag {
padding-top: 19px;
padding-bottom: 5px;
}
.latepoint-w .os-form-group.os-form-phonefield-group.has-value input.os-form-control.os-mask-phone {
padding-left: 0px !important;
padding-top: 18px !important;
}
.latepoint-w .os-form-buttons.os-flex {
display: flex;
align-items: center;
}
.latepoint-w .os-form-buttons.os-flex.os-space-between {
justify-content: space-between;
}
.latepoint-w .os-form-buttons .os-form-group {
display: inline-block;
margin-bottom: 0px !important;
}
.latepoint-w .os-form-buttons .os-form-group .latepoint-btn {
margin-right: 5px;
}
.latepoint-w .os-form-header {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.latepoint-w .os-form-header h2, .latepoint-w .os-form-header h3, .latepoint-w .os-form-header h4 {
margin-bottom: 5px;
margin-top: 0px;
}
.latepoint-w .os-form-desc {
color: rgba(0, 0, 0, 0.7);
}
.latepoint-w .os-image-container {
border: 5px solid #fff;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
border-radius: 6px;
max-width: 100px;
margin-bottom: 10px;
min-height: 50px;
}
.latepoint-w .os-image-container img {
border-radius: 4px;
width: 100%;
height: auto;
display: block;
}
.latepoint-w .settings-image-selector {
margin: 20px 0px;
}
.latepoint-w .os-form-message-w {
padding: 12px 20px;
background-color: #f9f9f9;
color: #333;
margin-bottom: 20px;
font-weight: 600;
border-radius: 0px;
}
.latepoint-w .os-form-message-w ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.latepoint-w .os-form-message-w ul li {
margin-bottom: 10px;
}
.latepoint-w .os-form-message-w ul li:last-child {
margin-bottom: 0px;
}
.latepoint-w .os-form-message-w.status-error {
background-color: #fff4f4;
color: #d00c0c;
border: 2px solid #f75160;
}
.latepoint-w .os-form-message-w.status-success {
background-color: #e0fbd1;
color: #437724;
}
.text-center {
text-align: center;
}
.os-row {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-left: -7px;
margin-right: -7px;
}
.os-col-8 {
flex: 0 0 66.6%;
padding: 0px 7px;
}
.os-col-4 {
flex: 0 0 33.3%;
padding: 0px 7px;
}
.os-col-3 {
flex: 0 0 25%;
padding: 0px 7px;
}
.os-col-9 {
flex: 0 0 75%;
padding: 0px 7px;
}
.os-col-6 {
flex: 0 0 50%;
padding: 0px 7px;
}
.os-col-12 {
flex: 0 0 100%;
padding: 0px 7px;
}
@media (max-width: 600px) {
.os-col-sm-12 {
flex: 0 0 100%;
padding: 0px 7px;
}
}
.latepoint-login-form-w.os-form-w {
max-width: 470px;
margin: 30px auto !important;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 10px 25px rgba(0, 0, 0, 0.1);
padding: 40px;
background-color: #fff;
}
.latepoint-login-form-w.os-form-w h4 {
margin: 0px;
margin-bottom: 15px;
padding: 0px;
color: #14161d;
}
.latepoint-login-form-w.os-form-w .os-form-group:last-child {
margin-bottom: 0px;
}
.latepoint-login-form-w.os-form-w .os-form-buttons {
justify-content: space-between;
}
.os-password-reset-form-w {
position: relative;
}
.os-password-reset-form-w .password-reset-back-to-login {
position: absolute;
top: 10px;
right: 10px;
font-size: 12px;
align-items: center;
color: #bd3d3d;
}
.os-password-reset-form-w .password-reset-back-to-login span {
margin-right: 5px;
}
.os-password-reset-form-w .password-reset-back-to-login span, .os-password-reset-form-w .password-reset-back-to-login i {
display: inline-block;
vertical-align: middle;
}
.os-notifications {
position: fixed;
left: 50%;
transform: translateX(-50%);
top: 20px;
z-index: 1000001;
display: flex;
flex-direction: column-reverse;
}
.os-notifications .os-notification-close {
position: absolute;
top: 50%;
right: 5px;
cursor: pointer;
padding: 5px;
font-size: 14px;
transform: translateY(-50%);
display: block;
line-height: 1;
}
.os-notifications .item {
padding: 14px 30px;
background-color: rgba(29, 210, 101, 0.95);
color: #fff;
font-weight: 600;
font-size: 18px;
min-width: 500px;
text-align: center;
padding-right: 40px;
position: relative;
}
.os-notifications .item + .item {
margin-bottom: 10px;
}
@keyframes selectedSlotCheckmark {
0% {
transform: rotate(-65deg) scale(0.5);
}
100% {
transform: rotate(0deg) scale(1);
}
}
@keyframes latepointFadeUp {
0% {
transform: translate3d(0, 40px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes up10op {
0% {
transform: translate3d(0, 10px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes up10 {
0% {
transform: translate3d(0, 10px, 0);
}
100% {
transform: translate3d(0, 0px, 0);
}
}
@keyframes up20op {
0% {
transform: translate3d(0, 20px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes rotateScale {
0% {
transform: scale(0.4) rotate(-90deg);
opacity: 0;
}
100% {
transform: scale(1) rotate(0deg);
opacity: 1;
}
}
@keyframes up20 {
0% {
transform: translate3d(0, 20px, 0);
}
100% {
transform: translate3d(0, 0px, 0);
}
}
@keyframes up40 {
0% {
transform: translate3d(0, 20px, 0);
}
100% {
transform: translate3d(0, 0px, 0);
}
}
@keyframes latepointMessage {
0% {
transform: translate3d(0, -10px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes latepointFadeDown {
0% {
transform: translate3d(0, -40px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes agentBio {
0% {
transform: scale(0.8);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes osLightboxAnimation {
0% {
transform: translate3d(0, 10%, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes latepointAvailabilityPopup {
0% {
transform: translate3d(0, 0%, 0px);
opacity: 0;
}
100% {
transform: translate3d(0, -65%, 0px);
opacity: 1;
}
}
@keyframes latepointAvailabilityPopupY {
0% {
transform: translate3d(0%, -60%, 0px);
opacity: 0;
}
100% {
transform: translate3d(0%, -115%, 0px);
opacity: 1;
}
}
@keyframes latepointNextBtn {
0% {
transform: translate3d(-15px, 0px, 0) scale(0.9);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0) scale(1);
opacity: 1;
}
}
@keyframes latepointPrevBtn {
0% {
transform: translate3d(15px, 0px, 0) scale(0.9);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0) scale(1);
opacity: 1;
}
}
@keyframes latepointContentPopup {
0% {
transform: scale(0.9);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.latepoint-login-form-w {
animation: 0.6s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both latepointFadeUp;
}
.os-step-tab-content {
animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s both latepointFadeUp;
}
.os-password-reset-form-w {
animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s both latepointFadeUp;
}
.os-item-details-popup {
animation: 0.4s cubic-bezier(0.45, 1.3, 0.6, 1) 0s both agentBio;
}
.item-details-popup-content-i {
animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both latepointFadeUp;
}
.item-details-popup-head h3 {
animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both latepointFadeDown;
}
.item-details-popup-head .item-details-popup-title {
animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both latepointFadeDown;
}
.item-details-popup-feature-value {
animation: 0.4s cubic-bezier(0, 1, 0.51, 1) 0.05s both latepointFadeUp;
}
.item-details-popup-feature-label {
animation: 0.4s cubic-bezier(0, 1, 0.51, 1) 0.1s both latepointFadeUp;
}
.latepoint-lightbox-i {
transform-origin: center center;
animation: 0.5s cubic-bezier(0, 1, 0.51, 1) 0s both osLightboxAnimation;
}
.latepoint-message {
animation: 0.15s cubic-bezier(0.45, 1.3, 0.6, 1.1) 0s both latepointMessage;
}
.a-up-10 {
animation: 0.4s cubic-bezier(0.25, 1.4, 0.5, 1) 0s up10op;
animation-fill-mode: both;
}
.a-up-10-opaque {
animation: 0.4s cubic-bezier(0.25, 1.4, 0.5, 1) 0s up10;
animation-fill-mode: both;
}
.a-up-20 {
animation: 0.4s cubic-bezier(0.25, 1.4, 0.5, 1) 0s up20op;
animation-fill-mode: both;
}
.a-up-20-opaque {
animation: 0.4s cubic-bezier(0.25, 1.4, 0.5, 1) 0s up20;
animation-fill-mode: both;
}
.a-up-40-opaque {
animation: 0.6s cubic-bezier(0.35, 1.2, 0.7, 1) 0s up40;
animation-fill-mode: both;
}
.a-rotate-scale {
animation: 0.7s cubic-bezier(0.25, 1.4, 0.5, 1.35) 0s rotateScale;
animation-fill-mode: both;
}
.a-delay-1 {
animation-delay: 0.05s;
}
.a-delay-2 {
animation-delay: 0.1s;
}
.a-delay-3 {
animation-delay: 0.15s;
}
.a-delay-4 {
animation-delay: 0.2s;
}
@keyframes os-loading-gradient {
0% {
background-position: 0 0;
}
100% {
background-position: -200% 0;
}
}
.clean-layout-content-wrapper {
animation: 0.5s cubic-bezier(0.35, 1.2, 0.7, 1) 0s both up20;
}
.latepoint-clean-body .manage-booking-wrapper {
animation: 0.5s cubic-bezier(0.35, 1.2, 0.7, 1) 0s both up20;
}
@keyframes latepointBlink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w .latepoint-heading-w {
border-top-left-radius: 8px;
}
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w .latepoint-footer {
border-bottom-left-radius: 8px;
}
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form,
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w {
border-bottom-left-radius: 8px;
border-top-left-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option {
box-shadow: 0px 0px 0px 2px #E8EBEE;
cursor: pointer;
transition: transform 0.1s ease;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:focus-visible, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option.selected, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option.selected {
box-shadow: 0px 0px 0px 2px var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option.selected .lp-option-label, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option.selected .lp-option-label {
color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:hover, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option:hover {
box-shadow: 0px 0px 0px 2px var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:hover .lp-option-label, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option:hover .lp-option-label {
color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option .lp-option-image, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option .lp-option-image {
padding-bottom: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
transform-origin: center center;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option .lp-option-label, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option .lp-option-label {
font-weight: 600;
color: var(--latepoint-body-color);
font-size: 18px;
padding: 10px;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-grid {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid .lp-option, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-grid .lp-option {
text-align: center;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid .lp-option .lp-option-image-w, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-grid .lp-option .lp-option-image-w {
padding: 15px;
border-bottom: 1px solid #E8EBEE;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid.lp-options-grid-three .lp-option, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-grid.lp-options-grid-three .lp-option {
flex: 0 0 30%;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid.lp-options-grid-two, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-grid.lp-options-grid-two {
gap: 30px;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid.lp-options-grid-two .lp-option, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-grid.lp-options-grid-two .lp-option {
flex: 0 0 45%;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-rows, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-rows {
display: flex;
flex-direction: column;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-rows .lp-option, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-rows .lp-option {
margin-bottom: 15px;
display: flex;
align-items: center;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-rows .lp-option .lp-option-image, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-rows .lp-option .lp-option-image {
flex: 0 0 50px;
width: 50px;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-rows .lp-option .lp-option-image-w, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-rows .lp-option .lp-option-image-w {
padding: 10px 15px;
border-right: 1px solid #E8EBEE;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-rows .lp-option .lp-option-label, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-rows .lp-option .lp-option-label {
flex: 1;
padding-left: 20px;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount-w, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount-w {
padding: 20px 40px;
border-bottom: 1px solid #E8EBEE;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount {
border-radius: 50%;
padding-bottom: 100%;
box-shadow: 0px 0px 0px 2px #14161d;
position: relative;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount .lp-amount-value, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount .lp-amount-value {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-weight: 600;
color: var(--latepoint-body-color);
font-size: 16px;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount.lp-amount-deposit, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount.lp-amount-deposit {
background-color: #eee;
box-shadow: none;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount.lp-amount-deposit .lp-slice, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount.lp-amount-deposit .lp-slice {
width: 50%;
padding-bottom: 50%;
background: #fff;
border-radius: 70px 0px 0px 0px;
box-shadow: 0px 0px 0px 2px #14161d, 0px 0px 0px 6px #fff;
position: absolute;
top: 0;
left: 0;
transform-origin: bottom right;
transform: rotate(-45deg);
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount.lp-amount-deposit .lp-amount-value, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount.lp-amount-deposit .lp-amount-value {
left: 0px;
background-color: #fff;
padding: 2px 0px;
}
.latepoint-w .latepoint-booking-form-element .os-items, .latepoint-w .latepoint-transaction-payment-form .os-items {
margin: 0px !important;
padding: 0px !important;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-rows + .os-items, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-rows + .os-items {
margin-top: 15px !important;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-rows > .os-item + .os-item, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-rows > .os-item + .os-item {
margin-top: 15px;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-rows .os-item .os-item-i:hover .os-item-name-w, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-rows .os-item .os-item-i:hover .os-item-name-w {
transform: translateX(3px);
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item:focus .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item:focus .os-item-i {
border-color: var(--latepoint-brand-primary);
box-shadow: 0 0 0 1px var(--latepoint-brand-primary);
text-decoration: none;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i {
cursor: pointer;
display: flex;
background: #FFFFFF;
border: 1px solid #E5E7EE;
align-items: center;
box-shadow: none;
outline: none;
padding: 10px;
color: var(--latepoint-body-color);
text-decoration: none;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i:hover, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i:hover {
border-color: var(--latepoint-brand-primary);
box-shadow: 0 0 0 1px var(--latepoint-brand-primary);
text-decoration: none;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-img-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-img-w {
flex: 0 0 45px;
height: 45px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
margin-right: 15px;
display: block;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-img-w .latepoint-icon, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-img-w .latepoint-icon {
font-size: 22px;
line-height: 43px;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-name-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-name-w {
padding: 5px 0px;
margin-right: auto;
display: block;
transition: transform 0.2s ease-out;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-name-w .os-item-name, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-name-w .os-item-name {
font-weight: 600;
font-size: 17px;
display: block;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-name-w .os-item-desc, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-name-w .os-item-desc {
color: #7c85a3;
font-size: 13px;
display: block;
margin-top: 3px;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-child-count, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-child-count {
display: block;
color: #7c85a3;
font-size: 12px;
transition: transform 0.2s ease;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-price-w {
border-left: 1px solid rgba(0, 0, 0, 0.05);
padding-left: 15px;
margin-left: 10px;
text-align: center;
display: block;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w .os-item-price, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-price-w .os-item-price {
display: block;
color: var(--latepoint-brand-primary);
line-height: 1.1;
font-weight: 600;
font-family: "latepoint", "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
font-size: 16px;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w .os-item-price-label, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-price-w .os-item-price-label {
display: block;
color: #7c85a3;
font-size: 12px;
white-space: nowrap;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item:last-child, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item:last-child {
margin-bottom: 0px;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.with-description .os-item-name-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.with-description .os-item-name-w {
padding: 5px 0px;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.os-allow-multiselect .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.os-allow-multiselect .os-item-i {
padding-left: 50px;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.os-allow-multiselect .os-item-i:before, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.os-allow-multiselect .os-item-i:before {
background-color: #fff;
color: #fff;
padding: 3px;
font-size: 12px;
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e903";
position: absolute;
top: 50%;
left: 15px;
display: block;
transform: translateY(-50%);
box-shadow: inset 0px 0px 0px 1px #d8dbe3;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.os-allow-multiselect.selected .os-item-i:before, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.os-allow-multiselect.selected .os-item-i:before {
background-color: var(--latepoint-brand-primary);
box-shadow: none;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.os-allow-multiselect.selected .os-item-i:before:hover, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.os-allow-multiselect.selected .os-item-i:before:hover {
box-shadow: none;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.selected.has-child-items > .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.selected.has-child-items > .os-item-i {
display: none;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item:not(.selected) .os-items, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item:not(.selected) .os-items {
display: none;
}
.latepoint-w .latepoint-booking-form-element .os-items.selected > .os-items + .os-item-categories-holder, .latepoint-w .latepoint-transaction-payment-form .os-items.selected > .os-items + .os-item-categories-holder {
margin-top: 15px;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid {
display: grid;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item {
text-align: center;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item.os-item-span-row, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item.os-item-span-row {
grid-column: 1/4;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item.os-item-span-row .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item.os-item-span-row .os-item-i {
padding: 15px 20px;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item.os-item-span-row.with-floating-price .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item.os-item-span-row.with-floating-price .os-item-i {
padding: 15px 20px;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item.os-item-span-row .os-duration-value-label, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item.os-item-span-row .os-duration-value-label {
display: none;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item.os-item-span-row .os-duration-name, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item.os-item-span-row .os-duration-name {
text-align: left;
font-weight: 600;
font-size: 18px;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item .os-item-i {
display: block;
padding: 10px;
height: 100%;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i .os-item-name-w, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item .os-item-i .os-item-name-w {
padding-bottom: 0px;
padding-top: 10px;
border-top: 1px solid #eee;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i .os-item-img-w, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item .os-item-i .os-item-img-w {
flex: 1;
height: auto;
padding-bottom: 100%;
margin: 0px;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i .os-item-img-w.os-with-avatar, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item .os-item-i .os-item-img-w.os-with-avatar {
padding: 0 15px 15px;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i .os-item-img-w.os-with-avatar .os-avatar, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item .os-item-i .os-item-img-w.os-with-avatar .os-avatar {
background-size: cover;
background-position: center center;
padding-bottom: 100%;
background-repeat: no-repeat;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item.with-floating-price .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item.with-floating-price .os-item-i {
padding: 25px 10px 15px;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid.os-three-columns, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid.os-three-columns {
grid-template-columns: 1fr 1fr 1fr;
column-gap: 15px;
row-gap: 15px;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item-details-popup-btn, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item-details-popup-btn {
font-size: 13px;
padding: 0px;
font-weight: 600;
opacity: 0;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
max-width: 100%;
z-index: 1;
border: none;
transition: transform 0.2s ease;
display: inline-block;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item-details-popup-btn span, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item-details-popup-btn span {
color: var(--latepoint-brand-primary);
display: inline-block;
border-bottom: 1px dotted color-mix(in srgb, var(--latepoint-brand-primary) 50%, transparent);
padding: 2px 0px 1px;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item-details-popup-btn:hover span, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item-details-popup-btn:hover span {
padding-left: 5px;
padding-right: 5px;
color: #fff;
background-color: var(--latepoint-brand-primary);
border-color: transparent;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item {
position: relative;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.with-details .os-item-name-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.with-details .os-item-name-w {
transition: transform 0.2s ease;
z-index: 2;
position: relative;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.with-details .os-item-img-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.with-details .os-item-img-w {
transition: transform 0.2s ease;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.with-details .os-item-i:hover .os-item-img-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.with-details .os-item-i:hover .os-item-img-w {
transform-origin: center center;
transform: translateY(-8px) scale(0.9);
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.with-details .os-item-i:hover .os-item-name-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.with-details .os-item-i:hover .os-item-name-w {
transform: translateY(-18px);
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.with-details .os-item-i:hover .os-item-details-popup-btn, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.with-details .os-item-i:hover .os-item-details-popup-btn {
opacity: 1;
transform: translateY(-7px);
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.selected .os-item-details-popup-btn:hover, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.selected .os-item-details-popup-btn:hover {
border-color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .show-selected-only > .os-items.os-as-rows, .latepoint-w .latepoint-transaction-payment-form .show-selected-only > .os-items.os-as-rows {
margin-top: 0px !important;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .item-quantity-selector-w .item-quantity-selector, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .item-quantity-selector-w .item-quantity-selector {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w .total-attendees-selector, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w .total-attendees-selector {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item-details-popup-btn:hover span, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-items .os-item-details-popup-btn:hover span {
border-radius: 6px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before {
border-radius: 50%;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w .latepoint-heading-w, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-form-w .latepoint-heading-w {
border-top-right-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-summary-w, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-summary-w {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w .latepoint-footer, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-form-w .latepoint-footer {
border-bottom-right-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w,
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-form-w,
.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-form {
border-bottom-right-radius: 8px;
border-top-right-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-phonefield-group, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-phonefield-group {
border-radius: 8px !important;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .dp-timeslot .dp-label, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .dp-timeslot .dp-label {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .dp-timebox, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .dp-timebox {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-confirmation-w .confirmation-cabinet-info, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-confirmation-w .confirmation-cabinet-info {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-link, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-link {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-password-reset-form-holder .os-password-reset-form-w,
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-confirmation-w .step-confirmation-set-password, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-password-reset-form-holder .os-password-reset-form-w,
.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-confirmation-w .step-confirmation-set-password {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .info-box, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .info-box {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .info-box .info-box-buttons a, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .info-box .info-box-buttons a {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent .qr-code-label, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent .qr-code-label {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-message, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-message {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input,
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-payment-w .payment-total-info .applied-coupon-code,
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-payment-w .payment-total-info .coupon-code-input-w .coupon-code-input-submit, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input,
.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-payment-w .payment-total-info .applied-coupon-code,
.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-payment-w .payment-total-info .coupon-code-input-w .coupon-code-input-submit {
border-radius: 8px !important;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .select-total-attendees-w, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .select-total-attendees-w {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-progress ul li .progress-item, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-progress ul li .progress-item {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-progress ul li .progress-item span, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-progress ul li .progress-item span {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-monthly-calendar-days .os-day .os-day-box, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-monthly-calendar-days .os-day .os-day-box {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-side-panel, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-side-panel {
border-radius: 8px 0px 0px 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-summary-w, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-summary-w {
border-radius: 0px 8px 8px 0px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .lp-options .lp-option, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .lp-options .lp-option {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item .os-item-i, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-items .os-item .os-item-i {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-item-img-w, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-item-img-w {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-with-avatar, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-with-avatar {
padding: 5px 15px 5px 15px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-with-avatar .os-avatar, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-with-avatar .os-avatar {
border-radius: 50%;
background-size: cover;
background-position: center center;
padding-bottom: 100%;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item.os-allow-multiselect .os-item-i:before, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-items .os-item.os-allow-multiselect .os-item-i:before {
border-radius: 6px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-btn, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-btn {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-add-another-item-trigger.on-verify, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-add-another-item-trigger.on-verify {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .summary-box .summary-box-content .os-remove-item-from-cart, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .summary-box .summary-box-content .os-remove-item-from-cart {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-file-upload-group .os-uploaded-file-info,
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-file-upload-group .os-upload-file-input-w input[type=file],
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-select-group .os-form-control,
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-select-group input.os-form-control,
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-textfield-group .os-form-control,
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-textfield-group input.os-form-control, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-file-upload-group .os-uploaded-file-info,
.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-file-upload-group .os-upload-file-input-w input[type=file],
.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-select-group .os-form-control,
.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-select-group input.os-form-control,
.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-textfield-group .os-form-control,
.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-textfield-group input.os-form-control {
border-radius: 8px !important;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-phonefield-group input.os-form-control, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-phonefield-group input.os-form-control {
border-radius: 0 8px 8px 0 !important;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-phonefield-group .lp_iti__selected-flag, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-phonefield-group .lp_iti__selected-flag {
border-radius: 8px 0 0 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-payment-w .payment-total-info, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-payment-w .payment-total-info {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w > .os-selectable-items, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w > .os-selectable-items {
display: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w > .os-selectable-items .os-item.selected, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w > .os-selectable-items .os-item.selected {
position: relative;
z-index: 2;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w > .os-selectable-items .os-item.selected > .os-service-selector:hover, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w > .os-selectable-items .os-item.selected > .os-service-selector:hover {
border-color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w > .os-selectable-items .os-item:hover, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w > .os-selectable-items .os-item:hover {
z-index: 2;
position: relative;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w > .os-selectable-items .os-item a.os-service-selector, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w > .os-selectable-items .os-item a.os-service-selector {
position: relative;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w > .os-selectable-items .os-item a.os-service-selector .service-name-w .service-name, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w > .os-selectable-items .os-item a.os-service-selector .service-name-w .service-name {
font-size: 16px;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w > .os-selectable-items .os-item a.os-service-selector:hover, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w > .os-selectable-items .os-item a.os-service-selector:hover {
border-color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w .os-item-category-w, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w .os-item-category-w {
margin-top: 0px;
box-shadow: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w .os-item-category-w .os-item-category-info-w, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w .os-item-category-w .os-item-category-info-w {
border: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w .os-item-category-w .os-item-category-info-w, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w .os-item-category-w .os-item-category-info-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w .os-item-category-info:focus-visible, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w .os-item-category-info:focus-visible {
border-color: var(--latepoint-brand-primary);
box-shadow: 0 0 0 1px var(--latepoint-brand-primary);
text-decoration: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w .os-item-category-info .os-item-category-img-w, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w .os-item-category-info .os-item-category-img-w {
flex: 0 0 40px;
height: 40px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
margin-right: 15px;
display: block;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w .os-item-category-info .os-item-category-name, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w .os-item-category-info .os-item-category-name {
display: block;
font-weight: 600;
font-size: 18px;
display: block;
margin-right: auto;
flex: 1;
transition: transform 0.2s ease;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w .os-item-category-info .os-item-category-services-count, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w .os-item-category-info .os-item-category-services-count {
display: block;
color: #7c85a3;
font-size: 12px;
transform: translateX(-40px);
transition: transform 0.2s ease;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w.selected, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected {
box-shadow: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w {
display: block;
border-bottom: 1px solid #E5E7EE;
background-color: #F4F6F9;
border-top: none;
position: relative;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w:last-child, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w:last-child {
border-bottom: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w .os-item-category-img-w, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w .os-item-category-img-w {
opacity: 0;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w .os-item-category-services-count, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w .os-item-category-services-count {
transform: translateX(0);
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w:before, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w:before {
content: "";
position: absolute;
top: 50%;
left: 25px;
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e902";
font-size: 10px;
transform: translateY(-50%);
color: #7c85a3;
transition: all 0.2s ease;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w > .os-item-category-info:after, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w > .os-item-category-info:after {
opacity: 0;
transform: translate(5px, -50%);
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w:hover:before, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w:hover:before {
transform: translate(-5px, -50%);
color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w:hover .os-item-category-name, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w:hover .os-item-category-name {
color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-selectable-items, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-selectable-items {
display: block;
}
.latepoint-w .latepoint-booking-form-element .os-item-categories-holder.show-selected-only > .os-selectable-items:not(.selected), .latepoint-w .latepoint-transaction-payment-form .os-item-categories-holder.show-selected-only > .os-selectable-items:not(.selected) {
display: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-categories-holder.show-selected-only .os-item-category-info-w, .latepoint-w .latepoint-transaction-payment-form .os-item-categories-holder.show-selected-only .os-item-category-info-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-categories-holder.show-selected-only .os-item-category-w:not(.selected), .latepoint-w .latepoint-transaction-payment-form .os-item-categories-holder.show-selected-only .os-item-category-w:not(.selected) {
border: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-category-info-w, .latepoint-w .latepoint-transaction-payment-form .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-category-info-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-categories-holder > .os-item-category-w > .os-item-category-info-w, .latepoint-w .latepoint-transaction-payment-form .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-categories-holder > .os-item-category-w > .os-item-category-info-w {
display: block;
}
.latepoint-w .latepoint-booking-form-element .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-categories-holder > .os-item-category-w,
.latepoint-w .latepoint-booking-form-element .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-categories-holder > .os-selectable-items, .latepoint-w .latepoint-transaction-payment-form .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-categories-holder > .os-item-category-w,
.latepoint-w .latepoint-transaction-payment-form .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-categories-holder > .os-selectable-items {
display: block;
}
.latepoint-w.latepoint-summary-is-open .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w, .latepoint-w.latepoint-summary-is-open .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
} .latepoint-resources-items-w {
display: grid;
margin: 40px 0px;
align-items: start;
}
.latepoint-resources-items-w.resources-columns-2 {
grid-template-columns: 1fr 1fr;
grid-gap: 50px;
}
.latepoint-resources-items-w.resources-columns-3 {
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 40px;
}
.latepoint-resources-items-w.resources-columns-4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 30px;
}
.latepoint-resources-items-w.resources-columns-5 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-gap: 20px;
}
.latepoint-resources-items-w .resource-item {
box-shadow: 0 2px 18px -6px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
padding: 20px;
background-color: #fff;
transition: all 0.2s ease;
height: 100%;
overflow: hidden;
}
.latepoint-resources-items-w .resource-item.ri-centered {
text-align: center;
}
.latepoint-resources-items-w .resource-item:hover {
box-shadow: 0 5px 24px -9px rgba(0, 0, 0, 0.4), 0 3px 6px 0 rgba(0, 0, 0, 0.2);
transform: translateY(-2px);
}
.latepoint-resources-items-w .resource-item .ri-avatar {
border-radius: 50%;
width: 80px;
height: 80px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
margin: 0 auto 20px auto;
}
.latepoint-resources-items-w .resource-item .ri-map {
margin: -20px -20px 0 -20px;
margin-bottom: 25px;
}
.latepoint-resources-items-w .resource-item .ri-media {
padding-bottom: 75%;
margin: -20px -20px 0 -20px;
background-size: cover;
background-repeat: no-repeat;
background-position: bottom center;
margin-bottom: 25px;
}
.latepoint-resources-items-w .resource-item .ri-name h3 {
margin: 10px 0px;
font-size: 22px;
}
.latepoint-resources-items-w .resource-item .ri-title {
color: var(--latepoint-brand-primary);
font-weight: 600;
font-size: 15px;
}
.latepoint-resources-items-w .resource-item .ri-price {
color: var(--latepoint-brand-primary);
font-weight: 600;
font-size: 20px;
margin-bottom: 10px;
}
.latepoint-resources-items-w .resource-item .ri-description {
color: #7c85a3;
font-size: 15px;
font-weight: 400;
margin-bottom: 10px;
line-height: 1.3;
}
.latepoint-resources-items-w .resource-item .ri-external-link {
margin-left: 3px;
display: inline-block;
}
.latepoint-resources-items-w .resource-item .ri-buttons {
margin-top: 20px;
}
.latepoint .customer-dashboard-tabs {
display: flex;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin: 20px 0px 30px;
}
.latepoint .customer-dashboard-tabs a {
display: block;
padding: 10px 0px;
font-weight: 600;
text-decoration: none;
color: #7c85a3;
position: relative;
font-size: 21px;
margin-right: 30px;
}
.latepoint .customer-dashboard-tabs a:focus, .latepoint .customer-dashboard-tabs a:hover {
text-decoration: none;
color: var(--latepoint-body-color);
}
.latepoint .customer-dashboard-tabs a:after {
content: "";
height: 2px;
background-color: var(--latepoint-brand-primary);
left: 0px;
bottom: -1px;
display: block;
position: absolute;
}
.latepoint .customer-dashboard-tabs a.active {
color: var(--latepoint-brand-primary);
}
.latepoint .customer-dashboard-tabs a.active:after {
width: 100%;
}
.customer-orders-tiles {
display: grid;
grid-gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
}
.customer-orders-tiles .customer-order {
background: #FFFFFF;
border: 1px solid #ddd;
padding: 25px;
color: #222;
align-self: flex-start;
position: relative;
}
.customer-orders-tiles .customer-order .customer-order-confirmation {
font-size: 25px;
font-weight: 600;
color: #14161d;
}
.customer-orders-tiles .customer-order .customer-order-datetime {
color: #7c85a3;
font-size: 15px;
margin-bottom: 20px;
}
.customer-orders-tiles .customer-order .summary-price-item-w.spi-total {
border-top-width: 2px;
}
.customer-orders-tiles .customer-order .customer-order-bottom-actions {
display: flex;
gap: 20px;
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #f1f1f1;
}
.customer-bookings-tiles {
display: grid;
grid-gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 40px;
}
.customer-bookings-tiles .new-booking-tile {
border: 2px dotted color-mix(in srgb, var(--latepoint-brand-primary) 20%, transparent);
opacity: 0.7;
display: flex;
flex-direction: column;
text-align: center;
color: var(--latepoint-brand-primary);
position: relative;
padding: 30px 20px;
min-height: 100px;
text-decoration: none !important;
}
.customer-bookings-tiles .new-booking-tile i, .customer-bookings-tiles .new-booking-tile span {
display: block;
}
.customer-bookings-tiles .new-booking-tile i {
margin-top: auto;
font-size: 21px;
}
.customer-bookings-tiles .new-booking-tile span {
margin-top: 15px;
margin-bottom: auto;
font-weight: 600;
font-size: 21px;
}
.customer-bookings-tiles .new-booking-tile:hover {
opacity: 1;
border-color: var(--latepoint-brand-primary);
border-style: solid;
}
.customer-bookings-tiles .new-booking-tile.os-loading {
color: transparent;
}
.customer-bookings-tiles .new-booking-tile.os-loading:before {
display: block;
content: "";
width: 30px !important;
height: 30px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.customer-bookings-tiles .customer-booking {
background: #FFFFFF;
border: 1px solid #ddd;
padding: 25px;
color: #222;
align-self: flex-start;
position: relative;
}
.customer-bookings-tiles .customer-booking .bt-payment-actions {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #f1f1f1;
}
.customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-info {
display: flex;
align-items: center;
}
.customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-label {
color: #7c85a3;
}
.customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-amount {
margin-left: auto;
font-weight: 600;
color: #14161d;
font-size: 21px;
}
.customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-pay-link {
margin-left: auto;
display: flex;
padding-top: 5px;
}
.customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-pay-link a {
font-size: 15px;
text-decoration: none;
margin-left: auto;
color: var(--latepoint-brand-primary);
border-bottom: 1px dotted var(--latepoint-brand-primary);
display: inline-block;
position: relative;
}
.customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-pay-link a:hover {
border-bottom-style: solid;
}
.customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-pay-link a.os-loading {
border-bottom-color: transparent;
color: transparent;
}
.customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-pay-link a.os-loading:before {
display: block;
content: "";
width: 15px !important;
height: 15px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.customer-bookings-tiles h6.customer-booking-service-name {
color: #14161d;
padding-bottom: 5px;
margin: 0px;
text-align: left;
text-transform: none;
font-size: 21px;
line-height: 1.2;
}
.customer-bookings-tiles .part-of-bundle-message {
padding: 8px;
background-color: #f1f3ff;
margin-bottom: 15px;
font-size: 12px;
}
.customer-bookings-tiles .part-of-bundle-message a {
color: var(--latepoint-brand-primary);
text-decoration: none;
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.customer-bookings-tiles .customer-booking-datetime {
margin-bottom: 10px;
color: #14161d;
}
.customer-bookings-tiles .customer-booking-datetime span {
color: #7c85a3;
}
.customer-bookings-tiles .customer-booking-service-color {
height: 1px;
background-color: #eee;
}
.customer-bookings-tiles .customer-booking-info {
margin: 20px 0px;
padding: 0px;
font-size: 16px;
}
.customer-bookings-tiles .customer-booking-info .customer-booking-info-row {
display: flex;
margin: 10px 0px;
}
.customer-bookings-tiles .customer-booking-info .booking-info-label {
flex: 0 1 80px;
color: #7c85a3;
}
.customer-bookings-tiles .customer-booking-info .booking-info-value {
font-weight: 600;
}
.customer-bookings-tiles .customer-booking-info .booking-info-value.status-approved, .customer-bookings-tiles .customer-booking-info .booking-info-value.status-pending, .customer-bookings-tiles .customer-booking-info .booking-info-value.status-cancelled {
font-size: 13px;
padding: 2px 5px;
}
.customer-bookings-tiles .customer-booking-info .booking-info-value.status-approved {
background-color: #45b782;
color: #fff;
}
.customer-bookings-tiles .customer-booking-info .booking-info-value.status-pending {
background-color: #fde29f;
color: #3a2f15;
}
.customer-bookings-tiles .customer-booking-info .booking-info-value.status-cancelled {
background-color: #e63c26;
color: #fff;
}
.customer-bookings-tiles .customer-booking-buttons {
display: flex;
gap: 20px;
padding-bottom: 10px;
}
.customer-bookings-tiles .customer-booking-buttons .latepoint-btn {
display: block;
padding: 5px 0px;
white-space: nowrap;
font-size: 14px;
}
.customer-bookings-tiles .customer-booking-buttons .latepoint-btn i + span {
margin-left: 4px;
}
.latepoint-customer-timezone-selector-w {
position: relative;
margin-top: -10px;
}
.latepoint-customer-timezone-selector-w.os-loading label {
position: relative;
}
.latepoint-customer-timezone-selector-w.os-loading label:before {
display: block;
content: "";
width: 12px !important;
height: 12px !important;
border-bottom: 2px solid var(--latepoint-body-color);
border-left: 2px solid var(--latepoint-body-color);
border-top: 2px solid var(--latepoint-body-color);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
right: auto;
left: -15px;
top: 50%;
z-index: 9999;
}
.latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group {
display: flex;
align-items: center;
}
.latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group label {
display: block !important;
font-size: 16px;
font-weight: 600;
color: #7c85a3;
white-space: nowrap;
margin-right: 5px;
margin-bottom: 0px;
margin-left: auto;
}
.latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group select.os-form-control {
width: 240px;
height: 34px !important;
padding: 0px 3px !important;
}
.customer-password-form-w {
margin-top: 40px;
}
.os-zoom-info-link {
background-color: #eff5ff;
border: 1px solid #bcc6f1;
border-bottom-color: #a7b4ed;
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);
display: flex;
align-items: center;
margin-top: 20px;
font-weight: 600;
}
.os-zoom-info-link img {
display: block;
width: 20px;
height: 20px;
margin: 5px 10px;
flex: 0;
}
.os-zoom-info-link a {
flex: 1;
font-size: 15px;
display: block;
padding: 10px 25px 10px 10px;
position: relative;
text-decoration: none;
background-color: rgba(255, 255, 255, 0.3);
white-space: nowrap;
color: var(--latepoint-brand-primary);
}
.os-zoom-info-link a:hover {
background-color: #fff;
}
.os-zoom-info-link a:before {
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e904";
position: absolute;
top: 50%;
right: 10px;
font-size: 8px;
transform: translateY(-50%);
}
.customer-booking-bottom-actions {
display: flex;
align-items: center;
gap: 20px;
padding-top: 15px;
margin-top: 10px;
border-top: 1px solid #eee;
justify-content: stretch;
flex-wrap: wrap;
}
.customer-booking-bottom-actions .latepoint-btn {
padding: 7px 10px;
justify-content: center;
align-items: center;
white-space: nowrap;
display: flex;
}
.customer-booking-bottom-actions > div {
flex: 1;
}
.reschedule-calendar-wrapper { }
.reschedule-calendar-wrapper .os-weekdays {
display: flex;
align-items: center;
}
.reschedule-calendar-wrapper .os-weekdays .weekday {
background-color: #f5f5f5;
flex: 1;
text-transform: uppercase;
font-size: 20px;
color: #adadae;
font-weight: 600;
letter-spacing: 2px;
text-align: left;
padding: 5px 0 0 15px;
line-height: 1;
border-left: 1px solid #ddd;
}
.reschedule-calendar-wrapper .os-weekdays .weekday:first-child {
border-left-color: transparent;
margin-left: 15px;
padding-left: 0;
}
.reschedule-calendar-wrapper .os-current-month-label-w {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 0 0 14px;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-control-buttons-w {
display: flex;
gap: 15px;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn,
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn {
border: none;
font-size: 16px;
background-color: transparent !important;
box-shadow: none;
outline: none;
color: #111;
margin: 0px;
line-height: 1;
vertical-align: middle;
display: inline-block;
cursor: pointer;
padding: 5px;
position: relative;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn:focus-visible,
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn:focus-visible {
outline: 2px solid var(--latepoint-brand-primary) !important;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn.os-loading,
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.os-loading {
color: transparent !important;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn.os-loading span, .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn.os-loading i,
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.os-loading span,
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.os-loading i {
color: transparent !important;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn.os-loading:after,
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.os-loading:after {
display: block;
content: "";
width: 14px;
height: 14px;
border-bottom: 2px solid var(--latepoint-body-color);
border-left: 2px solid var(--latepoint-body-color);
border-top: 2px solid var(--latepoint-body-color);
border-right: 2px solid rgba(0, 0, 0, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn:hover,
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn:hover {
color: var(--latepoint-brand-primary);
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn:focus,
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn:focus {
outline: none;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn.disabled,
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.disabled {
color: rgba(0, 0, 0, 0.1);
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-current-month-label {
text-align: center;
font-weight: 600;
font-size: 17px;
margin-bottom: 10px;
color: var(--latepoint-body-color);
display: flex;
align-items: baseline;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-current-month-label .current-year {
display: inline-block;
vertical-align: middle;
color: color-mix(in srgb, var(--latepoint-body-color) 40%, transparent);
margin-left: 5px;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-current-month-label .current-month {
display: inline-block;
vertical-align: middle;
font-size: 32px;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days-w {
display: none;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days-w.active {
display: block;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days-w.hide-if-single-slot .os-day.os-one-slot-only .os-day-status {
display: none;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days-w.hide-if-single-slot .os-day.selected:after {
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e903";
background-color: var(--latepoint-brand-primary);
box-shadow: 0px 0px 0px 2px #fff;
border-radius: 50%;
width: 14px;
line-height: 14px;
height: 14px;
bottom: 50%;
left: 50%;
font-size: 10px;
text-align: center;
position: absolute;
color: #fff;
transform: translate(11px, -10px);
}
.reschedule-calendar-wrapper .step-datepicker-w {
position: relative;
}
.reschedule-calendar-wrapper .step-datepicker-w .dp-capacity, .reschedule-calendar-wrapper .reschedule-calendar-datepicker .dp-capacity {
position: absolute;
top: 0;
left: 15px;
background-color: #111;
padding: 4px 6px;
color: #fff;
font-weight: 600;
display: none;
white-space: nowrap;
z-index: 9999;
font-size: 15px;
animation: 0.1s ease latepointAvailabilityPopup;
animation-fill-mode: both;
}
.reschedule-calendar-wrapper .step-datepicker-w .time-selector-w:not(.style-timeline) .dp-timepicker-trigger:not(.selected):hover .dp-capacity, .reschedule-calendar-wrapper .reschedule-calendar-datepicker .time-selector-w:not(.style-timeline) .dp-timepicker-trigger:not(.selected):hover .dp-capacity {
display: block;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day {
text-align: left;
font-size: 20px;
font-weight: 600;
cursor: pointer;
position: relative;
border-left: 1px solid rgba(0, 0, 0, 0.08);
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:nth-child(7n+1) {
border-left-color: transparent;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:focus {
outline: none;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-next-month, .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-prev-month {
color: #B7BCCB;
background-color: #fff;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available {
cursor: not-allowed;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box {
background-color: transparent;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-status {
background-color: #f7f7f7;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-number {
color: #adadae;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available.selected .os-day-box {
background-color: #ec7376;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available.selected .os-day-box .os-day-number {
color: #fff;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-passed .os-day-box {
background-color: transparent;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-passed .os-day-box .os-day-number {
color: #bdc5da;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-today.os-month-current .os-day-box .os-day-number {
background-color: #fff0c7;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-next, .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-prev {
border-left-color: transparent;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-next .os-day-box, .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-prev .os-day-box {
pointer-events: none;
background-color: transparent;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-next .os-day-box .os-day-status, .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-prev .os-day-box .os-day-status {
display: none;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-next .os-day-box:hover, .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-prev .os-day-box:hover {
opacity: 1;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-next .os-day-box .os-day-number, .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-prev .os-day-box .os-day-number {
color: transparent !important;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day .os-day-box {
padding: 15px 0px 15px 15px;
position: relative;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day .os-available-slots-tooltip {
position: absolute;
top: 0;
left: 15px;
background-color: #111;
padding: 4px 6px;
color: #fff;
font-weight: 600;
display: none;
white-space: nowrap;
z-index: 9999;
font-size: 15px;
animation: 0.1s ease latepointAvailabilityPopup;
animation-fill-mode: both;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:nth-child(7n) .os-available-slots-tooltip, .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:nth-child(7n+6) .os-available-slots-tooltip {
left: auto;
right: 0;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day .os-day-number {
color: #14161d;
transition: all 0.1s ease;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day .os-day-status {
transition: all 0.1s ease;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-prev, .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-next {
cursor: default;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-next {
display: none;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:hover .os-day-box .os-day-number {
transform: scale(1.2);
transform-origin: bottom left;
white-space: nowrap;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:hover .os-day-box:hover .os-available-slots-tooltip {
display: block;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:hover .os-day-status {
height: 10px;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box {
background-color: var(--latepoint-brand-primary);
border-color: transparent;
color: #fff;
opacity: 1;
padding-left: 0;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box .os-day-number {
background-color: transparent;
color: #fff;
transform: scale(1.2);
transform-origin: center center;
text-align: center;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box .os-day-status {
display: none;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box:hover .os-available-slots-tooltip {
display: none;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next).os-today .os-day-box .os-day-number {
background-color: transparent;
}
.reschedule-calendar-wrapper .os-day-status {
margin: 0px;
height: 6px;
position: absolute;
border-radius: 0px;
overflow: hidden;
bottom: 6px;
left: 15px;
right: 0px;
background-color: #e6e9ef;
}
.reschedule-calendar-wrapper .os-day-status .day-available {
background-color: #8fe286;
top: 0px;
bottom: 0px;
position: absolute;
z-index: 1;
min-width: 3px;
}
.reschedule-calendar-wrapper .times-header {
color: #16171d;
font-size: 17px;
font-weight: 400;
text-align: center;
padding-bottom: 10px;
}
.reschedule-calendar-wrapper .times-header span {
color: var(--latepoint-brand-primary);
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.reschedule-calendar-wrapper .os-calendar-searching-info {
padding-left: 35px;
font-size: 15px;
position: relative;
font-weight: 600;
display: none;
}
.reschedule-calendar-wrapper .os-calendar-searching-info:before {
display: block;
content: "";
width: 20px !important;
height: 20px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
left: 10px;
}
.reschedule-calendar-wrapper .os-dates-and-times-w.is-searching .os-calendar-searching-info {
display: block;
}
.reschedule-calendar-wrapper .os-dates-and-times-w.is-searching .os-calendar-while-searching-wrapper {
display: none;
}
.reschedule-calendar-wrapper .os-dates-and-times-w.is-searching .os-timezone-info-wrapper {
display: none;
}
.reschedule-calendar-wrapper .os-dates-w {
margin: 0 0 0 -15px;
}
.reschedule-calendar-wrapper .os-times-w {
position: relative;
}
.reschedule-calendar-wrapper .timeslots {
display: flex;
justify-content: space-between;
}
.reschedule-calendar-wrapper .timeslots .not-working-message {
flex: 1;
padding: 3px 5px;
text-align: center;
background-color: #f7e8e8;
color: #752f2f;
font-weight: 600;
}
.reschedule-calendar-wrapper .dp-timebox {
white-space: nowrap;
text-align: center;
padding: 6px 3px;
line-height: 1.2;
background-color: #d6ffd1;
font-size: 15px;
color: #14161d;
cursor: pointer;
font-weight: 600;
position: relative;
width: auto !important;
max-width: none !important;
}
.reschedule-calendar-wrapper .dp-timebox:focus {
outline: none;
box-shadow: none;
}
.reschedule-calendar-wrapper .dp-timebox:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.reschedule-calendar-wrapper .dp-timebox .dp-tick,
.reschedule-calendar-wrapper .dp-timebox .dp-success-label {
display: none !important;
}
.reschedule-calendar-wrapper .dp-timebox:hover {
background-color: #c0fbb8;
}
.reschedule-calendar-wrapper .dp-timebox.is-off, .reschedule-calendar-wrapper .dp-timebox.is-booked {
color: #b3b3b3;
background-color: #f7f7f7;
box-shadow: none;
cursor: not-allowed;
}
.reschedule-calendar-wrapper .dp-timebox.selected {
background-color: var(--latepoint-brand-primary);
color: #fff;
box-shadow: none;
}
.reschedule-calendar-wrapper .dp-timebox.selected:after {
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e903";
background-color: var(--latepoint-brand-primary);
box-shadow: 0px 0px 0px 2px #fff;
border-radius: 50%;
width: 14px;
line-height: 14px;
height: 14px;
top: -5px;
right: -5px;
font-size: 10px;
text-align: center;
position: absolute;
color: #fff;
animation: 0.2s ease 0s selectedSlotCheckmark;
animation-fill-mode: both;
}
.reschedule-calendar-wrapper .time-selector-w {
display: none;
margin-top: 20px;
margin-left: -2px;
margin-right: -2px;
}
.reschedule-calendar-wrapper .time-selector-w.hide-not-available-slots .dp-timebox.is-off, .reschedule-calendar-wrapper .time-selector-w.hide-not-available-slots .dp-timebox.is-booked {
display: none;
}
.reschedule-calendar-wrapper .time-selector-w .th-timezone {
text-transform: uppercase;
font-size: 10px;
letter-spacing: 0.5px;
margin-top: 4px;
}
.reschedule-calendar-wrapper .time-selector-w .th-timezone strong {
color: #7c85a3;
}
.reschedule-calendar-wrapper .time-selector-w.style-timebox {
margin-top: 20px;
}
.reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
}
.reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots.slots-not-available {
grid-template-columns: repeat(1, 1fr) !important;
}
.reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots .not-working-message {
border-radius: 4px;
padding: 6px;
}
.reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots .dp-timebox .dp-label-capacity {
display: none;
}
.reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots .dp-timebox.is-off {
display: none;
}
.reschedule-calendar-wrapper .time-selector-w.style-timebox .times-header {
display: flex;
align-items: center;
margin-bottom: 10px;
padding-top: 10px;
}
.reschedule-calendar-wrapper .time-selector-w.style-timebox .times-header .times-header-label {
flex: 1;
margin: 0px 15px;
white-space: nowrap;
font-weight: 600;
}
.reschedule-calendar-wrapper .time-selector-w.style-timebox .times-header .th-line {
height: 1px;
flex: 1;
background-color: rgba(0, 0, 0, 0.1);
content: "";
}
.reschedule-calendar-wrapper .time-selector-w.style-timeline {
padding-bottom: 30px;
flex-wrap: nowrap;
}
.reschedule-calendar-wrapper .time-selector-w.with-end-time.time-system-12 .timeslots {
grid-template-columns: repeat(2, 1fr);
}
.reschedule-calendar-wrapper .time-selector-w.with-end-time.time-system-12 .dp-timebox span.dp-label-end-time {
opacity: 0.7;
}
.reschedule-calendar-wrapper .time-selector-w.with-end-time.time-system-24 .timeslots {
grid-template-columns: repeat(3, 1fr);
}
.reschedule-calendar-wrapper .time-selector-w.with-end-time.time-system-24 .dp-timebox span.dp-label-end-time {
opacity: 0.7;
}
.reschedule-calendar-wrapper .time-selector-w.without-end-time.time-system-12 .timeslots {
grid-template-columns: repeat(4, 1fr);
}
.reschedule-calendar-wrapper .time-selector-w.without-end-time.time-system-24 .timeslots {
grid-template-columns: repeat(5, 1fr);
}
.reschedule-calendar-wrapper .dp-timeslot {
height: 24px;
flex-grow: 1;
margin: 0px;
box-shadow: inset 1px 0px 0px 0px #fff, inset -1px 0px 0px 0px #fff;
border-radius: 0px;
position: relative;
cursor: pointer;
background-color: #8fe286;
}
.reschedule-calendar-wrapper .dp-timeslot:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.reschedule-calendar-wrapper .dp-timeslot .dp-tick {
position: absolute;
display: block;
top: 34px;
left: 50%;
transform: translateX(-50%);
font-size: 8px;
text-align: center;
color: rgba(0, 0, 0, 0.4);
text-transform: uppercase;
line-height: 1.4;
font-weight: 600;
letter-spacing: 1px;
}
.reschedule-calendar-wrapper .dp-timeslot .dp-tick strong {
display: block;
color: rgb(0, 0, 0);
font-size: 11px;
line-height: 1;
letter-spacing: 0px;
white-space: nowrap;
}
.reschedule-calendar-wrapper .dp-timeslot .dp-success-label {
color: rgba(255, 255, 255, 0.8);
display: block;
text-align: center;
margin-bottom: 4px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 10px;
}
.reschedule-calendar-wrapper .dp-timeslot .dp-label {
display: none;
text-align: center;
padding: 7px 8px 7px 8px;
line-height: 1;
background-color: #04bb03;
color: #fff;
font-size: 12px;
font-weight: 600;
position: absolute;
left: 50%;
top: -8px;
transform: translate(-50%, -100%);
white-space: nowrap;
transition: all 0.2s ease;
z-index: 10;
}
.reschedule-calendar-wrapper .dp-timeslot .dp-label-capacity {
display: block;
color: rgba(255, 255, 255, 0.8);
text-align: center;
margin-bottom: 4px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 10px;
}
.reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked), .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off) {
background-color: var(--latepoint-brand-primary);
z-index: 4;
}
.reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked) .dp-label-capacity, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off) .dp-label-capacity {
display: none;
}
.reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked):hover, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off):hover {
background-color: var(--latepoint-brand-primary);
}
.reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked):after, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off):after {
content: "";
position: absolute;
width: 1px;
left: 50%;
transform: translateX(-50%);
top: 0px;
bottom: 0px;
background-color: var(--latepoint-brand-primary);
display: none;
}
.reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked) .dp-label, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off) .dp-label {
top: -3px;
background-color: var(--latepoint-brand-primary);
color: #fff;
display: block;
}
.reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked):before, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off):before {
background-color: var(--latepoint-brand-primary);
display: block;
width: 10px;
height: 10px;
transform: translateX(-50%) rotate(45deg);
top: -12px;
left: 50%;
}
.reschedule-calendar-wrapper .dp-timeslot.is-booked {
background-color: #e6e9ef;
margin: 0px;
cursor: not-allowed;
}
.reschedule-calendar-wrapper .dp-timeslot.is-booked:before {
background-color: #E42806;
}
.reschedule-calendar-wrapper .dp-timeslot.is-booked .dp-label {
background-color: #E42806;
}
.reschedule-calendar-wrapper .dp-timeslot.is-booked:hover {
background-color: #E42806;
}
.reschedule-calendar-wrapper .dp-timeslot.is-off {
background-color: #e6e9ef;
margin: 0px;
border-color: #fff;
max-width: 25%;
cursor: not-allowed;
}
.reschedule-calendar-wrapper .dp-timeslot.is-off:before {
background-color: #E42806;
}
.reschedule-calendar-wrapper .dp-timeslot.is-off .dp-label {
background-color: #E42806;
}
.reschedule-calendar-wrapper .dp-timeslot.is-off:hover {
background-color: #e6e9ef;
}
.reschedule-calendar-wrapper .dp-timeslot.is-off:hover .dp-label {
display: none;
}
.reschedule-calendar-wrapper .dp-timeslot.with-tick:after {
content: "";
position: absolute;
width: 1px;
left: 50%;
height: 3px;
bottom: -7px;
background-color: rgba(0, 0, 0, 0.4);
}
.reschedule-calendar-wrapper .dp-timeslot:hover {
background-color: #04bb03;
}
.reschedule-calendar-wrapper .dp-timeslot:hover:before {
top: 0px;
}
.reschedule-calendar-wrapper .dp-timeslot:hover .dp-label {
display: block;
}
.reschedule-calendar-wrapper .os-weekdays {
margin-top: 15px;
border-top: 1px solid #f8f8f8;
padding-top: 15px;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn {
right: 0;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn {
left: 0;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-current-month-label {
margin: 0;
}
.latepoint-lightbox-w .reschedule-confirmation-wrapper {
text-align: center;
}
.latepoint-lightbox-w .reschedule-confirmation-wrapper .icon-w {
margin-bottom: 20px;
}
.latepoint-lightbox-w .reschedule-confirmation-wrapper .icon-w i {
background: #d1ffdd;
padding: 15px;
border-radius: 40px;
color: #18a35b;
font-size: 28px;
display: inline-block;
}
.latepoint-lightbox-w .reschedule-confirmation-wrapper h2 {
margin: 0;
font-size: 32px;
color: #14161d;
}
.latepoint-lightbox-w .reschedule-confirmation-wrapper .desc {
font-size: 20px;
margin-bottom: 30px;
color: #7c85a3;
}
.latepoint-lightbox-w .reschedule-confirmation-wrapper .rescheduled-date-time-info .info-label {
color: #7c85a3;
margin-bottom: 5px;
font-size: 17px;
}
.latepoint-lightbox-w .reschedule-confirmation-wrapper .rescheduled-date-time-info .info-value {
font-weight: 600;
font-size: 17px;
}
.bundle-services .bundle-included-service-wrapper {
display: flex;
padding: 10px 0;
font-size: 15px;
justify-content: space-between;
}
.bundle-services .bundle-included-service-wrapper .bundle-included-service-name {
color: #7c85a3;
}
.bundle-services .bundle-included-service-wrapper .bundle-included-service-quantity {
font-weight: 600;
}
.bundle-services .bundle-included-service-wrapper + .bundle-included-service-wrapper {
border-top: 1px solid #f1f1f1;
}
.customer-bundle-tile {
color: #222;
align-self: flex-start;
position: relative;
}
.customer-bundle-tile .customer-bundle-tile-inner {
background: #FFFFFF;
border: 1px solid #ddd;
border-bottom-color: #ccc;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
padding: 25px;
position: relative;
z-index: 3;
}
.customer-bundle-tile .customer-bundle-tile-shadow {
z-index: 2;
position: absolute;
left: 6px;
right: 6px;
bottom: -5px;
height: 10px;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
background-color: #fff;
}
.customer-bundle-tile .customer-bundle-tile-shadow + .customer-bundle-tile-shadow {
bottom: -11px;
z-index: 1;
left: 12px;
right: 12px;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
.customer-bundle-tile .bundle-main-info-wrapper {
display: flex;
justify-content: space-between;
padding-bottom: 35px;
border-bottom: 1px solid #f1f1f1;
align-items: flex-start;
}
.customer-bundle-tile .bundle-main-info-wrapper .bundle-icon {
padding: 10px;
line-height: 20px;
font-size: 20px;
background-color: color-mix(in srgb, var(--latepoint-brand-primary) 10%, transparent);
border-radius: 30px;
color: var(--latepoint-brand-primary);
}
.customer-bundle-tile .bundle-main-info-wrapper .bundle-icon i {
display: block;
}
.customer-bundle-tile .bundle-name {
color: #14161d;
padding-bottom: 5px;
margin: 0px;
text-align: left;
text-transform: none;
font-size: 21px;
line-height: 1.2;
}
.customer-bundle-tile .bundle-order-info a {
color: var(--latepoint-brand-primary);
border-bottom: 1px dotted var(--latepoint-brand-primary);
text-decoration: none;
}
.customer-bundle-tile .customer-bundle-bottom-actions {
display: flex;
align-items: center;
gap: 20px;
padding-top: 25px;
border-top: 1px solid #eee;
justify-content: stretch;
}
.customer-bundle-tile .customer-bundle-bottom-actions .latepoint-btn {
padding: 7px 10px;
}
.latepoint-customer-bundle-scheduling-summary {
padding: 30px;
}
.latepoint-customer-bundle-scheduling-summary .summary-box.main-box {
padding: 0;
display: block;
}
.latepoint-customer-bundle-scheduling-summary .summary-box .sbc-big-item {
font-size: 27px;
}
.latepoint-customer-bundle-scheduling-summary .summary-box .sbc-subtle-item {
display: none;
}
.latepoint-customer-bundle-scheduling-summary .bundle-order-small-info a {
color: var(--latepoint-brand-primary);
text-decoration: none;
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown {
border-top: 1px solid #f1f1f1;
padding-top: 15px;
margin-top: 20px;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-cancelled-bookings-wrapper .order-item-cancelled-bookings-heading {
padding-top: 5px;
padding-bottom: 5px;
color: #7c85a3;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-cancelled-bookings-wrapper:not(:last-child) {
margin-bottom: 20px;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .bundle-service-info {
margin-bottom: 10px;
color: #7c85a3;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking + .bundle-service-info {
margin-top: 20px;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking {
display: flex;
gap: 8px;
align-items: center;
margin-bottom: 10px;
padding: 8px;
border: 1px dotted #aaa;
cursor: pointer;
position: relative;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking:hover {
border: 1px solid var(--latepoint-brand-primary);
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.os-loading:before {
display: block;
content: "";
width: 14px !important;
height: 14px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
left: auto;
right: 0px;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.os-loading .bib-icon {
color: transparent;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking .bib-icon {
margin-left: auto;
font-size: 10px;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking .booking-item-status-pill {
width: 15px;
height: 15px;
background-color: #eee;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked {
border: 1px solid #ddd;
border-bottom-color: #bbb;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
color: #14161d;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked:hover {
box-shadow: none;
border-color: var(--latepoint-brand-primary);
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked .booking-item-status-pill {
background-color: #bcd96e;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked.is-past .booking-item-status-pill {
background-color: #d9eba6;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked.bundle-booking-status-pending .booking-item-status-pill {
background-color: #fad277;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked.bundle-booking-status-cancelled .booking-item-status-pill {
background-color: #fa7b77;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items {
display: none;
gap: 5px;
margin-top: 20px;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items .bookable-item {
flex: 1;
border-radius: 2px;
background-color: #eee;
height: 6px;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items .bookable-item.is-past.is-booked {
background-color: #bcd96e;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items .bookable-item.is-booked {
background-color: #d9eba6;
}
.latepoint-transaction-payment-form {
position: relative;
}
.latepoint-transaction-payment-form .lp-payment-charge-amount {
background-color: #fbf6e1;
color: #877865;
margin-bottom: 20px;
padding: 15px;
text-align: center;
}
.latepoint-transaction-payment-form .lp-payment-charge-amount strong {
color: #000;
}
.latepoint-transaction-payment-form .latepoint-lightbox-footer {
display: flex;
align-items: center;
gap: 10px;
justify-content: space-between;
}
.latepoint-transaction-payment-form .latepoint-lightbox-footer .latepoint-btn-primary {
margin-left: auto;
}
.latepoint-transaction-payment-form .latepoint-lightbox-footer .latepoint-btn.latepoint-btn-block {
flex: 1;
}
.latepoint-transaction-payment-form.os-loading .latepoint-lightbox-footer {
display: none;
}
.entry-content a, .entry-summary a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {
box-shadow: none;
}
.os_trigger_booking {
cursor: pointer;
}
.latepoint-step-svg-highlight {
fill: #020202;
}
.latepoint-step-svg-base {
fill: #020202;
}
.latepoint-w {
line-height: 1.3;
max-width: initial !important;
}
.latepoint-w strong, .latepoint-w b {
font-weight: 600;
}
.latepoint-w ul li {
list-style: none;
}
.latepoint-book-form-wrapper.os-loading .latepoint-form-w {
min-height: 300px;
}
.latepoint-book-form-wrapper.os-loading .latepoint-form-w:before {
display: block;
content: "";
width: 40px !important;
height: 40px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.latepoint-w .slot-not-available-wrapper {
text-align: center;
padding: 50px;
width: 400px;
position: relative;
}
.latepoint-w .slot-not-available-wrapper .latepoint-lightbox-close {
position: absolute;
top: 10px;
right: 10px;
line-height: 1;
font-size: 18px;
padding: 5px;
cursor: pointer;
}
.latepoint-w .slot-not-available-wrapper .latepoint-lightbox-close:hover {
background-color: #f7f7f7;
}
.latepoint-w .slot-not-available-wrapper .icon-w {
margin-bottom: 20px;
}
.latepoint-w .slot-not-available-wrapper .icon-w i {
background: #ffd1d1;
padding: 15px;
border-radius: 40px;
color: #a31818;
font-size: 28px;
display: inline-block;
}
.latepoint-w .slot-not-available-wrapper h2 {
margin: 0 0 10px 0;
font-size: 20px;
color: #14161d;
line-height: 1.2;
}
.latepoint-w .slot-not-available-wrapper .desc {
font-size: 17px;
margin-bottom: 20px;
}
.latepoint-w .slot-not-available-wrapper .booking-date-time-info .info-label {
color: #7c85a3;
margin-bottom: 5px;
}
.latepoint-w .slot-not-available-wrapper .booking-date-time-info .info-value {
font-weight: 600;
}
.latepoint-w.latepoint-lightbox-form {
max-height: 100%;
display: flex;
overflow: hidden;
}
.latepoint-w.latepoint-inline-form {
margin: 20px 0;
display: flex;
}
.latepoint-w.latepoint-inline-form .latepoint-booking-form-element {
box-shadow: 0 10px 30px 0 rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6);
margin: 0px auto;
}
.latepoint-w.latepoint-inline-form .latepoint-booking-form-element .latepoint-lightbox-close {
display: none !important;
}
.latepoint-w.latepoint-inline-form .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
font-size: 20px;
}
.latepoint-w.latepoint-inline-form .latepoint-booking-form-element .latepoint-heading-w {
text-align: center;
}
.latepoint-w.latepoint-inline-form .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
max-height: inherit;
}
.latepoint-w.latepoint-with-summary .latepoint-lightbox-i {
transition: all 0.4s cubic-bezier(0.05, 0.45, 0.1, 1);
}
.latepoint-w.latepoint-with-summary .latepoint-booking-form-element {
transition: all 0.4s cubic-bezier(0.05, 0.45, 0.1, 1);
}
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-progress {
display: none;
}
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .latepoint-side-panel {
display: none;
}
.latepoint-w .latepoint-booking-form-element {
display: flex;
align-items: stretch;
position: relative;
}
.latepoint-w .latepoint-booking-form-element[class*=current-step-payment__] .latepoint-summary-w .checkout-from-summary-panel-btn-wrapper {
display: none;
}
.latepoint-w .latepoint-booking-form-element[class*=current-step-payment__] .latepoint-summary-w .summary-box .summary-box-content .os-remove-item-from-cart {
display: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary {
text-align: right;
}
.latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger {
display: inline-flex;
align-items: center;
gap: 5px;
color: var(--latepoint-brand-primary);
font-weight: 600;
font-size: 13px;
line-height: 1.5;
cursor: pointer;
}
.latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger span {
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger div + div {
margin: 0 auto;
}
.latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger .latepoint-icon {
font-size: 13px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger:hover span {
border-bottom-style: solid;
}
.latepoint-w .latepoint-booking-form-element h1, .latepoint-w .latepoint-booking-form-element h2, .latepoint-w .latepoint-booking-form-element h3, .latepoint-w .latepoint-booking-form-element h4, .latepoint-w .latepoint-booking-form-element h5 {
color: var(--latepoint-headings-color);
}
.latepoint-w .latepoint-booking-form-element a {
text-decoration: none;
}
.latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w {
display: block;
}
.latepoint-w .latepoint-booking-form-element.current-step-confirmation .latepoint-form-w .latepoint-heading-w {
border-bottom: none;
position: fixed;
top: 10px;
right: 10px;
z-index: 99999;
padding: 0;
}
.latepoint-w .latepoint-booking-form-element.current-step-confirmation .latepoint-form-w .latepoint-heading-w .os-heading-text {
display: none;
}
.latepoint-w .latepoint-booking-form-element.current-step-confirmation .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
margin-left: 0;
padding: 5px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-progress {
text-align: center;
color: #7c85a3;
font-size: 15px;
padding-top: 15px;
margin-bottom: 30px;
display: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-progress ul {
list-style: none;
margin: 0px auto;
padding: 0px;
text-align: center;
justify-content: center;
display: flex;
gap: 10px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-progress ul li {
display: block;
flex: 0;
margin: 0px;
padding: 0px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item {
height: 5px;
width: 5px;
background-color: rgba(0, 0, 0, 0.07);
display: block;
color: #7c85a3;
text-decoration: none;
position: relative;
box-shadow: none;
font-weight: 600;
font-size: 13px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item span {
position: absolute;
display: block;
left: 50%;
top: -5px;
transform: translate(-50%, -150%);
display: inline-block;
background-color: var(--latepoint-brand-primary);
color: #fff;
padding: 3px 6px;
line-height: 1.1;
visibility: hidden;
opacity: 0;
transition: all 0.2s ease;
white-space: nowrap;
}
.latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item:hover {
background-color: rgba(0, 0, 0, 0.15);
}
.latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item:hover span {
opacity: 1;
transform: translate(-50%, -105%);
visibility: visible;
}
.latepoint-w .latepoint-booking-form-element .latepoint-progress ul li.active .progress-item, .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li.complete .progress-item {
background-color: color-mix(in srgb, var(--latepoint-brand-primary) 20%, transparent);
}
.latepoint-w .latepoint-booking-form-element .latepoint-progress ul li.active .progress-item:hover, .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li.complete .progress-item:hover {
background-color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .info-box {
background-color: #FFF3CB;
margin-top: 20px;
padding: 10px;
font-size: 13px;
color: #4e4841;
}
.latepoint-w .latepoint-booking-form-element .info-box .info-box-buttons {
margin-top: 10px;
}
.latepoint-w .latepoint-booking-form-element .info-box .info-box-buttons a {
background-color: #fff;
color: var(--latepoint-body-color);
font-weight: 600;
padding: 3px 8px;
display: inline-block;
text-decoration: none;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel {
flex: 0 0 270px;
width: 270px;
background-color: var(--latepoint-side-panel-bg);
border-right: 1px solid rgba(0, 0, 0, 0.1);
padding: 15px 30px 25px 30px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: 0px 0px 0px 0px;
position: relative;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w {
margin-top: 15px;
display: none;
position: relative;
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 10px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w.os-loading:before {
display: block;
content: "";
width: 12px !important;
height: 12px !important;
border-bottom: 2px solid var(--latepoint-body-color);
border-left: 2px solid var(--latepoint-body-color);
border-top: 2px solid var(--latepoint-body-color);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
left: -13px;
right: auto;
top: auto;
bottom: 1px;
z-index: 9999;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group.os-form-select-group label {
display: block !important;
font-size: 12px !important;
color: #7c85a3;
margin-bottom: 3px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group.os-form-select-group select.os-form-control {
height: 26px !important;
padding: 0px 3px !important;
font-size: 12px !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group {
margin-bottom: 0px !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w select {
text-align-last: center;
text-align: center;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w {
padding: 50px 0px 50px 0px;
color: #7c85a3;
margin-bottom: auto;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc-library {
display: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media {
width: 80px;
height: 80px;
background-size: contain;
background-repeat: no-repeat;
background-position: bottom center;
display: inline-block;
margin-bottom: 20px;
position: relative;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w {
width: 70px;
height: auto;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before {
content: "";
width: 40px;
height: 40px;
background-color: color-mix(in srgb, var(--latepoint-brand-primary) 20%, transparent);
position: absolute;
bottom: 50%;
right: 50%;
z-index: 1;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w svg {
z-index: 2;
position: relative;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-title {
padding-top: 0px;
margin-bottom: 5px;
font-size: 20px;
line-height: 1.2;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions {
color: #7c85a3;
margin-top: 0;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions h5 {
margin: 0px;
line-height: 1.4;
margin-bottom: 5px;
position: relative;
font-size: 15px;
text-transform: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions p:last-child {
margin-bottom: 0px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions a {
text-decoration: underline;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w {
flex: 0 0 470px;
width: 470px;
background-color: #fff;
border-radius: 0px 0px 0px 0px;
position: relative;
z-index: 2;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w.showing-item-details-popup .latepoint-body {
padding: 0;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w.showing-item-details-popup .latepoint-footer, .latepoint-w .latepoint-booking-form-element .latepoint-form-w.showing-item-details-popup .latepoint-heading-w, .latepoint-w .latepoint-booking-form-element .latepoint-form-w.showing-item-details-popup .latepoint-step-content {
display: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w form {
background-color: #fff;
padding: 0px;
min-height: 100%;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w {
align-items: center;
padding: 30px 15px;
justify-content: space-around;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .select-total-attendees-label {
padding-right: 20px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .select-total-attendees-label h4 {
margin: 0px !important;
padding: 0px !important;
font-size: 21px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .select-total-attendees-label .sta-sub-label {
font-size: 13px;
color: #7c85a3;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w {
background-color: #fff;
display: flex;
align-items: center;
padding: 5px 10px;
border: 1px solid #cad2e0;
outline-style: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w input {
text-align: center;
border: none !important;
padding: 0px 5px !important;
font-size: 22px !important;
font-weight: 600;
width: 50px !important;
margin: 0px !important;
background-color: #fff !important;
color: var(--latepoint-body-color) !important;
box-shadow: none !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w input::placeholder {
color: rgba(0, 0, 0, 0.1);
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w input:focus {
outline: none !important;
box-shadow: none !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w .total-attendees-selector {
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
font-size: 20px;
background-color: #f3f4f9;
padding: 4px;
line-height: 1;
flex: 0;
text-align: center;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w .total-attendees-selector:hover {
color: #fff;
background-color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered {
text-align: center;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .total-attendees-selector-w {
width: 150px;
margin: 0px auto;
justify-content: space-between;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .total-attendees-selector-w input {
font-size: 33px !important;
width: 100% !important;
line-height: 1.4 !important;
font-family: "latepoint", "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .select-total-attendees-label {
margin-bottom: 20px;
padding: 0px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .select-total-attendees-label h4 {
font-size: 27px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .select-total-attendees-label .sta-sub-label {
font-size: 18px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-form {
display: flex;
justify-content: stretch;
flex-direction: column;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w {
background-color: #fff;
padding: 15px 15px 15px 40px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
text-align: left;
display: flex;
align-items: center;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
padding: 5px;
order: 1;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
transform: none;
position: relative;
top: auto;
right: auto;
left: auto;
order: 1;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
order: 2;
margin-left: 10px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
color: #1e222b;
font-size: 20px;
box-shadow: none;
line-height: 18px;
z-index: 2;
display: none;
position: relative;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger span {
position: absolute;
top: -3px;
right: -3px;
font-size: 11px;
box-shadow: 0 0 0 2px #fff;
background-color: #000;
color: #fff;
padding: 2px;
border-radius: 50%;
line-height: 1;
min-width: 11px;
text-align: center;
box-sizing: content-box;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger i {
line-height: 1;
display: block;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
color: #1e222b;
font-size: 20px;
box-shadow: none;
display: block;
line-height: 18px;
z-index: 2;
position: relative;
top: 0;
left: 0;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close i {
line-height: 1;
display: block;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .os-heading-text {
margin: 0px;
font-size: 20px;
line-height: 1.2;
margin-right: auto;
padding: 3px 0;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .os-heading-text-library {
display: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
padding: 40px;
flex: 1;
overflow-y: scroll;
transition: all 0.2s ease;
position: relative;
min-height: 200px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h3, .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h4 {
color: #14161d;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body .os-step-header {
margin-top: 0px;
margin-bottom: 25px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h3 {
font-size: 21px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h4 {
font-size: 18px;
padding: 0px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer {
position: relative;
padding: 10px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
display: flex;
justify-content: space-between;
background-color: #fff;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer.force-hide {
display: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-progress {
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 0px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-progress ul li {
flex: 0 0 5px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-progress ul li .progress-item {
width: 5px;
height: 5px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-next-btn {
margin-left: auto;
animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s both latepointNextBtn;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-next-btn.disabled {
display: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-next-btn:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-prev-btn {
animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0s both latepointPrevBtn;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-prev-btn.disabled {
display: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-prev-btn:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn {
font-weight: 600;
box-shadow: none;
padding: 8px 14px;
font-size: 14px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn.disabled {
background-color: #E3E6F0;
color: #B5BAD2;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn.disabled span {
color: #B5BAD2;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn.disabled i {
color: #B5BAD2;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn i {
font-size: 9px;
transition: transform 0.1s ease;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn i + span {
margin-left: 5px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn span + i {
margin-left: 5px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn:hover.latepoint-next-btn i {
transform: translateX(3px);
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn:hover.latepoint-prev-btn i {
transform: translateX(-3px);
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content {
color: #7c85a3;
min-height: 140px;
text-align: left;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content.is-hidden {
display: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-centered {
text-align: center;
margin-bottom: 15px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-centered > h4 {
margin-bottom: 5px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left {
padding: 0 0 15px 0;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left a {
text-decoration: underline;
color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left > p:last-child:first-child {
margin: 0 !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left > h4 {
margin-bottom: 5px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .lp-payment-charge-amount {
background-color: #fbf6e1;
color: #877865;
margin-bottom: 20px;
padding: 15px;
text-align: center;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .lp-payment-charge-amount strong {
color: #000;
}
.latepoint-w .latepoint-booking-form-element .lp-demo-mode-msg {
padding: 8px 10px;
background-color: #ffd534;
color: #211f1a;
font-size: 15px;
font-weight: 600;
margin-bottom: 10px;
text-align: center;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-day-status {
border-radius: 2px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .lp-demo-mode-msg {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-available-slots-tooltip, .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .dp-capacity {
border-radius: 4px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-method-content {
position: relative;
display: none;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-method-content.os-loading .lp-payment-method-content-i {
opacity: 0;
min-height: 50px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-method-content.os-loading:before {
display: block;
content: "";
width: 40px !important;
height: 40px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 9999;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #fff7d0;
padding: 5px 10px;
color: #8a7f66;
font-size: 18px;
margin-top: 20px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info div {
white-space: nowrap;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .lp-price-value {
font-weight: 600;
color: #14161d;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .lp-price-value > span {
text-decoration: line-through;
display: inline-block;
margin-right: 3px;
opacity: 0.5;
font-size: 15px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info a {
color: #846337;
display: block;
text-decoration: none;
background-color: rgba(255, 255, 255, 0.61);
font-weight: 600;
padding: 2px;
border-radius: 2px 5px;
font-size: 13px;
margin-left: 30px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-deposit-price-w,
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-total-price-w {
padding: 4px 0px;
margin: 0px auto;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-deposit-price-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.paying-deposit .payment-total-price-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.paying-deposit .payment-deposit-price-w {
display: block;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code {
display: none;
padding: 4px 5px 4px 8px;
line-height: 1;
background-color: #fff;
color: #111;
border: 1px dashed #111;
font-weight: 600;
font-size: 13px;
margin-left: 20px;
text-transform: uppercase;
vertical-align: middle;
position: relative;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-self {
display: inline-block;
vertical-align: middle;
line-height: 1.1;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-clear {
line-height: 1.1;
display: inline-block;
vertical-align: middle;
margin-left: 3px;
cursor: pointer;
position: relative;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-clear.os-loading:before {
display: block;
content: "";
width: 10px !important;
height: 10px !important;
border-bottom: 2px solid #111;
border-left: 2px solid #111;
border-top: 2px solid #111;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
right: -5px;
left: auto;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-clear.os-loading i {
opacity: 0;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w {
display: none;
position: relative;
margin-left: 20px !important;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w.os-loading:before {
display: block;
content: "";
width: 12px !important;
height: 12px !important;
border-bottom: 2px solid #A45D00;
border-left: 2px solid #A45D00;
border-top: 2px solid #A45D00;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
left: -13px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input {
border: none !important;
border: 1px solid #d0bca8 !important;
padding: 5px 7px !important;
background-color: #fff !important;
box-shadow: none !important;
font-size: 13px !important;
line-height: 1.3 !important;
display: block !important;
width: 135px !important;
margin: 0px !important;
border-radius: 0px !important;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input:focus, .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input:active {
box-shadow: none !important;
outline: none !important;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input::placeholder {
color: #A38E7B !important;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w .coupon-code-input-submit {
position: absolute;
top: 50%;
right: 5px;
transform: translateY(-50%);
vertical-align: middle;
background-color: var(--latepoint-brand-primary);
color: #fff;
text-transform: uppercase;
padding: 2px 5px;
font-size: 12px;
font-weight: 600;
cursor: pointer;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.entering-coupon .coupon-code-trigger-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.entering-coupon .coupon-code-input-w {
display: block;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.coupon-is-applied .coupon-code-trigger-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.coupon-is-applied .coupon-code-input-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.coupon-is-applied .applied-coupon-code {
display: block;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w > h4 {
margin-bottom: 10px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-methods-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-portions-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-times-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w {
text-align: center;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger {
display: inline-block;
text-align: center;
padding: 10px 20px;
background-color: #fac555;
border-radius: 40px;
color: #111;
margin-top: 15px;
font-weight: 600;
cursor: pointer;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger:hover {
box-shadow: 0px 0px 0px 2px #ffb011;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger span {
display: inline-block;
vertical-align: middle;
padding-left: 10px;
margin-left: 10px;
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger img {
height: 20px;
width: auto;
display: inline-block;
vertical-align: middle;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-btn-trigger {
padding: 20px 0px 5px;
position: relative;
min-height: 60px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-btn-trigger:before {
display: block;
content: "";
width: 20px !important;
height: 20px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
top: 35px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w[data-sub-step=payment-times] .lp-payment-times-w {
display: block;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w[data-sub-step=payment-methods] .lp-payment-methods-w {
display: block;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w[data-sub-step=payment-portions] .lp-payment-portions-w {
display: block;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-centered {
display: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item {
position: relative;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-value {
font-size: 49px;
font-weight: 600;
line-height: 1.1;
color: var(--latepoint-brand-primary);
font-family: "latepoint", "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-label {
color: #7c85a3;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-sub-label {
opacity: 0.8;
color: #7c85a3;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-sub-label span {
font-weight: 600;
color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-price {
font-family: "latepoint", "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
position: absolute;
top: 0px;
right: 0px;
padding: 5px;
color: #D09F1D;
line-height: 1;
font-size: 16px;
font-weight: 600;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ {
list-style-type: none !important;
margin: 0px !important;
padding: 0px !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item {
margin-bottom: 15px;
list-style: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i {
display: flex;
background: #FFFFFF;
border: 1px solid #E5E7EE;
align-items: center;
box-shadow: none;
outline: none;
padding: 10px 15px;
color: var(--latepoint-body-color);
text-decoration: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i:hover {
border-color: var(--latepoint-brand-primary);
text-decoration: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-img-w {
flex: 0 0 40px;
height: 40px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
margin-right: 15px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-name-w {
padding: 10px 0px;
margin-right: auto;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-name-w .service-name {
font-weight: 600;
font-size: 18px;
display: block;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-name-w .service-desc {
color: #7c85a3;
font-size: 13px;
display: block;
margin-top: 3px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-price-w {
border-left: 1px solid rgba(0, 0, 0, 0.05);
padding-left: 15px;
margin-left: 10px;
text-align: center;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-price-w .service-price {
display: block;
color: #D09F1D;
font-size: 24px;
line-height: 1.1;
font-weight: 600;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-price-w .service-price-label {
display: block;
color: #7c85a3;
font-size: 12px;
white-space: nowrap;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item.selected .os-service-durations {
display: flex;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item.selected > .os-item-i {
border-color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item.with-description a .service-name-w {
padding: 5px 0px;
}
.lp-strike {
text-decoration: line-through;
opacity: 0.8;
}
.latepoint-booking-form-element .step-verify-w .os-recurring-bookings-count {
margin-top: 10px;
}
.latepoint-booking-form-element .step-verify-w .summary-box.main-box .summary-box-booking-date-box {
display: none;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper {
position: relative;
margin-bottom: 25px;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item {
padding: 15px;
border: 1px solid #e2e2e2;
border-bottom-color: #d2d2d2;
box-shadow: 0 2px rgba(0, 0, 0, 0.05);
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box-heading {
margin-bottom: 0px;
margin-top: 0;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box-heading .sbh-line {
display: none;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box .sbc-big-item {
font-size: 17px;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box-heading {
display: none;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box-heading .sbh-item {
font-size: 13px;
font-weight: 400;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-boxes-columns {
border-top: 1px solid rgba(0, 0, 0, 0.05);
padding-top: 10px;
margin-top: 15px;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.single-item .os-remove-item-from-cart {
display: none;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.single-item .summary-box .sbc-big-item {
font-size: 20px;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.single-item .summary-box .sbc-highlighted-item {
font-size: 15px;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper .summary-box.main-box {
padding: 0;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper .os-remove-item-from-cart {
box-shadow: 0 0 0 4px #fff;
color: #fff;
top: -5px;
right: -5px;
background-color: #f64f4f;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper .os-remove-item-from-cart .os-remove-from-cart-icon {
background-color: #fff;
}
.latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-summary {
display: none;
}
.latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify {
margin-top: 20px;
}
.latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger {
align-items: center;
padding: 8px 10px;
border: 1px dotted #14161d;
color: #14161d;
display: flex;
gap: 10px;
font-weight: 600;
cursor: pointer;
}
.latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger span {
margin: 0 auto;
}
.latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger:hover {
border-style: solid;
}
.latepoint-booking-form-element .step-verify-w .cart-summary-main-section > .summary-heading:first-child {
margin-top: 0;
}
.latepoint-booking-form-element .step-verify-w .cart-summary-main-section > .summary-box.main-box:first-child {
padding-top: 0;
}
.latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .part-of-bundle-message {
padding: 10px;
background-color: #f1f3ff;
margin-bottom: 15px;
font-size: 15px;
}
.latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .part-of-bundle-message a {
color: var(--latepoint-brand-primary);
text-decoration: none;
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .summary-box.main-box {
padding-top: 0;
padding-bottom: 20px;
}
.latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .sbc-big-item {
font-size: 20px;
}
.latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .sbc-highlighted-item {
font-size: 17px;
}
.latepoint-booking-form-element .step-verify-w .payment-summary-info .confirmation-info-w {
margin-top: 0px;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify {
margin-top: 10px;
text-align: right;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-trigger-on-verify-w {
padding: 8px 0 9px;
line-height: 1;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-trigger-on-verify-w a {
border-bottom: 1px solid var(--latepoint-brand-primary);
font-size: 13px;
color: var(--latepoint-brand-primary);
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code-wrapper {
align-items: center;
gap: 5px;
display: none;
background-color: #f7f7f7;
padding: 10px;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code-wrapper .coupon-code-label {
color: var(--latepoint-body-color);
font-size: 14px;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code {
padding: 2px 2px 2px 5px;
background-color: #fff;
color: #000;
border: 1px dotted #000;
line-height: 1;
font-weight: 600;
font-size: 13px;
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
gap: 5px;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-self {
display: block;
vertical-align: middle;
line-height: 1;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-clear {
line-height: 1;
display: block;
cursor: pointer;
position: relative;
font-size: 10px;
padding: 3px;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-clear:hover {
background-color: #000;
color: #fff;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-clear.os-loading:before {
display: block;
content: "";
width: 10px !important;
height: 10px !important;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
border-top: 2px solid #fff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
right: -5px;
left: auto;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-clear.os-loading i {
opacity: 0;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w {
display: none;
position: relative;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w.os-loading:before {
display: block;
content: "";
width: 12px !important;
height: 12px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
left: -13px;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input {
border: none !important;
border: 1px solid #383838 !important;
padding: 5px 7px !important;
background-color: #fff !important;
box-shadow: none !important;
font-size: 13px !important;
line-height: 1 !important;
display: block !important;
width: auto !important;
flex: 1;
margin: 0px !important;
border-radius: 0px !important;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input:focus, .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input:active {
box-shadow: none !important;
outline: none !important;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input::placeholder {
color: #8f8f8f !important;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-cancel,
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-submit {
padding: 9px 12px;
line-height: 1;
font-size: 14px;
font-weight: 600;
cursor: pointer;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-submit {
background-color: var(--latepoint-brand-primary);
color: #fff;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-cancel {
background-color: #eee;
color: #444;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.entering-coupon .coupon-code-trigger-on-verify-w {
display: none;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.entering-coupon .coupon-code-trigger-on-verify-w {
display: none;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.entering-coupon .coupon-code-input-w {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.coupon-is-applied .coupon-code-trigger-on-verify-w {
display: none;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.coupon-is-applied .coupon-code-input-w {
display: none;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.coupon-is-applied .applied-coupon-code-wrapper {
display: flex;
}
.latepoint-booking-form-element .step-confirmation-w .summary-box-wrapper + .summary-box-wrapper {
margin-top: 15px;
padding-top: 10px;
}
.latepoint-booking-form-element .step-confirmation-w .confirmation-head-info {
position: relative;
}
.latepoint-booking-form-element .step-confirmation-w .add-to-calendar-wrapper {
display: inline-block;
}
.latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent {
display: block;
margin: 0px auto 30px auto;
padding-bottom: 20px;
border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
.latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger {
display: none;
}
.latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-booking-info {
display: none;
}
.latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent {
display: none;
}
.latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent img {
display: block;
margin: 0px auto;
}
.latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent .qr-code-label {
text-align: center;
font-size: 13px;
font-weight: 600;
text-align: center;
font-weight: 500;
padding: 10px 15px;
background: #fff1af;
line-height: 1.4;
color: #000;
}
.latepoint-booking-form-element .step-confirmation-w .payment-summary-info .confirmation-info-w {
margin-top: 0px;
}
.latepoint-booking-form-element .step-confirmation-w .confirmation-header {
margin-bottom: 0px;
margin-top: 0px;
}
.latepoint-booking-form-element .step-confirmation-w .confirmation-number {
color: #7c85a3;
padding-top: 0px;
margin-bottom: 8px;
font-size: 13px;
letter-spacing: 0.5px;
text-transform: uppercase;
font-weight: 600;
}
.latepoint-booking-form-element .step-confirmation-w .confirmation-number strong {
font-size: 39px;
letter-spacing: normal;
color: #14161d;
display: block;
line-height: 1.1;
}
.latepoint-booking-form-element .step-confirmation-w .confirmation-number .confirmation-checkmark {
padding: 10px;
font-size: 25px;
color: #fff;
background-color: #83de3a;
box-shadow: 0 0 0 5px #daffba;
border-radius: 50%;
line-height: 25px;
width: 45px;
height: 45px;
}
.latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password {
margin-top: 20px;
display: none;
}
.latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password h4 {
margin-bottom: 10px;
}
.latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields {
display: flex;
align-items: center;
}
.latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields .os-form-group {
flex: 1;
margin: 0px;
margin-bottom: 0px !important;
margin-right: 10px;
}
.latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields .os-form-group.os-form-textfield-group.has-value label {
display: none !important;
}
.latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields .os-form-group.os-form-textfield-group input.os-form-control {
padding: 7px 10px 7px 10px !important;
}
.latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields .latepoint-btn {
flex: 0;
white-space: nowrap;
display: block;
text-align: center;
padding: 9px 20px;
}
.latepoint-booking-form-element .step-confirmation-w .confirmation-cabinet-info {
background-color: #F5F6FF;
margin-top: 20px;
text-align: center;
padding: 20px 40px;
display: none;
}
.latepoint-booking-form-element .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-text {
color: #14161d;
margin-bottom: 10px;
font-size: 18px;
font-weight: 600;
}
.latepoint-booking-form-element .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-link {
font-size: 15px;
background-color: var(--latepoint-brand-primary);
color: #fff !important;
padding: 8px 15px !important;
font-weight: 600;
text-decoration: none !important;
border: none !important;
display: inline-block !important;
}
.booking-status-info-wrapper {
display: flex;
gap: 10px;
padding: 15px 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
margin: -30px;
margin-bottom: 0;
align-items: center;
}
.booking-status-info-wrapper .booking-status-icon {
width: 24px;
height: 24px;
background-color: #eee;
position: relative;
}
.booking-status-info-wrapper .booking-status-label {
font-weight: 600;
font-size: 15px;
}
.booking-status-info-wrapper .booking-confirmation {
margin-left: auto;
font-size: 13px;
color: #7c85a3;
}
.booking-status-info-wrapper .booking-confirmation strong {
color: #14161d;
}
.booking-status-info-wrapper.status-cancelled .booking-status-icon {
background-color: #ffa6a6;
}
.booking-status-info-wrapper.status-cancelled .booking-status-icon:before {
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e927";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 16px;
}
.booking-status-info-wrapper.status-approved .booking-status-icon {
background-color: #a0ffa4;
}
.booking-status-info-wrapper.status-approved .booking-status-icon:before {
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e928";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 16px;
}
.full-summary-wrapper .summary-status-wrapper, .confirmation-info-w .summary-status-wrapper {
padding: 0 0 30px 0;
color: #14161d;
font-size: 15px;
margin-bottom: 10px;
border-bottom: 10px solid rgba(0, 0, 0, 0.03);
}
.full-summary-wrapper .summary-status-wrapper .summary-status-inner, .confirmation-info-w .summary-status-wrapper .summary-status-inner {
display: flex;
flex-direction: column;
align-items: center;
}
.full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-title, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-title {
font-size: 24px;
font-weight: 600;
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
text-align: center;
}
.full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-description, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-description {
color: #7c85a3;
font-weight: 400;
font-size: 15px;
margin-top: 3px;
text-align: center;
}
.full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-icon, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-icon {
margin-bottom: 25px;
animation: 1s cubic-bezier(0.05, 0.45, 0.1, 1) 0.1s statusIconPop;
animation-fill-mode: both;
}
.full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-confirmation-number, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-confirmation-number {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #7c85a3;
margin-top: 15px;
padding: 3px 5px;
background-color: rgba(0, 0, 0, 0.03);
}
.full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-confirmation-number strong, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-confirmation-number strong {
color: #14161d;
}
.full-summary-wrapper .summary-status-wrapper.summary-status-style-green .ss-icon, .confirmation-info-w .summary-status-wrapper.summary-status-style-green .ss-icon {
display: block;
padding: 15px;
background-color: #98ff96;
border-radius: 50%;
box-shadow: 0 0 0 10px #e1ffe0;
}
.full-summary-wrapper .summary-status-wrapper.summary-status-style-green .ss-icon:before, .confirmation-info-w .summary-status-wrapper.summary-status-style-green .ss-icon:before {
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e928";
color: #000;
line-height: 24px;
display: block;
font-size: 24px;
}
.full-summary-wrapper .summary-status-wrapper.summary-status-style-yellow .ss-icon, .confirmation-info-w .summary-status-wrapper.summary-status-style-yellow .ss-icon {
display: block;
padding: 10px;
background-color: #ffe196;
border-radius: 50%;
box-shadow: 0 0 0 10px #fff2e0;
width: 44px;
text-align: center;
}
.full-summary-wrapper .summary-status-wrapper.summary-status-style-yellow .ss-icon:before, .confirmation-info-w .summary-status-wrapper.summary-status-style-yellow .ss-icon:before {
content: "i";
color: #000;
line-height: 24px;
display: block;
font-size: 24px;
}
.full-summary-wrapper .summary-price-item-w.spi-sub, .confirmation-info-w .summary-price-item-w.spi-sub {
padding-left: 20px;
position: relative;
}
.full-summary-wrapper .summary-price-item-w.spi-sub:before, .confirmation-info-w .summary-price-item-w.spi-sub:before {
content: "";
width: 5px;
height: 5px;
border-left: 1px solid #7c85a3;
border-bottom: 1px solid #7c85a3;
position: absolute;
top: 50%;
left: 10px;
transform: translateY(-50%);
}
.full-summary-wrapper .summary-price-breakdown-wrapper.multi-item .subtotal-separator, .confirmation-info-w .summary-price-breakdown-wrapper.multi-item .subtotal-separator {
border-top: 1px solid #f1f1f1;
padding-bottom: 10px;
margin-top: 10px;
}
.full-summary-wrapper .order-item-bundle-info-wrapper, .confirmation-info-w .order-item-bundle-info-wrapper {
display: flex;
align-items: flex-start;
gap: 20px;
padding: 15px 0 5px 0;
}
.full-summary-wrapper .order-item-bundle-info-wrapper .bundle-icon, .confirmation-info-w .order-item-bundle-info-wrapper .bundle-icon {
padding: 13px;
line-height: 24px;
font-size: 24px;
background-color: #f1f1f1;
border-radius: 50%;
color: #14161d;
}
.full-summary-wrapper .order-item-bundle-info-wrapper .bundle-icon i, .confirmation-info-w .order-item-bundle-info-wrapper .bundle-icon i {
display: block;
}
.full-summary-wrapper .order-item-bundle-info-wrapper .summary-box.main-box, .confirmation-info-w .order-item-bundle-info-wrapper .summary-box.main-box {
padding: 0;
}
.full-summary-wrapper .schedule-bundle-booking-btn-wrapper, .confirmation-info-w .schedule-bundle-booking-btn-wrapper {
padding-bottom: 20px;
margin-left: 70px;
}
.full-summary-wrapper .schedule-bundle-booking-btn, .confirmation-info-w .schedule-bundle-booking-btn {
padding: 4px 0;
background-color: #fff;
display: inline-flex;
gap: 8px;
font-weight: 400;
color: var(--latepoint-brand-primary);
text-decoration: none;
border: none;
align-items: center;
box-shadow: none;
cursor: pointer;
position: relative;
}
.full-summary-wrapper .schedule-bundle-booking-btn.os-loading:before, .confirmation-info-w .schedule-bundle-booking-btn.os-loading:before {
display: block;
content: "";
width: 14px !important;
height: 14px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
left: auto;
right: -5px;
}
.full-summary-wrapper .schedule-bundle-booking-btn.os-loading i, .confirmation-info-w .schedule-bundle-booking-btn.os-loading i {
visibility: hidden;
}
.full-summary-wrapper .schedule-bundle-booking-btn:hover span, .confirmation-info-w .schedule-bundle-booking-btn:hover span {
border-bottom-style: solid;
}
.full-summary-wrapper .schedule-bundle-booking-btn:hover i, .confirmation-info-w .schedule-bundle-booking-btn:hover i {
transform: translateX(3px);
}
.full-summary-wrapper .schedule-bundle-booking-btn span, .confirmation-info-w .schedule-bundle-booking-btn span {
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.full-summary-wrapper .schedule-bundle-booking-btn i, .confirmation-info-w .schedule-bundle-booking-btn i {
font-size: 9px;
transition: transform 0.2s ease;
}
.full-summary-wrapper .summary-price-breakdown-wrapper, .confirmation-info-w .summary-price-breakdown-wrapper {
margin-top: 30px;
}
.full-summary-wrapper .summary-box-heading, .confirmation-info-w .summary-box-heading {
margin-bottom: 10px;
}
.full-summary-wrapper .summary-box, .confirmation-info-w .summary-box {
padding-bottom: 0;
}
.full-summary-wrapper .summary-box .sbc-main-item, .confirmation-info-w .summary-box .sbc-main-item {
color: #14161d;
font-size: 15px;
font-weight: 600;
}
.confirmation-info-w {
position: relative;
}
.confirmation-info-w .order-summary-items-heading {
display: none;
}
.confirmation-info-w .price-breakdown-unfold {
display: none;
}
.confirmation-info-w ul {
list-style-type: none;
padding: 0px;
margin: 0px;
display: flex;
flex-wrap: wrap;
}
.confirmation-info-w ul li {
flex: 0 0 50%;
list-style-type: none;
margin: 0px;
color: #7c85a3;
font-weight: 600;
padding: 7px 10px 7px 0px;
line-height: 1.4;
font-size: 11px;
letter-spacing: 0.6px;
text-transform: uppercase;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.confirmation-info-w ul li strong {
text-transform: none;
letter-spacing: normal;
color: var(--latepoint-body-color);
display: block;
font-size: 15px;
}
.confirmation-info-w .confirmation-section-heading {
font-size: 19px;
display: block;
border-bottom: 1px solid var(--latepoint-brand-primary);
margin: 15px 0px 5px 0px;
color: var(--latepoint-brand-primary);
}
.latepoint-booking-form-element {  }
.latepoint-booking-form-element.hidden-buttons .latepoint-form-w .latepoint-body:after {
height: 40px;
}
.latepoint-booking-form-element.hidden-buttons .latepoint-form-w .latepoint-footer {
display: none;
}
.latepoint-booking-form-element .os-step-tabs {
display: flex;
color: #7c85a3;
margin-bottom: 20px;
font-weight: 600;
font-size: 15px;
line-height: 15px;
justify-content: space-between;
align-items: flex-end;
box-shadow: 0px 1px 0px 0px #E2E5EF;
height: 35px;
}
.latepoint-booking-form-element .os-step-tabs .os-step-tab {
transition: all 0.2s ease;
text-align: center;
padding: 8px 0px;
position: relative;
line-height: 15px;
font-size: 15px;
}
.latepoint-booking-form-element .os-step-tabs .os-step-tab:hover {
cursor: pointer;
color: var(--latepoint-body-color);
}
.latepoint-booking-form-element .os-step-tabs .os-step-tab:before {
position: absolute;
content: "";
background-color: var(--latepoint-brand-primary);
height: 2px;
left: 0px;
bottom: -1px;
width: 0%;
}
.latepoint-booking-form-element .os-step-tabs .os-step-tab.active {
color: var(--latepoint-body-color);
font-size: 17px;
padding-bottom: 12px;
padding-top: 8px;
}
.latepoint-booking-form-element .os-step-tabs .os-step-tab.active:before {
width: 100%;
}
.latepoint-booking-form-element .step-customer-logged-in-header-w {
display: flex;
color: #898C98;
margin-bottom: 20px;
font-weight: 600;
font-size: 15px;
line-height: 15px;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #E2E5EF;
height: 35px;
}
.latepoint-booking-form-element .step-customer-logged-in-header-w span {
display: block;
margin-right: 5px;
margin-left: auto;
}
.latepoint-booking-form-element .step-customer-logged-in-header-w a {
display: block;
color: var(--latepoint-brand-primary);
text-decoration: underline;
}
.latepoint-booking-form-element .step-customer-logged-in-header-w div {
color: var(--latepoint-body-color);
font-size: 16px;
line-height: 15px;
padding-bottom: 12px;
padding-top: 8px;
position: relative;
}
.latepoint-booking-form-element .step-customer-logged-in-header-w div:before {
position: absolute;
content: "";
background-color: var(--latepoint-brand-primary);
height: 2px;
left: 0px;
bottom: -1px;
width: 100%;
transition: all 0.2s ease;
}
.latepoint-booking-form-element .os-form-buttons {
align-items: flex-start;
}
.latepoint-booking-form-element .os-password-reset-form-holder .os-password-reset-form-w {
padding: 20px;
border: 1px solid #aaa;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0px 5px 10px rgba(0, 0, 0, 0.05);
margin-bottom: 15px;
}
.latepoint-booking-form-element .os-password-reset-form-holder h4 {
margin: 0px;
margin-bottom: 5px;
padding: 0px;
}
.latepoint-booking-form-element .os-password-reset-form-holder p {
margin-bottom: 10px;
}
.latepoint-booking-form-element .os-password-reset-form-holder .os-form-message-w {
margin-bottom: 10px;
margin-top: 10px;
}
.latepoint-booking-form-element .os-step-existing-customer-login-w {
margin-bottom: 10px;
}
.latepoint-booking-form-element .os-step-existing-customer-login-w .step-forgot-password-btn {
text-decoration: underline;
padding-top: 0px;
padding-bottom: 0px;
}
.latepoint-booking-form-element .os-step-existing-customer-login-w .step-login-existing-customer-btn {
padding: 10px 20px;
line-height: 1.2;
font-size: 16px;
position: relative;
}
.latepoint-booking-form-element .os-step-existing-customer-login-w .step-login-existing-customer-btn i {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
font-size: 22px;
}
.latepoint-booking-form-element .os-weekdays {
display: flex;
align-items: center;
}
.latepoint-booking-form-element .os-weekdays .weekday {
background-color: #f5f5f5;
flex: 1;
text-transform: uppercase;
font-size: 20px;
color: #adadae;
font-weight: 600;
letter-spacing: 2px;
text-align: left;
padding: 5px 0 0 15px;
line-height: 1;
border-left: 1px solid #ddd;
}
.latepoint-booking-form-element .os-weekdays .weekday:first-child {
border-left-color: transparent;
margin-left: 15px;
padding-left: 0;
}
.latepoint-booking-form-element .os-current-month-label-w {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 0 0 14px;
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-control-buttons-w {
display: flex;
gap: 15px;
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn,
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn {
border: none;
font-size: 16px;
background-color: transparent !important;
box-shadow: none;
outline: none;
color: #111;
margin: 0px;
line-height: 1;
vertical-align: middle;
display: inline-block;
cursor: pointer;
padding: 5px;
position: relative;
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn:focus-visible,
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn:focus-visible {
outline: 2px solid var(--latepoint-brand-primary) !important;
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn.os-loading,
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.os-loading {
color: transparent !important;
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn.os-loading span, .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn.os-loading i,
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.os-loading span,
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.os-loading i {
color: transparent !important;
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn.os-loading:after,
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.os-loading:after {
display: block;
content: "";
width: 14px;
height: 14px;
border-bottom: 2px solid var(--latepoint-body-color);
border-left: 2px solid var(--latepoint-body-color);
border-top: 2px solid var(--latepoint-body-color);
border-right: 2px solid rgba(0, 0, 0, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn:hover,
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn:hover {
color: var(--latepoint-brand-primary);
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn:focus,
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn:focus {
outline: none;
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn.disabled,
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.disabled {
color: rgba(0, 0, 0, 0.1);
}
.latepoint-booking-form-element .os-current-month-label-w .os-current-month-label {
text-align: center;
font-weight: 600;
font-size: 17px;
margin-bottom: 10px;
color: var(--latepoint-body-color);
display: flex;
align-items: baseline;
}
.latepoint-booking-form-element .os-current-month-label-w .os-current-month-label .current-year {
display: inline-block;
vertical-align: middle;
color: color-mix(in srgb, var(--latepoint-body-color) 40%, transparent);
margin-left: 5px;
}
.latepoint-booking-form-element .os-current-month-label-w .os-current-month-label .current-month {
display: inline-block;
vertical-align: middle;
font-size: 32px;
}
.latepoint-booking-form-element .os-monthly-calendar-days-w {
display: none;
}
.latepoint-booking-form-element .os-monthly-calendar-days-w.active {
display: block;
}
.latepoint-booking-form-element .os-monthly-calendar-days-w.hide-if-single-slot .os-day.os-one-slot-only .os-day-status {
display: none;
}
.latepoint-booking-form-element .os-monthly-calendar-days-w.hide-if-single-slot .os-day.selected:after {
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e903";
background-color: var(--latepoint-brand-primary);
box-shadow: 0px 0px 0px 2px #fff;
border-radius: 50%;
width: 14px;
line-height: 14px;
height: 14px;
bottom: 50%;
left: 50%;
font-size: 10px;
text-align: center;
position: absolute;
color: #fff;
transform: translate(11px, -10px);
}
.latepoint-booking-form-element .step-datepicker-w {
position: relative;
}
.latepoint-booking-form-element .step-datepicker-w .dp-capacity, .latepoint-booking-form-element .reschedule-calendar-datepicker .dp-capacity {
position: absolute;
top: 0;
left: 15px;
background-color: #111;
padding: 4px 6px;
color: #fff;
font-weight: 600;
display: none;
white-space: nowrap;
z-index: 9999;
font-size: 15px;
animation: 0.1s ease latepointAvailabilityPopup;
animation-fill-mode: both;
}
.latepoint-booking-form-element .step-datepicker-w .time-selector-w:not(.style-timeline) .dp-timepicker-trigger:not(.selected):hover .dp-capacity, .latepoint-booking-form-element .reschedule-calendar-datepicker .time-selector-w:not(.style-timeline) .dp-timepicker-trigger:not(.selected):hover .dp-capacity {
display: block;
}
.latepoint-booking-form-element .os-monthly-calendar-days {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day {
text-align: left;
font-size: 20px;
font-weight: 600;
cursor: pointer;
position: relative;
border-left: 1px solid rgba(0, 0, 0, 0.08);
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day:nth-child(7n+1) {
border-left-color: transparent;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day:focus {
outline: none;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-next-month, .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-prev-month {
color: #B7BCCB;
background-color: #fff;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available {
cursor: not-allowed;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box {
background-color: transparent;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-status {
background-color: #f7f7f7;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-number {
color: #adadae;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available.selected .os-day-box {
background-color: #ec7376;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available.selected .os-day-box .os-day-number {
color: #fff;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-passed .os-day-box {
background-color: transparent;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-passed .os-day-box .os-day-number {
color: #bdc5da;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-today.os-month-current .os-day-box .os-day-number {
background-color: #fff0c7;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-next, .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-prev {
border-left-color: transparent;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-next .os-day-box, .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-prev .os-day-box {
pointer-events: none;
background-color: transparent;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-next .os-day-box .os-day-status, .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-prev .os-day-box .os-day-status {
display: none;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-next .os-day-box:hover, .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-prev .os-day-box:hover {
opacity: 1;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-next .os-day-box .os-day-number, .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-prev .os-day-box .os-day-number {
color: transparent !important;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-box {
padding: 15px 0px 15px 15px;
position: relative;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-available-slots-tooltip {
position: absolute;
top: 0;
left: 15px;
background-color: #111;
padding: 4px 6px;
color: #fff;
font-weight: 600;
display: none;
white-space: nowrap;
z-index: 9999;
font-size: 15px;
animation: 0.1s ease latepointAvailabilityPopup;
animation-fill-mode: both;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day:nth-child(7n) .os-available-slots-tooltip, .latepoint-booking-form-element .os-monthly-calendar-days .os-day:nth-child(7n+6) .os-available-slots-tooltip {
left: auto;
right: 0;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-number {
color: #14161d;
transition: all 0.1s ease;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-status {
transition: all 0.1s ease;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-prev, .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-next {
cursor: default;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-next {
display: none;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day:hover .os-day-box .os-day-number {
transform: scale(1.2);
transform-origin: bottom left;
white-space: nowrap;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day:hover .os-day-box:hover .os-available-slots-tooltip {
display: block;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day:hover .os-day-status {
height: 10px;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box {
background-color: var(--latepoint-brand-primary);
border-color: transparent;
color: #fff;
opacity: 1;
padding-left: 0;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box .os-day-number {
background-color: transparent;
color: #fff;
transform: scale(1.2);
transform-origin: center center;
text-align: center;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box .os-day-status {
display: none;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box:hover .os-available-slots-tooltip {
display: none;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next).os-today .os-day-box .os-day-number {
background-color: transparent;
}
.latepoint-booking-form-element .os-day-status {
margin: 0px;
height: 6px;
position: absolute;
border-radius: 0px;
overflow: hidden;
bottom: 6px;
left: 15px;
right: 0px;
background-color: #e6e9ef;
}
.latepoint-booking-form-element .os-day-status .day-available {
background-color: #8fe286;
top: 0px;
bottom: 0px;
position: absolute;
z-index: 1;
min-width: 3px;
}
.latepoint-booking-form-element .times-header {
color: #16171d;
font-size: 17px;
font-weight: 400;
text-align: center;
padding-bottom: 10px;
}
.latepoint-booking-form-element .times-header span {
color: var(--latepoint-brand-primary);
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.latepoint-booking-form-element .os-calendar-searching-info {
padding-left: 35px;
font-size: 15px;
position: relative;
font-weight: 600;
display: none;
}
.latepoint-booking-form-element .os-calendar-searching-info:before {
display: block;
content: "";
width: 20px !important;
height: 20px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
left: 10px;
}
.latepoint-booking-form-element .os-dates-and-times-w.is-searching .os-calendar-searching-info {
display: block;
}
.latepoint-booking-form-element .os-dates-and-times-w.is-searching .os-calendar-while-searching-wrapper {
display: none;
}
.latepoint-booking-form-element .os-dates-and-times-w.is-searching .os-timezone-info-wrapper {
display: none;
}
.latepoint-booking-form-element .os-dates-w {
margin: 0 0 0 -15px;
}
.latepoint-booking-form-element .os-times-w {
position: relative;
}
.latepoint-booking-form-element .timeslots {
display: flex;
justify-content: space-between;
}
.latepoint-booking-form-element .timeslots .not-working-message {
flex: 1;
padding: 3px 5px;
text-align: center;
background-color: #f7e8e8;
color: #752f2f;
font-weight: 600;
}
.latepoint-booking-form-element .dp-timebox {
white-space: nowrap;
text-align: center;
padding: 6px 3px;
line-height: 1.2;
background-color: #d6ffd1;
font-size: 15px;
color: #14161d;
cursor: pointer;
font-weight: 600;
position: relative;
width: auto !important;
max-width: none !important;
}
.latepoint-booking-form-element .dp-timebox:focus {
outline: none;
box-shadow: none;
}
.latepoint-booking-form-element .dp-timebox:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.latepoint-booking-form-element .dp-timebox .dp-tick,
.latepoint-booking-form-element .dp-timebox .dp-success-label {
display: none !important;
}
.latepoint-booking-form-element .dp-timebox:hover {
background-color: #c0fbb8;
}
.latepoint-booking-form-element .dp-timebox.is-off, .latepoint-booking-form-element .dp-timebox.is-booked {
color: #b3b3b3;
background-color: #f7f7f7;
box-shadow: none;
cursor: not-allowed;
}
.latepoint-booking-form-element .dp-timebox.selected {
background-color: var(--latepoint-brand-primary);
color: #fff;
box-shadow: none;
}
.latepoint-booking-form-element .dp-timebox.selected:after {
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e903";
background-color: var(--latepoint-brand-primary);
box-shadow: 0px 0px 0px 2px #fff;
border-radius: 50%;
width: 14px;
line-height: 14px;
height: 14px;
top: -5px;
right: -5px;
font-size: 10px;
text-align: center;
position: absolute;
color: #fff;
animation: 0.2s ease 0s selectedSlotCheckmark;
animation-fill-mode: both;
}
.latepoint-booking-form-element .time-selector-w {
display: none;
margin-top: 20px;
margin-left: -2px;
margin-right: -2px;
}
.latepoint-booking-form-element .time-selector-w.hide-not-available-slots .dp-timebox.is-off, .latepoint-booking-form-element .time-selector-w.hide-not-available-slots .dp-timebox.is-booked {
display: none;
}
.latepoint-booking-form-element .time-selector-w .th-timezone {
text-transform: uppercase;
font-size: 10px;
letter-spacing: 0.5px;
margin-top: 4px;
}
.latepoint-booking-form-element .time-selector-w .th-timezone strong {
color: #7c85a3;
}
.latepoint-booking-form-element .time-selector-w.style-timebox {
margin-top: 20px;
}
.latepoint-booking-form-element .time-selector-w.style-timebox .timeslots {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
}
.latepoint-booking-form-element .time-selector-w.style-timebox .timeslots.slots-not-available {
grid-template-columns: repeat(1, 1fr) !important;
}
.latepoint-booking-form-element .time-selector-w.style-timebox .timeslots .not-working-message {
border-radius: 4px;
padding: 6px;
}
.latepoint-booking-form-element .time-selector-w.style-timebox .timeslots .dp-timebox .dp-label-capacity {
display: none;
}
.latepoint-booking-form-element .time-selector-w.style-timebox .timeslots .dp-timebox.is-off {
display: none;
}
.latepoint-booking-form-element .time-selector-w.style-timebox .times-header {
display: flex;
align-items: center;
margin-bottom: 10px;
padding-top: 10px;
}
.latepoint-booking-form-element .time-selector-w.style-timebox .times-header .times-header-label {
flex: 1;
margin: 0px 15px;
white-space: nowrap;
font-weight: 600;
}
.latepoint-booking-form-element .time-selector-w.style-timebox .times-header .th-line {
height: 1px;
flex: 1;
background-color: rgba(0, 0, 0, 0.1);
content: "";
}
.latepoint-booking-form-element .time-selector-w.style-timeline {
padding-bottom: 30px;
flex-wrap: nowrap;
}
.latepoint-booking-form-element .time-selector-w.with-end-time.time-system-12 .timeslots {
grid-template-columns: repeat(2, 1fr);
}
.latepoint-booking-form-element .time-selector-w.with-end-time.time-system-12 .dp-timebox span.dp-label-end-time {
opacity: 0.7;
}
.latepoint-booking-form-element .time-selector-w.with-end-time.time-system-24 .timeslots {
grid-template-columns: repeat(3, 1fr);
}
.latepoint-booking-form-element .time-selector-w.with-end-time.time-system-24 .dp-timebox span.dp-label-end-time {
opacity: 0.7;
}
.latepoint-booking-form-element .time-selector-w.without-end-time.time-system-12 .timeslots {
grid-template-columns: repeat(4, 1fr);
}
.latepoint-booking-form-element .time-selector-w.without-end-time.time-system-24 .timeslots {
grid-template-columns: repeat(5, 1fr);
}
.latepoint-booking-form-element .dp-timeslot {
height: 24px;
flex-grow: 1;
margin: 0px;
box-shadow: inset 1px 0px 0px 0px #fff, inset -1px 0px 0px 0px #fff;
border-radius: 0px;
position: relative;
cursor: pointer;
background-color: #8fe286;
}
.latepoint-booking-form-element .dp-timeslot:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.latepoint-booking-form-element .dp-timeslot .dp-tick {
position: absolute;
display: block;
top: 34px;
left: 50%;
transform: translateX(-50%);
font-size: 8px;
text-align: center;
color: rgba(0, 0, 0, 0.4);
text-transform: uppercase;
line-height: 1.4;
font-weight: 600;
letter-spacing: 1px;
}
.latepoint-booking-form-element .dp-timeslot .dp-tick strong {
display: block;
color: rgb(0, 0, 0);
font-size: 11px;
line-height: 1;
letter-spacing: 0px;
white-space: nowrap;
}
.latepoint-booking-form-element .dp-timeslot .dp-success-label {
color: rgba(255, 255, 255, 0.8);
display: block;
text-align: center;
margin-bottom: 4px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 10px;
}
.latepoint-booking-form-element .dp-timeslot .dp-label {
display: none;
text-align: center;
padding: 7px 8px 7px 8px;
line-height: 1;
background-color: #04bb03;
color: #fff;
font-size: 12px;
font-weight: 600;
position: absolute;
left: 50%;
top: -8px;
transform: translate(-50%, -100%);
white-space: nowrap;
transition: all 0.2s ease;
z-index: 10;
}
.latepoint-booking-form-element .dp-timeslot .dp-label-capacity {
display: block;
color: rgba(255, 255, 255, 0.8);
text-align: center;
margin-bottom: 4px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 10px;
}
.latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked), .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off) {
background-color: var(--latepoint-brand-primary);
z-index: 4;
}
.latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked) .dp-label-capacity, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off) .dp-label-capacity {
display: none;
}
.latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked):hover, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off):hover {
background-color: var(--latepoint-brand-primary);
}
.latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked):after, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off):after {
content: "";
position: absolute;
width: 1px;
left: 50%;
transform: translateX(-50%);
top: 0px;
bottom: 0px;
background-color: var(--latepoint-brand-primary);
display: none;
}
.latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked) .dp-label, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off) .dp-label {
top: -3px;
background-color: var(--latepoint-brand-primary);
color: #fff;
display: block;
}
.latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked):before, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off):before {
background-color: var(--latepoint-brand-primary);
display: block;
width: 10px;
height: 10px;
transform: translateX(-50%) rotate(45deg);
top: -12px;
left: 50%;
}
.latepoint-booking-form-element .dp-timeslot.is-booked {
background-color: #e6e9ef;
margin: 0px;
cursor: not-allowed;
}
.latepoint-booking-form-element .dp-timeslot.is-booked:before {
background-color: #E42806;
}
.latepoint-booking-form-element .dp-timeslot.is-booked .dp-label {
background-color: #E42806;
}
.latepoint-booking-form-element .dp-timeslot.is-booked:hover {
background-color: #E42806;
}
.latepoint-booking-form-element .dp-timeslot.is-off {
background-color: #e6e9ef;
margin: 0px;
border-color: #fff;
max-width: 25%;
cursor: not-allowed;
}
.latepoint-booking-form-element .dp-timeslot.is-off:before {
background-color: #E42806;
}
.latepoint-booking-form-element .dp-timeslot.is-off .dp-label {
background-color: #E42806;
}
.latepoint-booking-form-element .dp-timeslot.is-off:hover {
background-color: #e6e9ef;
}
.latepoint-booking-form-element .dp-timeslot.is-off:hover .dp-label {
display: none;
}
.latepoint-booking-form-element .dp-timeslot.with-tick:after {
content: "";
position: absolute;
width: 1px;
left: 50%;
height: 3px;
bottom: -7px;
background-color: rgba(0, 0, 0, 0.4);
}
.latepoint-booking-form-element .dp-timeslot:hover {
background-color: #04bb03;
}
.latepoint-booking-form-element .dp-timeslot:hover:before {
top: 0px;
}
.latepoint-booking-form-element .dp-timeslot:hover .dp-label {
display: block;
}
.latepoint-message {
border-radius: 0px;
}
.latepoint-message.latepoint-message-success {
padding: 10px 15px;
font-weight: 600;
margin-bottom: 15px;
background: #eeffed;
color: #0d7f24;
text-align: center;
border: 1px solid #a9e3a2;
box-shadow: 0px 1px 4px -1px rgba(79, 239, 88, 0.6);
}
.latepoint-message.latepoint-message-error {
padding: 10px;
font-weight: 600;
margin-bottom: 15px;
background: #ffcfcf;
color: #750e0e;
text-align: center;
border: 1px solid #ffcfcf;
box-shadow: none;
}
.latepoint-message.latepoint-message-warning {
padding: 10px;
font-weight: 600;
margin-bottom: 15px;
background: #ffeabe;
color: #75450e;
text-align: center;
border: 1px solid #c16d18;
box-shadow: 0px 2px 4px rgba(64, 55, 40, 0.05);
}
.latepoint-message.latepoint-message-info {
padding: 10px;
font-weight: 600;
margin-bottom: 15px;
background: #eee;
color: #111;
text-align: center;
}
.os-booking-limit-reached {
position: absolute;
top: 10px;
right: 10px;
left: 10px;
bottom: 10px;
background-color: #fff0f0;
border: 1px solid #b95252;
color: #b95252;
font-size: 18px;
text-align: center;
padding: 30px;
display: flex;
align-items: center;
}
.os-booking-limit-reached .os-booking-limit-icon-w {
margin-bottom: 10px;
font-size: 40px;
color: #d8adb0;
line-height: 1;
}
.os-booking-limit-reached h3 {
color: #5f1b1b;
margin-bottom: 10px;
margin-top: 0px;
padding: 0px;
}
.latepoint-w.customer-dashboard-order-summary-lightbox .os-item-details-popup, .latepoint-w.customer-dashboard-booking-summary-lightbox .os-item-details-popup {
position: relative;
background-color: #fff;
display: none;
margin: -30px -30px -30px -30px;
}
.latepoint-w.customer-dashboard-order-summary-lightbox .os-item-details-popup.open, .latepoint-w.customer-dashboard-booking-summary-lightbox .os-item-details-popup.open {
display: block;
}
.latepoint-w .os-item-details-popup {
display: none;
}
.latepoint-w .os-item-details-popup.open {
display: block;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-close {
position: absolute;
top: 0px;
right: 0px;
background-color: #FF5151;
color: #fff;
padding: 10px;
font-size: 13px;
font-weight: 600;
z-index: 9999;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-close span, .latepoint-w .os-item-details-popup .os-item-details-popup-close i {
display: inline-block;
vertical-align: middle;
line-height: 1;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-close span {
margin-right: 10px;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-head {
background-size: cover;
background-position: center center;
padding: 80px 40px 40px 40px;
position: relative;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-head h3 {
color: #fff;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
font-size: 30px;
margin: 0px;
z-index: 2;
position: relative;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-head .item-details-popup-title {
margin-top: 5px;
color: rgba(255, 255, 255, 0.8);
z-index: 2;
position: relative;
font-size: 21px;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-head:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
z-index: 1;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content {
padding: 40px;
font-size: 16px;
line-height: 21px;
position: relative;
z-index: 2;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .bio-curve {
position: absolute;
top: 1px;
left: 0px;
right: 0px;
bottom: 0px;
transform: translateY(-100%);
display: block;
width: 100%;
max-width: 100%;
height: auto;
z-index: 9999;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features {
display: flex;
justify-content: space-between;
padding-bottom: 20px;
margin-top: -15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
margin-bottom: 30px;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features .item-details-popup-feature {
flex: 1;
padding: 0px 15px;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features .item-details-popup-feature:first-child {
padding-left: 0px;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features .item-details-popup-feature:last-child {
padding-right: 0px;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features .item-details-popup-feature .item-details-popup-feature-value {
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 600;
font-size: 27px;
font-weight: 600;
line-height: 1.2;
color: var(--latepoint-brand-primary);
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features .item-details-popup-feature .item-details-popup-feature-label {
font-size: 13px;
color: #7c85a3;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features .item-details-popup-feature + .item-details-popup-feature {
border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-content-i::first-letter {
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 600;
font-size: 27px;
line-height: 21px;
color: var(--latepoint-brand-primary);
font-weight: 600;
padding-right: 1px;
}
.add-to-calendar-wrapper {
position: relative;
}
.add-to-calendar-wrapper.show-types .add-to-calendar-types {
display: flex;
}
.add-to-calendar-wrapper.show-types .open-calendar-types {
visibility: hidden;
}
.add-to-calendar-types {
border: 1px solid #aaa;
box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
background-color: #eee;
display: none;
flex-direction: column;
position: absolute;
gap: 1px;
top: 0%;
left: 0;
animation: 0.15s cubic-bezier(0.05, 0.45, 0.1, 1) 0s up20;
animation-fill-mode: both;
z-index: 1;
}
.add-to-calendar-types .atc-heading-wrapper {
padding: 5px;
padding-left: 10px;
font-weight: 600;
display: flex;
font-size: 15px;
justify-content: space-between;
align-items: center;
background-color: #f2f2f2;
}
.add-to-calendar-types .atc-heading-wrapper .close-calendar-types {
line-height: 12px;
font-size: 14px;
padding: 3px;
background-color: #ddd;
text-align: center;
cursor: pointer;
}
.add-to-calendar-types .atc-heading-wrapper .close-calendar-types:hover {
background-color: var(--latepoint-brand-primary);
color: #fff;
}
.add-to-calendar-types .atc-heading-wrapper .close-calendar-types:before {
line-height: 1;
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e90a";
}
.add-to-calendar-types .atc-type {
padding: 10px;
padding-right: 15px;
display: flex;
gap: 10px;
align-items: center;
cursor: pointer;
background-color: #fff;
text-decoration: none;
position: relative;
}
.add-to-calendar-types .atc-type:hover {
box-shadow: 0 0 0 1px var(--latepoint-brand-primary), inset 0 0 0 1px var(--latepoint-brand-primary);
z-index: 1;
}
.add-to-calendar-types .atc-type .atc-type-image {
width: 18px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
background-position: center left;
}
.add-to-calendar-types .atc-type .atc-type-name {
font-weight: 600;
font-size: 15px;
color: var(--latepoint-body-color);
white-space: nowrap;
}
.add-to-calendar-types .atc-type.atc-type-apple .atc-type-image {
background-image: url(//65-2-104-238.sslip.io/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(//65-2-104-238.sslip.io/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(//65-2-104-238.sslip.io/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(//65-2-104-238.sslip.io/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, 0.6);
}
.latepoint-continue-intent-loading:before {
display: block;
content: "";
width: 50px;
height: 50px;
border-bottom: 4px solid #fff;
border-left: 4px solid #fff;
border-top: 4px solid #fff;
border-right: 4px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
} .latepoint-calendar-wrapper {
position: relative;
}
.latepoint-calendar-wrapper.show-filters .latepoint-calendar-filters {
display: flex;
}
.latepoint-calendar-wrapper.show-filters .le-filter .latepoint-icon:before {
content: "\e90a";
}
.latepoint-calendar-wrapper.os-loading .latepoint-calendar-controls-wrapper:before {
content: "";
display: block;
position: absolute;
bottom: -1px;
left: 0;
right: 0;
height: 3px;
background: repeating-linear-gradient(to right, #fff 0%, #1D7BFF 50%, #fff 100%);
width: 100%;
background-size: 200% auto;
background-position: 0 100%;
animation: os-loading-gradient 1.5s infinite;
animation-fill-mode: forwards;
animation-timing-function: linear;
}
.latepoint-calendar-controls-wrapper {
position: sticky;
top: 0;
z-index: 10;
border-bottom: 1px solid #ddd;
background-color: #fff;
}
.latepoint-calendar-filters {
border-top: 1px solid #eee;
padding: 15px 0;
gap: 15px;
display: none;
align-items: center;
justify-content: flex-end;
}
.latepoint-calendar-filters .le-filters-label {
font-size: 15px;
}
.le-range-selector {
margin-left: auto;
}
.le-range-selector select.os-form-control,
.latepoint-calendar-filters select.os-form-control {
padding: 8px 10px;
line-height: 1.55;
border-radius: 6px;
border: 1px solid #ccc;
font-size: 15px;
height: auto;
}
.latepoint-calendar-controls {
display: flex;
align-items: center;
gap: 15px;
padding: 15px 0;
}
.latepoint-calendar-controls .le-label {
color: rgba(0, 0, 0, 0.3);
font-size: 27px;
font-weight: 600;
line-height: 1;
}
.latepoint-calendar-controls .le-week {
font-size: 27px;
font-weight: 600;
line-height: 1;
}
.latepoint-calendar-controls .le-month {
font-size: 36px;
font-weight: 600;
line-height: 1;
}
.latepoint-calendar-controls .le-filter {
padding: 6px 12px;
border: 1px solid #ccc;
color: var(--latepoint-body-color);
cursor: pointer;
display: flex;
gap: 10px;
align-items: center;
font-size: 15px;
border-radius: 6px;
position: relative;
}
.latepoint-calendar-controls .le-filter.os-loading:before {
display: block;
content: "";
width: 10px !important;
height: 10px !important;
border-bottom: 2px solid #000;
border-left: 2px solid #000;
border-top: 2px solid #000;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
left: 18px;
}
.latepoint-calendar-controls .le-filter.os-loading .latepoint-icon {
color: transparent;
}
.latepoint-calendar-controls .le-filter:hover {
border-color: #111;
}
.latepoint-calendar-controls .le-navigation-wrapper {
border-left: 1px solid #eee;
padding-left: 20px;
margin-left: 5px;
}
.latepoint-calendar-controls .le-navigation {
display: flex;
font-size: 15px;
border-radius: 6px;
align-items: stretch;
border: 1px solid #ccc;
}
.latepoint-calendar-controls .le-navigation .le-today {
padding: 6px 12px;
color: var(--latepoint-body-color);
cursor: pointer;
position: relative;
border-radius: 6px;
}
.latepoint-calendar-controls .le-navigation .le-today:hover {
box-shadow: 0 0 0 1px #111;
z-index: 2;
}
.latepoint-calendar-controls .le-navigation .le-navigation-button {
padding: 11px 10px;
cursor: pointer;
position: relative;
font-size: 10px;
line-height: 1;
border-radius: 6px;
}
.latepoint-calendar-controls .le-navigation .le-navigation-button:hover {
box-shadow: 0 0 0 1px #111;
z-index: 2;
border-color: transparent;
}
.latepoint-calendar-controls .le-navigation .le-navigation-button.os-loading {
color: transparent;
}
.latepoint-calendar-controls .le-navigation .le-navigation-button.os-loading:before {
display: block;
content: "";
width: 10px !important;
height: 10px !important;
border-bottom: 2px solid #000;
border-left: 2px solid #000;
border-top: 2px solid #000;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.latepoint-calendar-week {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
padding-left: 50px;
}
.latepoint-calendar-week .le-day-wrapper {
position: relative;
}
.latepoint-calendar-week .le-day-wrapper.day-weekday-6 .le-day-weekday-wrapper, .latepoint-calendar-week .le-day-wrapper.day-weekday-7 .le-day-weekday-wrapper {
background-color: #fffaf1;
}
.latepoint-calendar-week .le-day-wrapper.os-today .le-day-weekday-wrapper:before {
content: "";
left: 0px;
right: 0px;
top: 0px;
background-color: #f34a4a;
position: absolute;
height: 2px;
z-index: 10;
}
.latepoint-calendar-week .le-day-wrapper:hover .le-day-number {
color: var(--latepoint-brand-primary);
border-bottom-color: var(--latepoint-brand-primary);
}
.latepoint-calendar-week .le-day-wrapper:first-child .day-schedule-timeslot-value {
display: block;
}
.latepoint-calendar-week .le-day-wrapper:first-child .le-day-schedule-wrapper .day-schedule-timeslot:before {
content: "";
background-color: #ddd;
height: 1px;
top: 0px;
left: -5px;
width: 5px;
position: absolute;
}
.latepoint-calendar-week .le-day-wrapper:last-child {
border-right: 1px solid #ddd;
}
.latepoint-calendar-week .le-day-weekday-wrapper {
border-left: 1px solid #ddd;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 7px;
border-bottom: 1px solid #bbb;
position: sticky;
top: 35px;
z-index: 7;
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
background-color: #fff;
}
.latepoint-calendar-week .le-day-weekday {
font-weight: 600;
color: #aaa;
z-index: 3;
position: relative;
}
.latepoint-calendar-week .le-day-number {
font-size: 45px;
font-weight: 600;
line-height: 1;
border-bottom: 1px dotted transparent;
display: inline-block;
cursor: pointer;
position: relative;
z-index: 2;
}
.latepoint-calendar-week .le-day-number:hover {
border-bottom-style: solid;
}
.latepoint-calendar-week .le-day-number.os-loading {
color: transparent !important;
border-bottom-color: transparent !important;
}
.latepoint-calendar-week .le-day-number.os-loading:before {
display: block;
content: "";
width: 30px !important;
height: 30px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.latepoint-calendar-week .os-day-month {
position: absolute;
z-index: 1;
font-size: 75px;
color: rgba(0, 0, 0, 0.05);
left: 15px;
top: 12px;
line-height: 1;
overflow: hidden;
right: 0;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots {
position: relative;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots:before {
content: "";
top: 0;
bottom: 0;
width: 1px;
background-color: #e1e1e1;
position: absolute;
left: 0;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper {
display: flex;
background-color: #f9f9f9;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper:first-child .day-schedule-timeslot-value {
display: none;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper:first-child .day-schedule-timeslot:before {
background-color: transparent;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper .day-schedule-timeslot {
flex: 1;
text-align: right;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 11px;
height: 44px;
position: relative;
box-shadow: 0 1px 0 0 #ddd;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper {
position: absolute;
left: 0;
right: 0;
font-size: 12px;
background-color: #fff;
z-index: 2;
cursor: pointer;
box-shadow: inset 0 1px 0 0px #ddd, 0 3px 0 0 rgba(0, 0, 0, 0.03);
border-bottom: 1px solid #ccc;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.os-loading:before {
content: "";
display: block;
content: "";
width: 8px !important;
height: 8px !important;
border-bottom: 2px solid #111;
border-left: 2px solid #111;
border-top: 2px solid #111;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
top: 10px;
right: 0px;
left: auto;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed {
cursor: not-allowed;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed .le-service-inner {
opacity: 0.6;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed:hover .is-passed-message {
display: block;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed .is-passed-message {
display: none;
background-color: #000;
color: #fff;
padding: 5px 10px;
font-weight: 600;
font-size: 12px;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -110%);
white-space: nowrap;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover {
opacity: 1;
z-index: 3;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-color-elem {
width: 5px;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-service-name, .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-service-time-period {
transform: translateX(3px);
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper .le-service-inner {
padding: 3px;
padding-left: 8px;
display: flex;
flex-direction: column;
height: 100%;
box-sizing: border-box;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper .le-color-elem {
position: absolute;
top: 0px;
bottom: -1px;
left: 0px;
width: 3px;
display: block;
transition: all 0.15s ease;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-time-period {
transition: transform 0.15s ease;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-name {
font-weight: 600;
font-size: 15px;
line-height: 1.4;
overflow: hidden;
transition: transform 0.15s ease;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslot {
position: relative;
}
.latepoint-calendar-week .day-schedule-timeslot-value {
display: none;
position: absolute;
top: 0;
transform: translateY(-50%);
left: -60px;
width: 50px;
text-align: right;
}
.latepoint-calendar-month {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
gap: 1px;
background-color: #ddd;
padding: 1px;
padding-top: 0;
}
.latepoint-calendar-month .le-weekday {
background-color: #fff;
padding: 5px 15px;
font-weight: 600;
font-size: 18px;
}
.latepoint-calendar-month .le-weekday.weekday-6, .latepoint-calendar-month .le-weekday.weekday-7 {
color: #382c18;
}
.latepoint-calendar-month .le-day-wrapper {
min-height: 200px;
background-color: #fff;
padding: 20px;
position: relative;
}
.latepoint-calendar-month .le-day-wrapper:hover .le-day-number {
color: var(--latepoint-brand-primary);
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.latepoint-calendar-month .le-day-wrapper.os-today:before {
content: "";
left: -1px;
right: -1px;
top: -1px;
background-color: #f34a4a;
position: absolute;
height: 2px;
}
.latepoint-calendar-month .le-day-wrapper.os-day-passed, .latepoint-calendar-month .le-day-wrapper.os-month-prev, .latepoint-calendar-month .le-day-wrapper.os-month-next {
background-color: #f9f9f9;
}
.latepoint-calendar-month .le-day-wrapper.os-day-passed .le-day-number, .latepoint-calendar-month .le-day-wrapper.os-month-prev .le-day-number, .latepoint-calendar-month .le-day-wrapper.os-month-next .le-day-number {
color: #999;
}
.latepoint-calendar-month .le-day-wrapper.os-day-passed .le-service-wrapper, .latepoint-calendar-month .le-day-wrapper.os-month-prev .le-service-wrapper, .latepoint-calendar-month .le-day-wrapper.os-month-next .le-service-wrapper {
opacity: 0.8;
}
.latepoint-calendar-month .le-day-wrapper .le-more-services {
color: var(--latepoint-brand-primary);
border-bottom: 1px dotted var(--latepoint-brand-primary);
font-size: 15px;
display: inline-block;
cursor: pointer;
font-weight: 600;
line-height: 1.2;
position: relative;
}
.latepoint-calendar-month .le-day-wrapper .le-more-services:hover {
border-bottom-style: solid;
}
.latepoint-calendar-month .le-day-wrapper .le-more-services.os-loading {
color: transparent;
border-bottom-color: transparent;
}
.latepoint-calendar-month .le-day-wrapper .le-more-services.os-loading:before {
display: block;
content: "";
width: 10px !important;
height: 10px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.latepoint-calendar-month .le-day-wrapper .os-day-month {
position: absolute;
z-index: 1;
font-size: 60px;
color: rgba(0, 0, 0, 0.05);
left: 20px;
top: 7px;
line-height: 1;
right: 0;
overflow: hidden;
}
.latepoint-calendar-month .le-day-wrapper .le-day-number {
z-index: 2;
font-size: 27px;
font-weight: 600;
line-height: 1;
margin-bottom: 10px;
border-bottom: 1px dotted transparent;
display: inline-block;
cursor: pointer;
position: relative;
}
.latepoint-calendar-month .le-day-wrapper .le-day-number:hover {
border-bottom-style: solid;
}
.latepoint-calendar-month .le-day-wrapper .le-day-number.os-loading {
color: transparent;
border-bottom-color: transparent;
}
.latepoint-calendar-month .le-day-wrapper .le-day-number.os-loading:before {
display: block;
content: "";
width: 15px !important;
height: 15px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.latepoint-calendar-month .le-day-wrapper .le-service-wrapper {
padding: 3px;
padding-left: 10px;
font-size: 12px;
margin-bottom: 10px;
border: 1px solid #ddd;
position: relative;
background-color: #fff;
z-index: 2;
cursor: pointer;
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
border-bottom-color: #bbb;
border-left: none;
}
.latepoint-calendar-month .le-day-wrapper .le-service-wrapper.is-passed {
cursor: not-allowed;
}
.latepoint-calendar-month .le-day-wrapper .le-service-wrapper.is-passed .le-service-inner {
opacity: 0.6;
}
.latepoint-calendar-month .le-day-wrapper .le-service-wrapper.is-passed:hover .is-passed-message {
display: block;
}
.latepoint-calendar-month .le-day-wrapper .le-service-wrapper.is-passed .is-passed-message {
display: none;
background-color: #000;
color: #fff;
padding: 5px 10px;
font-weight: 600;
font-size: 12px;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -110%);
white-space: nowrap;
}
.latepoint-calendar-month .le-day-wrapper .le-service-wrapper.os-loading:before {
content: "";
display: block;
content: "";
width: 8px !important;
height: 8px !important;
border-bottom: 2px solid #111;
border-left: 2px solid #111;
border-top: 2px solid #111;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
top: 10px;
right: 0px;
left: auto;
}
.latepoint-calendar-month .le-day-wrapper .le-service-wrapper:hover {
border-color: #bbb;
}
.latepoint-calendar-month .le-day-wrapper .le-service-wrapper:hover .le-color-elem {
transform: translateX(-2px);
width: 5px;
}
.latepoint-calendar-month .le-day-wrapper .le-service-wrapper .le-color-elem {
position: absolute;
top: -1px;
bottom: -1px;
left: -1px;
width: 3px;
display: block;
transition: all 0.15s ease;
}
.latepoint-calendar-month .le-day-wrapper .le-service-name {
font-weight: 600;
font-size: 15px;
line-height: 1.35;
}
.le-day-view-wrapper.os-loading .le-day-info-section:before {
content: "";
display: block;
position: absolute;
bottom: -1px;
left: 0;
right: 0;
height: 3px;
background: repeating-linear-gradient(to right, #fff 0%, #1D7BFF 50%, #fff 100%);
width: 100%;
background-size: 200% auto;
background-position: 0 100%;
animation: os-loading-gradient 1.5s infinite;
animation-fill-mode: forwards;
animation-timing-function: linear;
}
.le-day-view-wrapper .le-day-info-section {
display: flex;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding: 20px 40px;
position: sticky;
top: 0;
background-color: #fff;
z-index: 4;
}
.le-day-view-wrapper .le-day-info-section .le-day-info {
text-align: center;
}
.le-day-view-wrapper .le-day-info-section .le-day-info .le-day-number {
font-size: 61px;
font-weight: 600;
line-height: 1;
}
.le-day-view-wrapper .le-day-info-section .le-day-info .le-day-month {
color: #7c85a3;
font-size: 21px;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 600;
}
.le-day-view-wrapper .le-day-info-section .le-day-filters-wrapper {
border-left: 1px solid #eee;
margin-left: 40px;
padding-left: 20px;
flex: 1;
}
.le-day-view-wrapper .le-day-info-section .le-day-heading {
font-size: 33px;
font-weight: 600;
margin-bottom: 10px;
}
.le-day-view-wrapper .le-day-info-section .le-day-filters {
gap: 10px;
display: flex;
align-items: center;
}
.le-day-view-wrapper .le-day-info-section .le-day-filters .os-form-group.os-form-select-group {
margin-bottom: 0px !important;
}
.le-day-view-wrapper .le-day-info-section .le-day-filters .os-form-group.os-form-select-group .os-form-control {
height: auto !important;
padding: 6px !important;
border-color: #ccc !important;
border-radius: 6px !important;
}
.le-day-view-wrapper .le-day-schedule-wrapper {
padding: 40px;
background-color: #f8f8f8;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots {
position: relative;
padding-left: 50px;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots:before {
content: "";
top: 0;
bottom: 0;
width: 1px;
background-color: #e1e1e1;
position: absolute;
left: 60px;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper {
display: flex;
box-shadow: 0 1px 0 0 #e1e1e1;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper .day-schedule-timeslot {
flex: 0 0 50px;
text-align: right;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 11px;
height: 44px;
position: relative;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper .day-schedule-timeslot .day-schedule-timeslot-value {
position: absolute;
top: 0;
transform: translateY(-50%);
left: -60px;
width: 50px;
text-align: right;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper {
position: absolute;
left: 60px;
right: 0;
font-size: 12px;
box-shadow: inset 0 1px 0 0px #ddd, 0 3px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 0 #ddd;
border-right: 1px solid #ddd;
background-color: #fff;
z-index: 2;
cursor: pointer;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper .le-service-inner {
padding: 3px;
padding-left: 10px;
flex-direction: column;
height: 100%;
box-sizing: border-box;
display: flex;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed {
cursor: not-allowed;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed .le-service-inner {
opacity: 0.6;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed:hover .is-passed-message {
display: block;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed .is-passed-message {
display: none;
background-color: #000;
color: #fff;
padding: 5px 10px;
font-weight: 600;
font-size: 12px;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -110%);
white-space: nowrap;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover {
border-bottom-color: #999;
opacity: 1;
z-index: 3;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-color-elem {
transform: translateX(-2px);
width: 5px;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-service-name,
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-service-time-period {
transform: translateX(3px);
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper .le-color-elem {
position: absolute;
top: 0px;
bottom: -1px;
left: -1px;
width: 3px;
display: block;
transition: all 0.15s ease;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-name {
font-weight: 600;
font-size: 15px;
line-height: 1.4;
overflow: hidden;
transition: transform 0.15s ease;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-time-period {
transition: transform 0.15s ease;
}
@keyframes LatepointSlideUp {
0% {
transform: translate3d(0, 40px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes LatepointSlideDown {
0% {
transform: translate3d(0, -40px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes LatepointSlideLeft {
0% {
transform: translate3d(10px, 0px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes LatepointSlideRight {
0% {
transform: translate3d(-10px, 0px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes LatepointSlideUpHalf {
0% {
transform: translate3d(0, 20px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes LatepointSlideUpTiny {
0% {
transform: translate3d(0, 10px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes LatepointSlideUpTinySolid {
0% {
transform: translate3d(0, 10px, 0);
}
100% {
transform: translate3d(0, 0px, 0);
}
}
@keyframes LatepointSlideDownHalf {
0% {
transform: translate3d(0, -20px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes LatepointSlideUpMobileSummary {
0% {
transform: translate3d(-50%, -30%, 0);
}
100% {
transform: translate3d(-50%, -50%, 0);
}
}
@keyframes os-loading-delayed {
0% {
transform: translate(-50%, -50%) rotate(0deg);
opacity: 0;
}
50% {
transform: translate(-50%, -50%) rotate(180deg);
opacity: 1;
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
opacity: 0;
}
}
.latepoint-w .latepoint-booking-form-element .payment-total-info {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .latepoint-timezone-selector-w {
animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUpHalf;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .lp-demo-mode-msg {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.2ms LatepointSlideDown;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .lp-card-i {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .lp-paypal-demo-mode-trigger,
.latepoint-w .latepoint-booking-form-element .lp-paypal-btn-trigger {
animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0.1s LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child > .os-animated-self {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.1s LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(1) > .os-animated-self {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(2) > .os-animated-self {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 70ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(3) > .os-animated-self {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 140ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(4) > .os-animated-self {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 210ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(5) > .os-animated-self {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 280ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(6) > .os-animated-self {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 350ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(7) > .os-animated-self {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 420ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(8) > .os-animated-self {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 490ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .os-animated-parent > .os-animated-child:nth-child(9) > .os-animated-self {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 560ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .select-total-attendees-label h4,
.latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-centered h4,
.latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-left h4 {
animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .select-total-attendees-label div,
.latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-centered div,
.latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-left div {
animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0.05s LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .total-attendees-selector-w {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.1s LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .total-attendees-selector-plus {
animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0.25s LatepointSlideLeft;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .total-attendees-selector-minus {
animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0.25s LatepointSlideRight;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.1s LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(1) {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(2) {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 70ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(3) {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 140ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(4) {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 210ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(5) {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 280ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(6) {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 350ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-body:before {
display: block;
content: "";
width: 40px !important;
height: 40px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
animation-delay: 0.25s;
opacity: 0;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-message,
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content {
transition: all 0.3s ease;
opacity: 0;
transform: translateY(20px);
pointer-events: none;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w {
transform: translateY(10px);
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group {
transition: all 0.3s ease;
opacity: 0;
transform: translateY(20px);
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(1) {
transition-delay: 0.05s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(2) {
transition-delay: 0.1s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(3) {
transition-delay: 0.15s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(4) {
transition-delay: 0.2s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(5) {
transition-delay: 0.25s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(6) {
transition-delay: 0.3s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(7) {
transition-delay: 0.35s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(8) {
transition-delay: 0.4s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(9) {
transition-delay: 0.45s;
}
.latepoint-w .latepoint-booking-form-element.step-content-mid-loading .step-customer-w {
opacity: 0;
transform: translateY(10px);
}
.latepoint-w .latepoint-booking-form-element.step-content-mid-loading .step-customer-w .os-form-group {
opacity: 0;
transform: translateY(20px);
}
.latepoint-w .latepoint-booking-form-element.step-content-mid-loading .latepoint-message,
.latepoint-w .latepoint-booking-form-element.step-content-mid-loading .latepoint-step-content {
pointer-events: none;
opacity: 0;
transform: translateY(30px);
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content,
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-message {
transition: all 0.3s cubic-bezier(0.25, 1.15, 0.5, 1.2);
opacity: 1;
transform: translateY(0px);
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w {
transform: translateY(0px);
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group {
transition: all 0.3s cubic-bezier(0.25, 1.15, 0.5, 1.2);
opacity: 1;
transform: translateY(0px);
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(1) {
transition-delay: 0.05s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(2) {
transition-delay: 0.1s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(3) {
transition-delay: 0.15s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(4) {
transition-delay: 0.2s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(5) {
transition-delay: 0.25s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(6) {
transition-delay: 0.3s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(7) {
transition-delay: 0.35s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(8) {
transition-delay: 0.4s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(9) {
transition-delay: 0.45s;
}
.latepoint-w .latepoint-booking-form-element.step-changing .os-heading-text {
transition: all 0.3s ease;
transform: translateX(-15px);
opacity: 0;
}
.latepoint-w .latepoint-booking-form-element.step-changing .latepoint-step-desc .latepoint-desc-media {
transition: all 0.7s cubic-bezier(0.25, 1.15, 0.5, 1);
transform: translateX(-25px);
opacity: 0;
}
.latepoint-w .latepoint-booking-form-element.step-changing .latepoint-step-desc .latepoint-desc-title {
transition: all 0.5s ease;
transition-delay: 0.05s;
transform: translateX(-15px);
opacity: 0;
}
.latepoint-w .latepoint-booking-form-element.step-changing .latepoint-step-desc .latepoint-desc-content {
transition: all 0.5s ease;
transition-delay: 0.1s;
transform: translateX(-20px);
opacity: 0;
}
.latepoint-w .latepoint-booking-form-element.step-changed .latepoint-heading-w .os-heading-text {
transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
transform: translateX(0px);
opacity: 1;
}
.latepoint-w .latepoint-booking-form-element.step-changed .latepoint-step-desc .latepoint-desc-media {
transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
transform: translateX(0px);
opacity: 1;
}
.latepoint-w .latepoint-booking-form-element.step-changed .latepoint-step-desc .latepoint-desc-title {
transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
transform: translateX(0px);
transition-delay: 0.1s;
opacity: 1;
}
.latepoint-w .latepoint-booking-form-element.step-changed .latepoint-step-desc .latepoint-desc-content {
transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
transform: translateX(0px);
transition-delay: 0.2s;
opacity: 1;
}
@keyframes os-loading {
0% {
transform: translate(-50%, -50%) rotate(0deg);
opacity: 1;
}
50% {
transform: translate(-50%, -50%) rotate(180deg);
opacity: 0.2;
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
opacity: 1;
}
}
@keyframes stepCategoryItem {
0% {
transform: translate3d(0, -10px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
.latepoint-lightbox-w {
background-color: rgba(0, 0, 0, 0.4);
position: fixed;
top: 0px;
bottom: 0px;
right: 0px;
left: 0px;
z-index: 999999;
display: none;
justify-content: center;
align-items: center;
grid-template-columns: min-content;
grid-template-rows: 1fr;
}
.latepoint-lightbox-w.width-400 {
grid-template-columns: 400px;
}
.latepoint-lightbox-w.width-450 {
grid-template-columns: 450px;
}
.latepoint-lightbox-w.width-500 {
grid-template-columns: 500px;
}
.latepoint-lightbox-w.width-600 {
grid-template-columns: 600px;
}
.latepoint-lightbox-w.width-700 {
grid-template-columns: 700px;
}
.latepoint-lightbox-w.width-800 {
grid-template-columns: 800px;
}
.latepoint-lightbox-w .latepoint-lightbox-heading {
padding: 15px 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
background-color: #f8f8f8;
display: flex;
align-items: center;
}
.latepoint-lightbox-w .latepoint-lightbox-heading h2 {
color: #14161d;
margin: 0px;
font-size: 24px;
flex: 1;
}
.latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close {
position: relative;
line-height: 1;
font-size: 20px;
color: #333;
text-decoration: none;
display: block;
outline: none;
box-shadow: none;
padding: 5px;
}
.latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close i {
display: block;
}
.latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close .latepoint-icon-x:before {
content: "\e90a";
}
.latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close:focus {
outline: none;
}
.latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close:hover {
background-color: rgba(0, 0, 0, 0.05);
color: #000;
}
.latepoint-lightbox-w .latepoint-lightbox-footer {
padding: 15px;
border-top: 1px solid #eee;
}
.latepoint-lightbox-w button, .latepoint-lightbox-w input, .latepoint-lightbox-w select, .latepoint-lightbox-w textarea {
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 400;
font-size: 15px;
}
.latepoint-lightbox-w.latepoint-border-radius-rounded .latepoint-lightbox-i {
border-radius: 8px;
}
.latepoint-lightbox-w .latepoint-lightbox-i {
background-color: #fff;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2), 0px 20px 50px rgba(0, 0, 0, 0.4);
max-height: 94vh;
overflow: auto;
display: flex;
flex-direction: column;
z-index: 9999;
border-radius: 0px;
}
.latepoint-lightbox-w .latepoint-lightbox-i.os-loading .latepoint-lightbox-content {
min-height: 100px;
position: relative;
}
.latepoint-lightbox-w .latepoint-lightbox-i.os-loading .latepoint-lightbox-content > div {
visibility: hidden;
}
.latepoint-lightbox-w .latepoint-lightbox-i.os-loading .latepoint-lightbox-content:before {
display: block;
content: "";
width: 30px !important;
height: 30px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.latepoint-lightbox-w .latepoint-lightbox-i.os-loading .latepoint-lightbox-content .lp-payment-method-content {
display: none;
}
.latepoint-lightbox-w .latepoint-lightbox-i .latepoint-lightbox-content {
padding: 30px;
flex: 1;
overflow: auto;
position: relative;
}
.latepoint-lightbox-w .latepoint-lightbox-i .latepoint-lightbox-content.is-dotted {
padding-top: 50px;
}
.latepoint-lightbox-w .latepoint-lightbox-i .latepoint-lightbox-content.is-dotted:before {
content: "";
height: 30px;
background-image: radial-gradient(#ccc 1px, transparent 0);
background-size: 10px 10px;
background-color: #fff;
display: block;
position: absolute;
top: 5px;
left: 5px;
right: 5px;
}
.latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close {
position: absolute;
line-height: 1;
top: 17px;
right: 19px;
font-size: 20px;
color: #333;
text-decoration: none;
display: block;
outline: none;
box-shadow: none;
padding: 5px;
}
.latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close i {
display: block;
}
.latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close .latepoint-icon-x:before {
content: "\e90a";
}
.latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close:focus {
outline: none;
}
.latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close:hover {
background-color: rgba(0, 0, 0, 0.05);
color: #000;
}
.latepoint-lightbox-w .latepoint-lightbox-i .os-summary-contents-inner {
overflow-y: auto;
}
.latepoint-lightbox-w .latepoint-lightbox-i .latepoint-summary-w .os-summary-contents {
max-height: 100%;
}
.latepoint-lightbox-w .latepoint-lightbox-i .latepoint-booking-form-element {
background-color: #fff;
max-height: 100%;
overflow: hidden;
}
.latepoint-lightbox-w .latepoint-lightbox-i .latepoint-booking-form-element form.latepoint-form {
max-height: 100%;
}
.latepoint-lightbox-w .latepoint-lightbox-i a {
box-shadow: none;
}
.latepoint-lightbox-w .latepoint-lightbox-i a img {
box-shadow: none;
}
.latepoint-lightbox-w h1, .latepoint-lightbox-w h2, .latepoint-lightbox-w h3, .latepoint-lightbox-w h4, .latepoint-lightbox-w h5, .latepoint-lightbox-w h6 {
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 600;
color: var(--latepoint-brand-primary);
text-transform: none;
letter-spacing: 0px;
line-height: 1.45;
}
.latepoint-lightbox-w h5 {
font-size: 16px;
}
body.latepoint-lightbox-active .latepoint-lightbox-w {
display: grid;
}
.clean-layout-content-wrapper {
max-width: 550px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 8px 35px -3px rgba(0, 0, 0, 0.1);
background-color: #fff;
margin: 0px auto;
position: relative;
}
.clean-layout-content-wrapper .clean-layout-content-header {
padding: 20px 40px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.clean-layout-content-wrapper .clean-layout-content-header h2 {
margin: 0;
}
.clean-layout-content-wrapper .clean-layout-content-body {
padding: 40px;
position: relative;
}
.clean-layout-content-wrapper .clean-layout-content-body.is-dotted {
padding-top: 60px;
}
.clean-layout-content-wrapper .clean-layout-content-body.is-dotted:before {
content: "";
height: 34px;
background-image: radial-gradient(#ccc 1px, transparent 0);
background-size: 10px 10px;
background-color: #fff;
display: block;
position: absolute;
top: 5px;
left: 5px;
right: 5px;
}
.clean-layout-content-wrapper .clean-layout-content-footer {
padding: 20px 40px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
display: flex;
gap: 10px;
}
.clean-layout-content-wrapper .clean-layout-content-footer .latepoint-btn-position-end {
margin-left: auto;
}
.clean-layout-content-wrapper .clean-layout-content-footer .latepoint-btn-position-start {
margin-right: auto;
}
.clean-layout-content-wrapper.os-loading .clean-layout-content-body {
min-height: 80px;
}
.clean-layout-content-wrapper.os-loading .clean-layout-content-body > div {
visibility: hidden;
}
.clean-layout-content-wrapper.os-loading .clean-layout-content-body:before {
display: block;
content: "";
width: 20px !important;
height: 20px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.invoice-payment-summary-wrapper .lp-payment-charge-amount {
background-color: #fbf6e1;
color: #877865;
margin-bottom: 20px;
padding: 15px;
text-align: center;
}
.invoice-payment-summary-wrapper .lp-payment-charge-amount strong {
color: #000;
}
.invoice-payment-summary-wrapper .full-summary-info-w {
padding-top: 40px;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper {
display: flex;
align-items: center;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-status-label {
font-size: 32px;
font-weight: 600;
text-transform: uppercase;
color: #000;
padding: 2px 10px;
letter-spacing: 3px;
line-height: 1.2;
opacity: 0.8;
border-radius: 10px;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-status-label.invoice-status-label-paid {
color: #67bf08;
border: 3px solid #67bf08;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-status-label.invoice-status-label-void {
color: #bf0808;
border: 3px solid #bf0808;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-due-amount-inner {
flex: 1;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-make-payment-btn {
margin-left: auto;
font-size: 17px;
font-weight: 600;
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
padding: 10px 18px;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-amount {
font-size: 46px;
font-weight: 600;
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
color: #14161d;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-sub-info {
color: #7c85a3;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-sub-info a {
display: inline-flex;
margin-left: 5px;
text-decoration: none;
align-items: center;
gap: 5px;
color: var(--latepoint-brand-primary);
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-sub-info a span {
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.latepoint-w .payment-confirmation-wrapper {
text-align: center;
}
.latepoint-w .payment-confirmation-wrapper .icon-w {
margin-bottom: 20px;
}
.latepoint-w .payment-confirmation-wrapper .icon-w i {
background: #d1ffdd;
padding: 15px;
border-radius: 40px;
color: #18a35b;
font-size: 28px;
display: inline-block;
}
.latepoint-w .payment-confirmation-wrapper h2 {
margin: 0 0 20px 0;
font-size: 19px;
color: #14161d;
}
.latepoint-w .payment-confirmation-wrapper .payment-info {
border: 1px solid #f1f1f1;
border-radius: 6px;
}
.latepoint-w .payment-confirmation-wrapper .payment-info .payment-info-row {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #f1f1f1;
padding: 10px 15px;
}
.latepoint-w .payment-confirmation-wrapper .payment-info .payment-info-row:last-child {
border-bottom: none;
}
.latepoint-w .payment-confirmation-wrapper .payment-info .info-label {
color: #7c85a3;
}
.latepoint-w .payment-confirmation-wrapper .payment-info .info-value {
font-weight: 600;
} .summary-heading.summary-variant-heading + .main-box {
padding-top: 0;
}
.latepoint-summary-w .summary-box .sbc-highlighted-item {
font-size: 13px;
margin-top: 2px;
}
.latepoint-summary-w .summary-box-heading .sbh-item {
font-size: 13px;
font-weight: 400;
}
.latepoint-summary-w .summary-box .sbc-main-item {
font-size: 13px;
font-weight: 600;
}
.latepoint-summary-w .summary-box.main-box .summary-box-booking-date-box {
display: none;
}
.latepoint-summary-w .summary-box.main-box .qr-show-trigger {
display: none;
}
.latepoint-summary-w .summary-box-heading .sbh-line {
background-color: transparent;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.latepoint-summary-w .price-breakdown-unfold {
display: flex;
text-align: right;
align-items: center;
margin-bottom: 10px;
color: var(--latepoint-body-color);
gap: 5px;
cursor: pointer;
}
.latepoint-summary-w .price-breakdown-unfold i {
font-size: 11px;
line-height: 11px;
margin-left: auto;
}
.latepoint-summary-w .price-breakdown-unfold span {
display: inline-block;
border-bottom: 1px dotted var(--latepoint-body-color);
font-size: 13px;
}
.latepoint-summary-w .price-breakdown-unfold:hover {
color: #000;
}
.latepoint-summary-w .price-breakdown-unfold:hover span {
border-bottom-style: solid;
}
.latepoint-summary-w .summary-price-breakdown-wrapper {
margin-top: auto;
}
.latepoint-summary-w .summary-price-breakdown-wrapper .summary-price-breakdown-inner {
padding: 0 25px 20px;
}
.latepoint-summary-w .os-summary-contents-inner .summary-price-breakdown-wrapper:not(.compact-summary) .price-breakdown-unfold {
display: none;
}
.latepoint-summary-w .os-summary-contents-inner .summary-price-breakdown-wrapper.compact-summary .summary-price-item-w:not(.spi-total) {
display: none;
}
.latepoint-summary-w .os-summary-contents-inner .summary-price-breakdown-wrapper.compact-summary .pb-heading {
display: none;
}
.latepoint-summary-w .os-cart-item {
position: relative;
flex: 1;
}
.latepoint-summary-w .cart-item-wrapper .summary-attributes {
display: none;
}
.summary-heading {
margin-top: 20px;
}
.checkout-from-summary-panel-btn-wrapper.os-mobile-only {
display: none;
}
.checkout-from-summary-panel-btn {
padding: 0;
text-align: center;
display: flex;
align-items: center;
gap: 10px;
margin-left: auto;
font-size: 13px;
line-height: 1.2;
font-weight: 600;
color: var(--latepoint-brand-primary);
}
.checkout-from-summary-panel-btn span {
line-height: 1.5;
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.checkout-from-summary-panel-btn:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.checkout-from-summary-panel-btn:hover {
color: #000;
cursor: pointer;
}
.checkout-from-summary-panel-btn:hover span {
border-color: #000;
border-bottom-style: solid;
}
.checkout-from-summary-panel-btn:hover .latepoint-icon {
transform: translateX(3px);
}
.checkout-from-summary-panel-btn .latepoint-icon {
font-size: 8px;
transition: transform 0.2s ease;
}
.summary-price-breakdown-wrapper .summary-box-heading, .summary-heading .summary-box-heading {
display: none;
}
.summary-price-breakdown-wrapper .pb-heading, .summary-heading .pb-heading {
display: flex;
align-items: center;
margin-bottom: 10px;
gap: 10px;
}
.summary-price-breakdown-wrapper .pb-heading .pbh-label, .summary-heading .pb-heading .pbh-label {
color: #7c85a3;
font-weight: 600;
position: relative;
font-size: 15px;
}
.summary-price-breakdown-wrapper .pb-heading .pbh-line, .summary-heading .pb-heading .pbh-line {
height: 10px;
background-color: rgba(0, 0, 0, 0.03);
flex: 1;
}
.summary-section-heading {
font-size: 18px;
color: #14161d;
margin-bottom: 15px;
font-weight: 600;
}
.summary-box-heading {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.summary-box-heading .sbh-item {
color: #7c85a3;
position: relative;
font-size: 15px;
font-weight: 600;
}
.summary-box-heading .sbh-item + .sbh-item {
margin-left: 10px;
}
.summary-box-heading .sbh-item + .sbh-item:before {
content: "";
width: 3px;
height: 3px;
background-color: #ddd;
border-radius: 4px;
position: absolute;
top: 50%;
left: -7px;
transform: translateY(-50%);
}
.summary-box-heading .sbh-line {
height: 10px;
background-color: rgba(0, 0, 0, 0.03);
flex: 1;
margin-left: 10px;
}
.booking-summary-info-w + .summary-box {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #f1f1f1;
}
.summary-box-wrapper + .summary-box-wrapper {
border-top: 1px solid #f1f1f1;
}
.summary-box-wrapper .summary-box-heading {
margin-top: 0;
}
.summary-box {
padding: 5px 0;
}
.summary-box.main-box {
padding: 20px 0;
display: flex;
gap: 20px;
align-items: flex-start;
}
.summary-box.main-box + .summary-box.main-box {
border-top: 1px solid #f1f1f1;
}
.summary-box.main-box .summary-box-inner {
flex: 1;
padding-top: 5px;
}
.summary-box.main-box .summary-box-booking-date-box {
text-align: center;
flex: 0 0 50px;
background-color: #f1f1f1;
}
.summary-box.main-box .summary-box-booking-date-box .summary-box-booking-date-day {
font-size: 20px;
line-height: 1.3;
font-weight: 600;
color: #14161d;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding: 5px 0;
}
.summary-box.main-box .summary-box-booking-date-box .summary-box-booking-date-month {
color: #7c85a3;
padding: 5px 0;
font-size: 13px;
}
.summary-box.main-box .qr-show-trigger {
flex: 0 1 80px;
text-align: center;
padding-top: 10px;
cursor: pointer;
white-space: nowrap;
}
.summary-box.main-box .qr-show-trigger .latepoint-icon {
font-size: 30px;
color: #111;
}
.summary-box.main-box .qr-show-trigger .qr-code-trigger-label {
display: inline-block;
line-height: 1.2;
color: #111;
border-bottom: 1px dotted #111;
font-weight: 600;
margin-top: 5px;
font-size: 13px;
}
.summary-box.main-box .qr-show-trigger .qr-code-trigger-label:hover {
border-bottom-style: solid;
}
.summary-box .summary-box-content.os-cart-item.is-removable {
padding-right: 16px;
}
.summary-box .summary-box-content:hover .os-remove-item-from-cart {
display: block;
}
.summary-box .summary-box-content .os-remove-item-from-cart {
display: block;
background-color: #f1f2f5;
position: absolute;
top: 2px;
right: 0px;
cursor: pointer;
color: #333;
font-size: 14px;
vertical-align: middle;
line-height: 14px;
text-align: center;
padding: 8px 5px;
}
.summary-box .summary-box-content .os-remove-item-from-cart.os-loading {
color: transparent;
display: block;
}
.summary-box .summary-box-content .os-remove-item-from-cart.os-loading:before {
display: block;
content: "";
width: 10px !important;
height: 10px !important;
border-bottom: 2px solid #14161d;
border-left: 2px solid #14161d;
border-top: 2px solid #14161d;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.summary-box .summary-box-content .os-remove-item-from-cart.os-loading .os-remove-from-cart-icon {
background-color: transparent !important;
}
.summary-box .summary-box-content .os-remove-item-from-cart .os-remove-from-cart-icon {
height: 2px;
display: block;
width: 8px;
background-color: #000;
}
.summary-box .summary-box-content .os-remove-item-from-cart:hover:not(.os-loading) {
background-color: #000 !important;
color: #fff;
}
.summary-box .summary-box-content .os-remove-item-from-cart:hover:not(.os-loading) .os-remove-from-cart-icon {
background-color: #fff;
}
.summary-box .summary-box-content.with-media {
display: flex;
align-items: center;
}
.summary-box .summary-box-content .sbc-content-i {
margin-left: 10px;
line-height: 1.1;
}
.summary-box .summary-box-content .os-avatar-w {
width: 30px;
height: 30px;
flex: 0 0 30px;
display: flex;
align-items: center;
justify-content: space-around;
border-radius: 20px;
background-color: #dedede;
color: var(--latepoint-body-color);
font-weight: 600;
font-size: 12px;
-webkit-background-size: contain;
background-size: contain;
background-position: center center;
}
.summary-box .summary-box-content .os-location-image {
width: 30px;
height: 30px;
flex: 0 0 30px;
background-image: url(//65-2-104-238.sslip.io/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: 11px;
}
.summary-box .sbc-sub-item {
color: #7c85a3;
font-size: 13px;
display: inline-block;
}
.summary-box .sbc-link-item {
color: #7c85a3;
font-size: 13px;
text-decoration: none !important;
border-bottom: 1px dotted #7c85a3;
cursor: pointer;
display: inline-block;
}
.summary-box .sbc-big-item {
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 20px;
font-weight: 600;
color: #14161d;
line-height: 1.3;
}
.summary-box .sbc-big-item + .sbc-highlighted-item {
margin-top: 2px;
}
.summary-box .sbc-highlighted-item {
color: #7c85a3;
font-size: 15px;
}
.summary-box .sbc-highlighted-item span:not(.os-timezone-info) {
white-space: nowrap;
color: #7c85a3;
font-size: 13px;
font-weight: 400;
display: none;
margin-top: 3px;
}
.summary-box .sbc-subtle-item {
color: #7c85a3;
font-size: 13px;
}
.summary-box .sbc-subtle-item span {
white-space: nowrap;
color: #7c85a3;
font-size: 13px;
font-weight: 400;
}
.price-breakdown-w {
padding-top: 20px;
}
.price-breakdown-w .pb-heading {
font-weight: 600;
color: var(--latepoint-body-color);
margin-bottom: 5px;
}
.summary-price-item-w {
display: flex;
justify-content: space-between;
margin-bottom: 7px;
}
.summary-price-item-w .spi-name {
color: var(--latepoint-body-color);
font-weight: 400;
}
.summary-price-item-w .spi-price {
color: var(--latepoint-body-color);
font-weight: 400;
}
.summary-price-item-w.spi-strong .spi-name, .summary-price-item-w.spi-strong .spi-price {
font-weight: 600;
}
.summary-price-item-w.spi-total {
border-top: 3px solid var(--latepoint-body-color);
padding-top: 10px;
margin-top: 10px;
font-size: 17px;
font-weight: 600;
color: var(--latepoint-body-color);
margin-bottom: 0;
}
.summary-price-item-w.spi-total .spi-name, .summary-price-item-w.spi-total .spi-price {
font-weight: 600;
}
.summary-price-item-w.spi-positive .spi-price {
color: #3F8607;
}
.summary-price-item-w .pi-badge {
display: inline-block;
background-color: #fff;
text-transform: uppercase;
font-size: 12px;
padding: 2px 3px;
font-weight: 600;
color: #000;
margin-left: 3px;
border: 1px dotted #000;
line-height: 1;
}
.summary-price-item-w .pi-note {
color: #7c85a3;
font-size: 12px;
}
.summary-attributes {
color: #7c85a3;
font-size: 13px;
margin: 5px 0;
line-height: 1.5;
}
.summary-attributes:last-child {
margin-bottom: 0;
}
.summary-attributes.sa-hidden {
display: none;
}
.summary-attributes > span {
position: relative;
display: inline-block;
}
.summary-attributes > span:not(:last-child) {
margin-right: 15px;
}
.summary-attributes > span:not(:last-child):before {
content: "";
width: 3px;
height: 3px;
background-color: #bbb;
border-radius: 4px;
position: absolute;
top: 50%;
right: -9px;
transform: translateY(-50%);
}
.summary-attributes > span strong {
color: var(--latepoint-body-color);
font-weight: 600;
}
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-summary-w {
display: block;
transform: none;
}
.latepoint-w .latepoint-form-w .pb-heading {
margin-bottom: 10px;
}
.latepoint-w .latepoint-summary-w {
flex: 0 0 270px;
width: 270px;
transition: all 0.4s cubic-bezier(0.05, 0.45, 0.1, 1);
transform: translateX(-60px);
z-index: 1;
display: none;
flex-direction: column;
position: relative;
background-color: #fff;
}
.latepoint-w .latepoint-summary-w .summary-heading {
display: none;
}
.latepoint-w .latepoint-summary-w .summary-box.main-box + .summary-box.main-box {
margin-top: 0;
}
.latepoint-w .latepoint-summary-w .summary-box .sbc-big-item {
font-size: 17px;
}
.latepoint-w .latepoint-summary-w .summary-box .summary-box-content .os-remove-item-from-cart {
display: block;
}
.latepoint-w .latepoint-summary-w .summary-box .summary-box-content .os-remove-item-from-cart:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-summary-w.os-loading .summary-header:before {
display: block;
content: "";
width: 12px !important;
height: 12px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
bottom: auto;
left: auto;
right: 1px;
top: 12px;
z-index: 9999;
}
.latepoint-w .latepoint-summary-w .summary-header {
position: relative;
padding: 5px;
margin: 0px;
text-align: right;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.latepoint-w .latepoint-summary-w .summary-header .summary-header-inner {
display: flex;
padding: 13px 20px;
justify-content: space-between;
align-items: center;
}
.latepoint-w .latepoint-summary-w .summary-header:not(.can-checkout) .summary-header-inner {
background-image: radial-gradient(#d4d4d4 1px, transparent 0);
background-size: 7px 7px;
}
.latepoint-w .latepoint-summary-w .summary-header .latepoint-lightbox-summary-trigger {
display: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 19px;
font-size: 20px;
background-color: #fff;
padding: 3px 5px 3px 15px;
z-index: 2;
color: var(--latepoint-body-color);
}
.latepoint-w .latepoint-summary-w .summary-header .summary-header-label {
background-color: #fff;
position: relative;
z-index: 2;
display: inline-block;
font-size: 20px;
line-height: 1.2;
color: #14161d;
font-weight: 600;
}
.latepoint-w .latepoint-summary-w .summary-header .os-lines {
position: absolute;
top: 21px;
left: 30px;
right: 30px;
z-index: 1;
}
.latepoint-w .latepoint-summary-w .summary-header .os-lines:before {
display: block;
content: "";
height: 6px;
border-top: 2px dotted #b7c2e8;
border-bottom: 2px dotted #b7c2e8;
margin-bottom: 2px;
}
.latepoint-w .latepoint-summary-w .summary-header .os-lines:after {
display: block;
content: "";
height: 6px;
border-top: 2px dotted #b7c2e8;
}
.latepoint-w .latepoint-summary-w .summary-price-item-w {
margin-bottom: 5px;
}
.latepoint-w .latepoint-summary-w .summary-price-item-w.spi-total {
padding-top: 5px;
margin-top: 5px;
border-top-width: 2px;
margin-bottom: 0px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents {
display: flex;
flex-direction: column;
flex: 1;
}
.latepoint-w .latepoint-summary-w .os-summary-contents .order-summary-main-section {
margin-bottom: 20px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents .cart-summary-main-section {
margin-bottom: 30px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents .summary-price-item-w {
font-size: 13px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents .summary-price-item-w.spi-total {
font-size: 17px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
padding-top: 15px;
overflow-y: auto;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .os-summary-contents-inner-top {
padding: 0 25px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-summary-main-section {
padding: 0 25px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .latepoint-add-another-item-trigger-wrapper.on-verify {
display: none;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .latepoint-add-another-item-trigger-wrapper.on-summary {
display: none;
margin-top: 15px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .active-cart-item-wrapper {
padding: 15px 0 0 0;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .active-cart-item-wrapper.is-separated .summary-box.main-box .sbc-highlighted-item {
margin-bottom: 5px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper {
position: relative;
padding: 10px 0;
margin-top: 5px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper .summary-box:last-child {
padding-bottom: 0;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item:hover {
background-color: #f8f8f8;
box-shadow: 10px 0 0 0 #f8f8f8, -10px 0 0 0 #f8f8f8;
border-top-color: transparent;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item:hover + .cart-item-wrapper {
border-top-color: transparent;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item:hover .os-remove-item-from-cart {
background-color: #dc5454;
color: #fff;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item:hover .os-remove-item-from-cart .os-remove-from-cart-icon {
background-color: #fff;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading {
display: flex;
align-items: center;
gap: 10px;
margin-top: 15px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading:not(:last-child) {
margin-bottom: 10px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-label {
text-transform: uppercase;
color: #7c85a3;
font-weight: 600;
letter-spacing: 1px;
position: relative;
font-size: 11px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-line {
height: 1px;
background-color: #f1f1f1;
flex: 1;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-link {
color: var(--latepoint-brand-primary);
font-size: 13px;
display: flex;
align-items: center;
gap: 5px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-link span {
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-link .latepoint-icon {
font-size: 7px;
}
.latepoint-w .latepoint-summary-w .price-breakdown-w {
border-top: none;
padding: 30px;
padding-top: 25px;
margin: 20px -30px -30px -30px;
border-top: 1px solid #eee;
}
.latepoint-w .latepoint-summary-w .price-breakdown-w .pb-heading {
padding-bottom: 10px 25px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 12px;
font-weight: 600;
color: #7c85a3;
align-items: center;
}
.latepoint-w .latepoint-summary-w .price-breakdown-w .summary-attributes {
display: none;
}
.latepoint-w .latepoint-summary-w .price-breakdown-w .summary-box-heading {
display: none;
}
.latepoint-w .latepoint-summary-w .summary-box-heading {
flex: 1;
align-items: baseline;
margin: 0px;
}
.latepoint-w .latepoint-summary-w .summary-box-heading .sbh-line {
margin-left: 5px;
}
.latepoint-w .latepoint-summary-w .summary-box.main-box {
padding-bottom: 10px;
}
.latepoint-w .latepoint-summary-w .summary-box.main-box:first-child {
padding-top: 0;
}
.latepoint-w .latepoint-summary-w .summary-box.main-box .summary-box-heading .sbh-item {
text-transform: capitalize;
letter-spacing: normal;
font-size: 13px;
font-weight: 400;
}
.latepoint-w .latepoint-summary-w .summary-box.main-box .summary-box-heading .sbh-line {
display: none;
}
.latepoint-w .latepoint-summary-w .summary-box:not(.main-box) {
display: flex;
align-items: baseline;
}
.latepoint-w .latepoint-summary-w .summary-box:not(.main-box) .summary-box-content .os-avatar-w, .latepoint-w .latepoint-summary-w .summary-box:not(.main-box) .summary-box-content .os-location-image {
display: none;
}
.latepoint-w .latepoint-summary-w .summary-box:not(.main-box) .summary-box-content .sbc-content-i {
margin-left: 5px;
}
.latepoint-w .latepoint-summary-w .summary-box:not(.main-box) .sbc-sub-item, .latepoint-w .latepoint-summary-w .summary-box:not(.main-box) .sbc-link-item {
display: none;
}
.latepoint-w .latepoint-summary-w .summary-boxes-columns {
display: block;
}
.latepoint-clean-body {
margin: 0;
}
.latepoint-clean-body.with-pattern {
background-image: radial-gradient(#eee 2px, transparent 0);
background-size: 25px 25px;
background-color: #fff;
}
.latepoint-clean-body.with-pattern > .latepoint-w {
padding: 50px;
}
html.latepoint-clean {
margin: 0 !important;
}
.latepoint-w .manage-order-wrapper .booking-summary-info-w {
display: none;
}
.latepoint-w .manage-order-wrapper .qr-show-trigger {
display: none;
}
.latepoint-w .manage-order-wrapper .summary-box .sbc-big-item {
font-size: 20px;
}
.latepoint-w .manage-order-wrapper .summary-box .sbc-highlighted-item {
font-size: 13px;
color: #7c85a3;
}
.latepoint-w .manage-order-wrapper .summary-box.main-box .summary-box-booking-date-box .summary-box-booking-date-day {
font-size: 24px;
}
.latepoint-w .manage-order-wrapper,
.latepoint-w .manage-booking-wrapper {
max-width: 550px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 8px 35px -3px rgba(0, 0, 0, 0.1);
background-color: #fff;
margin: 0px auto;
position: relative;
}
.latepoint-w .manage-order-wrapper.os-loading .manage-booking-inner,
.latepoint-w .manage-booking-wrapper.os-loading .manage-booking-inner {
filter: blur(3px);
}
.latepoint-w .manage-order-wrapper.os-loading:after,
.latepoint-w .manage-booking-wrapper.os-loading:after {
display: block;
content: "";
width: 20px !important;
height: 20px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
top: 85px;
z-index: 9999;
}
.latepoint-w .manage-order-wrapper .manage-booking-inner,
.latepoint-w .manage-booking-wrapper .manage-booking-inner {
padding: 50px;
padding-top: 70px;
position: relative;
}
.latepoint-w .manage-order-wrapper .manage-booking-inner:before,
.latepoint-w .manage-booking-wrapper .manage-booking-inner:before {
content: "";
height: 34px;
background-image: radial-gradient(#ccc 1px, transparent 0);
background-size: 10px 10px;
background-color: #fff;
display: block;
position: absolute;
top: 5px;
left: 5px;
right: 5px;
}
.latepoint-w .manage-order-wrapper .manage-status-info,
.latepoint-w .manage-booking-wrapper .manage-status-info {
display: flex;
gap: 5px;
align-items: center;
margin-right: auto;
}
.latepoint-w .manage-order-wrapper .manage-status-info .status-info-label,
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-label {
color: rgba(255, 255, 255, 0.5);
display: none;
}
.latepoint-w .manage-order-wrapper .manage-status-info .status-info-value,
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value {
color: #fff;
font-weight: 600;
padding: 2px 6px;
}
.latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-open,
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-open {
background-color: #fff;
color: #000;
}
.latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-not_fulfilled,
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-not_fulfilled {
background-color: #fff;
color: #000;
}
.latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-approved,
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-approved {
background-color: #74ff60;
color: #000;
}
.latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-cancelled,
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-cancelled {
background-color: #e81818;
color: #fff;
}
.latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-pending, .latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-pending_approval, .latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-payment_pending,
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-pending,
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-pending_approval,
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-payment_pending {
background-color: #ffe75e;
color: #000;
}
.latepoint-w .manage-order-wrapper .manage-booking-controls,
.latepoint-w .manage-booking-wrapper .manage-booking-controls {
padding: 15px 25px;
background-color: var(--latepoint-brand-primary);
display: flex;
gap: 25px;
align-items: center;
justify-content: space-between;
position: sticky;
top: 0;
z-index: 2;
}
.latepoint-w .manage-order-wrapper .manage-booking-controls.status-cancelled,
.latepoint-w .manage-booking-wrapper .manage-booking-controls.status-cancelled {
background-color: #e81819;
}
.latepoint-w .manage-order-wrapper .manage-booking-controls.status-pending, .latepoint-w .manage-order-wrapper .manage-booking-controls.status-pending_approval, .latepoint-w .manage-order-wrapper .manage-booking-controls.status-payment_pending,
.latepoint-w .manage-booking-wrapper .manage-booking-controls.status-pending,
.latepoint-w .manage-booking-wrapper .manage-booking-controls.status-pending_approval,
.latepoint-w .manage-booking-wrapper .manage-booking-controls.status-payment_pending {
background-color: #c6a573;
}
.latepoint-w .manage-order-wrapper .manage-booking-controls .latepoint-btn,
.latepoint-w .manage-booking-wrapper .manage-booking-controls .latepoint-btn {
padding: 0 !important;
}
.latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group,
.latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group {
display: flex;
align-items: center;
margin: 0 !important;
gap: 8px;
}
.latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group .os-form-control,
.latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group .os-form-control {
transition: none !important;
}
.latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group label,
.latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group label {
font-size: 18px;
font-weight: 600;
color: #fff;
}
.latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group select,
.latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group select {
font-size: 18px !important;
padding: 6px !important;
border-radius: 6px !important;
border: none !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
background-color: #fff !important;
color: #111 !important;
height: auto !important;
}
.latepoint-w .manage-booking-wrapper .manage-booking-inner {
padding-top: 100px;
}
.latepoint-w .manage-booking-wrapper .manage-booking-inner:before {
top: 60px;
}
.latepoint-w .manage-booking-wrapper .booking-status-info-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
background-color: #fff;
margin: 0;
padding-left: 50px;
padding-right: 50px;
}
.booking-full-summary-actions {
display: flex;
gap: 10px;
align-items: center;
margin-bottom: 30px;
flex-wrap: wrap;
}
.booking-full-summary-actions .booking-summary-action-btn {
padding: 3px 6px;
text-decoration: none;
color: #111;
font-size: 13px;
font-weight: 600;
border: 1px solid #111;
display: flex;
gap: 3px;
align-items: center;
position: relative;
transition: none;
}
.booking-full-summary-actions .booking-summary-action-btn span, .booking-full-summary-actions .booking-summary-action-btn i {
display: block;
}
.booking-full-summary-actions .booking-summary-action-btn:hover {
color: var(--latepoint-brand-primary);
border-color: var(--latepoint-brand-primary);
}
.booking-full-summary-actions .booking-summary-action-btn.os-loading:before {
display: block;
content: "";
width: 12px !important;
height: 12px !important;
border-bottom: 2px solid #111;
border-left: 2px solid #111;
border-top: 2px solid #111;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
left: 12px;
}
.booking-full-summary-actions .booking-summary-action-btn.os-loading i {
color: transparent;
}
.booking-full-summary-actions .booking-summary-action-btn.cancel-appointment-btn {
color: #ad3d12;
border-color: #ad3d12;
}
.customer-dashboard-order-summary-lightbox .summary-box-heading .sbh-item,
.customer-dashboard-booking-summary-lightbox .summary-box-heading .sbh-item,
.bundle-scheduled-summary-lightbox .summary-box-heading .sbh-item,
.manage-order-wrapper .summary-box-heading .sbh-item,
.manage-booking-wrapper .summary-box-heading .sbh-item {
color: #7c85a3;
font-weight: 600;
font-size: 15px;
}
.customer-dashboard-order-summary-lightbox .order-summary-main-section,
.customer-dashboard-booking-summary-lightbox .order-summary-main-section,
.bundle-scheduled-summary-lightbox .order-summary-main-section,
.manage-order-wrapper .order-summary-main-section,
.manage-booking-wrapper .order-summary-main-section {
margin-bottom: 20px;
}
.customer-dashboard-order-summary-lightbox .part-of-bundle-message,
.customer-dashboard-booking-summary-lightbox .part-of-bundle-message,
.bundle-scheduled-summary-lightbox .part-of-bundle-message,
.manage-order-wrapper .part-of-bundle-message,
.manage-booking-wrapper .part-of-bundle-message {
padding: 8px;
background-color: #f1f3ff;
text-align: center;
font-size: 13px;
margin-top: 20px;
}
.customer-dashboard-order-summary-lightbox .part-of-bundle-message a,
.customer-dashboard-booking-summary-lightbox .part-of-bundle-message a,
.bundle-scheduled-summary-lightbox .part-of-bundle-message a,
.manage-order-wrapper .part-of-bundle-message a,
.manage-booking-wrapper .part-of-bundle-message a {
color: var(--latepoint-brand-primary);
text-decoration: none;
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.customer-dashboard-order-summary-lightbox .full-summary-head-info,
.customer-dashboard-booking-summary-lightbox .full-summary-head-info,
.bundle-scheduled-summary-lightbox .full-summary-head-info,
.manage-order-wrapper .full-summary-head-info,
.manage-booking-wrapper .full-summary-head-info {
position: relative;
}
.customer-dashboard-order-summary-lightbox .full-summary-head-info .add-to-calendar-wrapper,
.customer-dashboard-booking-summary-lightbox .full-summary-head-info .add-to-calendar-wrapper,
.bundle-scheduled-summary-lightbox .full-summary-head-info .add-to-calendar-wrapper,
.manage-order-wrapper .full-summary-head-info .add-to-calendar-wrapper,
.manage-booking-wrapper .full-summary-head-info .add-to-calendar-wrapper {
display: inline-block;
}
.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent,
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent,
.manage-order-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent,
.manage-booking-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent {
display: block;
margin: 0px auto 30px auto;
padding-bottom: 20px;
border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger,
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger,
.manage-order-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger,
.manage-booking-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger {
display: none;
}
.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-show-trigger,
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-show-trigger,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-show-trigger,
.manage-order-wrapper .qr-code-on-full-summary .qr-show-trigger,
.manage-booking-wrapper .qr-code-on-full-summary .qr-show-trigger {
float: right;
width: 100px;
text-align: center;
padding-top: 20px;
cursor: pointer;
}
.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .latepoint-icon,
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .latepoint-icon,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .latepoint-icon,
.manage-order-wrapper .qr-code-on-full-summary .qr-show-trigger .latepoint-icon,
.manage-booking-wrapper .qr-code-on-full-summary .qr-show-trigger .latepoint-icon {
font-size: 45px;
color: #111;
}
.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label,
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label,
.manage-order-wrapper .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label,
.manage-booking-wrapper .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label {
display: inline-block;
line-height: 1.2;
color: #111;
border-bottom: 1px solid #777;
font-weight: 600;
letter-spacing: 0.5px;
margin-top: 10px;
font-size: 12px;
text-transform: uppercase;
}
.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-code-booking-info,
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-booking-info,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-booking-info,
.manage-order-wrapper .qr-code-on-full-summary .qr-code-booking-info,
.manage-booking-wrapper .qr-code-on-full-summary .qr-code-booking-info {
display: none;
}
.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-code-vevent,
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-vevent,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-vevent,
.manage-order-wrapper .qr-code-on-full-summary .qr-code-vevent,
.manage-booking-wrapper .qr-code-on-full-summary .qr-code-vevent {
display: none;
}
.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-code-vevent img,
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-vevent img,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-vevent img,
.manage-order-wrapper .qr-code-on-full-summary .qr-code-vevent img,
.manage-booking-wrapper .qr-code-on-full-summary .qr-code-vevent img {
display: block;
margin: 0px auto;
}
.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-code-vevent .qr-code-label,
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-vevent .qr-code-label,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-vevent .qr-code-label,
.manage-order-wrapper .qr-code-on-full-summary .qr-code-vevent .qr-code-label,
.manage-booking-wrapper .qr-code-on-full-summary .qr-code-vevent .qr-code-label {
text-align: center;
font-size: 13px;
font-weight: 600;
text-align: center;
font-weight: 500;
padding: 10px 15px;
background: #fff1af;
line-height: 1.4;
color: #000;
}
.customer-dashboard-order-summary-lightbox .payment-summary-info .full-summary-info-w,
.customer-dashboard-booking-summary-lightbox .payment-summary-info .full-summary-info-w,
.bundle-scheduled-summary-lightbox .payment-summary-info .full-summary-info-w,
.manage-order-wrapper .payment-summary-info .full-summary-info-w,
.manage-booking-wrapper .payment-summary-info .full-summary-info-w {
margin-top: 0px;
}
.customer-dashboard-order-summary-lightbox .full-summary-header,
.customer-dashboard-booking-summary-lightbox .full-summary-header,
.bundle-scheduled-summary-lightbox .full-summary-header,
.manage-order-wrapper .full-summary-header,
.manage-booking-wrapper .full-summary-header {
margin-bottom: 0px;
margin-top: 0px;
}
.customer-dashboard-order-summary-lightbox .full-summary-number,
.customer-dashboard-booking-summary-lightbox .full-summary-number,
.bundle-scheduled-summary-lightbox .full-summary-number,
.manage-order-wrapper .full-summary-number,
.manage-booking-wrapper .full-summary-number {
color: #7c85a3;
padding-top: 0px;
margin-bottom: 8px;
font-size: 13px;
letter-spacing: 0.5px;
text-transform: uppercase;
font-weight: 600;
}
.customer-dashboard-order-summary-lightbox .full-summary-number strong,
.customer-dashboard-booking-summary-lightbox .full-summary-number strong,
.bundle-scheduled-summary-lightbox .full-summary-number strong,
.manage-order-wrapper .full-summary-number strong,
.manage-booking-wrapper .full-summary-number strong {
color: #14161d;
}
.customer-dashboard-order-summary-lightbox .full-summary-order-info-wrapper,
.customer-dashboard-booking-summary-lightbox .full-summary-order-info-wrapper,
.bundle-scheduled-summary-lightbox .full-summary-order-info-wrapper,
.manage-order-wrapper .full-summary-order-info-wrapper,
.manage-booking-wrapper .full-summary-order-info-wrapper {
position: relative;
margin-bottom: 40px;
}
.customer-dashboard-order-summary-lightbox .fsoi-main-wrapper .fsoi-main,
.customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .fsoi-main,
.bundle-scheduled-summary-lightbox .fsoi-main-wrapper .fsoi-main,
.manage-order-wrapper .fsoi-main-wrapper .fsoi-main,
.manage-booking-wrapper .fsoi-main-wrapper .fsoi-main {
font-size: 32px;
margin-bottom: 5px;
color: #7c85a3;
display: flex;
}
.customer-dashboard-order-summary-lightbox .fsoi-main-wrapper .fsoi-main strong,
.customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .fsoi-main strong,
.bundle-scheduled-summary-lightbox .fsoi-main-wrapper .fsoi-main strong,
.manage-order-wrapper .fsoi-main-wrapper .fsoi-main strong,
.manage-booking-wrapper .fsoi-main-wrapper .fsoi-main strong {
color: #14161d;
font-weight: 600;
}
.customer-dashboard-order-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions,
.customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions,
.bundle-scheduled-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions,
.manage-order-wrapper .fsoi-main-wrapper .order-full-summary-actions,
.manage-booking-wrapper .fsoi-main-wrapper .order-full-summary-actions {
display: flex;
gap: 20px;
margin-bottom: 15px;
}
.customer-dashboard-order-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions a,
.customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions a,
.bundle-scheduled-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions a,
.manage-order-wrapper .fsoi-main-wrapper .order-full-summary-actions a,
.manage-booking-wrapper .fsoi-main-wrapper .order-full-summary-actions a {
display: flex;
align-items: center;
gap: 5px;
color: var(--latepoint-brand-primary);
text-decoration: none;
}
.customer-dashboard-order-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions span,
.customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions span,
.bundle-scheduled-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions span,
.manage-order-wrapper .fsoi-main-wrapper .order-full-summary-actions span,
.manage-booking-wrapper .fsoi-main-wrapper .order-full-summary-actions span {
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.customer-dashboard-order-summary-lightbox .full-summary-order-info-elements,
.customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements,
.bundle-scheduled-summary-lightbox .full-summary-order-info-elements,
.manage-order-wrapper .full-summary-order-info-elements,
.manage-booking-wrapper .full-summary-order-info-elements {
display: flex;
gap: 10px;
font-size: 15px;
}
.customer-dashboard-order-summary-lightbox .full-summary-order-info-elements .fsoi-element,
.customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements .fsoi-element,
.bundle-scheduled-summary-lightbox .full-summary-order-info-elements .fsoi-element,
.manage-order-wrapper .full-summary-order-info-elements .fsoi-element,
.manage-booking-wrapper .full-summary-order-info-elements .fsoi-element {
display: flex;
gap: 2px;
}
.customer-dashboard-order-summary-lightbox .full-summary-order-info-elements span,
.customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements span,
.bundle-scheduled-summary-lightbox .full-summary-order-info-elements span,
.manage-order-wrapper .full-summary-order-info-elements span,
.manage-booking-wrapper .full-summary-order-info-elements span {
color: #7c85a3;
display: block;
}
.customer-dashboard-order-summary-lightbox .full-summary-order-info-elements strong,
.customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements strong,
.bundle-scheduled-summary-lightbox .full-summary-order-info-elements strong,
.manage-order-wrapper .full-summary-order-info-elements strong,
.manage-booking-wrapper .full-summary-order-info-elements strong {
color: #14161d;
display: block;
}
.latepoint-w .latepoint-booking-form-element.current-step-customer .latepoint-summary-w .os-summary-contents-inner .latepoint-add-another-item-trigger-wrapper.on-summary {
display: block;
}
@keyframes osLightboxMobileAnimation {
0% {
transform: translate3d(0%, 10%, 0px) scale(0.9);
opacity: 0;
}
100% {
transform: translate3d(0%, 0%, 0px) scale(1);
opacity: 1;
}
}
@media (min-width: 601px) and (max-width: 1050px) {
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel) .latepoint-form-w {
border-right: none !important;
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel) .latepoint-summary-w {
display: none !important;
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel) .latepoint-summary-w .summary-header {
text-align: left;
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel) .latepoint-summary-w .summary-header span {
margin-left: 15px;
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open .latepoint-summary-w {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.1) 0ms LatepointSlideUpMobileSummary;
animation-fill-mode: both;
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
display: block;
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-booking-form-element:before {
content: "";
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
z-index: 3;
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-lightbox-summary-trigger {
display: block;
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w {
display: block !important;
position: fixed;
top: 50%;
left: 50%;
min-width: 300px;
width: auto;
flex: 1;
border-radius: 0;
bottom: auto;
z-index: 4;
overflow: auto;
box-shadow: 0px 10px 28px -5px rgba(0, 0, 0, 0.4), 0px 2px 3px 0px rgba(0, 0, 0, 0.4);
max-height: 80vh;
transform: translate3d(-50%, -50%, 0);
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w .summary-header .latepoint-lightbox-summary-trigger {
padding: 3px 5px;
line-height: 1.2;
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w .summary-header > div {
justify-content: flex-start;
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w .summary-header span {
margin-left: 0;
}
}
@media (max-width: 600px) {
.latepoint-lightbox-w.latepoint-border-radius-rounded .latepoint-lightbox-i {
border-radius: 0;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.week-day-1 .os-available-slots-tooltip,
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.week-day-7 .os-available-slots-tooltip {
transform: none;
animation: 0.1s ease latepointAvailabilityPopupY;
animation-fill-mode: both;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.week-day-7 .os-available-slots-tooltip {
left: auto;
right: 0;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.week-day-1 .os-available-slots-tooltip {
left: 0;
}
.latepoint-w.latepoint-lightbox-form {
height: 100%;
}
.latepoint-w .latepoint-booking-form-element {
flex: 1;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w {
width: 100%;
flex: 1;
}
.summary-header .checkout-from-summary-panel-btn-wrapper {
display: none;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-summary-main-section {
padding: 0 20px;
}
.latepoint-summary-w .summary-price-breakdown-wrapper .summary-price-breakdown-inner {
padding: 0 20px 20px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents {
overflow: hidden;
}
.checkout-from-summary-panel-btn-wrapper.os-mobile-only {
display: block;
padding: 10px 20px;
background-color: #fff;
position: sticky;
top: 0;
z-index: 1;
border-bottom: 1px solid #f1f1f1;
}
.checkout-from-summary-panel-btn-wrapper.os-mobile-only .checkout-from-summary-panel-btn {
justify-content: space-between;
}
.checkout-from-summary-panel-btn-wrapper.os-mobile-only + .os-summary-contents-inner {
padding-top: 10px;
}
.le-day-view-wrapper .le-day-schedule-wrapper {
padding: 30px 15px;
}
.latepoint-calendar-controls {
flex-wrap: wrap;
}
.latepoint-calendar-controls .le-navigation .le-today {
display: none;
}
.latepoint-calendar-controls .le-week, .latepoint-calendar-controls .le-month {
white-space: nowrap;
flex: 0 0 100%;
text-align: center;
}
.latepoint-calendar-controls .le-filter {
padding: 10px 12px;
}
.latepoint-calendar-controls .le-filter span {
display: none;
}
.latepoint-calendar-controls .le-range-selector {
margin-left: 0;
}
.latepoint-calendar-controls .le-navigation-wrapper {
margin-left: auto;
border-left: none;
}
.latepoint-calendar-week .le-day-weekday-wrapper {
position: relative;
top: 0;
}
.latepoint-calendar-filters .le-filters-label {
display: none;
}
.latepoint-calendar-wrapper.show-filters .latepoint-calendar-filters {
display: block;
}
.latepoint-calendar-wrapper.show-filters .latepoint-calendar-filters .os-form-group + .os-form-group {
margin-top: 10px;
}
.latepoint-calendar-wrapper.show-filters .latepoint-calendar-filters select {
display: block;
width: 100%;
}
.latepoint-calendar-week {
overflow-x: auto;
padding-left: 0;
padding-bottom: 10px;
grid-template-columns: 200px 200px 200px 200px 200px 200px 200px;
}
.latepoint-calendar-week .le-day-wrapper {
flex: 0 0 100px;
}
.latepoint-calendar-month {
grid-template-columns: 200px 200px 200px 200px 200px 200px 200px;
overflow-x: scroll;
}
.latepoint-calendar-week .le-day-wrapper:first-child .day-schedule-timeslot-value {
display: none;
}
.le-day-view-wrapper .le-day-info-section {
padding: 20px 15px;
}
.le-day-view-wrapper .le-day-info-section .le-day-info .le-day-number {
font-size: 45px;
}
.le-day-view-wrapper .le-day-info-section .le-day-filters-wrapper {
margin-left: 15px;
padding-left: 15px;
}
.le-day-view-wrapper .le-day-info-section .le-day-heading {
margin-bottom: 7px;
font-size: 21px;
}
.latepoint-lightbox-w .latepoint-lightbox-i .latepoint-lightbox-close {
top: 5px;
right: 5px;
}
.latepoint-clean-body.with-pattern > .latepoint-w {
padding: 0px;
}
.latepoint-w .manage-order-wrapper,
.latepoint-w .manage-booking-wrapper {
margin: 0;
}
.latepoint-w .manage-order-wrapper .manage-booking-controls,
.latepoint-w .manage-booking-wrapper .manage-booking-controls {
padding: 10px;
gap: 10px;
}
.latepoint-w .manage-order-wrapper .manage-booking-inner,
.latepoint-w .manage-booking-wrapper .manage-booking-inner {
padding: 20px;
padding-top: 100px;
}
.latepoint-resources-items-w {
display: block;
}
.latepoint-resources-items-w .resource-item {
margin-bottom: 20px;
}
.os-items .os-item.with-details .os-item-i .os-item-img-w {
transform-origin: center center;
transform: translateY(-8px) scale(0.9);
}
.os-items .os-item.with-details .os-item-i .os-item-name-w {
transform: translateY(-18px);
}
.os-items .os-item.with-details .os-item-i .os-item-details-popup-btn {
opacity: 1;
transform: translateY(-7px);
}
.latepoint-w .latepoint-summary-w .summary-header .summary-header-inner {
padding-left: 15px;
padding-right: 15px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .os-summary-contents-inner-top {
padding: 0 20px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-summary-w {
border-radius: 0px !important;
}
.latepoint-w .os-form-group.os-form-phonefield-group .lp_iti__selected-dial-code {
font-size: 16px !important;
}
.latepoint-w.latepoint-with-summary .latepoint-summary-w .summary-header {
text-align: left;
}
.latepoint-w.latepoint-with-summary .latepoint-summary-w .summary-header > div {
justify-content: flex-start;
}
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-summary-w {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.1) 0ms LatepointSlideUpMobileSummary;
animation-fill-mode: both;
}
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
display: block;
}
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-booking-form-element:before {
content: "";
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
z-index: 3;
}
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-lightbox-summary-trigger {
display: block;
}
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w {
display: flex !important;
position: fixed;
top: 50%;
left: 50%;
width: auto;
flex: 1;
border-radius: 0;
bottom: auto;
z-index: 4;
overflow: hidden;
box-shadow: 0px 10px 28px -5px rgba(0, 0, 0, 0.4), 0px 2px 3px 0px rgba(0, 0, 0, 0.4);
max-height: 90vh;
max-width: 90vw;
min-width: 80vw;
transform: translate3d(-50%, -50%, 0);
}
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w .latepoint-lightbox-summary-trigger {
line-height: 1;
right: 15px;
padding: 3px;
}
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w .latepoint-lightbox-summary-trigger i {
display: block;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded {
border-radius: 0px;
}
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-summary-w {
border-radius: 8px;
}
.qr-code-on-full-summary {
display: none !important;
}
.customer-bookings-tiles, .customer-orders-tiles {
grid-template-columns: 1fr;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input {
font-size: 16px !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-progress ul li {
margin: 0px 3px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn {
padding: 10px;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-child-count {
display: none;
}
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .step-datepicker-w {
padding: 0px;
}
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i .os-item-img-w.os-with-avatar {
padding: 5px;
}
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
padding-left: 15px;
padding-right: 15px;
}
.latepoint-w .os-form-group.os-form-textfield-group textarea.os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group select.os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group input[type=password].os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group input[type=email].os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group input[type=number].os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group input[type=text].os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group input[type=tel].os-form-control {
font-size: 18px !important;
}
.latepoint-w .customer-bookings-tiles .customer-booking {
flex: 1;
}
.latepoint-w .customer-dashboard-tabs {
overflow-x: auto;
}
.latepoint-w .customer-dashboard-tabs a {
margin: 0px 0px;
text-align: center;
white-space: nowrap;
}
.latepoint-w .customer-dashboard-tabs a + a {
margin-left: 15px;
}
.latepoint-w .customer-dashboard-tabs a:after {
bottom: 0px;
top: auto;
height: 0px;
width: 100%;
}
.latepoint-w .customer-dashboard-tabs a.active:after {
height: 3px;
}
.latepoint-w .latepoint-section-heading-w .heading-extra {
display: none;
}
.latepoint-w .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group {
display: block;
}
.latepoint-w .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group label {
margin-bottom: 5px;
}
.latepoint-w .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group select {
width: 100% !important;
}
.latepoint-w .dp-timeslot {
height: 30px;
}
.latepoint-w .dp-timeslot .dp-tick {
top: 40px;
}
.latepoint-w.latepoint-summary-is-open.show-summary-on-mobile .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel {
display: none;
}
.latepoint-w .latepoint-booking-form-element {
display: block;
height: 100%;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-timezone-selector-w {
display: none !important;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid {
justify-content: space-evenly;
}
.latepoint-w .latepoint-booking-form-element .step-datepicker-w {
padding: 10px 0px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info {
flex-direction: column;
align-items: center;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-deposit-price-w,
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-total-price-w {
padding: 8px 0px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-trigger-w {
margin-bottom: 5px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-trigger-w a {
margin-left: 0px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w {
margin-left: 0px !important;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input {
font-size: 18px !important;
-webkit-appearance: none;
width: 155px !important;
border-radius: 0px !important;
}
.latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li a {
padding: 5px 10px;
}
.latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li a .service-price-w {
padding-left: 5px;
margin-left: 5px;
}
.latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li a .service-img-w {
margin-right: 10px;
}
.latepoint-w .latepoint-booking-form-element .step-services-w .os-item-category-w .os-item-category-info .os-item-category-services-count {
display: none;
}
.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-durations li .os-duration-value {
font-size: 32px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel {
display: none;
width: 100%;
flex: 1;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .item-quantity-selector-w .item-quantity-selector-input {
font-size: 16px !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w {
padding-left: 15px !important;
padding-right: 15px !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
padding: 15px;
max-height: 100vh; max-height: 100dvh;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-item-details-popup .item-details-popup-content {
padding: 40px 15px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-features {
margin-bottom: 20px;
}
.latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel {
position: absolute;
top: 59px;
z-index: 999;
left: 0px;
right: 0px;
display: block;
flex: 1;
padding: 0px;
border: none !important;
background-color: #fff;
}
.latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-step-desc-w,
.latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-questions,
.latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-progress {
display: none !important;
}
.latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w {
margin-top: 0px;
padding: 10px 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group {
display: flex;
align-items: center;
}
.latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group label {
margin-bottom: 0px;
margin-right: 10px;
white-space: nowrap;
flex: 1;
}
.latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group select {
text-align-last: left;
text-align: center;
}
.latepoint-w .latepoint-summary-w {
display: none !important;
}
.latepoint-w .latepoint-form-w {
height: 100%;
}
.latepoint-w .latepoint-form-w .latepoint-heading-w {
padding-left: 15px !important;
}
.latepoint-w .latepoint-form-w .latepoint-body {
padding-left: 15px;
padding-right: 15px;
}
.latepoint-w .latepoint-lightbox-i {
transform: none;
animation: 0.4s cubic-bezier(0, 1, 0.51, 1) 0s both osLightboxMobileAnimation;
max-height: 100vh;
max-height: 100dvh;
height: 100vh; height: 100dvh;
}
.latepoint-w.front-lightbox .latepoint-lightbox-i {
max-height: 100vh; max-height: 100dvh;
}
.latepoint-lightbox-w {
grid-template-columns: 1fr !important;
}
@keyframes osLightboxAnimation {
0% {
transform: translate3d(0%, -40%, 0px) scale(1.2);
opacity: 0;
}
100% {
transform: translate3d(0%, -50%, 0px) scale(1);
opacity: 1;
}
}
}
@media (min-width: 601px) and (max-width: 959px) {
.latepoint-lightbox-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-summary-w {
display: flex;
}
.latepoint-lightbox-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-form-w {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
}
@media (min-width: 960px) {
.latepoint-w .summary-boxes-columns {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
column-gap: 20px;
row-gap: 20px;
}
.latepoint-w .summary-boxes-columns .summary-box {
flex: 1 1 35%;
}
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-summary-w {
display: flex;
}
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-form-w {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open.latepoint-hide-side-panel {
grid-template-columns: min-content;
}
} @media print {
.summary-box-wrapper + .summary-box-wrapper {
border-top: 2px solid #111;
margin-top: 30px;
padding-top: 30px;
}
.order-full-summary-actions {
display: none;
}
.order-summary-items-heading {
margin-top: 30px;
margin-bottom: 20px;
font-size: 22px;
}
.full-summary-order-info-elements {
margin-top: 20px;
}
.full-summary-wrapper .order-item-bundle-info-wrapper .bundle-icon, .confirmation-info-w .order-item-bundle-info-wrapper .bundle-icon {
display: none;
}
.full-summary-wrapper .schedule-bundle-booking-btn-wrapper, .confirmation-info-w .schedule-bundle-booking-btn-wrapper {
display: none;
}
.qr-code-booking-info img, .qr-code-vevent img {
width: 200px;
height: auto;
}
.fsoi-element {
margin-top: 5px;
}
.part-of-bundle-message {
display: none;
}
.summary-box .summary-box-content .os-avatar-w,
.summary-box .summary-box-content .os-location-image {
display: none;
}
.summary-box .summary-box-content .sbc-content-i {
margin-left: 0;
}
.summary-box .sbc-link-item {
display: none;
}
.summary-box .sbc-big-item {
font-size: 22px;
}
.summary-box .sbc-highlighted-item {
font-size: 18px;
color: #000;
}
.full-summary-wrapper .summary-box-heading, .confirmation-info-w .summary-box-heading {
margin-bottom: 5px;
}
.full-summary-wrapper .summary-box .sbc-main-item, .confirmation-info-w .summary-box .sbc-main-item {
font-size: 18px;
}
.latepoint-w .summary-boxes-columns .summary-box {
margin-bottom: 20px;
}
.summary-box .sbc-main-item a {
display: none;
}
.booking-full-summary-actions {
display: none;
}
.summary-attributes {
padding: 0;
background-color: transparent;
}
.summary-box.main-box .summary-box-booking-date-box,
.summary-box.main-box .qr-show-trigger {
display: none;
}
.booking-status-info-wrapper {
padding: 20px 0;
margin: 0;
margin-bottom: 30px;
border-bottom: 2px solid #111;
flex-direction: row-reverse;
justify-content: space-between;
}
.booking-status-info-wrapper .booking-status-label, .booking-status-info-wrapper .booking-confirmation {
font-size: 22px;
}
.booking-status-info-wrapper .booking-status-icon {
display: none;
}
.booking-status-info-wrapper .booking-confirmation {
margin-left: 0;
}
.fsoi-main-wrapper {
display: none;
}
.latepoint-print-summary-w {
padding: 40px;
}
.latepoint-print-summary-w .full-summary-head-info {
position: relative;
}
.latepoint-print-summary-w .qr-code-on-full-summary {
display: flex;
gap: 50px;
margin-bottom: 20px;
}
.latepoint-print-summary-w .qr-code-on-full-summary .qr-show-trigger {
display: none;
}
.latepoint-print-summary-w .qr-code-on-full-summary .qr-code-booking-info,
.latepoint-print-summary-w .qr-code-on-full-summary .qr-code-vevent {
flex: 1;
text-align: center;
border: 2px dotted #111;
padding: 30px;
}
.latepoint-print-summary-w .qr-code-on-full-summary .qr-code-booking-info img,
.latepoint-print-summary-w .qr-code-on-full-summary .qr-code-vevent img {
width: 200px;
height: 200px;
display: block;
margin: 0px auto 10px;
}
.latepoint-print-summary-w .qr-code-on-full-summary .qr-code-booking-info .qr-code-label,
.latepoint-print-summary-w .qr-code-on-full-summary .qr-code-vevent .qr-code-label {
text-align: center;
font-size: 14px;
}
.latepoint-print-summary-w .payment-summary-info .full-summary-info-w {
margin-top: 0px;
}
.latepoint-print-summary-w .full-summary-header {
margin-bottom: 0px;
margin-top: 0px;
}
.latepoint-print-summary-w .full-summary-number {
color: #7c85a3;
padding-top: 0px;
margin-bottom: 8px;
font-size: 13px;
letter-spacing: 0.5px;
text-transform: uppercase;
font-weight: 600;
}
.latepoint-print-summary-w .full-summary-number strong {
font-size: 39px;
letter-spacing: normal;
color: #14161d;
display: block;
line-height: 1.1;
}
}
.latepoint-admin .lp_iti--separate-dial-code .lp_iti__selected-dial-code {
padding-top: 1px;
}
body.latepoint .os-form-phonefield-group:not(.has-value) .lp_iti {
align-items: center;
}
.latepoint-admin .lp_iti, .latepoint .lp_iti {
position: relative;
display: flex;
align-items: flex-end;
}
.latepoint-admin .lp_iti *, .latepoint .lp_iti * {
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.latepoint-admin .lp_iti__hide, .latepoint .lp_iti__hide {
display: none;
}
.latepoint-admin .lp_iti__v-hide, .latepoint .lp_iti__v-hide {
visibility: hidden;
}
.latepoint-admin .lp_iti input, .latepoint-admin .lp_iti input[type=text], .latepoint-admin .lp_iti input[type=tel], .latepoint .lp_iti input, .latepoint .lp_iti input[type=text], .latepoint .lp_iti input[type=tel] {
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-right: 36px;
margin-right: 0;
}
.latepoint-admin .lp_iti__flag-container, .latepoint .lp_iti__flag-container {
position: relative;
}
.latepoint-admin .lp_iti__selected-flag, .latepoint .lp_iti__selected-flag {
z-index: 1;
position: relative;
display: flex;
align-items: center;
padding: 8px 6px 8px 0px;
min-height: 20px;
}
.latepoint-admin .lp_iti__arrow, .latepoint .lp_iti__arrow {
margin-left: 4px;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid #555;
margin-right: 0px;
}
.latepoint-admin .lp_iti__arrow--up, .latepoint .lp_iti__arrow--up {
margin-left: 6px;
border-top: 3px solid transparent;
border-bottom: 3px solid transparent;
border-left: 4px solid #555;
border-right: none;
}
.latepoint-admin .lp_iti__country-list, .latepoint .lp_iti__country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0;
border: 1px solid #ababbf;
border-bottom-color: #9c9ead;
border-radius: 6px;
box-shadow: 0px 5px 8px -3px rgba(0, 0, 0, 0.2), 0px 5px 20px -5px rgba(0, 0, 0, 0.2);
background-color: #fff;
white-space: nowrap;
max-height: 200px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
margin: 0px;
margin-bottom: 1px;
margin-left: -1px;
font-size: 15px;
}
.latepoint-admin .lp_iti__country-list--dropup, .latepoint .lp_iti__country-list--dropup {
bottom: 100%;
margin-bottom: -1px;
}
@media (max-width: 500px) {
.latepoint-admin .lp_iti__country-list, .latepoint .lp_iti__country-list {
white-space: normal;
}
}
.latepoint-admin .lp_iti__flag-box, .latepoint .lp_iti__flag-box {
display: inline-block;
width: 20px;
}
.latepoint-admin .lp_iti__divider, .latepoint .lp_iti__divider {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #CCC;
}
.latepoint-admin .lp_iti__country, .latepoint .lp_iti__country {
padding: 6px 8px;
outline: none;
margin-bottom: 0px;
}
.latepoint-admin .lp_iti__dial-code, .latepoint .lp_iti__dial-code {
color: #999;
}
.latepoint-admin .lp_iti__country.lp_iti__highlight, .latepoint .lp_iti__country.lp_iti__highlight {
background-color: rgba(0, 0, 0, 0.05);
}
.latepoint-admin .lp_iti__flag-box, .latepoint-admin .lp_iti__country-name, .latepoint-admin .lp_iti__dial-code, .latepoint .lp_iti__flag-box, .latepoint .lp_iti__country-name, .latepoint .lp_iti__dial-code {
vertical-align: middle;
}
.latepoint-admin .lp_iti__flag-box, .latepoint-admin .lp_iti__country-name, .latepoint .lp_iti__flag-box, .latepoint .lp_iti__country-name {
margin-right: 6px;
}
.latepoint-admin .lp_iti--allow-dropdown input, .latepoint-admin .lp_iti--allow-dropdown input[type=text], .latepoint-admin .lp_iti--allow-dropdown input[type=tel], .latepoint-admin .lp_iti--separate-dial-code input, .latepoint-admin .lp_iti--separate-dial-code input[type=text], .latepoint-admin .lp_iti--separate-dial-code input[type=tel], .latepoint .lp_iti--allow-dropdown input, .latepoint .lp_iti--allow-dropdown input[type=text], .latepoint .lp_iti--allow-dropdown input[type=tel], .latepoint .lp_iti--separate-dial-code input, .latepoint .lp_iti--separate-dial-code input[type=text], .latepoint .lp_iti--separate-dial-code input[type=tel] {
padding-right: 6px;
padding-left: 52px;
margin-left: 0;
}
.latepoint-admin .lp_iti--allow-dropdown .lp_iti__flag-container, .latepoint-admin .lp_iti--separate-dial-code .lp_iti__flag-container, .latepoint .lp_iti--allow-dropdown .lp_iti__flag-container, .latepoint .lp_iti--separate-dial-code .lp_iti__flag-container {
right: auto;
left: 0;
}
.latepoint-admin .lp_iti--allow-dropdown .lp_iti__flag-container:hover, .latepoint .lp_iti--allow-dropdown .lp_iti__flag-container:hover {
cursor: pointer;
}
.latepoint-admin .lp_iti--allow-dropdown input[disabled] + .lp_iti__flag-container:hover,
.latepoint-admin .lp_iti--allow-dropdown input[readonly] + .lp_iti__flag-container:hover, .latepoint .lp_iti--allow-dropdown input[disabled] + .lp_iti__flag-container:hover,
.latepoint .lp_iti--allow-dropdown input[readonly] + .lp_iti__flag-container:hover {
cursor: default;
}
.latepoint-admin .lp_iti--allow-dropdown input[disabled] + .lp_iti__flag-container:hover .lp_iti__selected-flag,
.latepoint-admin .lp_iti--allow-dropdown input[readonly] + .lp_iti__flag-container:hover .lp_iti__selected-flag, .latepoint .lp_iti--allow-dropdown input[disabled] + .lp_iti__flag-container:hover .lp_iti__selected-flag,
.latepoint .lp_iti--allow-dropdown input[readonly] + .lp_iti__flag-container:hover .lp_iti__selected-flag {
background-color: transparent;
}
.latepoint-admin .lp_iti--separate-dial-code .lp_iti__selected-dial-code, .latepoint .lp_iti--separate-dial-code .lp_iti__selected-dial-code {
margin-left: 6px;
}
.latepoint-admin .lp_iti--container, .latepoint .lp_iti--container {
position: absolute;
top: -1000px;
left: -1000px;
z-index: 1000000;
padding: 1px;
}
.latepoint-admin .lp_iti--container:hover, .latepoint .lp_iti--container:hover {
cursor: pointer;
}
.latepoint-admin.lp_iti-mobile .lp_iti--container, .latepoint.lp_iti-mobile .lp_iti--container {
top: 20px;
bottom: 20px;
left: 20px;
right: 20px;
position: fixed;
z-index: 1000000;
}
.latepoint-admin.lp_iti-mobile .lp_iti__country-list, .latepoint.lp_iti-mobile .lp_iti__country-list {
max-height: 100%;
width: 100%;
}
.latepoint-admin.lp_iti-mobile .lp_iti__country, .latepoint.lp_iti-mobile .lp_iti__country {
padding: 10px 10px;
line-height: 1.5em;
}
.latepoint-admin .lp_iti__flag, .latepoint .lp_iti__flag {
width: 20px;
}
.latepoint-admin .lp_iti__flag.lp_iti__be, .latepoint .lp_iti__flag.lp_iti__be {
width: 18px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ch, .latepoint .lp_iti__flag.lp_iti__ch {
width: 15px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mc, .latepoint .lp_iti__flag.lp_iti__mc {
width: 19px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ne, .latepoint .lp_iti__flag.lp_iti__ne {
width: 18px;
}
.latepoint-admin .lp_iti__flag.lp_iti__np, .latepoint .lp_iti__flag.lp_iti__np {
width: 13px;
}
.latepoint-admin .lp_iti__flag.lp_iti__va, .latepoint .lp_iti__flag.lp_iti__va {
width: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.latepoint-admin .lp_iti__flag, .latepoint .lp_iti__flag {
background-size: 5652px 15px;
}
}
.latepoint-admin .lp_iti__flag.lp_iti__ac, .latepoint .lp_iti__flag.lp_iti__ac {
height: 10px;
background-position: 0px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ad, .latepoint .lp_iti__flag.lp_iti__ad {
height: 14px;
background-position: -22px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ae, .latepoint .lp_iti__flag.lp_iti__ae {
height: 10px;
background-position: -44px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__af, .latepoint .lp_iti__flag.lp_iti__af {
height: 14px;
background-position: -66px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ag, .latepoint .lp_iti__flag.lp_iti__ag {
height: 14px;
background-position: -88px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ai, .latepoint .lp_iti__flag.lp_iti__ai {
height: 10px;
background-position: -110px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__al, .latepoint .lp_iti__flag.lp_iti__al {
height: 15px;
background-position: -132px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__am, .latepoint .lp_iti__flag.lp_iti__am {
height: 10px;
background-position: -154px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ao, .latepoint .lp_iti__flag.lp_iti__ao {
height: 14px;
background-position: -176px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__aq, .latepoint .lp_iti__flag.lp_iti__aq {
height: 14px;
background-position: -198px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ar, .latepoint .lp_iti__flag.lp_iti__ar {
height: 13px;
background-position: -220px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__as, .latepoint .lp_iti__flag.lp_iti__as {
height: 10px;
background-position: -242px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__at, .latepoint .lp_iti__flag.lp_iti__at {
height: 14px;
background-position: -264px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__au, .latepoint .lp_iti__flag.lp_iti__au {
height: 10px;
background-position: -286px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__aw, .latepoint .lp_iti__flag.lp_iti__aw {
height: 14px;
background-position: -308px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ax, .latepoint .lp_iti__flag.lp_iti__ax {
height: 13px;
background-position: -330px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__az, .latepoint .lp_iti__flag.lp_iti__az {
height: 10px;
background-position: -352px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ba, .latepoint .lp_iti__flag.lp_iti__ba {
height: 10px;
background-position: -374px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bb, .latepoint .lp_iti__flag.lp_iti__bb {
height: 14px;
background-position: -396px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bd, .latepoint .lp_iti__flag.lp_iti__bd {
height: 12px;
background-position: -418px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__be, .latepoint .lp_iti__flag.lp_iti__be {
height: 15px;
background-position: -440px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bf, .latepoint .lp_iti__flag.lp_iti__bf {
height: 14px;
background-position: -460px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bg, .latepoint .lp_iti__flag.lp_iti__bg {
height: 12px;
background-position: -482px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bh, .latepoint .lp_iti__flag.lp_iti__bh {
height: 12px;
background-position: -504px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bi, .latepoint .lp_iti__flag.lp_iti__bi {
height: 12px;
background-position: -526px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bj, .latepoint .lp_iti__flag.lp_iti__bj {
height: 14px;
background-position: -548px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bl, .latepoint .lp_iti__flag.lp_iti__bl {
height: 14px;
background-position: -570px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bm, .latepoint .lp_iti__flag.lp_iti__bm {
height: 10px;
background-position: -592px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bn, .latepoint .lp_iti__flag.lp_iti__bn {
height: 10px;
background-position: -614px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bo, .latepoint .lp_iti__flag.lp_iti__bo {
height: 14px;
background-position: -636px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bq, .latepoint .lp_iti__flag.lp_iti__bq {
height: 14px;
background-position: -658px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__br, .latepoint .lp_iti__flag.lp_iti__br {
height: 14px;
background-position: -680px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bs, .latepoint .lp_iti__flag.lp_iti__bs {
height: 10px;
background-position: -702px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bt, .latepoint .lp_iti__flag.lp_iti__bt {
height: 14px;
background-position: -724px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bv, .latepoint .lp_iti__flag.lp_iti__bv {
height: 15px;
background-position: -746px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bw, .latepoint .lp_iti__flag.lp_iti__bw {
height: 14px;
background-position: -768px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__by, .latepoint .lp_iti__flag.lp_iti__by {
height: 10px;
background-position: -790px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bz, .latepoint .lp_iti__flag.lp_iti__bz {
height: 14px;
background-position: -812px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ca, .latepoint .lp_iti__flag.lp_iti__ca {
height: 10px;
background-position: -834px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cc, .latepoint .lp_iti__flag.lp_iti__cc {
height: 10px;
background-position: -856px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cd, .latepoint .lp_iti__flag.lp_iti__cd {
height: 15px;
background-position: -878px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cf, .latepoint .lp_iti__flag.lp_iti__cf {
height: 14px;
background-position: -900px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cg, .latepoint .lp_iti__flag.lp_iti__cg {
height: 14px;
background-position: -922px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ch, .latepoint .lp_iti__flag.lp_iti__ch {
height: 15px;
background-position: -944px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ci, .latepoint .lp_iti__flag.lp_iti__ci {
height: 14px;
background-position: -961px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ck, .latepoint .lp_iti__flag.lp_iti__ck {
height: 10px;
background-position: -983px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cl, .latepoint .lp_iti__flag.lp_iti__cl {
height: 14px;
background-position: -1005px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cm, .latepoint .lp_iti__flag.lp_iti__cm {
height: 14px;
background-position: -1027px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cn, .latepoint .lp_iti__flag.lp_iti__cn {
height: 14px;
background-position: -1049px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__co, .latepoint .lp_iti__flag.lp_iti__co {
height: 14px;
background-position: -1071px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cp, .latepoint .lp_iti__flag.lp_iti__cp {
height: 14px;
background-position: -1093px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cr, .latepoint .lp_iti__flag.lp_iti__cr {
height: 12px;
background-position: -1115px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cu, .latepoint .lp_iti__flag.lp_iti__cu {
height: 10px;
background-position: -1137px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cv, .latepoint .lp_iti__flag.lp_iti__cv {
height: 12px;
background-position: -1159px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cw, .latepoint .lp_iti__flag.lp_iti__cw {
height: 14px;
background-position: -1181px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cx, .latepoint .lp_iti__flag.lp_iti__cx {
height: 10px;
background-position: -1203px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cy, .latepoint .lp_iti__flag.lp_iti__cy {
height: 14px;
background-position: -1225px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cz, .latepoint .lp_iti__flag.lp_iti__cz {
height: 14px;
background-position: -1247px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__de, .latepoint .lp_iti__flag.lp_iti__de {
height: 12px;
background-position: -1269px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__dg, .latepoint .lp_iti__flag.lp_iti__dg {
height: 10px;
background-position: -1291px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__dj, .latepoint .lp_iti__flag.lp_iti__dj {
height: 14px;
background-position: -1313px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__dk, .latepoint .lp_iti__flag.lp_iti__dk {
height: 15px;
background-position: -1335px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__dm, .latepoint .lp_iti__flag.lp_iti__dm {
height: 10px;
background-position: -1357px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__do, .latepoint .lp_iti__flag.lp_iti__do {
height: 14px;
background-position: -1379px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__dz, .latepoint .lp_iti__flag.lp_iti__dz {
height: 14px;
background-position: -1401px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ea, .latepoint .lp_iti__flag.lp_iti__ea {
height: 14px;
background-position: -1423px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ec, .latepoint .lp_iti__flag.lp_iti__ec {
height: 14px;
background-position: -1445px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ee, .latepoint .lp_iti__flag.lp_iti__ee {
height: 13px;
background-position: -1467px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__eg, .latepoint .lp_iti__flag.lp_iti__eg {
height: 14px;
background-position: -1489px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__eh, .latepoint .lp_iti__flag.lp_iti__eh {
height: 10px;
background-position: -1511px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__er, .latepoint .lp_iti__flag.lp_iti__er {
height: 10px;
background-position: -1533px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__es, .latepoint .lp_iti__flag.lp_iti__es {
height: 14px;
background-position: -1555px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__et, .latepoint .lp_iti__flag.lp_iti__et {
height: 10px;
background-position: -1577px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__eu, .latepoint .lp_iti__flag.lp_iti__eu {
height: 14px;
background-position: -1599px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__fi, .latepoint .lp_iti__flag.lp_iti__fi {
height: 12px;
background-position: -1621px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__fj, .latepoint .lp_iti__flag.lp_iti__fj {
height: 10px;
background-position: -1643px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__fk, .latepoint .lp_iti__flag.lp_iti__fk {
height: 10px;
background-position: -1665px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__fm, .latepoint .lp_iti__flag.lp_iti__fm {
height: 11px;
background-position: -1687px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__fo, .latepoint .lp_iti__flag.lp_iti__fo {
height: 15px;
background-position: -1709px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__fr, .latepoint .lp_iti__flag.lp_iti__fr {
height: 14px;
background-position: -1731px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ga, .latepoint .lp_iti__flag.lp_iti__ga {
height: 15px;
background-position: -1753px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gb, .latepoint .lp_iti__flag.lp_iti__gb {
height: 10px;
background-position: -1775px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gd, .latepoint .lp_iti__flag.lp_iti__gd {
height: 12px;
background-position: -1797px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ge, .latepoint .lp_iti__flag.lp_iti__ge {
height: 14px;
background-position: -1819px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gf, .latepoint .lp_iti__flag.lp_iti__gf {
height: 14px;
background-position: -1841px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gg, .latepoint .lp_iti__flag.lp_iti__gg {
height: 14px;
background-position: -1863px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gh, .latepoint .lp_iti__flag.lp_iti__gh {
height: 14px;
background-position: -1885px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gi, .latepoint .lp_iti__flag.lp_iti__gi {
height: 10px;
background-position: -1907px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gl, .latepoint .lp_iti__flag.lp_iti__gl {
height: 14px;
background-position: -1929px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gm, .latepoint .lp_iti__flag.lp_iti__gm {
height: 14px;
background-position: -1951px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gn, .latepoint .lp_iti__flag.lp_iti__gn {
height: 14px;
background-position: -1973px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gp, .latepoint .lp_iti__flag.lp_iti__gp {
height: 14px;
background-position: -1995px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gq, .latepoint .lp_iti__flag.lp_iti__gq {
height: 14px;
background-position: -2017px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gr, .latepoint .lp_iti__flag.lp_iti__gr {
height: 14px;
background-position: -2039px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gs, .latepoint .lp_iti__flag.lp_iti__gs {
height: 10px;
background-position: -2061px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gt, .latepoint .lp_iti__flag.lp_iti__gt {
height: 13px;
background-position: -2083px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gu, .latepoint .lp_iti__flag.lp_iti__gu {
height: 11px;
background-position: -2105px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gw, .latepoint .lp_iti__flag.lp_iti__gw {
height: 10px;
background-position: -2127px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gy, .latepoint .lp_iti__flag.lp_iti__gy {
height: 12px;
background-position: -2149px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__hk, .latepoint .lp_iti__flag.lp_iti__hk {
height: 14px;
background-position: -2171px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__hm, .latepoint .lp_iti__flag.lp_iti__hm {
height: 10px;
background-position: -2193px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__hn, .latepoint .lp_iti__flag.lp_iti__hn {
height: 10px;
background-position: -2215px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__hr, .latepoint .lp_iti__flag.lp_iti__hr {
height: 10px;
background-position: -2237px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ht, .latepoint .lp_iti__flag.lp_iti__ht {
height: 12px;
background-position: -2259px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__hu, .latepoint .lp_iti__flag.lp_iti__hu {
height: 10px;
background-position: -2281px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ic, .latepoint .lp_iti__flag.lp_iti__ic {
height: 14px;
background-position: -2303px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__id, .latepoint .lp_iti__flag.lp_iti__id {
height: 14px;
background-position: -2325px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ie, .latepoint .lp_iti__flag.lp_iti__ie {
height: 10px;
background-position: -2347px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__il, .latepoint .lp_iti__flag.lp_iti__il {
height: 15px;
background-position: -2369px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__im, .latepoint .lp_iti__flag.lp_iti__im {
height: 10px;
background-position: -2391px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__in, .latepoint .lp_iti__flag.lp_iti__in {
height: 14px;
background-position: -2413px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__io, .latepoint .lp_iti__flag.lp_iti__io {
height: 10px;
background-position: -2435px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__iq, .latepoint .lp_iti__flag.lp_iti__iq {
height: 14px;
background-position: -2457px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ir, .latepoint .lp_iti__flag.lp_iti__ir {
height: 12px;
background-position: -2479px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__is, .latepoint .lp_iti__flag.lp_iti__is {
height: 15px;
background-position: -2501px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__it, .latepoint .lp_iti__flag.lp_iti__it {
height: 14px;
background-position: -2523px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__je, .latepoint .lp_iti__flag.lp_iti__je {
height: 12px;
background-position: -2545px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__jm, .latepoint .lp_iti__flag.lp_iti__jm {
height: 10px;
background-position: -2567px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__jo, .latepoint .lp_iti__flag.lp_iti__jo {
height: 10px;
background-position: -2589px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__jp, .latepoint .lp_iti__flag.lp_iti__jp {
height: 14px;
background-position: -2611px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ke, .latepoint .lp_iti__flag.lp_iti__ke {
height: 14px;
background-position: -2633px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__kg, .latepoint .lp_iti__flag.lp_iti__kg {
height: 12px;
background-position: -2655px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__kh, .latepoint .lp_iti__flag.lp_iti__kh {
height: 13px;
background-position: -2677px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ki, .latepoint .lp_iti__flag.lp_iti__ki {
height: 10px;
background-position: -2699px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__km, .latepoint .lp_iti__flag.lp_iti__km {
height: 12px;
background-position: -2721px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__kn, .latepoint .lp_iti__flag.lp_iti__kn {
height: 14px;
background-position: -2743px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__kp, .latepoint .lp_iti__flag.lp_iti__kp {
height: 10px;
background-position: -2765px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__kr, .latepoint .lp_iti__flag.lp_iti__kr {
height: 14px;
background-position: -2787px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__kw, .latepoint .lp_iti__flag.lp_iti__kw {
height: 10px;
background-position: -2809px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ky, .latepoint .lp_iti__flag.lp_iti__ky {
height: 10px;
background-position: -2831px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__kz, .latepoint .lp_iti__flag.lp_iti__kz {
height: 10px;
background-position: -2853px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__la, .latepoint .lp_iti__flag.lp_iti__la {
height: 14px;
background-position: -2875px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__lb, .latepoint .lp_iti__flag.lp_iti__lb {
height: 14px;
background-position: -2897px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__lc, .latepoint .lp_iti__flag.lp_iti__lc {
height: 10px;
background-position: -2919px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__li, .latepoint .lp_iti__flag.lp_iti__li {
height: 12px;
background-position: -2941px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__lk, .latepoint .lp_iti__flag.lp_iti__lk {
height: 10px;
background-position: -2963px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__lr, .latepoint .lp_iti__flag.lp_iti__lr {
height: 11px;
background-position: -2985px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ls, .latepoint .lp_iti__flag.lp_iti__ls {
height: 14px;
background-position: -3007px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__lt, .latepoint .lp_iti__flag.lp_iti__lt {
height: 12px;
background-position: -3029px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__lu, .latepoint .lp_iti__flag.lp_iti__lu {
height: 12px;
background-position: -3051px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__lv, .latepoint .lp_iti__flag.lp_iti__lv {
height: 10px;
background-position: -3073px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ly, .latepoint .lp_iti__flag.lp_iti__ly {
height: 10px;
background-position: -3095px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ma, .latepoint .lp_iti__flag.lp_iti__ma {
height: 14px;
background-position: -3117px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mc, .latepoint .lp_iti__flag.lp_iti__mc {
height: 15px;
background-position: -3139px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__md, .latepoint .lp_iti__flag.lp_iti__md {
height: 10px;
background-position: -3160px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__me, .latepoint .lp_iti__flag.lp_iti__me {
height: 10px;
background-position: -3182px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mf, .latepoint .lp_iti__flag.lp_iti__mf {
height: 14px;
background-position: -3204px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mg, .latepoint .lp_iti__flag.lp_iti__mg {
height: 14px;
background-position: -3226px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mh, .latepoint .lp_iti__flag.lp_iti__mh {
height: 11px;
background-position: -3248px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mk, .latepoint .lp_iti__flag.lp_iti__mk {
height: 10px;
background-position: -3270px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ml, .latepoint .lp_iti__flag.lp_iti__ml {
height: 14px;
background-position: -3292px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mm, .latepoint .lp_iti__flag.lp_iti__mm {
height: 14px;
background-position: -3314px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mn, .latepoint .lp_iti__flag.lp_iti__mn {
height: 10px;
background-position: -3336px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mo, .latepoint .lp_iti__flag.lp_iti__mo {
height: 14px;
background-position: -3358px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mp, .latepoint .lp_iti__flag.lp_iti__mp {
height: 10px;
background-position: -3380px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mq, .latepoint .lp_iti__flag.lp_iti__mq {
height: 14px;
background-position: -3402px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mr, .latepoint .lp_iti__flag.lp_iti__mr {
height: 14px;
background-position: -3424px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ms, .latepoint .lp_iti__flag.lp_iti__ms {
height: 10px;
background-position: -3446px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mt, .latepoint .lp_iti__flag.lp_iti__mt {
height: 14px;
background-position: -3468px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mu, .latepoint .lp_iti__flag.lp_iti__mu {
height: 14px;
background-position: -3490px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mv, .latepoint .lp_iti__flag.lp_iti__mv {
height: 14px;
background-position: -3512px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mw, .latepoint .lp_iti__flag.lp_iti__mw {
height: 14px;
background-position: -3534px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mx, .latepoint .lp_iti__flag.lp_iti__mx {
height: 12px;
background-position: -3556px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__my, .latepoint .lp_iti__flag.lp_iti__my {
height: 10px;
background-position: -3578px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mz, .latepoint .lp_iti__flag.lp_iti__mz {
height: 14px;
background-position: -3600px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__na, .latepoint .lp_iti__flag.lp_iti__na {
height: 14px;
background-position: -3622px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__nc, .latepoint .lp_iti__flag.lp_iti__nc {
height: 10px;
background-position: -3644px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ne, .latepoint .lp_iti__flag.lp_iti__ne {
height: 15px;
background-position: -3666px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__nf, .latepoint .lp_iti__flag.lp_iti__nf {
height: 10px;
background-position: -3686px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ng, .latepoint .lp_iti__flag.lp_iti__ng {
height: 10px;
background-position: -3708px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ni, .latepoint .lp_iti__flag.lp_iti__ni {
height: 12px;
background-position: -3730px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__nl, .latepoint .lp_iti__flag.lp_iti__nl {
height: 14px;
background-position: -3752px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__no, .latepoint .lp_iti__flag.lp_iti__no {
height: 15px;
background-position: -3774px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__np, .latepoint .lp_iti__flag.lp_iti__np {
height: 15px;
background-position: -3796px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__nr, .latepoint .lp_iti__flag.lp_iti__nr {
height: 10px;
background-position: -3811px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__nu, .latepoint .lp_iti__flag.lp_iti__nu {
height: 10px;
background-position: -3833px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__nz, .latepoint .lp_iti__flag.lp_iti__nz {
height: 10px;
background-position: -3855px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__om, .latepoint .lp_iti__flag.lp_iti__om {
height: 10px;
background-position: -3877px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pa, .latepoint .lp_iti__flag.lp_iti__pa {
height: 14px;
background-position: -3899px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pe, .latepoint .lp_iti__flag.lp_iti__pe {
height: 14px;
background-position: -3921px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pf, .latepoint .lp_iti__flag.lp_iti__pf {
height: 14px;
background-position: -3943px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pg, .latepoint .lp_iti__flag.lp_iti__pg {
height: 15px;
background-position: -3965px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ph, .latepoint .lp_iti__flag.lp_iti__ph {
height: 10px;
background-position: -3987px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pk, .latepoint .lp_iti__flag.lp_iti__pk {
height: 14px;
background-position: -4009px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pl, .latepoint .lp_iti__flag.lp_iti__pl {
height: 13px;
background-position: -4031px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pm, .latepoint .lp_iti__flag.lp_iti__pm {
height: 14px;
background-position: -4053px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pn, .latepoint .lp_iti__flag.lp_iti__pn {
height: 10px;
background-position: -4075px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pr, .latepoint .lp_iti__flag.lp_iti__pr {
height: 14px;
background-position: -4097px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ps, .latepoint .lp_iti__flag.lp_iti__ps {
height: 10px;
background-position: -4119px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pt, .latepoint .lp_iti__flag.lp_iti__pt {
height: 14px;
background-position: -4141px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pw, .latepoint .lp_iti__flag.lp_iti__pw {
height: 13px;
background-position: -4163px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__py, .latepoint .lp_iti__flag.lp_iti__py {
height: 11px;
background-position: -4185px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__qa, .latepoint .lp_iti__flag.lp_iti__qa {
height: 8px;
background-position: -4207px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__re, .latepoint .lp_iti__flag.lp_iti__re {
height: 14px;
background-position: -4229px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ro, .latepoint .lp_iti__flag.lp_iti__ro {
height: 14px;
background-position: -4251px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__rs, .latepoint .lp_iti__flag.lp_iti__rs {
height: 14px;
background-position: -4273px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ru, .latepoint .lp_iti__flag.lp_iti__ru {
height: 14px;
background-position: -4295px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__rw, .latepoint .lp_iti__flag.lp_iti__rw {
height: 14px;
background-position: -4317px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sa, .latepoint .lp_iti__flag.lp_iti__sa {
height: 14px;
background-position: -4339px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sb, .latepoint .lp_iti__flag.lp_iti__sb {
height: 10px;
background-position: -4361px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sc, .latepoint .lp_iti__flag.lp_iti__sc {
height: 10px;
background-position: -4383px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sd, .latepoint .lp_iti__flag.lp_iti__sd {
height: 10px;
background-position: -4405px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__se, .latepoint .lp_iti__flag.lp_iti__se {
height: 13px;
background-position: -4427px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sg, .latepoint .lp_iti__flag.lp_iti__sg {
height: 14px;
background-position: -4449px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sh, .latepoint .lp_iti__flag.lp_iti__sh {
height: 10px;
background-position: -4471px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__si, .latepoint .lp_iti__flag.lp_iti__si {
height: 10px;
background-position: -4493px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sj, .latepoint .lp_iti__flag.lp_iti__sj {
height: 15px;
background-position: -4515px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sk, .latepoint .lp_iti__flag.lp_iti__sk {
height: 14px;
background-position: -4537px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sl, .latepoint .lp_iti__flag.lp_iti__sl {
height: 14px;
background-position: -4559px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sm, .latepoint .lp_iti__flag.lp_iti__sm {
height: 15px;
background-position: -4581px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sn, .latepoint .lp_iti__flag.lp_iti__sn {
height: 14px;
background-position: -4603px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__so, .latepoint .lp_iti__flag.lp_iti__so {
height: 14px;
background-position: -4625px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sr, .latepoint .lp_iti__flag.lp_iti__sr {
height: 14px;
background-position: -4647px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ss, .latepoint .lp_iti__flag.lp_iti__ss {
height: 10px;
background-position: -4669px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__st, .latepoint .lp_iti__flag.lp_iti__st {
height: 10px;
background-position: -4691px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sv, .latepoint .lp_iti__flag.lp_iti__sv {
height: 12px;
background-position: -4713px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sx, .latepoint .lp_iti__flag.lp_iti__sx {
height: 14px;
background-position: -4735px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sy, .latepoint .lp_iti__flag.lp_iti__sy {
height: 14px;
background-position: -4757px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sz, .latepoint .lp_iti__flag.lp_iti__sz {
height: 14px;
background-position: -4779px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ta, .latepoint .lp_iti__flag.lp_iti__ta {
height: 10px;
background-position: -4801px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tc, .latepoint .lp_iti__flag.lp_iti__tc {
height: 10px;
background-position: -4823px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__td, .latepoint .lp_iti__flag.lp_iti__td {
height: 14px;
background-position: -4845px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tf, .latepoint .lp_iti__flag.lp_iti__tf {
height: 14px;
background-position: -4867px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tg, .latepoint .lp_iti__flag.lp_iti__tg {
height: 13px;
background-position: -4889px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__th, .latepoint .lp_iti__flag.lp_iti__th {
height: 14px;
background-position: -4911px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tj, .latepoint .lp_iti__flag.lp_iti__tj {
height: 10px;
background-position: -4933px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tk, .latepoint .lp_iti__flag.lp_iti__tk {
height: 10px;
background-position: -4955px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tl, .latepoint .lp_iti__flag.lp_iti__tl {
height: 10px;
background-position: -4977px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tm, .latepoint .lp_iti__flag.lp_iti__tm {
height: 14px;
background-position: -4999px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tn, .latepoint .lp_iti__flag.lp_iti__tn {
height: 14px;
background-position: -5021px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__to, .latepoint .lp_iti__flag.lp_iti__to {
height: 10px;
background-position: -5043px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tr, .latepoint .lp_iti__flag.lp_iti__tr {
height: 14px;
background-position: -5065px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tt, .latepoint .lp_iti__flag.lp_iti__tt {
height: 12px;
background-position: -5087px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tv, .latepoint .lp_iti__flag.lp_iti__tv {
height: 10px;
background-position: -5109px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tw, .latepoint .lp_iti__flag.lp_iti__tw {
height: 14px;
background-position: -5131px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tz, .latepoint .lp_iti__flag.lp_iti__tz {
height: 14px;
background-position: -5153px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ua, .latepoint .lp_iti__flag.lp_iti__ua {
height: 14px;
background-position: -5175px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ug, .latepoint .lp_iti__flag.lp_iti__ug {
height: 14px;
background-position: -5197px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__um, .latepoint .lp_iti__flag.lp_iti__um {
height: 11px;
background-position: -5219px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__un, .latepoint .lp_iti__flag.lp_iti__un {
height: 14px;
background-position: -5241px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__us, .latepoint .lp_iti__flag.lp_iti__us {
height: 11px;
background-position: -5263px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__uy, .latepoint .lp_iti__flag.lp_iti__uy {
height: 14px;
background-position: -5285px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__uz, .latepoint .lp_iti__flag.lp_iti__uz {
height: 10px;
background-position: -5307px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__va, .latepoint .lp_iti__flag.lp_iti__va {
height: 15px;
background-position: -5329px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__vc, .latepoint .lp_iti__flag.lp_iti__vc {
height: 14px;
background-position: -5346px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ve, .latepoint .lp_iti__flag.lp_iti__ve {
height: 14px;
background-position: -5368px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__vg, .latepoint .lp_iti__flag.lp_iti__vg {
height: 10px;
background-position: -5390px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__vi, .latepoint .lp_iti__flag.lp_iti__vi {
height: 14px;
background-position: -5412px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__vn, .latepoint .lp_iti__flag.lp_iti__vn {
height: 14px;
background-position: -5434px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__vu, .latepoint .lp_iti__flag.lp_iti__vu {
height: 12px;
background-position: -5456px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__wf, .latepoint .lp_iti__flag.lp_iti__wf {
height: 14px;
background-position: -5478px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ws, .latepoint .lp_iti__flag.lp_iti__ws {
height: 10px;
background-position: -5500px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__xk, .latepoint .lp_iti__flag.lp_iti__xk {
height: 15px;
background-position: -5522px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ye, .latepoint .lp_iti__flag.lp_iti__ye {
height: 14px;
background-position: -5544px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__yt, .latepoint .lp_iti__flag.lp_iti__yt {
height: 14px;
background-position: -5566px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__za, .latepoint .lp_iti__flag.lp_iti__za {
height: 14px;
background-position: -5588px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__zm, .latepoint .lp_iti__flag.lp_iti__zm {
height: 14px;
background-position: -5610px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__zw, .latepoint .lp_iti__flag.lp_iti__zw {
height: 10px;
background-position: -5632px 0px;
}
.latepoint-admin .lp_iti__flag, .latepoint .lp_iti__flag {
height: 15px;
box-shadow: none;
border-radius: 2px;
background-image: url(//65-2-104-238.sslip.io/wp-content/plugins/latepoint/public/images/intl-tel-input/flags.png);
background-repeat: no-repeat;
background-color: #DBDBDB;
background-position: 20px 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.latepoint-admin .lp_iti__flag, .latepoint .lp_iti__flag {
background-image: url(//65-2-104-238.sslip.io/wp-content/plugins/latepoint/public/images/intl-tel-input/flags@2x.png);
}
}
.latepoint-admin .lp_iti__flag.lp_iti__np, .latepoint .lp_iti__flag.lp_iti__np {
background-color: transparent;
}
.latepoint-admin .lp_iti__country-list {
font-size: 13px;
}