#cookie-notice{position:fixed;min-width:100%;height:auto;z-index:100000;font-size:13px;letter-spacing:0;line-height:20px;left:0;text-align:center;font-weight:normal;font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif}#cookie-notice,#cookie-notice *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cookie-notice.cn-animated{-webkit-animation-duration:.5s!important;animation-duration:.5s!important;-webkit-animation-fill-mode:both;animation-fill-mode:both}#cookie-notice.cn-animated.cn-effect-none{-webkit-animation-duration:.001s!important;animation-duration:.001s!important}#cookie-notice .cookie-notice-container{display:block}#cookie-notice.cookie-notice-hidden .cookie-notice-container{display:none}#cookie-notice .cookie-revoke-container{display:block}#cookie-notice.cookie-revoke-hidden .cookie-revoke-container{display:none}.cn-position-top{top:0}.cn-position-bottom{bottom:0}.cookie-notice-container{padding:15px 30px;text-align:center;width:100%;z-index:2}.cookie-revoke-container{padding:15px 30px;width:100%;z-index:1}.cn-close-icon{position:absolute;right:15px;top:50%;margin:-10px 0 0 0;width:15px;height:15px;opacity:.5;padding:10px;border:none;outline:none;background:none;box-shadow:none;cursor:pointer}.cn-close-icon:hover{opacity:1}.cn-close-icon:before,.cn-close-icon:after{position:absolute;content:' ';height:15px;width:2px;top:3px;background-color:rgba(128,128,128,1)}.cn-close-icon:before{transform:rotate(45deg)}.cn-close-icon:after{transform:rotate(-45deg)}#cookie-notice .cn-revoke-cookie{margin:0}#cookie-notice .cn-button{margin:0 0 0 10px;display:inline-block}#cookie-notice .cn-button:not(.cn-button-custom){font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;font-weight:normal;font-size:13px;letter-spacing:.25px;line-height:20px;margin:0 0 0 10px;text-align:center;text-transform:none;display:inline-block;cursor:pointer;touch-action:manipulation;white-space:nowrap;outline:none;box-shadow:none;text-shadow:none;border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-decoration:none;padding:8.5px 10px;line-height:1;color:inherit}.cn-text-container{margin:0 0 6px 0}.cn-text-container,.cn-buttons-container{display:inline-block}#cookie-notice.cookie-notice-visible.cn-effect-none,#cookie-notice.cookie-revoke-visible.cn-effect-none{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-none{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-fade,#cookie-notice.cookie-revoke-visible.cn-effect-fade{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-fade{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-effect-slide{-webkit-animation-name:slideInUp;animation-name:slideInUp}#cookie-notice.cn-effect-slide{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}#cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide{-webkit-animation-name:slideInDown;animation-name:slideInDown}#cookie-notice.cn-position-top.cn-effect-slide{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@media all and (max-width:900px){.cookie-notice-container #cn-notice-text{display:block}.cookie-notice-container #cn-notice-buttons{display:block}#cookie-notice .cn-button{margin:0 5px 5px 5px}}@media all and (max-width:480px){.cookie-notice-container,.cookie-revoke-container{padding:15px 25px}}@font-face {
font-family: 'wpdm-icons';
src: url(//old.hrtelecoms.fr/wp-content/plugins/download-manager/assets/wpdm-iconfont/font/wpdm-icons.eot?9713993);
src: url(//old.hrtelecoms.fr/wp-content/plugins/download-manager/assets/wpdm-iconfont/font/wpdm-icons.eot?9713993#iefix) format('embedded-opentype'),
url(//old.hrtelecoms.fr/wp-content/plugins/download-manager/assets/wpdm-iconfont/font/wpdm-icons.woff2?9713993) format('woff2'),
url(//old.hrtelecoms.fr/wp-content/plugins/download-manager/assets/wpdm-iconfont/font/wpdm-icons.woff?9713993) format('woff'),
url(//old.hrtelecoms.fr/wp-content/plugins/download-manager/assets/wpdm-iconfont/font/wpdm-icons.ttf?9713993) format('truetype'),
url(//old.hrtelecoms.fr/wp-content/plugins/download-manager/assets/wpdm-iconfont/font/wpdm-icons.svg?9713993#wpdm-icons) format('svg');
font-weight: normal;
font-style: normal;
}   [class^="wpdm-"]:before, [class*=" wpdm-"]:before {
font-family: "wpdm-icons";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.wpdm-shopping-cart:before { content: '\e800'; }
.wpdm-circle-notch:before { content: '\e801'; }
.wpdm-spinner:before { content: '\e802'; }
.wpdm-sun:before { content: '\e803'; }
.wpdm-edit:before { content: '\e804'; }
.wpdm-eye:before { content: '\e805'; }
.wpdm-share:before { content: '\e806'; }
.wpdm-trash:before { content: '\e807'; }
.wpdm-hdd:before { content: '\e808'; }
.wpdm-layer-group:before { content: '\e809'; } .wpdm-paper-plane:before { content: '\e80a'; } .wpdm-arrow-down:before { content: '\e80b'; } .wpdm-chat:before { content: '\e80c'; } .wpdm-file-arrow-down:before { content: '\e80e'; } .wpdm-pause:before { content: '\e812'; } .wpdm-play:before { content: '\e813'; } .wpdm-stop:before { content: '\e815'; } .wpdm-user:before { content: '\e817'; } .wpdm-cart-arrow-down:before { content: '\e818'; } .wpdm-credit-card:before { content: '\e819'; } .wpdm-parachute-box:before { content: '\e81a'; } .wpdm-crown:before { content: '\e81b'; } .wpdm-logout:before { content: '\e81c'; } .wpdm-user-edit:before { content: '\e81d'; } .wpdm-circle-down:before { content: '\e81e'; } .wpdm-envelope-open:before { content: '\f2b6'; }@keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}to{-moz-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);transform:rotate(0deg)}to{-ms-transform:rotate(359deg);transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}to{-o-transform:rotate(359deg);transform:rotate(359deg)}}:root{--font-size-lg:16px;--font-size-sm:12px;--border-radius-regular:3px;--border-radius-sm:2px;--padding-regular:6px 15px}.w3eden *,.w3eden ::after,.w3eden ::before{box-sizing:border-box}.w3eden html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.w3eden body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:10pt;font-weight:400;line-height:1.5;color:#212529;background-color:#fff}.w3eden [tabindex="-1"]:focus{outline:0!important}.w3eden hr{box-sizing:content-box;height:0;overflow:visible;margin-top:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.w3eden h1,.w3eden h2,.w3eden h3,.w3eden h4,.w3eden h5,.w3eden h6,.w3eden p,.w3eden td .wpdm_cart_form{margin-top:0}.w3eden hr,.w3eden p{margin-bottom:1rem}.w3eden b,.w3eden strong{font-weight:bolder}.w3eden a:not([href]):not([tabindex]),.w3eden a:not([href]):not([tabindex]):focus,.w3eden a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}.w3eden a:not([href]):not([tabindex]):focus{outline:0}.w3eden table{border-collapse:collapse}.w3eden caption{padding-top:.75rem;padding-bottom:.75rem;color:var(--clr-sec);text-align:left;caption-side:bottom}.w3eden label{display:inline-block;margin-bottom:.5rem}.w3eden button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.w3eden button,.w3eden input,.w3eden optgroup,.w3eden select,.w3eden textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}.w3eden button,.w3eden input{overflow:visible}.w3eden button,.w3eden select{text-transform:none}.w3eden select{word-wrap:normal}.w3eden [type=button],.w3eden [type=reset],.w3eden [type=submit],.w3eden button{appearance:button;-webkit-appearance:button}.c-pointer,.w3eden [type=button]:not(:disabled),.w3eden [type=reset]:not(:disabled),.w3eden [type=submit]:not(:disabled),.w3eden button:not(:disabled),.w3eden i.fa[rel=del],.w3eden i.fa[rel=undo],.w3eden label{cursor:pointer}.w3eden [type=button]::-moz-focus-inner,.w3eden [type=reset]::-moz-focus-inner,.w3eden [type=submit]::-moz-focus-inner,.w3eden button::-moz-focus-inner{padding:0;border-style:none}.w3eden input[type=checkbox],.w3eden input[type=radio]{box-sizing:border-box;padding:0}.w3eden input[type=date],.w3eden input[type=datetime-local],.w3eden input[type=month],.w3eden input[type=time]{appearance:listbox;-webkit-appearance:listbox}.w3eden textarea{overflow:auto;resize:vertical}.w3eden [type=number]::-webkit-inner-spin-button,.w3eden [type=number]::-webkit-outer-spin-button{height:auto}.w3eden [type=search]{outline-offset:-2px;appearance:none;-webkit-appearance:none}.w3eden [type=search]::-webkit-search-decoration{-webkit-appearance:none}.w3eden ::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}.w3eden summary{display:list-item}.w3eden h1,.w3eden h2,.w3eden h3,.w3eden h4,.w3eden h5,.w3eden h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.w3eden h1{font-size:2.5rem}.w3eden h2{font-size:2rem}.w3eden h3{font-size:1.75rem}.w3eden h4{font-size:1.5rem}.w3eden .lead,.w3eden h5{font-size:var(--font-size-lg)}.w3eden h6{font-size:1rem}.w3eden .lead{font-weight:300}.text-small,.w3eden small{font-size:80%;font-weight:400}.w3eden .list-inline,.w3eden .list-unstyled{padding-left:0;list-style:none}.w3eden .list-inline-item{display:inline-block}.w3eden .list-inline-item:not(:last-child){margin-right:.5rem}.w3eden .img-fluid{max-width:100%;height:auto}.w3eden mark{padding:.2em;background-color:#fcf8e3}.w3eden code{font-size:87.5%;color:#e83e8c;word-break:break-word}.w3eden a>code{color:inherit}.w3eden kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:var(--border-radius-sm)}.w3eden kbd kbd{padding:0;font-size:100%;font-weight:700}.w3eden .container,.w3eden .container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.w3eden .container{max-width:540px}}@media (min-width:768px){.w3eden .container{max-width:720px}.w3eden .visible-xs{display:none!important}}@media (min-width:992px){.w3eden .container{max-width:960px}}@media (min-width:1200px){.w3eden .container{max-width:1140px}}@media (max-width:767px){.w3eden .hidden-xs{display:none!important}.w3eden .visible-xs{display:block!important}}@media (min-width:768px) and (max-width:991px){.w3eden .hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.w3eden .hidden-md{display:none!important}}.w3eden .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.w3eden [class*=col-]{position:relative;width:100%;padding-right:15px;padding-left:15px}@media (min-width:576px){.w3eden .col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.w3eden .col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.w3eden .col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.w3eden .col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:768px){.w3eden .col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.w3eden .col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.w3eden .col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.w3eden .col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.w3eden .col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.w3eden .col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.w3eden .col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.w3eden .col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.w3eden .col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.w3eden .col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.w3eden .col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:992px){.w3eden .col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.w3eden .col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.w3eden .col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.w3eden .col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.w3eden .col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.w3eden .col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.w3eden .col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.w3eden .col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.w3eden .col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.w3eden .col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.w3eden .col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}.w3eden .table{width:100%;margin-bottom:1rem;border:0;color:#212529}.w3eden .table td,.w3eden .table th{padding:.75rem;vertical-align:middle}.w3eden .table thead th{vertical-align:bottom;border:0;border-bottom:1px solid #dee2e6}.w3eden .table tbody+tbody,.w3eden .table td,.w3eden .table th{border:0;border-top:1px solid #dee2e6}.w3eden .table-bordered,.w3eden .table-bordered td,.w3eden .table-bordered th{border:1px solid #dee2e6}.w3eden .table-bordered thead td,.w3eden .table-bordered thead th{border-bottom-width:2px}.w3eden .form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:var(--padding-regular);font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:var(--border-radius-regular);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.w3eden .form-control::-ms-expand{background-color:transparent;border:0}.w3eden .form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.w3eden .form-control::-webkit-input-placeholder{color:var(--clr-sec);opacity:1}.w3eden .form-control::-moz-placeholder{color:var(--clr-sec);opacity:1}.w3eden .form-control:-ms-input-placeholder{color:var(--clr-sec);opacity:1}.w3eden .form-control::-ms-input-placeholder{color:var(--clr-sec);opacity:1}.w3eden .form-control::placeholder{color:var(--clr-sec);opacity:1}.w3eden .form-control:disabled,.w3eden .form-control[readonly]{background-color:#e9ecef;opacity:1}.w3eden select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.w3eden .form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:var(--font-size-lg);line-height:1.5;border-radius:.3rem}.w3eden select.form-control[multiple],.w3eden select.form-control[size],.w3eden textarea.form-control{height:auto}.w3eden .form-group{margin-bottom:1rem}.w3eden .form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.w3eden .btn{display:inline-block;font-weight:600;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;padding:var(--padding-regular);font-size:10pt;line-height:1.8;border-radius:var(--border-radius-regular);transition:all ease-in-out 300ms;border:0}.w3eden .card.text-white,.w3eden .card.text-white *,.w3eden [class*="badge badge-"],.w3eden [class*="btn btn-"]{color:#fff}.w3eden .btn.focus,.w3eden .btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.w3eden .btn-primary{background-color:var(--color-primary);border-color:var(--color-primary)}.w3eden .btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:0 3px 8px 0 rgba(var(--color-primary-rgb),.4)}.w3eden .btn-primary.focus,.w3eden .btn-primary:focus{box-shadow:0 3px 8px 0 rgba(var(--color-primary-rgb),.5)}.w3eden .btn-primary.disabled,.w3eden .btn-primary:disabled{background-color:var(--color-primary)}.w3eden .btn-primary:not(:disabled):not(.disabled).active,.w3eden .btn-primary:not(:disabled):not(.disabled):active,.w3eden .show>.btn-primary.dropdown-toggle{background-color:var(--color-primary-active)}.w3eden .btn-primary:not(:disabled):not(.disabled).active:focus,.w3eden .btn-primary:not(:disabled):not(.disabled):active:focus,.w3eden .show>.btn-primary.dropdown-toggle:focus{box-shadow:0 3px 8px 0 rgba(var(--color-primary-rgb),.4)}.w3eden .btn-secondary{background-color:var(--clr-sec)}.w3eden .btn-secondary:hover{background-color:var(--clr-sec-hover)}.w3eden .btn-secondary.focus,.w3eden .btn-secondary:focus{box-shadow:0 3px 8px 0 rgba(var(--clr-sec-rgb),.4)}.w3eden .btn-secondary.disabled,.w3eden .btn-secondary:disabled{background-color:var(--clr-sec)}.w3eden .btn-secondary:not(:disabled):not(.disabled).active,.w3eden .btn-secondary:not(:disabled):not(.disabled):active,.w3eden .show>.btn-secondary.dropdown-toggle{background-color:var(--clr-sec-active)}.w3eden .btn-secondary:not(:disabled):not(.disabled).active:focus,.w3eden .btn-secondary:not(:disabled):not(.disabled):active:focus,.w3eden .show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 3px 8px 0 rgba(var(--clr-sec-rgb),.4)}.w3eden .badge-success,.w3eden .btn-success,.w3eden .btn-success.disabled,.w3eden .btn-success:disabled{background-color:var(--color-success)}.w3eden .btn-success:hover{background-color:var(--color-success-hover);box-shadow:0 3px 8px 0 rgba(var(--color-success-rgb),.4)}.w3eden .btn-success.focus,.w3eden .btn-success:focus{box-shadow:0 3px 8px 0 rgba(var(--color-success-rgb),.4)}.w3eden .btn-success:not(:disabled):not(.disabled).active,.w3eden .btn-success:not(:disabled):not(.disabled):active,.w3eden .show>.btn-success.dropdown-toggle{background-color:var(--color-success-active)}.w3eden .btn-success:not(:disabled):not(.disabled).active:focus,.w3eden .btn-success:not(:disabled):not(.disabled):active:focus,.w3eden .show>.btn-success.dropdown-toggle:focus{box-shadow:0 3px 8px 0 rgba(var(--color-success-rgb),.4)}.w3eden .btn-info{background-color:var(--color-info)}.w3eden .btn-info:hover{background-color:var(--color-info-hover);box-shadow:0 3px 8px 0 rgba(var(--color-info-rgb),.4)}.w3eden .btn-info.focus,.w3eden .btn-info:focus{box-shadow:0 3px 8px 0 rgba(var(--color-info-rgb),.4)}.w3eden .btn-info.disabled,.w3eden .btn-info:disabled{background-color:var(--color-info)}.w3eden .btn-info:not(:disabled):not(.disabled).active,.w3eden .btn-info:not(:disabled):not(.disabled):active,.w3eden .show>.btn-info.dropdown-toggle{background-color:var(--color-info-active)}.w3eden .btn-info:not(:disabled):not(.disabled).active:focus,.w3eden .btn-info:not(:disabled):not(.disabled):active:focus,.w3eden .show>.btn-info.dropdown-toggle:focus{box-shadow:0 3px 8px 0 rgba(var(--color-info-rgb),.4)}.w3eden .btn-warning{color:#212529;background-color:var(--color-warning)}.w3eden .btn-warning:hover{color:#212529;background-color:#e0a800}.w3eden .btn-warning.focus,.w3eden .btn-warning:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.w3eden .btn-warning.disabled,.w3eden .btn-warning:disabled{color:#212529;background-color:var(--color-warning)}.w3eden .btn-warning:not(:disabled):not(.disabled).active,.w3eden .btn-warning:not(:disabled):not(.disabled):active,.w3eden .show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00}.w3eden .btn-warning:not(:disabled):not(.disabled).active:focus,.w3eden .btn-warning:not(:disabled):not(.disabled):active:focus,.w3eden .show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.w3eden .btn-danger{background-color:var(--color-danger)}.w3eden .btn-danger:hover{background-color:#c82333}.w3eden .btn-danger.focus,.w3eden .btn-danger:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.w3eden .btn-danger.disabled,.w3eden .btn-danger:disabled{background-color:var(--color-danger)}.w3eden .btn-danger:not(:disabled):not(.disabled).active,.w3eden .btn-danger:not(:disabled):not(.disabled):active,.w3eden .show>.btn-danger.dropdown-toggle{background-color:#bd2130}.w3eden .btn-danger:not(:disabled):not(.disabled).active:focus,.w3eden .btn-danger:not(:disabled):not(.disabled):active:focus,.w3eden .show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.w3eden .btn-light{color:#212529;background-color:#f8f9fa}.w3eden .btn-light:hover{color:#212529;background-color:#e2e6ea}.w3eden .btn-light.focus,.w3eden .btn-light:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.w3eden .btn-light.disabled,.w3eden .btn-light:disabled{color:#212529;background-color:#f8f9fa}.w3eden .btn-light:not(:disabled):not(.disabled).active,.w3eden .btn-light:not(:disabled):not(.disabled):active,.w3eden .show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5}.w3eden .btn-light:not(:disabled):not(.disabled).active:focus,.w3eden .btn-light:not(:disabled):not(.disabled):active:focus,.w3eden .show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.w3eden .btn-link{font-weight:400;color:var(--color-primary);text-decoration:none}.w3eden .btn-link:hover{color:var(--color-primary-hover);text-decoration:underline}.w3eden .btn-link.focus,.w3eden .btn-link:focus{text-decoration:underline;box-shadow:none}.w3eden .btn-link.disabled,.w3eden .btn-link:disabled{color:var(--clr-sec);pointer-events:none}.w3eden .btn-group-lg>.btn,.w3eden .btn-lg{padding:.5rem 1rem;font-size:var(--font-size-lg);line-height:1.5;border-radius:.3rem}.w3eden .btn-group-sm>.btn,.w3eden .btn-sm{padding:.25rem .5rem;font-size:var(--font-size-sm);line-height:1.5;border-radius:var(--border-radius-sm)}.w3eden .btn-block{display:block;width:100%}.w3eden .btn-block+.btn-block{margin-top:.5rem}.w3eden input[type=button].btn-block,.w3eden input[type=reset].btn-block,.w3eden input[type=submit].btn-block{width:100%}.w3eden .fade{transition:opacity .15s linear}.w3eden .fade:not(.show){opacity:0}.w3eden .collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}.w3eden .dropdown,.w3eden .dropleft,.w3eden .dropright,.w3eden .dropup{position:relative}.w3eden .dropdown-toggle{white-space:nowrap}.w3eden .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.w3eden .dropdown-toggle:empty::after{margin-left:0}.w3eden .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:var(--border-radius-regular)}.w3eden .dropdown-menu[x-placement^=bottom],.w3eden .dropdown-menu[x-placement^=left],.w3eden .dropdown-menu[x-placement^=right],.w3eden .dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.w3eden .dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.w3eden .dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.w3eden .dropdown-item:focus,.w3eden .dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.w3eden .dropdown-item.active,.w3eden .dropdown-item:active{color:#fff;text-decoration:none;background-color:var(--color-primary)}.w3eden .dropdown-item.disabled,.w3eden .dropdown-item:disabled{color:var(--clr-sec);pointer-events:none;background-color:transparent}.w3eden .dropdown-menu.show{display:block}.w3eden .dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:var(--font-size-sm);color:var(--clr-sec);white-space:nowrap}.w3eden .dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.w3eden .input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.w3eden .input-group>.form-control{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.w3eden .input-group>.form-control:focus{z-index:3}.w3eden .input-group-append .btn{border-top-left-radius:0;border-bottom-left-radius:0;height:100%!important}.w3eden .custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.w3eden .custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;background-color:#fff;border:1px solid #ced4da;border-radius:var(--border-radius-regular);-webkit-appearance:none;-moz-appearance:none;appearance:none}.w3eden .custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.w3eden .custom-select:focus::-ms-value{color:#495057;background-color:#fff}.w3eden .custom-select[multiple],.w3eden .custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.w3eden .custom-select:disabled{color:var(--clr-sec);background-color:#e9ecef}.w3eden .nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.w3eden .nav-link,.w3eden .nav>li>a{display:block;padding:.5rem 1rem}.w3eden .nav-link:focus,.w3eden .nav-link:hover,.w3eden a.badge:focus,.w3eden a.badge:hover{text-decoration:none}.w3eden .nav-link.disabled{color:var(--clr-sec);pointer-events:none;cursor:default}.w3eden .nav-tabs{border-bottom:1px solid #dee2e6}.w3eden .nav-tabs .nav-item{margin-bottom:-1px}.w3eden .nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.w3eden .nav-tabs .nav-link:focus,.w3eden .nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.w3eden .nav-tabs .nav-link.disabled{color:var(--clr-sec);background-color:transparent;border-color:transparent}.w3eden .nav-tabs .nav-item.show .nav-link,.w3eden .nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.w3eden .tab-content>.active{display:block}.w3eden .card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid #e5e5e5;border-radius:var(--border-radius-regular)}.w3eden .card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.w3eden .card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.w3eden .card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.w3eden .card-title{margin-bottom:.75rem}.w3eden .card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid #e5e5e5}.w3eden .card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.w3eden .card-header+.list-group .list-group-item:first-child{border-top:0}.w3eden .card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid #e5e5e5}.w3eden .card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.w3eden .card-header-tabs{margin-bottom:-.75rem;border-bottom:0}.w3eden .card-header-pills,.w3eden .card-header-tabs{margin-right:-.625rem;margin-left:-.625rem}.w3eden .card-img{width:100%;border-radius:calc(.25rem - 1px)}.w3eden .card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.w3eden .accordion>.card{overflow:hidden}.w3eden .accordion>.card:not(:first-of-type) .card-header:first-child{border-radius:0}.w3eden .accordion>.card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.w3eden .accordion>.card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.w3eden .accordion>.card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.w3eden .accordion>.card .card-header{margin-bottom:-1px}.w3eden .pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:var(--border-radius-regular)}.w3eden .page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:var(--color-primary);background-color:#fff;border:1px solid #dee2e6}.w3eden .page-link:hover{z-index:2;color:var(--color-primary-hover);text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.w3eden .page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.w3eden .badge{display:inline-block;padding:.4em .8em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--border-radius-regular);background:rgba(0,0,0,.05);transition:color .15s ease-in-out,background-color .15s ease-in-out;border:0!important;align-content:center}.justify-content-between{justify-content:space-between}.w3eden .btn .badge{position:relative;top:-1px}.w3eden a.badge-success:focus,.w3eden a.badge-success:hover{background-color:#1e7e34}.w3eden a.badge-success.focus,.w3eden a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.w3eden .badge-info{background-color:var(--color-info)}.w3eden a.badge-info:focus,.w3eden a.badge-info:hover{background-color:#117a8b}.w3eden a.badge-info.focus,.w3eden a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.w3eden .badge-warning{color:#212529;background-color:var(--color-warning)}.w3eden a.badge-warning:focus,.w3eden a.badge-warning:hover{color:#212529;background-color:#d39e00}.w3eden a.badge-warning.focus,.w3eden a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.w3eden .badge-danger{background-color:var(--color-danger)}.w3eden a.badge-danger:focus,.w3eden a.badge-danger:hover{background-color:#bd2130}.w3eden a.badge-danger.focus,.w3eden a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.w3eden .alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:0;border-radius:var(--border-radius-regular);box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}.w3eden .alert-link{font-weight:700}.w3eden .alert-primary{color:#004085;background-color:#cce5ff}.w3eden .alert-success{color:var(--color-success-active);background-color:rgba(var(--color-success-rgb),.1)}.w3eden .alert-info{color:var(--color-info-active);background-color:rgba(var(--color-info-rgb),.1)}.w3eden .alert-warning{color:var(--color-warning-active);background-color:rgba(var(--color-warning-rgb),.1)}.w3eden .alert-danger{color:var(--color-danger-active);background-color:rgba(var(--color-danger-rgb),.1)}.w3eden .media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.w3eden .media-body{-ms-flex:1;flex:1}.w3eden .list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.w3eden .list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid #e5e5e5}.w3eden .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.w3eden .list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.w3eden .list-group-item.active{z-index:2;color:#fff;background-color:var(--color-primary);border-color:var(--color-primary)}.w3eden .list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.w3eden .list-group-flush .list-group-item:last-child{margin-bottom:-1px}.w3eden .list-group-flush:first-child .list-group-item:first-child{border-top:0}.w3eden .list-group-flush:last-child .list-group-item:last-child{margin-bottom:0;border-bottom:0}.w3eden .modal,.w3eden .modal-open{overflow:hidden}.w3eden .modal-open .modal{overflow-x:hidden;overflow-y:auto}.w3eden .modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;outline:0}.w3eden .modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.w3eden .modal.fade .modal-dialog{transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}.w3eden .modal.show .modal-dialog{-webkit-transform:none;transform:none}.w3eden .modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}.w3eden .modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.w3eden .modal-dialog-scrollable .modal-footer,.w3eden .modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}.w3eden .modal-dialog-scrollable .modal-body{overflow-y:auto}.w3eden .modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.w3eden .modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.w3eden .modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.w3eden .modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.w3eden .modal-dialog-centered.modal-dialog-scrollable::before{content:none}.w3eden .modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.w3eden .modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.w3eden .modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.w3eden .modal-title{margin-bottom:0;line-height:1.5}.w3eden .modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.w3eden .modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #dee2e6;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.w3eden .modal-footer>:not(:first-child){margin-left:.25rem}.w3eden .modal-footer>:not(:last-child){margin-right:.25rem}@media (min-width:576px){.w3eden .modal-dialog{max-width:500px;margin:1.75rem auto}.w3eden .modal-dialog-centered{min-height:calc(100% - 3.5rem)}.w3eden .modal-dialog-centered::before{height:calc(100vh - 3.5rem)}}.w3eden .bg-primary{background-color:var(--color-primary)!important}.w3eden .bg-secondary{background-color:var(--clr-sec)!important}.w3eden .bg-success{background-color:var(--color-success)!important}.w3eden .bg-info{background-color:var(--color-info)!important}.w3eden .bg-warning{background-color:var(--color-warning)!important}.w3eden .bg-danger{background-color:var(--color-danger)!important}.w3eden .bg-dark{background-color:#343a40!important}.w3eden .bg-white{background-color:#fff!important}.w3eden .clearfix::after{display:block;clear:both;content:""}.w3eden #categories_meta_box label,.w3eden .d-inline{display:inline!important}.w3eden .d-inline-block{display:inline-block!important}.w3eden .d-block{display:block!important}.w3eden .d-flex{display:-ms-flexbox!important;display:flex!important}.w3eden .d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}.w3eden .float-left{float:left!important}.w3eden .float-right,.w3eden .pull-right{float:right!important}.w3eden .position-relative{position:relative!important}.w3eden .position-absolute{position:absolute!important}.w3eden .fixed-bottom,.w3eden .fixed-top{position:fixed;right:0;left:0;z-index:1030}.w3eden .fixed-top{top:0}.w3eden .fixed-bottom{bottom:0}.w3eden .g-recaptcha>div>div,.w3eden .w-100{width:100%!important}.w3eden .mw-100,.w3eden video{max-width:100%!important}.w3eden .m-0{margin:0!important}.w3eden .mb-2,.w3eden .mb-3,.w3eden .mb-4{margin-bottom:15px!important}.w3eden .mr-2{margin-right:10px!important}.w3eden .p-0{padding:0!important}.w3eden .p-3{padding:15px!important}.w3eden .pt-0{padding-top:0!important}.w3eden .m-auto{margin:auto!important}.w3eden .text-left{text-align:left!important}.w3eden .text-right{text-align:right!important}.w3eden .text-center{text-align:center!important}.w3eden .card-header .role-tabs a.active i.fa-circle,.w3eden .text-white{color:#fff!important}.w3eden .text-primary{color:var(--color-primary)!important}.w3eden a.text-primary:focus,.w3eden a.text-primary:hover{color:var(--color-primary-hover)!important}.w3eden .text-secondary{color:var(--clr-sec)!important}.w3eden a.text-secondary:focus,.w3eden a.text-secondary:hover{color:var(--clr-sec-hover)!important}.w3eden .color-green,.w3eden .color-success,.w3eden .text-success{color:var(--color-success)!important}.w3eden a.text-success:focus,.w3eden a.text-success:hover{color:var(--color-success-active)!important}.w3eden .text-info{color:var(--color-info)!important}.w3eden a.text-info:focus,.w3eden a.text-info:hover{color:var(--color-info-active)!important}.w3eden .text-warning{color:var(--color-warning)!important}.w3eden a.text-warning:focus,.w3eden a.text-warning:hover{color:var(--color-warning-active)!important}.w3eden .text-danger{color:var(--color-danger)!important}.w3eden a.text-danger:focus,.w3eden a.text-danger:hover{color:var(--color-danger-active)!important}.w3eden .text-muted{color:var(--clr-sec)!important}.w3eden .visible{visibility:visible!important}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.human,.w3eden .badge:empty,.w3eden .btn .label-price:empty .wpdm-hide-right,.w3eden .btn.wpdm-email2dl label,.w3eden .collapse:not(.show),.w3eden .hide_empty:empty,.w3eden .tab-content>.tab-pane:not(.active),.w3eden .wpdm-filelist thead,.w3eden label.error.valid,.w3eden template{display:none}#wpdm-notify-top-center .wpdm-notify,.inline-block,.text-center.wpdmlogin-logo a,.w3eden .videothumbs .thumbnail{display:inline-block!important}.w3eden .btn.wpdm-category-list li,.w3eden .clear,.wpdm-clear{clear:both}.w3eden ul.wpdm-pagination{margin:0!important;padding:15px;display:inline-flex!important}.w3eden .card img,.w3eden .list-group-item img{padding:0;margin:0}.w3eden .no-radius{border-radius:0!important}.w3eden .btn.wpdm-category{border:0;border-bottom:0 solid #ccc}.w3eden .btn.wpdm-front h3.title{margin:10px 0 5px 10px;font-size:14pt}.w3eden .ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;width:100%;display:block}.w3eden #loginform{margin-top:20px}.w3eden #categories-section .cat-card li,.w3eden .btn.wpdm-category-list{list-style:none}.w3eden .download_link label{width:60px;display:block;font-size:10px}.w3eden .cat-page-tilte legend{padding-right:5px}.w3eden .wpdm-loading{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:var(--color-danger);color:#fff;padding:7px 15px;position:absolute;font-size:12px;font-weight:700;z-index:999999}.w3eden .btn.wpdm-email2dl .wcon input[type=text]{background:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:1px solid #aaa;font-size:11pt;padding:4px 10px;width:250px}.w3eden .drag-drop #drag-drop-area{border:3px dashed rgba(0,0,0,.1);height:200px}.w3eden .drag-drop-inside{text-align:center;padding:30px}.w3eden .btn.wpdm-front .inside{padding:10px}.w3eden #wpdm-login-form{position:absolute;padding:0 10px;border:1px solid #aaa;background:#eee;z-index:9999999}.w3eden .btn.wpdm-drop-box{z-index:99999;display:none;position:absolute}.w3eden .more_previews_a{display:block;margin-right:8px}.w3eden .more_previews_a:last-child{margin-right:0!important}.w3eden .wpdm_file .cont{padding:5px 10px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;font-size:9pt}.w3eden .wpdm_icon{box-shadow:none;min-width:48px;max-width:48px;width:48px}.w3eden .all-locks{padding:15px}.w3eden td.actions{width:100px}.w3eden .actions a.btn{border-radius:2px}.w3eden input.input-xs{font-size:8pt;width:150px;height:25px;border-radius:1.5px;line-height:normal;text-align:center}.w3eden .input-group-btn .btn.wpdm_submit{padding:8px 16px!important}.w3eden #wp-post_content-editor-container{border:0}.w3eden #package-content-section #insert-media-button{margin:3px 0 0}.w3eden #package-content-section .wp-editor-tools.hide-if-no-js{background:#eef2f4 0 0;border-bottom:1px solid #e5e5e5;padding:10px 10px 0}.w3eden td.mceToolbar{border-bottom:1px solid #ddd!important}.w3eden #post_content-html,.w3eden #post_content-tmce{height:27px}.w3eden .mceAction,.w3eden a.mceButton .mceIcon{font:400 15px/1 dashicons!important;text-align:left!important}.w3eden #attach-file-section .panel-body,.w3eden #package-settings-section .panel-body{padding:0!important}.w3eden #attach-file-section .tab-content .panel-body,.w3eden #package-settings-section .tab-content .panel-body{padding:15px!important}.w3eden .btn.wpdm-full-front{width:100%!important;clear:both;display:block}.w3eden #attach-file-section .nav-tabs,.w3eden #package-settings-section .nav-tabs{margin:0!important;padding-top:10px;padding-left:10px;padding-bottom:0;background:#fafafa}.w3eden #attach-file-section .nav-tabs li a,.w3eden #package-settings-section .nav-tabs li a{font-size:11px}.w3eden #attach-file-section .tab-content,.w3eden #package-settings-section .tab-content{padding:20px}.w3eden #attach-file-section #ftabs ul.jqueryFileTree li{padding-left:20px!important}.w3eden #package-settings-section td{vertical-align:middle}.w3eden .wpdm-accordion{border:0!important}.w3eden .wpdm-accordion .panel h3{font-size:10pt!important;border-radius:0;padding:7px 10px!important;border-bottom:1px solid #d1e0e4!important;font-weight:700;border:0;margin:0!important}.w3eden .wpdm-accordion h3 .wpdmlock{opacity:1!important;margin-right:10px!important}.w3eden .wpdm-accordion .panel{padding:0;overflow:hidden;border:1px solid #d1e0e4;margin-bottom:5px!important}.w3eden .wpdm-accordion .panel .panel-body{border:0;margin:0!important}.w3eden .wpdmlock+label{border:2px solid #306acb;display:inline-block;height:14px!important;margin-right:5px;margin-top:1px!important;width:14px!important}.w3eden .panel-heading>label{position:relative;margin:0}.w3eden .wpdmlock:checked+label:after{content:"";position:absolute;left:2px;top:3px;background:#306acb;width:10px!important;height:10px!important;z-index:999999}.w3eden .accordion .card,.w3eden .accordion .card-header label{margin:0!important}.w3eden #package-settings-section .wpdm-accordion .panel{margin-bottom:-2px!important;border-radius:0!important}.w3eden .btn.wpdm-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-ms-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}.w3eden #wpdm-pf .form-control:not(.form-control-lg){padding:8px 16px;font-size:14px;height:36px}.w3eden div.tooltip.in{border-radius:2px!important}.w3eden #categories-section .cat-card,.w3eden .card-body.tag-card{height:200px;overflow:hidden;padding:0 15px!important}.w3eden #categories-section .cat-card{max-height:200px}.w3eden #categories-section .cat-card:hover,.w3eden .card-body.tag-card:hover{overflow:auto}.w3eden #categories-section .cat-card>ul{margin:0!important;padding-top:10px;padding-bottom:10px}.w3eden #categories-section .cat-card ul{padding-left:20px}.w3eden #categories-section .cat-card label{font-weight:400!important}.w3eden .btn.btn-xs{border-radius:1.5px;padding:4px 8px;font-size:10px}.w3eden .btn.btn-xs.btn-icon{padding:4px;min-width:2.1rem}.w3eden .btn.wpdm- :hover{opacity:.9}.w3eden .wpdm-social-lock{text-transform:none!important}.w3eden .wpdm-social-lock .fa{margin-right:5px}.w3eden .pluginButtonIcon{left:0;margin-left:-3px;margin-right:5px;position:relative;vertical-align:top}.w3eden .btn.wpdm-btn-play,.w3eden .nav-tabs li a{outline:0!important}.w3eden button.wpdm-btn-play-lg.wpdm-btn-play{border-radius:3px;padding:0!important;text-align:center;width:56px!important;height:56px;line-height:56px;font-size:12px!important}.w3eden .sx_plugin-button-2x_favblue{background-position:0 -42px}.w3eden .nav-tabs li{margin-left:0!important}.w3eden .ptypes li{border:0!important;margin:0!important;list-style:none!important;padding:0!important}.w3eden #wpdm-files_filter{padding-right:10px;padding-top:10px}.w3eden #wpdm-files{margin-bottom:0}.w3eden #wpdm-files_info,.w3eden #wpdm-files_paginate,.w3eden video.thumbnail{padding:10px}.w3eden input.input-error{border:1px solid var(--color-danger)!important;color:var(--color-danger)!important}.w3eden label.error{color:var(--color-danger);font-weight:300!important;font-size:11px!important}.w3eden .btn.wpdm-archive-meta .wpdm-download-link{padding:5px 10px!important;margin:0!important;font-size:9pt}.w3eden .btn.wpdm-archive-meta li{border:0!important;list-style:none!important;padding-right:20px!important}.w3eden .btn.wpdm-archive-meta li:last-child{padding:0!important;max-width:100px!important;text-align:right!important}.w3eden .btn.wpdm-archive-meta .wpdm-download-link img{box-shadow:none!important;height:30px;width:auto}.w3eden .wpdm-file-entry{border:1px solid #eee;padding:10px;border-radius:3px;font-size:9pt;text-align:center}.w3eden .panel{box-shadow:none!important}.w3eden .card .card-header{font-size:10pt;font-weight:700}.w3eden .card-rec .btn-footer,.w3eden .card-rec .card-body{padding:15px!important}.w3eden .card-rec .card-body .card-title{font-weight:800}.w3eden .card-dls .table,.w3eden .card-fav .table,.w3eden .card-footer .card-title{margin:0}.w3eden .card-dls .table td,.w3eden .card-fav .table td{padding-left:10px}.w3eden .card .table,.w3eden .panel .table{border-top:0}.w3eden .card .table thead th,.w3eden .panel .table thead th{border-top:0;border-bottom-width:1px;background-color:#f5f5f5;text-align:left}.w3eden .panel img,.w3eden .wpdm-file-entry img{box-shadow:none}.w3eden .input-group input:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important}.w3eden .btn.btn-group.bootstrap-select .btn.dropdown-toggle{border-radius:3px!important}.w3eden #wpdm-featured-image{display:block;height:200px;border:2px dashed #ddd;margin:15px;background:url(//old.hrtelecoms.fr/wp-content/plugins/download-manager/assets/images/plus.svg) no-repeat center center;background-size:48px;text-indent:-999999px}.w3eden .cfile .panel-file .panel-heading .btn{position:absolute;right:9px;top:7px}.w3eden .cfile .panel-file .panel-heading{position:relative}.w3eden .btn-wd{min-width:140px}.w3eden .btn-group.select{width:100%}.w3eden .btn-group.select .btn{text-align:left}.w3eden .btn-group.select .caret{position:absolute;top:50%;margin-top:-1px;right:8px}.w3eden .btn .label{margin-left:5px}.w3eden .btn.btn-linkedin{background-color:#007ab9!important;color:#fff!important}.w3eden .wpdm-download-link .fa-download,.w3eden .wpdm-download-link .fa-icon-left{margin-right:5px}.w3eden .fa-play{margin:0!important}.w3eden #wpdm-pf .alert.alert-success:before,.w3eden .btn .filter-option{background:0 0!important}.w3eden #xfilelist input.input-sm{height:31px!important}.w3eden #xfilelist .panel-footer.footer-info{font-family:Courier,monospace;font-size:9pt;text-align:center;background:#fafafa}.w3eden #xfilelist .panel-heading{font-weight:400;font-size:8pt;padding-top:0!important;padding-bottom:0;line-height:40px;height:40px;overflow:hidden;word-break:break-all}.w3eden .wpdm-filelist td{border-left:0;border-right:0;border-top:1px solid #fff!important;border-bottom:0!important;background:rgba(0,0,0,.03)!important;vertical-align:middle!important}.w3eden .wpdm-filelist{border:0!important}.w3eden .wpdm-frontend-tabs a{color:#fff!important;border-radius:0!important;text-transform:uppercase;font-size:9pt!important;font-weight:900;border:0!important;line-height:20px!important}.w3eden .wpdm-frontend-tabs a.btn{border-left:1px solid rgba(255,255,255,.15)!important;border-right:1px solid rgba(0,0,0,.15)!important;border-bottom:1px solid rgba(0,0,0,.15)!important}.w3eden .wpdm-frontend-tabs{border-bottom:4px solid var(--color-primary)!important;border-radius:3px;background:#34495e;overflow:hidden}.w3eden .nav-tabs.wpdm-frontend-tabs a.active,.w3eden .nav-tabs.wpdm-frontend-tabs a:active,.w3eden .nav-tabs.wpdm-frontend-tabs a:focus,.w3eden .nav-tabs.wpdm-frontend-tabs li.active a{background:var(--color-primary)!important;border:0!important}.w3eden .wpdm-frontend-tabs a:hover{background:rgba(26,188,156,.69)!important}.w3eden .well{padding:15px;box-shadow:none;border:0;font-style:normal;background:#f5f5f5;border-radius:4px;margin-bottom:10px}.w3eden #wpdm-pf #title,.w3eden fieldset{border-radius:3px}.w3eden .btn.btn-addtocart .label{font-size:95%;letter-spacing:.5px;padding:3px 5px 1px!important}.w3eden .btn .label-price{background:rgba(0,0,0,.1)}.w3eden #currentfiles .panel-heading{border-top:0!important}.w3eden div.list-group.pm-list{margin-bottom:0!important}.w3eden div.list-group.pm-list .list-group-item{cursor:pointer!important}.w3eden .discount-msg{padding:6px 12px;background:#5bb283;color:#fff;margin-bottom:5px;border-radius:3px;display:block;font-weight:400;font-size:9pt;z-index:999999999}.w3eden .discount-msg .fa{margin-right:6px}.w3eden .selectpicker.btn.btn-secondary{background:0 0!important;color:#333!important;border:1px solid #d5d5d5!important}.w3eden .field-group{margin-bottom:10px}.w3eden fieldset{border:1px solid #ddd!important;padding:10px}.w3eden legend{font-weight:700;font-size:inherit;color:inherit;display:inline;float:left;padding:10px!important;border-bottom:1px solid #ddd!important}.w3eden .package-info-list{font-size:9pt;line-height:1.5;color:#888}.w3eden .package-info-list .pull-left .fa{font-size:14pt;line-height:30px;margin-right:6px;color:var(--color-info)}.w3eden .package-info-list strong{color:#333}.w3eden .package-info-list .list-group-item .wpdm-download-link{font-size:12pt;display:block;text-align:center;font-weight:900;color:var(--color-info)}.w3eden .pagination-centered{display:inline-flex;margin:0 auto}.w3eden .pagination li a,.w3eden .pagination li span{padding:0 15px;margin:2px;min-width:40px;line-height:32px;text-align:center;border-radius:3px;display:block;font-size:14px;font-weight:600;border:1px solid rgba(0,0,0,.2);background:rgba(0,0,0,.01)}.pagination li a.dot,.pagination li span{border:1px solid transparent!important}.w3eden .pagination li span{background:rgba(var(--color-primary-rgb),.1)!important;border-color:var(--color-primary)!important;color:var(--color-primary)}.pagination li a.current-page{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.w3eden .pagination li a.current,.w3eden .pagination li a.disabled{font-weight:900;border:1px solid rgba(61,115,207,.47);color:rgba(61,115,207,.47)}.w3eden .pagination li a:not(.disabled):not(.current):hover{border:1px solid var(--color-primary);text-decoration:none}.w3eden .card h3{margin:0;padding:0;font-size:14pt;font-weight:700}.w3eden #wdmdc .card{margin-bottom:20px}.media.wpdm-rec-item{border:1px solid #e8e8e8;padding:10px;border-radius:3px;background:#fbfbfb}.wpdm-rec-item img.wpdm-rec-thumb{width:48px!important;height:48px!important;border-radius:500px!important;border:1px solid #eee}.w3eden #cppo{margin-right:-2px!important;margin-top:-3px!important}.w3eden .panel-body .panel-row{margin-top:10px;margin-bottom:10px!important;display:inline-table}.w3eden #wdmds .list-group-item{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:400}.w3eden #wdmds .list-group-item.active,.w3eden #wdmds .list-group-item.active:active,.w3eden #wdmds .list-group-item.active:focus,.w3eden #wdmds .list-group-item.selected{font-weight:800}.w3eden #wdmds #logo-block{border-radius:8px;border:1px solid rgba(69,89,122,.2);margin-bottom:25px;padding:15px}.w3eden #wdmds .shop-logo{box-shadow:none;border-radius:4px;margin:0;max-width:100%;height:auto}.w3eden .mr-3{margin-right:12px!important}#wdmds h3{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--color-muted);opacity:.4;margin:20px 0 10px}.w3eden #wdmds .adp-item,.w3eden #wdmds .udb-item{font-size:13px;letter-spacing:1px;line-height:30px;margin-bottom:10px;display:block;width:100%;outline:0!important;color:#708ca3;font-family:var(--wpdm-font);padding-left:6px;text-decoration:none!important}.w3eden #wdmds .adp-item:hover,.w3eden #wdmds .udb-item:hover{color:var(--color-primary)!important;font-weight:500}.w3eden #wdmds .m-icon{display:inline-block;width:30px;line-height:28px;height:30px;text-align:center;border-radius:4px;border:1px solid #eee;-webkit-transition:all ease-in-out 400ms;-moz-transition:all ease-in-out 400ms;-ms-transition:all ease-in-out 400ms;-o-transition:all ease-in-out 400ms;transition:all ease-in-out 400ms;background:#fff}.w3eden #wdmds .selected .m-icon,.w3eden .udb-item.selected{color:var(--color-primary)!important}.w3eden #wdmds .selected .m-icon{border-color:rgba(var(--color-primary-rgb),.2);background:linear-gradient(45deg,#fff,rgba(var(--color-primary-rgb),.2))!important}.w3eden .list-group-item.active,.w3eden .list-group-item.active:focus,.w3eden .list-group-item.active:hover{z-index:2;color:#fff;background-color:var(--color-primary);border-color:var(--color-primary)!important}@media (max-width:767px){#wpdmdbsb{top:0;position:fixed;z-index:999999;width:300px;background:#fff;padding:20px;left:-350px;height:100%;overflow:auto;transition:all 300ms ease-in-out;box-shadow:0 5px 5px rgba(0,0,0,.3)}#wpdmdbsb.dbopen{left:0}#bdrp{display:none}#wpdmdbsb.dbopen+#bdrp{cursor:pointer;display:block;position:fixed;width:100%;height:100%;top:0;left:0;z-index:99999;background:rgba(0,0,0,.3)}}.w3eden.user-dashboard .card,.w3eden.user-dashboard .card .card-header{border-color:rgba(0,0,0,.1)}.w3eden #wdmdc .tab-pane .panel:last-child{margin-bottom:0}.w3eden #wdmdc .nav-tabs:not(.card-header-tabs){border-bottom:1px solid #ddd!important}.w3eden #wdmdc .nav-tabs:not(.card-header-tabs) a{border-color:#ddd #ddd transparent!important}.w3eden #wdmdc .table{border-bottom:0}.w3eden .wpdmlogin-logo{padding-bottom:30px}.w3eden .wpdmlogin-logo img{box-shadow:none!important;max-height:128px}.w3eden #wpdmlogin .input-group-prepend .fa,.w3eden #wpdmreg .input-group-prepend .fa{width:20px}.w3eden #wpdmlogin,.w3eden #wpdmreg{margin:0 auto;max-width:450px}.w3eden #checkout-login #wpdmlogin,.w3eden #checkout-login #wpdmreg{margin:0 auto;max-width:100%}.w3eden .package-info-list .panel{margin:-10px -15px;border:0}.w3eden .package-info-list .panel .panel-heading{border-radius:0}.w3eden .wpdm-social-lock{margin:0 3px!important}.w3eden .wpdm-social-lock.btn{border-radius:2px!important;margin-bottom:5px!important}.w3eden .panel.panel-package-locks{border:0;box-shadow:0 0 15px rgba(0,0,0,.15)!important;padding:20px!important}.w3eden .panel.panel-package-locks .panel-heading{padding-bottom:0!important;font-size:14pt!important;font-weight:900;background:0 0!important;border:0!important;text-transform:uppercase}.w3eden .panel-body.wpdm-social-locks.text-center>p{margin-bottom:20px;margin-top:0;padding:0}.w3eden #wp-post_content-editor-tools{padding-right:7px!important}.w3eden .wp-editor-container{border-top:1px solid #e7e6e6!important}.w3eden #package-description .wp-switch-editor{background:rgba(255,255,255,.2);font-size:8pt!important;font-weight:800;height:20px!important;letter-spacing:1px;line-height:20px!important;padding:5px 15px!important}.w3eden .html-active .switch-html,.w3eden .tmce-active .switch-tmce{border-bottom-color:#fafafa!important}.w3eden .html-active .switch-html,.w3eden .quicktags-toolbar,.w3eden .tmce-active .switch-tmce,.w3eden div.mce-toolbar-grp{background:#fafafa!important}.w3eden .ed_button.button.button-small{border-color:#e1e1e1;border-radius:2px;box-shadow:0 0 1px rgba(0,0,0,.1);padding-left:10px;padding-right:10px}.w3eden #wpdm-pf .nav.nav-tabs a{font-size:9pt!important;letter-spacing:.2px;text-transform:capitalize}.w3eden #wpdm-pf .alert.alert-success{position:fixed;z-index:999999999!important;top:50px;right:20px;max-width:300px;-webkit-transition:all .2s ease;transition:all .2s ease}.w3eden div.wpdmcard{position:relative;overflow:hidden;padding:40px;border-top:5px solid var(--color-primary);box-shadow:0 3px 15px rgba(0,0,0,.1);background:#fff;border-radius:10px;margin:0 auto 50px}.w3eden div#wpdmlogin,.w3eden div#wpdmreg{background:#fff;padding:48px;border:1px solid rgba(var(--clr-sec-rgb),.2)}.w3eden .input-wrapper label{font-size:12px;font-weight:400;opacity:.3;margin:0}.w3eden .input-wrapper{border:1px solid #ddd;border-radius:4px;padding:7px 15px;background:#fff!important;transition:all ease-in-out 400ms}.w3eden .input-wrapper.input-focused{border:1px solid var(--color-primary)}.w3eden .input-wrapper.input-error{border:1px solid var(--color-danger)!important}.w3eden .input-wrapper.input-withvalue{border:1px solid var(--color-primary-active)}.w3eden .input-wrapper .form-control{border:0!important;padding:0!important;box-shadow:none!important;background:0 0!important}.card-header.collapsed,.card-header[aria-expanded=false]{border-radius:3px;overflow:hidden;border-bottom:0}.w3eden div.wpdmcard.color-primary{border-top:5px solid var(--color-primary)!important}.w3eden div.wpdmcard.color-purple{border-top:5px solid #8557d3!important}.w3eden div.wpdmcard.color-green,.w3eden div.wpdmcard.color-success{border-top:5px solid var(--color-success)!important}.w3eden div.wpdmcard.color-danger,.w3eden div.wpdmcard.color-red{border-top:5px solid var(--color-danger)!important;box-shadow:0 -1px 20px rgba(255,50,62,.1)}.w3eden div#wpdmlogin.lostpass{border-top:5px solid var(--color-info)}.w3eden .panel-info .panel-body.lead{font-weight:900}.w3eden .panel-body.lead{margin:0}.w3eden .color-purple{color:#8557d3!important}.w3eden .color-blue,.w3eden .color-info{color:var(--color-info)!important}.w3eden .color-danger,.w3eden .color-red{color:var(--color-danger)!important}.w3eden .color-primary{color:var(--color-primary)!important}.w3eden .list-group li{margin-left:0}.w3eden .videothumbs .thumbnail{margin:0 10px 20px 0!important}.w3eden iframe#thumbnail{background:#f2f6f8;background:-moz-linear-gradient(top,#f2f6f8 0,#d8e1e7 5%,#e0eff9 100%);background:-webkit-linear-gradient(top,#f2f6f8 0,#d8e1e7 5%,#e0eff9 100%);background:linear-gradient(to bottom,#f2f6f8 0,#d8e1e7 5%,#e0eff9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=0)}.w3eden .alert.alert-progress{background:#08bdf9;color:#fff}.w3eden .btn.inddl[disabled],.w3eden .d-none,.w3eden .wpdm_hide,.w3eden [hidden],.w3eden label.error.valid{display:none!important}.w3eden .package-locks .panel+.panel{margin-top:5px}.w3eden .panel.terms-panel .panel-footer .eden-checkbox{font-weight:700!important}.w3eden .link-template-widget .media-body a{margin:0 0 6px;padding:0;line-height:normal;font-size:12pt;display:block}.w3eden .card-header .role-tabs a i.fa-circle{color:rgba(255,255,255,.5)!important}.w3eden .bold{font-weight:600!important}.w3eden .modal-title{font-weight:600;letter-spacing:1px}.w3eden .panel-purchases .panel-footer .badge{border-radius:2px;padding:5px 10px;margin-right:10px;letter-spacing:.5px}.w3eden .table.manage-packages-frontend td{vertical-align:middle}.w3eden .btn.btn-social{padding:0;width:48px;line-height:40px;border-radius:2px;margin:0 3px;height:40px}.w3eden .wpdm-custom-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff url(//old.hrtelecoms.fr/wp-content/plugins/download-manager/assets/images/sort.svg) calc(100% - 10px) center no-repeat!important;background-size:15px!important;padding-right:10px!important;cursor:pointer}input.wpdm-checkbox[type=checkbox],input.wpdm-radio[type=radio]{border:1px solid #d5dbde;background:#d5dbde;color:#555;clear:none;cursor:pointer;display:inline-block;line-height:0;height:16px;margin:-3px 4px 0 0!important;outline:0;padding:0!important;text-align:center;vertical-align:middle;width:16px;min-width:16px;appearance:none;-webkit-appearance:none;box-shadow:none;position:relative;border-radius:1.5px!important;transition:ease-in-out 300ms}input.wpdm-checkbox.wpdm-checkbox-m[type=checkbox],input.wpdm-radio.wpdm-radio-m[type=radio]{transform:scale(1.5);border-radius:1px!important;margin:7px 10px 0 5px!important}input.wpdm-checkbox[type=checkbox]:checked{border:1px solid #1484f5;background:#1484f5;box-shadow:0 0 4px rgba(20,132,245,.71)}input.wpdm-radio[type=radio]:checked{border:1px solid #35c34d;background:#35c34d;box-shadow:0 0 4px rgba(53,195,77,.71)}input.wpdm-checkbox[type=checkbox]:checked::before,input.wpdm-radio[type=radio]:checked::before{content:"";position:absolute;left:4.5px;top:1.5px;width:5px!important;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(40deg);float:left;vertical-align:middle;font:400 21px/1 dashicons;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}svg#wpdm-loading path,svg#wpdm-loading rect{fill:#ff6700!important}.w3eden .blockui{position:relative}.w3eden .blockui:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;background:rgba(255,255,255,.8) url(//old.hrtelecoms.fr/wp-content/plugins/download-manager/assets/images/loader.svg) center center no-repeat;background-size:64px;transition:ease-in-out 400ms}#wpdm-fixed-top-center{position:fixed;top:0;z-index:9999999;left:calc(50% - 200px);width:400px;border-radius:0 0 8px 8px!important;text-align:center}#wpdm-floatify-top-right,#wpdm-notify-top-right{position:fixed;top:30px;right:30px;z-index:999999999!important}#wpdm-floatify-bottom-left,#wpdm-notify-bottom-full,#wpdm-notify-bottom-left{position:fixed;bottom:30px;left:30px;z-index:999999999!important}#wpdm-notify-bottom-full{bottom:0;left:0;width:100%;text-align:center!important}#wpdm-notify-top-center{position:fixed;left:50%!important;top:40px!important;z-index:999999999}.wpdm-floatify,.wpdm-notify{margin-bottom:10px;font-size:10pt!important;letter-spacing:.5px}.wpdm-notify{padding:20px 40px!important;border-radius:0;clear:both;background:#fff;background-size:24px!important;box-shadow:0 0 15px rgba(0,0,0,.1);cursor:pointer;font-size:11pt!important}#wpdm-notify-top-center .wpdm-notify{margin-left:-50%!important}.wpdm-hide-right{position:absolute}.wpdm-notify .wpdm-notify-title{display:block;margin-bottom:5px}.wpdm-notify-info{border-bottom:3px solid var(--color-info);color:var(--color-info-active)}.wpdm-notify-error,.wpdm-notify-success{background-size:24px!important;border-bottom:3px solid var(--color-success);color:var(--color-success-active)}#wpdm-notify-bottom-full .wpdm-notify-success{background:var(--color-success-active);color:#fff;margin:0!important;border:0!important;box-shadow:none;font-size:11pt!important}.wpdm-notify-error{border-bottom:3px solid var(--color-danger);color:var(--color-danger)}#wpdm-notify-top-center .wpdm-clear:nth-child(n+2){margin-top:-65px}.wpdm-notify::before{position:absolute;content:"\f057";font-family:"Font Awesome 5 Free";z-index:999999;right:4px;top:4px;opacity:0!important}.wpdm-notify:hover::before{opacity:1!important}.fgrw{margin-bottom:10px}.fgrw .col-md-3,.fgrw .col-md-9{vertical-align:middle;line-height:36px}.file-info{font-size:9pt;line-height:1.4}.media .file-ico{width:64px}.file-info .file-title{font-size:10pt;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:40px;position:relative;width:100%}.wpdm-file-block .img-area img{height:auto;vertical-align:middle;margin:15px auto;display:inline-block}.wpdm-file-block .img-area img.file-ico{padding:20%!important}.w3eden .file-thumb.wpdm-file{padding:10%!important;max-width:100%}@media (max-width:800px){.wpdm-dir-locator{display:none}}.form-control.input-sm.inddlps{font-size:10px;border-radius:2px}.w3eden .img-48 img{max-width:48px;height:auto;padding:0;margin:0}#wdmapui{position:fixed;right:0;bottom:0;z-index:999999}#wpdm_close_player{position:absolute;margin-top:-24px;right:10px;display:none;cursor:pointer}#wdmapui:hover #wpdm_close_player{display:block}#wdmapui .wpdm-audio-control-buttons .btn{border-radius:2px}#wdmapui .progress{min-width:200px;height:38px;border-radius:2px;cursor:pointer;position:relative;background:rgba(0,0,0,.06);margin:0;padding:10px 55px}#wdmapui .progress-bar{border-radius:2px;background:#239cef linear-gradient(180deg,#5b71e8d6,#4b5dbbde);height:100%}#wdmapui #mins,#wdmapui #played{line-height:36px;position:absolute;font-size:10px}#wdmapui #mins{right:15px}#wdmapui #played{left:15px}#wdmapui .volumctrl{position:absolute;right:0;width:100px;top:-40px;padding:7px 10px 0;border:1px solid #eee;border-radius:3px;background:#fcfcfc;display:none}#wdmapui .volumctrl input{max-width:100%;margin:0}.latepoint-admin,
.latepoint-w {
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
line-height: 1.2;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
}
.latepoint-admin p,
.latepoint-w p {
line-height: 1.2;
}
.latepoint-admin .os-template-preview-content,
.latepoint-w .os-template-preview-content {
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.latepoint-admin .os-template-preview-content h1, .latepoint-admin .os-template-preview-content h2, .latepoint-admin .os-template-preview-content h3, .latepoint-admin .os-template-preview-content h4, .latepoint-admin .os-template-preview-content h5,
.latepoint-w .os-template-preview-content h1,
.latepoint-w .os-template-preview-content h2,
.latepoint-w .os-template-preview-content h3,
.latepoint-w .os-template-preview-content h4,
.latepoint-w .os-template-preview-content h5 {
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.latepoint-admin .os-template-preview-content .os-template-var,
.latepoint-w .os-template-preview-content .os-template-var {
font-family: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
}
.latepoint-admin *,
.latepoint-admin *::before,
.latepoint-admin *::after,
.latepoint-w *,
.latepoint-w *::before,
.latepoint-w *::after {
box-sizing: border-box;
}
.latepoint-admin article, .latepoint-admin aside, .latepoint-admin figcaption, .latepoint-admin figure, .latepoint-admin footer, .latepoint-admin header, .latepoint-admin hgroup, .latepoint-admin main, .latepoint-admin nav, .latepoint-admin section,
.latepoint-w article,
.latepoint-w aside,
.latepoint-w figcaption,
.latepoint-w figure,
.latepoint-w footer,
.latepoint-w header,
.latepoint-w hgroup,
.latepoint-w main,
.latepoint-w nav,
.latepoint-w section {
display: block;
}
.latepoint-admin [tabindex="-1"]:focus,
.latepoint-w [tabindex="-1"]:focus {
outline: 0 !important;
}
.latepoint-admin hr,
.latepoint-w hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
.latepoint-admin h1, .latepoint-admin h2, .latepoint-admin h3, .latepoint-admin h4, .latepoint-admin h5, .latepoint-admin h6,
.latepoint-w h1,
.latepoint-w h2,
.latepoint-w h3,
.latepoint-w h4,
.latepoint-w h5,
.latepoint-w h6 {
margin-top: 0;
}
.latepoint-admin p,
.latepoint-w p {
margin-top: 0;
}
.latepoint-admin abbr[title],
.latepoint-admin abbr[data-original-title],
.latepoint-w abbr[title],
.latepoint-w abbr[data-original-title] {
text-decoration: underline;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
}
.latepoint-admin address,
.latepoint-w address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
.latepoint-admin ol,
.latepoint-admin ul,
.latepoint-admin dl,
.latepoint-w ol,
.latepoint-w ul,
.latepoint-w dl {
margin-top: 0;
margin-bottom: 1rem;
}
.latepoint-admin ol ol,
.latepoint-admin ul ul,
.latepoint-admin ol ul,
.latepoint-admin ul ol,
.latepoint-w ol ol,
.latepoint-w ul ul,
.latepoint-w ol ul,
.latepoint-w ul ol {
margin-bottom: 0;
}
.latepoint-admin dd,
.latepoint-w dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
.latepoint-admin blockquote,
.latepoint-w blockquote {
margin: 0 0 1rem;
}
.latepoint-admin dfn,
.latepoint-w dfn {
font-style: italic;
}
.latepoint-admin b,
.latepoint-admin strong,
.latepoint-w b,
.latepoint-w strong {
font-weight: bolder;
}
.latepoint-admin small,
.latepoint-w small {
font-size: 80%;
}
.latepoint-admin sub,
.latepoint-admin sup,
.latepoint-w sub,
.latepoint-w sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
.latepoint-admin sub,
.latepoint-w sub {
bottom: -0.25em;
}
.latepoint-admin sup,
.latepoint-w sup {
top: -0.5em;
}
.latepoint-admin a:not([href]):not([tabindex]),
.latepoint-w a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
.latepoint-admin a:not([href]):not([tabindex]):focus,
.latepoint-w a:not([href]):not([tabindex]):focus {
outline: 0;
}
.latepoint-admin pre,
.latepoint-admin code,
.latepoint-admin kbd,
.latepoint-admin samp,
.latepoint-w pre,
.latepoint-w code,
.latepoint-w kbd,
.latepoint-w samp {
font-size: 1em;
}
.latepoint-admin pre,
.latepoint-w pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
}
.latepoint-admin figure,
.latepoint-w figure {
margin: 0 0 1rem;
}
.latepoint-admin img,
.latepoint-w img {
vertical-align: middle;
border-style: none;
}
.latepoint-admin svg,
.latepoint-w svg {
overflow: hidden;
vertical-align: middle;
}
.latepoint-admin table,
.latepoint-w table {
border-collapse: collapse;
}
.latepoint-admin caption,
.latepoint-w caption {
text-align: left;
caption-side: bottom;
}
.latepoint-admin th,
.latepoint-w th {
text-align: inherit;
}
.latepoint-admin label,
.latepoint-w label {
display: inline-block;
}
.latepoint-admin button,
.latepoint-w button {
border-radius: 0;
}
.latepoint-admin button:focus,
.latepoint-w button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
.latepoint-admin input,
.latepoint-admin button,
.latepoint-admin select,
.latepoint-admin optgroup,
.latepoint-admin textarea,
.latepoint-w input,
.latepoint-w button,
.latepoint-w select,
.latepoint-w optgroup,
.latepoint-w textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.latepoint-admin button,
.latepoint-admin input,
.latepoint-w button,
.latepoint-w input {
overflow: visible;
}
.latepoint-admin button,
.latepoint-admin select,
.latepoint-w button,
.latepoint-w select {
text-transform: none;
}
.latepoint-admin button,
.latepoint-admin html [type=button],
.latepoint-admin [type=reset],
.latepoint-admin [type=submit],
.latepoint-w button,
.latepoint-w html [type=button],
.latepoint-w [type=reset],
.latepoint-w [type=submit] {
-webkit-appearance: button;
}
.latepoint-admin button::-moz-focus-inner,
.latepoint-admin [type=button]::-moz-focus-inner,
.latepoint-admin [type=reset]::-moz-focus-inner,
.latepoint-admin [type=submit]::-moz-focus-inner,
.latepoint-w button::-moz-focus-inner,
.latepoint-w [type=button]::-moz-focus-inner,
.latepoint-w [type=reset]::-moz-focus-inner,
.latepoint-w [type=submit]::-moz-focus-inner {
padding: 0;
border-style: none;
}
.latepoint-admin input[type=radio],
.latepoint-admin input[type=checkbox],
.latepoint-w input[type=radio],
.latepoint-w input[type=checkbox] {
box-sizing: border-box;
padding: 0;
}
.latepoint-admin input[type=date],
.latepoint-admin input[type=time],
.latepoint-admin input[type=datetime-local],
.latepoint-admin input[type=month],
.latepoint-w input[type=date],
.latepoint-w input[type=time],
.latepoint-w input[type=datetime-local],
.latepoint-w input[type=month] {
-webkit-appearance: listbox;
}
.latepoint-admin textarea,
.latepoint-w textarea {
overflow: auto;
resize: vertical;
}
.latepoint-admin fieldset,
.latepoint-w fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
.latepoint-admin legend,
.latepoint-w legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
.latepoint-admin progress,
.latepoint-w progress {
vertical-align: baseline;
}
.latepoint-admin [type=number]::-webkit-inner-spin-button,
.latepoint-admin [type=number]::-webkit-outer-spin-button,
.latepoint-w [type=number]::-webkit-inner-spin-button,
.latepoint-w [type=number]::-webkit-outer-spin-button {
height: auto;
}
.latepoint-admin [type=search],
.latepoint-w [type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
.latepoint-admin [type=search]::-webkit-search-cancel-button,
.latepoint-admin [type=search]::-webkit-search-decoration,
.latepoint-w [type=search]::-webkit-search-cancel-button,
.latepoint-w [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
.latepoint-admin ::-webkit-file-upload-button,
.latepoint-w ::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
.latepoint-admin output,
.latepoint-w output {
display: inline-block;
}
.latepoint-admin summary,
.latepoint-w summary {
display: list-item;
cursor: pointer;
}
.latepoint-admin template,
.latepoint-w template {
display: none;
}
.latepoint-admin [hidden],
.latepoint-w [hidden] {
display: none !important;
} @keyframes statusIconPop {
0% {
transform: rotate(-90deg) scale(0.4);
opacity: 1;
}
100% {
transform: rotate(0deg) scale(1);
opacity: 1;
}
}
@font-face {
font-family: "latepointIcons";
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBnAAAAC8AAAAYGNtYXAXVtK7AAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZmFR2WIAAAF4AAAlXGhlYWQp+doaAAAm1AAAADZoaGVhCqEG3AAAJwwAAAAkaG10eN/CAAAAACcwAAAA5GxvY2HvDvf0AAAoFAAAAHRtYXhwAHMA6QAAKIgAAAAgbmFtZUA710MAACioAAABnnBvc3QAAwAAAAAqSAAAACAAAwQSAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpNAPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6TT//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAD/wAAAA8AAAgAANzkBAAAAAAEAAP/AAAADwAACAAA3OQEAAAAAAQAA/8AAAAPAAAIAADc5AQAAAAAFAAD/wAOrA8AAJAAvAGIAcQCAAAABNCYjFAYjIiY1IxQGIyImNSMUBiMiJjUjFAYjIiY1IgYdASE1BREUFjMhMjY1ESElERQGIyEiJjURNDYzNTQ2MzIWHQEzNTQ2MzIWHQEzNTQ2MzIWHQEzNTQ2MzIWHQEyFhUBNDYzITIWFRQGIyEiJjUVNDYzITIWFRQGIyEiJjUDVRkRGRISGVUZEhEZVhkREhlVGRISGREZAqr9VhkRAlYRGf1WAwBLNf2qNUtLNRkSEhlVGRIRGVYZERIZVRkSEhk1S/1VGRIBqhIZGRL+VhIZGRIBqhIZGRL+VhIZAsASGRIZGRISGRkSEhkZEhIZGRIZElVVq/6AERkZEQGAq/3VNUtLNQIrNUsrERkZESsrERkZESsrERkZESsrERkZEStLNf7VEhkZEhEZGRGqERkZERIZGRIAAAABAAD/wAbcA8AAKgAAARYUBw4BBzgBMQEOASMiJicmNDcBISImNTQ2MyEBJjQ3NjIXATgBMR4BFwbcBQUDCAX+SAsbDg4bCxYWATv6Yx4rKx4Fnf7FFhYVPRYBuAUIAwHcDR0OBgwF/kkLCwsLFT0VATorHx4rAToVPRUWFv5JBQwHAAABAAD/wAbfA8AAKgAAASEBFhQHDgEjIiYnATgBIy4BJyY0Nz4BNzIwMQE2MhcWFAcBITIWFRQGIwaW+mMBOxYWChsPDhsK/kgBBQgCBgYCCAUBAbgVPRUWFv7FBZ0eKyseAXf+xhU9FQsLCwsBtwUMBg4dDQcMBQG3FhYVPRX+xiseHysAAAAAAQAA/8ADxAPAAAUAACUBNxcBFwGA/ryIvAG8iDgBRIi8AbyIAAAAAAEAAP/AA2ADwAAFAAABBwkBFwEBYGABoP5gYAIAA8Bg/mD+YGACAAABAAD/wAMAA8AABQAABTcJAScBAqBg/mABoGD+AEBgAaABoGD+AAAAAQAA/8AEAAPAAAUAABMXCQE3AQDAAUABQMD+AAEgwAFA/sDAAgAAAAEAAP/ABAADwAAFAAATFwkBNwEAgAGAAYCA/gABIIABgP6AgAIAAAABAAD/wAQAA8AABQAAAScJAQcBBADA/sD+wMACAAJgwP7AAUDA/gAAAQAA/8AEAAPAAAUAAAEnCQEHAQQAgP6A/oCAAgACYID+gAGAgP4AAAEAAP/AA0kDwAAfAAABNjQnJiIHCQEmIgcGFBcJAQYUFxYyNwkBFjI3NjQnAQNJDAwNIw3+9P70DSMNDAwBDf7zDAwNIw0BDAEMDSMNDAz+8wLMDSMNDAz+8wENDAwNIw3+9P70DSMNDAwBDf7zDAwNIw0BDAAAAAQAAP/AA1UDwAAPAC0AOwBJAAAlMDM6ATMyMTA1PAE1NDUhARQGIyEiJjURIiY1NDY7ATQ2MzIWFTMyFhUUBiMRATQ2MzIWFREUBiMiJjUDNDYzMhYVERQGIyImNQErQkOgQ0L+VgIAMiT+ViQyERkZEdYyIyMy1hEZGRH/ABkREhkZEhEZqxkSERkZERIZa0NEtl1dM/3WJDIyJAIqGRISGSMyMiMZEhIZ/dYBqhIZGRL+1hIZGRIBKhIZGRL+1hIZGRIAAAAAAwAA/8ADqwPAACAAPQBZAAABNzYWFxYUDwEXFhQHDgEvAQcGJicmND8BJyY0Nz4BHwERIicuAScmNTQ3PgE3NjMyFx4BFxYVFAcOAQcGIzUyNz4BNzY1NCcuAScmIyIHDgEHBhUUFx4BFxYCAGoMIw0NDWpqDQ0NIwxqagwjDQ0NamoNDQ0jDGpYTk50ISIiIXROTlhYTk50ISIiIXROTlhHPj5dGxoaG10+PkdHPj5dGxoaG10+PgH8ag0BDA0jDGpqDCMNDAENamoNAQwNIwxqagwjDQwBDWr+GSIhdE5OWFhOTnQhIiIhdE5OWFhOTnQhIlYaG10+PkdHPj5dGxoaG10+PkdHPj5dGxoAAAAEAAD/wAOrA8AADQAcACIAJwAANzQ2MyEyFhUUBiMhIiYBFxYUBwEHBiY/AQE2MhcBJw8BPwEBJwcXN1UZEgMAEhkZEv0AEhkC+zwZGf5anyMkCSgBphlHGf6GPBwUUBwBHzzjPeJGEhkZEhIZGQMePRlGGf5ZKAgkI54BpxkZ/g48HFEUHQEePeI94gAAAAAGAAD/wAOrA8AAGwA4AFUAYQBtAHoAAAEUBgcVFAYjIiY9AS4BNTQ2NxE0NjMyFhURHgElFAYHERQGIyImNREuATU0Njc1NDYzMhYdAR4BFSUUBgcRFAYjIiY1ES4BNTQ2NzU0NjMyFh0BHgEVBzI2NTQmIyIGFRQWATI2NTQmIyIGFRQWATI2NTQmIyIGFRQWMwKAMCUZEhIZJTAwJRkSEhklMAErMCYZERIZJTAwJRkSERkmMP2qMCUZEhEZJjAwJhkREhklMIASGRkSERkZATwSGRkSEhkZAT0RGRkREhkZEgEVKUINMhIZGRIyDUIpKkINAYcSGRkS/nkNQtYpQg3+zhIZGRIBMg1CKSpCDYcSGRkShw1CKlYqQg3+eRIZGRIBhw1CKilCDTISGRkSMg1CKSsZEhEZGRESGf6rGRESGRkSERkBABkREhkZEhEZAAAABAAA/8ADfwPAAF4AxQDRAN0AAAEXMDY3NhYfARYGBw4BMTAWFRQGMTAWFx4BDwEOAScwJjEHMAYHDgErASImJy4BMScwBgcGJi8BJjY3PgExMDQ1PAExMCYnLgE/AT4BFx4BMTcwNjc+ATsBMhYXHgExBycuAScmIgcOAQ8CDgEPAScuASciBhceAR8BBw4BFRQWHwEHDgEHBhYzPgE/ARceAR8CHgEXFjI3PgE/Aj4BPwEXHgEXMjYnLgEvATc0NjU8AS8BNz4BNzYmIw4BDwEnLgEvAQMiJjU0NjMyFhUUBicyNjU0JiMiBhUUFgKKH2AEFioKKAsDDAM/AQE/Ag0DCygLKRVlHyICCCcWTxYmCAIiIGAEFikLKAsDDQM+PgMNAgooCykVBWEfIQIJJhZPFicIAiJHBQcaAgFBAQIaBgYSDRkLEBQVSwUDIAICMQ8OAgEBAQECDg8xAgIgAwVLFRQQCxkNEgYGGgIBQQECGgcFEw0YDBATFUwEAiEBAzEPDgMBAQMODzEDASADBEwVExAMGA0TSTVLSzU1S0s1ERkZERIZGQLeEhABAhUSRRMuEAVLCAoFDkoEES4TRRMUAhITWwQUGhoTBFwTEQECFRJFEy4QBUsICgUNSwQRLhNFExQCARETWwQUGhoTBFw+ExVIBAMDBEgVEwgGDggMBAUNATgCBDoQDxQHDgcHDgcUDxA6BAI4AQ0FBAwIDgYIExVIBAMDBEgVEwgGDggMBAUNATgCBDoQDxQHDgcHDgcUDxA6BAI4AQ0FBAwIDgYI/qBLNTVLSzU1S1UZEhIZGRISGQAAAAEAAP/AAwADwAAXAAABMzUjIgcOAQcGHQEjFTMRMxEzNyM1NDYCYKCgLikpPRESgIDAoCDAEwMAwBIRPSkpLmDA/gACAMBgDRMAAAABAAD/wAP2A8AAOgAAARUhBgcOAQcGIyInLgEnJjU0Nz4BNzYzMhYXNyYnLgEnJiMiBw4BBwYVFBceARcWMzI3PgE3NjU0JicCCgEjBRESRDY1TEE6OlYZGRkZVjo6QUtlHIshJyZWLzA0al1diykoKCmLXV1qb1tagSQjBQMCCa8dJiZEGBgZGlc7O0NDOztXGhkzHIYfGRkjCQkoKIteXWpqXV6LKCglJYVcXG0ZKRMAAAADAAD/wAOlA8AAKgBSAF4AADcXMzc+AT8CPgEXMBYXFjY3Njc2NCcmJyYnJiIHBgcOARcWFA8BBiInBxcHDgEPAg4BKwEiJjUnNDY3ASY2NzY3NjIXFhcWFxYUBwYHDgEnBwE2NCcmIgcGFBcWMqoBWRACDwk2vAYUCAcJN3QrHw8QEA8gHycoUSgnHzITHxMTYhM1E233NwgPAgoPBxUJkxEZAQkHAQwUJjsrNzdzNzcrLBYWFhUsOptLowFKExMTNRITExM1yls8CQ4CC7sGBAQDAxEbKx8nKFEoJx8fEBAQDx8zijwTNRNiExJsOAoCDwg3DwYJGRKTCRUHAQxLmzosFRYWFiwrNzdzNzcrOyYUpAHEEjUTExMSNRMTAAAEAAD/wANVA8AAFAAzADwAQAAAATQ2MzIWFRQGBxUUBiMiJj0BLgE1AzQ3PgE3NjMyFx4BFxYdATIWFREUBiMhIiY1ETQ2MzMhNTQmIyIGFQcRIREBqzIjIzIXExkSEhkTF6sUFEYuLzU1Ly5GFBQjMjIj/gAjMjIjVQFWZEdHZFUCAAErIzIyIxgnCyESGRkSIQsnGAFANS4vRRUUFBVFLy41azIj/sAkMjIkAUAjMmtGZGRGwP7AAUAAAAEAAP/AA1UDwAAOAAABISIGFRQWMyEyNjU0JiMDK/2qExcXEwJWExcXEwHVFxMUFxcUExcAAAAAAwAA/8AD1QPAABsANwBGAAABIgcOAQcGFRQXHgEXFjMyNz4BNzY1NCcuAScmAyInLgEnJjU0Nz4BNzYzMhceARcWFRQHDgEHBhMhIgYVFBYzITI2NTQmIwIAYlVWfyUkJCV/VlViYlVWfyUkJCV/VlViUEZGaB4eHh5oRkZQUEZGaB4eHh5oRkZb/qoTFxcTAVYTFxcTA4AlJIBVVmFiVVZ/JSUlJX9WVWJhVlWAJCX8qx4eaEZGUFBGRmgeHh4eaEZGUFBGRmgeHgGqFxMUFxcUExcAAAAAAwAA/8ADqwPAAA8AHwAuAAABISIGFREUFjMhMjY1ETQmAxQGIyEiJjURNDYzITIWFQMhIgYVFBYzITI2NTQmIwMr/ao2Sko2AlY2SkoMFxP9qhMXFxMCVhMXqv6qExcXEwFWExcXEwNVSTf9qzZKSjYCVTdJ/SsTGBgTAlUUFxcU/wAXExQXFxQTFwABAAD/wANVA8AAIAAAASERNCYjIgYVESEiBhUUFjMhERQWMzI2NREhMjY1NCYjAyv/ABgTExj/ABMXFxMBABgTExgBABMXFxMB1QEAFBcXFP8AFxMUF/8AExgYEwEAFxQTFwAAAwAA/8AD1QPAABsANwBYAAABIgcOAQcGFRQXHgEXFjMyNz4BNzY1NCcuAScmAyInLgEnJjU0Nz4BNzYzMhceARcWFRQHDgEHBhMjNTQmIyIGHQEjIgYVFBY7ARUUFjMyNj0BMzI2NTQmIwIAYlVWfyUkJCV/VlViYlVWfyUkJCV/VlViUEZGaB4eHh5oRkZQUEZGaB4eHh5oRkZbgBgTExiAExcXE4AYExMYgBMXFxMDgCUkgFVWYWJVVn8lJSUlf1ZVYmFWVYAkJfyrHh5oRkZQUEZGaB4eHh5oRkZQUEZGaB4eAaqAFBcXFIAXExQXgBMYGBOAFxQTFwAAAwAA/8ADqwPAAA8AHwBAAAABISIGFREUFjMhMjY1ETQmAxQGIyEiJjURNDYzITIWFQMjNTQmIyIGHQEjIgYVFBY7ARUUFjMyNj0BMzI2NTQmIwMr/ao2Sko2AlY2SkoMFxP9qhMXFxMCVhMXqoAYExMYgBMXFxOAGBMTGIATFxcTA1VJN/2rNkpKNgJVN0n9KxMYGBMCVRQXFxT/AIAUFxcUgBcTFBeAExgYE4AXFBMXAAAAAwAA/8ADgAPAABAAGwAlAAABISIGFREUFjMhMjY1ETQmIwUhESEiBgcRNDYzESImNTQ2MyEVIQNV/cA8WVk8AkAUFxcU/cACFv3qECAQJxkZJycZAhb96gOAWTz9gD1ZGBMDVRQXVf3VBwoB/Bkn/QAmGhkngAAAAwAA/8ADqwPAACIAPwBJAAABIzU0JiMiBh0BITU0JiMiBh0BIyIGFREUFjMhMjY1ETQmIwUzFRQWMzI2PQEhFRQWMzI2PQEzMhYdASE1NDYzASEiJjURIREUBgMrVhcTFBf/ABcUExdWNkpKNgJWNkpKNv2qVhcTFBcBABcUExdWExf9VhcTAlb9qhMXAqoXAysqFBcXFCoqFBcXFCpKNv2qNkpKNgJWNkpWKhQXFxQqKhQXFxQqFxOAgBMX/VYXEwGA/oATFwACAAD/qwQAA8AABgAKAAAFIREhESERAyERIQGa/mYBmgGZzQGa/mZVAzP+Zv5nBAD+ZgAAAgAA/8ADqwPAADEAYwAAASYnLgEnJicjOAExIgYHBgcOAQcGFRQWFwcGFhceATMyNj8BHgEzMjc+ATc2Nz4BPQEHOAExFAYHBgcOAQcGIyImJy4BIwc3NiYnLgE1NDc+ATc2Nz4BMzgBMTMWFx4BFxYXFQOrBR8gZkREThYwWSo1Kio6DxASEE0DBQcJDwoDBwPiJlQsOjY2XyYmGhYVVhIQFR0eSisqLyZGIAcSCqI4AwEHEBINDC8hISogSSMRPTU1URkaBAHaTEREZh8fAxQWGiYmXzY2OipWJuMMGAYHBgEDTRASDxA5KikzKV4wFhomSCMqICEtCwwSEAMBN6IKDwkgSiMuKytJHh4VEBIDGBlQNTU9FQAAAAACAAD/wAOrA8AAFwAoAAABISIGFREUFhceATMyNj8BITI2NRE0JiMTFAYjISIGDwERNDYzITIWFQMr/ao2Sg0NAwsDCg0HngHvNkpKNioXE/4ACg4GYhcTAlYTFwNVSTf9Vg0XAwMBBgeeSTcBqjdJ/dYUFwYHYgJEFBcXFAAAAAEAAP/AA7cDwABUAAABJiIHAQYHBiInJicmJyY0NzY3ATYyFxYUBwEGIicuATU0NjcBNjQnJiIHAQ4BFRQWFxYyNwE2NzY0JyYnLgEjIgYHAQYHBhQXFhceATMyNjcBNiYnA68NIg3+eCAoJ1InJyAgEBAQECABiCNtIycn/ngNIg0DBQYGAWsNDQ0iDf6WExQUEyZqIwGIIBAQEBAgHE8qKU8d/ncrFhUVFistbzo5by0BiAcCDQHzDQ3+eCAQEBAQICAnJ1InKCABiCMjJmoj/ncMDAQMCgoNBwFrDCINDQ3+lhAwGhowECYmAYkgJyhRKCcgHSMgIP53Kzc3czg3Ky0oKyoBiAolDQAEAAD/wAPVA8AAIwAnACsARgAAASMRNCYjISIGFREjIgYdARQWOwEVFBYzITI2PQEzMjY9ATQmJSEVIQEhESEXFAYrATU0JiMhIgYdASMiJj0BNDYzITIWHQEDVSoYE/4AExgqN0lJNyoYEwIAExgqN0lJ/Z8Bqv5WAar+VgGqqxcUKhgT/gATGCoUFxcUAqoUFwJVAQAUFxcU/wBJN9U2SoATGBgTgEo21TdJ1tb91gEAKxMYgBQXFxSAGBPVFBcXFNUAOQAA/8AEAAPAAAMACAAMABAAFQAZAB0AIgAmACoALgAyADYAOgA+AEIARgBKAE4AUgBWAFoAXgBiAGYAagBuAHIAdgB6AH4AggCGAIoAjgCSAJYAmgCeAKIApgCqAK4AsgC2ALoAvgDCAMYAygDOANIA1gDaAN4A4gDmAAABIREhEzERIREXMxUjJSERIRMxESERFzMVIwEhESETMREhERczFSMBMxUjOwEVIyMzFSM7ARUjIzMVIzsBFSMjMxUjFTMVIzsBFSMjMxUjOwEVIyMzFSM7ARUjIzMVIzsBFSMBMxUjJTMVIzczFSMnMxUjJTMVIzsBFSM3MxUjOwEVIzczFSM7ARUjNzMVIzsBFSM3MxUjFzMVIyUzFSM3MxUjOwEVIzczFSM3MxUjFzMVIyUzFSM3MxUjNzMVIzsBFSM3MxUjFzMVIyUzFSM7ARUjNzMVIzsBFSMjMxUjNzMVIzczFSMBQP8AAQBA/oCAgIADQP8AAQBA/oCAgID+QP8AAQBA/oCAgIABQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEABwEBA/IBAQEBAQIBAQAEAQEBAQEBAQEDAQEBAQEBAQEBAQEBAQEBAQEBAQED+gEBAQEBAQEBAgEBAQEBAQEBA/oBAQEBAQIBAQEBAQEBAQEBAQP7AQEBAQEBAQEBAQEDAQECAQECAQEADgP8AAUD+gAGAgIDA/wABQP6AAYCAgP5A/wABQP6AAYCAgAOAQEBAQEBAQEBAQEBAQEBAQAIAQEBAgEBAQEBAQIBAQIBAQIBAQIBAgEBAQIBAQEBAgECAQEBAgEBAQECAQIBAgEBAgEBAQEBAQEAAAAACAAD/wAOrA8AAJgBLAAABIgYVERQGIyEiJjURNDYzITI2NTQmIyEiBhURFBYzITI2NRE0JiMTLgEnLgEjISIGFRQWOwEBBhQXHgEzMjY3ARUUFjMyNjURNCYnAwATGBcT/ioTFxcTAQAUFxcU/wA2Sko2AdY2ShgTpgMMBgMLA/8AExgYE5r+cw0NBg4KCQ4HAYwYExMYAQQBqxgT/wATGBgTAdUUFxcUExdJN/4rNkpKNgEAExgBkQYMAwMBFxMUF/5zDSINBgYGBgGNmRQXFxQBAAMLAwAGAAD/wAOAA8AAGQAcAC8APgBNAFwAAAEuAScBLgEjLgEjISIGFREUFjMhMjY1ETQmJxcjEyEiJjURNDYzIRUUFjsBERQGIwMhIgYVFBYzITI2NTQmIxUhIgYVFBYzITI2NTQmIwEzMjY1NCYrASIGFRQWMwN8AwMD/wADBgQDCgT+qzZKSjYCADZKAf9vb4D+ABMYGBMBKxcT1hgTVf6qExcXEwFWExcXE/6qExcXEwFWExcXE/6qVhMXFxNWExcXEwJmBAYDAQADBgMBSjb9VTZKSjYCAAQKjG/9qxcTAqsTGNYTF/4qExcBgBgTExgYExMYqxcUExcXExQXAQAXFBMXFxMUFwAGAAD/wAOrA8AADgAdACsAQQBXAG0AAAEhMjY1NCYjISIGFRQWMwUhIgYVFBYzITI2NTQmIxEhIgYVFBYzITI2NTQmAQ4BFRQWFx4BMzI2Nz4BNTQmJyYiBxEOARUUFhceATMyNjc+ATU0JicmIgcRDgEVFBYXHgEzMjY3PgE1NCYnJiIHAVUCKxMYGBP91RMXFxMCK/3VExcXEwIrExgYE/3VExcXEwIrExgY/M8GBwcGBw0KCg0HBgcHBg0iDQYHBwYHDQoKDQcGBwcGDSINBgcHBgcNCgoNBwYHBwYNIg0CgBcUExcXExQXqxcTFBcXFBMX/wAXExQXFxQTFwH0Bw4JCg4GBwYGBwYOCgkOBwwM/wAHDgkKDgYHBgYHBg4KCQ4HDAz/AAcOCQoOBgcGBgcGDgoJDgcMDAAAAwAA/8ADqwPAAA4AHAAqAAABISIGFRQWMyEyNjU0JiMlITI2NTQmIyEiBhUUFgEhIgYVFBYzITI2NTQmA4D9ABMYGBMDABMYGBP9AAMAExgYE/0AExgYAxP9ABMYGBMDABMYGAHVFxMUFxcUExerFxQTFxcTFBf+VRcTFBcXFBMXAAAABAAA/8AEAAPAAAwAGAA8AEcAACUUBiMiJjU0NjMyFhUhFAYjIiY1NDYzMhYTLgEjIScuASsBIgYVFBY7ARcwFDETHgEzMDIzITI2NxM0JicDDgEjISImJwMhAwHVMiMjMjIjIzIB1jIkIzIyIyQyTAYSCv1NIgMYEKoUFxcUiCJJCUYtAQMBnjBGCkQCB5EDFxD+YhAYA0ACbzwrJDIyJCMyMiMkMjIkIzIyAnYKB7QQEhgTExizBP6eLTo6LQFmChIG/okQEhIQATP+zQAAAAEAAP/AAw0DwAAMAAABBycHJzcnNxc3FwcXAw1as7NasrJas7NasrIBDVqyslqzs1qyslqzswAAAQAA/8ADcwPAABYAAAEmIgcBJyYiBwYUHwEeATMyNjcBNjQnA3MNIg3+SbcNIg0NDdUHDQoKDQcB1Q0NAskMDP5IuAwMDSIN1gYGBgYB1g0iDQAABgAA/8AEAAPAAA4AHQArAEMAWwByAAATMjY1ETQmIyIGFREUFjMhIgYVERQWMzI2NRE0JiMFMjY1ETQmIyIGFREUFikBIgYVFBY7AREUFjMyNjURMzI2NTQmIwEjNTQmIyIGHQEjIgYVFBYzITI2NTQmIwEhIgYVFBY7ARUUFjMyNj0BMzI2NTQmqxMXFxMUFxcUAVUTGBgTExgYEwFVFBcXFBMXF/3p/wAUFxcUVRcUExdWExcXEwFVVRgTExhVExgYEwEAExgYEwFV/wATFxcTVhcTFBdVFBcXAdUYEwErExcXE/7VExgXE/6AFBcXFAGAExdVFxQBgBMXFxP+gBQXFxQTF/8AFBcXFAEAFxMUFwEAqxMXFxOrFxQTFxcTFBf+qxgTExiqFBcXFKoYExMYAAAEAAD/wAPVA8AAGQAeADUATAAAEwUeATMyNjclPgE1NCYnJSYiBwUOARUUFhclDQEtAQEFJSYGBwYWFwUeATMyNjclPgEnLgEHNQUlJgYHBhYXBR4BMzI2NyU+AScuAQdEAasDCAYGCAMBqw0MDA3+VQoTCf5VCgsMDQG8AU3+s/6zAU0Bmv5m/mYQIQYGCg0BqwYJBgYIAwGrEAoJByAM/mb+ZhAhBgYKDQGrBgkGBggDAasQCgkHIAwCWtYDAQED1gYTDQ0TBtYDA9YGEw0NEwbMpqampv3Wzc0GCwwNJAfVBwIBBNUGIRAQDAbVzc0GCg0QIQbWBgIBA9UHIRAQCwYAAAUAAP+3A9UDwAAdACcAKwAzADoAAAElOAExJiIHBQ4BFREUFhcFHgEzMjY3JT4BNRE0JiU+ATMyFhcFByUTJTcFAS4BNREFESUhBRElERQGA43+qhk9Hf6rICQlIwFWDB4NEBsMAVYgKCX+PwMLAwYIAwE8eP60d/6zeAFM/h4JDAFV/sAC0f7FAVUNAuarDQ2rEDsk/msjQBCrBgcHBqsQPSYBlSQ7cwMBAQOePKb+76c7pv53BxYKAYiq/l6dnQGiqv54DRMABAAA/8ADqwPAACQAKQAzAFQAAAEwJiMwJiMnLgEjISIGDwEwBiMwBiMcARURFBYzITI2NRE0JiclIRchNwEhIiY1ESERFAYDIgYVFAYjIiY1NCYjIgYVFBceARcWMzI3PgE3NjU0JiMDpgEDAQOAAxEK/gAKEgaAAQMBBEo2AlY2SgEE/W8B1kD9qkACFv2qExcCqheTFBdKNjZKFxQTFxAROScnLS0nJzkREBcTArwEBKsKBwcKqwQEBwcD/ao2Sko2AlYDBwdvVlb9ABcTAiv91RMXAgAYEzZKSjYTGBgTLScnOREQEBE5JyctExgAAwAA/8ADqwPAACIALQA4AAABIzU0JisBIgYdASMiBhUUFjsBERQWMyEyNjURMzI2NTQmIyU0NjsBMhYdASE1ARQGIyEiJjURIREDgKtJN6o3SasTGBgTK0k3Aao3SSsTGBgT/gAXFKoUF/8AAYAXFP5WFBcCAALVKzZKSjYrFxMUF/3VNkpKNgIrFxQTFysTGBgTKyv9VRMXFxMCK/3VAAUAAP/AA6sDwAAiAC0AOABHAFYAAAEjNTQmKwEiBh0BIyIGFRQWOwERFBYzITI2NREzMjY1NCYjJTQ2OwEyFh0BITUBFAYjISImNREhEQEiBhURFBYzMjY1ETQmIzMiBhURFBYzMjY1ETQmIwOAq0k3qjdJqxMYGBMrSTcBqjdJKxMYGBP+ABcUqhQX/wABgBcU/lYUFwIA/qsUFxcUExcXE6oTFxcTFBcXFALVKzZKSjYrFxMUF/3VNkpKNgIrFxQTFysTGBgTKyv9VRMXFxMCK/3VAasXFP8AExcXEwEAFBcXFP8AExcXEwEAFBcAAAEAAP/AA1UDwAAkAAABITc2NCcmIgcBDgEVBhQXHgEXAR4BMzI2NzY0LwEhMjY1NCYjAyv+EeINDQ0iDf7VAwUDAwMCAwErBxEGBhEHDQ3iAe8TFxcTAdXiDSINDQ3+1gQGAwcSCQQGA/7VBgcHBg0iDeIXFBMXAAEAAP/AA1EDwAAkAAABNjQnLgEnASYiBwYUHwEhIgYVFBYzIQcGFBceATMyNjcBPgE1A1EDAwMCA/7VDSINDQ3i/hETFxcTAe/iDQ0HEQYGEQcBKwMFAZoGEgoDBgQBKg0NDSIN4hcTFBfiDSINBgcHBgErAwYEAAEAAP/AAp4DwAAWAAABNzY0JyYiBwEGFBcBHgEzMjY3NjQvAQG84g0NDSIN/wANDQEABxEGBhEHDQ3iAaviDSINDAz/AA0iDf8ABwYGBw0iDeIAAAEAAP/AAp4DwAAWAAAJASYiBwYUHwEHBhQXHgEzMjY3ATY0JwKe/wANIg0NDeLiDQ0HDQoKDQcBAA0NAckBAAwMDSIN4uINIg0HBgYHAQANIg0AAAMAAP/ABAADwAAPABoAJQAAASEiBhURFBYzITI2NRE0JgUhMhYdASE1NDYzASEiJjURIREUBiMDgP0ANkpKNgMANkpK/MoDABMY/KoYEwMA/QATGANWGBMDK0o2/gA3SUk3AgA2SlYXE4CAExf9qxcUASr+1hQXAAMAAP/AA6sDwAAUABoAKAAANzMyNjcBNjQvASYiBwEOAR0BFBYzNwEXASM1ASEiBhUUFjMhMjY1NCaAqwkOBwHVDQ2rDSIN/isGBxgTKwGqb/5WbwLV/QATGBgTAwATGBirBgYB1g0iDaoNDf4rBw0KqxMXxAGrb/5Vb/68GBMTGBgTExgAAAABAAAAAQAApoQrQV8PPPUACwQAAAAAAOH9ytkAAAAA4f3K2QAA/6sG3wPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAbiAAAAAAbfAAEAAAAAAAAAAAAAAAAAAAA5BAAAAAAAAAAAAAAAAgAAAAQAAAAG4gAABuAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAAAAAAAAAKABQAHgDGAQgBTAFgAXQBiAGcAbABxAHYAhQCeAMAA0gD8gUmBUwFpgY2BpQGsAccB2IHlAgSCGwIqAkMCSYJtAn0CnoK3AwkDJANFA2yDfQOXA54DqIPPA++ECIQmhDqEWIRnhHaEgQSLhJqEq4AAQAAADkA5wA5AAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAkAAAABAAAAAAACAAcAcgABAAAAAAADAAkAPAABAAAAAAAEAAkAhwABAAAAAAAFAAsAGwABAAAAAAAGAAkAVwABAAAAAAAKABoAogADAAEECQABABIACQADAAEECQACAA4AeQADAAEECQADABIARQADAAEECQAEABIAkAADAAEECQAFABYAJgADAAEECQAGABIAYAADAAEECQAKADQAvGxhdGVwb2ludABsAGEAdABlAHAAbwBpAG4AdFZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGxhdGVwb2ludABsAGEAdABlAHAAbwBpAG4AdGxhdGVwb2ludABsAGEAdABlAHAAbwBpAG4AdFJlZ3VsYXIAUgBlAGcAdQBsAGEAcmxhdGVwb2ludABsAGEAdABlAHAAbwBpAG4AdEZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^=latepoint-icon-], [class*=" latepoint-icon-"] { font-family: "latepointIcons" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.latepoint-icon-qrcode:before {
content: "\e921";
}
.latepoint-icon-cross:before {
content: "\e927";
}
.latepoint-icon-google:before {
content: "\e911";
}
.latepoint-icon-facebook:before {
content: "\e910";
}
.latepoint-icon-brand:before {
content: "\e910";
}
.latepoint-icon-social:before {
content: "\e910";
}
.latepoint-icon-arrow-up:before {
content: "\e906";
}
.latepoint-icon-arrow-up2:before {
content: "\e907";
}
.latepoint-icon-arrow-down:before {
content: "\e908";
}
.latepoint-icon-arrow-down2:before {
content: "\e909";
}
.latepoint-icon-arrow-right:before {
content: "\e904";
}
.latepoint-icon-arrow-left:before {
content: "\e905";
}
.latepoint-icon-lp-logo:before {
content: "\e91c";
}
.latepoint-icon-arrow-left1:before {
content: "\e92f";
}
.latepoint-icon-arrow-right1:before {
content: "\e930";
}
.latepoint-icon-book:before {
content: "\e91a";
}
.latepoint-icon-calendar:before {
content: "\e91b";
}
.latepoint-icon-check:before {
content: "\e928";
}
.latepoint-icon-chevron-left:before {
content: "\e931";
}
.latepoint-icon-chevron-right:before {
content: "\e932";
}
.latepoint-icon-credit-card:before {
content: "\e933";
}
.latepoint-icon-edit-3:before {
content: "\e934";
}
.latepoint-icon-external-link:before {
content: "\e922";
}
.latepoint-icon-file-text:before {
content: "\e923";
}
.latepoint-icon-layers:before {
content: "\e92a";
}
.latepoint-icon-list:before {
content: "\e924";
}
.latepoint-icon-menu:before {
content: "\e925";
}
.latepoint-icon-message-circle:before {
content: "\e91d";
}
.latepoint-icon-message-square:before {
content: "\e91e";
}
.latepoint-icon-minus:before {
content: "\e914";
}
.latepoint-icon-minus-circle:before {
content: "\e915";
}
.latepoint-icon-minus-square:before {
content: "\e916";
}
.latepoint-icon-package:before {
content: "\e92b";
}
.latepoint-icon-paperclip:before {
content: "\e91f";
}
.latepoint-icon-plus:before {
content: "\e917";
}
.latepoint-icon-plus-circle:before {
content: "\e918";
}
.latepoint-icon-plus-square:before {
content: "\e919";
}
.latepoint-icon-printer:before {
content: "\e920";
}
.latepoint-icon-shopping-bag:before {
content: "\e92c";
}
.latepoint-icon-shopping-cart:before {
content: "\e926";
}
.latepoint-icon-sliders:before {
content: "\e929";
}
.latepoint-icon-trash:before {
content: "\e92d";
}
.latepoint-icon-trash-2:before {
content: "\e92e";
}
.latepoint-icon-clothes-21:before {
content: "\e912";
}
.latepoint-icon-ui-09:before {
content: "\e913";
}
.latepoint-icon-ui-15:before {
content: "\e90b";
}
.latepoint-icon-ui-24:before {
content: "\e90c";
}
.latepoint-icon-ui-50:before {
content: "\e90d";
}
.latepoint-icon-ui-47:before {
content: "\e90e";
}
.latepoint-icon-ui-46:before {
content: "\e90f";
}
.latepoint-icon-common-01:before {
content: "\e90a";
}
.latepoint-icon-checkmark:before {
content: "\e903";
}
.latepoint-icon-arrow-2-right:before {
content: "\e901";
}
.latepoint-icon-arrow-2-left:before {
content: "\e902";
}
.latepoint-icon-ui-83:before {
content: "\e900";
} @font-face {
font-family: "latepoint";
src: url(//old.hrtelecoms.fr/wp-content/plugins/latepoint/public/fonts/latepoint-regular.woff2) format("woff2");
font-weight: 400;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "latepoint";
src: url(//old.hrtelecoms.fr/wp-content/plugins/latepoint/public/fonts/latepoint-semibold.woff2) format("woff2");
font-weight: 600;
font-style: normal;
font-display: block;
}
.latepoint-w {
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 400;
font-size: 15px;
}
.latepoint-w h1, .latepoint-w h2, .latepoint-w h3, .latepoint-w h4, .latepoint-w h5, .latepoint-w h6 {
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 600;
}
.latepoint-w .latepoint-section-heading-w {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
margin-bottom: 20px;
padding: 10px 0px;
margin-top: 20px;
}
.latepoint-w .latepoint-section-heading-w .latepoint-section-heading {
margin: 0px;
padding: 0px;
}
.latepoint-w .latepoint-section-heading-w .heading-extra {
font-weight: 600;
color: #7c85a3;
}
.latepoint-tab-content {
display: none;
}
.latepoint-tab-content.active {
display: block;
}
.order-payments-form-wrapper .total-order-payments-info {
margin-bottom: 30px;
}
.order-payments-form-wrapper .total-order-payments-info .topi-amount {
font-size: 46px;
font-weight: 600;
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
color: #14161d;
}
.order-payments-form-wrapper .total-order-payments-info .topi-sub-info {
color: #7c85a3;
}
.order-payments-form-wrapper .total-order-payments-info .topi-sub-info a {
display: inline-flex;
margin-left: 5px;
text-decoration: none;
align-items: baseline;
gap: 5px;
}
.order-payments-form-wrapper .total-order-payments-info .topi-sub-info a span {
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.order-payments-form-wrapper .topi-heading {
display: flex;
align-items: center;
gap: 10px;
font-size: 20px;
font-weight: 600;
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
color: #14161d;
line-height: 1.1;
margin-bottom: 15px;
}
.order-payments-form-wrapper .topi-heading .topih-line {
height: 10px;
background-color: #eee;
flex: 1;
}
.order-payments-form-wrapper .topi-transaction {
padding: 15px;
border: 1px solid #eee;
border-bottom-color: #aaa;
position: relative;
}
.order-payments-form-wrapper .topi-transaction + .topi-transaction {
margin-top: 15px;
}
.order-payments-form-wrapper .topi-transaction .topit-amount {
font-size: 17px;
font-weight: 600;
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
color: #14161d;
}
.order-payments-form-wrapper .topi-transaction .topit-sub-info {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 13px;
color: #7c85a3;
}
.order-payments-form-wrapper .topi-transaction .topit-transaction-status {
position: absolute;
top: 0px;
right: 0;
padding: 2px;
background-color: #eee;
font-size: 11px;
}
.order-payments-form-wrapper .topi-transaction .topit-receipt-link {
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 13px;
color: var(--latepoint-brand-primary);
text-decoration: none;
margin-top: 5px;
}
.order-payments-form-wrapper .topi-transaction .topit-receipt-link span {
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.order-payments-form-wrapper .topi-transaction .topit-receipt-link i {
font-size: 11px;
}
.order-summary-items-heading {
display: flex;
align-items: center;
gap: 10px;
font-size: 15px;
font-weight: 600;
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
color: #7c85a3;
line-height: 1.1;
}
.order-summary-items-heading .osih-line {
height: 10px;
background-color: rgba(0, 0, 0, 0.03);
flex: 1;
}
.latepoint-btn {
padding: 9px 14px;
background-color: var(--latepoint-brand-primary);
color: #fff;
border-radius: 0px;
text-decoration: none !important;
font-weight: 600;
display: inline-block;
box-shadow: none;
border: none;
line-height: 1.2;
cursor: pointer;
}
.latepoint-btn:hover, .latepoint-btn:focus {
outline: none;
color: #fff !important;
background-color: color-mix(in srgb, var(--latepoint-brand-primary), #000 10%);
box-shadow: none;
}
.latepoint-btn.latepoint-btn-sm {
padding: 6px 8px;
font-size: 15px;
}
.latepoint-btn.latepoint-btn-danger {
background-color: #FB7F7F;
color: #fff;
}
.latepoint-btn.latepoint-btn-danger.latepoint-btn-link {
background-color: transparent;
border-color: transparent;
}
.latepoint-btn.latepoint-btn-danger.latepoint-btn-link span, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link i {
color: #d83838;
}
.latepoint-btn.latepoint-btn-danger.latepoint-btn-link span {
border-bottom: 1px solid #d83838;
}
.latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading:hover, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading:focus {
color: transparent !important;
background-color: transparent;
}
.latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading:after, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading:hover:after, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link.os-loading:focus:after {
border-bottom: 2px solid #d83838;
border-left: 2px solid #d83838;
border-top: 2px solid #d83838;
}
.latepoint-btn.latepoint-btn-danger.latepoint-btn-link:hover:not(.os-loading), .latepoint-btn.latepoint-btn-danger.latepoint-btn-link:focus:not(.os-loading) {
color: #d83838 !important;
background-color: transparent;
}
.latepoint-btn.latepoint-btn-danger.latepoint-btn-link:hover:not(.os-loading) span, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link:hover:not(.os-loading) i, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link:focus:not(.os-loading) span, .latepoint-btn.latepoint-btn-danger.latepoint-btn-link:focus:not(.os-loading) i {
color: #d83838 !important;
}
.latepoint-btn.latepoint-btn-danger:focus, .latepoint-btn.latepoint-btn-danger:active {
color: #fff;
background-color: #FB7F7F;
}
.latepoint-btn.latepoint-btn-danger:hover {
background-color: #f94e4e;
}
.latepoint-btn.latepoint-btn-primary {
background-color: var(--latepoint-brand-primary);
color: #fff;
}
.latepoint-btn.latepoint-btn-primary span {
color: #fff;
}
.latepoint-btn.latepoint-btn-primary i {
color: #fff;
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline {
background-color: transparent;
color: var(--latepoint-brand-primary);
border: 1px solid var(--latepoint-brand-primary);
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline:hover, .latepoint-btn.latepoint-btn-primary.latepoint-btn-outline:focus {
border-color: color-mix(in srgb, var(--latepoint-brand-primary), #000 10%);
color: var(--latepoint-brand-primary);
background-color: transparent;
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline.latepoint-btn-primary.os-loading:after {
border-bottom-color: var(--latepoint-brand-primary);
border-left-color: var(--latepoint-brand-primary);
border-top-color: var(--latepoint-brand-primary);
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-outline span, .latepoint-btn.latepoint-btn-primary.latepoint-btn-outline i {
color: var(--latepoint-brand-primary);
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link {
background-color: transparent;
color: var(--latepoint-brand-primary);
border-color: transparent;
padding-left: 0px;
padding-right: 0px;
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link span, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link i {
color: var(--latepoint-brand-primary);
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link span {
border-bottom: 1px solid var(--latepoint-brand-primary);
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading:hover, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading:focus {
color: transparent !important;
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading:after, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading:hover:after, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link.os-loading:focus:after {
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover:not(.os-loading), .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:focus:not(.os-loading) {
color: var(--latepoint-brand-primary) !important;
}
.latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover:not(.os-loading) span, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:hover:not(.os-loading) i, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:focus:not(.os-loading) span, .latepoint-btn.latepoint-btn-primary.latepoint-btn-link:focus:not(.os-loading) i {
color: var(--latepoint-brand-primary) !important;
}
.latepoint-btn.latepoint-btn-grey {
background-color: #eee;
color: #111 !important;
}
.latepoint-btn.latepoint-btn-white {
background-color: #fff;
color: #111 !important;
}
.latepoint-btn.latepoint-btn-white.latepoint-btn-link {
background-color: transparent;
color: #fff;
border-color: transparent;
padding-left: 0px;
padding-right: 0px;
}
.latepoint-btn.latepoint-btn-white.latepoint-btn-link span, .latepoint-btn.latepoint-btn-white.latepoint-btn-link i {
color: #fff;
}
.latepoint-btn.latepoint-btn-white.latepoint-btn-link span {
border-bottom: 1px solid #fff;
}
.latepoint-btn.latepoint-btn-white.latepoint-btn-link.os-loading, .latepoint-btn.latepoint-btn-white.latepoint-btn-link.os-loading:hover, .latepoint-btn.latepoint-btn-white.latepoint-btn-link.os-loading:focus {
color: transparent !important;
}
.latepoint-btn.latepoint-btn-white.latepoint-btn-link.os-loading:after, .latepoint-btn.latepoint-btn-white.latepoint-btn-link.os-loading:hover:after, .latepoint-btn.latepoint-btn-white.latepoint-btn-link.os-loading:focus:after {
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
border-top: 2px solid #fff;
}
.latepoint-btn.latepoint-btn-white.latepoint-btn-link:hover:not(.os-loading), .latepoint-btn.latepoint-btn-white.latepoint-btn-link:focus:not(.os-loading) {
color: #fff !important;
}
.latepoint-btn.latepoint-btn-white.latepoint-btn-link:hover:not(.os-loading) span, .latepoint-btn.latepoint-btn-white.latepoint-btn-link:hover:not(.os-loading) i, .latepoint-btn.latepoint-btn-white.latepoint-btn-link:focus:not(.os-loading) span, .latepoint-btn.latepoint-btn-white.latepoint-btn-link:focus:not(.os-loading) i {
color: #fff !important;
}
.latepoint-btn.latepoint-btn-block {
display: block;
text-align: center;
flex: 1;
}
.latepoint-btn.os-loading {
color: transparent !important;
position: relative;
}
.latepoint-btn.os-loading span, .latepoint-btn.os-loading i {
color: transparent !important;
border-bottom-color: transparent !important;
}
.latepoint-btn.os-loading:focus {
color: transparent !important;
}
.latepoint-btn.os-loading:focus span, .latepoint-btn.os-loading:focus i {
color: transparent !important;
border-bottom-color: transparent !important;
}
.latepoint-btn.os-loading:after {
display: block;
content: "";
width: 14px !important;
height: 14px !important;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
border-top: 2px solid #fff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.latepoint-btn.os-loading.latepoint-btn-white:after, .latepoint-btn.os-loading.latepoint-btn-secondary:after {
border-bottom: 2px solid var(--latepoint-body-color);
border-left: 2px solid var(--latepoint-body-color);
border-top: 2px solid var(--latepoint-body-color);
border-right: 2px solid rgba(0, 0, 0, 0);
}
.latepoint-btn.latepoint-btn-secondary {
background-color: #EDEFF6;
color: #252C39;
}
.latepoint-btn.latepoint-btn-secondary.latepoint-btn-link {
border-color: 2px solid #111;
}
.latepoint-btn.latepoint-btn-secondary:hover, .latepoint-btn.latepoint-btn-secondary:focus {
outline: none;
color: #252C39 !important;
background-color: #cbd1e5;
box-shadow: none;
}
.latepoint-btn span {
display: inline-block;
vertical-align: middle;
line-height: 1.5;
}
.latepoint-btn i {
display: inline-block;
vertical-align: middle;
}
.latepoint-btn i + span {
margin-left: 6px;
}
.latepoint-btn span + i {
margin-left: 6px;
}
.latepoint-book-button-wrapper.latepoint-book-button-align-center {
text-align: center;
}
.latepoint-book-button-wrapper.latepoint-book-button-align-right {
text-align: right;
}
.latepoint-book-button-wrapper.latepoint-book-button-align-left {
text-align: left;
}
.latepoint-book-button-wrapper.latepoint-book-button-align-justify {
text-align: center;
}
.latepoint-book-button-wrapper.latepoint-book-button-align-justify .latepoint-book-button {
display: block;
}
.latepoint-book-button {
line-height: 1em;
cursor: pointer;
transition: initial;
}
.latepoint-book-button.os-loading {
transition: all 0.2s linear;
color: transparent !important;
position: relative;
}
.latepoint-book-button.os-loading:after {
display: block;
content: "";
width: 14px !important;
height: 14px !important;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
border-top: 2px solid #fff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.latepoint-w .os-form-w {
background-color: #fff;
padding: 30px;
margin: 20px 0px;
}
.latepoint-w .os-form-group {
margin-bottom: 15px !important;
position: relative;
}
.latepoint-w .os-form-group.os-form-select-group .os-form-control,
.latepoint-w .os-form-group.os-form-select-group input.os-form-control, .latepoint-w .os-form-group.os-form-textfield-group .os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control {
position: relative !important;
display: block !important;
box-shadow: none !important;
border: 1px solid #cad2e0 !important;
padding: 12px 10px 12px 10px !important;
border-radius: 0px !important;
background-color: #fff !important;
width: 100%;
color: #32373c;
line-height: 1.2;
font-size: 15px !important;
font-weight: 400 !important;
transition: all 0.2s ease;
height: auto;
margin: 0px;
}
.latepoint-w .os-form-group.os-form-select-group .os-form-control:focus,
.latepoint-w .os-form-group.os-form-select-group input.os-form-control:focus, .latepoint-w .os-form-group.os-form-textfield-group .os-form-control:focus,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control:focus {
background-color: #fff !important;
border-color: #5779ef !important;
outline: none;
box-shadow: none;
}
.latepoint-w .os-form-group.os-form-select-group textarea,
.latepoint-w .os-form-group.os-form-select-group input[type=number],
.latepoint-w .os-form-group.os-form-select-group input[type=email],
.latepoint-w .os-form-group.os-form-select-group input[type=password],
.latepoint-w .os-form-group.os-form-select-group input[type=text],
.latepoint-w .os-form-group.os-form-select-group input[type=tel], .latepoint-w .os-form-group.os-form-textfield-group textarea,
.latepoint-w .os-form-group.os-form-textfield-group input[type=number],
.latepoint-w .os-form-group.os-form-textfield-group input[type=email],
.latepoint-w .os-form-group.os-form-textfield-group input[type=password],
.latepoint-w .os-form-group.os-form-textfield-group input[type=text],
.latepoint-w .os-form-group.os-form-textfield-group input[type=tel] {
-webkit-appearance: none;
}
.latepoint-w .os-form-group.os-form-select-group.os-invalid label, .latepoint-w .os-form-group.os-form-textfield-group.os-invalid label {
color: #d56e67 !important;
}
.latepoint-w .os-form-group.os-form-select-group.os-invalid .os-form-control,
.latepoint-w .os-form-group.os-form-select-group.os-invalid input.os-form-control, .latepoint-w .os-form-group.os-form-textfield-group.os-invalid .os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group.os-invalid input.os-form-control {
border-color: #eb3a3a !important;
}
.latepoint-w .os-form-group.os-form-select-group.os-invalid .os-form-control::placeholder,
.latepoint-w .os-form-group.os-form-select-group.os-invalid input.os-form-control::placeholder, .latepoint-w .os-form-group.os-form-textfield-group.os-invalid .os-form-control::placeholder,
.latepoint-w .os-form-group.os-form-textfield-group.os-invalid input.os-form-control::placeholder {
color: #e38888 !important;
}
.latepoint-w .os-form-group.os-form-select-group.os-invalid .os-form-control:focus,
.latepoint-w .os-form-group.os-form-select-group.os-invalid input.os-form-control:focus, .latepoint-w .os-form-group.os-form-textfield-group.os-invalid .os-form-control:focus,
.latepoint-w .os-form-group.os-form-textfield-group.os-invalid input.os-form-control:focus {
border-color: #c10505 !important;
}
.latepoint-w .os-form-group.os-form-select-group label {
display: block !important;
font-size: 15px;
margin: 0px;
}
.latepoint-w .os-form-group.os-form-select-group select.os-form-control {
height: auto !important;
}
.latepoint-w .os-form-group.os-form-multiselect-group > label {
font-size: 15px;
font-weight: 600;
margin-bottom: 10px !important;
}
.latepoint-w .os-form-group.os-form-multiselect-group .os-form-group {
margin-bottom: 3px !important;
}
.latepoint-w .os-form-group.os-form-multiselect-group .os-form-group label {
font-size: 13px;
}
.latepoint-w .os-form-group.os-form-checkbox-group label {
padding: 0px;
border-radius: 0px;
display: flex;
gap: 8px;
align-items: center;
color: var(--latepoint-body-color);
vertical-align: middle;
margin: 0px;
font-weight: 600;
font-size: 15px;
cursor: pointer;
}
.latepoint-w .os-form-group.os-form-checkbox-group label input.os-form-checkbox {
display: inline-block;
vertical-align: middle;
border-radius: 0px;
box-shadow: none;
border-color: #aaa;
}
.latepoint-w .os-form-group.os-form-checkbox-group label a {
text-decoration: underline;
}
.latepoint-w .os-form-group.os-form-textfield-group label {
display: block;
margin-bottom: 1px;
line-height: 1.1;
cursor: default;
font-size: 12px !important;
color: #AFB8D6 !important;
font-weight: 400 !important;
position: absolute !important;
top: 5px;
left: 10px;
z-index: 2;
opacity: 0;
transform: translateY(-3px);
transition: all 0.2s ease;
}
.latepoint-w .os-form-group.os-form-textfield-group .os-form-control input.os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control input.os-form-control {
z-index: 1;
}
.latepoint-w .os-form-group.os-form-textfield-group .os-form-control::placeholder,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control::placeholder {
color: #AFB8D6;
}
.latepoint-w .os-form-group.os-form-textfield-group .os-form-control.os-framed-field,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control.os-framed-field {
height: 47px !important;
}
.latepoint-w .os-form-group.os-form-textfield-group .os-form-control.os-framed-field.invalid, .latepoint-w .os-form-group.os-form-textfield-group .os-form-control.os-framed-field.braintree-hosted-fields-invalid,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control.os-framed-field.invalid,
.latepoint-w .os-form-group.os-form-textfield-group input.os-form-control.os-framed-field.braintree-hosted-fields-invalid {
border-color: #f16161 !important;
}
.latepoint-w .os-form-group.os-form-textfield-group.has-value label {
opacity: 1 !important;
transform: translateY(0) !important;
}
.latepoint-w .os-form-group.os-form-textfield-group.has-value textarea.os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group.has-value input.os-form-control {
padding: 19px 10px 5px 10px !important;
}
.latepoint-w .os-form-group.os-form-phonefield-group {
border: 1px solid #cad2e0;
border-radius: 0px;
}
.latepoint-w .os-form-group.os-form-phonefield-group:has(.os-form-control:focus) {
border-color: var(--latepoint-brand-primary);
}
.latepoint-w .os-form-group.os-form-phonefield-group .iti__selected-dial-code {
color: #32373c;
font-weight: 400;
font-size: 15px !important;
white-space: nowrap;
margin-left: 4px;
line-height: 1.2;
}
.latepoint-w .os-form-group.os-form-phonefield-group.os-invalid {
border-color: #eb3a3a;
}
.latepoint-w .os-form-group.os-form-phonefield-group.os-invalid:has(.os-form-control:focus) {
border-color: #eb3a3a;
}
.latepoint-w .os-form-group.os-form-phonefield-group .iti__selected-flag {
padding: 12px 4px 12px 10px;
transition: all 0.2s ease;
}
.latepoint-w .os-form-group.os-form-phonefield-group .os-form-control,
.latepoint-w .os-form-group.os-form-phonefield-group input.os-form-control {
border: none !important;
}
.latepoint-w .os-form-group.os-form-phonefield-group .os-form-control.os-mask-phone,
.latepoint-w .os-form-group.os-form-phonefield-group input.os-form-control.os-mask-phone {
padding-left: 0px !important;
border-left: none !important;
}
.latepoint-w .os-form-group.os-form-phonefield-group .os-form-control.os-mask-phone.invalid,
.latepoint-w .os-form-group.os-form-phonefield-group input.os-form-control.os-mask-phone.invalid {
border-color: #f16161 !important;
}
.latepoint-w .os-form-group.os-form-phonefield-group:not(.has-value) .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: 19px;
padding-bottom: 5px;
}
.latepoint-w .os-form-group.os-form-phonefield-group.has-value input.os-form-control.os-mask-phone {
padding-left: 0px !important;
padding-top: 18px !important;
}
.latepoint-w .os-form-buttons.os-flex {
display: flex;
align-items: center;
}
.latepoint-w .os-form-buttons.os-flex.os-space-between {
justify-content: space-between;
}
.latepoint-w .os-form-buttons .os-form-group {
display: inline-block;
margin-bottom: 0px !important;
}
.latepoint-w .os-form-buttons .os-form-group .latepoint-btn {
margin-right: 5px;
}
.latepoint-w .os-form-header {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.latepoint-w .os-form-header h2, .latepoint-w .os-form-header h3, .latepoint-w .os-form-header h4 {
margin-bottom: 5px;
margin-top: 0px;
}
.latepoint-w .os-form-desc {
color: rgba(0, 0, 0, 0.7);
}
.latepoint-w .os-image-container {
border: 5px solid #fff;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
border-radius: 6px;
max-width: 100px;
margin-bottom: 10px;
min-height: 50px;
}
.latepoint-w .os-image-container img {
border-radius: 4px;
width: 100%;
height: auto;
display: block;
}
.latepoint-w .settings-image-selector {
margin: 20px 0px;
}
.latepoint-w .os-form-message-w {
padding: 12px 20px;
background-color: #f9f9f9;
color: #333;
margin-bottom: 20px;
font-weight: 600;
border-radius: 0px;
}
.latepoint-w .os-form-message-w ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.latepoint-w .os-form-message-w ul li {
margin-bottom: 10px;
}
.latepoint-w .os-form-message-w ul li:last-child {
margin-bottom: 0px;
}
.latepoint-w .os-form-message-w.status-error {
background-color: #fff4f4;
color: #d00c0c;
border: 2px solid #f75160;
}
.latepoint-w .os-form-message-w.status-success {
background-color: #e0fbd1;
color: #437724;
}
.text-center {
text-align: center;
}
.os-row {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-left: -7px;
margin-right: -7px;
}
.os-col-8 {
flex: 0 0 66.6%;
padding: 0px 7px;
}
.os-col-4 {
flex: 0 0 33.3%;
padding: 0px 7px;
}
.os-col-3 {
flex: 0 0 25%;
padding: 0px 7px;
}
.os-col-9 {
flex: 0 0 75%;
padding: 0px 7px;
}
.os-col-6 {
flex: 0 0 50%;
padding: 0px 7px;
}
.os-col-12 {
flex: 0 0 100%;
padding: 0px 7px;
}
@media (max-width: 600px) {
.os-col-sm-12 {
flex: 0 0 100%;
padding: 0px 7px;
}
}
.latepoint-login-form-w.os-form-w {
max-width: 470px;
margin: 30px auto !important;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 10px 25px rgba(0, 0, 0, 0.1);
padding: 40px;
background-color: #fff;
}
.latepoint-login-form-w.os-form-w h4 {
margin: 0px;
margin-bottom: 15px;
padding: 0px;
color: #14161d;
}
.latepoint-login-form-w.os-form-w .os-form-group:last-child {
margin-bottom: 0px;
}
.latepoint-login-form-w.os-form-w .os-form-buttons {
justify-content: space-between;
}
.os-password-reset-form-w {
position: relative;
}
.os-password-reset-form-w .password-reset-back-to-login {
position: absolute;
top: 10px;
right: 10px;
font-size: 12px;
align-items: center;
color: #bd3d3d;
}
.os-password-reset-form-w .password-reset-back-to-login span {
margin-right: 5px;
}
.os-password-reset-form-w .password-reset-back-to-login span, .os-password-reset-form-w .password-reset-back-to-login i {
display: inline-block;
vertical-align: middle;
}
.os-notifications {
position: fixed;
left: 50%;
transform: translateX(-50%);
top: 20px;
z-index: 1000001;
display: flex;
flex-direction: column-reverse;
}
.os-notifications .os-notification-close {
position: absolute;
top: 50%;
right: 5px;
cursor: pointer;
padding: 5px;
font-size: 14px;
transform: translateY(-50%);
display: block;
line-height: 1;
}
.os-notifications .item {
padding: 14px 30px;
background-color: rgba(29, 210, 101, 0.95);
color: #fff;
font-weight: 600;
font-size: 18px;
min-width: 500px;
text-align: center;
padding-right: 40px;
position: relative;
}
.os-notifications .item + .item {
margin-bottom: 10px;
}
@keyframes selectedSlotCheckmark {
0% {
transform: rotate(-65deg) scale(0.5);
}
100% {
transform: rotate(0deg) scale(1);
}
}
@keyframes latepointFadeUp {
0% {
transform: translate3d(0, 40px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes up10op {
0% {
transform: translate3d(0, 10px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes up10 {
0% {
transform: translate3d(0, 10px, 0);
}
100% {
transform: translate3d(0, 0px, 0);
}
}
@keyframes up20op {
0% {
transform: translate3d(0, 20px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes rotateScale {
0% {
transform: scale(0.4) rotate(-90deg);
opacity: 0;
}
100% {
transform: scale(1) rotate(0deg);
opacity: 1;
}
}
@keyframes up20 {
0% {
transform: translate3d(0, 20px, 0);
}
100% {
transform: translate3d(0, 0px, 0);
}
}
@keyframes up40 {
0% {
transform: translate3d(0, 20px, 0);
}
100% {
transform: translate3d(0, 0px, 0);
}
}
@keyframes latepointMessage {
0% {
transform: translate3d(0, -10px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes latepointFadeDown {
0% {
transform: translate3d(0, -40px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes agentBio {
0% {
transform: scale(0.8);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes osLightboxAnimation {
0% {
transform: translate3d(0, 10%, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes latepointAvailabilityPopup {
0% {
transform: translate3d(-50%, -60%, 0px);
opacity: 0;
}
100% {
transform: translate3d(-50%, -115%, 0px);
opacity: 1;
}
}
@keyframes latepointAvailabilityPopupY {
0% {
transform: translate3d(0%, -60%, 0px);
opacity: 0;
}
100% {
transform: translate3d(0%, -115%, 0px);
opacity: 1;
}
}
@keyframes latepointNextBtn {
0% {
transform: translate3d(-15px, 0px, 0) scale(0.9);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0) scale(1);
opacity: 1;
}
}
@keyframes latepointPrevBtn {
0% {
transform: translate3d(15px, 0px, 0) scale(0.9);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0) scale(1);
opacity: 1;
}
}
.latepoint-login-form-w {
animation: 0.6s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both latepointFadeUp;
}
.os-step-tab-content {
animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s both latepointFadeUp;
}
.os-password-reset-form-w {
animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s both latepointFadeUp;
}
.os-item-details-popup {
animation: 0.4s cubic-bezier(0.45, 1.3, 0.6, 1) 0s both agentBio;
}
.item-details-popup-content-i {
animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both latepointFadeUp;
}
.item-details-popup-head h3 {
animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both latepointFadeDown;
}
.item-details-popup-head .item-details-popup-title {
animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1) 0s both latepointFadeDown;
}
.item-details-popup-feature-value {
animation: 0.4s cubic-bezier(0, 1, 0.51, 1) 0.05s both latepointFadeUp;
}
.item-details-popup-feature-label {
animation: 0.4s cubic-bezier(0, 1, 0.51, 1) 0.1s both latepointFadeUp;
}
.latepoint-lightbox-i {
transform-origin: center center;
animation: 0.5s cubic-bezier(0, 1, 0.51, 1) 0s both osLightboxAnimation;
}
.latepoint-message {
animation: 0.15s cubic-bezier(0.45, 1.3, 0.6, 1.1) 0s both latepointMessage;
}
.a-up-10 {
animation: 0.4s cubic-bezier(0.25, 1.4, 0.5, 1) 0s up10op;
animation-fill-mode: both;
}
.a-up-10-opaque {
animation: 0.4s cubic-bezier(0.25, 1.4, 0.5, 1) 0s up10;
animation-fill-mode: both;
}
.a-up-20 {
animation: 0.4s cubic-bezier(0.25, 1.4, 0.5, 1) 0s up20op;
animation-fill-mode: both;
}
.a-up-20-opaque {
animation: 0.4s cubic-bezier(0.25, 1.4, 0.5, 1) 0s up20;
animation-fill-mode: both;
}
.a-up-40-opaque {
animation: 0.6s cubic-bezier(0.35, 1.2, 0.7, 1) 0s up40;
animation-fill-mode: both;
}
.a-rotate-scale {
animation: 0.7s cubic-bezier(0.25, 1.4, 0.5, 1.35) 0s rotateScale;
animation-fill-mode: both;
}
.a-delay-1 {
animation-delay: 0.05s;
}
.a-delay-2 {
animation-delay: 0.1s;
}
.a-delay-3 {
animation-delay: 0.15s;
}
.a-delay-4 {
animation-delay: 0.2s;
}
@keyframes os-loading-gradient {
0% {
background-position: 0 0;
}
100% {
background-position: -200% 0;
}
}
.clean-layout-content-wrapper {
animation: 0.5s cubic-bezier(0.35, 1.2, 0.7, 1) 0s both up20;
}
.latepoint-clean-body .manage-booking-wrapper {
animation: 0.5s cubic-bezier(0.35, 1.2, 0.7, 1) 0s both up20;
}
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w .latepoint-heading-w {
border-top-left-radius: 8px;
}
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w .latepoint-footer {
border-bottom-left-radius: 8px;
}
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form,
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w {
border-bottom-left-radius: 8px;
border-top-left-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option {
box-shadow: 0px 0px 0px 2px #E8EBEE;
cursor: pointer;
transition: transform 0.1s ease;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:focus-visible, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option.selected, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option.selected {
box-shadow: 0px 0px 0px 2px var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option.selected .lp-option-label, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option.selected .lp-option-label {
color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:hover, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option:hover {
box-shadow: 0px 0px 0px 2px var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:hover .lp-option-label, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option:hover .lp-option-label {
color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option .lp-option-image, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option .lp-option-image {
padding-bottom: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
transform-origin: center center;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option .lp-option-label, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option .lp-option-label {
font-weight: 600;
color: var(--latepoint-body-color);
font-size: 18px;
padding: 10px;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-grid {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid .lp-option, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-grid .lp-option {
text-align: center;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid .lp-option .lp-option-image-w, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-grid .lp-option .lp-option-image-w {
padding: 15px;
border-bottom: 1px solid #E8EBEE;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid.lp-options-grid-three .lp-option, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-grid.lp-options-grid-three .lp-option {
flex: 0 0 30%;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid.lp-options-grid-two, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-grid.lp-options-grid-two {
gap: 30px;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid.lp-options-grid-two .lp-option, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-grid.lp-options-grid-two .lp-option {
flex: 0 0 45%;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-rows, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-rows {
display: flex;
flex-direction: column;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-rows .lp-option, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-rows .lp-option {
margin-bottom: 15px;
display: flex;
align-items: center;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-rows .lp-option .lp-option-image, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-rows .lp-option .lp-option-image {
flex: 0 0 50px;
width: 50px;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-rows .lp-option .lp-option-image-w, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-rows .lp-option .lp-option-image-w {
padding: 10px 15px;
border-right: 1px solid #E8EBEE;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-rows .lp-option .lp-option-label, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-rows .lp-option .lp-option-label {
flex: 1;
padding-left: 20px;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount-w, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount-w {
padding: 20px 40px;
border-bottom: 1px solid #E8EBEE;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount {
border-radius: 50%;
padding-bottom: 100%;
box-shadow: 0px 0px 0px 2px #14161d;
position: relative;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount .lp-amount-value, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount .lp-amount-value {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-weight: 600;
color: var(--latepoint-body-color);
font-size: 16px;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount.lp-amount-deposit, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount.lp-amount-deposit {
background-color: #eee;
box-shadow: none;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount.lp-amount-deposit .lp-slice, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount.lp-amount-deposit .lp-slice {
width: 50%;
padding-bottom: 50%;
background: #fff;
border-radius: 70px 0px 0px 0px;
box-shadow: 0px 0px 0px 2px #14161d, 0px 0px 0px 6px #fff;
position: absolute;
top: 0;
left: 0;
transform-origin: bottom right;
transform: rotate(-45deg);
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option-amount.lp-amount-deposit .lp-amount-value, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option-amount.lp-amount-deposit .lp-amount-value {
left: 0px;
background-color: #fff;
padding: 2px 0px;
}
.latepoint-w .latepoint-booking-form-element .os-items, .latepoint-w .latepoint-transaction-payment-form .os-items {
margin: 0px !important;
padding: 0px !important;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-rows + .os-items, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-rows + .os-items {
margin-top: 15px !important;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-rows > .os-item + .os-item, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-rows > .os-item + .os-item {
margin-top: 15px;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-rows .os-item .os-item-i:hover .os-item-name-w, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-rows .os-item .os-item-i:hover .os-item-name-w {
transform: translateX(3px);
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item:focus .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item:focus .os-item-i {
border-color: var(--latepoint-brand-primary);
box-shadow: 0 0 0 1px var(--latepoint-brand-primary);
text-decoration: none;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i {
cursor: pointer;
display: flex;
background: #FFFFFF;
border: 1px solid #E5E7EE;
align-items: center;
box-shadow: none;
outline: none;
padding: 10px;
color: var(--latepoint-body-color);
text-decoration: none;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i:hover, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i:hover {
border-color: var(--latepoint-brand-primary);
box-shadow: 0 0 0 1px var(--latepoint-brand-primary);
text-decoration: none;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-img-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-img-w {
flex: 0 0 45px;
height: 45px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
margin-right: 15px;
display: block;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-img-w .latepoint-icon, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-img-w .latepoint-icon {
font-size: 22px;
line-height: 43px;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-name-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-name-w {
padding: 5px 0px;
margin-right: auto;
display: block;
transition: transform 0.2s ease-out;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-name-w .os-item-name, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-name-w .os-item-name {
font-weight: 600;
font-size: 17px;
display: block;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-name-w .os-item-desc, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-name-w .os-item-desc {
color: #7c85a3;
font-size: 13px;
display: block;
margin-top: 3px;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-child-count, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-child-count {
display: block;
color: #7c85a3;
font-size: 12px;
transition: transform 0.2s ease;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-price-w {
border-left: 1px solid rgba(0, 0, 0, 0.05);
padding-left: 15px;
margin-left: 10px;
text-align: center;
display: block;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w .os-item-price, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-price-w .os-item-price {
display: block;
color: var(--latepoint-brand-primary);
line-height: 1.1;
font-weight: 600;
font-family: "latepoint", "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
font-size: 16px;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w .os-item-price-label, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-price-w .os-item-price-label {
display: block;
color: #7c85a3;
font-size: 12px;
white-space: nowrap;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item:last-child, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item:last-child {
margin-bottom: 0px;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.with-description .os-item-name-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.with-description .os-item-name-w {
padding: 5px 0px;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.os-allow-multiselect .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.os-allow-multiselect .os-item-i {
padding-left: 50px;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.os-allow-multiselect .os-item-i:before, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.os-allow-multiselect .os-item-i:before {
background-color: #fff;
color: #fff;
padding: 3px;
font-size: 12px;
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e903";
position: absolute;
top: 50%;
left: 15px;
display: block;
transform: translateY(-50%);
box-shadow: inset 0px 0px 0px 1px #d8dbe3;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.os-allow-multiselect.selected .os-item-i:before, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.os-allow-multiselect.selected .os-item-i:before {
background-color: var(--latepoint-brand-primary);
box-shadow: none;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.os-allow-multiselect.selected .os-item-i:before:hover, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.os-allow-multiselect.selected .os-item-i:before:hover {
box-shadow: none;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.selected.has-child-items > .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.selected.has-child-items > .os-item-i {
display: none;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item:not(.selected) .os-items, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item:not(.selected) .os-items {
display: none;
}
.latepoint-w .latepoint-booking-form-element .os-items.selected > .os-items + .os-item-categories-holder, .latepoint-w .latepoint-transaction-payment-form .os-items.selected > .os-items + .os-item-categories-holder {
margin-top: 15px;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid {
display: grid;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item {
text-align: center;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item.os-item-span-row, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item.os-item-span-row {
grid-column: 1/4;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item.os-item-span-row .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item.os-item-span-row .os-item-i {
padding: 15px 20px;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item.os-item-span-row.with-floating-price .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item.os-item-span-row.with-floating-price .os-item-i {
padding: 15px 20px;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item.os-item-span-row .os-duration-value-label, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item.os-item-span-row .os-duration-value-label {
display: none;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item.os-item-span-row .os-duration-name, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item.os-item-span-row .os-duration-name {
text-align: left;
font-weight: 600;
font-size: 18px;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item .os-item-i {
display: block;
padding: 10px;
height: 100%;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i .os-item-name-w, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item .os-item-i .os-item-name-w {
padding-bottom: 0px;
padding-top: 10px;
border-top: 1px solid #eee;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i .os-item-img-w, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item .os-item-i .os-item-img-w {
flex: 1;
height: auto;
padding-bottom: 100%;
margin: 0px;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i .os-item-img-w.os-with-avatar, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item .os-item-i .os-item-img-w.os-with-avatar {
padding: 0 15px 15px;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i .os-item-img-w.os-with-avatar .os-avatar, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item .os-item-i .os-item-img-w.os-with-avatar .os-avatar {
background-size: cover;
background-position: center center;
padding-bottom: 100%;
background-repeat: no-repeat;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid .os-item.with-floating-price .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid .os-item.with-floating-price .os-item-i {
padding: 25px 10px 15px;
}
.latepoint-w .latepoint-booking-form-element .os-items.os-as-grid.os-three-columns, .latepoint-w .latepoint-transaction-payment-form .os-items.os-as-grid.os-three-columns {
grid-template-columns: 1fr 1fr 1fr;
column-gap: 15px;
row-gap: 15px;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item-details-popup-btn, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item-details-popup-btn {
font-size: 13px;
padding: 0px;
font-weight: 600;
opacity: 0;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
max-width: 100%;
z-index: 1;
border: none;
transition: transform 0.2s ease;
display: inline-block;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item-details-popup-btn span, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item-details-popup-btn span {
color: var(--latepoint-brand-primary);
display: inline-block;
border-bottom: 1px dotted color-mix(in srgb, var(--latepoint-brand-primary) 50%, transparent);
padding: 2px 0px 1px;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item-details-popup-btn:hover span, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item-details-popup-btn:hover span {
padding-left: 5px;
padding-right: 5px;
color: #fff;
background-color: var(--latepoint-brand-primary);
border-color: transparent;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item {
position: relative;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.with-details .os-item-name-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.with-details .os-item-name-w {
transition: transform 0.2s ease;
z-index: 2;
position: relative;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.with-details .os-item-img-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.with-details .os-item-img-w {
transition: transform 0.2s ease;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.with-details .os-item-i:hover .os-item-img-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.with-details .os-item-i:hover .os-item-img-w {
transform-origin: center center;
transform: translateY(-8px) scale(0.9);
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.with-details .os-item-i:hover .os-item-name-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.with-details .os-item-i:hover .os-item-name-w {
transform: translateY(-18px);
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.with-details .os-item-i:hover .os-item-details-popup-btn, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.with-details .os-item-i:hover .os-item-details-popup-btn {
opacity: 1;
transform: translateY(-7px);
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item.selected .os-item-details-popup-btn:hover, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.selected .os-item-details-popup-btn:hover {
border-color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .show-selected-only > .os-items.os-as-rows, .latepoint-w .latepoint-transaction-payment-form .show-selected-only > .os-items.os-as-rows {
margin-top: 0px !important;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .item-quantity-selector-w .item-quantity-selector, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .item-quantity-selector-w .item-quantity-selector {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w .total-attendees-selector, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w .total-attendees-selector {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item-details-popup-btn:hover span, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-items .os-item-details-popup-btn:hover span {
border-radius: 6px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before {
border-radius: 50%;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w .latepoint-heading-w, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-form-w .latepoint-heading-w {
border-top-right-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-summary-w, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-summary-w {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w .latepoint-footer, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-form-w .latepoint-footer {
border-bottom-right-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w,
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-form-w,
.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-form {
border-bottom-right-radius: 8px;
border-top-right-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-phonefield-group, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-phonefield-group {
border-radius: 8px !important;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .dp-timeslot .dp-label, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .dp-timeslot .dp-label {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .dp-timebox, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .dp-timebox {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-confirmation-w .confirmation-cabinet-info, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-confirmation-w .confirmation-cabinet-info {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-link, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-link {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-password-reset-form-holder .os-password-reset-form-w,
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-confirmation-w .step-confirmation-set-password, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-password-reset-form-holder .os-password-reset-form-w,
.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-confirmation-w .step-confirmation-set-password {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .info-box, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .info-box {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .info-box .info-box-buttons a, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .info-box .info-box-buttons a {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent .qr-code-label, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent .qr-code-label {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-message, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-message {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input,
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-payment-w .payment-total-info .applied-coupon-code,
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .step-payment-w .payment-total-info .coupon-code-input-w .coupon-code-input-submit, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input,
.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-payment-w .payment-total-info .applied-coupon-code,
.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-payment-w .payment-total-info .coupon-code-input-w .coupon-code-input-submit {
border-radius: 8px !important;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .select-total-attendees-w, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .select-total-attendees-w {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-progress ul li .progress-item, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-progress ul li .progress-item {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-progress ul li .progress-item span, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-progress ul li .progress-item span {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-monthly-calendar-days .os-day .os-day-box, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-monthly-calendar-days .os-day .os-day-box {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-side-panel, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-side-panel {
border-radius: 8px 0px 0px 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-summary-w, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-summary-w {
border-radius: 0px 8px 8px 0px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .lp-options .lp-option, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .lp-options .lp-option {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item .os-item-i, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-items .os-item .os-item-i {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-item-img-w, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-item-img-w {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-with-avatar, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-with-avatar {
padding: 5px 15px 5px 15px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-with-avatar .os-avatar, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-with-avatar .os-avatar {
border-radius: 50%;
background-size: cover;
background-position: center center;
padding-bottom: 100%;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item.os-allow-multiselect .os-item-i:before, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-items .os-item.os-allow-multiselect .os-item-i:before {
border-radius: 6px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-btn, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-btn {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-add-another-item-trigger.on-verify, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .latepoint-add-another-item-trigger.on-verify {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .summary-box .summary-box-content .os-remove-item-from-cart, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .summary-box .summary-box-content .os-remove-item-from-cart {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-file-upload-group .os-uploaded-file-info,
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-file-upload-group .os-upload-file-input-w input[type=file],
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-select-group .os-form-control,
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-select-group input.os-form-control,
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-textfield-group .os-form-control,
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-textfield-group input.os-form-control, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-file-upload-group .os-uploaded-file-info,
.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-file-upload-group .os-upload-file-input-w input[type=file],
.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-select-group .os-form-control,
.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-select-group input.os-form-control,
.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-textfield-group .os-form-control,
.latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-textfield-group input.os-form-control {
border-radius: 8px !important;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-phonefield-group input.os-form-control, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .os-form-group.os-form-phonefield-group input.os-form-control {
border-radius: 0 8px 8px 0 !important;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-phonefield-group .iti__selected-flag, .latepoint-w .latepoint-transaction-payment-form.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, .latepoint-w .latepoint-transaction-payment-form.latepoint-border-radius-rounded .step-payment-w .payment-total-info {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w > .os-selectable-items, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w > .os-selectable-items {
display: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w > .os-selectable-items .os-item.selected, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w > .os-selectable-items .os-item.selected {
position: relative;
z-index: 2;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w > .os-selectable-items .os-item.selected > .os-service-selector:hover, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w > .os-selectable-items .os-item.selected > .os-service-selector:hover {
border-color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w > .os-selectable-items .os-item:hover, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w > .os-selectable-items .os-item:hover {
z-index: 2;
position: relative;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w > .os-selectable-items .os-item a.os-service-selector, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w > .os-selectable-items .os-item a.os-service-selector {
position: relative;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w > .os-selectable-items .os-item a.os-service-selector .service-name-w .service-name, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w > .os-selectable-items .os-item a.os-service-selector .service-name-w .service-name {
font-size: 16px;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w > .os-selectable-items .os-item a.os-service-selector:hover, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w > .os-selectable-items .os-item a.os-service-selector:hover {
border-color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w .os-item-category-w, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w .os-item-category-w {
margin-top: 0px;
box-shadow: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w .os-item-category-w .os-item-category-info-w, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w .os-item-category-w .os-item-category-info-w {
border: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w .os-item-category-w .os-item-category-info-w, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w .os-item-category-w .os-item-category-info-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w .os-item-category-info:focus-visible, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w .os-item-category-info:focus-visible {
border-color: var(--latepoint-brand-primary);
box-shadow: 0 0 0 1px var(--latepoint-brand-primary);
text-decoration: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w .os-item-category-info .os-item-category-img-w, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w .os-item-category-info .os-item-category-img-w {
flex: 0 0 40px;
height: 40px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
margin-right: 15px;
display: block;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w .os-item-category-info .os-item-category-name, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w .os-item-category-info .os-item-category-name {
display: block;
font-weight: 600;
font-size: 18px;
display: block;
margin-right: auto;
flex: 1;
transition: transform 0.2s ease;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w .os-item-category-info .os-item-category-services-count, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w .os-item-category-info .os-item-category-services-count {
display: block;
color: #7c85a3;
font-size: 12px;
transform: translateX(-40px);
transition: transform 0.2s ease;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w.selected, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected {
box-shadow: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w {
display: block;
border-bottom: 1px solid #E5E7EE;
background-color: #F4F6F9;
border-top: none;
position: relative;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w:last-child, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w:last-child {
border-bottom: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w .os-item-category-img-w, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w .os-item-category-img-w {
opacity: 0;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w .os-item-category-services-count, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w .os-item-category-services-count {
transform: translateX(0);
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w:before, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w:before {
content: "";
position: absolute;
top: 50%;
left: 25px;
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e902";
font-size: 10px;
transform: translateY(-50%);
color: #7c85a3;
transition: all 0.2s ease;
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w > .os-item-category-info:after, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w > .os-item-category-info:after {
opacity: 0;
transform: translate(5px, -50%);
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w:hover:before, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w:hover:before {
transform: translate(-5px, -50%);
color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-item-category-info-w:hover .os-item-category-name, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-item-category-info-w:hover .os-item-category-name {
color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .os-item-category-w.selected > .os-selectable-items, .latepoint-w .latepoint-transaction-payment-form .os-item-category-w.selected > .os-selectable-items {
display: block;
}
.latepoint-w .latepoint-booking-form-element .os-item-categories-holder.show-selected-only > .os-selectable-items:not(.selected), .latepoint-w .latepoint-transaction-payment-form .os-item-categories-holder.show-selected-only > .os-selectable-items:not(.selected) {
display: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-categories-holder.show-selected-only .os-item-category-info-w, .latepoint-w .latepoint-transaction-payment-form .os-item-categories-holder.show-selected-only .os-item-category-info-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-categories-holder.show-selected-only .os-item-category-w:not(.selected), .latepoint-w .latepoint-transaction-payment-form .os-item-categories-holder.show-selected-only .os-item-category-w:not(.selected) {
border: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-category-info-w, .latepoint-w .latepoint-transaction-payment-form .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-category-info-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-categories-holder > .os-item-category-w > .os-item-category-info-w, .latepoint-w .latepoint-transaction-payment-form .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-categories-holder > .os-item-category-w > .os-item-category-info-w {
display: block;
}
.latepoint-w .latepoint-booking-form-element .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-categories-holder > .os-item-category-w,
.latepoint-w .latepoint-booking-form-element .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-categories-holder > .os-selectable-items, .latepoint-w .latepoint-transaction-payment-form .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-categories-holder > .os-item-category-w,
.latepoint-w .latepoint-transaction-payment-form .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-categories-holder > .os-selectable-items {
display: block;
}
.latepoint-w.latepoint-summary-is-open .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w, .latepoint-w.latepoint-summary-is-open .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
} .latepoint-resources-items-w {
display: grid;
margin: 40px 0px;
align-items: start;
}
.latepoint-resources-items-w.resources-columns-2 {
grid-template-columns: 1fr 1fr;
grid-gap: 50px;
}
.latepoint-resources-items-w.resources-columns-3 {
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 40px;
}
.latepoint-resources-items-w.resources-columns-4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 30px;
}
.latepoint-resources-items-w.resources-columns-5 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-gap: 20px;
}
.latepoint-resources-items-w .resource-item {
box-shadow: 0 2px 18px -6px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
padding: 20px;
background-color: #fff;
transition: all 0.2s ease;
height: 100%;
overflow: hidden;
}
.latepoint-resources-items-w .resource-item.ri-centered {
text-align: center;
}
.latepoint-resources-items-w .resource-item:hover {
box-shadow: 0 5px 24px -9px rgba(0, 0, 0, 0.4), 0 3px 6px 0 rgba(0, 0, 0, 0.2);
transform: translateY(-2px);
}
.latepoint-resources-items-w .resource-item .ri-avatar {
border-radius: 50%;
width: 80px;
height: 80px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
margin: 0 auto 20px auto;
}
.latepoint-resources-items-w .resource-item .ri-map {
margin: -20px -20px 0 -20px;
margin-bottom: 25px;
}
.latepoint-resources-items-w .resource-item .ri-media {
padding-bottom: 75%;
margin: -20px -20px 0 -20px;
background-size: cover;
background-repeat: no-repeat;
background-position: bottom center;
margin-bottom: 25px;
}
.latepoint-resources-items-w .resource-item .ri-name h3 {
margin: 10px 0px;
font-size: 22px;
}
.latepoint-resources-items-w .resource-item .ri-title {
color: var(--latepoint-brand-primary);
font-weight: 600;
font-size: 15px;
}
.latepoint-resources-items-w .resource-item .ri-price {
color: var(--latepoint-brand-primary);
font-weight: 600;
font-size: 20px;
margin-bottom: 10px;
}
.latepoint-resources-items-w .resource-item .ri-description {
color: #7c85a3;
font-size: 15px;
font-weight: 400;
margin-bottom: 10px;
line-height: 1.3;
}
.latepoint-resources-items-w .resource-item .ri-external-link {
margin-left: 3px;
display: inline-block;
}
.latepoint-resources-items-w .resource-item .ri-buttons {
margin-top: 20px;
}
.latepoint .customer-dashboard-tabs {
display: flex;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin: 20px 0px 30px;
}
.latepoint .customer-dashboard-tabs a {
display: block;
padding: 10px 0px;
font-weight: 600;
text-decoration: none;
color: #7c85a3;
position: relative;
font-size: 21px;
margin-right: 30px;
}
.latepoint .customer-dashboard-tabs a:focus, .latepoint .customer-dashboard-tabs a:hover {
text-decoration: none;
color: var(--latepoint-body-color);
}
.latepoint .customer-dashboard-tabs a:after {
content: "";
height: 2px;
background-color: var(--latepoint-brand-primary);
left: 0px;
bottom: -1px;
display: block;
position: absolute;
}
.latepoint .customer-dashboard-tabs a.active {
color: var(--latepoint-brand-primary);
}
.latepoint .customer-dashboard-tabs a.active:after {
width: 100%;
}
.customer-orders-tiles {
display: grid;
grid-gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
}
.customer-orders-tiles .customer-order {
background: #FFFFFF;
border: 1px solid #ddd;
padding: 25px;
color: #222;
align-self: flex-start;
position: relative;
}
.customer-orders-tiles .customer-order .customer-order-confirmation {
font-size: 25px;
font-weight: 600;
color: #14161d;
}
.customer-orders-tiles .customer-order .customer-order-datetime {
color: #7c85a3;
font-size: 15px;
margin-bottom: 20px;
}
.customer-orders-tiles .customer-order .summary-price-item-w.spi-total {
border-top-width: 2px;
}
.customer-orders-tiles .customer-order .customer-order-bottom-actions {
display: flex;
gap: 20px;
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #f1f1f1;
}
.customer-bookings-tiles {
display: grid;
grid-gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
}
.customer-bookings-tiles .new-booking-tile {
border: 2px dotted color-mix(in srgb, var(--latepoint-brand-primary) 20%, transparent);
opacity: 0.7;
display: flex;
flex-direction: column;
text-align: center;
color: var(--latepoint-brand-primary);
position: relative;
padding: 30px 20px;
min-height: 100px;
text-decoration: none !important;
}
.customer-bookings-tiles .new-booking-tile i, .customer-bookings-tiles .new-booking-tile span {
display: block;
}
.customer-bookings-tiles .new-booking-tile i {
margin-top: auto;
font-size: 21px;
}
.customer-bookings-tiles .new-booking-tile span {
margin-top: 15px;
margin-bottom: auto;
font-weight: 600;
font-size: 21px;
}
.customer-bookings-tiles .new-booking-tile:hover {
opacity: 1;
border-color: var(--latepoint-brand-primary);
border-style: solid;
}
.customer-bookings-tiles .new-booking-tile.os-loading {
color: transparent;
}
.customer-bookings-tiles .new-booking-tile.os-loading:before {
display: block;
content: "";
width: 30px !important;
height: 30px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.customer-bookings-tiles .customer-booking {
background: #FFFFFF;
border: 1px solid #ddd;
padding: 25px;
color: #222;
align-self: flex-start;
position: relative;
}
.customer-bookings-tiles .customer-booking .bt-payment-actions {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #f1f1f1;
}
.customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-info {
display: flex;
align-items: center;
}
.customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-label {
color: #7c85a3;
}
.customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-amount {
margin-left: auto;
font-weight: 600;
color: #14161d;
font-size: 21px;
}
.customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-pay-link {
margin-left: auto;
display: flex;
padding-top: 5px;
}
.customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-pay-link a {
font-size: 15px;
text-decoration: none;
margin-left: auto;
color: var(--latepoint-brand-primary);
border-bottom: 1px dotted var(--latepoint-brand-primary);
display: inline-block;
position: relative;
}
.customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-pay-link a:hover {
border-bottom-style: solid;
}
.customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-pay-link a.os-loading {
border-bottom-color: transparent;
color: transparent;
}
.customer-bookings-tiles .customer-booking .bt-payment-actions .bt-balance-pay-link a.os-loading:before {
display: block;
content: "";
width: 15px !important;
height: 15px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.customer-bookings-tiles h6.customer-booking-service-name {
color: #14161d;
padding-bottom: 5px;
margin: 0px;
text-align: left;
text-transform: none;
font-size: 21px;
line-height: 1.2;
}
.customer-bookings-tiles .part-of-bundle-message {
padding: 8px;
background-color: #f1f3ff;
margin-bottom: 15px;
font-size: 12px;
}
.customer-bookings-tiles .part-of-bundle-message a {
color: var(--latepoint-brand-primary);
text-decoration: none;
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.customer-bookings-tiles .customer-booking-datetime {
margin-bottom: 10px;
color: #14161d;
}
.customer-bookings-tiles .customer-booking-datetime span {
color: #7c85a3;
}
.customer-bookings-tiles .customer-booking-service-color {
height: 1px;
background-color: #eee;
}
.customer-bookings-tiles .customer-booking-info {
margin: 20px 0px;
padding: 0px;
font-size: 16px;
}
.customer-bookings-tiles .customer-booking-info .customer-booking-info-row {
display: flex;
margin: 10px 0px;
}
.customer-bookings-tiles .customer-booking-info .booking-info-label {
flex: 0 1 80px;
color: #7c85a3;
}
.customer-bookings-tiles .customer-booking-info .booking-info-value {
font-weight: 600;
}
.customer-bookings-tiles .customer-booking-info .booking-info-value.status-approved, .customer-bookings-tiles .customer-booking-info .booking-info-value.status-pending, .customer-bookings-tiles .customer-booking-info .booking-info-value.status-cancelled {
font-size: 13px;
padding: 2px 5px;
}
.customer-bookings-tiles .customer-booking-info .booking-info-value.status-approved {
background-color: #45b782;
color: #fff;
}
.customer-bookings-tiles .customer-booking-info .booking-info-value.status-pending {
background-color: #fde29f;
color: #3a2f15;
}
.customer-bookings-tiles .customer-booking-info .booking-info-value.status-cancelled {
background-color: #e63c26;
color: #fff;
}
.customer-bookings-tiles .customer-booking-buttons {
display: flex;
gap: 20px;
padding-bottom: 10px;
}
.customer-bookings-tiles .customer-booking-buttons .latepoint-btn {
display: block;
padding: 5px 0px;
white-space: nowrap;
font-size: 14px;
}
.customer-bookings-tiles .customer-booking-buttons .latepoint-btn i + span {
margin-left: 4px;
}
.latepoint-customer-timezone-selector-w {
position: relative;
margin-top: -10px;
}
.latepoint-customer-timezone-selector-w.os-loading label {
position: relative;
}
.latepoint-customer-timezone-selector-w.os-loading label:before {
display: block;
content: "";
width: 12px !important;
height: 12px !important;
border-bottom: 2px solid var(--latepoint-body-color);
border-left: 2px solid var(--latepoint-body-color);
border-top: 2px solid var(--latepoint-body-color);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
right: auto;
left: -15px;
top: 50%;
z-index: 9999;
}
.latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group {
display: flex;
align-items: center;
}
.latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group label {
display: block !important;
font-size: 16px;
font-weight: 600;
color: #7c85a3;
white-space: nowrap;
margin-right: 5px;
margin-bottom: 0px;
margin-left: auto;
}
.latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group select.os-form-control {
width: 240px;
height: 34px !important;
padding: 0px 3px !important;
}
.customer-password-form-w {
margin-top: 40px;
}
.os-zoom-info-link {
background-color: #eff5ff;
border: 1px solid #bcc6f1;
border-bottom-color: #a7b4ed;
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05);
display: flex;
align-items: center;
margin-top: 20px;
font-weight: 600;
}
.os-zoom-info-link img {
display: block;
width: 20px;
height: 20px;
margin: 5px 10px;
flex: 0;
}
.os-zoom-info-link a {
flex: 1;
font-size: 15px;
display: block;
padding: 10px 25px 10px 10px;
position: relative;
text-decoration: none;
background-color: rgba(255, 255, 255, 0.3);
white-space: nowrap;
color: var(--latepoint-brand-primary);
}
.os-zoom-info-link a:hover {
background-color: #fff;
}
.os-zoom-info-link a:before {
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e904";
position: absolute;
top: 50%;
right: 10px;
font-size: 8px;
transform: translateY(-50%);
}
.customer-booking-bottom-actions {
display: flex;
align-items: center;
gap: 20px;
padding-top: 15px;
margin-top: 10px;
border-top: 1px solid #eee;
justify-content: stretch;
}
.customer-booking-bottom-actions .latepoint-btn {
padding: 7px 10px;
}
.reschedule-calendar-wrapper { }
.reschedule-calendar-wrapper .os-weekdays {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 5px;
column-gap: 15px;
}
.reschedule-calendar-wrapper .os-weekdays .weekday {
text-transform: uppercase;
font-size: 12px;
color: #7c85a3;
font-weight: 600;
letter-spacing: 2px;
width: 14.2%;
text-align: center;
padding: 5px 0px;
}
.reschedule-calendar-wrapper .os-weekdays .weekday.weekday-6, .reschedule-calendar-wrapper .os-weekdays .weekday.weekday-7 {
color: var(--latepoint-calendar-weekday-label-color);
background-color: var(--latepoint-calendar-weekday-label-bg);
}
.reschedule-calendar-wrapper .os-current-month-label-w {
position: relative;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn,
.reschedule-calendar-wrapper .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;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn:focus-visible,
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn:focus-visible {
outline: 2px solid var(--latepoint-brand-primary) !important;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn.os-loading,
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.os-loading {
color: transparent !important;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn.os-loading span, .reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn.os-loading i,
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.os-loading span,
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.os-loading i {
color: transparent !important;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn.os-loading:after,
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.os-loading:after {
display: block;
content: "";
width: 14px;
height: 14px;
border-bottom: 2px solid var(--latepoint-body-color);
border-left: 2px solid var(--latepoint-body-color);
border-top: 2px solid var(--latepoint-body-color);
border-right: 2px solid rgba(0, 0, 0, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn:hover,
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn:hover {
color: var(--latepoint-brand-primary);
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn:focus,
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn:focus {
outline: none;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn.disabled,
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn.disabled {
color: rgba(0, 0, 0, 0.1);
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-prev-btn {
left: 10px;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-month-next-btn {
right: 10px;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-current-month-label {
text-align: center;
font-weight: 600;
font-size: 17px;
margin-bottom: 10px;
color: var(--latepoint-body-color);
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-current-month-label .current-year {
display: inline-block;
vertical-align: middle;
color: color-mix(in srgb, var(--latepoint-body-color) 40%, transparent);
margin-left: 5px;
}
.reschedule-calendar-wrapper .os-current-month-label-w .os-current-month-label .current-month {
display: inline-block;
vertical-align: middle;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days-w {
display: none;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days-w.active {
display: block;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days-w.hide-if-single-slot .os-day.os-one-slot-only .os-day-status {
display: none;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days-w.hide-if-single-slot .os-day.selected:after {
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e903";
background-color: var(--latepoint-brand-primary);
box-shadow: 0px 0px 0px 2px #fff;
border-radius: 50%;
width: 14px;
line-height: 14px;
height: 14px;
bottom: 50%;
left: 50%;
font-size: 10px;
text-align: center;
position: absolute;
color: #fff;
transform: translate(11px, -10px);
}
.reschedule-calendar-wrapper .step-datepicker-w {
padding: 0px 10px 10px;
}
.reschedule-calendar-wrapper .step-datepicker-w .dp-capacity, .reschedule-calendar-wrapper .reschedule-calendar-datepicker .dp-capacity {
position: absolute;
top: 0px;
left: 50%;
transform: translate3d(-50%, -100%, 0);
background-color: #111;
padding: 4px 6px;
color: #fff;
font-weight: 600;
display: none;
white-space: nowrap;
z-index: 9999;
font-size: 15px;
animation: 0.1s ease latepointAvailabilityPopup;
animation-fill-mode: both;
}
.reschedule-calendar-wrapper .step-datepicker-w .time-selector-w:not(.style-timeline) .dp-timepicker-trigger:not(.selected):hover .dp-capacity, .reschedule-calendar-wrapper .reschedule-calendar-datepicker .time-selector-w:not(.style-timeline) .dp-timepicker-trigger:not(.selected):hover .dp-capacity {
display: block;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-gap: 12px;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day {
text-align: center;
font-size: 17px;
font-weight: 600;
cursor: pointer;
position: relative;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-next-month, .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-prev-month {
color: #B7BCCB;
background-color: #fff;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current .os-day-box {
background-color: #eefdec;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available {
cursor: not-allowed;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box {
background-color: transparent;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-status {
background-color: #f7f7f7;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-number {
color: #adadae;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available.selected .os-day-box {
background-color: #ec7376;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-current.os-not-available.selected .os-day-box .os-day-number {
color: #fff;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-passed .os-day-box {
background-color: transparent;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-day-passed .os-day-box .os-day-number {
color: #bdc5da;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-not-in-allowed-period .os-day-box {
background-color: #f7f8fb;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-not-in-allowed-period .os-day-box .os-day-number {
color: #bdc5da;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-today .os-day-box {
background-color: #fff6cb;
border-color: #fff6cb;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-next .os-day-box, .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-prev .os-day-box {
opacity: 0.6;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-next .os-day-box:hover, .reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.os-month-prev .os-day-box:hover {
opacity: 1;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day .os-day-box {
padding: 8px 5px;
position: relative;
}
.reschedule-calendar-wrapper .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: 600;
display: none;
white-space: nowrap;
z-index: 9999;
font-size: 15px;
animation: 0.1s ease latepointAvailabilityPopup;
animation-fill-mode: both;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day .os-day-number {
color: #14161d;
transition: all 0.1s ease;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day .os-day-status {
transition: all 0.1s ease;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:hover .os-day-box .os-day-number {
top: 40%;
transform: translateY(-2px) scale(1.2);
white-space: nowrap;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:hover .os-day-box:hover .os-available-slots-tooltip {
display: block;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day:hover .os-day-status {
height: 6px;
left: 3px;
right: 3px;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.selected .os-day-box {
background-color: var(--latepoint-brand-primary);
border-color: transparent;
color: #fff;
opacity: 1;
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-number {
color: #fff;
transform: scale(1.2);
}
.reschedule-calendar-wrapper .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-status {
display: none;
}
.reschedule-calendar-wrapper .os-day-status {
margin: 0px;
height: 4px;
position: absolute;
border-radius: 0px;
overflow: hidden;
bottom: 3px;
left: 8px;
right: 8px;
background-color: #e6e9ef;
}
.reschedule-calendar-wrapper .os-day-status .day-available {
background-color: #8fe286;
top: 0px;
bottom: 0px;
position: absolute;
z-index: 1;
min-width: 3px;
}
.reschedule-calendar-wrapper .times-header {
color: #16171d;
font-size: 16px;
font-weight: 400;
text-align: center;
padding-bottom: 10px;
}
.reschedule-calendar-wrapper .times-header span {
color: var(--latepoint-brand-primary);
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.reschedule-calendar-wrapper .os-calendar-searching-info {
padding-left: 35px;
font-size: 15px;
position: relative;
font-weight: 600;
display: none;
}
.reschedule-calendar-wrapper .os-calendar-searching-info:before {
display: block;
content: "";
width: 20px !important;
height: 20px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
left: 10px;
}
.reschedule-calendar-wrapper .os-dates-w {
margin: 0px;
}
.reschedule-calendar-wrapper .os-dates-w.is-searching .os-calendar-searching-info {
display: block;
}
.reschedule-calendar-wrapper .os-dates-w.is-searching .os-calendar-while-searching-wrapper {
display: none;
}
.reschedule-calendar-wrapper .os-times-w {
position: relative;
}
.reschedule-calendar-wrapper .timeslots {
display: flex;
justify-content: space-between;
}
.reschedule-calendar-wrapper .timeslots .not-working-message {
flex: 1;
padding: 3px 5px;
text-align: center;
background-color: #f7e8e8;
color: #752f2f;
font-weight: 600;
}
.reschedule-calendar-wrapper .dp-timebox {
white-space: nowrap;
text-align: center;
padding: 6px 3px;
line-height: 1.2;
background-color: #d6ffd1;
font-size: 15px;
color: #14161d;
cursor: pointer;
font-weight: 600;
position: relative;
width: auto !important;
max-width: none !important;
}
.reschedule-calendar-wrapper .dp-timebox:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.reschedule-calendar-wrapper .dp-timebox .dp-tick,
.reschedule-calendar-wrapper .dp-timebox .dp-success-label {
display: none !important;
}
.reschedule-calendar-wrapper .dp-timebox:hover {
background-color: #c0fbb8;
}
.reschedule-calendar-wrapper .dp-timebox.is-off, .reschedule-calendar-wrapper .dp-timebox.is-booked {
color: #b3b3b3;
background-color: #f7f7f7;
box-shadow: none;
cursor: not-allowed;
}
.reschedule-calendar-wrapper .dp-timebox.selected {
background-color: var(--latepoint-brand-primary);
color: #fff;
box-shadow: none;
}
.reschedule-calendar-wrapper .dp-timebox.selected:after {
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e903";
background-color: var(--latepoint-brand-primary);
box-shadow: 0px 0px 0px 2px #fff;
border-radius: 50%;
width: 14px;
line-height: 14px;
height: 14px;
top: -5px;
right: -5px;
font-size: 10px;
text-align: center;
position: absolute;
color: #fff;
animation: 0.2s ease 0s selectedSlotCheckmark;
animation-fill-mode: both;
}
.reschedule-calendar-wrapper .time-selector-w {
display: none;
margin-top: 20px;
margin-left: -2px;
margin-right: -2px;
}
.reschedule-calendar-wrapper .time-selector-w.hide-not-available-slots .dp-timebox.is-off, .reschedule-calendar-wrapper .time-selector-w.hide-not-available-slots .dp-timebox.is-booked {
display: none;
}
.reschedule-calendar-wrapper .time-selector-w .th-timezone {
text-transform: uppercase;
font-size: 10px;
letter-spacing: 0.5px;
margin-top: 4px;
}
.reschedule-calendar-wrapper .time-selector-w .th-timezone strong {
color: #7c85a3;
}
.reschedule-calendar-wrapper .time-selector-w.style-timebox {
margin-top: 20px;
}
.reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
}
.reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots.slots-not-available {
grid-template-columns: repeat(1, 1fr) !important;
}
.reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots .not-working-message {
border-radius: 4px;
padding: 6px;
}
.reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots .dp-timebox .dp-label-capacity {
display: none;
}
.reschedule-calendar-wrapper .time-selector-w.style-timebox .timeslots .dp-timebox.is-off {
display: none;
}
.reschedule-calendar-wrapper .time-selector-w.style-timebox .times-header {
display: flex;
align-items: center;
margin-bottom: 10px;
padding-top: 10px;
}
.reschedule-calendar-wrapper .time-selector-w.style-timebox .times-header .times-header-label {
flex: 1;
margin: 0px 15px;
white-space: nowrap;
}
.reschedule-calendar-wrapper .time-selector-w.style-timebox .times-header .th-line {
height: 1px;
flex: 1;
background-color: rgba(0, 0, 0, 0.1);
content: "";
}
.reschedule-calendar-wrapper .time-selector-w.style-timeline {
padding-bottom: 30px;
flex-wrap: no-wrap;
}
.reschedule-calendar-wrapper .time-selector-w.with-end-time.time-system-12 .timeslots {
grid-template-columns: repeat(2, 1fr);
}
.reschedule-calendar-wrapper .time-selector-w.with-end-time.time-system-12 .dp-timebox span.dp-label-end-time {
opacity: 0.7;
}
.reschedule-calendar-wrapper .time-selector-w.with-end-time.time-system-24 .timeslots {
grid-template-columns: repeat(3, 1fr);
}
.reschedule-calendar-wrapper .time-selector-w.with-end-time.time-system-24 .dp-timebox span.dp-label-end-time {
opacity: 0.7;
}
.reschedule-calendar-wrapper .time-selector-w.without-end-time.time-system-12 .timeslots {
grid-template-columns: repeat(4, 1fr);
}
.reschedule-calendar-wrapper .time-selector-w.without-end-time.time-system-24 .timeslots {
grid-template-columns: repeat(5, 1fr);
}
.reschedule-calendar-wrapper .dp-timeslot {
height: 24px;
flex-grow: 1;
margin: 0px;
box-shadow: inset 1px 0px 0px 0px #fff, inset -1px 0px 0px 0px #fff;
border-radius: 0px;
position: relative;
cursor: pointer;
background-color: #8fe286;
}
.reschedule-calendar-wrapper .dp-timeslot:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.reschedule-calendar-wrapper .dp-timeslot .dp-tick {
position: absolute;
display: block;
top: 34px;
left: 50%;
transform: translateX(-50%);
font-size: 8px;
text-align: center;
color: rgba(0, 0, 0, 0.4);
text-transform: uppercase;
line-height: 1.4;
font-weight: 600;
letter-spacing: 1px;
}
.reschedule-calendar-wrapper .dp-timeslot .dp-tick strong {
display: block;
color: rgb(0, 0, 0);
font-size: 11px;
line-height: 1;
letter-spacing: 0px;
white-space: nowrap;
}
.reschedule-calendar-wrapper .dp-timeslot .dp-success-label {
color: rgba(255, 255, 255, 0.8);
display: block;
text-align: center;
margin-bottom: 4px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 10px;
}
.reschedule-calendar-wrapper .dp-timeslot .dp-label {
display: none;
text-align: center;
padding: 7px 8px 7px 8px;
line-height: 1;
background-color: #04bb03;
color: #fff;
font-size: 12px;
font-weight: 600;
position: absolute;
left: 50%;
top: -8px;
transform: translate(-50%, -100%);
white-space: nowrap;
transition: all 0.2s ease;
z-index: 10;
}
.reschedule-calendar-wrapper .dp-timeslot .dp-label-capacity {
display: block;
color: rgba(255, 255, 255, 0.8);
text-align: center;
margin-bottom: 4px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 10px;
}
.reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked), .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off) {
background-color: var(--latepoint-brand-primary);
z-index: 4;
}
.reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked) .dp-label-capacity, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off) .dp-label-capacity {
display: none;
}
.reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked):hover, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off):hover {
background-color: var(--latepoint-brand-primary);
}
.reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked):after, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off):after {
content: "";
position: absolute;
width: 1px;
left: 50%;
transform: translateX(-50%);
top: 0px;
bottom: 0px;
background-color: var(--latepoint-brand-primary);
display: none;
}
.reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked) .dp-label, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off) .dp-label {
top: -3px;
background-color: var(--latepoint-brand-primary);
color: #fff;
display: block;
}
.reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-booked):before, .reschedule-calendar-wrapper .dp-timeslot.selected:not(.is-off):before {
background-color: var(--latepoint-brand-primary);
display: block;
width: 10px;
height: 10px;
transform: translateX(-50%) rotate(45deg);
top: -12px;
left: 50%;
}
.reschedule-calendar-wrapper .dp-timeslot.is-booked {
background-color: #e6e9ef;
margin: 0px;
cursor: not-allowed;
}
.reschedule-calendar-wrapper .dp-timeslot.is-booked:before {
background-color: #E42806;
}
.reschedule-calendar-wrapper .dp-timeslot.is-booked .dp-label {
background-color: #E42806;
}
.reschedule-calendar-wrapper .dp-timeslot.is-booked:hover {
background-color: #E42806;
}
.reschedule-calendar-wrapper .dp-timeslot.is-off {
background-color: #e6e9ef;
margin: 0px;
border-color: #fff;
max-width: 25%;
cursor: not-allowed;
}
.reschedule-calendar-wrapper .dp-timeslot.is-off:before {
background-color: #E42806;
}
.reschedule-calendar-wrapper .dp-timeslot.is-off .dp-label {
background-color: #E42806;
}
.reschedule-calendar-wrapper .dp-timeslot.is-off:hover {
background-color: #e6e9ef;
}
.reschedule-calendar-wrapper .dp-timeslot.is-off:hover .dp-label {
display: none;
}
.reschedule-calendar-wrapper .dp-timeslot.with-tick:after {
content: "";
position: absolute;
width: 1px;
left: 50%;
height: 3px;
bottom: -7px;
background-color: rgba(0, 0, 0, 0.4);
}
.reschedule-calendar-wrapper .dp-timeslot:hover {
background-color: #04bb03;
}
.reschedule-calendar-wrapper .dp-timeslot:hover:before {
top: 0px;
}
.reschedule-calendar-wrapper .dp-timeslot:hover .dp-label {
display: block;
}
.reschedule-calendar-wrapper .os-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: 30px;
color: #14161d;
}
.latepoint-lightbox-w .reschedule-confirmation-wrapper .desc {
font-size: 21px;
margin-bottom: 20px;
}
.latepoint-lightbox-w .reschedule-confirmation-wrapper .rescheduled-date-time-info .info-label {
color: #7c85a3;
margin-bottom: 5px;
}
.latepoint-lightbox-w .reschedule-confirmation-wrapper .rescheduled-date-time-info .info-value {
font-weight: 600;
}
.bundle-services .bundle-included-service-wrapper {
display: flex;
padding: 10px 0;
font-size: 15px;
justify-content: space-between;
}
.bundle-services .bundle-included-service-wrapper .bundle-included-service-name {
color: #7c85a3;
}
.bundle-services .bundle-included-service-wrapper .bundle-included-service-quantity {
font-weight: 600;
}
.bundle-services .bundle-included-service-wrapper + .bundle-included-service-wrapper {
border-top: 1px solid #f1f1f1;
}
.customer-bundle-tile {
color: #222;
align-self: flex-start;
position: relative;
}
.customer-bundle-tile .customer-bundle-tile-inner {
background: #FFFFFF;
border: 1px solid #ddd;
border-bottom-color: #ccc;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
padding: 25px;
position: relative;
z-index: 3;
}
.customer-bundle-tile .customer-bundle-tile-shadow {
z-index: 2;
position: absolute;
left: 6px;
right: 6px;
bottom: -5px;
height: 10px;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4);
background-color: #fff;
}
.customer-bundle-tile .customer-bundle-tile-shadow + .customer-bundle-tile-shadow {
bottom: -11px;
z-index: 1;
left: 12px;
right: 12px;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
.customer-bundle-tile .bundle-main-info-wrapper {
display: flex;
justify-content: space-between;
padding-bottom: 35px;
border-bottom: 1px solid #f1f1f1;
align-items: flex-start;
}
.customer-bundle-tile .bundle-main-info-wrapper .bundle-icon {
padding: 10px;
line-height: 20px;
font-size: 20px;
background-color: color-mix(in srgb, var(--latepoint-brand-primary) 10%, transparent);
border-radius: 30px;
color: var(--latepoint-brand-primary);
}
.customer-bundle-tile .bundle-name {
color: #14161d;
padding-bottom: 5px;
margin: 0px;
text-align: left;
text-transform: none;
font-size: 21px;
line-height: 1.2;
}
.customer-bundle-tile .bundle-order-info a {
color: var(--latepoint-brand-primary);
border-bottom: 1px dotted var(--latepoint-brand-primary);
text-decoration: none;
}
.customer-bundle-tile .customer-bundle-bottom-actions {
display: flex;
align-items: center;
gap: 20px;
padding-top: 25px;
border-top: 1px solid #eee;
justify-content: stretch;
}
.customer-bundle-tile .customer-bundle-bottom-actions .latepoint-btn {
padding: 7px 10px;
}
.latepoint-customer-bundle-scheduling-summary {
padding: 30px;
}
.latepoint-customer-bundle-scheduling-summary .summary-box.main-box {
padding: 0;
display: block;
}
.latepoint-customer-bundle-scheduling-summary .summary-box .sbc-big-item {
font-size: 27px;
}
.latepoint-customer-bundle-scheduling-summary .summary-box .sbc-subtle-item {
display: none;
}
.latepoint-customer-bundle-scheduling-summary .bundle-order-small-info a {
color: var(--latepoint-brand-primary);
text-decoration: none;
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown {
border-top: 1px solid #f1f1f1;
padding-top: 15px;
margin-top: 20px;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-cancelled-bookings-wrapper .order-item-cancelled-bookings-heading {
padding-top: 5px;
padding-bottom: 5px;
color: #7c85a3;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-cancelled-bookings-wrapper:not(:last-child) {
margin-bottom: 20px;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .bundle-service-info {
margin-bottom: 10px;
color: #7c85a3;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking + .bundle-service-info {
margin-top: 20px;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking {
display: flex;
gap: 8px;
align-items: center;
margin-bottom: 10px;
padding: 8px;
border: 1px dotted #aaa;
cursor: pointer;
position: relative;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking:hover {
border: 1px solid var(--latepoint-brand-primary);
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.os-loading:before {
display: block;
content: "";
width: 14px !important;
height: 14px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
left: auto;
right: 0px;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.os-loading .bib-icon {
color: transparent;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking .bib-icon {
margin-left: auto;
font-size: 10px;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking .booking-item-status-pill {
width: 15px;
height: 15px;
background-color: #eee;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked {
border: 1px solid #ddd;
border-bottom-color: #bbb;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
color: #14161d;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked:hover {
box-shadow: none;
border-color: var(--latepoint-brand-primary);
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked .booking-item-status-pill {
background-color: #bcd96e;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked.is-past .booking-item-status-pill {
background-color: #d9eba6;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked.bundle-booking-status-pending .booking-item-status-pill {
background-color: #fad277;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked.bundle-booking-status-cancelled .booking-item-status-pill {
background-color: #fa7b77;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items {
display: none;
gap: 5px;
margin-top: 20px;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items .bookable-item {
flex: 1;
border-radius: 2px;
background-color: #eee;
height: 6px;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items .bookable-item.is-past.is-booked {
background-color: #bcd96e;
}
.latepoint-customer-bundle-scheduling-summary .bookable-items .bookable-item.is-booked {
background-color: #d9eba6;
}
.latepoint-transaction-payment-form {
position: relative;
}
.latepoint-transaction-payment-form .lp-payment-charge-amount {
background-color: #fbf6e1;
color: #877865;
margin-bottom: 20px;
padding: 15px;
text-align: center;
}
.latepoint-transaction-payment-form .lp-payment-charge-amount strong {
color: #000;
}
.latepoint-transaction-payment-form .latepoint-lightbox-footer {
display: flex;
align-items: center;
gap: 10px;
justify-content: space-between;
}
.latepoint-transaction-payment-form .latepoint-lightbox-footer .latepoint-btn-primary {
margin-left: auto;
}
.latepoint-transaction-payment-form .latepoint-lightbox-footer .latepoint-btn.latepoint-btn-block {
flex: 1;
}
.latepoint-transaction-payment-form.os-loading .latepoint-lightbox-footer {
display: none;
}
.entry-content a, .entry-summary a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {
box-shadow: none;
}
.os_trigger_booking {
cursor: pointer;
}
.latepoint-step-svg-highlight {
fill: #020202;
}
.latepoint-step-svg-base {
fill: #020202;
}
.latepoint-w {
line-height: 1.3;
max-width: initial !important;
}
.latepoint-w strong, .latepoint-w b {
font-weight: 600;
}
.latepoint-w ul li {
list-style: none;
}
.latepoint-book-form-wrapper.os-loading .latepoint-form-w {
min-height: 300px;
}
.latepoint-book-form-wrapper.os-loading .latepoint-form-w:before {
display: block;
content: "";
width: 40px !important;
height: 40px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.latepoint-w .slot-not-available-wrapper {
text-align: center;
padding: 50px;
width: 400px;
position: relative;
}
.latepoint-w .slot-not-available-wrapper .latepoint-lightbox-close {
position: absolute;
top: 10px;
right: 10px;
line-height: 1;
font-size: 18px;
padding: 5px;
cursor: pointer;
}
.latepoint-w .slot-not-available-wrapper .latepoint-lightbox-close:hover {
background-color: #f7f7f7;
}
.latepoint-w .slot-not-available-wrapper .icon-w {
margin-bottom: 20px;
}
.latepoint-w .slot-not-available-wrapper .icon-w i {
background: #ffd1d1;
padding: 15px;
border-radius: 40px;
color: #a31818;
font-size: 28px;
display: inline-block;
}
.latepoint-w .slot-not-available-wrapper h2 {
margin: 0 0 10px 0;
font-size: 20px;
color: #14161d;
line-height: 1.2;
}
.latepoint-w .slot-not-available-wrapper .desc {
font-size: 17px;
margin-bottom: 20px;
}
.latepoint-w .slot-not-available-wrapper .booking-date-time-info .info-label {
color: #7c85a3;
margin-bottom: 5px;
}
.latepoint-w .slot-not-available-wrapper .booking-date-time-info .info-value {
font-weight: 600;
}
.latepoint-w.latepoint-lightbox-form {
max-height: 100%;
display: flex;
overflow: hidden;
}
.latepoint-w.latepoint-inline-form {
margin: 20px 0;
display: flex;
}
.latepoint-w.latepoint-inline-form .latepoint-booking-form-element {
box-shadow: 0 10px 30px 0 rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6);
margin: 0px auto;
}
.latepoint-w.latepoint-inline-form .latepoint-booking-form-element .latepoint-lightbox-close {
display: none !important;
}
.latepoint-w.latepoint-inline-form .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
font-size: 20px;
}
.latepoint-w.latepoint-inline-form .latepoint-booking-form-element .latepoint-heading-w {
text-align: center;
}
.latepoint-w.latepoint-inline-form .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
max-height: inherit;
}
.latepoint-w.latepoint-with-summary .latepoint-lightbox-i {
transition: all 0.4s cubic-bezier(0.05, 0.45, 0.1, 1);
}
.latepoint-w.latepoint-with-summary .latepoint-booking-form-element {
transition: all 0.4s cubic-bezier(0.05, 0.45, 0.1, 1);
}
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-progress {
display: none;
}
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .latepoint-side-panel {
display: none;
}
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .step-datepicker-w {
padding: 0px 15px;
}
.latepoint-w .latepoint-booking-form-element {
display: flex;
align-items: stretch;
position: relative;
}
.latepoint-w .latepoint-booking-form-element[class*=current-step-payment__] .latepoint-summary-w .checkout-from-summary-panel-btn-wrapper {
display: none;
}
.latepoint-w .latepoint-booking-form-element[class*=current-step-payment__] .latepoint-summary-w .summary-box .summary-box-content .os-remove-item-from-cart {
display: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary {
text-align: right;
}
.latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger {
display: inline-flex;
align-items: center;
gap: 5px;
color: var(--latepoint-brand-primary);
font-weight: 600;
font-size: 13px;
line-height: 1.5;
cursor: pointer;
}
.latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger span {
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger div + div {
margin: 0 auto;
}
.latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger .latepoint-icon {
font-size: 13px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-add-another-item-trigger-wrapper.on-summary .latepoint-add-another-item-trigger:hover span {
border-bottom-style: solid;
}
.latepoint-w .latepoint-booking-form-element h1, .latepoint-w .latepoint-booking-form-element h2, .latepoint-w .latepoint-booking-form-element h3, .latepoint-w .latepoint-booking-form-element h4, .latepoint-w .latepoint-booking-form-element h5 {
color: var(--latepoint-headings-color);
}
.latepoint-w .latepoint-booking-form-element a {
text-decoration: none;
}
.latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w {
display: block;
}
.latepoint-w .latepoint-booking-form-element.current-step-confirmation .latepoint-form-w .latepoint-heading-w {
border-bottom: none;
position: fixed;
top: 10px;
right: 10px;
z-index: 99999;
padding: 0;
}
.latepoint-w .latepoint-booking-form-element.current-step-confirmation .latepoint-form-w .latepoint-heading-w .os-heading-text {
display: none;
}
.latepoint-w .latepoint-booking-form-element.current-step-confirmation .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
margin-left: 0;
padding: 5px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-progress {
text-align: center;
color: #7c85a3;
font-size: 15px;
padding-top: 15px;
margin-bottom: 30px;
display: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-progress ul {
list-style: none;
margin: 0px auto;
padding: 0px;
text-align: center;
justify-content: center;
display: flex;
gap: 10px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-progress ul li {
display: block;
flex: 0;
margin: 0px;
padding: 0px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item {
height: 5px;
width: 5px;
background-color: rgba(0, 0, 0, 0.07);
display: block;
color: #7c85a3;
text-decoration: none;
position: relative;
box-shadow: none;
font-weight: 600;
font-size: 13px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item span {
position: absolute;
display: block;
left: 50%;
top: -5px;
transform: translate(-50%, -150%);
display: inline-block;
background-color: var(--latepoint-brand-primary);
color: #fff;
padding: 3px 6px;
line-height: 1.1;
visibility: hidden;
opacity: 0;
transition: all 0.2s ease;
white-space: nowrap;
}
.latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item:hover {
background-color: rgba(0, 0, 0, 0.15);
}
.latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item:hover span {
opacity: 1;
transform: translate(-50%, -105%);
visibility: visible;
}
.latepoint-w .latepoint-booking-form-element .latepoint-progress ul li.active .progress-item, .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li.complete .progress-item {
background-color: color-mix(in srgb, var(--latepoint-brand-primary) 20%, transparent);
}
.latepoint-w .latepoint-booking-form-element .latepoint-progress ul li.active .progress-item:hover, .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li.complete .progress-item:hover {
background-color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .info-box {
background-color: #FFF3CB;
margin-top: 20px;
padding: 10px;
font-size: 13px;
color: #4e4841;
}
.latepoint-w .latepoint-booking-form-element .info-box .info-box-buttons {
margin-top: 10px;
}
.latepoint-w .latepoint-booking-form-element .info-box .info-box-buttons a {
background-color: #fff;
color: var(--latepoint-body-color);
font-weight: 600;
padding: 3px 8px;
display: inline-block;
text-decoration: none;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel {
flex: 0 0 270px;
width: 270px;
background-color: var(--latepoint-side-panel-bg);
border-right: 1px solid rgba(0, 0, 0, 0.1);
padding: 15px 30px 25px 30px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: 0px 0px 0px 0px;
position: relative;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w {
margin-top: 15px;
display: none;
position: relative;
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 10px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w.os-loading:before {
display: block;
content: "";
width: 12px !important;
height: 12px !important;
border-bottom: 2px solid var(--latepoint-body-color);
border-left: 2px solid var(--latepoint-body-color);
border-top: 2px solid var(--latepoint-body-color);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
left: -13px;
right: auto;
top: auto;
bottom: 1px;
z-index: 9999;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group.os-form-select-group label {
display: block !important;
font-size: 12px !important;
color: #7c85a3;
margin-bottom: 3px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group.os-form-select-group select.os-form-control {
height: 26px !important;
padding: 0px 3px !important;
font-size: 12px !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group {
margin-bottom: 0px !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-timezone-selector-w select {
text-align-last: center;
text-align: center;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w {
padding: 50px 0px 50px 0px;
color: #7c85a3;
margin-bottom: auto;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc-library {
display: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media {
width: 80px;
height: 80px;
background-size: contain;
background-repeat: no-repeat;
background-position: bottom center;
display: inline-block;
margin-bottom: 20px;
position: relative;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w {
width: 70px;
height: auto;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before {
content: "";
width: 40px;
height: 40px;
background-color: color-mix(in srgb, var(--latepoint-brand-primary) 20%, transparent);
position: absolute;
bottom: 50%;
right: 50%;
z-index: 1;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w svg {
z-index: 2;
position: relative;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-title {
padding-top: 0px;
margin-bottom: 5px;
font-size: 20px;
line-height: 1.2;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions {
color: #7c85a3;
margin-top: 0;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions h5 {
margin: 0px;
line-height: 1.4;
margin-bottom: 5px;
position: relative;
font-size: 15px;
text-transform: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions p:last-child {
margin-bottom: 0px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions a {
text-decoration: underline;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w {
flex: 0 0 470px;
width: 470px;
background-color: #fff;
border-radius: 0px 0px 0px 0px;
position: relative;
z-index: 2;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w.showing-item-details-popup .latepoint-body {
padding: 0;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w.showing-item-details-popup .latepoint-footer, .latepoint-w .latepoint-booking-form-element .latepoint-form-w.showing-item-details-popup .latepoint-heading-w, .latepoint-w .latepoint-booking-form-element .latepoint-form-w.showing-item-details-popup .latepoint-step-content {
display: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w form {
background-color: #fff;
padding: 0px;
min-height: 100%;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w {
align-items: center;
padding: 30px 15px;
justify-content: space-around;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .select-total-attendees-label {
padding-right: 20px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .select-total-attendees-label h4 {
margin: 0px !important;
padding: 0px !important;
font-size: 21px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .select-total-attendees-label .sta-sub-label {
font-size: 13px;
color: #7c85a3;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w {
background-color: #fff;
display: flex;
align-items: center;
padding: 5px 10px;
border: 1px solid #cad2e0;
outline-style: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w input {
text-align: center;
border: none !important;
padding: 0px 5px !important;
font-size: 22px !important;
font-weight: 600;
width: 50px !important;
margin: 0px !important;
background-color: #fff !important;
color: var(--latepoint-body-color) !important;
box-shadow: none !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w input::placeholder {
color: rgba(0, 0, 0, 0.1);
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w input:focus {
outline: none !important;
box-shadow: none !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w .total-attendees-selector {
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
font-size: 20px;
background-color: #f3f4f9;
padding: 4px;
line-height: 1;
flex: 0;
text-align: center;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w .total-attendees-selector:hover {
color: #fff;
background-color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered {
text-align: center;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .total-attendees-selector-w {
width: 150px;
margin: 0px auto;
justify-content: space-between;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .total-attendees-selector-w input {
font-size: 33px !important;
width: 100% !important;
line-height: 1.4 !important;
font-family: "latepoint", "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .select-total-attendees-label {
margin-bottom: 20px;
padding: 0px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .select-total-attendees-label h4 {
font-size: 27px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .select-total-attendees-w.style-centered .select-total-attendees-label .sta-sub-label {
font-size: 18px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-form {
display: flex;
justify-content: stretch;
flex-direction: column;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w {
background-color: #fff;
padding: 15px 15px 15px 40px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
text-align: left;
display: flex;
align-items: center;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
padding: 5px;
order: 1;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger,
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
transform: none;
position: relative;
top: auto;
right: auto;
left: auto;
order: 1;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
order: 2;
margin-left: 10px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
color: #1e222b;
font-size: 20px;
box-shadow: none;
line-height: 18px;
z-index: 2;
display: none;
position: relative;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger span {
position: absolute;
top: -3px;
right: -3px;
font-size: 11px;
box-shadow: 0 0 0 2px #fff;
background-color: #000;
color: #fff;
padding: 2px;
border-radius: 50%;
line-height: 1;
width: 11px;
text-align: center;
box-sizing: content-box;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger i {
line-height: 1;
display: block;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {
color: #1e222b;
font-size: 20px;
box-shadow: none;
display: block;
line-height: 18px;
z-index: 2;
position: relative;
top: 0;
left: 0;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close i {
line-height: 1;
display: block;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .os-heading-text {
margin: 0px;
font-size: 20px;
line-height: 1.2;
margin-right: auto;
padding: 3px 0;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .os-heading-text-library {
display: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
padding: 40px;
flex: 1;
overflow-y: scroll;
transition: all 0.2s ease;
position: relative;
min-height: 200px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h3, .latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h4 {
color: #14161d;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body .os-step-header {
margin-top: 0px;
margin-bottom: 25px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h3 {
font-size: 21px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body h4 {
font-size: 18px;
padding: 0px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer {
position: relative;
padding: 10px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
display: flex;
justify-content: space-between;
background-color: #fff;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-progress {
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 0px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-progress ul li {
flex: 0 0 5px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-progress ul li .progress-item {
width: 5px;
height: 5px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-next-btn {
margin-left: auto;
animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s both latepointNextBtn;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-next-btn.disabled {
display: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-next-btn:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-prev-btn {
animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0s both latepointPrevBtn;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-prev-btn.disabled {
display: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-prev-btn:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn {
font-weight: 600;
box-shadow: none;
padding: 8px 14px;
font-size: 14px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn.disabled {
background-color: #E3E6F0;
color: #B5BAD2;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn.disabled span {
color: #B5BAD2;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn.disabled i {
color: #B5BAD2;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn i {
font-size: 9px;
transition: transform 0.1s ease;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn i + span {
margin-left: 5px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn span + i {
margin-left: 5px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn:hover.latepoint-next-btn i {
transform: translateX(3px);
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn:hover.latepoint-prev-btn i {
transform: translateX(-3px);
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content {
color: #7c85a3;
min-height: 140px;
text-align: left;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content.is-hidden {
display: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-centered {
text-align: center;
margin-bottom: 15px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-centered > h4 {
margin-bottom: 5px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left {
padding: 0 0 15px 0;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left a {
text-decoration: underline;
color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left > p:last-child:first-child {
margin: 0 !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left > h4 {
margin-bottom: 5px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .lp-payment-charge-amount {
background-color: #fbf6e1;
color: #877865;
margin-bottom: 20px;
padding: 15px;
text-align: center;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .lp-payment-charge-amount strong {
color: #000;
}
.latepoint-w .latepoint-booking-form-element .lp-demo-mode-msg {
padding: 8px 10px;
background-color: #ffd534;
color: #211f1a;
font-size: 15px;
font-weight: 600;
margin-bottom: 10px;
text-align: center;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-day-status {
border-radius: 2px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .lp-demo-mode-msg {
border-radius: 8px;
}
.latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-available-slots-tooltip, .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .dp-capacity {
border-radius: 4px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-method-content {
position: relative;
display: none;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-method-content.os-loading .lp-payment-method-content-i {
opacity: 0;
min-height: 50px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-method-content.os-loading:before {
display: block;
content: "";
width: 40px !important;
height: 40px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 9999;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #fff7d0;
padding: 5px 10px;
color: #8a7f66;
font-size: 18px;
margin-top: 20px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info div {
white-space: nowrap;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .lp-price-value {
font-weight: 600;
color: #14161d;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .lp-price-value > span {
text-decoration: line-through;
display: inline-block;
margin-right: 3px;
opacity: 0.5;
font-size: 15px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info a {
color: #846337;
display: block;
text-decoration: none;
background-color: rgba(255, 255, 255, 0.61);
font-weight: 600;
padding: 2px;
border-radius: 2px 5px;
font-size: 13px;
margin-left: 30px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-deposit-price-w,
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-total-price-w {
padding: 4px 0px;
margin: 0px auto;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-deposit-price-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.paying-deposit .payment-total-price-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.paying-deposit .payment-deposit-price-w {
display: block;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code {
display: none;
padding: 4px 5px 4px 8px;
line-height: 1;
background-color: #fff;
color: #111;
border: 1px dashed #111;
font-weight: 600;
font-size: 13px;
margin-left: 20px;
text-transform: uppercase;
vertical-align: middle;
position: relative;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-self {
display: inline-block;
vertical-align: middle;
line-height: 1.1;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-clear {
line-height: 1.1;
display: inline-block;
vertical-align: middle;
margin-left: 3px;
cursor: pointer;
position: relative;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-clear.os-loading:before {
display: block;
content: "";
width: 10px !important;
height: 10px !important;
border-bottom: 2px solid #111;
border-left: 2px solid #111;
border-top: 2px solid #111;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
right: -5px;
left: auto;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .applied-coupon-code .coupon-code-clear.os-loading i {
opacity: 0;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w {
display: none;
position: relative;
margin-left: 20px !important;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w.os-loading:before {
display: block;
content: "";
width: 12px !important;
height: 12px !important;
border-bottom: 2px solid #A45D00;
border-left: 2px solid #A45D00;
border-top: 2px solid #A45D00;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
left: -13px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input {
border: none !important;
border: 1px solid #d0bca8 !important;
padding: 5px 7px !important;
background-color: #fff !important;
box-shadow: none !important;
font-size: 13px !important;
line-height: 1.3 !important;
display: block !important;
width: 135px !important;
margin: 0px !important;
border-radius: 0px !important;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input:focus, .latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input:active {
box-shadow: none !important;
outline: none !important;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input::placeholder {
color: #A38E7B !important;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w .coupon-code-input-submit {
position: absolute;
top: 50%;
right: 5px;
transform: translateY(-50%);
vertical-align: middle;
background-color: var(--latepoint-brand-primary);
color: #fff;
text-transform: uppercase;
padding: 2px 5px;
font-size: 12px;
font-weight: 600;
cursor: pointer;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.entering-coupon .coupon-code-trigger-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.entering-coupon .coupon-code-input-w {
display: block;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.coupon-is-applied .coupon-code-trigger-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.coupon-is-applied .coupon-code-input-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info.coupon-is-applied .applied-coupon-code {
display: block;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w > h4 {
margin-bottom: 10px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-methods-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-portions-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-payment-times-w {
display: none;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w {
text-align: center;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger {
display: inline-block;
text-align: center;
padding: 10px 20px;
background-color: #fac555;
border-radius: 40px;
color: #111;
margin-top: 15px;
font-weight: 600;
cursor: pointer;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger:hover {
box-shadow: 0px 0px 0px 2px #ffb011;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger span {
display: inline-block;
vertical-align: middle;
padding-left: 10px;
margin-left: 10px;
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-demo-mode-trigger img {
height: 20px;
width: auto;
display: inline-block;
vertical-align: middle;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-btn-trigger {
padding: 20px 0px 5px;
position: relative;
min-height: 60px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .lp-paypal-btn-trigger-w .lp-paypal-btn-trigger:before {
display: block;
content: "";
width: 20px !important;
height: 20px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
top: 35px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w[data-sub-step=payment-times] .lp-payment-times-w {
display: block;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w[data-sub-step=payment-methods] .lp-payment-methods-w {
display: block;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w[data-sub-step=payment-portions] .lp-payment-portions-w {
display: block;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-centered {
display: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item {
position: relative;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-value {
font-size: 49px;
font-weight: 600;
line-height: 1.1;
color: var(--latepoint-brand-primary);
font-family: "latepoint", "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-label {
color: #7c85a3;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-sub-label {
opacity: 0.8;
color: #7c85a3;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-sub-label span {
font-weight: 600;
color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-service-durations .os-item .os-duration-price {
font-family: "latepoint", "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
position: absolute;
top: 0px;
right: 0px;
padding: 5px;
color: #D09F1D;
line-height: 1;
font-size: 16px;
font-weight: 600;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ {
list-style-type: none !important;
margin: 0px !important;
padding: 0px !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item {
margin-bottom: 15px;
list-style: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i {
display: flex;
background: #FFFFFF;
border: 1px solid #E5E7EE;
align-items: center;
box-shadow: none;
outline: none;
padding: 10px 15px;
color: var(--latepoint-body-color);
text-decoration: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i:hover {
border-color: var(--latepoint-brand-primary);
text-decoration: none;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-img-w {
flex: 0 0 40px;
height: 40px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
margin-right: 15px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-name-w {
padding: 10px 0px;
margin-right: auto;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-name-w .service-name {
font-weight: 600;
font-size: 18px;
display: block;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-name-w .service-desc {
color: #7c85a3;
font-size: 13px;
display: block;
margin-top: 3px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-price-w {
border-left: 1px solid rgba(0, 0, 0, 0.05);
padding-left: 15px;
margin-left: 10px;
text-align: center;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-price-w .service-price {
display: block;
color: #D09F1D;
font-size: 24px;
line-height: 1.1;
font-weight: 600;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item .os-item-i .service-price-w .service-price-label {
display: block;
color: #7c85a3;
font-size: 12px;
white-space: nowrap;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item.selected .os-service-durations {
display: flex;
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item.selected > .os-item-i {
border-color: var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-booking-form-element .latepoint-step-content .os-services_ .os-item.with-description a .service-name-w {
padding: 5px 0px;
}
.lp-strike {
text-decoration: line-through;
opacity: 0.8;
}
.latepoint-booking-form-element .step-verify-w .summary-box.main-box .summary-box-booking-date-box {
display: none;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper {
position: relative;
margin-bottom: 25px;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item {
padding: 15px;
border: 1px solid #e2e2e2;
border-bottom-color: #d2d2d2;
box-shadow: 0 2px rgba(0, 0, 0, 0.05);
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box-heading {
margin-bottom: 0px;
margin-top: 0;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box-heading .sbh-line {
display: none;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box .sbc-big-item {
font-size: 17px;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box-heading {
display: none;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-box-heading .sbh-item {
font-size: 13px;
font-weight: 400;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.multi-item .summary-boxes-columns {
border-top: 1px solid rgba(0, 0, 0, 0.05);
padding-top: 10px;
margin-top: 15px;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.single-item .os-remove-item-from-cart {
display: none;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.single-item .summary-box .sbc-big-item {
font-size: 20px;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper.single-item .summary-box .sbc-highlighted-item {
font-size: 15px;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper .summary-box.main-box {
padding: 0;
}
.latepoint-booking-form-element .step-verify-w .cart-item-wrapper .os-remove-item-from-cart {
box-shadow: 0 0 0 4px #fff;
color: #fff;
top: -5px;
right: -5px;
background-color: #f64f4f;
}
.latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-summary {
display: none;
}
.latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify {
margin-top: 20px;
}
.latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger {
align-items: center;
padding: 8px 10px;
border: 1px dotted #14161d;
color: #14161d;
display: flex;
gap: 10px;
font-weight: 600;
cursor: pointer;
}
.latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger span {
margin: 0 auto;
}
.latepoint-booking-form-element .step-verify-w .latepoint-add-another-item-trigger-wrapper.on-verify .latepoint-add-another-item-trigger:hover {
border-style: solid;
}
.latepoint-booking-form-element .step-verify-w .cart-summary-main-section > .summary-heading:first-child {
margin-top: 0;
}
.latepoint-booking-form-element .step-verify-w .cart-summary-main-section > .summary-box.main-box:first-child {
padding-top: 0;
}
.latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .part-of-bundle-message {
padding: 10px;
background-color: #f1f3ff;
margin-bottom: 15px;
font-size: 15px;
}
.latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .part-of-bundle-message a {
color: var(--latepoint-brand-primary);
text-decoration: none;
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .summary-box.main-box {
padding-top: 0;
padding-bottom: 20px;
}
.latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .sbc-big-item {
font-size: 25px;
}
.latepoint-booking-form-element .step-verify-w .scheduling-bundle-booking-summary .sbc-highlighted-item {
font-size: 18px;
}
.latepoint-booking-form-element .step-verify-w .payment-summary-info .confirmation-info-w {
margin-top: 0px;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify {
margin-top: 10px;
text-align: right;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-trigger-on-verify-w {
padding: 8px 0 9px;
line-height: 1;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-trigger-on-verify-w a {
border-bottom: 1px solid var(--latepoint-brand-primary);
font-size: 13px;
color: var(--latepoint-brand-primary);
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code-wrapper {
align-items: center;
gap: 5px;
display: none;
background-color: #f7f7f7;
padding: 10px;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code-wrapper .coupon-code-label {
color: var(--latepoint-body-color);
font-size: 14px;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code {
padding: 2px 2px 2px 5px;
background-color: #fff;
color: #000;
border: 1px dotted #000;
line-height: 1;
font-weight: 600;
font-size: 13px;
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
gap: 5px;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-self {
display: block;
vertical-align: middle;
line-height: 1;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-clear {
line-height: 1;
display: block;
cursor: pointer;
position: relative;
font-size: 10px;
padding: 3px;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-clear:hover {
background-color: #000;
color: #fff;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-clear.os-loading:before {
display: block;
content: "";
width: 10px !important;
height: 10px !important;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
border-top: 2px solid #fff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
right: -5px;
left: auto;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .applied-coupon-code .coupon-code-clear.os-loading i {
opacity: 0;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w {
display: none;
position: relative;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w.os-loading:before {
display: block;
content: "";
width: 12px !important;
height: 12px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
left: -13px;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input {
border: none !important;
border: 1px solid #383838 !important;
padding: 5px 7px !important;
background-color: #fff !important;
box-shadow: none !important;
font-size: 13px !important;
line-height: 1 !important;
display: block !important;
width: auto !important;
flex: 1;
margin: 0px !important;
border-radius: 0px !important;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input:focus, .latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input:active {
box-shadow: none !important;
outline: none !important;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input::placeholder {
color: #8f8f8f !important;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-cancel,
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-submit {
padding: 9px 12px;
line-height: 1;
font-size: 14px;
font-weight: 600;
cursor: pointer;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-submit {
background-color: var(--latepoint-brand-primary);
color: #fff;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w .coupon-code-input-cancel {
background-color: #eee;
color: #444;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.entering-coupon .coupon-code-trigger-on-verify-w {
display: none;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.entering-coupon .coupon-code-trigger-on-verify-w {
display: none;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.entering-coupon .coupon-code-input-w {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.coupon-is-applied .coupon-code-trigger-on-verify-w {
display: none;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.coupon-is-applied .coupon-code-input-w {
display: none;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify.coupon-is-applied .applied-coupon-code-wrapper {
display: flex;
}
.latepoint-booking-form-element .step-confirmation-w .summary-box-wrapper + .summary-box-wrapper {
margin-top: 15px;
padding-top: 10px;
}
.latepoint-booking-form-element .step-confirmation-w .confirmation-head-info {
position: relative;
}
.latepoint-booking-form-element .step-confirmation-w .add-to-calendar-wrapper {
display: inline-block;
}
.latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent {
display: block;
margin: 0px auto 30px auto;
padding-bottom: 20px;
border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
.latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger {
display: none;
}
.latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-booking-info {
display: none;
}
.latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent {
display: none;
}
.latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent img {
display: block;
margin: 0px auto;
}
.latepoint-booking-form-element .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent .qr-code-label {
text-align: center;
font-size: 13px;
font-weight: 600;
text-align: center;
font-weight: 500;
padding: 10px 15px;
background: #fff1af;
line-height: 1.4;
color: #000;
}
.latepoint-booking-form-element .step-confirmation-w .payment-summary-info .confirmation-info-w {
margin-top: 0px;
}
.latepoint-booking-form-element .step-confirmation-w .confirmation-header {
margin-bottom: 0px;
margin-top: 0px;
}
.latepoint-booking-form-element .step-confirmation-w .confirmation-number {
color: #7c85a3;
padding-top: 0px;
margin-bottom: 8px;
font-size: 13px;
letter-spacing: 0.5px;
text-transform: uppercase;
font-weight: 600;
}
.latepoint-booking-form-element .step-confirmation-w .confirmation-number strong {
font-size: 39px;
letter-spacing: normal;
color: #14161d;
display: block;
line-height: 1.1;
}
.latepoint-booking-form-element .step-confirmation-w .confirmation-number .confirmation-checkmark {
padding: 10px;
font-size: 25px;
color: #fff;
background-color: #83de3a;
box-shadow: 0 0 0 5px #daffba;
border-radius: 50%;
line-height: 25px;
width: 45px;
height: 45px;
}
.latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password {
margin-top: 20px;
display: none;
}
.latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password h4 {
margin-bottom: 10px;
}
.latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields {
display: flex;
align-items: center;
}
.latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields .os-form-group {
flex: 1;
margin: 0px;
margin-bottom: 0px !important;
margin-right: 10px;
}
.latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields .os-form-group.os-form-textfield-group.has-value label {
display: none !important;
}
.latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields .os-form-group.os-form-textfield-group input.os-form-control {
padding: 7px 10px 7px 10px !important;
}
.latepoint-booking-form-element .step-confirmation-w .step-confirmation-set-password .set-password-fields .latepoint-btn {
flex: 0;
white-space: nowrap;
display: block;
text-align: center;
padding: 9px 20px;
}
.latepoint-booking-form-element .step-confirmation-w .confirmation-cabinet-info {
background-color: #F5F6FF;
margin-top: 20px;
text-align: center;
padding: 20px 40px;
display: none;
}
.latepoint-booking-form-element .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-text {
color: #14161d;
margin-bottom: 10px;
font-size: 18px;
font-weight: 600;
}
.latepoint-booking-form-element .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-link {
font-size: 15px;
background-color: var(--latepoint-brand-primary);
color: #fff !important;
padding: 8px 15px !important;
font-weight: 600;
text-decoration: none !important;
border: none !important;
display: inline-block !important;
}
.booking-status-info-wrapper {
display: flex;
gap: 10px;
padding: 15px 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
margin: -30px;
margin-bottom: 0;
align-items: center;
}
.booking-status-info-wrapper .booking-status-icon {
width: 24px;
height: 24px;
background-color: #eee;
position: relative;
}
.booking-status-info-wrapper .booking-status-label {
font-weight: 600;
font-size: 15px;
}
.booking-status-info-wrapper .booking-confirmation {
margin-left: auto;
font-size: 13px;
color: #7c85a3;
}
.booking-status-info-wrapper .booking-confirmation strong {
color: #14161d;
}
.booking-status-info-wrapper.status-approved .booking-status-icon {
background-color: #a0ffa4;
}
.booking-status-info-wrapper.status-approved .booking-status-icon:before {
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e928";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 16px;
}
.full-summary-wrapper .summary-status-wrapper, .confirmation-info-w .summary-status-wrapper {
padding: 0 0 30px 0;
color: #14161d;
font-size: 15px;
margin-bottom: 10px;
border-bottom: 10px solid rgba(0, 0, 0, 0.03);
}
.full-summary-wrapper .summary-status-wrapper .summary-status-inner, .confirmation-info-w .summary-status-wrapper .summary-status-inner {
display: flex;
flex-direction: column;
align-items: center;
}
.full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-title, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-title {
font-size: 24px;
font-weight: 600;
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
text-align: center;
}
.full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-description, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-description {
color: #7c85a3;
font-weight: 400;
font-size: 15px;
margin-top: 3px;
text-align: center;
}
.full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-icon, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-icon {
margin-bottom: 25px;
animation: 1s cubic-bezier(0.05, 0.45, 0.1, 1) 0.1s statusIconPop;
animation-fill-mode: both;
}
.full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-confirmation-number, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-confirmation-number {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #7c85a3;
margin-top: 15px;
padding: 3px 5px;
background-color: rgba(0, 0, 0, 0.03);
}
.full-summary-wrapper .summary-status-wrapper .summary-status-inner .ss-confirmation-number strong, .confirmation-info-w .summary-status-wrapper .summary-status-inner .ss-confirmation-number strong {
color: #14161d;
}
.full-summary-wrapper .summary-status-wrapper.summary-status-style-green .ss-icon, .confirmation-info-w .summary-status-wrapper.summary-status-style-green .ss-icon {
display: block;
padding: 15px;
background-color: #98ff96;
border-radius: 50%;
box-shadow: 0 0 0 10px #e1ffe0;
}
.full-summary-wrapper .summary-status-wrapper.summary-status-style-green .ss-icon:before, .confirmation-info-w .summary-status-wrapper.summary-status-style-green .ss-icon:before {
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e928";
color: #000;
line-height: 24px;
display: block;
font-size: 24px;
}
.full-summary-wrapper .summary-status-wrapper.summary-status-style-yellow .ss-icon, .confirmation-info-w .summary-status-wrapper.summary-status-style-yellow .ss-icon {
display: block;
padding: 10px;
background-color: #ffe196;
border-radius: 50%;
box-shadow: 0 0 0 10px #fff2e0;
width: 44px;
text-align: center;
}
.full-summary-wrapper .summary-status-wrapper.summary-status-style-yellow .ss-icon:before, .confirmation-info-w .summary-status-wrapper.summary-status-style-yellow .ss-icon:before {
content: "i";
color: #000;
line-height: 24px;
display: block;
font-size: 24px;
}
.full-summary-wrapper .summary-price-item-w.spi-sub, .confirmation-info-w .summary-price-item-w.spi-sub {
padding-left: 20px;
position: relative;
}
.full-summary-wrapper .summary-price-item-w.spi-sub:before, .confirmation-info-w .summary-price-item-w.spi-sub:before {
content: "";
width: 5px;
height: 5px;
border-left: 1px solid #7c85a3;
border-bottom: 1px solid #7c85a3;
position: absolute;
top: 50%;
left: 10px;
transform: translateY(-50%);
}
.full-summary-wrapper .summary-price-breakdown-wrapper.multi-item .subtotal-separator, .confirmation-info-w .summary-price-breakdown-wrapper.multi-item .subtotal-separator {
border-top: 1px solid #f1f1f1;
padding-bottom: 10px;
margin-top: 10px;
}
.full-summary-wrapper .order-item-bundle-info-wrapper, .confirmation-info-w .order-item-bundle-info-wrapper {
display: flex;
align-items: flex-start;
gap: 20px;
padding: 15px 0;
}
.full-summary-wrapper .order-item-bundle-info-wrapper .bundle-icon, .confirmation-info-w .order-item-bundle-info-wrapper .bundle-icon {
padding: 10px;
line-height: 20px;
font-size: 20px;
background-color: color-mix(in srgb, var(--latepoint-brand-primary) 10%, transparent);
border-radius: 30px;
color: var(--latepoint-brand-primary);
}
.full-summary-wrapper .order-item-bundle-info-wrapper .summary-box.main-box, .confirmation-info-w .order-item-bundle-info-wrapper .summary-box.main-box {
padding: 0;
}
.full-summary-wrapper .schedule-bundle-booking-btn-wrapper, .confirmation-info-w .schedule-bundle-booking-btn-wrapper {
padding-bottom: 20px;
}
.full-summary-wrapper .schedule-bundle-booking-btn, .confirmation-info-w .schedule-bundle-booking-btn {
padding: 4px 0;
background-color: #fff;
display: inline-flex;
gap: 8px;
font-weight: 600;
color: var(--latepoint-brand-primary);
text-decoration: none;
border: none;
align-items: center;
box-shadow: none;
cursor: pointer;
position: relative;
}
.full-summary-wrapper .schedule-bundle-booking-btn.os-loading:before, .confirmation-info-w .schedule-bundle-booking-btn.os-loading:before {
display: block;
content: "";
width: 14px !important;
height: 14px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
left: auto;
right: -5px;
}
.full-summary-wrapper .schedule-bundle-booking-btn.os-loading i, .confirmation-info-w .schedule-bundle-booking-btn.os-loading i {
visibility: hidden;
}
.full-summary-wrapper .schedule-bundle-booking-btn:hover span, .confirmation-info-w .schedule-bundle-booking-btn:hover span {
border-bottom-style: solid;
}
.full-summary-wrapper .schedule-bundle-booking-btn:hover i, .confirmation-info-w .schedule-bundle-booking-btn:hover i {
transform: translateX(3px);
}
.full-summary-wrapper .schedule-bundle-booking-btn span, .confirmation-info-w .schedule-bundle-booking-btn span {
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.full-summary-wrapper .schedule-bundle-booking-btn i, .confirmation-info-w .schedule-bundle-booking-btn i {
font-size: 9px;
transition: transform 0.2s ease;
}
.full-summary-wrapper .summary-price-breakdown-wrapper, .confirmation-info-w .summary-price-breakdown-wrapper {
margin-top: 30px;
}
.full-summary-wrapper .summary-box-heading, .confirmation-info-w .summary-box-heading {
margin-bottom: 10px;
}
.full-summary-wrapper .summary-box, .confirmation-info-w .summary-box {
padding-bottom: 0;
}
.full-summary-wrapper .summary-box .sbc-main-item, .confirmation-info-w .summary-box .sbc-main-item {
color: #14161d;
font-size: 15px;
font-weight: 600;
}
.confirmation-info-w {
position: relative;
}
.confirmation-info-w .order-summary-items-heading {
display: none;
}
.confirmation-info-w .price-breakdown-unfold {
display: none;
}
.confirmation-info-w ul {
list-style-type: none;
padding: 0px;
margin: 0px;
display: flex;
flex-wrap: wrap;
}
.confirmation-info-w ul li {
flex: 0 0 50%;
list-style-type: none;
margin: 0px;
color: #7c85a3;
font-weight: 600;
padding: 7px 10px 7px 0px;
line-height: 1.4;
font-size: 11px;
letter-spacing: 0.6px;
text-transform: uppercase;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.confirmation-info-w ul li strong {
text-transform: none;
letter-spacing: normal;
color: var(--latepoint-body-color);
display: block;
font-size: 15px;
}
.confirmation-info-w .confirmation-section-heading {
font-size: 19px;
display: block;
border-bottom: 1px solid var(--latepoint-brand-primary);
margin: 15px 0px 5px 0px;
color: var(--latepoint-brand-primary);
}
.latepoint-booking-form-element {  }
.latepoint-booking-form-element.hidden-buttons .latepoint-form-w .latepoint-body:after {
height: 40px;
}
.latepoint-booking-form-element.hidden-buttons .latepoint-form-w .latepoint-footer {
display: none;
}
.latepoint-booking-form-element .os-step-tabs {
display: flex;
color: #7c85a3;
margin-bottom: 20px;
font-weight: 600;
font-size: 15px;
line-height: 15px;
justify-content: space-between;
align-items: flex-end;
box-shadow: 0px 1px 0px 0px #E2E5EF;
height: 35px;
}
.latepoint-booking-form-element .os-step-tabs .os-step-tab {
transition: all 0.2s ease;
text-align: center;
padding: 8px 0px;
position: relative;
line-height: 15px;
font-size: 15px;
}
.latepoint-booking-form-element .os-step-tabs .os-step-tab:hover {
cursor: pointer;
color: var(--latepoint-body-color);
}
.latepoint-booking-form-element .os-step-tabs .os-step-tab:before {
position: absolute;
content: "";
background-color: var(--latepoint-brand-primary);
height: 2px;
left: 0px;
bottom: -1px;
width: 0%;
}
.latepoint-booking-form-element .os-step-tabs .os-step-tab.active {
color: var(--latepoint-body-color);
font-size: 16px;
line-height: 15px;
padding-bottom: 12px;
padding-top: 8px;
}
.latepoint-booking-form-element .os-step-tabs .os-step-tab.active:before {
width: 100%;
}
.latepoint-booking-form-element .step-customer-logged-in-header-w {
display: flex;
color: #898C98;
margin-bottom: 20px;
font-weight: 600;
font-size: 15px;
line-height: 15px;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #E2E5EF;
height: 35px;
}
.latepoint-booking-form-element .step-customer-logged-in-header-w span {
display: block;
margin-right: 5px;
margin-left: auto;
}
.latepoint-booking-form-element .step-customer-logged-in-header-w a {
display: block;
color: var(--latepoint-brand-primary);
text-decoration: underline;
}
.latepoint-booking-form-element .step-customer-logged-in-header-w div {
color: var(--latepoint-body-color);
font-size: 16px;
line-height: 15px;
padding-bottom: 12px;
padding-top: 8px;
position: relative;
}
.latepoint-booking-form-element .step-customer-logged-in-header-w div:before {
position: absolute;
content: "";
background-color: var(--latepoint-brand-primary);
height: 2px;
left: 0px;
bottom: -1px;
width: 100%;
transition: all 0.2s ease;
}
.latepoint-booking-form-element .os-form-buttons {
align-items: flex-start;
}
.latepoint-booking-form-element .os-password-reset-form-holder .os-password-reset-form-w {
padding: 20px;
border: 1px solid #aaa;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0px 5px 10px rgba(0, 0, 0, 0.05);
margin-bottom: 15px;
}
.latepoint-booking-form-element .os-password-reset-form-holder h4 {
margin: 0px;
margin-bottom: 5px;
padding: 0px;
}
.latepoint-booking-form-element .os-password-reset-form-holder p {
margin-bottom: 10px;
}
.latepoint-booking-form-element .os-password-reset-form-holder .os-form-message-w {
margin-bottom: 10px;
margin-top: 10px;
}
.latepoint-booking-form-element .os-step-existing-customer-login-w {
margin-bottom: 10px;
}
.latepoint-booking-form-element .os-step-existing-customer-login-w .step-forgot-password-btn {
text-decoration: underline;
padding-top: 0px;
padding-bottom: 0px;
}
.latepoint-booking-form-element .os-step-existing-customer-login-w .step-login-existing-customer-btn {
padding: 10px 20px;
line-height: 1.2;
font-size: 16px;
position: relative;
}
.latepoint-booking-form-element .os-step-existing-customer-login-w .step-login-existing-customer-btn i {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
font-size: 22px;
}
.latepoint-booking-form-element .os-weekdays {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 5px;
column-gap: 15px;
}
.latepoint-booking-form-element .os-weekdays .weekday {
text-transform: uppercase;
font-size: 12px;
color: #7c85a3;
font-weight: 600;
letter-spacing: 2px;
width: 14.2%;
text-align: center;
padding: 5px 0px;
}
.latepoint-booking-form-element .os-weekdays .weekday.weekday-6, .latepoint-booking-form-element .os-weekdays .weekday.weekday-7 {
color: var(--latepoint-calendar-weekday-label-color);
background-color: var(--latepoint-calendar-weekday-label-bg);
}
.latepoint-booking-form-element .os-current-month-label-w {
position: relative;
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn,
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn {
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;
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn:focus-visible,
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn:focus-visible {
outline: 2px solid var(--latepoint-brand-primary) !important;
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn.os-loading,
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.os-loading {
color: transparent !important;
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn.os-loading span, .latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn.os-loading i,
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.os-loading span,
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.os-loading i {
color: transparent !important;
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn.os-loading:after,
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.os-loading:after {
display: block;
content: "";
width: 14px;
height: 14px;
border-bottom: 2px solid var(--latepoint-body-color);
border-left: 2px solid var(--latepoint-body-color);
border-top: 2px solid var(--latepoint-body-color);
border-right: 2px solid rgba(0, 0, 0, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn:hover,
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn:hover {
color: var(--latepoint-brand-primary);
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn:focus,
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn:focus {
outline: none;
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn.disabled,
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn.disabled {
color: rgba(0, 0, 0, 0.1);
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-prev-btn {
left: 10px;
}
.latepoint-booking-form-element .os-current-month-label-w .os-month-next-btn {
right: 10px;
}
.latepoint-booking-form-element .os-current-month-label-w .os-current-month-label {
text-align: center;
font-weight: 600;
font-size: 17px;
margin-bottom: 10px;
color: var(--latepoint-body-color);
}
.latepoint-booking-form-element .os-current-month-label-w .os-current-month-label .current-year {
display: inline-block;
vertical-align: middle;
color: color-mix(in srgb, var(--latepoint-body-color) 40%, transparent);
margin-left: 5px;
}
.latepoint-booking-form-element .os-current-month-label-w .os-current-month-label .current-month {
display: inline-block;
vertical-align: middle;
}
.latepoint-booking-form-element .os-monthly-calendar-days-w {
display: none;
}
.latepoint-booking-form-element .os-monthly-calendar-days-w.active {
display: block;
}
.latepoint-booking-form-element .os-monthly-calendar-days-w.hide-if-single-slot .os-day.os-one-slot-only .os-day-status {
display: none;
}
.latepoint-booking-form-element .os-monthly-calendar-days-w.hide-if-single-slot .os-day.selected:after {
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e903";
background-color: var(--latepoint-brand-primary);
box-shadow: 0px 0px 0px 2px #fff;
border-radius: 50%;
width: 14px;
line-height: 14px;
height: 14px;
bottom: 50%;
left: 50%;
font-size: 10px;
text-align: center;
position: absolute;
color: #fff;
transform: translate(11px, -10px);
}
.latepoint-booking-form-element .step-datepicker-w {
padding: 0px 10px 10px;
}
.latepoint-booking-form-element .step-datepicker-w .dp-capacity, .latepoint-booking-form-element .reschedule-calendar-datepicker .dp-capacity {
position: absolute;
top: 0px;
left: 50%;
transform: translate3d(-50%, -100%, 0);
background-color: #111;
padding: 4px 6px;
color: #fff;
font-weight: 600;
display: none;
white-space: nowrap;
z-index: 9999;
font-size: 15px;
animation: 0.1s ease latepointAvailabilityPopup;
animation-fill-mode: both;
}
.latepoint-booking-form-element .step-datepicker-w .time-selector-w:not(.style-timeline) .dp-timepicker-trigger:not(.selected):hover .dp-capacity, .latepoint-booking-form-element .reschedule-calendar-datepicker .time-selector-w:not(.style-timeline) .dp-timepicker-trigger:not(.selected):hover .dp-capacity {
display: block;
}
.latepoint-booking-form-element .os-monthly-calendar-days {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-gap: 12px;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day {
text-align: center;
font-size: 17px;
font-weight: 600;
cursor: pointer;
position: relative;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-next-month, .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-prev-month {
color: #B7BCCB;
background-color: #fff;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current .os-day-box {
background-color: #eefdec;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available {
cursor: not-allowed;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box {
background-color: transparent;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-status {
background-color: #f7f7f7;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-number {
color: #adadae;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available.selected .os-day-box {
background-color: #ec7376;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-current.os-not-available.selected .os-day-box .os-day-number {
color: #fff;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-passed .os-day-box {
background-color: transparent;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-day-passed .os-day-box .os-day-number {
color: #bdc5da;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-not-in-allowed-period .os-day-box {
background-color: #f7f8fb;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-not-in-allowed-period .os-day-box .os-day-number {
color: #bdc5da;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-today .os-day-box {
background-color: #fff6cb;
border-color: #fff6cb;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-next .os-day-box, .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-prev .os-day-box {
opacity: 0.6;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-next .os-day-box:hover, .latepoint-booking-form-element .os-monthly-calendar-days .os-day.os-month-prev .os-day-box:hover {
opacity: 1;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-box {
padding: 8px 5px;
position: relative;
}
.latepoint-booking-form-element .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: 600;
display: none;
white-space: nowrap;
z-index: 9999;
font-size: 15px;
animation: 0.1s ease latepointAvailabilityPopup;
animation-fill-mode: both;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-number {
color: #14161d;
transition: all 0.1s ease;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day .os-day-status {
transition: all 0.1s ease;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day:hover .os-day-box .os-day-number {
top: 40%;
transform: translateY(-2px) scale(1.2);
white-space: nowrap;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day:hover .os-day-box:hover .os-available-slots-tooltip {
display: block;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day:hover .os-day-status {
height: 6px;
left: 3px;
right: 3px;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected .os-day-box {
background-color: var(--latepoint-brand-primary);
border-color: transparent;
color: #fff;
opacity: 1;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-number {
color: #fff;
transform: scale(1.2);
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-status {
display: none;
}
.latepoint-booking-form-element .os-day-status {
margin: 0px;
height: 4px;
position: absolute;
border-radius: 0px;
overflow: hidden;
bottom: 3px;
left: 8px;
right: 8px;
background-color: #e6e9ef;
}
.latepoint-booking-form-element .os-day-status .day-available {
background-color: #8fe286;
top: 0px;
bottom: 0px;
position: absolute;
z-index: 1;
min-width: 3px;
}
.latepoint-booking-form-element .times-header {
color: #16171d;
font-size: 16px;
font-weight: 400;
text-align: center;
padding-bottom: 10px;
}
.latepoint-booking-form-element .times-header span {
color: var(--latepoint-brand-primary);
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.latepoint-booking-form-element .os-calendar-searching-info {
padding-left: 35px;
font-size: 15px;
position: relative;
font-weight: 600;
display: none;
}
.latepoint-booking-form-element .os-calendar-searching-info:before {
display: block;
content: "";
width: 20px !important;
height: 20px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
left: 10px;
}
.latepoint-booking-form-element .os-dates-w {
margin: 0px;
}
.latepoint-booking-form-element .os-dates-w.is-searching .os-calendar-searching-info {
display: block;
}
.latepoint-booking-form-element .os-dates-w.is-searching .os-calendar-while-searching-wrapper {
display: none;
}
.latepoint-booking-form-element .os-times-w {
position: relative;
}
.latepoint-booking-form-element .timeslots {
display: flex;
justify-content: space-between;
}
.latepoint-booking-form-element .timeslots .not-working-message {
flex: 1;
padding: 3px 5px;
text-align: center;
background-color: #f7e8e8;
color: #752f2f;
font-weight: 600;
}
.latepoint-booking-form-element .dp-timebox {
white-space: nowrap;
text-align: center;
padding: 6px 3px;
line-height: 1.2;
background-color: #d6ffd1;
font-size: 15px;
color: #14161d;
cursor: pointer;
font-weight: 600;
position: relative;
width: auto !important;
max-width: none !important;
}
.latepoint-booking-form-element .dp-timebox:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.latepoint-booking-form-element .dp-timebox .dp-tick,
.latepoint-booking-form-element .dp-timebox .dp-success-label {
display: none !important;
}
.latepoint-booking-form-element .dp-timebox:hover {
background-color: #c0fbb8;
}
.latepoint-booking-form-element .dp-timebox.is-off, .latepoint-booking-form-element .dp-timebox.is-booked {
color: #b3b3b3;
background-color: #f7f7f7;
box-shadow: none;
cursor: not-allowed;
}
.latepoint-booking-form-element .dp-timebox.selected {
background-color: var(--latepoint-brand-primary);
color: #fff;
box-shadow: none;
}
.latepoint-booking-form-element .dp-timebox.selected:after {
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e903";
background-color: var(--latepoint-brand-primary);
box-shadow: 0px 0px 0px 2px #fff;
border-radius: 50%;
width: 14px;
line-height: 14px;
height: 14px;
top: -5px;
right: -5px;
font-size: 10px;
text-align: center;
position: absolute;
color: #fff;
animation: 0.2s ease 0s selectedSlotCheckmark;
animation-fill-mode: both;
}
.latepoint-booking-form-element .time-selector-w {
display: none;
margin-top: 20px;
margin-left: -2px;
margin-right: -2px;
}
.latepoint-booking-form-element .time-selector-w.hide-not-available-slots .dp-timebox.is-off, .latepoint-booking-form-element .time-selector-w.hide-not-available-slots .dp-timebox.is-booked {
display: none;
}
.latepoint-booking-form-element .time-selector-w .th-timezone {
text-transform: uppercase;
font-size: 10px;
letter-spacing: 0.5px;
margin-top: 4px;
}
.latepoint-booking-form-element .time-selector-w .th-timezone strong {
color: #7c85a3;
}
.latepoint-booking-form-element .time-selector-w.style-timebox {
margin-top: 20px;
}
.latepoint-booking-form-element .time-selector-w.style-timebox .timeslots {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
}
.latepoint-booking-form-element .time-selector-w.style-timebox .timeslots.slots-not-available {
grid-template-columns: repeat(1, 1fr) !important;
}
.latepoint-booking-form-element .time-selector-w.style-timebox .timeslots .not-working-message {
border-radius: 4px;
padding: 6px;
}
.latepoint-booking-form-element .time-selector-w.style-timebox .timeslots .dp-timebox .dp-label-capacity {
display: none;
}
.latepoint-booking-form-element .time-selector-w.style-timebox .timeslots .dp-timebox.is-off {
display: none;
}
.latepoint-booking-form-element .time-selector-w.style-timebox .times-header {
display: flex;
align-items: center;
margin-bottom: 10px;
padding-top: 10px;
}
.latepoint-booking-form-element .time-selector-w.style-timebox .times-header .times-header-label {
flex: 1;
margin: 0px 15px;
white-space: nowrap;
}
.latepoint-booking-form-element .time-selector-w.style-timebox .times-header .th-line {
height: 1px;
flex: 1;
background-color: rgba(0, 0, 0, 0.1);
content: "";
}
.latepoint-booking-form-element .time-selector-w.style-timeline {
padding-bottom: 30px;
flex-wrap: no-wrap;
}
.latepoint-booking-form-element .time-selector-w.with-end-time.time-system-12 .timeslots {
grid-template-columns: repeat(2, 1fr);
}
.latepoint-booking-form-element .time-selector-w.with-end-time.time-system-12 .dp-timebox span.dp-label-end-time {
opacity: 0.7;
}
.latepoint-booking-form-element .time-selector-w.with-end-time.time-system-24 .timeslots {
grid-template-columns: repeat(3, 1fr);
}
.latepoint-booking-form-element .time-selector-w.with-end-time.time-system-24 .dp-timebox span.dp-label-end-time {
opacity: 0.7;
}
.latepoint-booking-form-element .time-selector-w.without-end-time.time-system-12 .timeslots {
grid-template-columns: repeat(4, 1fr);
}
.latepoint-booking-form-element .time-selector-w.without-end-time.time-system-24 .timeslots {
grid-template-columns: repeat(5, 1fr);
}
.latepoint-booking-form-element .dp-timeslot {
height: 24px;
flex-grow: 1;
margin: 0px;
box-shadow: inset 1px 0px 0px 0px #fff, inset -1px 0px 0px 0px #fff;
border-radius: 0px;
position: relative;
cursor: pointer;
background-color: #8fe286;
}
.latepoint-booking-form-element .dp-timeslot:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.latepoint-booking-form-element .dp-timeslot .dp-tick {
position: absolute;
display: block;
top: 34px;
left: 50%;
transform: translateX(-50%);
font-size: 8px;
text-align: center;
color: rgba(0, 0, 0, 0.4);
text-transform: uppercase;
line-height: 1.4;
font-weight: 600;
letter-spacing: 1px;
}
.latepoint-booking-form-element .dp-timeslot .dp-tick strong {
display: block;
color: rgb(0, 0, 0);
font-size: 11px;
line-height: 1;
letter-spacing: 0px;
white-space: nowrap;
}
.latepoint-booking-form-element .dp-timeslot .dp-success-label {
color: rgba(255, 255, 255, 0.8);
display: block;
text-align: center;
margin-bottom: 4px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 10px;
}
.latepoint-booking-form-element .dp-timeslot .dp-label {
display: none;
text-align: center;
padding: 7px 8px 7px 8px;
line-height: 1;
background-color: #04bb03;
color: #fff;
font-size: 12px;
font-weight: 600;
position: absolute;
left: 50%;
top: -8px;
transform: translate(-50%, -100%);
white-space: nowrap;
transition: all 0.2s ease;
z-index: 10;
}
.latepoint-booking-form-element .dp-timeslot .dp-label-capacity {
display: block;
color: rgba(255, 255, 255, 0.8);
text-align: center;
margin-bottom: 4px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 10px;
}
.latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked), .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off) {
background-color: var(--latepoint-brand-primary);
z-index: 4;
}
.latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked) .dp-label-capacity, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off) .dp-label-capacity {
display: none;
}
.latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked):hover, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off):hover {
background-color: var(--latepoint-brand-primary);
}
.latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked):after, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off):after {
content: "";
position: absolute;
width: 1px;
left: 50%;
transform: translateX(-50%);
top: 0px;
bottom: 0px;
background-color: var(--latepoint-brand-primary);
display: none;
}
.latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked) .dp-label, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off) .dp-label {
top: -3px;
background-color: var(--latepoint-brand-primary);
color: #fff;
display: block;
}
.latepoint-booking-form-element .dp-timeslot.selected:not(.is-booked):before, .latepoint-booking-form-element .dp-timeslot.selected:not(.is-off):before {
background-color: var(--latepoint-brand-primary);
display: block;
width: 10px;
height: 10px;
transform: translateX(-50%) rotate(45deg);
top: -12px;
left: 50%;
}
.latepoint-booking-form-element .dp-timeslot.is-booked {
background-color: #e6e9ef;
margin: 0px;
cursor: not-allowed;
}
.latepoint-booking-form-element .dp-timeslot.is-booked:before {
background-color: #E42806;
}
.latepoint-booking-form-element .dp-timeslot.is-booked .dp-label {
background-color: #E42806;
}
.latepoint-booking-form-element .dp-timeslot.is-booked:hover {
background-color: #E42806;
}
.latepoint-booking-form-element .dp-timeslot.is-off {
background-color: #e6e9ef;
margin: 0px;
border-color: #fff;
max-width: 25%;
cursor: not-allowed;
}
.latepoint-booking-form-element .dp-timeslot.is-off:before {
background-color: #E42806;
}
.latepoint-booking-form-element .dp-timeslot.is-off .dp-label {
background-color: #E42806;
}
.latepoint-booking-form-element .dp-timeslot.is-off:hover {
background-color: #e6e9ef;
}
.latepoint-booking-form-element .dp-timeslot.is-off:hover .dp-label {
display: none;
}
.latepoint-booking-form-element .dp-timeslot.with-tick:after {
content: "";
position: absolute;
width: 1px;
left: 50%;
height: 3px;
bottom: -7px;
background-color: rgba(0, 0, 0, 0.4);
}
.latepoint-booking-form-element .dp-timeslot:hover {
background-color: #04bb03;
}
.latepoint-booking-form-element .dp-timeslot:hover:before {
top: 0px;
}
.latepoint-booking-form-element .dp-timeslot:hover .dp-label {
display: block;
}
.latepoint-message {
border-radius: 0px;
}
.latepoint-message.latepoint-message-success {
padding: 10px 15px;
font-weight: 600;
margin-bottom: 15px;
background: #eeffed;
color: #0d7f24;
text-align: center;
border: 1px solid #a9e3a2;
box-shadow: 0px 1px 4px -1px rgba(79, 239, 88, 0.6);
}
.latepoint-message.latepoint-message-error {
padding: 10px;
font-weight: 600;
margin-bottom: 15px;
background: #ffcfcf;
color: #750e0e;
text-align: center;
border: 1px solid #ffcfcf;
box-shadow: none;
}
.latepoint-message.latepoint-message-warning {
padding: 10px;
font-weight: 600;
margin-bottom: 15px;
background: #ffeabe;
color: #75450e;
text-align: center;
border: 1px solid #c16d18;
box-shadow: 0px 2px 4px rgba(64, 55, 40, 0.05);
}
.latepoint-message.latepoint-message-info {
padding: 10px;
font-weight: 600;
margin-bottom: 15px;
background: #eee;
color: #111;
text-align: center;
}
.os-booking-limit-reached {
position: absolute;
top: 10px;
right: 10px;
left: 10px;
bottom: 10px;
background-color: #fff0f0;
border: 1px solid #b95252;
color: #b95252;
font-size: 18px;
text-align: center;
padding: 30px;
display: flex;
align-items: center;
}
.os-booking-limit-reached .os-booking-limit-icon-w {
margin-bottom: 10px;
font-size: 40px;
color: #d8adb0;
line-height: 1;
}
.os-booking-limit-reached h3 {
color: #5f1b1b;
margin-bottom: 10px;
margin-top: 0px;
padding: 0px;
}
.latepoint-w.customer-dashboard-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: 13px;
font-weight: 600;
z-index: 9999;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-close span, .latepoint-w .os-item-details-popup .os-item-details-popup-close i {
display: inline-block;
vertical-align: middle;
line-height: 1;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-close span {
margin-right: 10px;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-head {
background-size: cover;
background-position: center center;
padding: 80px 40px 40px 40px;
position: relative;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-head h3 {
color: #fff;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
font-size: 30px;
margin: 0px;
z-index: 2;
position: relative;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-head .item-details-popup-title {
margin-top: 5px;
color: rgba(255, 255, 255, 0.8);
z-index: 2;
position: relative;
font-size: 21px;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-head:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
z-index: 1;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content {
padding: 40px;
font-size: 16px;
line-height: 21px;
position: relative;
z-index: 2;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .bio-curve {
position: absolute;
top: 1px;
left: 0px;
right: 0px;
bottom: 0px;
transform: translateY(-100%);
display: block;
width: 100%;
max-width: 100%;
height: auto;
z-index: 9999;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features {
display: flex;
justify-content: space-between;
padding-bottom: 20px;
margin-top: -15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
margin-bottom: 30px;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features .item-details-popup-feature {
flex: 1;
padding: 0px 15px;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features .item-details-popup-feature:first-child {
padding-left: 0px;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features .item-details-popup-feature:last-child {
padding-right: 0px;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features .item-details-popup-feature .item-details-popup-feature-value {
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 600;
font-size: 27px;
font-weight: 600;
line-height: 1.2;
color: var(--latepoint-brand-primary);
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features .item-details-popup-feature .item-details-popup-feature-label {
font-size: 13px;
color: #7c85a3;
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-features .item-details-popup-feature + .item-details-popup-feature {
border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.latepoint-w .os-item-details-popup .os-item-details-popup-inner .item-details-popup-content .item-details-popup-content-i::first-letter {
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 600;
font-size: 27px;
line-height: 21px;
color: var(--latepoint-brand-primary);
font-weight: 600;
padding-right: 1px;
}
.add-to-calendar-wrapper {
position: relative;
}
.add-to-calendar-wrapper.show-types .add-to-calendar-types {
display: flex;
}
.add-to-calendar-wrapper.show-types .open-calendar-types {
visibility: hidden;
}
.add-to-calendar-types {
border: 1px solid #aaa;
box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
background-color: #eee;
display: none;
flex-direction: column;
position: absolute;
gap: 1px;
top: 0%;
left: 0;
animation: 0.15s cubic-bezier(0.05, 0.45, 0.1, 1) 0s up20;
animation-fill-mode: both;
z-index: 1;
}
.add-to-calendar-types .atc-heading-wrapper {
padding: 5px;
padding-left: 10px;
font-weight: 600;
display: flex;
font-size: 15px;
justify-content: space-between;
align-items: center;
background-color: #f2f2f2;
}
.add-to-calendar-types .atc-heading-wrapper .close-calendar-types {
line-height: 12px;
font-size: 14px;
padding: 3px;
background-color: #ddd;
text-align: center;
cursor: pointer;
}
.add-to-calendar-types .atc-heading-wrapper .close-calendar-types:hover {
background-color: var(--latepoint-brand-primary);
color: #fff;
}
.add-to-calendar-types .atc-heading-wrapper .close-calendar-types:before {
line-height: 1;
font-family: "latepointIcons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e90a";
}
.add-to-calendar-types .atc-type {
padding: 10px;
padding-right: 15px;
display: flex;
gap: 10px;
align-items: center;
cursor: pointer;
background-color: #fff;
text-decoration: none;
position: relative;
}
.add-to-calendar-types .atc-type:hover {
box-shadow: 0 0 0 1px var(--latepoint-brand-primary), inset 0 0 0 1px var(--latepoint-brand-primary);
z-index: 1;
}
.add-to-calendar-types .atc-type .atc-type-image {
width: 18px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
background-position: center left;
}
.add-to-calendar-types .atc-type .atc-type-name {
font-weight: 600;
font-size: 15px;
color: var(--latepoint-body-color);
white-space: nowrap;
}
.add-to-calendar-types .atc-type.atc-type-apple .atc-type-image {
background-image: url(//old.hrtelecoms.fr/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(//old.hrtelecoms.fr/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(//old.hrtelecoms.fr/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(//old.hrtelecoms.fr/wp-content/plugins/latepoint/public/images/office-365-logo-compact.jpg);
}
.latepoint-continue-intent-loading {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999999;
background-color: rgba(0, 0, 0, 0.6);
}
.latepoint-continue-intent-loading:before {
display: block;
content: "";
width: 50px;
height: 50px;
border-bottom: 4px solid #fff;
border-left: 4px solid #fff;
border-top: 4px solid #fff;
border-right: 4px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
} .latepoint-calendar-wrapper {
position: relative;
}
.latepoint-calendar-wrapper.show-filters .latepoint-calendar-filters {
display: flex;
}
.latepoint-calendar-wrapper.show-filters .le-filter .latepoint-icon:before {
content: "\e90a";
}
.latepoint-calendar-wrapper.os-loading .latepoint-calendar-controls-wrapper:before {
content: "";
display: block;
position: absolute;
bottom: -1px;
left: 0;
right: 0;
height: 3px;
background: repeating-linear-gradient(to right, #fff 0%, #1D7BFF 50%, #fff 100%);
width: 100%;
background-size: 200% auto;
background-position: 0 100%;
animation: os-loading-gradient 1.5s infinite;
animation-fill-mode: forwards;
animation-timing-function: linear;
}
.latepoint-calendar-controls-wrapper {
position: sticky;
top: 0;
z-index: 10;
border-bottom: 1px solid #ddd;
background-color: #fff;
}
.latepoint-calendar-filters {
border-top: 1px solid #eee;
padding: 15px 0;
gap: 15px;
display: none;
align-items: center;
justify-content: flex-end;
}
.latepoint-calendar-filters .le-filters-label {
font-size: 15px;
}
.le-range-selector {
margin-left: auto;
}
.le-range-selector select.os-form-control,
.latepoint-calendar-filters select.os-form-control {
padding: 8px 10px;
line-height: 1.55;
border-radius: 6px;
border: 1px solid #ccc;
font-size: 15px;
height: auto;
}
.latepoint-calendar-controls {
display: flex;
align-items: center;
gap: 15px;
padding: 15px 0;
}
.latepoint-calendar-controls .le-label {
color: rgba(0, 0, 0, 0.3);
font-size: 27px;
font-weight: 600;
line-height: 1;
}
.latepoint-calendar-controls .le-week {
font-size: 27px;
font-weight: 600;
line-height: 1;
}
.latepoint-calendar-controls .le-month {
font-size: 36px;
font-weight: 600;
line-height: 1;
}
.latepoint-calendar-controls .le-filter {
padding: 6px 12px;
border: 1px solid #ccc;
color: var(--latepoint-body-color);
cursor: pointer;
display: flex;
gap: 10px;
align-items: center;
font-size: 15px;
border-radius: 6px;
position: relative;
}
.latepoint-calendar-controls .le-filter.os-loading:before {
display: block;
content: "";
width: 10px !important;
height: 10px !important;
border-bottom: 2px solid #000;
border-left: 2px solid #000;
border-top: 2px solid #000;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
left: 18px;
}
.latepoint-calendar-controls .le-filter.os-loading .latepoint-icon {
color: transparent;
}
.latepoint-calendar-controls .le-filter:hover {
border-color: #111;
}
.latepoint-calendar-controls .le-navigation-wrapper {
border-left: 1px solid #eee;
padding-left: 20px;
margin-left: 5px;
}
.latepoint-calendar-controls .le-navigation {
display: flex;
font-size: 15px;
border-radius: 6px;
align-items: stretch;
border: 1px solid #ccc;
}
.latepoint-calendar-controls .le-navigation .le-today {
padding: 6px 12px;
color: var(--latepoint-body-color);
cursor: pointer;
position: relative;
border-radius: 6px;
}
.latepoint-calendar-controls .le-navigation .le-today:hover {
box-shadow: 0 0 0 1px #111;
z-index: 2;
}
.latepoint-calendar-controls .le-navigation .le-navigation-button {
padding: 11px 10px;
cursor: pointer;
position: relative;
font-size: 10px;
line-height: 1;
border-radius: 6px;
}
.latepoint-calendar-controls .le-navigation .le-navigation-button:hover {
box-shadow: 0 0 0 1px #111;
z-index: 2;
border-color: transparent;
}
.latepoint-calendar-controls .le-navigation .le-navigation-button.os-loading {
color: transparent;
}
.latepoint-calendar-controls .le-navigation .le-navigation-button.os-loading:before {
display: block;
content: "";
width: 10px !important;
height: 10px !important;
border-bottom: 2px solid #000;
border-left: 2px solid #000;
border-top: 2px solid #000;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.latepoint-calendar-week {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
padding-left: 50px;
}
.latepoint-calendar-week .le-day-wrapper {
position: relative;
}
.latepoint-calendar-week .le-day-wrapper.day-weekday-6 .le-day-weekday-wrapper, .latepoint-calendar-week .le-day-wrapper.day-weekday-7 .le-day-weekday-wrapper {
background-color: #fffaf1;
}
.latepoint-calendar-week .le-day-wrapper.os-today .le-day-weekday-wrapper:before {
content: "";
left: 0px;
right: 0px;
top: 0px;
background-color: #f34a4a;
position: absolute;
height: 2px;
z-index: 10;
}
.latepoint-calendar-week .le-day-wrapper:hover .le-day-number {
color: var(--latepoint-brand-primary);
border-bottom-color: var(--latepoint-brand-primary);
}
.latepoint-calendar-week .le-day-wrapper:first-child .day-schedule-timeslot-value {
display: block;
}
.latepoint-calendar-week .le-day-wrapper:first-child .le-day-schedule-wrapper .day-schedule-timeslot:before {
content: "";
background-color: #ddd;
height: 1px;
top: 0px;
left: -5px;
width: 5px;
position: absolute;
}
.latepoint-calendar-week .le-day-wrapper:last-child {
border-right: 1px solid #ddd;
}
.latepoint-calendar-week .le-day-weekday-wrapper {
border-left: 1px solid #ddd;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 7px;
border-bottom: 1px solid #bbb;
position: sticky;
top: 35px;
z-index: 7;
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
background-color: #fff;
}
.latepoint-calendar-week .le-day-weekday {
font-weight: 600;
color: #aaa;
z-index: 3;
position: relative;
}
.latepoint-calendar-week .le-day-number {
font-size: 45px;
font-weight: 600;
line-height: 1;
border-bottom: 1px dotted transparent;
display: inline-block;
cursor: pointer;
position: relative;
z-index: 2;
}
.latepoint-calendar-week .le-day-number:hover {
border-bottom-style: solid;
}
.latepoint-calendar-week .le-day-number.os-loading {
color: transparent !important;
border-bottom-color: transparent !important;
}
.latepoint-calendar-week .le-day-number.os-loading:before {
display: block;
content: "";
width: 30px !important;
height: 30px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.latepoint-calendar-week .os-day-month {
position: absolute;
z-index: 1;
font-size: 75px;
color: rgba(0, 0, 0, 0.05);
left: 15px;
top: 12px;
line-height: 1;
overflow: hidden;
right: 0;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots {
position: relative;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots:before {
content: "";
top: 0;
bottom: 0;
width: 1px;
background-color: #e1e1e1;
position: absolute;
left: 0;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper {
display: flex;
background-color: #f9f9f9;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper:first-child .day-schedule-timeslot-value {
display: none;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper:first-child .day-schedule-timeslot:before {
background-color: transparent;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper .day-schedule-timeslot {
flex: 1;
text-align: right;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 11px;
height: 44px;
position: relative;
box-shadow: 0 1px 0 0 #ddd;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper {
position: absolute;
left: 0;
right: 0;
font-size: 12px;
background-color: #fff;
z-index: 2;
cursor: pointer;
box-shadow: inset 0 1px 0 0px #ddd, 0 3px 0 0 rgba(0, 0, 0, 0.03);
border-bottom: 1px solid #ccc;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.os-loading:before {
content: "";
display: block;
content: "";
width: 8px !important;
height: 8px !important;
border-bottom: 2px solid #111;
border-left: 2px solid #111;
border-top: 2px solid #111;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
top: 10px;
right: 0px;
left: auto;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed {
cursor: not-allowed;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed .le-service-inner {
opacity: 0.6;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed:hover .is-passed-message {
display: block;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed .is-passed-message {
display: none;
background-color: #000;
color: #fff;
padding: 5px 10px;
font-weight: 600;
font-size: 12px;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -110%);
white-space: nowrap;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover {
opacity: 1;
z-index: 3;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-color-elem {
width: 5px;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-service-name, .latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-service-time-period {
transform: translateX(3px);
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper .le-service-inner {
padding: 3px;
padding-left: 8px;
display: flex;
flex-direction: column;
height: 100%;
box-sizing: border-box;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper .le-color-elem {
position: absolute;
top: 0px;
bottom: -1px;
left: 0px;
width: 3px;
display: block;
transition: all 0.15s ease;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-time-period {
transition: transform 0.15s ease;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslots .le-service-name {
font-weight: 600;
font-size: 15px;
line-height: 1.4;
overflow: hidden;
transition: transform 0.15s ease;
}
.latepoint-calendar-week .le-day-schedule-wrapper .day-schedule-timeslot {
position: relative;
}
.latepoint-calendar-week .day-schedule-timeslot-value {
display: none;
position: absolute;
top: 0;
transform: translateY(-50%);
left: -60px;
width: 50px;
text-align: right;
}
.latepoint-calendar-month {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
gap: 1px;
background-color: #ddd;
padding: 1px;
padding-top: 0;
}
.latepoint-calendar-month .le-weekday {
background-color: #fff;
padding: 5px 15px;
font-weight: 600;
font-size: 18px;
}
.latepoint-calendar-month .le-weekday.weekday-6, .latepoint-calendar-month .le-weekday.weekday-7 {
color: #382c18;
}
.latepoint-calendar-month .le-day-wrapper {
min-height: 200px;
background-color: #fff;
padding: 20px;
position: relative;
}
.latepoint-calendar-month .le-day-wrapper:hover .le-day-number {
color: var(--latepoint-brand-primary);
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.latepoint-calendar-month .le-day-wrapper.os-today:before {
content: "";
left: -1px;
right: -1px;
top: -1px;
background-color: #f34a4a;
position: absolute;
height: 2px;
}
.latepoint-calendar-month .le-day-wrapper.os-day-passed, .latepoint-calendar-month .le-day-wrapper.os-month-prev, .latepoint-calendar-month .le-day-wrapper.os-month-next {
background-color: #f9f9f9;
}
.latepoint-calendar-month .le-day-wrapper.os-day-passed .le-day-number, .latepoint-calendar-month .le-day-wrapper.os-month-prev .le-day-number, .latepoint-calendar-month .le-day-wrapper.os-month-next .le-day-number {
color: #999;
}
.latepoint-calendar-month .le-day-wrapper.os-day-passed .le-service-wrapper, .latepoint-calendar-month .le-day-wrapper.os-month-prev .le-service-wrapper, .latepoint-calendar-month .le-day-wrapper.os-month-next .le-service-wrapper {
opacity: 0.8;
}
.latepoint-calendar-month .le-day-wrapper .le-more-services {
color: var(--latepoint-brand-primary);
border-bottom: 1px dotted var(--latepoint-brand-primary);
font-size: 15px;
display: inline-block;
cursor: pointer;
font-weight: 600;
line-height: 1.2;
position: relative;
}
.latepoint-calendar-month .le-day-wrapper .le-more-services:hover {
border-bottom-style: solid;
}
.latepoint-calendar-month .le-day-wrapper .le-more-services.os-loading {
color: transparent;
border-bottom-color: transparent;
}
.latepoint-calendar-month .le-day-wrapper .le-more-services.os-loading:before {
display: block;
content: "";
width: 10px !important;
height: 10px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.latepoint-calendar-month .le-day-wrapper .os-day-month {
position: absolute;
z-index: 1;
font-size: 60px;
color: rgba(0, 0, 0, 0.05);
left: 20px;
top: 7px;
line-height: 1;
right: 0;
overflow: hidden;
}
.latepoint-calendar-month .le-day-wrapper .le-day-number {
z-index: 2;
font-size: 27px;
font-weight: 600;
line-height: 1;
margin-bottom: 10px;
border-bottom: 1px dotted transparent;
display: inline-block;
cursor: pointer;
position: relative;
}
.latepoint-calendar-month .le-day-wrapper .le-day-number:hover {
border-bottom-style: solid;
}
.latepoint-calendar-month .le-day-wrapper .le-day-number.os-loading {
color: transparent;
border-bottom-color: transparent;
}
.latepoint-calendar-month .le-day-wrapper .le-day-number.os-loading:before {
display: block;
content: "";
width: 15px !important;
height: 15px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.latepoint-calendar-month .le-day-wrapper .le-service-wrapper {
padding: 3px;
padding-left: 10px;
font-size: 12px;
margin-bottom: 10px;
border: 1px solid #ddd;
position: relative;
background-color: #fff;
z-index: 2;
cursor: pointer;
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
border-bottom-color: #bbb;
border-left: none;
}
.latepoint-calendar-month .le-day-wrapper .le-service-wrapper.is-passed {
cursor: not-allowed;
}
.latepoint-calendar-month .le-day-wrapper .le-service-wrapper.is-passed .le-service-inner {
opacity: 0.6;
}
.latepoint-calendar-month .le-day-wrapper .le-service-wrapper.is-passed:hover .is-passed-message {
display: block;
}
.latepoint-calendar-month .le-day-wrapper .le-service-wrapper.is-passed .is-passed-message {
display: none;
background-color: #000;
color: #fff;
padding: 5px 10px;
font-weight: 600;
font-size: 12px;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -110%);
white-space: nowrap;
}
.latepoint-calendar-month .le-day-wrapper .le-service-wrapper.os-loading:before {
content: "";
display: block;
content: "";
width: 8px !important;
height: 8px !important;
border-bottom: 2px solid #111;
border-left: 2px solid #111;
border-top: 2px solid #111;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
top: 10px;
right: 0px;
left: auto;
}
.latepoint-calendar-month .le-day-wrapper .le-service-wrapper:hover {
border-color: #bbb;
}
.latepoint-calendar-month .le-day-wrapper .le-service-wrapper:hover .le-color-elem {
transform: translateX(-2px);
width: 5px;
}
.latepoint-calendar-month .le-day-wrapper .le-service-wrapper .le-color-elem {
position: absolute;
top: -1px;
bottom: -1px;
left: -1px;
width: 3px;
display: block;
transition: all 0.15s ease;
}
.latepoint-calendar-month .le-day-wrapper .le-service-name {
font-weight: 600;
font-size: 15px;
line-height: 1.35;
}
.le-day-view-wrapper.os-loading .le-day-info-section:before {
content: "";
display: block;
position: absolute;
bottom: -1px;
left: 0;
right: 0;
height: 3px;
background: repeating-linear-gradient(to right, #fff 0%, #1D7BFF 50%, #fff 100%);
width: 100%;
background-size: 200% auto;
background-position: 0 100%;
animation: os-loading-gradient 1.5s infinite;
animation-fill-mode: forwards;
animation-timing-function: linear;
}
.le-day-view-wrapper .le-day-info-section {
display: flex;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding: 20px 40px;
position: sticky;
top: 0;
background-color: #fff;
z-index: 4;
}
.le-day-view-wrapper .le-day-info-section .le-day-info {
text-align: center;
}
.le-day-view-wrapper .le-day-info-section .le-day-info .le-day-number {
font-size: 61px;
font-weight: 600;
line-height: 1;
}
.le-day-view-wrapper .le-day-info-section .le-day-info .le-day-month {
color: #7c85a3;
font-size: 21px;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 600;
}
.le-day-view-wrapper .le-day-info-section .le-day-filters-wrapper {
border-left: 1px solid #eee;
margin-left: 40px;
padding-left: 20px;
flex: 1;
}
.le-day-view-wrapper .le-day-info-section .le-day-heading {
font-size: 33px;
font-weight: 600;
margin-bottom: 10px;
}
.le-day-view-wrapper .le-day-info-section .le-day-filters {
gap: 10px;
display: flex;
align-items: center;
}
.le-day-view-wrapper .le-day-info-section .le-day-filters .os-form-group.os-form-select-group {
margin-bottom: 0px !important;
}
.le-day-view-wrapper .le-day-info-section .le-day-filters .os-form-group.os-form-select-group .os-form-control {
height: auto !important;
padding: 6px !important;
border-color: #ccc !important;
border-radius: 6px !important;
}
.le-day-view-wrapper .le-day-schedule-wrapper {
padding: 40px;
background-color: #f8f8f8;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots {
position: relative;
padding-left: 50px;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots:before {
content: "";
top: 0;
bottom: 0;
width: 1px;
background-color: #e1e1e1;
position: absolute;
left: 60px;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper {
display: flex;
box-shadow: 0 1px 0 0 #e1e1e1;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper .day-schedule-timeslot {
flex: 0 0 50px;
text-align: right;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 11px;
height: 44px;
position: relative;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .day-schedule-timeslot-wrapper .day-schedule-timeslot .day-schedule-timeslot-value {
position: absolute;
top: 0;
transform: translateY(-50%);
left: -60px;
width: 50px;
text-align: right;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper {
position: absolute;
left: 60px;
right: 0;
font-size: 12px;
box-shadow: inset 0 1px 0 0px #ddd, 0 3px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 0 #ddd;
border-right: 1px solid #ddd;
background-color: #fff;
z-index: 2;
cursor: pointer;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper .le-service-inner {
padding: 3px;
padding-left: 10px;
flex-direction: column;
height: 100%;
box-sizing: border-box;
display: flex;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed {
cursor: not-allowed;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed .le-service-inner {
opacity: 0.6;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed:hover .is-passed-message {
display: block;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper.is-passed .is-passed-message {
display: none;
background-color: #000;
color: #fff;
padding: 5px 10px;
font-weight: 600;
font-size: 12px;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -110%);
white-space: nowrap;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover {
border-bottom-color: #999;
opacity: 1;
z-index: 3;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-color-elem {
transform: translateX(-2px);
width: 5px;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-service-name,
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper:hover .le-service-time-period {
transform: translateX(3px);
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-wrapper .le-color-elem {
position: absolute;
top: 0px;
bottom: -1px;
left: -1px;
width: 3px;
display: block;
transition: all 0.15s ease;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-name {
font-weight: 600;
font-size: 15px;
line-height: 1.4;
overflow: hidden;
transition: transform 0.15s ease;
}
.le-day-view-wrapper .le-day-schedule-wrapper .day-schedule-timeslots .le-service-time-period {
transition: transform 0.15s ease;
}
@keyframes LatepointSlideUp {
0% {
transform: translate3d(0, 40px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes LatepointSlideDown {
0% {
transform: translate3d(0, -40px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes LatepointSlideLeft {
0% {
transform: translate3d(10px, 0px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes LatepointSlideRight {
0% {
transform: translate3d(-10px, 0px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes LatepointSlideUpHalf {
0% {
transform: translate3d(0, 20px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes LatepointSlideUpTiny {
0% {
transform: translate3d(0, 10px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes 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-attendees-label h4,
.latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-centered h4,
.latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-left h4 {
animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .select-total-attendees-label div,
.latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-centered div,
.latepoint-w .latepoint-booking-form-element .latepoint-step-content-text-left div {
animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0.05s LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .total-attendees-selector-w {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.1s LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .total-attendees-selector-plus {
animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0.25s LatepointSlideLeft;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .total-attendees-selector-minus {
animation: 0.3s cubic-bezier(0.45, 1, 0.4, 1.2) 0.25s LatepointSlideRight;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0.1s LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(1) {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 0ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(2) {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 70ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(3) {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 140ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(4) {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 210ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(5) {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 280ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option:nth-child(6) {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.2) 350ms LatepointSlideUp;
animation-fill-mode: both;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-body:before {
display: block;
content: "";
width: 40px !important;
height: 40px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
animation-delay: 0.25s;
opacity: 0;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-message,
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content {
transition: all 0.3s ease;
opacity: 0;
transform: translateY(20px);
pointer-events: none;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w {
transform: translateY(10px);
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group {
transition: all 0.3s ease;
opacity: 0;
transform: translateY(20px);
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(1) {
transition-delay: 0.05s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(2) {
transition-delay: 0.1s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(3) {
transition-delay: 0.15s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(4) {
transition-delay: 0.2s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(5) {
transition-delay: 0.25s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(6) {
transition-delay: 0.3s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(7) {
transition-delay: 0.35s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(8) {
transition-delay: 0.4s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-step-content.step-customer-w .os-form-group:nth-child(9) {
transition-delay: 0.45s;
}
.latepoint-w .latepoint-booking-form-element.step-content-mid-loading .step-customer-w {
opacity: 0;
transform: translateY(10px);
}
.latepoint-w .latepoint-booking-form-element.step-content-mid-loading .step-customer-w .os-form-group {
opacity: 0;
transform: translateY(20px);
}
.latepoint-w .latepoint-booking-form-element.step-content-mid-loading .latepoint-message,
.latepoint-w .latepoint-booking-form-element.step-content-mid-loading .latepoint-step-content {
pointer-events: none;
opacity: 0;
transform: translateY(30px);
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content,
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-message {
transition: all 0.3s cubic-bezier(0.25, 1.15, 0.5, 1.2);
opacity: 1;
transform: translateY(0px);
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w {
transform: translateY(0px);
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group {
transition: all 0.3s cubic-bezier(0.25, 1.15, 0.5, 1.2);
opacity: 1;
transform: translateY(0px);
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(1) {
transition-delay: 0.05s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(2) {
transition-delay: 0.1s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(3) {
transition-delay: 0.15s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(4) {
transition-delay: 0.2s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(5) {
transition-delay: 0.25s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(6) {
transition-delay: 0.3s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(7) {
transition-delay: 0.35s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(8) {
transition-delay: 0.4s;
}
.latepoint-w .latepoint-booking-form-element.step-content-loaded .latepoint-step-content.step-customer-w .os-form-group:nth-child(9) {
transition-delay: 0.45s;
}
.latepoint-w .latepoint-booking-form-element.step-changing .os-heading-text {
transition: all 0.3s ease;
transform: translateX(-15px);
opacity: 0;
}
.latepoint-w .latepoint-booking-form-element.step-changing .latepoint-step-desc .latepoint-desc-media {
transition: all 0.7s cubic-bezier(0.25, 1.15, 0.5, 1);
transform: translateX(-25px);
opacity: 0;
}
.latepoint-w .latepoint-booking-form-element.step-changing .latepoint-step-desc .latepoint-desc-title {
transition: all 0.5s ease;
transition-delay: 0.05s;
transform: translateX(-15px);
opacity: 0;
}
.latepoint-w .latepoint-booking-form-element.step-changing .latepoint-step-desc .latepoint-desc-content {
transition: all 0.5s ease;
transition-delay: 0.1s;
transform: translateX(-20px);
opacity: 0;
}
.latepoint-w .latepoint-booking-form-element.step-changed .latepoint-heading-w .os-heading-text {
transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
transform: translateX(0px);
opacity: 1;
}
.latepoint-w .latepoint-booking-form-element.step-changed .latepoint-step-desc .latepoint-desc-media {
transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
transform: translateX(0px);
opacity: 1;
}
.latepoint-w .latepoint-booking-form-element.step-changed .latepoint-step-desc .latepoint-desc-title {
transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
transform: translateX(0px);
transition-delay: 0.1s;
opacity: 1;
}
.latepoint-w .latepoint-booking-form-element.step-changed .latepoint-step-desc .latepoint-desc-content {
transition: all 0.5s cubic-bezier(0.25, 1.15, 0.5, 1);
transform: translateX(0px);
transition-delay: 0.2s;
opacity: 1;
}
@keyframes os-loading {
0% {
transform: translate(-50%, -50%) rotate(0deg);
opacity: 1;
}
50% {
transform: translate(-50%, -50%) rotate(180deg);
opacity: 0.2;
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
opacity: 1;
}
}
@keyframes stepCategoryItem {
0% {
transform: translate3d(0, -10px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
.latepoint-lightbox-w {
background-color: rgba(0, 0, 0, 0.4);
position: fixed;
top: 0px;
bottom: 0px;
right: 0px;
left: 0px;
z-index: 999999;
display: none;
justify-content: center;
align-items: center;
grid-template-columns: min-content;
grid-template-rows: 1fr;
}
.latepoint-lightbox-w.width-400 {
grid-template-columns: 400px;
}
.latepoint-lightbox-w.width-500 {
grid-template-columns: 500px;
}
.latepoint-lightbox-w.width-600 {
grid-template-columns: 600px;
}
.latepoint-lightbox-w.width-700 {
grid-template-columns: 700px;
}
.latepoint-lightbox-w.width-800 {
grid-template-columns: 800px;
}
.latepoint-lightbox-w .latepoint-lightbox-heading {
padding: 15px 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
background-color: #f8f8f8;
display: flex;
align-items: center;
}
.latepoint-lightbox-w .latepoint-lightbox-heading h2 {
color: #14161d;
margin: 0px;
font-size: 24px;
flex: 1;
}
.latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close {
position: relative;
line-height: 1;
font-size: 20px;
color: #333;
text-decoration: none;
display: block;
outline: none;
box-shadow: none;
padding: 5px;
}
.latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close i {
display: block;
}
.latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close .latepoint-icon-x:before {
content: "\e90a";
}
.latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close:focus {
outline: none;
}
.latepoint-lightbox-w .latepoint-lightbox-heading .latepoint-lightbox-close:hover {
background-color: rgba(0, 0, 0, 0.05);
color: #000;
}
.latepoint-lightbox-w .latepoint-lightbox-footer {
padding: 15px;
border-top: 1px solid #eee;
}
.latepoint-lightbox-w button, .latepoint-lightbox-w input, .latepoint-lightbox-w select, .latepoint-lightbox-w textarea {
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 400;
font-size: 15px;
}
.latepoint-lightbox-w.latepoint-border-radius-rounded .latepoint-lightbox-i {
border-radius: 8px;
}
.latepoint-lightbox-w .latepoint-lightbox-i {
background-color: #fff;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2), 0px 20px 50px rgba(0, 0, 0, 0.4);
max-height: 94vh;
overflow: auto;
display: flex;
flex-direction: column;
z-index: 9999;
border-radius: 0px;
}
.latepoint-lightbox-w .latepoint-lightbox-i.os-loading .latepoint-lightbox-content {
min-height: 100px;
position: relative;
}
.latepoint-lightbox-w .latepoint-lightbox-i.os-loading .latepoint-lightbox-content > div {
visibility: hidden;
}
.latepoint-lightbox-w .latepoint-lightbox-i.os-loading .latepoint-lightbox-content:before {
display: block;
content: "";
width: 30px !important;
height: 30px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.latepoint-lightbox-w .latepoint-lightbox-i.os-loading .latepoint-lightbox-content .lp-payment-method-content {
display: none;
}
.latepoint-lightbox-w .latepoint-lightbox-i .latepoint-lightbox-content {
padding: 30px;
flex: 1;
overflow: auto;
position: relative;
}
.latepoint-lightbox-w .latepoint-lightbox-i .latepoint-lightbox-content.is-dotted {
padding-top: 50px;
}
.latepoint-lightbox-w .latepoint-lightbox-i .latepoint-lightbox-content.is-dotted:before {
content: "";
height: 30px;
background-image: radial-gradient(#ccc 1px, transparent 0);
background-size: 10px 10px;
background-color: #fff;
display: block;
position: absolute;
top: 5px;
left: 5px;
right: 5px;
}
.latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close {
position: absolute;
line-height: 1;
top: 17px;
right: 19px;
font-size: 20px;
color: #333;
text-decoration: none;
display: block;
outline: none;
box-shadow: none;
padding: 5px;
}
.latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close i {
display: block;
}
.latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close .latepoint-icon-x:before {
content: "\e90a";
}
.latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close:focus {
outline: none;
}
.latepoint-lightbox-w .latepoint-lightbox-i > .latepoint-lightbox-close:hover {
background-color: rgba(0, 0, 0, 0.05);
color: #000;
}
.latepoint-lightbox-w .latepoint-lightbox-i .os-summary-contents-inner {
overflow-y: auto;
}
.latepoint-lightbox-w .latepoint-lightbox-i .latepoint-summary-w .os-summary-contents {
max-height: 100%;
}
.latepoint-lightbox-w .latepoint-lightbox-i .latepoint-booking-form-element {
background-color: #fff;
max-height: 100%;
overflow: hidden;
}
.latepoint-lightbox-w .latepoint-lightbox-i .latepoint-booking-form-element form.latepoint-form {
max-height: 100%;
}
.latepoint-lightbox-w .latepoint-lightbox-i a {
box-shadow: none;
}
.latepoint-lightbox-w .latepoint-lightbox-i a img {
box-shadow: none;
}
.latepoint-lightbox-w h1, .latepoint-lightbox-w h2, .latepoint-lightbox-w h3, .latepoint-lightbox-w h4, .latepoint-lightbox-w h5, .latepoint-lightbox-w h6 {
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 600;
color: var(--latepoint-brand-primary);
text-transform: none;
letter-spacing: 0px;
line-height: 1.45;
}
.latepoint-lightbox-w h5 {
font-size: 16px;
}
body.latepoint-lightbox-active .latepoint-lightbox-w {
display: grid;
}
.clean-layout-content-wrapper {
max-width: 550px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 8px 35px -3px rgba(0, 0, 0, 0.1);
background-color: #fff;
margin: 0px auto;
position: relative;
}
.clean-layout-content-wrapper .clean-layout-content-header {
padding: 20px 40px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.clean-layout-content-wrapper .clean-layout-content-header h2 {
margin: 0;
}
.clean-layout-content-wrapper .clean-layout-content-body {
padding: 40px;
position: relative;
}
.clean-layout-content-wrapper .clean-layout-content-body.is-dotted {
padding-top: 60px;
}
.clean-layout-content-wrapper .clean-layout-content-body.is-dotted:before {
content: "";
height: 34px;
background-image: radial-gradient(#ccc 1px, transparent 0);
background-size: 10px 10px;
background-color: #fff;
display: block;
position: absolute;
top: 5px;
left: 5px;
right: 5px;
}
.clean-layout-content-wrapper .clean-layout-content-footer {
padding: 20px 40px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
display: flex;
gap: 10px;
}
.clean-layout-content-wrapper .clean-layout-content-footer .latepoint-btn-position-end {
margin-left: auto;
}
.clean-layout-content-wrapper .clean-layout-content-footer .latepoint-btn-position-start {
margin-right: auto;
}
.clean-layout-content-wrapper.os-loading .clean-layout-content-body {
min-height: 80px;
}
.clean-layout-content-wrapper.os-loading .clean-layout-content-body > div {
visibility: hidden;
}
.clean-layout-content-wrapper.os-loading .clean-layout-content-body:before {
display: block;
content: "";
width: 20px !important;
height: 20px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.invoice-payment-summary-wrapper .lp-payment-charge-amount {
background-color: #fbf6e1;
color: #877865;
margin-bottom: 20px;
padding: 15px;
text-align: center;
}
.invoice-payment-summary-wrapper .lp-payment-charge-amount strong {
color: #000;
}
.invoice-payment-summary-wrapper .full-summary-info-w {
padding-top: 40px;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper {
display: flex;
align-items: center;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-status-label {
font-size: 32px;
font-weight: 600;
text-transform: uppercase;
color: #000;
padding: 2px 10px;
letter-spacing: 3px;
line-height: 1.2;
opacity: 0.8;
border-radius: 10px;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-status-label.invoice-status-label-paid {
color: #67bf08;
border: 3px solid #67bf08;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-status-label.invoice-status-label-void {
color: #bf0808;
border: 3px solid #bf0808;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-due-amount-inner {
flex: 1;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .invoice-make-payment-btn {
margin-left: auto;
font-size: 17px;
font-weight: 600;
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
padding: 10px 18px;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-amount {
font-size: 46px;
font-weight: 600;
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
color: #14161d;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-sub-info {
color: #7c85a3;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-sub-info a {
display: inline-flex;
margin-left: 5px;
text-decoration: none;
align-items: center;
gap: 5px;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-sub-info a span {
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.latepoint-w .payment-confirmation-wrapper {
text-align: center;
}
.latepoint-w .payment-confirmation-wrapper .icon-w {
margin-bottom: 20px;
}
.latepoint-w .payment-confirmation-wrapper .icon-w i {
background: #d1ffdd;
padding: 15px;
border-radius: 40px;
color: #18a35b;
font-size: 28px;
display: inline-block;
}
.latepoint-w .payment-confirmation-wrapper h2 {
margin: 0 0 20px 0;
font-size: 19px;
color: #14161d;
}
.latepoint-w .payment-confirmation-wrapper .payment-info {
border: 1px solid #f1f1f1;
border-radius: 6px;
}
.latepoint-w .payment-confirmation-wrapper .payment-info .payment-info-row {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #f1f1f1;
padding: 10px 15px;
}
.latepoint-w .payment-confirmation-wrapper .payment-info .payment-info-row:last-child {
border-bottom: none;
}
.latepoint-w .payment-confirmation-wrapper .payment-info .info-label {
color: #7c85a3;
}
.latepoint-w .payment-confirmation-wrapper .payment-info .info-value {
font-weight: 600;
} .summary-heading.summary-variant-heading + .main-box {
padding-top: 0;
}
.latepoint-summary-w .summary-box .sbc-highlighted-item {
font-size: 13px;
}
.latepoint-summary-w .summary-box-heading .sbh-item {
font-size: 13px;
font-weight: 400;
}
.latepoint-summary-w .summary-box .sbc-main-item {
font-size: 13px;
font-weight: 600;
}
.latepoint-summary-w .summary-box.main-box .summary-box-booking-date-box {
display: none;
}
.latepoint-summary-w .summary-box.main-box .qr-show-trigger {
display: none;
}
.latepoint-summary-w .summary-box-heading .sbh-line {
background-color: transparent;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.latepoint-summary-w .price-breakdown-unfold {
display: flex;
text-align: right;
align-items: center;
margin-bottom: 10px;
color: var(--latepoint-body-color);
gap: 5px;
cursor: pointer;
}
.latepoint-summary-w .price-breakdown-unfold i {
font-size: 11px;
line-height: 11px;
margin-left: auto;
}
.latepoint-summary-w .price-breakdown-unfold span {
display: inline-block;
border-bottom: 1px dotted var(--latepoint-body-color);
font-size: 13px;
}
.latepoint-summary-w .price-breakdown-unfold:hover {
color: #000;
}
.latepoint-summary-w .price-breakdown-unfold:hover span {
border-bottom-style: solid;
}
.latepoint-summary-w .summary-price-breakdown-wrapper {
margin-top: auto;
}
.latepoint-summary-w .summary-price-breakdown-wrapper .summary-price-breakdown-inner {
padding: 0 25px 20px;
}
.latepoint-summary-w .os-summary-contents-inner .summary-price-breakdown-wrapper:not(.compact-summary) .price-breakdown-unfold {
display: none;
}
.latepoint-summary-w .os-summary-contents-inner .summary-price-breakdown-wrapper.compact-summary .summary-price-item-w:not(.spi-total) {
display: none;
}
.latepoint-summary-w .os-summary-contents-inner .summary-price-breakdown-wrapper.compact-summary .pb-heading {
display: none;
}
.latepoint-summary-w .os-cart-item {
position: relative;
flex: 1;
}
.latepoint-summary-w .cart-item-wrapper .summary-attributes {
display: none;
}
.summary-heading {
margin-top: 20px;
}
.checkout-from-summary-panel-btn-wrapper.os-mobile-only {
display: none;
}
.checkout-from-summary-panel-btn {
padding: 0;
text-align: center;
display: flex;
align-items: center;
gap: 10px;
margin-left: auto;
font-size: 13px;
line-height: 1.2;
font-weight: 600;
color: var(--latepoint-brand-primary);
}
.checkout-from-summary-panel-btn span {
line-height: 1.5;
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.checkout-from-summary-panel-btn:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.checkout-from-summary-panel-btn:hover {
color: #000;
cursor: pointer;
}
.checkout-from-summary-panel-btn:hover span {
border-color: #000;
border-bottom-style: solid;
}
.checkout-from-summary-panel-btn:hover .latepoint-icon {
transform: translateX(3px);
}
.checkout-from-summary-panel-btn .latepoint-icon {
font-size: 8px;
transition: transform 0.2s ease;
}
.summary-price-breakdown-wrapper .summary-box-heading, .summary-heading .summary-box-heading {
display: none;
}
.summary-price-breakdown-wrapper .pb-heading, .summary-heading .pb-heading {
display: flex;
align-items: center;
margin-bottom: 10px;
gap: 10px;
}
.summary-price-breakdown-wrapper .pb-heading .pbh-label, .summary-heading .pb-heading .pbh-label {
color: #7c85a3;
font-weight: 600;
position: relative;
font-size: 15px;
}
.summary-price-breakdown-wrapper .pb-heading .pbh-line, .summary-heading .pb-heading .pbh-line {
height: 10px;
background-color: rgba(0, 0, 0, 0.03);
flex: 1;
}
.summary-section-heading {
font-size: 18px;
color: #14161d;
margin-bottom: 15px;
font-weight: 600;
}
.summary-box-heading {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.summary-box-heading .sbh-item {
color: #7c85a3;
position: relative;
font-size: 15px;
font-weight: 600;
}
.summary-box-heading .sbh-item + .sbh-item {
margin-left: 10px;
}
.summary-box-heading .sbh-item + .sbh-item:before {
content: "";
width: 3px;
height: 3px;
background-color: #ddd;
border-radius: 4px;
position: absolute;
top: 50%;
left: -7px;
transform: translateY(-50%);
}
.summary-box-heading .sbh-line {
height: 10px;
background-color: rgba(0, 0, 0, 0.03);
flex: 1;
margin-left: 10px;
}
.booking-summary-info-w + .summary-box {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #f1f1f1;
}
.summary-box-wrapper + .summary-box-wrapper {
border-top: 1px solid #f1f1f1;
}
.summary-box-wrapper .summary-box-heading {
margin-top: 0;
}
.summary-box {
padding: 5px 0;
}
.summary-box.main-box {
padding: 20px 0;
display: flex;
gap: 20px;
align-items: flex-start;
}
.summary-box.main-box + .summary-box.main-box {
border-top: 1px solid #f1f1f1;
}
.summary-box.main-box .summary-box-inner {
flex: 1;
}
.summary-box.main-box .summary-box-booking-date-box {
text-align: center;
flex: 0;
background-color: #f1f1f1;
}
.summary-box.main-box .summary-box-booking-date-box .summary-box-booking-date-day {
font-size: 24px;
line-height: 1.2;
font-weight: 600;
color: #14161d;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding: 5px 10px;
}
.summary-box.main-box .summary-box-booking-date-box .summary-box-booking-date-month {
color: #7c85a3;
padding: 5px 15px;
}
.summary-box.main-box .qr-show-trigger {
flex: 0 1 80px;
text-align: center;
padding-top: 10px;
cursor: pointer;
white-space: nowrap;
}
.summary-box.main-box .qr-show-trigger .latepoint-icon {
font-size: 30px;
color: #111;
}
.summary-box.main-box .qr-show-trigger .qr-code-trigger-label {
display: inline-block;
line-height: 1.2;
color: #111;
border-bottom: 1px dotted #111;
font-weight: 600;
margin-top: 5px;
font-size: 13px;
}
.summary-box.main-box .qr-show-trigger .qr-code-trigger-label:hover {
border-bottom-style: solid;
}
.summary-box .summary-box-content.os-cart-item.is-removable {
padding-right: 16px;
}
.summary-box .summary-box-content:hover .os-remove-item-from-cart {
display: block;
}
.summary-box .summary-box-content .os-remove-item-from-cart {
display: block;
background-color: #f1f2f5;
position: absolute;
top: 4px;
right: 0px;
padding: 0px;
cursor: pointer;
color: #333;
font-size: 14px;
vertical-align: middle;
line-height: 14px;
width: 16px;
height: 16px;
text-align: center;
}
.summary-box .summary-box-content .os-remove-item-from-cart.os-loading {
color: transparent;
display: block;
}
.summary-box .summary-box-content .os-remove-item-from-cart.os-loading:before {
display: block;
content: "";
width: 10px !important;
height: 10px !important;
border-bottom: 2px solid #14161d;
border-left: 2px solid #14161d;
border-top: 2px solid #14161d;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
.summary-box .summary-box-content .os-remove-item-from-cart i {
font-size: 14px;
vertical-align: middle;
line-height: 16px;
}
.summary-box .summary-box-content .os-remove-item-from-cart:hover:not(.os-loading) {
background-color: #000 !important;
color: #fff;
}
.summary-box .summary-box-content.with-media {
display: flex;
align-items: center;
}
.summary-box .summary-box-content .sbc-content-i {
margin-left: 10px;
line-height: 1.1;
}
.summary-box .summary-box-content .os-avatar-w {
width: 30px;
height: 30px;
flex: 0 0 30px;
display: flex;
align-items: center;
justify-content: space-around;
border-radius: 20px;
background-color: #dedede;
color: var(--latepoint-body-color);
font-weight: 600;
font-size: 12px;
-webkit-background-size: contain;
background-size: contain;
background-position: center center;
}
.summary-box .summary-box-content .os-location-image {
width: 30px;
height: 30px;
flex: 0 0 30px;
background-image: url(//old.hrtelecoms.fr/wp-content/plugins/latepoint/public/images/location-image.png);
background-size: cover;
border-radius: 6px;
}
.summary-box .sbc-main-item {
color: var(--latepoint-body-color);
font-size: 13px;
}
.summary-box .sbc-main-item a {
text-decoration: none;
color: var(--latepoint-brand-primary);
font-size: 11px;
}
.summary-box .sbc-sub-item {
color: #7c85a3;
font-size: 13px;
display: inline-block;
}
.summary-box .sbc-link-item {
color: #7c85a3;
font-size: 13px;
text-decoration: none !important;
border-bottom: 1px dotted #7c85a3;
cursor: pointer;
display: inline-block;
}
.summary-box .sbc-big-item {
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 20px;
font-weight: 600;
color: #14161d;
line-height: 1.3;
}
.summary-box .sbc-highlighted-item {
color: #7c85a3;
font-size: 15px;
}
.summary-box .sbc-highlighted-item span:not(.os-timezone-info) {
white-space: nowrap;
color: #7c85a3;
font-size: 13px;
font-weight: 400;
display: none;
margin-top: 3px;
}
.summary-box .sbc-subtle-item {
color: #7c85a3;
font-size: 13px;
}
.summary-box .sbc-subtle-item span {
white-space: nowrap;
color: #7c85a3;
font-size: 13px;
font-weight: 400;
}
.price-breakdown-w {
padding-top: 20px;
}
.price-breakdown-w .pb-heading {
font-weight: 600;
color: var(--latepoint-body-color);
margin-bottom: 5px;
}
.summary-price-item-w {
display: flex;
justify-content: space-between;
margin-bottom: 7px;
}
.summary-price-item-w .spi-name {
color: var(--latepoint-body-color);
font-weight: 400;
}
.summary-price-item-w .spi-price {
color: var(--latepoint-body-color);
font-weight: 400;
}
.summary-price-item-w.spi-strong .spi-name, .summary-price-item-w.spi-strong .spi-price {
font-weight: 600;
}
.summary-price-item-w.spi-total {
border-top: 3px solid var(--latepoint-body-color);
padding-top: 10px;
margin-top: 10px;
font-size: 17px;
font-weight: 600;
color: var(--latepoint-body-color);
margin-bottom: 0;
}
.summary-price-item-w.spi-total .spi-name, .summary-price-item-w.spi-total .spi-price {
font-weight: 600;
}
.summary-price-item-w.spi-positive .spi-price {
color: #3F8607;
}
.summary-price-item-w .pi-badge {
display: inline-block;
background-color: #fff;
text-transform: uppercase;
font-size: 12px;
padding: 2px 3px;
font-weight: 600;
color: #000;
margin-left: 3px;
border: 1px dotted #000;
line-height: 1;
}
.summary-price-item-w .pi-note {
color: #7c85a3;
font-size: 12px;
}
.summary-attributes {
color: #7c85a3;
font-size: 13px;
margin: 5px 0;
line-height: 1.5;
}
.summary-attributes:last-child {
margin-bottom: 0;
}
.summary-attributes.sa-hidden {
display: none;
}
.summary-attributes > span {
position: relative;
display: inline-block;
}
.summary-attributes > span:not(:last-child) {
margin-right: 15px;
}
.summary-attributes > span:not(:last-child):before {
content: "";
width: 3px;
height: 3px;
background-color: #bbb;
border-radius: 4px;
position: absolute;
top: 50%;
right: -9px;
transform: translateY(-50%);
}
.summary-attributes > span strong {
color: var(--latepoint-body-color);
font-weight: 600;
}
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-summary-w {
display: block;
transform: none;
}
.latepoint-w .latepoint-form-w .pb-heading {
margin-bottom: 10px;
}
.latepoint-w .latepoint-summary-w {
flex: 0 0 270px;
width: 270px;
transition: all 0.4s cubic-bezier(0.05, 0.45, 0.1, 1);
transform: translateX(-60px);
z-index: 1;
display: none;
flex-direction: column;
position: relative;
background-color: #fff;
}
.latepoint-w .latepoint-summary-w .summary-heading {
display: none;
}
.latepoint-w .latepoint-summary-w .summary-box.main-box + .summary-box.main-box {
margin-top: 0;
}
.latepoint-w .latepoint-summary-w .summary-box .sbc-big-item {
font-size: 15px;
}
.latepoint-w .latepoint-summary-w .summary-box .summary-box-content .os-remove-item-from-cart {
display: block;
}
.latepoint-w .latepoint-summary-w .summary-box .summary-box-content .os-remove-item-from-cart:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-summary-w.os-loading .summary-header:before {
display: block;
content: "";
width: 12px !important;
height: 12px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
bottom: auto;
left: auto;
right: 1px;
top: 12px;
z-index: 9999;
}
.latepoint-w .latepoint-summary-w .summary-header {
position: relative;
padding: 5px;
margin: 0px;
text-align: right;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.latepoint-w .latepoint-summary-w .summary-header .summary-header-inner {
display: flex;
padding: 13px 20px;
justify-content: space-between;
align-items: center;
}
.latepoint-w .latepoint-summary-w .summary-header:not(.can-checkout) .summary-header-inner {
background-image: radial-gradient(#d4d4d4 1px, transparent 0);
background-size: 7px 7px;
}
.latepoint-w .latepoint-summary-w .summary-header .latepoint-lightbox-summary-trigger {
display: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 19px;
font-size: 20px;
background-color: #fff;
padding: 3px 5px 3px 15px;
z-index: 2;
color: var(--latepoint-body-color);
}
.latepoint-w .latepoint-summary-w .summary-header .summary-header-label {
background-color: #fff;
position: relative;
z-index: 2;
display: inline-block;
font-size: 20px;
line-height: 1.2;
color: #14161d;
font-weight: 600;
}
.latepoint-w .latepoint-summary-w .summary-header .os-lines {
position: absolute;
top: 21px;
left: 30px;
right: 30px;
z-index: 1;
}
.latepoint-w .latepoint-summary-w .summary-header .os-lines:before {
display: block;
content: "";
height: 6px;
border-top: 2px dotted #b7c2e8;
border-bottom: 2px dotted #b7c2e8;
margin-bottom: 2px;
}
.latepoint-w .latepoint-summary-w .summary-header .os-lines:after {
display: block;
content: "";
height: 6px;
border-top: 2px dotted #b7c2e8;
}
.latepoint-w .latepoint-summary-w .summary-price-item-w {
margin-bottom: 5px;
}
.latepoint-w .latepoint-summary-w .summary-price-item-w.spi-total {
padding-top: 5px;
margin-top: 5px;
border-top-width: 2px;
margin-bottom: 0px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents {
display: flex;
flex-direction: column;
flex: 1;
}
.latepoint-w .latepoint-summary-w .os-summary-contents .order-summary-main-section {
margin-bottom: 20px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents .cart-summary-main-section {
margin-bottom: 30px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents .summary-price-item-w {
font-size: 13px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents .summary-price-item-w.spi-total {
font-size: 17px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
padding-top: 15px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .os-summary-contents-inner-top {
padding: 0 25px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-summary-main-section {
padding: 0 25px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .latepoint-add-another-item-trigger-wrapper.on-verify {
display: none;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .latepoint-add-another-item-trigger-wrapper.on-summary {
display: none;
margin-top: 15px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .active-cart-item-wrapper {
padding: 15px 0 0 0;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .active-cart-item-wrapper.is-separated .summary-box.main-box .sbc-highlighted-item {
margin-bottom: 5px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper {
position: relative;
padding: 15px 0;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper .summary-box:last-child {
padding-bottom: 0;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item:hover {
background-color: #f8f8f8;
box-shadow: 10px 0 0 0 #f8f8f8, -10px 0 0 0 #f8f8f8;
border-top-color: transparent;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item:hover + .cart-item-wrapper {
border-top-color: transparent;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item:hover .os-remove-item-from-cart {
background-color: #dc5454;
color: #fff;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading {
display: flex;
align-items: center;
gap: 10px;
margin-top: 15px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading:not(:last-child) {
margin-bottom: 10px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-label {
text-transform: uppercase;
color: #7c85a3;
font-weight: 600;
letter-spacing: 1px;
position: relative;
font-size: 11px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-line {
height: 1px;
background-color: #f1f1f1;
flex: 1;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-link {
color: var(--latepoint-brand-primary);
font-size: 13px;
display: flex;
align-items: center;
gap: 5px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-link span {
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-link .latepoint-icon {
font-size: 7px;
}
.latepoint-w .latepoint-summary-w .price-breakdown-w {
border-top: none;
padding: 30px;
padding-top: 25px;
margin: 20px -30px -30px -30px;
border-top: 1px solid #eee;
}
.latepoint-w .latepoint-summary-w .price-breakdown-w .pb-heading {
padding-bottom: 10px 25px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 12px;
font-weight: 600;
color: #7c85a3;
align-items: center;
}
.latepoint-w .latepoint-summary-w .price-breakdown-w .summary-attributes {
display: none;
}
.latepoint-w .latepoint-summary-w .price-breakdown-w .summary-box-heading {
display: none;
}
.latepoint-w .latepoint-summary-w .summary-box-heading {
flex: 1;
align-items: baseline;
margin: 0px;
}
.latepoint-w .latepoint-summary-w .summary-box-heading .sbh-line {
margin-left: 5px;
}
.latepoint-w .latepoint-summary-w .summary-box.main-box {
padding-bottom: 10px;
}
.latepoint-w .latepoint-summary-w .summary-box.main-box:first-child {
padding-top: 0;
}
.latepoint-w .latepoint-summary-w .summary-box.main-box .summary-box-heading .sbh-item {
text-transform: capitalize;
letter-spacing: normal;
font-size: 13px;
font-weight: 400;
}
.latepoint-w .latepoint-summary-w .summary-box.main-box .summary-box-heading .sbh-line {
display: none;
}
.latepoint-w .latepoint-summary-w .summary-box:not(.main-box) {
display: flex;
align-items: baseline;
}
.latepoint-w .latepoint-summary-w .summary-box:not(.main-box) .summary-box-content .os-avatar-w, .latepoint-w .latepoint-summary-w .summary-box:not(.main-box) .summary-box-content .os-location-image {
display: none;
}
.latepoint-w .latepoint-summary-w .summary-box:not(.main-box) .summary-box-content .sbc-content-i {
margin-left: 5px;
}
.latepoint-w .latepoint-summary-w .summary-box:not(.main-box) .sbc-sub-item, .latepoint-w .latepoint-summary-w .summary-box:not(.main-box) .sbc-link-item {
display: none;
}
.latepoint-w .latepoint-summary-w .summary-boxes-columns {
display: block;
}
.latepoint-clean-body {
margin: 0;
}
.latepoint-clean-body.with-pattern {
background-image: radial-gradient(#eee 2px, transparent 0);
background-size: 25px 25px;
background-color: #fff;
}
.latepoint-clean-body.with-pattern > .latepoint-w {
padding: 50px;
}
html.latepoint-clean {
margin: 0 !important;
}
.latepoint-w .manage-order-wrapper .booking-summary-info-w {
display: none;
}
.latepoint-w .manage-order-wrapper .qr-show-trigger {
display: none;
}
.latepoint-w .manage-order-wrapper .summary-box .sbc-big-item {
font-size: 20px;
}
.latepoint-w .manage-order-wrapper .summary-box .sbc-highlighted-item {
font-size: 13px;
color: #7c85a3;
}
.latepoint-w .manage-order-wrapper .summary-box.main-box .summary-box-booking-date-box .summary-box-booking-date-day {
font-size: 24px;
}
.latepoint-w .manage-order-wrapper,
.latepoint-w .manage-booking-wrapper {
max-width: 550px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 8px 35px -3px rgba(0, 0, 0, 0.1);
background-color: #fff;
margin: 0px auto;
position: relative;
}
.latepoint-w .manage-order-wrapper.os-loading .manage-booking-inner,
.latepoint-w .manage-booking-wrapper.os-loading .manage-booking-inner {
filter: blur(3px);
}
.latepoint-w .manage-order-wrapper.os-loading:after,
.latepoint-w .manage-booking-wrapper.os-loading:after {
display: block;
content: "";
width: 20px !important;
height: 20px !important;
border-bottom: 2px solid var(--latepoint-brand-primary);
border-left: 2px solid var(--latepoint-brand-primary);
border-top: 2px solid var(--latepoint-brand-primary);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
top: 85px;
z-index: 9999;
}
.latepoint-w .manage-order-wrapper .manage-booking-inner,
.latepoint-w .manage-booking-wrapper .manage-booking-inner {
padding: 50px;
padding-top: 70px;
position: relative;
}
.latepoint-w .manage-order-wrapper .manage-booking-inner:before,
.latepoint-w .manage-booking-wrapper .manage-booking-inner:before {
content: "";
height: 34px;
background-image: radial-gradient(#ccc 1px, transparent 0);
background-size: 10px 10px;
background-color: #fff;
display: block;
position: absolute;
top: 5px;
left: 5px;
right: 5px;
}
.latepoint-w .manage-order-wrapper .manage-status-info,
.latepoint-w .manage-booking-wrapper .manage-status-info {
display: flex;
gap: 5px;
align-items: center;
margin-right: auto;
}
.latepoint-w .manage-order-wrapper .manage-status-info .status-info-label,
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-label {
color: rgba(255, 255, 255, 0.5);
display: none;
}
.latepoint-w .manage-order-wrapper .manage-status-info .status-info-value,
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value {
color: #fff;
font-weight: 600;
padding: 2px 6px;
}
.latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-open,
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-open {
background-color: #fff;
color: #000;
}
.latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-not_fulfilled,
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-not_fulfilled {
background-color: #fff;
color: #000;
}
.latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-approved,
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-approved {
background-color: #74ff60;
color: #000;
}
.latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-cancelled,
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-cancelled {
background-color: #e81818;
color: #fff;
}
.latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-pending, .latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-pending_approval, .latepoint-w .manage-order-wrapper .manage-status-info .status-info-value.status-payment_pending,
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-pending,
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-pending_approval,
.latepoint-w .manage-booking-wrapper .manage-status-info .status-info-value.status-payment_pending {
background-color: #ffe75e;
color: #000;
}
.latepoint-w .manage-order-wrapper .manage-booking-controls,
.latepoint-w .manage-booking-wrapper .manage-booking-controls {
padding: 15px 25px;
background-color: var(--latepoint-brand-primary);
display: flex;
gap: 25px;
align-items: center;
justify-content: space-between;
position: sticky;
top: 0;
z-index: 2;
}
.latepoint-w .manage-order-wrapper .manage-booking-controls.status-cancelled,
.latepoint-w .manage-booking-wrapper .manage-booking-controls.status-cancelled {
background-color: #e81819;
}
.latepoint-w .manage-order-wrapper .manage-booking-controls.status-pending, .latepoint-w .manage-order-wrapper .manage-booking-controls.status-pending_approval, .latepoint-w .manage-order-wrapper .manage-booking-controls.status-payment_pending,
.latepoint-w .manage-booking-wrapper .manage-booking-controls.status-pending,
.latepoint-w .manage-booking-wrapper .manage-booking-controls.status-pending_approval,
.latepoint-w .manage-booking-wrapper .manage-booking-controls.status-payment_pending {
background-color: #c6a573;
}
.latepoint-w .manage-order-wrapper .manage-booking-controls .latepoint-btn,
.latepoint-w .manage-booking-wrapper .manage-booking-controls .latepoint-btn {
padding: 0 !important;
}
.latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group,
.latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group {
display: flex;
align-items: center;
margin: 0 !important;
gap: 8px;
}
.latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group .os-form-control,
.latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group .os-form-control {
transition: none !important;
}
.latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group label,
.latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group label {
font-size: 18px;
font-weight: 600;
color: #fff;
}
.latepoint-w .manage-order-wrapper .manage-booking-controls .os-form-group select,
.latepoint-w .manage-booking-wrapper .manage-booking-controls .os-form-group select {
font-size: 18px !important;
padding: 6px !important;
border-radius: 6px !important;
border: none !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
background-color: #fff !important;
color: #111 !important;
height: auto !important;
}
.latepoint-w .manage-booking-wrapper .manage-booking-inner {
padding-top: 100px;
}
.latepoint-w .manage-booking-wrapper .manage-booking-inner:before {
top: 60px;
}
.latepoint-w .manage-booking-wrapper .booking-status-info-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
background-color: #fff;
margin: 0;
padding-left: 50px;
padding-right: 50px;
}
.booking-full-summary-actions {
display: flex;
gap: 10px;
align-items: center;
margin-bottom: 30px;
flex-wrap: wrap;
}
.booking-full-summary-actions .booking-summary-action-btn {
padding: 3px 6px;
text-decoration: none;
color: #111;
font-size: 13px;
font-weight: 600;
border: 1px solid #111;
display: flex;
gap: 3px;
align-items: center;
position: relative;
transition: none;
}
.booking-full-summary-actions .booking-summary-action-btn span, .booking-full-summary-actions .booking-summary-action-btn i {
display: block;
}
.booking-full-summary-actions .booking-summary-action-btn:hover {
color: var(--latepoint-brand-primary);
border-color: var(--latepoint-brand-primary);
}
.booking-full-summary-actions .booking-summary-action-btn.os-loading:before {
display: block;
content: "";
width: 12px !important;
height: 12px !important;
border-bottom: 2px solid #111;
border-left: 2px solid #111;
border-top: 2px solid #111;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
left: 12px;
}
.booking-full-summary-actions .booking-summary-action-btn.os-loading i {
color: transparent;
}
.booking-full-summary-actions .booking-summary-action-btn.cancel-appointment-btn {
color: #ad3d12;
border-color: #ad3d12;
}
.customer-dashboard-booking-summary-lightbox .summary-box-heading .sbh-item,
.bundle-scheduled-summary-lightbox .summary-box-heading .sbh-item,
.manage-order-wrapper .summary-box-heading .sbh-item,
.manage-booking-wrapper .summary-box-heading .sbh-item {
color: #7c85a3;
font-weight: 600;
font-size: 15px;
}
.customer-dashboard-booking-summary-lightbox .order-summary-main-section,
.bundle-scheduled-summary-lightbox .order-summary-main-section,
.manage-order-wrapper .order-summary-main-section,
.manage-booking-wrapper .order-summary-main-section {
margin-bottom: 20px;
}
.customer-dashboard-booking-summary-lightbox .part-of-bundle-message,
.bundle-scheduled-summary-lightbox .part-of-bundle-message,
.manage-order-wrapper .part-of-bundle-message,
.manage-booking-wrapper .part-of-bundle-message {
padding: 8px;
background-color: #f1f3ff;
text-align: center;
font-size: 13px;
margin-top: 20px;
}
.customer-dashboard-booking-summary-lightbox .part-of-bundle-message a,
.bundle-scheduled-summary-lightbox .part-of-bundle-message a,
.manage-order-wrapper .part-of-bundle-message a,
.manage-booking-wrapper .part-of-bundle-message a {
color: var(--latepoint-brand-primary);
text-decoration: none;
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.customer-dashboard-booking-summary-lightbox .full-summary-head-info,
.bundle-scheduled-summary-lightbox .full-summary-head-info,
.manage-order-wrapper .full-summary-head-info,
.manage-booking-wrapper .full-summary-head-info {
position: relative;
}
.customer-dashboard-booking-summary-lightbox .full-summary-head-info .add-to-calendar-wrapper,
.bundle-scheduled-summary-lightbox .full-summary-head-info .add-to-calendar-wrapper,
.manage-order-wrapper .full-summary-head-info .add-to-calendar-wrapper,
.manage-booking-wrapper .full-summary-head-info .add-to-calendar-wrapper {
display: inline-block;
}
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent,
.manage-order-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent,
.manage-booking-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent {
display: block;
margin: 0px auto 30px auto;
padding-bottom: 20px;
border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger,
.manage-order-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger,
.manage-booking-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger {
display: none;
}
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-show-trigger,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-show-trigger,
.manage-order-wrapper .qr-code-on-full-summary .qr-show-trigger,
.manage-booking-wrapper .qr-code-on-full-summary .qr-show-trigger {
float: right;
width: 100px;
text-align: center;
padding-top: 20px;
cursor: pointer;
}
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .latepoint-icon,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .latepoint-icon,
.manage-order-wrapper .qr-code-on-full-summary .qr-show-trigger .latepoint-icon,
.manage-booking-wrapper .qr-code-on-full-summary .qr-show-trigger .latepoint-icon {
font-size: 45px;
color: #111;
}
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label,
.manage-order-wrapper .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label,
.manage-booking-wrapper .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label {
display: inline-block;
line-height: 1.2;
color: #111;
border-bottom: 1px solid #777;
font-weight: 600;
letter-spacing: 0.5px;
margin-top: 10px;
font-size: 12px;
text-transform: uppercase;
}
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-booking-info,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-booking-info,
.manage-order-wrapper .qr-code-on-full-summary .qr-code-booking-info,
.manage-booking-wrapper .qr-code-on-full-summary .qr-code-booking-info {
display: none;
}
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-vevent,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-vevent,
.manage-order-wrapper .qr-code-on-full-summary .qr-code-vevent,
.manage-booking-wrapper .qr-code-on-full-summary .qr-code-vevent {
display: none;
}
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-vevent img,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-vevent img,
.manage-order-wrapper .qr-code-on-full-summary .qr-code-vevent img,
.manage-booking-wrapper .qr-code-on-full-summary .qr-code-vevent img {
display: block;
margin: 0px auto;
}
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-vevent .qr-code-label,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-vevent .qr-code-label,
.manage-order-wrapper .qr-code-on-full-summary .qr-code-vevent .qr-code-label,
.manage-booking-wrapper .qr-code-on-full-summary .qr-code-vevent .qr-code-label {
text-align: center;
font-size: 13px;
font-weight: 600;
text-align: center;
font-weight: 500;
padding: 10px 15px;
background: #fff1af;
line-height: 1.4;
color: #000;
}
.customer-dashboard-booking-summary-lightbox .payment-summary-info .full-summary-info-w,
.bundle-scheduled-summary-lightbox .payment-summary-info .full-summary-info-w,
.manage-order-wrapper .payment-summary-info .full-summary-info-w,
.manage-booking-wrapper .payment-summary-info .full-summary-info-w {
margin-top: 0px;
}
.customer-dashboard-booking-summary-lightbox .full-summary-header,
.bundle-scheduled-summary-lightbox .full-summary-header,
.manage-order-wrapper .full-summary-header,
.manage-booking-wrapper .full-summary-header {
margin-bottom: 0px;
margin-top: 0px;
}
.customer-dashboard-booking-summary-lightbox .full-summary-number,
.bundle-scheduled-summary-lightbox .full-summary-number,
.manage-order-wrapper .full-summary-number,
.manage-booking-wrapper .full-summary-number {
color: #7c85a3;
padding-top: 0px;
margin-bottom: 8px;
font-size: 13px;
letter-spacing: 0.5px;
text-transform: uppercase;
font-weight: 600;
}
.customer-dashboard-booking-summary-lightbox .full-summary-number strong,
.bundle-scheduled-summary-lightbox .full-summary-number strong,
.manage-order-wrapper .full-summary-number strong,
.manage-booking-wrapper .full-summary-number strong {
color: #14161d;
}
.customer-dashboard-booking-summary-lightbox .full-summary-order-info-wrapper,
.bundle-scheduled-summary-lightbox .full-summary-order-info-wrapper,
.manage-order-wrapper .full-summary-order-info-wrapper,
.manage-booking-wrapper .full-summary-order-info-wrapper {
position: relative;
margin-bottom: 40px;
}
.customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper,
.bundle-scheduled-summary-lightbox .fsoi-main-wrapper,
.manage-order-wrapper .fsoi-main-wrapper,
.manage-booking-wrapper .fsoi-main-wrapper {
display: flex;
align-items: flex-start;
}
.customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .fsoi-main,
.bundle-scheduled-summary-lightbox .fsoi-main-wrapper .fsoi-main,
.manage-order-wrapper .fsoi-main-wrapper .fsoi-main,
.manage-booking-wrapper .fsoi-main-wrapper .fsoi-main {
font-size: 32px;
margin-bottom: 5px;
color: #7c85a3;
display: flex;
}
.customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .fsoi-main strong,
.bundle-scheduled-summary-lightbox .fsoi-main-wrapper .fsoi-main strong,
.manage-order-wrapper .fsoi-main-wrapper .fsoi-main strong,
.manage-booking-wrapper .fsoi-main-wrapper .fsoi-main strong {
color: #14161d;
font-weight: 600;
}
.customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions,
.bundle-scheduled-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions,
.manage-order-wrapper .fsoi-main-wrapper .order-full-summary-actions,
.manage-booking-wrapper .fsoi-main-wrapper .order-full-summary-actions {
margin-left: auto;
display: flex;
gap: 10px;
}
.customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions a,
.bundle-scheduled-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions a,
.manage-order-wrapper .fsoi-main-wrapper .order-full-summary-actions a,
.manage-booking-wrapper .fsoi-main-wrapper .order-full-summary-actions a {
display: flex;
align-items: center;
gap: 5px;
}
.customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions span,
.bundle-scheduled-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions span,
.manage-order-wrapper .fsoi-main-wrapper .order-full-summary-actions span,
.manage-booking-wrapper .fsoi-main-wrapper .order-full-summary-actions span {
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements,
.bundle-scheduled-summary-lightbox .full-summary-order-info-elements,
.manage-order-wrapper .full-summary-order-info-elements,
.manage-booking-wrapper .full-summary-order-info-elements {
display: flex;
gap: 10px;
font-size: 15px;
}
.customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements .fsoi-element,
.bundle-scheduled-summary-lightbox .full-summary-order-info-elements .fsoi-element,
.manage-order-wrapper .full-summary-order-info-elements .fsoi-element,
.manage-booking-wrapper .full-summary-order-info-elements .fsoi-element {
display: flex;
gap: 2px;
}
.customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements span,
.bundle-scheduled-summary-lightbox .full-summary-order-info-elements span,
.manage-order-wrapper .full-summary-order-info-elements span,
.manage-booking-wrapper .full-summary-order-info-elements span {
color: #7c85a3;
display: block;
}
.customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements strong,
.bundle-scheduled-summary-lightbox .full-summary-order-info-elements strong,
.manage-order-wrapper .full-summary-order-info-elements strong,
.manage-booking-wrapper .full-summary-order-info-elements strong {
color: #14161d;
display: block;
}
.latepoint-w .latepoint-booking-form-element.current-step-customer .latepoint-summary-w .os-summary-contents-inner .latepoint-add-another-item-trigger-wrapper.on-summary {
display: block;
}
@keyframes osLightboxMobileAnimation {
0% {
transform: translate3d(0%, 10%, 0px) scale(0.9);
opacity: 0;
}
100% {
transform: translate3d(0%, 0%, 0px) scale(1);
opacity: 1;
}
}
@media (min-width: 601px) and (max-width: 1050px) {
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel) .latepoint-form-w {
border-right: none !important;
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel) .latepoint-summary-w {
display: none !important;
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel) .latepoint-summary-w .summary-header {
text-align: left;
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel) .latepoint-summary-w .summary-header span {
margin-left: 15px;
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open .latepoint-summary-w {
animation: 0.4s cubic-bezier(0.45, 1, 0.4, 1.1) 0ms LatepointSlideUpMobileSummary;
animation-fill-mode: both;
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-summary-trigger {
display: block;
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-booking-form-element:before {
content: "";
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
z-index: 3;
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-lightbox-summary-trigger {
display: block;
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w {
display: block !important;
position: fixed;
top: 50%;
left: 50%;
min-width: 300px;
width: auto;
flex: 1;
border-radius: 0;
bottom: auto;
z-index: 4;
overflow: auto;
box-shadow: 0px 10px 28px -5px rgba(0, 0, 0, 0.4), 0px 2px 3px 0px rgba(0, 0, 0, 0.4);
max-height: 80vh;
transform: translate3d(-50%, -50%, 0);
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w .summary-header .latepoint-lightbox-summary-trigger {
padding: 3px 5px;
line-height: 1.2;
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w .summary-header > div {
justify-content: flex-start;
}
.latepoint-w.latepoint-with-summary:not(.latepoint-hide-side-panel).latepoint-summary-is-open.show-summary-on-mobile .latepoint-summary-w .summary-header span {
margin-left: 0;
}
}
@media (max-width: 600px) {
.latepoint-lightbox-w.latepoint-border-radius-rounded .latepoint-lightbox-i {
border-radius: 0;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.week-day-1 .os-available-slots-tooltip,
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.week-day-7 .os-available-slots-tooltip {
transform: none;
animation: 0.1s ease latepointAvailabilityPopupY;
animation-fill-mode: both;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.week-day-7 .os-available-slots-tooltip {
left: auto;
right: 0;
}
.latepoint-booking-form-element .os-monthly-calendar-days .os-day.week-day-1 .os-available-slots-tooltip {
left: 0;
}
.latepoint-w.latepoint-lightbox-form {
height: 100%;
}
.latepoint-w .latepoint-booking-form-element {
flex: 1;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w {
width: 100%;
flex: 1;
}
.summary-header .checkout-from-summary-panel-btn-wrapper {
display: none;
}
.checkout-from-summary-panel-btn-wrapper.os-mobile-only {
display: block;
padding: 10px 25px;
background-color: #fff;
position: sticky;
top: 0;
z-index: 1;
}
.checkout-from-summary-panel-btn-wrapper.os-mobile-only + .os-summary-contents-inner {
padding-top: 10px;
}
.le-day-view-wrapper .le-day-schedule-wrapper {
padding: 30px 15px;
}
.latepoint-calendar-controls {
flex-wrap: wrap;
}
.latepoint-calendar-controls .le-navigation .le-today {
display: none;
}
.latepoint-calendar-controls .le-week, .latepoint-calendar-controls .le-month {
white-space: nowrap;
flex: 0 0 100%;
text-align: center;
}
.latepoint-calendar-controls .le-filter {
padding: 10px 12px;
}
.latepoint-calendar-controls .le-filter span {
display: none;
}
.latepoint-calendar-controls .le-range-selector {
margin-left: 0;
}
.latepoint-calendar-controls .le-navigation-wrapper {
margin-left: auto;
border-left: none;
}
.latepoint-calendar-week .le-day-weekday-wrapper {
position: relative;
top: 0;
}
.latepoint-calendar-filters .le-filters-label {
display: none;
}
.latepoint-calendar-wrapper.show-filters .latepoint-calendar-filters {
display: block;
}
.latepoint-calendar-wrapper.show-filters .latepoint-calendar-filters .os-form-group + .os-form-group {
margin-top: 10px;
}
.latepoint-calendar-wrapper.show-filters .latepoint-calendar-filters select {
display: block;
width: 100%;
}
.latepoint-calendar-week {
overflow-x: auto;
padding-left: 0;
padding-bottom: 10px;
grid-template-columns: 200px 200px 200px 200px 200px 200px 200px;
}
.latepoint-calendar-week .le-day-wrapper {
flex: 0 0 100px;
}
.latepoint-calendar-month {
grid-template-columns: 200px 200px 200px 200px 200px 200px 200px;
overflow-x: scroll;
}
.latepoint-calendar-week .le-day-wrapper:first-child .day-schedule-timeslot-value {
display: none;
}
.le-day-view-wrapper .le-day-info-section {
padding: 20px 15px;
}
.le-day-view-wrapper .le-day-info-section .le-day-info .le-day-number {
font-size: 45px;
}
.le-day-view-wrapper .le-day-info-section .le-day-filters-wrapper {
margin-left: 15px;
padding-left: 15px;
}
.le-day-view-wrapper .le-day-info-section .le-day-heading {
margin-bottom: 7px;
font-size: 21px;
}
.latepoint-lightbox-w .latepoint-lightbox-i .latepoint-lightbox-close {
top: 5px;
right: 5px;
}
.latepoint-clean-body.with-pattern > .latepoint-w {
padding: 0px;
}
.latepoint-w .manage-order-wrapper,
.latepoint-w .manage-booking-wrapper {
margin: 0;
}
.latepoint-w .manage-order-wrapper .manage-booking-controls,
.latepoint-w .manage-booking-wrapper .manage-booking-controls {
padding: 10px;
gap: 10px;
}
.latepoint-w .manage-order-wrapper .manage-booking-inner,
.latepoint-w .manage-booking-wrapper .manage-booking-inner {
padding: 20px;
padding-top: 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: 90vh;
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;
}
.customer-bookings-tiles, .customer-orders-tiles {
grid-template-columns: 1fr;
}
.latepoint-booking-form-element .step-verify-w .coupon-code-wrapper-on-verify .coupon-code-input-w input.coupon-code-input {
font-size: 16px !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-progress ul li {
margin: 0px 3px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn {
padding: 10px;
}
.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-child-count {
display: none;
}
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .step-datepicker-w {
padding: 0px;
}
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .os-items.os-as-grid .os-item .os-item-i .os-item-img-w.os-with-avatar {
padding: 5px;
}
.latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
padding-left: 15px;
padding-right: 15px;
}
.latepoint-w .os-form-group.os-form-textfield-group textarea.os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group select.os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group input[type=password].os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group input[type=email].os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group input[type=number].os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group input[type=text].os-form-control,
.latepoint-w .os-form-group.os-form-textfield-group input[type=tel].os-form-control {
font-size: 18px !important;
}
.latepoint-w .customer-bookings-tiles .customer-booking {
flex: 1;
}
.latepoint-w .customer-dashboard-tabs {
overflow-x: auto;
}
.latepoint-w .customer-dashboard-tabs a {
margin: 0px 0px;
text-align: center;
white-space: nowrap;
}
.latepoint-w .customer-dashboard-tabs a + a {
margin-left: 15px;
}
.latepoint-w .customer-dashboard-tabs a:after {
bottom: 0px;
top: auto;
height: 0px;
width: 100%;
}
.latepoint-w .customer-dashboard-tabs a.active:after {
height: 3px;
}
.latepoint-w .latepoint-section-heading-w .heading-extra {
display: none;
}
.latepoint-w .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group {
display: block;
}
.latepoint-w .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group label {
margin-bottom: 5px;
}
.latepoint-w .latepoint-customer-timezone-selector-w .os-form-group.os-form-select-group select {
width: 100% !important;
}
.latepoint-w .dp-timeslot {
height: 30px;
}
.latepoint-w .dp-timeslot .dp-tick {
top: 40px;
}
.latepoint-w.latepoint-summary-is-open.show-summary-on-mobile .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel {
display: none;
}
.latepoint-w .latepoint-booking-form-element {
display: block;
height: 100%;
}
.latepoint-w .latepoint-booking-form-element.step-content-loading .latepoint-timezone-selector-w {
display: none !important;
}
.latepoint-w .latepoint-booking-form-element.addon-timezone-selector-active .os-dates-w {
padding-top: 40px;
}
.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid {
justify-content: space-evenly;
}
.latepoint-w .latepoint-booking-form-element .step-datepicker-w {
padding: 10px 0px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info {
flex-direction: column;
align-items: center;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-deposit-price-w,
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .payment-total-price-w {
padding: 8px 0px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-trigger-w {
margin-bottom: 5px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-trigger-w a {
margin-left: 0px;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w {
margin-left: 0px !important;
}
.latepoint-w .latepoint-booking-form-element .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input {
font-size: 18px !important;
-webkit-appearance: none;
width: 155px !important;
border-radius: 0px !important;
}
.latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li a {
padding: 5px 10px;
}
.latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li a .service-price-w {
padding-left: 5px;
margin-left: 5px;
}
.latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li a .service-img-w {
margin-right: 10px;
}
.latepoint-w .latepoint-booking-form-element .step-services-w .os-item-category-w .os-item-category-info .os-item-category-services-count {
display: none;
}
.latepoint-w .latepoint-booking-form-element .step-services-w .os-service-durations li .os-duration-value {
font-size: 32px;
}
.latepoint-w .latepoint-booking-form-element .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;
width: 100%;
flex: 1;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .item-quantity-selector-w .item-quantity-selector-input {
font-size: 16px !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w {
padding-left: 15px !important;
padding-right: 15px !important;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
padding: 15px;
max-height: 100vh; max-height: 100dvh;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-item-details-popup .item-details-popup-content {
padding: 40px 15px;
}
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-features {
margin-bottom: 20px;
}
.latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel {
position: absolute;
top: 59px;
z-index: 999;
left: 0px;
right: 0px;
display: block;
flex: 1;
padding: 0px;
border: none !important;
background-color: #fff;
}
.latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-step-desc-w,
.latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-questions,
.latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-progress {
display: none !important;
}
.latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w {
margin-top: 0px;
padding: 10px 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group {
display: flex;
align-items: center;
}
.latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group label {
margin-bottom: 0px;
margin-right: 10px;
white-space: nowrap;
flex: 1;
}
.latepoint-w .latepoint-booking-form-element.current-step-booking__datepicker .latepoint-side-panel .latepoint-timezone-selector-w .os-form-group select {
text-align-last: left;
text-align: center;
}
.latepoint-w .latepoint-summary-w {
display: none !important;
}
.latepoint-w .latepoint-form-w {
height: 100%;
}
.latepoint-w .latepoint-form-w .latepoint-heading-w {
padding-left: 15px !important;
}
.latepoint-w .latepoint-form-w .latepoint-body {
padding-left: 15px;
padding-right: 15px;
}
.latepoint-w .latepoint-lightbox-i {
transform: none;
animation: 0.4s cubic-bezier(0, 1, 0.51, 1) 0s both osLightboxMobileAnimation;
max-height: 100vh;
max-height: 100dvh;
height: 100vh; height: 100dvh;
}
.latepoint-w.front-lightbox .latepoint-lightbox-i {
max-height: 100vh; max-height: 100dvh;
}
.latepoint-lightbox-w {
grid-template-columns: 1fr !important;
}
@keyframes osLightboxAnimation {
0% {
transform: translate3d(0%, -40%, 0px) scale(1.2);
opacity: 0;
}
100% {
transform: translate3d(0%, -50%, 0px) scale(1);
opacity: 1;
}
}
}
@media (min-width: 601px) and (max-width: 959px) {
.latepoint-lightbox-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-summary-w {
display: flex;
}
.latepoint-lightbox-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-form-w {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
}
@media (min-width: 960px) {
.latepoint-w .summary-boxes-columns {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
column-gap: 20px;
row-gap: 20px;
}
.latepoint-w .summary-boxes-columns .summary-box {
flex: 1 1 35%;
}
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-summary-w {
display: flex;
}
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-form-w {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open.latepoint-hide-side-panel {
grid-template-columns: min-content;
}
} @media print {
.part-of-bundle-message {
display: none;
}
.summary-box .summary-box-content .os-avatar-w,
.summary-box .summary-box-content .os-location-image {
display: none;
}
.summary-box .summary-box-content .sbc-content-i {
margin-left: 0;
}
.summary-box .sbc-link-item {
display: none;
}
.summary-box .sbc-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: 15px;
font-weight: 600;
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: #7c85a3;
padding-top: 0px;
margin-bottom: 8px;
font-size: 13px;
letter-spacing: 0.5px;
text-transform: uppercase;
font-weight: 600;
}
.latepoint-print-summary-w .full-summary-number strong {
font-size: 39px;
letter-spacing: normal;
color: #14161d;
display: block;
line-height: 1.1;
}
}
.latepoint-admin .iti--separate-dial-code .iti__selected-dial-code {
padding-top: 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: 15px;
}
.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: 1000000;
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;
z-index: 1000000;
}
.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(//old.hrtelecoms.fr/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(//old.hrtelecoms.fr/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: 13px;
}