@charset "UTF-8";
@charset "UTF-8";
@font-face {
font-family: 'advanced-popups-icons';
src: url(//www.directenergyservices.cz/wp-content/plugins/advanced-popups/fonts/advanced-popups-icons.woff) format("woff"), url(//www.directenergyservices.cz/wp-content/plugins/advanced-popups/fonts/advanced-popups-icons.ttf) format("truetype"), url(//www.directenergyservices.cz/wp-content/plugins/advanced-popups/fonts/advanced-popups-icons.svg) format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
[class^="adp-icon-"],
[class*=" adp-icon-"] {
font-family: 'advanced-popups-icons' !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.adp-icon-x:before {
content: "\e913";
}  .adp-popup {
--adp-popup-wrap-scrollbar-width: 0.625rem;
--adp-popup-wrap-scrollbar-track-background: #f1f1f1;
--adp-popup-wrap-scrollbar-thumb-background: #888;
--adp-popup-wrap-scrollbar-thumb-hover-background: #555;
--adp-popup-wrap-box-shadow: 0 0 40px 0 rgba(0,0,0,.075);
--adp-popup-container-background: #FFFFFF;
--adp-popup-close-font-size: 1.25rem;
--adp-popup-close-color: #000;
--adp-popup-close-hover-color: #777;
--adp-popup-close-light-color: #FFFF;
--adp-popup-close-light-hover-color: rgba(255,255,255,0.75);
--adp-popup-type-content-close-font-size: 1.5rem;
--adp-popup-type-notification-text-font-size: 90%;
--adp-popup-type-notification-text-color: #777777;
--adp-popup-type-notification-text-link-color: #000000;
--adp-popup-type-notification-button-background: #282828;
--adp-popup-type-notification-button-color: #FFF;
--adp-popup-type-notification-button-border-radius: 0;
}
.adp-popup-overlay {
--adp-popup-overlay-background: rgba(0,0,0,0.25);
} .adp-popup-scroll-hidden {
overflow: hidden;
width: 100%;
}
.adp-popup-animated {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
overflow: hidden  !important;
}
@-webkit-keyframes popupOpenFade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes popupOpenFade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes popupExitFade {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes popupExitFade {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes popupOpenSlide {
from {
transform: translate3d(0, 100vh, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes popupOpenSlide {
from {
transform: translate3d(0, 100vh, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes popupExitSlide {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 100vh, 0);
}
}
@keyframes popupExitSlide {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 100vh, 0);
}
}
@-webkit-keyframes popupOpenZoom {
from {
opacity: 0;
transform: scale(1.1);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes popupOpenZoom {
from {
opacity: 0;
transform: scale(1.1);
}
to {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes popupExitZoom {
from {
opacity: 1;
transform: scale(1);
}
to {
opacity: 0;
transform: scale(1.1);
}
}
@keyframes popupExitZoom {
from {
opacity: 1;
transform: scale(1);
}
to {
opacity: 0;
transform: scale(1.1);
}
}
@-webkit-keyframes popupOpenSlideFade {
from {
opacity: 0;
transform: translate3d(0, 40px, 0);
visibility: visible;
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes popupOpenSlideFade {
from {
opacity: 0;
transform: translate3d(0, 40px, 0);
visibility: visible;
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes popupExitSlideFade {
from {
opacity: 1;
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
visibility: hidden;
transform: translate3d(0, 40px, 0);
}
}
@keyframes popupExitSlideFade {
from {
opacity: 1;
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
visibility: hidden;
transform: translate3d(0, 40px, 0);
}
}
.popupOpenFade {
-webkit-animation-name: popupOpenFade;
animation-name: popupOpenFade;
}
.popupExitFade {
-webkit-animation-name: popupExitFade;
animation-name: popupExitFade;
}
.popupOpenSlide {
-webkit-animation-name: popupOpenSlide;
animation-name: popupOpenSlide;
}
.popupExitSlide {
-webkit-animation-name: popupExitSlide;
animation-name: popupExitSlide;
}
.popupOpenZoom {
-webkit-animation-name: popupOpenZoom;
animation-name: popupOpenZoom;
}
.popupExitZoom {
-webkit-animation-name: popupExitZoom;
animation-name: popupExitZoom;
}
.popupOpenSlideFade {
-webkit-animation-name: popupOpenSlideFade;
animation-name: popupOpenSlideFade;
}
.popupExitSlideFade {
-webkit-animation-name: popupExitSlideFade;
animation-name: popupExitSlideFade;
}
.adp-popup {
display: none;
position: fixed;
z-index: 999999;
max-width: calc(100vw - 1.5rem);
max-height: calc(100vh - 1.5rem);
-webkit-backface-visibility: hidden;
}
@media (min-width: 720px) {
.adp-popup {
max-width: calc(100vw - 6rem);
max-height: calc(100vh - 6rem);
}
}
.adp-popup.adp-popup-location-top {
top: 20px;
left: 50%;
transform: translate3d(-50%, 0, 0);
}
.adp-popup.adp-popup-location-top-left {
top: 20px;
left: 20px;
}
.adp-popup.adp-popup-location-top-right {
top: 20px;
right: 20px;
}
.adp-popup.adp-popup-location-bottom {
bottom: 20px;
left: 50%;
transform: translate3d(-50%, 0, 0);
}
.adp-popup.adp-popup-location-bottom-left {
left: 20px;
bottom: 20px;
}
.adp-popup.adp-popup-location-bottom-right {
right: 20px;
bottom: 20px;
}
.adp-popup.adp-popup-location-left {
top: 50%;
left: 20px;
transform: translate3d(0, -50%, 0);
}
.adp-popup.adp-popup-location-right {
top: 50%;
right: 20px;
transform: translate3d(0, -50%, 0);
}
.adp-popup.adp-popup-location-center {
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
}
.adp-popup .adp-popup-wrap {
position: relative;
overflow-x: hidden;
overflow-y: auto;
width: 100%;
box-shadow: var(--adp-popup-wrap-box-shadow);
}
.adp-popup .adp-popup-wrap::-webkit-scrollbar {
width: var(--adp-popup-wrap-scrollbar-width);
}
.adp-popup .adp-popup-wrap::-webkit-scrollbar-track {
background: var(--adp-popup-wrap-scrollbar-track-background);
}
.adp-popup .adp-popup-wrap::-webkit-scrollbar-thumb {
background: var(--adp-popup-wrap-scrollbar-thumb-background);
}
.adp-popup .adp-popup-wrap::-webkit-scrollbar-thumb:hover {
background: var(--adp-popup-wrap-scrollbar-thumb-hover-background);
}
.adp-popup .adp-popup-container {
background: var(--adp-popup-container-background);
width: 100%;
}
.adp-popup .adp-popup-outer {
position: relative;
display: flex;
flex-direction: column;
}
.adp-popup .adp-popup-thumbnail img {
width: 100%;
}
.adp-popup .adp-popup-close {
position: absolute;
background: transparent;
color: var(--adp-popup-close-color);
padding: 0;
line-height: 1;
font-size: var(--adp-popup-close-font-size);
top: 20px;
right: 20px;
z-index: 2;
}
.adp-popup .adp-popup-close:before {
font-family: 'advanced-popups-icons';
transition: color 0.25s ease;
content: "\e913";
}
.adp-popup .adp-popup-close:hover:before {
color: var(--adp-popup-close-hover-color);
}
.adp-popup.adp-popup-open[data-light-close="true"] .adp-popup-close {
color: var(--adp-popup-close-light-color);
}
.adp-popup.adp-popup-open[data-light-close="true"] .adp-popup-close:hover:before {
color: var(--adp-popup-close-light-hover-color);
}
.adp-popup.adp-popup-open {
display: flex;
}
@media (max-width: 720px) {
.adp-popup.adp-popup-open[data-mobile-disable="true"] {
display: none;
}
}
.adp-popup-overlay {
background: var(--adp-popup-overlay-background);
position: fixed;
display: none;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999998;
}
.adp-popup-overlay .adp-popup-wrap {
box-shadow: none;
}
.adp-popup-open + .adp-popup-overlay {
display: block;
}
@media (max-width: 719.98px) {
.adp-popup-type-content {
max-width: 100vw;
max-height: 100vh;
}
}
.adp-popup-type-content .adp-popup-content {
padding: 40px;
}
.adp-popup-type-content .adp-popup-close {
font-size: var(--adp-popup-type-content-close-font-size);
}
.adp-popup-type-content .wp-block-cover:first-child:last-child {
margin: -40px;
width: initial;
}
.adp-popup-type-content.adp-preview-image-yes .adp-popup-close {
color: var(--adp-popup-close-light-color);
}
.adp-popup-type-content.adp-preview-image-yes .adp-popup-close:hover:before {
color: var(--adp-popup-close-light-hover-color);
}
@media (min-width: 1024px) {
.adp-popup-type-content .adp-popup-outer {
flex-direction: row;
}
.adp-popup-type-content.adp-preview-image-left .adp-popup-close, .adp-popup-type-content.adp-preview-image-bottom .adp-popup-close {
color: var(--adp-popup-close-color);
}
.adp-popup-type-content.adp-preview-image-left .adp-popup-close:hover:before, .adp-popup-type-content.adp-preview-image-bottom .adp-popup-close:hover:before {
color: var(--adp-popup-close-hover-color);
}
.adp-popup-type-content.adp-preview-image-left .adp-popup-thumbnail {
order: 1;
}
.adp-popup-type-content.adp-preview-image-right .adp-popup-thumbnail {
order: 3;
}
.adp-popup-type-content.adp-preview-image-top .adp-popup-outer {
flex-direction: column;
}
.adp-popup-type-content.adp-preview-image-top .adp-popup-thumbnail img {
position: relative;
top: initial;
bottom: initial;
right: initial;
left: initial;
width: initial;
height: initial;
}
.adp-popup-type-content.adp-preview-image-bottom .adp-popup-outer {
flex-direction: column;
}
.adp-popup-type-content.adp-preview-image-bottom .adp-popup-thumbnail {
order: 3;
}
.adp-popup-type-content.adp-preview-image-bottom .adp-popup-thumbnail img {
position: relative;
top: initial;
bottom: initial;
right: initial;
left: initial;
width: initial;
height: initial;
}
.adp-popup-type-content .adp-popup-thumbnail {
position: relative;
flex: 1 0 50%;
order: 1;
}
.adp-popup-type-content .adp-popup-thumbnail img {
position: absolute;
display: block;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.adp-popup-type-content .adp-popup-content {
padding: 80px;
flex: 1 0 50%;
order: 2;
}
.adp-popup-type-content .adp-popup-content:first-child:last-child {
flex: 1 0 100%;
}
.adp-popup-type-content .wp-block-cover:first-child:last-child {
margin: -80px;
}
}
.adp-popup-type-notification-box .adp-popup-outer,
.adp-popup-type-notification-bar .adp-popup-outer {
padding: 30px;
}
.adp-popup-type-notification-box .adp-popup-text,
.adp-popup-type-notification-bar .adp-popup-text {
padding-right: 10px;
font-size: var(--adp-popup-type-notification-text-font-size);
color: var(--adp-popup-type-notification-text-color);
}
.adp-popup-type-notification-box .adp-popup-text a,
.adp-popup-type-notification-bar .adp-popup-text a {
color: var(--adp-popup-type-notification-text-link-color);
text-decoration: underline;
}
.adp-popup-type-notification-box .adp-popup-text a:hover,
.adp-popup-type-notification-bar .adp-popup-text a:hover {
text-decoration: none;
}
.adp-popup-type-notification-box .adp-popup-button,
.adp-popup-type-notification-bar .adp-popup-button {
background: var(--adp-popup-type-notification-button-background);
margin-top: 1.5rem;
width: 100%;
color: var(--adp-popup-type-notification-button-color);
border-radius: var(--adp-popup-type-notification-button-border-radius);
}
.adp-popup-type-notification-box .adp-popup-close {
top: 15px;
right: 15px;
}
.adp-popup-type-notification-bar.adp-popup-location-top {
width: 100%;
max-width: 100%;
top: 0;
left: 0;
bottom: auto;
transform: none;
}
.adp-popup-type-notification-bar.adp-popup-location-bottom {
width: 100%;
max-width: 100%;
top: auto;
left: 0;
bottom: 0;
transform: none;
}
.adp-popup-type-notification-bar .adp-popup-outer {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 60px;
padding-right: 60px;
}
@media (min-width: 720px) {
.adp-popup-type-notification-bar .adp-popup-outer {
justify-content: center;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
margin: 0 auto;
padding-left: 40px;
padding-right: 40px;
}
.adp-popup-type-notification-bar .adp-popup-close {
top: 50%;
transform: translateY(-50%);
}
.adp-popup-type-notification-bar .adp-button {
margin-left: 1rem;
margin-top: 0;
width: auto;
}
}.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;
}#powerTip{cursor:default;background-color:#333;background-color:rgba(0,0,0,.8);border-radius:6px;color:#fff;display:none;padding:10px;position:absolute;white-space:nowrap;z-index:2147483647}#powerTip:before{content:"";position:absolute}#powerTip.n:before,#powerTip.s:before{border-right:5px solid transparent;border-left:5px solid transparent;left:50%;margin-left:-5px}#powerTip.e:before,#powerTip.w:before{border-bottom:5px solid transparent;border-top:5px solid transparent;margin-top:-5px;top:50%}#powerTip.n:before{border-top:10px solid #333;border-top:10px solid rgba(0,0,0,.8);bottom:-10px}#powerTip.e:before{border-right:10px solid #333;border-right:10px solid rgba(0,0,0,.8);left:-10px}#powerTip.s:before{border-bottom:10px solid #333;border-bottom:10px solid rgba(0,0,0,.8);top:-10px}#powerTip.w:before{border-left:10px solid #333;border-left:10px solid rgba(0,0,0,.8);right:-10px}#powerTip.ne:before,#powerTip.se:before{border-right:10px solid transparent;border-left:0;left:10px}#powerTip.nw:before,#powerTip.sw:before{border-left:10px solid transparent;border-right:0;right:10px}#powerTip.ne:before,#powerTip.nw:before{border-top:10px solid #333;border-top:10px solid rgba(0,0,0,.8);bottom:-10px}#powerTip.se:before,#powerTip.sw:before{border-bottom:10px solid #333;border-bottom:10px solid rgba(0,0,0,.8);top:-10px}#powerTip.ne-alt:before,#powerTip.nw-alt:before,#powerTip.se-alt:before,#powerTip.sw-alt:before{border-top:10px solid #333;border-top:10px solid rgba(0,0,0,.8);bottom:-10px;border-left:5px solid transparent;border-right:5px solid transparent;left:10px}#powerTip.ne-alt:before,#powerTip.se-alt:before{left:auto;right:10px}#powerTip.se-alt:before,#powerTip.sw-alt:before{border-top:none;border-bottom:10px solid #333;border-bottom:10px solid rgba(0,0,0,.8);bottom:auto;top:-10px}body{
position: inherit !important;
}
@-moz-keyframes Ani {
0% {
box-shadow: 0 0 0 rgba(255,255,255,0);
border: 1px solid rgba(255,255,255,0);
-webkit-transform: scale(0);
transform: scale(0)
}
70% {
box-shadow: 0 0 50px #fff;
border: 1px solid #fff;
-webkit-transform: scale(1);
transform: scale(1)
}
100% {
box-shadow: 0 0 60px rgba(255,255,255,0);
border: 0 solid rgba(255,255,255,0);
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
}
@-webkit-keyframes Ani {
0% {
box-shadow: 0 0 0 rgba(255,255,255,0);
border: 1px solid rgba(255,255,255,0);
-webkit-transform: scale(0);
transform: scale(0)
}
70% {
box-shadow: 0 0 50px #fff;
border: 1px solid #fff;
-webkit-transform: scale(1);
transform: scale(1)
}
100% {
box-shadow: 0 0 60px rgba(255,255,255,0);
border: 0 solid rgba(255,255,255,0);
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
}
@keyframes Ani {
0% {
box-shadow: 0 0 0 rgba(255,255,255,0);
border: 1px solid rgba(255,255,255,0);
-webkit-transform: scale(0);
transform: scale(0)
}
70% {
box-shadow: 0 0 50px #fff;
border: 1px solid #fff;
-webkit-transform: scale(1);
transform: scale(1)
}
100% {
box-shadow: 0 0 60px rgba(255,255,255,0);
border: 0 solid rgba(255,255,255,0);
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
}
#powerTip {
background-color: #000;
}
#powerTip.n:before {
border-top: 10px solid rgba(0,0,0,1);
}
#powerTip.s:before {
border-bottom: 10px solid #000;
}
#powerTip.e:before {
border-right: 10px solid #000;
}
#powerTip.w:before {
border-left: 10px solid #000;
right: -10px
}
#powerTip.ne:before,#powerTip.nw:before {
border-top: 10px solid #000;
border-top: 10px solid rgba(0,0,0,1);
}
#powerTip.se:before,#powerTip.sw:before {
border-bottom: 10px solid #000;
border-bottom: 10px solid rgba(0,0,0,1);
}
#powerTip.nw-alt:before,#powerTip.ne-alt:before,#powerTip.sw-alt:before,#powerTip.se-alt:before {
border-top: 10px solid #000;
border-top: 10px solid rgba(0,0,0,1);
}
#powerTip.sw-alt:before,#powerTip.se-alt:before {
border-bottom: 10px solid #000;
border-bottom: 10px solid rgba(0,0,0,1);
}
.wrap_svl {
position: relative;
float: left;
margin: 0 auto;    
max-width: 100%;
}
.wrap_svl:after{
content: "";
display: table;
clear: both;
}
.images_wrap img {
width: 100%;
height: auto;
display: block;
}
.drag_element {
position: absolute;
top: 0;
left: 0;
min-width: 1px;
min-height: 1px;
}
.point_style{
position: relative;
z-index: 10;
display: block;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
box-sizing: border-box;
text-align: center;
}
.point_style img{
position: absolute;
top: 0;
left: 0;
width: inherit;
max-width: inherit;
}
body .wrap_svl img.pins_image_hover,
body .wrap_svl .point_style.has-hover:hover img.pins_image {
display: none !important;
}
body .wrap_svl .point_style.has-hover:hover img.pins_image_hover {
display: block !important;
}
.tolltip_points{
text-align: center;
}
.tolltip_points img{
width: 130px;
height: 130px;
border: 1px solid #fff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.tolltip_points .points_name{
display: block;
font-size: 16px;
}
.tolltip_points .points_desc{
display: block;
font-size: 14px;
}
.mobile_points_wrap{
display: none;
}
.mobile_points_box {
width: 50%;
float: left;
padding: 0 5px 15px 5px;
text-align: center;
}
.img_points_box {
display: inline-block;
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
border: 1px solid #fff;
}
.img_points_box img {
width: 100%;
height: 100%;
}
.mobile_points_box:nth-child(2n+1) {
clear: both;
}
ul.list_content_point {
list-style: none;
margin: 0 0 10px;
padding: 0;
}
ul.list_content_point li {
position: relative;
padding: 3px 0 0 20px;
margin: 0 0 5px 0;
}
ul.list_content_point li:before {
content: "";
font-family: FontAwesome;  
position: absolute;
top: 0;
left: 0;
font-size: 20px;  
}
ul.list_content_point li.address_point:before {
content: "\f041";    
}
ul.list_content_point li.person_point:before {
content: "\f183";    
}
ul.list_content_point li.tel_point:before {
content: "\f095";    
}
ul.list_content_point li.fax_point:before {
content: "\f1ac";    
font-size: 15px;
top: 4px;
}
ul.list_content_point li.mail_point:before {
content: "\f0e0";    
font-size: 15px;
top: 4px;
}
.box_view_html {
color: #fff;
font-weight: 300;
max-width: 530px;
white-space: normal;
overflow: hidden;
position: relative;
}
.thumb_point {
float: left;
width: 30%;
}
.has-thumb .content_point {
width: 70%;
float: left;
padding: 0 0 0 15px;
}
.has-thumb .content_point h3 {
font-size: 19px;
}
.linkto_point {
text-align: right;
margin: 20px 0 0 0;
}
.wrap_svl_center {
text-align: center;
}
.wrap_svl_center_box {
display: inline-block;
}
body .point_style a img,
body .point_style img {
max-width: inherit !important;
vertical-align: inherit;
border-radius: 0 !important;;
-moz-border-radius: 0 !important;;
-webkit-border-radius: 0 !important;;
box-shadow: none !important;;
-moz-box-shadow: none !important;;
-webkit-box-shadow: none !important;;
}
.pins_animation{
border: 3px solid rgba(255,255,255,.5);
width: 30px;
height: 30px;
position: absolute;
left: 0;
top: 0;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
box-shadow: 0 0 20px rgba(255,255,255,.5);
pointer-events: none;
}
.pins_animation.ihotspot_pulse{
-moz-animation: Ani 2s infinite;
-webkit-animation: Ani 2s infinite;
animation: Ani 2s infinite;
}
span.close_ihp {
display: none;
}
body .point_style a:hover img {
background: transparent !important;
}
span.close_ihp svg {
width: 25px;
height: 25px;
}
@media (max-width: 500px){
.ihp_popup_full div#powerTip {
position: fixed;
top: 0 !important;
left: 0 !important;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
}
.ihp_popup_full span.close_ihp {
display: block;
float: right;
width: 25px;
height: 25px;
}
.ihp_popup_full span.close_ihp svg {
fill: #fff;
}
}

.latepoint-admin,
.latepoint-w {
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar; }
.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: .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: -.25em; }
.latepoint-admin sup,
.latepoint-w sup {
top: -.5em; }
.latepoint-admin a:not([href]):not([tabindex]),
.latepoint-w a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none; }
.latepoint-admin a:not([href]):not([tabindex]):focus,
.latepoint-w a:not([href]):not([tabindex]):focus {
outline: 0; }
.latepoint-admin 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: .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; } @font-face {
font-family: 'latepoint';
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBmkAAAC8AAAAYGNtYXAXVtKvAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zv/blFkAAAF4AAAdRGhlYWQkdmPWAAAevAAAADZoaGVhCqEG0AAAHvQAAAAkaG10eK/CDlgAAB8YAAAAtGxvY2GIuo+EAAAfzAAAAFxtYXhwAGcA6QAAICgAAAAgbmFtZUA710MAACBIAAABnnBvc3QAAwAAAAAh6AAAACAAAwQXAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpKAPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Sj//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAAFAFUAFQOrA5UAJAAvAGIAcQCAAAABNCYjFAYjIiY1IxQGIyImNSMUBiMiJjUjFAYjIiY1IgYdASE1BREUFjMhMjY1ESElERQGIyEiJjURNDYzNTQ2MzIWHQEzNTQ2MzIWHQEzNTQ2MzIWHQEzNTQ2MzIWHQEyFhUBNDYzITIWFRQGIyEiJjUVNDYzITIWFRQGIyEiJjUDVRkRGRISGVUZEhEZVhkREhlVGRISGREZAqr9VhkRAlYRGf1WAwBLNf2qNUtLNRkSEhlVGRIRGVYZERIZVRkSEhk1S/1VGRIBqhIZGRL+VhIZGRIBqhIZGRL+VhIZAsASGRIZGRISGRkSEhkZEhIZGRIZElVVq/6AERkZEQGAq/3VNUtLNQIrNUsrERkZESsrERkZESsrERkZESsrERkZEStLNf7VEhkZEhEZGRGqERkZERIZGRIAAAABAAH/wAbcA6sAKgAAARYUBw4BBzgBMQEOASMiJicmNDcBISImNTQ2MyEBJjQ3NjIXATgBMR4BFwbcBQUDCAX+SAsbDg4bCxYWATv6Yx4rKx4Fnf7FFhYVPRYBuAUIAwHcDR0OBgwF/kkLCwsLFT0VATorHx4rAToVPRUWFv5JBQwHAAABAAX/wAbfA6sAKgAAASEBFhQHDgEjIiYnATgBIy4BJyY0Nz4BNzIwMQE2MhcWFAcBITIWFRQGIwaW+mMBOxYWChsPDhsK/kgBBQgCBgYCCAUBAbgVPRUWFv7FBZ0eKyseAXf+xhU9FQsLCwsBtwUMBg4dDQcMBQG3FhYVPRX+xiseHysAAAAAAQA8ADgDxAMEAAUAACUBNxcBFwGA/ryIvAG8iDgBRIi8AbyIAAAAAAEBAP/AA2ADwAAFAAABBwkBFwEBYGABoP5gYAIAA8Bg/mD+YGACAAABAKD/wAMAA8AABQAABTcJAScBAqBg/mABoGD+AEBgAaABoGD+AAAAAQAAAGAEAAMgAAUAABMXCQE3AQDAAUABQMD+AAEgwAFA/sDAAgAAAAEAAACgBAADIAAFAAATFwkBNwEAgAGAAYCA/gABIIABgP6AgAIAAAABAAAAYAQAAyAABQAAAScJAQcBBADA/sD+wMACAAJgwP7AAUDA/gAAAQAAAGAEAALgAAUAAAEnCQEHAQQAgP6A/oCAAgACYID+gAGAgP4AAAEAtwB3A0kDCQAfAAABNjQnJiIHCQEmIgcGFBcJAQYUFxYyNwkBFjI3NjQnAQNJDAwNIw3+9P70DSMNDAwBDf7zDAwNIw0BDAEMDSMNDAz+8wLMDSMNDAz+8wENDAwNIw3+9P70DSMNDAwBDf7zDAwNIw0BDAAAAAQAqwAVA1UDQAAPAC0AOwBJAAAlMDM6ATMyMTA1PAE1NDUhARQGIyEiJjURIiY1NDY7ATQ2MzIWFTMyFhUUBiMRATQ2MzIWFREUBiMiJjUDNDYzMhYVERQGIyImNQErQkOgQ0L+VgIAMiT+ViQyERkZEdYyIyMy1hEZGRH/ABkREhkZEhEZqxkSERkZERIZa0NEtl1dM/3WJDIyJAIqGRISGSMyMiMZEhIZ/dYBqhIZGRL+1hIZGRIBKhIZGRL+1hIZGRIAAAAAAwBVABUDqwNrACAAPQBZAAABNzYWFxYUDwEXFhQHDgEvAQcGJicmND8BJyY0Nz4BHwERIicuAScmNTQ3PgE3NjMyFx4BFxYVFAcOAQcGIzUyNz4BNzY1NCcuAScmIyIHDgEHBhUUFx4BFxYCAGoMIw0NDWpqDQ0NIwxqagwjDQ0NamoNDQ0jDGpYTk50ISIiIXROTlhYTk50ISIiIXROTlhHPj5dGxoaG10+PkdHPj5dGxoaG10+PgH8ag0BDA0jDGpqDCMNDAENamoNAQwNIwxqagwjDQwBDWr+GSIhdE5OWFhOTnQhIiIhdE5OWFhOTnQhIlYaG10+PkdHPj5dGxoaG10+PkdHPj5dGxoAAAAEAFUAGwOrA1IADQAcACIAJwAANzQ2MyEyFhUUBiMhIiYBFxYUBwEHBiY/AQE2MhcBJw8BPwEBJwcXN1UZEgMAEhkZEv0AEhkC+zwZGf5anyMkCSgBphlHGf6GPBwUUBwBHzzjPeJGEhkZEhIZGQMePRlGGf5ZKAgkI54BpxkZ/g48HFEUHQEePeI94gAAAAAGAFUAQAOrA0AAGwA4AFUAYQBtAHoAAAEUBgcVFAYjIiY9AS4BNTQ2NxE0NjMyFhURHgElFAYHERQGIyImNREuATU0Njc1NDYzMhYdAR4BFSUUBgcRFAYjIiY1ES4BNTQ2NzU0NjMyFh0BHgEVBzI2NTQmIyIGFRQWATI2NTQmIyIGFRQWATI2NTQmIyIGFRQWMwKAMCUZEhIZJTAwJRkSEhklMAErMCYZERIZJTAwJRkSERkmMP2qMCUZEhEZJjAwJhkREhklMIASGRkSERkZATwSGRkSEhkZAT0RGRkREhkZEgEVKUINMhIZGRIyDUIpKkINAYcSGRkS/nkNQtYpQg3+zhIZGRIBMg1CKSpCDYcSGRkShw1CKlYqQg3+eRIZGRIBhw1CKilCDTISGRkSMg1CKSsZEhEZGRESGf6rGRESGRkSERkBABkREhkZEhEZAAAABAB0ABUDfwNrAF4AxQDRAN0AAAEXMDY3NhYfARYGBw4BMTAWFRQGMTAWFx4BDwEOAScwJjEHMAYHDgErASImJy4BMScwBgcGJi8BJjY3PgExMDQ1PAExMCYnLgE/AT4BFx4BMTcwNjc+ATsBMhYXHgExBycuAScmIgcOAQ8CDgEPAScuASciBhceAR8BBw4BFRQWHwEHDgEHBhYzPgE/ARceAR8CHgEXFjI3PgE/Aj4BPwEXHgEXMjYnLgEvATc0NjU8AS8BNz4BNzYmIw4BDwEnLgEvAQMiJjU0NjMyFhUUBicyNjU0JiMiBhUUFgKKH2AEFioKKAsDDAM/AQE/Ag0DCygLKRVlHyICCCcWTxYmCAIiIGAEFikLKAsDDQM+PgMNAgooCykVBWEfIQIJJhZPFicIAiJHBQcaAgFBAQIaBgYSDRkLEBQVSwUDIAICMQ8OAgEBAQECDg8xAgIgAwVLFRQQCxkNEgYGGgIBQQECGgcFEw0YDBATFUwEAiEBAzEPDgMBAQMODzEDASADBEwVExAMGA0TSTVLSzU1S0s1ERkZERIZGQLeEhABAhUSRRMuEAVLCAoFDkoEES4TRRMUAhITWwQUGhoTBFwTEQECFRJFEy4QBUsICgUNSwQRLhNFExQCARETWwQUGhoTBFw+ExVIBAMDBEgVEwgGDggMBAUNATgCBDoQDxQHDgcHDgcUDxA6BAI4AQ0FBAwIDgYIExVIBAMDBEgVEwgGDggMBAUNATgCBDoQDxQHDgcHDgcUDxA6BAI4AQ0FBAwIDgYI/qBLNTVLSzU1S1UZEhIZGRISGQAAAAEBAP/AAwADwAAXAAABMzUjIgcOAQcGHQEjFTMRMxEzNyM1NDYCYKCgLikpPRESgIDAoCDAEwMAwBIRPSkpLmDA/gACAMBgDRMAAAABAAr/wAP2A8AAOgAAARUhBgcOAQcGIyInLgEnJjU0Nz4BNzYzMhYXNyYnLgEnJiMiBw4BBwYVFBceARcWMzI3PgE3NjU0JicCCgEjBRESRDY1TEE6OlYZGRkZVjo6QUtlHIshJyZWLzA0al1diykoKCmLXV1qb1tagSQjBQMCCa8dJiZEGBgZGlc7O0NDOztXGhkzHIYfGRkjCQkoKIteXWpqXV6LKCglJYVcXG0ZKRMAAAADAFUAGgOlA2oAKgBSAF4AADcXMzc+AT8CPgEXMBYXFjY3Njc2NCcmJyYnJiIHBgcOARcWFA8BBiInBxcHDgEPAg4BKwEiJjUnNDY3ASY2NzY3NjIXFhcWFxYUBwYHDgEnBwE2NCcmIgcGFBcWMqoBWRACDwk2vAYUCAcJN3QrHw8QEA8gHycoUSgnHzITHxMTYhM1E233NwgPAgoPBxUJkxEZAQkHAQwUJjsrNzdzNzcrLBYWFhUsOptLowFKExMTNRITExM1yls8CQ4CC7sGBAQDAxEbKx8nKFEoJx8fEBAQDx8zijwTNRNiExJsOAoCDwg3DwYJGRKTCRUHAQxLmzosFRYWFiwrNzdzNzcrOyYUpAHEEjUTExMSNRMTAAAEAKsAFQNVA2sAFAAzADwAQAAAATQ2MzIWFRQGBxUUBiMiJj0BLgE1AzQ3PgE3NjMyFx4BFxYdATIWFREUBiMhIiY1ETQ2MzMhNTQmIyIGFQcRIREBqzIjIzIXExkSEhkTF6sUFEYuLzU1Ly5GFBQjMjIj/gAjMjIjVQFWZEdHZFUCAAErIzIyIxgnCyESGRkSIQsnGAFANS4vRRUUFBVFLy41azIj/sAkMjIkAUAjMmtGZGRGwP7AAUAAAAEAqwGAA1UB1QAOAAABISIGFRQWMyEyNjU0JiMDK/2qExcXEwJWExcXEwHVFxMUFxcUExcAAAAAAwAr/9UD1QOAABsANwBGAAABIgcOAQcGFRQXHgEXFjMyNz4BNzY1NCcuAScmAyInLgEnJjU0Nz4BNzYzMhceARcWFRQHDgEHBhMhIgYVFBYzITI2NTQmIwIAYlVWfyUkJCV/VlViYlVWfyUkJCV/VlViUEZGaB4eHh5oRkZQUEZGaB4eHh5oRkZb/qoTFxcTAVYTFxcTA4AlJIBVVmFiVVZ/JSUlJX9WVWJhVlWAJCX8qx4eaEZGUFBGRmgeHh4eaEZGUFBGRmgeHgGqFxMUFxcUExcAAAAAAwBVAAADqwNVAA8AHwAuAAABISIGFREUFjMhMjY1ETQmAxQGIyEiJjURNDYzITIWFQMhIgYVFBYzITI2NTQmIwMr/ao2Sko2AlY2SkoMFxP9qhMXFxMCVhMXqv6qExcXEwFWExcXEwNVSTf9qzZKSjYCVTdJ/SsTGBgTAlUUFxcU/wAXExQXFxQTFwABAKsAVQNVAwAAIAAAASERNCYjIgYVESEiBhUUFjMhERQWMzI2NREhMjY1NCYjAyv/ABgTExj/ABMXFxMBABgTExgBABMXFxMB1QEAFBcXFP8AFxMUF/8AExgYEwEAFxQTFwAAAwAr/9UD1QOAABsANwBYAAABIgcOAQcGFRQXHgEXFjMyNz4BNzY1NCcuAScmAyInLgEnJjU0Nz4BNzYzMhceARcWFRQHDgEHBhMjNTQmIyIGHQEjIgYVFBY7ARUUFjMyNj0BMzI2NTQmIwIAYlVWfyUkJCV/VlViYlVWfyUkJCV/VlViUEZGaB4eHh5oRkZQUEZGaB4eHh5oRkZbgBgTExiAExcXE4AYExMYgBMXFxMDgCUkgFVWYWJVVn8lJSUlf1ZVYmFWVYAkJfyrHh5oRkZQUEZGaB4eHh5oRkZQUEZGaB4eAaqAFBcXFIAXExQXgBMYGBOAFxQTFwAAAwBVAAADqwNVAA8AHwBAAAABISIGFREUFjMhMjY1ETQmAxQGIyEiJjURNDYzITIWFQMjNTQmIyIGHQEjIgYVFBY7ARUUFjMyNj0BMzI2NTQmIwMr/ao2Sko2AlY2SkoMFxP9qhMXFxMCVhMXqoAYExMYgBMXFxOAGBMTGIATFxcTA1VJN/2rNkpKNgJVN0n9KxMYGBMCVRQXFxT/AIAUFxcUgBcTFBeAExgYE4AXFBMXAAAAAwCA/9UDgAOAABAAGwAlAAABISIGFREUFjMhMjY1ETQmIwUhESEiBgcRNDYzESImNTQ2MyEVIQNV/cA8WVk8AkAUFxcU/cACFv3qECAQJxkZJycZAhb96gOAWTz9gD1ZGBMDVRQXVf3VBwoB/Bkn/QAmGhkngAAAAwBV/9UDqwOAACIAPwBJAAABIzU0JiMiBh0BITU0JiMiBh0BIyIGFREUFjMhMjY1ETQmIwUzFRQWMzI2PQEhFRQWMzI2PQEzMhYdASE1NDYzASEiJjURIREUBgMrVhcTFBf/ABcUExdWNkpKNgJWNkpKNv2qVhcTFBcBABcUExdWExf9VhcTAlb9qhMXAqoXAysqFBcXFCoqFBcXFCpKNv2qNkpKNgJWNkpWKhQXFxQqKhQXFxQqFxOAgBMX/VYXEwGA/oATFwACAAD/qwQAA6sABgAKAAAFIREhESERAyERIQGa/mYBmgGZzQGa/mZVAzP+Zv5nBAD+ZgAAAgBVAAADqwNVADEAYwAAASYnLgEnJicjOAExIgYHBgcOAQcGFRQWFwcGFhceATMyNj8BHgEzMjc+ATc2Nz4BPQEHOAExFAYHBgcOAQcGIyImJy4BIwc3NiYnLgE1NDc+ATc2Nz4BMzgBMTMWFx4BFxYXFQOrBR8gZkREThYwWSo1Kio6DxASEE0DBQcJDwoDBwPiJlQsOjY2XyYmGhYVVhIQFR0eSisqLyZGIAcSCqI4AwEHEBINDC8hISogSSMRPTU1URkaBAHaTEREZh8fAxQWGiYmXzY2OipWJuMMGAYHBgEDTRASDxA5KikzKV4wFhomSCMqICEtCwwSEAMBN6IKDwkgSiMuKytJHh4VEBIDGBlQNTU9FQAAAAACAFUAAAOrA1UAFwAoAAABISIGFREUFhceATMyNj8BITI2NRE0JiMTFAYjISIGDwERNDYzITIWFQMr/ao2Sg0NAwsDCg0HngHvNkpKNioXE/4ACg4GYhcTAlYTFwNVSTf9Vg0XAwMBBgeeSTcBqjdJ/dYUFwYHYgJEFBcXFAAAAAEAQ//aA7cDngBUAAABJiIHAQYHBiInJicmJyY0NzY3ATYyFxYUBwEGIicuATU0NjcBNjQnJiIHAQ4BFRQWFxYyNwE2NzY0JyYnLgEjIgYHAQYHBhQXFhceATMyNjcBNiYnA68NIg3+eCAoJ1InJyAgEBAQECABiCNtIycn/ngNIg0DBQYGAWsNDQ0iDf6WExQUEyZqIwGIIBAQEBAgHE8qKU8d/ncrFhUVFistbzo5by0BiAcCDQHzDQ3+eCAQEBAQICAnJ1InKCABiCMjJmoj/ncMDAQMCgoNBwFrDCINDQ3+lhAwGhowECYmAYkgJyhRKCcgHSMgIP53Kzc3czg3Ky0oKyoBiAolDQAEACv/1QPVA4AAIwAnACsARgAAASMRNCYjISIGFREjIgYdARQWOwEVFBYzITI2PQEzMjY9ATQmJSEVIQEhESEXFAYrATU0JiMhIgYdASMiJj0BNDYzITIWHQEDVSoYE/4AExgqN0lJNyoYEwIAExgqN0lJ/Z8Bqv5WAar+VgGqqxcUKhgT/gATGCoUFxcUAqoUFwJVAQAUFxcU/wBJN9U2SoATGBgTgEo21TdJ1tb91gEAKxMYgBQXFxSAGBPVFBcXFNUAOQAA/8AEAAPAAAMACAAMABAAFQAZAB0AIgAmACoALgAyADYAOgA+AEIARgBKAE4AUgBWAFoAXgBiAGYAagBuAHIAdgB6AH4AggCGAIoAjgCSAJYAmgCeAKIApgCqAK4AsgC2ALoAvgDCAMYAygDOANIA1gDaAN4A4gDmAAABIREhEzERIREXMxUjJSERIRMxESERFzMVIwEhESETMREhERczFSMBMxUjOwEVIyMzFSM7ARUjIzMVIzsBFSMjMxUjFTMVIzsBFSMjMxUjOwEVIyMzFSM7ARUjIzMVIzsBFSMBMxUjJTMVIzczFSMnMxUjJTMVIzsBFSM3MxUjOwEVIzczFSM7ARUjNzMVIzsBFSM3MxUjFzMVIyUzFSM3MxUjOwEVIzczFSM3MxUjFzMVIyUzFSM3MxUjNzMVIzsBFSM3MxUjFzMVIyUzFSM7ARUjNzMVIzsBFSMjMxUjNzMVIzczFSMBQP8AAQBA/oCAgIADQP8AAQBA/oCAgID+QP8AAQBA/oCAgIABQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEABwEBA/IBAQEBAQIBAQAEAQEBAQEBAQEDAQEBAQEBAQEBAQEBAQEBAQEBAQED+gEBAQEBAQEBAgEBAQEBAQEBA/oBAQEBAQIBAQEBAQEBAQEBAQP7AQEBAQEBAQEBAQEDAQECAQECAQEADgP8AAUD+gAGAgIDA/wABQP6AAYCAgP5A/wABQP6AAYCAgAOAQEBAQEBAQEBAQEBAQEBAQAIAQEBAgEBAQEBAQIBAQIBAQIBAQIBAgEBAQIBAQEBAgECAQEBAgEBAQECAQIBAgEBAgEBAQEBAQEAAAAACAFUAAAOrA1UAJgBLAAABIgYVERQGIyEiJjURNDYzITI2NTQmIyEiBhURFBYzITI2NRE0JiMTLgEnLgEjISIGFRQWOwEBBhQXHgEzMjY3ARUUFjMyNjURNCYnAwATGBcT/ioTFxcTAQAUFxcU/wA2Sko2AdY2ShgTpgMMBgMLA/8AExgYE5r+cw0NBg4KCQ4HAYwYExMYAQQBqxgT/wATGBgTAdUUFxcUExdJN/4rNkpKNgEAExgBkQYMAwMBFxMUF/5zDSINBgYGBgGNmRQXFxQBAAMLAwAGAID/1QOAA4AAGQAcAC8APgBNAFwAAAEuAScBLgEjLgEjISIGFREUFjMhMjY1ETQmJxcjEyEiJjURNDYzIRUUFjsBERQGIwMhIgYVFBYzITI2NTQmIxUhIgYVFBYzITI2NTQmIwEzMjY1NCYrASIGFRQWMwN8AwMD/wADBgQDCgT+qzZKSjYCADZKAf9vb4D+ABMYGBMBKxcT1hgTVf6qExcXEwFWExcXE/6qExcXEwFWExcXE/6qVhMXFxNWExcXEwJmBAYDAQADBgMBSjb9VTZKSjYCAAQKjG/9qxcTAqsTGNYTF/4qExcBgBgTExgYExMYqxcUExcXExQXAQAXFBMXFxMUFwAGAFUAgAOrAtUADgAdACsAQQBXAG0AAAEhMjY1NCYjISIGFRQWMwUhIgYVFBYzITI2NTQmIxEhIgYVFBYzITI2NTQmAQ4BFRQWFx4BMzI2Nz4BNTQmJyYiBxEOARUUFhceATMyNjc+ATU0JicmIgcRDgEVFBYXHgEzMjY3PgE1NCYnJiIHAVUCKxMYGBP91RMXFxMCK/3VExcXEwIrExgYE/3VExcXEwIrExgY/M8GBwcGBw0KCg0HBgcHBg0iDQYHBwYHDQoKDQcGBwcGDSINBgcHBgcNCgoNBwYHBwYNIg0CgBcUExcXExQXqxcTFBcXFBMX/wAXExQXFxQTFwH0Bw4JCg4GBwYGBwYOCgkOBwwM/wAHDgkKDgYHBgYHBg4KCQ4HDAz/AAcOCQoOBgcGBgcGDgoJDgcMDAAAAwBVAIADqwLVAA4AHAAqAAABISIGFRQWMyEyNjU0JiMlITI2NTQmIyEiBhUUFgEhIgYVFBYzITI2NTQmA4D9ABMYGBMDABMYGBP9AAMAExgYE/0AExgYAxP9ABMYGBMDABMYGAHVFxMUFxcUExerFxQTFxcTFBf+VRcTFBcXFBMXAAAABAAA/9UEAAOrAAwAGAA8AEcAACUUBiMiJjU0NjMyFhUhFAYjIiY1NDYzMhYTLgEjIScuASsBIgYVFBY7ARcwFDETHgEzMDIzITI2NxM0JicDDgEjISImJwMhAwHVMiMjMjIjIzIB1jIkIzIyIyQyTAYSCv1NIgMYEKoUFxcUiCJJCUYtAQMBnjBGCkQCB5EDFxD+YhAYA0ACbzwrJDIyJCMyMiMkMjIkIzIyAnYKB7QQEhgTExizBP6eLTo6LQFmChIG/okQEhIQATP+zQAAAAEA8wCzAw0CzQAMAAABBycHJzcnNxc3FwcXAw1as7NasrJas7NasrIBDVqyslqzs1qyslqzswAAAQCNAKsDcwLJABYAAAEmIgcBJyYiBwYUHwEeATMyNjcBNjQnA3MNIg3+SbcNIg0NDdUHDQoKDQcB1Q0NAskMDP5IuAwMDSIN1gYGBgYB1g0iDQAAAQAAAAEAAKE4mFlfDzz1AAsEAAAAAADfPA+3AAAAAN88D7cAAP+rBt8DwAAAAAgAAgAAAAAAAAABAAADwP/AAAAG4gAAAAAG3wABAAAAAAAAAAAAAAAAAAAALQQAAAAAAAAAAAAAAAIAAAAEAABVBuIAAQbgAAUEAAA8BAABAAQAAKAEAAAABAAAAAQAAAAEAAAABAAAtwQAAKsEAABVBAAAVQQAAFUEAAB0BAABAAQAAAoEAABVBAAAqwQAAKsEAAArBAAAVQQAAKsEAAArBAAAVQQAAIAEAABVBAAAAAQAAFUEAABVBAAAQwQAACsEAAAABAAAVQQAAIAEAABVBAAAVQQAAAAEAADzBAAAjQAAAAAACgAUAB4AxgEIAUwBYAF0AYgBnAGwAcQB2AIUAngDAANIA/IFJgVMBaYGNgaUBrAHHAdiB5QIEghsCKgJDAkmCbQJ9Ap6CtwMJAyQDRQNsg30DlwOeA6iAAEAAAAtAOcAOQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAJAAAAAQAAAAAAAgAHAHIAAQAAAAAAAwAJADwAAQAAAAAABAAJAIcAAQAAAAAABQALABsAAQAAAAAABgAJAFcAAQAAAAAACgAaAKIAAwABBAkAAQASAAkAAwABBAkAAgAOAHkAAwABBAkAAwASAEUAAwABBAkABAASAJAAAwABBAkABQAWACYAAwABBAkABgASAGAAAwABBAkACgA0ALxsYXRlcG9pbnQAbABhAHQAZQBwAG8AaQBuAHRWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBsYXRlcG9pbnQAbABhAHQAZQBwAG8AaQBuAHRsYXRlcG9pbnQAbABhAHQAZQBwAG8AaQBuAHRSZWd1bGFyAFIAZQBnAHUAbABhAHJsYXRlcG9pbnQAbABhAHQAZQBwAG8AaQBuAHRGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype");
font-weight: normal;
font-style: normal;
font-display: block; }
[class^="latepoint-icon-"], [class*=" latepoint-icon-"] { font-family: 'latepoint' !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-book:before {
content: "\e91a"; }
.latepoint-icon-calendar:before {
content: "\e91b"; }
.latepoint-icon-check:before {
content: "\e928"; }
.latepoint-icon-external-link:before {
content: "\e922"; }
.latepoint-icon-file-text:before {
content: "\e923"; }
.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-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-cart:before {
content: "\e926"; }
.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"; }
.latepoint-w {
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 400;
font-size: 14px; }
.latepoint-w h1, .latepoint-w h2, .latepoint-w h3, .latepoint-w h4, .latepoint-w h5, .latepoint-w h6 {
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 500; }
.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: 500;
color: #8e97b3; }
.latepoint-tab-content {
display: none; }
.latepoint-tab-content.active {
display: block; }
.latepoint-btn {
padding: 9px 14px;
background-color: #1d7bff;
color: #fff;
border-radius: 0px;
text-decoration: none !important;
font-weight: 500;
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: #0061e9;
box-shadow: none; }
.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: #1d7bff;
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: #1d7bff;
border: 1px solid #1d7bff; }
.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline:hover, .latepoint-btn.latepoint-btn-primary.latepoint-btn-outline:focus {
border-color: #0061e9;
color: #1d7bff;
background-color: transparent; }
.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline.latepoint-btn-primary.os-loading:after {
border-bottom-color: #1d7bff;
border-left-color: #1d7bff;
border-top-color: #1d7bff; }
.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline span, .latepoint-btn.latepoint-btn-primary.latepoint-btn-outline i {
color: #1d7bff; }
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link {
background-color: transparent;
color: #1d7bff;
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: #1d7bff; }
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link span {
border-bottom: 1px solid #1d7bff; }
.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 #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff; }
.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: #1d7bff !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: #1d7bff !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; }
.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 #1f222b;
border-left: 2px solid #1f222b;
border-top: 2px solid #1f222b;
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 {
display: inline-block;
background-color: #1d7bff;
padding: 10px 20px;
font-weight: 500;
color: #fff;
font-size: 16px;
line-height: 1.2;
border: none;
box-shadow: none;
border-radius: 0px;
text-decoration: none;
outline: none;
cursor: pointer; }
.latepoint-book-button:focus, .latepoint-book-button:hover {
box-shadow: none;
background-color: #5099ff;
color: #fff;
text-decoration: none; }
.latepoint-book-button.os-loading {
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: 14px !important;
font-weight: 500 !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: #F5F7FF !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: 14px;
margin: 0px; }
.latepoint-w .os-form-group.os-form-select-group select.os-form-control {
height: 44px !important; }
.latepoint-w .os-form-group.os-form-checkbox-group label {
padding: 0px;
border-radius: 0px;
display: block;
color: #1f222b;
vertical-align: middle;
margin: 0px;
font-weight: 500;
font-size: 14px;
cursor: pointer; }
.latepoint-w .os-form-group.os-form-checkbox-group label input.os-form-checkbox {
display: inline-block;
margin-right: 10px;
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: 11px !important;
color: #AFB8D6 !important;
font-weight: 500 !important;
position: absolute !important;
top: 5px;
left: 12px;
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: 46px !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: 18px 10px 6px 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: #1d7bff; }
.latepoint-w .os-form-group.os-form-phonefield-group .iti__selected-dial-code {
color: #32373c;
font-weight: 500;
font-size: 14px !important;
white-space: nowrap;
line-height: 0.8;
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 .iti__selected-flag {
padding: 12px 4px 12px 12px;
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) .iti.iti--allow-dropdown {
align-items: center; }
.latepoint-w .os-form-group.os-form-phonefield-group:not(.has-value) .iti__selected-flag {
padding-top: 10px;
padding-bottom: 10px; }
.latepoint-w .os-form-group.os-form-phonefield-group.has-value .iti__selected-flag {
padding-top: 18px;
padding-bottom: 6px; }
.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: 500;
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 {
max-width: 430px;
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 h4 {
margin: 0px;
margin-bottom: 15px;
padding: 0px;
color: #14161d; }
.latepoint-login-form-w .os-form-group:last-child {
margin-bottom: 0px; }
.latepoint-login-form-w .os-form-buttons {
justify-content: space-between; }
.latepoint-login-form-w .os-social-or {
color: #1d7bff;
text-align: center;
margin-bottom: 15px;
margin-top: 10px;
font-weight: 500;
font-size: 16px; }
.latepoint-login-form-w .os-social-or span {
display: inline-block;
position: relative; }
.latepoint-login-form-w .os-social-or span:before, .latepoint-login-form-w .os-social-or span:after {
content: "";
position: absolute;
top: 50%;
height: 1px;
background-color: #E2E5EF;
width: 20px;
left: -30px; }
.latepoint-login-form-w .os-social-or span:after {
left: auto;
right: -30px; }
.latepoint-login-form-w .os-social-login-options {
display: flex;
justify-content: space-between; }
.latepoint-login-form-w .os-social-login-options .os-social-login-option {
padding: 5px 10px 5px 10px;
border-radius: 4px;
border: 1px solid #1d7bff;
display: block;
color: #1d7bff;
text-decoration: none;
font-weight: 500;
white-space: nowrap;
cursor: pointer;
overflow: hidden; }
.latepoint-login-form-w .os-social-login-options .os-social-login-option i, .latepoint-login-form-w .os-social-login-options .os-social-login-option span {
display: inline-block;
vertical-align: middle; }
.latepoint-login-form-w .os-social-login-options .os-social-login-option i {
margin-right: 10px; }
.latepoint-login-form-w .os-social-login-options .os-social-login-option.os-social-login-google {
border: none;
padding: 0px;
border-radius: 0px;
max-width: 50%; }
.latepoint-login-form-w .os-social-login-options .os-social-login-option.os-social-login-facebook {
color: #32373b;
border-color: #d4dae6; }
.latepoint-login-form-w .os-social-login-options .os-social-login-option.os-social-login-facebook img {
width: 16px;
height: auto;
margin-right: 8px;
display: inline-block;
vertical-align: middle; }
.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: 11px;
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: 10001;
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: 500;
font-size: 16.8px;
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(-50%, -60%, 0px);
opacity: 0; }
100% {
transform: translate3d(-50%, -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; } }
.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; } }
.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 {
margin-top: 20px; }
.latepoint-w .latepoint-booking-form-element .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.selected {
box-shadow: 0px 0px 0px 2px #1d7bff; }
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option.selected .lp-option-label {
color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:hover {
box-shadow: 0px 0px 0px 2px #1d7bff; }
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:hover .lp-option-label {
color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element .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 {
font-weight: 500;
color: #1f222b;
font-size: 16px;
padding: 10px; }
.latepoint-w .latepoint-booking-form-element .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 {
text-align: center; }
.latepoint-w .latepoint-booking-form-element .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 {
flex: 0 0 30%; }
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid.lp-options-grid-two {
gap: 25px; }
.latepoint-w .latepoint-booking-form-element .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 {
display: flex;
flex-direction: column; }
.latepoint-w .latepoint-booking-form-element .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 {
flex: 0 0 50px;
width: 50px; }
.latepoint-w .latepoint-booking-form-element .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 {
flex: 1;
padding-left: 20px; }
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount-w {
padding: 15px 30px;
border-bottom: 1px solid #E8EBEE; }
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount {
border-radius: 50%;
padding-bottom: 100%;
box-shadow: 0px 0px 0px 2px #1d7bff;
position: relative; }
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount .lp-amount-value {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-weight: 500;
color: #1f222b;
font-size: 16px; }
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount.lp-amount-deposit {
background-color: #D5DEFF;
box-shadow: none; }
.latepoint-w .latepoint-booking-form-element .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 #1d7bff, 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 {
left: 0px;
background-color: #fff;
padding: 2px 0px; }
.latepoint-w .latepoint-booking-form-element .os-items {
margin: 0px !important;
padding: 0px !important; }
.latepoint-w .latepoint-booking-form-element .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 {
margin-top: 15px; }
.latepoint-w .latepoint-booking-form-element .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 .os-item-i {
cursor: pointer;
display: flex;
background: #FFFFFF;
border: 1px solid #E5E7EE;
align-items: center;
box-shadow: none;
outline: none;
padding: 10px;
color: #1f222b;
text-decoration: none; }
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i:hover {
border-color: #1d7bff;
text-decoration: none; }
.latepoint-w .latepoint-booking-form-element .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-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 {
font-weight: 500;
font-size: 16px;
display: block; }
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-name-w .os-item-desc {
color: #8e97b3;
font-size: 12px;
display: block;
margin-top: 3px; }
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-child-count {
display: block;
color: #8e97b3;
font-size: 11px;
transition: transform 0.2s ease; }
.latepoint-w .latepoint-booking-form-element .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 {
display: block;
color: #D09F1D;
line-height: 1.1;
font-weight: 500;
font-family: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
font-size: 15px; }
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w .os-item-price-label {
display: block;
color: #8e97b3;
font-size: 11px;
white-space: nowrap; }
.latepoint-w .latepoint-booking-form-element .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 {
padding: 5px 0px; }
.latepoint-w .latepoint-booking-form-element .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 {
background-color: #fff;
color: #fff;
padding: 3px;
font-size: 12px;
font-family: 'latepoint' !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: "";
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 {
background-color: #1d7bff;
box-shadow: none; }
.latepoint-w .latepoint-booking-form-element .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 {
display: none; }
.latepoint-w .latepoint-booking-form-element .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 {
margin-top: 15px; }
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid {
display: grid; }
.latepoint-w .latepoint-booking-form-element .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 {
grid-column: 1/4; }
.latepoint-w .latepoint-booking-form-element .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 {
padding: 15px 20px; }
.latepoint-w .latepoint-booking-form-element .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 {
text-align: left;
font-weight: 500;
font-size: 16px; }
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i {
display: block;
padding: 10px; }
.latepoint-w .latepoint-booking-form-element .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 {
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 {
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 {
background-size: cover;
background-position: center center;
padding-bottom: 100%; }
.latepoint-w .latepoint-booking-form-element .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 {
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 {
font-size: 12px;
padding: 0px;
font-weight: 500;
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 {
color: #1d7bff;
display: inline-block;
border-bottom: 1px dotted rgba(29, 123, 255, 0.5);
padding: 2px 0px 1px; }
.latepoint-w .latepoint-booking-form-element .os-items .os-item-details-popup-btn:hover span {
padding-left: 5px;
padding-right: 5px;
color: #fff;
background-color: #1d7bff;
border-color: transparent; }
.latepoint-w .latepoint-booking-form-element .os-items .os-item {
position: relative; }
.latepoint-w .latepoint-booking-form-element .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 {
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 {
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 {
transform: translateY(-18px); }
.latepoint-w .latepoint-booking-form-element .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 {
border-color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element .show-selected-only > .os-items.os-as-rows {
margin-top: 0px !important; }
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded {
border-radius: 8px; }
.latepoint-w .latepoint-booking-form-element.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-attendies-w .total-attendies-selector-w .total-attendies-selector {
border-radius: 8px; }
.latepoint-w .latepoint-booking-form-element.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 {
border-radius: 50%; }
.latepoint-w .latepoint-booking-form-element.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 {
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 {
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 {
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 {
border-radius: 8px !important; }
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .dp-timeslot .dp-label {
border-radius: 8px; }
.latepoint-w .latepoint-booking-form-element.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 {
border-radius: 8px; }
.latepoint-w .latepoint-booking-form-element.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 {
border-radius: 8px; }
.latepoint-w .latepoint-booking-form-element.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 {
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 {
border-radius: 8px; }
.latepoint-w .latepoint-booking-form-element.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 {
border-radius: 8px !important; }
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w .select-total-attendies-w .total-attendies-selector-w {
border-radius: 8px; }
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .select-total-attendies-w {
border-radius: 8px; }
.latepoint-w .latepoint-booking-form-element.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 {
border-radius: 8px; }
.latepoint-w .latepoint-booking-form-element.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 {
border-radius: 8px 0px 0px 8px; }
.latepoint-w .latepoint-booking-form-element.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 {
border-radius: 8px; }
.latepoint-w .latepoint-booking-form-element.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 {
border-radius: 8px; }
.latepoint-w .latepoint-booking-form-element.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 {
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 {
border-radius: 6px; }
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-btn {
border-radius: 8px; }
.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 {
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 {
border-radius: 0 8px 8px 0 !important; }
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-phonefield-group .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 {
border-radius: 8px; }
.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; }
.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: 21px; }
.latepoint-resources-items-w .resource-item .ri-title {
color: #1d7bff;
font-weight: 500;
font-size: 14px; }
.latepoint-resources-items-w .resource-item .ri-price {
color: #1d7bff;
font-weight: 500;
font-size: 14px;
margin-bottom: 10px; }
.latepoint-resources-items-w .resource-item .ri-description {
color: #8e97b3;
font-size: 14px;
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; }
.customer-dashboard-tabs {
display: flex;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin: 20px 0px 30px; }
.customer-dashboard-tabs a {
display: block;
padding: 10px 0px;
font-weight: 500;
text-decoration: none;
color: #8e97b3;
position: relative;
font-size: 19px;
margin-right: 40px; }
.customer-dashboard-tabs a:focus, .customer-dashboard-tabs a:hover {
text-decoration: none; }
.customer-dashboard-tabs a:after {
content: "";
height: 2px;
background-color: #1d7bff;
left: 0px;
bottom: -1px;
display: block;
position: absolute; }
.customer-dashboard-tabs a.active {
color: #1d7bff; }
.customer-dashboard-tabs a.active:after {
width: 100%; }
.customer-bookings-tiles {
display: grid;
grid-gap: 30px;
grid-template-columns: 1fr 1fr 1fr; }
.customer-bookings-tiles .new-booking-tile {
border: 2px dotted rgba(29, 123, 255, 0.4);
opacity: 0.7;
display: flex;
flex-direction: column;
text-align: center;
color: #1d7bff;
position: relative;
padding: 30px 20px;
min-height: 100px;
text-decoration: none; }
.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: 19px; }
.customer-bookings-tiles .new-booking-tile span {
margin-top: 15px;
margin-bottom: auto;
font-weight: 500;
font-size: 19px; }
.customer-bookings-tiles .new-booking-tile:hover {
opacity: 1;
border-color: #1d7bff;
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 #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
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 h6.customer-booking-service-name {
color: #14161d;
padding-bottom: 5px;
margin: 0px;
text-align: left;
text-transform: none;
font-size: 19px;
line-height: 1.2; }
.customer-bookings-tiles .customer-booking-datetime {
margin-bottom: 10px;
color: #14161d; }
.customer-bookings-tiles .customer-booking-datetime span {
color: #8e97b3; }
.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: 15px; }
.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: #8e97b3; }
.customer-bookings-tiles .customer-booking-info .booking-info-value {
font-weight: 500; }
.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 #1f222b;
border-left: 2px solid #1f222b;
border-top: 2px solid #1f222b;
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: 15px;
font-weight: 500;
color: #8e97b3;
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: 500; }
.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: 14px;
display: block;
padding: 10px 25px 10px 10px;
position: relative;
text-decoration: none;
background-color: rgba(255, 255, 255, 0.3);
white-space: nowrap;
color: #1d7bff; }
.os-zoom-info-link a:hover {
background-color: #fff; }
.os-zoom-info-link a:before {
font-family: 'latepoint' !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: "";
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; }
.customer-booking-bottom-actions .latepoint-btn {
padding: 7px 10px; }
.reschedule-calendar-wrapper .os-monthly-calendar-days {
grid-gap: 10px; }
.reschedule-calendar-wrapper .os-weekdays {
margin-top: 15px;
border-top: 1px solid #f8f8f8;
padding-top: 15px; }
.reschedule-calendar-wrapper .os-dates-w {
margin: 0; }
.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 0 10px 0;
font-size: 28px;
color: #14161d; }
.latepoint-lightbox-w .reschedule-confirmation-wrapper .desc {
font-size: 19px;
margin-bottom: 20px; }
.latepoint-lightbox-w .reschedule-confirmation-wrapper .rescheduled-date-time-info .info-label {
color: #8e97b3;
margin-bottom: 5px; }
.latepoint-lightbox-w .reschedule-confirmation-wrapper .rescheduled-date-time-info .info-value {
font-weight: 500; }
.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: 500; }
.latepoint-w ul li {
list-style: none; }
.latepoint-w.booking-form-in-lightbox .latepoint-lightbox-i > .latepoint-lightbox-close {
display: none !important; }
.latepoint-w.latepoint-shortcode-booking-form {
margin: 20px 0; }
.latepoint-w.latepoint-shortcode-booking-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;
max-width: 740px; }
.latepoint-w.latepoint-shortcode-booking-form .latepoint-booking-form-element .latepoint-lightbox-close {
display: none !important; }
.latepoint-w.latepoint-shortcode-booking-form .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
right: 20px;
font-size: 20px; }
.latepoint-w.latepoint-shortcode-booking-form .latepoint-booking-form-element .latepoint-heading-w {
text-align: center; }
.latepoint-w.latepoint-shortcode-booking-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-heading-w {
padding-top: 17px;
padding-bottom: 17px; }
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .os-heading-text {
font-size: 21px; }
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .latepoint-form-w .latepoint-body:after {
height: 80px; }
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element.hidden-buttons .latepoint-form-w .latepoint-body:after {
height: 40px; }
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w {
padding-left: 40px;
padding-right: 40px; }
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
padding-top: 80px;
padding-left: 40px;
padding-right: 40px; }
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-progress {
display: block; }
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .latepoint-side-panel {
display: none; }
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .step-datepicker-w {
padding: 0px 15px; }
.latepoint-w.latepoint-hide-side-panel.latepoint-shortcode-booking-form .latepoint-booking-form-element {
max-width: 470px; }
.latepoint-w .latepoint-booking-form-element {
display: flex;
align-items: stretch;
position: relative; }
.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: #1d7bff; }
.latepoint-w .latepoint-booking-form-element a {
text-decoration: none; }
.latepoint-w .latepoint-booking-form-element.current-step-datepicker .latepoint-side-panel .latepoint-timezone-selector-w {
display: block; }
.latepoint-w .latepoint-booking-form-element .latepoint-progress {
text-align: center;
color: #8e97b3;
font-size: 14px;
padding-top: 15px;
margin-bottom: 30px; }
.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: #8e97b3;
text-decoration: none;
position: relative;
box-shadow: none;
font-weight: 500;
font-size: 12px; }
.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: #1d7bff;
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: rgba(29, 123, 255, 0.7); }
.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: #1d7bff; }
.latepoint-w .latepoint-booking-form-element .info-box {
background-color: #FFF3CB;
margin-top: 20px;
padding: 10px;
font-size: 12px;
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: #1f222b;
font-weight: 500;
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;
background-color: #fff;
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 #1f222b;
border-left: 2px solid #1f222b;
border-top: 2px solid #1f222b;
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: 11px !important;
color: #8e97b3;
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: 11px !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: #8e97b3;
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: rgba(29, 123, 255, 0.2);
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: 10px;
font-size: 22px;
line-height: 1.2; }
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions {
color: #8e97b3;
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: 1;
max-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-attendies-w {
display: none;
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-attendies-w .select-total-attendies-label {
padding-right: 20px; }
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendies-w .select-total-attendies-label h4 {
margin: 0px !important;
padding: 0px !important;
font-size: 19px; }
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendies-w .select-total-attendies-label .sta-sub-label {
font-size: 12px;
color: #8e97b3; }
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendies-w .total-attendies-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-attendies-w .total-attendies-selector-w input {
text-align: center;
border: none !important;
padding: 0px 5px !important;
font-size: 21px !important;
font-weight: 500;
width: 50px !important;
margin: 0px !important;
background-color: #fff !important;
color: #1f222b !important; }
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendies-w .total-attendies-selector-w input::placeholder {
color: rgba(0, 0, 0, 0.1); }
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendies-w .total-attendies-selector-w input:focus {
outline: none !important;
box-shadow: none !important; }
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendies-w .total-attendies-selector-w .total-attendies-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-attendies-w .total-attendies-selector-w .total-attendies-selector:hover {
color: #fff;
background-color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendies-w.style-centered {
text-align: center; }
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendies-w.style-centered .total-attendies-selector-w {
width: 150px;
margin: 0px auto;
justify-content: space-between; }
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendies-w.style-centered .total-attendies-selector-w input {
font-size: 30px !important;
width: 100% !important;
line-height: 1.4 !important;
font-family: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace; }
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendies-w.style-centered .select-total-attendies-label {
margin-bottom: 20px;
padding: 0px; }
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendies-w.style-centered .select-total-attendies-label h4 {
font-size: 25px; }
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendies-w.style-centered .select-total-attendies-label .sta-sub-label {
font-size: 16px; }
.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 {
position: absolute;
z-index: 2;
background-color: #fff;
top: 0;
left: 0;
right: 0;
padding: 17px 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
text-align: left;
height: 60px;
display: flex;
align-items: center; }
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
position: absolute;
top: 50%;
right: 55px;
transform: translateY(-50%);
color: #1e222b;
font-size: 20px;
box-shadow: none;
line-height: 18px;
z-index: 2;
display: none; }
.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 {
position: absolute;
top: 50%;
right: 17px;
transform: translateY(-50%);
color: #1e222b;
font-size: 20px;
box-shadow: none;
display: block;
line-height: 18px;
z-index: 2; }
.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: 22px;
line-height: 1.2; }
.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: 90px 30px 0px;
flex: 1;
max-height: 84vh;
overflow-y: scroll;
transition: all 0.2s ease;
position: relative; }
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body:after {
content: "";
height: 85px;
display: block; }
.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: 19px; }
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h4 {
font-size: 16px;
padding: 0px; }
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer {
padding: 10px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
display: flex;
justify-content: space-between;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
background-color: #fff; }
.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-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-btn {
font-weight: 500;
box-shadow: none;
padding: 8px 14px;
font-size: 12px;
letter-spacing: 0.2px; }
.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: #8e97b3;
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 > h4 {
margin-bottom: 5px; }
.latepoint-w .latepoint-booking-form-element .lp-demo-mode-msg {
padding: 8px 10px;
background-color: #ffd534;
color: #211f1a;
font-size: 14px;
font-weight: 500;
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 #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
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: 16px;
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: 500;
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: 14px; }
.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: 500;
padding: 2px;
border-radius: 2px 5px;
font-size: 12px;
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: 500;
font-size: 12px;
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: 12px !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: #1d7bff;
color: #fff;
text-transform: uppercase;
padding: 2px 5px;
font-size: 11px;
font-weight: 500;
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: 500;
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 #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
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.selecting-total-attendies .os-services,
.latepoint-w .latepoint-booking-form-element .latepoint-step-content.selecting-total-attendies .os-item-categories-holder {
display: none !important; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content.selecting-service-duration .os-services .os-item .os-service-selector {
display: none !important; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content.selecting-service-duration .os-item-category-info-w {
display: none !important; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content.selecting-service-duration .os-item-category-w > .os-services .os-item {
border: none !important; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content.selecting-service-duration .os-item-category-w.selected {
box-shadow: none !important; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content.selecting-total-attendies .select-total-attendies-w {
display: flex; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content.selecting-total-attendies .select-total-attendies-w.style-centered {
display: block; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content.selecting-service-duration .latepoint-step-content-text-centered {
display: block; }
.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: 46px;
font-weight: 500;
line-height: 1.1;
color: #1d7bff;
font-family: "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: #8e97b3; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-sub-label {
opacity: 0.8;
color: #8e97b3; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-sub-label span {
font-weight: 500;
color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-price {
font-family: "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: 15px;
font-weight: 500; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-item-category-w > .os-selectable-items {
display: none; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-item-category-w > .os-selectable-items .os-item.selected {
position: relative;
z-index: 2; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-item-category-w > .os-selectable-items .os-item.selected > .os-service-selector:hover {
border-color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-item-category-w > .os-selectable-items .os-item:hover {
z-index: 2;
position: relative; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-item-category-w > .os-selectable-items .os-item a.os-service-selector {
position: relative; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-item-category-w > .os-selectable-items .os-item a.os-service-selector .service-name-w .service-name {
font-size: 15px; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-item-category-w > .os-selectable-items .os-item a.os-service-selector:hover {
border-color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-item-category-w .os-item-category-w {
margin-top: 0px;
box-shadow: none; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-item-category-w .os-item-category-w .os-item-category-info-w {
border: none; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-item-category-w .os-item-category-w .os-item-category-info-w {
display: none; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .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 .latepoint-step-content .os-item-category-w .os-item-category-info .os-item-category-name {
display: block;
font-weight: 500;
font-size: 16px;
display: block;
margin-right: auto;
flex: 1;
transition: transform 0.2s ease; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-item-category-w .os-item-category-info .os-item-category-services-count {
display: block;
color: #8e97b3;
font-size: 11px;
transform: translateX(-40px);
transition: transform 0.2s ease; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-item-category-w.selected {
box-shadow: none; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .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 .latepoint-step-content .os-item-category-w.selected > .os-item-category-info-w:last-child {
border-bottom: none; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-item-category-w.selected > .os-item-category-info-w .os-item-category-img-w {
opacity: 0; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-item-category-w.selected > .os-item-category-info-w .os-item-category-services-count {
transform: translateX(0); }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-item-category-w.selected > .os-item-category-info-w:before {
content: "";
position: absolute;
top: 50%;
left: 25px;
font-family: 'latepoint' !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: "";
font-size: 10px;
transform: translateY(-50%);
color: #8e97b3;
transition: all 0.2s ease; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .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 .latepoint-step-content .os-item-category-w.selected > .os-item-category-info-w:hover:before {
transform: translate(-5px, -50%);
color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-item-category-w.selected > .os-item-category-info-w:hover .os-item-category-name {
color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-item-category-w.selected > .os-selectable-items {
display: block; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-item-categories-holder.show-selected-only > .os-selectable-items:not(.selected) {
display: none; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-item-categories-holder.show-selected-only .os-item-category-info-w {
display: none; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-item-categories-holder.show-selected-only .os-item-category-w:not(.selected) {
border: none; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .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 .latepoint-step-content .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 .latepoint-step-content .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 .latepoint-step-content .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-categories-holder > .os-selectable-items {
display: block; }
.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: #1f222b;
text-decoration: none; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i:hover {
border-color: #1d7bff;
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: 500;
font-size: 16px;
display: block; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-name-w .service-desc {
color: #8e97b3;
font-size: 12px;
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: 22px;
line-height: 1.1;
font-weight: 500; }
.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: #8e97b3;
font-size: 11px;
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: #1d7bff; }
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item.with-description a .service-name-w {
padding: 5px 0px; }
.os-weekdays {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 5px; }
.os-weekdays .weekday {
text-transform: uppercase;
font-size: 11px;
color: #8e97b3;
font-weight: 500;
letter-spacing: 2px;
width: 14.2%;
text-align: center;
padding: 5px 0px; }
.os-weekdays .weekday.weekday-6, .os-weekdays .weekday.weekday-7 {
color: #ccb63b;
background-color: #fffef2; }
.os-current-month-label-w {
position: relative; }
.os-current-month-label-w .os-month-prev-btn,
.os-current-month-label-w .os-month-next-btn {
position: absolute;
border: none;
font-size: 12px;
background-color: transparent !important;
box-shadow: none;
outline: none;
color: #111;
top: 55%;
transform: translateY(-50%);
padding: 0px;
margin: 0px;
line-height: 1;
vertical-align: middle;
display: inline-block;
cursor: pointer; }
.os-current-month-label-w .os-month-prev-btn.os-loading,
.os-current-month-label-w .os-month-next-btn.os-loading {
color: transparent !important; }
.os-current-month-label-w .os-month-prev-btn.os-loading span, .os-current-month-label-w .os-month-prev-btn.os-loading i,
.os-current-month-label-w .os-month-next-btn.os-loading span,
.os-current-month-label-w .os-month-next-btn.os-loading i {
color: transparent !important; }
.os-current-month-label-w .os-month-prev-btn.os-loading:after,
.os-current-month-label-w .os-month-next-btn.os-loading:after {
display: block;
content: "";
width: 14px;
height: 14px;
border-bottom: 2px solid #1f222b;
border-left: 2px solid #1f222b;
border-top: 2px solid #1f222b;
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; }
.os-current-month-label-w .os-month-prev-btn:hover,
.os-current-month-label-w .os-month-next-btn:hover {
color: #1d7bff; }
.os-current-month-label-w .os-month-prev-btn:focus,
.os-current-month-label-w .os-month-next-btn:focus {
outline: none; }
.os-current-month-label-w .os-month-prev-btn.disabled,
.os-current-month-label-w .os-month-next-btn.disabled {
color: rgba(0, 0, 0, 0.1); }
.os-current-month-label-w .os-month-prev-btn {
left: 10px; }
.os-current-month-label-w .os-month-next-btn {
right: 10px; }
.os-current-month-label-w .os-current-month-label {
text-align: center;
font-weight: 500;
font-size: 18px;
margin-bottom: 10px;
color: #1f222b; }
.os-current-month-label-w .os-current-month-label .current-year {
display: inline-block;
vertical-align: middle;
color: rgba(31, 34, 43, 0.3);
margin-left: 5px; }
.os-current-month-label-w .os-current-month-label .current-month {
display: inline-block;
vertical-align: middle; }
.os-monthly-calendar-days-w {
display: none; }
.os-monthly-calendar-days-w.active {
display: block; }
.os-monthly-calendar-days-w.hide-if-single-slot .os-day.os-one-slot-only .os-day-status {
display: none; }
.os-monthly-calendar-days-w.hide-if-single-slot .os-day.selected:after {
font-family: 'latepoint' !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: "";
background-color: #1d7bff;
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); }
.step-datepicker-w {
padding: 0px 25px; }
.step-datepicker-w .dp-capacity, .reschedule-calendar-wrapper .dp-capacity {
position: absolute;
top: 0px;
left: 50%;
transform: translate3d(-50%, -100%, 0);
background-color: #111;
padding: 4px 6px;
color: #fff;
font-weight: 500;
display: none;
white-space: nowrap;
z-index: 9999;
font-size: 14px;
animation: 0.1s ease latepointAvailabilityPopup;
animation-fill-mode: both; }
.step-datepicker-w .time-selector-w:not(.style-timeline) .dp-timepicker-trigger:not(.selected):hover .dp-capacity, .reschedule-calendar-wrapper .time-selector-w:not(.style-timeline) .dp-timepicker-trigger:not(.selected):hover .dp-capacity {
display: block; }
.os-monthly-calendar-days {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-gap: 15px; }
.os-monthly-calendar-days .os-day {
text-align: center;
font-size: 16px;
font-weight: 500;
cursor: pointer;
position: relative; }
.os-monthly-calendar-days .os-day.os-day-next-month, .os-monthly-calendar-days .os-day.os-day-prev-month {
color: #B7BCCB;
background-color: #fff; }
.os-monthly-calendar-days .os-day.os-day-current .os-day-box {
background-color: #eefdec; }
.os-monthly-calendar-days .os-day.os-day-current.os-not-available {
cursor: not-allowed; }
.os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box {
background-color: transparent; }
.os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-status {
background-color: #f7f7f7; }
.os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-number {
color: #adadae; }
.os-monthly-calendar-days .os-day.os-day-current.os-not-available.selected .os-day-box {
background-color: #ec7376; }
.os-monthly-calendar-days .os-day.os-day-current.os-not-available.selected .os-day-box .os-day-number {
color: #fff; }
.os-monthly-calendar-days .os-day.os-day-passed .os-day-box {
background-color: transparent; }
.os-monthly-calendar-days .os-day.os-day-passed .os-day-box .os-day-number {
color: #bdc5da; }
.os-monthly-calendar-days .os-day.os-not-in-allowed-period .os-day-box {
background-color: #f7f8fb; }
.os-monthly-calendar-days .os-day.os-not-in-allowed-period .os-day-box .os-day-number {
color: #bdc5da; }
.os-monthly-calendar-days .os-day.os-today .os-day-box {
background-color: #fff6cb;
border-color: #fff6cb; }
.os-monthly-calendar-days .os-day.os-month-next .os-day-box, .os-monthly-calendar-days .os-day.os-month-prev .os-day-box {
opacity: 0.6; }
.os-monthly-calendar-days .os-day.os-month-next .os-day-box:hover, .os-monthly-calendar-days .os-day.os-month-prev .os-day-box:hover {
opacity: 1; }
.os-monthly-calendar-days .os-day .os-day-box {
padding: 8px 5px;
position: relative; }
.os-monthly-calendar-days .os-day .os-available-slots-tooltip {
position: absolute;
top: 0px;
left: 50%;
transform: translate3d(-50%, -100%, 0);
background-color: #111;
padding: 4px 6px;
color: #fff;
font-weight: 500;
display: none;
white-space: nowrap;
z-index: 9999;
font-size: 14px;
animation: 0.1s ease latepointAvailabilityPopup;
animation-fill-mode: both; }
.os-monthly-calendar-days .os-day .os-day-number {
color: #14161d;
transition: all 0.1s ease; }
.os-monthly-calendar-days .os-day .os-day-status {
transition: all 0.1s ease; }
.os-monthly-calendar-days .os-day:hover .os-day-box .os-day-number {
top: 40%;
transform: translateY(-2px) scale(1.2);
white-space: nowrap; }
.os-monthly-calendar-days .os-day:hover .os-day-box:hover .os-available-slots-tooltip {
display: block; }
.os-monthly-calendar-days .os-day:hover .os-day-status {
height: 6px;
left: 3px;
right: 3px; }
.os-monthly-calendar-days .os-day.selected .os-day-box {
background-color: #1d7bff;
border-color: transparent;
color: #fff;
opacity: 1; }
.os-monthly-calendar-days .os-day.selected .os-day-box .os-day-number {
color: #fff;
transform: scale(1.2); }
.os-monthly-calendar-days .os-day.selected .os-day-box .os-day-status {
display: none; }
.os-day-status {
margin: 0px;
height: 4px;
position: absolute;
border-radius: 0px;
overflow: hidden;
bottom: 3px;
left: 8px;
right: 8px;
background-color: #e6e9ef; }
.os-day-status .day-available {
background-color: #8fe286;
top: 0px;
bottom: 0px;
position: absolute;
z-index: 1;
min-width: 3px; }
.times-header {
color: #16171d;
font-size: 15px;
font-weight: 400;
text-align: center;
padding-bottom: 10px; }
.times-header span {
color: #1d7bff;
border-bottom: 1px dotted #1d7bff; }
.os-dates-w {
margin: 0px -2.2%; }
.os-times-w {
position: relative; }
.timeslots {
display: flex;
justify-content: space-between; }
.timeslots .not-working-message {
flex: 1;
padding: 3px 5px;
text-align: center;
background-color: #f7e8e8;
color: #752f2f;
font-weight: 500; }
.dp-timebox {
white-space: nowrap;
text-align: center;
padding: 6px 3px;
line-height: 1.2;
background-color: #d6ffd1;
font-size: 14px;
color: #14161d;
cursor: pointer;
font-weight: 500;
position: relative;
width: auto !important;
max-width: none !important; }
.dp-timebox .dp-tick,
.dp-timebox .dp-success-label {
display: none !important; }
.dp-timebox:hover {
background-color: #c0fbb8; }
.dp-timebox.is-off, .dp-timebox.is-booked {
color: #b3b3b3;
background-color: #f7f7f7;
box-shadow: none;
cursor: not-allowed; }
.dp-timebox.selected {
background-color: #1d7bff;
color: #fff;
box-shadow: none; }
.dp-timebox.selected:after {
font-family: 'latepoint' !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: "";
background-color: #1d7bff;
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; }
.time-selector-w {
display: none;
margin-top: 20px;
margin-left: -2px;
margin-right: -2px; }
.time-selector-w .th-timezone {
text-transform: uppercase;
font-size: 9px;
letter-spacing: 0.5px;
margin-top: 4px; }
.time-selector-w .th-timezone strong {
color: #8e97b3; }
.time-selector-w.style-timebox {
margin-top: 20px; }
.time-selector-w.style-timebox .timeslots {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px; }
.time-selector-w.style-timebox .timeslots.slots-not-available {
grid-template-columns: repeat(1, 1fr) !important; }
.time-selector-w.style-timebox .timeslots .not-working-message {
border-radius: 4px;
padding: 6px; }
.time-selector-w.style-timebox .timeslots .dp-timebox .dp-label-capacity {
display: none; }
.time-selector-w.style-timebox .timeslots .dp-timebox.is-off {
display: none; }
.time-selector-w.style-timebox .times-header {
display: flex;
align-items: center;
margin-bottom: 10px;
padding-top: 10px; }
.time-selector-w.style-timebox .times-header .times-header-label {
flex: 1;
margin: 0px 15px;
white-space: nowrap; }
.time-selector-w.style-timebox .times-header .th-line {
height: 1px;
flex: 1;
background-color: rgba(0, 0, 0, 0.1);
content: ""; }
.time-selector-w.style-timeline {
padding-bottom: 30px;
flex-wrap: no-wrap; }
.time-selector-w.with-end-time.time-system-12 .timeslots {
grid-template-columns: repeat(2, 1fr); }
.time-selector-w.with-end-time.time-system-12 .dp-timebox span.dp-label-end-time {
opacity: 0.7; }
.time-selector-w.with-end-time.time-system-24 .timeslots {
grid-template-columns: repeat(3, 1fr); }
.time-selector-w.with-end-time.time-system-24 .dp-timebox span.dp-label-end-time {
opacity: 0.7; }
.time-selector-w.without-end-time.time-system-12 .timeslots {
grid-template-columns: repeat(4, 1fr); }
.time-selector-w.without-end-time.time-system-24 .timeslots {
grid-template-columns: repeat(5, 1fr); }
.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; }
.dp-timeslot .dp-tick {
position: absolute;
display: block;
top: 34px;
left: 50%;
transform: translateX(-50%);
font-size: 7px;
text-align: center;
color: rgba(0, 0, 0, 0.4);
text-transform: uppercase;
line-height: 1.4;
font-weight: 500;
letter-spacing: 1px; }
.dp-timeslot .dp-tick strong {
display: block;
color: black;
font-size: 10px;
line-height: 1;
letter-spacing: 0px;
white-space: nowrap; }
.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: 9px; }
.dp-timeslot .dp-label {
display: none;
text-align: center;
padding: 7px 8px 7px 8px;
line-height: 1;
background-color: #04bb03;
color: #fff;
font-size: 11px;
font-weight: 500;
position: absolute;
left: 50%;
top: -8px;
transform: translate(-50%, -100%);
white-space: nowrap;
transition: all 0.2s ease;
z-index: 10; }
.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: 9px; }
.dp-timeslot.selected:not(.is-booked), .dp-timeslot.selected:not(.is-off) {
background-color: #1d7bff;
z-index: 4; }
.dp-timeslot.selected:not(.is-booked) .dp-label-capacity, .dp-timeslot.selected:not(.is-off) .dp-label-capacity {
display: none; }
.dp-timeslot.selected:not(.is-booked):hover, .dp-timeslot.selected:not(.is-off):hover {
background-color: #1d7bff; }
.dp-timeslot.selected:not(.is-booked):after, .dp-timeslot.selected:not(.is-off):after {
content: "";
position: absolute;
width: 1px;
left: 50%;
transform: translateX(-50%);
top: 0px;
bottom: 0px;
background-color: #1d7bff;
display: none; }
.dp-timeslot.selected:not(.is-booked) .dp-label, .dp-timeslot.selected:not(.is-off) .dp-label {
top: -3px;
background-color: #1d7bff;
color: #fff;
display: block; }
.dp-timeslot.selected:not(.is-booked):before, .dp-timeslot.selected:not(.is-off):before {
background-color: #1d7bff;
display: block;
width: 10px;
height: 10px;
transform: translateX(-50%) rotate(45deg);
top: -12px;
left: 50%; }
.dp-timeslot.is-booked {
background-color: #e6e9ef;
margin: 0px;
cursor: not-allowed; }
.dp-timeslot.is-booked:before {
background-color: #E42806; }
.dp-timeslot.is-booked .dp-label {
background-color: #E42806; }
.dp-timeslot.is-booked:hover {
background-color: #E42806; }
.dp-timeslot.is-off {
background-color: #e6e9ef;
margin: 0px;
border-color: #fff;
max-width: 25%;
cursor: not-allowed; }
.dp-timeslot.is-off:before {
background-color: #E42806; }
.dp-timeslot.is-off .dp-label {
background-color: #E42806; }
.dp-timeslot.is-off:hover {
background-color: #e6e9ef; }
.dp-timeslot.is-off:hover .dp-label {
display: none; }
.dp-timeslot.with-tick:after {
content: "";
position: absolute;
width: 1px;
left: 50%;
height: 3px;
bottom: -7px;
background-color: rgba(0, 0, 0, 0.4); }
.dp-timeslot:hover {
background-color: #04bb03; }
.dp-timeslot:hover:before {
top: 0px; }
.dp-timeslot:hover .dp-label {
display: block; }
.lp-strike {
text-decoration: line-through;
opacity: 0.8; }
.latepoint-booking-form-element .step-verify-w .payment-summary-info .confirmation-info-w {
margin-top: 0px; }
.latepoint-booking-form-element .step-confirmation-w .confirmation-head-info {
margin-bottom: 20px;
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-show-trigger {
float: right;
width: 100px;
text-align: center;
padding-top: 10px;
cursor: pointer; }
.latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-show-trigger .latepoint-icon {
font-size: 45px;
color: #111; }
.latepoint-booking-form-element .step-confirmation-w .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: 500;
letter-spacing: 0.5px;
margin-top: 10px;
font-size: 11px;
text-transform: uppercase; }
.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: 12px;
font-weight: 500;
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: #8e97b3;
padding-top: 0px;
margin-bottom: 8px;
font-size: 12px;
letter-spacing: 0.5px;
text-transform: uppercase;
font-weight: 500; }
.latepoint-booking-form-element .step-confirmation-w .confirmation-number strong {
font-size: 36px;
letter-spacing: normal;
color: #14161d;
display: block;
line-height: 1.1; }
.latepoint-booking-form-element .step-confirmation-w .print-booking-btn,
.latepoint-booking-form-element .step-confirmation-w .ical-download-btn {
margin-bottom: 5px;
padding: 2px 7px 3px 6px;
border: 1px solid #ad3d12;
text-decoration: none;
color: #ad3d12;
border-radius: 4px;
display: inline-block;
font-size: 13px;
font-weight: 500; }
.latepoint-booking-form-element .step-confirmation-w .print-booking-btn span, .latepoint-booking-form-element .step-confirmation-w .print-booking-btn i,
.latepoint-booking-form-element .step-confirmation-w .ical-download-btn span,
.latepoint-booking-form-element .step-confirmation-w .ical-download-btn i {
display: inline-block;
vertical-align: middle; }
.latepoint-booking-form-element .step-confirmation-w .print-booking-btn span,
.latepoint-booking-form-element .step-confirmation-w .ical-download-btn span {
margin-left: 7px; }
.latepoint-booking-form-element .step-confirmation-w .ical-download-btn {
margin-right: 5px; }
.latepoint-booking-form-element .step-confirmation-w .print-booking-btn {
border-color: #111;
color: #111; }
.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: 16px;
font-weight: 500; }
.latepoint-booking-form-element .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-link {
font-size: 14px;
background-color: #1d7bff;
color: #fff !important;
padding: 8px 15px !important;
font-weight: 500;
text-decoration: none !important;
border: none !important;
display: inline-block !important; }
.confirmation-info-w {
margin-top: 20px; }
.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: #8e97b3;
font-weight: 500;
padding: 7px 10px 7px 0px;
line-height: 1.4;
font-size: 10px;
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: #1f222b;
display: block;
font-size: 14px; }
.confirmation-info-w .confirmation-section-heading {
font-size: 18px;
display: block;
border-bottom: 1px solid #1d7bff;
margin: 15px 0px 5px 0px;
color: #1d7bff; }
.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-social-or {
color: #1d7bff;
text-align: center;
margin-bottom: 15px;
font-weight: 500;
font-size: 12px;
letter-spacing: 1px; }
.latepoint-booking-form-element .os-social-or span {
display: inline-block;
position: relative; }
.latepoint-booking-form-element .os-social-or span:before, .latepoint-booking-form-element .os-social-or span:after {
content: "";
position: absolute;
top: 50%;
height: 1px;
background-color: #E2E5EF;
width: 20px;
left: -30px; }
.latepoint-booking-form-element .os-social-or span:after {
left: auto;
right: -30px; }
.latepoint-booking-form-element .os-social-login-options {
display: flex;
justify-content: space-between; }
.latepoint-booking-form-element .os-social-login-options .os-social-login-option {
padding: 4px 10px 4px 10px;
border-radius: 4px;
border: 1px solid #1d7bff;
color: #1d7bff;
display: block;
overflow: hidden;
text-decoration: none;
font-weight: 500;
white-space: nowrap;
cursor: pointer; }
.latepoint-booking-form-element .os-social-login-options .os-social-login-option i, .latepoint-booking-form-element .os-social-login-options .os-social-login-option span {
display: inline-block;
vertical-align: middle; }
.latepoint-booking-form-element .os-social-login-options .os-social-login-option i {
margin-right: 8px; }
.latepoint-booking-form-element .os-social-login-options .os-social-login-option.os-social-login-google {
border: none;
padding: 0px;
border-radius: 0px;
max-width: 50%; }
.latepoint-booking-form-element .os-social-login-options .os-social-login-option.os-social-login-facebook {
color: #32373b;
border-color: #d9dce0; }
.latepoint-booking-form-element .os-social-login-options .os-social-login-option.os-social-login-facebook:hover {
border-color: #1977f2; }
.latepoint-booking-form-element .os-social-login-options .os-social-login-option.os-social-login-facebook img {
width: 16px;
height: auto;
margin-right: 8px;
display: inline-block;
vertical-align: middle; }
.latepoint-booking-form-element .os-step-tabs {
display: flex;
color: #8e97b3;
margin-bottom: 20px;
font-weight: 500;
font-size: 14px;
line-height: 14px;
justify-content: space-between;
align-items: flex-end;
box-shadow: 0px 1px 0px 0px #E2E5EF;
height: 34px; }
.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: 14px;
font-size: 14px; }
.latepoint-booking-form-element .os-step-tabs .os-step-tab:hover {
cursor: pointer;
color: #1f222b; }
.latepoint-booking-form-element .os-step-tabs .os-step-tab:before {
position: absolute;
content: "";
background-color: #1d7bff;
height: 2px;
left: 0px;
bottom: -1px;
width: 0%; }
.latepoint-booking-form-element .os-step-tabs .os-step-tab.active {
color: #1f222b;
font-size: 19px;
line-height: 14px;
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-contact-logged-in-header-w {
display: flex;
color: #898C98;
margin-bottom: 20px;
font-weight: 500;
font-size: 14px;
line-height: 14px;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #E2E5EF;
height: 34px; }
.latepoint-booking-form-element .step-contact-logged-in-header-w span {
display: block;
margin-right: 5px;
margin-left: auto; }
.latepoint-booking-form-element .step-contact-logged-in-header-w a {
display: block;
color: #1d7bff;
text-decoration: underline; }
.latepoint-booking-form-element .step-contact-logged-in-header-w div {
color: #1f222b;
font-size: 15px;
line-height: 14px;
padding-bottom: 12px;
padding-top: 8px;
position: relative; }
.latepoint-booking-form-element .step-contact-logged-in-header-w div:before {
position: absolute;
content: "";
background-color: #1d7bff;
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: 15px;
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-message {
border-radius: 0px; }
.latepoint-message.latepoint-message-success {
padding: 10px 15px;
font-weight: 500;
margin-bottom: 15px;
background: #aeffbe;
color: #258432;
text-align: center;
border: 1px solid #54e665;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05); }
.latepoint-message.latepoint-message-error {
padding: 10px;
font-weight: 500;
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: 500;
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: 500;
margin-bottom: 15px;
background: #d5dcff;
color: #181b2d;
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: 16px;
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-booking-summary-lightbox .os-item-details-popup {
position: relative;
background-color: #fff;
display: none;
margin: -15px -30px -30px -30px; }
.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: 12px;
font-weight: 500;
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: 28px;
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: 19px; }
.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: 15px;
line-height: 19px;
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: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 500;
font-size: 25px;
font-weight: 600;
line-height: 1.2;
color: #1d7bff; }
.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: 12px;
color: #8e97b3; }
.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: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 500;
font-size: 25px;
line-height: 19px;
color: #1d7bff;
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: 500;
display: flex;
font-size: 14px;
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: #1d7bff;
color: #fff; }
.add-to-calendar-types .atc-heading-wrapper .close-calendar-types:before {
line-height: 1;
font-family: 'latepoint' !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: ""; }
.add-to-calendar-types .atc-type {
padding: 10px;
padding-right: 15px;
display: flex;
gap: 10px;
align-items: center;
cursor: pointer;
background-color: #fff;
position: relative; }
.add-to-calendar-types .atc-type:hover {
box-shadow: 0 0 0 1px #1d7bff, inset 0 0 0 1px #1d7bff;
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: 500;
font-size: 14px;
color: #1f222b;
white-space: nowrap; }
.add-to-calendar-types .atc-type.atc-type-apple .atc-type-image {
background-image: url(//www.directenergyservices.cz/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(//www.directenergyservices.cz/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(//www.directenergyservices.cz/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(//www.directenergyservices.cz/wp-content/plugins/latepoint/public/images/office-365-logo-compact.jpg); } .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: 14px; }
.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: 14px;
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: 25px;
font-weight: 500;
line-height: 1; }
.latepoint-calendar-controls .le-week {
font-size: 25px;
font-weight: 500;
line-height: 1; }
.latepoint-calendar-controls .le-month {
font-size: 33px;
font-weight: 500;
line-height: 1; }
.latepoint-calendar-controls .le-filter {
padding: 6px 12px;
border: 1px solid #ccc;
color: #1f222b;
cursor: pointer;
display: flex;
gap: 10px;
align-items: center;
font-size: 14px;
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: 14px;
border-radius: 6px;
align-items: stretch;
border: 1px solid #ccc; }
.latepoint-calendar-controls .le-navigation .le-today {
padding: 6px 12px;
color: #1f222b;
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: #1d7bff;
border-bottom-color: #1d7bff; }
.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: 500;
color: #aaa;
z-index: 3;
position: relative; }
.latepoint-calendar-week .le-day-number {
font-size: 42px;
font-weight: 500;
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 #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
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: 70px;
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: 10px;
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: 11px;
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: 500;
font-size: 11px;
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: 500;
font-size: 14px;
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: 500;
font-size: 16px; }
.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: #1d7bff;
border-bottom: 1px dotted #1d7bff; }
.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: #1d7bff;
border-bottom: 1px dotted #1d7bff;
font-size: 14px;
display: inline-block;
cursor: pointer;
font-weight: 500;
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 #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
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: 56px;
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: 25px;
font-weight: 500;
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 #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
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: 11px;
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: 500;
font-size: 11px;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -110%);
white-space: nowrap; }
.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: 500;
font-size: 14px;
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: 57px;
font-weight: 500;
line-height: 1; }
.le-day-view-wrapper .le-day-info-section .le-day-info .le-day-month {
color: #8e97b3;
font-size: 19px;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 500; }
.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: 30px;
font-weight: 500;
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: 10px;
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: 11px;
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: 500;
font-size: 11px;
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: 500;
font-size: 14px;
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 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);
opacity: 0; }
100% {
transform: translate3d(-50%, -50%, 0);
opacity: 1; } }
@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-attendies-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-attendies-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-attendies-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-attendies-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-attendies-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 #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
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); }
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-contact-w {
transform: translateY(10px); }
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-contact-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-contact-w .os-form-group:nth-child(1) {
transition-delay: 0.05s; }
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-contact-w .os-form-group:nth-child(2) {
transition-delay: 0.1s; }
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-contact-w .os-form-group:nth-child(3) {
transition-delay: 0.15s; }
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-contact-w .os-form-group:nth-child(4) {
transition-delay: 0.2s; }
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-contact-w .os-form-group:nth-child(5) {
transition-delay: 0.25s; }
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-contact-w .os-form-group:nth-child(6) {
transition-delay: 0.3s; }
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-contact-w .os-form-group:nth-child(7) {
transition-delay: 0.35s; }
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-contact-w .os-form-group:nth-child(8) {
transition-delay: 0.4s; }
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-contact-w .os-form-group:nth-child(9) {
transition-delay: 0.45s; }
.latepoint-w .latepoint-booking-form-element.step-content-mid-loading .step-contact-w {
opacity: 0;
transform: translateY(10px); }
.latepoint-w .latepoint-booking-form-element.step-content-mid-loading .step-contact-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 {
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-contact-w {
transform: translateY(0px); }
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-contact-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-contact-w .os-form-group:nth-child(1) {
transition-delay: 0.05s; }
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-contact-w .os-form-group:nth-child(2) {
transition-delay: 0.1s; }
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-contact-w .os-form-group:nth-child(3) {
transition-delay: 0.15s; }
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-contact-w .os-form-group:nth-child(4) {
transition-delay: 0.2s; }
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-contact-w .os-form-group:nth-child(5) {
transition-delay: 0.25s; }
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-contact-w .os-form-group:nth-child(6) {
transition-delay: 0.3s; }
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-contact-w .os-form-group:nth-child(7) {
transition-delay: 0.35s; }
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-contact-w .os-form-group:nth-child(8) {
transition-delay: 0.4s; }
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-contact-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: 99999;
display: none;
justify-content: center;
align-items: center;
grid-template-columns: 740px;
grid-template-rows: 1fr; }
.latepoint-lightbox-w.width-400 {
grid-template-columns: 400px; }
.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; }
.latepoint-lightbox-w .latepoint-lightbox-heading h2 {
color: #14161d;
margin: 0px;
font-size: 23px; }
.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: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 400;
font-size: 14px; }
.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 .latepoint-lightbox-content {
padding: 30px;
flex: 1;
overflow: auto; }
.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 .latepoint-booking-form-element {
background-color: #fff; }
.latepoint-lightbox-w .latepoint-lightbox-i a {
box-shadow: none; }
.latepoint-lightbox-w .latepoint-lightbox-i a img {
box-shadow: none; }
.latepoint-lightbox-w.latepoint-hide-side-panel {
grid-template-columns: 470px; }
.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: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 500;
color: #1d7bff;
text-transform: none;
letter-spacing: 0px;
line-height: 1.45; }
.latepoint-lightbox-w h5 {
font-size: 15px; }
body.latepoint-lightbox-active .latepoint-lightbox-w {
display: grid; } .summary-box-heading {
display: flex;
align-items: center;
margin-bottom: 5px;
margin-top: 15px; }
.summary-box-heading .sbh-item {
text-transform: uppercase;
color: #8e97b3;
font-weight: 500;
letter-spacing: 1px;
position: relative;
font-size: 11px; }
.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: 1px;
background-color: #f1f1f1;
flex: 1;
margin-left: 10px; }
.summary-box {
margin-bottom: 10px; }
.summary-box.main-box {
margin-bottom: 15px; }
.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: #1f222b;
font-weight: 500;
font-size: 11px;
-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(//www.directenergyservices.cz/wp-content/plugins/latepoint/public/images/location-image.png);
background-size: cover;
border-radius: 6px; }
.summary-box .sbc-main-item {
font-weight: 500;
color: #1f222b; }
.summary-box .sbc-main-item a {
text-decoration: none;
color: #1d7bff; }
.summary-box .sbc-sub-item {
color: #8e97b3;
font-size: 12px;
display: inline-block; }
.summary-box .sbc-link-item {
color: #1d7bff;
font-size: 12px;
text-decoration: none !important;
font-weight: 500;
border-bottom: 1px solid #1d7bff;
cursor: pointer;
display: inline-block; }
.summary-box .sbc-big-item {
font-size: 22px;
font-weight: 500;
color: #1f222b;
margin-bottom: 5px; }
.summary-box .sbc-highlighted-item {
color: #1d7bff;
font-weight: 500;
font-size: 15px; }
.summary-box .sbc-highlighted-item span {
color: #8e97b3;
font-size: 15px;
font-weight: 400; }
.price-breakdown-w {
padding-top: 20px; }
.price-breakdown-w .pb-heading {
font-weight: 500;
color: #1f222b;
margin-bottom: 5px; }
.subtotal-separator {
margin-top: 20px; }
.summary-price-item-w {
display: flex;
justify-content: space-between;
margin-bottom: 7px; }
.summary-price-item-w .spi-name {
color: #1f222b;
font-weight: 400; }
.summary-price-item-w .spi-price {
color: #1f222b;
font-weight: 400; }
.summary-price-item-w.spi-strong .spi-name, .summary-price-item-w.spi-strong .spi-price {
font-weight: 500; }
.summary-price-item-w.spi-total {
border-top: 2px solid #1f222b;
padding-top: 10px;
margin-top: 10px;
font-size: 18px;
font-weight: 500;
color: #1f222b; }
.summary-price-item-w.spi-total .spi-name, .summary-price-item-w.spi-total .spi-price {
font-weight: 500; }
.summary-price-item-w.spi-positive .spi-price {
color: #3F8607; }
.summary-price-item-w .pi-badge {
display: inline-block;
background-color: #eee;
border-radius: 4px;
text-transform: uppercase;
font-size: 11px;
padding: 1px 3px;
font-weight: 500;
color: #000;
margin-left: 4px; }
.summary-price-item-w .pi-note {
color: #8e97b3;
font-size: 11px; }
.summary-attributes {
padding: 10px;
background-color: #f7f7f7;
color: #8e97b3;
font-size: 12px;
margin-top: 10px; }
.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: #1f222b;
font-weight: 500; }
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-summary-w {
display: block;
transform: none; }
.latepoint-w .latepoint-form-w .pb-heading {
display: none; }
.latepoint-w .latepoint-summary-w {
flex: 0 0 290px;
width: 290px;
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.os-loading .summary-header:before {
display: block;
content: "";
width: 16px !important;
height: 16px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
top: auto;
left: auto;
bottom: -46px;
right: 20px; }
.latepoint-w .latepoint-summary-w .summary-header {
position: relative;
font-size: 14px;
line-height: 1.3;
color: #14161d;
font-weight: 600;
padding: 5px;
text-transform: uppercase;
letter-spacing: 2px;
position: relative;
margin: 0px;
text-align: right;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
height: 60px; }
.latepoint-w .latepoint-summary-w .summary-header > div {
background-image: radial-gradient(#d4d4d4 1px, transparent 0);
background-size: 7px 7px;
display: flex;
padding: 12px 20px 12px;
justify-content: flex-end; }
.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: #1f222b; }
.latepoint-w .latepoint-summary-w .summary-header span {
background-color: #fff;
position: relative;
z-index: 2;
padding: 5px;
display: inline-block;
line-height: 1; }
.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: 1px;
margin-bottom: 0px; }
.latepoint-w .latepoint-summary-w .os-summary-contents {
padding: 25px 30px 30px;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1; }
.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 {
border-bottom: 1px solid #f1f1f1;
padding-bottom: 5px;
margin-bottom: 5px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 11px;
font-weight: 500;
color: #8e97b3; }
.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 .sbc-big-item {
font-size: 22px; }
.latepoint-w .latepoint-summary-w .summary-box.main-box {
padding-bottom: 10px;
border-bottom: 1px solid #f1f1f1; }
.latepoint-w .latepoint-summary-w .summary-box.main-box .summary-box-heading .sbh-item {
text-transform: capitalize;
letter-spacing: normal;
font-size: 11px; }
.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-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-booking-wrapper.os-loading .manage-booking-inner {
filter: blur(3px); }
.latepoint-w .manage-booking-wrapper.os-loading:after {
display: block;
content: "";
width: 20px !important;
height: 20px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 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-booking-wrapper .manage-booking-inner {
padding: 50px;
padding-top: 70px;
position: relative; }
.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-booking-wrapper .manage-status-info {
display: flex;
gap: 5px;
align-items: center;
margin-right: auto; }
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-label {
color: rgba(255, 255, 255, 0.5);
display: none; }
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value {
color: #fff;
font-weight: 500;
padding: 2px 6px; }
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-approved {
background-color: #74ff60;
color: #000; }
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-cancelled {
background-color: #e81818;
color: #fff; }
.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-booking-wrapper .manage-booking-controls {
padding: 15px 25px;
background-color: #1d7bff;
display: flex;
gap: 25px;
align-items: center;
justify-content: space-between;
position: sticky;
top: 0;
z-index: 2; }
.latepoint-w .manage-booking-wrapper .manage-booking-controls.status-cancelled {
background-color: #e81819; }
.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-booking-wrapper .manage-booking-controls .latepoint-btn {
padding: 0 !important; }
.latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group {
display: flex;
align-items: center;
margin: 0 !important;
gap: 8px; }
.latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group .os-form-control {
transition: none !important; }
.latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group label {
font-size: 16px;
font-weight: 500;
color: #fff; }
.latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group select {
font-size: 16px !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; }
.customer-dashboard-booking-summary-lightbox .full-summary-head-info, .manage-booking-wrapper .full-summary-head-info {
margin-bottom: 25px;
position: relative; }
.customer-dashboard-booking-summary-lightbox .full-summary-head-info .add-to-calendar-wrapper, .manage-booking-wrapper .full-summary-head-info .add-to-calendar-wrapper {
display: inline-block; }
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent, .manage-booking-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent {
display: block;
margin: 0px auto 30px auto;
padding-bottom: 20px;
border-bottom: 1px dashed rgba(0, 0, 0, 0.1); }
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger, .manage-booking-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger {
display: none; }
.customer-dashboard-booking-summary-lightbox .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: 10px;
cursor: pointer; }
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .latepoint-icon, .manage-booking-wrapper .qr-code-on-full-summary .qr-show-trigger .latepoint-icon {
font-size: 45px;
color: #111; }
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label, .manage-booking-wrapper .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label {
display: inline-block;
line-height: 1.2;
color: #111;
border-bottom: 1px solid #777;
font-weight: 500;
letter-spacing: 0.5px;
margin-top: 10px;
font-size: 11px;
text-transform: uppercase; }
.customer-dashboard-booking-summary-lightbox .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-booking-summary-lightbox .qr-code-on-full-summary .qr-code-vevent, .manage-booking-wrapper .qr-code-on-full-summary .qr-code-vevent {
display: none; }
.customer-dashboard-booking-summary-lightbox .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-booking-summary-lightbox .qr-code-on-full-summary .qr-code-vevent .qr-code-label, .manage-booking-wrapper .qr-code-on-full-summary .qr-code-vevent .qr-code-label {
text-align: center;
font-size: 12px;
font-weight: 500;
text-align: center;
font-weight: 500;
padding: 10px 15px;
background: #fff1af;
line-height: 1.4;
color: #000; }
.customer-dashboard-booking-summary-lightbox .payment-summary-info .full-summary-info-w, .manage-booking-wrapper .payment-summary-info .full-summary-info-w {
margin-top: 0px; }
.customer-dashboard-booking-summary-lightbox .full-summary-header, .manage-booking-wrapper .full-summary-header {
margin-bottom: 0px;
margin-top: 0px; }
.customer-dashboard-booking-summary-lightbox .full-summary-number, .manage-booking-wrapper .full-summary-number {
color: #8e97b3;
padding-top: 0px;
margin-bottom: 8px;
font-size: 12px;
letter-spacing: 0.5px;
text-transform: uppercase;
font-weight: 500; }
.customer-dashboard-booking-summary-lightbox .full-summary-number strong, .manage-booking-wrapper .full-summary-number strong {
font-size: 36px;
letter-spacing: normal;
color: #14161d;
display: block;
line-height: 1.1; }
.customer-dashboard-booking-summary-lightbox .print-booking-btn,
.customer-dashboard-booking-summary-lightbox .ical-download-btn, .manage-booking-wrapper .print-booking-btn,
.manage-booking-wrapper .ical-download-btn {
margin-bottom: 5px;
padding: 2px 7px 3px 6px;
border: 1px solid #ad3d12;
text-decoration: none;
color: #ad3d12;
border-radius: 4px;
display: inline-block;
font-size: 13px;
font-weight: 500; }
.customer-dashboard-booking-summary-lightbox .print-booking-btn span, .customer-dashboard-booking-summary-lightbox .print-booking-btn i,
.customer-dashboard-booking-summary-lightbox .ical-download-btn span,
.customer-dashboard-booking-summary-lightbox .ical-download-btn i, .manage-booking-wrapper .print-booking-btn span, .manage-booking-wrapper .print-booking-btn i,
.manage-booking-wrapper .ical-download-btn span,
.manage-booking-wrapper .ical-download-btn i {
display: inline-block;
vertical-align: middle; }
.customer-dashboard-booking-summary-lightbox .print-booking-btn span,
.customer-dashboard-booking-summary-lightbox .ical-download-btn span, .manage-booking-wrapper .print-booking-btn span,
.manage-booking-wrapper .ical-download-btn span {
margin-left: 7px; }
.customer-dashboard-booking-summary-lightbox .ical-download-btn, .manage-booking-wrapper .ical-download-btn {
margin-right: 5px; }
.customer-dashboard-booking-summary-lightbox .print-booking-btn, .manage-booking-wrapper .print-booking-btn {
border-color: #111;
color: #111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple h1, .latepoint-w .latepoint-booking-form-element.latepoint-color-purple h2, .latepoint-w .latepoint-booking-form-element.latepoint-color-purple h3, .latepoint-w .latepoint-booking-form-element.latepoint-color-purple h4, .latepoint-w .latepoint-booking-form-element.latepoint-color-purple h5 {
color: #1f222b; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before {
background-color: rgba(163, 47, 150, 0.15); }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-progress ul li.active .progress-item,
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-progress ul li.complete .progress-item {
background-color: rgba(163, 47, 150, 0.7); }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-progress ul li.active .progress-item:hover,
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-progress ul li.complete .progress-item:hover {
background-color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-progress ul li .progress-item span {
background-color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .summary-box-heading .sbh-item {
color: #a58eb3; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .os-items .os-item .os-item-i .os-item-name-w .os-item-desc {
color: #a58eb3; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-side-panel {
background-color: #fcf1fd; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-side-panel .latepoint-step-desc-w,
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-side-panel .latepoint-questions {
color: #a58eb3; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-side-panel .latepoint-progress ul li a span {
background-color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-summary-w {
background-color: #fcf1fd; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-summary-w .summary-header span {
background-color: #fcf1fd; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-summary-w .os-summary-line .os-summary-value {
color: #1f222b; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-summary-w .os-summary-line .os-summary-label {
color: #a58eb3; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-summary-w .summary-box .sbc-highlighted-item {
color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-btn.latepoint-btn-primary {
background-color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-btn.latepoint-btn-primary.latepoint-btn-link {
background-color: transparent;
color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover {
color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .os-items .os-item.selected > .os-item-i {
border-color: #a32f96;
box-shadow: 0 0 0 1px #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .os-items .os-item.selected > .os-item-details-popup-btn {
border-color: #a32f96;
color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .os-items .os-item > .os-item-i:hover {
border-color: #a32f96;
box-shadow: 0 0 0 1px #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .os-items .os-item.os-allow-multiselect:not(.selected) .os-item-i:hover {
border-color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .os-items .os-item.os-allow-multiselect.selected .os-item-i:before {
background-color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .os-items .os-item:hover > .os-item-details-popup-btn {
border-color: #a32f96;
color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .os-items .os-item .os-item-i .os-item-price-w .os-item-price {
color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .os-items .os-item .os-item-details-popup-btn span {
border-color: #a32f96;
color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .os-items .os-item .os-item-details-popup-btn:hover span {
background-color: #a32f96;
color: #fff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .step-services-w .os-service-durations .os-item .os-duration-value {
color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-form-w .select-total-attendies-w .total-attendies-selector-w .total-attendies-selector:hover {
background-color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .step-confirmation-w .confirmation-cabinet-info {
background-color: #fcecfd; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-link {
background-color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .step-confirmation-w .confirmation-info-w h5,
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .step-confirmation-w .payment-summary-info h5,
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .step-verify-w .confirmation-info-w h5,
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .step-verify-w .payment-summary-info h5 {
border-bottom-color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .os-form-group.os-form-select-group .os-form-control:focus,
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .os-form-group.os-form-select-group input.os-form-control:focus,
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .os-form-group.os-form-textfield-group .os-form-control:focus,
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .os-form-group.os-form-phonefield-group .os-form-control:focus,
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .os-form-group.os-form-textfield-group input.os-form-control:focus {
background-color: transparent !important;
border-color: #a32f96 !important; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .os-form-group.os-form-textfield-group:has(input:focus) .iti__selected-flag {
border-color: #a32f96 !important; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .step-services-w .os-item-category-w > .os-services .os-item.selected > .os-service-selector:hover {
border-color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .os-items .os-item.with-plus:after {
color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple.step-content-loading .latepoint-body:before {
border-bottom-color: #a32f96;
border-left-color: #a32f96;
border-top-color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .times-header span {
color: #a32f96;
border-bottom-color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .lp-options .lp-option.selected {
box-shadow: 0px 0px 0px 2px #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .lp-options .lp-option.selected .lp-option-label {
color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .lp-options .lp-option:hover {
box-shadow: 0px 0px 0px 2px #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .lp-options .lp-option:hover .lp-option-label {
color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .step-payment-w .payment-total-info .coupon-code-input-w .coupon-code-input-submit {
background-color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-features .item-details-popup-feature .item-details-popup-feature-value {
color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-content-i::first-letter {
color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-content-i {
color: #a58eb3; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-features .item-details-popup-feature .item-details-popup-feature-label {
color: #a58eb3; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .os-monthly-calendar-days .os-day.selected:not(.os-not-available) .os-day-box {
background-color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .dp-timeslot.selected .dp-label {
background-color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .dp-timeslot.selected {
background-color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .os-weekdays .weekday.weekday-6, .latepoint-w .latepoint-booking-form-element.latepoint-color-purple .os-weekdays .weekday.weekday-7 {
color: #ccb63b; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .os-step-tabs .os-step-tab:before {
background-color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .step-contact-logged-in-header-w div:before {
background-color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .step-contact-logged-in-header-w a {
color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-purple .os-social-or {
color: #a32f96; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green h1, .latepoint-w .latepoint-booking-form-element.latepoint-color-green h2, .latepoint-w .latepoint-booking-form-element.latepoint-color-green h3, .latepoint-w .latepoint-booking-form-element.latepoint-color-green h4, .latepoint-w .latepoint-booking-form-element.latepoint-color-green h5 {
color: #1f222b; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before {
background-color: rgba(28, 160, 15, 0.15); }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-progress ul li.active .progress-item,
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-progress ul li.complete .progress-item {
background-color: rgba(28, 160, 15, 0.7); }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-progress ul li.active .progress-item:hover,
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-progress ul li.complete .progress-item:hover {
background-color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-progress ul li .progress-item span {
background-color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .summary-box-heading .sbh-item {
color: #708e6e; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .os-items .os-item .os-item-i .os-item-name-w .os-item-desc {
color: #708e6e; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-side-panel {
background-color: #f0fff4; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-side-panel .latepoint-step-desc-w,
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-side-panel .latepoint-questions {
color: #708e6e; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-side-panel .latepoint-progress ul li a span {
background-color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-summary-w {
background-color: #f0fff4; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-summary-w .summary-header span {
background-color: #f0fff4; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-summary-w .os-summary-line .os-summary-value {
color: #1f222b; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-summary-w .os-summary-line .os-summary-label {
color: #708e6e; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-summary-w .summary-box .sbc-highlighted-item {
color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-btn.latepoint-btn-primary {
background-color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-btn.latepoint-btn-primary.latepoint-btn-link {
background-color: transparent;
color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover {
color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .os-items .os-item.selected > .os-item-i {
border-color: #1ca00f;
box-shadow: 0 0 0 1px #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .os-items .os-item.selected > .os-item-details-popup-btn {
border-color: #1ca00f;
color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .os-items .os-item > .os-item-i:hover {
border-color: #1ca00f;
box-shadow: 0 0 0 1px #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .os-items .os-item.os-allow-multiselect:not(.selected) .os-item-i:hover {
border-color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .os-items .os-item.os-allow-multiselect.selected .os-item-i:before {
background-color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .os-items .os-item:hover > .os-item-details-popup-btn {
border-color: #1ca00f;
color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .os-items .os-item .os-item-i .os-item-price-w .os-item-price {
color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .os-items .os-item .os-item-details-popup-btn span {
border-color: #1ca00f;
color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .os-items .os-item .os-item-details-popup-btn:hover span {
background-color: #1ca00f;
color: #fff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .step-services-w .os-service-durations .os-item .os-duration-value {
color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-form-w .select-total-attendies-w .total-attendies-selector-w .total-attendies-selector:hover {
background-color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .step-confirmation-w .confirmation-cabinet-info {
background-color: #e7fde4; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-link {
background-color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .step-confirmation-w .confirmation-info-w h5,
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .step-confirmation-w .payment-summary-info h5,
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .step-verify-w .confirmation-info-w h5,
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .step-verify-w .payment-summary-info h5 {
border-bottom-color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .os-form-group.os-form-select-group .os-form-control:focus,
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .os-form-group.os-form-select-group input.os-form-control:focus,
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .os-form-group.os-form-textfield-group .os-form-control:focus,
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .os-form-group.os-form-phonefield-group .os-form-control:focus,
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .os-form-group.os-form-textfield-group input.os-form-control:focus {
background-color: transparent !important;
border-color: #1ca00f !important; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .os-form-group.os-form-textfield-group:has(input:focus) .iti__selected-flag {
border-color: #1ca00f !important; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .step-services-w .os-item-category-w > .os-services .os-item.selected > .os-service-selector:hover {
border-color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .os-items .os-item.with-plus:after {
color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green.step-content-loading .latepoint-body:before {
border-bottom-color: #1ca00f;
border-left-color: #1ca00f;
border-top-color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .times-header span {
color: #1ca00f;
border-bottom-color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .lp-options .lp-option.selected {
box-shadow: 0px 0px 0px 2px #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .lp-options .lp-option.selected .lp-option-label {
color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .lp-options .lp-option:hover {
box-shadow: 0px 0px 0px 2px #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .lp-options .lp-option:hover .lp-option-label {
color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .step-payment-w .payment-total-info .coupon-code-input-w .coupon-code-input-submit {
background-color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-features .item-details-popup-feature .item-details-popup-feature-value {
color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-content-i::first-letter {
color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-content-i {
color: #708e6e; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-features .item-details-popup-feature .item-details-popup-feature-label {
color: #708e6e; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .os-monthly-calendar-days .os-day.selected:not(.os-not-available) .os-day-box {
background-color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .dp-timeslot.selected .dp-label {
background-color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .dp-timeslot.selected {
background-color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .os-weekdays .weekday.weekday-6, .latepoint-w .latepoint-booking-form-element.latepoint-color-green .os-weekdays .weekday.weekday-7 {
color: #ccb63b; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .os-step-tabs .os-step-tab:before {
background-color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .step-contact-logged-in-header-w div:before {
background-color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .step-contact-logged-in-header-w a {
color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-green .os-social-or {
color: #1ca00f; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red h1, .latepoint-w .latepoint-booking-form-element.latepoint-color-red h2, .latepoint-w .latepoint-booking-form-element.latepoint-color-red h3, .latepoint-w .latepoint-booking-form-element.latepoint-color-red h4, .latepoint-w .latepoint-booking-form-element.latepoint-color-red h5 {
color: #1f222b; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before {
background-color: rgba(173, 17, 17, 0.15); }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-progress ul li.active .progress-item,
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-progress ul li.complete .progress-item {
background-color: rgba(173, 17, 17, 0.7); }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-progress ul li.active .progress-item:hover,
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-progress ul li.complete .progress-item:hover {
background-color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-progress ul li .progress-item span {
background-color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .summary-box-heading .sbh-item {
color: #947777; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-items .os-item .os-item-i .os-item-name-w .os-item-desc {
color: #947777; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-side-panel {
background-color: #fdf1f1; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-side-panel .latepoint-step-desc-w,
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-side-panel .latepoint-questions {
color: #947777; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-side-panel .latepoint-progress ul li a span {
background-color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-summary-w {
background-color: #fdf1f1; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-summary-w .summary-header span {
background-color: #fdf1f1; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-summary-w .os-summary-line .os-summary-value {
color: #1f222b; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-summary-w .os-summary-line .os-summary-label {
color: #947777; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-summary-w .summary-box .sbc-highlighted-item {
color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-btn.latepoint-btn-primary {
background-color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-btn.latepoint-btn-primary.latepoint-btn-link {
background-color: transparent;
color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover {
color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-items .os-item.selected > .os-item-i {
border-color: #ad1111;
box-shadow: 0 0 0 1px #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-items .os-item.selected > .os-item-details-popup-btn {
border-color: #ad1111;
color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-items .os-item > .os-item-i:hover {
border-color: #ad1111;
box-shadow: 0 0 0 1px #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-items .os-item.os-allow-multiselect:not(.selected) .os-item-i:hover {
border-color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-items .os-item.os-allow-multiselect.selected .os-item-i:before {
background-color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-items .os-item:hover > .os-item-details-popup-btn {
border-color: #ad1111;
color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-items .os-item .os-item-i .os-item-price-w .os-item-price {
color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-items .os-item .os-item-details-popup-btn span {
border-color: #ad1111;
color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-items .os-item .os-item-details-popup-btn:hover span {
background-color: #ad1111;
color: #fff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .step-services-w .os-service-durations .os-item .os-duration-value {
color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-form-w .select-total-attendies-w .total-attendies-selector-w .total-attendies-selector:hover {
background-color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .step-confirmation-w .confirmation-cabinet-info {
background-color: #fef2f2; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-link {
background-color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .step-confirmation-w .confirmation-info-w h5,
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .step-confirmation-w .payment-summary-info h5,
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .step-verify-w .confirmation-info-w h5,
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .step-verify-w .payment-summary-info h5 {
border-bottom-color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-form-group.os-form-select-group .os-form-control:focus,
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-form-group.os-form-select-group input.os-form-control:focus,
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-form-group.os-form-textfield-group .os-form-control:focus,
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-form-group.os-form-phonefield-group .os-form-control:focus,
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-form-group.os-form-textfield-group input.os-form-control:focus {
background-color: transparent !important;
border-color: #ad1111 !important; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-form-group.os-form-textfield-group:has(input:focus) .iti__selected-flag {
border-color: #ad1111 !important; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .step-services-w .os-item-category-w > .os-services .os-item.selected > .os-service-selector:hover {
border-color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-items .os-item.with-plus:after {
color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red.step-content-loading .latepoint-body:before {
border-bottom-color: #ad1111;
border-left-color: #ad1111;
border-top-color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .times-header span {
color: #ad1111;
border-bottom-color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .lp-options .lp-option.selected {
box-shadow: 0px 0px 0px 2px #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .lp-options .lp-option.selected .lp-option-label {
color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .lp-options .lp-option:hover {
box-shadow: 0px 0px 0px 2px #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .lp-options .lp-option:hover .lp-option-label {
color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .step-payment-w .payment-total-info .coupon-code-input-w .coupon-code-input-submit {
background-color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-features .item-details-popup-feature .item-details-popup-feature-value {
color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-content-i::first-letter {
color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-content-i {
color: #947777; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-features .item-details-popup-feature .item-details-popup-feature-label {
color: #947777; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-monthly-calendar-days .os-day.selected:not(.os-not-available) .os-day-box {
background-color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .dp-timeslot.selected .dp-label {
background-color: #1449ff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .dp-timeslot.selected {
background-color: #1449ff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-weekdays .weekday.weekday-6, .latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-weekdays .weekday.weekday-7 {
color: #ccb63b; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-step-tabs .os-step-tab:before {
background-color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .step-contact-logged-in-header-w div:before {
background-color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .step-contact-logged-in-header-w a {
color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-red .os-social-or {
color: #ad1111; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black h1, .latepoint-w .latepoint-booking-form-element.latepoint-color-black h2, .latepoint-w .latepoint-booking-form-element.latepoint-color-black h3, .latepoint-w .latepoint-booking-form-element.latepoint-color-black h4, .latepoint-w .latepoint-booking-form-element.latepoint-color-black h5 {
color: #1f222b; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before {
background-color: rgba(34, 34, 34, 0.15); }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-progress ul li.active .progress-item,
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-progress ul li.complete .progress-item {
background-color: rgba(34, 34, 34, 0.7); }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-progress ul li.active .progress-item:hover,
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-progress ul li.complete .progress-item:hover {
background-color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-progress ul li .progress-item span {
background-color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .summary-box-heading .sbh-item {
color: #999; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-items .os-item .os-item-i .os-item-name-w .os-item-desc {
color: #999; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-side-panel {
background-color: #f5f5f5; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-side-panel .latepoint-step-desc-w,
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-side-panel .latepoint-questions {
color: #999; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-side-panel .latepoint-progress ul li a span {
background-color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-summary-w {
background-color: #f5f5f5; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-summary-w .summary-header span {
background-color: #f5f5f5; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-summary-w .os-summary-line .os-summary-value {
color: #1f222b; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-summary-w .os-summary-line .os-summary-label {
color: #999; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-summary-w .summary-box .sbc-highlighted-item {
color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-btn.latepoint-btn-primary {
background-color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-btn.latepoint-btn-primary.latepoint-btn-link {
background-color: transparent;
color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover {
color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-items .os-item.selected > .os-item-i {
border-color: #222;
box-shadow: 0 0 0 1px #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-items .os-item.selected > .os-item-details-popup-btn {
border-color: #222;
color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-items .os-item > .os-item-i:hover {
border-color: #222;
box-shadow: 0 0 0 1px #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-items .os-item.os-allow-multiselect:not(.selected) .os-item-i:hover {
border-color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-items .os-item.os-allow-multiselect.selected .os-item-i:before {
background-color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-items .os-item:hover > .os-item-details-popup-btn {
border-color: #222;
color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-items .os-item .os-item-i .os-item-price-w .os-item-price {
color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-items .os-item .os-item-details-popup-btn span {
border-color: #222;
color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-items .os-item .os-item-details-popup-btn:hover span {
background-color: #222;
color: #fff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .step-services-w .os-service-durations .os-item .os-duration-value {
color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-form-w .select-total-attendies-w .total-attendies-selector-w .total-attendies-selector:hover {
background-color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .step-confirmation-w .confirmation-cabinet-info {
background-color: #eee; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-link {
background-color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .step-confirmation-w .confirmation-info-w h5,
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .step-confirmation-w .payment-summary-info h5,
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .step-verify-w .confirmation-info-w h5,
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .step-verify-w .payment-summary-info h5 {
border-bottom-color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-form-group.os-form-select-group .os-form-control:focus,
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-form-group.os-form-select-group input.os-form-control:focus,
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-form-group.os-form-textfield-group .os-form-control:focus,
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-form-group.os-form-phonefield-group .os-form-control:focus,
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-form-group.os-form-textfield-group input.os-form-control:focus {
background-color: transparent !important;
border-color: #222 !important; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-form-group.os-form-textfield-group:has(input:focus) .iti__selected-flag {
border-color: #222 !important; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .step-services-w .os-item-category-w > .os-services .os-item.selected > .os-service-selector:hover {
border-color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-items .os-item.with-plus:after {
color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black.step-content-loading .latepoint-body:before {
border-bottom-color: #222;
border-left-color: #222;
border-top-color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .times-header span {
color: #222;
border-bottom-color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .lp-options .lp-option.selected {
box-shadow: 0px 0px 0px 2px #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .lp-options .lp-option.selected .lp-option-label {
color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .lp-options .lp-option:hover {
box-shadow: 0px 0px 0px 2px #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .lp-options .lp-option:hover .lp-option-label {
color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .step-payment-w .payment-total-info .coupon-code-input-w .coupon-code-input-submit {
background-color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-features .item-details-popup-feature .item-details-popup-feature-value {
color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-content-i::first-letter {
color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-content-i {
color: #999; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-features .item-details-popup-feature .item-details-popup-feature-label {
color: #999; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-monthly-calendar-days .os-day.selected:not(.os-not-available) .os-day-box {
background-color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .dp-timeslot.selected .dp-label {
background-color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .dp-timeslot.selected {
background-color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-weekdays .weekday.weekday-6, .latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-weekdays .weekday.weekday-7 {
color: #ccb63b; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-step-tabs .os-step-tab:before {
background-color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .step-contact-logged-in-header-w div:before {
background-color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .step-contact-logged-in-header-w a {
color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-black .os-social-or {
color: #222; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue h1, .latepoint-w .latepoint-booking-form-element.latepoint-color-blue h2, .latepoint-w .latepoint-booking-form-element.latepoint-color-blue h3, .latepoint-w .latepoint-booking-form-element.latepoint-color-blue h4, .latepoint-w .latepoint-booking-form-element.latepoint-color-blue h5 {
color: #1f222b; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before {
background-color: rgba(29, 123, 255, 0.15); }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-progress ul li.active .progress-item,
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-progress ul li.complete .progress-item {
background-color: rgba(29, 123, 255, 0.7); }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-progress ul li.active .progress-item:hover,
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-progress ul li.complete .progress-item:hover {
background-color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-progress ul li .progress-item span {
background-color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .summary-box-heading .sbh-item {
color: #8e97b3; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item .os-item-i .os-item-name-w .os-item-desc {
color: #8e97b3; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-side-panel {
background-color: #fff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-side-panel .latepoint-step-desc-w,
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-side-panel .latepoint-questions {
color: #8e97b3; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-side-panel .latepoint-progress ul li a span {
background-color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-summary-w {
background-color: #fff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-summary-w .summary-header span {
background-color: #fff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-summary-w .os-summary-line .os-summary-value {
color: #1f222b; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-summary-w .os-summary-line .os-summary-label {
color: #8e97b3; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-summary-w .summary-box .sbc-highlighted-item {
color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-btn.latepoint-btn-primary {
background-color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-btn.latepoint-btn-primary.latepoint-btn-link {
background-color: transparent;
color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover {
color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item.selected > .os-item-i {
border-color: #1d7bff;
box-shadow: 0 0 0 1px #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item.selected > .os-item-details-popup-btn {
border-color: #1d7bff;
color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item > .os-item-i:hover {
border-color: #1d7bff;
box-shadow: 0 0 0 1px #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item.os-allow-multiselect:not(.selected) .os-item-i:hover {
border-color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item.os-allow-multiselect.selected .os-item-i:before {
background-color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item:hover > .os-item-details-popup-btn {
border-color: #1d7bff;
color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item .os-item-i .os-item-price-w .os-item-price {
color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item .os-item-details-popup-btn span {
border-color: #1d7bff;
color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item .os-item-details-popup-btn:hover span {
background-color: #1d7bff;
color: #fff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .step-services-w .os-service-durations .os-item .os-duration-value {
color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-form-w .select-total-attendies-w .total-attendies-selector-w .total-attendies-selector:hover {
background-color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .step-confirmation-w .confirmation-cabinet-info {
background-color: #e0e9ff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-link {
background-color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .step-confirmation-w .confirmation-info-w h5,
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .step-confirmation-w .payment-summary-info h5,
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .step-verify-w .confirmation-info-w h5,
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .step-verify-w .payment-summary-info h5 {
border-bottom-color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-form-group.os-form-select-group .os-form-control:focus,
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-form-group.os-form-select-group input.os-form-control:focus,
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-form-group.os-form-textfield-group .os-form-control:focus,
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-form-group.os-form-phonefield-group .os-form-control:focus,
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-form-group.os-form-textfield-group input.os-form-control:focus {
background-color: transparent !important;
border-color: #1d7bff !important; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-form-group.os-form-textfield-group:has(input:focus) .iti__selected-flag {
border-color: #1d7bff !important; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .step-services-w .os-item-category-w > .os-services .os-item.selected > .os-service-selector:hover {
border-color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item.with-plus:after {
color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue.step-content-loading .latepoint-body:before {
border-bottom-color: #1d7bff;
border-left-color: #1d7bff;
border-top-color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .times-header span {
color: #1d7bff;
border-bottom-color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .lp-options .lp-option.selected {
box-shadow: 0px 0px 0px 2px #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .lp-options .lp-option.selected .lp-option-label {
color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .lp-options .lp-option:hover {
box-shadow: 0px 0px 0px 2px #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .lp-options .lp-option:hover .lp-option-label {
color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .step-payment-w .payment-total-info .coupon-code-input-w .coupon-code-input-submit {
background-color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-features .item-details-popup-feature .item-details-popup-feature-value {
color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-content-i::first-letter {
color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-content-i {
color: #8e97b3; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-features .item-details-popup-feature .item-details-popup-feature-label {
color: #8e97b3; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-monthly-calendar-days .os-day.selected:not(.os-not-available) .os-day-box {
background-color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .dp-timeslot.selected .dp-label {
background-color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .dp-timeslot.selected {
background-color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-weekdays .weekday.weekday-6, .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-weekdays .weekday.weekday-7 {
color: #ccb63b; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-step-tabs .os-step-tab:before {
background-color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .step-contact-logged-in-header-w div:before {
background-color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .step-contact-logged-in-header-w a {
color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-social-or {
color: #1d7bff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal h1, .latepoint-w .latepoint-booking-form-element.latepoint-color-teal h2, .latepoint-w .latepoint-booking-form-element.latepoint-color-teal h3, .latepoint-w .latepoint-booking-form-element.latepoint-color-teal h4, .latepoint-w .latepoint-booking-form-element.latepoint-color-teal h5 {
color: #1f222b; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before {
background-color: rgba(15, 140, 119, 0.15); }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-progress ul li.active .progress-item,
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-progress ul li.complete .progress-item {
background-color: rgba(15, 140, 119, 0.7); }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-progress ul li.active .progress-item:hover,
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-progress ul li.complete .progress-item:hover {
background-color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-progress ul li .progress-item span {
background-color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .summary-box-heading .sbh-item {
color: #67807c; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .os-items .os-item .os-item-i .os-item-name-w .os-item-desc {
color: #67807c; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-side-panel {
background-color: #edf8f9; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-side-panel .latepoint-step-desc-w,
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-side-panel .latepoint-questions {
color: #67807c; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-side-panel .latepoint-progress ul li a span {
background-color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-summary-w {
background-color: #edf8f9; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-summary-w .summary-header span {
background-color: #edf8f9; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-summary-w .os-summary-line .os-summary-value {
color: #1f222b; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-summary-w .os-summary-line .os-summary-label {
color: #67807c; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-summary-w .summary-box .sbc-highlighted-item {
color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-btn.latepoint-btn-primary {
background-color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-btn.latepoint-btn-primary.latepoint-btn-link {
background-color: transparent;
color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover {
color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .os-items .os-item.selected > .os-item-i {
border-color: #0f8c77;
box-shadow: 0 0 0 1px #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .os-items .os-item.selected > .os-item-details-popup-btn {
border-color: #0f8c77;
color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .os-items .os-item > .os-item-i:hover {
border-color: #0f8c77;
box-shadow: 0 0 0 1px #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .os-items .os-item.os-allow-multiselect:not(.selected) .os-item-i:hover {
border-color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .os-items .os-item.os-allow-multiselect.selected .os-item-i:before {
background-color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .os-items .os-item:hover > .os-item-details-popup-btn {
border-color: #0f8c77;
color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .os-items .os-item .os-item-i .os-item-price-w .os-item-price {
color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .os-items .os-item .os-item-details-popup-btn span {
border-color: #0f8c77;
color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .os-items .os-item .os-item-details-popup-btn:hover span {
background-color: #0f8c77;
color: #fff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .step-services-w .os-service-durations .os-item .os-duration-value {
color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-form-w .select-total-attendies-w .total-attendies-selector-w .total-attendies-selector:hover {
background-color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .step-confirmation-w .confirmation-cabinet-info {
background-color: #edf8f9; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-link {
background-color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .step-confirmation-w .confirmation-info-w h5,
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .step-confirmation-w .payment-summary-info h5,
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .step-verify-w .confirmation-info-w h5,
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .step-verify-w .payment-summary-info h5 {
border-bottom-color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .os-form-group.os-form-select-group .os-form-control:focus,
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .os-form-group.os-form-select-group input.os-form-control:focus,
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .os-form-group.os-form-textfield-group .os-form-control:focus,
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .os-form-group.os-form-phonefield-group .os-form-control:focus,
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .os-form-group.os-form-textfield-group input.os-form-control:focus {
background-color: transparent !important;
border-color: #0f8c77 !important; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .os-form-group.os-form-textfield-group:has(input:focus) .iti__selected-flag {
border-color: #0f8c77 !important; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .step-services-w .os-item-category-w > .os-services .os-item.selected > .os-service-selector:hover {
border-color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .os-items .os-item.with-plus:after {
color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal.step-content-loading .latepoint-body:before {
border-bottom-color: #0f8c77;
border-left-color: #0f8c77;
border-top-color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .times-header span {
color: #0f8c77;
border-bottom-color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .lp-options .lp-option.selected {
box-shadow: 0px 0px 0px 2px #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .lp-options .lp-option.selected .lp-option-label {
color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .lp-options .lp-option:hover {
box-shadow: 0px 0px 0px 2px #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .lp-options .lp-option:hover .lp-option-label {
color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .step-payment-w .payment-total-info .coupon-code-input-w .coupon-code-input-submit {
background-color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-features .item-details-popup-feature .item-details-popup-feature-value {
color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-content-i::first-letter {
color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-content-i {
color: #67807c; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-features .item-details-popup-feature .item-details-popup-feature-label {
color: #67807c; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .os-monthly-calendar-days .os-day.selected:not(.os-not-available) .os-day-box {
background-color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .dp-timeslot.selected .dp-label {
background-color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .dp-timeslot.selected {
background-color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .os-weekdays .weekday.weekday-6, .latepoint-w .latepoint-booking-form-element.latepoint-color-teal .os-weekdays .weekday.weekday-7 {
color: #ccb63b; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .os-step-tabs .os-step-tab:before {
background-color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .step-contact-logged-in-header-w div:before {
background-color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .step-contact-logged-in-header-w a {
color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-teal .os-social-or {
color: #0f8c77; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange h1, .latepoint-w .latepoint-booking-form-element.latepoint-color-orange h2, .latepoint-w .latepoint-booking-form-element.latepoint-color-orange h3, .latepoint-w .latepoint-booking-form-element.latepoint-color-orange h4, .latepoint-w .latepoint-booking-form-element.latepoint-color-orange h5 {
color: #1f222b; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before {
background-color: rgba(204, 116, 36, 0.15); }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-progress ul li.active .progress-item,
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-progress ul li.complete .progress-item {
background-color: rgba(204, 116, 36, 0.7); }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-progress ul li.active .progress-item:hover,
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-progress ul li.complete .progress-item:hover {
background-color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-progress ul li .progress-item span {
background-color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .summary-box-heading .sbh-item {
color: #9e9e9e; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-items .os-item .os-item-i .os-item-name-w .os-item-desc {
color: #9e9e9e; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-side-panel {
background-color: #fffbf3; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-side-panel .latepoint-step-desc-w,
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-side-panel .latepoint-questions {
color: #9e9e9e; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-side-panel .latepoint-progress ul li a span {
background-color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-summary-w {
background-color: #fffbf3; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-summary-w .summary-header span {
background-color: #fffbf3; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-summary-w .os-summary-line .os-summary-value {
color: #1f222b; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-summary-w .os-summary-line .os-summary-label {
color: #9e9e9e; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-summary-w .summary-box .sbc-highlighted-item {
color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-btn.latepoint-btn-primary {
background-color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-btn.latepoint-btn-primary.latepoint-btn-link {
background-color: transparent;
color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover {
color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-items .os-item.selected > .os-item-i {
border-color: #cc7424;
box-shadow: 0 0 0 1px #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-items .os-item.selected > .os-item-details-popup-btn {
border-color: #cc7424;
color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-items .os-item > .os-item-i:hover {
border-color: #cc7424;
box-shadow: 0 0 0 1px #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-items .os-item.os-allow-multiselect:not(.selected) .os-item-i:hover {
border-color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-items .os-item.os-allow-multiselect.selected .os-item-i:before {
background-color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-items .os-item:hover > .os-item-details-popup-btn {
border-color: #cc7424;
color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-items .os-item .os-item-i .os-item-price-w .os-item-price {
color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-items .os-item .os-item-details-popup-btn span {
border-color: #cc7424;
color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-items .os-item .os-item-details-popup-btn:hover span {
background-color: #cc7424;
color: #fff; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .step-services-w .os-service-durations .os-item .os-duration-value {
color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-form-w .select-total-attendies-w .total-attendies-selector-w .total-attendies-selector:hover {
background-color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .step-confirmation-w .confirmation-cabinet-info {
background-color: #fdf2e7; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-link {
background-color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .step-confirmation-w .confirmation-info-w h5,
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .step-confirmation-w .payment-summary-info h5,
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .step-verify-w .confirmation-info-w h5,
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .step-verify-w .payment-summary-info h5 {
border-bottom-color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-form-group.os-form-select-group .os-form-control:focus,
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-form-group.os-form-select-group input.os-form-control:focus,
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-form-group.os-form-textfield-group .os-form-control:focus,
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-form-group.os-form-phonefield-group .os-form-control:focus,
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-form-group.os-form-textfield-group input.os-form-control:focus {
background-color: transparent !important;
border-color: #cc7424 !important; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-form-group.os-form-textfield-group:has(input:focus) .iti__selected-flag {
border-color: #cc7424 !important; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .step-services-w .os-item-category-w > .os-services .os-item.selected > .os-service-selector:hover {
border-color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-items .os-item.with-plus:after {
color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange.step-content-loading .latepoint-body:before {
border-bottom-color: #cc7424;
border-left-color: #cc7424;
border-top-color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .times-header span {
color: #cc7424;
border-bottom-color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .lp-options .lp-option.selected {
box-shadow: 0px 0px 0px 2px #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .lp-options .lp-option.selected .lp-option-label {
color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .lp-options .lp-option:hover {
box-shadow: 0px 0px 0px 2px #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .lp-options .lp-option:hover .lp-option-label {
color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .step-payment-w .payment-total-info .coupon-code-input-w .coupon-code-input-submit {
background-color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-features .item-details-popup-feature .item-details-popup-feature-value {
color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-content-i::first-letter {
color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-content-i {
color: #9e9e9e; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-features .item-details-popup-feature .item-details-popup-feature-label {
color: #9e9e9e; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-monthly-calendar-days .os-day.selected:not(.os-not-available) .os-day-box {
background-color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .dp-timeslot.selected .dp-label {
background-color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .dp-timeslot.selected {
background-color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-weekdays .weekday.weekday-6, .latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-weekdays .weekday.weekday-7 {
color: #ccb63b; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-step-tabs .os-step-tab:before {
background-color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .step-contact-logged-in-header-w div:before {
background-color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .step-contact-logged-in-header-w a {
color: #cc7424; }
.latepoint-w .latepoint-booking-form-element.latepoint-color-orange .os-social-or {
color: #cc7424; }
@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-lightbox-i, .latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-shortcode-booking-form .latepoint-booking-form-element {
max-width: 740px; }
.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) {
.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: 42px; }
.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: 19px; }
.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-booking-wrapper {
margin: 0; }
.latepoint-w .manage-booking-wrapper .manage-booking-controls {
padding: 10px;
gap: 10px; }
.latepoint-w .manage-booking-wrapper .manage-booking-inner {
padding: 20px;
padding-top: 60px; }
.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-booking-form-element.latepoint-border-radius-rounded .latepoint-summary-w {
border-radius: 0px !important; }
.latepoint-w .os-form-group.os-form-phonefield-group .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: block !important;
position: fixed;
top: 50%;
left: 50%;
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;
max-width: 90vw;
min-width: 80vw;
transform: translate3d(0, -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;
padding: 5px; }
.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; }
.latepoint-booking-form-element .os-social-login-options .os-social-login-option.os-social-login-google img,
.latepoint-booking-form-element .os-social-login-options .os-social-login-option.os-social-login-facebook img {
margin-right: 5px;
width: 15px; }
.latepoint-login-form-w .os-social-login-options {
display: block; }
.latepoint-login-form-w .os-social-login-options .os-social-login-option {
flex: 1;
margin-bottom: 10px; }
.customer-bookings-tiles {
grid-template-columns: 1fr; }
.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: 16px !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-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.addon-timezone-selector-active .os-dates-w {
padding-top: 30px; }
.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: 16px !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 .os-social-login-options {
flex-direction: column;
align-items: center; }
.latepoint-w .latepoint-booking-form-element .os-social-login-options > .os-social-login-option {
flex: 0;
margin-bottom: 10px;
padding: 6px 8px;
padding-top: 5px;
max-width: initial; }
.latepoint-w .latepoint-booking-form-element .os-social-login-options > .os-social-login-option.os-social-login-google {
padding: 0px; }
.latepoint-w .latepoint-booking-form-element .os-social-login-options > .os-social-login-option i {
margin-right: 5px; }
.latepoint-w .latepoint-booking-form-element .os-weekdays {
grid-gap: 12px; }
.latepoint-w .latepoint-booking-form-element .os-monthly-calendar-days {
grid-gap: 12px; }
.latepoint-w .latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-number {
top: 45%; }
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel {
display: none; }
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w {
padding-left: 15px !important; }
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
right: 15px; }
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
padding-left: 15px;
padding-right: 15px;
max-height: 100vh; }
.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-datepicker .latepoint-side-panel {
position: absolute;
top: 51px;
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-datepicker .latepoint-side-panel .latepoint-step-desc-w,
.latepoint-w .latepoint-booking-form-element.current-step-datepicker .latepoint-side-panel .latepoint-questions,
.latepoint-w .latepoint-booking-form-element.current-step-datepicker .latepoint-side-panel .latepoint-progress {
display: none !important; }
.latepoint-w .latepoint-booking-form-element.current-step-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-datepicker .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group {
display: flex;
align-items: center; }
.latepoint-w .latepoint-booking-form-element.current-step-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-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; }
.latepoint-w.front-lightbox .latepoint-lightbox-i {
max-height: 100vh; }
.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 {
grid-template-columns: 1030px; }
.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); }
.latepoint-lightbox-w.latepoint-with-summary.latepoint-summary-is-open.latepoint-hide-side-panel {
grid-template-columns: 760px; }
.latepoint-lightbox-w.latepoint-with-summary.latepoint-summary-is-open:not(.latepoint-hide-side-panel) {
grid-template-columns: 720px; } }
@media (min-width: 960px) {
.latepoint-w .summary-boxes-columns {
display: flex;
justify-content: space-between; }
.latepoint-w .summary-boxes-columns .summary-box {
flex: 0 0 48%;
overflow: hidden; }
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open {
grid-template-columns: 1030px; }
.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: 760px; }
.latepoint-shortcode-booking-form.latepoint-with-summary.latepoint-summary-is-open .latepoint-booking-form-element {
max-width: 1030px; }
.latepoint-shortcode-booking-form.latepoint-with-summary.latepoint-summary-is-open.latepoint-hide-side-panel .latepoint-booking-form-element {
max-width: 760px; } } @media print {
.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-main-item a {
display: none; }
.booking-full-summary-actions {
display: none; }
.summary-attributes {
padding: 0;
background-color: transparent; }
.latepoint-print-summary-w {
padding: 40px;
max-width: 800px;
margin: 0px auto; }
.latepoint-print-summary-w .full-summary-head-info {
margin-bottom: 50px;
position: relative; }
.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 {
display: none; }
.latepoint-print-summary-w .qr-code-on-full-summary .qr-code-vevent {
margin-bottom: 40px;
padding-bottom: 30px;
border-bottom: 1px dashed #eee; }
.latepoint-print-summary-w .qr-code-on-full-summary .qr-code-vevent img {
width: 300px;
height: 300px;
display: block;
margin: 0px auto; }
.latepoint-print-summary-w .qr-code-on-full-summary .qr-code-vevent .qr-code-label {
text-align: center;
font-size: 14px;
font-weight: 500;
text-align: center;
font-size: 14px;
font-weight: 500;
padding: 10px 15px;
background: #fff1af;
color: #423d26; }
.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: #8e97b3;
padding-top: 0px;
margin-bottom: 8px;
font-size: 12px;
letter-spacing: 0.5px;
text-transform: uppercase;
font-weight: 500; }
.latepoint-print-summary-w .full-summary-number strong {
font-size: 36px;
letter-spacing: normal;
color: #14161d;
display: block;
line-height: 1.1; } }
.latepoint-admin .iti--separate-dial-code .iti__selected-dial-code {
padding-bottom: 1px; }
body.latepoint .os-form-phonefield-group:not(.has-value) .iti {
align-items: center; }
.latepoint-admin .iti, .latepoint .iti {
position: relative;
display: flex;
align-items: flex-end; }
.latepoint-admin .iti *, .latepoint .iti * {
box-sizing: border-box;
-moz-box-sizing: border-box; }
.latepoint-admin .iti__hide, .latepoint .iti__hide {
display: none; }
.latepoint-admin .iti__v-hide, .latepoint .iti__v-hide {
visibility: hidden; }
.latepoint-admin .iti input, .latepoint-admin .iti input[type=text], .latepoint-admin .iti input[type=tel], .latepoint .iti input, .latepoint .iti input[type=text], .latepoint .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 .iti__flag-container, .latepoint .iti__flag-container {
position: relative; }
.latepoint-admin .iti__selected-flag, .latepoint .iti__selected-flag {
z-index: 1;
position: relative;
display: flex;
align-items: center;
padding: 8px 6px 8px 0px;
min-height: 20px; }
.latepoint-admin .iti__arrow, .latepoint .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 .iti__arrow--up, .latepoint .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 .iti__country-list, .latepoint .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: 14px; }
.latepoint-admin .iti__country-list--dropup, .latepoint .iti__country-list--dropup {
bottom: 100%;
margin-bottom: -1px; }
@media (max-width: 500px) {
.latepoint-admin .iti__country-list, .latepoint .iti__country-list {
white-space: normal; } }
.latepoint-admin .iti__flag-box, .latepoint .iti__flag-box {
display: inline-block;
width: 20px; }
.latepoint-admin .iti__divider, .latepoint .iti__divider {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #CCC; }
.latepoint-admin .iti__country, .latepoint .iti__country {
padding: 6px 8px;
outline: none;
margin-bottom: 0px; }
.latepoint-admin .iti__dial-code, .latepoint .iti__dial-code {
color: #999; }
.latepoint-admin .iti__country.iti__highlight, .latepoint .iti__country.iti__highlight {
background-color: rgba(0, 0, 0, 0.05); }
.latepoint-admin .iti__flag-box, .latepoint-admin .iti__country-name, .latepoint-admin .iti__dial-code, .latepoint .iti__flag-box, .latepoint .iti__country-name, .latepoint .iti__dial-code {
vertical-align: middle; }
.latepoint-admin .iti__flag-box, .latepoint-admin .iti__country-name, .latepoint .iti__flag-box, .latepoint .iti__country-name {
margin-right: 6px; }
.latepoint-admin .iti--allow-dropdown input, .latepoint-admin .iti--allow-dropdown input[type=text], .latepoint-admin .iti--allow-dropdown input[type=tel], .latepoint-admin .iti--separate-dial-code input, .latepoint-admin .iti--separate-dial-code input[type=text], .latepoint-admin .iti--separate-dial-code input[type=tel], .latepoint .iti--allow-dropdown input, .latepoint .iti--allow-dropdown input[type=text], .latepoint .iti--allow-dropdown input[type=tel], .latepoint .iti--separate-dial-code input, .latepoint .iti--separate-dial-code input[type=text], .latepoint .iti--separate-dial-code input[type=tel] {
padding-right: 6px;
padding-left: 52px;
margin-left: 0; }
.latepoint-admin .iti--allow-dropdown .iti__flag-container, .latepoint-admin .iti--separate-dial-code .iti__flag-container, .latepoint .iti--allow-dropdown .iti__flag-container, .latepoint .iti--separate-dial-code .iti__flag-container {
right: auto;
left: 0; }
.latepoint-admin .iti--allow-dropdown .iti__flag-container:hover, .latepoint .iti--allow-dropdown .iti__flag-container:hover {
cursor: pointer; }
.latepoint-admin .iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.latepoint-admin .iti--allow-dropdown input[readonly] + .iti__flag-container:hover, .latepoint .iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.latepoint .iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
cursor: default; }
.latepoint-admin .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.latepoint-admin .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag, .latepoint .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.latepoint .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
background-color: transparent; }
.latepoint-admin .iti--separate-dial-code .iti__selected-dial-code, .latepoint .iti--separate-dial-code .iti__selected-dial-code {
margin-left: 6px; }
.latepoint-admin .iti--container, .latepoint .iti--container {
position: absolute;
top: -1000px;
left: -1000px;
z-index: 100000;
padding: 1px; }
.latepoint-admin .iti--container:hover, .latepoint .iti--container:hover {
cursor: pointer; }
.latepoint-admin.iti-mobile .iti--container, .latepoint.iti-mobile .iti--container {
top: 20px;
bottom: 20px;
left: 20px;
right: 20px;
position: fixed; }
.latepoint-admin.iti-mobile .iti__country-list, .latepoint.iti-mobile .iti__country-list {
max-height: 100%;
width: 100%; }
.latepoint-admin.iti-mobile .iti__country, .latepoint.iti-mobile .iti__country {
padding: 10px 10px;
line-height: 1.5em; }
.latepoint-admin .iti__flag, .latepoint .iti__flag {
width: 20px; }
.latepoint-admin .iti__flag.iti__be, .latepoint .iti__flag.iti__be {
width: 18px; }
.latepoint-admin .iti__flag.iti__ch, .latepoint .iti__flag.iti__ch {
width: 15px; }
.latepoint-admin .iti__flag.iti__mc, .latepoint .iti__flag.iti__mc {
width: 19px; }
.latepoint-admin .iti__flag.iti__ne, .latepoint .iti__flag.iti__ne {
width: 18px; }
.latepoint-admin .iti__flag.iti__np, .latepoint .iti__flag.iti__np {
width: 13px; }
.latepoint-admin .iti__flag.iti__va, .latepoint .iti__flag.iti__va {
width: 15px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.latepoint-admin .iti__flag, .latepoint .iti__flag {
background-size: 5652px 15px; } }
.latepoint-admin .iti__flag.iti__ac, .latepoint .iti__flag.iti__ac {
height: 10px;
background-position: 0px 0px; }
.latepoint-admin .iti__flag.iti__ad, .latepoint .iti__flag.iti__ad {
height: 14px;
background-position: -22px 0px; }
.latepoint-admin .iti__flag.iti__ae, .latepoint .iti__flag.iti__ae {
height: 10px;
background-position: -44px 0px; }
.latepoint-admin .iti__flag.iti__af, .latepoint .iti__flag.iti__af {
height: 14px;
background-position: -66px 0px; }
.latepoint-admin .iti__flag.iti__ag, .latepoint .iti__flag.iti__ag {
height: 14px;
background-position: -88px 0px; }
.latepoint-admin .iti__flag.iti__ai, .latepoint .iti__flag.iti__ai {
height: 10px;
background-position: -110px 0px; }
.latepoint-admin .iti__flag.iti__al, .latepoint .iti__flag.iti__al {
height: 15px;
background-position: -132px 0px; }
.latepoint-admin .iti__flag.iti__am, .latepoint .iti__flag.iti__am {
height: 10px;
background-position: -154px 0px; }
.latepoint-admin .iti__flag.iti__ao, .latepoint .iti__flag.iti__ao {
height: 14px;
background-position: -176px 0px; }
.latepoint-admin .iti__flag.iti__aq, .latepoint .iti__flag.iti__aq {
height: 14px;
background-position: -198px 0px; }
.latepoint-admin .iti__flag.iti__ar, .latepoint .iti__flag.iti__ar {
height: 13px;
background-position: -220px 0px; }
.latepoint-admin .iti__flag.iti__as, .latepoint .iti__flag.iti__as {
height: 10px;
background-position: -242px 0px; }
.latepoint-admin .iti__flag.iti__at, .latepoint .iti__flag.iti__at {
height: 14px;
background-position: -264px 0px; }
.latepoint-admin .iti__flag.iti__au, .latepoint .iti__flag.iti__au {
height: 10px;
background-position: -286px 0px; }
.latepoint-admin .iti__flag.iti__aw, .latepoint .iti__flag.iti__aw {
height: 14px;
background-position: -308px 0px; }
.latepoint-admin .iti__flag.iti__ax, .latepoint .iti__flag.iti__ax {
height: 13px;
background-position: -330px 0px; }
.latepoint-admin .iti__flag.iti__az, .latepoint .iti__flag.iti__az {
height: 10px;
background-position: -352px 0px; }
.latepoint-admin .iti__flag.iti__ba, .latepoint .iti__flag.iti__ba {
height: 10px;
background-position: -374px 0px; }
.latepoint-admin .iti__flag.iti__bb, .latepoint .iti__flag.iti__bb {
height: 14px;
background-position: -396px 0px; }
.latepoint-admin .iti__flag.iti__bd, .latepoint .iti__flag.iti__bd {
height: 12px;
background-position: -418px 0px; }
.latepoint-admin .iti__flag.iti__be, .latepoint .iti__flag.iti__be {
height: 15px;
background-position: -440px 0px; }
.latepoint-admin .iti__flag.iti__bf, .latepoint .iti__flag.iti__bf {
height: 14px;
background-position: -460px 0px; }
.latepoint-admin .iti__flag.iti__bg, .latepoint .iti__flag.iti__bg {
height: 12px;
background-position: -482px 0px; }
.latepoint-admin .iti__flag.iti__bh, .latepoint .iti__flag.iti__bh {
height: 12px;
background-position: -504px 0px; }
.latepoint-admin .iti__flag.iti__bi, .latepoint .iti__flag.iti__bi {
height: 12px;
background-position: -526px 0px; }
.latepoint-admin .iti__flag.iti__bj, .latepoint .iti__flag.iti__bj {
height: 14px;
background-position: -548px 0px; }
.latepoint-admin .iti__flag.iti__bl, .latepoint .iti__flag.iti__bl {
height: 14px;
background-position: -570px 0px; }
.latepoint-admin .iti__flag.iti__bm, .latepoint .iti__flag.iti__bm {
height: 10px;
background-position: -592px 0px; }
.latepoint-admin .iti__flag.iti__bn, .latepoint .iti__flag.iti__bn {
height: 10px;
background-position: -614px 0px; }
.latepoint-admin .iti__flag.iti__bo, .latepoint .iti__flag.iti__bo {
height: 14px;
background-position: -636px 0px; }
.latepoint-admin .iti__flag.iti__bq, .latepoint .iti__flag.iti__bq {
height: 14px;
background-position: -658px 0px; }
.latepoint-admin .iti__flag.iti__br, .latepoint .iti__flag.iti__br {
height: 14px;
background-position: -680px 0px; }
.latepoint-admin .iti__flag.iti__bs, .latepoint .iti__flag.iti__bs {
height: 10px;
background-position: -702px 0px; }
.latepoint-admin .iti__flag.iti__bt, .latepoint .iti__flag.iti__bt {
height: 14px;
background-position: -724px 0px; }
.latepoint-admin .iti__flag.iti__bv, .latepoint .iti__flag.iti__bv {
height: 15px;
background-position: -746px 0px; }
.latepoint-admin .iti__flag.iti__bw, .latepoint .iti__flag.iti__bw {
height: 14px;
background-position: -768px 0px; }
.latepoint-admin .iti__flag.iti__by, .latepoint .iti__flag.iti__by {
height: 10px;
background-position: -790px 0px; }
.latepoint-admin .iti__flag.iti__bz, .latepoint .iti__flag.iti__bz {
height: 14px;
background-position: -812px 0px; }
.latepoint-admin .iti__flag.iti__ca, .latepoint .iti__flag.iti__ca {
height: 10px;
background-position: -834px 0px; }
.latepoint-admin .iti__flag.iti__cc, .latepoint .iti__flag.iti__cc {
height: 10px;
background-position: -856px 0px; }
.latepoint-admin .iti__flag.iti__cd, .latepoint .iti__flag.iti__cd {
height: 15px;
background-position: -878px 0px; }
.latepoint-admin .iti__flag.iti__cf, .latepoint .iti__flag.iti__cf {
height: 14px;
background-position: -900px 0px; }
.latepoint-admin .iti__flag.iti__cg, .latepoint .iti__flag.iti__cg {
height: 14px;
background-position: -922px 0px; }
.latepoint-admin .iti__flag.iti__ch, .latepoint .iti__flag.iti__ch {
height: 15px;
background-position: -944px 0px; }
.latepoint-admin .iti__flag.iti__ci, .latepoint .iti__flag.iti__ci {
height: 14px;
background-position: -961px 0px; }
.latepoint-admin .iti__flag.iti__ck, .latepoint .iti__flag.iti__ck {
height: 10px;
background-position: -983px 0px; }
.latepoint-admin .iti__flag.iti__cl, .latepoint .iti__flag.iti__cl {
height: 14px;
background-position: -1005px 0px; }
.latepoint-admin .iti__flag.iti__cm, .latepoint .iti__flag.iti__cm {
height: 14px;
background-position: -1027px 0px; }
.latepoint-admin .iti__flag.iti__cn, .latepoint .iti__flag.iti__cn {
height: 14px;
background-position: -1049px 0px; }
.latepoint-admin .iti__flag.iti__co, .latepoint .iti__flag.iti__co {
height: 14px;
background-position: -1071px 0px; }
.latepoint-admin .iti__flag.iti__cp, .latepoint .iti__flag.iti__cp {
height: 14px;
background-position: -1093px 0px; }
.latepoint-admin .iti__flag.iti__cr, .latepoint .iti__flag.iti__cr {
height: 12px;
background-position: -1115px 0px; }
.latepoint-admin .iti__flag.iti__cu, .latepoint .iti__flag.iti__cu {
height: 10px;
background-position: -1137px 0px; }
.latepoint-admin .iti__flag.iti__cv, .latepoint .iti__flag.iti__cv {
height: 12px;
background-position: -1159px 0px; }
.latepoint-admin .iti__flag.iti__cw, .latepoint .iti__flag.iti__cw {
height: 14px;
background-position: -1181px 0px; }
.latepoint-admin .iti__flag.iti__cx, .latepoint .iti__flag.iti__cx {
height: 10px;
background-position: -1203px 0px; }
.latepoint-admin .iti__flag.iti__cy, .latepoint .iti__flag.iti__cy {
height: 14px;
background-position: -1225px 0px; }
.latepoint-admin .iti__flag.iti__cz, .latepoint .iti__flag.iti__cz {
height: 14px;
background-position: -1247px 0px; }
.latepoint-admin .iti__flag.iti__de, .latepoint .iti__flag.iti__de {
height: 12px;
background-position: -1269px 0px; }
.latepoint-admin .iti__flag.iti__dg, .latepoint .iti__flag.iti__dg {
height: 10px;
background-position: -1291px 0px; }
.latepoint-admin .iti__flag.iti__dj, .latepoint .iti__flag.iti__dj {
height: 14px;
background-position: -1313px 0px; }
.latepoint-admin .iti__flag.iti__dk, .latepoint .iti__flag.iti__dk {
height: 15px;
background-position: -1335px 0px; }
.latepoint-admin .iti__flag.iti__dm, .latepoint .iti__flag.iti__dm {
height: 10px;
background-position: -1357px 0px; }
.latepoint-admin .iti__flag.iti__do, .latepoint .iti__flag.iti__do {
height: 14px;
background-position: -1379px 0px; }
.latepoint-admin .iti__flag.iti__dz, .latepoint .iti__flag.iti__dz {
height: 14px;
background-position: -1401px 0px; }
.latepoint-admin .iti__flag.iti__ea, .latepoint .iti__flag.iti__ea {
height: 14px;
background-position: -1423px 0px; }
.latepoint-admin .iti__flag.iti__ec, .latepoint .iti__flag.iti__ec {
height: 14px;
background-position: -1445px 0px; }
.latepoint-admin .iti__flag.iti__ee, .latepoint .iti__flag.iti__ee {
height: 13px;
background-position: -1467px 0px; }
.latepoint-admin .iti__flag.iti__eg, .latepoint .iti__flag.iti__eg {
height: 14px;
background-position: -1489px 0px; }
.latepoint-admin .iti__flag.iti__eh, .latepoint .iti__flag.iti__eh {
height: 10px;
background-position: -1511px 0px; }
.latepoint-admin .iti__flag.iti__er, .latepoint .iti__flag.iti__er {
height: 10px;
background-position: -1533px 0px; }
.latepoint-admin .iti__flag.iti__es, .latepoint .iti__flag.iti__es {
height: 14px;
background-position: -1555px 0px; }
.latepoint-admin .iti__flag.iti__et, .latepoint .iti__flag.iti__et {
height: 10px;
background-position: -1577px 0px; }
.latepoint-admin .iti__flag.iti__eu, .latepoint .iti__flag.iti__eu {
height: 14px;
background-position: -1599px 0px; }
.latepoint-admin .iti__flag.iti__fi, .latepoint .iti__flag.iti__fi {
height: 12px;
background-position: -1621px 0px; }
.latepoint-admin .iti__flag.iti__fj, .latepoint .iti__flag.iti__fj {
height: 10px;
background-position: -1643px 0px; }
.latepoint-admin .iti__flag.iti__fk, .latepoint .iti__flag.iti__fk {
height: 10px;
background-position: -1665px 0px; }
.latepoint-admin .iti__flag.iti__fm, .latepoint .iti__flag.iti__fm {
height: 11px;
background-position: -1687px 0px; }
.latepoint-admin .iti__flag.iti__fo, .latepoint .iti__flag.iti__fo {
height: 15px;
background-position: -1709px 0px; }
.latepoint-admin .iti__flag.iti__fr, .latepoint .iti__flag.iti__fr {
height: 14px;
background-position: -1731px 0px; }
.latepoint-admin .iti__flag.iti__ga, .latepoint .iti__flag.iti__ga {
height: 15px;
background-position: -1753px 0px; }
.latepoint-admin .iti__flag.iti__gb, .latepoint .iti__flag.iti__gb {
height: 10px;
background-position: -1775px 0px; }
.latepoint-admin .iti__flag.iti__gd, .latepoint .iti__flag.iti__gd {
height: 12px;
background-position: -1797px 0px; }
.latepoint-admin .iti__flag.iti__ge, .latepoint .iti__flag.iti__ge {
height: 14px;
background-position: -1819px 0px; }
.latepoint-admin .iti__flag.iti__gf, .latepoint .iti__flag.iti__gf {
height: 14px;
background-position: -1841px 0px; }
.latepoint-admin .iti__flag.iti__gg, .latepoint .iti__flag.iti__gg {
height: 14px;
background-position: -1863px 0px; }
.latepoint-admin .iti__flag.iti__gh, .latepoint .iti__flag.iti__gh {
height: 14px;
background-position: -1885px 0px; }
.latepoint-admin .iti__flag.iti__gi, .latepoint .iti__flag.iti__gi {
height: 10px;
background-position: -1907px 0px; }
.latepoint-admin .iti__flag.iti__gl, .latepoint .iti__flag.iti__gl {
height: 14px;
background-position: -1929px 0px; }
.latepoint-admin .iti__flag.iti__gm, .latepoint .iti__flag.iti__gm {
height: 14px;
background-position: -1951px 0px; }
.latepoint-admin .iti__flag.iti__gn, .latepoint .iti__flag.iti__gn {
height: 14px;
background-position: -1973px 0px; }
.latepoint-admin .iti__flag.iti__gp, .latepoint .iti__flag.iti__gp {
height: 14px;
background-position: -1995px 0px; }
.latepoint-admin .iti__flag.iti__gq, .latepoint .iti__flag.iti__gq {
height: 14px;
background-position: -2017px 0px; }
.latepoint-admin .iti__flag.iti__gr, .latepoint .iti__flag.iti__gr {
height: 14px;
background-position: -2039px 0px; }
.latepoint-admin .iti__flag.iti__gs, .latepoint .iti__flag.iti__gs {
height: 10px;
background-position: -2061px 0px; }
.latepoint-admin .iti__flag.iti__gt, .latepoint .iti__flag.iti__gt {
height: 13px;
background-position: -2083px 0px; }
.latepoint-admin .iti__flag.iti__gu, .latepoint .iti__flag.iti__gu {
height: 11px;
background-position: -2105px 0px; }
.latepoint-admin .iti__flag.iti__gw, .latepoint .iti__flag.iti__gw {
height: 10px;
background-position: -2127px 0px; }
.latepoint-admin .iti__flag.iti__gy, .latepoint .iti__flag.iti__gy {
height: 12px;
background-position: -2149px 0px; }
.latepoint-admin .iti__flag.iti__hk, .latepoint .iti__flag.iti__hk {
height: 14px;
background-position: -2171px 0px; }
.latepoint-admin .iti__flag.iti__hm, .latepoint .iti__flag.iti__hm {
height: 10px;
background-position: -2193px 0px; }
.latepoint-admin .iti__flag.iti__hn, .latepoint .iti__flag.iti__hn {
height: 10px;
background-position: -2215px 0px; }
.latepoint-admin .iti__flag.iti__hr, .latepoint .iti__flag.iti__hr {
height: 10px;
background-position: -2237px 0px; }
.latepoint-admin .iti__flag.iti__ht, .latepoint .iti__flag.iti__ht {
height: 12px;
background-position: -2259px 0px; }
.latepoint-admin .iti__flag.iti__hu, .latepoint .iti__flag.iti__hu {
height: 10px;
background-position: -2281px 0px; }
.latepoint-admin .iti__flag.iti__ic, .latepoint .iti__flag.iti__ic {
height: 14px;
background-position: -2303px 0px; }
.latepoint-admin .iti__flag.iti__id, .latepoint .iti__flag.iti__id {
height: 14px;
background-position: -2325px 0px; }
.latepoint-admin .iti__flag.iti__ie, .latepoint .iti__flag.iti__ie {
height: 10px;
background-position: -2347px 0px; }
.latepoint-admin .iti__flag.iti__il, .latepoint .iti__flag.iti__il {
height: 15px;
background-position: -2369px 0px; }
.latepoint-admin .iti__flag.iti__im, .latepoint .iti__flag.iti__im {
height: 10px;
background-position: -2391px 0px; }
.latepoint-admin .iti__flag.iti__in, .latepoint .iti__flag.iti__in {
height: 14px;
background-position: -2413px 0px; }
.latepoint-admin .iti__flag.iti__io, .latepoint .iti__flag.iti__io {
height: 10px;
background-position: -2435px 0px; }
.latepoint-admin .iti__flag.iti__iq, .latepoint .iti__flag.iti__iq {
height: 14px;
background-position: -2457px 0px; }
.latepoint-admin .iti__flag.iti__ir, .latepoint .iti__flag.iti__ir {
height: 12px;
background-position: -2479px 0px; }
.latepoint-admin .iti__flag.iti__is, .latepoint .iti__flag.iti__is {
height: 15px;
background-position: -2501px 0px; }
.latepoint-admin .iti__flag.iti__it, .latepoint .iti__flag.iti__it {
height: 14px;
background-position: -2523px 0px; }
.latepoint-admin .iti__flag.iti__je, .latepoint .iti__flag.iti__je {
height: 12px;
background-position: -2545px 0px; }
.latepoint-admin .iti__flag.iti__jm, .latepoint .iti__flag.iti__jm {
height: 10px;
background-position: -2567px 0px; }
.latepoint-admin .iti__flag.iti__jo, .latepoint .iti__flag.iti__jo {
height: 10px;
background-position: -2589px 0px; }
.latepoint-admin .iti__flag.iti__jp, .latepoint .iti__flag.iti__jp {
height: 14px;
background-position: -2611px 0px; }
.latepoint-admin .iti__flag.iti__ke, .latepoint .iti__flag.iti__ke {
height: 14px;
background-position: -2633px 0px; }
.latepoint-admin .iti__flag.iti__kg, .latepoint .iti__flag.iti__kg {
height: 12px;
background-position: -2655px 0px; }
.latepoint-admin .iti__flag.iti__kh, .latepoint .iti__flag.iti__kh {
height: 13px;
background-position: -2677px 0px; }
.latepoint-admin .iti__flag.iti__ki, .latepoint .iti__flag.iti__ki {
height: 10px;
background-position: -2699px 0px; }
.latepoint-admin .iti__flag.iti__km, .latepoint .iti__flag.iti__km {
height: 12px;
background-position: -2721px 0px; }
.latepoint-admin .iti__flag.iti__kn, .latepoint .iti__flag.iti__kn {
height: 14px;
background-position: -2743px 0px; }
.latepoint-admin .iti__flag.iti__kp, .latepoint .iti__flag.iti__kp {
height: 10px;
background-position: -2765px 0px; }
.latepoint-admin .iti__flag.iti__kr, .latepoint .iti__flag.iti__kr {
height: 14px;
background-position: -2787px 0px; }
.latepoint-admin .iti__flag.iti__kw, .latepoint .iti__flag.iti__kw {
height: 10px;
background-position: -2809px 0px; }
.latepoint-admin .iti__flag.iti__ky, .latepoint .iti__flag.iti__ky {
height: 10px;
background-position: -2831px 0px; }
.latepoint-admin .iti__flag.iti__kz, .latepoint .iti__flag.iti__kz {
height: 10px;
background-position: -2853px 0px; }
.latepoint-admin .iti__flag.iti__la, .latepoint .iti__flag.iti__la {
height: 14px;
background-position: -2875px 0px; }
.latepoint-admin .iti__flag.iti__lb, .latepoint .iti__flag.iti__lb {
height: 14px;
background-position: -2897px 0px; }
.latepoint-admin .iti__flag.iti__lc, .latepoint .iti__flag.iti__lc {
height: 10px;
background-position: -2919px 0px; }
.latepoint-admin .iti__flag.iti__li, .latepoint .iti__flag.iti__li {
height: 12px;
background-position: -2941px 0px; }
.latepoint-admin .iti__flag.iti__lk, .latepoint .iti__flag.iti__lk {
height: 10px;
background-position: -2963px 0px; }
.latepoint-admin .iti__flag.iti__lr, .latepoint .iti__flag.iti__lr {
height: 11px;
background-position: -2985px 0px; }
.latepoint-admin .iti__flag.iti__ls, .latepoint .iti__flag.iti__ls {
height: 14px;
background-position: -3007px 0px; }
.latepoint-admin .iti__flag.iti__lt, .latepoint .iti__flag.iti__lt {
height: 12px;
background-position: -3029px 0px; }
.latepoint-admin .iti__flag.iti__lu, .latepoint .iti__flag.iti__lu {
height: 12px;
background-position: -3051px 0px; }
.latepoint-admin .iti__flag.iti__lv, .latepoint .iti__flag.iti__lv {
height: 10px;
background-position: -3073px 0px; }
.latepoint-admin .iti__flag.iti__ly, .latepoint .iti__flag.iti__ly {
height: 10px;
background-position: -3095px 0px; }
.latepoint-admin .iti__flag.iti__ma, .latepoint .iti__flag.iti__ma {
height: 14px;
background-position: -3117px 0px; }
.latepoint-admin .iti__flag.iti__mc, .latepoint .iti__flag.iti__mc {
height: 15px;
background-position: -3139px 0px; }
.latepoint-admin .iti__flag.iti__md, .latepoint .iti__flag.iti__md {
height: 10px;
background-position: -3160px 0px; }
.latepoint-admin .iti__flag.iti__me, .latepoint .iti__flag.iti__me {
height: 10px;
background-position: -3182px 0px; }
.latepoint-admin .iti__flag.iti__mf, .latepoint .iti__flag.iti__mf {
height: 14px;
background-position: -3204px 0px; }
.latepoint-admin .iti__flag.iti__mg, .latepoint .iti__flag.iti__mg {
height: 14px;
background-position: -3226px 0px; }
.latepoint-admin .iti__flag.iti__mh, .latepoint .iti__flag.iti__mh {
height: 11px;
background-position: -3248px 0px; }
.latepoint-admin .iti__flag.iti__mk, .latepoint .iti__flag.iti__mk {
height: 10px;
background-position: -3270px 0px; }
.latepoint-admin .iti__flag.iti__ml, .latepoint .iti__flag.iti__ml {
height: 14px;
background-position: -3292px 0px; }
.latepoint-admin .iti__flag.iti__mm, .latepoint .iti__flag.iti__mm {
height: 14px;
background-position: -3314px 0px; }
.latepoint-admin .iti__flag.iti__mn, .latepoint .iti__flag.iti__mn {
height: 10px;
background-position: -3336px 0px; }
.latepoint-admin .iti__flag.iti__mo, .latepoint .iti__flag.iti__mo {
height: 14px;
background-position: -3358px 0px; }
.latepoint-admin .iti__flag.iti__mp, .latepoint .iti__flag.iti__mp {
height: 10px;
background-position: -3380px 0px; }
.latepoint-admin .iti__flag.iti__mq, .latepoint .iti__flag.iti__mq {
height: 14px;
background-position: -3402px 0px; }
.latepoint-admin .iti__flag.iti__mr, .latepoint .iti__flag.iti__mr {
height: 14px;
background-position: -3424px 0px; }
.latepoint-admin .iti__flag.iti__ms, .latepoint .iti__flag.iti__ms {
height: 10px;
background-position: -3446px 0px; }
.latepoint-admin .iti__flag.iti__mt, .latepoint .iti__flag.iti__mt {
height: 14px;
background-position: -3468px 0px; }
.latepoint-admin .iti__flag.iti__mu, .latepoint .iti__flag.iti__mu {
height: 14px;
background-position: -3490px 0px; }
.latepoint-admin .iti__flag.iti__mv, .latepoint .iti__flag.iti__mv {
height: 14px;
background-position: -3512px 0px; }
.latepoint-admin .iti__flag.iti__mw, .latepoint .iti__flag.iti__mw {
height: 14px;
background-position: -3534px 0px; }
.latepoint-admin .iti__flag.iti__mx, .latepoint .iti__flag.iti__mx {
height: 12px;
background-position: -3556px 0px; }
.latepoint-admin .iti__flag.iti__my, .latepoint .iti__flag.iti__my {
height: 10px;
background-position: -3578px 0px; }
.latepoint-admin .iti__flag.iti__mz, .latepoint .iti__flag.iti__mz {
height: 14px;
background-position: -3600px 0px; }
.latepoint-admin .iti__flag.iti__na, .latepoint .iti__flag.iti__na {
height: 14px;
background-position: -3622px 0px; }
.latepoint-admin .iti__flag.iti__nc, .latepoint .iti__flag.iti__nc {
height: 10px;
background-position: -3644px 0px; }
.latepoint-admin .iti__flag.iti__ne, .latepoint .iti__flag.iti__ne {
height: 15px;
background-position: -3666px 0px; }
.latepoint-admin .iti__flag.iti__nf, .latepoint .iti__flag.iti__nf {
height: 10px;
background-position: -3686px 0px; }
.latepoint-admin .iti__flag.iti__ng, .latepoint .iti__flag.iti__ng {
height: 10px;
background-position: -3708px 0px; }
.latepoint-admin .iti__flag.iti__ni, .latepoint .iti__flag.iti__ni {
height: 12px;
background-position: -3730px 0px; }
.latepoint-admin .iti__flag.iti__nl, .latepoint .iti__flag.iti__nl {
height: 14px;
background-position: -3752px 0px; }
.latepoint-admin .iti__flag.iti__no, .latepoint .iti__flag.iti__no {
height: 15px;
background-position: -3774px 0px; }
.latepoint-admin .iti__flag.iti__np, .latepoint .iti__flag.iti__np {
height: 15px;
background-position: -3796px 0px; }
.latepoint-admin .iti__flag.iti__nr, .latepoint .iti__flag.iti__nr {
height: 10px;
background-position: -3811px 0px; }
.latepoint-admin .iti__flag.iti__nu, .latepoint .iti__flag.iti__nu {
height: 10px;
background-position: -3833px 0px; }
.latepoint-admin .iti__flag.iti__nz, .latepoint .iti__flag.iti__nz {
height: 10px;
background-position: -3855px 0px; }
.latepoint-admin .iti__flag.iti__om, .latepoint .iti__flag.iti__om {
height: 10px;
background-position: -3877px 0px; }
.latepoint-admin .iti__flag.iti__pa, .latepoint .iti__flag.iti__pa {
height: 14px;
background-position: -3899px 0px; }
.latepoint-admin .iti__flag.iti__pe, .latepoint .iti__flag.iti__pe {
height: 14px;
background-position: -3921px 0px; }
.latepoint-admin .iti__flag.iti__pf, .latepoint .iti__flag.iti__pf {
height: 14px;
background-position: -3943px 0px; }
.latepoint-admin .iti__flag.iti__pg, .latepoint .iti__flag.iti__pg {
height: 15px;
background-position: -3965px 0px; }
.latepoint-admin .iti__flag.iti__ph, .latepoint .iti__flag.iti__ph {
height: 10px;
background-position: -3987px 0px; }
.latepoint-admin .iti__flag.iti__pk, .latepoint .iti__flag.iti__pk {
height: 14px;
background-position: -4009px 0px; }
.latepoint-admin .iti__flag.iti__pl, .latepoint .iti__flag.iti__pl {
height: 13px;
background-position: -4031px 0px; }
.latepoint-admin .iti__flag.iti__pm, .latepoint .iti__flag.iti__pm {
height: 14px;
background-position: -4053px 0px; }
.latepoint-admin .iti__flag.iti__pn, .latepoint .iti__flag.iti__pn {
height: 10px;
background-position: -4075px 0px; }
.latepoint-admin .iti__flag.iti__pr, .latepoint .iti__flag.iti__pr {
height: 14px;
background-position: -4097px 0px; }
.latepoint-admin .iti__flag.iti__ps, .latepoint .iti__flag.iti__ps {
height: 10px;
background-position: -4119px 0px; }
.latepoint-admin .iti__flag.iti__pt, .latepoint .iti__flag.iti__pt {
height: 14px;
background-position: -4141px 0px; }
.latepoint-admin .iti__flag.iti__pw, .latepoint .iti__flag.iti__pw {
height: 13px;
background-position: -4163px 0px; }
.latepoint-admin .iti__flag.iti__py, .latepoint .iti__flag.iti__py {
height: 11px;
background-position: -4185px 0px; }
.latepoint-admin .iti__flag.iti__qa, .latepoint .iti__flag.iti__qa {
height: 8px;
background-position: -4207px 0px; }
.latepoint-admin .iti__flag.iti__re, .latepoint .iti__flag.iti__re {
height: 14px;
background-position: -4229px 0px; }
.latepoint-admin .iti__flag.iti__ro, .latepoint .iti__flag.iti__ro {
height: 14px;
background-position: -4251px 0px; }
.latepoint-admin .iti__flag.iti__rs, .latepoint .iti__flag.iti__rs {
height: 14px;
background-position: -4273px 0px; }
.latepoint-admin .iti__flag.iti__ru, .latepoint .iti__flag.iti__ru {
height: 14px;
background-position: -4295px 0px; }
.latepoint-admin .iti__flag.iti__rw, .latepoint .iti__flag.iti__rw {
height: 14px;
background-position: -4317px 0px; }
.latepoint-admin .iti__flag.iti__sa, .latepoint .iti__flag.iti__sa {
height: 14px;
background-position: -4339px 0px; }
.latepoint-admin .iti__flag.iti__sb, .latepoint .iti__flag.iti__sb {
height: 10px;
background-position: -4361px 0px; }
.latepoint-admin .iti__flag.iti__sc, .latepoint .iti__flag.iti__sc {
height: 10px;
background-position: -4383px 0px; }
.latepoint-admin .iti__flag.iti__sd, .latepoint .iti__flag.iti__sd {
height: 10px;
background-position: -4405px 0px; }
.latepoint-admin .iti__flag.iti__se, .latepoint .iti__flag.iti__se {
height: 13px;
background-position: -4427px 0px; }
.latepoint-admin .iti__flag.iti__sg, .latepoint .iti__flag.iti__sg {
height: 14px;
background-position: -4449px 0px; }
.latepoint-admin .iti__flag.iti__sh, .latepoint .iti__flag.iti__sh {
height: 10px;
background-position: -4471px 0px; }
.latepoint-admin .iti__flag.iti__si, .latepoint .iti__flag.iti__si {
height: 10px;
background-position: -4493px 0px; }
.latepoint-admin .iti__flag.iti__sj, .latepoint .iti__flag.iti__sj {
height: 15px;
background-position: -4515px 0px; }
.latepoint-admin .iti__flag.iti__sk, .latepoint .iti__flag.iti__sk {
height: 14px;
background-position: -4537px 0px; }
.latepoint-admin .iti__flag.iti__sl, .latepoint .iti__flag.iti__sl {
height: 14px;
background-position: -4559px 0px; }
.latepoint-admin .iti__flag.iti__sm, .latepoint .iti__flag.iti__sm {
height: 15px;
background-position: -4581px 0px; }
.latepoint-admin .iti__flag.iti__sn, .latepoint .iti__flag.iti__sn {
height: 14px;
background-position: -4603px 0px; }
.latepoint-admin .iti__flag.iti__so, .latepoint .iti__flag.iti__so {
height: 14px;
background-position: -4625px 0px; }
.latepoint-admin .iti__flag.iti__sr, .latepoint .iti__flag.iti__sr {
height: 14px;
background-position: -4647px 0px; }
.latepoint-admin .iti__flag.iti__ss, .latepoint .iti__flag.iti__ss {
height: 10px;
background-position: -4669px 0px; }
.latepoint-admin .iti__flag.iti__st, .latepoint .iti__flag.iti__st {
height: 10px;
background-position: -4691px 0px; }
.latepoint-admin .iti__flag.iti__sv, .latepoint .iti__flag.iti__sv {
height: 12px;
background-position: -4713px 0px; }
.latepoint-admin .iti__flag.iti__sx, .latepoint .iti__flag.iti__sx {
height: 14px;
background-position: -4735px 0px; }
.latepoint-admin .iti__flag.iti__sy, .latepoint .iti__flag.iti__sy {
height: 14px;
background-position: -4757px 0px; }
.latepoint-admin .iti__flag.iti__sz, .latepoint .iti__flag.iti__sz {
height: 14px;
background-position: -4779px 0px; }
.latepoint-admin .iti__flag.iti__ta, .latepoint .iti__flag.iti__ta {
height: 10px;
background-position: -4801px 0px; }
.latepoint-admin .iti__flag.iti__tc, .latepoint .iti__flag.iti__tc {
height: 10px;
background-position: -4823px 0px; }
.latepoint-admin .iti__flag.iti__td, .latepoint .iti__flag.iti__td {
height: 14px;
background-position: -4845px 0px; }
.latepoint-admin .iti__flag.iti__tf, .latepoint .iti__flag.iti__tf {
height: 14px;
background-position: -4867px 0px; }
.latepoint-admin .iti__flag.iti__tg, .latepoint .iti__flag.iti__tg {
height: 13px;
background-position: -4889px 0px; }
.latepoint-admin .iti__flag.iti__th, .latepoint .iti__flag.iti__th {
height: 14px;
background-position: -4911px 0px; }
.latepoint-admin .iti__flag.iti__tj, .latepoint .iti__flag.iti__tj {
height: 10px;
background-position: -4933px 0px; }
.latepoint-admin .iti__flag.iti__tk, .latepoint .iti__flag.iti__tk {
height: 10px;
background-position: -4955px 0px; }
.latepoint-admin .iti__flag.iti__tl, .latepoint .iti__flag.iti__tl {
height: 10px;
background-position: -4977px 0px; }
.latepoint-admin .iti__flag.iti__tm, .latepoint .iti__flag.iti__tm {
height: 14px;
background-position: -4999px 0px; }
.latepoint-admin .iti__flag.iti__tn, .latepoint .iti__flag.iti__tn {
height: 14px;
background-position: -5021px 0px; }
.latepoint-admin .iti__flag.iti__to, .latepoint .iti__flag.iti__to {
height: 10px;
background-position: -5043px 0px; }
.latepoint-admin .iti__flag.iti__tr, .latepoint .iti__flag.iti__tr {
height: 14px;
background-position: -5065px 0px; }
.latepoint-admin .iti__flag.iti__tt, .latepoint .iti__flag.iti__tt {
height: 12px;
background-position: -5087px 0px; }
.latepoint-admin .iti__flag.iti__tv, .latepoint .iti__flag.iti__tv {
height: 10px;
background-position: -5109px 0px; }
.latepoint-admin .iti__flag.iti__tw, .latepoint .iti__flag.iti__tw {
height: 14px;
background-position: -5131px 0px; }
.latepoint-admin .iti__flag.iti__tz, .latepoint .iti__flag.iti__tz {
height: 14px;
background-position: -5153px 0px; }
.latepoint-admin .iti__flag.iti__ua, .latepoint .iti__flag.iti__ua {
height: 14px;
background-position: -5175px 0px; }
.latepoint-admin .iti__flag.iti__ug, .latepoint .iti__flag.iti__ug {
height: 14px;
background-position: -5197px 0px; }
.latepoint-admin .iti__flag.iti__um, .latepoint .iti__flag.iti__um {
height: 11px;
background-position: -5219px 0px; }
.latepoint-admin .iti__flag.iti__un, .latepoint .iti__flag.iti__un {
height: 14px;
background-position: -5241px 0px; }
.latepoint-admin .iti__flag.iti__us, .latepoint .iti__flag.iti__us {
height: 11px;
background-position: -5263px 0px; }
.latepoint-admin .iti__flag.iti__uy, .latepoint .iti__flag.iti__uy {
height: 14px;
background-position: -5285px 0px; }
.latepoint-admin .iti__flag.iti__uz, .latepoint .iti__flag.iti__uz {
height: 10px;
background-position: -5307px 0px; }
.latepoint-admin .iti__flag.iti__va, .latepoint .iti__flag.iti__va {
height: 15px;
background-position: -5329px 0px; }
.latepoint-admin .iti__flag.iti__vc, .latepoint .iti__flag.iti__vc {
height: 14px;
background-position: -5346px 0px; }
.latepoint-admin .iti__flag.iti__ve, .latepoint .iti__flag.iti__ve {
height: 14px;
background-position: -5368px 0px; }
.latepoint-admin .iti__flag.iti__vg, .latepoint .iti__flag.iti__vg {
height: 10px;
background-position: -5390px 0px; }
.latepoint-admin .iti__flag.iti__vi, .latepoint .iti__flag.iti__vi {
height: 14px;
background-position: -5412px 0px; }
.latepoint-admin .iti__flag.iti__vn, .latepoint .iti__flag.iti__vn {
height: 14px;
background-position: -5434px 0px; }
.latepoint-admin .iti__flag.iti__vu, .latepoint .iti__flag.iti__vu {
height: 12px;
background-position: -5456px 0px; }
.latepoint-admin .iti__flag.iti__wf, .latepoint .iti__flag.iti__wf {
height: 14px;
background-position: -5478px 0px; }
.latepoint-admin .iti__flag.iti__ws, .latepoint .iti__flag.iti__ws {
height: 10px;
background-position: -5500px 0px; }
.latepoint-admin .iti__flag.iti__xk, .latepoint .iti__flag.iti__xk {
height: 15px;
background-position: -5522px 0px; }
.latepoint-admin .iti__flag.iti__ye, .latepoint .iti__flag.iti__ye {
height: 14px;
background-position: -5544px 0px; }
.latepoint-admin .iti__flag.iti__yt, .latepoint .iti__flag.iti__yt {
height: 14px;
background-position: -5566px 0px; }
.latepoint-admin .iti__flag.iti__za, .latepoint .iti__flag.iti__za {
height: 14px;
background-position: -5588px 0px; }
.latepoint-admin .iti__flag.iti__zm, .latepoint .iti__flag.iti__zm {
height: 14px;
background-position: -5610px 0px; }
.latepoint-admin .iti__flag.iti__zw, .latepoint .iti__flag.iti__zw {
height: 10px;
background-position: -5632px 0px; }
.latepoint-admin .iti__flag, .latepoint .iti__flag {
height: 15px;
box-shadow: none;
border-radius: 2px;
background-image: url(//www.directenergyservices.cz/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 .iti__flag, .latepoint .iti__flag {
background-image: url(//www.directenergyservices.cz/wp-content/plugins/latepoint/public/images/intl-tel-input/flags@2x.png); } }
.latepoint-admin .iti__flag.iti__np, .latepoint .iti__flag.iti__np {
background-color: transparent; }
.latepoint-admin .iti__country-list {
font-size: 12px; }.tooltipster-default {
border-radius: 5px; 
border: 2px solid #000;
background: #4c4c4c;
color: #fff;
} .tooltipster-default .tooltipster-content {
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 16px;
padding: 8px 10px;
overflow: hidden;
} .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border { } .tooltipster-icon {
cursor: help;
margin-left: 4px;
} .tooltipster-base {
padding: 0;
font-size: 0;
line-height: 0;
position: absolute;
left: 0;
top: 0;
z-index: 9999999;
pointer-events: none;
width: auto;
overflow: visible;
}
.tooltipster-base .tooltipster-content {
overflow: hidden;
} .tooltipster-arrow {
display: block;
text-align: center;
width: 100%;
height: 100%;
position: absolute;
top: 1px;
left: 0;
z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
display: block;
width: 0; 
height: 0;
position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
border-left: 8px solid transparent !important;
border-right: 8px solid transparent !important;
border-top: 8px solid;
bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
border-left: 9px solid transparent !important;
border-right: 9px solid transparent !important;
border-top: 9px solid;
bottom: -7px;
}
.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
border-left: 8px solid transparent !important;
border-right: 8px solid transparent !important;
border-bottom: 8px solid;
top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
border-left: 9px solid transparent !important;
border-right: 9px solid transparent !important;
border-bottom: 9px solid;
top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
left: 0;
right: 0;
margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
border-top: 8px solid transparent !important;
border-bottom: 8px solid transparent !important; 
border-left: 8px solid;
top: 50%;
margin-top: -7px;
right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
border-top: 9px solid transparent !important;
border-bottom: 9px solid transparent !important; 
border-left: 9px solid;
margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
border-top: 8px solid transparent !important;
border-bottom: 8px solid transparent !important; 
border-right: 8px solid;
top: 50%;
margin-top: -7px;
left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
border-top: 9px solid transparent !important;
border-bottom: 9px solid transparent !important; 
border-right: 9px solid;
margin-top: -8px;
} .tooltipster-fade {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity;
}
.tooltipster-fade-show {
opacity: 1;
}
.tooltipster-grow {
opacity:0;
-webkit-transform: translate3d(0,5px,0);
-moz-transform: translate3d(0,5px,0);
-o-transform: translate3d(0,5px,0);
-ms-transform: translate3d(0,5px,0);
transform: translate3d(0,5px,0);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
opacity:1;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
.tooltipster-swing {
opacity: 0;
-webkit-transform: rotateZ(4deg);
-moz-transform: rotateZ(4deg);
-o-transform: rotateZ(4deg);
-ms-transform: rotateZ(4deg);
transform: rotateZ(4deg);
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
}
.tooltipster-swing-show {
opacity: 1;
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
transform: rotateZ(0deg);
-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}
.tooltipster-fall {
top: 0;
-webkit-transition-property: top;
-moz-transition-property: top;
-o-transition-property: top;
-ms-transition-property: top;
transition-property: top;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
top: 0px !important;
opacity: 0;
}
.tooltipster-slide {
left: -40px;
-webkit-transition-property: left;
-moz-transition-property: left;
-o-transition-property: left;
-ms-transition-property: left;
transition-property: left;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
left: 0px !important;
opacity: 0;
} .tooltipster-content-changing {
opacity: 0.5;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}.tooltipster-light {
border-radius: 3px; 
border: 1px solid #ddd;
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1); box-shadow:0 1px 2px rgba(0,0,0,0.1);
background: #fff;
color: #888;
}
.tooltipster-light .tooltipster-content {
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 16px;
padding: 8px 10px;
}@keyframes booked-flyin {
0% { opacity: 0; transform: scale(0.9); }
100% { opacity: 1; transform: scale(1); }
}
@-webkit-keyframes booked-flyin {
0% { opacity: 0; -webkit-transform: scale(0.9); }
100% { opacity: 1; -webkit-transform: scale(1); }
}
@-moz-keyframes booked-flyin {
0% { opacity: 0; -moz-transform: scale(0.9); }
100% { opacity: 1; -moz-transform: scale(1); }
}
@-ms-keyframes booked-flyin {
0% { opacity: 0; -ms-transform: scale(0.9); }
100% { opacity: 1; -ms-transform: scale(1); }
}
@-o-keyframes booked-flyin {
0% { opacity: 0; -o-transform: scale(0.9); }
100% { opacity: 1; -o-transform: scale(1); }
} @keyframes booked-popflyin {
0% { opacity: 0; transform: scale(0.95); }
50% { opacity: 1; transform: scale(1.01); }
100% { opacity: 1; transform: scale(1); }
}
@-webkit-keyframes booked-popflyin {
0% { opacity: 0; -webkit-transform: scale(0.95); }
50% { opacity: 1; -webkit-transform: scale(1.01); }
100% { opacity: 1; -webkit-transform: scale(1); }
}
@-moz-keyframes booked-popflyin {
0% { opacity: 0; -moz-transform: scale(0.95); }
50% { opacity: 1; -moz-transform: scale(1.01); }
100% { opacity: 1; -moz-transform: scale(1); }
}
@-ms-keyframes booked-popflyin {
0% { opacity: 0; -ms-transform: scale(0.95); }
50% { opacity: 1; -ms-transform: scale(1.01); }
100% { opacity: 1; -ms-transform: scale(1); }
}
@-o-keyframes booked-popflyin {
0% { opacity: 0; -o-transform: scale(0.95); }
50% { opacity: 1; -o-transform: scale(1.01); }
100% { opacity: 1; -o-transform: scale(1); }
} @keyframes booked-flyout {
0% { opacity: 1; transform: scale(1); }
100% { opacity: 0; transform: scale(0.9); }
}
@-webkit-keyframes booked-flyout {
0% { opacity: 1; -webkit-transform: scale(1); }
100% { opacity: 0; -webkit-transform: scale(0.9); }
}
@-moz-keyframes booked-flyout {
0% { opacity: 1; -moz-transform: scale(1); }
100% { opacity: 0; -moz-transform: scale(0.9); }
}
@-ms-keyframes booked-flyout {
0% { opacity: 1; -ms-transform: scale(1); }
100% { opacity: 0; -ms-transform: scale(0.9); }
}
@-o-keyframes booked-flyout {
0% { opacity: 1; -o-transform: scale(1); }
100% { opacity: 0; -o-transform: scale(0.9); }
} @keyframes booked-popdown {
0% { opacity: 0; transform: translateY(-5px); }
100% { opacity: 1; transform: translateY(0); }
}
@-webkit-keyframes booked-popdown {
0% { opacity: 0; -webkit-transform: translateY(-5px); }
100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes booked-popdown {
0% { opacity: 0; -moz-transform: translateY(-5px); }
100% { opacity: 1; -moz-transform: translateY(0); }
}
@-ms-keyframes booked-popdown {
0% { opacity: 0; -ms-transform: translateY(-5px); }
100% { opacity: 1; -ms-transform: translateY(0); }
}
@-o-keyframes booked-popdown {
0% { opacity: 0; -o-transform: translateY(-5px); }
100% { opacity: 1; -o-transform: translateY(0); }
} @keyframes booked-fadein {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-webkit-keyframes booked-fadein {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes booked-fadein {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-ms-keyframes booked-fadein {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-o-keyframes booked-fadein {
0% { opacity: 0; }
100% { opacity: 1; }
} @keyframes booked-fadeout {
0% { opacity: 1; }
100% { opacity: 9; }
}
@-webkit-keyframes booked-fadeout {
0% { opacity: 1; }
100% { opacity: 9; }
}
@-moz-keyframes booked-fadeout {
0% { opacity: 1; }
100% { opacity: 9; }
}
@-ms-keyframes booked-fadeout {
0% { opacity: 1; }
100% { opacity: 9; }
}
@-o-keyframes booked-fadeout {
0% { opacity: 1; }
100% { opacity: 9; }
}

@keyframes booked-flyin {
0% {
opacity: 0;
transform: scale(0.9);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes booked-popflyin {
0% {
opacity: 0;
transform: scale(0.95);
}
50% {
opacity: 1;
transform: scale(1.01);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes booked-flyout {
0% {
opacity: 1;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(0.9);
}
}
@keyframes booked-popdown {
0% {
opacity: 0;
transform: translateY(-5px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes booked-fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes booked-fadeout {
0% {
opacity: 1;
}
100% {
opacity: 9;
}
}
body #booked-profile-page input[type=submit],
body #booked-profile-page button,
body .booked-list-view input[type=submit],
body .booked-list-view button,
body .booked-calendar input[type=submit],
body .booked-calendar button,
body .booked-modal input[type=submit],
body .booked-modal button {
-webkit-appearance: none;
height: auto;
font-size: 13px;
border-radius: 3px;
display: inline-block;
padding: 9px 12px 10px;
background: #eee;
color: #333;
line-height: 1;
text-shadow: none;
box-shadow: none;
border: 1px solid #ccc;
}
body #booked-profile-page input[type=submit]:hover,
body #booked-profile-page button:hover,
body .booked-list-view input[type=submit]:hover,
body .booked-list-view button:hover,
body .booked-calendar input[type=submit]:hover,
body .booked-calendar button:hover,
body .booked-modal input[type=submit]:hover,
body .booked-modal button:hover {
background: #ddd;
color: #000;
height: auto;
text-shadow: none;
box-shadow: none;
border: 1px solid #ccc;
}
body #booked-profile-page input[type=submit].bb-small,
body #booked-profile-page button.bb-small,
body .booked-list-view input[type=submit].bb-small,
body .booked-list-view button.bb-small,
body .booked-calendar input[type=submit].bb-small,
body .booked-calendar button.bb-small,
body .booked-modal input[type=submit].bb-small,
body .booked-modal button.bb-small {
line-height: 24px;
padding: 0 8px;
cursor: pointer;
}
body #booked-profile-page input[type=submit].button-primary,
body #booked-profile-page button.button-primary,
body .booked-list-view input[type=submit].button-primary,
body .booked-list-view button.button-primary,
body .booked-calendar input[type=submit].button-primary,
body .booked-calendar button.button-primary,
body .booked-modal input[type=submit].button-primary,
body .booked-modal button.button-primary {
-webkit-appearance: none;
height: auto;
color: #fff;
border-width: 1px;
border-style: solid;
}
body #booked-profile-page input[type=submit].button-primary:hover,
body #booked-profile-page button.button-primary:hover,
body .booked-list-view input[type=submit].button-primary:hover,
body .booked-list-view button.button-primary:hover,
body .booked-calendar input[type=submit].button-primary:hover,
body .booked-calendar button.button-primary:hover,
body .booked-modal input[type=submit].button-primary:hover,
body .booked-modal button.button-primary:hover {
color: #fff;
height: auto;
border: 1px solid;
}
body #booked-profile-page input[type=submit].cancel,
body #booked-profile-page button.cancel,
body .booked-list-view input[type=submit].cancel,
body .booked-list-view button.cancel,
body .booked-calendar input[type=submit].cancel,
body .booked-calendar button.cancel,
body .booked-modal input[type=submit].cancel,
body .booked-modal button.cancel {
background: #eee !important;
color: #333 !important;
}
body #booked-profile-page input[type=submit].cancel:hover,
body #booked-profile-page button.cancel:hover,
body .booked-list-view input[type=submit].cancel:hover,
body .booked-list-view button.cancel:hover,
body .booked-calendar input[type=submit].cancel:hover,
body .booked-calendar button.cancel:hover,
body .booked-modal input[type=submit].cancel:hover,
body .booked-modal button.cancel:hover {
background: #ddd !important;
color: #000 !important;
}
body { }
body .booked-calendar-wrap {
margin: 0 0 30px;
}
body .widget_booked_calendar .booked-calendar-wrap {
margin: 0;
}
body .calendarSavingState {
font-size: 17px;
display: none;
}
body #wp-admin-bar-booked .ab-icon:before {
content: "";
top: 1px;
}
body.booked-noScroll {
width: 100%;
overflow: hidden;
position: relative;
}
body div.booked-calendar-wrap div.booked-calendar {
border-radius: 10px;
overflow: hidden;
box-sizing: border-box;
margin: 0;
padding: 0;
background: #F1F1F1;
border-spacing: 0;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075);
width: 100%;
}
body div.booked-calendar-wrap div.booked-calendar .bc-head {
color: #fff;
text-transform: uppercase;
}
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row {
display: flex;
}
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col {
font-weight: 400;
position: relative;
width: 14.285%;
border-width: 1px;
border-style: solid;
line-height: 1;
}
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .monthName {
letter-spacing: 0.03rem;
font-size: 1.05rem;
line-height: 1rem;
height: 1.05rem;
display: inline-block;
}
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .monthName a {
font-size: 0.8rem;
position: relative;
top: -0.05rem;
padding-left: 8px;
text-decoration: none;
text-transform: none;
color: #fff;
color: rgba(255, 255, 255, 0.5);
}
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .monthName a:hover {
color: rgba(255, 255, 255, 0.75);
}
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .page-right, body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .page-left {
color: #fff !important;
position: absolute;
font-size: 1.3rem;
top: 50%;
margin-top: -0.65rem;
}
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .page-left {
left: 20px;
}
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .page-left:hover {
left: 19px;
}
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .page-right {
right: 20px;
}
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .page-right:hover {
right: 19px;
}
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.days {
color: #fff;
text-transform: uppercase;
}
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.days .bc-col {
font-weight: 600;
text-align: center;
padding: 9px 0 10px;
font-size: 11px;
letter-spacing: 0.03rem;
}
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.top {
height: auto;
}
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.top .bc-col {
padding: 1.1rem 0;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row {
display: flex;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col {
width: 100%;
font-weight: 400;
text-align: center;
overflow: hidden;
position: relative;
font-size: 20px;
color: #333;
padding: 0 !important;
margin: 0 !important;
border-right: 1px solid #eee;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col:last-child {
border-right: none;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col ::before {
content: "";
float: left;
padding-top: 100%;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col .date {
position: relative;
background: #fff;
display: block;
width: 100%;
height: 100%;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col .date .number {
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
display: inline-block;
border-radius: 30px;
width: 50px;
height: 50px;
line-height: 49px;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col:hover .date {
cursor: pointer;
background: #fafafa;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col:hover .date span {
color: #fff;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-date .date, body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-date .date span, body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-date:hover .date, body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-date:hover .date span, body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.blur .date, body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.blur .date span, body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.blur:hover .date, body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.blur:hover .date span {
cursor: not-allowed;
background: #f5f5f5 !important;
color: #ccc !important;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.booked .date, body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.booked .date span, body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col .booked:hover .date, body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col .booked:hover .date span {
cursor: not-allowed;
background: #FFF9F8 !important;
color: #FFA790 !important;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.next-month .date, body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-month .date {
background: #fafafa;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.next-month .date span, body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-month .date span {
color: #ccc;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.next-month:hover .date span, body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-month:hover .date span {
color: #fff;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.active {
background: #ddd;
border-bottom-color: #ddd;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.active .date {
background: #ddd;
color: #555;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.active .date .number {
border: none;
background: #fff;
color: #000;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.active:hover .date {
background: #ddd;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.active:hover .date span {
background: #fff;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.today .date {
color: #000;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.today .date span {
box-shadow: inset 0 0 0 2px #31afea;
color: #000 !important;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.today.prev-date .date span {
color: #ccc !important;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.today:hover .date {
color: #000 !important;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.today:hover .date span {
background: #31afea !important;
color: #fff !important;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.today.active:hover .date span {
background: #fff !important;
color: #000 !important;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.today.prev-date:hover .date span {
background: none !important;
color: #ccc !important;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.entryBlock {
color: #fff;
background: #ddd;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.entryBlock .bc-col {
width: 100%;
padding: 2%;
color: #fff;
border-bottom-color: #ddd;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.entryBlock.booked-loading {
position: relative;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.entryBlock.booked-loading .booked-spinner {
position: absolute;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.entryBlock.booked-loading .bc-col {
height: 132px;
}
body div.booked-calendar-wrap div.booked-calendar.booked-pa-active .bc-row.week .bc-col.booked .date, body div.booked-calendar-wrap div.booked-calendar.booked-pa-active .bc-row.week .bc-col.booked:hover .date, body div.booked-calendar-wrap div.booked-calendar.booked-pa-active .bc-row.week .bc-col.booked .date span, body div.booked-calendar-wrap div.booked-calendar.booked-pa-active .bc-row.week .bc-col.booked:hover .date span {
cursor: pointer;
}
body div.booked-calendar-wrap div.booked-calendar.booked-pa-active .bc-row.week .bc-col.booked:hover .date span {
color: #fff !important;
}
body div.booked-calendar-wrap div.booked-calendar.booked-pa-active .bc-row.week .bc-col.booked.active .date, body div.booked-calendar-wrap div.booked-calendar.booked-pa-active .bc-row.week .bc-col.booked.active .date:hover {
background: #ddd !important;
color: #555 !important;
}
body div.booked-calendar-wrap div.booked-calendar.booked-pa-active .bc-row.week .bc-col.booked.active .date span, body div.booked-calendar-wrap div.booked-calendar.booked-pa-active .bc-row.week .bc-col.booked.active .date span:hover {
background: #fff !important;
color: #555 !important;
}
body div.booked-calendar-wrap.small div.booked-calendar .bc-head .bc-row .bc-col .monthName {
font-size: 0.9rem;
font-weight: 800;
line-height: 1.1rem;
height: 1.1rem;
}
body div.booked-calendar-wrap.small div.booked-calendar .bc-head .bc-row .bc-col .monthName .backToMonth {
font-weight: 500;
letter-spacing: 0;
}
body div.booked-calendar-wrap.small div.booked-calendar .bc-body .bc-row.week .bc-col .date .number {
margin: -18px 0 0 -18px;
font-size: 16px;
line-height: 35px !important;
width: 36px;
height: 36px;
}
body .booked-appt-list {
font-size: 15px;
line-height: 1.7;
color: #000;
background: #fff;
transform: scale(0.95);
padding: 30px 35px 10px;
display: none;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
border-radius: 5px;
}
body .booked-appt-list.shown {
transform: scale(1);
}
body .booked-appt-list h2 {
text-align: center;
color: #555;
font-size: 20px;
margin: 0 0 30px;
line-height: 1.4;
}
body .booked-appt-list h2.booked-no-prev {
text-align: left;
}
body .booked-appt-list p {
color: #888;
font-weight: 400;
margin: 0 0 20px;
}
body .booked-appt-list .timeslot {
display: flex;
box-sizing: border-box;
line-height: 1.8;
color: #888;
border-top: 1px solid #ddd;
}
body .booked-appt-list .timeslot.faded {
opacity: 0.25;
}
body .booked-appt-list .timeslot:hover {
background: #f9f9f9;
}
body .booked-appt-list .timeslot:last-child {
margin: 0 0 10px;
}
body .booked-appt-list .timeslot .timeslot-title {
margin: 0 0 10px 0;
display: block;
color: #4DC574;
}
body .booked-appt-list .timeslot .timeslot-time {
height: 71px;
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
padding: 0 0 0 15px;
box-sizing: border-box;
line-height: 1;
width: 60%;
font-weight: 600;
color: #555;
font-size: 16px;
}
body .booked-appt-list .timeslot .timeslot-time i.fa-solid {
color: #555;
}
body .booked-appt-list .timeslot .timeslot-people {
display: flex;
align-items: center;
justify-content: flex-end;
height: 71px;
width: 40%;
padding: 0 16px 0 0;
box-sizing: border-box;
}
body .booked-appt-list .timeslot .timeslot-people button {
color: #fff;
}
body .booked-appt-list .timeslot .timeslot-people button .spots-available,
body .booked-appt-list .timeslot .timeslot-people button .button-timeslot {
display: none;
}
body .booked-appt-list .timeslot .spots-available {
font-weight: 400;
text-transform: uppercase;
font-size: 0.7rem;
display: block;
line-height: 1;
color: #aaa;
padding-top: 8px;
}
body .booked-appt-list .timeslot .spots-available.empty {
color: #aaa;
}
body .booked-appt-list .timeslot a {
font-weight: 600;
text-decoration: none;
}
body .booked-appt-list .timeslot.has-title .timeslot-time {
height: auto;
min-height: 71px;
}
body .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-time {
min-height: auto;
}
body .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-time .timeslot-title {
margin: 0;
}
body .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-time .timeslot-range {
display: none;
}
body .booked-appt-list .timeslot.has-title.timeslot-count-hidden .timeslot-time {
height: 60px;
}
body .booked-appt-list .timeslot.has-title.timeslot-count-hidden .timeslot-people {
height: 60px;
padding-top: 13px;
padding-right: 0;
}
body .booked-appt-list .timeslot.has-title.timeslot-count-hidden .timeslot-time {
padding-top: 22px;
}
body .booked-calendar .booked-appt-list .timeslot .timeslot-mobile-title,
body .booked-calendar-wrap .booked-calendar .booked-appt-list .timeslot .timeslot-mobile-title,
body .booked-calendar-wrap.booked-list-view .booked-appt-list .timeslot .timeslot-people button .timeslot-mobile-title {
display: none;
}
body .booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people button .timeslot-mobile-title {
display:block;
}
body div.booked-calendar-wrap.booked-list-view .booked-appt-list {
box-shadow: none;
padding: 0;
margin: 0 0 30px;
display: block;
}
body div.booked-calendar-wrap.booked-list-view .booked-appt-list .booked-appt-list-header {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 0 20px;
}
body div.booked-calendar-wrap.booked-list-view .booked-appt-list .booked-appt-list-header h2 {
margin: 0;
}
body div.booked-calendar-wrap.booked-list-view .booked-appt-list .booked-appt-list-header .booked-list-view-nav > * {
margin: 0 0 0 10px;
}
body div.booked-calendar-wrap.small {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
body div.booked-calendar-wrap.small .booked-appt-list {
padding: 30px 35px 30px;
}
body div.booked-calendar-wrap.small .booked-appt-list h2 {
margin: 0 0 20px;
}
body div.booked-calendar-wrap.small .booked-appt-list h2 > span:first-child {
display: none;
}
body div.booked-calendar-wrap.small .booked-appt-list .timeslot {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 5px 0;
margin: 0;
border: none;
}
body div.booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-title {
height: auto;
margin: 0;
display: block;
color: #4DC574;
}
body div.booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-time {
display: none;
}
body div.booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people {
height: auto;
justify-content: center;
width: 100%;
padding: 0;
}
body div.booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people button.button {
width: 100%;
line-height: 1.4;
}
body div.booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people button.button .button-text,
body div.booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people button.button .button-timeslot {
font-weight: bold;
}
body div.booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people button.button .spots-available {
color: #fff;
opacity: 0.75;
padding: 8px 0 4px;
}
body div.booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people button.button .button-text {
display: none;
}
body div.booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people button.button .spots-available,
body div.booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people button.button .button-timeslot {
display: block;
} body .booked-form {
padding-top: 5px;
}
body .booked-form .field {
margin: 5px 0 7px;
}
body .booked-form .field.booked-text-content {
margin-bottom: 0;
margin-top: 20px;
}
body .booked-form .field.booked-text-content *:last-child {
margin-bottom: 0;
}
body .booked-form .field:after {
content: "";
display: table;
clear: both;
}
body .booked-form input[type=radio],
body .booked-form input[type=checkbox] {
position: relative;
top: 2px;
}
body .booked-form .field select,
body .booked-form .field input[type=text],
body .booked-form .field input[type=password],
body .booked-form .field input[type=tel],
body .booked-form .field input[type=email],
body .booked-form .field textarea {
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
margin: 0 1.5% 0 0;
width: 49.2%;
float: left;
}
body .booked-form .field input:last-child {
margin-right: 0;
}
body .booked-form .field input[type=text],
body .booked-form .field input[type=password],
body .booked-form .field input[type=tel],
body .booked-form .field input[type=email],
body .booked-form .field textarea {
font-size: 13px;
padding: 7px 10px;
color: #aaa;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
body .booked-form .field textarea,
body .booked-form .field input.hasContent {
color: #555;
}
body .booked-form .field input.large,
body .booked-form .field select.large {
width: 100%;
margin-right: 1px;
width: 99.8%;
}
body .booked-form .spacer {
padding: 5px 0 0 0;
margin: 0;
display: block;
}
body .booked-form .spacer.big {
padding: 25px 0 0;
}
body .booked-form hr {
border: none;
border-top: 1px solid #ddd;
padding: 10px 0 0 0;
margin: 20px 0 0 0;
}
body .booked-form .condition-block {
display: none;
}
body .booked-form .condition-block.default {
display: block;
}
body .booked-form input[type=submit],
body .booked-form button {
float: left;
margin: 0 10px 0 0;
}
body .booked-form .field label {
cursor: pointer;
}
body .booked-form .field label.field-label {
cursor: default;
display: block;
font-weight: bold;
padding: 10px 0 8px;
margin: 0;
}
body .booked-form .field textarea {
height: 100px;
width: 100%;
box-sizing: border-box;
line-height: 1.6;
}
body .booked-form .field .checkbox-radio-block {
display: block;
padding: 0 0 3px 10px;
}
body .booked-form .field .checkbox-radio-block label {
font-size: 13px;
display: inline-block;
padding-left: 7px;
margin: 0;
position: relative;
top: 3px;
}
body .booked-form .cf-block {
margin: 0 0 25px;
}
body .booked-form .cf-block select {
font-size: 13px;
width: 100%;
height: 33px;
margin-right: 0;
padding: 0 10px;
float: none;
}
body .booked-form .cf-block ul, body .booked-form .cf-block ol {
margin-left: 30px;
}
body .booked-form .required-asterisk {
color: #E35656;
margin: -1px 0 0 7px;
}
body .booked-form #ajaxlogin {
width: 100%;
}
body .booked-form #ajaxlogin p.status {
display: none;
padding: 15px 0 0;
margin: 0;
font-size: 15px;
color: #888;
}
body .booked-form #newAppointmentForm p.status {
display: none;
padding: 0 0 20px;
margin: 0;
font-size: 15px;
color: #888;
}
body img.captcha-image {
position: relative;
top: 5px;
left: 5px;
}
body #booked-page-form p.captcha, body .booked-modal .bm-window p.captcha {
margin: -5px 0 15px;
}
body .booked-form .field p.field-small-p {
font-size: 14px;
margin: -5px 0 5px;
}
body .booked-form input[type=submit].button:disabled {
background: #ddd !important;
border-color: #ddd !important;
color: #aaa !important;
cursor: not-allowed;
}
body .booked-form .booked-appointments {
background: #fff;
padding: 10px 16px 13px;
margin: 0 0 15px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
body .booked-form .booked-appointment-details {
margin: 0 0 10px;
padding: 0 0 7px;
border-bottom: 1px solid #ddd;
}
body .booked-form .booked-appointment-details:last-child {
margin: 0;
padding: 0;
border: none;
}
body .booked-form .booked-appointment-details.has-error {
color: #e35656;
}
#customerChoices {
display: block;
text-align: left;
background: #fff;
padding: 20px 0 23px;
text-align: center;
margin: -26px -36px 15px;
border-bottom: 1px solid #ddd;
}
#customerChoices .field {
display: inline-block;
}
#customerChoices .field .checkbox-radio-block {
padding-left: 0;
}
#customerChoices .field {
margin: 0 20px 0 0;
}
#customerChoices .field:last-child {
margin: 0;
}
#customerChoices .field .checkbox-radio-block label {
font-weight: 400;
font-size: 15px;
}
#ajaxforgot {
display: none;
} body .booked-modal {
margin-top: -84px;
min-height: 168px;
position: fixed;
z-index: 9999999;
top: 50%;
right: 0;
bottom: 0;
left: 0;
}
body .booked-modal hr {
border-top: 1px solid #ddd;
background: none;
}
body .booked-modal .bm-overlay {
animation: booked-fadein 0.2s;
-webkit-animation: booked-fadein 0.2s;
-moz-animation: booked-fadein 0.2s;
-ms-animation: booked-fadein 0.2s;
-o-animation: booked-fadein 0.2s;
-webkit-backface-visibility: hidden;
position: fixed;
background: #000;
background: rgba(0, 0, 0, 0.65);
top: 0;
right: 0;
bottom: 0;
left: 0;
}
body .booked-modal .bm-window {
animation: booked-flyin 0.2s;
-webkit-animation: booked-flyin 0.2s;
-moz-animation: booked-flyin 0.2s;
-ms-animation: booked-flyin 0.2s;
-o-animation: booked-flyin 0.2s;
-webkit-backface-visibility: hidden;
padding: 43px 0 25px;
width: 450px;
position: relative;
margin: 0 auto;
background: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 1px 1px 60px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 1px 1px 60px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 60px rgba(0, 0, 0, 0.5);
}
body .booked-modal.bm-loading .bm-window {
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
body .booked-modal.bm-closing .bm-overlay {
animation: booked-fadeout 0.2s;
-webkit-animation: booked-fadeout 0.2s;
-moz-animation: booked-fadeout 0.2s;
-ms-animation: booked-fadeout 0.2s;
-o-animation: booked-fadeout 0.2s;
-webkit-backface-visibility: hidden;
}
body .booked-modal.bm-closing .bm-window {
animation: booked-flyout 0.2s;
-webkit-animation: booked-flyout 0.2s;
-moz-animation: booked-flyout 0.2s;
-ms-animation: booked-flyout 0.2s;
-o-animation: booked-flyout 0.2s;
-webkit-backface-visibility: hidden;
}
body .booked-modal .bm-window {
background: #f5f5f5;
max-height: 100px;
z-index: 2000000000;
}
body .booked-modal .bm-window p {
margin: 0 0 15px;
font-size: 15px;
}
body .booked-modal .bm-window p small {
display: block;
margin: 0 0 15px;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
}
body .booked-modal .bm-window p.appointment-title {
font-weight: 600;
margin-bottom: 0;
}
body .booked-modal .bm-window p.calendar-name {
font-weight: 600;
margin-bottom: 0;
}
body .booked-modal .bm-window p.appointment-info {
font-size: 15px;
margin: 0;
line-height: 1.7;
}
body .booked-modal .bm-window p strong {
font-size: 13px;
text-transform: uppercase;
display: inline-block;
padding-right: 3px;
font-weight: 600;
}
body .booked-modal .bm-window a {
text-decoration: none;
}
body .booked-modal .bm-window .close {
line-height: 1;
color: #fff;
color: rgba(255, 255, 255, 0.5);
font-size: 20px;
position: absolute;
top: 11px;
right: 14px;
}
body .booked-modal .bm-window .close:hover {
color: #fff;
}
body .booked-modal .bm-window p i.fa-solid.far-clock {
font-size: 18px;
position: relative;
top: 1px;
}
body .booked-modal .bm-window p.booked-calendar-name {
font-weight: 600;
font-size: 15px;
}
body .booked-modal .bm-window .booked-scrollable {
max-height: 100px;
padding: 25px 30px;
overflow-y: auto;
overflow-x: hidden;
background: #f5f5f5;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-sizing: content-box;
}
body .booked-modal .bm-window p.booked-title-bar {
box-sizing: border-box;
font-size: 13px;
position: absolute;
top: 0;
left: 0;
line-height: 1;
width: 100%;
color: #fff;
border-radius: 4px 4px 0 0;
padding: 15px 30px 15px 15px;
}
body .booked-modal .bm-window p.booked-title-bar small {
margin: 0;
} body .booked-modal .bm-window .booked-scrollable {
-webkit-overflow-scrolling: touch;
}
body .booked-modal .bm-window .booked-scrollable > * {
-webkit-transform: translateZ(0px);
-webkit-transform: translate3d(0, 0, 0);
}
body .booked-calendarSwitcher {
box-sizing: border-box;
display: inline-block;
margin: 0 0 0 15px;
padding: 8px 10px 9px 12px;
color: #fff;
border-radius: 10px 10px 0 0;
position: relative;
}
body .booked-calendarSwitcher::before {
position: absolute;
top: 12px;
right: 15px;
color: white;
font: var(--fa-font-solid);
content: "";
}
body .booked-calendarSwitcher > p {
display: flex;
align-items: center;
}
body .booked-calendarSwitcher > p i.fa-solid {
font-size: 14px;
margin: 0 10px 0 0;
position: relative;
color: #fff;
}
body .booked-calendarSwitcher > p select {
padding-left: 0;
height: 24px;
position: relative;
cursor: pointer;
background: transparent;
font-size: 14px;
min-width: 200px;
border: none;
color: #fff;
-webkit-appearance: none;
} body #booked-page-form .booked-form-wrap {
padding: 10px 0;
}
body #booked-page-form input[type=submit] {
margin: 0;
}
body #booked-page-form input[type=text],
body #booked-page-form input[type=password],
body #booked-page-form input[type=email],
body #booked-page-form textarea {
margin: 7px 0 0 0;
border-width: 1px;
border-style: solid;
padding: 10px 12px;
width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body #booked-page-form input:disabled,
body #booked-page-form textarea:disabled {
background: #f9f9f9;
color: #bbb;
border: 1px dotted #ccc;
}
body #booked-page-form input[type=file]:disabled {
background: #fff;
border: none;
}
body #booked-page-form label .not-bold {
font-weight: 400;
color: #ccc;
padding: 0 0 0 5px;
}
body #booked-page-form p {
margin: 0 0 15px;
}
body #booked-page-form .login-submit {
margin: 0;
}
body #profile-edit #booked-page-form {
border-top: 1px solid #ddd;
padding-top: 20px;
}
body #profile-edit #booked-page-form input[type=file] {
display: inline-block;
padding: 0;
}
body #profile-edit #booked-page-form label {
font-weight: 600;
}
body #profile-edit #booked-page-form p.form-nickname,
body #profile-edit #booked-page-form p.form-email,
body #profile-edit #booked-page-form p.form-url {
float: left;
width: 100%;
margin: 0 0 25px;
}
body #profile-edit #booked-page-form p.form-password {
float: left;
width: 48%;
margin: 0 4% 25px 0;
}
body #profile-edit #booked-page-form p.form-password.last {
margin: 0 0 25px;
}
body #profile-edit #booked-page-form p.form-textarea,
body #profile-edit #booked-page-form p.form-avatar,
body #profile-edit #booked-page-form p.form-submit {
float: none;
width: 100%;
margin: 0 0 25px;
}
body #profile-edit #booked-page-form p.form-submit {
margin: 0 0 5px;
}
body #profile-edit #booked-page-form .hint-p {
font-size: 12px;
color: #aaa;
padding-top: 5px;
display: block;
font-style: italic;
}
body #profile-login label, #profile-register label, #profile-forgot label {
font-weight: 600;
}
body .booked-upload-wrap,
body .booked-upload-wrap input {
background: #f5f5f5;
border: 1px solid #ddd;
display: block;
height: 35px;
width: 100%;
cursor: pointer;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
position: relative;
}
body .booked-upload-wrap {
width: 100%;
margin: 10px 0 4px;
}
body #booked-submit-recipe-form .booked-upload-wrap {
width: 100%;
margin: 0;
}
body .booked-upload-wrap:hover {
background: #eee;
}
body .booked-upload-wrap span {
color: #888;
font-size: 13px;
text-align: center;
height: 24px;
width: 100%;
position: absolute;
left: 0;
top: 50%;
margin-top: -12px;
display: block;
z-index: 1;
}
body .booked-upload-wrap input {
z-index: 2;
opacity: 0;
}
body .booked-upload-wrap.hasFile {
background: #f9f9f9;
border: 1px solid #ccc;
color: #666;
}
body #booked-submit-recipe-form .booked-upload-wrap.hasFile {
width: 100%;
}
body .booked-upload-wrap.hasFile span {
color: #000;
}
body .booked-custom-error {
display: none;
margin: 0 0 20px;
padding: 5px 10px;
background: #fff0f0;
border: 1px solid #e3c3c3;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
body .booked-custom-error.not-hidden {
display: block;
}
body #booked-plugin-page p.booked-form-notice {
border: 1px solid #E6DB55;
border-radius: 3px;
background-color: #FFFBCC;
margin: 0 0 35px;
padding: 10px 15px;
} .booked-list-date-picker-wrap {
width: 100%;
position: absolute;
text-align: center;
top: 30px;
left: 0;
}
#ui-datepicker-div.booked_custom_date_picker {
animation: booked-popflyin 0.15s;
-webkit-animation: booked-popflyin 0.15s;
-moz-animation: booked-popflyin 0.15s;
-ms-animation: booked-popflyin 0.15s;
-o-animation: booked-popflyin 0.15s;
background: #fff;
margin-top: 37px;
margin-left: -107px;
width: 230px;
border: 1px solid #d5d5d5;
padding: 8px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
z-index: 9999 !important;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header {
position: relative;
color: #fff;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev,
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next {
cursor: pointer;
top: 10px;
font-size: 16px;
position: absolute;
display: inline-block;
font: var(--fa-font-solid);
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
color: #fff;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev .ui-icon,
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next .ui-icon {
display: none;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev {
left: 10px;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next {
right: 10px;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header {
display: flex;
align-items: center;
justify-content: space-between;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-title {
display: block;
width: 100%;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
padding: 9px 0;
text-align: center;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev:hover,
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next:hover {
opacity: 0.7;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev:before {
content: "";
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next:before {
content: "";
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar {
width: 100%;
border-collapse: collapse;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead, #ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead th {
font-size: 11px;
font-weight: normal;
color: #fff;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead th {
width: 14.285%;
text-align: center;
padding: 0;
margin: 0;
border: none;
border-collapse: collapse;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody {
border-top: 8px solid #fff;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody, #ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td {
font-size: 12px;
font-weight: normal;
background: #fff;
color: #888;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td {
text-align: center;
padding: 0px;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a {
display: block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
line-height: 33px;
text-decoration: none;
color: #333;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a:hover {
background: #eee;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td span {
display: block;
line-height: 33px;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-unselectable span {
color: #ddd;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-week-end a {
color: #888;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-today a {
color: #fff;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-today a:hover {
color: #fff;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a.ui-state-active, #ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a.ui-state-active:hover {
color: #ffffff;
}  body #booked-page-form input[type=email],
body #booked-page-form input[type=text],
body #booked-page-form input[type=password],
body #booked-page-form textarea,
body #booked-page-form {
border-color: #ccc;
color: #888;
line-height: 1.5;
font-size: 13px;
} body .booked-calendar-wrap {
-webkit-transition: height 0.15s ease-out;
-moz-transition: height 0.15s ease-out;
-o-transition: height 0.15s ease-out;
transition: height 0.15s ease-out;
}
body .booked-calendar td .count,
body .booked-calendar thead th a,
body .booked-appt-list .timeslot .timeslot-time,
body .booked-appt-list .timeslot .timeslot-people,
body .booked-appt-list .timeslot,
body .booked-list-view a.booked_list_date_picker_trigger {
transition: all 0.1s ease-out;
}
body .booked-calendar td .date,
body .booked-calendar td .date span {
transition: background 0.15s ease-out, color 0.15s ease-out;
}
body .booked-list-view .booked-appt-list {
transition: opacity 0.2s ease-out;
}
body .booked-appt-list {
transition: transform 0.4s ease-in-out;
} .booked-tabs {
overflow: hidden;
}
.booked-tabs .booked-tabs-nav {
margin-bottom: 20px;
}
.booked-tabs .booked-tabs-nav span {
display: inline-block;
padding: 0 5px;
border: 1px solid #ccc;
background: #eee;
color: #000;
font-size: 12px;
line-height: 30px;
text-transform: uppercase;
cursor: pointer;
box-sizing: border-box;
}
.booked-tabs .booked-tabs-nav span:hover,
.booked-tabs .booked-tabs-nav span.active {
background: #ddd;
color: #fff;
}
.booked-tabs .booked-tabs-cnt > div {
display: none;
}
.booked-tabs .booked-tabs-cnt > div.active {
display: block;
}  body #booked-profile-page {
position: relative;
margin-bottom: 30px;
}
body #booked-profile-page .booked-profile-header {
display: flex;
border: 1px solid #ddd;
border-radius: 3px 3px 0 0;
padding: 15px;
position: relative;
}
body #booked-profile-page .booked-profile-header .booked-logout-button {
text-decoration: none;
font-size: 0.9rem;
position: relative;
top: -1px;
color: rgba(255, 255, 255, 0.5);
}
body #booked-profile-page .booked-profile-header .booked-logout-button:hover {
color: #fff;
}
body #booked-profile-page .booked-user-avatar {
width: 35px;
height: 35px;
position: relative;
top: 0;
left: 0;
float: left;
display: inline-block;
}
body #booked-profile-page .booked-user-avatar img {
width: 100%;
height: auto;
display: block;
margin: 0;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
body #booked-profile-page .booked-info {
display: flex;
width: 100%;
}
body #booked-profile-page .booked-user * {
margin: 0;
padding: 0;
line-height: 1.6;
}
body #booked-profile-page .booked-user h3 {
color: #fff;
margin: 0;
padding: 4px 0 4px 12px;
display: inline-block;
font-size: 1.25rem !important;
letter-spacing: 0.03rem !important;
}
body #booked-profile-page .booked-counts {
float: right;
width: 25%;
margin-left: 5%;
color: #fff;
}
body #booked-profile-page .booked-counts span {
display: block;
text-align: right;
font-size: 12px;
line-height: 2.1;
}
body #booked-profile-page .booked-counts i.fa-solid {
padding-right: 10px;
}
body #booked-profile-page .booked-tabs {
display: flex;
border-width: 1px;
border-style: solid;
border-top: 0;
border-bottom: 0;
list-style: none;
margin: 0 !important;
padding: 0 !important;
overflow:auto;
}
body #booked-profile-page .booked-tabs li {
margin: 0 !important;
padding: 0 !important;
}
body #booked-profile-page .booked-tabs li a {
display: flex;
align-items: center;
height: auto !important;
font-size: 14px;
border-right-width: 1px;
border-right-style: solid;
display: flex;
text-decoration: none;
padding: 10px 15px;
line-height: 1.5;
background: rgba(0, 0, 0, 0.15);
color: #fff;
border: none;
}
body #booked-profile-page .booked-tabs li a i.fa-solid {
padding-right: 10px;
}
body #booked-profile-page .booked-tabs li a:hover {
background: rgba(0, 0, 0, 0.25);
color: #fff;
}
body #booked-profile-page .booked-tabs li a .counter {
margin: 0 0 0 5px;
line-height: 1px;
display: none;
justify-content: center;
align-items: center;
font-size: 11px;
font-weight: 800;
width: auto;
padding: 0 5px;
min-width: 20px;
height: 20px;
border-radius: 10px;
background: #fff;
color: #fff;
}
body #booked-profile-page .booked-tabs li.active a {
color: #fff;
}
body #booked-profile-page .booked-tabs li.active a:hover {
color: #fff;
}
body #booked-profile-page .booked-tabs li.active a .counter {
background: #fff;
color: #000;
}
body #booked-profile-page .booked-tabs li.edit-button {
float: right;
}
body #booked-profile-page .booked-tab-content {
border-radius: 0 0 3px 3px;
display: none;
padding: 30px 35px 30px 35px;
border-width: 1px;
border-style: solid;
border-top: none;
border-color: #ddd;
background: #fff;
}
body #booked-profile-page .booked-tabs.login {
border-top-width: 1px;
border-top-style: solid;
}
body #booked-profile-page p.booked-no-margin {
color: #888;
margin: 0;
}
body #booked-profile-page .booked-show-cf {
outline: none;
font-weight: 600;
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}
body #booked-profile-page .booked-show-cf.booked-cf-active {
color: #000;
}
body #booked-profile-page .cf-meta-values-hidden {
animation: booked-popdown 0.2s;
-webkit-animation: booked-popdown 0.2s;
-moz-animation: booked-popdown 0.2s;
-ms-animation: booked-popdown 0.2s;
-o-animation: booked-popdown 0.2s;
display: none;
border-left: 3px solid #ddd;
margin: 10px 0 0 0px;
padding: 0 0 0 20px;
}
body #booked-profile-page .cf-meta-values-hidden p {
margin: 0 0 10px;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
}
body #booked-profile-page .cf-meta-values-hidden p:last-child {
margin-bottom: 0;
}
body #booked-profile-page .cf-meta-values-hidden p strong {
font-weight: 600;
}
body #booked-profile-page .result-section.table-layout {
margin: 0;
}
body #booked-profile-page .result-section.table-layout .table-box {
border: none;
}
body #booked-profile-page .result-section.table-layout .table-box .table-body .table-row {
min-height: 115px;
}
body #booked-profile-page .result-section.table-layout .table-box .table-body .cell-title {
font-weight: normal;
font-size: 15px;
line-height: 1.6;
}
body #booked-profile-page .result-section.table-layout .table-box .table-body .cell-title p {
margin: 0;
padding: 10px 0 0 0;
font-size: 12px;
}
body #booked-profile-page .result-section.table-layout .table-box .table-body .cell-title small {
display: block;
padding-top: 5px;
}
body #booked-profile-page .result-section.table-layout .table-box .table-body .cell-title a {
font-weight: 600;
}
body #booked-profile-page .result-section.table-layout .table-box .table-body .cell-title .booked-review p {
font-size: 14px;
line-height: 1.7;
}
body #booked-profile-page .result-section.table-layout .table-box .table-head-row {
background: none !important;
}
body #booked-profile-page .result-section.table-layout .table-box .table-cell {
padding: 20px 0;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-title {
position: relative;
width: 55%;
padding-right: 25px;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-title .compact-img img {
width: 65px;
height: auto;
position: absolute;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
top: 26px;
left: 0;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-title .cell-title-wrap {
padding-left: 85px;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-rating {
width: 20%;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-time {
width: 25%;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-title.reviews {
width: 100%;
padding-right: 0;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-title.reviews .rating {
margin-top: 10px;
}
body #booked-profile-page p.booked-form-notice {
border: 1px solid #E6DB55;
border-radius: 3px;
background-color: #FFFBCC;
margin: 0 0 35px;
padding: 10px 15px;
}
body #booked-profile-page .booked-profile-appt-list {
box-sizing: border-box;
}
body #booked-profile-page .booked-profile-appt-list .appt-block {
color: #888;
line-height: 23px;
padding: 20px 0 25px;
border-top: 1px solid #ddd;
display: block;
}
body #booked-profile-page .booked-profile-appt-list .appt-block > i.fa-solid {
width: 23px;
color: #333;
}
body #booked-profile-page .booked-profile-appt-list .appt-block:last-child {
padding-bottom: 0;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .status-block {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
float: right;
padding: 0 12px 1px;
line-height: 33px;
margin: 6px 0 0 0;
background: #ccc;
color: #fff;
}
body #booked-profile-page .booked-profile-appt-list .appt-block button {
float: right;
margin: 6px 0 0 0;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .cancel,
body #booked-profile-page .booked-profile-appt-list .appt-block .edit{
color: #aaa;
font-size: 12px;
padding-left: 10px;
border: 1px solid #ddd;
background: #f5f5f5;
color: #aaa;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .cancel:hover {
background: #eee;
color: #888;
border-color: #ccc;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-fea-buttons {
float: right;
display: flex;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-fea-buttons > a,
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-fea-buttons > button {
margin: 0 0 0 0.5rem;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-fea-buttons > a.delete,
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-fea-buttons > button.delete {
display: inline-block;
padding: 10px;
width: 45px;
text-align: center;
color: #aaa;
border: 2px solid #ddd;
border-radius: 5px;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-fea-buttons > a.delete:hover,
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-fea-buttons > button.delete:hover {
color: #000;
border: 2px solid #888;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons {
display: flex;
padding: 15px 0 0 0;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons a {
text-decoration: none;
display: inline-block;
padding: 0.5rem 0.75rem;
margin: 0 7px 0 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
line-height: 1rem;
font-size: 0.9rem;
font-weight: 400;
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons a:hover {
text-decoration: none;
}
body #booked-profile-page .booked-profile-appt-list .appt-block.approved {
color: #000;
}
body #booked-profile-page .booked-profile-appt-list .calendar-name {
padding: 0 0 5px;
}
body #booked-profile-page #profile-edit {
box-sizing: border-box;
}
body #booked-profile-page h4 {
margin: 0 0 20px;
padding: 0;
font-size: 19px;
font-weight: 600;
}
body #booked-profile-page .appt-block .booked-cal-buttons {
display: flex;
}
body #booked-profile-page .appt-block .booked-cal-buttons .google-cal-button {
font-size: 0.9rem;
line-height: 1rem;
font-weight: 400;
letter-spacing: 0.03rem;
padding: 0.5rem 0.65rem 0.5rem 40px;
}
body #booked-profile-page .appt-block .booked-cal-buttons .google-cal-button .addeventatc_dropdown {
padding: 0;
}
body #booked-profile-page .appt-block .booked-cal-buttons .google-cal-button .copyx {
display: none;
}
body #booked-profile-page .appt-block .booked-cal-buttons .google-cal-button .addeventatc_icon {
top: 0.35rem;
}
body #booked-profile-page .appt-block .booked-cal-buttons a {
display: inline-block;
margin: 0 0.5rem 0 0;
}
body #booked-profile-page .appt-block .booked-cal-buttons > span {
display: inline-block;
margin: 0 0.5rem 0 0;
}
body #booked-profile-page .appt-block .booked-cal-buttons > div {
display: inline-block;
margin: 0 0.5rem 0 0;
}
@media screen and (max-width: 1200px) {
body .booked-list-view .booked-appt-list h2 {
text-align: left;
margin: 0 0 20px;
}
body .booked-list-view .booked-appt-list h2.booked-no-prev {
text-align: left;
}
body .booked-list-view .booked-list-view-nav {
display: block;
height: 26px;
margin: -5px 0 30px;
position: static;
text-align: left;
}
body .booked-list-view .booked-list-view-nav .booked-list-view-date-next,
body .booked-list-view .booked-list-view-nav .booked-list-view-date-prev {
margin: 0 6px 5px 0;
position: relative;
display: inline-block;
top: 0;
right: 0;
}
body .booked-list-view .booked-list-view-nav .booked-list-view-date-next {
float: right;
margin: 0 0 5px;
}
}
@media screen and (max-width: 1100px) {
body .booked-calendar td .count {
padding: 5px 0;
font-size: 9px;
}
body .booked-calendar td .date .number {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 14px;
}
}
@media screen and (max-width: 860px) {
body #booked-profile-page .booked-profile-appt-list {
float: none;
width: 100%;
margin: 0 0 30px;
}
body #booked-profile-page #profile-edit {
float: none;
width: 100%;
margin: 0;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .status-block {
float: right;
margin: 6px 0 0 0;
}
}
@media screen and (max-width: 720px) {
body .booked-calendar-wrap .booked-calendar thead th {
font-size: 1rem;
padding: 1.15rem 0 !important;
height: 1rem;
}
body .booked-calendar-wrap .booked-calendar thead tr.days th {
font-size: 0.7rem;
padding: 0.5rem 0 !important;
height: auto;
}
body .booked-calendar-wrap .booked-calendar td {
font-size: 13px;
}
body .booked-calendar-wrap .booked-calendar thead th .page-left,
body .booked-calendar-wrap .booked-calendar thead th .page-right {
font-size: 1rem;
margin-top: -0.5rem;
}
body .booked-calendar-wrap .booked-calendar thead th .page-left:hover {
left: 19px;
}
body .booked-calendar-wrap .booked-calendar thead th .page-right:hover {
right: 19px;
}
body .booked-calendar-wrap .booked-calendar th .monthName {
height: auto;
display: inline-block;
}
body .booked-calendar-wrap .booked-calendar th .monthName a {
top: -2px;
font-size: 10px;
}
body .booked-calendar-wrap .booked-calendar td .count {
display: none;
}
body .booked-calendar-wrap .booked-calendar td .date {
height: 100%;
}
body .booked-calendar-wrap .booked-calendar td .date .number {
border: none;
display: block;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
transform: scale(1);
width: 100%;
height: 100%;
vertical-align: middle;
}
body .booked-calendar-wrap .booked-calendar td.blur .date,
body .booked-calendar-wrap .booked-calendar td.blur:hover .date {
cursor: default;
background: #EEEEEE;
color: #ccc;
}
body .booked-calendar-wrap .booked-calendar td.booked .date,
body .booked-calendar-wrap .booked-calendar td.booked:hover .date {
cursor: default;
background: #FFE4DF;
color: #F15934;
}
body .booked-calendar-wrap .booked-calendar td.today .date {
background: #e3f2f9;
color: #555;
}
body .booked-calendar-wrap .booked-calendar td.today:hover .date {
background: #eff7fb;
color: #555;
}
body .booked-calendar-wrap .booked-calendar td:hover .date {
background: #f9f9f9;
cursor: pointer;
color: #000;
}
body .booked-calendar-wrap .booked-calendar tr.week td.active .date .number {
border: none;
transform: scale(1.5);
background: none;
color: #000;
}
body .booked-calendar-wrap .booked-calendar tr.entryBlock td {
padding: 5%;
}
body .booked-calendar-wrap .booked-calendar .booked-appt-list {
max-height: 300px;
overflow-y: auto;
overflow-x: hidden;
padding: 15px 20px 10px;
}
body .booked-calendar-wrap.small .booked-calendar .booked-appt-list {
max-height: 300px;
}
body .booked-calendar .booked-appt-list h2 {
text-align: center;
margin: 5px 0 20px;
font-size: 15px;
letter-spacing: 0.03em;
}
body .booked-calendar .booked-appt-list h2 span {
display: none;
}
body .booked-calendar .booked-appt-list .timeslot {
border-top: 0;
margin: 0 0 8px 0;
}
body .booked-calendar .booked-appt-list .timeslot .timeslot-time,
body .booked-calendar .booked-appt-list .timeslot .timeslot-count {
display: none;
}
body .booked-calendar .booked-appt-list .timeslot button .spots-available,
body .booked-calendar-wrap .booked-appt-list .timeslot button .spots-available {
display: block;
color:#fff;
}
body .booked-calendar .booked-appt-list .timeslot .timeslot-mobile-title,
body .booked-calendar-wrap .booked-calendar .booked-appt-list .timeslot .timeslot-mobile-title {
display: block;
}
body .booked-calendar .booked-appt-list .timeslot .timeslot-people, body .booked-calendar .booked-appt-list .timeslot .timeslot-people:hover,
body .booked-calendar .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-people, body .booked-calendar .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-people:hover {
width: 100%;
padding: 0;
height: auto;
}
body .booked-calendar .booked-appt-list .timeslot .timeslot-people button {
white-space: normal;
float: none;
margin: 0;
width: 100%;
text-align: center;
padding: 7px 0;
line-height: 1.5;
}
body .booked-calendar .booked-appt-list .timeslot .timeslot-people button .button-timeslot {
display: block;
font-weight: 600;
font-size: 13px;
}
body .booked-calendar .booked-appt-list .timeslot .timeslot-people button .button-text {
display: none;
}
body .booked-calendar-wrap .booked-calendar td.prev-date .date,
body .booked-calendar-wrap .booked-calendar td.prev-date:hover .date {
cursor: default;
background: #f9f9f9;
color: #bbb;
}
body .booked-calendar-wrap .booked-calendar td.blur .date,
body .booked-calendar-wrap .booked-calendar td.blur:hover .date {
cursor: default;
background: #eee;
color: #ddd;
}
body .booked-calendar-wrap .booked-calendar td.booked .date,
body .booked-calendar-wrap .booked-calendar td.booked:hover .date {
cursor: default;
background: #ffeae7;
color: #f0b1a1;
}
body .booked-calendar-wrap .booked-calendar tr.week td.active .date,
body .booked-calendar-wrap .booked-calendar tr.week td.active:hover .date {
background: #ddd;
}
body #booked-profile-page .result-section.table-layout {
padding: 10px 0;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-title .compact-img img {
top: 46px;
left: 12px;
}
body #booked-profile-page .booked-tabs,
body #booked-profile-page .booked-tabs li,
body #booked-profile-page .booked-tabs li.edit-button {
display: block;
float: none;
}
body #booked-profile-page .booked-tabs li a,
body #booked-profile-page .booked-tabs li.edit-button a {
border-left: none;
border-right: none;
}
body .booked-modal {
padding: 0;
margin: 0 !important;
top: 0;
}
body .booked-modal .bm-window,
body .booked-modal .bm-window p.booked-title-bar {
border-radius: 0 !important;
}
body .booked-modal .bm-window {
width: 100%;
padding: 43px 0 0;
box-sizing: border-box;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
body .booked-modal .bm-window .booked-scrollable {
padding: 30px 35px;
}
body .booked-modal .bm-overlay {
background: rgba(0, 0, 0, 0.8);
}
body .booked-modal .bm-window p.name b {
display: block;
}
body .booked-list-view .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-people button .button-timeslot,
body .booked-calendar-wrap .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-people button .button-timeslot {
display: none;
}
}
@media screen and (max-width: 600px) {
body.booked-noScroll {
position: fixed;
height: 100%;
}
body .booked-modal input[type=submit] {
margin: 0 10px 10px 0;
float: none;
}
body .booked-modal .button {
width: 100%;
float: none;
}
body .booked-calendarSwitcher {
width: 100%;
display: block;
padding: 8px 5px;
}
body .booked-calendarSwitcher i.fa-solid {
display: none;
}
body .booked-calendarSwitcher select {
width: 100%;
}
body .booked-calendar td .date .number {
font-size: 12px;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .status-block {
display: block;
float: none;
margin: 0 0 10px;
}
body #profile-edit #booked-page-form p.form-nickname,
body #profile-edit #booked-page-form p.form-email,
body #profile-edit #booked-page-form p.form-url,
body #profile-edit #booked-page-form p.form-password {
float: none;
width: 100%;
}
body .booked-modal #customerChoices .field {
display: block;
float: none;
margin: 5px 0;
}
}
@media screen and (max-width: 450px) {
body .booked-list-view .booked-appt-list h2 strong {
display: block;
margin: 0 auto;
}
body .booked-list-view .booked-appt-list h2 span:last-child {
display: none;
}
body .booked-list-view .booked-appt-list .timeslot {
border-top: 0;
margin: 0 0 10px;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-time,
body .booked-list-view .booked-appt-list .timeslot .timeslot-count {
display: none;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-people {
width: 100%;
padding: 0;
height: auto;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-people button {
float: none;
margin: 0;
width: 100%;
text-align: center;
padding: 7px 0;
line-height: 1.5;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-people button .button-timeslot {
display: block;
font-weight: 600;
font-size: 13px;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-people button .button-text {
display: none;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button .timeslot-mobile-title,
body .booked-calendar-wrap.booked-list-view .booked-appt-list .timeslot .timeslot-people button .timeslot-mobile-title{
display: block;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-people {
height: auto;
padding: 0;
}
}