[Back] @charset "UTF-8";
/*!
* Copyright (c) 2024 LatePoint LLC. All rights reserved.
*/
.latepoint-admin,
.latepoint-w {
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
line-height: 1.2;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
}
.latepoint-admin p,
.latepoint-w p {
line-height: 1.2;
}
.latepoint-admin .os-template-preview-content,
.latepoint-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: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;
}
/*!
* Copyright (c) 2023 LatePoint LLC. All rights reserved.
*/
@keyframes statusIconPop {
0% {
transform: rotate(-90deg) scale(0.4);
opacity: 1;
}
100% {
transform: rotate(0deg) scale(1);
opacity: 1;
}
}
.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 #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.invoice-payment-summary-wrapper .lp-payment-charge-amount {
background-color: #fbf6e1;
border-radius: 15px;
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: 400;
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: #1f222b;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-sub-info {
color: #788291;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-sub-info a {
display: inline-flex;
margin-left: 5px;
text-decoration: none;
align-items: center;
gap: 5px;
color: #1d7bff;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-sub-info a span {
border-bottom: 1px dotted #1d7bff;
}
.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: 33px;
color: #1f222b;
}
.latepoint-w .payment-confirmation-wrapper .payment-info {
border: 1px solid #ddd;
border-radius: 6px;
}
.latepoint-w .payment-confirmation-wrapper .payment-info .payment-info-row {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #ddd;
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: #788291;
}
.latepoint-w .payment-confirmation-wrapper .payment-info .info-value {
font-weight: 400;
}
body.latepoint-admin .latepoint-btn {
padding: 8px 12px;
background-color: #1e7bff;
box-shadow: 0px 1px 2px 0px transparent;
border: 1px solid #1e7bff;
color: #fff;
border-radius: 15px;
text-decoration: none;
font-weight: 400;
display: inline-flex;
align-items: center;
gap: 6px;
cursor: pointer;
white-space: nowrap;
line-height: 1.2;
font-size: 15px;
}
body.latepoint-admin .latepoint-btn:hover, body.latepoint-admin .latepoint-btn:focus {
outline: none;
background-color: #3c8dff;
border-color: #3c8dff;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-secondary {
background-color: #f3f4f7;
color: #252C39;
border-color: #e9eaed;
box-shadow: 0px 1px 2px 0px transparent;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-secondary.latepoint-btn-link {
border-color: #e9eaed;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-secondary:hover {
background-color: #dcdee4;
border-color: #dcdee4;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-danger {
background-color: #ef6b6b;
color: #fff;
box-shadow: 0px 1px 2px 0px transparent;
border-color: #ef6b6b;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-danger.latepoint-btn-link {
border-color: #ef6b6b;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-danger:focus, body.latepoint-admin .latepoint-btn.latepoint-btn-danger:active {
background-color: #ef6b6b;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-danger:hover {
background-color: #FB7F7F;
border-color: #FB7F7F;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-success {
background-color: #2ebd6f;
color: #fff;
box-shadow: 0px 1px 2px 0px transparent;
border-color: #2ebd6f;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-success.latepoint-btn-link {
border-color: #2ebd6f;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-success:focus, body.latepoint-admin .latepoint-btn.latepoint-btn-success:active {
background-color: #2ebd6f;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-success:hover {
background-color: #42d083;
border-color: #42d083;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-white {
background-color: #fff;
color: #41444b;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
border-color: #e9ebf0;
border-bottom-color: #d1d5df;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-white.latepoint-btn-link {
border-color: #e9ebf0;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-white:focus, body.latepoint-admin .latepoint-btn.latepoint-btn-white:active {
background-color: #fff;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-white:hover {
background-color: #eee;
border-color: #eee;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-link {
border: none;
border-radius: 0px;
padding-left: 0px;
padding-right: 0px;
background-color: transparent;
color: #1d7bff;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-outline {
background-color: transparent;
color: #1e7bff;
border: 1px solid #1e7bff;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-outline.latepoint-btn-outline-dotted {
border-style: dotted;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-outline:hover, body.latepoint-admin .latepoint-btn.latepoint-btn-outline:focus {
border-color: #0061e9;
color: #1d7bff;
background-color: transparent;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-outline.latepoint-btn-danger {
background-color: transparent;
color: #de5959;
border-color: #de5959;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-outline.latepoint-btn-danger:hover, body.latepoint-admin .latepoint-btn.latepoint-btn-outline.latepoint-btn-danger:focus {
border-color: #d62e2e;
color: #d62e2e;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-outline.latepoint-btn-secondary {
border: 1px solid #ccc;
background-color: transparent;
color: #444;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-outline.latepoint-btn-secondary:hover, body.latepoint-admin .latepoint-btn.latepoint-btn-outline.latepoint-btn-secondary:focus {
border-color: #b3b3b3;
color: #2b2b2b;
background-color: transparent;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-outline.latepoint-btn-grey {
color: #1f222b;
border: 1px solid rgba(0, 0, 0, 0.1);
background-color: #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
border-bottom-color: rgba(0, 0, 0, 0.25);
}
body.latepoint-admin .latepoint-btn.latepoint-btn-outline.latepoint-btn-grey:hover, body.latepoint-admin .latepoint-btn.latepoint-btn-outline.latepoint-btn-grey:focus {
border-color: #b3b3b3;
color: #2b2b2b;
background-color: #fff;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-block {
display: flex;
justify-content: center;
gap: 10px;
align-items: center;
width: 100%;
text-align: center;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-rounded {
border-radius: 30px;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-md {
padding: 10px 16px 10px;
font-size: 17px;
border-radius: 12px;
gap: 10px;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-md i {
font-size: 13px;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-lg {
padding: 12px 20px;
font-size: 18px;
border-radius: 20px;
gap: 10px;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-lg i {
line-height: inherit;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-sm {
padding: 6px 8px;
font-size: 13px;
border-radius: 12px;
gap: 5px;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-sm i, body.latepoint-admin .latepoint-btn.latepoint-btn-sm span {
vertical-align: middle;
}
body.latepoint-admin .latepoint-btn span {
display: inline-block;
}
body.latepoint-admin .latepoint-btn i {
display: inline-block;
}
body.latepoint-admin .latepoint-btn.latepoint-btn-just-icon i {
display: block;
}
body.latepoint-admin .latepoint-btn.os-loading {
color: transparent !important;
position: relative;
}
body.latepoint-admin .latepoint-btn.os-loading span, body.latepoint-admin .latepoint-btn.os-loading i {
color: transparent !important;
border-color: transparent !important;
}
body.latepoint-admin .latepoint-btn.os-loading:after {
display: block;
content: "";
width: 14px;
height: 14px;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
border-top: 2px solid #fff;
border-right: 2px solid transparent;
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
}
body.latepoint-admin .latepoint-btn.os-loading.latepoint-btn-danger:after {
border-bottom-color: #fff;
border-left-color: #fff;
border-top-color: #fff;
border-right-color: transparent;
}
body.latepoint-admin .latepoint-btn.os-loading.latepoint-btn-white:after {
border-bottom-color: #41444b;
border-left-color: #41444b;
border-top-color: #41444b;
border-right-color: transparent;
}
body.latepoint-admin .latepoint-btn.os-loading.latepoint-btn-secondary:after {
border-bottom-color: #252C39;
border-left-color: #252C39;
border-top-color: #252C39;
border-right-color: transparent;
}
body.latepoint-admin .latepoint-btn.os-loading.latepoint-btn-outline:after {
border-bottom-color: #1e7bff;
border-left-color: #1e7bff;
border-top-color: #1e7bff;
border-right-color: transparent;
}
body.latepoint-admin .latepoint-btn.os-loading.latepoint-btn-link:after {
border-bottom-color: #1e7bff;
border-left-color: #1e7bff;
border-top-color: #1e7bff;
border-right-color: transparent;
}
body.latepoint-admin .latepoint-link {
display: inline-block;
border-bottom: 1px solid #1d7bff;
color: #1d7bff;
position: relative;
outline: none;
box-shadow: none;
text-decoration: none;
}
body.latepoint-admin .latepoint-link:focus {
outline: none;
box-shadow: none;
}
body.latepoint-admin .latepoint-link i {
display: inline-block;
margin-right: 5px;
}
body.latepoint-admin .latepoint-link span {
display: inline-block;
}
body.latepoint-admin .latepoint-link.os-loading i, body.latepoint-admin .latepoint-link.os-loading .latepoint-icon {
color: transparent !important;
}
body.latepoint-admin .latepoint-link.os-loading:before {
display: block;
content: "";
width: 12px !important;
height: 12px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
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;
}
/*!
* Copyright (c) 2023 LatePoint LLC. All rights reserved.
*/
@font-face {
font-family: "latepoint";
src: url("/wp-content/plugins/latepoint/public/fonts/latepoint-regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "latepoint-mono";
src: url("/wp-content/plugins/latepoint/public/fonts/latepoint-mono-regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "latepoint";
src: url("/wp-content/plugins/latepoint/public/fonts/latepoint-semibold.woff2") format("woff2");
font-weight: 600;
font-style: normal;
font-display: block;
}
body.latepoint-admin {
font-size: 13px;
}
.wp-toolbar body.latepoint-admin {
margin-top: -32px;
}
.latepoint-admin {
background-color: #fff;
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 400;
letter-spacing: normal;
}
.latepoint-admin.wp-admin select {
border-radius: 15px;
}
.latepoint-admin.latepoint-admin-boxed #wpwrap {
background: linear-gradient(to bottom right, #D7BBEA, #65A8F1);
}
.latepoint-admin.latepoint-admin-boxed .latepoint-all-wrapper {
margin: 20px;
border-radius: 4px;
box-shadow: 0 10px 30px 0 rgba(42, 49, 62, 0.23), 0 1px 2px 0 rgba(47, 57, 74, 0.59);
}
.latepoint-admin *,
.latepoint-admin *:before,
.latepoint-admin *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.latepoint-admin > .notice {
display: none;
}
.latepoint-admin .media-router > a {
height: auto;
}
.latepoint-admin a {
color: #1d7bff;
font-weight: 400;
outline: none;
}
.latepoint-admin b, .latepoint-admin strong {
font-weight: 400;
}
.latepoint-admin h1, .latepoint-admin h2, .latepoint-admin h3, .latepoint-admin h4, .latepoint-admin h5, .latepoint-admin h6 {
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 400;
line-height: 1.2;
}
.latepoint-admin input {
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 400;
}
.latepoint-admin th {
font-weight: 400;
}
.latepoint-admin #adminmenumain,
.latepoint-admin #wpadminbar,
.latepoint-admin #wpfooter {
display: none;
}
.latepoint-admin #adminmenumain {
display: none;
}
.latepoint-admin #wpcontent, .latepoint-admin #wpfooter {
margin-left: 0px;
padding-left: 0px;
}
.latepoint-admin #wpbody-content {
padding-bottom: 0;
}
.latepoint-admin #wpbody-content > #screen-meta,
.latepoint-admin #wpbody-content > #screen-meta-links {
display: none;
}
.latepoint-admin #wpbody-content > .updated,
.latepoint-admin #wpbody-content > .error,
.latepoint-admin #wpbody-content > .notice {
display: none !important;
}
.latepoint-admin .os-layout-with-sticky-side-menu {
display: flex;
}
.latepoint-admin .os-layout-with-sticky-side-menu > .os-form-w {
margin-top: 0;
}
.latepoint-admin .os-layout-with-sticky-side-menu .os-sticky-side-menu-wrapper {
margin-left: 40px;
align-self: flex-start;
padding: 50px 30px 20px;
border-radius: 8px;
background-color: #f8f9fb;
position: relative;
}
.latepoint-admin .os-layout-with-sticky-side-menu .os-sticky-side-menu-wrapper .sticky-side-menu-heading {
font-size: 90px;
position: absolute;
top: -50px;
left: 25px;
color: rgba(7, 18, 119, 0.04);
font-weight: 600;
}
.latepoint-admin .os-layout-with-sticky-side-menu .os-sticky-side-menu-wrapper ul {
margin: 0;
}
.latepoint-admin .os-layout-with-sticky-side-menu .os-sticky-side-menu-wrapper li {
margin: 0;
position: relative;
}
.latepoint-admin .os-layout-with-sticky-side-menu .os-sticky-side-menu-wrapper li + li {
border-top: 1px solid rgba(0, 0, 0, 0.03);
}
.latepoint-admin .os-layout-with-sticky-side-menu .os-sticky-side-menu-wrapper li a {
display: block;
padding: 8px 20px 8px 30px;
font-size: 16px;
color: #7b7ea6;
font-weight: 400;
text-decoration: none;
white-space: nowrap;
transition: transform 0.2s ease;
position: relative;
}
.latepoint-admin .os-layout-with-sticky-side-menu .os-sticky-side-menu-wrapper li a:focus {
outline: none;
box-shadow: none;
}
.latepoint-admin .os-layout-with-sticky-side-menu .os-sticky-side-menu-wrapper li a:before {
content: "";
width: 8px;
height: 5px;
background-color: #e5e9f1;
position: absolute;
top: 50%;
left: 10px;
transform: translate3d(0px, -50%, 0);
transition: transform 0.2s ease;
}
.latepoint-admin .os-layout-with-sticky-side-menu .os-sticky-side-menu-wrapper li:hover:before {
background-color: #5282ff;
}
.latepoint-admin .os-layout-with-sticky-side-menu .os-sticky-side-menu-wrapper li:hover a {
color: #142138;
}
.latepoint-admin .os-layout-with-sticky-side-menu .os-sticky-side-menu-wrapper li.os-active a {
transform: translate3d(-10px, 0, 0);
color: #1f222b;
}
.latepoint-admin .os-layout-with-sticky-side-menu .os-sticky-side-menu-wrapper li.os-active a:before {
background-color: #1d7bff;
transform: translate3d(0px, -50%, 0) scaleX(1.5);
}
.latepoint-all-wrapper {
background-image: linear-gradient(90deg, #f7f8f9, #f8f7f6);
}
.latepoint-all-wrapper .latepoint-top-bar-w {
display: flex;
padding: 15px 30px;
align-items: center;
border-bottom: 1px solid #EEF0F1;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-logo {
margin-right: 15px;
display: none;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-logo a {
color: #fff;
text-decoration: none;
font-size: 16px;
display: block;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-logo a img {
display: block;
height: 26px;
width: auto;
}
.latepoint-all-wrapper .latepoint-top-bar-w .os-main-location-selector {
background-color: #fff;
margin: 0px;
border: 1px solid #d6d6e1;
border-bottom-color: #bebfc7;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
padding: 0px 26px 0px 10px;
margin: 0px;
margin-right: 7px;
height: 35px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-new-appointment-btn {
margin-left: 25px;
gap: 10px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-new-appointment-btn i {
font-size: 15px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-iconed-link {
text-decoration: none;
display: block;
outline: none;
color: #1f222b;
font-size: 18px;
margin-right: 20px;
box-shadow: none;
position: relative;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-iconed-link i {
vertical-align: middle;
display: block;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-iconed-link .notifications-count {
position: absolute;
background-color: #fadd88;
border: 2px solid #f8f7f6;
color: #000;
padding: 2px 4px;
border-radius: 10px;
font-size: 12px;
min-width: 20px;
vertical-align: middle;
line-height: 1.2;
text-align: center;
top: -12px;
left: 50%;
font-weight: 600;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-mobile-top-menu-trigger,
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-mobile-top-search-trigger,
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-mobile-top-new-appointment-btn-trigger {
display: none;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results {
position: absolute;
z-index: 999;
top: -16px;
left: -30px;
right: -2px;
background-color: #fff;
padding: 0px;
box-shadow: 0px 1px 2px rgba(115, 129, 165, 0.53), 0px 20px 60px rgba(87, 96, 134, 0.2);
border-radius: 0px 0px 12px 0px;
padding: 30px;
padding-top: 80px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results h3 {
margin-top: 5px;
margin-bottom: 0px;
color: #1d7bff;
padding: 10px 10px 10px 10px;
font-size: 20px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results h3 span, .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results h3 i {
display: inline-block;
vertical-align: middle;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results h3 .latepoint-icon {
margin-right: 15px;
font-size: 22px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results h3:first-child {
border-top: 1px solid rgba(0, 0, 0, 0.05);
margin-top: 0px;
padding-top: 20px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results .search-no-results {
color: rgba(0, 0, 0, 0.4);
font-size: 16px;
padding: 10px;
font-weight: 400;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results .latepoint-search-results-tiles-w {
display: flex;
padding: 10px 10px;
overflow: hidden;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results .latepoint-search-result {
outline: none;
flex: 0 0 160px;
text-align: left;
padding: 10px;
align-items: center;
background-color: #fff;
cursor: pointer;
text-decoration: none;
color: #1f222b;
transition: none;
border: 1px solid #e0e1e9;
border-radius: 4px;
margin: 0px;
transition: transform 0.1s ease-in;
display: flex;
align-items: center;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results .latepoint-search-result + .latepoint-search-result {
margin-left: 15px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results .latepoint-search-result:hover {
transform: translateY(-2px);
border-color: #1d7bff;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results .latepoint-search-result .avatar {
margin: 0px auto;
width: 50px;
height: 50px;
flex: 0 0 50px;
margin-right: 15px;
border-radius: 50%;
background-size: cover;
background-position: center center;
transition: transform 0.1s ease-in;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results .latepoint-search-result .name {
flex: 1;
font-weight: 400;
font-size: 15px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results .latepoint-search-result .name strong {
background-color: rgba(255, 231, 18, 0.62);
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-unlock-features-link {
text-decoration: none;
padding: 5px 10px;
color: #000;
font-weight: 600;
border-radius: 6px;
display: flex;
align-items: center;
gap: 8px;
margin-right: 20px;
cursor: pointer;
background-color: #fff5ca;
box-shadow: 0px 1px 0px 0px rgba(236, 207, 51, 0.5);
animation: 2s ease 0s pulseUnlockLink infinite;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-unlock-features-link:hover {
animation: none;
box-shadow: none;
background-color: #ffeb8b;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-w {
position: relative;
flex: 1;
margin-right: 15px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-w.typing .latepoint-top-search {
background-color: transparent;
color: #111;
box-shadow: none;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-w.typing:before {
color: rgba(136, 148, 175, 0.6);
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-w.os-loading:before {
display: block;
content: "";
width: 14px !important;
height: 14px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
left: 12px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-w:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e975";
color: rgba(120, 130, 145, 0.6);
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 16px;
z-index: 9999;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-w .latepoint-top-search-input-w {
z-index: 9998;
position: relative;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-w .latepoint-top-search-input-w i {
display: none;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-w .latepoint-top-search {
width: 100%;
display: block;
background-color: transparent;
border: none;
box-shadow: none;
padding: 15px 20px 15px 50px;
border-radius: 24px;
color: #41444b;
font-size: 16px;
line-height: 1.5;
background-image: linear-gradient(90deg, rgba(236, 237, 238, 0.71), transparent);
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-w .latepoint-top-search::placeholder {
color: rgba(120, 130, 145, 0.6);
opacity: 1;
}
.latepoint-all-wrapper .latepoint-content-and-menu-w {
display: flex;
min-height: 100vh; /* Fallback */
min-height: 100dvh;
}
.latepoint-all-wrapper .latepoint-side-menu-w {
flex: 0;
border-right: 1px solid #EEF0F1;
}
.latepoint-all-wrapper .latepoint-content-w {
flex: 1;
min-width: 0;
}
.latepoint-all-wrapper .latepoint-content-w .latepoint-content {
padding: 30px;
}
.latepoint-all-wrapper .latepoint-content-w .latepoint-content.no-padding {
padding: 0px;
}
.latepoint-all-wrapper .latepoint-content-w .latepoint-content > .os-form-w:first-child {
margin-top: 0px;
}
.latepoint-all-wrapper .latepoint-content-w .latepoint-content > .os-form-sub-header:first-child {
padding-top: 0px;
margin-top: 0px;
}
.latepoint-all-wrapper .latepoint-content-w .boxed-wrapped {
background-color: #fff;
box-shadow: 0px 1px 2px rgba(23, 27, 175, 0.22), 0px 10px 30px rgba(39, 45, 117, 0.05);
border-radius: 15px;
padding: 20px 30px;
margin: 0px;
}
.latepoint-all-wrapper .latepoint-content-w .boxed-wrapped .os-form-w:first-child {
margin-top: 0px;
}
.latepoint-all-wrapper .latepoint-top-bar-w + .latepoint-content {
padding: 30px;
}
.latepoint-all-wrapper .no-results-w {
text-align: center;
padding: 20px;
}
.latepoint-all-wrapper .no-results-w.highlighted {
padding: 40px;
border-radius: 12px;
position: relative;
}
.latepoint-all-wrapper .no-results-w.highlighted .icon-w {
color: #1f222b;
}
.latepoint-all-wrapper .no-results-w.highlighted:before {
content: "";
z-index: 1;
width: 20%;
position: absolute;
top: 0;
bottom: 0;
right: 0;
background-image: radial-gradient(#ccc 1px, transparent 0);
background-size: 23px 23px;
}
.latepoint-all-wrapper .no-results-w.highlighted:after {
content: "";
z-index: 1;
width: 20%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
background-image: radial-gradient(#ccc 1px, transparent 0);
background-size: 23px 23px;
}
.latepoint-all-wrapper .no-results-w .icon-w {
font-size: 32px;
color: #D6DDEA;
margin-bottom: 20px;
}
.latepoint-all-wrapper .no-results-w h2 {
color: #ACB8CE;
margin-top: 0px;
}
.latepoint-all-wrapper .no-results-w .no-results-heading {
max-width: 400px;
margin: 0 auto;
color: #1f222b;
font-size: 20px;
margin-bottom: 10px;
}
.latepoint-all-wrapper .no-results-w .no-results-sub {
max-width: 400px;
margin: 0 auto;
color: #788291;
font-size: 17px;
margin-bottom: 20px;
}
.latepoint-all-wrapper .no-results-w a + a {
margin-left: 10px;
}
.latepoint-all-wrapper .page-header-main-actions {
margin-top: -80px;
display: flex;
justify-content: flex-end;
align-items: center;
margin-bottom: 50px;
}
.latepoint-all-wrapper .page-header-main-actions .os-form-group {
margin-bottom: 0px !important;
}
.latepoint-all-wrapper .page-header-main-actions .os-form-group + .os-form-group {
margin-left: 5px;
}
.latepoint-all-wrapper .page-header-main-actions label {
margin: 0px;
font-weight: 400;
line-height: 2.1;
margin-right: 10px;
color: #788291;
}
.latepoint-all-wrapper .pre-page-back-link-w {
margin-bottom: 0px;
padding: 20px 30px 0px 30px;
}
.latepoint-all-wrapper .pre-page-back-link-w a {
display: inline-block;
text-decoration: none;
}
.latepoint-all-wrapper .pre-page-back-link-w a i, .latepoint-all-wrapper .pre-page-back-link-w a span {
display: inline-block;
vertical-align: middle;
}
.latepoint-all-wrapper .pre-page-back-link-w + .pre-page-header {
padding-top: 10px;
}
.latepoint-all-wrapper .pre-page-header {
margin-bottom: 0px;
padding: 30px 30px 0px 30px;
color: #1f222b;
font-size: 33px;
}
.latepoint-all-wrapper .page-header-w {
padding: 0px 30px;
}
.latepoint-all-wrapper .page-header-main {
padding: 30px 0 0;
font-size: 33px;
margin: 0;
position: relative;
line-height: 1.2;
}
.latepoint-all-wrapper .breadcrumbs-w {
margin-left: auto;
display: none;
}
.latepoint-all-wrapper .breadcrumbs-w ul {
list-style: none;
margin-top: 0px;
margin: 0px;
}
.latepoint-all-wrapper .breadcrumbs-w ul li {
display: inline-block;
vertical-align: middle;
position: relative;
margin-bottom: 0px;
margin-right: 20px;
}
.latepoint-all-wrapper .breadcrumbs-w ul li a {
text-decoration: none;
display: inline-block;
padding: 2px 0px;
line-height: 1.1;
border-bottom: 1px solid #1d7bff;
color: #1d7bff;
}
.latepoint-all-wrapper .breadcrumbs-w ul li:after {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e913";
font-size: 12px;
color: #788291;
position: absolute;
right: -15px;
top: 50%;
transform: translateY(-50%);
}
.latepoint-all-wrapper .breadcrumbs-w ul li:last-child {
margin-right: 0px;
}
.latepoint-all-wrapper .breadcrumbs-w ul li:last-child:after {
display: none;
}
.latepoint-all-wrapper .breadcrumbs-w ul li span {
color: #b0b0b0;
display: inline-block;
border-radius: 8px;
padding: 2px 0px;
line-height: 1.1;
font-weight: 400;
border-bottom: 1px solid transparent;
}
.latepoint-all-wrapper .os-page-tabs-w {
margin-top: 10px;
}
.latepoint-all-wrapper .os-page-tabs-w .page-header-main {
padding: 0;
padding-bottom: 20px;
}
.latepoint-all-wrapper ul.os-page-tabs {
display: flex;
gap: 20px;
margin: 0px;
border-bottom: 1px solid #EEF0F1;
}
.latepoint-all-wrapper ul.os-page-tabs li {
display: block;
margin: 0px;
padding: 0px;
}
.latepoint-all-wrapper ul.os-page-tabs li a {
padding: 10px 0;
line-height: 1;
display: block;
text-decoration: none;
color: #788291;
font-size: 18px;
position: relative;
outline: none;
border-radius: 15px;
white-space: nowrap;
}
.latepoint-all-wrapper ul.os-page-tabs li a:focus {
outline: none;
box-shadow: none;
}
.latepoint-all-wrapper ul.os-page-tabs li a:hover {
color: #41444b;
}
.latepoint-all-wrapper ul.os-page-tabs li.latepoint-show-notice > a:before {
content: "";
width: 17px;
height: 17px;
border-radius: 50%;
z-index: 2;
background-color: #ffb123 !important;
position: absolute;
right: -10px;
border: 3px solid #fff;
top: 38px;
transform: translateY(-80%);
}
.latepoint-all-wrapper ul.os-page-tabs li.os-page-tab-active a {
color: #1f222b;
}
.latepoint-all-wrapper ul.os-page-tabs li.os-page-tab-active a:after {
content: "";
position: absolute;
bottom: -2px;
left: 0;
right: 0;
border-radius: 4px;
height: 3px;
background-image: linear-gradient(45deg, #702fdb, #ffc390);
}
.latepoint-not-authorized {
height: 100vh; /* Fallback */
height: 100dvh;
display: flex;
align-items: center;
justify-content: space-around;
}
.latepoint-not-authorized .not-authorized-message {
text-align: center;
border-radius: 10px;
font-weight: 400;
font-size: 24px;
padding: 20px 30px;
background-color: #f9f8f8;
}
.latepoint-plugin-upgrade-premium-link {
color: #1e7bff;
font-weight: bold;
border-bottom: 1px dotted #1e7bff;
}
@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 osTextUpdated {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
@keyframes os-rotating {
0% {
transform: rotate(0deg);
opacity: 1;
}
100% {
transform: rotate(360deg);
opacity: 0.5;
}
}
@keyframes animate_appointment_small_box {
0% {
opacity: 0.8;
}
50% {
opacity: 0.4;
}
100% {
opacity: 0.8;
}
}
@keyframes toolTipOpen {
0% {
transform: translate3d(-50%, -30%, 0);
opacity: 0;
}
100% {
transform: translate3d(-50%, -50%, 0);
opacity: 1;
}
}
@keyframes notificationAnimation {
0% {
transform: translate3d(0, -30px, 0) scale(0.6);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0) scale(1);
opacity: 1;
}
}
@keyframes quickAvailability {
0% {
transform: translate3d(40px, 0px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes wizardWrapperAnimation {
0% {
transform: translate3d(0, 30px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes contentUp {
0% {
transform: translate3d(0, 20px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes right20 {
0% {
transform: translate3d(-20px, 0px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes up20 {
0% {
transform: translate3d(0, 20px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes up20o {
0% {
transform: translate3d(0, 20px, 0);
}
100% {
transform: translate3d(0, 0px, 0);
}
}
@keyframes up10 {
0% {
transform: translate3d(0, 10px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes down20 {
0% {
transform: translate3d(0, -20px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes down10 {
0% {
transform: translate3d(0, -10px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes upcomingBoxAnimation {
0% {
transform: translate3d(40px, 0px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes calendarOpenAnimation {
0% {
transform: translate3d(0, -15px, 0px);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes timePeriodAnimation {
0% {
transform: translate3d(0, -70px, 0px) scaleY(0.2);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0) scaleY(1);
opacity: 1;
}
}
@keyframes textAnimations {
0% {
transform: translate3d(0, 30px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes genericLabelAnimation {
0% {
transform: translate3d(-50%, -15px, 0);
opacity: 0;
}
100% {
transform: translate3d(-50%, 0px, 0);
opacity: 1;
}
}
@keyframes inputPop {
50% {
transform: scale(1.3);
}
}
@keyframes selectedCheckmark {
0% {
transform: translate3d(0, -50% px, 0) rotate(30deg);
opacity: 0;
}
100% {
transform: translate3d(0, -50%, 0) rotate(0deg);
opacity: 1;
}
}
@keyframes successCheckmark {
0% {
transform: rotate(-90deg) scale(0.5);
opacity: 0;
}
100% {
transform: rotate(0deg) scale(1);
opacity: 1;
}
}
.latepoint-user-info-dropdown {
animation: 0.2s cubic-bezier(0.05, 0.45, 0.1, 1.1) 0s down10;
animation-fill-mode: both;
}
.order-item-booking-data-form-inner {
animation: 0.2s cubic-bezier(0.05, 0.45, 0.1, 1.1) 0s down10;
animation-fill-mode: both;
}
.step-drag span {
animation: 0.2s cubic-bezier(0.05, 0.45, 0.1, 1.1) 0s genericLabelAnimation;
animation-fill-mode: both;
}
.step-body {
animation: 0.2s cubic-bezier(0.05, 0.45, 0.1, 1) 0s down10;
animation-fill-mode: both;
}
.os-wizard-setup-w .os-form-w {
animation: 0.3s cubic-bezier(0.05, 0.45, 0.1, 1.2) 0s textAnimations;
animation-fill-mode: both;
}
.os-wizard-complete-btn {
animation: 0.3s cubic-bezier(0.05, 0.45, 0.1, 1.2) 0.15s textAnimations;
animation-fill-mode: both;
}
.os-wizard-sub-header {
animation: 0.3s cubic-bezier(0.05, 0.45, 0.1, 1.2) 0s textAnimations;
animation-fill-mode: both;
}
.os-wizard-header {
animation: 0.3s cubic-bezier(0.05, 0.45, 0.1, 1.2) 0.05s textAnimations;
animation-fill-mode: both;
}
.os-wizard-desc {
animation: 0.3s cubic-bezier(0.05, 0.45, 0.1, 1.2) 0.1s textAnimations;
animation-fill-mode: both;
}
.os-wizard-complete-icon-w {
animation: 1s cubic-bezier(0.05, 0.45, 0.1, 1.4) 0.2s successCheckmark;
animation-fill-mode: both;
}
.os-wizard-step-content-i {
animation: 0.3s cubic-bezier(0.05, 0.45, 0.1, 1.2) 0.15s textAnimations;
animation-fill-mode: both;
}
.ws-period {
animation: 0.2s cubic-bezier(0.05, 0.45, 0.1, 1.2) 0s timePeriodAnimation;
animation-fill-mode: both;
}
.ws-period.animate-filled-in .os-form-control {
animation: inputPop 0.4s ease 1;
}
.as-period.animate-filled-in .os-form-control {
animation: inputPop 0.4s ease 1;
}
.quick-order-form-w .ws-period {
animation: none;
}
.latepoint-content-w.os-loading {
animation: animate_appointment_small_box 0.8s ease infinite;
}
.latepoint-content-w.os-loading:after {
display: block;
content: "";
width: 14px !important;
height: 14px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.daterangepicker {
animation: 0.25s cubic-bezier(0.45, 1.1, 0.4, 1) 0s calendarOpenAnimation;
animation-fill-mode: both;
}
.appointment-box-large {
animation: 0.25s cubic-bezier(0.45, 1.1, 0.4, 1) 0s wizardWrapperAnimation;
animation-fill-mode: both;
}
.appointment-box-large:nth-child(1) {
animation: 0.6s cubic-bezier(0.45, 1.1, 0.4, 1) 0ms wizardWrapperAnimation;
animation-fill-mode: both;
}
.appointment-box-large:nth-child(2) {
animation: 0.6s cubic-bezier(0.45, 1.1, 0.4, 1) 100ms wizardWrapperAnimation;
animation-fill-mode: both;
}
.appointment-box-large:nth-child(3) {
animation: 0.6s cubic-bezier(0.45, 1.1, 0.4, 1) 200ms wizardWrapperAnimation;
animation-fill-mode: both;
}
.appointment-box-large:nth-child(4) {
animation: 0.6s cubic-bezier(0.45, 1.1, 0.4, 1) 300ms wizardWrapperAnimation;
animation-fill-mode: both;
}
.appointment-box-large:nth-child(5) {
animation: 0.6s cubic-bezier(0.45, 1.1, 0.4, 1) 400ms wizardWrapperAnimation;
animation-fill-mode: both;
}
.addons-boxes-w {
animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1) 0s wizardWrapperAnimation;
animation-fill-mode: both;
}
@keyframes osSidePanelAnimation {
0% {
transform: translateX(120px);
opacity: 0;
}
100% {
transform: translateX(0px);
opacity: 1;
}
}
@keyframes right10 {
0% {
transform: translateX(-10px);
opacity: 0;
}
100% {
transform: translateX(0px);
opacity: 1;
}
}
@keyframes right40 {
0% {
transform: translateX(-40px);
opacity: 0;
}
100% {
transform: translateX(0px);
opacity: 1;
}
}
@keyframes left20 {
0% {
transform: translateX(20px);
}
100% {
transform: translateX(0px);
}
}
.latepoint-side-panel-w .latepoint-side-panels {
transform-origin: center center;
animation: 0.5s cubic-bezier(0, 1, 0.51, 1) 0s both osSidePanelAnimation;
}
.latepoint-template-variables,
.latepoint-layout-template-variables {
transform-origin: center center;
animation: 0.4s cubic-bezier(0, 1, 0.51, 1) 0s both right40;
}
.os-notifications:not(.os-relative) .item {
animation: 0.25s cubic-bezier(0, 1, 0.51, 1.1) 0s notificationAnimation;
animation-fill-mode: both;
}
.table-with-pagination-w {
animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1) 0s wizardWrapperAnimation;
animation-fill-mode: both;
}
.os-widget-animated {
animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1) 0s wizardWrapperAnimation;
animation-fill-mode: both;
}
.white-box, .os-togglable-item-w {
animation: 0.4s cubic-bezier(0.45, 1, 0.2, 1) 0s up20;
animation-fill-mode: both;
}
.os-resources-grid .os-resource-grid-item, .os-resources-grid .create-resource-link-w {
animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1) 0s wizardWrapperAnimation;
animation-fill-mode: both;
}
.os-resources-grid .os-resource-grid-item:nth-child(1), .os-resources-grid .create-resource-link-w:nth-child(1) {
animation: 0.4s cubic-bezier(0.45, 1.2, 0.8, 1) 0ms wizardWrapperAnimation;
animation-fill-mode: both;
}
.os-resources-grid .os-resource-grid-item:nth-child(2), .os-resources-grid .create-resource-link-w:nth-child(2) {
animation: 0.4s cubic-bezier(0.45, 1.2, 0.8, 1) 30ms wizardWrapperAnimation;
animation-fill-mode: both;
}
.os-resources-grid .os-resource-grid-item:nth-child(3), .os-resources-grid .create-resource-link-w:nth-child(3) {
animation: 0.4s cubic-bezier(0.45, 1.2, 0.8, 1) 60ms wizardWrapperAnimation;
animation-fill-mode: both;
}
.os-resources-grid .os-resource-grid-item:nth-child(4), .os-resources-grid .create-resource-link-w:nth-child(4) {
animation: 0.4s cubic-bezier(0.45, 1.2, 0.8, 1) 90ms wizardWrapperAnimation;
animation-fill-mode: both;
}
.os-resources-grid .os-resource-grid-item:nth-child(5), .os-resources-grid .create-resource-link-w:nth-child(5) {
animation: 0.4s cubic-bezier(0.45, 1.2, 0.8, 1) 120ms wizardWrapperAnimation;
animation-fill-mode: both;
}
.os-resources-grid .os-resource-grid-item:nth-child(6), .os-resources-grid .create-resource-link-w:nth-child(6) {
animation: 0.4s cubic-bezier(0.45, 1.2, 0.8, 1) 150ms wizardWrapperAnimation;
animation-fill-mode: both;
}
.os-resources-grid .os-resource-grid-item:nth-child(7), .os-resources-grid .create-resource-link-w:nth-child(7) {
animation: 0.4s cubic-bezier(0.45, 1.2, 0.8, 1) 180ms wizardWrapperAnimation;
animation-fill-mode: both;
}
.os-resources-grid .os-resource-grid-item:nth-child(8), .os-resources-grid .create-resource-link-w:nth-child(8) {
animation: 0.4s cubic-bezier(0.45, 1.2, 0.8, 1) 210ms wizardWrapperAnimation;
animation-fill-mode: both;
}
.os-resources-grid .os-resource-grid-item:nth-child(9), .os-resources-grid .create-resource-link-w:nth-child(9) {
animation: 0.4s cubic-bezier(0.45, 1.2, 0.8, 1) 240ms wizardWrapperAnimation;
animation-fill-mode: both;
}
.os-resources-grid .os-resource-grid-item:nth-child(10), .os-resources-grid .create-resource-link-w:nth-child(10) {
animation: 0.4s cubic-bezier(0.45, 1.2, 0.8, 1) 270ms wizardWrapperAnimation;
animation-fill-mode: both;
}
.os-item-category-w {
animation: 0.6s cubic-bezier(0.45, 1.1, 0.4, 1) 0s wizardWrapperAnimation;
animation-fill-mode: both;
}
.os-item-category-w:nth-child(1) {
animation: 0.6s cubic-bezier(0.45, 1.1, 0.4, 1) 0ms wizardWrapperAnimation;
animation-fill-mode: both;
}
.os-item-category-w:nth-child(2) {
animation: 0.6s cubic-bezier(0.45, 1.1, 0.4, 1) 100ms wizardWrapperAnimation;
animation-fill-mode: both;
}
.os-item-category-w:nth-child(3) {
animation: 0.6s cubic-bezier(0.45, 1.1, 0.4, 1) 200ms wizardWrapperAnimation;
animation-fill-mode: both;
}
@keyframes osLightboxAnimation {
0% {
transform: translate3d(0, 10%, 0);
}
100% {
transform: translate3d(0, 0, 0);
}
}
.latepoint-lightbox-i {
transform-origin: center center;
animation: 0.5s cubic-bezier(0, 1, 0.2, 1) 0s both osLightboxAnimation;
}
.os-custom-field-form-params {
animation: 0.2s cubic-bezier(0, 1, 0.51, 1) 0s down10;
animation-fill-mode: both;
}
/* Form Blocks */
.os-section-header, .os-notifications-control-bar {
animation: 0.4s cubic-bezier(0.45, 1, 0.2, 1) 0s wizardWrapperAnimation;
animation-fill-mode: both;
}
.os-default-fields {
animation: 0.4s cubic-bezier(0.45, 1, 0.2, 1) 0s wizardWrapperAnimation;
animation-fill-mode: both;
}
.os-form-blocks-w {
animation: 0.4s cubic-bezier(0.45, 1, 0.2, 1) 0s wizardWrapperAnimation;
animation-fill-mode: both;
}
.process-action-form.is-editing {
animation: 0.4s cubic-bezier(0.45, 1, 0.2, 1) 0s up20;
animation-fill-mode: both;
}
.os-togglable-item-body {
animation: 0.3s cubic-bezier(0.45, 1, 0.2, 1) 0s down10;
animation-fill-mode: both;
}
.os-add-box {
animation: 0.4s cubic-bezier(0.45, 1, 0.2, 1) 0s wizardWrapperAnimation;
animation-fill-mode: both;
}
.os-form-block-params {
animation: 0.4s cubic-bezier(0.45, 1, 0.2, 1) 0s down20;
animation-fill-mode: both;
}
@keyframes pulseInUse {
0% {
background-color: #fff;
box-shadow: 0px 0px 0px 4px #d5ffe8;
}
100% {
background-color: #dbffee;
box-shadow: 0px 0px 0px 0px #b7ffd8;
}
}
.os-table-w .in-table-time-left .time-left.is-now {
animation: 1s ease 0s pulseInUse infinite;
}
@keyframes lateTooltipDown {
0% {
transform: translate3d(-50%, -120%, 0);
opacity: 0;
}
100% {
transform: translate3d(-50%, -100%, 0);
opacity: 1;
}
}
.late-tooltip {
animation: 0.15s cubic-bezier(0.45, 1.1, 0.7, 1) 0s lateTooltipDown;
animation-fill-mode: both;
}
.lp_iti__country-list {
animation: 0.15s cubic-bezier(0.45, 1.1, 0.7, 1) 0s right10;
animation-fill-mode: both;
}
.new-version-message, .active-license-info {
animation: 0.25s cubic-bezier(0.45, 1.1, 0.7, 1.1) 0s up10;
animation-fill-mode: both;
}
.invoice-settings-wrapper {
animation: 0.25s cubic-bezier(0.45, 1.1, 0.7, 1.1) 0s up20;
animation-fill-mode: both;
}
@keyframes rotateScale {
0% {
transform: scale(0.4) rotate(-90deg);
opacity: 0;
}
100% {
transform: scale(1) rotate(0deg);
opacity: 1;
}
}
@keyframes pulseErrorPill {
0% {
background-color: #ff9784;
box-shadow: 0px 1px 0px 0px rgba(255, 138, 138, 0.5), 0px 0px 0px 0px rgba(255, 138, 138, 0.55), 0px 0px 0px 0px rgba(255, 138, 138, 0.5), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.2);
}
100% {
background-color: #ff320c;
box-shadow: 0px 1px 0px 0px rgba(255, 138, 138, 0.5), 0px 0px 0px 7px rgba(255, 138, 138, 0), 0px 0px 0px 12px rgba(255, 138, 138, 0), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.2);
}
}
@keyframes pulseSuccessBtn {
0% {
background-color: #79b512;
box-shadow: 0px 1px 0px 0px rgba(139, 231, 141, 0.5), 0px 0px 0px 0px rgba(139, 231, 141, 0.55), 0px 0px 0px 0px rgba(139, 231, 141, 0.55);
}
100% {
background-color: #8aca1c;
box-shadow: 0px 1px 0px 0px rgba(139, 231, 141, 0.5), 0px 0px 0px 7px rgba(139, 231, 141, 0), 0px 0px 0px 12px rgba(139, 231, 141, 0);
}
}
@keyframes pulseUnlockLink {
0% {
background-color: #ffeb8b;
box-shadow: 0px 1px 0px 0px rgba(236, 207, 51, 0.5), 0px 0px 0px 0px rgba(255, 235, 139, 0.55), 0px 0px 0px 0px rgba(255, 235, 139, 0.55);
}
100% {
background-color: #fff5ca;
box-shadow: 0px 1px 0px 0px rgba(236, 207, 51, 0.5), 0px 0px 0px 7px rgba(255, 245, 202, 0), 0px 0px 0px 12px rgba(255, 245, 202, 0);
}
}
@keyframes pulseSuccessPill {
0% {
background-color: #c0ffcb;
box-shadow: 0px 1px 0px 0px rgba(139, 231, 141, 0.5), 0px 0px 0px 0px rgba(139, 231, 141, 0.55), 0px 0px 0px 0px rgba(139, 231, 141, 0.55), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.4);
}
100% {
background-color: #28ff4f;
box-shadow: 0px 1px 0px 0px rgba(139, 231, 141, 0.5), 0px 0px 0px 7px rgba(139, 231, 141, 0), 0px 0px 0px 12px rgba(139, 231, 141, 0), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.4);
}
}
@keyframes pulseInfoPill {
0% {
background-color: #c0d9ff;
box-shadow: 0px 1px 0px 0px rgba(139, 168, 231, 0.5), 0px 0px 0px 0px rgba(139, 168, 231, 0.55), 0px 0px 0px 0px rgba(139, 168, 231, 0.55), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.4);
}
100% {
background-color: #288cff;
box-shadow: 0px 1px 0px 0px rgba(139, 168, 231, 0.5), 0px 0px 0px 7px rgba(139, 168, 231, 0), 0px 0px 0px 12px rgba(139, 168, 231, 0), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.4);
}
}
.os-form-message-w.status-error:before {
animation: 1s ease 0s pulseErrorPill infinite;
}
.os-form-message-w.status-success:before {
animation: 1s ease 0s pulseSuccessPill infinite;
}
.os-notifications .item.item-type-error:before {
animation: 1s ease 0s pulseErrorPill infinite;
}
.os-notifications .item.item-type-success:before {
animation: 1s ease 0s pulseSuccessPill infinite;
}
body.latepoint-admin .new-version-message .version-check-icon,
body.latepoint-admin .active-license-info .version-check-icon {
animation: 1s ease 0s pulseSuccessPill infinite;
}
.a-rotate-scale {
animation: 0.7s cubic-bezier(0.25, 1.4, 0.5, 1.15) 0s rotateScale;
animation-fill-mode: both;
}
.text-nowrap {
white-space: nowrap;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right !important;
}
.text-left {
text-align: left;
}
.os-row-align-center {
align-items: center;
}
.time-left.left-days {
color: #bb6767;
}
.time-left.left-hours {
color: #bb6767;
}
.time-left.left-minutes {
color: #bb6767;
}
.time-left.is-past {
color: #788291;
}
.info-hover-activate {
color: #1d7bff;
text-decoration: none;
font-size: 14px;
position: relative;
margin: 0px 5px;
}
.info-hover-activate span {
display: none;
position: absolute;
top: 0px;
left: 50%;
transform: translate(-50%, -100%);
background-color: #111;
color: #fff;
font-weight: 400;
font-size: 13.5px;
padding: 3px 8px;
border-radius: 12px;
white-space: nowrap;
}
.info-hover-activate:hover span {
display: block;
}
.os-mb-1 {
margin-bottom: 10px;
}
.os-mb-2 {
margin-bottom: 20px;
}
.os-mb-3 {
margin-bottom: 30px;
}
.os-mb-4 {
margin-bottom: 40px;
}
.os-mt-1 {
margin-top: 10px;
}
.os-mt-2 {
margin-top: 20px;
}
.os-mt-3 {
margin-top: 30px;
}
.os-mt-4 {
margin-top: 40px;
}
.os-p-1 {
padding: 10px;
}
.os-p-2 {
padding: 20px;
}
.os-p-3 {
padding: 30px;
}
.os-p-4 {
padding: 40px;
}
.dashicons-latepoint:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e969";
}
.container {
width: 100%;
padding-right: 8px;
padding-left: 8px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
.container-fluid {
width: 100%;
padding-right: 8px;
padding-left: 8px;
margin-right: auto;
margin-left: auto;
}
.os-row {
display: flex;
flex-wrap: wrap;
margin-right: -8px;
margin-left: -8px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .os-col,
.no-gutters > [class*=os-col-] {
padding-right: 0;
padding-left: 0;
}
.os-col-xl,
.os-col-xl-auto, .os-col-xl-12, .os-col-xl-11, .os-col-xl-10, .os-col-xl-9, .os-col-xl-8, .os-col-xl-7, .os-col-xl-6, .os-col-xl-5, .os-col-xl-4, .os-col-xl-3, .os-col-xl-2, .os-col-xl-1, .os-col-lg,
.os-col-lg-auto, .os-col-lg-12, .os-col-lg-11, .os-col-lg-10, .os-col-lg-9, .os-col-lg-8, .os-col-lg-7, .os-col-lg-6, .os-col-lg-5, .os-col-lg-4, .os-col-lg-3, .os-col-lg-2, .os-col-lg-1, .os-col-md,
.os-col-md-auto, .os-col-md-12, .os-col-md-11, .os-col-md-10, .os-col-md-9, .os-col-md-8, .os-col-md-7, .os-col-md-6, .os-col-md-5, .os-col-md-4, .os-col-md-3, .os-col-md-2, .os-col-md-1, .os-col-sm,
.os-col-sm-auto, .os-col-sm-12, .os-col-sm-11, .os-col-sm-10, .os-col-sm-9, .os-col-sm-8, .os-col-sm-7, .os-col-sm-6, .os-col-sm-5, .os-col-sm-4, .os-col-sm-3, .os-col-sm-2, .os-col-sm-1, .os-col,
.os-col-auto, .os-col-12, .os-col-11, .os-col-10, .os-col-9, .os-col-8, .os-col-7, .os-col-6, .os-col-5, .os-col-4, .os-col-3, .os-col-2, .os-col-1 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 8px;
padding-left: 8px;
}
.os-col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.os-col-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.os-col-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.os-col-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.os-col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.os-col-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.os-col-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.os-col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.os-col-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.os-col-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.os-col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.os-col-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.os-col-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.os-col-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
order: -1;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
.order-5 {
order: 5;
}
.order-6 {
order: 6;
}
.order-7 {
order: 7;
}
.order-8 {
order: 8;
}
.order-9 {
order: 9;
}
.order-10 {
order: 10;
}
.order-11 {
order: 11;
}
.order-12 {
order: 12;
}
.offset-1 {
margin-left: 8.3333333333%;
}
.offset-2 {
margin-left: 16.6666666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.3333333333%;
}
.offset-5 {
margin-left: 41.6666666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.3333333333%;
}
.offset-8 {
margin-left: 66.6666666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.3333333333%;
}
.offset-11 {
margin-left: 91.6666666667%;
}
@media (min-width: 576px) {
.os-col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.os-col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.os-col-sm-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.os-col-sm-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.os-col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.os-col-sm-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.os-col-sm-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.os-col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.os-col-sm-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.os-col-sm-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.os-col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.os-col-sm-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.os-col-sm-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.os-col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
order: -1;
}
.order-sm-1 {
order: 1;
}
.order-sm-2 {
order: 2;
}
.order-sm-3 {
order: 3;
}
.order-sm-4 {
order: 4;
}
.order-sm-5 {
order: 5;
}
.order-sm-6 {
order: 6;
}
.order-sm-7 {
order: 7;
}
.order-sm-8 {
order: 8;
}
.order-sm-9 {
order: 9;
}
.order-sm-10 {
order: 10;
}
.order-sm-11 {
order: 11;
}
.order-sm-12 {
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.3333333333%;
}
.offset-sm-2 {
margin-left: 16.6666666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.3333333333%;
}
.offset-sm-5 {
margin-left: 41.6666666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.3333333333%;
}
.offset-sm-8 {
margin-left: 66.6666666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.3333333333%;
}
.offset-sm-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 768px) {
.os-col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.os-col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.os-col-md-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.os-col-md-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.os-col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.os-col-md-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.os-col-md-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.os-col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.os-col-md-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.os-col-md-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.os-col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.os-col-md-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.os-col-md-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.os-col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
order: -1;
}
.order-md-1 {
order: 1;
}
.order-md-2 {
order: 2;
}
.order-md-3 {
order: 3;
}
.order-md-4 {
order: 4;
}
.order-md-5 {
order: 5;
}
.order-md-6 {
order: 6;
}
.order-md-7 {
order: 7;
}
.order-md-8 {
order: 8;
}
.order-md-9 {
order: 9;
}
.order-md-10 {
order: 10;
}
.order-md-11 {
order: 11;
}
.order-md-12 {
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.3333333333%;
}
.offset-md-2 {
margin-left: 16.6666666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.3333333333%;
}
.offset-md-5 {
margin-left: 41.6666666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.3333333333%;
}
.offset-md-8 {
margin-left: 66.6666666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.3333333333%;
}
.offset-md-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 992px) {
.os-col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.os-col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.os-col-lg-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.os-col-lg-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.os-col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.os-col-lg-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.os-col-lg-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.os-col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.os-col-lg-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.os-col-lg-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.os-col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.os-col-lg-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.os-col-lg-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.os-col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
order: -1;
}
.order-lg-1 {
order: 1;
}
.order-lg-2 {
order: 2;
}
.order-lg-3 {
order: 3;
}
.order-lg-4 {
order: 4;
}
.order-lg-5 {
order: 5;
}
.order-lg-6 {
order: 6;
}
.order-lg-7 {
order: 7;
}
.order-lg-8 {
order: 8;
}
.order-lg-9 {
order: 9;
}
.order-lg-10 {
order: 10;
}
.order-lg-11 {
order: 11;
}
.order-lg-12 {
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.3333333333%;
}
.offset-lg-2 {
margin-left: 16.6666666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.3333333333%;
}
.offset-lg-5 {
margin-left: 41.6666666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.3333333333%;
}
.offset-lg-8 {
margin-left: 66.6666666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.3333333333%;
}
.offset-lg-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 1200px) {
.os-col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.os-col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.os-col-xl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.os-col-xl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.os-col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.os-col-xl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.os-col-xl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.os-col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.os-col-xl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.os-col-xl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.os-col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.os-col-xl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.os-col-xl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.os-col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
order: -1;
}
.order-xl-1 {
order: 1;
}
.order-xl-2 {
order: 2;
}
.order-xl-3 {
order: 3;
}
.order-xl-4 {
order: 4;
}
.order-xl-5 {
order: 5;
}
.order-xl-6 {
order: 6;
}
.order-xl-7 {
order: 7;
}
.order-xl-8 {
order: 8;
}
.order-xl-9 {
order: 9;
}
.order-xl-10 {
order: 10;
}
.order-xl-11 {
order: 11;
}
.order-xl-12 {
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.3333333333%;
}
.offset-xl-2 {
margin-left: 16.6666666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.3333333333%;
}
.offset-xl-5 {
margin-left: 41.6666666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.3333333333%;
}
.offset-xl-8 {
margin-left: 66.6666666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.3333333333%;
}
.offset-xl-11 {
margin-left: 91.6666666667%;
}
}
.os-col-br {
border-right: 1px solid #f2f3f3;
padding-right: 30px;
}
.os-col-br + div[class*=os-col-] {
padding-left: 30px;
}
.os-col-pr {
padding-right: 20px;
}
.os-col-pr + div[class*=os-col-] {
padding-left: 20px;
}
@media (min-width: 576px) {
.os-col-sm-br {
border-right: 1px solid #f2f3f3;
padding-right: 30px;
}
.os-col-sm-br + div[class*=os-col-] {
padding-left: 30px;
}
.os-col-sm-pr {
padding-right: 20px;
}
.os-col-sm-pr + div[class*=os-col-] {
padding-left: 20px;
}
}
@media (min-width: 768px) {
.os-col-md-br {
border-right: 1px solid #f2f3f3;
padding-right: 30px;
}
.os-col-md-br + div[class*=os-col-] {
padding-left: 30px;
}
.os-col-md-pr {
padding-right: 20px;
}
.os-col-md-pr + div[class*=os-col-] {
padding-left: 20px;
}
}
@media (min-width: 992px) {
.os-col-lg-br {
border-right: 1px solid #f2f3f3;
padding-right: 30px;
}
.os-col-lg-br + div[class*=os-col-] {
padding-left: 30px;
}
.os-col-lg-pr {
padding-right: 20px;
}
.os-col-lg-pr + div[class*=os-col-] {
padding-left: 20px;
}
}
@media (min-width: 1200px) {
.os-col-xl-br {
border-right: 1px solid #f2f3f3;
padding-right: 30px;
}
.os-col-xl-br + div[class*=os-col-] {
padding-left: 30px;
}
.os-col-xl-pr {
padding-right: 20px;
}
.os-col-xl-pr + div[class*=os-col-] {
padding-left: 20px;
}
}
.os-dashboard-row {
display: flex;
}
.os-dashboard-row .os-dashboard-column {
flex: 1;
}
.os-dashboard-row .os-dashboard-column + .os-dashboard-column {
margin-left: 30px;
}
.os-dashboard-row .os-dashboard-column.os-fit {
flex: 0;
}
.os-payment-processor-w .os-payment-processor-body#togglePaymentSettings_stripe {
padding: 0px;
}
.stripe-checkout-payments-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-row-gap: 4px;
grid-column-gap: 20px;
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #EEF0F1;
}
.table-fields-selector-w {
margin-top: 20px;
}
.table-fields-selector-w h3 {
margin-bottom: 15px;
font-weight: 400;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #788291;
display: flex;
align-items: center;
}
.table-fields-selector-w h3 span {
flex: 0;
display: block;
white-space: nowrap;
}
.table-fields-selector-w h3 span + span {
display: block;
background-color: #eef1f9;
flex: 1;
height: 5px;
margin-left: 10px;
}
.table-fields-selector-w .table-fields-selector-column {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 10px;
}
.table-fields-selector-w .table-fields-selector-column .os-form-group {
border: 1px solid #d6dbe4;
border-bottom-color: #c4c9d0;
border-radius: 6px;
padding: 8px;
margin: 0px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.table-fields-selector-w .table-fields-selector-column .os-form-group.os-form-toggler-group label {
font-size: 14px;
margin-left: 0px;
padding: 0px;
padding-left: 8px;
border-left: 1px solid #EEF0F1;
}
.table-fields-selector-w .table-fields-selector-column .os-form-group.os-form-toggler-group .os-toggler-label-w {
padding: 0px;
margin-left: 8px;
}
.table-fields-selector-w .table-fields-selector-column + h3 {
margin-top: 20px;
}
.os-togglable-items-w {
margin-bottom: 40px;
}
.os-togglable-items-w .os-togglable-item-w {
background-color: #fff;
background-color: #fff;
border-radius: 20px;
border: 1px solid rgba(211, 213, 218, 0.6705882353);
background-image: linear-gradient(129deg, rgba(179, 184, 204, 0.0509803922), rgba(255, 255, 255, 0.3607843137));
box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.01), 1px 1px 5px -1px rgba(134, 124, 171, 0.12), inset 2px 2px 0 0 #fff;
margin-bottom: 15px;
}
.os-togglable-items-w .os-togglable-item-w.is-disabled {
opacity: 0.5;
}
.os-togglable-items-w .os-togglable-item-w.is-disabled .os-field-setting {
display: none;
}
.os-togglable-items-w .os-togglable-item-w .os-togglable-item-head {
display: flex;
align-items: center;
padding: 15px 20px 15px 20px;
}
.os-togglable-items-w .os-togglable-item-w .os-togglable-item-body {
padding: 0px;
border-top: 1px solid #dcdad7;
}
.os-togglable-items-w .os-togglable-item-w .os-togglable-item-body:has(> :not(.sub-section-row)) {
padding: 20px;
}
.os-togglable-items-w .os-togglable-item-w .os-togglable-item-logo-img {
height: 25px;
width: auto;
display: block;
}
.os-togglable-items-w .os-togglable-item-w .os-toggler-w {
padding: 10px 20px 10px 0px;
margin-right: 20px;
border-right: 1px solid #EEF0F1;
}
.os-togglable-items-w .os-togglable-item-w .os-toggler-w input[type=radio] {
display: none !important;
}
.os-togglable-items-w .os-togglable-item-w .os-togglable-item-name {
margin-right: auto;
font-weight: 400;
font-size: 17px;
padding: 8px 15px;
}
.os-togglable-items-w .os-togglable-item-w .os-toggler-w + .os-togglable-item-name {
padding-left: 0px;
}
.os-togglable-items-w .os-togglable-item-w .os-togglable-item-logo-img + .os-togglable-item-name {
margin-left: auto;
margin-right: 0;
color: #788291;
}
.os-payment-processors-w {
margin-bottom: 40px;
}
.os-payment-processor-w {
background-color: #fff;
box-shadow: 0 5px 15px -5px rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6);
border-radius: 15px;
margin-bottom: 15px;
}
.os-payment-processor-w .os-payment-processor-head {
display: flex;
align-items: center;
padding: 15px;
}
.os-payment-processor-w .os-payment-processor-body {
padding: 25px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.os-payment-processor-w .os-processor-logo-img {
height: 30px;
width: auto;
display: block;
}
.os-payment-processor-w .os-processor-logo {
height: 30px;
width: 100px;
background-size: contain;
background-repeat: no-repeat;
background-position: left center;
}
.os-payment-processor-w .os-toggler-w {
padding: 8px 15px 8px 5px;
margin-right: 20px;
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.os-payment-processor-w .os-processor-name {
margin-right: auto;
font-weight: 400;
font-size: 18px;
padding: 8px 15px;
}
.os-payment-processor-w .os-processor-logo + .os-processor-name {
display: none;
}
.os-payment-processor-w.is-disabled {
opacity: 0.5;
}
.os-payment-processor-w.is-disabled .os-field-setting {
display: none;
}
.os-togglable-content {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.date-ranges-heading {
font-size: 16px;
margin-bottom: 15px;
margin-top: 30px;
font-weight: 400;
color: #1d7bff;
letter-spacing: 1px;
background-color: #f1f5ff;
display: inline-block;
padding: 3px 5px;
border-radius: 4px;
text-transform: uppercase;
}
.installed-addons-wrapper {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
}
.os-installed-addon-box {
padding: 20px;
background-color: #fff;
border-radius: 20px;
border: 1px solid rgba(211, 213, 218, 0.6705882353);
background-image: linear-gradient(129deg, rgba(179, 184, 204, 0.0509803922), rgba(255, 255, 255, 0.3607843137));
box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.01), 1px 1px 5px -1px rgba(134, 124, 171, 0.12), inset 2px 2px 0 0 #fff;
border-radius: 15px;
background-color: #fff;
}
.os-installed-addon-box h4 {
font-size: 16px;
margin: 0px;
margin-bottom: 8px;
}
.reset-db-version-link {
margin-left: 5px;
text-decoration: none;
position: relative;
}
.reset-db-version-link .latepoint-icon {
margin-right: 3px;
font-size: 10px;
}
.reset-db-version-link.os-loading .latepoint-icon {
opacity: 0;
}
.reset-db-version-link.os-loading:before {
display: block;
content: "";
width: 10px !important;
height: 10px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
left: 5px;
}
.os-iab-version-info {
color: #788291;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.os-iab-version-info strong {
margin-left: 2px;
color: #1f222b;
}
.os-iab-version-info strong + span {
margin-left: 5px;
padding-left: 10px;
border-left: 1px solid #EEF0F1;
}
.os-iab-version-info strong, .os-iab-version-info span, .os-iab-version-info a {
display: inline-block;
}
.os-iab-version-info .os-iab-update-available {
background-color: #ffe8b1;
color: #764219;
margin-right: 5px;
padding: 0px 3px;
border-radius: 2px;
font-weight: 400;
}
.latepoint-system-status-w ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.latepoint-system-status-w ul li {
padding: 5px 0px;
margin: 0px;
}
.latepoint-system-status-w ul li:last-child {
border-bottom: none;
}
.version-and-license-info-w {
display: flex;
gap: 30px;
align-items: flex-start;
}
.version-and-license-info-w > div {
flex: 1;
}
.os-notifications-control-bar {
background-color: #fff;
display: flex;
padding: 10px 15px;
border: 1px solid #ddd;
border-bottom-color: #d2d4d7;
margin-bottom: 20px;
align-items: center;
border-radius: 6px;
box-shadow: 0px 2px 0px 0px #EEF0F1;
}
.os-notifications-control-bar .control-bar-option:last-child {
margin-left: 20px;
padding-left: 20px;
border-left: 1px solid #EEF0F1;
}
.os-notifications-control-bar .os-form-group.os-form-group-transparent {
margin-bottom: 0;
display: flex;
align-items: center;
}
.os-notifications-control-bar .os-form-group.os-form-group-transparent label {
white-space: nowrap;
margin-right: 10px;
font-size: 15px;
}
.os-section-collapsible-wrapper .os-section-collapsible-trigger {
display: flex;
justify-content: space-around;
align-items: center;
border-top: 1px solid #EEF0F1;
padding: 10px 10px 10px 0;
}
.os-section-collapsible-wrapper .os-section-collapsible-trigger h3 {
margin: 0;
margin-right: auto;
font-size: 14px;
}
.os-section-collapsible-wrapper .os-section-collapsible-trigger .os-collapsible-icon {
position: relative;
}
.os-section-collapsible-wrapper .os-section-collapsible-trigger .os-collapsible-icon:before {
content: "";
width: 8px;
height: 1px;
background-color: #111;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.os-section-collapsible-wrapper .os-section-collapsible-trigger .os-collapsible-icon:after {
content: "";
width: 1px;
height: 8px;
background-color: #111;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.os-section-collapsible-wrapper .os-section-collapsible-inner {
display: none;
border-top: 1px solid #EEF0F1;
}
.os-section-collapsible-wrapper.is-open .os-section-collapsible-inner {
display: block;
}
.payment-processor-connect-status-wrapper {
display: flex;
align-items: center;
gap: 20px;
font-size: 15px;
}
.payment-processor-connect-status-wrapper .os-loading-spinner {
position: relative;
width: 28px;
height: 28px;
}
.payment-processor-connect-status-wrapper .os-loading-spinner:before {
display: block;
content: "";
width: 20px !important;
height: 20px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.payment-processor-connect-status-wrapper .payment-processor-disconnect-link,
.payment-processor-connect-status-wrapper .payment-processor-refresh-link {
display: flex;
align-items: center;
gap: 5px;
text-decoration: none;
color: #111;
}
.payment-processor-connect-status-wrapper .payment-processor-disconnect-link span,
.payment-processor-connect-status-wrapper .payment-processor-refresh-link span {
border-bottom: 1px dotted #111;
}
.payment-processor-connect-status-wrapper .payment-processor-disconnect-link:hover span,
.payment-processor-connect-status-wrapper .payment-processor-refresh-link:hover span {
border-bottom-style: solid;
}
.payment-processor-connect-status-wrapper .payment-processor-disconnect-link {
color: #860707;
position: relative;
}
.payment-processor-connect-status-wrapper .payment-processor-disconnect-link:focus {
outline: none;
box-shadow: none;
}
.payment-processor-connect-status-wrapper .payment-processor-disconnect-link span {
border-bottom-color: #860707;
}
.payment-processor-connect-status-wrapper .payment-processor-disconnect-link.os-loading {
color: transparent;
}
.payment-processor-connect-status-wrapper .payment-processor-disconnect-link.os-loading span {
border-bottom-color: transparent;
}
.payment-processor-connect-status-wrapper .payment-processor-disconnect-link.os-loading:before {
display: block;
content: "";
width: 20px !important;
height: 20px !important;
border-bottom: 2px solid #860707;
border-left: 2px solid #860707;
border-top: 2px solid #860707;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.payment-processor-connect-status-wrapper .payment-processor-status-charges-disabled,
.payment-processor-connect-status-wrapper .payment-processor-status-charges-enabled,
.payment-processor-connect-status-wrapper .payment-processor-status-connected {
background-color: #d6ffad;
color: #2c420e;
padding: 5px;
padding-right: 10px;
border-radius: 4px;
display: flex;
align-items: center;
gap: 5px;
text-decoration: none;
}
.payment-processor-connect-status-wrapper .payment-processor-status-charges-disabled {
background-color: #ffea9c;
color: #2d251b;
}
.payment-processor-connect-status-wrapper .stripe-connect-account-info {
margin-left: auto;
padding: 5px;
background-color: #eee;
border-radius: 4px;
font-size: 13px;
}
.payment-processor-connect-status-wrapper .stripe-connect-account-info .payment-processor-disconnect-link {
margin-top: 5px;
}
.payment-processor-connect-status-wrapper .payment-start-connecting {
display: flex;
align-items: center;
gap: 5px;
text-decoration: none;
color: #1d7bff;
padding: 5px 0 4px;
font-size: 15px;
position: relative;
}
.payment-processor-connect-status-wrapper .payment-start-connecting span {
border-bottom: 1px dotted #1d7bff;
}
.payment-processor-connect-status-wrapper .payment-start-connecting:hover span {
border-bottom-style: solid;
}
.payment-processor-connect-status-wrapper .payment-start-connecting:focus {
box-shadow: none;
}
.payment-processor-connect-status-wrapper .payment-start-connecting.os-loading {
color: transparent;
}
.payment-processor-connect-status-wrapper .payment-start-connecting.os-loading span {
border-bottom-color: transparent;
}
.payment-processor-connect-status-wrapper .payment-start-connecting.os-loading:before {
display: block;
content: "";
width: 20px !important;
height: 20px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.get-pro-wrapper {
padding: 30px;
border: 1px solid #e4e5e7;
border-radius: 15px;
}
.get-pro-wrapper h4 {
margin: 0;
margin-bottom: 10px;
font-size: 20px;
font-weight: 600;
}
.get-pro-wrapper .pro-sub-heading {
font-size: 17px;
color: #788291;
margin-bottom: 15px;
}
.get-pro-wrapper .get-pro-wrapper-fields {
display: flex;
align-items: center;
margin: 0;
gap: 10px;
}
.get-pro-wrapper .get-pro-wrapper-fields .os-form-group {
flex: 1;
margin-bottom: 0;
}
.get-pro-wrapper .get-pro-wrapper-fields button {
flex: 0;
}
.os-premium-features-list {
display: grid;
gap: 20px;
grid-template-columns: 1fr 1fr;
}
.os-premium-features-list .os-premium-feature {
border-bottom: 1px solid #eee;
padding-bottom: 20px;
}
.os-premium-features-list .os-premium-feature .feature-icon {
font-size: 16px;
margin-bottom: 5px;
color: #1d7bff;
text-shadow: 2px -2px 0px #fff;
}
.os-premium-features-list .os-premium-feature .feature-heading {
font-size: 17px;
font-weight: 600;
color: #1f222b;
margin-bottom: 5px;
}
.os-premium-features-list .os-premium-feature .feature-description {
color: #788291;
font-size: 13px;
}
body.latepoint-admin .latepoint-lightbox-w .upgrade-info-btn {
display: flex;
align-items: center;
font-size: 20px;
font-weight: 600;
gap: 10px;
justify-content: center;
text-decoration: none;
color: #fff;
background-color: #1d7bff;
cursor: pointer;
}
.latepoint-full-panel-w .instant-booking-preview-and-settings {
display: flex;
flex: 1;
}
.latepoint-full-panel-w .instant-booking-settings-wrapper {
flex: 0 0 250px;
display: flex;
flex-direction: column;
}
.latepoint-full-panel-w .instant-booking-preview-wrapper {
flex: 1;
display: flex;
flex-direction: column;
border-right: 1px solid #dcdad7;
}
.latepoint-full-panel-w .instant-preview-iframe {
width: 100%;
height: 100%;
}
.latepoint-full-panel-w .instant-booking-settings-iframe-wrapper {
flex: 1;
}
.latepoint-full-panel-w .instant-booking-preview-heading {
padding: 10px 20px;
font-weight: 400;
font-size: 17px;
border-bottom: 1px solid #dcdad7;
display: flex;
align-items: center;
}
.latepoint-full-panel-w .instant-booking-preview-heading .latepoint-instant-preview-close-trigger {
font-size: 18px;
padding: 5px;
background-color: #fff;
border-radius: 6px;
text-decoration: none;
color: #1f222b;
line-height: 1;
cursor: pointer;
}
.latepoint-full-panel-w .instant-booking-preview-heading .latepoint-instant-preview-close-trigger:hover {
background-color: #eee;
}
.latepoint-full-panel-w .instant-booking-preview-heading h2 {
margin: 0;
flex: 1;
padding: 10px 0;
}
.latepoint-full-panel-w .instant-booking-preview-settings-content {
padding: 20px;
flex: 1;
overflow: auto;
}
.latepoint-full-panel-w .instant-booking-preview-settings-buttons {
display: flex;
gap: 10px;
}
.latepoint-full-panel-w .instant-booking-preview-settings-buttons .latepoint-btn {
display: flex;
gap: 10px;
}
.latepoint-full-panel-w .preview-settings-label {
font-size: 17px;
margin-top: 20px;
margin-bottom: 10px;
}
.latepoint-full-panel-w .preview-background-options {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 22px;
}
.latepoint-full-panel-w .preview-background-options .preview-background-option {
height: 36px;
border-radius: 6px;
box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.1);
cursor: pointer;
}
.latepoint-full-panel-w .preview-background-options .preview-background-option:hover {
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1d7bff;
}
.latepoint-full-panel-w .preview-background-options .preview-background-option.selected {
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1d7bff;
}
@font-face {
font-family: "latepointIconsAdmin";
src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype");
font-weight: normal;
font-style: normal;
font-display: block;
}
.latepoint-icon {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "latepointIconsAdmin" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.latepoint-icon-format_italic:before {
content: "\e9b9";
}
.latepoint-icon-format_underlined:before {
content: "\e9ba";
}
.latepoint-icon-format_h5:before {
content: "\e9b3";
}
.latepoint-icon-format_link:before {
content: "\e9b4";
}
.latepoint-icon-format_h4:before {
content: "\e9b5";
}
.latepoint-icon-format_h3:before {
content: "\e9b6";
}
.latepoint-icon-format_h2:before {
content: "\e9b7";
}
.latepoint-icon-format_bold:before {
content: "\e9b8";
}
.latepoint-icon-drag_indicator:before {
content: "\e9b1";
}
.latepoint-icon-ui-46:before {
content: "\e94f";
}
.latepoint-icon-activity:before {
content: "\e972";
}
.latepoint-icon-arrow-down:before {
content: "\e905";
}
.latepoint-icon-arrow-left:before {
content: "\e906";
}
.latepoint-icon-arrow-right:before {
content: "\e907";
}
.latepoint-icon-arrow-up:before {
content: "\e908";
}
.latepoint-icon-bar-chart-2:before {
content: "\e970";
}
.latepoint-icon-bell:before {
content: "\e909";
}
.latepoint-icon-bell-off:before {
content: "\e90a";
}
.latepoint-icon-book:before {
content: "\e90b";
}
.latepoint-icon-bookmark:before {
content: "\e90c";
}
.latepoint-icon-box:before {
content: "\e90d";
}
.latepoint-icon-briefcase:before {
content: "\e968";
}
.latepoint-icon-calendar:before {
content: "\e90e";
}
.latepoint-icon-camera:before {
content: "\e90f";
}
.latepoint-icon-check:before {
content: "\e910";
}
.latepoint-icon-chevron-down:before {
content: "\e911";
}
.latepoint-icon-chevron-left:before {
content: "\e912";
}
.latepoint-icon-chevron-right:before {
content: "\e913";
}
.latepoint-icon-chevron-up:before {
content: "\e914";
}
.latepoint-icon-copy:before {
content: "\e915";
}
.latepoint-icon-credit-card:before {
content: "\e916";
}
.latepoint-icon-delete:before {
content: "\e95d";
}
.latepoint-icon-download:before {
content: "\e95e";
}
.latepoint-icon-edit:before {
content: "\e917";
}
.latepoint-icon-edit-2:before {
content: "\e918";
}
.latepoint-icon-edit-3:before {
content: "\e919";
}
.latepoint-icon-external-link:before {
content: "\e91a";
}
.latepoint-icon-eye:before {
content: "\e91b";
}
.latepoint-icon-eye-off:before {
content: "\e96a";
}
.latepoint-icon-file-text:before {
content: "\e91c";
}
.latepoint-icon-filter:before {
content: "\e91d";
}
.latepoint-icon-globe:before {
content: "\e971";
}
.latepoint-icon-grid:before {
content: "\e91e";
}
.latepoint-icon-home:before {
content: "\e91f";
}
.latepoint-icon-image:before {
content: "\e920";
}
.latepoint-icon-inbox:before {
content: "\e947";
}
.latepoint-icon-info:before {
content: "\e948";
}
.latepoint-icon-layers:before {
content: "\e921";
}
.latepoint-icon-layout:before {
content: "\e922";
}
.latepoint-icon-link:before {
content: "\e923";
}
.latepoint-icon-link-2:before {
content: "\e924";
}
.latepoint-icon-lock:before {
content: "\e925";
}
.latepoint-icon-log-in:before {
content: "\e926";
}
.latepoint-icon-log-out:before {
content: "\e95c";
}
.latepoint-icon-mail:before {
content: "\e927";
}
.latepoint-icon-map:before {
content: "\e928";
}
.latepoint-icon-map-pin:before {
content: "\e929";
}
.latepoint-icon-maximize-2:before {
content: "\e92a";
}
.latepoint-icon-menu:before {
content: "\e92b";
}
.latepoint-icon-message-circle:before {
content: "\e92c";
}
.latepoint-icon-message-square:before {
content: "\e92d";
}
.latepoint-icon-minus:before {
content: "\e96d";
}
.latepoint-icon-moon:before {
content: "\e96b";
}
.latepoint-icon-more-horizontal:before {
content: "\e949";
}
.latepoint-icon-more-vertical:before {
content: "\e94a";
}
.latepoint-icon-package:before {
content: "\e92e";
}
.latepoint-icon-paperclip:before {
content: "\e92f";
}
.latepoint-icon-phone:before {
content: "\e950";
}
.latepoint-icon-pie-chart:before {
content: "\e930";
}
.latepoint-icon-play-circle:before {
content: "\e967";
}
.latepoint-icon-plus2:before {
content: "\e931";
}
.latepoint-icon-plus-circle2:before {
content: "\e932";
}
.latepoint-icon-plus-square2:before {
content: "\e933";
}
.latepoint-icon-printer:before {
content: "\e934";
}
.latepoint-icon-refresh-cw:before {
content: "\e935";
}
.latepoint-icon-rotate-cw:before {
content: "\e936";
}
.latepoint-icon-save:before {
content: "\e937";
}
.latepoint-icon-search:before {
content: "\e938";
}
.latepoint-icon-server:before {
content: "\e939";
}
.latepoint-icon-settings:before {
content: "\e93a";
}
.latepoint-icon-shopping-cart:before {
content: "\e93b";
}
.latepoint-icon-slash:before {
content: "\e93c";
}
.latepoint-icon-sliders:before {
content: "\e93d";
}
.latepoint-icon-star:before {
content: "\e93e";
}
.latepoint-icon-sun:before {
content: "\e96c";
}
.latepoint-icon-tag:before {
content: "\e963";
}
.latepoint-icon-trash:before {
content: "\e959";
}
.latepoint-icon-trash-2:before {
content: "\e95a";
}
.latepoint-icon-trending-down:before {
content: "\e93f";
}
.latepoint-icon-trending-up:before {
content: "\e940";
}
.latepoint-icon-unlock:before {
content: "\e941";
}
.latepoint-icon-upload:before {
content: "\e942";
}
.latepoint-icon-user:before {
content: "\e943";
}
.latepoint-icon-user-plus1:before {
content: "\e964";
}
.latepoint-icon-users:before {
content: "\e944";
}
.latepoint-icon-x:before {
content: "\e94b";
}
.latepoint-icon-x-circle:before {
content: "\e94c";
}
.latepoint-icon-x-square:before {
content: "\e94d";
}
.latepoint-icon-zap:before {
content: "\e94e";
}
.latepoint-icon-zoom-in:before {
content: "\e945";
}
.latepoint-icon-zoom-out:before {
content: "\e946";
}
.latepoint-icon-shopping-bag:before {
content: "\e9bb";
}
.latepoint-icon-mail-01:before {
content: "\e951";
}
.latepoint-icon-phone-15:before {
content: "\e952";
}
.latepoint-icon-checkmark:before {
content: "\e904";
}
.latepoint-icon-plus-square:before {
content: "\e900";
}
.latepoint-icon-plus-circle:before {
content: "\e901";
}
.latepoint-icon-plus:before {
content: "\e902";
}
.latepoint-icon-user-plus:before {
content: "\e903";
}
.latepoint-icon-cog1:before {
content: "\e9b0";
}
.latepoint-icon-book2:before {
content: "\e9af";
}
.latepoint-icon-calendar2:before {
content: "\e9b2";
}
.latepoint-icon-lp-logo:before {
content: "\e969";
}
.latepoint-icon-ui-24:before {
content: "\e960";
}
.latepoint-icon-ui-21:before {
content: "\e961";
}
.latepoint-icon-ui-28:before {
content: "\e962";
}
.latepoint-icon-grid-18:before {
content: "\e95f";
}
.latepoint-icon-logo-icon:before {
content: "\e958";
}
.latepoint-icon-wordpress1:before {
content: "\e965";
}
.latepoint-icon-paypal:before {
content: "\e966";
}
.latepoint-icon-facebook:before {
content: "\e96e";
}
.latepoint-icon-google:before {
content: "\e96f";
}
.latepoint-icon-wordpress:before {
content: "\e95b";
}
.latepoint-icon-cross:before {
content: "\e955";
}
.latepoint-icon-cancel-circle:before {
content: "\e956";
}
.latepoint-icon-cross2:before {
content: "\e957";
}
.latepoint-icon-plus3:before {
content: "\e953";
}
.latepoint-icon-plus4:before {
content: "\e954";
}
.latepoint-icon-box1:before {
content: "\e973";
}
.latepoint-icon-write:before {
content: "\e986";
}
.latepoint-icon-clock:before {
content: "\e974";
}
.latepoint-icon-reply:before {
content: "\e987";
}
.latepoint-icon-reply-all:before {
content: "\e988";
}
.latepoint-icon-forward:before {
content: "\e989";
}
.latepoint-icon-flag:before {
content: "\e98a";
}
.latepoint-icon-search1:before {
content: "\e975";
}
.latepoint-icon-trash1:before {
content: "\e98b";
}
.latepoint-icon-envelope:before {
content: "\e98c";
}
.latepoint-icon-bubble:before {
content: "\e98d";
}
.latepoint-icon-bubbles:before {
content: "\e98e";
}
.latepoint-icon-user1:before {
content: "\e976";
}
.latepoint-icon-users1:before {
content: "\e98f";
}
.latepoint-icon-cloud:before {
content: "\e990";
}
.latepoint-icon-download1:before {
content: "\e991";
}
.latepoint-icon-upload1:before {
content: "\e992";
}
.latepoint-icon-rain:before {
content: "\e993";
}
.latepoint-icon-sun1:before {
content: "\e994";
}
.latepoint-icon-moon1:before {
content: "\e995";
}
.latepoint-icon-bell1:before {
content: "\e977";
}
.latepoint-icon-folder:before {
content: "\e978";
}
.latepoint-icon-pin:before {
content: "\e996";
}
.latepoint-icon-sound:before {
content: "\e997";
}
.latepoint-icon-microphone:before {
content: "\e998";
}
.latepoint-icon-camera1:before {
content: "\e999";
}
.latepoint-icon-image1:before {
content: "\e99a";
}
.latepoint-icon-cog:before {
content: "\e979";
}
.latepoint-icon-calendar1:before {
content: "\e97a";
}
.latepoint-icon-book1:before {
content: "\e97b";
}
.latepoint-icon-map-marker:before {
content: "\e97c";
}
.latepoint-icon-store:before {
content: "\e99b";
}
.latepoint-icon-support:before {
content: "\e99c";
}
.latepoint-icon-tag1:before {
content: "\e97d";
}
.latepoint-icon-heart:before {
content: "\e99d";
}
.latepoint-icon-video-camera:before {
content: "\e99e";
}
.latepoint-icon-trophy:before {
content: "\e99f";
}
.latepoint-icon-cart:before {
content: "\e97e";
}
.latepoint-icon-eye1:before {
content: "\e9a0";
}
.latepoint-icon-cancel:before {
content: "\e9a1";
}
.latepoint-icon-chart:before {
content: "\e97f";
}
.latepoint-icon-target:before {
content: "\e9a2";
}
.latepoint-icon-printer1:before {
content: "\e9a3";
}
.latepoint-icon-location:before {
content: "\e983";
}
.latepoint-icon-bookmark1:before {
content: "\e9a4";
}
.latepoint-icon-monitor:before {
content: "\e9a5";
}
.latepoint-icon-cross1:before {
content: "\e9a6";
}
.latepoint-icon-plus1:before {
content: "\e984";
}
.latepoint-icon-left:before {
content: "\e9a7";
}
.latepoint-icon-up:before {
content: "\e9a8";
}
.latepoint-icon-browser:before {
content: "\e980";
}
.latepoint-icon-windows:before {
content: "\e981";
}
.latepoint-icon-switch:before {
content: "\e9a9";
}
.latepoint-icon-dashboard:before {
content: "\e982";
}
.latepoint-icon-play:before {
content: "\e985";
}
.latepoint-icon-fast-forward:before {
content: "\e9aa";
}
.latepoint-icon-next:before {
content: "\e9ab";
}
.latepoint-icon-refresh:before {
content: "\e9ac";
}
.latepoint-icon-film:before {
content: "\e9ad";
}
.latepoint-icon-home1:before {
content: "\e9ae";
}
#toplevel_page_latepoint img, #toplevel_page_latepoint-agent img {
width: 20px;
height: auto;
}
#toplevel_page_latepoint .wp-menu-image.dashicons-before:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e969";
}
.latepoint-side-menu-w {
position: relative;
box-shadow: none;
}
.latepoint-side-menu-w ul.side-menu {
padding: 20px;
margin: 0;
display: flex;
flex-direction: column;
}
.latepoint-side-menu-w ul.side-menu li a:focus {
outline: none;
box-shadow: none;
}
.latepoint-side-menu-w ul.side-menu > li {
margin: 0px;
position: relative;
padding: 0px;
}
.latepoint-side-menu-w ul.side-menu > li.latepoint-show-notice > a {
position: relative;
}
.latepoint-side-menu-w ul.side-menu > li.latepoint-show-notice > a:after {
content: "";
width: 14px;
height: 14px;
border-radius: 50%;
z-index: 2;
background-color: #ffb123 !important;
position: absolute;
left: 26px;
border: 3px solid #fff;
top: 50%;
transform: translateY(-80%);
}
.latepoint-side-menu-w ul.side-menu > li.menu-spacer {
box-shadow: none;
padding: 25px 0px 10px 10px;
font-size: 11px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
color: rgba(255, 255, 255, 0.3);
}
.latepoint-side-menu-w ul.side-menu > li.menu-spacer.with-label {
position: relative;
display: flex;
align-items: center;
gap: 5px;
}
.latepoint-side-menu-w ul.side-menu > li.menu-spacer.with-label span {
color: #888c96;
position: relative;
z-index: 2;
}
.latepoint-side-menu-w ul.side-menu > li.menu-spacer.with-label:after {
content: "";
height: 1px;
background-color: #EEF0F1;
flex: 1;
display: block;
}
.latepoint-side-menu-w ul.side-menu > li > a {
text-decoration: none;
color: #3a424b;
font-size: 15px;
font-weight: 400;
display: flex;
gap: 15px;
align-items: center;
padding: 8px 30px 8px 10px;
white-space: nowrap;
border-radius: 15px;
}
.latepoint-side-menu-w ul.side-menu > li > a > i {
color: #1d7bff;
font-size: 13px;
vertical-align: middle;
}
.latepoint-side-menu-w ul.side-menu > li > a > span {
display: inline-block;
vertical-align: middle;
}
.latepoint-side-menu-w ul.side-menu > li.menu-item-is-active:after {
display: none;
}
.latepoint-side-menu-w ul.side-menu > li.menu-item-is-active > a {
background-color: #edeff1;
color: #1f242b;
}
.latepoint-side-menu-w ul.side-menu > li.menu-item-is-active > a > i {
color: #0981d6;
}
.latepoint-side-menu-w ul.side-menu > li.has-children > a {
padding-right: 25px;
position: relative;
}
.latepoint-side-menu-w ul.side-sub-menu {
padding: 7px 0px 7px 22px;
margin-bottom: 15px;
display: none;
}
.latepoint-side-menu-w ul.side-sub-menu li {
margin: 3px 0px;
font-size: 13px;
}
.latepoint-side-menu-w ul.side-sub-menu li.side-sub-menu-header {
font-size: 21px;
font-weight: 400;
color: rgba(0, 0, 0, 0.15);
padding-bottom: 15px;
white-space: nowrap;
}
.latepoint-side-menu-w ul.side-sub-menu li.latepoint-show-notice {
position: relative;
}
.latepoint-side-menu-w ul.side-sub-menu li.latepoint-show-notice:before {
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
z-index: 2;
background-color: #ffb123 !important;
position: absolute;
left: -12px;
top: 50%;
transform: translateY(-50%);
}
.latepoint-side-menu-w ul.side-sub-menu li a {
display: block;
padding: 4px 0px;
text-decoration: none;
color: #3a424b;
position: relative;
}
.latepoint-side-menu-w ul.side-sub-menu li a:before {
content: "";
position: absolute;
left: -28px;
top: 50%;
width: 3px;
height: 8px;
transform: translateY(-50%);
}
.latepoint-side-menu-w ul.side-sub-menu li a > span {
display: block;
position: relative;
transition: transform 0.2s ease;
}
.latepoint-side-menu-w ul.side-sub-menu li a .os-menu-badge {
display: block;
position: absolute;
background-color: #fadd88;
border: none;
color: #111;
padding: 4px 5px;
border-radius: 6px;
font-size: 12px;
font-weight: 500;
vertical-align: middle;
line-height: 1;
text-align: center;
top: 50%;
left: -20px;
transform: translate(-50%, -50%);
}
.latepoint-side-menu-w ul.side-sub-menu li.sub-item-is-active a {
color: #1d7bff;
}
.latepoint-side-menu-w ul.side-sub-menu li.sub-item-is-active a:before {
background-color: #1d7bff;
}
.latepoint-side-menu-w.dark {
background-color: #040a27;
border-right: none;
}
.latepoint-side-menu-w.dark.side-menu-full .menu-color-toggler {
border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.latepoint-side-menu-w.dark.side-menu-full .menu-color-toggler .mc-toggler-label {
color: #fff;
}
.latepoint-side-menu-w.dark.side-menu-full .menu-color-toggler .os-toggler .toggler-rail {
background-color: rgba(255, 255, 255, 0.15);
}
.latepoint-side-menu-w.dark ul.side-menu > li:last-child {
box-shadow: none;
}
.latepoint-side-menu-w.dark ul.side-menu > li.menu-spacer {
box-shadow: none;
}
.latepoint-side-menu-w.dark ul.side-menu > li.menu-spacer.with-label:after {
background-color: rgba(255, 255, 255, 0.07);
}
.latepoint-side-menu-w.dark ul.side-menu > li.menu-spacer.with-label span {
background-color: #040a27;
color: rgba(255, 255, 255, 0.3);
}
.latepoint-side-menu-w.dark ul.side-menu > li > a {
color: #9398b7;
}
.latepoint-side-menu-w.dark ul.side-menu > li > a > i {
color: #3a58dc;
}
.latepoint-side-menu-w.dark ul.side-menu > li.menu-item-is-active > a {
color: #fff;
}
.latepoint-side-menu-w.dark ul.side-menu > li.menu-item-is-active > a > i {
color: #fff;
}
.latepoint-side-menu-w.dark ul.side-menu > li.has-children > a:before {
color: rgba(255, 255, 255, 0.4);
}
.latepoint-side-menu-w.dark ul.side-menu > li ul.side-sub-menu li a {
color: #9398b7;
}
.latepoint-side-menu-w.dark ul.side-menu > li ul.side-sub-menu li.sub-item-is-active a {
color: #fff;
}
.latepoint-side-menu-w.dark ul.side-sub-menu {
border-left-color: rgba(255, 255, 255, 0.08);
}
.latepoint-side-menu-w .back-to-wp-floated {
display: none;
}
.latepoint-side-menu-w .side-sub-menu-header {
display: none;
}
.latepoint-side-menu-w.side-menu-compact .side-menu-top-part-w {
display: block;
}
.latepoint-side-menu-w.side-menu-compact .side-menu-top-part-w .logo-w {
display: block;
text-decoration: none;
padding: 18px 15px;
border-bottom: 1px solid #dcdad7;
height: 58px;
}
.latepoint-side-menu-w.side-menu-compact .side-menu-top-part-w .os-logo {
text-decoration: none;
display: block;
width: 11px;
height: 11px;
background-color: #1d7bff;
content: "";
box-shadow: 11px 11px 0px #1d7bff, 0px 11px 0px #1d7bff, 16.5px -5.5px 0px #1d7bff;
margin-bottom: 11px;
margin-right: 11px;
}
.latepoint-side-menu-w.side-menu-compact .side-menu-top-part-w .menu-color-toggler {
display: none;
}
.latepoint-side-menu-w.side-menu-compact .side-menu-top-part-w .menu-toggler {
padding: 28px 20px;
cursor: pointer;
border-bottom: 1px solid #dcdad7;
}
.latepoint-side-menu-w.side-menu-compact .side-menu-top-part-w .menu-toggler:hover .menu-toggler-lines {
background-color: #1d7bff;
}
.latepoint-side-menu-w.side-menu-compact .side-menu-top-part-w .menu-toggler:hover .menu-toggler-lines:after, .latepoint-side-menu-w.side-menu-compact .side-menu-top-part-w .menu-toggler:hover .menu-toggler-lines:before {
background-color: #1d7bff;
}
.latepoint-side-menu-w.side-menu-compact .side-menu-top-part-w .menu-toggler-lines {
height: 2px;
background-color: #788291;
position: relative;
margin-bottom: 1px;
}
.latepoint-side-menu-w.side-menu-compact .side-menu-top-part-w .menu-toggler-lines:before {
position: absolute;
top: -9px;
left: 0px;
right: 0px;
background-color: #788291;
content: "";
height: 2px;
}
.latepoint-side-menu-w.side-menu-compact .side-menu-top-part-w .menu-toggler-lines:after {
position: absolute;
bottom: -9px;
left: 0px;
right: 0px;
background-color: #788291;
content: "";
height: 2px;
}
.latepoint-side-menu-w.side-menu-full .menu-color-toggler {
display: none;
align-items: center;
margin-right: 15px;
padding-right: 15px;
border-right: 1px solid rgba(0, 0, 0, 0.1);
margin-left: auto;
}
.latepoint-side-menu-w.side-menu-full .menu-color-toggler .mc-toggler-label {
color: #41444b;
font-weight: 400;
text-transform: uppercase;
font-size: 19px;
}
.latepoint-side-menu-w.side-menu-full .menu-color-toggler .os-toggler.off .toggler-rail {
background-color: rgba(255, 255, 255, 0.15);
}
.latepoint-side-menu-w.side-menu-full .side-menu-top-part-w {
padding: 32px 30px 32px;
align-items: center;
display: flex;
justify-content: space-between;
border-bottom: 1px solid #EEF0F1;
}
.latepoint-side-menu-w.side-menu-full .side-menu-top-part-w .latepoint-mobile-top-menu-trigger {
display: none;
}
.latepoint-side-menu-w.side-menu-full .side-menu-top-part-w .os-logo {
text-decoration: none;
display: block;
width: 8px;
height: 8px;
background-color: #1d7bff;
content: "";
box-shadow: 8px 8px 0px #1d7bff, 0px 8px 0px #1d7bff, 12px -4px 0px #1d7bff;
margin-bottom: 8px;
margin-right: 8px;
}
.latepoint-side-menu-w.side-menu-full .side-menu-top-part-w .menu-toggler {
padding: 10px 0px;
cursor: pointer;
}
.latepoint-side-menu-w.side-menu-full .side-menu-top-part-w .menu-toggler:hover .menu-toggler-lines {
background-color: #1d7bff;
}
.latepoint-side-menu-w.side-menu-full .side-menu-top-part-w .menu-toggler:hover .menu-toggler-lines:after, .latepoint-side-menu-w.side-menu-full .side-menu-top-part-w .menu-toggler:hover .menu-toggler-lines:before {
background-color: #1d7bff;
}
.latepoint-side-menu-w.side-menu-full .side-menu-top-part-w .menu-toggler-lines {
width: 12px;
height: 1px;
background-color: #788291;
position: relative;
margin-bottom: 1px;
}
.latepoint-side-menu-w.side-menu-full .side-menu-top-part-w .menu-toggler-lines:before {
position: absolute;
top: -8px;
left: 0px;
right: 0px;
background-color: #788291;
content: "";
height: 1px;
}
.latepoint-side-menu-w.side-menu-full .side-menu-top-part-w .menu-toggler-lines:after {
position: absolute;
bottom: -8px;
left: 0px;
right: 0px;
background-color: #788291;
content: "";
height: 1px;
}
.latepoint-side-menu-w.side-menu-full .back-to-wp-link {
position: fixed;
bottom: 5px;
left: 5px;
background-color: #111;
color: #fff;
padding: 6px;
border-radius: 20px;
text-decoration: none;
border: none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
display: flex;
gap: 10px;
align-items: center;
}
.latepoint-side-menu-w.side-menu-full .back-to-wp-link i, .latepoint-side-menu-w.side-menu-full .back-to-wp-link span {
display: block;
}
.latepoint-side-menu-w.side-menu-full .back-to-wp-link i {
font-size: 20px;
}
.latepoint-side-menu-w.side-menu-full .back-to-wp-link span {
padding-right: 10px;
display: none;
}
.latepoint-side-menu-w.side-menu-full .back-to-wp-link:hover {
background-color: #1d7bff;
}
.latepoint-side-menu-w.side-menu-full .back-to-wp-link:hover span {
display: block;
}
.latepoint-side-menu-w.side-menu-full li.back-to-wp-item {
display: none;
}
.latepoint-top-user-info-w {
margin-left: 20px;
position: relative;
}
.latepoint-top-user-info-w .avatar-w {
width: 35px;
height: 35px;
border-radius: 50%;
background-size: cover;
cursor: pointer;
}
.latepoint-top-user-info-w .avatar-w:hover {
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1d7bff;
}
.latepoint-top-user-info-w .latepoint-user-info-dropdown {
display: none;
position: absolute;
top: -8px;
right: -8px;
background-color: #fff;
padding: 25px;
padding-bottom: 5px;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15), 0px 5px 15px 0px rgba(0, 0, 0, 0.05);
z-index: 99999;
width: 240px;
border-radius: 20px;
}
.latepoint-top-user-info-w .latepoint-user-info-dropdown.os-visible {
display: block;
}
.latepoint-top-user-info-w .latepoint-user-info-dropdown .latepoint-user-info-close {
position: absolute;
right: 8px;
top: 8px;
width: 35px;
height: 35px;
font-size: 18px;
line-height: 35px;
text-align: center;
border-radius: 50%;
color: #000;
text-decoration: none;
background-color: #f7f7f7;
}
.latepoint-top-user-info-w .latepoint-user-info-dropdown .latepoint-user-info-close:hover {
background-color: #eee;
}
.latepoint-top-user-info-w .latepoint-user-info-dropdown .latepoint-user-info-close i {
display: block;
line-height: 34px;
}
.latepoint-top-user-info-w .latepoint-user-info-dropdown .os-main-location-selector {
display: none;
}
.latepoint-top-user-info-w .latepoint-user-info-dropdown .latepoint-uid-head {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #EEF0F1;
padding: 0 0 20px 0;
gap: 15px;
}
.latepoint-top-user-info-w .latepoint-user-info-dropdown .latepoint-uid-head .uid-avatar-w {
flex: 0 0 40px;
}
.latepoint-top-user-info-w .latepoint-user-info-dropdown .latepoint-uid-head .uid-avatar-w .uid-avatar {
display: block;
width: 100%;
height: 40px;
border-radius: 50%;
background-size: cover;
background-position: center center;
}
.latepoint-top-user-info-w .latepoint-user-info-dropdown .latepoint-uid-head .uid-info {
flex: 1;
}
.latepoint-top-user-info-w .latepoint-user-info-dropdown .latepoint-uid-head .uid-info .uid-info-username {
font-weight: 400;
font-size: 17px;
}
.latepoint-top-user-info-w .latepoint-user-info-dropdown .latepoint-uid-head .uid-info .uid-info-usertype {
color: #788291;
}
.latepoint-top-user-info-w .latepoint-user-info-dropdown ul {
list-style: none;
margin: 0px;
font-size: 17px;
padding: 0;
padding-top: 5px;
}
.latepoint-top-user-info-w .latepoint-user-info-dropdown ul li {
margin: 0px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.latepoint-top-user-info-w .latepoint-user-info-dropdown ul li a {
display: flex;
gap: 15px;
align-items: center;
padding: 20px 12px;
text-decoration: none;
}
.latepoint-top-user-info-w .latepoint-user-info-dropdown ul li a span, .latepoint-top-user-info-w .latepoint-user-info-dropdown ul li a i {
display: inline-block;
vertical-align: middle;
transition: transform 0.2s ease;
}
.latepoint-top-user-info-w .latepoint-user-info-dropdown ul li a i {
color: #1d7bff;
font-size: 16px;
}
.latepoint-top-user-info-w .latepoint-user-info-dropdown ul li a .latepoint-icon-forward {
transform: rotate(180deg);
}
.latepoint-top-user-info-w .latepoint-user-info-dropdown ul li a span {
color: #3a424b;
}
.latepoint-top-user-info-w .latepoint-user-info-dropdown ul li a:hover span {
text-decoration: underline;
}
.latepoint-top-user-info-w .latepoint-user-info-dropdown ul li:last-child {
border-bottom: none;
}
/*!
* Copyright (c) 2024 LatePoint LLC. All rights reserved.
*/
.quick-order-form-w .new-order-item-list-bundles-wrapper {
display: none;
margin-bottom: 30px;
animation: 0.15s cubic-bezier(0, 0.7, 0.51, 1) 0s down20;
animation-fill-mode: both;
}
.quick-order-form-w .new-order-item-list-bundles-wrapper.is-open {
display: block;
}
.quick-order-form-w .new-order-item-list-bundles-wrapper .centered-question-label {
text-align: center;
margin-bottom: 10px;
}
.quick-order-form-w .order-item-temp-holder {
padding: 15px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
border: 1px solid #dcdad7;
border-bottom-color: #aca8a1;
border-radius: 15px;
background-color: #fff;
display: flex;
gap: 15px;
align-items: center;
margin-bottom: 10px;
}
.quick-order-form-w .order-item-temp-holder .oit-avatar {
width: 38px;
height: 38px;
flex: 0 0 38px;
background-color: #eee;
border-radius: 50%;
}
.quick-order-form-w .order-item-temp-holder .oit-main-info {
flex: 1;
}
.quick-order-form-w .order-item-temp-holder .oit-title {
background-color: #eee;
padding: 8px;
border-radius: 2px;
margin-bottom: 10px;
width: 40%;
}
.quick-order-form-w .order-item-temp-holder .oit-sub-title {
background-color: #f8f8f8;
padding: 5px;
border-radius: 2px;
width: 70%;
}
.quick-order-form-w .new-order-item-list-bundles {
border-radius: 15px;
display: flex;
flex-direction: column;
gap: 1px;
padding: 1px;
background-color: #dcdad7;
}
.quick-order-form-w .new-order-item-list-bundles .new-order-item-list-bundle {
background-color: #fff;
padding: 15px;
font-size: 16px;
cursor: pointer;
display: flex;
}
.quick-order-form-w .new-order-item-list-bundles .new-order-item-list-bundle .noi-description-wrapper {
flex: 1;
}
.quick-order-form-w .new-order-item-list-bundles .new-order-item-list-bundle .noi-price {
font-size: 13px;
color: #1d7bff;
}
.quick-order-form-w .new-order-item-list-bundles .new-order-item-list-bundle:first-child {
border-radius: 15px 15px 0 0;
}
.quick-order-form-w .new-order-item-list-bundles .new-order-item-list-bundle:last-child {
border-radius: 0 0 15px 15px;
}
.quick-order-form-w .new-order-item-list-bundles .new-order-item-list-bundle:first-child:last-child {
border-radius: 15px;
}
.quick-order-form-w .new-order-item-list-bundles .new-order-item-list-bundle:hover {
box-shadow: 0 0 0 2px #1d7bff;
border-radius: 15px;
position: relative;
}
.quick-order-form-w .new-order-item-list-bundles .new-order-item-list-bundle .noi-label {
margin-bottom: 5px;
}
.quick-order-form-w .new-order-item-list-bundles .new-order-item-list-bundle .noi-description {
color: #788291;
font-size: 13px;
}
.quick-order-form-w .new-order-item-variant-selector-wrapper {
display: none;
margin-bottom: 15px;
border-bottom: 1px solid #EEF0F1;
}
.quick-order-form-w .new-order-item-variant-selector-wrapper.is-open {
display: block;
}
.quick-order-form-w .new-order-item-variant-selector-wrapper .centered-question-label {
text-align: center;
margin-bottom: 10px;
}
.quick-order-form-w .add-item-to-order-big-btn {
padding: 15px;
display: flex;
align-items: center;
gap: 10px;
border: 2px dotted #aaa;
border-radius: 15px;
color: #41444b;
cursor: pointer;
}
.quick-order-form-w .add-item-to-order-big-btn.is-hidden {
display: none;
}
.quick-order-form-w .add-item-to-order-big-btn span {
margin-left: auto;
margin-right: auto;
}
.quick-order-form-w .add-item-to-order-big-btn:hover {
border-color: #1d7bff;
color: #1d7bff;
}
.quick-order-form-w .new-order-item-variant-selector {
gap: 15px;
margin-bottom: 15px;
display: flex;
}
.quick-order-form-w .new-order-item-variant-selector .new-order-item-variant {
border: 1px solid #dcdad7;
padding: 8px;
border-radius: 15px;
display: flex;
align-items: center;
font-size: 15px;
flex: 1;
cursor: pointer;
position: relative;
}
.quick-order-form-w .new-order-item-variant-selector .new-order-item-variant.new-order-item-variant-cancel {
background-color: #f8f8f8;
border-color: #f8f8f8;
}
.quick-order-form-w .new-order-item-variant-selector .new-order-item-variant.new-order-item-variant-cancel:before {
border-color: transparent;
display: none;
}
.quick-order-form-w .new-order-item-variant-selector .new-order-item-variant.new-order-item-variant-cancel:hover {
background-color: #eee;
border-color: #eee;
}
.quick-order-form-w .new-order-item-variant-selector .new-order-item-variant .latepoint-icon {
display: none;
}
.quick-order-form-w .new-order-item-variant-selector .new-order-item-variant .latepoint-icon {
font-size: 14px;
}
.quick-order-form-w .new-order-item-variant-selector .new-order-item-variant div {
margin: 0 auto;
}
.quick-order-form-w .new-order-item-variant-selector .new-order-item-variant:hover {
border-color: #1d7bff;
}
.quick-order-form-w .order-items-list > .order-item.order-item-variant-booking:first-child:last-child .order-item-booking-data-form-wrapper {
padding: 0;
border: none;
}
.quick-order-form-w .order-items-list > .order-item.order-item-variant-booking:first-child:last-child .order-item-booking-data-form-wrapper .order-item-booking-data-form-inner {
animation: none;
padding: 0;
}
.quick-order-form-w .order-items-list > .order-item.order-item-variant-booking:first-child:last-child .order-item-booking-data-form-wrapper .booking-data-form-buttons, .quick-order-form-w .order-items-list > .order-item.order-item-variant-booking:first-child:last-child .order-item-booking-data-form-wrapper .order-booking-data-heading {
display: none;
}
.quick-order-form-w .order-item-booking-data-form-wrapper > .order-item-temp-holder {
display: none;
}
.quick-order-form-w .order-item-booking-data-form-wrapper.is-loading > .order-item-temp-holder {
display: flex;
}
.quick-order-form-w .order-item-booking-data-form-wrapper.is-loading > .order-booking-data-heading {
display: none !important;
}
.quick-order-form-w .order-item-booking-data-form-wrapper.is-loading > .order-item-booking-data-form-inner {
display: none !important;
}
.quick-order-form-w .order-item-booking-data-form-wrapper.is-loading > .order-item-pill {
display: none !important;
}
.quick-order-form-w .order-item-booking-data-form-wrapper.is-folded > .order-booking-data-heading {
display: none !important;
}
.quick-order-form-w .order-item-booking-data-form-wrapper.is-folded > .order-item-booking-data-form-inner {
display: none !important;
}
.quick-order-form-w .order-item-booking-data-form-wrapper.is-unfolded:not(.is-loading) {
border-radius: 18px;
margin-bottom: 10px;
border: 2px solid #1d7bff;
padding-top: 0;
}
.quick-order-form-w .order-item-booking-data-form-wrapper.is-unfolded:not(.is-loading) .order-item-pill, .quick-order-form-w .order-item-booking-data-form-wrapper.is-unfolded:not(.is-loading) .bundle-booking-item-pill {
display: none !important;
}
.quick-order-form-w .order-item-booking-data-form-wrapper .order-item-booking-data-form-inner {
padding: 20px;
}
.quick-order-form-w .order-item-booking-data-form-wrapper .order-booking-data-heading {
gap: 15px;
padding: 8px;
padding-bottom: 10px;
padding-right: 15px;
background-color: #1d7bff;
color: #fff;
font-size: 16px;
display: flex;
align-items: center;
position: sticky;
z-index: 3;
top: -23px;
border-radius: 15px 15px 0 0;
}
.quick-order-form-w .order-item-booking-data-form-wrapper .order-booking-data-heading .ob-label {
flex: 1;
}
.quick-order-form-w .new-order-item-variant-selector-wrapper {
animation: 0.15s cubic-bezier(0, 0.7, 0.51, 1) 0s down10;
animation-fill-mode: both;
}
.quick-order-form-w .new-order-item-variant-selector-wrapper .new-order-item-variant {
border-color: #d2d4d7;
}
.quick-order-form-w .order-form-add-item-btn.is-cancelling .latepoint-icon {
transform: rotate(45deg);
}
.quick-order-form-w .summary-heading .pb-heading {
padding-top: 10px;
margin-bottom: 15px;
position: relative;
}
.quick-order-form-w .fold-order-item-wrapper {
display: flex;
gap: 4px;
align-items: center;
cursor: pointer;
border-radius: 15px;
padding: 2px 10px 2px 2px;
flex: 1;
}
.quick-order-form-w .fold-order-item-wrapper:hover {
background-color: rgba(255, 255, 255, 0.1);
}
.quick-order-form-w .fold-order-item-icon {
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
font-size: 16px;
background-color: transparent;
border-radius: 50%;
}
.quick-order-form-w .fold-order-item-icon .latepoint-icon {
color: #fff;
}
.quick-order-form-w .booking-data-form-buttons {
display: flex;
padding-bottom: 10px;
}
.quick-order-form-w .remove-order-item-new-booking-btn {
margin-left: auto;
color: #fff;
border-bottom: 1px dotted #fff;
padding: 2px;
cursor: pointer;
display: flex;
gap: 5px;
}
.quick-order-form-w .remove-order-item-new-booking-btn .latepoint-icon {
font-size: 14px;
}
.quick-order-form-w .remove-order-item-new-booking-btn:hover {
border-bottom-style: solid;
}
.quick-order-form-w .hidden-bundle-items-notice {
text-align: center;
margin-top: 15px;
font-size: 12px;
display: none;
}
.quick-order-form-w .hidden-order-items-notice {
text-align: center;
margin-top: 15px;
font-size: 12px;
display: none;
}
.quick-order-form-w .hidden-order-items-notice .hidden-order-items-notice-message {
color: #1f222b;
margin-bottom: 5px;
}
.quick-order-form-w .hidden-order-items-notice .hidden-order-items-notice-link {
text-decoration: none;
display: inline-block;
border-bottom: 1px dotted #1d7bff;
color: #1d7bff;
cursor: pointer;
}
.quick-order-form-w .hidden-order-items-notice .hidden-order-items-notice-link:hover {
border-bottom-style: solid;
}
.quick-order-form-w .order-items-info-w.no-bundles .order-item-variant-selector-wrapper {
display: none;
}
.quick-order-form-w .order-items-info-w.show-preselected-only .bundle-icon {
display: none;
}
.quick-order-form-w .order-items-info-w.show-preselected-only .hidden-bundle-items-notice {
display: block;
background-color: #f3f3f3;
border-radius: 15px;
padding: 10px;
}
.quick-order-form-w .order-items-info-w.show-preselected-only .hidden-bundle-items-notice .hidden-bundle-items-notice-message {
margin-bottom: 5px;
color: #1f222b;
}
.quick-order-form-w .order-items-info-w.show-preselected-only .hidden-bundle-items-notice .hidden-bundle-items-notice-message strong {
font-weight: 600;
}
.quick-order-form-w .order-items-info-w.show-preselected-only .hidden-bundle-items-notice .hidden-bundle-items-notice-link {
color: #1d7bff;
display: inline-block;
border-bottom: 1px dotted #1d7bff;
cursor: pointer;
margin-left: 3px;
}
.quick-order-form-w .order-items-info-w.show-preselected-only .hidden-bundle-items-notice .hidden-bundle-items-notice-link:hover {
border-bottom-style: solid;
}
.quick-order-form-w .order-items-info-w.show-preselected-only .summary-box .summary-box-content {
display: none;
}
.quick-order-form-w .order-items-info-w.show-preselected-only .order-items-list .order-item:hover .order-item-remove-btn {
display: none;
}
.quick-order-form-w .order-items-info-w.show-preselected-only .order-items-list .order-item.order-item-variant-bundle .bookable-items-breakdown {
border-top: none;
padding-top: 0;
}
.quick-order-form-w .order-items-info-w.show-preselected-only .order-items-list .order-item:not(.holds-preselected-booking) {
display: none;
}
.quick-order-form-w .order-items-info-w.show-preselected-only .order-items-list .order-item.holds-preselected-booking .order-item-pill-inner {
padding: 0;
border: none;
}
.quick-order-form-w .order-items-info-w.show-preselected-only .order-items-list .order-item .bundle-icon {
top: 0;
left: 0;
}
.quick-order-form-w .order-items-info-w.show-preselected-only .order-items-list .order-item.order-item-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking-wrapper {
margin-bottom: 0;
}
.quick-order-form-w .order-items-info-w.show-preselected-only .hidden-order-items-notice {
display: block;
}
.quick-order-form-w .order-items-info-w.show-preselected-only .bundle-service-info {
display: none;
}
.quick-order-form-w .order-items-info-w.show-preselected-only .order-item-variant-bundle-booking:not(.is-preselected) {
display: none;
}
.quick-order-form-w .order-items-list {
transition: blur 0.2s ease;
}
.quick-order-form-w .order-items-list.is-hidden {
display: none;
}
.quick-order-form-w .order-items-list.is-blurred {
filter: blur(2px);
}
.quick-order-form-w .order-items-list.is-blurred:hover {
filter: none;
}
.quick-order-form-w .order-items-list .order-no-items {
background-color: #f8f8f8;
padding: 15px;
color: #788291;
text-align: center;
border-radius: 15px;
}
.quick-order-form-w .order-items-list .order-item.non-viewable {
display: none !important;
}
.quick-order-form-w .order-items-list .order-item.order-item-variant-bundle.is-open .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown {
display: block;
}
.quick-order-form-w .order-items-list .order-item.order-item-variant-bundle.is-open .order-item-pill.order-item-pill-variant-bundle .bookable-items {
display: none;
}
.quick-order-form-w .order-items-list .order-item.order-item-variant-bundle.is-open .order-item-pill.order-item-pill-variant-bundle .sbc-highlighted-item {
display: none;
}
.quick-order-form-w .order-items-list .order-item.order-item-variant-bundle.is-open .order-item-pill.order-item-pill-variant-bundle .order-item-shadow {
display: none;
}
.quick-order-form-w .order-items-list .order-item.order-item-variant-bundle.is-open .order-item-pill.order-item-pill-variant-bundle .bundle-icon {
transform: rotate(180deg);
}
.quick-order-form-w .order-items-list .order-item.order-item-variant-bundle.is-open .order-item-pill.order-item-pill-variant-bundle .not-able-to-schedule-msg {
display: block;
border-radius: 15px;
}
.quick-order-form-w .order-items-list .order-item-pill {
position: relative;
margin-bottom: 10px;
}
.quick-order-form-w .order-items-list .order-item-pill .summary-box-booking-date-box {
display: none;
}
.quick-order-form-w .order-items-list .order-item-pill .summary-box .sbc-highlighted-item {
font-size: 13px;
margin-top: 2px;
}
.quick-order-form-w .order-items-list .order-item-pill .order-item-remove-btn {
position: absolute;
top: -6px;
right: -6px;
color: #fff;
background-color: #e82c2c;
padding: 7px 4px;
border-radius: 20px;
box-shadow: 0 0 0 4px #fff;
display: none;
cursor: pointer;
}
.quick-order-form-w .order-items-list .order-item-pill .order-item-remove-btn:before {
content: "";
width: 8px;
height: 2px;
background-color: #fff;
display: block;
}
.quick-order-form-w .order-items-list .order-item-pill .order-item-remove-btn:hover {
background-color: #ff5e5e;
}
.quick-order-form-w .order-items-list .order-item-pill:hover .order-item-remove-btn {
display: block;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle {
margin-bottom: 20px;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .summary-box.main-box {
flex-direction: column;
gap: 0;
align-items: stretch;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .not-able-to-schedule-msg {
background-color: #fff1cc;
color: #111;
padding: 10px;
margin-top: 15px;
display: none;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown {
display: none;
border-top: 1px solid #dcdad7;
padding-top: 15px;
margin-top: 15px;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-booking-data-heading {
display: flex;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .os-booking-data-service-selector-wrapper {
display: none;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .bundle-service-info {
margin-bottom: 10px;
color: #788291;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking-wrapper + .bundle-service-info {
margin-top: 15px;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-cancelled-bookings-wrapper .order-item-cancelled-bookings-heading {
padding-top: 5px;
padding-bottom: 5px;
color: #788291;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-cancelled-bookings-wrapper:not(:last-child) {
margin-bottom: 20px;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking-wrapper {
margin-bottom: 10px;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking-wrapper .order-item-variant-selector-wrapper {
display: none;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking-wrapper:last-child {
margin-bottom: 0;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking-wrapper .order-item-temp-holder {
gap: 7px;
padding: 10px;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking-wrapper .order-item-temp-holder .oit-avatar {
width: 10px;
height: 10px;
flex: 0 0 10px;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking-wrapper .order-item-temp-holder .oit-title {
padding: 6px 6px 7px;
margin-bottom: 0px;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking-wrapper .order-item-temp-holder .oit-sub-title {
display: none;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking-wrapper .order-item-booking-data-form-wrapper {
padding: 0;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking-wrapper .order-item-booking-data-form-wrapper .fold-order-item-icon {
width: 15px;
height: 15px;
line-height: 15px;
font-size: 12px;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking-wrapper .order-item-booking-data-form-wrapper .remove-order-item-new-booking-btn {
padding: 0;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking-wrapper .order-item-booking-data-form-wrapper .remove-order-item-new-booking-btn .latepoint-icon {
font-size: 12px;
line-height: 15px;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking-wrapper .order-item-booking-data-form-wrapper .fold-order-item-wrapper {
padding: 8px 10px 8px 4px;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking-wrapper .order-item-booking-data-form-wrapper .order-booking-data-heading {
padding: 3px 15px 5px 3px;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking-wrapper .order-item-booking-data-form-wrapper .order-booking-data-heading .ob-label {
font-size: 13px;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking-wrapper .order-item-booking-data-form-wrapper .order-booking-data-heading .fold-order-item-icon .latepoint-icon {
line-height: 15px;
font-size: 14px;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking-wrapper .order-item-booking-data-form-wrapper .order-item-booking-data-form-inner {
padding: 21px 15px 10px;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .bundle-booking-item-pill-inner {
gap: 7px;
display: flex;
align-items: center;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking {
position: relative;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking .order-item-temp-holder {
display: none;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking.os-loading:before {
display: block;
content: "";
width: 18px !important;
height: 18px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
left: 16px;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking .unscheduled-bundle-booking {
display: flex;
gap: 7px;
align-items: center;
padding: 10px;
border: 1px dashed #aaa;
line-height: 1;
border-radius: 15px;
cursor: pointer;
color: #1f222b;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking .unscheduled-bundle-booking:hover {
border-style: solid;
border-color: #1d7bff;
box-shadow: 0 0 0 1px #1d7bff;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking:last-child {
margin-bottom: 0;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking .bib-icon {
margin-left: auto;
display: none;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking .booking-item-status-pill {
width: 10px;
background-color: #eee;
height: 10px;
border-radius: 2px;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking .bundle-booking-item-pill {
border: 1px solid #ddd;
border-bottom-color: #bbb;
color: #1f222b;
border-radius: 6px;
padding: 10px;
align-items: center;
cursor: pointer;
gap: 7px;
display: flex;
line-height: 1;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking .bundle-booking-item-pill:hover {
box-shadow: 0 0 0 1px #1d7bff;
border-color: #1d7bff;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking .bundle-booking-item-pill.status-pending .booking-item-status-pill {
background-color: #fad277;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking .bundle-booking-item-pill.status-cancelled .booking-item-status-pill {
background-color: #fa7b77;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked .unscheduled-bundle-booking {
display: none;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked .booking-item-status-pill {
background-color: #bcd96e;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items-breakdown .order-item-variant-bundle-booking.is-booked.is-past .booking-item-status-pill {
background-color: #d9eba6;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items {
display: flex;
gap: 5px;
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #EEF0F1;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items .bookable-item {
flex: 1;
border-radius: 2px;
background-color: #eee;
height: 6px;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items .bookable-item.is-past.is-booked {
background-color: #bcd96e;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .bookable-items .bookable-item.is-booked {
background-color: #d9eba6;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .summary-box .summary-box-content {
padding-left: 50px;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-bundle .order-item-pill-inner {
display: block;
}
.quick-order-form-w .order-items-list .order-item-pill .order-item-pill-inner {
padding: 15px;
border: 1px solid #dcdad7;
border-radius: 15px;
z-index: 3;
position: relative;
background-color: #fff;
display: flex;
flex-direction: row-reverse;
gap: 15px;
}
.quick-order-form-w .order-items-list .order-item-pill .order-item-pill-inner .appointment-color-elem {
width: 2px;
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
}
.quick-order-form-w .order-items-list .order-item-pill .order-item-pill-inner .summary-attributes {
display: none;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-booking {
cursor: pointer;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-booking .booking-item-status-pill {
display: none;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-booking .qr-code-on-full-summary, .quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-booking .qr-show-trigger {
display: none;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-booking .order-item-pill-inner {
box-shadow: 0 2px 0 0 #eee;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-booking.os-loading:before {
display: block;
content: "";
width: 50px !important;
height: 50px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
left: 35px;
}
.quick-order-form-w .order-items-list .order-item-pill .order-item-pill-recurring-mark {
font-size: 14px;
position: relative;
}
.quick-order-form-w .order-items-list .order-item-pill .order-item-pill-recurring-mark .popover-message {
display: none;
background-color: #000;
color: #fff;
padding: 3px 5px;
max-width: 200px;
top: 0;
right: 0;
position: absolute;
white-space: nowrap;
border-radius: 4px;
font-size: 13px;
transform: translateY(-100%);
}
.quick-order-form-w .order-items-list .order-item-pill .order-item-pill-recurring-mark:hover .popover-message {
display: block;
}
.quick-order-form-w .order-items-list .order-item-pill.order-item-pill-variant-booking:hover .order-item-pill-inner {
border-color: #1d7bff;
box-shadow: 0 0 0 1px #1d7bff;
}
.quick-order-form-w .order-items-list .order-item-pill .order-item-shadow {
z-index: 2;
position: absolute;
left: 13px;
right: 13px;
bottom: -3px;
height: 6px;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
border-radius: 0 0 20px 20px;
background-color: #fff;
}
.quick-order-form-w .order-items-list .order-item-pill .order-item-shadow + .order-item-shadow {
bottom: -7px;
z-index: 1;
left: 20px;
right: 20px;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
.quick-order-form-w .order-items-list .order-item-pill + .summary-heading {
margin-top: 30px;
}
.quick-order-form-w .order-items-list .order-item-pill .summary-box .sbc-highlighted-item {
color: #788291;
}
.quick-order-form-w .order-items-list .order-item-pill .bundle-icon {
position: absolute;
top: 15px;
left: 15px;
width: 38px;
height: 38px;
line-height: 38px;
text-align: center;
font-size: 16px;
color: #41444b;
background-color: #f8f8f8;
border-radius: 50%;
cursor: pointer;
}
.quick-order-form-w .order-items-list .order-item-pill .bundle-icon i {
line-height: 38px;
}
.quick-order-form-w .order-items-list .order-item-pill .bundle-icon:hover {
background-color: #fff;
box-shadow: 0 0 0 2px #1d7bff;
color: #111;
}
.quick-order-form-w .order-items-list .order-item-pill .os-avatar-w {
width: 38px;
height: 38px;
flex: 0 0 38px;
display: flex;
align-items: center;
justify-content: space-around;
border-radius: 20px;
background-color: #dedede;
color: #41444b;
font-weight: 400;
font-size: 12px;
-webkit-background-size: contain;
background-size: contain;
background-position: center center;
}
.quick-order-form-w .order-items-list .order-item-pill .main-box {
flex: 1;
padding: 0;
}
.quick-order-form-w .order-items-list .order-item-pill .main-box .summary-box-heading {
display: none;
}
.quick-order-form-w .order-items-list .order-item-pill .summary-box .sbc-big-item {
font-size: 16px;
}
.quick-order-form-w .pro-upgrade-required {
border: 2px dotted #ffc428;
padding: 20px 50px 20px 20px;
display: block;
text-decoration: none;
border-radius: 15px;
position: relative;
background-color: #fff8e8;
color: #1f222b;
}
.quick-order-form-w .pro-upgrade-required:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e91a";
position: absolute;
top: 50%;
right: 20px;
font-size: 16px;
transform: translateY(-50%);
}
.quick-order-form-w .pro-upgrade-required .pur-heading {
font-weight: 400;
font-size: 15px;
color: #1f222b;
margin-bottom: 5px;
}
.quick-order-form-w .pro-upgrade-required .pur-desc {
font-size: 13px;
color: #788291;
}
.quick-order-form-w .pro-upgrade-required:hover {
border: 2px solid #1d7bff;
background-color: #fff;
}
.transaction-refund-settings {
animation: 0.2s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s up10;
border-radius: 15px;
display: none;
padding: 15px;
padding-top: 5px;
background-color: #f3f3f3;
border: 1px solid #ddd;
border-bottom-color: #aaa;
box-shadow: 0 2px 0 0 #eee;
}
.transaction-refund-settings .refund-settings-heading {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 5px;
margin-bottom: 10px;
font-weight: 600;
font-size: 13px;
display: flex;
align-items: center;
justify-content: space-between;
}
.transaction-refund-settings .refund-settings-heading .refund-settings-close {
margin-left: auto;
font-size: 16px;
color: #000;
padding: 5px;
border-radius: 6px;
cursor: pointer;
line-height: 1;
}
.transaction-refund-settings .refund-settings-heading .refund-settings-close:hover {
background-color: #eee;
}
.transaction-refund-settings .refund-settings-fields {
display: flex;
align-items: center;
gap: 10px;
}
.transaction-refund-settings .refund-settings-fields > div {
flex: 1;
}
.transaction-refund-settings .refund-settings-fields .os-form-group {
margin-bottom: 0;
}
.transaction-refund-settings .refund-settings-fields .label-for-select {
color: #788291;
}
.transaction-refund-button-w {
display: flex;
justify-content: flex-end;
}
input, select {
margin: 0px;
}
.latepoint.wp-core-ui select {
border-color: #bcc3ca;
box-shadow: none;
background-size: 10px 10px;
background-position: right 5px top 55%;
}
.os-form-message-w {
padding: 15px 15px 17px 50px;
background-color: #f0f1f5;
color: #6e7084;
margin-bottom: 20px;
font-weight: 400;
font-size: 15px;
border-radius: 6px;
border: 1px solid #d3d4de;
position: relative;
}
.os-form-message-w ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.os-form-message-w ul li {
margin-bottom: 10px;
}
.os-form-message-w ul li:last-child {
margin-bottom: 0px;
}
.os-form-message-w:before {
color: #fff;
position: absolute;
top: 20px;
left: 19px;
width: 10px;
height: 10px;
text-align: center;
border-radius: 50%;
z-index: 3;
content: "";
}
.os-form-message-w.status-error {
background-color: #fff1f1;
border: 1px solid #f2c3c3;
border-bottom-color: #ea9898;
color: #7f0d0d;
box-shadow: 0px 1px 2px rgba(255, 61, 61, 0.16);
}
.os-form-message-w.status-error:before {
background-color: #ff5839;
box-shadow: 0px 1px 0px 0px rgba(255, 138, 138, 0.5), 0px 0px 0px 6px rgba(255, 138, 138, 0.15), 0px 0px 0px 10px rgba(255, 138, 138, 0.1), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.2);
border: 1px solid #ee1b1b;
border-bottom-color: #ce0a0a;
}
.os-form-message-w.status-success {
background-color: #eeffed;
border: 1px solid #a9e3a2;
border-bottom-color: #91c68f;
color: #0d7f24;
box-shadow: 0px 1px 2px rgba(61, 255, 71, 0.16);
}
.os-form-message-w.status-success:before {
background-color: #63e57a;
box-shadow: 0px 1px 0px 0px rgba(138, 255, 154, 0.5), 0px 0px 0px 6px rgba(138, 255, 154, 0.25), 0px 0px 0px 10px rgba(138, 255, 154, 0.15), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.4);
border: 1px solid #35d431;
border-bottom-color: #33c82f;
}
.os-tp-box {
margin-bottom: 20px;
}
.os-tp-box .os-tp-box-header .os-form-sub-header {
padding: 0px 0px 15px 0px;
margin-bottom: 0px;
border-bottom: 1px solid rgba(29, 123, 255, 0.8);
}
.os-tp-box .os-tp-box-content {
padding: 20px 0px 0px;
}
.os-tp-box + .os-tp-box {
padding-top: 20px;
}
.os-form-w {
margin: 30px 0px;
}
.os-form-w .os-step-form-buttons {
display: flex;
align-items: center;
justify-content: flex-end;
border-top: 1px solid #dcdcea;
padding: 15px;
}
.os-form-w .os-step-form-buttons .os-form-group {
margin-bottom: 0px;
margin-left: 15px;
}
.os-form-w .sub-section-row {
display: flex;
border-top: 1px solid #dcdad7;
}
.os-form-w .sub-section-row:last-child .sub-section-label {
border-radius: 0px 0px 0px 6px;
}
.os-form-w .sub-section-row:first-child {
border-top: none;
}
.os-form-w .sub-section-row .sub-section-label {
padding: 20px 10px 20px 30px;
flex: 0 0 200px;
border-right: 1px solid #dcdad7;
}
.os-form-w .sub-section-row .sub-section-label.is-white {
background-color: #fff;
}
.os-form-w .sub-section-row .sub-section-label h3 {
font-size: 15px;
margin-bottom: 0px;
padding-top: 15px;
color: #41444b;
}
.os-form-w .sub-section-row .sub-section-content {
padding: 30px;
flex: 1;
position: relative;
}
.os-form-w .sub-section-row .sub-section-content.os-loading:before {
display: block;
content: "";
width: 14px !important;
height: 14px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
top: 10px;
left: 10px;
}
.os-form-w .sub-section-row .sub-section-content .os-image-selector-w .os-image-selector-trigger {
margin-bottom: 0px;
margin-top: 10px;
}
.os-form-w .sub-section-row .sub-section-content .os-form-group:last-child {
margin-bottom: 0px;
}
.os-form-w .side-by-side-buttons .latepoint-btn {
display: block;
width: 100%;
}
.os-form-w .side-by-side-buttons .latepoint-btn i {
font-size: 15px !important;
margin-right: 5px;
}
.os-form-w .os-form-buttons {
display: flex;
justify-content: flex-end;
gap: 10px;
}
.os-form-w .os-form-buttons.os-flex {
display: flex;
align-items: center;
}
.os-form-w .os-form-buttons.os-flex.os-space-between {
justify-content: space-between;
}
.os-form-w .os-form-buttons .os-form-group {
display: inline-block;
margin-bottom: 0px;
}
.os-form-w .white-box {
margin-bottom: 30px;
background-color: #fff;
border-radius: 20px;
border: 1px solid rgba(211, 213, 218, 0.6705882353);
background-image: linear-gradient(129deg, rgba(179, 184, 204, 0.0509803922), rgba(255, 255, 255, 0.3607843137));
box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.01), 1px 1px 5px -1px rgba(134, 124, 171, 0.12), inset 2px 2px 0 0 #fff;
}
.os-form-w .white-box .white-box-header .os-form-sub-header {
padding: 20px 30px;
margin-bottom: 0px;
border-bottom: 1px solid #dcdad7;
margin-top: 0px;
}
.os-form-w .white-box .white-box-header .os-form-sub-header:before {
content: "";
z-index: -1;
width: 50px;
height: 50px;
position: absolute;
top: 5px;
right: 5px;
border-radius: 0 0 0 50px;
background-image: radial-gradient(#d6d6d6 1px, transparent 0);
background-size: 12px 12px;
background-position: top right;
}
.os-form-w .white-box .white-box-header .os-form-sub-header .os-form-block-logo-img {
max-height: 30px;
width: auto;
}
.os-form-w .white-box .white-box-content {
padding: 30px;
}
.os-form-w .white-box .white-box-content.no-padding {
padding: 0px;
}
.os-form-w .white-box .white-box-content .os-sub-header {
color: #788291;
font-size: 13px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
margin-top: 15px;
}
.os-form-w .white-box .white-box-content .os-sub-header:first-child {
margin-top: 0px;
}
.os-form-w .label-with-description {
margin-bottom: 20px;
}
.os-form-w .label-with-description h3, .os-form-w .label-with-description h4 {
margin-bottom: 10px;
margin-top: 0px;
}
.os-form-w .label-with-description .label-desc {
color: #b0b0b0;
font-size: 13px;
}
.quick-end-time-w {
position: relative;
}
.quick-end-time-w .plus-day-label {
position: absolute;
top: 0;
right: 0px;
white-space: nowrap;
background-color: #eaf2ff;
color: #1d7bff;
border-radius: 4px;
padding: 2px 5px;
font-weight: 400;
font-size: 12px;
display: none;
}
.quick-end-time-w.ending-next-day .plus-day-label {
display: block;
}
.os-time-group {
margin: 0px;
margin-bottom: 15px;
}
.os-time-group .os-time-input-fields {
display: flex;
align-items: center;
}
.os-time-group .time-ampm-w {
display: flex;
background: #F5F6FA;
border: 1px solid #E0E6F0;
border-radius: 15px;
margin-left: 5px;
}
.os-time-group .time-ampm-w .time-ampm-select {
padding: 4px 6px 5px 6px;
line-height: 1;
font-weight: 400;
color: #788291;
cursor: pointer;
font-size: 13.5px;
}
.os-time-group .time-ampm-w .time-ampm-select.active {
background: #FFFFFF;
box-shadow: 0px 0px 0px 1px #1d7bff, 0 1px 2px 0 rgba(46, 87, 243, 0.18);
border-radius: 15px;
color: #1d7bff;
}
.os-time-group label {
display: block;
margin: 0px;
font-size: 13px;
color: #41444b;
font-weight: 400;
}
.os-time-group input.os-form-control {
font-size: 13px;
flex: 0 0 60px;
padding: 3px 2px !important;
line-height: 1;
margin: 0px;
border: 1px solid #EDEFF6;
background-color: #EDEFF6;
border-radius: 15px;
text-align: center;
box-shadow: none;
width: 60px;
max-width: 60px;
}
.os-time-group input.os-form-control:focus {
border-color: #1d7bff;
}
.os-time-group + .os-time-group {
border-top: 1px solid #E0E6F0;
}
.os-time-group.as-period {
display: flex;
align-items: center;
padding: 5px;
margin-bottom: 0px;
}
.os-time-group.as-period label {
padding-right: 10px;
padding-left: 5px;
}
.os-time-group.as-period input.os-form-control {
margin-left: auto;
}
.os-time-group.as-period .os-time-input-fields {
margin-left: auto;
justify-content: flex-end;
}
.os-form-group {
margin-bottom: 15px;
position: relative;
}
.os-form-group.os-form-multiselect-group label {
margin-bottom: 8px;
}
.os-form-group.os-form-multiselect-group .os-form-group {
margin-bottom: 5px;
}
.os-form-group.os-form-multiselect-group .os-form-group.os-form-checkbox-group label {
padding: 5px;
}
.os-form-group.os-form-multiselect-group .os-form-group.os-form-checkbox-group label input.os-form-checkbox {
margin-right: 5px;
}
.os-form-group.os-form-file-upload-group label {
margin-bottom: 3px;
}
.os-form-group.os-form-group-simple.os-form-textfield-group label {
opacity: 1;
transform: none !important;
position: relative;
top: auto;
left: auto;
margin-bottom: 3px !important;
}
.os-form-group.os-form-group-simple.os-form-textfield-group .os-form-control {
background-color: #fff;
border: 1px solid #d2d4d7;
padding: 7px 8px 6px !important;
}
.os-form-group.os-form-group-simple.os-form-textfield-group .os-form-control:focus {
border-color: #1d7bff;
}
.os-form-group.os-form-group-simple.os-form-textfield-group.os-form-phonefield-group {
border: none;
}
.os-form-group.os-form-group-simple.os-form-textfield-group.os-form-phonefield-group .lp_iti {
background-color: #fff;
border: 1px solid #d2d4d7;
padding-left: 8px;
align-items: center;
border-radius: 15px;
}
.os-form-group.os-form-group-simple.os-form-textfield-group.os-form-phonefield-group .lp_iti:has(input:focus) {
border-color: #1d7bff;
}
.os-form-group.os-form-group-simple.os-form-textfield-group.os-form-phonefield-group .lp_iti .lp_iti__selected-flag {
padding: 0;
}
.os-form-group.os-form-group-simple.os-form-textfield-group input[type=text].os-form-control.size-small {
height: auto;
min-height: auto;
font-size: 13px;
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.os-form-group.os-form-group-simple.os-form-select-group label {
margin-bottom: 3px;
}
.os-form-group.os-form-group-simple.os-form-select-group .os-form-control {
background-color: #fff;
border: 1px solid #d6d6e1;
}
.os-form-group.os-form-group-simple.os-form-select-group .os-form-control:focus {
border-color: #1d7bff;
}
.os-form-group.os-form-group-simple.os-form-select-group .os-form-control:hover {
border-color: #1d7bff;
}
.os-form-group.os-form-group-simple.os-form-select-group .os-form-control.size-small {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.os-form-group.os-form-group-simple.os-form-select-group.os-invalid label {
color: #bf6666;
}
.os-form-group.os-form-group-simple.os-form-select-group.os-invalid .os-form-control {
border-color: #b55959;
color: #872727;
}
.os-form-group.os-form-group-simple.os-form-select-group.os-invalid .os-form-control::placeholder {
color: #d9a3a3;
}
.os-form-group.os-form-group-simple.os-form-select-group.os-invalid .os-form-control:focus {
border-color: #b55959;
}
.os-form-group.green-value-input .os-form-control {
color: #0e8e25;
}
.os-form-group.os-form-group-right-aligned .os-form-control {
background-color: #fff;
text-align: right;
border: none;
border-bottom: 1px solid #ddd;
border-radius: 0px;
padding: 6px 0px !important;
}
.os-form-group.os-form-group-right-aligned .os-form-control:focus {
background-color: #fff;
}
.os-form-group.os-form-group-right-aligned.os-subtotal label {
color: #788291;
}
.os-form-group.os-form-group-right-aligned.os-total {
box-shadow: 0px -1px 0px 0px #41444b;
font-weight: 600;
}
.os-form-group.os-form-group-right-aligned.os-total label {
font-weight: 600;
color: #1f222b;
}
.os-form-group.os-form-group-right-aligned.os-total + .os-form-message-w {
margin-top: 15px;
}
.os-form-group.os-form-group-right-aligned.os-form-textfield-group label {
top: 6px !important;
left: 0px !important;
right: 78px;
white-space: nowrap;
overflow: hidden;
font-size: 14px !important;
opacity: 1;
}
.os-form-group label {
display: block;
margin-bottom: 1px;
cursor: default;
font-size: 13px;
font-weight: 400;
color: #444756;
font-weight: 400;
}
.os-form-group .os-form-control {
position: relative;
display: block;
box-shadow: none;
border: 2px solid #f1f3f7;
padding: 15px 10px !important;
border-radius: 15px;
background-color: #f1f3f7;
width: 100%;
color: #32373c;
line-height: 1.4;
font-size: 15px;
font-weight: 400;
transition: all 0.2s ease;
max-width: none;
}
.os-form-group .os-form-control input.os-form-control {
z-index: 1;
}
.os-form-group .os-form-control:focus {
background-color: #fff;
border-color: #4b89f5;
outline: none;
box-shadow: none;
}
.os-form-group .os-form-control::placeholder {
color: #a4a6a9;
}
.os-form-group.os-form-group-bordered {
margin-bottom: 25px;
}
.os-form-group.os-form-group-bordered.os-form-textfield-group .os-form-control {
background-color: #fff;
border-radius: 15px;
border: 1px solid #cecfd8;
padding: 27px 6px 7px 9px !important;
}
.os-form-group.os-form-group-bordered.os-form-textfield-group .os-form-control:focus {
border-color: #1d7bff;
box-shadow: 0px 0px 0px 3px #ecf0ff;
}
.os-form-group.os-form-group-bordered.os-form-textfield-group.os-form-textarea-group .os-form-control {
padding: 8px 10px 8px 10px !important;
}
.os-form-group.os-form-group-bordered.os-form-textfield-group.os-form-textarea-group:not(.no-label):not(.has-value) .os-form-control {
padding: 12px 10px 19px 10px !important;
}
.os-form-group.os-form-group-bordered.os-form-textfield-group.os-form-textarea-group:not(.no-label).has-value .os-form-control {
padding: 27px 10px 4px 10px !important;
}
.os-form-group.os-form-group-bordered.os-form-textfield-group.no-label:not(.has-value) .os-form-control, .os-form-group.os-form-group-bordered.os-form-textfield-group.no-label.has-value .os-form-control {
padding: 7px 6px 8px 9px !important;
}
.os-form-group.os-form-group-bordered.os-form-textfield-group:not(.no-label):not(.has-value) .os-form-control {
padding: 17px 10px 17px 10px !important;
}
.os-form-group.os-form-group-transparent {
margin-bottom: 25px;
}
.os-form-group.os-form-group-transparent.os-form-textfield-group label {
top: -3px;
left: 0px;
color: #788291;
}
.os-form-group.os-form-group-transparent.os-form-textfield-group .os-form-control {
background-color: #fff;
padding: 8px 0px 8px 0px !important;
border-radius: 0px;
border: none;
border-bottom: 1px solid #cecfd8;
}
.os-form-group.os-form-group-transparent.os-form-textfield-group .os-form-control:focus {
border-bottom-color: #1d7bff;
}
.os-form-group.os-form-group-transparent.os-form-textfield-group .os-form-control.size-small {
height: auto;
min-height: auto;
font-size: 13px;
}
.os-form-group.os-form-group-transparent.os-form-textfield-group.has-value:not(.no-label) label {
opacity: 1;
transform: translateY(0);
}
.os-form-group.os-form-group-transparent.os-form-textfield-group.has-value:not(.no-label) .os-form-control {
padding: 15px 0px 1px 0px !important;
}
.os-form-group.os-form-group-transparent.os-form-textfield-group.has-value.no-label .os-form-control {
padding: 10px 0px 10px 0px !important;
}
.os-form-group.os-form-group-transparent.os-form-select-group label {
margin-bottom: 3px;
}
.os-form-group.os-form-group-transparent.os-form-select-group .os-form-control {
background-color: #fff;
border: 1px solid #d6d6e1;
}
.os-form-group.os-form-group-transparent.os-form-select-group .os-form-control:focus {
border-color: #1d7bff;
}
.os-form-group.os-form-group-transparent.os-form-select-group .os-form-control:hover {
border-color: #1d7bff;
}
.os-form-group.os-form-group-transparent.os-form-select-group.os-invalid label {
color: #bf6666;
}
.os-form-group.os-form-group-transparent.os-form-select-group.os-invalid .os-form-control {
border-color: #b55959;
color: #872727;
}
.os-form-group.os-form-group-transparent.os-form-select-group.os-invalid .os-form-control::placeholder {
color: #d9a3a3;
}
.os-form-group.os-form-group-transparent.os-form-select-group.os-invalid .os-form-control:focus {
border-color: #b55959;
}
.os-form-group.os-form-control-wp-editor-group body {
font-size: 14px;
}
.os-form-group.os-form-control-wp-editor-group label {
top: 6px;
font-size: 14px;
color: #788291;
margin-bottom: 5px;
}
.os-form-group.os-form-color-picker-group label {
margin-bottom: 3px;
}
.os-form-group.os-form-color-picker-group .latepoint-color-picker-w {
padding: 2px 5px;
border-radius: 15px;
display: flex;
align-items: center;
background-color: #f1f3f7;
border: 1px solid #cecfd8;
gap: 5px;
}
.os-form-group.os-form-color-picker-group .latepoint-color-picker-w .latepoint-color-picker {
border: 3px solid #fff;
width: 20px;
height: 20px;
flex: 0 0 20px;
border-radius: 50%;
cursor: pointer;
}
.os-form-group.os-form-color-picker-group .latepoint-color-picker-w .latepoint-color-picker:hover {
box-shadow: 0 0 0 2px #000;
}
.os-form-group.os-form-color-picker-group .os-form-control {
padding: 4px 0px 3px 0px !important;
border: none;
background-color: #f1f3f7;
}
.os-form-group.os-form-color-picker-group .os-form-control:focus {
border: none;
}
.os-form-group.os-form-color-picker-group.os-form-group-transparent .latepoint-color-picker-w {
background-color: #fff;
}
.os-form-group.os-form-color-picker-group.os-form-group-transparent .latepoint-color-picker-w:focus {
border-color: #1d7bff;
}
.os-form-group.os-form-color-picker-group.os-form-group-transparent .latepoint-color-picker-w .os-form-control {
background-color: #fff;
}
.os-form-group.os-form-toggler-group {
display: flex;
align-items: center;
cursor: pointer;
margin-bottom: 0px;
}
.os-form-group.os-form-toggler-group:hover {
box-shadow: -6px 0px 0px 0px #f9f9f9, 6px 0px 0px 0px #f9f9f9;
border-radius: 12px;
background: #f9f9f9;
}
.os-form-group.os-form-toggler-group.with-sub-label {
align-items: flex-start;
}
.os-form-group.os-form-toggler-group.with-sub-label .os-toggler-label-w {
padding: 15px 0px;
}
.os-form-group.os-form-toggler-group.with-sub-label .os-toggler {
padding-top: 17px;
}
.os-form-group.os-form-toggler-group.with-sub-label:hover + .os-form-toggler-group.with-sub-label {
border-top-color: transparent;
}
.os-form-group.os-form-toggler-group .os-toggler-label-w {
margin-left: 10px;
padding: 10px 0px;
}
.os-form-group.os-form-toggler-group .os-toggler-label-w span {
margin-top: 4px;
color: #788291;
display: inline-block;
font-size: 13px;
}
.os-form-group.os-form-toggler-group label {
cursor: pointer;
color: #1f222b;
font-size: 15px;
flex: 1;
margin: 0px;
}
.os-form-group.os-form-checkbox-group label {
padding: 8px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 15px;
display: flex;
align-items: center;
color: #1f222b;
vertical-align: middle;
margin: 0px;
font-weight: 400;
font-size: 15px;
cursor: pointer;
}
.os-form-group.os-form-checkbox-group label:hover {
border-color: #1d7bff;
color: #1d7bff;
}
.os-form-group.os-form-checkbox-group label input.os-form-checkbox {
display: inline-block;
margin-right: 10px;
vertical-align: middle;
border-radius: 15px;
box-shadow: none;
border-color: #aaa;
}
.os-form-group.os-form-checkbox-group.is-checked label {
color: #1d7bff;
border-color: #d4d9e3;
}
.os-form-group.os-form-checkbox-group.is-checked label input.os-form-checkbox {
border-color: #1d7bff;
color: #1d7bff;
}
.os-form-group.os-form-checkbox-group.inverse-toggle {
margin-bottom: 0px;
}
.os-form-group.os-form-checkbox-group.inverse-toggle label {
border-radius: 15px 15px 0px 0px;
border: none;
padding: 0px;
}
.os-form-group.os-form-checkbox-group.is-checked.has-toggle-element {
margin-bottom: 0px;
}
.os-form-group.os-form-checkbox-group.is-checked.has-toggle-element label {
border-radius: 15px 15px 0px 0px;
}
.os-form-group.os-form-checkbox-group.is-checked.has-toggle-element.inverse-toggle {
margin-bottom: 20px;
}
.os-form-group.os-form-checkbox-group.is-checked.has-toggle-element.inverse-toggle:last-child {
margin-bottom: 0px;
}
.os-form-group.os-form-checkbox-group.is-checked.has-toggle-element.inverse-toggle label {
border-radius: 15px;
}
.os-form-group.os-form-checkbox-group.os-invalid label {
border-color: #b55959;
color: #872727;
}
.os-form-group.os-form-textfield-group label {
position: absolute;
top: 5px;
left: 10px;
z-index: 2;
opacity: 0;
transform: translateY(-3px);
transition: all 0.2s ease;
}
.os-form-group.os-form-textfield-group.os-invalid label {
color: #bf6666;
}
.os-form-group.os-form-textfield-group.os-invalid .os-form-control {
border-color: #b55959;
color: #872727;
}
.os-form-group.os-form-textfield-group.os-invalid .os-form-control::placeholder {
color: #d9a3a3;
}
.os-form-group.os-form-textfield-group.os-invalid .os-form-control:focus {
border-color: #b55959;
}
.os-form-group:not(.no-label).os-form-textfield-group.has-value label {
opacity: 1;
transform: translateY(2px);
font-size: 13px;
margin-bottom: 0px;
}
.os-form-group.os-form-phonefield-group {
border-bottom: 1px solid #cecfd8;
}
.os-form-group.os-form-phonefield-group:not(.has-value) .lp_iti, .os-form-group.os-form-phonefield-group:not(.has-value) .latepoint .lp_iti {
align-items: center;
}
.os-form-group.os-form-phonefield-group:has(.os-form-control:focus) {
border-bottom-color: #1d7bff;
}
.os-form-group.os-form-phonefield-group.os-invalid {
border-bottom-color: #b55959;
}
.os-form-group.os-form-phonefield-group.os-invalid label {
color: #bf6666;
}
.os-form-group.os-form-phonefield-group.os-invalid .os-form-control {
color: #872727;
}
.os-form-group.os-form-phonefield-group.os-invalid .os-form-control::placeholder {
color: #d9a3a3;
}
.os-form-group.os-form-phonefield-group.os-invalid:has(.os-form-control:focus) {
border-bottom-color: #b55959;
}
.os-form-group.os-form-phonefield-group.os-invalid .lp_iti__flag-container .lp_iti__selected-flag .lp_iti__selected-dial-code {
color: #872727;
}
.os-form-group.os-form-phonefield-group .lp_iti__selected-dial-code {
line-height: 19px;
color: #32373c;
}
.os-form-group.os-form-phonefield-group .lp_iti__flag-container .lp_iti__selected-flag {
line-height: 18px;
transition: all 0.2s ease;
font-size: 15px;
font-weight: 400;
}
.os-form-group.os-form-phonefield-group .os-form-control,
.os-form-group.os-form-phonefield-group input.os-form-control {
border: none !important;
}
.os-form-group.os-form-phonefield-group .os-form-control.os-mask-phone.invalid,
.os-form-group.os-form-phonefield-group input.os-form-control.os-mask-phone.invalid {
border-color: #f16161 !important;
}
.os-form-group.os-form-phonefield-group.has-value .lp_iti__selected-flag {
z-index: 1;
position: relative;
display: flex;
align-items: center;
padding-top: 0px;
padding-bottom: 0px;
}
.os-form-group.os-form-phonefield-group.has-value .lp_iti__selected-flag[aria-expanded=true] {
border-bottom-color: #1d7bff;
}
.os-form-group.os-form-phonefield-group.os-form-group-bordered {
border: 1px solid #cecfd8;
border-radius: 15px;
}
.os-form-group.os-form-phonefield-group.os-form-group-bordered:has(.os-form-control:focus) {
border-color: #1d7bff;
}
.os-form-group.os-form-phonefield-group.os-form-group-bordered .lp_iti {
align-items: center;
}
.os-form-group.os-form-phonefield-group.os-form-group-bordered.no-label.has-value .os-form-control, .os-form-group.os-form-phonefield-group.os-form-group-bordered.no-label:not(.has-value) .os-form-control {
border: none;
box-shadow: none;
padding-left: 3px !important;
}
.os-form-group.os-form-phonefield-group.os-form-group-bordered.no-label.has-value .os-form-control:focus, .os-form-group.os-form-phonefield-group.os-form-group-bordered.no-label:not(.has-value) .os-form-control:focus {
outline: none;
border: none;
box-shadow: none;
}
.os-form-group.os-form-phonefield-group.os-form-group-bordered.no-label:not(.has-value) .lp_iti__selected-flag, .os-form-group.os-form-phonefield-group.os-form-group-bordered.no-label.has-value .lp_iti__selected-flag {
padding: 7px 6px 8px 10px;
}
.os-form-group.os-form-phonefield-group.os-form-group-bordered.no-label:not(.has-value) .os-form-control, .os-form-group.os-form-phonefield-group.os-form-group-bordered.no-label.has-value .os-form-control {
border-radius: 0 15px 15px 0;
}
.os-form-group select.os-form-control {
height: auto;
padding: 7px 20px 6px 8px !important;
line-height: 1.4;
}
.os-form-group select.os-form-control:hover {
border-color: #1d7bff;
color: #32373c;
}
.os-form-group select.os-form-control.size-small {
height: auto;
min-height: auto;
font-size: 13px;
}
.os-form-group.size-small select.os-form-control {
height: auto;
font-size: 13px;
}
.toggle-element-outside .os-form-group.os-form-checkbox-group.has-toggle-element.is-checked {
margin-bottom: 20px;
}
.toggle-element-outside .os-form-group.os-form-checkbox-group.has-toggle-element.is-checked label {
border-radius: 15px;
}
.os-form-header {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.os-form-header h2, .os-form-header h3, .os-form-header h4 {
margin-bottom: 5px;
margin-top: 0px;
}
body.latepoint-admin input[type=checkbox] {
box-shadow: none;
border-radius: 15px;
position: relative;
}
body.latepoint-admin input[type=checkbox]:checked:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e904";
font-size: 12px;
color: #1d7bff;
position: absolute;
top: 50%;
left: 53%;
transform: translate3d(-50%, -50%, 0);
width: auto;
height: auto;
margin: 0;
padding: 0;
}
body.latepoint-admin input[type=checkbox]:indeterminate:before {
background-color: #1d7bff;
width: 8px;
height: 2px;
position: absolute;
content: "";
display: block;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
}
body.latepoint-admin .os-form-sub-header-actions .latepoint-btn + .latepoint-btn {
margin-left: 10px;
}
body.latepoint-admin .os-form-sub-header-actions .latepoint-btn.latepoint-btn-sm {
padding-left: 0px;
padding-right: 0px;
}
body.latepoint-admin .os-form-sub-header-actions .latepoint-btn.latepoint-btn-sm i {
font-size: 13px;
}
body.latepoint-admin .os-form-sub-header-actions .os-form-group.os-form-select-group {
margin-bottom: 0px;
}
form > .os-form-sub-header:first-child {
margin-top: 0px;
}
.os-section-header {
margin-bottom: 20px;
position: relative;
display: flex;
gap: 20px;
align-items: center;
}
.os-section-header.connected {
margin-bottom: 0px;
}
.os-section-header h3 {
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
letter-spacing: 2px;
margin: 0px;
padding: 8px 12px;
border-radius: 12px;
background-color: #ebedf1;
color: #1f222b;
display: inline-block;
}
.os-section-header:after {
height: 8px;
flex: 1;
content: "";
border-radius: 12px;
background-image: linear-gradient(270deg, rgba(236, 237, 238, 0.7019607843), rgba(241, 241, 242, 0.4));
}
.os-form-sub-header {
border-bottom: 5px solid #e9eaed;
padding-bottom: 10px;
margin-bottom: 20px;
margin-top: 20px;
padding-left: 0px;
position: relative;
display: flex;
align-items: center;
}
.os-form-sub-header.is-bordered {
border-bottom: 0px;
}
.os-form-sub-header.is-bordered h3 {
color: #1d7bff;
font-size: 19px;
}
.os-form-sub-header.is-bordered:after {
content: "";
flex: 1;
height: 1px;
background-color: #e9eaed;
background-color: #1d7bff;
z-index: 1;
margin-left: 14px;
}
.os-form-sub-header.sub-level {
border: none;
display: flex;
text-align: center;
position: relative;
padding: 0px;
align-items: center;
gap: 20px;
}
.os-form-sub-header.sub-level:before {
display: none;
}
.os-form-sub-header.sub-level:after {
height: 8px;
flex: 1;
content: "";
border-radius: 12px;
background-image: linear-gradient(270deg, rgba(236, 237, 238, 0.7019607843), rgba(241, 241, 242, 0.4));
}
.os-form-sub-header.sub-level h3 {
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
letter-spacing: 2px;
margin: 0px;
padding: 8px 12px;
border-radius: 12px;
background-color: #edeff1;
color: #1f222b;
display: inline-block;
}
.os-form-sub-header h3 {
font-size: 17px;
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 400;
color: #1f222b;
margin: 0px;
padding: 0px;
}
.os-form-sub-header .os-form-sub-header-actions {
font-size: 13px;
margin-left: auto;
border-radius: 12px;
padding: 2px 6px;
}
.os-form-sub-header .os-form-sub-header-actions.os-highlight {
color: #788291;
background-color: #ebeef3;
}
.os-form-sub-header .os-form-group {
margin-bottom: 0px;
}
.os-form-sub-header .os-form-group.os-form-checkbox-group label {
padding: 0px;
border: none;
}
.os-form-desc {
color: rgba(0, 0, 0, 0.7);
}
.white-box-content .os-image-selector-w {
margin-bottom: 30px;
}
.os-image-selector-w .os-image-selector-trigger {
outline: none;
box-shadow: none;
border: 2px dotted #dcdad7;
padding: 10px;
display: block;
border-radius: 15px;
}
.os-image-selector-w .os-image-selector-trigger:hover {
border-color: #1d7bff;
}
.os-image-selector-w .os-image-selector-trigger:hover .os-image-selector-text {
color: #1d7bff;
}
.os-image-selector-w.is-compact .os-image-selector-trigger {
border: none;
padding: 3px;
border-radius: 50%;
}
.os-image-selector-w.is-compact .os-image-selector-trigger .os-image-selector-text {
display: none;
}
.os-image-selector-w.is-compact .os-image-selector-trigger:hover {
box-shadow: 0 0 0 2px #1d7bff;
}
.os-image-selector-w.is-compact.has-image .os-image-selector-trigger:hover .os-image-container:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e96d";
top: 0px;
left: 80%;
border-radius: 50%;
background-color: #ff6565;
color: #fff;
font-size: 14px;
width: 19px;
box-shadow: 0 0 0 2px #fff;
height: 19px;
text-align: center;
line-height: 19px;
display: block;
position: absolute;
}
.os-image-selector-w.is-compact:not(.has-image) .os-image-selector-trigger:hover .os-image-container:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e931";
top: 0px;
left: 80%;
border-radius: 50%;
background-color: #1d7bff;
color: #fff;
font-size: 14px;
width: 19px;
box-shadow: 0 0 0 2px #fff;
height: 19px;
text-align: center;
line-height: 19px;
display: block;
position: absolute;
}
.os-image-selector-w.is-avatar .os-image-container {
border-radius: 50%;
width: 53px;
height: 53px;
background-color: #EEF1F6;
position: relative;
}
.os-image-selector-w.is-avatar .os-image-container .image-self {
height: 53px;
width: 53px;
background-size: cover;
background-repeat: no-repeat;
border-radius: 50%;
}
.os-image-selector-w.is-avatar .os-image-container .os-placeholder {
position: relative;
height: 53px;
width: 53px;
overflow: hidden;
border-radius: 50%;
}
.os-image-selector-w.is-avatar .os-image-container .os-placeholder:before {
content: "";
width: 20px;
height: 20px;
background-color: #d4d9e1;
border-radius: 50%;
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
}
.os-image-selector-w.is-avatar .os-image-container .os-placeholder:after {
display: block;
content: "";
width: 40px;
height: 40px;
background-color: #d4d9e1;
border-radius: 50%;
top: 100%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
}
.os-image-selector-w .os-image-container {
border: none;
border-radius: 15px;
width: 50px;
height: 50px;
position: relative;
display: inline-block;
vertical-align: middle;
}
.os-image-selector-w .os-image-container img {
border-radius: 4px;
width: 100%;
height: auto;
display: block;
}
.os-image-selector-w:not(.has-image):not(.is-avatar) .os-image-container:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e958";
position: absolute;
top: 50%;
left: 50%;
color: #dde1e9;
transform: translate(-50%, -50%);
font-size: 30px;
}
.os-image-selector-w.has-image .os-image-container:before {
display: none;
}
.os-image-selector-w .os-image-selector-text {
display: inline-block;
vertical-align: middle;
position: relative;
text-decoration: none;
margin-left: 20px;
color: #788291;
font-size: 18px;
}
.os-multiple-files-uploader {
border: 3px dotted #E0E6EB;
padding: 10px;
border-radius: 4px;
color: #788291;
font-size: 15px;
text-align: center;
cursor: pointer;
}
.os-multiple-files-uploader a {
box-shadow: none;
}
.os-multiple-files-uploader:hover {
border-color: #1d7bff;
}
.os-multiple-files-uploader:hover .os-file-selector-text {
color: #1d7bff;
}
.os-multiple-files-uploader .os-uploaded-file {
text-align: left;
padding: 0 10px;
margin-bottom: 6px;
background-color: #F8FAFC;
border-radius: 3px;
display: flex;
align-items: center;
gap: 10px;
transition: all 0.2s ease;
font-size: 15px;
}
.os-multiple-files-uploader .os-uploaded-file:hover {
background-color: #eff2f5;
}
.os-multiple-files-uploader .os-uploaded-file:last-child {
margin-bottom: 15px;
}
.os-multiple-files-uploader .os-uploaded-file .os-file-size {
color: #788291;
font-size: 13.5px;
}
.os-multiple-files-uploader .os-uploaded-file .os-file-link {
flex: 1;
text-decoration: none;
padding: 10px 0;
}
.os-multiple-files-uploader .os-uploaded-file .os-remove-file {
color: #eb3a3a;
text-decoration: none;
font-size: 16px;
line-height: 1;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: all 0.3s ease;
}
.os-multiple-files-uploader .os-uploaded-file .os-remove-file:hover {
background-color: #eb3a3a;
color: white;
}
.settings-image-selector {
margin: 20px 0px;
}
.os-toggler {
cursor: pointer;
}
.os-toggler .toggler-pill {
height: 8px;
width: 8px;
border-radius: 20px;
background-color: #219ff8;
position: absolute;
right: 3px;
top: 50%;
transform: translate(0px, -50%);
transition: all 0.2s ease;
background-color: #fff;
}
.os-toggler .toggler-rail {
position: relative;
height: 15px;
width: 24px;
background-color: rgba(48, 73, 144, 0.1);
border-radius: 20px;
background-color: #219ff8;
}
.os-toggler:hover .toggler-pill {
box-shadow: 0px 0px 0px 1px #fff;
}
.os-toggler:hover.off .toggler-pill {
box-shadow: 0px 0px 0px 1px #fff;
}
.os-toggler.off .toggler-rail {
background-color: #ddd;
}
.os-toggler.off .toggler-pill {
transform: translate(-9px, -50%);
background-color: #fff;
}
.os-toggler.size-large .toggler-pill {
height: 12px;
width: 12px;
right: 4px;
}
.os-toggler.size-large .toggler-rail {
height: 20px;
width: 30px;
}
.os-toggler.size-large.off .toggler-pill {
transform: translate(-9px, -50%);
}
.os-toggler.size-small .toggler-pill {
height: 8px;
width: 8px;
right: 3px;
}
.os-toggler.size-small .toggler-rail {
height: 14px;
width: 22px;
}
.os-toggler.size-small.off .toggler-pill {
transform: translate(-8px, -50%);
}
.os-form-toggler-group.size-small .os-toggler-label-w {
padding: 6px 0px 7px;
margin-left: 7px;
}
.os-form-toggler-group.size-small label {
font-size: 13px;
}
.location-selector-adder-field-w .latepoint-btn,
.service-selector-adder-field-w .latepoint-btn {
margin-top: 10px;
}
.location-selector-adder-field-w .selector-adder-w,
.service-selector-adder-field-w .selector-adder-w {
display: flex;
align-items: center;
}
.location-selector-adder-field-w .selector-adder-w .latepoint-btn,
.service-selector-adder-field-w .selector-adder-w .latepoint-btn {
white-space: nowrap;
margin-top: 0px;
margin-left: 10px;
}
.lp-form-subset {
padding: 20px;
border: 1px solid rgba(0, 0, 0, 0.1);
position: relative;
margin: 30px 0px;
border-radius: 15px;
}
.lp-form-subset h4 {
position: absolute;
top: 0px;
left: 15px;
transform: translateY(-50%);
background-color: #fff;
padding: 5px;
margin-top: 0px;
}
.lp-form-subset .os-form-group:last-child {
margin-bottom: 0px;
}
.lp-form-checkbox-contents {
padding: 20px;
border: 1px solid #d4d9e3;
border-top: none;
position: relative;
margin-bottom: 30px;
border-radius: 0px 0px 15px 15px;
}
.lp-form-checkbox-contents h4, .lp-form-checkbox-contents h3 {
margin-top: 0px;
margin-bottom: 20px;
}
.lp-form-checkbox-contents > .os-form-group:last-child {
margin-bottom: 0px;
}
.lp-form-checkbox-contents:last-child {
margin-bottom: 0px;
}
.quick-order-form-w .os-form-group.os-form-group-transparent,
.quick-order-form-w .ws-period.os-period-transparent {
margin-bottom: 18px;
}
.quick-order-form-w .os-form-header {
position: relative;
}
.quick-order-form-w .capacity-info {
padding: 9px;
border-radius: 6px;
background-color: #eff2f7;
text-align: center;
font-weight: 400;
color: #788291;
font-size: 15px;
margin-top: 19px;
}
.quick-order-form-w .capacity-info strong {
color: #111;
margin-left: 2px;
}
.latepoint-admin .os-sub-header {
font-size: 13px;
font-weight: 400;
letter-spacing: 0.5px;
color: #1d7bff;
margin-bottom: 15px;
text-transform: uppercase;
}
.os-payment-methods-list {
margin-bottom: 20px;
}
.os-complex-connections-selector {
margin-bottom: 0px;
}
.os-complex-connections-selector .item-quantity-selector-w {
margin-left: auto;
}
.os-complex-connections-selector .complex-connection-set {
display: flex;
align-items: center;
gap: 5px;
padding-left: 10px;
border-left: 1px solid #ddd;
}
.os-complex-connections-selector .connection {
text-align: center;
border: 2px solid #ddd;
border-radius: 20px;
position: relative;
margin-bottom: 10px;
}
.os-complex-connections-selector .connection .os-form-group.os-form-group-transparent {
margin: 0;
display: flex;
gap: 5px;
align-items: center;
}
.os-complex-connections-selector .connection .os-form-group.os-form-group-transparent label {
margin: 0;
}
.os-complex-connections-selector .connection .os-form-group.os-form-group-transparent select.os-form-control {
padding: 3px 20px 2px 8px !important;
font-size: 13px;
}
.os-complex-connections-selector .connection.with-quantity {
display: flex;
align-items: center;
gap: 10px;
padding-right: 10px;
}
.os-complex-connections-selector .connection.with-quantity .os-connection-quantity-wrapper {
margin-left: auto;
}
.os-complex-connections-selector .connection.with-quantity .connection-i {
flex: 1;
}
.os-complex-connections-selector .connection .connection-children-list-w {
background: #FFFFFF;
padding: 20px;
margin-top: 0px;
text-align: left;
border-radius: 0px 0px 20px 20px;
border-top: 2px solid #1d7bff;
display: none;
}
.os-complex-connections-selector .connection .connection-children-list-w h4 {
margin: 0px;
margin-bottom: 15px;
color: #1d7bff;
font-size: 18px;
}
.os-complex-connections-selector .connection .connection-children-list-w ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.os-complex-connections-selector .connection .connection-children-list-w ul li {
padding: 5px 0px;
margin: 0px;
font-weight: 400;
font-size: 16px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding-left: 25px;
position: relative;
}
.os-complex-connections-selector .connection .connection-children-list-w ul li:last-child {
border-bottom: none;
}
.os-complex-connections-selector .connection .connection-children-list-w ul li:before {
background-color: #fff;
color: #fff;
padding: 2px;
font-size: 12px;
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e904";
position: absolute;
top: 50%;
left: 0px;
display: block;
border-radius: 4px;
transform: translateY(-50%);
box-shadow: inset 0px 0px 0px 2px #ddd;
}
.os-complex-connections-selector .connection .connection-children-list-w ul li.active:before {
background-color: #1d7bff;
box-shadow: none;
}
.os-complex-connections-selector .connection .connection-children-list-w ul li:hover {
color: #1d7bff;
}
.os-complex-connections-selector .connection .connection-i {
padding: 7px 10px 7px 40px;
display: flex;
align-items: center;
position: relative;
}
.os-complex-connections-selector .connection .connection-i:before {
background-color: #fff;
color: #fff;
padding: 4px;
font-size: 9px;
line-height: 9px;
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e904";
position: absolute;
top: 50%;
left: 10px;
display: block;
border-radius: 12px;
transform: translateY(-50%);
box-shadow: inset 0px 0px 0px 2px #ddd;
}
.os-complex-connections-selector .connection.active {
border-color: #1d7bff;
background-color: #fff;
}
.os-complex-connections-selector .connection.active.show-customize-box .connection-children-list-w {
display: block;
}
.os-complex-connections-selector .connection.active .selected-connections {
display: block;
}
.os-complex-connections-selector .connection.active .customize-connection-btn {
display: flex;
}
.os-complex-connections-selector .connection.active .connection-i:before {
background-color: #1d7bff;
box-shadow: none;
}
.os-complex-connections-selector .connection.active .connection-i:before:hover {
box-shadow: none;
}
.os-complex-connections-selector .connection.active:hover {
border-color: #6aa8ff;
background-color: #fff;
}
.os-complex-connections-selector .connection.active:hover .connection-i:before {
background-color: #6aa8ff;
}
.os-complex-connections-selector .connection.active .connection-customizer {
display: block;
}
.os-complex-connections-selector .connection:hover {
cursor: pointer;
border-color: #b7b7b7;
}
.os-complex-connections-selector .connection:hover .connection-customizer i {
transform: rotate(90deg);
}
.os-complex-connections-selector .connection .connection-avatar {
margin-right: 10px;
}
.os-complex-connections-selector .connection .connection-avatar img {
width: 30px;
height: auto;
display: block;
border-radius: 50%;
}
.os-complex-connections-selector .connection .connection-name {
margin-top: 0px;
margin-bottom: 0px;
line-height: 1.6;
font-size: 16px;
}
.os-complex-connections-selector .connection .selected-connections {
margin-left: auto;
margin-right: 15px;
display: none;
background-color: #E7EDFF;
color: #697D98;
font-weight: 400;
padding: 4px 5px;
border-radius: 15px;
}
.os-complex-connections-selector .connection .customize-connection-btn {
display: none;
background-color: #fff;
color: #1d7bff;
font-weight: 400;
padding: 4px 5px;
border-radius: 15px;
box-shadow: 0px 0px 0px 1px #1d7bff;
align-items: center;
text-decoration: none;
}
.os-complex-connections-selector .connection .customize-connection-btn:hover {
box-shadow: 0px 0px 0px 1px #0056d0, 0px 2px 4px rgba(0, 0, 0, 0.1);
color: #0056d0;
}
.os-complex-connections-selector .connection .customize-connection-btn:hover i {
transform: rotate(-45deg);
}
.os-complex-connections-selector .connection .customize-connection-btn i {
margin-right: 5px;
font-size: 16px;
display: inline-block;
line-height: 16px;
transition: all 0.2s ease;
}
.os-complex-connections-selector .connection .customize-connection-btn span {
line-height: 16px;
display: inline-block;
}
.os-complex-connections-selector .connection-customizer {
position: absolute;
top: 10px;
left: 10px;
font-size: 18px;
color: #1d7bff;
text-decoration: none;
display: none;
}
.os-complex-connections-selector .connection-customizer i {
display: block;
transition: all 0.4s ease;
transform-origin: center center;
}
.os-complex-connections-selector .connection-customizer span {
display: block;
position: absolute;
top: 0px;
left: 50%;
transform: translate(-50%, -100%);
background-color: #2D303A;
color: #fff;
padding: 5px 7px;
border-radius: 12px;
line-height: 1;
font-size: 13px;
font-weight: 400;
white-space: nowrap;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.os-complex-connections-selector .connection-customizer:hover span {
transform: translate(-50%, -120%);
opacity: 1;
visibility: visible;
}
.merged-fields {
display: flex;
align-items: center;
}
.merged-fields .os-form-group, .merged-fields .os-form-group.os-form-group-transparent {
flex: 0;
margin: 0px;
margin-right: 10px;
}
.merged-fields .os-form-group .os-form-control, .merged-fields .os-form-group.os-form-group-transparent .os-form-control {
min-width: 55px;
}
.merged-fields .os-form-group select.os-form-control, .merged-fields .os-form-group.os-form-group-transparent select.os-form-control {
min-width: 110px;
width: auto;
}
.merged-fields .os-form-group.os-form-group-transparent.os-form-textfield-group.has-value input.os-form-control, .merged-fields .os-form-group.os-form-group-transparent.os-form-group-transparent.os-form-textfield-group.has-value input.os-form-control {
padding: 7px 6px 6px 6px !important;
}
.merged-fields .os-form-group.os-form-group-transparent.os-form-textfield-group input.os-form-control, .merged-fields .os-form-group.os-form-group-transparent.os-form-group-transparent.os-form-textfield-group input.os-form-control {
border: 1px solid #cecfd8 !important;
padding: 7px 6px 6px 6px !important;
border-radius: 15px !important;
}
.merged-fields .merged-label {
background-color: #f2f3f5;
border-radius: 12px;
padding: 10px;
color: #788291;
font-weight: 400;
font-size: 15px;
margin-right: 10px;
}
.tracking-info-w {
display: flex;
}
.tracking-info-w .available-vars-w .available-vars-block {
flex: 1;
margin: 0px;
margin-right: 20px;
}
.tracking-info-w .tracking-code-input-w {
flex: 1;
}
.tracking-info-w .tracking-code-input-w .os-form-textfield-group {
height: 100%;
}
.tracking-info-w .tracking-code-input-w .os-form-textfield-group textarea {
height: 100%;
}
.os-quick-form-buttons {
display: flex;
gap: 15px;
}
.os-quick-form-buttons .os-form-group {
flex: 1;
}
.os-quick-form-buttons .os-full {
flex: 1;
}
.os-quick-form-buttons .os-compact {
flex: 0;
}
.os-form-block {
position: relative;
background-color: #fff;
border-radius: 20px;
border: 1px solid rgba(211, 213, 218, 0.6705882353);
background-image: linear-gradient(129deg, rgba(179, 184, 204, 0.0509803922), rgba(255, 255, 255, 0.3607843137));
box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.01), 1px 1px 5px -1px rgba(134, 124, 171, 0.12), inset 2px 2px 0 0 #fff;
}
.os-form-block.gu-transit, .os-form-block.gu-mirror {
animation: none;
}
.os-form-block.gu-transit {
opacity: 0.4;
}
.os-form-block + .os-form-block {
margin-top: 15px;
}
.os-form-block .os-form-message-w.status-success {
display: none;
}
.os-form-block .os-remove-form-block {
position: absolute;
right: 1px;
top: 1px;
transform: translate(50%, -50%);
font-size: 16px;
color: #fff;
background-color: #eb3a3a;
border: 3px solid #fff;
text-decoration: none;
padding: 0px 2px;
line-height: 26px;
width: 26px;
height: 26px;
border-radius: 50%;
text-align: center;
display: none;
z-index: 3;
opacity: 1;
}
.os-form-block .os-remove-form-block:hover {
background-color: #af0000;
}
.os-form-block .os-remove-form-block i {
vertical-align: middle;
line-height: 20px;
display: block;
}
.os-form-block .os-remove-form-block.os-loading:after {
display: block;
content: "";
width: 19px;
height: 19px;
border-bottom: 2px solid #dc5858;
border-left: 2px solid #dc5858;
border-top: 2px solid #dc5858;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
}
.os-form-block .os-remove-form-block.os-loading i {
color: transparent;
}
.os-form-block:hover .os-remove-form-block {
display: block;
}
.os-form-block:hover .os-form-block-header .os-form-block-edit-btn {
opacity: 1;
}
.os-form-block.status-disabled:not(.os-is-editing) {
box-shadow: none;
background-color: rgba(0, 0, 0, 0.05);
background-image: none;
}
.os-form-block.status-disabled:not(.os-is-editing) .os-form-block-header .os-form-block-name {
color: #788291;
}
.os-form-block .os-form-block-header {
display: flex;
cursor: pointer;
align-items: center;
padding: 15px 20px;
position: relative;
z-index: 2;
}
.os-form-block .os-form-block-header.os-form-block-required .os-form-block-type:after {
position: absolute;
content: "*";
color: #BC0000;
top: 50%;
right: -15px;
transform: translateY(-50%);
line-height: 1;
font-size: 18px;
display: block;
}
.os-form-block .os-form-block-header .os-form-block-drag {
font-size: 16px;
padding: 15px 33px 15px 0px;
border-right: 1px solid #EEF0F1;
color: #1d7bff;
line-height: 1;
cursor: -moz-grab;
cursor: -webkit-grab;
cursor: grab;
position: relative;
}
.os-form-block .os-form-block-header .os-form-block-drag.disabled {
cursor: not-allowed;
}
.os-form-block .os-form-block-header .os-form-block-drag span {
position: absolute;
top: -45px;
line-height: 1.5;
left: 50%;
background-color: #111;
color: #fff;
font-weight: 400;
font-size: 12px;
padding: 5px;
width: 150px;
text-align: center;
transform: translateX(-50%);
display: none;
z-index: 999;
}
.os-form-block .os-form-block-header .os-form-block-drag:hover span {
display: block;
}
.os-form-block .os-form-block-header .os-form-block-drag:hover:before {
opacity: 1;
}
.os-form-block .os-form-block-header .os-form-block-drag:before {
content: "";
position: absolute;
top: 8px;
left: 3px;
width: 3px;
height: 3px;
display: block;
background-color: #41444b;
box-shadow: 6px 6px 0px 0px #41444b, 0px 6px 0px 0px #41444b, 6px 0px 0px 0px #41444b, 6px 12px 0px 0px #41444b, 0px 12px 0px 0px #41444b;
opacity: 0.5;
border-radius: 1px;
}
.os-form-block .os-form-block-header .os-form-block-name {
margin-right: 10px;
margin-left: 15px;
font-size: 15px;
font-weight: 400;
padding: 8px 0px;
color: #1f222b;
}
.os-form-block .os-form-block-header .os-form-block-type {
color: #788291;
position: relative;
}
.os-form-block .os-form-block-header .os-form-block-edit-btn {
margin-left: auto;
font-size: 16px;
color: #1d7bff;
opacity: 0.4;
}
.os-form-block .os-form-block-buttons {
padding: 15px;
border-top: 1px solid #dcdcea;
display: flex;
justify-content: flex-end;
}
.os-form-block .os-form-block-buttons .latepoint-btn.pull-left {
margin-right: auto;
}
.os-form-block .os-form-block-buttons .latepoint-btn + .latepoint-btn {
margin-left: 10px;
}
.os-form-block .os-form-block-params {
display: none;
margin: 0px;
}
.os-form-block .os-form-block-i .os-form-group {
margin-bottom: 0px;
}
.os-form-block .os-form-block-i .os-form-group:first-child {
flex: 1;
}
.os-form-block.is-always-open .os-form-block-header {
cursor: default;
}
.os-form-block.is-always-open .os-form-block-params {
display: block;
border-top: 1px solid #ddd;
}
.os-form-block:hover:not(.os-is-editing):not(.is-always-open) {
box-shadow: 0px 0px 0px 2px #1d7bff;
border-color: transparent;
}
.os-form-block:hover:not(.os-is-editing):not(.is-always-open) .os-form-block-i {
border-color: transparent;
}
.os-form-block.os-is-editing .os-remove-form-block {
display: none;
background-color: #ff6363;
color: #fff;
}
.os-form-block.os-is-editing .os-form-block-header {
border-bottom: 1px solid #dcdad7;
}
.os-form-block.os-is-editing .os-form-block-params {
display: block;
}
.control-under-toggler {
margin-left: 35px;
padding-top: 15px;
border-top: 1px solid #EEF0F1;
}
.os-default-fields {
margin-bottom: 40px;
}
.os-default-field {
padding: 15px 15px 15px 15px;
background-color: #fff;
border-radius: 20px;
border: 1px solid rgba(211, 213, 218, 0.6705882353);
background-image: linear-gradient(129deg, rgba(179, 184, 204, 0.0509803922), rgba(255, 255, 255, 0.3607843137));
box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.01), 1px 1px 5px -1px rgba(134, 124, 171, 0.12), inset 2px 2px 0 0 #fff;
margin-bottom: 15px;
display: flex;
align-items: center;
}
.os-default-field .os-form-group.os-form-group-transparent {
margin-bottom: 0;
}
.os-default-field .locked-field {
padding: 0px 3px;
color: #444656;
font-size: 17px;
border-radius: 10px;
position: relative;
}
.os-default-field .locked-field span {
display: none;
transform: translate(0%, -110%);
position: absolute;
top: 0px;
left: 0px;
min-width: 300px;
max-width: 350px;
background-color: #2a335d;
color: #fff;
padding: 15px;
font-size: 14px;
}
.os-default-field .locked-field:hover span {
display: block;
}
.os-default-field .os-field-setting {
margin-left: 20px;
padding-left: 20px;
border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.os-default-field .os-form-group {
margin: 0px;
}
.os-default-field .os-field-name {
margin-right: auto;
margin-left: 13px;
font-weight: 400;
font-size: 18px;
padding: 8px 15px;
margin-left: 15px;
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.os-default-field.is-disabled {
opacity: 0.5;
}
.os-default-field.is-disabled .os-field-setting {
display: none;
}
.item-quantity-selector-w {
display: flex;
align-items: center;
margin-left: 15px;
}
.item-quantity-selector-w .item-quantity-selector {
font-size: 14px;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
background-color: #f3f4f9;
padding: 3px 3px;
line-height: 1;
width: 20px;
text-align: center;
border-radius: 4px;
}
.item-quantity-selector-w .item-quantity-selector.item-quantity-selector-minus:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e96d";
}
.item-quantity-selector-w .item-quantity-selector.item-quantity-selector-plus:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e931";
}
.item-quantity-selector-w .item-quantity-selector:hover {
color: #fff;
background-color: #1d7bff;
}
.item-quantity-selector-w .item-quantity-selector-input {
text-align: center;
margin: 0px 4px;
font-size: 12px;
background-color: #fff;
width: 25px;
color: #32373c;
line-height: 1.1;
height: auto;
min-height: initial;
font-weight: 400;
transition: all 0.2s ease;
height: auto;
position: relative;
display: block;
box-shadow: none;
border: 1px solid #cecfd8;
padding: 3px;
}
.item-quantity-selector-w .item-quantity-selector-input:focus {
box-shadow: none;
outline: none;
border-color: #1d7bff;
}
.fee-disclosure-wrapper .fee-disclosure {
background-color: #fff5dd;
border-radius: 15px;
padding: 6px 8px;
font-size: 13px;
color: #785a1b;
}
.fee-disclosure-wrapper .fee-disclosure strong {
color: #000;
font-weight: 600;
}
.fee-disclosure-wrapper .fee-disclosure a {
color: #000;
border-bottom: 1px dotted #000;
text-decoration: none;
}
.latepoint-page-with-side-nav {
display: flex;
gap: 20px;
align-items: flex-start;
}
.latepoint-page-with-side-nav .os-form-w {
flex: 1;
margin-top: 0;
}
.latepoint-page-with-side-nav .latepoint-page-side-nav {
display: flex;
flex-direction: column;
max-height: calc(100dvh - 40px);
flex: 0 0 230px;
position: sticky;
top: 20px;
}
.latepoint-page-with-side-nav .latepoint-page-side-nav .side-nav-actions {
padding: 12px;
display: flex;
justify-content: space-between;
gap: 10px;
border-radius: 15px;
margin-bottom: 20px;
background-color: #fff;
border-radius: 20px;
border: 1px solid rgba(211, 213, 218, 0.6705882353);
background-image: linear-gradient(129deg, rgba(179, 184, 204, 0.0509803922), rgba(255, 255, 255, 0.3607843137));
box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.01), 1px 1px 5px -1px rgba(134, 124, 171, 0.12), inset 2px 2px 0 0 #fff;
}
.latepoint-page-with-side-nav .latepoint-page-side-nav .side-nav-actions .latepoint-btn {
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
}
.latepoint-page-with-side-nav .latepoint-page-side-nav .side-nav-actions .os-form-group {
margin: 0;
}
.latepoint-page-with-side-nav .latepoint-page-side-nav .side-nav-header {
padding: 20px 15px;
border-bottom: 1px solid #dcdad7;
border-radius: 15px 15px 0 0;
font-size: 17px;
display: flex;
gap: 10px;
align-items: center;
position: relative;
}
.latepoint-page-with-side-nav .latepoint-page-side-nav .side-nav-header:before {
content: "";
z-index: -1;
width: 50px;
height: 50px;
position: absolute;
top: 5px;
right: 5px;
border-radius: 0 0 0 50px;
background-image: radial-gradient(#dcdad7 1px, transparent 0);
background-size: 12px 12px;
background-position: top right;
}
.latepoint-page-with-side-nav .latepoint-page-side-nav .side-nav-header i, .latepoint-page-with-side-nav .latepoint-page-side-nav .side-nav-header span {
display: block;
}
.latepoint-page-with-side-nav .latepoint-page-side-nav .side-nav-header i {
color: #219ff8;
font-size: 14px;
}
.latepoint-page-with-side-nav .latepoint-page-side-nav .side-nav-body {
flex: 1;
padding: 10px 15px;
overflow-y: auto;
border: 1px solid #dcdad7;
border-radius: 20px;
}
.latepoint-page-with-side-nav .latepoint-page-side-nav .side-nav-body > div:not(:last-child) {
border-bottom: 1px solid #EEF0F1;
}
.latepoint-page-with-side-nav .latepoint-page-side-nav a {
font-size: 15px;
padding: 10px 0;
display: block;
white-space: nowrap;
text-decoration: none;
color: #788291;
border-radius: 15px;
position: relative;
}
.latepoint-page-with-side-nav .latepoint-page-side-nav a:focus {
outline: none;
box-shadow: none;
}
.latepoint-page-with-side-nav .latepoint-page-side-nav a:hover {
color: #1f222b;
text-decoration: underline;
}
.latepoint-page-with-side-nav .latepoint-page-side-nav a.is-active {
color: #1f222b;
text-decoration: underline;
}
.os-trigger-dots {
padding: 8px 12px;
border: 1px solid #dcdad7;
border-radius: 15px;
font-size: 12px;
line-height: 1;
cursor: pointer;
position: relative;
}
.os-trigger-dots:hover {
border-color: #b8b4ae;
}
.os-trigger-dots:hover .os-trigger-dots-context {
display: block;
}
.os-trigger-dots i {
display: block;
line-height: 18px;
}
.os-trigger-dots .os-trigger-dots-context {
border-radius: 15px;
position: absolute;
right: 50%;
z-index: 9999;
background-color: #f8f8f8;
border: 1px solid #dcdad7;
box-shadow: 0 2px 9px -2px rgba(0, 0, 0, 0.15);
overflow: hidden;
display: none;
top: 50%;
}
.os-trigger-dots .os-trigger-dots-context .os-context-item {
display: flex;
gap: 10px;
padding: 12px 15px;
align-items: center;
font-size: 15px;
}
.os-trigger-dots .os-trigger-dots-context .os-context-item i {
font-size: 16px;
}
.os-trigger-dots .os-trigger-dots-context .os-context-item i, .os-trigger-dots .os-trigger-dots-context .os-context-item span {
display: block;
white-space: nowrap;
}
.os-trigger-dots .os-trigger-dots-context .os-context-item + .os-context-item {
border-top: 1px solid #EEF0F1;
}
.os-trigger-dots .os-trigger-dots-context .os-context-item:hover {
background-color: #fff;
}
.os-trigger-dots .os-trigger-dots-context .os-context-item:hover span {
text-decoration: underline;
}
.os-trigger-dots .os-trigger-dots-context .os-context-item.os-danger {
color: #9c3838;
}
.os-form-buttons .os-trigger-dots .os-trigger-dots-context {
top: auto;
bottom: 50%;
}
.os-table-w {
padding: 0px 10px;
background-color: #fff;
}
.os-table-w .in-table-time-left {
display: inline-block;
margin: 0px 5px;
font-size: 12px;
}
.os-table-w .in-table-time-left .time-left {
padding: 2px 5px;
background-color: #fff;
border: 1px solid #aaa;
color: #111;
display: inline-block;
border-radius: 5px;
font-weight: 400;
}
.os-table-w .in-table-time-left .time-left.left-hours {
background-color: #fff7e8;
border-color: #d1b49b;
color: #000;
}
.os-table-w .in-table-time-left .time-left.left-minutes {
background-color: #ffeeb9;
border-color: #e8b922;
color: #000;
}
.os-table-w .in-table-time-left .time-left.time-past {
color: #555;
border-color: transparent;
background-color: #eee;
}
.os-table-w .in-table-time-left .time-left.is-now {
border-color: #33cb8e;
color: #0b7b57;
}
.os-table-w .in-table-time-left .time-left.is-past {
background-color: #eee;
color: #777;
border-color: #eee;
}
.os-table {
width: 100%;
border-collapse: collapse;
position: relative;
border-radius: 6px;
}
.os-table.os-loading:before {
display: block;
content: "";
width: 16px !important;
height: 16px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
top: -8px;
left: -8px;
}
.os-table.os-table-align-top td {
vertical-align: top;
}
.os-table .os-dot {
width: 2px;
height: 2px;
margin: 0px 2px;
vertical-align: middle;
background-color: #41444b;
border-radius: 2px;
display: inline-block;
}
.os-table thead tr th, .os-table tfoot tr th {
text-align: left;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 10px;
padding: 5px 10px;
overflow: hidden;
font-weight: 600;
border-left: 1px solid #dcdad7;
}
.os-table thead tr th {
border-bottom: 1px solid #dcdad7;
background-color: #fff;
}
.os-table tfoot tr th {
border-top: 1px solid #dcdad7;
background-color: #fff;
}
.os-table tbody tr td {
padding: 5px 10px;
border-top: 1px solid #f0f2f7;
overflow: hidden;
background-color: #fff;
}
.os-table tbody tr td.text-bigger {
font-weight: 400;
font-size: 19.5px;
padding: 4px 10px;
}
.os-table tbody tr td .latepoint-btn + .latepoint-btn {
margin-left: 5px;
}
.os-table tbody tr td .avatar-w img {
width: 30px;
height: 30px;
border-radius: 50%;
display: block;
margin: 0px auto;
}
.os-table tbody tr:first-child td {
padding-top: 15px;
}
.os-table tbody tr:last-child td {
padding-bottom: 15px;
border-bottom: 1px solid #1d7bff;
}
.os-table .in-table-link {
padding: 3px 6px;
background-color: #fff;
border: 1px solid #1d7bff;
box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1);
border-radius: 15px;
display: inline-flex;
color: #1d7bff;
text-decoration: none;
font-size: 12px;
line-height: 1;
align-items: center;
}
.os-table .in-table-link span:first-child {
font-weight: 600;
}
.os-table .in-table-link span + span {
border-left: 1px solid #1d7bff;
padding-left: 5px;
margin-left: 5px;
margin-right: 5px;
}
.os-table-w.os-table-compact {
padding: 0px;
}
.os-table-w.os-table-compact .os-table tbody tr {
position: relative;
border-bottom: 1px solid #ddd;
}
.os-table-w.os-table-compact .os-table tbody tr:hover {
border-bottom-color: #dcdad7;
}
.os-table-w.os-table-compact .os-table tbody tr:hover td {
background-color: #f3f4f7;
border-bottom-color: #dcdad7;
}
.os-table-w.os-table-compact .os-table tbody tr:hover .os-floating-button {
display: flex;
}
.os-table-w.os-table-compact .os-table tbody tr:last-child td {
border-bottom: 1px solid #dcdad7;
}
.os-table-w.os-table-compact .os-table tbody td a.os-with-avatar {
display: inline-flex;
border-bottom: none !important;
}
.os-table-w.os-table-compact .os-table tbody td a.os-with-avatar span.os-name {
border-bottom: 1px solid #b6d4ff;
}
.os-table-w.os-table-compact .os-table tbody td a.os-with-avatar .latepoint-icon-external-link {
margin-left: 4px;
font-size: 14px;
color: transparent;
}
.os-table-w.os-table-compact .os-table tbody td a.os-with-avatar:hover .latepoint-icon-external-link {
color: #1d7bff;
}
.os-table-w.os-table-compact .os-table tbody td a.os-with-avatar:hover span.os-name {
border-bottom-color: #1d7bff;
}
.os-table-w.os-table-compact .os-table tr {
border: none;
}
.os-table-w.os-table-compact .os-table tr th {
padding: 10px;
text-align: center;
white-space: nowrap;
background-color: #fff;
}
.os-table-w.os-table-compact .os-table tr th .os-date-range-picker {
background-color: #fff;
border: 1px solid #a5a7b7;
border-radius: 12px;
padding: 4px 4px 4px 5px;
text-transform: none;
letter-spacing: 0px;
text-transform: none;
font-size: 13px;
cursor: pointer;
text-align: left;
display: flex;
gap: 4px;
align-items: center;
line-height: 1.2;
}
.os-table-w.os-table-compact .os-table tr th .os-date-range-picker i {
margin-left: auto;
font-size: 11px;
}
.os-table-w.os-table-compact .os-table tr th .os-date-range-picker:hover {
border-color: #1d7bff;
}
.os-table-w.os-table-compact .os-table tr th .latepoint-btn {
padding: 4px 5px;
text-transform: none;
letter-spacing: 0px;
}
.os-table-w.os-table-compact .os-table tr th .latepoint-btn .latepoint-icon {
font-size: 13px;
}
.os-table-w.os-table-compact .os-table tr th .latepoint-btn span {
font-size: 13px;
}
.os-table-w.os-table-compact .os-table tr th .os-form-group {
margin-bottom: 0px;
position: relative;
}
.os-table-w.os-table-compact .os-table tr th .os-form-group label {
display: none !important;
}
.os-table-w.os-table-compact .os-table tr th .os-form-group .os-form-control {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 12px;
padding: 1px 5px !important;
font-size: 13px;
height: 26px;
min-height: 26px;
}
.os-table-w.os-table-compact .os-table tr th .os-form-group.no-label .os-form-control {
padding: 1px 5px !important;
}
.os-table-w.os-table-compact .os-table tr th .os-form-group.os-loading:after {
display: block;
content: "";
width: 10px !important;
height: 10px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
top: -3px;
left: -3px;
}
.os-table-w.os-table-compact .os-table tr th .os-form-group input[type=text].os-form-control {
width: auto;
min-width: 100%;
}
.os-table-w.os-table-compact .os-table tr th .os-form-group select.os-form-control {
min-width: 100%;
height: auto;
min-height: auto;
line-height: 1.2;
box-shadow: none;
padding: 4px !important;
padding-right: 18px !important;
width: auto;
}
.os-table-w.os-table-compact .os-table tr.os-clickable-row {
cursor: pointer;
}
.os-table-w.os-table-compact .os-table tr.os-clickable-row.os-loading .os-floating-button {
color: transparent;
}
.os-table-w.os-table-compact .os-table tr.os-clickable-row.os-loading .os-floating-button:before {
display: block;
content: "";
width: 14px !important;
height: 14px !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: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.os-table-w.os-table-compact .os-table tr td {
white-space: nowrap;
font-size: 13px;
border: none;
border: 1px solid #dcdad7;
padding: 10px;
}
.os-table-w.os-table-compact .os-table tr td .os-search-query-match {
background-color: rgba(255, 231, 18, 0.62);
}
.os-table-w.os-table-compact .os-table tr td a:not(.in-table-link) {
color: #1d7bff;
border-bottom: 1px dotted #1d7bff;
text-decoration: none;
}
.os-table-w.os-table-compact .os-table tr td a:not(.in-table-link) .latepoint-icon {
margin-right: 4px;
}
.os-table-w.os-table-compact .os-table tr td a:not(.in-table-link) .latepoint-icon:last-child {
margin-right: 0;
}
.os-table-w.os-table-compact .os-table tr td a:not(.in-table-link):not(.os-with-avatar):hover {
color: #0056d0;
border-bottom: 1px solid #0056d0;
}
.os-table-w.os-table-compact .os-table tr td .os-floating-button {
display: none;
align-items: center;
position: absolute;
top: 4px;
bottom: 4px;
left: 0px;
padding: 3px 10px;
color: #1d7bff;
background-color: #f3f4f7;
z-index: 2;
font-size: 14px;
vertical-align: middle;
cursor: pointer;
}
.os-table-w.os-table-compact .os-table tr td .os-floating-button:hover {
color: #1d7bff;
}
.os-table-w.os-table-compact .os-table tr td .os-with-service-color {
font-weight: 400;
}
.os-table-w.os-table-compact .os-table tr td.os-clickable-popup-trigger {
padding: 0px;
overflow: visible;
position: relative;
}
.os-table-w.os-table-compact .os-table tr td.os-clickable-popup-trigger.os-showing-popup .os-with-avatar {
position: relative;
z-index: 1;
}
.os-table-w.os-table-compact .os-table tr td.os-clickable-popup-trigger.os-showing-popup .os-with-avatar .cell-link-content {
color: #41444b;
background-color: #fff;
}
.os-table-w.os-table-compact .os-table tr td.os-clickable-popup-trigger.os-showing-popup .os-with-avatar:before {
border-radius: 6px;
content: "";
position: absolute;
top: -3px;
left: -3px;
bottom: -3px;
right: -3px;
border: 2px solid #6aa8ff;
z-index: 1;
background-color: #fff;
}
.os-table-w.os-table-compact .os-table tr td.os-clickable-popup-trigger .os-with-avatar {
color: #41444b;
transition: none;
padding: 8px;
position: relative;
border: none;
}
.os-table-w.os-table-compact .os-table tr td.os-clickable-popup-trigger .os-with-avatar:focus {
outline: none;
box-shadow: none;
}
.os-table-w.os-table-compact .os-table tr td.os-clickable-popup-trigger .os-with-avatar .cell-link-content {
z-index: 2;
display: flex;
align-items: center;
padding-right: 10px;
}
.os-table-w.os-table-compact .os-table tr td.os-clickable-popup-trigger .os-with-avatar:hover {
position: relative;
z-index: 1;
}
.os-table-w.os-table-compact .os-table tr td.os-clickable-popup-trigger .os-with-avatar:hover .cell-link-content {
color: #41444b;
background-color: #fff;
}
.os-table-w.os-table-compact .os-table tr td.os-clickable-popup-trigger .os-with-avatar:hover:before {
border-radius: 6px;
content: "";
position: absolute;
top: -3px;
left: -3px;
bottom: -3px;
right: -3px;
box-shadow: 0px 0px 0px 3px rgba(29, 123, 255, 0.15);
border: 2px solid #1d7bff;
z-index: 1;
background-color: #fff;
}
.os-table-w.os-table-compact .os-table tr td.os-clickable-popup-trigger .os-with-avatar:hover:after {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e94a";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0px;
font-size: 16px;
color: #1d7bff;
z-index: 3;
}
.os-table-w.os-table-compact .os-table tr td .os-with-service-color {
display: flex;
border: none;
align-items: center;
}
.os-table-w.os-table-compact .os-table tr td .os-with-avatar {
display: flex;
border: none;
align-items: center;
}
.os-table-w.os-table-compact .os-table tr td .os-with-avatar .cell-link-content {
padding-right: 5px;
}
.os-table-w.os-table-compact .os-table tr td .os-with-avatar span {
display: flex;
align-items: center;
}
.os-table-w.os-table-compact .os-table tr td .os-with-avatar .os-clickable-popup-trigger {
margin-left: auto;
padding: 1px 2px;
background: #ebeef2;
border-radius: 6px;
}
.os-table-w.os-table-compact .os-table tr td .os-with-avatar .os-clickable-popup-trigger:hover {
color: #111;
background-color: #fff;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
.os-table-w.os-table-compact .os-table tr td .os-with-avatar span.os-name {
line-height: 1.2;
font-weight: 400;
}
.os-table-w.os-table-compact .os-table tr td .os-with-avatar span.os-avatar {
width: 20px;
height: 20px;
margin-right: 5px;
background-size: cover;
background-position: center center;
border-radius: 22px;
}
.os-table-w.os-table-compact .os-table tr td:last-child {
border-right: 1px solid #ddd;
}
.os-table-w.os-table-compact .os-table tr td:first-child {
border-left: 1px solid #ddd;
}
.os-table-w.os-table-compact .os-table tr td .latepoint-btn {
padding: 0px;
}
.os-table-w.os-table-compact .os-table tr td .latepoint-btn i {
font-size: 14px;
}
.os-table-w.os-table-compact .os-table tr td .latepoint-btn span {
border-bottom: 1px dotted #1d7bff;
}
.os-table-w.os-table-compact .os-table tr td.os-column-faded {
color: #788291;
font-weight: 400;
}
.os-table-w.os-table-compact .os-table tr td .os-column-status {
padding: 3px 5px;
border-radius: 5px;
line-height: 1;
display: inline-block;
border: 1px solid #d5d9de;
box-shadow: 0px 1px 2px #f9f9f9;
border-bottom-color: #c2c7cd;
position: relative;
font-size: 12px;
font-weight: 400;
}
.os-table-w.os-table-compact .os-table tr td .os-column-status.os-column-status-active {
background-color: #c3ffd1;
border-color: #1ec07f;
color: #04724e;
}
.os-table-w.os-table-compact .os-table tr td .os-column-status.os-column-status-disabled {
background-color: #ffd3d3;
border-color: #dc4646;
color: #7e1010;
box-shadow: 0px 1px 2px #ffdbdb;
}
.os-table-w.os-table-compact .os-table tr td .os-column-status.os-column-status-approved {
background-color: #e5fff3;
border-color: #33cb8e;
color: #0b7b57;
padding-left: 18px;
}
.os-table-w.os-table-compact .os-table tr td .os-column-status.os-column-status-approved:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e910";
position: absolute;
left: 4px;
top: 50%;
transform: translateY(-50%);
font-size: 10px;
}
.os-table-w.os-table-compact .os-table tr td .os-column-status.os-column-status-completed, .os-table-w.os-table-compact .os-table tr td .os-column-status.os-column-status-fully_paid {
background-color: #c3ffd1;
border-color: #1ec07f;
color: #04724e;
padding-left: 18px;
}
.os-table-w.os-table-compact .os-table tr td .os-column-status.os-column-status-completed:before, .os-table-w.os-table-compact .os-table tr td .os-column-status.os-column-status-fully_paid:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e910";
position: absolute;
left: 4px;
top: 50%;
transform: translateY(-50%);
font-size: 10px;
}
.os-table-w.os-table-compact .os-table tr td .os-column-status.os-column-status-cancelled {
background-color: #ffd3d3;
border-color: #dc4646;
color: #7e1010;
box-shadow: 0px 1px 2px #ffdbdb;
padding-left: 18px;
}
.os-table-w.os-table-compact .os-table tr td .os-column-status.os-column-status-cancelled:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e94b";
position: absolute;
left: 4px;
top: 50%;
transform: translateY(-50%);
font-size: 10px;
}
.os-table-w.os-table-compact .os-table tr td .os-column-status.os-column-status-error {
background-color: #eee;
border-color: #1f1f1f;
color: #212121;
box-shadow: 0px 1px 2px #eee;
padding-left: 18px;
}
.os-table-w.os-table-compact .os-table tr td .os-column-status.os-column-status-error:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e948";
position: absolute;
left: 4px;
top: 50%;
transform: translateY(-50%);
font-size: 10px;
}
.os-table-w.os-table-compact .os-table tr td .os-column-status.os-column-status-pending, .os-table-w.os-table-compact .os-table tr td .os-column-status.os-column-status-processing, .os-table-w.os-table-compact .os-table tr td .os-column-status.os-column-status-scheduled {
background-color: #fff0c0;
border-color: #cea92d;
color: #8c5208;
box-shadow: 0px 1px 2px #fff5e9;
padding-left: 18px;
}
.os-table-w.os-table-compact .os-table tr td .os-column-status.os-column-status-pending:before, .os-table-w.os-table-compact .os-table tr td .os-column-status.os-column-status-processing:before, .os-table-w.os-table-compact .os-table tr td .os-column-status.os-column-status-scheduled:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e935";
position: absolute;
left: 4px;
top: 50%;
transform: translateY(-50%);
font-size: 10px;
}
.os-table-w.os-table-compact .os-table tr td .os-column-status.os-column-status-scheduled:before {
content: "\e909";
}
.os-table-w.os-table-compact .os-table tr td .os-column-status.os-column-status-payment_pending, .os-table-w.os-table-compact .os-table tr td .os-column-status.os-column-status-partially_paid {
background-color: #eaecff;
border-color: #454df1;
color: #4441ad;
box-shadow: 0px 1px 2px #e9f7ff;
padding-left: 20px;
}
.os-table-w.os-table-compact .os-table tr td .os-column-status.os-column-status-payment_pending:before, .os-table-w.os-table-compact .os-table tr td .os-column-status.os-column-status-partially_paid:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e916";
position: absolute;
left: 4px;
top: 50%;
transform: translateY(-50%);
font-size: 11px;
}
.os-table-w.os-table-compact .os-table tr td .os-column-service-color {
display: inline-block;
padding: 4px;
margin-right: 5px;
border-radius: 12px;
}
.table-with-pagination-w .os-pagination-w {
position: relative;
}
.table-with-pagination-w .os-pagination-w:first-child:before {
content: "";
z-index: 1;
width: 40%;
position: absolute;
top: 0;
bottom: 0;
right: 0;
background-image: radial-gradient(#e0e0e0 1px, transparent 0);
background-size: 23px 23px;
}
.table-with-pagination-w .table-actions {
z-index: 2;
position: relative;
}
.table-with-pagination-w.has-scrollable-table {
margin-right: -30px;
background-color: #fff;
border-radius: 20px;
border: 1px solid rgba(211, 213, 218, 0.6705882353);
background-image: linear-gradient(129deg, rgba(179, 184, 204, 0.0509803922), rgba(255, 255, 255, 0.3607843137));
box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.01), 1px 1px 5px -1px rgba(134, 124, 171, 0.12), inset 2px 2px 0 0 #fff;
border-radius: 15px 0 0 15px;
}
.table-with-pagination-w.has-scrollable-table:not(.no-overflow) {
border-right: none;
}
.table-with-pagination-w.has-scrollable-table.no-overflow {
margin-right: 0;
border-radius: 15px;
}
.os-pagination-w {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 20px;
padding: 30px;
}
.os-pagination-w .mobile-table-actions-trigger {
display: none;
}
.os-pagination-w .table-actions {
margin-left: auto;
align-self: flex-end;
}
.os-pagination-w .table-actions .latepoint-btn {
margin-left: 10px;
}
.os-pagination-w:first-child {
margin-top: 0px;
}
.os-pagination-w .table-heading {
margin-bottom: 5px;
font-size: 28px;
}
.os-pagination-w .pagination-page-select-w {
position: relative;
}
.os-pagination-w .pagination-page-select-w.os-loading:after {
display: block;
content: "";
width: 10px !important;
height: 10px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
top: 50%;
left: -20px;
transform: translateY(-50%);
}
.os-pagination-w .pagination-info {
color: #b0b0b0;
font-weight: 400;
font-size: 15px;
min-width: 300px;
}
.os-pagination-w ul {
padding: 10px 0px;
margin: 0px;
margin-left: auto;
list-style: none;
text-align: right;
}
.os-pagination-w ul li {
display: inline-block;
margin-left: 10px;
margin-bottom: 15px;
}
.os-pagination-w ul li span {
padding: 3px 5px;
background-color: #e9eef9;
color: #AFB8D6;
border-radius: 8px;
}
.os-pagination-w ul li a {
box-shadow: 0 1px 3px 0 rgba(95, 129, 196, 0.35), 0 10px 22px 0 rgba(119, 145, 207, 0.11);
padding: 3px 5px;
color: #41444b;
text-decoration: none;
border-radius: 8px;
}
.os-pagination-w ul li a:hover {
box-shadow: 0 0px 0px 2px #1d7bff;
color: #1d7bff;
}
.os-table-w.color-scheme-dark {
background-color: #161c2f;
color: #bdc1d6;
box-shadow: none;
padding: 15px;
border-radius: 8px;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
}
.os-table-w.color-scheme-dark a {
color: #9697ff;
}
.os-table-w.color-scheme-dark .os-table tbody tr:nth-child(even) td {
background-color: #101421;
}
.os-table-w.color-scheme-dark .os-table tbody tr:hover td {
background-color: #041258;
}
.os-table-w.color-scheme-dark .os-table tbody tr td {
background-color: #161c2f;
border-top-color: #2d3754;
}
.os-table-w.color-scheme-dark .os-table tbody tr:last-child td {
border-top-color: #4f4b8e;
}
.os-table-w.color-scheme-dark .os-table thead tr th {
border-bottom-color: #4f4b8e;
}
.latepoint-customer-google {
font-size: 16px;
display: inline-block;
color: #ea4e34;
}
i + .latepoint-customer-google {
margin-left: 3px;
}
.latepoint-customer-facebook {
color: #4279f9;
font-size: 16px;
display: inline-block;
}
i + .latepoint-customer-facebook {
margin-left: 3px;
}
.os-sortable-column {
position: relative;
cursor: pointer;
}
.os-sortable-column:hover {
background-color: #fff;
color: #000;
}
.os-sortable-column:before {
content: "";
width: 1px;
height: 1px;
border: 3px solid transparent;
border-bottom-width: 5px;
border-bottom-color: #ccc;
position: absolute;
top: 4px;
right: 4px;
}
.os-sortable-column:after {
content: "";
width: 1px;
height: 1px;
border: 3px solid transparent;
border-top-width: 5px;
border-top-color: #ccc;
position: absolute;
bottom: 4px;
right: 4px;
}
.os-sortable-column.ordered-asc:before {
border-bottom-color: #111;
}
.os-sortable-column.ordered-desc:after {
border-top-color: #111;
}
.os-scrollable-table-w {
position: relative;
overflow: auto;
background-color: #fff;
border-top: 1px solid #dcdad7;
border-bottom: 1px solid #dcdad7;
border-radius: 0px;
}
.os-scrollable-table-w .os-table-w.os-table-compact .os-table tr td:last-child,
.os-scrollable-table-w .os-table-w.os-table-compact .os-table tr th:last-child {
border-right: none;
}
.os-scrollable-table-w .os-table-w.os-table-compact .os-table tr td:nth-child(2),
.os-scrollable-table-w .os-table-w.os-table-compact .os-table tr th:nth-child(2) {
border-left: none;
}
.os-scrollable-table-w .os-table-w.os-table-compact .os-table tr td:first-child,
.os-scrollable-table-w .os-table-w.os-table-compact .os-table tr th:first-child {
border-left: none;
border-right: none;
box-shadow: inset -1px 0px 0px 0px #dcdad7;
}
.os-scrollable-table-w .os-table-w.os-table-compact .os-table tr td:first-child {
box-shadow: inset -1px 0px 0px 0px #dcdad7;
}
.os-table.os-scrollable-table {
white-space: nowrap;
}
.latepoints-list .appointment-box-small {
margin-bottom: 15px;
}
.latepoints-list .appointment-box-small .appointment-info {
padding: 20px 30px;
}
.latepoints-list .appointment-box-small.status-pending {
background-image: none;
background-color: #fff8de;
box-shadow: inset 0px 0px 0px 3px #ffeca7;
padding-right: 3px;
}
.latepoints-list .appointment-box-small.status-pending .customer-info-w,
.latepoints-list .appointment-box-small.status-pending .agent-info-w {
border-left-color: #f3dd7c;
}
.latepoints-list .appointment-box-small.status-pending:hover {
box-shadow: inset 0px 0px 0px 3px #fddd6a;
}
.latepoints-list .appointment-box-small.status-pending .appointment-info .appointment-color-elem {
top: 0px;
left: 0px;
bottom: 0px;
}
.latepoints-list .appointment-box-small.status-cancelled {
background-image: none;
background-color: #fff;
box-shadow: inset 0px 0px 0px 3px #e00909;
padding-right: 3px;
}
.latepoints-list .appointment-box-small.status-cancelled .customer-info-w,
.latepoints-list .appointment-box-small.status-cancelled .agent-info-w {
background-image: none;
border-left-color: rgba(0, 0, 0, 0.1);
}
.latepoints-list .appointment-box-small.status-cancelled:hover {
box-shadow: inset 0px 0px 0px 3px #ff4140;
}
.latepoints-list .appointment-box-small.status-cancelled .appointment-info .appointment-color-elem {
top: 0px;
left: 0px;
bottom: 0px;
}
.latepoints-list .appointment-box-small .appointment-status-selector {
margin-top: 5px;
}
.latepoints-list .appointment-box-small .appointment-status-selector .os-form-group {
margin-bottom: 0px;
}
.add-booking-to-group-box-wrapper .os-add-box {
margin: 0;
padding: 15px 10px;
border: none;
animation: none;
}
.add-booking-to-group-box-wrapper .os-add-box .add-box-graphic-w {
width: 30px;
height: 30px;
}
.add-booking-to-group-box-wrapper .os-add-box .add-box-graphic-w .add-box-plus {
box-shadow: 0px 0px 0px 7px rgba(189, 214, 252, 0.3);
}
.add-booking-to-group-box-wrapper .os-add-box .add-box-label {
padding-left: 20px;
font-weight: 400;
font-size: 16px;
margin-left: 0;
}
.add-booking-to-group-box-wrapper .os-add-box:hover {
border: none;
background-color: rgba(189, 214, 252, 0.1);
}
.add-booking-to-group-box-wrapper .os-add-box:hover .add-box-label {
transform: none;
}
.add-booking-to-group-box-wrapper .os-add-box:hover .add-box-plus {
box-shadow: 0px 0px 0px 10px rgba(189, 214, 252, 0.3);
transform: translate(-50%, -50%);
}
.group-bookings-list {
flex: 1;
overflow-y: auto;
}
.grouped-bookings-main-info {
display: flex;
align-items: center;
margin-bottom: 30px;
}
.grouped-bookings-main-info .avatar {
width: 55px;
height: 55px;
background-size: cover;
border-radius: 50%;
background-position: center center;
}
.grouped-bookings-main-info .gb-info {
padding-left: 20px;
}
.grouped-bookings-main-info .gb-info .gbi-sub {
font-size: 13px;
color: #788291;
}
.grouped-bookings-main-info .gb-info .gbi-main {
font-size: 21px;
font-weight: 400;
margin-bottom: 2px;
}
.grouped-bookings-main-info .gb-info .gbi-high {
color: #1d7bff;
font-weight: 400;
font-size: 13px;
}
.grouped-bookings-main-info .gb-capacity {
margin-left: auto;
}
.grouped-bookings-main-info .gb-capacity .gbc-label {
color: #788291;
}
.grouped-bookings-main-info .gb-capacity .booked-percentage {
background-color: #E6E6E6;
margin: 0px auto;
margin-top: 4px;
border-radius: 2px;
}
.grouped-bookings-main-info .gb-capacity .booked-percentage .booked-bar {
border-radius: 2px;
background-color: #1d7bff;
height: 8px;
}
.group-bookings-list .gb-heading {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 12px;
position: relative;
margin-bottom: 10px;
}
.group-bookings-list .gb-heading:before {
content: "";
height: 1px;
background-color: rgba(0, 0, 0, 0.1);
top: 50%;
transform: translateY(-50%);
display: block;
position: absolute;
z-index: 1;
left: 0px;
right: 0px;
}
.group-bookings-list .gb-heading span {
z-index: 2;
position: relative;
display: inline-block;
padding-right: 5px;
background-color: #fff;
color: #1d7bff;
font-weight: 400;
}
.group-bookings-list .gb-booking {
display: flex;
align-items: center;
padding: 10px;
border-bottom: 1px solid #EEF0F1;
text-decoration: none;
cursor: pointer;
}
.group-bookings-list .gb-booking:hover {
background-color: #f8f8f8;
}
.group-bookings-list .gb-booking.os-loading .gbb-avatar:after {
display: block;
content: "";
width: 56px !important;
height: 56px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.group-bookings-list .gbb-avatar {
width: 30px;
height: 30px;
border-radius: 50%;
background-size: cover;
background-position: center center;
position: relative;
transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1);
}
.group-bookings-list .gbb-customer {
padding-left: 20px;
transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1);
}
.group-bookings-list .gbb-customer .gbb-name {
font-weight: 400;
font-size: 16px;
}
.group-bookings-list .gbb-customer .gbb-email {
color: #788291;
font-size: 13px;
}
.group-bookings-list .gbb-attendees {
margin-left: auto;
text-align: center;
}
.group-bookings-list .gbb-attendees .gb-value {
font-size: 22px;
font-weight: 400;
color: #1d7bff;
}
.group-bookings-list .gbb-attendees .gb-label {
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 9px;
color: #788291;
}
.group-bookings-list .os-add-box {
margin-top: 15px;
padding: 15px;
border: 3px dotted #cfd2db;
font-size: 18px;
color: #1d7bff;
font-weight: 400;
border-radius: 8px;
animation: none;
}
.price-breakdown-wrapper {
margin-bottom: 30px;
}
.price-breakdown-wrapper input[name="order[subtotal]"] {
color: #788291;
}
.price-breakdown-wrapper input[name="order[total]"],
.price-breakdown-wrapper input[name="order[subtotal]"] {
font-weight: 600;
}
.revert-to-original-price {
color: #1d7bff !important;
margin-top: 2px;
}
.booking-activity-log-panel-w .booking-activity-log-panel-i .booking-activity-row {
display: flex;
margin-bottom: 15px;
align-items: baseline;
}
.booking-activity-log-panel-w .booking-activity-log-panel-i .booking-activity-row .booking-activity-date {
font-size: 12px;
}
.booking-activity-log-panel-w .booking-activity-log-panel-i .booking-activity-row .booking-activity-name {
color: #1f222b;
font-weight: 400;
}
.booking-activity-log-panel-w .booking-activity-log-panel-i .booking-activity-row .spacer {
border-bottom: 2px dotted #cbcbcb;
height: 1px;
flex: 1;
}
.booking-activity-log-panel-w .booking-activity-log-panel-i .booking-activity-row a {
margin-left: 5px;
text-decoration: none;
}
.addons-boxes-w {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 30px;
}
.addons-boxes-w .addon-box {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 20px;
position: relative;
background-color: #fff;
border-radius: 20px;
border: 1px solid rgba(211, 213, 218, 0.6705882353);
background-image: linear-gradient(129deg, rgba(179, 184, 204, 0.0509803922), rgba(255, 255, 255, 0.3607843137));
box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.01), 1px 1px 5px -1px rgba(134, 124, 171, 0.12), inset 2px 2px 0 0 #fff;
}
.addons-boxes-w .addon-box.status-update-available {
box-shadow: inset 0px 0px 0px 2px #fce687;
background: #fff8cb;
border-color: #fce687;
order: -1;
}
.addons-boxes-w .addon-box.status-update-available .addon-name {
color: #212121;
}
.addons-boxes-w .addon-box.status-update-available .addon-desc {
color: #8e7e4b;
}
.addons-boxes-w .addon-box.status-update-available .addon-media {
border-color: #fff;
}
.addons-boxes-w .addon-label {
position: absolute;
top: -3px;
right: -3px;
background-color: #4a92ff;
color: #fff;
border-radius: 0px 10px 0px 10px;
line-height: 1.1;
padding: 4px 14px 7px 12px;
font-size: 18px;
font-weight: 400;
}
.addons-boxes-w .addon-label i, .addons-boxes-w .addon-label span {
display: inline-block;
vertical-align: middle;
}
.addons-boxes-w .addon-label i {
margin-right: 7px;
font-size: 16px;
}
.addons-boxes-w .addon-media {
padding-bottom: 65%;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
margin: 5px;
border-radius: 20px;
background-color: #fff;
}
.addons-boxes-w .addon-name {
flex: 1;
margin: 0px;
padding: 30px 20px 0px;
font-size: 17px;
border-top: 1px solid #EEF0F1;
}
.addons-boxes-w .addon-name a {
display: inline-block;
text-decoration: none;
color: #1f222b;
}
.addons-boxes-w .addon-name a:hover {
color: #1d7bff;
}
.addons-boxes-w .addon-name a:hover span {
border-bottom-color: #1d7bff;
border-bottom-style: solid;
}
.addons-boxes-w .addon-name span {
display: inline-block;
border-bottom: 1px dotted #1f222b;
margin-right: 4px;
}
.addons-boxes-w .addon-name i {
font-size: 14px;
}
.addons-boxes-w .addon-body {
padding: 10px 20px 20px;
font-size: 14px;
line-height: 1.35;
color: #788291;
padding-bottom: 85px;
}
.addons-boxes-w .addon-meta {
margin-top: 10px;
font-size: 10px;
color: #41444b;
}
.addons-boxes-w .addon-meta div {
display: inline-block;
border: 1px dotted #6c7088;
margin-right: 5px;
padding: 1px 5px;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1.3;
border-radius: 4px;
}
.addons-boxes-w .addon-footer {
border-top: 1px solid rgba(0, 0, 0, 0.05);
padding: 15px;
text-align: right;
display: flex;
align-items: center;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
background-color: #f8f8f8;
border-radius: 0 0 20px 20px;
}
.addons-boxes-w .addon-footer .addon-price {
font-weight: 400;
margin-right: auto;
font-size: 22px;
line-height: 1;
color: #1f222b;
padding-left: 5px;
}
.addons-boxes-w .addon-footer a:first-child {
margin-left: auto;
}
.addons-boxes-w .addon-footer .os-addon-activated-label {
display: block;
text-align: center;
background-color: #caffd6;
border: 1px solid #57d675;
color: #235b33;
text-decoration: none;
padding: 0px 6px;
border-radius: 12px;
font-weight: 400;
}
.addons-boxes-w .addon-footer .os-addon-activated-label .latepoint-icon {
font-size: 12px;
}
.addons-boxes-w .addon-footer .os-addon-activated-label span {
padding: 3px 0px;
display: inline-block;
vertical-align: middle;
}
.addons-boxes-w .addon-footer .os-addon-activated-label span + span {
margin-left: 6px;
}
.addons-boxes-w .addon-footer .os-subtle-addon-action-btn {
display: block;
color: #395175;
text-decoration: none;
border: none;
font-size: 12px;
margin-right: 10px;
opacity: 0.8;
margin-right: 10px;
padding-right: 10px;
border-right: 1px solid rgba(0, 0, 0, 0.1);
position: relative;
}
.addons-boxes-w .addon-footer .os-subtle-addon-action-btn:focus {
outline: none;
box-shadow: none;
}
.addons-boxes-w .addon-footer .os-subtle-addon-action-btn.os-loading:before {
display: block;
content: "";
width: 12px !important;
height: 12px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
left: -10px;
}
.addons-boxes-w .addon-footer .os-update-plugin-link {
display: block;
text-align: center;
background-color: #fff;
border: 1px solid #1d7bff;
color: #1d7bff;
text-decoration: none;
padding: 0px 8px;
border-radius: 12px;
}
.addons-boxes-w .addon-footer .os-update-plugin-link span {
padding: 3px 0px;
display: inline-block;
vertical-align: middle;
}
.addons-boxes-w .addon-footer .os-update-plugin-link span + span {
border-left: 1px solid #1d7bff;
padding-left: 8px;
margin-left: 8px;
}
.addons-boxes-w .addon-footer .os-install-addon-btn, .addons-boxes-w .addon-footer .os-purchase-addon-btn {
display: block;
text-align: center;
background-color: #fff;
border: 1px solid #1d7bff;
color: #1d7bff;
text-decoration: none;
padding: 0px 8px;
border-radius: 12px;
}
.addons-boxes-w .addon-footer .os-install-addon-btn span, .addons-boxes-w .addon-footer .os-purchase-addon-btn span {
padding: 3px 0px;
display: inline-block;
vertical-align: middle;
}
.addons-boxes-w .addon-footer .os-install-addon-btn span + span, .addons-boxes-w .addon-footer .os-purchase-addon-btn span + span {
border-left: 1px solid #1d7bff;
padding-left: 8px;
margin-left: 8px;
}
.addons-boxes-w .addon-footer .os-install-addon-btn.os-loading span:first-child, .addons-boxes-w .addon-footer .os-purchase-addon-btn.os-loading span:first-child {
color: transparent;
position: relative;
}
.addons-boxes-w .addon-footer .os-install-addon-btn.os-loading span:first-child:before, .addons-boxes-w .addon-footer .os-purchase-addon-btn.os-loading span:first-child:before {
display: block;
content: "";
width: 12px !important;
height: 12px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.addons-categories-wrapper {
display: flex;
align-items: center;
gap: 20px;
border-bottom: 1px solid #EEF0F1;
margin-bottom: 30px;
}
.addons-categories-wrapper .addon-category-filter-trigger {
white-space: nowrap;
padding: 0 0 10px 0;
font-size: 17px;
font-weight: 400;
color: #788291;
cursor: pointer;
position: relative;
}
.addons-categories-wrapper .addon-category-filter-trigger:hover:not(.is-selected) {
color: #1f222b;
}
.addons-categories-wrapper .addon-category-filter-trigger.is-selected {
color: #1f222b;
}
.addons-categories-wrapper .addon-category-filter-trigger.is-selected:before {
content: "";
position: absolute;
bottom: -2px;
left: 0;
right: 0;
border-radius: 4px;
height: 3px;
background-image: linear-gradient(45deg, #702fdb, #ffc390);
}
.addon-messages-wrapper {
margin-bottom: 30px;
}
.addon-messages-wrapper .addon-message {
padding: 15px 20px;
background-color: #eee;
border: 2px solid #ddd;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 6px;
}
.addon-messages-wrapper .addon-message .message-title {
font-weight: 400;
font-size: 18px;
color: #1f222b;
margin-bottom: 5px;
}
.addon-messages-wrapper .addon-message .message-content {
color: #1f222b;
font-size: 16px;
font-weight: 400;
}
.addon-messages-wrapper .addon-message + .addon-message {
margin-top: 10px;
}
.addon-messages-wrapper .addon-message.addon-message-type-info {
background-color: #f1fff1;
border: 1px solid #bbe2b9;
position: relative;
padding-left: 50px;
}
.addon-messages-wrapper .addon-message.addon-message-type-info:before {
animation: 1s ease 0s pulseSuccessPill infinite;
color: #fff;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 20px;
width: 10px;
height: 10px;
text-align: center;
border-radius: 50%;
z-index: 3;
content: "";
background-color: #63a0e5;
box-shadow: 0px 1px 0px 0px rgba(123, 169, 255, 0.5), 0px 0px 0px 6px rgba(138, 179, 255, 0.25), 0px 0px 0px 10px rgba(138, 185, 255, 0.15), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.4);
border: 1px solid #3178d4;
border-bottom-color: #2f71c8;
}
.addon-messages-wrapper .addon-message-buttons-wrapper {
display: flex;
gap: 15px;
align-items: center;
}
.addon-messages-wrapper .addon-message-buttons-wrapper .message-link {
display: inline-flex;
font-weight: 400;
align-items: center;
text-decoration: none;
gap: 5px;
padding: 5px 10px;
background-color: #1d7bff;
color: #fff;
border-radius: 6px;
}
.addon-messages-wrapper .addon-message-buttons-wrapper .message-dismiss-button {
font-weight: 400;
display: inline-flex;
align-items: center;
gap: 5px;
text-decoration: none;
padding: 5px 10px;
border-radius: 6px;
background-color: #cff8cf;
color: #000;
position: relative;
}
.addon-messages-wrapper .addon-message-buttons-wrapper .message-dismiss-button.os-loading {
color: transparent;
}
.addon-messages-wrapper .addon-message-buttons-wrapper .message-dismiss-button.os-loading:before {
display: block;
content: "";
width: 12px !important;
height: 12px !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: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.daily-agent-side {
padding-left: 40px;
}
.daily-agent-availability-w {
padding: 10px 0px 20px 0px;
}
.daily-agent-availability-w h3 {
text-align: center;
margin-top: 0px;
margin-bottom: 15px;
}
.daily-agent-availability-w h3 span {
color: #1d7bff;
border-bottom: 1px dotted #1d7bff;
}
.cc-availability-toggler {
margin-right: 10px;
}
.cc-availability-toggler .os-form-group.os-form-toggler-group {
margin-bottom: 0px;
}
.cc-availability-toggler .os-form-group.os-form-toggler-group label {
padding: 7px 10px 7px 0px;
}
.cc-availability-toggler .os-form-group.os-form-toggler-group .os-toggler-label-w {
padding: 0px;
}
.calendar-view-wrapper {
position: relative;
}
.calendar-view-wrapper.os-loading {
opacity: 0.7;
}
.calendar-view-wrapper.os-loading:before {
top: 20px;
}
.calendar-view-wrapper.os-loading .ch-filter, .calendar-view-wrapper.os-loading .ch-info, .calendar-view-wrapper.os-loading .ma-head-info {
position: relative;
}
.calendar-view-wrapper.os-loading .ch-filter span, .calendar-view-wrapper.os-loading .ch-info span, .calendar-view-wrapper.os-loading .ma-head-info span {
visibility: hidden;
}
.calendar-view-wrapper.os-loading .ch-filter:before, .calendar-view-wrapper.os-loading .ch-info:before, .calendar-view-wrapper.os-loading .ma-head-info:before {
display: block;
content: "";
width: 25px !important;
height: 25px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.os-calendar-settings-extra {
display: none;
align-items: center;
gap: 10px;
padding: 15px 0;
border-top: 1px solid #EEF0F1;
margin-left: auto;
}
.os-calendar-settings-extra .resource-filters-wrapper {
margin-left: auto;
display: flex;
align-items: center;
gap: 10px;
}
.os-calendar-settings-extra .os-form-group.os-form-group-transparent {
margin: 0;
display: flex;
gap: 8px;
align-items: center;
}
.os-calendar-settings-extra .os-form-group.os-form-group-transparent label {
margin: 0;
font-size: 15px;
}
.os-calendar-settings-extra .os-form-group.os-form-group-transparent select {
border-radius: 15px;
padding: 5px 15px 5px 10px !important;
height: auto;
min-height: initial;
}
.os-calendar-settings-extra .cc-availability-toggler-w {
display: flex;
align-items: center;
margin-right: auto;
}
.os-calendar-settings-extra .cc-availability-toggler-w .cc-availability-toggler {
border: 1px solid #ddd;
padding: 0 5px 0 8px;
border-radius: 15px;
}
.os-calendar-settings-extra .cc-availability-toggler-w .cc-availability-toggler:hover {
border-color: #9ca0a7;
}
.os-calendar-settings-extra .cc-availability-toggler-w .cc-availability-toggler .os-form-group.os-form-toggler-group:hover {
box-shadow: none;
background-color: transparent;
}
.os-calendar-settings-extra .cc-availability-toggler-w .cc-service-availability-selector {
display: none;
}
.os-calendar-settings-extra .cc-availability-toggler-w.show-availability-selector {
display: block;
}
.os-calendar-settings-form.show-extra-settings .os-calendar-settings-extra {
display: flex;
}
.os-calendar-settings-main {
padding-bottom: 15px;
}
.os-calendar-settings-main .os-current-month-label-w {
padding-top: 20px;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.os-calendar-settings-main .os-current-month-label-w .os-month-filters-buttons-w {
display: flex;
align-items: center;
}
.os-calendar-settings-main .os-current-month-label-w select {
min-height: 34px;
font-size: 15px;
}
.os-calendar-settings-main .os-current-month-label-w .os-current-month-label {
font-size: 32px;
margin: 0px;
margin-right: auto;
padding: 0px;
line-height: 1;
position: relative;
color: #1f222b;
}
.os-calendar-settings-main .os-current-month-label-w .os-current-month-label .current-day {
z-index: 2;
}
.os-calendar-settings-main .os-current-month-label-w .os-current-month-label .current-month {
z-index: 2;
position: relative;
font-weight: 400;
}
.os-calendar-settings-main .os-current-month-label-w .os-current-month-label .current-year {
font-weight: 600;
color: #eee;
position: absolute;
font-size: 80px;
line-height: 79px;
bottom: -7px;
display: block;
margin: 0px;
left: 0px;
z-index: 1;
}
.os-calendar-settings-main .os-current-month-label-w .latepoint-btn {
line-height: 1;
}
.os-calendar-settings-main .os-current-month-label-w .os-month-service-selector {
margin-left: auto;
margin-right: 20px;
display: flex;
align-items: center;
padding-right: 20px;
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.os-calendar-settings-main .os-current-month-label-w .os-month-service-selector label {
margin-right: 5px;
display: block;
margin-left: auto;
color: #788291;
}
.os-calendar-settings-main .os-current-month-label-w .os-month-service-selector input {
display: block;
}
.os-calendar-settings-main .os-current-month-label-w .os-calendar-settings-toggler-wrapper .calendar-settings-toggler {
text-decoration: none;
padding: 7px 8px;
font-size: 16px;
line-height: 16px;
color: #1f222b;
cursor: pointer;
border-radius: 15px;
border: 1px solid #dcdad7;
background-color: transparent;
display: block;
}
.os-calendar-settings-main .os-current-month-label-w .os-calendar-settings-toggler-wrapper .calendar-settings-toggler:hover {
border-color: rgba(0, 0, 0, 0.2);
}
.os-calendar-settings-main .os-current-month-label-w .os-calendar-settings-toggler-wrapper .calendar-settings-toggler:focus {
box-shadow: none;
}
.os-calendar-settings-main .os-current-month-label-w .os-month-control-buttons-w {
position: relative;
display: flex;
justify-content: space-between;
gap: 10px;
align-items: center;
}
.os-calendar-settings-main .os-current-month-label-w .os-month-control-buttons-w .cc-action-prev, .os-calendar-settings-main .os-current-month-label-w .os-month-control-buttons-w .cc-action-next {
position: relative;
bottom: auto;
top: auto;
left: auto;
right: auto;
transform: none;
padding: 3px 4px;
line-height: 1;
font-size: 20px;
color: #1d7bff;
}
.os-calendar-settings-main .os-current-month-label-w .os-month-control-buttons-w .os-month-today-btn {
margin: 0px 15px;
}
.daily-availability-calendar-wrapper {
display: flex;
align-items: stretch;
margin-bottom: 20px;
border: 1px solid #ddd;
border-radius: 20px;
margin-top: 10px;
}
.daily-availability-calendar-wrapper .daily-calendar-action-navigation-btn {
padding: 10px 15px 10px 15px;
text-decoration: none;
color: #1f222b;
font-size: 16px;
display: flex;
align-items: center;
}
.daily-availability-calendar-wrapper .daily-calendar-action-navigation-btn:hover {
background-color: #fff;
}
.daily-availability-calendar-wrapper .daily-calendar-action-navigation-btn:focus {
outline: none;
box-shadow: none;
}
.daily-availability-calendar-wrapper .daily-calendar-action-navigation-btn:first-child {
border-radius: 20px 0 0 20px;
}
.daily-availability-calendar-wrapper .daily-calendar-action-navigation-btn:last-child {
border-radius: 0 20px 20px 0;
}
.daily-availability-calendar {
flex: 1;
}
.daily-availability-calendar .calendar-and-buttons-w {
display: flex;
}
.daily-availability-calendar .calendar-and-buttons-w button {
display: block;
border: none;
padding: 0 7px;
color: #1f222b;
cursor: pointer;
background-color: #fff;
padding-top: 28px;
font-size: 16px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.daily-availability-calendar .calendar-and-buttons-w .os-monthly-calendar-days-w {
flex: 1;
}
.daily-availability-calendar .os-weekdays {
display: flex;
align-items: center;
justify-content: space-between;
}
.daily-availability-calendar .os-weekdays .weekday {
text-transform: uppercase;
font-size: 10.5px;
color: #83b7ff;
font-weight: 400;
letter-spacing: 2px;
width: 14.2%;
text-align: center;
padding: 5px 0px;
}
.daily-availability-calendar .os-weekdays .weekday.weekday-6, .daily-availability-calendar .os-weekdays .weekday.weekday-7 {
color: #ccb63b;
background-color: #fffef2;
}
.daily-availability-calendar .os-current-month-label-w {
position: relative;
}
.daily-availability-calendar .os-current-month-label-w .cc-location-selector,
.daily-availability-calendar .os-current-month-label-w .cc-service-selector {
padding-right: 20px;
margin-right: 20px;
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.daily-availability-calendar .os-current-month-label-w .os-current-month-label {
text-align: center;
font-weight: 400;
font-size: 16.5px;
color: #1f222b;
margin-bottom: 15px;
}
.daily-availability-calendar .os-current-month-label-w .os-current-month-label .current-day {
display: inline-block;
vertical-align: middle;
}
.daily-availability-calendar .os-current-month-label-w .os-current-month-label .current-year {
display: inline-block;
vertical-align: middle;
color: rgba(31, 34, 43, 0.4);
margin-left: 3px;
}
.daily-availability-calendar .os-monthly-calendar-days-w {
display: none;
}
.daily-availability-calendar .os-monthly-calendar-days-w.active {
display: block;
}
.daily-availability-calendar .os-monthly-calendar-days {
display: grid;
grid-template-columns: repeat(16, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 1px;
background-color: #e6e5e5;
}
.daily-availability-calendar .os-monthly-calendar-days .os-day {
flex: 1;
padding: 2.3%;
text-align: left;
font-size: 13px;
font-weight: 400;
cursor: pointer;
}
.daily-availability-calendar .os-monthly-calendar-days .os-day.week-day-6, .daily-availability-calendar .os-monthly-calendar-days .os-day.week-day-7 {
background-color: #fffef2;
}
.daily-availability-calendar .os-monthly-calendar-days .os-day.os-day-next-month, .daily-availability-calendar .os-monthly-calendar-days .os-day.os-day-prev-month {
color: #B7BCCB;
background-color: #fff;
}
.daily-availability-calendar .os-monthly-calendar-days .os-day.os-day-passed .os-day-box {
background-color: #f5f6fb;
}
.daily-availability-calendar .os-monthly-calendar-days .os-day.os-day-passed .os-day-box .os-day-number {
color: #B7BCCB;
}
.daily-availability-calendar .os-monthly-calendar-days .os-day.os-today .os-day-box {
background-color: #fff6cb;
}
.daily-availability-calendar .os-monthly-calendar-days .os-day.os-month-next .os-day-box, .daily-availability-calendar .os-monthly-calendar-days .os-day.os-month-prev .os-day-box {
opacity: 0.4;
}
.daily-availability-calendar .os-monthly-calendar-days .os-day.os-month-next .os-day-box:hover, .daily-availability-calendar .os-monthly-calendar-days .os-day.os-month-prev .os-day-box:hover {
opacity: 1;
}
.daily-availability-calendar .os-monthly-calendar-days .os-day .os-day-box {
padding-bottom: 100%;
border-radius: 15px;
position: relative;
overflow: hidden;
}
.daily-availability-calendar .os-monthly-calendar-days .os-day .os-day-number {
color: #525765;
white-space: nowrap;
}
.daily-availability-calendar .os-monthly-calendar-days .os-day.selected {
z-index: 2;
border-radius: 6px;
box-shadow: 0px 0px 0px 2px #1d7bff;
}
.daily-availability-calendar .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-status {
display: none;
background-color: #1d7bff;
}
.daily-availability-calendar .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-status .day-available {
display: none;
}
.daily-availability-calendar .os-day-status {
margin: 0px;
margin-top: 10px;
height: 4px;
border-radius: 2px;
overflow: hidden;
bottom: 3px;
left: 3px;
right: 3px;
transition: all 0.3s ease;
position: absolute;
background-color: #eee;
}
.daily-availability-calendar .os-day-status .day-available {
background-color: #8ad58d;
top: 0px;
bottom: 0px;
position: absolute;
z-index: 1;
min-width: 3px;
}
.daily-availability-calendar.horizontal-calendar {
padding: 0px;
box-shadow: none;
background-color: transparent;
border-left: 1px solid #e6e5e5;
border-right: 1px solid #e6e5e5;
}
.daily-availability-calendar.horizontal-calendar .os-available-slots-tooltip {
display: none;
}
.daily-availability-calendar.horizontal-calendar .os-months {
border-bottom: none;
background-color: #fff;
border-radius: 0px;
}
.daily-availability-calendar.horizontal-calendar .os-monthly-calendar-days .os-day.os-day-passed .os-day-box .os-day-number {
color: #525765;
}
.daily-availability-calendar.horizontal-calendar .os-monthly-calendar-days {
flex-wrap: nowrap;
}
.daily-availability-calendar.horizontal-calendar .os-monthly-calendar-days .os-day {
padding: 0px;
overflow: visible;
position: relative;
background-color: #f8f8f8;
}
.daily-availability-calendar.horizontal-calendar .os-monthly-calendar-days .os-day:last-child {
border-right: none;
}
.daily-availability-calendar.horizontal-calendar .os-monthly-calendar-days .os-day.os-not-available {
background-image: repeating-linear-gradient(-45deg, rgba(1, 0, 10, 0.05) 0px, rgba(1, 0, 10, 0.05) 1px, transparent 1px, transparent 4px);
background-color: #f5f5f5;
}
.daily-availability-calendar.horizontal-calendar .os-monthly-calendar-days .os-day.os-not-available .os-day-status {
display: none;
}
.daily-availability-calendar.horizontal-calendar .os-monthly-calendar-days .os-day.os-today {
position: relative;
}
.daily-availability-calendar.horizontal-calendar .os-monthly-calendar-days .os-day.os-today:before {
content: "";
width: 6px;
height: 6px;
background-color: #f87373;
border-radius: 10px;
position: absolute;
top: 2px;
right: 2px;
}
.daily-availability-calendar.horizontal-calendar .os-monthly-calendar-days .os-day .os-day-box {
padding: 0px 5px;
border-radius: 0px;
background-color: transparent;
overflow: visible;
text-align: center;
}
.daily-availability-calendar.horizontal-calendar .os-monthly-calendar-days .os-day .os-day-weekday {
color: #ddd;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 15px;
position: absolute;
top: 5px;
left: 8px;
right: 0;
overflow: hidden;
}
.daily-availability-calendar.horizontal-calendar .os-monthly-calendar-days .os-day .os-day-status {
bottom: 5px;
margin: 0;
left: 5px;
right: 5px;
border-radius: 4px;
height: 8px;
transform-origin: bottom left;
transition: transform 0.1s ease;
}
.daily-availability-calendar.horizontal-calendar .os-monthly-calendar-days .os-day .os-day-number {
font-size: 15px;
padding: 35px 0 15px 2px;
text-align: left;
transition: transform 0.1s ease;
letter-spacing: -1px;
font-family: "latepoint-mono", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.daily-availability-calendar.horizontal-calendar .os-monthly-calendar-days .os-day.week-day-6 .os-day-weekday, .daily-availability-calendar.horizontal-calendar .os-monthly-calendar-days .os-day.week-day-7 .os-day-weekday {
color: #dcdcdc;
}
.calendar-wrapper[data-view=list] .cc-actions, .calendar-wrapper[data-view=list] .cc-availability-toggler-w {
display: none;
}
.calendar-wrapper.os-loading .no-results-w .icon-w {
position: relative;
}
.calendar-wrapper.os-loading .no-results-w .icon-w:before {
display: block;
content: "";
width: 20px !important;
height: 20px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.calendar-wrapper.os-loading .no-results-w .icon-w .latepoint-icon {
color: transparent;
}
.calendar-wrapper.os-loading .ch-filter .ch-filter-trigger {
display: none;
}
.calendar-wrapper.os-loading .ch-filter:before {
display: block;
content: "";
width: 20px !important;
height: 20px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.calendar-wrapper .calendar-hours {
position: relative;
}
.calendar-wrapper .ch-filter {
border-right: none;
height: 50px;
margin-bottom: 20px;
position: relative;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.calendar-wrapper .ch-filter span {
color: transparent;
line-height: 1;
padding: 3px 0;
font-weight: 400;
font-size: 10px;
}
.calendar-wrapper .ch-filter span:first-child {
margin-top: auto;
}
.calendar-wrapper .ch-filter span:last-child {
margin-bottom: auto;
}
.calendar-wrapper .ch-filter .ch-filter-trigger {
width: 5px;
top: 50%;
left: 50%;
background-color: rgba(0, 0, 0, 0.3);
height: 5px;
position: absolute;
transform: translate(-50%, -50%);
box-shadow: 8px 0px 0px rgba(0, 0, 0, 0.3), -8px 0px 0px rgba(0, 0, 0, 0.3);
border-radius: 1px;
}
.calendar-wrapper .da-head-agents {
display: flex;
background-color: #fff;
height: 50px;
margin-bottom: 20px;
position: sticky;
top: 0;
z-index: 9999;
border-top-right-radius: 20px;
}
.calendar-wrapper .ch-agents {
flex: 1;
position: relative;
}
.calendar-wrapper .ch-agents .day-action-trigger {
left: auto;
right: 20px;
}
.calendar-wrapper .ch-agents:hover .day-action-trigger {
display: block;
}
.calendar-wrapper .da-agents-bookings {
display: flex;
}
.calendar-wrapper .da-agents-bookings .da-agent-bookings-and-periods {
flex: 1;
position: relative;
}
.calendar-wrapper .da-agents-bookings .da-agent-bookings-and-periods:last-child .ch-day-periods {
border-right: none;
}
.calendar-wrapper .da-head-agent {
display: flex;
align-items: center;
padding: 10px 5px;
border-bottom: 1px solid #dcdad7;
border-right: 1px solid #EEF0F1;
flex: 1;
background-color: transparent;
position: relative;
}
.calendar-wrapper .da-head-agent:first-child:before {
content: "";
position: absolute;
bottom: -21px;
left: -1px;
height: 20px;
width: 1px;
background-color: rgba(0, 0, 0, 0.05);
}
.calendar-wrapper .da-head-agent:after {
content: "";
position: absolute;
bottom: -21px;
right: -1px;
height: 20px;
width: 1px;
background-color: rgba(0, 0, 0, 0.05);
}
.calendar-wrapper .da-head-agent:last-child {
border-top-right-radius: 20px;
border-right: none;
}
.calendar-wrapper .da-head-agent .da-head-agent-avatar {
width: 30px;
height: 30px;
border-radius: 20px;
background-size: cover;
background-position: center center;
margin-right: 10px;
margin-left: auto;
}
.calendar-wrapper .da-head-agent .da-head-agent-name {
text-decoration: none;
color: #1f222b;
border-bottom: 1px dotted #1f222b;
font-weight: 400;
margin-right: auto;
white-space: nowrap;
}
.calendar-wrapper .da-head-agent .da-head-agent-name:hover {
color: #1d7bff;
}
.daily-agent-calendar-w {
position: relative;
background-color: #fff;
border: 1px solid #dcdad7;
border-radius: 20px;
}
.daily-agent-calendar-w .current-time-indicator {
height: 3px;
background-color: #ff7c7c;
position: absolute;
top: 30%;
left: 0px;
right: 0px;
z-index: 998;
}
.daily-agent-calendar-w .current-time-indicator span {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
background-color: #fc6262;
padding: 3px 8px;
border-radius: 12px;
color: #fff;
font-weight: 400;
font-size: 11px;
}
.daily-agent-calendar-w.make-scrollable .ch-agents {
overflow: auto;
}
.daily-agent-calendar-w.make-scrollable .da-head-agent {
flex: 0 0 240px;
}
.daily-agent-calendar-w.make-scrollable .da-agents-bookings .da-agent-bookings-and-periods {
flex: 0 0 240px;
}
.daily-agent-calendar-w.make-scrollable .da-agent-bookings-and-periods:first-child .ch-day-periods .chd-period .chd-period-minutes-value {
left: auto;
right: 0px;
transform: translate(100%, -50%);
}
.calendar-wrapper .da-head-agent .da-head-agent-name {
max-width: 130px;
overflow: hidden;
}
.calendar-wrapper.os-loading .daily-availability-calendar .os-monthly-calendar-days .os-day.selected .os-day-box {
position: relative;
}
.calendar-wrapper.os-loading .daily-availability-calendar .os-monthly-calendar-days .os-day.selected .os-day-box: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: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
top: 12px;
left: 12px;
}
.calendar-daily-head-w {
display: flex;
align-items: center;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.calendar-daily-head-w .calendar-daily-target-date {
color: #788291;
font-size: 21px;
font-weight: 400;
line-height: 1.43;
}
.calendar-daily-head-w .calendar-daily-target-date.agent-has-day-off {
color: #ec7e70;
}
.calendar-daily-head-w label {
margin-left: auto;
margin-right: 5px;
color: #788291;
}
.os-calendar-view-toggle {
padding: 10px;
border-radius: 20px;
display: flex;
align-items: center;
gap: 5px;
border: 1px solid #dcdad7;
}
.os-calendar-view-toggle .os-calendar-view-option {
font-size: 15px;
border-radius: 12px;
padding: 3px 8px;
color: #788291;
cursor: pointer;
text-align: center;
position: relative;
border: 1px solid transparent;
}
.os-calendar-view-toggle .os-calendar-view-option:hover:not(.os-selected) {
color: #1f222b;
background-color: #eee;
}
.os-calendar-view-toggle .os-calendar-view-option.os-selected {
color: #1f222b;
border: 1px solid #1f222b;
}
.cc-panel {
display: flex;
align-items: center;
}
.cc-view {
margin-right: 15px;
padding-right: 15px;
border-right: 1px solid #EEF0F1;
}
.cc-view .view-toggler {
display: flex;
align-items: center;
border-radius: 15px;
border: 1px solid #d2d4d7;
line-height: 1;
gap: 5px;
}
.cc-view .view-toggler .os-form-select-group {
display: none;
}
.cc-view .view-toggler .view-selector {
padding: 6px 15px 8px;
font-weight: 400;
font-size: 15px;
display: block;
text-decoration: none;
color: #41444b;
border-radius: 15px;
}
.cc-view .view-toggler .view-selector:focus {
outline: none;
box-shadow: none;
}
.cc-view .view-toggler .view-selector.selected {
box-shadow: 0 0 0 1px #1d7bff, inset 0 0 0 1px #1d7bff;
color: #1f222b;
}
.cc-view .os-form-group.os-form-group-transparent.os-form-select-group {
margin-bottom: 0;
}
.cc-view .os-form-group.os-form-group-transparent.os-form-select-group select.os-form-control {
font-size: 16px;
line-height: 1.5;
text-decoration: none;
background-color: transparent;
border-radius: 15px;
padding: 4px 15px 4px 10px !important;
height: auto;
min-height: initial;
}
.cc-view .os-form-group.os-form-group-transparent.os-form-select-group select.os-form-control:hover {
border-color: rgba(0, 0, 0, 0.2);
}
.cc-actions {
display: flex;
align-items: center;
gap: 10px;
margin-right: 15px;
background-color: #f1f1f1;
border-radius: 20px;
padding: 7px;
}
.cc-actions .cc-action-today {
position: relative;
line-height: 1.5;
display: flex;
align-items: center;
font-size: 15px;
text-decoration: none;
padding: 4px 14px 4px 10px;
color: #1f222b;
border-radius: 15px;
border: 1px solid #dcdad7;
background-color: #f8f7f7;
}
.cc-actions .cc-action-today span {
display: inline-block;
}
.cc-actions .cc-action-today:before {
content: "";
background-color: #f87373;
border-radius: 50%;
width: 8px;
height: 8px;
display: block;
margin-right: 10px;
}
.cc-actions .cc-action-today:hover {
border-color: rgba(0, 0, 0, 0.2);
}
.cc-actions .cc-navigate-arrows {
display: flex;
gap: 5px;
align-items: center;
}
.cc-actions .cc-action-prev,
.cc-actions .cc-action-next {
font-size: 16px;
box-shadow: none;
outline: none;
color: #111;
margin: 0px;
line-height: 1;
vertical-align: middle;
cursor: pointer;
padding: 8px 8px;
display: block;
text-decoration: none;
position: relative;
border-radius: 15px;
border: 1px solid #dcdad7;
background-color: #f8f7f7;
}
.cc-actions .cc-action-prev i,
.cc-actions .cc-action-next i {
display: block;
}
.cc-actions .cc-action-prev.os-loading,
.cc-actions .cc-action-next.os-loading {
color: transparent !important;
}
.cc-actions .cc-action-prev.os-loading span, .cc-actions .cc-action-prev.os-loading i,
.cc-actions .cc-action-next.os-loading span,
.cc-actions .cc-action-next.os-loading i {
line-height: 1;
color: transparent !important;
}
.cc-actions .cc-action-prev.os-loading:after,
.cc-actions .cc-action-next.os-loading:after {
display: block;
content: "";
width: 14px;
height: 14px;
border-bottom: 2px solid #41444b;
border-left: 2px solid #41444b;
border-top: 2px solid #41444b;
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;
}
.cc-actions .cc-action-prev:hover,
.cc-actions .cc-action-next:hover {
border-color: rgba(0, 0, 0, 0.2);
}
.cc-actions .cc-action-prev.disabled,
.cc-actions .cc-action-next.disabled {
color: rgba(0, 0, 0, 0.1);
}
.calendar-daily-agent-w .calendar-hours {
display: flex;
}
.calendar-daily-agent-w .calendar-hours .ch-hours {
flex: 0 0 61px;
border-right: 1px solid #ddd;
}
.calendar-daily-agent-w .calendar-hours .ch-hours .chh-period {
height: 20px;
vertical-align: middle;
text-align: right;
line-height: 20px;
font-size: 11px;
color: rgba(0, 0, 0, 0.4);
font-weight: 400;
}
.calendar-daily-agent-w .calendar-hours .ch-hours .chh-period.last-period {
height: 1px !important;
}
.calendar-daily-agent-w .calendar-hours .ch-hours .chh-period.chh-period-minutes {
position: relative;
}
.calendar-daily-agent-w .calendar-hours .ch-hours .chh-period.chh-period-minutes span {
display: none;
}
.calendar-daily-agent-w .calendar-hours .ch-hours .chh-period.chh-period-minutes:before {
content: "";
height: 1px;
width: 3px;
background-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: -1px;
right: -2px;
}
.calendar-daily-agent-w .calendar-hours .ch-hours .chh-period.chh-period-hour {
position: relative;
padding-right: 10px;
white-space: nowrap;
text-transform: uppercase;
}
.calendar-daily-agent-w .calendar-hours .ch-hours .chh-period.chh-period-hour span {
transform: translateY(-50%);
display: block;
}
.calendar-daily-agent-w .calendar-hours .ch-hours .chh-period.chh-period-hour:before {
content: "";
height: 1px;
width: 5px;
background-color: rgba(0, 0, 0, 0.6);
position: absolute;
top: 0px;
right: -3px;
}
.calendar-daily-agent-w .calendar-hours .ch-hours .chh-period.chh-period-disabled {
background-color: rgba(0, 0, 0, 0.03);
}
.calendar-daily-agent-w .calendar-hours .ch-day-periods {
flex: 1;
border-right: 1px solid rgba(0, 0, 0, 0.05);
position: relative;
margin-bottom: 20px;
}
.calendar-daily-agent-w .calendar-hours .ch-day-periods .chd-period {
height: 20px;
position: relative;
cursor: copy;
}
.calendar-daily-agent-w .calendar-hours .ch-day-periods .chd-period.chd-period-off {
background-image: repeating-linear-gradient(90deg, #fff, #fff 2px, #cfcfcf 2px, #c2c2c2 3px);
}
.calendar-daily-agent-w .calendar-hours .ch-day-periods .chd-period.chd-period-off:hover:before {
border-top-color: #E42806;
}
.calendar-daily-agent-w .calendar-hours .ch-day-periods .chd-period.chd-period-off:hover .chd-period-minutes-value {
background-color: #f04739;
color: #fff;
border-color: #c51809 !important;
}
.calendar-daily-agent-w .calendar-hours .ch-day-periods .chd-period:before {
content: "";
height: 1px;
top: -1px;
position: absolute;
left: 0px;
right: 0px;
border-top: 1px dotted transparent;
z-index: 999;
}
.calendar-daily-agent-w .calendar-hours .ch-day-periods .chd-period .chd-period-minutes-value {
position: absolute;
top: 0px;
left: 0px;
z-index: 9999;
transform: translate(-100%, -50%);
display: none;
padding: 6px 8px;
line-height: 1;
background-color: #fff;
color: #1d2023;
font-size: 13px;
font-weight: 400;
white-space: nowrap;
border: 1px solid #000;
border-radius: 12px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.33), 0px 2px 6px rgba(0, 0, 0, 0.1);
}
.calendar-daily-agent-w .calendar-hours .ch-day-periods .chd-period.os-loading .chd-period-minutes-value {
color: transparent;
}
.calendar-daily-agent-w .calendar-hours .ch-day-periods .chd-period.os-loading .chd-period-minutes-value: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: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.calendar-daily-agent-w .calendar-hours .ch-day-periods .chd-period:hover .chd-period-minutes-value {
display: block;
}
.calendar-daily-agent-w .calendar-hours .ch-day-periods .chd-period:hover:before {
border-top-color: #111;
}
.calendar-daily-agent-w .calendar-hours .ch-day-periods .chd-period.last-period {
height: 1px !important;
}
.calendar-daily-agent-w .calendar-hours .ch-day-periods .chd-period.chd-period-hour {
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.calendar-daily-agent-w .calendar-hours .ch-day-periods .chd-period.chd-period-disabled {
background-color: rgba(0, 0, 0, 0.03);
}
.calendar-daily-agent-w .calendar-hours .ch-day-periods.ch-day-tue, .calendar-daily-agent-w .calendar-hours .ch-day-periods.ch-day-thu {
background-color: #fff;
}
.calendar-daily-agent-w .calendar-hours .ch-day-booking {
background-color: #1449ff;
color: #fff;
padding: 3px 6px;
border: 1px solid #fff;
position: absolute;
left: 5px;
right: 5px;
text-align: left;
z-index: 1000;
cursor: pointer;
transition: all 0.2s ease;
border-radius: 15px;
}
.calendar-daily-agent-w .calendar-hours .ch-day-booking.status-pending:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e94e";
position: absolute;
bottom: 5px;
right: 5px;
color: #fff;
font-size: 16px;
}
.calendar-daily-agent-w .calendar-hours .ch-day-booking:hover {
left: 0px;
right: 0px;
min-height: 60px;
}
.calendar-daily-agent-w .calendar-hours .ch-day-booking:hover .booking-time {
color: rgba(255, 255, 255, 0.9);
}
.calendar-daily-agent-w .calendar-hours .ch-day-booking .ch-day-buffer-before {
position: absolute;
border: 1px dashed rgba(0, 0, 0, 0.15);
border-bottom: none;
border-radius: 12px 12px 0px 0px;
z-index: -1;
left: 0px;
right: 0px;
top: 0px;
transform: translateY(-100%);
}
.calendar-daily-agent-w .calendar-hours .ch-day-booking .ch-day-buffer-after {
position: absolute;
border: 1px dashed rgba(0, 0, 0, 0.15);
border-top: none;
border-radius: 0px 0px 12px 12px;
z-index: -1;
left: 0px;
right: 0px;
bottom: 0px;
transform: translateY(100%);
}
.calendar-daily-agent-w .calendar-hours .ch-day-booking .booked-percentage {
width: 70px;
background-color: rgba(255, 255, 255, 0.4);
border-radius: 2px;
margin: 0px auto;
margin-top: 2px;
}
.calendar-daily-agent-w .calendar-hours .ch-day-booking .booked-percentage .booked-bar {
background-color: #fff;
border-radius: 2px;
height: 6px;
}
.calendar-daily-agent-w .calendar-hours .ch-day-booking .booking-attendees {
font-size: 9px;
color: rgba(255, 255, 255, 0.7);
text-align: center;
position: absolute;
bottom: 5px;
right: 5px;
line-height: 1.2;
}
.calendar-daily-agent-w .calendar-hours .ch-day-booking .booking-attendees span {
color: #fff;
}
.calendar-daily-agent-w .calendar-hours .ch-day-booking .booking-service-name {
color: #fff;
font-size: 15px;
font-weight: 400;
white-space: nowrap;
width: 100%;
overflow: hidden;
text-align: left;
}
.calendar-daily-agent-w .calendar-hours .ch-day-booking .booking-time {
color: rgba(255, 255, 255, 0.7);
font-weight: 400;
font-size: 11.25px;
line-height: 1.2;
}
.calendar-daily-agent-w .calendar-hours .ch-day-booking.os-loading {
animation: animate_appointment_small_box 0.8s ease infinite;
}
.calendar-daily-agent-w .calendar-hours .ch-day-booking.os-loading:after {
display: block;
content: "";
width: 14px !important;
height: 14px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
left: -10px;
}
.calendar-week-agent-w {
border-radius: 20px;
background-color: #fff;
border: 1px solid #dcdad7;
}
.calendar-week-agent-w .agent-weekly-calendar {
display: none;
}
.calendar-week-agent-w .agent-weekly-calendar.selected {
display: block;
}
.calendar-week-agent-w .agent-weekly-calendar .current-time-indicator {
height: 3px;
background-color: #ff7c7c;
position: absolute;
top: 30%;
left: 0px;
right: 0px;
z-index: 998;
}
.calendar-week-agent-w .agent-weekly-calendar .current-time-indicator:before {
position: absolute;
content: "";
display: block;
left: 0px;
top: 50%;
transform: translateY(-50%);
background-color: #fc6262;
padding: 6px;
border-radius: 50%;
}
.calendar-week-agent-w .cc-filters {
display: flex;
margin-left: auto;
margin-right: 20px;
padding-right: 20px;
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.calendar-week-agent-w .cc-filters select {
font-size: 15px;
min-height: 34px;
}
.calendar-week-agent-w .cc-filters > div + div {
margin-left: 10px;
}
.calendar-week-agent-w .calendar-controls {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 15px;
padding-top: 30px;
}
.calendar-week-agent-w .cc-date {
font-size: 30px;
line-height: 1;
font-weight: 400;
color: #c4cbe1;
position: relative;
}
.calendar-week-agent-w .cc-date .cc-month {
z-index: 2;
position: relative;
color: #1d7bff;
}
.calendar-week-agent-w .cc-date .cc-year {
font-weight: 600;
color: #eee;
position: absolute;
font-size: 100px;
line-height: 100px;
bottom: -7px;
display: block;
margin: 0px;
left: 0px;
z-index: 1;
}
.calendar-week-agent-w .ch-day {
background-color: #fff;
font-size: 15px;
text-align: center;
color: rgba(0, 0, 0, 0.3);
line-height: 1;
padding: 16px 10px;
z-index: 5;
border-bottom: 1px solid #d2d4d7;
border-right: 1px solid rgba(0, 0, 0, 0.05);
position: sticky;
top: 0;
}
.calendar-week-agent-w .ch-day span, .calendar-week-agent-w .ch-day strong {
display: inline-block;
}
.calendar-week-agent-w .ch-day strong {
font-weight: 400;
color: #41444b;
margin-left: 5px;
}
.calendar-week-agent-w .ch-day.ch-day-tue, .calendar-week-agent-w .ch-day.ch-day-thu {
background-color: #F8F8F9;
}
.calendar-week-agent-w .ch-day.ch-day-6, .calendar-week-agent-w .ch-day.ch-day-7 {
background-color: #fff;
}
.calendar-week-agent-w .ch-day:last-child {
border-right: none;
}
.calendar-week-agent-w .ch-day.is-today:before {
content: "";
background-color: #f87373;
width: 8px;
height: 8px;
position: absolute;
top: 10px;
right: 10px;
border-radius: 10px;
}
.calendar-week-agent-w .calendar-hours {
display: flex;
}
.calendar-week-agent-w .calendar-hours .ch-info {
position: relative;
background-color: #fff;
border-bottom: none;
border-right: none;
padding: 10px 15px;
line-height: 1;
text-align: center;
color: rgba(0, 0, 0, 0.4);
flex: 0 0 60px;
font-weight: 400;
font-size: 10px;
border-radius: 20px 0 0 0;
}
.calendar-week-agent-w .calendar-hours .ch-info span {
display: block;
padding: 2px 0;
color: transparent;
}
.calendar-week-agent-w .calendar-hours .ch-info + .chh-period.chh-period-hour:before {
top: -1px !important;
}
.calendar-week-agent-w .calendar-hours .ch-hours {
flex: 0 0 70px;
border-right: 1px solid #d2d4d7;
}
.calendar-week-agent-w .calendar-hours .ch-hours .chh-period {
height: 20px;
vertical-align: middle;
text-align: right;
line-height: 20px;
font-size: 11px;
color: rgba(0, 0, 0, 0.4);
font-weight: 400;
}
.calendar-week-agent-w .calendar-hours .ch-hours .chh-period.last-period {
height: 1px !important;
color: transparent;
}
.calendar-week-agent-w .calendar-hours .ch-hours .chh-period.chh-period-minutes {
position: relative;
text-transform: uppercase;
}
.calendar-week-agent-w .calendar-hours .ch-hours .chh-period.chh-period-minutes span {
display: none;
}
.calendar-week-agent-w .calendar-hours .ch-hours .chh-period.chh-period-minutes:before {
content: "";
height: 1px;
width: 3px;
background-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: -1px;
right: -2px;
}
.calendar-week-agent-w .calendar-hours .ch-hours .chh-period.chh-period-hour {
position: relative;
padding-right: 10px;
text-transform: uppercase;
}
.calendar-week-agent-w .calendar-hours .ch-hours .chh-period.chh-period-hour span {
transform: translateY(-50%);
display: block;
}
.calendar-week-agent-w .calendar-hours .ch-hours .chh-period.chh-period-hour:before {
content: "";
height: 1px;
width: 5px;
background-color: rgba(0, 0, 0, 0.6);
position: absolute;
top: 0px;
right: -3px;
}
.calendar-week-agent-w .calendar-hours .ch-hours .chh-period.chh-period-disabled {
background-color: rgba(0, 0, 0, 0.03);
}
.calendar-week-agent-w .calendar-hours .ch-day-periods-w {
display: flex;
flex: 1;
}
.calendar-week-agent-w .calendar-hours .ch-day-periods-w .ch-day-periods-i {
flex: 1;
}
.calendar-week-agent-w .calendar-hours .ch-day-periods-w .ch-day-periods-i:hover .day-action-trigger {
display: block;
}
.calendar-week-agent-w .calendar-hours .ch-day-periods-w .ch-day-periods-i:last-child .ch-day-periods {
border-right: none;
}
.calendar-week-agent-w .calendar-hours .ch-day-periods-w .ch-day-periods-i:last-child .ch-day {
border-top-right-radius: 20px;
border-right: none;
}
.calendar-week-agent-w .calendar-hours .ch-day-periods {
border-right: 1px solid rgba(0, 0, 0, 0.05);
position: relative;
}
.calendar-week-agent-w .calendar-hours .ch-day-periods .current-time-indicator + .chd-period {
border-top: none !important;
}
.calendar-week-agent-w .calendar-hours .ch-day-periods .chd-period {
height: 20px;
position: relative;
cursor: copy;
}
.calendar-week-agent-w .calendar-hours .ch-day-periods .chd-period:hover {
z-index: 6;
}
.calendar-week-agent-w .calendar-hours .ch-day-periods .chd-period.chd-period-off {
background-image: repeating-linear-gradient(-37deg, rgba(1, 0, 10, 0.08) 0px, rgba(1, 0, 10, 0.08) 1px, transparent 1px, transparent 4px);
}
.calendar-week-agent-w .calendar-hours .ch-day-periods .chd-period.chd-period-off:hover:before {
border-top-color: #E42806;
}
.calendar-week-agent-w .calendar-hours .ch-day-periods .chd-period.chd-period-off:hover .chd-period-minutes-value {
background-color: #f04739;
color: #fff;
border-color: #c51809 !important;
}
.calendar-week-agent-w .calendar-hours .ch-day-periods .chd-period:before {
content: "";
height: 1px;
z-index: 3;
top: -1px;
position: absolute;
left: 0px;
right: 0px;
border-top: 1px dotted transparent;
}
.calendar-week-agent-w .calendar-hours .ch-day-periods .chd-period .chd-period-minutes-value {
position: absolute;
top: 0px;
left: 50%;
z-index: 3;
transform: translate(-50%, -50%);
display: none;
padding: 6px 8px;
line-height: 1;
background-color: #fff;
color: #1d2023;
font-size: 13px;
font-weight: 400;
white-space: nowrap;
border: 1px solid #000;
border-radius: 12px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.33), 0px 2px 6px rgba(0, 0, 0, 0.1);
}
.calendar-week-agent-w .calendar-hours .ch-day-periods .chd-period.os-loading .chd-period-minutes-value {
color: transparent;
}
.calendar-week-agent-w .calendar-hours .ch-day-periods .chd-period.os-loading .chd-period-minutes-value: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: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.calendar-week-agent-w .calendar-hours .ch-day-periods .chd-period:hover .chd-period-minutes-value {
display: block;
}
.calendar-week-agent-w .calendar-hours .ch-day-periods .chd-period:hover:before {
border-top-color: #111;
}
.calendar-week-agent-w .calendar-hours .ch-day-periods .chd-period.last-period {
height: 1px !important;
}
.calendar-week-agent-w .calendar-hours .ch-day-periods .chd-period.chd-period-hour {
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.calendar-week-agent-w .calendar-hours .ch-day-periods .chd-period.chd-period-hour:first-child {
border-top: none;
}
.calendar-week-agent-w .calendar-hours .ch-day-periods .chd-period.chd-period-disabled {
background-color: rgba(0, 0, 0, 0.03);
}
.calendar-week-agent-w .calendar-hours .ch-day-periods.ch-day-tue, .calendar-week-agent-w .calendar-hours .ch-day-periods.ch-day-thu {
background-color: #fff;
}
.calendar-week-agent-w .calendar-hours .ch-day-periods.ch-day-6, .calendar-week-agent-w .calendar-hours .ch-day-periods.ch-day-7 {
background-color: #fff;
}
.calendar-week-agent-w .calendar-hours .ch-day-booking {
background-color: #1449ff;
color: #fff;
padding: 3px 6px;
border: 1px solid #fff;
position: absolute;
left: 5px;
right: 5px;
text-align: left;
z-index: 4;
cursor: pointer;
transition: all 0.2s ease;
overflow: hidden;
border-radius: 15px;
}
.calendar-week-agent-w .calendar-hours .ch-day-booking.status-pending:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e94e";
position: absolute;
bottom: 5px;
right: 5px;
color: #fff;
font-size: 18px;
}
.calendar-week-agent-w .calendar-hours .ch-day-booking:hover {
transform: translateY(-3px);
min-height: 60px !important;
left: 0px;
right: 0px;
z-index: 5;
}
.calendar-week-agent-w .calendar-hours .ch-day-booking:hover .booking-time {
color: rgba(255, 255, 255, 0.9);
}
.calendar-week-agent-w .calendar-hours .ch-day-booking .ch-day-buffer-before {
position: absolute;
border: 1px dashed rgba(0, 0, 0, 0.15);
border-bottom: none;
border-radius: 12px 12px 0px 0px;
z-index: -1;
left: 0px;
right: 0px;
top: 0px;
transform: translateY(-100%);
}
.calendar-week-agent-w .calendar-hours .ch-day-booking .ch-day-buffer-after {
position: absolute;
border: 1px dashed rgba(0, 0, 0, 0.15);
border-top: none;
border-radius: 0px 0px 12px 12px;
z-index: -1;
left: 0px;
right: 0px;
bottom: 0px;
transform: translateY(100%);
}
.calendar-week-agent-w .calendar-hours .ch-day-booking .booked-percentage {
width: 70px;
background-color: rgba(255, 255, 255, 0.4);
margin: 0px auto;
margin-top: 2px;
}
.calendar-week-agent-w .calendar-hours .ch-day-booking .booked-percentage .booked-bar {
background-color: #fff;
height: 4px;
}
.calendar-week-agent-w .calendar-hours .ch-day-booking .booking-attendees {
font-size: 9.75px;
color: rgba(255, 255, 255, 0.7);
text-align: center;
position: absolute;
bottom: 5px;
right: 5px;
line-height: 1.2;
}
.calendar-week-agent-w .calendar-hours .ch-day-booking .booking-attendees span {
color: #fff;
}
.calendar-week-agent-w .calendar-hours .ch-day-booking .booking-service-name {
color: #fff;
font-size: 14px;
font-weight: 400;
white-space: nowrap;
width: 100%;
overflow: hidden;
text-align: left;
}
.calendar-week-agent-w .calendar-hours .ch-day-booking .booking-time {
color: rgba(255, 255, 255, 0.7);
font-size: 12px;
white-space: nowrap;
}
.calendar-week-agent-w .calendar-hours .ch-day-booking.os-loading {
animation: animate_appointment_small_box 0.8s ease infinite;
}
.calendar-week-agent-w .calendar-hours .ch-day-booking.os-loading:after {
display: block;
content: "";
width: 14px !important;
height: 14px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
left: -10px;
}
.calendar-month-agents-w {
position: relative;
background-color: #fff;
border-radius: 20px;
border: 1px solid #dcdad7;
}
.calendar-month-agents-w.os-loading .ma-days-with-bookings-i {
opacity: 0.5;
}
.calendar-month-agents-w.os-loading:after {
display: block;
content: "";
width: 24px !important;
height: 24px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
top: 25px;
left: 40px;
z-index: 999;
}
.calendar-month-agents-w.os-loading .ma-head-info {
color: transparent;
}
.calendar-month-agents-w.os-loading .ma-head-info span + span {
border-top-color: transparent;
}
.calendar-month-agents-w .ma-head {
display: flex;
z-index: 2;
position: absolute;
top: 0px;
left: 80px;
right: 0px;
}
.calendar-month-agents-w .ma-head-info {
padding: 12px 15px 5px 15px;
text-align: center;
color: #788291;
width: 80px;
height: 51px;
font-weight: 400;
font-size: 10.5px;
border-bottom: 1px solid #d2d4d7;
position: relative;
}
.calendar-month-agents-w .ma-head-info span {
display: none;
}
.calendar-month-agents-w .ma-head-info span + span {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.calendar-month-agents-w .ma-head-agent {
display: flex;
align-items: center;
padding: 10px 20px;
border-bottom: 1px solid #d2d4d7;
border-right: 1px solid #EEF0F1;
flex: 0 0 249px;
background-color: #fff;
}
.calendar-month-agents-w .ma-head-agent .ma-head-agent-avatar {
width: 30px;
height: 30px;
border-radius: 20px;
background-size: cover;
background-position: center center;
margin-right: 10px;
margin-left: auto;
}
.calendar-month-agents-w .ma-head-agent .ma-head-agent-name {
font-weight: 400;
margin-right: auto;
white-space: nowrap;
}
.calendar-month-agents-w .ma-month-label {
color: #fff;
font-weight: 400;
text-align: center;
display: flex;
}
.calendar-month-agents-w .ma-month-label div {
padding: 3px;
background-color: #1d7bff;
flex: 0 0 250px;
color: #1d7bff;
box-shadow: 0px -1px 0px #1d7bff, 0px 1px 0px #1d7bff;
position: relative;
z-index: 2;
}
.calendar-month-agents-w .ma-floated-days-w {
position: absolute;
top: 0px;
left: 0px;
z-index: 3;
border-right: 1px solid #d2d4d7;
}
.calendar-month-agents-w .ma-floated-days-w .ma-month-label {
display: block;
}
.calendar-month-agents-w .ma-floated-days-w .ma-month-label div {
flex: 1;
color: #fff;
}
.calendar-month-agents-w .ma-floated-days-w .ma-day {
display: flex;
height: 35px;
position: relative;
}
.calendar-month-agents-w .ma-floated-days-w .ma-day.is-today:after {
background-color: #FF0F42;
position: absolute;
top: 2px;
left: 2px;
width: 6px;
height: 6px;
border-radius: 50%;
display: block;
content: "";
}
.calendar-month-agents-w .ma-floated-days-w .ma-day .ma-day-info {
display: flex;
align-items: stretch;
font-size: 10.5px;
font-weight: 400;
flex: 0 0 80px;
background-color: #fff;
}
.calendar-month-agents-w .ma-floated-days-w .ma-day .ma-day-info .ma-day-number {
border-right: 1px solid #EEF0F1;
flex: 0 0 30px;
line-height: 35px;
text-align: center;
}
.calendar-month-agents-w .ma-floated-days-w .ma-day .ma-day-info .ma-day-weekday {
text-transform: uppercase;
letter-spacing: 2px;
text-align: center;
flex: 0 0 50px;
color: #788291;
line-height: 35px;
}
.calendar-month-agents-w .ma-days-with-bookings-w {
padding-left: 80px;
position: relative;
overflow-x: auto;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-days-with-bookings-i {
padding-top: 52px;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day {
display: flex;
height: 35px;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings {
border-right: 1px solid #d8d8d8;
flex: 0 0 249px;
position: relative;
cursor: copy;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-work-periods {
display: none;
position: absolute;
top: 0px;
left: 50%;
transform: translate(-50%, -100%);
background-color: #5c95ff;
color: #fff;
padding: 3px 6px 4px;
font-size: 10px;
font-weight: 400;
letter-spacing: 0.5px;
text-transform: uppercase;
white-space: nowrap;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-work-periods .ma-day-label {
color: rgba(255, 255, 255, 0.8);
margin-right: 3px;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-work-periods .ma-day-work-period + .ma-day-work-period {
margin-left: 5px;
border-left: 2px solid rgba(255, 255, 255, 0.3);
padding-left: 5px;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings.is-day-off {
cursor: not-allowed;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings:hover {
box-shadow: 0px 0px 0px 2px #6b9fff, 0px 0px 0px 6px rgba(107, 159, 255, 0.22);
z-index: 9999;
position: relative;
background-color: #fff !important;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings:hover .ma-day-work-periods {
display: flex;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings:hover.is-day-off {
box-shadow: 0px 0px 0px 2px #fc6f6f, 0px 0px 0px 6px rgba(255, 103, 103, 0.22);
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-off {
top: 3px;
bottom: 3px;
left: 0px;
right: 0px;
position: absolute;
background-image: repeating-linear-gradient(90deg, #fff, #fff 2px, #cfcfcf 2px, #c2c2c2 3px);
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-off strong {
color: rgba(255, 255, 255, 0.8);
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-off span {
position: absolute;
top: 0px;
left: 50%;
color: #fff;
padding: 3px 6px 4px;
line-height: 1.1;
background-color: #e02727;
display: none;
transform: translate(-50%, -100%);
font-size: 10px;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 0.5px;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-off.full:hover {
background-image: repeating-linear-gradient(90deg, #fff, #fff 2px, #e86464 2px, #e86464 3px);
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-off.full:hover span {
display: block;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-booking {
top: 12px;
bottom: 12px;
position: absolute;
cursor: pointer;
box-shadow: inset -1px 0px 0px 0px #fff;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-booking.os-loading {
top: 10px;
bottom: 10px;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-booking.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: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-booking .appointment-box-small {
position: absolute;
top: 0px;
left: 50%;
transform: translate(-50%, -120%);
visibility: hidden;
opacity: 0;
transition: all 0.2s ease;
display: block;
align-items: flex-start;
box-shadow: 0 20px 40px 0 rgba(108, 120, 143, 0.15), 0 1px 2px 0 rgba(206, 211, 222, 0.7);
z-index: 999;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-booking .appointment-box-small .appointment-info {
flex: 1;
padding: 15px 30px 10px 20px;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-booking .appointment-box-small .customer-info-w {
flex: 1;
padding: 15px 10px 15px 20px;
align-items: flex-start;
border-left: none;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-booking:hover {
top: 10px;
bottom: 10px;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-booking:hover .appointment-box-small {
transform: translate(-50%, -105%);
visibility: visible;
opacity: 1;
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings:first-child .appointment-box-small {
left: 0px;
transform: translate(0%, -120%);
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings:first-child .ma-day-booking:hover .appointment-box-small {
transform: translate(0%, -105%);
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings:last-child .appointment-box-small {
left: auto;
right: 0px;
transform: translate(0%, -120%);
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings:last-child .ma-day-booking:hover .appointment-box-small {
transform: translate(0%, -105%);
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(1) .ma-day-booking .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(2) .ma-day-booking .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(3) .ma-day-booking .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(4) .ma-day-booking .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(5) .ma-day-booking .appointment-box-small {
top: auto;
bottom: 0px;
transform: translate(-50%, 110%);
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(1) .ma-day-booking:hover .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(2) .ma-day-booking:hover .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(3) .ma-day-booking:hover .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(4) .ma-day-booking:hover .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(5) .ma-day-booking:hover .appointment-box-small {
transform: translate(-50%, 100%);
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(1) .ma-day-agent-bookings:first-child .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(2) .ma-day-agent-bookings:first-child .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(3) .ma-day-agent-bookings:first-child .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(4) .ma-day-agent-bookings:first-child .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(5) .ma-day-agent-bookings:first-child .appointment-box-small {
left: 0px;
top: auto;
bottom: 0px;
transform: translate(5%, 105%);
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(1) .ma-day-agent-bookings:first-child .ma-day-booking:hover .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(2) .ma-day-agent-bookings:first-child .ma-day-booking:hover .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(3) .ma-day-agent-bookings:first-child .ma-day-booking:hover .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(4) .ma-day-agent-bookings:first-child .ma-day-booking:hover .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(5) .ma-day-agent-bookings:first-child .ma-day-booking:hover .appointment-box-small {
transform: translate(0%, 100%);
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(1) .ma-day-agent-bookings:last-child .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(2) .ma-day-agent-bookings:last-child .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(3) .ma-day-agent-bookings:last-child .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(4) .ma-day-agent-bookings:last-child .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(5) .ma-day-agent-bookings:last-child .appointment-box-small {
left: auto;
right: 0px;
top: auto;
bottom: 0px;
transform: translate(0%, 105%);
}
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(1) .ma-day-agent-bookings:last-child .ma-day-booking:hover .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(2) .ma-day-agent-bookings:last-child .ma-day-booking:hover .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(3) .ma-day-agent-bookings:last-child .ma-day-booking:hover .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(4) .ma-day-agent-bookings:last-child .ma-day-booking:hover .appointment-box-small, .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(5) .ma-day-agent-bookings:last-child .ma-day-booking:hover .appointment-box-small {
transform: translate(0%, 100%);
}
.calendar-month-agents-w .ma-floated-days-w .ma-day,
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day {
border-bottom: 1px solid #EEF0F1;
}
.calendar-month-agents-w .ma-floated-days-w .ma-day.ma-day-number-6 .ma-day-info, .calendar-month-agents-w .ma-floated-days-w .ma-day.ma-day-number-7 .ma-day-info,
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day.ma-day-number-6 .ma-day-info,
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day.ma-day-number-7 .ma-day-info {
background-color: #f9f9f9;
}
.calendar-month-agents-w .ma-floated-days-w .ma-day.ma-day-number-6 .ma-day-agent-bookings, .calendar-month-agents-w .ma-floated-days-w .ma-day.ma-day-number-7 .ma-day-agent-bookings,
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day.ma-day-number-6 .ma-day-agent-bookings,
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day.ma-day-number-7 .ma-day-agent-bookings {
background-color: #f9f9f9;
}
.calendar-month-agents-w .ma-floated-days-w .ma-day.ma-day-number-7,
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day.ma-day-number-7 {
border-bottom-color: #d2d4d7;
}
.calendar-month-agents-w .ma-floated-days-w .ma-day:last-child,
.calendar-month-agents-w .ma-days-with-bookings-w .ma-day:last-child {
border-bottom-color: #d2d4d7;
}
.calendar-month-agents-w.calendar-month-not-scrollable .ma-days-with-bookings-w {
overflow-x: visible;
}
.calendar-month-agents-w.calendar-month-not-scrollable .ma-head-agent {
flex: 1;
}
.calendar-month-agents-w.calendar-month-not-scrollable .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings {
flex: 1;
}
.full-screen-year-calendar-w {
position: fixed;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
background-color: #fff;
z-index: 99999;
overflow-y: auto;
display: none;
}
.full-screen-year-calendar-w .fsy-header {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding: 10px 40px;
}
.full-screen-year-calendar-w .fsy-header h2 {
margin: 0px;
line-height: 1.2;
font-size: 39px;
}
.full-screen-year-calendar-w .full-screen-year-calendar-months {
display: flex;
flex-wrap: wrap;
padding: 0px 20px;
}
.full-screen-year-calendar-w .full-screen-year-calendar-months .fsy-month {
flex: 0 0 25%;
padding: 15px 20px;
}
.full-screen-year-calendar-w .full-screen-year-calendar-months .fsy-month .fsy-month-name {
font-size: 15px;
color: #1f222b;
font-weight: 400;
padding-bottom: 5px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
margin-bottom: 5px;
}
.full-screen-year-calendar-w .os-monthly-calendar-days {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.full-screen-year-calendar-w .os-monthly-calendar-days .os-day {
width: 14.2%;
padding: 2.4%;
text-align: center;
font-size: 12px;
font-weight: 400;
cursor: pointer;
}
.full-screen-year-calendar-w .os-monthly-calendar-days .os-day.week-day-6 .os-day-box, .full-screen-year-calendar-w .os-monthly-calendar-days .os-day.week-day-7 .os-day-box {
background-color: #fff3e2 !important;
}
.full-screen-year-calendar-w .os-monthly-calendar-days .os-day.os-day-next-month, .full-screen-year-calendar-w .os-monthly-calendar-days .os-day.os-day-prev-month {
color: #B7BCCB;
background-color: #fff;
}
.full-screen-year-calendar-w .os-monthly-calendar-days .os-day.os-day-current .os-day-box {
background-color: #f5f6fb;
}
.full-screen-year-calendar-w .os-monthly-calendar-days .os-day.os-day-passed .os-day-box {
background-color: #eaedf5;
}
.full-screen-year-calendar-w .os-monthly-calendar-days .os-day.os-day-passed .os-day-box .os-day-number {
color: rgb(178, 185, 204);
}
.full-screen-year-calendar-w .os-monthly-calendar-days .os-day.os-today .os-day-box {
background-color: #fff6cb;
}
.full-screen-year-calendar-w .os-monthly-calendar-days .os-day.os-month-next .os-day-box, .full-screen-year-calendar-w .os-monthly-calendar-days .os-day.os-month-prev .os-day-box {
opacity: 0.4;
}
.full-screen-year-calendar-w .os-monthly-calendar-days .os-day.os-month-next .os-day-box:hover, .full-screen-year-calendar-w .os-monthly-calendar-days .os-day.os-month-prev .os-day-box:hover {
opacity: 1;
}
.full-screen-year-calendar-w .os-monthly-calendar-days .os-day .os-day-box {
padding-bottom: 100%;
border-radius: 15px;
position: relative;
overflow: hidden;
}
.full-screen-year-calendar-w .os-monthly-calendar-days .os-day .os-day-number {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.full-screen-year-calendar-w .os-monthly-calendar-days .os-day:hover .os-day-box .os-day-number {
font-size: 13px;
color: #1d7bff;
}
.full-screen-year-calendar-w .os-monthly-calendar-days .os-day.selected .os-day-box {
background-color: #1d7bff;
color: #fff;
}
.full-screen-year-calendar-w .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-status {
display: none;
}
.custom-day-calendar[data-period-type=range] .custom-day-settings-w .os-form-group.os-form-group-transparent select {
width: 110px;
}
.custom-day-calendar[data-picking=start] .start-day-input-w .os-form-group.os-form-group-transparent.os-form-textfield-group label {
color: #1d7bff;
}
.custom-day-calendar[data-picking=start] .start-day-input-w .os-form-group.os-form-group-transparent.os-form-textfield-group .os-form-control {
border-bottom-color: #1d7bff;
}
.custom-day-calendar[data-picking=end] .end-day-input-w .os-form-group.os-form-group-transparent.os-form-textfield-group label {
color: #1d7bff;
}
.custom-day-calendar[data-picking=end] .end-day-input-w .os-form-group.os-form-group-transparent.os-form-textfield-group .os-form-control {
border-bottom-color: #1d7bff;
}
.custom-day-calendar[data-period-type=single] .custom-day-settings-w .os-form-group {
flex: 1;
}
.custom-day-calendar[data-period-type=single] .start-day-input-w,
.custom-day-calendar[data-period-type=single] .end-day-input-w {
display: none;
}
.custom-day-settings-w {
display: flex;
margin-bottom: 10px;
padding-bottom: 20px;
border-bottom: 1px solid #EEF0F1;
}
.custom-day-settings-w .os-form-group {
margin-bottom: 0px !important;
}
.custom-day-settings-w .os-form-group select {
transition: none;
}
.custom-day-settings-w .os-form-group.os-form-textfield-group label {
top: 2px;
left: 0px;
font-size: 13px;
}
.custom-day-settings-w .os-form-group.os-form-textfield-group .os-form-control:focus {
border-bottom-color: #1d7bff;
}
.custom-day-settings-w .start-day-input-w {
margin-left: 10px;
flex: 1;
}
.custom-day-settings-w .end-day-input-w {
margin-left: 10px;
flex: 1;
position: relative;
}
.custom-day-schedule-w {
display: flex;
}
.custom-day-schedule-w .custom-day-calendar {
flex: 0 0 360px;
padding-right: 30px;
}
.custom-day-schedule-w .custom-day-schedule {
flex: 1;
padding-left: 30px;
border-left: 1px solid rgba(0, 0, 0, 0.05);
animation: 0.5s cubic-bezier(0.45, 1.1, 0.4, 1) 0s wizardWrapperAnimation;
animation-fill-mode: both;
max-height: 70vh;
overflow: auto;
}
.custom-day-schedule-w .custom-day-schedule .custom-day-schedule-head {
padding-bottom: 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
margin-bottom: 10px;
text-align: center;
}
.custom-day-schedule-w .custom-day-schedule .custom-day-schedule-head h3 {
margin: 0px;
margin-right: auto;
line-height: 2.1;
}
.custom-day-schedule-w .custom-day-schedule .weekday-schedule-form {
padding-bottom: 0px;
}
.custom-day-schedule-w .ws-period {
margin-bottom: 10px;
}
.latepoint-lightbox-w.hide-schedule .latepoint-lightbox-i {
width: 400px !important;
}
.latepoint-lightbox-w.hide-schedule .custom-day-calendar {
padding: 0px;
flex: 1;
}
.latepoint-lightbox-w.hide-schedule .custom-day-schedule {
display: none;
}
.custom-day-calendar-head {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 10px;
border-bottom: 1px solid #EEF0F1;
margin-bottom: 10px;
}
.custom-day-calendar-head .os-form-group {
margin-bottom: 0px !important;
}
.custom-day-calendar-head .os-form-group + .os-form-group {
margin-left: 5px;
}
.custom-day-calendar-head .os-form-group select {
height: 18px;
padding: 4px 20px 4px 8px !important;
}
.custom-day-calendar-head h3 {
margin: 0px;
margin-right: auto;
line-height: 1.1;
}
.custom-day-calendar-month {
position: relative;
}
.custom-day-calendar-month.os-loading {
animation: animate_appointment_small_box 0.8s ease infinite;
}
.custom-day-calendar-month.os-loading:after {
display: block;
content: "";
width: 52px !important;
height: 52px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.custom-day-calendar-month .os-monthly-calendar-days {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0px -2%;
}
.custom-day-calendar-month .os-monthly-calendar-days .os-day {
width: 14.2%;
padding: 2%;
text-align: center;
font-size: 15px;
font-weight: 400;
cursor: pointer;
}
.custom-day-calendar-month .os-monthly-calendar-days .os-day.week-day-6 .os-day-box, .custom-day-calendar-month .os-monthly-calendar-days .os-day.week-day-7 .os-day-box {
background-color: #fff3e2 !important;
}
.custom-day-calendar-month .os-monthly-calendar-days .os-day.os-day-next-month, .custom-day-calendar-month .os-monthly-calendar-days .os-day.os-day-prev-month {
color: #B7BCCB;
background-color: #fff;
}
.custom-day-calendar-month .os-monthly-calendar-days .os-day.os-day-current .os-day-box {
background-color: #f5f6fb;
}
.custom-day-calendar-month .os-monthly-calendar-days .os-day.os-day-passed .os-day-box {
background-color: #eaedf5;
}
.custom-day-calendar-month .os-monthly-calendar-days .os-day.os-day-passed .os-day-box .os-day-number {
color: rgb(178, 185, 204);
}
.custom-day-calendar-month .os-monthly-calendar-days .os-day.os-today .os-day-box {
background-color: #fff6cb;
}
.custom-day-calendar-month .os-monthly-calendar-days .os-day.os-month-next .os-day-box, .custom-day-calendar-month .os-monthly-calendar-days .os-day.os-month-prev .os-day-box {
opacity: 0.3;
}
.custom-day-calendar-month .os-monthly-calendar-days .os-day.os-month-next .os-day-box:hover, .custom-day-calendar-month .os-monthly-calendar-days .os-day.os-month-prev .os-day-box:hover {
opacity: 1;
}
.custom-day-calendar-month .os-monthly-calendar-days .os-day.os-month-next.selected .os-day-box, .custom-day-calendar-month .os-monthly-calendar-days .os-day.os-month-prev.selected .os-day-box {
opacity: 1;
}
.custom-day-calendar-month .os-monthly-calendar-days .os-day .os-day-box {
padding-bottom: 100%;
border-radius: 15px;
position: relative;
overflow: hidden;
}
.custom-day-calendar-month .os-monthly-calendar-days .os-day .os-day-number {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.custom-day-calendar-month .os-monthly-calendar-days .os-day:hover .os-day-box .os-day-number {
font-size: 19px;
color: #1d7bff;
}
.custom-day-calendar-month .os-monthly-calendar-days .os-day.selected .os-day-box {
background-color: #1d7bff !important;
color: #fff;
}
.custom-day-calendar-month .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-number {
font-size: 19px;
color: #fff;
}
.custom-day-calendar-month .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-status {
display: none;
}
.daily-calendar-stats-row {
display: flex;
}
.daily-calendar-stats-row:first-child {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.daily-calendar-stats-row .os-info-tile.tile-centered {
flex: 0 0 50%;
margin: 0px;
padding: 35px 15px;
}
.daily-calendar-stats-row .os-info-tile.tile-centered + .os-info-tile {
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.monthly-calendar-headers {
display: flex;
justify-content: space-between;
padding-bottom: 10px;
}
.monthly-calendar-headers .os-form-group.os-form-group-transparent {
margin-bottom: 0px;
}
.monthly-calendar-headers .os-form-group + .os-form-group {
margin-left: 5px;
}
.monthly-calendar-headers .monthly-calendar-date-selectors {
display: flex;
}
.monthly-calendar-headers .monthly-calendar-request-selectors {
display: flex;
align-items: center;
}
.monthly-calendar-headers .monthly-calendar-request-selectors .availability-label {
font-weight: 400;
color: #788291;
margin-right: 5px;
}
.cc-availability-toggler .os-form-group.os-form-toggler-group {
margin-bottom: 0px;
}
.cc-availability-toggler .os-form-group.os-form-toggler-group label {
padding: 7px 10px 7px 0px;
}
.calendar-self-w .no-results-w {
background-color: #f8fafd;
padding: 40px;
border-radius: 15px;
}
.calendar-self-w .no-results-w h2 {
max-width: 500px;
margin: 0px auto;
margin-bottom: 20px;
line-height: 1.4;
}
.list-upcoming-bookings-w .upcoming-bookings-year {
font-size: 80px;
line-height: 82px;
color: rgba(51, 76, 156, 0.07);
font-weight: 400;
margin-bottom: -60px;
margin-top: 30px;
}
.list-upcoming-bookings-w .upcoming-bookings-year:first-child {
margin-top: -30px;
}
.list-upcoming-bookings-w .upcoming-bookings-month {
font-weight: 400;
color: #1d7bff;
font-size: 30px;
margin-bottom: 10px;
margin-top: 20px;
}
.list-upcoming-bookings-w .no-upcoming-bookings {
padding: 20px;
color: #788291;
font-size: 15px;
margin-bottom: 10px;
background-color: #f7f8fb;
border-radius: 8px;
}
.list-upcoming-bookings-w .no-upcoming-bookings:first-child {
margin-top: 20px;
}
.list-upcoming-bookings-w .upcoming-booking {
margin-top: -1px;
position: relative;
cursor: pointer;
transition: all 0.1s ease;
z-index: 1;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: #ccc;
border-radius: 15px;
}
.list-upcoming-bookings-w .upcoming-booking.is-new-day {
margin-top: 20px;
}
.list-upcoming-bookings-w .upcoming-booking.is-new-day:first-child {
margin-top: 0;
}
.list-upcoming-bookings-w .upcoming-booking:hover {
border-color: #1d7bff;
box-shadow: inset 0 0 0 1px #1d7bff;
z-index: 2;
}
.list-upcoming-bookings-w .upcoming-booking:hover .booking-color-elem {
display: none;
}
.list-upcoming-bookings-w .upcoming-booking .booking-main-info-i {
display: flex;
align-items: center;
padding: 20px 20px;
border-left: 1px solid #dcdad7;
}
.list-upcoming-bookings-w .upcoming-booking .booking-main-info {
display: flex;
align-items: center;
padding: 1px;
}
.list-upcoming-bookings-w .upcoming-booking .booking-service-name {
font-weight: 400;
font-size: 16px;
margin-bottom: 7px;
}
.list-upcoming-bookings-w .upcoming-booking .booking-link {
opacity: 0;
position: absolute;
top: 50%;
transform: translate3d(0px, -50%, 0);
right: 20px;
font-size: 16px;
color: #1d7bff;
transition: all 0.2s ease;
}
.list-upcoming-bookings-w .upcoming-booking .booking-fancy-date {
padding: 15px;
text-align: center;
flex: 0 0 80px;
position: relative;
}
.list-upcoming-bookings-w .upcoming-booking .booking-fancy-date .fancy-day {
font-size: 32px;
color: #1f222b;
z-index: 2;
position: relative;
}
.list-upcoming-bookings-w .upcoming-booking .booking-fancy-date .fancy-month {
color: #788291;
fonts-size: 18px;
z-index: 2;
position: relative;
}
.list-upcoming-bookings-w .upcoming-booking .booking-date-i {
display: flex;
align-items: center;
gap: 3px;
}
.list-upcoming-bookings-w .upcoming-booking .booking-date-i .booking-date .latepoint-icon {
font-size: 13px;
color: #1d7bff;
margin-right: 5px;
}
.list-upcoming-bookings-w .upcoming-booking .booking-date-i .booking-time {
color: #1d7bff;
}
.list-upcoming-bookings-w .upcoming-booking .booking-date-i .booking-time-left .time-left {
font-weight: 400;
}
.list-upcoming-bookings-w .upcoming-booking .booking-date-i .booking-location, .list-upcoming-bookings-w .upcoming-booking .booking-date-i .booking-attendees {
border-left: 1px solid #dcdad7;
padding-left: 10px;
margin-left: 10px;
}
.list-upcoming-bookings-w .upcoming-booking .booking-date-i .booking-location .latepoint-icon, .list-upcoming-bookings-w .upcoming-booking .booking-date-i .booking-attendees .latepoint-icon {
font-size: 13px;
color: #1d7bff;
margin-right: 5px;
}
.list-upcoming-bookings-w .upcoming-booking .booking-date-i .booking-attendees {
display: flex;
align-items: center;
}
.list-upcoming-bookings-w .upcoming-booking .booking-date-i .booking-attendees .booked-percentage {
background-color: #E6E6E6;
border-radius: 2px;
width: 70px;
margin-left: 10px;
}
.list-upcoming-bookings-w .upcoming-booking .booking-date-i .booking-attendees .booked-percentage .booked-bar {
border-radius: 2px;
background-color: #1d7bff;
height: 8px;
}
.list-upcoming-bookings-w .upcoming-booking .booking-date-i .booking-attendee {
display: flex;
align-items: center;
gap: 5px;
}
.list-upcoming-bookings-w .upcoming-booking .booking-date-i .booking-attendee .avatar-w {
width: 20px;
height: 20px;
margin: 0px;
}
.list-upcoming-bookings-w .upcoming-booking .booking-color-elem {
right: 5px;
top: 5px;
bottom: 5px;
width: 4px;
border-radius: 2px;
position: absolute;
transition: width 0.1s ease;
z-index: 2;
}
.list-upcoming-bookings-w .upcoming-booking .avatar-w {
width: 50px;
height: 50px;
background-size: cover;
border-radius: 50%;
margin-right: 15px;
}
.list-upcoming-bookings-w .upcoming-booking .avatar-w .agent-info-tooltip {
display: none;
}
.mobile-calendar-actions-trigger {
display: none;
}
.weekly-calendar-agents-list {
display: flex;
align-items: center;
overflow-x: auto;
margin-bottom: 15px;
gap: 20px;
box-shadow: inset 0 -1px 0 0 #EEF0F1;
padding-top: 20px;
font-size: 17px;
}
.weekly-calendar-agents-list .wc-label {
color: #788291;
font-weight: 400;
}
.weekly-calendar-agents-list .weekly-calendar-agent-selector {
position: relative;
padding-bottom: 10px;
display: flex;
gap: 7px;
align-items: center;
cursor: pointer;
flex: 0;
}
.weekly-calendar-agents-list .weekly-calendar-agent-selector .agent-avatar {
width: 30px;
height: 30px;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
border-radius: 50%;
display: none;
}
.weekly-calendar-agents-list .weekly-calendar-agent-selector .agent-name {
font-weight: 400;
white-space: nowrap;
color: #788291;
}
.weekly-calendar-agents-list .weekly-calendar-agent-selector.selected:after {
content: "";
height: 4px;
border-radius: 4px;
background-color: #1f222b;
position: absolute;
bottom: 0px;
left: 0;
right: 0;
background-image: linear-gradient(45deg, #702fdb, #ffc390);
}
.weekly-calendar-agents-list .weekly-calendar-agent-selector.selected .agent-name {
color: #1f222b;
}
.weekly-calendar-agents-list .weekly-calendar-agent-selector:hover .agent-name {
color: #1f222b;
}
.quick-calendar-actions-buttons {
display: flex;
gap: 10px;
}
.quick-calendar-action-toggler {
display: flex;
gap: 15px;
margin-bottom: 20px;
}
.quick-calendar-action-toggler .quick-calendar-action-toggle {
padding: 8px 5px;
border: 1px solid #d2d4d7;
color: #788291;
border-radius: 15px;
flex: 1;
text-align: center;
cursor: pointer;
}
.quick-calendar-action-toggler .quick-calendar-action-toggle.selected {
color: #1f222b;
border-color: #1d7bff;
box-shadow: 0 0 0 1px #1d7bff;
}
.quick-calendar-action-toggler .quick-calendar-action-toggle:hover:not(.selected) {
border-color: #111;
}
.quick-calendar-actions-wrapper.showing-settings .quick-calendar-actions {
display: none;
}
.quick-calendar-actions-wrapper.showing-settings .quick-calendar-action-settings {
display: block;
}
.quick-calendar-action-settings {
display: none;
}
.quick-calendar-action-settings .ws-period {
animation: none;
}
.quick-calendar-action-settings.setting-day-off .slot-off-reason {
display: none;
}
.quick-calendar-action-settings.setting-day-off .quick-calendar-action-settings-slot-off-title {
display: none;
}
.quick-calendar-action-settings.setting-day-off .ws-period {
display: none;
}
.quick-calendar-action-settings.setting-slot-off .quick-calendar-action-settings-day-off-title {
display: none;
}
.os-form-group.os-form-group-transparent {
margin-bottom: 15px;
}
.latepoint-message {
font-size: 15px;
line-height: 1.4;
}
.quick-calendar-actions .quick-calendar-action {
padding: 15px;
border-radius: 15px;
font-size: 17px;
display: flex;
gap: 15px;
align-items: center;
position: relative;
color: #1f222b;
border: 1px solid #dcdad7;
border-bottom-color: #c4c1bc;
cursor: pointer;
}
.quick-calendar-actions .quick-calendar-action:hover {
border-color: #1d7bff;
box-shadow: 0 0 0 1px #1d7bff;
}
.quick-calendar-actions .quick-calendar-action:hover:before {
background-color: #eef5ff;
}
.quick-calendar-actions .quick-calendar-action:hover.quick-calendar-action-day-off:before {
background-color: #ffe1e1;
}
.quick-calendar-actions .quick-calendar-action:hover i {
color: #1d7bff;
text-shadow: 2px -2px 0px #fff;
transform: scale(1.1);
}
.quick-calendar-actions .quick-calendar-action:hover span {
transform: translateX(5px);
}
.quick-calendar-actions .quick-calendar-action i {
position: relative;
font-size: 18px;
color: #1d7bff;
}
.quick-calendar-actions .quick-calendar-action i.latepoint-icon-cancel {
color: #ea6161;
}
.quick-calendar-actions .quick-calendar-action i, .quick-calendar-actions .quick-calendar-action span {
transition: transform 0.15s ease;
display: block;
}
.quick-calendar-actions .quick-calendar-action:before {
content: "";
width: 30px;
height: 30px;
position: absolute;
left: 9px;
top: 10px;
border-radius: 50%;
}
.quick-calendar-actions .quick-calendar-action + .quick-calendar-action {
margin-top: 15px;
}
.day-action-trigger {
display: none;
width: 20px;
height: 20px;
position: absolute;
top: 0px;
left: 50%;
transform: translate(-50%, -50%);
background-color: #1d7bff;
border-radius: 50%;
box-shadow: 0 0 0 4px #fff;
}
.day-action-trigger.os-loading:after {
display: none;
}
.day-action-trigger.os-loading:before {
width: auto;
height: auto;
display: block;
content: "";
width: 12px !important;
height: 12px !important;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
border-top: 2px solid #fff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.day-action-trigger:before {
content: "";
width: 10px;
height: 2px;
background-color: #fff;
display: block;
top: 50%;
left: 50%;
position: absolute;
transform: translate3d(-50%, -50%, 0);
}
.day-action-trigger:after {
position: absolute;
content: "";
width: 10px;
height: 2px;
background-color: #fff;
transform: translate3d(-50%, -50%, 0) rotate(90deg);
display: block;
top: 50%;
left: 50%;
}
.day-action-trigger:hover {
background-color: #5099ff;
}
.day-action-trigger:hover:before, .day-action-trigger:hover:after {
background-color: #fff;
}
.ch-day-blocked-period {
background-image: repeating-linear-gradient(90deg, #ffe8e8, #ffe8e8 2px, #ffadad 2px, #ffadad 3px);
color: #fff;
position: absolute;
left: 0px;
right: 0px;
text-align: left;
z-index: 999;
cursor: pointer;
transition: all 0.2s ease;
}
.ch-day-blocked-period.os-loading:before {
display: block;
content: "";
width: 12px !important;
height: 12px !important;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
border-top: 2px solid #fff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
left: auto;
right: 0px;
top: 10px;
}
.ch-day-blocked-period .ch-day-blocked-period-i {
visibility: hidden;
background-color: #ed2e2e;
padding: 3px 6px;
}
.ch-day-blocked-period .blocked-period-summary {
color: #fff;
}
.ch-day-blocked-period .blocked-period-time {
color: rgba(255, 255, 255, 0.8);
}
.ch-day-blocked-period:hover {
background-image: repeating-linear-gradient(90deg, #ffe8e8, #ffe8e8 2px, #ffadad 2px, #ffadad 3px);
}
.ch-day-blocked-period:hover .ch-day-blocked-period-i {
visibility: visible;
}
.quick-calendar-locked-feature {
text-align: center;
padding: 25px;
background: #fffce8;
border-radius: 12px;
}
.quick-calendar-locked-feature h3 {
margin-bottom: 10px;
}
.quick-calendar-locked-feature div {
margin-bottom: 20px;
color: #788291;
}
.latepoint-lightbox-w {
position: fixed;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
transition: all 0.2s ease;
z-index: 10000;
display: none;
align-items: center;
justify-content: center;
}
.latepoint-lightbox-w .latepoint-lightbox-close {
position: absolute;
line-height: 1;
top: 16px;
right: 19px;
font-size: 20px;
color: #333;
text-decoration: none;
display: block;
outline: none;
box-shadow: none;
padding: 5px;
border-radius: 15px;
}
.latepoint-lightbox-w .latepoint-lightbox-close i {
display: block;
}
.latepoint-lightbox-w .latepoint-lightbox-close:focus {
outline: none;
}
.latepoint-lightbox-w .latepoint-lightbox-close:hover {
background-color: rgba(0, 0, 0, 0.05);
color: #000;
}
.latepoint-lightbox-w .latepoint-lightbox-shadow {
background-color: rgba(79, 107, 156, 0.61);
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
z-index: 1;
}
.latepoint-lightbox-w .latepoint-lightbox-i {
max-height: 94vh;
transform-origin: center center;
transition: all 0.3s cubic-bezier(0.25, 1.1, 0.5, 1);
background-color: #fff;
width: 450px;
box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.2), 0px 5px 30px rgba(0, 0, 0, 0.4);
border-radius: 20px;
z-index: 2;
display: flex;
flex-direction: column;
}
.latepoint-lightbox-w .latepoint-lightbox-i .latepoint-lightbox-wrapper-form {
display: flex;
flex-direction: column;
max-height: 94vh;
}
.latepoint-lightbox-w .latepoint-lightbox-i > .os-form-w {
padding: 20px;
}
.latepoint-lightbox-w .latepoint-lightbox-i .latepoint-lightbox-inner-form {
display: flex;
flex-direction: column;
max-height: 94vh;
}
.latepoint-lightbox-w.width-400 .latepoint-lightbox-i {
width: 400px;
}
.latepoint-lightbox-w.width-500 .latepoint-lightbox-i {
width: 500px;
}
.latepoint-lightbox-w.width-600 .latepoint-lightbox-i {
width: 600px;
}
.latepoint-lightbox-w.width-700 .latepoint-lightbox-i {
width: 700px;
}
.latepoint-lightbox-w.width-800 .latepoint-lightbox-i {
width: 800px;
}
.latepoint-lightbox-w.width-1000 .latepoint-lightbox-i {
width: 1000px;
}
.latepoint-lightbox-w.width-max .latepoint-lightbox-i {
width: 90%;
}
.latepoint-lightbox-w .latepoint-lightbox-heading {
padding: 15px 30px;
border-bottom: 1px solid #EEF0F1;
}
.latepoint-lightbox-w .latepoint-lightbox-heading.os-loading:before {
display: block;
content: "";
width: 14px !important;
height: 14px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
top: 10px;
left: 10px;
}
.latepoint-lightbox-w .latepoint-lightbox-heading h2 {
color: #1f222b;
margin: 0px;
font-size: 26px;
}
.latepoint-lightbox-w .latepoint-lightbox-content {
padding: 30px;
flex: 1;
overflow: auto;
font-size: 15px;
}
.latepoint-lightbox-w .latepoint-lightbox-content.no-padding {
padding: 0;
}
.latepoint-lightbox-w .latepoint-lightbox-footer {
padding: 15px 30px;
border-top: 1px solid #EEF0F1;
}
.latepoint-lightbox-w .latepoint-lightbox-footer .os-form-group {
margin-bottom: 0;
}
.latepoint-lightbox-w .latepoint-lightbox-footer .latepoint-btn:not(:last-child) {
margin-right: 10px;
}
.latepoint-lightbox-w .latepoint-lightbox-footer.right-aligned {
display: flex;
align-items: center;
justify-content: flex-end;
}
.latepoint-lightbox-w .os-form-w {
margin: 0px;
}
.latepoint-lightbox-w .os-form-w form > .os-form-group:last-child {
margin-bottom: 0px;
}
body.latepoint-lightbox-active .latepoint-lightbox-w {
display: flex;
}
@keyframes floatingPopupAnimation {
0% {
transform: translate3d(-50%, -85%, 0) scale(0.8);
opacity: 0;
}
100% {
transform: translate3d(-50%, -100%, 0) scale(1);
opacity: 1;
}
}
.os-floating-popup {
position: absolute;
background-color: #fff;
box-shadow: 0px 30px 60px -15px rgba(0, 0, 0, 0.25), 0px 4px 22px -10px rgba(0, 0, 0, 0.4);
border-radius: 20px;
z-index: 9999;
min-width: 400px;
min-height: 200px;
transform: translate3d(-50%, -100%, 0);
animation: 0.3s cubic-bezier(0.05, 0.45, 0.1, 1) 0s floatingPopupAnimation;
animation-fill-mode: both;
}
.os-floating-popup.os-loading:before {
display: block;
content: "";
width: 30px !important;
height: 30px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.os-floating-popup .os-floating-popup-close {
position: absolute;
top: 5px;
right: 5px;
font-size: 18px;
color: #333;
text-decoration: none;
display: block;
transition: all 0.6s ease;
outline: none;
box-shadow: none;
}
.os-floating-popup .os-floating-popup-close:focus {
outline: none;
}
.os-floating-popup .os-floating-popup-close:hover {
transform: rotate(90deg);
}
.latepoint-side-panel-w {
position: fixed;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
transition: all 0.2s ease;
z-index: 9999;
background-color: rgba(65, 73, 90, 0.13);
display: flex;
align-items: stretch;
padding: 2vh;
padding: 2dvh;
}
.latepoint-side-panel-w .latepoint-side-panel-shadow {
flex: 1;
}
.latepoint-side-panel-w .latepoint-side-panels {
display: flex;
flex-direction: row-reverse;
box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.15), 0px 2px 6px rgba(0, 0, 0, 0.2);
height: 96vh;
height: 96dvh;
overflow: hidden;
border-radius: 20px;
}
.latepoint-side-panel-w .side-sub-panel-wrapper {
width: 550px;
background-color: #fff;
z-index: 9999;
border-right: 1px solid rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
}
.latepoint-side-panel-w .side-sub-panel-wrapper .side-sub-panel-header select {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
}
.latepoint-side-panel-w .side-sub-panel-wrapper .side-sub-panel-header .latepoint-side-sub-panel-close {
font-size: 18px;
color: #333;
text-decoration: none;
display: block;
outline: none;
box-shadow: none;
z-index: 3;
background-color: #f8f8f8;
border-radius: 15px;
width: 34px;
height: 34px;
text-align: center;
line-height: 34px;
}
.latepoint-side-panel-w .side-sub-panel-wrapper .side-sub-panel-header .latepoint-side-sub-panel-close i {
display: block;
line-height: 34px;
}
.latepoint-side-panel-w .side-sub-panel-wrapper .side-sub-panel-header .latepoint-side-sub-panel-close:focus {
outline: none;
}
.latepoint-side-panel-w .side-sub-panel-wrapper .side-sub-panel-header .latepoint-side-sub-panel-close:hover {
background-color: #eee;
}
.latepoint-side-panel-w .side-sub-panel-wrapper .side-sub-panel-content {
flex: 1;
overflow-y: auto;
max-height: 100%;
padding: 30px;
}
.latepoint-side-panel-w .side-sub-panel-wrapper .side-sub-panel-content.no-padding {
padding: 0;
}
.latepoint-side-panel-w .side-sub-panel-wrapper .side-sub-panel-content.pattern-dotted {
background-image: radial-gradient(rgba(0, 0, 0, 0.08) 1px, transparent 0);
background-size: 15px 15px;
background-color: #f1f1f1;
}
.latepoint-side-panel-w .side-sub-panel-wrapper .side-sub-panel-footer {
border-top: 1px solid #dcdad7;
padding: 15px 30px;
}
.latepoint-side-panel-w .side-sub-panel-wrapper.width-full {
flex: 1;
}
.latepoint-side-panel-w .side-sub-panel-wrapper.width-400 {
flex: 0 0 400px;
}
.latepoint-side-panel-w .clear-missing-lateselect {
padding: 10px;
margin-bottom: 10px;
border-radius: 6px;
background-color: #fff8dd;
border: 1px solid #d9c06e;
color: #604a1c;
}
.latepoint-side-panel-w .clear-missing-lateselect a {
text-decoration: underline;
color: #111;
font-weight: 400;
margin-left: 5px;
}
.latepoint-side-panel-w .os-upload-file-input-w label {
margin-bottom: 3px;
}
.latepoint-side-panel-w .os-upload-file-input-w input[type=file] {
padding: 7px 6px 8px 6px;
border-radius: 6px;
border: 1px solid #d2d4d7;
width: 100%;
display: block;
line-height: 1;
}
.latepoint-side-panel-w .os-upload-file-input-w input[type=file]:hover {
border-color: #1d7bff;
}
.latepoint-side-panel-w .reloadable-field-wrapper.os-loading {
opacity: 0.4;
position: relative;
}
.latepoint-side-panel-w .reloadable-field-wrapper.os-loading:before {
display: block;
content: "";
width: 12px !important;
height: 12px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.latepoint-side-panel-w .os-time-group.as-period {
padding: 0;
display: block;
margin-bottom: 15px;
}
.latepoint-side-panel-w .os-time-group.as-period label {
padding: 0;
margin-bottom: 3px;
}
.latepoint-side-panel-w .os-time-group.as-period .os-time-input-fields {
justify-content: flex-start;
border: 1px solid #d2d4d7;
border-radius: 15px;
padding-right: 7px;
}
.latepoint-side-panel-w .os-time-group.as-period .os-time-input-fields:has(input:focus) {
border-color: #1d7bff;
}
.latepoint-side-panel-w .os-time-group.as-period .os-time-input-fields input.os-form-control {
transform-origin: left;
max-width: initial;
flex: 1;
margin-left: 0;
background-color: transparent;
border: none;
font-size: 15px;
padding: 7px 8px 6px !important;
text-align: left;
font-weight: 400;
}
.latepoint-side-panel-w .os-time-group.as-period .os-time-input-fields .time-ampm-w {
margin-left: auto;
background-color: #fff;
}
.latepoint-side-panel-w .os-time-group.as-period .os-time-input-fields .time-ampm-w .time-ampm-select {
padding: 2px 5px 3px 5px;
}
.latepoint-side-panel-w .booking-order-info-wrapper {
margin-bottom: 20px;
position: relative;
}
.latepoint-side-panel-w .booking-order-info-wrapper .booking-order-info-inner {
z-index: 3;
position: relative;
}
.latepoint-side-panel-w .booking-order-info-wrapper .booking-order-info-inner .order-link {
cursor: pointer;
background-color: #fff;
border: 2px solid #1d7bff;
border-radius: 15px;
padding: 15px;
text-decoration: none;
display: flex;
align-items: center;
gap: 10px;
font-weight: 600;
font-size: 16px;
}
.latepoint-side-panel-w .booking-order-info-wrapper .booking-order-info-inner .order-link .latepoint-icon-arrow-left {
font-size: 20px;
color: #1d7bff;
}
.latepoint-side-panel-w .quick-booking-preselected-service-info {
background-color: #f3f3f3;
border-radius: 15px;
padding: 10px;
font-size: 13px;
margin-bottom: 15px;
color: #788291;
}
.latepoint-side-panel-w .quick-booking-preselected-service-info span {
color: #1f222b;
font-weight: 600;
}
.latepoint-side-panel-w .quick-booking-info {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #EEF0F1;
font-size: 12px;
display: flex;
align-items: center;
color: #1f222b;
}
.latepoint-side-panel-w .quick-booking-info span, .latepoint-side-panel-w .quick-booking-info strong, .latepoint-side-panel-w .quick-booking-info a {
display: inline-block;
}
.latepoint-side-panel-w .quick-booking-info span {
margin-right: 2px;
color: #788291;
}
.latepoint-side-panel-w .quick-booking-info strong {
margin-right: 6px;
font-weight: 600;
}
.latepoint-side-panel-w .quick-booking-info a {
margin-left: auto;
color: #1f222b;
text-decoration: none;
border-bottom: 1px dotted #1f222b;
white-space: nowrap;
display: flex;
align-items: center;
gap: 5px;
position: relative;
}
.latepoint-side-panel-w .quick-booking-info a + a {
margin-left: 15px;
}
.latepoint-side-panel-w .quick-booking-info a:hover {
border-bottom-style: solid;
}
.latepoint-side-panel-w .quick-booking-info a.os-loading {
color: transparent;
}
.latepoint-side-panel-w .quick-booking-info a.os-loading:before {
display: block;
content: "";
width: 10px !important;
height: 10px !important;
border-bottom: 2px solid #1f222b;
border-left: 2px solid #1f222b;
border-top: 2px solid #1f222b;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 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-side-panel-w .quick-booking-info a i {
font-size: 10px;
}
.latepoint-side-panel-w .os-form-group.os-form-group-transparent {
margin-bottom: 15px;
}
.latepoint-side-panel-w.os-loading .latepoint-side-panel-i:before {
display: block;
content: "";
width: 40px !important;
height: 40px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 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-side-panel-w.os-loading .quick-order-form-w .os-form-content {
opacity: 0;
transform: translateY(20px);
}
.latepoint-side-panel-w.os-loading .quick-order-form-w .os-form-header {
opacity: 0;
}
.latepoint-side-panel-w.os-loading .quick-order-form-w .os-form-buttons {
opacity: 0;
}
.latepoint-side-panel-w .latepoint-side-panel-close {
font-size: 18px;
color: #333;
text-decoration: none;
display: block;
outline: none;
box-shadow: none;
z-index: 3;
background-color: #f8f8f8;
border-radius: 15px;
width: 34px;
height: 34px;
text-align: center;
line-height: 34px;
}
.latepoint-side-panel-w .latepoint-side-panel-close i {
display: block;
line-height: 34px;
}
.latepoint-side-panel-w .latepoint-side-panel-close:focus {
outline: none;
}
.latepoint-side-panel-w .latepoint-side-panel-close:hover {
background-color: #eee;
}
.latepoint-side-panel-w .latepoint-side-panel-i {
transition: all 0.2s ease;
border-radius: 0px;
background-color: #fff;
width: 420px;
z-index: 2;
display: flex;
flex-direction: column;
}
.latepoint-side-panel-w .latepoint-side-panel-i > .os-form-w {
max-height: 100%;
min-height: 100%;
}
.latepoint-side-panel-w .latepoint-side-panel-i > .os-form-w > form {
min-height: 100%;
max-height: 100%;
display: flex;
flex-direction: column;
}
.latepoint-side-panel-w.width-400 .latepoint-side-panel-i {
width: 400px;
}
.latepoint-side-panel-w.width-500 .latepoint-side-panel-i {
width: 500px;
}
.latepoint-side-panel-w.width-600 .latepoint-side-panel-i {
width: 600px;
}
.latepoint-side-panel-w.width-700 .latepoint-side-panel-i {
width: 700px;
}
.latepoint-side-panel-w.width-800 .latepoint-side-panel-i {
width: 800px;
}
.latepoint-side-panel-w.width-1000 .latepoint-side-panel-i {
width: 1000px;
}
.latepoint-side-panel-w.width-1200 .latepoint-side-panel-i {
width: 1200px;
}
.latepoint-side-panel-w.width-max .latepoint-side-panel-i {
width: 90%;
}
.latepoint-side-panel-w.width-full .latepoint-side-panel-i {
width: 100%;
}
.latepoint-side-panel-w .os-form-header {
padding: 15px 30px;
border-bottom: 1px solid #EEF0F1;
margin-bottom: 0px;
background-color: #fff;
display: flex;
align-items: center;
}
.latepoint-side-panel-w .os-form-header h2 {
margin: 0px;
font-size: 20px;
line-height: 1;
font-weight: 600;
flex: 1;
}
.latepoint-side-panel-w .os-form-sub-header-actions {
margin-top: 0px;
}
.latepoint-side-panel-w .os-form-sub-header-actions select.os-form-control {
padding: 5px 20px 4px 8px !important;
}
.latepoint-side-panel-w .os-form-sub-header-actions .latepoint-btn + .latepoint-btn {
margin-left: 5px;
}
.latepoint-side-panel-w .os-form-sub-header-actions .latepoint-btn.latepoint-btn-link span {
border-bottom: 1px dotted #5099ff;
}
.latepoint-side-panel-w .os-form-sub-header {
margin-bottom: 15px;
background-color: #fff;
margin-top: 20px;
padding-top: 10px;
border-bottom: 2px solid #1f222b;
padding-bottom: 5px;
}
.latepoint-side-panel-w .os-form-sub-header h3 {
color: #1f222b;
font-weight: 600;
margin: 0px;
padding: 0px;
font-size: 17px;
}
.latepoint-side-panel-w .os-form-content {
padding: 20px 30px;
flex: 1;
max-height: 100%;
overflow-y: auto;
}
.latepoint-side-panel-w .os-form-content.no-padding {
padding: 0;
}
.latepoint-side-panel-w .os-form-content.no-overflow {
overflow: hidden;
}
.latepoint-side-panel-w .os-form-buttons {
padding: 15px 30px;
border-top: 1px solid #EEF0F1;
background-color: #fff;
display: flex;
}
.latepoint-side-panel-w .os-form-buttons.right-aligned {
justify-content: flex-end;
align-items: center;
}
.latepoint-side-panel-w .os-form-w {
margin: 0px;
}
.latepoint-side-panel-w .os-form-w .open-quick-availability-btn.latepoint-btn-white.latepoint-btn {
padding: 8px 10px;
text-align: center;
background-color: #fff;
text-decoration: none;
color: #1d7bff;
border: 1px dotted #1d7bff;
margin-top: 18px;
box-shadow: none;
display: flex;
align-items: center;
gap: 10px;
justify-content: flex-start;
}
.latepoint-side-panel-w .os-form-w .open-quick-availability-btn.latepoint-btn-white.latepoint-btn:hover {
border-color: #08214c;
color: #08214c;
}
.latepoint-side-panel-w .os-form-w .open-quick-availability-btn.latepoint-btn-white.latepoint-btn:focus {
box-shadow: 0px 0px 0px 4px #e9f2ff;
}
.latepoint-side-panel-w .os-form-w .open-quick-availability-btn.latepoint-btn-white.latepoint-btn i {
font-size: 13px;
margin-left: auto;
}
.latepoint-side-panel-w .os-form-w .open-quick-availability-btn.latepoint-btn-white.latepoint-btn span {
font-weight: 400;
}
.latepoint-side-panel-w .quick-add-item-button {
border: 2px dotted rgba(0, 0, 0, 0.1);
padding: 7px 10px;
text-align: center;
border-radius: 15px;
color: #1d7bff;
cursor: pointer;
position: relative;
}
.latepoint-side-panel-w .quick-add-item-button.os-loading {
color: transparent;
}
.latepoint-side-panel-w .quick-add-item-button.os-loading:before {
display: block;
content: "";
width: 14px !important;
height: 14px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.latepoint-side-panel-w .quick-add-item-button:hover {
border: 2px solid #1d7bff;
}
.latepoint-side-panel-w .quick-add-item-button i, .latepoint-side-panel-w .quick-add-item-button span {
display: inline-block;
vertical-align: middle;
}
.latepoint-side-panel-w .quick-add-item-button span {
margin-left: 5px;
font-weight: 400;
}
.latepoint-side-panel-w .quick-add-transaction {
border: 2px dotted rgba(0, 0, 0, 0.1);
padding: 7px 10px;
text-align: center;
border-radius: 6px;
color: #1d7bff;
cursor: pointer;
position: relative;
}
.latepoint-side-panel-w .quick-add-transaction.os-loading {
color: transparent;
}
.latepoint-side-panel-w .quick-add-transaction.os-loading:before {
display: block;
content: "";
width: 14px !important;
height: 14px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.latepoint-side-panel-w .quick-add-transaction:hover {
border: 2px solid #1d7bff;
}
.latepoint-side-panel-w .quick-add-transaction i, .latepoint-side-panel-w .quick-add-transaction span {
display: inline-block;
vertical-align: middle;
}
.latepoint-side-panel-w .quick-add-transaction span {
margin-left: 5px;
font-weight: 400;
}
.latepoint-side-panel-w .quick-transaction-info-w {
background-color: #fff;
border: 1px solid #dcdad7;
box-shadow: 0 2px 0 0 #eee;
border-radius: 15px;
border-bottom-color: #aca8a1;
animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s wizardWrapperAnimation;
animation-fill-mode: both;
cursor: pointer;
margin-bottom: 15px;
position: relative;
}
.latepoint-side-panel-w .quick-transaction-info-w.os-loading:before {
display: block;
content: "";
width: 16px !important;
height: 16px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
left: 20px;
top: 20px;
}
.latepoint-side-panel-w .quick-transaction-info-w.os-loading .quick-transaction-amount {
color: transparent;
}
.latepoint-side-panel-w .quick-transaction-info-w:hover {
border-color: #1d7bff;
box-shadow: 0px 0px 0px 1px #1d7bff;
}
.latepoint-side-panel-w .quick-transaction-info-w .quick-transaction-refunds-info {
margin: 10px;
margin-bottom: 0;
background-color: #ffd5d5;
border: 1px solid #db8181;
padding: 7px;
border-radius: 6px;
color: #6b0404;
text-align: center;
font-weight: 400;
}
.latepoint-side-panel-w .quick-transaction-info-w .quick-transaction-head {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px;
}
.latepoint-side-panel-w .quick-transaction-info-w .quick-transaction-sub {
border-top: 1px solid rgba(0, 0, 0, 0.1);
color: #788291;
font-size: 12px;
display: flex;
justify-content: space-between;
padding: 10px;
align-items: center;
border-radius: 0 0 15px 15px;
}
.latepoint-side-panel-w .quick-transaction-info-w .lp-processor-logo {
margin-left: 5px;
margin-right: 10px;
width: 70px;
background-position: center right;
background-repeat: no-repeat;
overflow: hidden;
}
.latepoint-side-panel-w .quick-transaction-info-w .lp-transaction-status {
padding: 4px 5px;
font-size: 12px;
margin-left: 10px;
}
.latepoint-side-panel-w .quick-transaction-info-w .quick-transaction-amount {
font-weight: 400;
font-size: 18px;
margin-right: auto;
}
.latepoint-side-panel-w .quick-transaction-info-w .lp-method-logo.lp-method-logo-card:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e916";
}
.latepoint-side-panel-w .quick-transaction-info-w .lp-method-logo.lp-method-logo-card span {
display: none;
}
.latepoint-side-panel-w .quick-add-transaction-box-w {
animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s wizardWrapperAnimation;
animation-fill-mode: both;
margin-bottom: 15px;
}
.latepoint-side-panel-w .quick-add-transaction-box-w.show-refund-settings .transaction-refund-settings {
display: block;
}
.latepoint-side-panel-w .quick-add-transaction-box-w.show-refund-settings .transaction-refund-button-w {
display: none;
}
.latepoint-side-panel-w .quick-add-transaction-box {
position: relative;
background-color: #fff;
border: 2px solid #1d7bff;
border-radius: 20px;
}
.latepoint-side-panel-w .quick-add-transaction-box .quick-add-transaction-box-header {
padding: 5px 15px 7px 5px;
display: flex;
align-items: center;
border-radius: 15px 15px 0 0;
background-color: #1d7bff;
gap: 10px;
}
.latepoint-side-panel-w .quick-add-transaction-box .quick-add-transaction-box-header .transaction-fold-wrapper {
padding: 5px;
gap: 6px;
display: flex;
align-items: center;
flex: 1;
color: #fff;
font-size: 16px;
cursor: pointer;
border-radius: 15px;
}
.latepoint-side-panel-w .quick-add-transaction-box .quick-add-transaction-box-header .transaction-fold-wrapper:hover {
background-color: rgba(255, 255, 255, 0.1);
}
.latepoint-side-panel-w .quick-add-transaction-box .quick-add-transaction-box-content {
padding: 20px;
}
.latepoint-side-panel-w .quick-add-transaction-box .quick-transaction-refunds-info {
margin-bottom: 20px;
background-color: #ffd5d5;
border: 1px solid #db8181;
padding: 7px;
border-radius: 6px;
color: #6b0404;
text-align: center;
font-weight: 400;
}
.latepoint-side-panel-w .quick-add-transaction-box .form-close-btn {
color: #fff;
font-size: 14px;
border-bottom: 1px dotted #fff;
text-decoration: none;
}
.latepoint-side-panel-w .quick-add-transaction-box .form-close-btn:hover {
border-bottom-style: solid;
}
body.has-side-sub-panel .latepoint-side-panel-w .latepoint-side-panel-i {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
body.has-side-sub-panel .latepoint-side-panel-w .latepoint-side-panel-i .os-form-header {
border-top-left-radius: 0;
}
body.has-side-sub-panel .latepoint-side-panel-w .latepoint-side-panel-i .os-form-buttons {
border-bottom-left-radius: 0;
}
.latepoint-full-panel-w {
position: fixed;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
z-index: 9999;
background-color: #fff;
display: flex;
align-items: stretch;
}
.latepoint-full-panel-w.os-loading:before {
display: block;
content: "";
width: 40px !important;
height: 40px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.os-ordered-steps-description {
color: #788291;
font-size: 17px;
padding-bottom: 20px;
}
.os-ordered-steps {
position: relative;
}
.os-ordered-step {
background-color: #fff;
border-bottom: 1px solid #e8e8e8;
}
.os-ordered-step:last-child {
border-bottom: none;
}
.os-ordered-step.is-expanded .os-ordered-step-expand {
transform: rotate(-90deg);
}
.os-ordered-step.is-expanded .os-ordered-step-children {
display: block;
}
.os-ordered-step .os-ordered-step-info {
display: flex;
gap: 10px;
align-items: center;
padding: 10px 0;
}
.os-ordered-step .os-ordered-step-expand {
padding: 5px;
font-size: 16px;
line-height: 1;
margin-left: auto;
cursor: pointer;
border-radius: 4px;
}
.os-ordered-step .os-ordered-step-expand:hover {
background-color: #eee;
}
.os-ordered-step .os-ordered-step-drag {
font-size: 16px;
padding: 5px;
line-height: 1;
cursor: pointer;
border-radius: 4px;
}
.os-ordered-step .os-ordered-step-drag:hover {
background-color: #eee;
}
.os-ordered-step .os-ordered-step-name {
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 17px;
font-weight: 400;
}
.os-ordered-step .os-ordered-step-children {
display: none;
padding: 10px 30px;
border-top: 1px solid #EEF0F1;
}
.os-ordered-step-child-info {
display: flex;
align-items: center;
gap: 4px;
padding: 3px;
}
.os-ordered-step-child-info .os-ordered-step-drag {
font-size: 14px;
padding: 4px;
}
.os-ordered-step-child-info .os-ordered-step-child-name {
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 15px;
font-weight: 400;
}
.gu-mirror.os-ordered-step-child {
box-shadow: 0 20px 50px 0 rgba(159, 166, 181, 0.4), 0 2px 1px 0 rgba(119, 128, 147, 0.2);
border-radius: 6px;
background-color: #fff;
}
.gu-mirror.os-ordered-step {
box-shadow: 0 20px 50px 0 rgba(159, 166, 181, 0.4), 0 2px 1px 0 rgba(119, 128, 147, 0.2);
border-color: #ddd;
border-bottom-color: #999;
border-radius: 6px;
}
.gu-mirror.os-ordered-step .os-ordered-step-info {
padding: 10px;
}
.os-services-select-field-w {
display: block;
font-weight: 400;
margin-bottom: 15px;
position: relative;
font-size: 15px;
}
.os-services-select-field-w:before {
position: absolute;
top: 50%;
right: 3px;
color: rgba(0, 0, 0, 0.8);
font-size: 11px;
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e911";
z-index: 2;
transform: translateY(-50%);
}
.os-services-select-field-w.active .service-option-selected {
border-radius: 15px 15px 0px 0px;
}
.os-services-select-field-w .service-options-filter-input-w {
padding: 8px;
border-bottom: 1px solid #dadce6;
}
.os-services-select-field-w .service-options-filter-input-w input.service-options-filter-input {
box-shadow: none;
font-size: 15px;
padding: 6px 8px;
display: block;
width: 100%;
border: 1px solid #dadce6;
border-radius: 15px;
}
.os-services-select-field-w .service-options-filter-input-w input.service-options-filter-input::placeholder {
color: #788291;
}
.os-services-select-field-w .services-options-list {
display: none;
position: absolute;
bottom: 0px;
transform: translateY(100%);
left: 0px;
right: 0px;
background-color: #fff;
padding: 0px;
z-index: 999;
border: 2px solid #fff;
border-radius: 0px 0px 15px 15px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 20px 40px rgba(0, 0, 0, 0.1);
max-height: 265px;
overflow-y: auto;
}
.os-services-select-field-w .services-options-list .os-option-group {
padding: 6px 10px;
color: #788291;
font-weight: 400;
background-color: #f3f4f9;
border-bottom: 1px solid #dadce6;
}
.os-services-select-field-w .services-options-list .service-option {
padding: 8px 5px 8px 30px;
border-bottom: 1px solid #dadce6;
position: relative;
cursor: pointer;
}
.os-services-select-field-w .services-options-list .service-option.selected {
background-color: #1d7bff;
border-bottom-color: #1d7bff;
color: #fff;
}
.os-services-select-field-w .services-options-list .service-option.selected .service-color {
box-shadow: inset 0px 0px 0px 1px #fff;
}
.os-services-select-field-w .services-options-list .service-option.selected:hover {
color: #fff;
}
.os-services-select-field-w .services-options-list .service-option:hover {
color: #1d7bff;
}
.os-services-select-field-w .services-options-list .service-option:last-child {
border-bottom: none;
}
.os-services-select-field-w .services-options-list .service-option .service-color {
position: absolute;
top: 50%;
left: 10px;
height: 9px;
width: 9px;
border-radius: 2px;
transform: translateY(-50%);
}
.os-services-select-field-w.active .services-options-list {
display: block;
}
.os-services-select-field-w .service-option-selected {
line-height: 1.4;
padding: 7px 5px 6px 30px;
position: relative;
cursor: pointer;
border: 2px solid #cecfd8;
border-radius: 15px;
background-color: #f1f3f7;
}
.os-services-select-field-w .service-option-selected:hover {
background-color: #fff;
border-color: #1d7bff;
}
.os-services-select-field-w .service-option-selected .service-color {
position: absolute;
top: 50%;
left: 10px;
height: 9px;
width: 9px;
border-radius: 2px;
transform: translateY(-50%);
background-color: #1d7bff;
}
.service-duration-box .os-form-group.os-form-group-bordered {
margin-bottom: 0px;
}
.os-form-group-transparent .service-option-selected {
background-color: #fff;
border: 1px solid #cecfd8;
}
.os-form-group-transparent .services-options-list {
background-color: #fff;
border: 1px solid #aaacb9;
border-bottom-color: #aaacb9;
border-top: none;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 3px 8px rgba(0, 0, 0, 0.05);
}
.os-item-category-w {
margin-bottom: 60px;
}
.os-services-list .os-service {
background-color: #fff;
border-radius: 20px;
border: 1px solid rgba(211, 213, 218, 0.6705882353);
background-image: linear-gradient(129deg, rgba(179, 184, 204, 0.0509803922), rgba(255, 255, 255, 0.3607843137));
box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.01), 1px 1px 5px -1px rgba(134, 124, 171, 0.12), inset 2px 2px 0 0 #fff;
}
.os-services-list .os-service .os-form-w {
padding: 0px;
margin: 0px;
background-color: transparent;
}
.os-services-list .os-service.os-service-status-disabled {
opacity: 0.7;
}
.os-services-list .os-service.os-service-status-disabled .os-service-header {
box-shadow: inset 0px 3px 0px 0px #ca1616;
border-radius: 20px 20px 0 0;
}
.os-services-list .os-service.os-service-status-disabled .os-service-header .service-name {
color: #ca1616;
}
.os-services-list .os-service-header {
padding: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
position: relative;
}
.os-services-list .os-service-header .service-hidden {
position: absolute;
top: 5px;
right: 5px;
color: #e83c3c;
font-size: 15px;
}
.os-services-list .os-service-header .service-image {
display: inline-block;
vertical-align: middle;
margin-right: 20px;
}
.os-services-list .os-service-header .service-image img {
height: 40px;
width: auto;
display: block;
}
.os-services-list .os-service-header .service-name {
display: inline-block;
vertical-align: middle;
margin: 0px;
color: #1f222b;
font-size: 17px;
}
.os-services-list .os-service-body .selected-count {
background-color: #fff6c7;
border: 1px solid #e0be0d;
color: #c18018;
border-radius: 4px;
font-size: 12px;
padding: 3px 5px;
line-height: 1.1;
}
.os-services-list .os-service-body .selected-count.selected-count-all {
background-color: #ceffce;
border-color: #15c340;
color: #0e8e25;
}
.os-services-list .os-service-body .os-service-agents {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
display: flex;
align-items: center;
}
.os-services-list .os-service-body .os-service-agents .agents-avatars {
flex: 1;
position: relative;
display: flex;
}
.os-services-list .os-service-body .os-service-agents .agents-avatars .agent-avatar {
width: 30px;
height: 30px;
display: block;
background-size: cover;
border-radius: 30px;
box-shadow: 0px 0px 0px 3px #fff;
}
.os-services-list .os-service-body .os-service-agents .agents-avatars .agent-avatar + .agent-avatar {
margin-left: -10px;
}
.os-services-list .os-service-body .os-service-agents .agents-avatars .agents-more {
position: absolute;
background-color: #fff;
padding: 3px 5px;
font-size: 12px;
font-weight: 400;
top: 50%;
left: 40px;
border-radius: 15px;
line-height: 1.1;
white-space: nowrap;
transform: translateY(-50%);
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.os-services-list .os-service-body .service-info-row {
display: flex;
align-items: center;
margin-bottom: 5px;
}
.os-services-list .os-service-body .os-service-agents,
.os-services-list .os-service-body .os-service-info {
padding: 15px;
}
.os-services-list .os-service-body .os-service-agents .label,
.os-services-list .os-service-body .os-service-info .label {
flex: 0 0 50%;
color: #b0b0b0;
font-weight: 400;
padding-right: 10px;
}
.os-services-list .os-service-body .os-service-agents .value,
.os-services-list .os-service-body .os-service-info .value {
flex: 1;
color: #b0b0b0;
}
.os-services-list .os-service-body .os-service-agents .value strong,
.os-services-list .os-service-body .os-service-info .value strong {
color: #41444b;
}
.os-services-list .os-service-foot {
padding: 10px;
padding-top: 0px;
}
.os-services-list .assign-agent-btn {
display: inline-block;
vertical-align: middle;
}
.os-services-list .service-agents-avatars {
vertical-align: middle;
padding: 10px 0px;
display: inline-block;
}
.os-services-list .service-agents-avatars img {
width: 35px;
height: auto;
border-radius: 40px;
display: inline-block;
}
.os-services-list .service-agents-avatars img + img {
margin-left: 10px;
}
.os-services-list .service-agents-avatars img:last-child {
margin-right: 30px;
}
.os-services-list .create-service-link-w {
border: 2px dotted #d2d4d7;
text-align: center;
position: relative;
cursor: pointer;
display: block;
outline: none;
box-shadow: none;
min-height: 200px;
align-self: stretch;
border-radius: 15px;
}
.os-services-list .create-service-link-w .create-service-link-i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.os-services-list .create-service-link-w .add-service-graphic-w {
width: 90px;
height: 90px;
position: relative;
margin: 0px auto;
}
.os-services-list .create-service-link-w .add-service-graphic-w .add-service-plus {
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
height: 30px;
width: 30px;
background-color: #219ff8;
box-shadow: 0px 0px 0px 10px rgba(208, 213, 220, 0.3);
color: #fff;
transform: translate(-50%, -50%);
transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1.35);
}
.os-services-list .create-service-link-w .add-service-graphic-w .add-service-plus i {
position: absolute;
display: block;
top: 50%;
left: 50%;
font-size: 12px;
transform: translate(-45%, -47%);
transition: all 0.2s ease;
}
.os-services-list .create-service-link-w .add-service-label {
color: #1f222b;
font-weight: 400;
font-size: 18px;
margin-top: 20px;
transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1.35);
}
.os-services-list .create-service-link-w:hover {
border-color: #1d7bff;
border-style: solid;
}
.os-services-list .create-service-link-w:hover .add-service-plus {
box-shadow: 0px 0px 0px 20px rgba(208, 213, 220, 0.3);
transform: translate(-50%, -50%) scale(1.3);
background-color: #1d7bff;
}
.os-services-list .create-service-link-w:hover .add-service-label {
transform: translateY(5px);
}
.os-services-selector .service {
text-align: center;
padding: 10px 10px;
padding-left: 40px;
border: 2px solid #ddd;
border-radius: 20px;
position: relative;
margin-bottom: 15px;
display: flex;
align-items: center;
}
.os-services-selector .service:before {
background-color: #fff;
color: #fff;
padding: 2px;
font-size: 13px;
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e904";
position: absolute;
top: 50%;
left: 10px;
display: block;
border-radius: 6px;
transform: translateY(-50%);
box-shadow: inset 0px 0px 0px 2px #ddd;
}
.os-services-selector .service.active {
border-color: #1d7bff;
background-color: #F1F5FF;
}
.os-services-selector .service.active .service-customizer {
display: block;
}
.os-services-selector .service.active:before {
background-color: #1d7bff;
box-shadow: none;
}
.os-services-selector .service.active:before:hover {
box-shadow: none;
}
.os-services-selector .service.active .service-name {
color: #0061e9;
}
.os-services-selector .service.active:hover {
border-color: #0061e9;
background-color: #fff;
}
.os-services-selector .service:hover {
cursor: pointer;
border-color: #b7b7b7;
}
.os-services-selector .service:last-child {
margin-bottom: 0px;
}
.os-services-selector .service .service-avatar {
margin-right: 10px;
}
.os-services-selector .service .service-avatar img {
width: 30px;
height: auto;
display: block;
margin: 0px;
border-radius: 50%;
}
.os-services-selector .service .service-name {
margin-top: 0px;
margin-bottom: 0px;
}
.os-services-selector .service-customizer {
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
font-size: 18px;
color: #1d7bff;
text-decoration: none;
display: none;
}
.os-services-selector .service-customizer i {
display: inline-block;
transition: all 0.3s ease;
}
.os-services-selector .service-customizer span {
display: block;
position: absolute;
top: 0px;
left: 50%;
transform: translate(-50%, -100%);
background-color: #2D303A;
color: #fff;
padding: 5px 7px;
border-radius: 12px;
line-height: 1;
font-size: 13.5px;
font-weight: 400;
white-space: nowrap;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.os-services-selector .service-customizer:hover span {
transform: translate(-50%, -120%);
opacity: 1;
visibility: visible;
}
.os-services-selector .service-customizer:hover i {
transform: rotate(90deg);
}
.duplicate-service-btn {
margin-left: auto;
}
.os-categories-ordering-w {
margin-bottom: 30px;
}
.os-categories-ordering-w .gu-transit {
pointer-events: none;
}
.os-categories-ordering-w .os-category-parent-w .os-category-children {
padding: 10px;
border: 1px dotted rgba(0, 0, 0, 0.15);
border-radius: 12px;
margin: 10px 20px 10px 20px;
}
.os-categories-ordering-w .os-category-parent-w .os-category-children .gu-transit {
pointer-events: none;
}
.os-categories-ordering-w .os-category-parent-w .os-category-children .gu-transit .os-category-w {
margin-bottom: 10px;
}
.os-categories-ordering-w .os-category-parent-w:last-child > .os-category-children {
margin-bottom: 0px;
}
.os-category-parent-w.gu-mirror .os-category-children {
padding-left: 20px;
}
.os-category-parent-w.gu-mirror .os-category-w {
margin-bottom: 10px;
}
.os-categories-ordering-w .os-category-w, .os-category-parent-w.gu-mirror .os-category-w {
background-color: #fff;
border-radius: 20px;
border: 1px solid rgba(211, 213, 218, 0.6705882353);
background-image: linear-gradient(129deg, rgba(179, 184, 204, 0.0509803922), rgba(255, 255, 255, 0.3607843137));
box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.01), 1px 1px 5px -1px rgba(134, 124, 171, 0.12), inset 2px 2px 0 0 #fff;
border-radius: 20px;
}
.os-categories-ordering-w .os-category-w + .os-category-w, .os-category-parent-w.gu-mirror .os-category-w + .os-category-w {
margin-top: 10px;
}
.os-categories-ordering-w .os-category-w .os-category-head, .os-category-parent-w.gu-mirror .os-category-w .os-category-head {
display: flex;
align-items: center;
padding: 15px;
}
.os-categories-ordering-w .os-category-w .os-category-head .os-category-drag, .os-category-parent-w.gu-mirror .os-category-w .os-category-head .os-category-drag {
font-size: 16px;
padding: 5px;
color: #1d7bff;
margin-right: 5px;
line-height: 1;
cursor: -moz-grab;
cursor: -webkit-grab;
cursor: grab;
}
.os-categories-ordering-w .os-category-w .os-category-head .os-category-drag:before, .os-category-parent-w.gu-mirror .os-category-w .os-category-head .os-category-drag:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e92b";
}
.os-categories-ordering-w .os-category-w .os-category-head .os-category-edit-btn, .os-category-parent-w.gu-mirror .os-category-w .os-category-head .os-category-edit-btn {
background-color: transparent;
margin-left: auto;
display: block;
border: none;
box-shadow: none;
padding: 0px;
text-decoration: none;
color: #1d7bff;
outline: none;
box-shadow: none;
cursor: pointer;
font-size: 16px;
line-height: 1;
}
.os-categories-ordering-w .os-category-w .os-category-head .os-category-items-meta, .os-category-parent-w.gu-mirror .os-category-w .os-category-head .os-category-items-meta {
margin-right: auto;
margin-left: 20px;
background-color: #f3f4fd;
padding: 2px 5px;
line-height: 1.1;
font-size: 12px;
color: #788291;
border-radius: 15px;
}
.os-categories-ordering-w .os-category-w .os-category-head .os-category-items-count, .os-category-parent-w.gu-mirror .os-category-w .os-category-head .os-category-items-count {
margin-right: auto;
margin-left: 10px;
margin-right: 20px;
background-color: #f3f4fd;
padding: 2px 5px;
line-height: 1.1;
font-size: 12px;
color: #788291;
border-radius: 15px;
}
.os-categories-ordering-w .os-category-w .os-category-head .os-category-items-count a, .os-category-parent-w.gu-mirror .os-category-w .os-category-head .os-category-items-count a {
color: #1d7bff;
border-bottom: 1px solid #1d7bff;
display: inline-block;
text-decoration: none;
}
.os-categories-ordering-w .os-category-w .os-category-head .os-category-name, .os-category-parent-w.gu-mirror .os-category-w .os-category-head .os-category-name {
font-size: 17px;
font-weight: 400;
padding: 4px;
flex: 1;
cursor: pointer;
}
.os-categories-ordering-w .os-category-w .os-category-head .os-category-message, .os-category-parent-w.gu-mirror .os-category-w .os-category-head .os-category-message {
margin-right: auto;
display: block;
text-decoration: none;
font-size: 12px;
margin-right: 40px;
line-height: 1.1;
font-weight: 400;
padding: 2px 0px;
color: #cc0303;
border-bottom: 1px solid #cc0303;
}
.os-categories-ordering-w .os-category-w .os-category-body, .os-category-parent-w.gu-mirror .os-category-w .os-category-body {
border-top: 1px solid #EEF0F1;
padding: 20px;
display: none;
}
.os-categories-ordering-w .os-category-w .os-category-body .os-form-buttons, .os-category-parent-w.gu-mirror .os-category-w .os-category-body .os-form-buttons {
padding-top: 10px;
}
.os-categories-ordering-w .os-category-w .os-form-w, .os-category-parent-w.gu-mirror .os-category-w .os-form-w {
margin: 0px;
}
.os-categories-ordering-w .os-category-w.editing .os-category-edit-btn .latepoint-icon:before, .os-category-parent-w.gu-mirror .os-category-w.editing .os-category-edit-btn .latepoint-icon:before {
content: "\e94b";
}
.os-categories-ordering-w .os-category-w.editing .os-category-body, .os-category-parent-w.gu-mirror .os-category-w.editing .os-category-body {
display: block;
}
.gu-transit.os-category-parent-w {
opacity: 0.5;
}
.gu-transit.os-category-parent-w > .os-category-w {
box-shadow: inset 0px 0px 0px 2px #1d7bff;
}
.gu-mirror.os-category-parent-w {
margin-bottom: 10px;
}
.item-in-category-w {
background: rgb(240, 241, 247);
border: 2px solid rgb(219, 220, 236);
border-radius: 12px;
padding: 6px 8px;
display: flex;
align-items: center;
}
.item-in-category-w + .item-in-category-w {
margin-top: 10px;
}
.item-in-category-w + .os-category-parent-w {
margin-top: 10px;
}
.item-in-category-w.status-disabled {
opacity: 0.6;
border-color: #da6f6f;
background-color: #ffe8e8;
}
.item-in-category-w.status-disabled .os-category-item-meta {
background-color: #d60606;
color: #fff;
}
.item-in-category-w .os-category-item-drag {
font-size: 14px;
padding: 5px;
color: #1d7bff;
margin-right: 5px;
line-height: 1;
cursor: -moz-grab;
cursor: -webkit-grab;
cursor: grab;
}
.item-in-category-w .os-category-item-drag:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e92b";
}
.item-in-category-w .os-category-item-meta {
margin-right: auto;
margin-left: 20px;
background-color: #e4e5f3;
padding: 2px 5px;
line-height: 1.1;
font-size: 12px;
color: #788291;
border-radius: 15px;
}
.item-in-category-w .os-category-item-name {
font-size: 13.5px;
font-weight: 400;
flex: 1;
}
.gu-mirror {
position: fixed !important;
margin: 0 !important;
z-index: 10001 !important;
}
.gu-hide {
display: none !important;
}
.gu-unselectable {
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
}
.gu-transit {
opacity: 0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
}
.latepoint-admin .wp-media-buttons {
float: right;
}
.latepoint-admin .wp-media-buttons .button {
margin-right: 0px;
}
.latepoint-admin .wp-editor-tabs {
float: none;
display: flex;
}
.latepoint-admin #wpbody-content > .update-nag {
display: none;
}
.latepoint-admin .mce-top-part::before {
box-shadow: none;
}
.latepoint-admin .wp-editor-container {
box-shadow: none;
}
.latepoint-admin div.mce-toolbar-grp,
.latepoint-admin .quicktags-toolbar {
background-color: #fff;
border-bottom-color: #c6cbe2;
}
.latepoint-admin .html-active .switch-html,
.latepoint-admin .tmce-active .switch-tmce {
background-color: #fff;
border-bottom-color: #fff;
}
.latepoint-admin .wp-editor-container,
.latepoint-admin .wp-switch-editor {
border-color: #c6cbe2;
}
.latepoint-admin .wp-switch-editor {
background-color: #e4e8f1;
border-radius: 4px 4px 0px 0px;
font-weight: 400;
font-size: 16px;
padding: 6px 15px;
margin-right: 5px;
}
.latepoint-admin .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
box-shadow: none;
border-color: #c6cbe2;
}
/*
* Container style
*/
.ps {
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto;
}
/*
* Scrollbar rail styles
*/
.ps__rail-x {
display: none;
opacity: 0;
transition: background-color 0.2s linear, opacity 0.2s linear;
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
height: 15px;
/* there must be 'bottom' or 'top' for ps__rail-x */
bottom: 0px;
/* please don't change 'position' */
position: absolute;
}
.ps__rail-y {
display: none;
opacity: 0;
transition: background-color 0.2s linear, opacity 0.2s linear;
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
width: 15px;
/* there must be 'right' or 'left' for ps__rail-y */
right: 0;
/* please don't change 'position' */
position: absolute;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
display: block;
background-color: transparent;
}
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
opacity: 0.6;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
background-color: #eee;
opacity: 0.9;
}
/*
* Scrollbar thumb styles
*/
.ps__thumb-x {
background-color: #aaa;
border-radius: 6px;
transition: background-color 0.2s linear, height 0.2s ease-in-out;
-webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
height: 6px;
/* there must be 'bottom' for ps__thumb-x */
bottom: 2px;
/* please don't change 'position' */
position: absolute;
}
.ps__thumb-y {
background-color: #aaa;
border-radius: 6px;
transition: background-color 0.2s linear, width 0.2s ease-in-out;
-webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
width: 6px;
/* there must be 'right' for ps__thumb-y */
right: 2px;
/* please don't change 'position' */
position: absolute;
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
background-color: #999;
height: 11px;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
background-color: #999;
width: 11px;
}
/* MS supports */
@supports (-ms-overflow-style: none) {
.ps {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps {
overflow: auto !important;
}
}
.available-vars-w h3 {
margin-top: 0px;
}
.available-vars-w h4 {
margin-bottom: 10px;
margin-top: 0px;
color: #1d7bff;
padding-bottom: 5px;
}
.available-vars-w .available-vars-i {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.available-vars-w .available-vars-block {
flex: 0 0 32%;
box-shadow: 0 5px 15px -5px rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6);
border-radius: 15px;
padding: 20px;
margin-bottom: 2%;
}
.available-vars-w .available-vars-block:last-child ul {
margin-bottom: 0px;
}
.available-vars-w ul {
margin-bottom: 0px;
}
.available-vars-w ul li {
font-size: 12px;
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.available-vars-w ul li:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.available-vars-w ul li .var-code {
padding: 3px 4px;
line-height: 1.1;
display: inline-block;
background-color: #fff;
border-radius: 6px;
color: #1d7bff;
vertical-align: middle;
cursor: pointer;
}
.available-vars-w ul li .var-code:hover {
border-color: #0061e9;
color: #0061e9;
background-color: #e5e9ff;
}
.available-vars-w ul li .var-label {
vertical-align: middle;
display: inline-block;
width: 120px;
padding-right: 10px;
}
.os-click-to-copy-prompt {
font-size: 12px;
position: fixed;
z-index: 99999;
border-radius: 4px;
font-weight: 400;
white-space: nowrap;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
padding: 3px 5px;
}
.os-click-to-copy-prompt.color-dark {
background-color: #111;
color: #fff;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.os-click-to-copy-prompt.color-light {
background-color: #fff;
color: #111;
}
.os-click-to-copy-done {
font-size: 12px;
position: fixed;
z-index: 99999;
border-radius: 4px;
font-weight: 400;
white-space: nowrap;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
padding: 3px 5px;
}
.os-click-to-copy-done.color-dark {
background-color: #111;
color: #fff;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.os-click-to-copy-done.color-light {
background-color: #fff;
color: #111;
}
.latepoint-template-variables,
.latepoint-layout-template-variables {
position: fixed;
left: 10px;
z-index: 99999;
top: 10px;
bottom: 10px;
width: 470px;
display: none;
box-shadow: 0px 7px 32px -8px rgba(0, 0, 0, 0.66);
background-color: #0e0f10;
background-image: linear-gradient(45deg, #0c0e26, #061047);
border-radius: 12px;
}
.latepoint-template-variables.is-visible,
.latepoint-layout-template-variables.is-visible {
display: block;
}
.latepoint-template-variables .latepoint-template-variables-i,
.latepoint-layout-template-variables .latepoint-template-variables-i {
position: absolute;
top: 55px;
bottom: 0px;
left: 0px;
right: 0px;
padding: 30px 30px;
padding-top: 0px;
overflow: auto;
}
.latepoint-template-variables > h3,
.latepoint-layout-template-variables > h3 {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding: 15px 30px;
margin: 0px;
color: #fff;
}
.latepoint-template-variables .close-template-variables-panel,
.latepoint-template-variables .close-layout-template-variables-panel,
.latepoint-layout-template-variables .close-template-variables-panel,
.latepoint-layout-template-variables .close-layout-template-variables-panel {
position: fixed;
z-index: 99999;
font-size: 20px;
top: 15px;
right: 20px;
color: rgba(255, 255, 255, 0.8);
cursor: pointer;
}
.latepoint-template-variables .close-template-variables-panel:hover,
.latepoint-template-variables .close-layout-template-variables-panel:hover,
.latepoint-layout-template-variables .close-template-variables-panel:hover,
.latepoint-layout-template-variables .close-layout-template-variables-panel:hover {
color: #fff;
}
.latepoint-template-variables h4,
.latepoint-layout-template-variables h4 {
color: #fff;
font-size: 15px;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
padding-bottom: 10px;
margin-top: 20px;
margin-bottom: 2px;
}
.latepoint-template-variables ul,
.latepoint-layout-template-variables ul {
margin-bottom: 0px;
}
.latepoint-template-variables ul li,
.latepoint-layout-template-variables ul li {
font-size: 12px;
margin-bottom: 2px;
padding-bottom: 2px;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
position: relative;
}
.latepoint-template-variables ul li:last-child,
.latepoint-layout-template-variables ul li:last-child {
border-bottom: none;
}
.latepoint-template-variables ul li strong,
.latepoint-layout-template-variables ul li strong {
color: #fff;
}
.latepoint-template-variables ul li .var-code,
.latepoint-layout-template-variables ul li .var-code {
padding: 3px 4px;
line-height: 1.1;
display: inline-block;
background-color: transparent;
border-radius: 6px;
color: #efefef;
vertical-align: middle;
cursor: pointer;
}
.latepoint-template-variables ul li .var-code:hover,
.latepoint-layout-template-variables ul li .var-code:hover {
color: #fff;
background-color: #1d7bff;
}
.latepoint-template-variables ul li .var-label,
.latepoint-layout-template-variables ul li .var-label {
vertical-align: middle;
display: inline-block;
width: 200px;
color: #9397a1;
}
.field-note {
margin-bottom: 20px;
}
.field-note-info-link {
text-decoration: none;
display: inline-block;
}
.field-note-info-link:focus {
outline: none;
box-shadow: none;
}
.field-note-info-link span, .field-note-info-link i {
display: inline-block;
vertical-align: middle;
}
.field-note-info-link span {
border-bottom: 1px solid rgba(29, 123, 255, 0.6);
}
.field-note-info-link i {
margin-right: 5px;
}
.agent-connection-icon {
display: inline-block;
margin-right: 10px;
margin-top: 5px;
}
.agent-connection-icon img {
height: 16px;
width: auto;
display: inline-block;
}
.os-zoom-info-link {
background-color: #fff;
border: 1px solid #ddd;
display: flex;
align-items: center;
border-radius: 15px;
padding-left: 15px;
margin-bottom: 15px;
}
.os-zoom-info-link .os-zoom-meeting-info {
padding: 10px 10px 10px 15px;
flex: 1;
}
.os-zoom-info-link .os-zoom-meeting-info span {
color: #788291;
margin-right: 2px;
}
.os-zoom-info-link .os-zoom-meeting-info strong {
color: #1c2754;
}
.os-zoom-info-link .os-zoom-meeting-info .os-zoom-meeting-id {
font-size: 15px;
margin-bottom: 4px;
line-height: 1;
}
.os-zoom-info-link .os-zoom-meeting-info .os-zoom-meeting-password {
font-size: 13px;
}
.os-zoom-info-link .os-zoom-meeting-info .os-zoom-meeting-password strong {
color: #1d7bff;
}
.os-zoom-info-link img {
display: block;
width: 30px;
height: 30px;
margin: 5px 0px;
}
.os-zoom-info-link a {
margin-left: auto;
display: block;
padding: 20px 40px 20px 25px;
position: relative;
text-decoration: none;
white-space: nowrap;
border-radius: 0 6px 6px 0;
}
.os-zoom-info-link a:hover {
box-shadow: 0 0 0 1px #1d7bff, inset 0 0 0 1px #1d7bff;
}
.os-zoom-info-link a:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e907";
position: absolute;
top: 50%;
right: 15px;
font-size: 14px;
transform: translateY(-50%);
}
.price-breakdown-wrapper .os-form-group {
margin-bottom: 0px;
}
.balance-payment-wrapper .pi-balance-due {
position: relative;
}
.balance-payment-wrapper.os-loading .pi-balance-due {
color: transparent !important;
}
.balance-payment-wrapper.os-loading .pi-balance-due:before {
display: block;
content: "";
width: 16px !important;
height: 16px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.initial-payment-data-wrapper {
margin-top: 15px;
padding: 5px;
border-radius: 15px;
background-color: #f3f3f3;
}
.initial-payment-data-wrapper .initial-payment-data-toggler-wrapper {
display: flex;
align-items: center;
gap: 10px;
}
.initial-payment-data-wrapper .initial-payment-data-toggler-wrapper .os-form-group {
flex: 1;
}
.initial-payment-data-wrapper .initial-payment-data-toggler-wrapper .latepoint-element-info-trigger {
padding: 5px;
cursor: pointer;
text-decoration: none;
color: #000;
position: relative;
}
.initial-payment-data-wrapper .initial-payment-data-toggler-wrapper .latepoint-element-info-trigger i {
font-size: 18px;
}
.initial-payment-data-wrapper .initial-payment-data-toggler-wrapper .latepoint-element-info-trigger:hover {
color: #1d7bff;
}
.initial-payment-data-wrapper .initial-payment-data-toggler-wrapper .latepoint-element-info-trigger.os-loading i {
opacity: 0;
}
.initial-payment-data-wrapper .initial-payment-data-toggler-wrapper .latepoint-element-info-trigger.os-loading:before {
display: block;
content: "";
width: 16px !important;
height: 16px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.initial-payment-data-wrapper .os-form-group.os-form-toggler-group {
padding-left: 10px;
padding-right: 15px;
}
.initial-payment-data-wrapper .os-form-group.os-form-toggler-group:hover {
box-shadow: none;
}
.initial-payment-data-wrapper .os-form-group.os-form-toggler-group label {
font-size: 14px;
}
.initial-payment-data-wrapper .os-form-group.os-form-group-transparent {
margin-bottom: 0;
}
.initial-payment-data-wrapper .payment-request-settings-wrapper {
margin: 10px;
margin-top: 5px;
padding-top: 15px;
border-top: 1px solid #ddd;
}
.initial-payment-data-wrapper .payment-request-settings-wrapper .payment-request-row {
display: flex;
gap: 10px;
align-items: center;
}
.initial-payment-data-wrapper .payment-request-settings-wrapper .payment-request-row + .payment-request-row {
margin-top: 10px;
}
.initial-payment-data-wrapper .payment-request-settings-wrapper .custom-charge-amount-wrapper {
flex: 0 0 90px;
}
.initial-payment-data-wrapper .payment-request-settings-wrapper .label-for-select {
color: #788291;
font-weight: 400;
border-radius: 15px;
line-height: 1.4;
flex: 0 0 60px;
white-space: nowrap;
}
.initial-payment-data-wrapper .payment-request-settings-wrapper .os-date-range-picker {
flex: 1;
background-color: #fff;
border: 1px solid #d2d4d7;
padding: 7px 1px 6px 10px;
border-radius: 15px;
line-height: 1.4;
display: flex;
align-items: center;
gap: 5px;
cursor: pointer;
}
.initial-payment-data-wrapper .payment-request-settings-wrapper .os-date-range-picker:hover {
border-color: #1d7bff;
}
.initial-payment-data-wrapper .payment-request-settings-wrapper .os-date-range-picker i {
font-size: 12px;
}
.initial-payment-data-wrapper .payment-request-settings-wrapper .os-date-range-picker .range-picker-value {
flex: 1;
}
.initial-payment-data-wrapper .payment-request-settings-wrapper .os-form-group {
margin-bottom: 0 !important;
flex: 1;
}
.balance-payment-info {
border-radius: 6px;
font-weight: 400;
}
.balance-payment-info .payment-info-values {
display: flex;
justify-content: space-between;
align-items: baseline;
font-size: 24px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding-bottom: 1px;
}
.balance-payment-info .payment-info-values .pi-smaller {
font-size: 15px;
}
.balance-payment-info .payment-info-values .pi-red {
color: #ab3636;
}
.balance-payment-info .payment-info-values .pi-green {
color: #0c8e25;
}
.balance-payment-info .payment-info-labels {
padding: 3px 0px;
display: flex;
justify-content: space-between;
color: #788291;
font-size: 13px;
font-weight: 400;
}
/* Root element */
pre.json-document {
padding: 10px 20px;
background-color: #030b1c;
color: #f5fbff;
font-family: "latepoint-mono", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 400;
border-radius: 20px;
/* Syntax highlighting for JSON objects */
/* Toggle button */
/* Collapsable placeholder links */
}
pre.json-document a {
color: #76b2fa;
}
pre.json-document ul.json-dict, pre.json-document ol.json-array {
list-style-type: none;
margin: 6px 0 0 1px;
border-left: 1px solid rgba(255, 255, 255, 0.24);
padding-left: 2em;
}
pre.json-document ul.json-dict li, pre.json-document ol.json-array li {
margin-bottom: 3px;
}
pre.json-document .json-string {
color: #76b2fa;
}
pre.json-document .json-literal {
color: #f8b886;
font-weight: 400;
}
pre.json-document a.json-toggle {
position: relative;
color: inherit;
text-decoration: none;
}
pre.json-document a.json-toggle:focus {
outline: none;
}
pre.json-document a.json-toggle:before {
font-size: 10px;
color: #fff;
content: "â–¼"; /* down arrow */
position: absolute;
display: inline-block;
width: 1em;
text-align: center;
line-height: 18px;
left: -14px;
}
pre.json-document a.json-toggle:hover:before {
color: #aaa;
}
pre.json-document a.json-toggle.collapsed:before {
/* Use rotated down arrow, prevents right arrow appearing smaller than down arrow in some browsers */
transform: rotate(-90deg);
}
pre.json-document a.json-placeholder {
color: #aaa;
padding: 0 1em;
text-decoration: none;
}
pre.json-document a.json-placeholder:hover {
text-decoration: underline;
}
.pro-feature-banner {
padding: 50px;
background-color: #fff;
background-image: linear-gradient(110deg, #fff, #fff7da);
position: relative;
box-shadow: 0 8px 35px #ffe07f, inset 0 0 30px 4px #fff;
border-radius: 20px;
}
.pro-feature-banner.is-open {
background-color: #fff;
}
.pro-feature-banner.is-open .pro-desc {
color: #1f222b;
}
.pro-feature-banner:before {
content: "";
z-index: 1;
width: 25%;
position: absolute;
top: 30px;
bottom: 30px;
right: 30px;
background-image: radial-gradient(#111 1px, transparent 0);
background-size: 14px 14px;
}
.pro-feature-banner h4 {
font-weight: 400;
color: #1f222b;
font-size: 24px;
margin-bottom: 15px;
}
.pro-feature-banner .pro-premium-features-list-wrapper {
font-size: 15px;
margin-top: 20px;
display: none;
}
.pro-feature-banner .pro-desc {
font-size: 17px;
margin-bottom: 20px;
line-height: 1.5;
color: #111;
}
.pro-feature-banner .pro-desc ul {
list-style-type: square;
margin: 10px 0 10px 20px;
}
.pro-feature-banner .pro-desc ul li {
margin-bottom: 0;
}
.pro-feature-banner .latepoint-pro-link-subtle {
margin-left: 20px;
display: inline-block;
border-bottom: 1px dotted #000;
color: #000;
text-decoration: none;
font-size: 17px;
position: relative;
}
.pro-feature-banner .latepoint-pro-link-subtle.os-loading {
color: transparent;
border-color: transparent;
}
.pro-feature-banner .latepoint-pro-link-subtle.os-loading:before {
display: block;
content: "";
width: 14px !important;
height: 14px !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: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.pro-feature-banner .latepoint-pro-link {
padding: 10px 15px;
background-color: #ffdb78;
color: #000;
font-weight: 400;
text-decoration: none;
font-size: 17px;
display: inline-block;
border-radius: 15px;
}
.os-resources-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px;
grid-auto-rows: 1fr;
}
.os-resources-grid .os-resource-grid-item:hover .instant-booking-settings-open {
display: block;
}
.os-resources-grid .os-resource-grid-item .instant-booking-settings-open {
display: none;
position: absolute;
top: -3px;
right: -3px;
text-decoration: none;
background-color: #219ff8;
box-shadow: 0 0 0 5px #e0f2ff;
color: #fff;
border-radius: 20px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 18px;
cursor: pointer;
transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1.35);
}
.os-resources-grid .os-resource-grid-item .instant-booking-settings-open i {
line-height: 30px;
}
.os-resources-grid .os-resource-grid-item .instant-booking-settings-open:hover {
background-color: #1d7bff;
color: #fff;
box-shadow: 0 0 0 7px #c8e8ff;
transform: scale(1.2);
}
.create-resource-link-w {
border: 2px dotted #d2d4d7;
border-radius: 20px;
text-align: center;
position: relative;
cursor: pointer;
display: block;
outline: none;
box-shadow: none;
min-height: 150px;
}
.create-resource-link-w .create-resource-link-i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.create-resource-link-w .add-resource-graphic-w {
width: 80px;
height: 80px;
position: relative;
margin: 0px auto;
}
.create-resource-link-w .add-resource-graphic-w .add-resource-plus {
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
height: 30px;
width: 30px;
background-color: #1d7bff;
box-shadow: 0px 0px 0px 15px rgba(208, 213, 220, 0.3);
color: #fff;
transform: translate(-50%, -50%);
transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1.35);
}
.create-resource-link-w .add-resource-graphic-w .add-resource-plus i {
position: absolute;
display: block;
top: 50%;
left: 50%;
font-size: 12px;
transform: translate(-50%, -50%);
transition: all 0.2s ease;
}
.create-resource-link-w .add-resource-label {
color: #1f222b;
font-weight: 400;
font-size: 18px;
margin-top: 5px;
transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1.35);
}
.create-resource-link-w:hover {
border-color: #1d7bff;
border-style: solid;
}
.create-resource-link-w:hover .add-resource-plus {
box-shadow: 0px 0px 0px 15px rgba(208, 213, 220, 0.3);
transform: translate(-50%, -50%) scale(1.2);
}
.create-resource-link-w:hover .add-resource-label {
transform: translateY(5px);
}
.os-add-box {
border: 1px dotted #aaa;
padding: 11px 8px;
cursor: pointer;
display: flex;
align-items: center;
text-decoration: none;
margin: 15px 0px;
border-radius: 20px;
}
.os-add-box .add-box-graphic-w {
width: 40px;
height: 40px;
position: relative;
}
.os-add-box .add-box-graphic-w .add-box-plus {
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
height: 15px;
width: 15px;
background-color: #1d7bff;
box-shadow: 0px 0px 0px 8px rgba(204, 204, 204, 0.3);
color: #fff;
transform: translate(-50%, -50%);
transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1.35);
}
.os-add-box .add-box-graphic-w .add-box-plus i {
position: absolute;
display: block;
top: 50%;
left: 50%;
font-size: 7px;
transform: translate(-45%, -47%);
transition: all 0.2s ease;
}
.os-add-box .add-box-label {
color: #1f222b;
font-weight: 400;
font-size: 15px;
transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1.35);
margin-left: 15px;
}
.os-add-box:hover {
border-color: #1d7bff;
border-style: solid;
box-shadow: 0 0 0 1px #1d7bff;
}
.os-add-box:hover .add-box-plus {
box-shadow: 0px 0px 0px 10px rgba(189, 214, 252, 0.3);
transform: translate(-50%, -50%) scale(1.2);
}
.os-add-box:hover .add-box-label {
transform: translateX(5px);
}
.os-add-box.os-loading {
animation: animate_appointment_small_box 0.8s ease infinite;
}
.os-add-box.os-loading .add-box-plus {
color: rgba(255, 255, 255, 0.4);
}
.os-add-box.os-loading .add-box-plus:after {
display: block;
content: "";
width: 42px !important;
height: 42px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.latepoint-content > .os-add-box:first-child {
margin-top: 0px;
}
.lp-order-status {
padding: 2px 5px;
border-radius: 15px;
background-color: #eee;
color: #333;
border: 1px solid #aaa;
font-weight: 400;
font-size: 12px;
line-height: 1;
}
.lp-order-status.lp-order-status-cancelled {
background-color: #ffc3c3;
border-color: #e62a31;
color: #5d2222;
}
.lp-order-status.lp-order-status-partially_paid, .lp-order-status.lp-order-status-partially_fulfilled {
background-color: #ffe1c3;
border-color: #bd8841;
color: #2e1e11;
}
.lp-order-status.lp-order-status-completed, .lp-order-status.lp-order-status-fully_paid, .lp-order-status.lp-order-status-fulfilled {
background-color: #cbfad7;
border-color: #65bf99;
color: #347159;
}
.lp-order-status.lp-order-status-open {
background-color: #d1e8ff;
border-color: #2382ed;
color: #0143a6;
}
.lp-transaction-status {
padding: 2px 5px;
border-radius: 15px;
background-color: #eee;
color: #333;
border: 1px solid #aaa;
font-weight: 400;
font-size: 12px;
line-height: 1;
}
.lp-transaction-status.lp-transaction-status-declined, .lp-transaction-status.lp-transaction-status-failed, .lp-transaction-status.lp-transaction-funds-status-declined, .lp-transaction-status.lp-transaction-funds-status-failed {
background-color: #ffc3c3;
border-color: #e62a31;
color: #5d2222;
}
.lp-transaction-status.lp-transaction-status-approved, .lp-transaction-status.lp-transaction-status-succeeded, .lp-transaction-status.lp-transaction-funds-status-approved, .lp-transaction-status.lp-transaction-funds-status-succeeded {
background-color: #cbfad7;
border-color: #65bf99;
color: #347159;
}
.lp-transaction-status.lp-transaction-status-capture, .lp-transaction-status.lp-transaction-status-sale, .lp-transaction-status.lp-transaction-funds-status-capture, .lp-transaction-status.lp-transaction-funds-status-sale {
background-color: #cbfad7;
border-color: #65bf99;
color: #347159;
}
.lp-transaction-status.lp-transaction-status-authorization, .lp-transaction-status.lp-transaction-funds-status-authorization {
background-color: #d1e8ff;
border-color: #2382ed;
color: #0143a6;
}
.lp-transaction-status.lp-transaction-status-void, .lp-transaction-status.lp-transaction-status-refund, .lp-transaction-status.lp-transaction-funds-status-void, .lp-transaction-status.lp-transaction-funds-status-refund {
background-color: #ffc3c3;
border-color: #e62a31;
color: #5d2222;
}
.lp-processor-logo.lp-processor-logo-stripe_connect, .lp-processor-logo.lp-processor-logo-stripe {
background-image: url(/wp-content/plugins/latepoint/public/images/processor-stripe.png);
background-size: contain;
color: transparent;
background-position: center center;
background-repeat: no-repeat;
width: 30px;
overflow: hidden;
}
.lp-processor-logo.lp-processor-logo-braintree {
background-image: url(/wp-content/plugins/latepoint/public/images/processor-braintree.png);
background-size: contain;
color: transparent;
background-position: center center;
background-repeat: no-repeat;
width: 60px;
overflow: hidden;
}
.lp-processor-logo.lp-processor-logo-paypal {
background-image: url(/wp-content/plugins/latepoint/public/images/processor-paypal-short.png);
background-size: contain;
color: transparent;
background-position: center center;
background-repeat: no-repeat;
width: 60px;
overflow: hidden;
}
.copyable-text-block {
position: relative;
margin-top: 20px;
}
.copyable-text-block .text-label {
color: #788291;
margin-bottom: 3px;
font-weight: 400;
font-size: 15px;
}
.copyable-text-block .text-value {
padding: 8px;
border-radius: 6px;
position: relative;
font-size: 16px;
font-weight: 400;
cursor: pointer;
width: 100%;
}
.pe-conditions h3 {
margin: 20px 0px 10px 0px;
}
.late-tooltip {
max-width: 250px;
text-align: center;
position: absolute;
background-color: #000;
color: #fff;
padding: 5px 6px 6px;
line-height: 1.2;
font-weight: 400;
font-size: 13px;
border-radius: 12px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
.os-accordion-wrapper {
border-top: 1px solid #ddd;
}
.os-accordion-wrapper + .os-accordion-wrapper {
border-top: none;
}
.os-accordion-wrapper.is-open .os-accordion-content {
display: block;
}
.os-accordion-wrapper .os-accordion-title {
border-bottom: 1px solid #ddd;
position: relative;
padding: 15px 0px;
cursor: pointer;
display: flex;
align-items: center;
}
.os-accordion-wrapper .os-accordion-title:after {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e911";
position: absolute;
top: 50%;
right: 0;
font-size: 14px;
color: #788291;
transform: translateY(-50%);
}
.os-accordion-wrapper .os-accordion-title:hover:after {
color: #1f222b;
}
.os-accordion-wrapper .os-accordion-title:hover .latepoint-icon {
color: #1d7bff;
}
.os-accordion-wrapper .os-accordion-title:hover h3 {
color: #1d7bff;
}
.os-accordion-wrapper .os-accordion-title .latepoint-icon {
margin-right: 10px;
width: 20px;
font-size: 16px;
color: #1f222b;
}
.os-accordion-wrapper .os-accordion-title h3 {
font-size: 16px;
margin: 0px;
flex: 1;
}
.os-accordion-wrapper .os-accordion-content {
display: none;
padding: 20px 0px;
}
.os-notifications {
display: flex;
flex-direction: column-reverse;
transform-origin: top center;
}
.os-notifications:not(.os-relative) {
position: fixed;
left: 50%;
transform: translateX(-50%);
top: 11px;
z-index: 10001;
margin-bottom: 0;
}
.os-notifications.os-relative .os-notification-close {
display: none;
}
.os-notifications.os-relative .item {
margin-bottom: 15px;
}
.os-notifications .os-notification-link {
color: #1d7bff;
border-bottom: 1px dotted #1d7bff;
cursor: pointer;
}
.os-notifications .os-notification-link:after {
content: "";
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e91a";
margin-left: 5px;
}
.os-notifications .os-notification-link:hover {
border-bottom-style: solid;
}
.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: 10px 40px 12px 45px;
background-color: #c5ffd9;
color: #018657;
border: 1px solid #39d08b;
font-weight: 400;
font-size: 15px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 12px;
min-width: 400px;
text-align: left;
position: relative;
}
.os-notifications .item:before {
color: #fff;
position: absolute;
top: 15px;
left: 15px;
width: 10px;
height: 10px;
text-align: center;
border-radius: 50%;
z-index: 3;
content: "";
}
.os-notifications .item.item-type-error {
background-color: #fff1f1;
border: 1px solid #f2c3c3;
border-bottom-color: #ea9898;
color: #7f0d0d;
box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.26);
}
.os-notifications .item.item-type-error:before {
background-color: #ff5839;
box-shadow: 0px 1px 0px 0px rgba(255, 138, 138, 0.5), 0px 0px 0px 6px rgba(255, 138, 138, 0.15), 0px 0px 0px 10px rgba(255, 138, 138, 0.1), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.2);
border: 1px solid #ee1b1b;
border-bottom-color: #ce0a0a;
}
.os-notifications .item.item-type-success {
background-color: #eeffed;
border: 1px solid #a9e3a2;
border-bottom-color: #91c68f;
color: #0d7f24;
box-shadow: 0px 1px 4px -1px rgba(79, 239, 88, 0.6);
}
.os-notifications .item.item-type-success:before {
background-color: #63e57a;
box-shadow: 0px 1px 0px 0px rgba(138, 255, 154, 0.5), 0px 0px 0px 6px rgba(138, 255, 154, 0.25), 0px 0px 0px 10px rgba(138, 255, 154, 0.15), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.4);
border: 1px solid #35d431;
border-bottom-color: #33c82f;
}
.os-notifications .item + .item {
margin-bottom: 10px;
}
.os-reminder-form {
position: relative;
}
.os-reminder-form + .os-reminder-form {
margin-top: 15px;
}
.os-reminder-form .os-form-message-w.status-success {
display: none;
}
.os-reminder-form .os-remove-reminder {
position: absolute;
right: 0px;
top: 0px;
transform: translate(50%, -50%);
font-size: 14px;
color: #41444b;
text-decoration: none;
display: block;
padding: 0px 2px;
line-height: 18px;
width: 18px;
border-radius: 20px;
background-color: #fff;
box-shadow: 0 5px 15px -5px rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6);
text-align: center;
vertical-align: middle;
transition: all 0.2s ease;
display: none;
}
.os-reminder-form .os-remove-reminder:hover {
color: #dc5858;
transform: translate(50%, -50%) rotate(90deg);
}
.os-reminder-form .os-remove-reminder i {
vertical-align: middle;
line-height: 18px;
}
.os-reminder-form .os-remove-reminder.os-loading:after {
display: block;
content: "";
width: 19px;
height: 19px;
border-bottom: 2px solid #dc5858;
border-left: 2px solid #dc5858;
border-top: 2px solid #dc5858;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
}
.os-reminder-form .os-remove-reminder.os-loading i {
color: transparent;
}
.os-reminder-form:hover .os-remove-reminder {
display: block;
}
.os-reminder-form .os-reminder-form-info {
display: flex;
cursor: pointer;
align-items: center;
position: relative;
padding-left: 25px;
}
.os-reminder-form .os-reminder-form-info:before {
content: "";
width: 3px;
height: 3px;
background-color: #1d7bff;
box-shadow: 6px 6px 0px rgba(29, 123, 255, 0.6), 0px 6px 0px rgba(29, 123, 255, 0.6), 0px 12px 0px rgba(29, 123, 255, 0.3), 6px 18px 0px rgba(29, 123, 255, 0.7), 6px 12px 0px rgba(29, 123, 255, 0.4);
position: absolute;
top: -2px;
left: 0px;
}
.os-reminder-form .os-reminder-form-info:hover .os-reminder-name {
color: #1d7bff;
}
.os-reminder-form .os-reminder-form-info.os-reminder-required .os-reminder-type:after {
position: absolute;
content: "*";
color: #BC0000;
top: 50%;
right: -15px;
transform: translateY(-50%);
line-height: 1;
font-size: 18px;
display: block;
}
.os-reminder-form .os-reminder-form-info .os-reminder-drag {
font-size: 16px;
padding: 5px;
padding-left: 0px;
color: #1d7bff;
margin-right: 10px;
line-height: 1;
cursor: -moz-grab;
cursor: -webkit-grab;
cursor: grab;
}
.os-reminder-form .os-reminder-form-info .os-reminder-drag:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e92b";
}
.os-reminder-form .os-reminder-form-info .os-reminder-name {
margin-right: 10px;
font-size: 19px;
font-weight: 400;
}
.os-reminder-form .os-reminder-form-info .os-reminder-type {
color: #788291;
position: relative;
}
.os-reminder-form .os-reminder-form-info .os-reminder-edit-btn {
margin-left: auto;
font-size: 16px;
color: #1d7bff;
}
.os-reminder-form .os-reminder-form-params {
display: none;
padding-top: 20px;
margin-top: 10px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.os-reminder-form .os-reminder-form-i {
padding: 20px;
background-color: #fff;
box-shadow: 0 5px 15px -5px rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6);
border-radius: 15px;
}
.os-reminder-form .os-reminder-form-i .os-form-group {
margin-bottom: 20px;
}
.os-reminder-form .os-reminder-form-i .os-form-group:first-child {
flex: 1;
}
.os-reminder-form.os-is-editing .os-reminder-form-params {
display: block;
}
.selected-agent-info-w {
display: flex;
align-items: center;
padding-bottom: 15px;
}
.selected-agent-info-w .avatar-w img {
width: 45px;
height: auto;
border-radius: 50px;
display: block;
}
.selected-agent-info-w .info-name {
font-size: 15.6px;
font-weight: 400;
margin-bottom: 10px;
}
.selected-agent-info-w .info-w {
padding-left: 20px;
}
.selected-agent-info-w .info-w .info-name {
margin-top: 0px;
margin-bottom: 0px;
color: #1d7bff;
}
.selected-agent-info-w .info-w .latepoint-btn + .latepoint-btn {
margin-left: 6px;
}
.agent-info-w.selecting .agent-info-change-agent-btn {
display: none;
}
.agent-info-w.selecting .selected-agent-info-w {
display: none;
}
.os-agents-list-w {
box-shadow: 0px 10px 70px rgba(0, 0, 0, 0.5);
border-radius: 4px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
width: 400px;
}
.os-agents-list-w .agents-header {
margin: 0px;
padding: 20px;
text-align: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.os-agents-list-w .agents-footer {
padding: 10px 20px;
text-align: center;
border-top: 1px solid rgba(0, 0, 0, 0.05);
display: flex;
}
.os-agents-list-w .agents-footer .latepoint-btn:last-child {
margin-left: auto;
}
.os-agents-list {
height: 240px;
overflow-y: auto;
display: flex;
flex-wrap: wrap;
}
.os-agents-list .os-agent {
flex: 0 0 33.3%;
box-sizing: border-box;
align-items: center;
padding: 15px 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
border-right: 1px solid rgba(0, 0, 0, 0.05);
text-align: center;
cursor: pointer;
}
.os-agents-list .os-agent:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.os-agents-list .os-agent:hover .agent-name {
color: #1d7bff;
}
.os-agents-list .os-agent.selected .agent-avatar {
position: relative;
box-shadow: 0px 0px 0px 4px #1d7bff;
}
.os-agents-list .os-agent.selected .agent-avatar:before {
content: "\e904";
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
color: #1d7bff;
position: absolute;
top: -3px;
right: -14px;
width: 20px;
height: 20px;
font-size: 12px;
padding: 2px;
background-color: #1d7bff;
color: #fff;
text-align: center;
line-height: 20px;
border-radius: 50%;
}
.os-agents-list .agent-avatar {
border-radius: 50%;
height: 40px;
margin-bottom: 10px;
display: inline-block;
}
.os-agents-list .agent-avatar img {
width: 40px;
height: auto;
border-radius: 50%;
box-shadow: 0 0 0 2px #fff;
}
.os-agents-list .agent-name {
margin: 0px;
}
.disabled-items-wrapper {
margin-top: 40px;
}
.disabled-items-wrapper:not(.is-open) .disabled-items-boxes {
display: none;
}
.disabled-items-wrapper .disabled-items-open-trigger {
font-size: 17px;
color: #788291;
display: flex;
justify-content: space-between;
border-top: 1px solid #EEF0F1;
border-bottom: 1px solid #EEF0F1;
padding: 20px 0;
cursor: pointer;
margin-bottom: 20px;
}
.disabled-items-wrapper .disabled-items-open-trigger:hover {
border-top-color: #d2d4d7;
border-bottom-color: #d2d4d7;
color: #1f222b;
}
.index-agent-boxes .agent-box-w {
padding: 15px;
text-align: center;
position: relative;
text-decoration: none;
display: block;
background-color: #fff;
border-radius: 20px;
border: 1px solid rgba(211, 213, 218, 0.6705882353);
background-image: linear-gradient(129deg, rgba(179, 184, 204, 0.0509803922), rgba(255, 255, 255, 0.3607843137));
box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.01), 1px 1px 5px -1px rgba(134, 124, 171, 0.12), inset 2px 2px 0 0 #fff;
}
.index-agent-boxes .agent-box-w.agent-status-disabled {
box-shadow: inset 0px 3px 0px 0px #ffbcbc;
border-top-color: #ffbcbc;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.index-agent-boxes .agent-box-w.agent-status-disabled .agent-schedule, .index-agent-boxes .agent-box-w.agent-status-disabled .agent-schedule-info {
opacity: 0.4;
}
.index-agent-boxes .agent-box-w.agent-status-disabled .agent-name {
color: #ca1616;
opacity: 0.7;
}
.index-agent-boxes .agent-box-w.agent-status-disabled .agent-avatar {
opacity: 0.7;
}
.index-agent-boxes .agent-box-w:nth-child(4n+4) {
margin-right: 0px;
}
.index-agent-boxes .agent-box-w .os-agent-foot {
margin-top: 15px;
}
.index-agent-boxes .agent-info-w {
display: flex;
align-items: center;
}
.index-agent-boxes .agent-info-w .agent-info {
text-align: left;
flex: 1;
}
.index-agent-boxes .agent-schedule {
display: flex;
padding: 15px 0px;
border-bottom: 1px solid #f2f3f3;
border-top: 1px solid #f2f3f3;
margin-top: 15px;
}
.index-agent-boxes .agent-schedule .schedule-day {
position: relative;
flex: 1;
text-align: center;
padding-top: 15px;
font-size: 10px;
color: #d4d5e1;
}
.index-agent-boxes .agent-schedule .schedule-day + .schedule-day {
border-left: 1px solid #f2f3f3;
}
.index-agent-boxes .agent-schedule .schedule-day:before {
position: absolute;
top: 0px;
left: 50%;
transform: translateX(-50%);
content: "";
width: 6px;
height: 6px;
border-radius: 10px;
background-color: #d4d5e1;
transform-origin: center center;
transition: transform 0.2s ease;
}
.index-agent-boxes .agent-schedule .schedule-day.is-on {
color: #41444b;
}
.index-agent-boxes .agent-schedule .schedule-day.is-on:before {
background-color: #59d193;
}
.index-agent-boxes .agent-avatar {
flex: 0 0 50px;
width: 50px;
height: 50px;
background-size: cover;
background-position: center center;
border-radius: 50%;
transition: all 0.2s ease;
margin-right: 20px;
}
.index-agent-boxes .agent-name {
font-weight: 400;
color: #1f222b;
font-size: 17px;
margin-bottom: 3px;
}
.index-agent-boxes .agent-phone {
color: #788291;
font-size: 13px;
}
.index-agent-boxes .agent-edit-icon {
display: none;
position: absolute;
line-height: 1;
top: 0px;
left: 0px;
color: #1d7bff;
font-size: 14px;
padding: 5px;
opacity: 0.8;
}
.index-agent-boxes .agent-edit-icon:hover {
transform: scale(1.3);
opacity: 1;
}
.index-agent-boxes .agent-schedule-info {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 10px;
}
.index-agent-boxes .agent-schedule-info .agent-today-info {
color: #788291;
font-size: 13px;
text-align: left;
padding-top: 15px;
}
.index-agent-boxes .agent-schedule-info .agent-today-info .today-status {
border-radius: 20px;
display: inline-block;
padding: 2px 5px;
color: #fff;
background-color: #85d7ad;
font-size: 12px;
margin-left: 4px;
}
.index-agent-boxes .agent-schedule-info .agent-today-info .today-status.is-off-duty {
color: #fff;
background-color: #ef7a7a;
}
.index-agent-boxes .agent-schedule-info .agent-today-info .today-schedule {
font-weight: 400;
color: #2e3036;
font-size: 13px;
margin-top: 4px;
}
.index-agent-boxes .agent-schedule-info .agent-today-info .today-schedule span {
display: inline-block;
margin-right: 10px;
}
.index-agent-boxes .agent-schedule-info .today-bookings {
color: #788291;
font-size: 13px;
border-left: 1px solid #f2f3f3;
padding: 15px 0px 0px 15px;
}
.index-agent-boxes .agent-schedule-info .today-bookings-count {
font-weight: 400;
color: #2e3036;
font-size: 19px;
margin-top: 4px;
}
.index-agent-boxes .agent-remove-trigger {
color: #E88181;
font-size: 14px;
padding: 5px;
line-height: 1;
position: absolute;
top: 0px;
right: 0px;
cursor: pointer;
display: none;
}
.index-agent-boxes .agent-remove-trigger:hover {
color: #ff2222;
transform: scale(1.3);
}
.create-agent-link-w {
border: 2px dotted #d2d4d7;
border-radius: 20px;
text-align: center;
position: relative;
cursor: pointer;
display: block;
outline: none;
box-shadow: none;
min-height: 150px;
}
.create-agent-link-w .create-agent-link-i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.create-agent-link-w .add-agent-graphic-w {
width: 80px;
height: 80px;
position: relative;
margin: 0px auto;
}
.create-agent-link-w .add-agent-graphic-w .add-agent-plus {
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
height: 30px;
width: 30px;
background-color: #1d7bff;
box-shadow: 0px 0px 0px 15px rgba(208, 213, 220, 0.3);
color: #fff;
transform: translate(-50%, -50%);
transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1.35);
}
.create-agent-link-w .add-agent-graphic-w .add-agent-plus i {
position: absolute;
display: block;
top: 50%;
left: 50%;
font-size: 12px;
transform: translate(-45%, -47%);
transition: all 0.2s ease;
}
.create-agent-link-w .add-agent-label {
color: #1f222b;
font-weight: 400;
font-size: 18px;
margin-top: 5px;
transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1.35);
}
.create-agent-link-w:hover {
border-color: #1d7bff;
border-style: solid;
}
.create-agent-link-w:hover .add-agent-plus {
box-shadow: 0px 0px 0px 15px rgba(208, 213, 220, 0.3);
transform: translate(-50%, -50%) scale(1.2);
}
.create-agent-link-w:hover .add-agent-label {
transform: translateY(5px);
}
.os-agent-highlight-compact {
margin-bottom: 30px;
position: relative;
}
.os-agent-highlight-compact h4 {
padding: 0px;
margin-top: 0px;
color: rgba(0, 0, 0, 0.08);
margin-bottom: 5px;
text-align: center;
font-size: 50px;
position: absolute;
top: -27px;
right: 10px;
}
.os-agent-highlight-compact .os-agent-highlight-fields {
display: flex;
justify-content: space-between;
gap: 10px;
background-color: #f7f7f7;
border-radius: 15px;
padding: 10px;
}
.os-agent-highlight-compact .os-agent-highlight-fields .os-form-group {
flex: 1;
margin-bottom: 0px;
}
.os-agent-highlight-compact .os-agent-highlight-fields .os-form-group:first-child {
flex: 0 0 60px;
}
.os-agent-highlights {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.os-agent-highlight {
background-color: #fff;
transition: all 0.2s ease;
flex: 0 0 30%;
margin-bottom: 20px;
}
.os-agent-highlight h4 {
padding: 0px;
margin-top: 0px;
color: #1d7bff;
margin-bottom: 15px;
}
.os-agent-highlight .os-agent-highlight-fields {
display: flex;
justify-content: space-between;
}
.os-agent-highlight .os-agent-highlight-fields .os-form-group {
flex: 1;
margin-bottom: 0px;
}
.os-agent-highlight .os-agent-highlight-fields .os-form-group:first-child {
flex: 0 0 60px;
margin-right: 20px;
}
.os-agent-add-highlight {
padding: 20px;
border: 3px dotted rgba(0, 0, 0, 0.1);
border-radius: 8px;
transition: all 0.2s ease;
flex: 0 0 150px;
margin-bottom: 20px;
}
.os-mini-agent-profile-w {
padding: 20px;
}
.os-mini-agent-profile-w .os-ma-agent-info-w {
display: flex;
align-items: flex-start;
}
.os-mini-agent-profile-w .os-ma-agent-info-w .os-ma-avatar {
flex: 0 0 80px;
height: 80px;
border-radius: 80px;
background-size: cover;
background-position: center center;
}
.os-mini-agent-profile-w .os-ma-agent-info-w .os-ma-agent-info {
padding-left: 20px;
}
.os-mini-agent-profile-w .os-ma-agent-info-w .os-ma-agent-info .ma-agent-name {
font-size: 23px;
font-weight: 400;
margin-bottom: 8px;
}
.os-mini-agent-profile-w .os-ma-agent-info-w .os-ma-agent-info .ma-agent-name a {
text-decoration: none;
box-shadow: none;
outline: none;
font-size: 17px;
margin-left: 8px;
}
.os-mini-agent-profile-w .os-ma-agent-info-w .os-ma-agent-info .ma-agent-info-list-item {
margin-bottom: 3px;
}
.os-mini-agent-profile-w .os-ma-agent-info-w .os-ma-agent-info .ma-agent-info-list-item span {
color: #788291;
margin-right: 2px;
}
.os-mini-agent-profile-w .agent-schedule-info {
display: flex;
justify-content: space-between;
align-items: flex-start;
border-top: 1px solid #f2f3f3;
margin-top: 10px;
}
.os-mini-agent-profile-w .agent-schedule-info .agent-today-info {
color: #788291;
font-size: 13px;
text-align: left;
padding: 10px 0px;
}
.os-mini-agent-profile-w .agent-schedule-info .agent-today-info .today-status {
display: inline-block;
padding: 2px 5px;
color: #fff;
background-color: #85d7ad;
font-size: 12px;
margin-left: 4px;
border-radius: 4px;
font-weight: 400;
}
.os-mini-agent-profile-w .agent-schedule-info .agent-today-info .today-status.is-off-duty {
color: #fff;
background-color: #ef7a7a;
}
.os-mini-agent-profile-w .agent-schedule-info .agent-today-info .today-schedule {
font-weight: 400;
color: #2e3036;
margin-top: 4px;
font-size: 16px;
}
.os-mini-agent-profile-w .agent-schedule-info .agent-today-info .today-schedule span {
display: block;
margin-bottom: 5px;
}
.os-mini-agent-profile-w .agent-schedule-info .today-bookings {
color: #788291;
font-size: 13px;
padding: 10px 0px;
}
.os-mini-agent-profile-w .agent-schedule-info .today-bookings-count {
font-weight: 400;
color: #2e3036;
font-size: 16px;
margin-top: 4px;
}
.os-mini-agent-profile-w .agent-timeline-w {
padding: 0px 5px;
}
.os-mini-agent-profile-w .agent-timeline-w .agent-timeline {
height: 16px;
background-color: #F2F5F8;
position: relative;
box-shadow: 0px 0px 0px 5px #F2F5F8;
}
.os-mini-agent-profile-w .agent-timeline-w .agent-timeline .booking-block {
height: 16px;
z-index: 3;
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
box-shadow: 0px 0px 0px 1px #f2f5f8;
background-color: rgba(0, 0, 0, 0.2);
transition: height 0.15s ease;
}
.os-mini-agent-profile-w .agent-timeline-w .agent-timeline .booking-block.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: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.os-mini-agent-profile-w .agent-timeline-w .agent-timeline .booking-block:hover {
height: 20px;
}
.os-mini-agent-profile-w .agent-timeline-w .agent-timeline .booking-block .appointment-box-small {
position: absolute;
top: 0px;
left: 50%;
transform: translate(-50%, -120%);
visibility: hidden;
opacity: 0;
transition: all 0.2s ease;
}
.os-mini-agent-profile-w .agent-timeline-w .agent-timeline .booking-block:hover .appointment-box-small {
transform: translate(-50%, -105%);
visibility: visible;
opacity: 1;
}
.duplicate-agent-btn {
margin-left: auto;
}
.customer-info-w.selected .customer-edit-form-w {
display: none;
}
.customer-info-w.selected .customers-selector-search-w {
display: none;
}
.customer-info-w.selected .customers-options-list {
display: none;
}
.customer-info-w.selecting .customer-quick-edit-form-w {
display: none;
}
.customer-info-w.selecting .customer-info-create-btn,
.customer-info-w.selecting .customer-info-load-btn {
opacity: 0;
}
.customers-selector-w {
margin-bottom: 20px;
}
.customers-selector-w .customers-selector-search-w {
position: relative;
background-color: #f1f3f7;
border: none;
margin-bottom: 10px;
border-radius: 15px;
}
.customers-selector-w .customers-selector-search-w > .latepoint-icon {
position: absolute;
top: 50%;
left: 8px;
color: #788291;
transform: translateY(-50%);
font-size: 16px;
}
.customers-selector-w .customers-selector-search-w .customers-selector-search-input {
border: none;
background-color: transparent;
box-shadow: none;
display: block;
width: 100%;
padding: 10px;
padding-left: 35px;
font-size: 15px;
}
.customers-selector-w .customers-selector-search-w .customers-selector-search-input::placeholder {
opacity: 1;
color: #788291;
}
.customers-selector-w .customers-selector-search-w.os-loading > .latepoint-icon {
display: none;
}
.customers-selector-w .customers-selector-search-w.os-loading:before {
display: block;
content: "";
width: 13px !important;
height: 13px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
left: 16px;
}
.customers-selector-w .customers-selector-search-w .customers-selector-cancel {
position: absolute;
top: 48%;
right: 10px;
color: #C06363;
transform: translateY(-50%);
cursor: pointer;
}
.customers-selector-w .customers-selector-search-w .customers-selector-cancel i, .customers-selector-w .customers-selector-search-w .customers-selector-cancel span {
display: inline-block;
vertical-align: middle;
}
.customers-selector-w .customers-selector-search-w .customers-selector-cancel i {
font-size: 10px;
}
.customers-selector-w .customers-options-list {
max-height: 300px;
overflow-y: auto;
}
.customers-selector-w .customers-options-list .os-no-matched-customers {
text-align: center;
padding: 10px;
color: #788291;
font-weight: 400;
}
.customers-selector-w .customers-options-list .customer-option {
display: flex;
align-items: center;
padding: 10px 0px 10px 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
cursor: pointer;
}
.customers-selector-w .customers-options-list .customer-option.os-loading .customer-option-avatar:before {
display: block;
content: "";
width: 56px !important;
height: 56px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.customers-selector-w .customers-options-list .customer-option:hover {
background-color: #f8f8f8;
border-bottom-color: transparent;
}
.customers-selector-w .customers-options-list .customer-option .customer-option-avatar {
flex: 0 0 44px;
height: 44px;
border-radius: 50px;
background-size: cover;
position: relative;
}
.customers-selector-w .customers-options-list .customer-option .customer-option-info {
padding-left: 20px;
}
.customers-selector-w .customers-options-list .customer-option .customer-option-info .customer-option-info-name {
margin-top: 0px;
margin-bottom: 3px;
font-size: 15px;
color: #1d7bff;
}
.customers-selector-w .customers-options-list .customer-option .customer-option-info .customer-option-info-name a {
text-decoration: none;
margin-left: 5px;
display: inline-block;
}
.customers-selector-w .customers-options-list .customer-option .customer-option-info .customer-option-info-name span.os-query-match {
background-color: rgba(255, 231, 18, 0.62);
}
.customers-selector-w .customers-options-list .customer-option .customer-option-info ul {
list-style: none;
margin: 0px;
color: #8b8f9a;
font-size: 12px;
}
.customers-selector-w .customers-options-list .customer-option .customer-option-info ul strong {
color: #41444b;
}
.customers-selector-w .customers-options-list .customer-option .customer-option-info ul strong span.os-query-match {
background-color: rgba(255, 231, 18, 0.62);
}
.customers-selector-w .customers-options-list .customer-option .customer-option-info ul li {
margin-bottom: 3px;
}
.customers-selector-w .customers-options-list .customer-option .customer-option-info ul li:last-child {
margin-bottom: 0px;
}
.customer-appointments .no-results-w {
padding: 10px;
color: #788291;
background-color: #f8f8f8;
border-radius: 15px;
text-align: center;
}
.customer-appointments-list .order-item {
padding: 15px;
border: 1px solid #dcdad7;
border-bottom-color: #aca8a1;
border-radius: 15px;
box-shadow: 0 2px 0 0 #eee;
display: flex;
gap: 15px;
cursor: pointer;
align-items: center;
margin-bottom: 10px;
}
.customer-appointments-list .order-item .avatar-w {
background-size: cover;
background-position: center center;
width: 40px;
height: 40px;
display: block;
border-radius: 50%;
position: relative;
}
.customer-appointments-list .order-item .avatar-w .agent-info-tooltip {
display: none;
position: absolute;
bottom: 100%;
left: 50%;
background-color: #111;
color: #fff;
font-size: 12px;
font-weight: 400;
padding: 5px 10px;
z-index: 9999;
transform: translate(-50%, -5px);
white-space: nowrap;
border-radius: 12px;
}
.customer-appointments-list .order-item .avatar-w:hover .agent-info-tooltip {
display: block;
}
.customer-appointments-list .order-item .oi-info {
flex: 1;
}
.customer-appointments-list .order-item .oi-info .oi-service-name {
font-size: 16px;
color: #1f222b;
margin-bottom: 5px;
}
.customer-appointments-list .order-item .oi-info .oi-date-w {
color: #788291;
}
.customer-appointments-list .order-item:hover {
box-shadow: 0 0 0 2px #1d7bff;
border-color: transparent;
}
.customer-password-info {
background-color: #fbf6e9;
border: 1px solid #decfaa;
color: #736b60;
padding: 10px;
padding-left: 30px;
border-radius: 15px;
font-weight: 400;
margin-bottom: 15px;
position: relative;
font-size: 12px;
display: flex;
align-items: center;
}
.customer-password-info a {
border-bottom: 1px dotted #111;
color: #111;
display: block;
align-items: center;
margin-left: 10px;
text-decoration: none;
margin-left: auto;
}
.customer-password-info a:hover {
border-bottom-style: solid;
}
.customer-password-info:before {
font-size: 12px;
position: absolute;
top: 50%;
left: 10px;
transform: translateY(-50%);
}
.customer-password-info.password-set:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e925";
}
.customer-password-info.password-not-set:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e941";
}
.not-connected-pill {
width: 8px;
height: 8px;
background-color: #ff4343;
border-radius: 50%;
display: inline-block;
content: "";
}
.connected-wp-user-status {
background-color: #edf9ff;
border: 1px solid #7dcce4;
padding: 10px;
color: #0c6588;
border-radius: 15px;
position: relative;
padding-left: 30px;
display: flex;
gap: 10px;
font-size: 12px;
margin-bottom: 15px;
}
.connected-wp-user-status .connected-buttons {
margin-left: auto;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
}
.connected-wp-user-status .connected-buttons > span, .connected-wp-user-status .connected-buttons > a {
display: block;
}
.connected-wp-user-status:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e95b";
font-size: 14px;
color: #1397dc;
position: absolute;
top: 50%;
left: 9px;
transform: translateY(-50%);
display: block;
}
.connected-wp-user-status a {
display: block;
border-bottom: 1px dotted #1f222b;
color: #1f222b;
text-decoration: none;
position: relative;
}
.connected-wp-user-status a:hover {
border-bottom-style: solid;
}
.connected-wp-user-status a span {
margin-left: 5px;
}
.connected-wp-user-status a.os-loading {
color: transparent;
}
.connected-wp-user-status a.os-loading:after {
display: block;
content: "";
width: 14px !important;
height: 14px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.os-mini-customer-profile-w {
padding: 20px;
}
.os-mini-customer-profile-w .os-mc-info-w {
display: flex;
align-items: flex-start;
}
.os-mini-customer-profile-w .os-mc-info-w .os-mc-avatar {
flex: 0 0 80px;
height: 80px;
border-radius: 80px;
background-size: cover;
background-position: center center;
}
.os-mini-customer-profile-w .os-mc-info-w .os-mc-info {
padding-left: 20px;
}
.os-mini-customer-profile-w .os-mc-info-w .os-mc-info .mc-name {
font-size: 23px;
font-weight: 400;
margin-bottom: 8px;
}
.os-mini-customer-profile-w .os-mc-info-w .os-mc-info .mc-name a {
text-decoration: none;
box-shadow: none;
outline: none;
font-size: 17px;
margin-left: 8px;
}
.os-mini-customer-profile-w .os-mc-info-w .os-mc-info .mc-info-list-item {
margin-bottom: 3px;
}
.os-mini-customer-profile-w .os-mc-info-w .os-mc-info .mc-info-list-item span {
color: #788291;
margin-right: 2px;
}
.os-mini-customer-profile-w .os-mc-sub-info {
display: flex;
border-top: 1px solid #f2f3f3;
padding-top: 15px;
margin-top: 10px;
}
.os-mini-customer-profile-w .os-mc-sub-info .os-mc-heading {
color: #788291;
font-size: 12px;
margin-bottom: 2px;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 1px;
}
.os-mini-customer-profile-w .os-mc-sub-info .os-mc-upcoming-appointments-w {
padding-left: 20px;
margin-left: 5px;
border-left: 1px solid #f2f3f3;
flex: 1;
}
.os-mini-customer-profile-w .os-mc-sub-info .os-nothing {
background-color: #eef1f9;
border-radius: 6px;
padding: 27px;
text-align: center;
color: #788291;
font-weight: 400;
}
.os-mini-customer-profile-w .os-customer-donut-chart {
position: relative;
}
.os-mini-customer-profile-w .os-mc-chart .os-mc-chart-i {
position: relative;
}
.os-mini-customer-profile-w .os-mc-chart .os-mc-heading {
text-align: center;
}
.os-mini-customer-profile-w .os-mc-chart .os-mc-totals {
display: block;
font-weight: 400;
font-size: 27px;
line-height: 1;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.os-mini-customer-profile-w .os-mc-upcoming-appointments {
display: flex;
gap: 10px;
padding-top: 10px;
}
.os-mini-customer-profile-w .os-upcoming-appointment {
padding: 7px 10px;
flex: 0 0 230px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-bottom-color: rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
border-radius: 15px;
position: relative;
cursor: pointer;
}
.os-mini-customer-profile-w .os-upcoming-appointment:hover {
border-color: #1d7bff;
box-shadow: 0 0 0 1px #1d7bff;
}
.os-mini-customer-profile-w .os-upcoming-appointment .appointment-color-elem {
display: none;
position: absolute;
top: 13px;
left: 10px;
width: 10px;
height: 10px;
border-radius: 2px;
}
.os-mini-customer-profile-w .os-upcoming-appointment .appointment-service-name {
font-weight: 400;
font-size: 15px;
margin-bottom: 5px;
color: #1f222b;
}
.os-mini-customer-profile-w .os-upcoming-appointment .appointment-date-w {
display: flex;
align-items: center;
}
.os-mini-customer-profile-w .os-upcoming-appointment .appointment-date-w .appointment-date {
font-size: 12px;
margin-bottom: 1px;
font-weight: 400;
}
.os-mini-customer-profile-w .os-upcoming-appointment .appointment-date-w .appointment-time {
color: #788291;
font-size: 12px;
}
.os-mini-customer-profile-w .os-upcoming-appointment .appointment-date-w .avatar-w {
margin-left: auto;
background-size: cover;
background-position: center center;
width: 30px;
height: 30px;
display: block;
border-radius: 50%;
position: relative;
}
.os-mini-customer-profile-w .os-upcoming-appointment .appointment-date-w .avatar-w .agent-info-tooltip {
display: none;
position: absolute;
bottom: 100%;
left: 50%;
background-color: #111;
color: #fff;
font-size: 12px;
font-weight: 400;
padding: 5px 10px;
z-index: 9999;
transform: translate(-50%, -5px);
white-space: nowrap;
border-radius: 12px;
}
.os-mini-customer-profile-w .os-upcoming-appointment .appointment-date-w .avatar-w:hover .agent-info-tooltip {
display: block;
}
.os-mini-customer-profile-w .os-upcoming-appointment .os-form-group {
margin-bottom: 0px;
}
.avatar-uploader-w .avatar-self {
background-repeat: no-repeat;
background-size: cover;
border-radius: 50%;
width: 50px;
height: 50px;
}
.fields-with-avatar {
display: flex;
gap: 15px;
margin-bottom: 20px;
}
.fields-with-avatar .field-column {
flex: 1;
}
.payment-processor-customer-link-wrapper {
background-color: #eee;
border: 1px solid #bbb;
color: #333;
padding: 10px;
padding-left: 30px;
border-radius: 15px;
font-weight: 400;
margin-bottom: 15px;
position: relative;
font-size: 12px;
display: flex;
align-items: center;
}
.payment-processor-customer-link-wrapper a {
border-bottom: 1px dotted #111;
color: #111;
display: block;
align-items: center;
margin-left: 10px;
text-decoration: none;
margin-left: auto;
}
.payment-processor-customer-link-wrapper a:hover {
border-bottom-style: solid;
}
.payment-processor-customer-link-wrapper:before {
font-size: 12px;
position: absolute;
top: 50%;
left: 10px;
transform: translateY(-50%);
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e91a";
}
.customer-csv-step .os-upload-file-input-w input[type=file] {
border: 1px solid #dcdad7;
padding: 10px 10px 11px 10px;
border-radius: 15px;
width: 100%;
display: block;
line-height: 1;
cursor: pointer;
}
.customer-csv-step .os-upload-file-input-w input[type=file]:hover {
border-color: #1d7bff;
}
.customer-csv-step .customer-csv-mapping-wrapper {
margin-top: 15px;
}
.customer-csv-step .customer-csv-confirmation-table-wrapper {
border-radius: 15px;
margin-bottom: 15px;
overflow: hidden;
box-shadow: inset 0 0 0 1px #dcdad7;
}
.customer-csv-step .customer-csv-confirmation-table {
width: 100%;
border: none;
border-collapse: collapse;
margin: 0;
}
.customer-csv-step .customer-csv-confirmation-table td {
border: 1px solid #dcdad7;
padding: 10px;
}
.customer-csv-step .customer-csv-mapping-header {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: 600;
color: #788291;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #EEF0F1;
}
.customer-csv-step .customer-csv-mapping-row {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #EEF0F1;
}
.customer-csv-step .customer-csv-mapping-row .label-desc {
margin-bottom: 0;
}
.customer-csv-step .customer-csv-mapping-row .os-form-group.os-form-group-transparent {
margin-bottom: 0;
}
.customer-csv-step .customer-import-conflicts ul {
margin-bottom: 0;
}
.customer-csv-step .customer-import-result .customer-import-result-success {
margin-bottom: 25px;
text-align: center;
font-size: 20px;
}
.customer-csv-step .customer-import-result .customer-import-result-success .latepoint-icon {
display: block;
margin: 0 auto;
margin-bottom: 15px;
color: #13c667;
text-align: center;
font-size: 32px;
}
.customer-csv-step .customer-import-result .result-item {
display: flex;
gap: 20px;
padding: 15px;
align-items: center;
border: 1px solid #dcdad7;
}
.customer-csv-step .customer-import-result .result-item:not(:last-child) {
margin-bottom: 10px;
}
.customer-csv-step .customer-import-result .result-item.import-status-success .latepoint-icon {
background-color: #2fe67f;
}
.customer-csv-step .customer-import-result .result-item.import-status-warning .latepoint-icon {
background: #b8b8b8;
}
.customer-csv-step .customer-import-result .result-item .latepoint-icon {
width: 25px;
height: 25px;
background-color: #2fe67f;
box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.6);
color: #fff;
border-radius: 15px;
text-align: center;
line-height: 25px;
}
.user-link-with-avatar {
text-decoration: none;
border: none !important;
display: inline-flex;
align-items: center;
}
.user-link-with-avatar .ula-avatar {
margin-right: 8px;
width: 20px;
height: 20px;
border-radius: 40px;
background-size: cover;
background-position: center center;
}
.user-link-with-avatar .ula-name {
vertical-align: middle;
text-decoration: underline;
margin-right: 5px;
}
.user-link-with-avatar span {
display: block;
}
.user-link-with-avatar .latepoint-icon {
visibility: hidden;
}
.user-link-with-avatar:hover .latepoint-icon {
visibility: visible;
}
.activity-status-wrapper {
padding: 0 0 15px 0;
}
.activity-status-wrapper .activity-status-content {
text-transform: capitalize;
display: flex;
align-items: center;
padding: 10px 15px;
font-weight: 400;
font-size: 13px;
min-width: 400px;
text-align: left;
position: relative;
background-color: #f8f8f8;
border-left: 4px solid #f8f8f8;
color: #1f222b;
}
.activity-status-wrapper .activity-status-content .status-item {
position: relative;
}
.activity-status-wrapper .activity-status-content .status-item + .status-item {
margin-left: 10px;
border-left: 1px solid #ddd;
padding-left: 10px;
}
.activity-status-wrapper .activity-status-content .status-item strong {
font-weight: 600;
display: block;
}
.activity-status-wrapper.status-success .activity-status-content {
background-color: #e5ffe4;
border-left-color: #0d7f24;
color: #242822;
}
.activity-status-wrapper.status-success .activity-status-content .status-item {
border-left-color: #c9edc7;
}
.activity-status-wrapper.status-error .activity-status-content {
background-color: #fff1f1;
border-left-color: #f64545;
color: #7c1a1a;
}
.activity-status-wrapper.status-error .activity-status-content strong {
color: #330303;
}
.activity-status-wrapper.status-error .activity-status-content .status-item {
border-left-color: #f4d8d8;
}
.activity-preview-wrapper {
position: relative;
}
.activity-preview-wrapper > h3 {
margin-bottom: 10px;
font-size: 22px;
}
.activity-preview-wrapper .activity-to-run {
padding: 5px 0px;
}
.activity-preview-wrapper .activity-to-run .os-form-group.os-form-toggler-group {
margin-bottom: 0px;
}
.activity-preview-wrapper .activity-to-run label {
font-size: 18px;
color: #1f222b;
}
.activity-preview-wrapper .activity-to-run:not(:last-child) {
border-bottom: 1px solid #EEF0F1;
}
.activity-preview-wrapper .activity-preview-error {
padding: 15px;
font-size: 18px;
font-weight: 400;
background-color: #fff5e5;
color: #8f6b3e;
border-radius: 6px;
text-align: center;
margin-bottom: 20px;
}
.activity-preview-wrapper .activity-preview-content-wrapper {
transition: opacity 0.3s ease;
}
.activity-preview-wrapper pre {
margin: 0;
}
.activity-preview-wrapper.os-loading .activity-preview-content-wrapper {
opacity: 0;
}
.activity-preview-wrapper.os-loading:before {
display: block;
content: "";
width: 20px !important;
height: 20px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
top: 50px;
}
.activity-preview-wrapper .activity-preview-to {
display: flex;
font-weight: 400;
margin-bottom: 10px;
}
.activity-preview-wrapper .activity-preview-to .os-label {
color: #788291;
display: block;
margin-right: 5px;
}
.activity-preview-wrapper .activity-preview-to .os-value {
display: block;
}
.activity-preview-wrapper .activity-preview-to .os-value + .os-label {
margin-left: 10px;
padding-left: 10px;
border-left: 1px solid #eee;
}
.activity-preview-wrapper .activity-preview-subject {
display: flex;
font-size: 20px;
font-weight: 400;
margin-bottom: 5px;
}
.activity-preview-wrapper .activity-preview-subject .os-label {
color: #788291;
display: block;
margin-right: 5px;
}
.activity-preview-wrapper .activity-preview-subject .os-value {
display: block;
flex: 1;
}
.activity-preview-wrapper.type-email_sent {
padding: 0px;
}
.activity-preview-wrapper.type-sms_sent .activity-preview-content-wrapper {
padding: 20px;
margin: 0px auto;
width: 340px;
padding-right: 50px;
border: 14px solid #e1e1e5;
border-bottom: none;
padding-bottom: 40px;
border-radius: 60px 60px 0px 0px;
}
.activity-preview-wrapper.type-sms_sent .activity-preview-to {
margin-bottom: 20px;
}
.activity-preview-wrapper.type-sms_sent .activity-preview-content {
padding: 22px;
border-radius: 20px 20px 20px 0px;
display: inline-block;
background-color: #54a7ff;
background-image: linear-gradient(45deg, #004fff, transparent);
box-shadow: 0px 1px 4px #b4dbff;
color: #fff;
font-size: 16px;
font-weight: 400;
}
.activities-index .activity-type-error .activity-column-name {
background-color: #ffe8e8;
}
.activities-index .activity-type-error .activity-column-name > div {
position: relative;
padding-left: 20px;
font-weight: 400;
color: #b80000;
}
.activities-index .activity-type-error .activity-column-name > div:before {
color: #b80000;
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e94e";
position: absolute;
font-size: 14px;
left: 0px;
top: 50%;
transform: translateY(-50%);
}
.view-activity-link {
position: relative;
}
.view-activity-link.os-loading {
color: transparent !important;
border-bottom-color: transparent !important;
}
.view-activity-link.os-loading:focus {
box-shadow: none;
outline: none;
}
.view-activity-link.os-loading:before {
display: block;
content: "";
width: 14px !important;
height: 14px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
z-index: 9999;
}
.weekday-schedule-w {
background-color: #fff;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.weekday-schedule-w:last-child {
border-bottom: none;
}
.weekday-schedule-w.day-off .ws-day-name {
color: #C45252;
}
.weekday-schedule-w.day-off .ws-day-name:after {
width: 100%;
}
.weekday-schedule-w.day-off .ws-head:hover .ws-day-name {
border-bottom-color: transparent;
}
.weekday-schedule-w.day-off .ws-head .ws-day-hours {
display: none;
}
.weekday-schedule-w.day-off .ws-head .wp-edit-icon {
display: none;
}
.weekday-schedule-w.day-off .weekday-schedule-form {
display: none;
}
.weekday-schedule-w .ws-head-w {
display: flex;
align-items: center;
justify-content: flex-start;
}
.weekday-schedule-w .ws-head {
flex: 1;
margin-left: 15px;
display: flex;
align-items: center;
position: relative;
cursor: pointer;
padding: 15px 0px;
}
.weekday-schedule-w .ws-head .wp-edit-icon {
font-size: 14px;
color: #1d7bff;
position: absolute;
top: 56%;
right: 0px;
transform: translate(0%, -50%);
}
.weekday-schedule-w .ws-head:hover .ws-day-name {
border-bottom: 1px solid #41444b;
}
.weekday-schedule-w .ws-day-name {
color: #41444b;
font-size: 18px;
font-weight: 400;
position: relative;
margin-right: 20px;
border-bottom: 1px solid transparent;
}
.weekday-schedule-w .ws-day-name:after {
width: 0%;
background-color: #C45252;
opacity: 0.7;
height: 2px;
top: 55%;
left: 0px;
position: absolute;
transform: translateY(-50%);
content: "";
display: block;
}
.weekday-schedule-w .ws-day-hours {
text-align: right;
color: #788291;
font-size: 12px;
font-weight: 400;
margin-left: auto;
cursor: pointer;
padding-right: 25px;
}
.weekday-schedule-w .ws-day-hours span {
display: inline-block;
vertical-align: middle;
}
.weekday-schedule-w .ws-day-hours span:hover {
color: #1d7bff;
}
.weekday-schedule-w .ws-day-hours span + span {
margin-left: 5px;
border-left: 1px solid rgba(0, 0, 0, 0.05);
padding-left: 5px;
}
.weekday-schedule-w.is-editing .weekday-schedule-form {
display: block;
}
.weekday-schedule-form {
padding-bottom: 20px;
padding-top: 5px;
text-align: center;
display: none;
}
.weekday-schedule-form.active {
display: block;
}
.weekday-schedule-form .ws-period-add {
border: 2px dashed #E0E6EB;
display: block;
background-color: #fff;
box-shadow: none;
padding: 5px;
margin: 0px;
color: #738db3;
font-weight: 400;
outline: none;
cursor: pointer;
width: 100%;
display: flex;
align-items: center;
position: relative;
border-radius: 15px;
}
.weekday-schedule-form .ws-period-add:hover {
border-color: #1d7bff;
color: #1d7bff;
}
.weekday-schedule-form .ws-period-add .add-period-graphic-w {
width: 30px;
height: 30px;
position: relative;
}
.weekday-schedule-form .ws-period-add .add-period-graphic-w .add-period-plus {
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
height: 15px;
width: 15px;
transform: translate(-50%, -50%);
}
.weekday-schedule-form .ws-period-add .add-period-graphic-w .add-period-plus i {
position: absolute;
display: block;
top: 50%;
left: 50%;
font-size: 18px;
transform: translate(-50%, -50%);
}
.weekday-schedule-form .ws-period-add .add-period-label {
color: #788291;
font-weight: 400;
font-size: 15px;
margin-left: 5px;
}
.weekday-schedule-form .ws-period-add.os-loading .latepoint-icon {
display: none !important;
}
.weekday-schedule-form .ws-period-add.os-loading:after {
display: block;
content: "";
width: 14px;
height: 14px;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 20px;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
}
.ws-period {
border: 1px solid #E0E6F0;
font-size: 13.5px;
align-items: center;
background-color: #fff;
position: relative;
margin-bottom: 15px;
border-radius: 15px;
}
.ws-period.os-period-transparent {
border: 1px solid #d6d6e1;
border-bottom-color: #aaacb9;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
margin-bottom: 20px;
}
.ws-period.os-period-transparent input {
border: 1px solid #d6d6e2;
background-color: #ffffff;
border-radius: 4px;
min-height: 25px;
}
.ws-period .os-time-group {
padding-right: 5px;
}
.ws-period .ws-period-remove {
box-shadow: none;
margin: 0px;
padding: 3px;
border-radius: 20px;
border: 1px solid #e46666;
background-color: #fff;
line-height: 1;
text-align: center;
font-size: 10px;
position: absolute;
top: 50%;
left: 0px;
transform: translate(-50%, -50%);
height: 18px;
width: 18px;
cursor: pointer;
color: #e46666;
}
.ws-period .ws-period-remove i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.ws-period .ws-period-remove:hover {
border-color: #e29292;
color: #d25656;
}
.weekday-schedule-slider {
display: none;
background-color: #F5F6FA;
padding: 30px;
border-radius: 15px;
}
.weekday-schedule-slider .ws-slider-w {
background-color: #DEE6EF;
height: 6px;
border-radius: 12px;
margin-bottom: 10px;
position: relative;
}
.weekday-schedule-slider .ws-slider-w .ws-handle {
width: 10px;
height: 10px;
border-radius: 15px;
background-color: #1d7bff;
left: 30%;
top: 50%;
transform: translateY(-50%);
box-shadow: 0px 0px 0px 2px #fff;
position: absolute;
z-index: 2;
}
.weekday-schedule-slider .ws-slider-w .ws-handle-trail {
background-color: #83b7ff;
position: absolute;
top: 0px;
bottom: 0px;
left: 30%;
right: 20%;
z-index: 1;
}
.weekday-schedule-slider .ws-marks {
display: flex;
}
.weekday-schedule-slider .ws-marks .ws-mark {
text-align: center;
flex: 1;
color: #8590B3;
font-size: 12px;
}
.latepoint-settings-w .weekday-schedules-w {
margin-bottom: 20px;
}
.latepoint-settings-w .weekday-schedule-w {
padding: 0px;
}
.latepoint-settings-w .weekday-schedule-form {
padding-bottom: 10px;
}
.custom-day-year-header {
color: rgba(0, 0, 0, 0.3);
font-size: 52px;
font-weight: 400;
margin-bottom: 20px;
margin-top: 0px;
line-height: 1;
text-align: center;
position: relative;
}
.custom-day-work-periods {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.custom-day-work-periods + .sub-level {
margin-top: 40px;
}
.custom-day-work-period {
width: 140px;
flex: 0 0 140px;
text-align: center;
margin: 0px 15px 15px 0px;
position: relative;
transition: all 0.2s ease;
}
.custom-day-work-period.is-range {
width: 250px;
flex: 0 0 250px;
}
.custom-day-work-period .custom-day-work-period-i {
position: relative;
padding: 24px 20px;
border: 1px solid #dcdad7;
border-radius: 20px;
background-color: #fff;
transition: all 0.2s ease;
}
.custom-day-work-period .custom-day-work-period-i:before {
top: 50%;
left: 0px;
right: 0px;
background-color: rgba(0, 0, 0, 0.05);
height: 1px;
position: absolute;
content: "";
}
.custom-day-work-period .custom-day-number {
font-size: 46px;
font-weight: 400;
line-height: 1;
margin-bottom: 5px;
color: #1d7bff;
}
.custom-day-work-period .remove-custom-day,
.custom-day-work-period .edit-custom-day {
position: absolute;
top: 0px;
font-size: 14px;
padding: 10px;
text-decoration: none;
line-height: 1;
transition: all 0.2s ease;
opacity: 0;
z-index: 9999;
outline: none;
box-shadow: none;
}
.custom-day-work-period .remove-custom-day.os-loading,
.custom-day-work-period .edit-custom-day.os-loading {
opacity: 1;
color: transparent;
}
.custom-day-work-period .remove-custom-day.os-loading:after,
.custom-day-work-period .edit-custom-day.os-loading:after {
display: block;
content: "";
width: 15px !important;
height: 15px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.custom-day-work-period .remove-custom-day {
right: 0px;
color: #d24646;
transform: translateX(-10px);
}
.custom-day-work-period .edit-custom-day {
left: 0px;
transform: translateX(10px);
}
.custom-day-work-period:hover {
transform: translateY(-5px);
}
.custom-day-work-period:hover .custom-day-work-period-i {
border-color: #c4c1bc;
}
.custom-day-work-period:hover .remove-custom-day,
.custom-day-work-period:hover .edit-custom-day {
transform: translateX(0px);
opacity: 1;
}
.custom-day-work-period .custom-day-periods {
padding-top: 10px;
}
.custom-day-work-period .custom-day-periods .custom-day-period {
background-color: #f1f4fb;
color: #1f222b;
color: #788291;
padding: 4px;
border-radius: 8px;
font-weight: 400;
font-size: 13px;
}
.custom-day-work-period .custom-day-periods .custom-day-period + .custom-day-period {
margin-top: 10px;
}
.custom-day-work-period .custom-day-month {
font-size: 18px;
line-height: 1;
color: #9DA8D5;
}
.custom-day-work-period.custom-day-off .custom-day-number {
color: #CD4949;
}
.custom-day-work-period.custom-day-off .custom-day-month {
color: #CF9797;
}
.add-custom-day-w {
border: 3px dotted rgba(0, 0, 0, 0.1);
margin-right: 15px;
width: 140px;
flex: 0 0 140px;
text-align: center;
position: relative;
cursor: pointer;
display: block;
outline: none;
box-shadow: none;
min-height: 115px;
border-radius: 15px;
}
.add-custom-day-w .add-custom-day-i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.add-custom-day-w .add-day-graphic-w {
width: 60px;
height: 60px;
position: relative;
margin: 0px auto;
}
.add-custom-day-w .add-day-plus {
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
height: 24px;
width: 24px;
background-color: #1d7bff;
box-shadow: 0px 0px 0px 10px rgba(208, 213, 220, 0.3);
color: #fff;
transform: translate(-50%, -50%);
transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1.35);
}
.add-custom-day-w .add-day-plus i {
position: absolute;
display: block;
top: 50%;
left: 50%;
font-size: 10px;
transform: translate(-45%, -47%);
transition: all 0.2s ease;
}
.add-custom-day-w:hover {
border-color: #1d7bff;
border-style: solid;
}
.add-custom-day-w:hover .add-day-plus {
box-shadow: 0px 0px 0px 15px rgba(208, 213, 220, 0.3);
transform: translate(-50%, -50%) scale(1.2);
}
.add-custom-day-w:hover .add-day-label {
transform: translateY(5px);
}
.add-custom-day-w .add-day-label {
color: #1f222b;
font-weight: 400;
font-size: 15px;
margin-top: 5px;
white-space: nowrap;
transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1.35);
}
.add-custom-day-w.os-loading {
animation: animate_appointment_small_box 0.8s ease infinite;
}
.add-custom-day-w.os-loading .add-day-plus {
color: rgba(255, 255, 255, 0.4);
}
.add-custom-day-w.os-loading .add-day-plus:after {
display: block;
content: "";
width: 52px !important;
height: 52px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.os-widget {
margin-bottom: 30px;
position: relative;
background-color: #fff;
border-radius: 20px;
background-color: #fff;
border-radius: 20px;
border: 1px solid rgba(211, 213, 218, 0.6705882353);
background-image: linear-gradient(129deg, rgba(179, 184, 204, 0.0509803922), rgba(255, 255, 255, 0.3607843137));
box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.01), 1px 1px 5px -1px rgba(134, 124, 171, 0.12), inset 2px 2px 0 0 #fff;
}
.os-widget.os-loading {
animation: animate_appointment_small_box 0.8s ease infinite;
}
.os-widget.os-loading:after {
display: block;
content: "";
width: 14px !important;
height: 14px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.os-widget.os-widget-transparent {
background-color: transparent;
border: none;
padding: 0px;
box-shadow: none;
}
.os-widget.os-widget-transparent .os-widget-header {
padding: 9px 10px 10px 37px;
border: none;
}
.os-widget.os-widget-transparent .os-widget-header:before {
display: none;
}
.os-widget.os-widget-transparent .os-widget-content {
padding: 0px;
}
.os-widget .os-widget-header {
font-size: 18px;
border-bottom: 1px solid #EEF0F1;
color: #1f222b;
margin-top: 0px;
line-height: 1.2;
padding: 30px 30px 15px 30px;
position: relative;
}
.os-widget .os-widget-header:before {
content: "";
z-index: -1;
width: 60px;
height: 60px;
position: absolute;
top: 5px;
right: 5px;
border-radius: 0 30px 0 50px;
background-image: radial-gradient(#d6d6d6 1px, transparent 0);
background-size: 12px 12px;
background-position: top right;
}
.os-widget .os-widget-header.centered {
text-align: center;
}
.os-widget .os-widget-header h3 {
font-size: 24px;
padding: 0;
margin: 0px;
line-height: 1;
color: #1f222b;
}
.os-widget .os-widget-header.with-actions .os-widget-header-text {
position: relative;
padding: 0px;
margin-bottom: 15px;
vertical-align: middle;
}
.os-widget .os-widget-header.with-actions .os-widget-header-actions-trigger {
display: none;
font-size: 20px;
}
.os-widget .os-widget-header.with-actions .os-widget-header-actions {
margin-left: auto;
text-align: right;
display: flex;
gap: 8px;
align-items: center;
}
.os-widget .os-widget-header.with-actions .os-widget-header-actions select, .os-widget .os-widget-header.with-actions .os-widget-header-actions .os-date-range-picker {
display: block;
white-space: nowrap;
line-height: 1.2;
}
.os-widget .os-widget-header.with-actions .os-widget-header-actions select:last-child, .os-widget .os-widget-header.with-actions .os-widget-header-actions .os-date-range-picker:last-child {
margin-right: 0px;
}
.os-widget .os-widget-header.with-actions .os-widget-header-actions .os-date-range-picker {
cursor: pointer;
border-radius: 15px;
background-color: #fff;
border: 1px solid #d2d4d7;
box-shadow: none;
min-height: 26px;
font-size: 14px;
padding: 8px 6px 8px 12px;
display: flex;
gap: 5px;
align-items: center;
vertical-align: middle;
line-height: 1.2;
}
.os-widget .os-widget-header.with-actions .os-widget-header-actions .os-date-range-picker i, .os-widget .os-widget-header.with-actions .os-widget-header-actions .os-date-range-picker span {
display: inline-block;
vertical-align: middle;
}
.os-widget .os-widget-header.with-actions .os-widget-header-actions .os-date-range-picker i {
font-size: 12px;
}
.os-widget .os-widget-header.with-actions .os-widget-header-actions .os-date-range-picker span {
color: #41444b;
}
.os-widget .os-widget-header.with-actions .os-widget-header-actions .os-date-range-picker:hover {
background-color: #fff;
}
.os-widget .os-widget-header.with-actions select {
max-width: 130px;
min-height: 26px;
color: #41444b;
background-color: #fff;
border: 1px solid #d2d4d7;
box-shadow: none;
border-radius: 15px;
font-size: 14px;
padding: 8px 18px 8px 12px;
}
.os-widget .os-widget-content {
padding: 15px 30px 30px 30px;
}
.os-widget .os-widget-content.no-padding {
padding: 0;
}
.os-widget.os-widget-boxed {
background-color: #fff;
box-shadow: 0 5px 15px -5px rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6);
padding: 15px;
border-radius: 8px;
}
.os-widget.os-widget-boxed .os-widget-header {
padding-top: 0px;
border-bottom: none;
}
.agent-stats-box {
display: flex;
align-items: center;
text-decoration: none;
color: #41444b;
transition: all 0.2s ease;
}
.agent-stats-box .agent-info {
text-align: center;
text-decoration: none;
color: #1f222b;
flex: 0;
padding: 20px;
padding-left: 0px;
margin: auto;
position: relative;
}
.agent-stats-box .agent-info:hover .agent-name {
display: block;
}
.agent-stats-box .agent-info .avatar-w {
background-size: cover;
background-position: center center;
width: 45px;
height: 45px;
display: block;
border-radius: 50%;
margin: 0px auto;
}
.agent-stats-box .agent-info .agent-name {
display: none;
position: absolute;
bottom: 50%;
left: 50%;
background-color: #111;
color: #fff;
font-size: 15px;
font-weight: 400;
padding: 10px 15px;
z-index: 9999;
white-space: nowrap;
border-radius: 12px;
animation: 0.2s cubic-bezier(0.45, 1.1, 0.4, 1) 0s toolTipOpen;
animation-fill-mode: both;
line-height: 1;
}
.agent-stats-box .agent-stats {
flex: 1;
}
.agent-stats-box .agent-stats .agent-stats-values {
display: flex;
align-items: flex-start;
}
.agent-stats-box .agent-stats .agent-stats-value {
flex: 0;
padding: 10px 20px 0px 0px;
color: #788291;
font-size: 13px;
}
.agent-stats-box .agent-stats .agent-stats-value strong {
font-size: 19px;
color: #1f222b;
}
.agent-stats-box .agent-stats .agent-stats-chart {
padding: 0px;
}
.agent-stats-box .agent-stats .agent-stats-chart .agent-chart-progress {
display: flex;
}
.agent-stats-box .agent-stats .agent-stats-chart .ac-progress-value {
cursor: pointer;
padding: 10px 0px;
position: relative;
}
.agent-stats-box .agent-stats .agent-stats-chart .ac-progress-value .ac-progress-value-line {
height: 2px;
}
.agent-stats-box .agent-stats .agent-stats-chart .ac-progress-value .progress-label-w {
display: none;
position: absolute;
bottom: 50%;
left: 50%;
background-color: #111;
color: #fff;
font-size: 15px;
font-weight: 400;
padding: 10px 15px;
z-index: 9999;
white-space: nowrap;
border-radius: 12px;
animation: 0.2s cubic-bezier(0.45, 1.1, 0.4, 1) 0s toolTipOpen;
animation-fill-mode: both;
line-height: 1;
bottom: auto;
top: -100%;
}
.agent-stats-box .agent-stats .agent-stats-chart .ac-progress-value .progress-label-w .progress-label {
color: rgba(255, 255, 255, 0.7);
font-size: 12px;
white-space: nowrap;
margin-top: 5px;
}
.agent-stats-box .agent-stats .agent-stats-chart .ac-progress-value .progress-label-w .progress-value {
font-weight: 400;
white-space: nowrap;
color: #fff;
}
.agent-stats-box .agent-stats .agent-stats-chart .ac-progress-value:hover .progress-label-w {
transform: translate(-50%, -105%);
display: block;
}
.agent-stats-box .agent-stats .agent-stats-chart .ac-progress-value:hover .ac-progress-value-line {
transform: scaleY(2);
border-radius: 0px;
}
.agent-stats-box .agent-sub-info {
transition: transform 0.2s ease;
}
.agent-stats-box .agent-sub-info .label {
color: #788291;
}
.agent-stats-box .agent-sub-info .value {
font-weight: 400;
color: #1d7bff;
}
.appointment-box-large {
background-color: #fff;
border-radius: 20px;
border: 1px solid rgba(211, 213, 218, 0.6705882353);
background-image: linear-gradient(129deg, rgba(179, 184, 204, 0.0509803922), rgba(255, 255, 255, 0.3607843137));
box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.01), 1px 1px 5px -1px rgba(134, 124, 171, 0.12), inset 2px 2px 0 0 #fff;
border-radius: 0px 8px 8px 0px;
border-left: none;
display: flex;
align-items: center;
position: relative;
cursor: pointer;
transition: all 0.2s ease;
}
.appointment-box-large.status-pending .appointment-status-selector, .appointment-box-large.status-payment_pending .appointment-status-selector {
background-color: #FFF2DA;
}
.appointment-box-large.status-pending .appointment-box-actions, .appointment-box-large.status-payment_pending .appointment-box-actions {
opacity: 1;
}
.appointment-box-large.status-pending .aba-reject, .appointment-box-large.status-payment_pending .aba-reject {
color: #D04C4C;
}
.appointment-box-large.status-pending .aba-reject span, .appointment-box-large.status-payment_pending .aba-reject span {
border-bottom-color: #D04C4C;
}
.appointment-box-large.status-pending .aba-reject:hover, .appointment-box-large.status-payment_pending .aba-reject:hover {
transform: scale(1.1);
box-shadow: inset 0px 0px 0px 2px #D04C4C;
}
.appointment-box-large.status-approved .appointment-status-selector {
background-color: #d4fbd7;
}
.appointment-box-large.status-cancelled .appointment-status-selector {
background-color: #ffe3e3;
}
.appointment-box-large + .appointment-box-large {
margin-top: 30px;
}
.appointment-box-large .edit-appointment-btn {
position: absolute;
top: 10px;
right: 10px;
font-size: 14px;
color: #1d7bff;
cursor: pointer;
}
.appointment-box-large .appointment-box-actions {
border-left: 1px solid rgba(0, 0, 0, 0.05);
flex: 0;
opacity: 0.3;
}
.appointment-box-large .appointment-box-actions .aba-button-w {
padding: 25px;
font-size: 18px;
font-weight: 400;
color: #1d7bff;
white-space: nowrap;
transition: transform 0.1s ease;
display: flex;
}
.appointment-box-large .appointment-box-actions .aba-button-w span, .appointment-box-large .appointment-box-actions .aba-button-w i {
display: block;
}
.appointment-box-large .appointment-box-actions .aba-button-w span {
margin-left: 10px;
border-bottom: 1px dotted #1d7bff;
}
.appointment-box-large .appointment-box-actions .aba-button-w + .aba-button-w {
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.appointment-box-large .appointment-box-actions .aba-reject {
color: #D04C4C;
}
.appointment-box-large .appointment-box-actions .aba-reject span {
border-bottom-color: #D04C4C;
}
.appointment-box-large .appointment-info {
padding: 25px;
flex: 1;
border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.appointment-box-large .appointment-info .appointment-color-elem {
position: absolute;
top: -1px;
left: 0px;
bottom: -1px;
width: 2px;
}
.appointment-box-large .appointment-info .appointment-service-name {
font-weight: 400;
font-size: 22px;
margin-bottom: 15px;
}
.appointment-box-large .appointment-info .appointment-time {
color: #788291;
white-space: nowrap;
}
.appointment-box-large .appointment-info .appointment-time .at-date {
font-weight: 400;
color: #1d7bff;
font-size: 18px;
margin-bottom: 3px;
}
.appointment-box-large .appointment-info .appointment-time .at-time {
margin-bottom: 10px;
}
.appointment-box-large .appointment-info .os-form-group {
margin-bottom: 0px;
}
.appointment-box-large .appointment-status-selector {
padding: 10px 10px 10px 25px;
margin: 0px -25px;
margin-bottom: -25px;
}
.appointment-box-large .appointment-status-selector .os-form-group {
display: flex;
align-items: center;
}
.appointment-box-large .appointment-status-selector .os-form-group label {
margin-right: 5px;
color: #41444b;
}
.appointment-box-large .account-info-w {
padding: 25px;
flex: 1;
align-items: center;
}
.appointment-box-large .account-info-w .account-info-head {
display: flex;
margin-bottom: 15px;
}
.appointment-box-large .account-info-w .avatar-w {
width: 40px;
height: 40px;
flex: 0 0 40px;
border-radius: 50%;
background-size: cover;
background-position: center center;
margin-right: 15px;
box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.4);
}
.appointment-box-large .account-info-w .account-info-label {
color: #788291;
}
.appointment-box-large .account-info-w .account-name {
font-weight: 400;
font-size: 18px;
color: #1d7bff;
margin-top: 2px;
}
.appointment-box-large .account-info-w .account-property {
margin-bottom: 5px;
white-space: nowrap;
display: flex;
}
.appointment-box-large .account-info-w .account-property .label {
color: #788291;
flex: 0 0 50px;
margin-right: 5px;
}
.appointment-box-large .account-info-w .account-property .value {
flex: 1;
font-weight: 400;
}
.appointment-box-large .account-info-w + .account-info-w {
border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.appointment-box-large.os-loading:after {
display: block;
content: "";
width: 14px !important;
height: 14px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
left: 16px;
top: 14px;
transform: none;
}
.appointment-box-small {
background: #FFFFFF;
display: flex;
align-items: center;
position: relative;
cursor: pointer;
transition: all 0.2s ease;
}
.appointment-box-small .edit-appointment-btn {
position: absolute;
top: 10px;
right: 10px;
font-size: 14px;
color: #1d7bff;
cursor: pointer;
}
.appointment-box-small .appointment-capacity-info {
padding: 12px 20px 15px 20px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.appointment-box-small .appointment-capacity-info .appointment-capacity-info-label {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 4px;
}
.appointment-box-small .appointment-capacity-info .appointment-capacity-info-label span, .appointment-box-small .appointment-capacity-info .appointment-capacity-info-label strong {
display: block;
}
.appointment-box-small .appointment-capacity-info .appointment-capacity-info-label span {
color: #788291;
}
.appointment-box-small .appointment-capacity-info .appointment-capacity-info-label strong {
color: #1f222b;
}
.appointment-box-small .appointment-capacity-progress-w {
background-color: rgba(29, 123, 255, 0.1);
}
.appointment-box-small .appointment-capacity-progress-w .appointment-capacity-progress {
height: 10px;
background-color: #1d7bff;
border-radius: 15px;
}
.appointment-box-small .appointment-info {
padding: 10px 25px;
flex: 1;
position: relative;
}
.appointment-box-small .appointment-info .appointment-color-elem {
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
width: 2px;
}
.appointment-box-small .appointment-info .appointment-service-name {
font-weight: 400;
font-size: 18px;
margin-bottom: 5px;
}
.appointment-box-small .appointment-info .appointment-time {
white-space: nowrap;
font-size: 13px;
}
.appointment-box-small .appointment-info .appointment-time .at-date {
color: #788291;
margin-bottom: 1px;
}
.appointment-box-small .appointment-info .appointment-time .at-time {
font-weight: 400;
}
.appointment-box-small .agent-info-w {
padding: 18px 10px 18px 15px;
display: flex;
flex: 0 0 33%;
align-items: center;
border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.appointment-box-small .agent-info-w .avatar-w {
width: 50px;
height: 50px;
flex: 0 0 50px;
border-radius: 50%;
background-size: cover;
background-position: center center;
margin-right: 15px;
box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.4);
}
.appointment-box-small .agent-info-w .agent-name {
font-weight: 400;
font-size: 15px;
color: #1d7bff;
margin-bottom: 3px;
}
.appointment-box-small .agent-info-w .agent-property {
margin-bottom: 2px;
white-space: nowrap;
}
.appointment-box-small .agent-info-w .agent-property .label {
color: #788291;
}
.appointment-box-small .agent-info-w .agent-property .value {
font-weight: 400;
}
.appointment-box-small .customer-info-w {
padding: 18px 15px 18px 15px;
display: flex;
flex: 0 0 55%;
align-items: center;
overflow: hidden;
border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.appointment-box-small .customer-info-w .avatar-w {
width: 50px;
height: 50px;
flex: 0 0 50px;
border-radius: 50%;
background-size: cover;
background-position: center center;
margin-right: 15px;
box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.4);
}
.appointment-box-small .customer-info-w .customer-name {
font-weight: 400;
font-size: 15px;
color: #1d7bff;
margin-bottom: 3px;
}
.appointment-box-small .customer-info-w .customer-property {
margin-bottom: 2px;
white-space: nowrap;
}
.appointment-box-small .customer-info-w .customer-property .label {
color: #788291;
}
.appointment-box-small .customer-info-w .customer-property .value {
font-weight: 400;
}
.appointment-box-small .agent-info-w + .customer-info-w {
flex: 0 0 33%;
}
.appointment-box-small.os-loading {
animation: animate_appointment_small_box 0.8s ease infinite;
}
.appointment-box-small.os-loading:after {
display: block;
content: "";
width: 14px !important;
height: 14px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
left: -10px;
}
.os-widget-daily-bookings .no-results-w, .os-widget-top-agents .no-results-w {
border: none;
border-radius: 6px;
}
.os-widget-daily-bookings .no-results-w:first-child, .os-widget-daily-bookings .no-results-w:nth-child(2), .os-widget-top-agents .no-results-w:first-child, .os-widget-top-agents .no-results-w:nth-child(2) {
display: block;
}
.os-dashboard-row .os-dashboard-column.os-upcoming {
flex: 0;
margin-left: 0px;
}
.os-dashboard-row .os-dashboard-column.os-upcoming .os-widget .os-widget-header {
padding-left: 30px;
}
.os-dashboard-row .os-dashboard-column.os-upcoming .os-widget .os-widget-content {
padding-left: 30px;
}
.os-widget-upcoming-appointments .no-results-w {
padding: 20px 0px;
}
.os-widget-upcoming-appointments .no-results-w .icon-w {
margin-bottom: 15px;
}
.os-widget-upcoming-appointments .no-results-w .count-label {
color: #788291;
font-size: 15px;
margin-bottom: 5px;
}
.os-widget-upcoming-appointments .no-results-w .count-number {
font-size: 38px;
font-weight: 400;
margin-bottom: 5px;
color: #41444b;
line-height: 1;
}
.os-widget-upcoming-appointments .no-results-w .latepoint-btn-link span {
border-bottom: 1px solid #1d7bff;
}
.os-widget-upcoming-appointments .appointment-box-small {
padding: 0px 0px 15px 0px;
margin-bottom: 15px;
border-bottom: 1px solid #f2f3f3;
}
.os-widget-upcoming-appointments .appointment-box-small .customer-info-w {
padding: 0px 15px;
}
.os-widget-upcoming-appointments .appointment-box-small .appointment-info {
padding: 0px 20px;
}
.os-widget-upcoming-appointments .appointment-box-small .appointment-color-elem {
top: 7px;
bottom: auto;
left: 0px;
width: 6px;
height: 6px;
}
.os-widget-upcoming-appointments .appointment-box-small:last-child {
border-bottom: none;
padding-bottom: 0px;
margin-bottom: 0px;
}
.os-widget-upcoming-appointments .appointment-box-small.os-loading {
animation: animate_appointment_small_box 0.8s ease infinite;
}
.os-widget-upcoming-appointments .appointment-box-small.os-loading:after {
display: block;
content: "";
width: 20px !important;
height: 20px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
left: 3px;
top: 10px;
}
.os-widget-upcoming-appointments .appointment-box-small.os-loading .appointment-color-elem {
border-radius: 10px;
}
.os-widget-upcoming-appointments .no-results-w:nth-child(8) {
display: none;
}
.os-widget-agents-bookings-timeline .appointment-box-small {
display: block;
box-shadow: 0 20px 40px 0 rgba(108, 120, 143, 0.15), 0 1px 2px 0 rgba(206, 211, 222, 0.7);
}
.os-widget-agents-bookings-timeline .appointment-box-small .appointment-info {
flex: 1;
padding: 10px 15px;
}
.os-widget-agents-bookings-timeline .appointment-box-small .customer-info-w {
flex: 1;
padding: 10px 15px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
border-left: none;
}
.os-widget-agents-bookings-timeline .appointment-box-small .customer-info-w .customer-name {
font-size: 15px;
}
.services-availability-list .service-availability {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding: 15px 0px;
display: flex;
align-items: center;
}
.services-availability-list .service-color {
height: 8px;
width: 8px;
margin-right: 15px;
}
.services-availability-list .service-name {
font-size: 18px;
font-weight: 400;
}
.services-availability-list .service-available-slots {
margin-left: auto;
color: #1d7bff;
font-size: 24px;
font-weight: 400;
}
.daily-bookings-chart-w {
height: 204px;
padding: 0 30px 15px 30px;
}
.agents-day-availability-timeslots {
padding-bottom: 15px;
}
.agent-day-availability-w {
position: relative;
display: flex;
align-items: center;
padding: 20px 0px;
z-index: 2;
}
.agent-day-availability-w .agent-avatar-w {
width: 35px;
flex: 0 0 35px;
margin-right: 15px;
height: 35px;
border-radius: 50%;
background-size: cover;
background-position: center center;
position: relative;
display: block;
text-decoration: none;
}
.agent-day-availability-w .agent-avatar-w.with-hover-name span {
display: none;
position: absolute;
bottom: 100%;
left: 50%;
background-color: #111;
color: #fff;
font-size: 15px;
font-weight: 400;
padding: 10px 15px;
z-index: 9999;
transform: translate(-50%, -5px);
white-space: nowrap;
border-radius: 12px;
}
.agent-day-availability-w .agent-avatar-w.with-hover-name:hover span {
display: block;
}
.agent-day-availability-w .agent-timeslots {
display: flex;
justify-content: space-between;
flex: 1;
position: relative;
}
.agent-day-availability-w .agent-timeslot {
height: 10px;
flex-grow: 1;
margin: 0px;
border-left: 1px solid #fff;
position: relative;
cursor: pointer;
background-color: #91e79e;
background-color: #1041ff;
background-color: #1d7bff;
}
.agent-day-availability-w .agent-timeslot .agent-timeslot-success-label {
color: rgba(255, 255, 255, 0.8);
}
.agent-day-availability-w .agent-timeslot .agent-timeslot-label {
display: none;
padding: 8px 12px;
line-height: 1;
background-color: #111;
color: #fff;
font-size: 13px;
font-weight: 400;
position: absolute;
white-space: nowrap;
transition: all 0.4s ease;
z-index: 9999;
border: 1px solid #000;
border-radius: 12px;
left: 50%;
top: -5px;
transform: translate3d(-50%, -100%, 0);
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.33), 0px 2px 6px rgba(0, 0, 0, 0.1);
}
.agent-day-availability-w .agent-timeslot .agent-timeslot-label .at-main-value {
color: #fff;
font-size: 17px;
}
.agent-day-availability-w .agent-timeslot .agent-timeslot-label .at-sub-value {
font-size: 13px;
color: rgba(255, 255, 255, 0.5);
margin-bottom: 3px;
}
.agent-day-availability-w .agent-timeslot.os-loading {
position: relative;
}
.agent-day-availability-w .agent-timeslot.os-loading:after {
display: block;
content: "";
width: 14px;
height: 14px;
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;
}
.agent-day-availability-w .agent-timeslot.is-booked {
background-color: #ff6363;
background-color: #cbd7ff;
background-color: #dae2ff;
margin: 0px;
border-radius: 0px;
border-color: #fff;
}
.agent-day-availability-w .agent-timeslot.is-booked:before {
background-color: #f04739;
}
.agent-day-availability-w .agent-timeslot.is-booked .agent-timeslot-label {
background-color: #f04739;
color: #fff;
border-color: #c51809 !important;
}
.agent-day-availability-w .agent-timeslot.is-booked:hover {
background-color: #ffc4c4;
}
.agent-day-availability-w .agent-timeslot.is-off {
background-image: repeating-linear-gradient(90deg, rgba(1, 0, 10, 0.2) 0px, rgba(1, 0, 10, 0.2) 1px, transparent 1px, transparent 4px);
background-color: #fff;
margin: 0px;
border-radius: 0px;
}
.agent-day-availability-w .agent-timeslot.is-off:before {
background-color: #E42806;
}
.agent-day-availability-w .agent-timeslot.is-off .agent-timeslot-label {
background-color: #f04739;
color: #fff;
border-color: #c51809 !important;
}
.agent-day-availability-w .agent-timeslot.is-off:hover {
background-color: #ffc4c4;
background-image: none;
}
.agent-day-availability-w .agent-timeslot:hover {
background-color: #25c765;
}
.agent-day-availability-w .agent-timeslot:hover:before {
top: 0px;
}
.agent-day-availability-w .agent-timeslot:hover .agent-timeslot-label {
display: block;
}
.agent-day-availability-w .agent-timeslot-tick {
display: none;
}
.agent-day-availability-w:last-child {
border-bottom: none;
}
.agent-day-availability-w:last-child .agent-timeslot-tick {
position: absolute;
display: block;
top: 25px;
left: 53%;
transform: translateX(-50%);
font-size: 9px;
text-align: center;
color: rgba(0, 0, 0, 0.4);
text-transform: uppercase;
line-height: 1.4;
font-weight: 400;
letter-spacing: 1px;
}
.agent-day-availability-w:last-child .agent-timeslot-tick strong {
display: block;
color: rgb(0, 0, 0);
font-size: 12px;
line-height: 1;
}
.agent-day-availability-w:last-child .agent-timeslot.with-tick:after {
display: block;
content: "";
position: absolute;
width: 1px;
left: 50%;
height: 5px;
bottom: -11px;
background-color: rgba(0, 0, 0, 0.2);
}
.tall-slots-timeline .agent-day-availability-w .agent-avatar-w {
display: none;
}
.tall-slots-timeline .agent-day-availability-w .agent-timeslot {
height: 29px;
}
.tall-slots-timeline .agent-day-availability-w:last-child .agent-timeslot-tick {
top: 43px;
}
.agent-day-bookings-timeline-compact-w {
position: relative;
display: flex;
}
.agent-day-bookings-timeline-compact-w .agents-avatars {
flex: 0;
margin-right: 20px;
padding-top: 30px;
}
.agent-day-bookings-timeline-compact-w .agents-avatars .avatar-w {
height: 70px;
padding: 15px 0px;
text-decoration: none;
position: relative;
}
.agent-day-bookings-timeline-compact-w .agents-avatars .avatar-w .avatar-i {
height: 40px;
display: block;
width: 40px;
border-radius: 50%;
background-size: cover;
background-position: center center;
}
.agent-day-bookings-timeline-compact-w .agents-avatars .avatar-w .avatar-i span {
display: none;
position: absolute;
bottom: 100%;
left: 50%;
background-color: #111;
color: #fff;
font-size: 15px;
font-weight: 400;
padding: 10px 15px;
z-index: 9999;
transform: translate(-50%, -5px);
white-space: nowrap;
border-radius: 12px;
}
.agent-day-bookings-timeline-compact-w .agents-avatars .avatar-w .avatar-i:hover span {
display: block;
}
.agent-day-bookings-timeline-compact-w .agents-timelines-w {
flex: 1;
position: relative;
}
.agent-day-bookings-timeline-compact-w .agents-timelines-w .current-time-indicator {
width: 2px;
background-color: #ff7c7c;
position: absolute;
top: 5px;
bottom: 0px;
z-index: 998;
}
.agent-day-bookings-timeline-compact-w .agents-timelines-w .current-time-indicator span {
position: absolute;
top: 0px;
left: 50%;
transform: translate(-50%, -100%);
background-color: #fc6262;
padding: 3px 5px;
border-radius: 4px;
color: #fff;
font-weight: 400;
font-size: 12px;
}
.agent-day-bookings-timeline-compact-w .timeline-bottom-w {
display: flex;
}
.agent-day-bookings-timeline-compact-w .timeline-top-w {
display: flex;
height: 30px;
}
.agent-day-bookings-timeline-compact-w .timeslot {
flex: 1;
}
.agent-day-bookings-timeline-compact-w .timeslot:last-child:not(:first-child) {
width: 1px;
flex: 0 0 1px;
}
.agent-day-bookings-timeline-compact-w .timeslot.with-tick .tick {
position: absolute;
z-index: 2;
top: 30px;
bottom: 35px;
width: 1px;
background-color: #ebeff2;
}
.agent-day-bookings-timeline-compact-w .timeslot .timeslot-time {
font-weight: 400;
font-size: 12px;
text-align: center;
line-height: 1.2;
transform: translateX(-50%);
display: inline-block;
}
.agent-day-bookings-timeline-compact-w .timeslot .timeslot-time .timeslot-ampm {
color: #788291;
font-size: 9px;
letter-spacing: 1px;
text-transform: uppercase;
}
.agent-day-bookings-timeline-compact-w .agent-timeline-w {
padding: 0px;
position: relative;
}
.agent-day-bookings-timeline-compact-w .agent-timeline-w .agent-timeline {
height: 70px;
position: relative;
}
.agent-day-bookings-timeline-compact-w .agent-timeline-w .agent-timeline:hover {
background-color: #fafafb;
}
.agent-day-bookings-timeline-compact-w .agent-timeline-w .agent-timeline .booking-blocks {
position: absolute;
top: 50%;
left: 0px;
right: 0px;
}
.agent-day-bookings-timeline-compact-w .agent-timeline-w .agent-timeline .booking-block {
height: 20px;
z-index: 3;
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
box-shadow: 0px 0px 0px 1px #fff;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 15px;
}
.agent-day-bookings-timeline-compact-w .agent-timeline-w .agent-timeline .booking-block.status-pending:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e94e";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 5px;
color: #fff;
font-size: 14px;
}
.agent-day-bookings-timeline-compact-w .agent-timeline-w .agent-timeline .booking-block.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: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.agent-day-bookings-timeline-compact-w .agent-timeline-w .agent-timeline .booking-block .appointment-box-small {
position: absolute;
border-radius: 20px;
top: 0px;
left: 50%;
transform: translate(-50%, -110%);
visibility: hidden;
opacity: 0;
transition: all 0.2s ease;
}
.agent-day-bookings-timeline-compact-w .agent-timeline-w .agent-timeline .booking-block:hover .appointment-box-small {
transform: translate(-50%, -105%);
visibility: visible;
opacity: 1;
}
.os-info-tile {
padding: 15px 15px;
display: flex;
align-items: center;
margin-bottom: 30px;
animation: 0.6s cubic-bezier(0.45, 1.1, 0.4, 1) 0s wizardWrapperAnimation;
animation-fill-mode: both;
}
.os-info-tile .os-tile-value {
font-size: 42px;
color: #1d7bff;
font-weight: 400;
line-height: 1.2;
}
.os-info-tile .os-tile-info {
flex: 1;
padding-left: 25px;
}
.os-info-tile .os-tile-label {
font-weight: 400;
font-size: 16px;
}
.os-info-tile .os-tile-label + .os-tile-desc {
margin-top: 5px;
}
.os-info-tile .os-tile-desc {
color: #788291;
}
.os-info-tile.tile-centered {
text-align: center;
display: block;
padding: 15px;
}
.os-info-tile.tile-centered .os-tile-info {
padding-left: 0px;
}
.os-info-tile.os-smaller {
padding: 15px 20px;
}
.os-info-tile.os-smaller .os-tile-value {
font-size: 37px;
}
.os-info-tile.os-smaller .os-tile-label {
font-size: 15px;
color: #788291;
}
.service-type-donut-chart-w {
padding: 15px;
align-items: center;
background-color: #fff;
border-radius: 20px;
border: 1px solid rgba(211, 213, 218, 0.6705882353);
background-image: linear-gradient(129deg, rgba(179, 184, 204, 0.0509803922), rgba(255, 255, 255, 0.3607843137));
box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.01), 1px 1px 5px -1px rgba(134, 124, 171, 0.12), inset 2px 2px 0 0 #fff;
margin-bottom: 30px;
}
.service-type-donut-chart-w .service-type-donut-chart-i {
padding: 0px 15% 10px;
}
.service-type-donut-chart-w .service-type-donut-chart-data {
padding: 10px;
padding-left: 20px;
}
.service-type-donut-chart-w.on-agent-dashboard {
box-shadow: none;
padding: 0px;
}
.service-type-donut-chart-w.on-agent-dashboard .service-type-donut-chart-data {
padding: 0px;
padding-top: 20px;
}
.service-type-donut-chart-w.on-agent-dashboard .chart-labels {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.service-type-donut-chart-w.on-agent-dashboard .chart-labels .chart-label {
flex: 0 0 47%;
}
.chart-heading {
color: #1d7bff;
margin-top: 0px;
}
.chart-heading + .chart-labels {
margin-top: 15px;
}
.chart-labels {
padding-left: 15px;
}
.chart-labels .chart-label-color {
width: 8px;
height: 8px;
position: absolute;
top: 5px;
left: -16px;
}
.chart-labels .chart-label {
margin-bottom: 5px;
position: relative;
}
.chart-labels .chart-label .name {
font-weight: 400;
}
.chart-labels .chart-label .value {
color: #788291;
font-size: 12px;
}
.circles-wrp {
display: block !important;
}
.circles-wrp svg {
display: block;
}
.appointment-box-detailed + .appointment-box-detailed {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.appointment-box-detailed .appointment-main-info {
display: flex;
align-items: center;
}
.appointment-box-detailed .appointment-main-info .appointment-color-elem {
width: 10px;
height: 10px;
margin-right: 15px;
}
.appointment-box-detailed .appointment-service-name {
font-size: 21px;
color: #1d7bff;
font-weight: 400;
margin-right: auto;
border-bottom: 1px dotted rgba(29, 123, 255, 0.6);
display: inline-block;
}
.appointment-box-detailed .appointment-date-w .appointment-date {
color: #788291;
display: inline-block;
}
.appointment-box-detailed .appointment-date-w .appointment-time {
display: inline-block;
color: #1d7bff;
margin-left: 3px;
font-weight: 400;
}
.appointment-boxes-squared-w .appointment-boxes-caption {
flex: 0 0 32px;
width: 32px;
border: 1px solid #1d7bff;
color: #1d7bff;
border-radius: 6px;
background-color: #fff;
box-shadow: 4px 4px 0px 0px rgba(29, 123, 255, 0.1);
position: relative;
}
.appointment-boxes-squared-w .appointment-boxes-caption div {
white-space: nowrap;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(90deg);
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 1;
font-weight: 400;
}
.appointment-boxes-squared-w .appointment-time-left {
color: #bb6767;
font-weight: 400;
font-size: 12px;
margin-bottom: 3px;
border-radius: 15px;
display: inline-block;
}
.appointment-box-squared {
display: flex;
flex-direction: column;
position: relative;
cursor: pointer;
transition: transform 0.2s ease;
}
.appointment-box-squared:not(:last-child) {
border-bottom: 1px solid #EEF0F1;
}
.appointment-box-squared:hover .appointment-main-info .appointment-color-elem {
transform: translateY(-50%) scale(0);
opacity: 0;
}
.appointment-box-squared:hover .appointment-main-info .appointment-link {
opacity: 1;
transform: translate(5px, -50%);
}
.appointment-box-squared.os-loading:after {
display: block;
content: "";
width: 14px !important;
height: 14px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
right: 5px;
left: auto;
top: 14px;
transform: none;
}
.appointment-box-squared .appointment-main-info {
padding: 20px 0px 20px 30px;
position: relative;
}
.appointment-box-squared .appointment-main-info .avatar-w {
transition: transform 0.1s ease;
}
.appointment-box-squared .appointment-main-info .appointment-link {
color: #1f222b;
font-weight: 400;
position: absolute;
top: 50%;
right: 32px;
transform: translate(0px, -50%);
transition: transform 0.2s ease;
opacity: 0;
padding: 8px;
border-radius: 15px;
background-color: #fff;
border: 1px solid #eee;
font-size: 14px;
width: 35px;
height: 35px;
line-height: 1;
}
.appointment-box-squared .appointment-main-info .appointment-link i {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.appointment-box-squared .appointment-main-info .appointment-color-elem {
position: absolute;
top: 50%;
right: 40px;
transform: translateY(-50%) scale(1);
width: 12px;
height: 12px;
border-radius: 15px;
transition: all 0.2s cubic-bezier(0.05, 0.45, 0.1, 1);
opacity: 0.7;
}
.appointment-box-squared .appointment-main-info .appointment-main-info-i {
display: flex;
align-items: center;
padding-right: 45px;
}
.appointment-box-squared .appointment-main-info .appointment-main-info-i .appointment-date-i {
display: flex;
}
.appointment-box-squared .appointment-main-info .appointment-main-info-i .appointment-date-i .appointment-date {
margin-right: 5px;
white-space: nowrap;
}
.appointment-box-squared .appointment-main-info .avatar-w {
background-size: cover;
background-position: center center;
width: 50px;
height: 50px;
display: block;
border-radius: 50%;
flex: 0 0 50px;
position: relative;
margin-right: 20px;
}
.appointment-box-squared .appointment-main-info .avatar-w .agent-info-tooltip {
display: none;
position: absolute;
bottom: 50%;
left: 50%;
background-color: #111;
color: #fff;
font-size: 13px;
font-weight: 400;
padding: 6px 10px;
z-index: 9999;
white-space: nowrap;
border-radius: 12px;
animation: 0.2s cubic-bezier(0.45, 1.1, 0.4, 1) 0s toolTipOpen;
animation-fill-mode: both;
}
.appointment-box-squared .appointment-main-info .avatar-w:hover .agent-info-tooltip {
display: block;
}
.appointment-box-squared .appointment-service-name {
font-size: 17px;
font-weight: 400;
color: #1f222b;
margin-right: auto;
margin-bottom: 2px;
}
.appointment-box-squared .appointment-date-w {
font-size: 13px;
}
.appointment-box-squared .appointment-date-w .appointment-date {
color: #788291;
margin-bottom: 1px;
}
.appointment-box-squared .appointment-date-w .appointment-time {
font-weight: 400;
}
.appointment-box-squared .appointment-capacity-info {
padding: 20px;
padding-top: 15px;
}
.appointment-box-squared .appointment-capacity-info .appointment-capacity-info-label {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 4px;
}
.appointment-box-squared .appointment-capacity-info .appointment-capacity-info-label span, .appointment-box-squared .appointment-capacity-info .appointment-capacity-info-label strong {
display: block;
}
.appointment-box-squared .appointment-capacity-info .appointment-capacity-info-label span {
color: #788291;
}
.appointment-box-squared .appointment-capacity-info .appointment-capacity-info-label strong {
color: #1f222b;
}
.appointment-box-squared .appointment-capacity-progress-w {
background-color: rgba(29, 123, 255, 0.1);
border-radius: 8px;
}
.appointment-box-squared .appointment-capacity-progress-w .appointment-capacity-progress {
height: 10px;
background-color: #1d7bff;
border-radius: 8px;
}
.os-widget-stats .stats-grid-row {
display: flex;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.os-widget-stats .stats-grid-box {
flex: 0 0 50%;
padding: 40px 10px;
text-align: center;
}
.os-widget-stats .stats-grid-box + .stats-grid-box {
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.os-widget-stats .stats-grid-value {
font-size: 33px;
font-weight: 400;
line-height: 1.3;
}
.os-widget-stats .stats-grid-label {
color: #788291;
font-size: 16px;
}
.os-widget-stats .stats-progress-w {
padding: 25px 20px;
}
.os-widget-stats .stats-progress-w .stats-progress-labels {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.os-widget-stats .stats-progress-w .stats-progress-label {
color: #788291;
margin-left: 3px;
}
.os-widget-stats .stats-progress-w .stats-progress-sub-value {
margin-left: auto;
color: #1d7bff;
}
.os-widget-stats .stats-progress-w .stats-progress-sub-label {
color: #788291;
margin-left: 3px;
}
.os-widget-stats .stats-progress-w .stats-progress {
background-color: #EEF4F1;
}
.os-widget-stats .stats-progress-w .stats-progress .stats-progress-bar {
height: 5px;
background-color: #6EE8A4;
}
.os-widget .stats-tabs {
display: flex;
gap: 20px;
padding: 25px 30px;
}
.os-widget .stats-tab {
flex: 1;
position: relative;
padding-right: 20px;
}
.os-widget .stats-tab:last-child {
border-right: none;
padding-right: 0;
}
.os-widget .stats-tab.active {
background-color: #fff;
}
.os-widget .stats-tab.active .stats-tab-value {
color: #1d7bff;
line-height: 1.1;
}
.os-widget .stats-tab-value {
font-size: 20px;
line-height: 1.3;
color: #1f222b;
white-space: nowrap;
}
.os-widget .stats-tab-value .stats-tab-value-self {
display: inline-block;
}
.os-widget .stats-tab-value .stats-change {
display: inline-block;
vertical-align: baseline;
color: #1f222b;
font-size: 12px;
font-weight: 400;
cursor: pointer;
}
.os-widget .stats-tab-value .stats-change .stats-change-value {
display: block;
position: relative;
padding: 0px;
color: #41444b;
}
.os-widget .stats-tab-value .stats-change .stats-change-label {
white-space: nowrap;
display: none;
z-index: 9999;
color: #1d7bff;
}
.os-widget .stats-tab-value .stats-change span {
display: block;
}
.os-widget .stats-tab-value .stats-change.change-positive .stats-change-label {
color: #09a579;
}
.os-widget .stats-tab-value .stats-change.change-positive .stats-change-value {
color: #09a579;
}
.os-widget .stats-tab-value .stats-change.change-positive .stats-change-value:after {
border-bottom: 5px solid #39B570;
}
.os-widget .stats-tab-value .stats-change.change-negative .stats-change-label {
border-color: #A16262;
color: #A16262;
}
.os-widget .stats-tab-value .stats-change.change-negative .stats-change-value {
border-color: #A16262;
color: #A16262;
}
.os-widget .stats-tab-value .stats-change.change-negative .stats-change-value:after {
border-top: 5px solid #A16262;
transform: translateY(0%);
}
.os-widget .stats-tab-label {
font-size: 13px;
white-space: nowrap;
color: #788291;
}
.os-widget .stats-tab-info {
position: absolute;
top: 0px;
right: 10px;
font-weight: 400;
width: 15px;
height: 15px;
border-radius: 8px;
line-height: 15px;
text-align: center;
font-size: 11px;
background-color: #eef1f4;
color: #4f525a;
cursor: help;
}
.os-widget .stats-tab-info .stats-tab-info-icon {
font-weight: 600;
font-size: 10px;
}
.os-widget .stats-tab-info .stats-tab-info-tooltip {
display: none;
width: 250px;
line-height: 1.3;
background-color: #111;
border-radius: 20px;
color: #fff;
padding: 7px;
font-size: 13px;
position: absolute;
top: 0px;
left: 50%;
transform: translate(-50%, -100%);
z-index: 9999;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}
.os-widget .stats-tab-info:hover {
background-color: #ddd;
}
.os-widget .stats-tab-info:hover .stats-tab-info-tooltip {
display: block;
}
.os-widget .stats-charts-w {
display: flex;
}
.os-widget .stats-line-chart-w {
padding-top: 0px;
flex: 1;
}
.os-widget .stats-donut-chart-w {
flex: 0 0 200px;
border-left: 1px solid #EEF0F1;
padding-top: 0px;
position: relative;
}
.os-widget .stats-donut-chart-w canvas {
margin: 0px auto;
}
.os-widget .stats-donut-chart-w .status-donut-label {
text-align: center;
color: #1f222b;
font-size: 13px;
padding-top: 54px;
margin-bottom: 0px;
font-weight: 400;
}
.os-widget-today-info {
border: none;
margin-bottom: 0px;
}
.os-widget-today-info .os-widget-day-picker {
font-size: 30px;
font-weight: 400;
margin-bottom: 10px;
}
.os-widget-today-info .day-info-progress {
background-color: #edf1f7;
display: flex;
height: 2px;
border-radius: 8px;
}
.os-widget-today-info .day-info-progress .di-progress-value {
height: 2px;
position: relative;
}
.os-widget-today-info .day-info-progress .di-progress-value .progress-label-w {
transform: translateY(-120%);
transition: all 0.1s ease-in;
display: none;
position: absolute;
top: 0px;
right: 0px;
background-color: #000;
padding: 10px;
font-size: 16px;
}
.os-widget-today-info .day-info-progress .di-progress-value .progress-label-w .progress-label {
color: rgba(255, 255, 255, 0.6);
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
white-space: nowrap;
margin-top: 5px;
}
.os-widget-today-info .day-info-progress .di-progress-value .progress-label-w .progress-value {
white-space: nowrap;
color: #fff;
}
.os-widget-today-info .day-info-progress .di-progress-value:hover .progress-label-w {
transform: translateY(-105%);
display: block;
}
.os-widget-today-info .day-main-info {
padding-bottom: 20px;
text-align: center;
}
.os-widget-today-info .big-counter {
font-size: 64px;
line-height: 1;
color: #1f222b;
font-weight: 400;
}
.os-widget-today-info .counter-label {
color: #788291;
font-size: 21px;
}
.os-widget-today-info .day-sub-info-col {
display: flex;
padding: 15px 0px;
}
.os-widget-today-info .day-sub-info-col.with-avatars {
display: flex;
align-items: center;
justify-content: space-between;
padding: 9px 0px;
}
.os-widget-today-info .day-sub-info-col.with-avatars .agents-on-duty-avatars {
display: flex;
flex-direction: row-reverse;
position: relative;
}
.os-widget-today-info .day-sub-info-col.with-avatars .avatar-w {
background-size: cover;
background-position: center center;
width: 30px;
height: 30px;
display: block;
border-radius: 50%;
box-shadow: 0px 0px 0px 2px #fff;
margin-right: -5px;
}
.os-widget-today-info .day-sub-info-col.with-avatars .avatar-w:first-child {
margin-right: 0px;
}
.os-widget-today-info .sub-info-value {
font-weight: 400;
display: inline-block;
margin-left: auto;
white-space: nowrap;
}
.os-widget-today-info .sub-info-period {
text-align: right;
white-space: nowrap;
padding-left: 10px;
}
.os-widget-today-info .sub-info-period + .sub-info-period {
margin-top: 5px;
}
.os-widget-today-info .sub-info-label {
color: #788291;
font-weight: 400;
white-space: nowrap;
}
.timeline-type-toggle {
margin-left: auto;
display: flex;
border: 1px solid #ced6df;
font-size: 14px;
border-radius: 15px;
cursor: pointer;
}
.timeline-type-toggle .timeline-type-option {
white-space: nowrap;
flex: 0;
padding: 8px 12px;
border-radius: 15px;
color: #788291;
}
.timeline-type-toggle .timeline-type-option.active {
box-shadow: 0px 0px 0px 1px #1f222b;
background-color: #fff;
color: #1f222b;
}
.timeline-type-toggle .timeline-type-option:hover:not(.active) {
color: #41444b;
}
.timeline-with-info-w {
display: flex;
align-items: stretch;
border-radius: 20px;
}
.timeline-with-info-w.dark {
background-color: #1f3fab;
padding: 15px;
}
.timeline-with-info-w.dark .timeline-and-availability-w {
padding-left: 30px;
padding-bottom: 20px;
color: rgba(255, 255, 255, 0.8);
}
.timeline-with-info-w.dark .timeline-controls {
padding-top: 20px;
}
.timeline-with-info-w.dark .timeline-controls select {
color: #fff;
}
.timeline-with-info-w.dark .agent-day-bookings-timeline-compact-w .timeslot.with-tick .tick {
background-color: rgba(255, 255, 255, 0.1);
}
.timeline-with-info-w.dark .agent-timeline-w .agent-timeline {
background-color: #18379f;
}
.timeline-with-info-w.dark .agent-timeline-w .agent-timeline .booking-block {
box-shadow: 0px 0px 0px 1px #18379f;
}
.timeline-with-info-w .timeline-and-availability-contents {
padding: 15px 30px 30px 30px;
}
.timeline-with-info-w .timeline-and-availability-contents.shows-appointments .agent-day-availability-w {
padding: 0px;
}
.timeline-with-info-w .timeline-and-availability-contents.shows-appointments .agent-day-availability-w .agent-timeslot {
background-color: transparent;
border-left: 1px solid transparent;
height: 70px;
cursor: copy;
}
.timeline-with-info-w .timeline-and-availability-contents.shows-appointments .agent-day-availability-w .agent-timeslot:hover:not(.is-off):not(.is-booked) {
background-color: #e7ffec;
background-image: radial-gradient(#81dfa3 1px, transparent 0);
background-size: 6px 6px;
background-position: top right;
}
.timeline-with-info-w .timeline-and-availability-contents.shows-appointments .agent-day-availability-w .agent-timeslot.is-off:hover, .timeline-with-info-w .timeline-and-availability-contents.shows-appointments .agent-day-availability-w .agent-timeslot.is-booked:hover {
background-color: #ffe7e7;
background-image: radial-gradient(#df8181 1px, transparent 0);
background-size: 6px 6px;
background-position: top right;
}
.timeline-with-info-w .timeline-and-availability-contents.shows-appointments .agent-day-availability-w .agent-timeslot.is-booked {
cursor: not-allowed;
}
.timeline-with-info-w .timeline-and-availability-contents.shows-appointments .agent-day-availability-w .agent-timeslot.is-off {
cursor: not-allowed;
}
.timeline-with-info-w .timeline-and-availability-contents.shows-appointments .agent-day-availability-w .agent-timeslot.is-off:hover {
background-color: #ffc4c4;
}
.timeline-with-info-w .timeline-and-availability-contents.shows-appointments .agent-day-availability-w .agent-timeslot.is-off .agent-timeslot-label {
left: 50%;
top: 0;
transform: translate3d(-50%, -10px, 0);
}
.timeline-with-info-w .timeline-and-availability-contents.shows-appointments .agent-timeline-w .agent-timeline {
display: block;
}
.timeline-with-info-w .timeline-and-availability-contents.shows-availability .agent-day-availability-w {
display: block;
}
.timeline-with-info-w .timeline-and-availability-contents.shows-availability .agent-timeline-w .agent-timeline .booking-blocks {
display: none;
}
.timeline-with-info-w .timeline-controls {
display: flex;
align-items: center;
font-weight: 400;
}
.timeline-with-info-w .timeline-controls .select-w, .timeline-with-info-w .timeline-controls label {
display: block;
margin: 0px;
}
.timeline-with-info-w .timeline-controls select, .timeline-with-info-w .timeline-controls label, .timeline-with-info-w .timeline-controls .range-picker-value {
font-size: 22px;
}
.timeline-with-info-w .timeline-controls select {
background-color: transparent;
margin: 0px;
appearance: none;
border: none;
padding: 0px 5px;
border-radius: 6px;
box-shadow: none;
padding-right: 25px;
background-size: 14px 14px;
}
.timeline-with-info-w .timeline-controls select:hover {
background-color: rgba(0, 0, 0, 0.05);
color: #41444b;
}
.timeline-with-info-w .timeline-controls .select-w {
position: relative;
margin-right: 10px;
}
.timeline-with-info-w .timeline-controls label {
flex: 0;
white-space: nowrap;
color: #788291;
margin-right: 5px;
}
.timeline-with-info-w .timeline-and-availability-w {
flex: 1;
}
.timeline-with-info-w .timeline-info-w {
padding: 40px;
font-size: 15px;
flex: 0;
}
.timeline-with-info-w .timeline-info-w.dark {
background-color: #1d7bff;
color: #fff;
border-left: none;
margin: -1px;
margin-left: 0px;
border-radius: 20px;
}
.timeline-with-info-w .timeline-info-w.dark .sub-info-label {
color: rgba(255, 255, 255, 0.6);
}
.timeline-with-info-w .timeline-info-w.dark .day-sub-info-col.with-avatars .avatar-w {
box-shadow: 0px 0px 0px 2px #1d7bff;
}
.timeline-with-info-w .timeline-info-w.dark .day-sub-info-col {
border-bottom-color: rgba(255, 255, 255, 0.1);
}
.timeline-with-info-w .timeline-info-w.dark .day-info-progress {
background-color: rgba(255, 255, 255, 0.1);
}
.timeline-with-info-w .timeline-info-w .os-date-range-picker {
cursor: pointer;
position: relative;
margin-bottom: 20px;
font-size: 36px;
white-space: nowrap;
}
.timeline-with-info-w .timeline-info-w .os-date-range-picker > .range-picker-value, .timeline-with-info-w .timeline-info-w .os-date-range-picker .latepoint-icon {
z-index: 2;
position: relative;
vertical-align: middle;
}
.timeline-with-info-w .timeline-info-w .os-date-range-picker > .latepoint-icon {
font-size: 20px;
margin-left: 10px;
}
.timeline-with-info-w .timeline-info-w .os-date-range-picker:after {
content: "";
position: absolute;
top: -5px;
left: -10px;
bottom: -10px;
right: -10px;
z-index: 1;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 8px;
display: none;
}
.timeline-with-info-w .timeline-info-w .os-date-range-picker:hover:after {
display: block;
}
.timeline-with-info-w .timeline-info-w .latepoint-btn {
display: block;
background-color: #1e7bff;
text-align: center;
margin-top: 20px;
padding: 12px 15px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0);
}
.timeline-with-info-w .timeline-info-w .os-add-box {
border: none;
background-color: #1d7bff;
padding: 10px;
margin-top: 15px;
border-radius: 20px;
}
.timeline-with-info-w .timeline-info-w .os-add-box .add-box-label {
margin-right: auto;
color: #fff;
margin-left: 10px;
}
.timeline-with-info-w .timeline-info-w .os-add-box .add-box-graphic-w {
margin-left: auto;
width: 30px;
height: 30px;
}
.timeline-with-info-w .timeline-info-w .os-add-box .add-box-graphic-w .add-box-plus {
background-color: #fff;
color: #1d7bff;
box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.1);
}
.pickr {
position: relative;
overflow: visible;
}
.pickr .pcr-button {
position: relative;
height: 18px;
width: 18px;
border-radius: 9px;
cursor: pointer;
background: transparent;
transition: background-color 0.3s;
}
.pickr .pcr-button::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
background-size: 0.5em;
border-radius: 15px;
z-index: -1;
}
.pickr .pcr-button::after {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" stroke="%2342445A" stroke-width="5px" stroke-linecap="round"><path d="M45,45L5,5"></path><path d="M45,5L5,45"></path></svg>') no-repeat center;
background-size: 70%;
opacity: 0;
}
.pickr .pcr-button.clear::after {
opacity: 1;
}
.pickr .pcr-button.disabled {
cursor: not-allowed;
}
.pcr-app {
z-index: 999;
position: absolute;
display: flex;
flex-direction: column;
box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.2), 0px 5px 30px rgba(0, 0, 0, 0.4);
top: 5px;
height: 15em;
width: 220px;
max-width: 220px;
padding: 15px;
border-radius: 15px;
background: #fff;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s;
}
.pcr-app.visible {
visibility: visible;
opacity: 1;
}
.pcr-app .pcr-interaction {
display: flex;
align-items: center;
}
.pcr-app .pcr-interaction input {
padding: 10px;
border: none;
outline: none;
font-size: 17px;
text-align: center;
cursor: pointer;
color: #c4c4c4;
background: #f8f8f8;
border-radius: 15px;
}
.pcr-app .pcr-interaction input:hover {
color: #808080;
}
.pcr-app .pcr-interaction .pcr-result {
color: #808080;
text-align: left;
flex-grow: 1;
min-width: 1em;
transition: all 0.2s;
border-radius: 15px;
background: #f8f8f8;
cursor: text;
padding-left: 0.8em;
}
.pcr-app .pcr-interaction .pcr-result:focus {
color: #1d7bff;
}
.pcr-app .pcr-interaction .pcr-result::selection {
background: #1d7bff;
color: #fff;
}
.pcr-app .pcr-interaction .pcr-type.active {
color: #fff;
background: #1d7bff;
}
.pcr-app .pcr-interaction .pcr-clear,
.pcr-app .pcr-interaction .pcr-save {
color: #fff;
width: 100%;
}
.pcr-app .pcr-interaction .pcr-save {
background: #1d7bff;
display: none;
}
.pcr-app .pcr-interaction .pcr-save:hover {
background: #4370f4;
color: #fff;
}
.pcr-app .pcr-interaction .pcr-clear {
background: #f44250;
}
.pcr-app .pcr-interaction .pcr-clear:hover {
background: #db3d49;
color: #fff;
}
.pcr-app .pcr-selection {
display: flex;
justify-content: space-between;
flex-grow: 1;
}
.pcr-app .pcr-selection .pcr-picker {
position: absolute;
height: 18px;
width: 18px;
border: 2px solid #fff;
border-radius: 100%;
user-select: none;
cursor: -moz-grab;
cursor: -webkit-grabbing;
}
.pcr-app .pcr-selection .pcr-color-preview {
position: relative;
z-index: 1;
width: 2em;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.pcr-app .pcr-selection .pcr-color-preview::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
background-size: 0.5em;
border-radius: 15px;
z-index: -1;
}
.pcr-app .pcr-selection .pcr-color-preview .pcr-last-color {
cursor: pointer;
transition: background-color 0.3s;
border-radius: 15px 15px 0 0;
}
.pcr-app .pcr-selection .pcr-color-preview .pcr-current-color {
border-radius: 0 0 15px 15px;
}
.pcr-app .pcr-selection .pcr-color-preview .pcr-last-color,
.pcr-app .pcr-selection .pcr-color-preview .pcr-current-color {
background: transparent;
width: 100%;
height: 50%;
}
.pcr-app .pcr-selection .pcr-color-palette,
.pcr-app .pcr-selection .pcr-color-chooser,
.pcr-app .pcr-selection .pcr-color-opacity {
position: relative;
user-select: none;
}
.pcr-app .pcr-selection .pcr-color-palette {
flex-grow: 0.9;
z-index: 1;
}
.pcr-app .pcr-selection .pcr-color-palette .pcr-palette {
height: 100%;
border-radius: 15px;
}
.pcr-app .pcr-selection .pcr-color-palette .pcr-palette::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
background-size: 0.5em;
border-radius: 15px;
z-index: -1;
}
.pcr-app .pcr-selection .pcr-color-chooser .pcr-picker,
.pcr-app .pcr-selection .pcr-color-opacity .pcr-picker {
left: 50%;
transform: translateX(-50%);
}
.pcr-app .pcr-selection .pcr-color-chooser .pcr-slider,
.pcr-app .pcr-selection .pcr-color-opacity .pcr-slider {
width: 12px;
height: 100%;
border-radius: 15px;
}
.pcr-app .pcr-selection .pcr-color-chooser .pcr-slider {
background: linear-gradient(to bottom, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%));
}
.pcr-app .pcr-selection .pcr-color-opacity .pcr-slider {
background: linear-gradient(to bottom, transparent, black), url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
background-size: 100%, 50%;
}
.latepoint-message {
border-radius: 20px;
}
.latepoint-message.latepoint-message-success {
padding: 10px 15px;
font-weight: 400;
margin-bottom: 15px;
background: #aeffbe;
color: #258432;
text-align: center;
}
.latepoint-message.latepoint-message-error {
padding: 10px 15px;
font-weight: 400;
margin-bottom: 15px;
color: #820b0b;
text-align: center;
background-color: #ffdede;
border: 1px solid #eeb9b9;
border-bottom-color: #e5a5a5;
box-shadow: 0px 1px 1px rgba(255, 19, 19, 0.15);
}
.latepoint-message.latepoint-message-info {
padding: 10px 15px;
font-weight: 400;
margin-bottom: 15px;
background: #d5dcff;
color: #181b2d;
text-align: center;
}
.latepoint-message.latepoint-message-invalid {
padding: 10px 15px;
font-weight: 400;
margin-bottom: 20px;
background: #ffd9d9;
color: #700c0c;
border-left: 4px solid #f19696;
border-radius: 15px;
}
.latepoint-message.latepoint-message-subtle {
padding: 10px 15px;
font-weight: 400;
margin-bottom: 20px;
background: #f6f3ec;
color: #6a6561;
border-left: 4px solid #e9e4db;
border-radius: 15px;
}
.latepoint-message.latepoint-message-subtle:last-child {
margin-bottom: 0px;
}
.latepoint-message.latepoint-message-subtle strong {
color: #1d7bff;
background-color: #fff;
padding: 0px 3px;
border-radius: 4px;
}
.latepoint-message.latepoint-message-warning {
padding: 10px;
font-weight: 400;
margin-bottom: 15px;
background: #f7f2dd;
color: #61583e;
text-align: center;
border: 1px solid #dfcb9e;
box-shadow: 0px 2px 4px rgba(64, 55, 40, 0.05);
}
.latepoint-message h3 {
margin-top: 0px;
margin-bottom: 5px;
}
.os-bundles-list .os-bundle-wrapper {
position: relative;
}
.os-bundles-list .os-bundle-wrapper.os-bundle-status-disabled {
opacity: 0.7;
}
.os-bundles-list .os-bundle-wrapper.os-bundle-status-disabled .os-bundle-header {
border-radius: 20px 20px 0 0;
box-shadow: inset 0px 3px 0px 0px #ca1616;
}
.os-bundles-list .os-bundle-wrapper.os-bundle-status-disabled .os-bundle-header .bundle-name {
color: #ca1616;
}
.os-bundles-list .os-bundle {
position: relative;
z-index: 3;
background-color: #fff;
border-radius: 20px;
border: 1px solid rgba(211, 213, 218, 0.6705882353);
background-image: linear-gradient(129deg, rgba(179, 184, 204, 0.0509803922), rgba(255, 255, 255, 0.3607843137));
box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.01), 1px 1px 5px -1px rgba(134, 124, 171, 0.12), inset 2px 2px 0 0 #fff;
}
.os-bundles-list .os-bundle .os-form-w {
padding: 0px;
margin: 0px;
background-color: transparent;
}
.os-bundles-list .os-bundle-header {
padding: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
text-align: center;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.os-bundles-list .os-bundle-header .bundle-hidden {
position: absolute;
top: 5px;
right: 5px;
color: #e83c3c;
font-size: 15px;
}
.os-bundles-list .os-bundle-header .bundle-image {
display: inline-block;
vertical-align: middle;
margin-right: 20px;
}
.os-bundles-list .os-bundle-header .bundle-image img {
height: 40px;
width: auto;
display: block;
}
.os-bundles-list .os-bundle-header .bundle-name {
display: inline-block;
vertical-align: middle;
margin: 0;
color: #1f222b;
text-align: left;
}
.os-bundles-list .os-bundle-header .bundle-price {
font-weight: 400;
font-size: 18px;
color: #1d7bff;
}
.os-bundles-list .os-bundle-body {
padding-bottom: 56px;
}
.os-bundles-list .os-bundle-body .selected-count {
background-color: #fff6c7;
border: 1px solid #e0be0d;
color: #c18018;
border-radius: 4px;
font-size: 12px;
padding: 3px 5px;
line-height: 1.1;
}
.os-bundles-list .os-bundle-body .selected-count.selected-count-all {
background-color: #ceffce;
border-color: #15c340;
color: #0e8e25;
}
.os-bundles-list .os-bundle-body .os-bundle-services-wrapper {
padding: 15px;
}
.os-bundles-list .os-bundle-body .os-bundle-services-wrapper .label {
color: #b0b0b0;
font-weight: 400;
margin-bottom: 10px;
display: flex;
justify-content: space-between;
align-items: center;
}
.os-bundles-list .os-bundle-body .os-bundle-services-wrapper .bundle-service {
display: flex;
align-items: flex-start;
font-weight: 400;
justify-content: space-between;
}
.os-bundles-list .os-bundle-body .os-bundle-services-wrapper .bundle-service + .bundle-service {
margin-top: 10px;
}
.os-bundles-list .os-bundle-body .bundle-info-row {
display: flex;
align-items: center;
margin-bottom: 5px;
}
.os-bundles-list .os-bundle-foot {
padding: 15px;
padding-top: 0px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.os-bundles-list .os-bundle-shadow {
z-index: 2;
position: absolute;
left: 13px;
right: 13px;
bottom: -4px;
height: 6px;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
border-radius: 0 0 20px 20px;
background-color: #fff;
opacity: 0.9;
}
.os-bundles-list .os-bundle-shadow + .os-bundle-shadow {
bottom: -9px;
z-index: 1;
left: 20px;
right: 20px;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
opacity: 0.4;
}
.os-bundles-list .assign-agent-btn {
display: inline-block;
vertical-align: middle;
}
.os-bundles-list .bundle-agents-avatars {
vertical-align: middle;
padding: 10px 0px;
display: inline-block;
}
.os-bundles-list .bundle-agents-avatars img {
width: 35px;
height: auto;
border-radius: 40px;
display: inline-block;
}
.os-bundles-list .bundle-agents-avatars img + img {
margin-left: 10px;
}
.os-bundles-list .bundle-agents-avatars img:last-child {
margin-right: 30px;
}
.os-bundles-list .create-bundle-link-w {
border: 1px dotted #aaa;
text-align: center;
position: relative;
cursor: pointer;
display: block;
outline: none;
box-shadow: none;
min-height: 180px;
align-self: stretch;
border-radius: 15px;
}
.os-bundles-list .create-bundle-link-w .create-bundle-link-i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.os-bundles-list .create-bundle-link-w .add-bundle-graphic-w {
width: 90px;
height: 90px;
position: relative;
margin: 0px auto;
}
.os-bundles-list .create-bundle-link-w .add-bundle-graphic-w .add-bundle-plus {
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
height: 30px;
width: 30px;
background-color: #1d7bff;
box-shadow: 0px 0px 0px 10px rgba(208, 213, 220, 0.3);
color: #fff;
transform: translate(-50%, -50%);
transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1.35);
}
.os-bundles-list .create-bundle-link-w .add-bundle-graphic-w .add-bundle-plus i {
position: absolute;
display: block;
top: 50%;
left: 50%;
font-size: 12px;
transform: translate(-45%, -47%);
transition: all 0.2s ease;
}
.os-bundles-list .create-bundle-link-w .add-bundle-label {
color: #1f222b;
font-weight: 400;
font-size: 18px;
margin-top: 10px;
transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1.35);
}
.os-bundles-list .create-bundle-link-w:hover {
border-color: #1d7bff;
border-style: solid;
}
.os-bundles-list .create-bundle-link-w:hover .add-bundle-plus {
box-shadow: 0px 0px 0px 20px rgba(208, 213, 220, 0.3);
transform: translate(-50%, -50%) scale(1.3);
}
.os-bundles-list .create-bundle-link-w:hover .add-bundle-label {
transform: translateY(5px);
}
/*!
* Copyright (c) 2022 LatePoint LLC. All rights reserved.
*/
.process-event-condition-wrapper .sub-section-row:first-child {
border-top: 1px solid #dcdcea;
}
.process-action-form {
margin-bottom: 10px;
background-color: #fff;
border-radius: 20px;
border: 1px solid rgba(211, 213, 218, 0.6705882353);
background-image: linear-gradient(129deg, rgba(179, 184, 204, 0.0509803922), rgba(255, 255, 255, 0.3607843137));
box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.01), 1px 1px 5px -1px rgba(134, 124, 171, 0.12), inset 2px 2px 0 0 #fff;
}
.process-action-form:not(.is-editing) .process-action-heading:hover .process-action-remove {
display: block;
}
.process-action-form .process-action-heading {
display: flex;
align-items: center;
padding: 20px;
color: #1f222b;
font-weight: 400;
font-size: 15px;
line-height: 1;
cursor: pointer;
position: relative;
}
.process-action-form .process-action-heading .process-action-icon {
line-height: 1;
width: 30px;
margin-left: 15px;
padding-left: 10px;
font-size: 15px;
border-left: 1px solid #EEF0F1;
}
.process-action-form .process-action-heading .process-action-icon:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e967";
}
.process-action-form .process-action-heading .process-action-name {
margin-left: 10px;
}
.process-action-form .process-action-heading .process-action-descriptive-setting {
background-color: #f0f5ff;
padding: 2px 3px;
margin-left: 10px;
font-size: 12px;
color: #1d7bff;
border-radius: 4px;
}
.process-action-form .process-action-heading .process-action-chevron {
margin-left: auto;
font-size: 16px;
}
.process-action-form .process-action-heading .process-action-remove {
position: absolute;
right: 1px;
top: 1px;
transform: translate(50%, -50%);
font-size: 16px;
color: #fff;
background-color: #eb3a3a;
border: 3px solid #fff;
text-decoration: none;
padding: 0px 2px;
line-height: 26px;
width: 26px;
height: 26px;
border-radius: 50%;
text-align: center;
display: none;
z-index: 3;
opacity: 1;
}
.process-action-form .process-action-heading .process-action-remove:hover {
background-color: #af0000;
}
.process-action-form .process-action-heading .process-action-remove i {
vertical-align: middle;
line-height: 20px;
display: block;
}
.process-action-form .process-action-heading .process-action-remove.os-loading:after {
display: block;
content: "";
width: 19px;
height: 19px;
border-bottom: 2px solid #dc5858;
border-left: 2px solid #dc5858;
border-top: 2px solid #dc5858;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
}
.process-action-form .process-action-heading .process-action-remove.os-loading i {
color: transparent;
}
.process-action-form .process-action-heading .process-action-status {
color: #fff;
width: 8px;
height: 8px;
text-align: center;
border-radius: 50%;
z-index: 3;
}
.process-action-form.pa-type-send_email .process-action-icon:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e927";
}
.process-action-form.pa-type-send_sms .process-action-icon:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e92c";
}
.process-action-form.pa-type-trigger_webhook .process-action-icon:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e971";
}
.process-action-form.pa-type-send_whatsapp .process-action-icon:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e950";
}
.process-action-form.pa-status-active .process-action-status {
background-image: linear-gradient(180deg, #5aff77, #00f842);
box-shadow: 0px 1px 0px 0px rgba(138, 255, 154, 0.5), 0px 0px 0px 4px rgba(138, 255, 154, 0.25), 0px 0px 0px 7px rgba(138, 255, 154, 0.15), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.4);
border: 1px solid #35d431;
border-bottom-color: #33c82f;
}
.process-action-form.pa-status-disabled .process-action-status {
background-image: linear-gradient(180deg, #ff5839, #f50e0e);
box-shadow: 0px 1px 0px 0px rgba(255, 138, 138, 0.5), 0px 0px 0px 4px rgba(255, 138, 138, 0.1), 0px 0px 0px 7px rgba(255, 138, 138, 0.05), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.2);
border: 1px solid #ee1b1b;
border-bottom-color: #ce0a0a;
}
.process-action-form .process-action-content {
padding: 20px;
display: none;
}
.process-action-form .process-action-content > div + div {
margin-top: 15px;
}
.process-action-form .process-action-settings {
margin-top: 10px;
position: relative;
}
.process-action-form .process-action-settings > div + div {
margin-top: 15px;
}
.process-action-form .process-action-settings.os-loading:before {
display: block;
content: "";
width: 12px !important;
height: 12px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
top: -33px;
left: -10px;
}
.process-action-form:not(.is-editing):hover {
box-shadow: 0px 0px 0px 2px #1d7bff;
border-color: transparent;
}
.process-action-form.is-editing .process-action-chevron i.latepoint-icon-chevron-down:before {
content: "\e96d";
}
.process-action-form.is-editing .process-action-descriptive-setting {
visibility: hidden;
}
.process-action-form.is-editing .process-action-status {
box-shadow: none;
border-color: #1d7bff;
}
.process-action-form.is-editing .process-action-status:before {
background-color: #fff;
box-shadow: 6px 6px 0px 0px #fff, 0px 6px 0px 0px #fff, 6px 0px 0px 0px #fff, 6px 12px 0px 0px #fff, 0px 12px 0px 0px #fff;
}
.process-action-form.is-editing .process-action-heading {
border-bottom: 1px solid #dcdad7;
}
.process-action-form.is-editing .process-action-content {
display: block;
}
.process-action-form .process-buttons {
display: flex;
}
.process-action-form .process-buttons .pull-left {
margin-right: auto;
}
.process-condition-values-w {
flex: 1;
}
.pe-condition {
display: flex;
border: 1px solid #dcdad7;
padding: 15px;
align-items: center;
position: relative;
}
.pe-condition:hover .pe-remove-condition {
display: block;
}
.pe-condition .pe-remove-condition {
outline: none;
border: none;
position: absolute;
left: 0px;
top: 50%;
transform: translate(-50%, -50%);
font-size: 14px;
color: #eb3a3a;
text-decoration: none;
padding: 0px 2px;
line-height: 20px;
width: 20px;
height: 20px;
border-radius: 10px;
background-color: #fff;
box-shadow: 0 5px 15px -5px rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6);
text-align: center;
z-index: 3;
display: none;
cursor: pointer;
}
.pe-condition .pe-remove-condition:focus {
outline: none;
}
.pe-condition .pe-remove-condition:hover {
color: #dc5858;
box-shadow: 0px 0px 0px 2px #dc5858;
}
.pe-condition .pe-remove-condition i {
vertical-align: middle;
line-height: 21px;
display: block;
}
.pe-condition .pe-remove-condition.os-loading:after {
display: block;
content: "";
width: 19px;
height: 19px;
border-bottom: 2px solid #dc5858;
border-left: 2px solid #dc5858;
border-top: 2px solid #dc5858;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
}
.pe-condition .pe-remove-condition.os-loading i {
color: transparent;
}
.pe-condition .os-form-group {
margin-right: 10px;
}
.pe-condition .custom-field-condition-values-w {
flex: 1;
}
.pe-condition + .pe-condition {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top: none;
}
.pe-condition:last-child {
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.pe-conditions {
display: none;
}
.pe-conditions.is-active {
display: block;
}
.pe-conditions .time-offset-actions {
display: flex;
padding: 10px 15px;
border: 1px solid #dcdad7;
border-radius: 6px;
align-items: center;
margin-top: 10px;
}
.pe-conditions .time-offset-actions .time-offset-label {
font-weight: 400;
font-size: 15px;
}
.pe-conditions .time-offset-actions .os-form-group, .pe-conditions .time-offset-actions .time-offset-label {
margin: 0px;
margin-right: 10px;
}
.pe-conditions .time-offset-actions .os-form-group input[type=number], .pe-conditions .time-offset-actions .time-offset-label input[type=number] {
max-width: 60px;
}
.pe-conditions .pe-conditions-heading {
font-size: 15px;
margin-top: 15px;
background-color: #fbfcfd;
color: #788291;
font-weight: 400;
border: 1px solid #dcdad7;
border-bottom: none;
padding: 10px 15px;
border-radius: 15px 15px 0px 0px;
}
.process-action-controls-wrapper {
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
margin-bottom: 10px;
}
.process-action-controls-wrapper .latepoint-btn + .latepoint-btn {
margin-left: 10px;
}
.os-templates-wrapper {
display: flex;
height: 100%;
}
.os-templates-wrapper .os-templates-list {
flex: 0 0 380px;
overflow-y: auto;
}
.os-templates-wrapper .os-templates-list .template-type-selector-wrapper {
z-index: 2;
}
.os-templates-wrapper .os-templates-list .template-type-selector-wrapper .template-type-selector {
white-space: nowrap;
padding: 20px 30px;
font-size: 17px;
font-weight: 400;
color: #1f222b;
position: relative;
cursor: pointer;
border-bottom: 1px solid #EEF0F1;
}
.os-templates-wrapper .os-templates-list .template-type-selector-wrapper .template-type-selector:after {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10px;
content: "";
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e911";
color: #1f222b;
}
.os-templates-wrapper .os-templates-list .template-type-selector-wrapper .template-type-selector:hover {
color: #1f222b;
}
.os-templates-wrapper .os-templates-list .template-type-selector-wrapper .template-type-selector.is-selected:after {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e914";
}
.os-templates-wrapper .os-templates-list h4 {
font-size: 20px;
margin: 0px;
padding-bottom: 20px;
color: #788291;
padding-left: 30px;
}
.os-templates-wrapper .os-templates-list .os-template-items {
border-bottom: 1px solid #EEF0F1;
}
.os-templates-wrapper .os-templates-list .os-template-items.hidden {
display: none;
}
.os-templates-wrapper .os-templates-list .os-template-item {
padding: 12px 30px;
position: relative;
cursor: pointer;
}
.os-templates-wrapper .os-templates-list .os-template-item.selected {
background-color: #f8f8f8;
}
.os-templates-wrapper .os-templates-list .os-template-item.selected .os-template-name {
color: #1f222b;
}
.os-templates-wrapper .os-templates-list .os-template-item:hover:not(.selected) {
background-color: #f8f8f8;
}
.os-templates-wrapper .os-templates-list .os-template-user-type {
color: #788291;
font-weight: 400;
display: inline-block;
font-size: 13px;
}
.os-templates-wrapper .os-templates-list .os-template-name {
font-size: 15px;
font-weight: 400;
}
.os-templates-wrapper .os-template-previews {
flex: 1;
border-left: 1px solid #ddd;
display: flex;
flex-direction: column;
}
.os-templates-wrapper .os-template-previews .os-template-previews-main-heading {
padding: 20px 30px;
font-size: 17px;
border-bottom: 1px solid #EEF0F1;
}
.os-templates-wrapper .os-template-previews .os-template-use-button-wrapper {
padding: 15px 30px;
border-top: 1px solid #ddd;
display: flex;
}
.os-templates-wrapper .os-template-previews .os-template-use-button-wrapper button {
margin-left: auto;
}
.os-templates-wrapper .os-template-previews .os-template-use-button-wrapper.hidden {
display: none;
}
.os-templates-wrapper .os-template-previews .os-no-template-selected-message {
background-color: #f8f8f8;
color: #788291;
font-size: 17px;
text-align: center;
padding: 20px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 15px;
line-height: 1.5;
}
.os-templates-wrapper .os-template-previews .os-no-template-selected-message .latepoint-icon {
font-size: 20px;
}
.os-templates-wrapper .os-template-previews .os-no-template-selected-message div {
width: 320px;
}
.os-templates-wrapper .os-template-previews .os-template-preview-headings {
padding: 30px;
border-bottom: 1px solid #eee;
}
.os-templates-wrapper .os-template-previews .os-template-preview-to {
display: flex;
font-weight: 400;
}
.os-templates-wrapper .os-template-previews .os-template-preview-to .os-label {
color: #788291;
display: block;
margin-right: 5px;
}
.os-templates-wrapper .os-template-previews .os-template-preview-to .os-value {
display: block;
flex: 1;
}
.os-templates-wrapper .os-template-previews .os-template-preview-subject {
display: flex;
font-size: 17px;
font-weight: 400;
margin-bottom: 5px;
}
.os-templates-wrapper .os-template-previews .os-template-preview-subject .os-label {
color: #788291;
display: block;
margin-right: 5px;
}
.os-templates-wrapper .os-template-previews .os-template-preview-subject .os-value {
display: block;
flex: 1;
color: #1f222b;
}
.os-templates-wrapper .os-template-previews .os-template-preview-content {
flex: 1;
overflow-y: auto;
}
.os-templates-wrapper .os-template-previews .os-template-preview {
display: flex;
flex-direction: column;
overflow: hidden;
max-height: 100%;
flex: 1;
}
.os-templates-wrapper .os-template-previews .os-template-preview.type-send_sms {
padding-top: 40px;
}
.os-templates-wrapper .os-template-previews .os-template-preview.type-send_sms .os-template-preview-content-wrapper {
padding: 20px;
margin: 0px auto;
width: 340px;
padding-right: 50px;
border: 14px solid #e1e1e5;
border-bottom: none;
padding-bottom: 40px;
border-radius: 60px 60px 0px 0px;
}
.os-templates-wrapper .os-template-previews .os-template-preview.type-send_sms .os-template-preview-to {
margin-bottom: 20px;
}
.os-templates-wrapper .os-template-previews .os-template-preview.type-send_sms .os-template-preview-content {
padding: 22px;
border-radius: 20px 20px 20px 0px;
display: inline-block;
background-color: #54a7ff;
background-image: linear-gradient(45deg, #004fff, transparent);
box-shadow: 0px 1px 4px #b4dbff;
color: #fff;
font-size: 13px;
line-height: 1.5;
font-weight: 400;
}
.os-template-var {
background-color: #e0efff;
color: #0043c7;
border-radius: 4px;
padding: 1px 2px;
display: inline-block;
font-size: 15px;
}
.action-settings-wrapper {
border-bottom: 1px solid #dcdad7;
padding: 15px 30px 5px 30px;
}
.action-preview-wrapper {
position: relative;
}
.action-preview-wrapper > h3 {
margin-bottom: 10px;
font-size: 20px;
}
.action-preview-wrapper .action-to-run {
padding: 5px 0px;
}
.action-preview-wrapper .action-to-run .os-form-group.os-form-toggler-group {
margin-bottom: 0px;
}
.action-preview-wrapper .action-to-run label {
font-size: 18px;
color: #1f222b;
}
.action-preview-wrapper .action-to-run:not(:last-child) {
border-bottom: 1px solid #EEF0F1;
}
.action-preview-wrapper .action-preview-error {
padding: 15px;
font-size: 18px;
font-weight: 400;
background-color: #fff5e5;
color: #8f6b3e;
border-radius: 6px;
text-align: center;
margin-bottom: 20px;
}
.action-preview-wrapper .action-preview-content-wrapper {
transition: opacity 0.3s ease;
}
.action-preview-wrapper.os-loading .action-preview-content-wrapper {
opacity: 0;
}
.action-preview-wrapper.os-loading:before {
display: block;
content: "";
width: 20px !important;
height: 20px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
top: 50px;
}
.action-preview-wrapper .action-preview-to {
display: flex;
font-weight: 400;
margin-bottom: 20px;
}
.action-preview-wrapper .action-preview-to .os-label {
color: #788291;
display: block;
margin-right: 5px;
}
.action-preview-wrapper .action-preview-to .os-value {
display: block;
flex: 1;
}
.action-preview-wrapper .action-preview-subject {
display: flex;
font-size: 15px;
font-weight: 400;
margin-bottom: 5px;
color: #1f222b;
}
.action-preview-wrapper .action-preview-subject .os-label {
color: #788291;
display: block;
margin-right: 5px;
}
.action-preview-wrapper .action-preview-subject .os-value {
display: block;
flex: 1;
}
.action-preview-wrapper.type-send_email .action-preview-content {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.action-preview-wrapper.type-send_sms .action-preview-content-wrapper {
padding: 20px;
margin: 0px auto;
width: 340px;
padding-right: 50px;
border: 14px solid #e1e1e5;
border-bottom: none;
padding-bottom: 40px;
border-radius: 60px 60px 0px 0px;
}
.action-preview-wrapper.type-send_sms .action-preview-to {
margin-bottom: 20px;
}
.action-preview-wrapper.type-send_sms .action-preview-content {
padding: 22px;
border-radius: 20px 20px 20px 0px;
display: inline-block;
background-color: #54a7ff;
background-image: linear-gradient(45deg, #004fff, transparent);
box-shadow: 0px 1px 4px #b4dbff;
color: #fff;
font-size: 16px;
font-weight: 400;
}
.action-run-info-pill {
display: flex;
align-items: center;
border: 1px solid #ddd;
border-bottom-color: #aaa;
box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
border-radius: 6px;
padding: 5px 6px;
font-size: 12px;
line-height: 1;
cursor: pointer;
background-color: #fff;
font-weight: 400;
position: relative;
}
.action-run-info-pill.os-loading:before {
display: block;
content: "";
width: 12px !important;
height: 12px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
right: 0px;
left: auto;
}
.action-run-info-pill.os-loading i:last-child {
color: transparent !important;
}
.action-run-info-pill + .action-run-info-pill {
margin-top: 7px;
}
.action-run-info-pill:hover {
border-color: #1d7bff;
color: #1d7bff;
box-shadow: 0px 0px 0px 2px #e9f2ff;
}
.action-run-info-pill span {
display: inline-block;
margin-right: 5px;
}
.action-run-info-pill span + .latepoint-icon {
display: inline-block;
margin-left: auto;
font-size: 12px;
}
.action-run-info-pill .latepoint-icon:first-child {
margin-right: 5px;
}
.os-jobs-list tr:hover .os-column-status-scheduled {
cursor: pointer;
}
.os-jobs-list tr:hover .os-column-status-scheduled:hover {
border-color: #c13c3c !important;
background-color: #f8d1d1 !important;
color: #aa2a2a !important;
}
.os-jobs-list tr:hover .os-column-status-scheduled:before {
content: "\e94b" !important;
}
.quick-availability-per-day-w.side-sub-panel-wrapper {
width: 740px;
background-color: #fff;
z-index: 9999;
border-right: 1px solid rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
border-radius: 0px 0 0 0px;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .os-form-header {
border-top-left-radius: 0px;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .separate-timeslots-w {
display: flex;
justify-content: space-between;
position: relative;
padding-left: 80px;
padding-right: 20px;
height: 45px;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .separate-timeslots-w .separate-timeslot {
flex-grow: 1;
position: relative;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .separate-timeslots-w .separate-timeslot .separate-timeslot-tick {
position: absolute;
display: block;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
font-size: 9px;
text-align: center;
color: rgba(0, 0, 0, 0.4);
text-transform: uppercase;
line-height: 1.4;
font-weight: 400;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .separate-timeslots-w .separate-timeslot .separate-timeslot-tick strong {
display: block;
color: rgb(0, 0, 0);
font-size: 12px;
line-height: 1;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .separate-timeslots-w .separate-timeslot.with-tick:after {
display: block;
content: "";
position: absolute;
width: 1px;
left: 50%;
height: 4px;
bottom: 4px;
background-color: rgba(0, 0, 0, 0.2);
}
.quick-availability-per-day-w.side-sub-panel-wrapper .os-form-header {
padding: 15px 30px;
display: flex;
align-items: center;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .os-form-header select {
display: block;
margin-left: 5px;
min-height: 28px;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .latepoint-quick-availability-close {
font-size: 18px;
color: #333;
text-decoration: none;
display: block;
transition: all 0.6s ease;
outline: none;
box-shadow: none;
z-index: 3;
line-height: 1;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .latepoint-quick-availability-close:focus {
outline: none;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .ma-month-label {
color: #1d7bff;
font-size: 19px;
padding: 5px 0px;
font-weight: 400;
margin-bottom: 20px;
margin-top: 15px;
padding-left: 20px;
border-bottom: 2px dotted #1d7bff;
position: sticky;
top: -5px;
background: #fff;
z-index: 9;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .ma-day {
display: flex;
border-bottom: 1px solid #eee;
padding: 4px 20px;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .ma-day:hover {
box-shadow: 0px -1px 0px 0px rgba(29, 123, 255, 0.5);
border-bottom-color: rgba(29, 123, 255, 0.5) !important;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .ma-day:hover .ma-day-number {
color: #1d7bff;
transform: scale(1.2);
}
.quick-availability-per-day-w.side-sub-panel-wrapper .ma-day.ma-day-number-6, .quick-availability-per-day-w.side-sub-panel-wrapper .ma-day.ma-day-number-7 {
background-color: #f7f7fb;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .ma-day.ma-day-number-7 {
border-bottom-color: #ddd;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .ma-day .agent-day-availability-w {
flex: 1;
margin: 0px;
padding: 0px;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .ma-day .agent-day-availability-w .agent-timeslot {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
height: 20px;
border-radius: 15px;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .ma-day .agent-day-availability-w .agent-timeslot.selected {
background-color: #25c765;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .ma-day .agent-day-availability-w .agent-timeslot.selected .agent-timeslot-label {
display: block;
padding-left: 25px;
transition: none;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .ma-day .agent-day-availability-w .agent-timeslot.selected .agent-timeslot-label:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e904";
position: absolute;
left: 5px;
font-size: 14px;
color: #55ad0d;
top: 48%;
transform: translateY(-50%);
display: block;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .ma-day .agent-day-availability-w .agent-timeslot .agent-timeslot-label {
border: 1px solid #000;
border-radius: 12px;
left: 50%;
top: -2px;
transform: translate(-50%, -100%);
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.33), 0px 2px 6px rgba(0, 0, 0, 0.1);
}
.quick-availability-per-day-w.side-sub-panel-wrapper .ma-day .agent-day-availability-w .agent-timeslot .agent-timeslot-label .at-sub-value {
font-size: 13px;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .ma-day .agent-day-availability-w .agent-timeslot .agent-timeslot-label .at-main-value {
font-size: 15px;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .ma-day .agent-day-availability-w .agent-timeslot-tick {
display: none;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .ma-day .agent-day-availability-w .agent-timeslot.with-tick:after {
display: none;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .ma-day .ma-day-info {
flex: 0 0 60px;
padding-left: 5px;
font-weight: 400;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .ma-day .ma-day-info .ma-day-number {
display: inline-block;
vertical-align: middle;
transition: all 0.2s ease;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .ma-day .ma-day-info .ma-day-weekday {
color: #788291;
font-size: 10.5px;
margin-left: 5px;
text-transform: uppercase;
letter-spacing: 1px;
display: inline-block;
vertical-align: middle;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .os-availability-days {
overflow: auto;
height: 100%;
padding-bottom: 15px;
flex: 1;
border-bottom-left-radius: 0px;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .os-availability-next-w .latepoint-btn,
.quick-availability-per-day-w.side-sub-panel-wrapper .os-availability-prev-w .latepoint-btn {
padding: 5px 12px;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .os-availability-next-w {
padding: 5px 20px 0px;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .os-availability-prev-w {
padding: 0px 20px 5px;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .os-availability-controls {
position: absolute;
bottom: 10px;
left: -10px;
transform: translateX(-100%);
}
.quick-availability-per-day-w.side-sub-panel-wrapper .os-availability-controls a {
background-color: rgba(255, 255, 255, 0.6);
display: block;
padding: 4px 5px;
text-decoration: none;
color: #41444b;
font-size: 16px;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .os-availability-controls a + a {
margin-top: 10px;
}
.quick-availability-per-day-w.side-sub-panel-wrapper .os-availability-controls a:hover {
background-color: #fff;
color: #1d7bff;
}
.agent-availability-timeslots-for-period {
padding: 10px;
}
.agent-availability-timeslots-for-period .ma-month-label {
color: #1d7bff;
font-size: 19px;
padding: 10px 0px;
font-weight: 400;
margin-bottom: 10px;
margin-top: 10px;
padding-left: 20px;
border-bottom: 1px dashed #1d7bff;
}
.agent-availability-timeslots-for-period .ma-day {
display: flex;
border-bottom: 1px solid #eee;
padding: 7px 5px 7px 15px;
}
.agent-availability-timeslots-for-period .ma-day:last-child {
border-bottom-color: transparent;
}
.agent-availability-timeslots-for-period .ma-day:hover {
box-shadow: 0px -1px 0px 0px rgba(29, 123, 255, 0.5);
border-bottom-color: rgba(29, 123, 255, 0.5) !important;
}
.agent-availability-timeslots-for-period .ma-day:hover .ma-day-number {
color: #1d7bff;
transform: scale(1.2);
}
.agent-availability-timeslots-for-period .ma-day .agent-day-availability-w {
flex: 1;
margin: 0px;
padding: 0px;
}
.agent-availability-timeslots-for-period .ma-day .agent-day-availability-w .agent-timeslot {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
height: 21px;
}
.agent-availability-timeslots-for-period .ma-day .agent-day-availability-w .agent-timeslot.selected {
background-color: #25c765;
}
.agent-availability-timeslots-for-period .ma-day .agent-day-availability-w .agent-timeslot .agent-timeslot-label {
border-radius: 0px;
left: 0px;
top: 0px;
transform: translate(0%, -100%);
}
.agent-availability-timeslots-for-period .ma-day .agent-day-availability-w .agent-timeslot-tick {
display: none;
}
.agent-availability-timeslots-for-period .ma-day .agent-day-availability-w .agent-timeslot.with-tick:after {
display: none;
}
.agent-availability-timeslots-for-period .ma-day .ma-day-info {
flex: 0 0 60px;
font-weight: 400;
}
.agent-availability-timeslots-for-period .ma-day .ma-day-info .ma-day-number {
display: inline-block;
vertical-align: middle;
transition: all 0.2s ease;
}
.agent-availability-timeslots-for-period .ma-day .ma-day-info .ma-day-weekday {
color: #788291;
font-size: 10.5px;
margin-left: 5px;
text-transform: uppercase;
letter-spacing: 1px;
display: inline-block;
vertical-align: middle;
}
.os-wizard-setup-w {
margin: 40px auto;
width: 540px;
position: relative;
animation: 0.5s cubic-bezier(0.25, 1.3, 0.5, 1.15) 0s wizardWrapperAnimation;
animation-fill-mode: both;
}
.os-wizard-setup-w .lp_iti--separate-dial-code .lp_iti__selected-dial-code {
padding-top: 0 !important;
}
.os-wizard-setup-w .os-wizard-close-trigger {
border-radius: 4px;
position: absolute;
top: -25px;
line-height: 1.2;
right: 0px;
font-size: 14px;
color: #b71638;
display: flex;
align-items: center;
text-decoration: none;
padding: 2px 4px;
}
.os-wizard-setup-w .os-wizard-close-trigger:hover {
background-color: #fff3f3;
}
.os-wizard-setup-w .os-wizard-close-trigger span {
display: inline-block;
vertical-align: middle;
}
.os-wizard-setup-w .os-wizard-close-trigger i {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
font-size: 16px;
}
.os-wizard-setup-w.is-sub-editing .os-wizard-footer {
display: none;
}
.os-wizard-setup-w .os-wizard-setup-i {
display: flex;
}
.os-wizard-setup-w .os-wizard-setup-i .os-wizard-steps-w {
flex: 0 0 220px;
border-right: 1px solid rgba(0, 0, 0, 0.05);
text-align: left;
}
.os-wizard-setup-w .os-wizard-setup-i .os-wizard-steps-w .logo-w {
background-color: #1d7bff;
padding: 18px;
padding-left: 30px;
}
.os-wizard-setup-w .os-wizard-setup-i .os-wizard-steps-w .logo-w img {
width: 35px;
height: auto;
}
.os-wizard-setup-w .os-wizard-setup-i .os-wizard-steps-w .os-wizard-steps {
padding-top: 20px;
}
.os-wizard-setup-w .os-wizard-setup-i .os-wizard-steps-w .os-wizard-step {
padding: 20px 20px 20px 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.os-wizard-setup-w .os-wizard-setup-i .os-wizard-steps-w .os-wizard-step .ws-number {
color: #1d7bff;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 2px;
margin-bottom: 3px;
font-size: 13.5px;
opacity: 0.5;
}
.os-wizard-setup-w .os-wizard-setup-i .os-wizard-steps-w .os-wizard-step .ws-name {
font-size: 18px;
color: #0E3280;
opacity: 0.4;
font-weight: 400;
}
.os-wizard-setup-w .os-wizard-setup-i .os-wizard-steps-w .os-wizard-step.current .ws-number {
color: #1d7bff;
opacity: 1;
}
.os-wizard-setup-w .os-wizard-setup-i .os-wizard-steps-w .os-wizard-step.current .ws-name {
opacity: 1;
}
.os-wizard-setup-w .os-wizard-setup-i .os-wizard-steps-w .os-wizard-step.complete .ws-number {
color: #52B69A;
opacity: 1;
}
.os-wizard-setup-w .os-wizard-setup-i .os-wizard-steps-w .os-wizard-step.complete .ws-name {
text-decoration: line-through;
}
.os-wizard-setup-w .os-wizard-setup-i .os-wizard-steps-w .os-wizard-step:last-child {
border-bottom: none;
}
.os-wizard-setup-w .os-wizard-setup-i .os-wizard-step-content-w {
flex: 1;
}
.os-wizard-setup-w .os-wizard-setup-i .os-wizard-step-content-w .os-wizard-next-btn .latepoint-icon {
transition: transform 0.2s ease;
}
.os-wizard-setup-w .os-wizard-setup-i .os-wizard-step-content-w .os-wizard-next-btn:hover .latepoint-icon {
transform: translateX(3px);
}
.os-wizard-setup-w .os-wizard-setup-i .os-wizard-step-content-w .os-wizard-prev-btn .latepoint-icon {
transition: transform 0.2s ease;
}
.os-wizard-setup-w .os-wizard-setup-i .os-wizard-step-content-w .os-wizard-prev-btn:hover .latepoint-icon {
transform: translateX(-3px);
}
.os-wizard-setup-w .os-wizard-setup-i .os-wizard-step-content-w .os-wizard-step-content {
padding: 20px 0px;
}
.os-wizard-setup-w .os-wizard-setup-i .os-wizard-step-content-w .os-wizard-step-content .os-image-selector-w .os-image-selector-trigger {
border-radius: 6px;
}
.os-wizard-setup-w .os-wizard-setup-i .os-wizard-step-content-w .os-wizard-step-content .side-by-side-buttons {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
}
.os-wizard-setup-w .os-wizard-setup-i .os-wizard-step-content-w .os-wizard-step-content .side-by-side-buttons > button i {
transition: transform 0.2s ease;
}
.os-wizard-setup-w .os-wizard-setup-i .os-wizard-step-content-w .os-wizard-step-content .side-by-side-buttons > .latepoint-btn-primary {
margin-left: auto;
background-color: #236bff !important;
padding: 10px 12px 10px 16px !important;
border: none !important;
flex: 0;
}
.os-wizard-setup-w .os-wizard-setup-i .os-wizard-step-content-w .os-wizard-step-content .side-by-side-buttons > .latepoint-btn-primary:focus {
background-color: #407fff !important;
}
.os-wizard-setup-w .os-wizard-setup-i .os-wizard-step-content-w .os-wizard-step-content .side-by-side-buttons > .latepoint-btn-primary:hover {
background-color: #1d5fe8 !important;
}
.os-wizard-setup-w .os-wizard-setup-i .os-wizard-step-content-w .os-wizard-step-content .side-by-side-buttons > .latepoint-btn-secondary {
flex: 0;
padding: 10px 16px 10px 12px !important;
background-color: #f5f6fb !important;
box-shadow: none !important;
border: none !important;
}
.os-wizard-setup-w .os-wizard-setup-i .os-wizard-step-content-w .os-wizard-step-content .side-by-side-buttons > .latepoint-btn-secondary:hover {
background-color: #e9ebf3 !important;
}
.os-wizard-setup-w .os-wizard-setup-i .os-wizard-step-content-w .os-wizard-step-content .side-by-side-buttons > .latepoint-btn-secondary:hover i {
transform: translateX(-3px);
}
.os-wizard-setup-w .os-wizard-sub-header {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 15px;
margin-bottom: 20px;
margin-top: 0px;
display: inline-block;
background-color: #80808b;
color: #fff;
padding: 2px 8px 2px;
border-radius: 4px;
}
.os-wizard-setup-w .os-wizard-header {
font-size: 42px;
margin: 10px 0px 15px 0px;
}
.os-wizard-setup-w .os-wizard-desc {
color: #41444b;
margin-bottom: 30px;
font-size: 18px;
line-height: 1.3;
}
.os-wizard-setup-w .os-form-w {
margin: 0px;
}
.os-wizard-setup-w .os-form-w form > .os-form-group:last-child {
margin-bottom: 0px;
}
.os-wizard-setup-w.step-intro .os-wizard-step-content {
padding: 70px;
}
.os-wizard-setup-w.step-intro .os-wizard-steps-w {
display: none;
}
.os-wizard-setup-w.step-intro .os-wizard-footer {
display: none;
}
.os-wizard-setup-w.step-intro .os-wizard-logo-w {
margin-bottom: 50px;
}
.os-wizard-setup-w.step-intro .os-wizard-logo-w .latepoint-icon {
font-size: 40px;
color: #1d7bff;
}
.os-wizard-setup-w.step-intro .latepoint-btn {
padding: 15px 0px !important;
border: none !important;
display: inline-flex;
align-items: center;
}
.os-wizard-setup-w.step-intro .latepoint-btn span {
border-bottom: 1px solid #1d7bff;
font-size: 22px;
}
.os-wizard-setup-w.step-intro .latepoint-btn i {
margin-left: 20px;
}
.os-wizard-setup-w.step-work_periods .weekday-schedule-w .ws-day-name {
color: #1f222b;
}
.os-wizard-setup-w.step-complete .os-wizard-close-trigger {
display: none;
}
.os-wizard-setup-w.step-complete .os-wizard-complete-icon-w {
width: 70px;
height: 70px;
background-color: #7be690;
background-image: linear-gradient(45deg, #57e8b1, #65ffd8);
line-height: 70px;
text-align: center;
font-size: 42px;
color: #ffffff;
margin-bottom: 40px;
box-shadow: 0px 0px 0px 11px #e3fff5;
border-radius: 50px;
}
.os-wizard-setup-w.step-complete .shortcode-example {
padding: 0px 4px;
display: inline-block;
background-color: #fff6d4;
color: #000;
}
.os-wizard-setup-w.step-complete .os-wizard-steps-w {
display: none;
}
.os-wizard-setup-w.step-complete .os-wizard-footer {
display: none;
}
.os-wizard-setup-w.step-complete .latepoint-btn {
padding: 15px 0px !important;
border: none !important;
display: inline-flex;
align-items: center;
}
.os-wizard-setup-w.step-complete .latepoint-btn span {
border-bottom: 1px solid #1d7bff;
font-size: 22px;
}
.os-wizard-setup-w.step-complete .latepoint-btn i {
margin-left: 20px;
}
.os-wizard-setup-w.step-agents .agent-boxes {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px;
}
.os-wizard-setup-w.step-agents .agent-boxes .agent-box-w {
background-color: #fff;
border-radius: 15px;
border: 1px solid #dcdad7;
padding: 15px;
text-align: center;
cursor: pointer;
position: relative;
transition: all 0.2s ease;
}
.os-wizard-setup-w.step-agents .agent-boxes .agent-box-w.os-loading:after {
display: block;
content: "";
width: 82px !important;
height: 82px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
top: 50px;
transform: translateX(-50%);
}
.os-wizard-setup-w.step-agents .agent-boxes .agent-box-w:nth-child(n+4) {
margin-top: 5%;
}
.os-wizard-setup-w.step-agents .agent-boxes .agent-box-w:nth-child(3n+3) {
margin-right: 0px;
}
.os-wizard-setup-w.step-agents .agent-boxes .agent-box-w:hover {
border-color: #1d7bff;
transform: translateY(-3px);
box-shadow: 0px 0px 0px 1px #1d7bff;
}
.os-wizard-setup-w.step-agents .agent-boxes .agent-box-w:hover .agent-name {
color: #1d7bff;
}
.os-wizard-setup-w.step-agents .agent-boxes .agent-box-w:hover .agent-edit-icon,
.os-wizard-setup-w.step-agents .agent-boxes .agent-box-w:hover .agent-remove-trigger {
opacity: 1;
transform: translateX(0px);
}
.os-wizard-setup-w.step-agents .agent-boxes .agent-avatar {
width: 70px;
height: 70px;
background-size: cover;
background-position: center center;
margin: 0px auto;
margin-bottom: 10px;
border-radius: 50%;
transition: all 0.2s ease;
}
.os-wizard-setup-w.step-agents .agent-boxes .agent-name {
font-weight: 400;
color: #1f222b;
font-size: 18px;
line-height: 1.4;
transition: all 0.2s ease;
}
.os-wizard-setup-w.step-agents .agent-boxes .agent-edit-icon {
transform: translateX(10px);
display: block;
position: absolute;
line-height: 1;
top: 0px;
left: 0px;
color: #1d7bff;
font-size: 14px;
padding: 5px;
opacity: 0;
transition: all 0.2s ease;
}
.os-wizard-setup-w.step-agents .agent-boxes .agent-edit-icon:hover {
transform: scale(1.3);
opacity: 1;
}
.os-wizard-setup-w.step-agents .agent-boxes .agent-remove-trigger {
transform: translateX(-10px);
display: block;
color: #E88181;
font-size: 14px;
padding: 5px;
line-height: 1;
position: absolute;
top: 0px;
right: 0px;
cursor: pointer;
opacity: 0;
transition: all 0.2s ease;
}
.os-wizard-setup-w.step-agents .agent-boxes .agent-remove-trigger:hover {
color: #ff2222;
transform: scale(1.3);
}
.os-wizard-setup-w.step-agents .add-agent-box {
border: 3px dotted #E0E6EB;
text-align: center;
padding: 15px;
cursor: pointer;
margin: 0px;
transition: all 0.2s ease;
border-radius: 6px;
}
.os-wizard-setup-w.step-agents .add-agent-box:nth-child(n+4) {
margin-top: 5%;
}
.os-wizard-setup-w.step-agents .add-agent-box.os-loading {
animation: animate_appointment_small_box 0.8s ease infinite;
}
.os-wizard-setup-w.step-agents .add-agent-box.os-loading .add-agent-plus {
color: rgba(255, 255, 255, 0.4);
}
.os-wizard-setup-w.step-agents .add-agent-box.os-loading .add-agent-plus:after {
display: block;
content: "";
width: 42px !important;
height: 42px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.os-wizard-setup-w.step-agents .add-agent-box .add-agent-graphic-w {
width: 70px;
height: 70px;
margin: 0px auto;
margin-bottom: 10px;
position: relative;
}
.os-wizard-setup-w.step-agents .add-agent-box .add-agent-graphic-w .add-agent-graphic {
position: relative;
overflow: hidden;
width: 70px;
height: 70px;
border-radius: 50%;
}
.os-wizard-setup-w.step-agents .add-agent-box .add-agent-graphic-w .add-agent-graphic .add-agent-head {
border-radius: 50%;
height: 30px;
width: 30px;
background-color: #eaeef4;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.os-wizard-setup-w.step-agents .add-agent-box .add-agent-graphic-w .add-agent-graphic .add-agent-body {
border-radius: 50%;
height: 65px;
width: 65px;
background-color: #eaeef4;
position: absolute;
left: 50%;
top: 75%;
transform: translate(-50%, 0%);
}
.os-wizard-setup-w.step-agents .add-agent-box .add-agent-graphic-w .add-agent-plus {
position: absolute;
top: 25%;
left: 55%;
border-radius: 50%;
height: 18px;
width: 18px;
background-color: #1d7bff;
box-shadow: 0px 0px 0px 10px rgba(189, 214, 252, 0.3);
color: #fff;
transition: all 0.2s ease;
}
.os-wizard-setup-w.step-agents .add-agent-box .add-agent-graphic-w .add-agent-plus i {
position: absolute;
display: block;
top: 50%;
left: 50%;
font-size: 10px;
transform: translate(-45%, -47%);
}
.os-wizard-setup-w.step-agents .add-agent-box .add-agent-label {
color: #1d7bff;
font-weight: 400;
font-size: 18px;
}
.os-wizard-setup-w.step-agents .add-agent-box:hover {
border-color: #1d7bff;
transform: translateY(-3px);
}
.os-wizard-setup-w.step-agents .add-agent-box:hover .add-agent-plus {
transform: scale(1.3);
box-shadow: 0px 0px 0px 12px rgba(189, 214, 252, 0.3);
}
.os-wizard-setup-w.step-services .sub-header {
text-align: center;
font-size: 23px;
margin-bottom: -13px;
margin-top: 20px;
}
.os-wizard-setup-w.step-services .sub-header span {
display: inline-block;
padding: 0px 10px;
background-color: #fff;
}
.os-wizard-setup-w.step-services .os-agents-selector {
border-radius: 6px;
flex-wrap: wrap;
justify-content: flex-start;
margin-bottom: 20px;
border: 2px solid rgb(243, 245, 247);
padding: 15px;
display: flex;
}
.os-wizard-setup-w.step-services .os-agents-selector .agent {
flex: 0 0 29%;
background-color: #F3F5F7;
border: 2px solid #F3F5F7;
border-radius: 6px;
margin: 2%;
padding: 15px 10px;
text-align: center;
cursor: pointer;
position: relative;
}
.os-wizard-setup-w.step-services .os-agents-selector .agent:before {
border-radius: 4px;
background-color: #fff;
color: #fff;
padding: 2px;
font-size: 12px;
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e904";
position: absolute;
top: 15px;
left: 7px;
display: block;
transform: translateY(-50%);
box-shadow: inset 0px 0px 0px 2px #ddd;
}
.os-wizard-setup-w.step-services .os-agents-selector .agent:hover {
border-color: #1d7bff;
}
.os-wizard-setup-w.step-services .os-agents-selector .agent.active {
border-color: #1d7bff;
background-color: #F1F5FF;
}
.os-wizard-setup-w.step-services .os-agents-selector .agent.active:before {
background-color: #1d7bff;
box-shadow: none;
}
.os-wizard-setup-w.step-services .os-agents-selector .agent.active .agent-name {
color: #0061e9;
}
.os-wizard-setup-w.step-services .os-agents-selector .agent.active:hover {
background-color: #fff;
}
.os-wizard-setup-w.step-services .os-agents-selector .agent-avatar {
background-size: cover;
background-position: center center;
width: 50px;
height: 50px;
border-radius: 50%;
margin: 0px auto;
margin-bottom: 10px;
}
.os-wizard-setup-w.step-services .os-agents-selector .agent-name {
font-weight: 400;
color: #2e3036;
font-size: 16.5px;
}
.os-wizard-setup-w.step-services .service-boxes .service-box-w {
padding: 13px;
background-color: #fff;
border-radius: 15px;
border: 1px solid #dcdad7;
margin-bottom: 15px;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
transition: all 0.2s ease;
position: relative;
}
.os-wizard-setup-w.step-services .service-boxes .service-box-w.os-loading:after {
display: block;
content: "";
width: 15px !important;
height: 15px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
right: 4px;
left: auto;
transform: translateY(-50%);
}
.os-wizard-setup-w.step-services .service-boxes .service-box-w.os-loading .service-remove-trigger {
color: transparent;
}
.os-wizard-setup-w.step-services .service-boxes .service-box-w:hover {
border-color: #1d7bff;
box-shadow: 0px 0px 0px 1px #1d7bff;
transform: translateY(-3px);
}
.os-wizard-setup-w.step-services .service-boxes .service-box-w .service-image-placeholder {
width: 40px;
height: 40px;
position: relative;
}
.os-wizard-setup-w.step-services .service-boxes .service-box-w .service-image-placeholder:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e958";
position: absolute;
top: 50%;
left: 50%;
color: #dde1e9;
transform: translate(-50%, -50%);
font-size: 30px;
}
.os-wizard-setup-w.step-services .service-boxes .service-box-w .service-image {
width: 40px;
height: 40px;
background-size: cover;
transition: all 0.2s ease;
}
.os-wizard-setup-w.step-services .service-boxes .service-box-w .service-name {
font-weight: 400;
color: #1f222b;
font-size: 18px;
margin-right: auto;
margin-left: 15px;
transition: all 0.2s ease;
}
.os-wizard-setup-w.step-services .service-boxes .service-box-w:last-child {
margin-bottom: 0px;
}
.os-wizard-setup-w.step-services .service-boxes .add-service-box {
padding: 13px;
cursor: pointer;
display: flex;
align-items: center;
border: 3px dotted #E0E6EB;
transition: all 0.2s ease;
border-radius: 6px;
}
.os-wizard-setup-w.step-services .service-boxes .add-service-box.os-loading {
animation: animate_appointment_small_box 0.8s ease infinite;
}
.os-wizard-setup-w.step-services .service-boxes .add-service-box.os-loading .add-service-plus {
color: rgba(255, 255, 255, 0.4);
}
.os-wizard-setup-w.step-services .service-boxes .add-service-box.os-loading .add-service-plus:after {
display: block;
content: "";
width: 42px !important;
height: 42px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.os-wizard-setup-w.step-services .service-boxes .add-service-box .add-service-graphic-w {
width: 40px;
height: 40px;
position: relative;
}
.os-wizard-setup-w.step-services .service-boxes .add-service-box .add-service-graphic-w .add-service-plus {
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
height: 18px;
width: 18px;
background-color: #1d7bff;
box-shadow: 0px 0px 0px 10px rgba(189, 214, 252, 0.3);
color: #fff;
transform: translate(-50%, -50%);
}
.os-wizard-setup-w.step-services .service-boxes .add-service-box .add-service-graphic-w .add-service-plus i {
position: absolute;
display: block;
top: 50%;
left: 50%;
font-size: 10px;
transform: translate(-45%, -47%);
}
.os-wizard-setup-w.step-services .service-boxes .add-service-box .add-service-label {
color: #1d7bff;
font-weight: 400;
font-size: 18px;
margin-left: 15px;
}
.os-wizard-setup-w.step-services .service-boxes .add-service-box:hover {
border-color: #1d7bff;
transform: translateY(-3px);
}
.os-wizard-setup-w.step-services .service-boxes .service-agents {
display: flex;
}
.os-wizard-setup-w.step-services .service-boxes .service-agents .agents-avatars {
flex: 1;
position: relative;
display: flex;
align-items: center;
}
.os-wizard-setup-w.step-services .service-boxes .service-agents .agents-avatars .agent-avatar {
width: 22px;
height: 22px;
display: block;
background-size: cover;
border-radius: 30px;
box-shadow: 0px 0px 0px 2px #fff;
}
.os-wizard-setup-w.step-services .service-boxes .service-agents .agents-avatars .agent-avatar + .agent-avatar {
margin-left: -2px;
}
.os-wizard-setup-w.step-services .service-boxes .service-agents .agents-avatars .agents-more {
background-color: #fff;
padding: 2px 3px;
z-index: 4;
font-size: 12px;
font-weight: 400;
border-radius: 0px;
line-height: 1.1;
white-space: nowrap;
margin-left: -5px;
}
.os-wizard-setup-w.step-services .service-boxes .service-remove-trigger {
color: #E88181;
font-size: 10px;
line-height: 1;
margin-left: 20px;
cursor: pointer;
transition: all 0.1s ease;
}
.os-wizard-setup-w.step-services .service-boxes .service-remove-trigger:hover {
color: #ff2222;
transform: scale(1.4);
}
.os-wizard-setup-w .os-wizard-footer {
padding: 30px 0px;
display: flex;
justify-content: space-between;
align-items: center;
}
.os-wizard-setup-w .os-wizard-footer .latepoint-btn {
border-radius: 0px;
padding: 15px 25px;
font-weight: 400;
}
.os-wizard-setup-w .os-wizard-footer .os-wizard-next-btn,
.os-wizard-setup-w .os-wizard-footer .os-wizard-prev-btn {
text-decoration: none;
box-shadow: none;
}
.os-wizard-setup-w .os-wizard-footer .os-wizard-next-btn:hover, .os-wizard-setup-w .os-wizard-footer .os-wizard-next-btn:focus,
.os-wizard-setup-w .os-wizard-footer .os-wizard-prev-btn:hover,
.os-wizard-setup-w .os-wizard-footer .os-wizard-prev-btn:focus {
text-decoration: none;
box-shadow: none;
}
.os-wizard-setup-w .os-wizard-footer .os-wizard-next-btn {
margin-left: auto;
display: flex;
align-items: center;
background-color: #236bff !important;
padding: 10px 12px 10px 16px !important;
border: none !important;
}
.os-wizard-setup-w .os-wizard-footer .os-wizard-next-btn:focus {
background-color: #407fff !important;
}
.os-wizard-setup-w .os-wizard-footer .os-wizard-next-btn:hover {
background-color: #1d5fe8 !important;
}
.os-wizard-setup-w .os-wizard-footer .os-wizard-prev-btn {
margin-right: auto;
display: flex;
align-items: center;
padding: 10px 16px 10px 12px !important;
background-color: #f5f6fb !important;
box-shadow: none !important;
border: none !important;
}
.os-wizard-setup-w .os-wizard-footer .os-wizard-prev-btn:hover {
background-color: #e9ebf3 !important;
}
.os-wizard-setup-w .os-wizard-footer > a {
box-shadow: none;
text-decoration: none;
}
.os-wizard-setup-w .os-wizard-footer > a i, .os-wizard-setup-w .os-wizard-footer > a span {
display: inline-block;
vertical-align: middle;
}
/*!
* Copyright (c) 2023 LatePoint LLC. All rights reserved.
*/
.role-users-wrapper {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
}
.role-user-wrapper {
background-color: #fff;
box-shadow: 0 5px 15px -5px rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6);
border-radius: 6px;
cursor: pointer;
position: relative;
}
.role-user-wrapper .ru-meta-permissions {
position: absolute;
top: 0px;
right: 0px;
background-color: #8371dd;
color: #fff;
padding: 3px 4px;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: 9px;
font-weight: 400;
display: flex;
align-items: center;
}
.role-user-wrapper .ru-meta-permissions .latepoint-icon {
font-size: 10px;
margin-right: 3px;
}
.role-user-wrapper:hover {
box-shadow: 0px 0px 0px 3px #1d7bff;
border-color: transparent;
}
.role-user-wrapper:hover:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e919";
display: block;
position: absolute;
top: 4px;
left: 4px;
font-size: 12px;
color: #1d7bff;
}
.role-user-wrapper .ru-main-info {
padding: 20px;
display: flex;
align-items: center;
}
.role-user-wrapper .ru-meta-info {
border-top: 1px solid #EEF0F1;
padding: 10px 15px;
display: flex;
font-size: 13px;
color: #788291;
}
.role-user-wrapper .ru-meta-info .ru-meta-connected-user i {
margin-right: 5px;
font-size: 12px;
}
.role-user-wrapper .ru-meta-info .ru-meta-connected-user strong {
color: #41444b;
font-weight: 400;
}
.role-user-wrapper .ru-meta-info .ru-meta-connected-user .latepoint-icon-checkmark {
color: #2fa05c;
}
.role-user-wrapper .ru-meta-info .ru-meta-connected-user a {
text-decoration: none;
border-bottom: 1px dotted #1d7bff;
}
.role-user-wrapper .ru-meta-info .ru-meta-connected-user a:hover {
border-bottom-style: solid;
}
.role-user-wrapper .ru-meta-info a {
text-decoration: none;
margin-left: 4px;
}
.role-user-wrapper .ru-meta-info a span {
border-bottom: 1px dotted #1d7bff;
}
.role-user-wrapper .ru-meta-info a i {
font-size: 10px;
}
.role-user-wrapper .ru-meta-info a i + span, .role-user-wrapper .ru-meta-info a span + i {
margin-left: 2px;
}
.role-user-wrapper .ru-avatar {
width: 60px;
height: 60px;
border-radius: 40px;
background-size: cover;
background-position: center center;
margin-right: 20px;
}
.role-user-wrapper .ru-wp-user-name {
padding-bottom: 5px;
}
.role-user-wrapper .ru-wp-user-name .ru-name {
font-size: 19px;
font-weight: 600;
line-height: 1.2;
}
.role-user-wrapper .ru-wp-user-name .ru-email {
margin-top: 5px;
color: #788291;
font-size: 13px;
}
.role-user-wrapper .ru-user-links {
margin-left: auto;
display: flex;
align-items: center;
}
.role-user-wrapper .ru-user-links a {
margin-left: 10px;
display: flex;
align-items: center;
text-decoration: none;
}
.role-user-wrapper .ru-user-links a span {
border-bottom: 1px dotted #1d7bff;
}
.role-user-wrapper .ru-user-links a i {
margin-left: 5px;
}
.role-user-wrapper .ru-user-links a + a {
margin-left: 15px;
padding-left: 15px;
border-left: 1px solid #dcdad7;
}
.os-form-block .os-form-block-i .role-actions-grid .role-actions-item {
padding: 10px 0;
border-bottom: 1px solid #dcdad7;
display: flex;
align-items: center;
}
.os-form-block .os-form-block-i .role-actions-grid .role-actions-item:last-child {
border-bottom: none;
}
.os-form-block .os-form-block-i .role-actions-grid .role-actions-item:hover {
border-bottom-color: #aaa;
}
.os-form-block .os-form-block-i .role-actions-grid .role-actions-item:hover .role-actions-group-name {
transform: translateX(5px);
}
.os-form-block .os-form-block-i .role-actions-grid .role-actions-item:hover h3 {
color: #1d7bff;
}
.os-form-block .os-form-block-i .role-actions-grid .role-actions-item:has(+ .role-actions-item:hover) {
border-bottom-color: #aaa;
}
.os-form-block .os-form-block-i .role-actions-grid .role-actions-group-name {
margin-right: auto;
transition: all 0.2s ease;
}
.os-form-block .os-form-block-i .role-actions-grid .role-actions-group-description {
color: #788291;
}
.os-form-block .os-form-block-i .role-actions-grid h3 {
margin: 0;
transition: all 0.2s ease;
line-height: 1.5;
}
.os-form-block .os-form-block-i .role-actions-grid .role-toggler-wrapper {
min-width: 100px;
padding-left: 10px;
margin-left: 10px;
border-left: 1px solid #EEF0F1;
}
.role-user-edit-form .role-actions-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
margin-bottom: 30px;
}
.role-user-edit-form .role-actions-grid h3 {
margin-bottom: 5px;
font-size: 16px;
border-bottom: 1px solid #EEF0F1;
padding-bottom: 5px;
}
.role-user-edit-form .ru-user-meta {
display: flex;
align-items: center;
margin-top: 5px;
}
.role-user-edit-form .ru-user-meta .ru-role {
padding: 2px 4px;
border-radius: 4px;
background-color: #e4e4e4;
color: #444;
font-weight: 400;
font-size: 12px;
margin-right: 8px;
}
.role-user-edit-form .ru-user-meta .ru-wp-user-link {
display: flex;
align-items: center;
text-decoration: none;
}
.role-user-edit-form .ru-user-meta .ru-wp-user-link span {
border-bottom: 1px dotted #1d7bff;
}
.role-user-edit-form .ru-user-meta .ru-wp-user-link i {
margin-left: 4px;
font-size: 10px;
}
.role-user-edit-form .ru-main-info {
padding-bottom: 20px;
display: flex;
align-items: center;
}
.role-user-edit-form .ru-avatar {
width: 80px;
height: 80px;
border-radius: 40px;
background-size: cover;
background-position: center center;
margin-right: 20px;
}
.role-user-edit-form .ru-wp-user-name {
padding-bottom: 5px;
}
.role-user-edit-form .ru-wp-user-name .ru-name {
font-size: 24px;
font-weight: 600;
line-height: 1.4;
}
.role-user-edit-form .ru-wp-user-name .ru-email {
color: #788291;
font-size: 13px;
}
/*!
* Copyright (c) 2024 LatePoint LLC. All rights reserved.
*/
.booking-form-preview-wrapper {
position: relative;
display: flex;
align-items: flex-start;
background-color: transparent;
background-image: radial-gradient(rgba(0, 0, 0, 0.05) 2px, transparent 0);
background-size: 20px 20px;
padding: 40px 30px;
font-size: 15px;
margin: -30px;
}
.booking-form-preview-wrapper p {
font-size: 15px;
}
.booking-form-preview-wrapper .bf-content {
padding: 20px;
}
.booking-form-preview-wrapper .bf-content + .bf-heading {
border-top: 1px solid #EEF0F1;
}
.booking-form-preview-wrapper .bf-content .os-color-scheme-selector-wrapper {
display: none;
}
.booking-form-preview-wrapper .bf-content .os-custom-color-selector-wrapper {
position: relative;
margin-bottom: 20px;
}
.booking-form-preview-wrapper .bf-content .os-custom-color-selector-wrapper .trigger-custom-color-save {
position: absolute;
top: 50%;
right: 10px;
border-bottom: 1px dotted #1d7bff;
font-size: 13px;
text-decoration: none;
}
.booking-form-preview-wrapper .bf-content .os-custom-color-selector-wrapper .trigger-custom-color-save:hover {
border-bottom-style: solid;
}
.booking-form-preview-wrapper .bf-content .os-custom-color-selector-wrapper.is-hidden {
display: none;
}
.booking-form-preview-wrapper .bf-content .bf-color-scheme-colors {
margin-top: 7px;
display: flex;
align-items: center;
gap: 4px;
justify-content: space-between;
margin-bottom: 20px;
}
.booking-form-preview-wrapper .bf-content .bf-color-scheme-colors .bf-color-scheme-color-trigger {
width: 25px;
height: 25px;
border-radius: 50%;
border: 3px solid #fff;
cursor: pointer;
}
.booking-form-preview-wrapper .bf-content .bf-color-scheme-colors .bf-color-scheme-color-trigger:hover {
box-shadow: 0 0 0 2px #000;
}
.booking-form-preview-wrapper .bf-content .bf-color-scheme-colors .bf-color-scheme-color-trigger.is-selected {
box-shadow: 0 0 0 2px #000;
}
.booking-form-preview-wrapper .bf-content .os-form-group.os-form-group-transparent:last-child {
margin-bottom: 0;
}
.booking-form-preview-wrapper .bf-content .os-form-group.os-form-toggler-group:last-child {
margin-bottom: 0;
}
.booking-form-preview-wrapper .bf-content h4 {
text-transform: uppercase;
color: #1f222b;
letter-spacing: 1px;
font-weight: 400;
}
.booking-form-preview-wrapper .bf-preview-step-settings h3 {
font-size: 15px;
margin-top: 20px;
margin-bottom: 10px;
border-bottom: 1px solid #EEF0F1;
padding-bottom: 5px;
}
.booking-form-preview-wrapper .bf-heading {
z-index: 1;
padding: 15px 20px 0;
font-weight: 400;
font-size: 16px;
display: flex;
gap: 10px;
align-items: center;
}
.booking-form-preview-wrapper .bf-heading:first-child {
border-radius: 20px 20px 0 0;
}
.booking-form-preview-wrapper .bf-heading .latepoint-icon {
font-size: 14px;
}
.booking-form-preview-wrapper .bf-heading .bf-link {
margin-left: auto;
text-decoration: none;
font-size: 13px;
border-bottom: 1px dotted #1d7bff;
display: flex;
gap: 5px;
align-items: center;
}
.booking-form-preview-wrapper .bf-heading .bf-link:hover {
border-bottom-style: solid;
}
.booking-form-preview-wrapper .bf-heading .bf-link i {
font-size: 12px;
}
.booking-form-preview-wrapper .booking-form-preview-steps {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 5px 20px -3px rgba(0, 0, 0, 0.1);
}
.booking-form-preview-wrapper .booking-form-preview-steps .step-edit-link-wrapper {
display: flex;
flex-direction: column;
margin-bottom: 3px;
}
.booking-form-preview-wrapper .booking-form-preview-steps .step-edit-link-wrapper.is-active > .step-edit-link:after {
content: "";
height: 6px;
width: 6px;
background-color: #1d7bff;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.booking-form-preview-wrapper .booking-form-preview-steps .step-edit-link-wrapper .step-edit-link-wrapper {
padding-left: 18px;
}
.booking-form-preview-wrapper .booking-form-preview-steps .step-edit-link-wrapper:not(.is-active) > .step-edit-link-wrapper {
display: none;
}
.booking-form-preview-wrapper .booking-form-preview-steps .step-edit-links {
display: flex;
}
.booking-form-preview-wrapper .booking-form-preview-steps .step-edit-link {
position: relative;
padding: 5px;
display: flex;
align-items: center;
font-size: 15px;
gap: 5px;
border-radius: 15px;
cursor: pointer;
}
.booking-form-preview-wrapper .booking-form-preview-steps .step-edit-link:hover {
background-color: #f8f8f8;
}
.booking-form-preview-wrapper .booking-form-preview-inner {
flex: 1;
padding: 0 10px 0 0;
}
.booking-form-preview-settings {
width: 300px;
flex: 0 0 300px;
position: relative;
background-color: #fff;
border-radius: 20px;
border: 1px solid rgba(211, 213, 218, 0.6705882353);
background-image: linear-gradient(129deg, rgba(179, 184, 204, 0.0509803922), rgba(255, 255, 255, 0.3607843137));
box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.01), 1px 1px 5px -1px rgba(134, 124, 171, 0.12), inset 2px 2px 0 0 #fff;
}
.booking-form-preview-settings.os-loading:before {
display: block;
content: "";
width: 15px !important;
height: 15px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
top: 25px;
right: 15px;
left: auto;
}
.booking-form-preview-settings .os-form-group.os-form-group-transparent {
margin-bottom: 20px;
}
.booking-form-preview-settings .os-form-group.os-form-toggler-group label {
font-size: 13px;
}
.booking-form-preview-settings .bf-step-no-settings-message {
background-color: #f8f8f8;
padding: 15px;
font-size: 12px;
color: #1f222b;
border-radius: 15px;
position: relative;
padding-left: 45px;
}
.booking-form-preview-settings .bf-step-no-settings-message:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e948";
position: absolute;
top: 50%;
left: 15px;
font-size: 15px;
color: #111;
transform: translateY(-50%);
}
.bf-main-panel-content-before {
margin: 20px 40px 15px 40px;
}
.bf-main-panel-content-after {
margin: 15px 40px 20px 40px;
}
.bf-main-panel-content-before, .bf-main-panel-content-after {
text-align: left;
color: #788291;
border: 1px solid transparent;
padding: 10px 0;
}
.bf-main-panel-content-before p, .bf-main-panel-content-after p {
margin: 0;
}
.bf-main-panel-content-before p + p, .bf-main-panel-content-after p + p {
margin-top: 5px;
}
.bf-main-panel-content-before.medium-editor-placeholder, .bf-main-panel-content-after.medium-editor-placeholder {
border: 1px dotted #ccc;
}
.bf-main-panel-content-before.medium-editor-placeholder:hover, .bf-main-panel-content-after.medium-editor-placeholder:hover {
border-style: solid;
border-color: #ddd;
}
.bf-main-panel-content-before.medium-editor-placeholder:after, .bf-main-panel-content-after.medium-editor-placeholder:after {
display: none;
color: #999;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
padding: 0;
margin: 0;
font-style: normal;
}
/* Agent Bio/Details Popup */
.os-item-details-popup {
display: none;
}
.os-item-details-popup.open {
display: block;
}
.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: 400;
z-index: 9999;
}
.os-item-details-popup .os-item-details-popup-close span, .os-item-details-popup .os-item-details-popup-close i {
display: inline-block;
vertical-align: middle;
line-height: 1;
}
.os-item-details-popup .os-item-details-popup-close span {
margin-right: 10px;
}
.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;
}
.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: 52px;
margin: 0px;
z-index: 2;
position: relative;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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: 400;
font-size: 46px;
font-weight: 400;
line-height: 1.2;
color: #1d7bff;
}
.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: #788291;
}
.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);
}
.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: 400;
font-size: 46px;
line-height: 21px;
color: #1d7bff;
font-weight: 400;
padding-right: 1px;
}
/*!
* Copyright (c) 2022 LatePoint LLC. All rights reserved.
*/
.summary-heading.summary-variant-heading + .main-box {
padding-top: 0;
}
.latepoint-summary-w .summary-box .sbc-highlighted-item {
font-size: 15px;
margin-top: 2px;
}
.latepoint-summary-w .summary-box .sbc-highlighted-item .os-timezone-info {
font-size: 13px;
}
.latepoint-summary-w .summary-box-heading .sbh-item {
font-size: 13px;
font-weight: 400;
}
.latepoint-summary-w .summary-box .sbc-main-item {
font-size: 13px;
font-weight: 400;
}
.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: #41444b;
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 #41444b;
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: 400;
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 #1d7bff;
}
.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: #788291;
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;
border-radius: 15px;
}
.summary-section-heading {
font-size: 17px;
color: #1f222b;
margin-bottom: 15px;
}
.summary-box-heading {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.summary-box-heading .sbh-item {
color: #788291;
position: relative;
font-size: 15px;
}
.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;
border-radius: 15px;
}
.booking-summary-info-w + .summary-box {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #ddd;
}
.summary-box-wrapper + .summary-box-wrapper {
border-top: 1px solid #ddd;
}
.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 #ddd;
}
.summary-box.main-box .summary-box-inner {
flex: 1;
}
.summary-box.main-box .summary-box-booking-date-box {
text-align: center;
flex: 0 0 50px;
background-color: #f1f1f1;
}
.summary-box.main-box .summary-box-booking-date-box .summary-box-booking-date-day {
font-size: 20px;
line-height: 1.3;
font-weight: 400;
color: #1f222b;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding: 5px 0;
}
.summary-box.main-box .summary-box-booking-date-box .summary-box-booking-date-month {
color: #788291;
padding: 5px 0;
font-size: 13px;
}
.summary-box.main-box .qr-show-trigger {
flex: 0 1 80px;
text-align: center;
padding-top: 10px;
cursor: pointer;
white-space: nowrap;
}
.summary-box.main-box .qr-show-trigger .latepoint-icon {
font-size: 30px;
color: #111;
}
.summary-box.main-box .qr-show-trigger .qr-code-trigger-label {
display: inline-block;
line-height: 1.2;
color: #111;
border-bottom: 1px dotted #111;
font-weight: 400;
margin-top: 5px;
font-size: 13px;
}
.summary-box.main-box .qr-show-trigger .qr-code-trigger-label:hover {
border-bottom-style: solid;
}
.summary-box .summary-box-content.os-cart-item.is-removable {
padding-right: 16px;
}
.summary-box .summary-box-content:hover .os-remove-item-from-cart {
display: block;
}
.summary-box .summary-box-content .os-remove-item-from-cart {
display: block;
background-color: #f1f2f5;
position: absolute;
top: 2px;
right: 0px;
cursor: pointer;
color: #333;
font-size: 14px;
vertical-align: middle;
line-height: 14px;
text-align: center;
padding: 8px 5px;
}
.summary-box .summary-box-content .os-remove-item-from-cart.os-loading {
color: transparent;
display: block;
}
.summary-box .summary-box-content .os-remove-item-from-cart.os-loading:before {
display: block;
content: "";
width: 10px !important;
height: 10px !important;
border-bottom: 2px solid #1f222b;
border-left: 2px solid #1f222b;
border-top: 2px solid #1f222b;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.summary-box .summary-box-content .os-remove-item-from-cart.os-loading .os-remove-from-cart-icon {
background-color: transparent !important;
}
.summary-box .summary-box-content .os-remove-item-from-cart .os-remove-from-cart-icon {
height: 2px;
display: block;
width: 8px;
background-color: #000;
}
.summary-box .summary-box-content .os-remove-item-from-cart:hover:not(.os-loading) {
background-color: #000 !important;
color: #fff;
}
.summary-box .summary-box-content .os-remove-item-from-cart:hover:not(.os-loading) .os-remove-from-cart-icon {
background-color: #fff;
}
.summary-box .summary-box-content.with-media {
display: flex;
align-items: center;
}
.summary-box .summary-box-content .sbc-content-i {
margin-left: 10px;
line-height: 1.1;
}
.summary-box .summary-box-content .os-avatar-w {
text-transform: uppercase;
width: 30px;
height: 30px;
flex: 0 0 30px;
display: flex;
align-items: center;
justify-content: space-around;
border-radius: 20px;
background-color: #dedede;
color: #41444b;
font-weight: 400;
font-size: 12px;
-webkit-background-size: contain;
background-size: contain;
background-position: center center;
}
.summary-box .summary-box-content .os-location-image {
width: 30px;
height: 30px;
flex: 0 0 30px;
background-image: url(/wp-content/plugins/latepoint/public/images/location-image.png);
background-size: cover;
border-radius: 6px;
}
.summary-box .sbc-main-item {
color: #41444b;
font-size: 13px;
}
.summary-box .sbc-main-item a {
text-decoration: none;
color: #1d7bff;
font-size: 11px;
}
.summary-box .sbc-main-item.sbc-with-action {
display: flex;
gap: 5px;
align-items: flex-start;
}
.summary-box .sbc-main-item.sbc-with-action .sbc-action {
color: #1d7bff;
cursor: pointer;
font-size: 14px;
}
.summary-box .sbc-sub-item {
color: #788291;
font-size: 13px;
display: inline-block;
}
.summary-box .sbc-link-item {
color: #788291;
font-size: 13px;
text-decoration: none !important;
border-bottom: 1px dotted #788291;
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: 400;
color: #1f222b;
line-height: 1.3;
}
.summary-box .sbc-big-item + .sbc-highlighted-item {
margin-top: 4px;
}
.summary-box .sbc-highlighted-item {
color: #788291;
font-size: 15px;
}
.summary-box .sbc-highlighted-item .os-timezone-info {
font-size: 13px;
}
.summary-box .sbc-highlighted-item span:not(.os-timezone-info) {
white-space: nowrap;
color: #788291;
font-size: 13px;
font-weight: 400;
display: none;
margin-top: 3px;
}
.summary-box .sbc-subtle-item {
color: #788291;
font-size: 13px;
}
.summary-box .sbc-subtle-item span {
white-space: nowrap;
color: #788291;
font-size: 13px;
font-weight: 400;
}
.price-breakdown-w {
padding-top: 20px;
}
.price-breakdown-w .pb-heading {
font-weight: 400;
color: #41444b;
margin-bottom: 5px;
}
.summary-price-item-w {
display: flex;
justify-content: space-between;
margin-bottom: 7px;
}
.summary-price-item-w .spi-name {
color: #41444b;
font-weight: 400;
}
.summary-price-item-w .spi-price {
color: #41444b;
font-weight: 400;
}
.summary-price-item-w.spi-strong .spi-name, .summary-price-item-w.spi-strong .spi-price {
font-weight: 400;
}
.summary-price-item-w.spi-total {
border-top: 3px solid #41444b;
padding-top: 10px;
margin-top: 10px;
font-size: 17px;
font-weight: 400;
color: #41444b;
margin-bottom: 0;
}
.summary-price-item-w.spi-total .spi-name, .summary-price-item-w.spi-total .spi-price {
font-weight: 400;
}
.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: 400;
color: #000;
margin-left: 3px;
border: 1px dotted #000;
line-height: 1;
}
.summary-price-item-w .pi-note {
color: #788291;
font-size: 12px;
}
.summary-attributes {
color: #788291;
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: #41444b;
font-weight: 400;
}
.latepoint-w.latepoint-with-summary.latepoint-summary-is-open .latepoint-summary-w {
display: block;
transform: none;
}
.latepoint-w .latepoint-form-w .pb-heading {
margin-bottom: 10px;
}
.latepoint-w .latepoint-summary-w {
flex: 0 0 270px;
width: 270px;
transition: all 0.4s cubic-bezier(0.05, 0.45, 0.1, 1);
transform: translateX(-60px);
z-index: 1;
display: none;
flex-direction: column;
position: relative;
background-color: #fff;
}
.latepoint-w .latepoint-summary-w .summary-heading {
display: none;
}
.latepoint-w .latepoint-summary-w .summary-box.main-box + .summary-box.main-box {
margin-top: 0;
}
.latepoint-w .latepoint-summary-w .summary-box .sbc-big-item {
font-size: 17px;
}
.latepoint-w .latepoint-summary-w .summary-box .summary-box-content .os-remove-item-from-cart {
display: block;
}
.latepoint-w .latepoint-summary-w .summary-box .summary-box-content .os-remove-item-from-cart:focus-visible {
outline: 2px solid #1d7bff;
}
.latepoint-w .latepoint-summary-w.os-loading .summary-header:before {
display: block;
content: "";
width: 12px !important;
height: 12px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
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: #41444b;
}
.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: #1f222b;
font-weight: 400;
}
.latepoint-w .latepoint-summary-w .summary-header .os-lines {
position: absolute;
top: 21px;
left: 30px;
right: 30px;
z-index: 1;
}
.latepoint-w .latepoint-summary-w .summary-header .os-lines:before {
display: block;
content: "";
height: 6px;
border-top: 2px dotted #b7c2e8;
border-bottom: 2px dotted #b7c2e8;
margin-bottom: 2px;
}
.latepoint-w .latepoint-summary-w .summary-header .os-lines:after {
display: block;
content: "";
height: 6px;
border-top: 2px dotted #b7c2e8;
}
.latepoint-w .latepoint-summary-w .summary-price-item-w {
margin-bottom: 5px;
}
.latepoint-w .latepoint-summary-w .summary-price-item-w.spi-total {
padding-top: 5px;
margin-top: 5px;
border-top-width: 2px;
margin-bottom: 0px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents {
display: flex;
flex-direction: column;
flex: 1;
}
.latepoint-w .latepoint-summary-w .os-summary-contents .order-summary-main-section {
margin-bottom: 20px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents .cart-summary-main-section {
margin-bottom: 30px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents .summary-price-item-w {
font-size: 13px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents .summary-price-item-w.spi-total {
font-size: 17px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
padding-top: 15px;
overflow-y: auto;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .os-summary-contents-inner-top {
padding: 0 25px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-summary-main-section {
padding: 0 25px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .latepoint-add-another-item-trigger-wrapper.on-verify {
display: none;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .latepoint-add-another-item-trigger-wrapper.on-summary {
display: none;
margin-top: 15px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .active-cart-item-wrapper {
padding: 15px 0 0 0;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .active-cart-item-wrapper.is-separated .summary-box.main-box .sbc-highlighted-item {
margin-bottom: 5px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper {
position: relative;
padding: 10px 0;
margin-top: 5px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper .summary-box:last-child {
padding-bottom: 0;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item:hover {
background-color: #f8f8f8;
box-shadow: 10px 0 0 0 #f8f8f8, -10px 0 0 0 #f8f8f8;
border-top-color: transparent;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item:hover + .cart-item-wrapper {
border-top-color: transparent;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item:hover .os-remove-item-from-cart {
background-color: #dc5454;
color: #fff;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .cart-item-wrapper.multi-item:hover .os-remove-item-from-cart .os-remove-from-cart-icon {
background-color: #fff;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading {
display: flex;
align-items: center;
gap: 10px;
margin-top: 15px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading:not(:last-child) {
margin-bottom: 10px;
}
.latepoint-w .latepoint-summary-w .os-summary-contents-inner .pb-heading .pbh-label {
text-transform: uppercase;
color: #788291;
font-weight: 400;
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: #1d7bff;
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 #1d7bff;
}
.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: 400;
color: #788291;
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 .latepoint-w.latepoint-inline-form .latepoint-booking-form-element {
box-shadow: 0 10px 30px 0 rgba(36, 36, 36, 0.45), 0 1px 2px 0 rgba(87, 87, 87, 0.74);
}
.latepoint-clean-body.with-pattern {
background-image: radial-gradient(#eee 2px, transparent 0);
background-size: 25px 25px;
background-color: #fff;
}
.latepoint-clean-body.with-pattern > .latepoint-w {
padding: 50px;
}
html.latepoint-clean {
margin: 0 !important;
min-height: 100%;
}
.latepoint-w .manage-order-wrapper .booking-summary-info-w {
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: #788291;
}
.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 #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
top: 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: 400;
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: #1d7bff;
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: 400;
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: 400;
border: 1px solid #111;
display: flex;
gap: 3px;
align-items: center;
position: relative;
transition: none;
border-radius: 15px;
}
.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: #1d7bff;
border-color: #1d7bff;
}
.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: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
left: 12px;
}
.booking-full-summary-actions .booking-summary-action-btn.os-loading i {
color: transparent;
}
.booking-full-summary-actions .booking-summary-action-btn.cancel-appointment-btn {
color: #ad3d12;
border-color: #ad3d12;
}
.customer-dashboard-order-summary-lightbox .summary-box-heading .sbh-item,
.customer-dashboard-booking-summary-lightbox .summary-box-heading .sbh-item,
.bundle-scheduled-summary-lightbox .summary-box-heading .sbh-item,
.manage-order-wrapper .summary-box-heading .sbh-item,
.manage-booking-wrapper .summary-box-heading .sbh-item {
color: #788291;
font-weight: 400;
font-size: 15px;
}
.customer-dashboard-order-summary-lightbox .order-summary-main-section,
.customer-dashboard-booking-summary-lightbox .order-summary-main-section,
.bundle-scheduled-summary-lightbox .order-summary-main-section,
.manage-order-wrapper .order-summary-main-section,
.manage-booking-wrapper .order-summary-main-section {
margin-bottom: 20px;
}
.customer-dashboard-order-summary-lightbox .part-of-bundle-message,
.customer-dashboard-booking-summary-lightbox .part-of-bundle-message,
.bundle-scheduled-summary-lightbox .part-of-bundle-message,
.manage-order-wrapper .part-of-bundle-message,
.manage-booking-wrapper .part-of-bundle-message {
padding: 8px;
background-color: #f1f3ff;
text-align: center;
font-size: 13px;
margin-top: 20px;
}
.customer-dashboard-order-summary-lightbox .part-of-bundle-message a,
.customer-dashboard-booking-summary-lightbox .part-of-bundle-message a,
.bundle-scheduled-summary-lightbox .part-of-bundle-message a,
.manage-order-wrapper .part-of-bundle-message a,
.manage-booking-wrapper .part-of-bundle-message a {
color: #1d7bff;
text-decoration: none;
border-bottom: 1px dotted #1d7bff;
}
.customer-dashboard-order-summary-lightbox .full-summary-head-info,
.customer-dashboard-booking-summary-lightbox .full-summary-head-info,
.bundle-scheduled-summary-lightbox .full-summary-head-info,
.manage-order-wrapper .full-summary-head-info,
.manage-booking-wrapper .full-summary-head-info {
position: relative;
}
.customer-dashboard-order-summary-lightbox .full-summary-head-info .add-to-calendar-wrapper,
.customer-dashboard-booking-summary-lightbox .full-summary-head-info .add-to-calendar-wrapper,
.bundle-scheduled-summary-lightbox .full-summary-head-info .add-to-calendar-wrapper,
.manage-order-wrapper .full-summary-head-info .add-to-calendar-wrapper,
.manage-booking-wrapper .full-summary-head-info .add-to-calendar-wrapper {
display: inline-block;
}
.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent,
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent,
.manage-order-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent,
.manage-booking-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-code-vevent {
display: block;
margin: 0px auto 30px auto;
padding-bottom: 20px;
border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger,
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger,
.manage-order-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger,
.manage-booking-wrapper .qr-code-on-full-summary.show-vevent-qr-code .qr-show-trigger {
display: none;
}
.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-show-trigger,
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-show-trigger,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-show-trigger,
.manage-order-wrapper .qr-code-on-full-summary .qr-show-trigger,
.manage-booking-wrapper .qr-code-on-full-summary .qr-show-trigger {
float: right;
width: 100px;
text-align: center;
padding-top: 20px;
cursor: pointer;
}
.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .latepoint-icon,
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .latepoint-icon,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .latepoint-icon,
.manage-order-wrapper .qr-code-on-full-summary .qr-show-trigger .latepoint-icon,
.manage-booking-wrapper .qr-code-on-full-summary .qr-show-trigger .latepoint-icon {
font-size: 45px;
color: #111;
}
.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label,
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label,
.manage-order-wrapper .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label,
.manage-booking-wrapper .qr-code-on-full-summary .qr-show-trigger .qr-code-trigger-label {
display: inline-block;
line-height: 1.2;
color: #111;
border-bottom: 1px solid #777;
font-weight: 400;
letter-spacing: 0.5px;
margin-top: 10px;
font-size: 12px;
text-transform: uppercase;
}
.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-code-booking-info,
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-booking-info,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-booking-info,
.manage-order-wrapper .qr-code-on-full-summary .qr-code-booking-info,
.manage-booking-wrapper .qr-code-on-full-summary .qr-code-booking-info {
display: none;
}
.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-code-vevent,
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-vevent,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-vevent,
.manage-order-wrapper .qr-code-on-full-summary .qr-code-vevent,
.manage-booking-wrapper .qr-code-on-full-summary .qr-code-vevent {
display: none;
}
.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-code-vevent img,
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-vevent img,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-vevent img,
.manage-order-wrapper .qr-code-on-full-summary .qr-code-vevent img,
.manage-booking-wrapper .qr-code-on-full-summary .qr-code-vevent img {
display: block;
margin: 0px auto;
}
.customer-dashboard-order-summary-lightbox .qr-code-on-full-summary .qr-code-vevent .qr-code-label,
.customer-dashboard-booking-summary-lightbox .qr-code-on-full-summary .qr-code-vevent .qr-code-label,
.bundle-scheduled-summary-lightbox .qr-code-on-full-summary .qr-code-vevent .qr-code-label,
.manage-order-wrapper .qr-code-on-full-summary .qr-code-vevent .qr-code-label,
.manage-booking-wrapper .qr-code-on-full-summary .qr-code-vevent .qr-code-label {
text-align: center;
font-size: 13px;
font-weight: 400;
text-align: center;
font-weight: 500;
padding: 10px 15px;
background: #fff1af;
line-height: 1.4;
color: #000;
}
.customer-dashboard-order-summary-lightbox .payment-summary-info .full-summary-info-w,
.customer-dashboard-booking-summary-lightbox .payment-summary-info .full-summary-info-w,
.bundle-scheduled-summary-lightbox .payment-summary-info .full-summary-info-w,
.manage-order-wrapper .payment-summary-info .full-summary-info-w,
.manage-booking-wrapper .payment-summary-info .full-summary-info-w {
margin-top: 0px;
}
.customer-dashboard-order-summary-lightbox .full-summary-header,
.customer-dashboard-booking-summary-lightbox .full-summary-header,
.bundle-scheduled-summary-lightbox .full-summary-header,
.manage-order-wrapper .full-summary-header,
.manage-booking-wrapper .full-summary-header {
margin-bottom: 0px;
margin-top: 0px;
}
.customer-dashboard-order-summary-lightbox .full-summary-number,
.customer-dashboard-booking-summary-lightbox .full-summary-number,
.bundle-scheduled-summary-lightbox .full-summary-number,
.manage-order-wrapper .full-summary-number,
.manage-booking-wrapper .full-summary-number {
color: #788291;
padding-top: 0px;
margin-bottom: 8px;
font-size: 13px;
letter-spacing: 0.5px;
text-transform: uppercase;
font-weight: 400;
}
.customer-dashboard-order-summary-lightbox .full-summary-number strong,
.customer-dashboard-booking-summary-lightbox .full-summary-number strong,
.bundle-scheduled-summary-lightbox .full-summary-number strong,
.manage-order-wrapper .full-summary-number strong,
.manage-booking-wrapper .full-summary-number strong {
color: #1f222b;
}
.customer-dashboard-order-summary-lightbox .full-summary-order-info-wrapper,
.customer-dashboard-booking-summary-lightbox .full-summary-order-info-wrapper,
.bundle-scheduled-summary-lightbox .full-summary-order-info-wrapper,
.manage-order-wrapper .full-summary-order-info-wrapper,
.manage-booking-wrapper .full-summary-order-info-wrapper {
position: relative;
margin-bottom: 40px;
}
.customer-dashboard-order-summary-lightbox .fsoi-main-wrapper .fsoi-main,
.customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .fsoi-main,
.bundle-scheduled-summary-lightbox .fsoi-main-wrapper .fsoi-main,
.manage-order-wrapper .fsoi-main-wrapper .fsoi-main,
.manage-booking-wrapper .fsoi-main-wrapper .fsoi-main {
font-size: 32px;
margin-bottom: 5px;
color: #788291;
display: flex;
}
.customer-dashboard-order-summary-lightbox .fsoi-main-wrapper .fsoi-main strong,
.customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .fsoi-main strong,
.bundle-scheduled-summary-lightbox .fsoi-main-wrapper .fsoi-main strong,
.manage-order-wrapper .fsoi-main-wrapper .fsoi-main strong,
.manage-booking-wrapper .fsoi-main-wrapper .fsoi-main strong {
color: #1f222b;
font-weight: 400;
}
.customer-dashboard-order-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions,
.customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions,
.bundle-scheduled-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions,
.manage-order-wrapper .fsoi-main-wrapper .order-full-summary-actions,
.manage-booking-wrapper .fsoi-main-wrapper .order-full-summary-actions {
display: flex;
gap: 20px;
margin-bottom: 15px;
}
.customer-dashboard-order-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions a,
.customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions a,
.bundle-scheduled-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions a,
.manage-order-wrapper .fsoi-main-wrapper .order-full-summary-actions a,
.manage-booking-wrapper .fsoi-main-wrapper .order-full-summary-actions a {
display: flex;
align-items: center;
gap: 5px;
color: #1d7bff;
text-decoration: none;
}
.customer-dashboard-order-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions span,
.customer-dashboard-booking-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions span,
.bundle-scheduled-summary-lightbox .fsoi-main-wrapper .order-full-summary-actions span,
.manage-order-wrapper .fsoi-main-wrapper .order-full-summary-actions span,
.manage-booking-wrapper .fsoi-main-wrapper .order-full-summary-actions span {
border-bottom: 1px dotted #1d7bff;
}
.customer-dashboard-order-summary-lightbox .full-summary-order-info-elements,
.customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements,
.bundle-scheduled-summary-lightbox .full-summary-order-info-elements,
.manage-order-wrapper .full-summary-order-info-elements,
.manage-booking-wrapper .full-summary-order-info-elements {
display: flex;
gap: 10px;
font-size: 15px;
}
.customer-dashboard-order-summary-lightbox .full-summary-order-info-elements .fsoi-element,
.customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements .fsoi-element,
.bundle-scheduled-summary-lightbox .full-summary-order-info-elements .fsoi-element,
.manage-order-wrapper .full-summary-order-info-elements .fsoi-element,
.manage-booking-wrapper .full-summary-order-info-elements .fsoi-element {
display: flex;
gap: 2px;
}
.customer-dashboard-order-summary-lightbox .full-summary-order-info-elements span,
.customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements span,
.bundle-scheduled-summary-lightbox .full-summary-order-info-elements span,
.manage-order-wrapper .full-summary-order-info-elements span,
.manage-booking-wrapper .full-summary-order-info-elements span {
color: #788291;
display: block;
}
.customer-dashboard-order-summary-lightbox .full-summary-order-info-elements strong,
.customer-dashboard-booking-summary-lightbox .full-summary-order-info-elements strong,
.bundle-scheduled-summary-lightbox .full-summary-order-info-elements strong,
.manage-order-wrapper .full-summary-order-info-elements strong,
.manage-booking-wrapper .full-summary-order-info-elements strong {
color: #1f222b;
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;
}
.booking-form-preview {
position: relative;
/*!
* Copyright (c) 2024 LatePoint LLC. All rights reserved.
*/
/*!
* Copyright (c) 2024 LatePoint LLC. All rights reserved.
*/
}
.booking-form-preview.has-changes .bf-main-panel .bf-main-panel-buttons .bf-btn {
display: none;
}
.booking-form-preview.has-changes .bf-main-panel .bf-main-panel-buttons .bf-btn.bf-cancel-save-btn,
.booking-form-preview.has-changes .bf-main-panel .bf-main-panel-buttons .bf-btn.bf-save-btn {
display: flex;
}
.booking-form-preview.booking-form-preview-step-confirmation .bf-main-heading {
display: none;
}
.booking-form-preview.booking-form-preview-step-confirmation .bf-main-panel .bf-main-panel-buttons .bf-next-btn {
display: none;
}
.booking-form-preview .booking-preview-step-skipped-message {
padding: 10px;
background-color: #fbf6e9;
color: #111;
text-align: center;
}
.booking-form-preview.latepoint-summary-is-open {
max-width: 1030px;
}
.booking-form-preview .bf-save-btn {
background-color: #79b512;
color: #fff;
}
.booking-form-preview .bf-cancel-save-btn {
background-color: #eee;
color: #111;
}
.booking-form-preview .bf-side-panel {
flex: 0 0 270px;
display: flex;
flex-direction: column;
padding: 30px;
border-right: 1px solid #dcdad7;
text-align: center;
gap: 40px;
}
.booking-form-preview .bf-side-panel .bf-step-code {
position: absolute;
top: 0;
left: 0;
background-color: #000;
color: #fff;
padding: 4px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 9px;
}
.booking-form-preview .bf-side-panel b, .booking-form-preview .bf-side-panel strong {
font-weight: 600;
}
.booking-form-preview .bf-side-panel .bf-side-progress {
display: flex;
display: none;
gap: 10px;
margin-bottom: 20px;
justify-content: center;
}
.booking-form-preview .bf-side-panel .bf-side-progress .bf-side-progress-pill {
width: 5px;
height: 5px;
background-color: #eee;
}
.booking-form-preview .bf-side-panel .bf-side-progress .bf-side-progress-pill.is-active {
background-color: var(--latepoint-brand-primary);
}
.booking-form-preview .bf-side-panel .side-panel-main {
margin-bottom: auto;
padding: 50px 0;
}
.booking-form-preview .bf-side-panel .bf-side-media {
width: 70px;
margin-bottom: 20px;
display: inline-block;
position: relative;
}
.booking-form-preview .bf-side-panel .bf-side-media:hover .remove-side-media-img-tooltip {
display: block;
}
.booking-form-preview .bf-side-panel .bf-side-media:hover:before {
display: none;
}
.booking-form-preview .bf-side-panel .bf-side-media .os-image-selector-w {
position: relative;
}
.booking-form-preview .bf-side-panel .bf-side-media .os-image-selector-w:not(.has-image):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: 2;
}
.booking-form-preview .bf-side-panel .bf-side-heading {
font-size: 20px;
margin-bottom: 5px;
font-weight: 600;
color: #1f222b;
}
.booking-form-preview .bf-side-panel .bf-side-desc {
color: #788291;
font-size: 15px;
}
.booking-form-preview .bf-side-panel .bf-side-desc p {
margin: 0;
padding: 0;
}
.booking-form-preview .bf-side-panel .bf-side-desc p + p {
margin-top: 10px;
}
.booking-form-preview .bf-side-panel .side-panel-extra {
color: #788291;
font-size: 15px;
}
.booking-form-preview .bf-side-panel .side-panel-extra h5 {
margin: 0 0 5px 0;
font-weight: 600;
font-size: 15px;
color: #1f222b;
}
.booking-form-preview .bf-side-panel .side-panel-extra p:last-child {
margin-bottom: 0;
}
.booking-form-preview .bf-main-panel {
flex: 0 0 470px;
max-width: 470px;
display: flex;
flex-direction: column;
}
.booking-form-preview .bf-main-panel .bf-main-heading {
padding: 18px 40px;
border-bottom: 1px solid #EEF0F1;
font-size: 20px;
font-weight: 600;
}
.booking-form-preview .bf-main-panel .bf-main-panel-content-wrapper {
flex: 1;
}
.booking-form-preview .bf-main-panel .bf-main-panel-content-wrapper .bf-main-panel-content {
padding: 0px 40px;
}
.booking-form-preview .bf-main-panel .summary-status-wrapper {
padding: 0 0 40px 0;
color: #1f222b;
font-size: 15px;
margin-bottom: 20px;
border-bottom: 10px solid rgba(0, 0, 0, 0.03);
margin-top: 20px;
}
.booking-form-preview .bf-main-panel .summary-status-wrapper .summary-status-inner {
display: flex;
flex-direction: column;
align-items: center;
}
.booking-form-preview .bf-main-panel .summary-status-wrapper .summary-status-inner .ss-title {
font-size: 24px;
font-weight: 400;
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
min-width: 30px;
min-height: 24px;
border: 1px dotted #ccc;
text-align: center;
}
.booking-form-preview .bf-main-panel .summary-status-wrapper .summary-status-inner .ss-description {
color: #788291;
font-weight: 400;
font-size: 15px;
margin-top: 3px;
min-width: 30px;
min-height: 15px;
border: 1px dotted #ccc;
text-align: center;
}
.booking-form-preview .bf-main-panel .summary-status-wrapper .summary-status-inner .ss-icon {
margin-bottom: 25px;
}
.booking-form-preview .bf-main-panel .summary-status-wrapper .summary-status-inner .ss-confirmation-number {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #788291;
margin-top: 15px;
padding: 3px 5px;
background-color: rgba(0, 0, 0, 0.03);
}
.booking-form-preview .bf-main-panel .summary-status-wrapper .summary-status-inner .ss-confirmation-number strong {
color: #1f222b;
}
.booking-form-preview .bf-main-panel .summary-status-wrapper.summary-status-style-green .ss-icon {
display: block;
padding: 10px;
background-color: #98ff96;
border-radius: 50%;
box-shadow: 0 0 0 10px #e1ffe0;
width: 44px;
text-align: center;
animation: 1s cubic-bezier(0.05, 0.45, 0.1, 1) 0.1s statusIconPop;
animation-fill-mode: both;
}
.booking-form-preview .bf-main-panel .summary-status-wrapper.summary-status-style-green .ss-icon:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e910";
color: #000;
line-height: 24px;
display: block;
font-size: 24px;
}
.booking-form-preview .bf-main-panel .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;
}
.booking-form-preview .bf-main-panel .summary-status-wrapper.summary-status-style-yellow .ss-icon:before {
content: "i";
color: #000;
line-height: 24px;
display: block;
font-size: 24px;
}
.booking-form-preview .bf-main-panel .bf-main-panel-buttons {
display: flex;
justify-content: space-between;
border-top: 1px solid #EEF0F1;
padding: 10px 20px;
}
.booking-form-preview .bf-main-panel .bf-main-panel-buttons .bf-save-btn {
display: none;
}
.booking-form-preview .bf-main-panel .bf-main-panel-buttons .bf-btn {
cursor: pointer;
display: flex;
align-items: center;
gap: 5px;
padding: 8px 15px;
font-weight: 600;
font-size: 15px;
position: relative;
}
.booking-form-preview .bf-main-panel .bf-main-panel-buttons .bf-btn.os-loading {
color: transparent !important;
}
.booking-form-preview .bf-main-panel .bf-main-panel-buttons .bf-btn.os-loading:before {
display: block;
content: "";
width: 15px !important;
height: 15px !important;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
border-top: 2px solid #fff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.booking-form-preview .bf-main-panel .bf-main-panel-buttons .bf-btn.bf-next-btn {
background-color: var(--latepoint-brand-primary);
color: #fff;
}
.booking-form-preview .bf-main-panel .bf-main-panel-buttons .bf-btn.bf-save-btn, .booking-form-preview .bf-main-panel .bf-main-panel-buttons .bf-btn.bf-cancel-save-btn {
display: none;
}
.booking-form-preview .bf-summary-panel {
border-left: 1px solid #EEF0F1;
flex: 0 0 290px;
}
.booking-form-preview .bf-summary-panel .bf-summary-heading {
border-bottom: 1px solid #EEF0F1;
padding: 5px;
}
.booking-form-preview .bf-summary-panel .bf-summary-heading .bf-summary-heading-inner {
padding: 12px 20px;
background-image: radial-gradient(#d4d4d4 1px, transparent 0);
background-size: 7px 7px;
display: flex;
justify-content: flex-end;
}
.booking-form-preview .bf-summary-panel .bf-summary-heading span {
background-color: #fff;
display: block;
text-transform: uppercase;
letter-spacing: 1px;
padding: 5px;
}
.booking-form-preview .bf-summary-panel .bf-summary-content {
padding: 25px 30px 30px;
}
.booking-form-preview .os-step-tabs {
display: flex;
color: #788291;
margin-bottom: 20px;
font-weight: 400;
font-size: 15px;
line-height: 15px;
justify-content: space-between;
align-items: flex-end;
box-shadow: 0px 1px 0px 0px #E2E5EF;
height: 35px;
}
.booking-form-preview .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;
}
.booking-form-preview .os-step-tabs .os-step-tab:hover {
cursor: pointer;
color: #41444b;
}
.booking-form-preview .os-step-tabs .os-step-tab:before {
position: absolute;
content: "";
background-color: var(--latepoint-brand-primary);
height: 3px;
left: 0px;
bottom: -1px;
width: 0%;
}
.booking-form-preview .os-step-tabs .os-step-tab.active {
color: #41444b;
font-size: 17px;
padding-bottom: 12px;
padding-top: 8px;
}
.booking-form-preview .os-step-tabs .os-step-tab.active:before {
width: 100%;
}
.booking-form-preview .step-customer-logged-in-header-w {
display: flex;
color: #898C98;
margin-bottom: 20px;
font-weight: 400;
font-size: 15px;
line-height: 15px;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #E2E5EF;
height: 35px;
}
.booking-form-preview .step-customer-logged-in-header-w span {
display: block;
margin-right: 5px;
margin-left: auto;
}
.booking-form-preview .step-customer-logged-in-header-w a {
display: block;
color: var(--latepoint-brand-primary);
text-decoration: underline;
}
.booking-form-preview .step-customer-logged-in-header-w div {
color: #41444b;
font-size: 17px;
line-height: 15px;
padding-bottom: 12px;
padding-top: 8px;
position: relative;
}
.booking-form-preview .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;
}
.booking-form-preview .os-form-buttons {
align-items: flex-start;
}
.booking-form-preview .os-step-existing-customer-login-w {
margin-bottom: 10px;
}
.booking-form-preview .os-customer-login-password-fields-w {
position: relative;
}
.booking-form-preview .os-customer-login-password-fields-w .step-forgot-password-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 15px;
z-index: 1;
text-decoration: underline;
padding-top: 0px;
padding-bottom: 0px;
font-size: 13px;
}
.booking-form-preview .os-password-reset-form-holder .os-password-reset-form-w {
margin-bottom: 15px;
}
.booking-form-preview .os-password-reset-form-holder h4 {
margin: 0px;
margin-bottom: 5px;
padding: 0px;
}
.booking-form-preview .os-password-reset-form-holder p {
margin-bottom: 10px;
}
.booking-form-preview .os-password-reset-form-holder .os-form-message-w {
margin-bottom: 10px;
margin-top: 10px;
}
.booking-form-preview .hide-when-entering-otp.os-hidden {
display: none;
}
.booking-form-preview .alternative-login-option {
padding: 8px;
text-decoration: none;
font-weight: 400;
white-space: nowrap;
overflow: hidden;
display: flex;
align-items: center;
color: #41444b;
border: 1px solid #d5d5d5;
cursor: pointer;
margin-bottom: 15px;
}
.booking-form-preview .alternative-login-option i {
width: 40px;
font-size: 23px;
}
.booking-form-preview .alternative-login-option span {
padding-right: 40px;
text-align: center;
flex: 1;
}
.booking-form-preview .alternative-login-option.os-hidden {
display: none;
}
.booking-form-preview .latepoint-customer-auth-wrapper {
margin-bottom: 15px;
}
.booking-form-preview .editable-setting:hover {
box-shadow: 0 0 0 2px color-mix(in srgb, var(--latepoint-brand-primary) 30%, transparent);
border-color: color-mix(in srgb, var(--latepoint-brand-primary) 30%, transparent);
}
.booking-form-preview .editable-setting:focus {
box-shadow: 0 0 0 2px color-mix(in srgb, var(--latepoint-brand-primary) 60%, transparent);
border-color: color-mix(in srgb, var(--latepoint-brand-primary) 60%, transparent);
}
.booking-form-preview .os-form-buttons {
display: flex;
justify-content: flex-end;
gap: 10px;
}
.booking-form-preview .os-form-buttons.os-flex {
display: flex;
align-items: center;
}
.booking-form-preview .os-form-buttons.os-flex.os-space-between {
justify-content: space-between;
}
.booking-form-preview .os-form-buttons .os-form-group {
display: inline-block;
margin-bottom: 0px;
}
.booking-form-preview .os-weekdays {
display: flex;
align-items: center;
}
.booking-form-preview .os-weekdays .weekday {
background-color: #f5f5f5;
flex: 1;
text-transform: uppercase;
font-size: 20px;
color: #adadae;
font-weight: 400;
letter-spacing: 1px;
text-align: left;
padding: 5px 0 0 15px;
line-height: 1;
border-left: 1px solid #ddd;
}
.booking-form-preview .os-weekdays .weekday:first-child {
border-left-color: transparent;
margin-left: 15px;
padding-left: 0;
}
.booking-form-preview .os-current-month-label-w {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.booking-form-preview .os-current-month-label-w .os-month-control-buttons-w {
display: flex;
gap: 15px;
}
.booking-form-preview .os-current-month-label-w .os-month-prev-btn,
.booking-form-preview .os-current-month-label-w .os-month-next-btn {
border: none;
font-size: 16px;
background-color: transparent !important;
box-shadow: none;
outline: none;
color: #111;
margin: 0px;
line-height: 1;
vertical-align: middle;
display: inline-block;
cursor: pointer;
padding: 5px;
position: relative;
}
.booking-form-preview .os-current-month-label-w .os-month-prev-btn:focus-visible,
.booking-form-preview .os-current-month-label-w .os-month-next-btn:focus-visible {
outline: 2px solid var(--latepoint-brand-primary) !important;
}
.booking-form-preview .os-current-month-label-w .os-month-prev-btn.os-loading,
.booking-form-preview .os-current-month-label-w .os-month-next-btn.os-loading {
color: transparent !important;
}
.booking-form-preview .os-current-month-label-w .os-month-prev-btn.os-loading span, .booking-form-preview .os-current-month-label-w .os-month-prev-btn.os-loading i,
.booking-form-preview .os-current-month-label-w .os-month-next-btn.os-loading span,
.booking-form-preview .os-current-month-label-w .os-month-next-btn.os-loading i {
color: transparent !important;
}
.booking-form-preview .os-current-month-label-w .os-month-prev-btn.os-loading:after,
.booking-form-preview .os-current-month-label-w .os-month-next-btn.os-loading:after {
display: block;
content: "";
width: 14px;
height: 14px;
border-bottom: 2px solid #41444b;
border-left: 2px solid #41444b;
border-top: 2px solid #41444b;
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;
}
.booking-form-preview .os-current-month-label-w .os-month-prev-btn:hover,
.booking-form-preview .os-current-month-label-w .os-month-next-btn:hover {
color: var(--latepoint-brand-primary);
}
.booking-form-preview .os-current-month-label-w .os-month-prev-btn:focus,
.booking-form-preview .os-current-month-label-w .os-month-next-btn:focus {
outline: none;
}
.booking-form-preview .os-current-month-label-w .os-month-prev-btn.disabled,
.booking-form-preview .os-current-month-label-w .os-month-next-btn.disabled {
color: rgba(0, 0, 0, 0.1);
}
.booking-form-preview .os-current-month-label-w .os-current-month-label {
text-align: center;
font-weight: 400;
font-size: 17px;
margin-bottom: 10px;
color: #41444b;
display: flex;
align-items: baseline;
}
.booking-form-preview .os-current-month-label-w .os-current-month-label .current-year {
display: inline-block;
vertical-align: middle;
color: color-mix(in srgb, #41444b 40%, transparent);
margin-left: 5px;
}
.booking-form-preview .os-current-month-label-w .os-current-month-label .current-month {
display: inline-block;
vertical-align: middle;
font-size: 32px;
}
.booking-form-preview .os-monthly-calendar-days-w {
display: none;
}
.booking-form-preview .os-monthly-calendar-days-w.active {
display: block;
}
.booking-form-preview .os-monthly-calendar-days-w.hide-if-single-slot .os-day.os-one-slot-only .os-day-status {
display: none;
}
.booking-form-preview .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);
}
.booking-form-preview .step-datepicker-w {
position: relative;
}
.booking-form-preview .step-datepicker-w .dp-capacity, .booking-form-preview .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: 400;
display: none;
white-space: nowrap;
z-index: 9999;
font-size: 15px;
animation: 0.1s ease latepointAvailabilityPopup;
animation-fill-mode: both;
}
.booking-form-preview .step-datepicker-w .time-selector-w:not(.style-timeline) .dp-timepicker-trigger:not(.selected):hover .dp-capacity, .booking-form-preview .reschedule-calendar-datepicker .time-selector-w:not(.style-timeline) .dp-timepicker-trigger:not(.selected):hover .dp-capacity {
display: block;
}
.booking-form-preview .os-monthly-calendar-days {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.booking-form-preview .os-monthly-calendar-days .os-day {
text-align: left;
font-size: 20px;
font-weight: 400;
cursor: pointer;
position: relative;
}
.booking-form-preview .os-monthly-calendar-days .os-day:nth-child(7n+1) {
border-left-color: transparent;
}
.booking-form-preview .os-monthly-calendar-days .os-day:focus {
outline: none;
}
.booking-form-preview .os-monthly-calendar-days .os-day:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.booking-form-preview .os-monthly-calendar-days .os-day.os-day-next-month, .booking-form-preview .os-monthly-calendar-days .os-day.os-day-prev-month {
color: #B7BCCB;
background-color: #fff;
}
.booking-form-preview .os-monthly-calendar-days .os-day.os-day-current.os-not-available {
cursor: not-allowed;
}
.booking-form-preview .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box {
background-color: transparent;
}
.booking-form-preview .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-status {
background-color: #f7f7f7;
}
.booking-form-preview .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box .os-day-number {
color: #adadae;
}
.booking-form-preview .os-monthly-calendar-days .os-day.os-day-current.os-not-available.selected .os-day-box {
background-color: #ec7376;
}
.booking-form-preview .os-monthly-calendar-days .os-day.os-day-current.os-not-available.selected .os-day-box .os-day-number {
color: #fff;
}
.booking-form-preview .os-monthly-calendar-days .os-day.os-day-passed .os-day-box {
background-color: transparent;
}
.booking-form-preview .os-monthly-calendar-days .os-day.os-day-passed .os-day-box .os-day-number {
color: #bdc5da;
}
.booking-form-preview .os-monthly-calendar-days .os-day.os-today.os-month-current .os-day-box .os-day-number {
background-color: #fff0c7;
}
.booking-form-preview .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: 400;
display: none;
white-space: nowrap;
z-index: 9999;
font-size: 15px;
animation: 0.1s ease latepointAvailabilityPopup;
animation-fill-mode: both;
}
.booking-form-preview .os-monthly-calendar-days .os-day .os-day-box {
position: relative;
}
.booking-form-preview .os-monthly-calendar-days .os-day .os-day-number {
color: #1f222b;
transition: all 0.1s ease;
}
.booking-form-preview .os-monthly-calendar-days .os-day .os-day-status {
transition: all 0.1s ease;
}
.booking-form-preview .os-monthly-calendar-days .os-day:hover .os-day-box .os-day-number {
transform: scale(1.2);
transform-origin: bottom left;
white-space: nowrap;
}
.booking-form-preview .os-monthly-calendar-days .os-day:hover .os-day-box:hover .os-available-slots-tooltip {
display: block;
}
.booking-form-preview .os-monthly-calendar-days .os-day:hover .os-day-status {
height: 10px;
}
.booking-form-preview .os-day-status {
margin: 0px;
height: 4px;
position: absolute;
border-radius: 0px;
overflow: hidden;
bottom: 3px;
left: 8px;
right: 8px;
background-color: #e6e9ef;
}
.booking-form-preview .os-day-status .day-available {
background-color: #8fe286;
top: 0px;
bottom: 0px;
position: absolute;
z-index: 1;
min-width: 3px;
border-radius: 15px;
}
.booking-form-preview .calendar-style-classic .os-monthly-calendar-days .os-day .os-available-slots-tooltip {
left: 50%;
transform: translate3d(-50%, -50%, 0);
animation: 0.1s ease latepointAvailabilityPopupCenter;
animation-fill-mode: both;
}
.booking-form-preview .calendar-style-classic .os-current-month-label-w {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding-bottom: 5px;
margin-bottom: 15px;
}
.booking-form-preview .calendar-style-classic .os-weekdays {
gap: 12px;
}
.booking-form-preview .calendar-style-classic .os-weekdays .weekday {
background-color: transparent;
font-size: 13px;
color: #41444b;
}
.booking-form-preview .calendar-style-classic .os-weekdays .weekday.weekday-6, .booking-form-preview .calendar-style-classic .os-weekdays .weekday.weekday-7 {
color: #ccb63b;
background-color: #fffef2;
}
.booking-form-preview .calendar-style-classic .os-weekdays .weekday {
border-left: none;
text-align: center;
margin-left: 0;
padding: 5px;
margin-bottom: 12px;
}
.booking-form-preview .calendar-style-classic .os-monthly-calendar-days {
gap: 10px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.booking-form-preview .calendar-style-classic .os-monthly-calendar-days .os-day {
text-align: center;
font-size: 17px;
}
.booking-form-preview .calendar-style-classic .os-monthly-calendar-days .os-day:hover .os-day-status {
height: 7px;
left: 4px;
right: 4px;
}
.booking-form-preview .calendar-style-classic .os-monthly-calendar-days .os-day:hover .os-day-box .os-day-number {
transform-origin: bottom;
}
.booking-form-preview .calendar-style-classic .os-monthly-calendar-days .os-day.os-month-next .os-day-number, .booking-form-preview .calendar-style-classic .os-monthly-calendar-days .os-day.os-month-next .os-day-status, .booking-form-preview .calendar-style-classic .os-monthly-calendar-days .os-day.os-month-prev .os-day-number, .booking-form-preview .calendar-style-classic .os-monthly-calendar-days .os-day.os-month-prev .os-day-status {
opacity: 0.6;
}
.booking-form-preview .calendar-style-classic .os-monthly-calendar-days .os-day.os-day-current .os-day-box {
background-color: #eefdec;
}
.booking-form-preview .calendar-style-classic .os-monthly-calendar-days .os-day.os-day-current.os-not-available .os-day-box {
background-color: transparent;
}
.booking-form-preview .calendar-style-classic .os-monthly-calendar-days .os-day .os-day-box {
padding: 12px 5px;
}
.booking-form-preview .calendar-style-classic .os-monthly-calendar-days .os-day:nth-child(7n+1) {
border-left-color: transparent;
}
.booking-form-preview .calendar-style-classic .os-monthly-calendar-days .os-day.selected.os-not-available .os-day-box {
background-color: #ec7376;
}
.booking-form-preview .calendar-style-classic .os-monthly-calendar-days .os-day.selected .os-day-box {
background-color: var(--latepoint-brand-primary);
border-color: transparent;
color: #fff;
opacity: 1;
}
.booking-form-preview .calendar-style-classic .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-number {
background-color: transparent;
color: #fff;
transform: scale(1.2);
transform-origin: center center;
text-align: center;
}
.booking-form-preview .calendar-style-classic .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-status {
display: none;
}
.booking-form-preview .calendar-style-classic .os-monthly-calendar-days .os-day.selected .os-day-box:hover .os-available-slots-tooltip {
display: none;
}
.booking-form-preview .calendar-style-classic .os-monthly-calendar-days .os-day.selected.os-today .os-day-box .os-day-number {
background-color: transparent;
}
.booking-form-preview .calendar-style-modern {
margin: 0 0 0 -15px;
}
.booking-form-preview .calendar-style-modern .os-current-month-label-w {
padding-left: 14px;
}
.booking-form-preview .calendar-style-modern .os-weekdays .weekday:first-child {
margin-left: 15px;
padding-left: 0;
}
.booking-form-preview .calendar-style-modern.os-month-prev, .booking-form-preview .calendar-style-modern.os-month-next {
cursor: default;
}
.booking-form-preview .calendar-style-modern .os-monthly-calendar-days .os-day {
text-align: left;
border-left: 1px solid rgba(0, 0, 0, 0.08);
}
.booking-form-preview .calendar-style-modern .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box {
background-color: var(--latepoint-brand-primary);
border-color: transparent;
color: #fff;
opacity: 1;
padding-left: 0;
}
.booking-form-preview .calendar-style-modern .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box .os-day-number {
background-color: transparent;
color: #fff;
transform: scale(1.2);
transform-origin: center center;
text-align: center;
}
.booking-form-preview .calendar-style-modern .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box .os-day-status {
display: none;
}
.booking-form-preview .calendar-style-modern .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next) .os-day-box:hover .os-available-slots-tooltip {
display: none;
}
.booking-form-preview .calendar-style-modern .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next).os-today .os-day-box .os-day-number {
background-color: transparent;
}
.booking-form-preview .calendar-style-modern .os-monthly-calendar-days .os-day.selected:not(.os-month-prev):not(.os-month-next).os-not-available .os-day-box {
background-color: #ec7376;
}
.booking-form-preview .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next, .booking-form-preview .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-prev {
border-left-color: transparent;
cursor: default;
}
.booking-form-preview .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next .os-day-box, .booking-form-preview .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-prev .os-day-box {
pointer-events: none;
background-color: transparent;
}
.booking-form-preview .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next .os-day-box .os-day-status, .booking-form-preview .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-prev .os-day-box .os-day-status {
display: none;
}
.booking-form-preview .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next .os-day-box:hover, .booking-form-preview .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-prev .os-day-box:hover {
opacity: 1;
}
.booking-form-preview .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next .os-day-box .os-day-number, .booking-form-preview .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-prev .os-day-box .os-day-number {
color: transparent !important;
}
.booking-form-preview .calendar-style-modern .os-monthly-calendar-days .os-day.os-month-next {
display: none;
}
.booking-form-preview .calendar-style-modern .os-monthly-calendar-days .os-day:nth-child(7n) .os-available-slots-tooltip, .booking-form-preview .calendar-style-modern .os-monthly-calendar-days .os-day:nth-child(7n+6) .os-available-slots-tooltip {
left: auto;
right: 0;
}
.booking-form-preview .calendar-style-modern .os-monthly-calendar-days .os-day .os-day-box {
padding: 15px 0px 15px 15px;
}
.booking-form-preview .calendar-style-modern .os-monthly-calendar-days .os-day:nth-child(7n+1) {
border-left-color: transparent;
}
.booking-form-preview .calendar-style-modern .os-day-status {
border-radius: 0px;
bottom: 6px;
left: 15px;
right: 0px;
height: 5px;
}
.booking-form-preview .times-header {
color: #16171d;
font-size: 17px;
font-weight: 400;
text-align: center;
padding-bottom: 10px;
}
.booking-form-preview .times-header span {
color: var(--latepoint-brand-primary);
border-bottom: 1px dotted var(--latepoint-brand-primary);
}
.booking-form-preview .os-calendar-searching-info {
padding-left: 35px;
font-size: 15px;
position: relative;
font-weight: 400;
display: none;
}
.booking-form-preview .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: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
left: 10px;
}
.booking-form-preview .os-dates-and-times-w.is-searching .os-calendar-searching-info {
display: block;
}
.booking-form-preview .os-dates-and-times-w.is-searching .os-calendar-while-searching-wrapper {
display: none;
}
.booking-form-preview .os-dates-and-times-w.is-searching .os-timezone-info-wrapper {
display: none;
}
.booking-form-preview .os-times-w {
position: relative;
}
.booking-form-preview .timeslots {
display: flex;
justify-content: space-between;
}
.booking-form-preview .timeslots .not-working-message {
flex: 1;
padding: 3px 5px;
text-align: center;
background-color: #f7e8e8;
color: #752f2f;
font-weight: 400;
}
.booking-form-preview .dp-timebox {
white-space: nowrap;
text-align: center;
padding: 6px 3px;
line-height: 1.2;
background-color: #d6ffd1;
font-size: 15px;
color: #1f222b;
cursor: pointer;
font-weight: 400;
position: relative;
width: auto !important;
max-width: none !important;
}
.booking-form-preview .dp-timebox:focus {
outline: none;
box-shadow: none;
}
.booking-form-preview .dp-timebox:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.booking-form-preview .dp-timebox .dp-tick,
.booking-form-preview .dp-timebox .dp-success-label {
display: none !important;
}
.booking-form-preview .dp-timebox:hover {
background-color: #c0fbb8;
}
.booking-form-preview .dp-timebox.is-off, .booking-form-preview .dp-timebox.is-booked {
color: #b3b3b3;
background-color: #f7f7f7;
box-shadow: none;
cursor: not-allowed;
}
.booking-form-preview .dp-timebox.selected {
background-color: var(--latepoint-brand-primary);
color: #fff;
box-shadow: none;
}
.booking-form-preview .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;
}
.booking-form-preview .time-selector-w {
display: none;
margin-top: 20px;
margin-left: -2px;
margin-right: -2px;
}
.booking-form-preview .time-selector-w.hide-not-available-slots .dp-timebox.is-off, .booking-form-preview .time-selector-w.hide-not-available-slots .dp-timebox.is-booked {
display: none;
}
.booking-form-preview .time-selector-w .th-timezone {
text-transform: uppercase;
font-size: 10px;
letter-spacing: 0.5px;
margin-top: 4px;
}
.booking-form-preview .time-selector-w .th-timezone strong {
color: #788291;
}
.booking-form-preview .time-selector-w.style-timebox {
margin-top: 20px;
}
.booking-form-preview .time-selector-w.style-timebox .timeslots {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
}
.booking-form-preview .time-selector-w.style-timebox .timeslots.slots-not-available {
grid-template-columns: repeat(1, 1fr) !important;
}
.booking-form-preview .time-selector-w.style-timebox .timeslots .not-working-message {
border-radius: 4px;
padding: 6px;
}
.booking-form-preview .time-selector-w.style-timebox .timeslots .dp-timebox .dp-label-capacity {
display: none;
}
.booking-form-preview .time-selector-w.style-timebox .timeslots .dp-timebox.is-off {
display: none;
}
.booking-form-preview .time-selector-w.style-timebox .times-header {
display: flex;
align-items: center;
margin-bottom: 10px;
padding-top: 10px;
}
.booking-form-preview .time-selector-w.style-timebox .times-header .times-header-label {
flex: 1;
margin: 0px 15px;
white-space: nowrap;
font-weight: 600;
}
.booking-form-preview .time-selector-w.style-timebox .times-header .th-line {
height: 1px;
flex: 1;
background-color: rgba(0, 0, 0, 0.1);
content: "";
}
.booking-form-preview .time-selector-w.style-timeline {
padding-bottom: 30px;
flex-wrap: nowrap;
}
.booking-form-preview .time-selector-w.with-end-time.time-system-12 .timeslots {
grid-template-columns: repeat(2, 1fr);
}
.booking-form-preview .time-selector-w.with-end-time.time-system-12 .dp-timebox span.dp-label-end-time {
opacity: 0.7;
}
.booking-form-preview .time-selector-w.with-end-time.time-system-24 .timeslots {
grid-template-columns: repeat(3, 1fr);
}
.booking-form-preview .time-selector-w.with-end-time.time-system-24 .dp-timebox span.dp-label-end-time {
opacity: 0.7;
}
.booking-form-preview .time-selector-w.without-end-time.time-system-12 .timeslots {
grid-template-columns: repeat(4, 1fr);
}
.booking-form-preview .time-selector-w.without-end-time.time-system-24 .timeslots {
grid-template-columns: repeat(5, 1fr);
}
.booking-form-preview .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;
}
.booking-form-preview .dp-timeslot:focus-visible {
outline: 2px solid var(--latepoint-brand-primary);
}
.booking-form-preview .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: 400;
letter-spacing: 1px;
}
.booking-form-preview .dp-timeslot .dp-tick strong {
display: block;
color: rgb(0, 0, 0);
font-size: 11px;
line-height: 1;
letter-spacing: 0px;
white-space: nowrap;
}
.booking-form-preview .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;
}
.booking-form-preview .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: 400;
position: absolute;
left: 50%;
top: -8px;
transform: translate(-50%, -100%);
white-space: nowrap;
transition: all 0.2s ease;
z-index: 10;
}
.booking-form-preview .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;
}
.booking-form-preview .dp-timeslot.selected:not(.is-booked), .booking-form-preview .dp-timeslot.selected:not(.is-off) {
background-color: var(--latepoint-brand-primary);
z-index: 4;
}
.booking-form-preview .dp-timeslot.selected:not(.is-booked) .dp-label-capacity, .booking-form-preview .dp-timeslot.selected:not(.is-off) .dp-label-capacity {
display: none;
}
.booking-form-preview .dp-timeslot.selected:not(.is-booked):hover, .booking-form-preview .dp-timeslot.selected:not(.is-off):hover {
background-color: var(--latepoint-brand-primary);
}
.booking-form-preview .dp-timeslot.selected:not(.is-booked):after, .booking-form-preview .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;
}
.booking-form-preview .dp-timeslot.selected:not(.is-booked) .dp-label, .booking-form-preview .dp-timeslot.selected:not(.is-off) .dp-label {
top: -3px;
background-color: var(--latepoint-brand-primary);
color: #fff;
display: block;
}
.booking-form-preview .dp-timeslot.selected:not(.is-booked):before, .booking-form-preview .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%;
}
.booking-form-preview .dp-timeslot.is-booked {
background-color: #e6e9ef;
margin: 0px;
cursor: not-allowed;
}
.booking-form-preview .dp-timeslot.is-booked:before {
background-color: #E42806;
}
.booking-form-preview .dp-timeslot.is-booked .dp-label {
background-color: #E42806;
}
.booking-form-preview .dp-timeslot.is-booked:hover {
background-color: #E42806;
}
.booking-form-preview .dp-timeslot.is-off {
background-color: #e6e9ef;
margin: 0px;
border-color: #fff;
max-width: 25%;
cursor: not-allowed;
}
.booking-form-preview .dp-timeslot.is-off:before {
background-color: #E42806;
}
.booking-form-preview .dp-timeslot.is-off .dp-label {
background-color: #E42806;
}
.booking-form-preview .dp-timeslot.is-off:hover {
background-color: #e6e9ef;
}
.booking-form-preview .dp-timeslot.is-off:hover .dp-label {
display: none;
}
.booking-form-preview .dp-timeslot.with-tick:after {
content: "";
position: absolute;
width: 1px;
left: 50%;
height: 3px;
bottom: -7px;
background-color: rgba(0, 0, 0, 0.4);
}
.booking-form-preview .dp-timeslot:hover {
background-color: #04bb03;
}
.booking-form-preview .dp-timeslot:hover:before {
top: 0px;
}
.booking-form-preview .dp-timeslot:hover .dp-label {
display: block;
}
.booking-form-preview .os-dates-and-times-w.is-searching .os-calendar-searching-info {
display: none;
}
.booking-form-preview .os-dates-and-times-w.is-searching .os-calendar-while-searching-wrapper {
display: block;
}
.booking-form-preview .latepoint-booking-form-element {
display: flex;
background-color: #fff;
box-shadow: 0 10px 30px 0 rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6);
position: relative;
max-width: 740px;
margin: 0 auto;
}
.booking-form-preview .latepoint-booking-form-element.latepoint-border-radius-rounded {
border-radius: 8px;
}
.booking-form-preview .latepoint-booking-form-element.latepoint-border-radius-rounded .bf-side-panel {
border-radius: 8px 0 0 8px;
}
.booking-form-preview .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item .os-item-i {
border-radius: 8px;
}
.booking-form-preview .latepoint-booking-form-element.latepoint-border-radius-rounded .bf-main-panel-content-before.medium-editor-placeholder, .booking-form-preview .latepoint-booking-form-element.latepoint-border-radius-rounded .bf-main-panel-content-after.medium-editor-placeholder {
border-radius: 8px;
}
.booking-form-preview .latepoint-booking-form-element.latepoint-border-radius-rounded .bf-main-panel-content-before, .booking-form-preview .latepoint-booking-form-element.latepoint-border-radius-rounded .bf-main-panel-content-after {
border-radius: 8px;
}
.booking-form-preview .latepoint-booking-form-element.latepoint-border-radius-rounded .bf-btn {
border-radius: 8px;
}
.booking-form-preview .latepoint-booking-form-element.latepoint-border-radius-rounded .os-monthly-calendar-days .os-day .os-day-box {
border-radius: 8px;
}
.booking-form-preview .latepoint-booking-form-element.latepoint-border-radius-rounded .os-day-status {
border-radius: 8px;
}
.booking-form-preview .latepoint-booking-form-element.latepoint-border-radius-rounded .bf-side-panel .bf-side-media .os-image-selector-w:before {
border-radius: 50%;
}
.booking-form-preview .os-step-tabs .os-step-tab {
font-weight: 600;
}
.booking-form-preview .os-item-category-w > .os-selectable-items {
display: none;
}
.booking-form-preview .os-item-category-w > .os-selectable-items .os-item.selected {
position: relative;
z-index: 2;
}
.booking-form-preview .os-item-category-w > .os-selectable-items .os-item.selected > .os-service-selector:hover {
border-color: var(--latepoint-brand-primary);
}
.booking-form-preview .os-item-category-w > .os-selectable-items .os-item:hover {
z-index: 2;
position: relative;
}
.booking-form-preview .os-item-category-w > .os-selectable-items .os-item a.os-service-selector {
position: relative;
}
.booking-form-preview .os-item-category-w > .os-selectable-items .os-item a.os-service-selector .service-name-w .service-name {
font-size: 16px;
}
.booking-form-preview .os-item-category-w > .os-selectable-items .os-item a.os-service-selector:hover {
border-color: var(--latepoint-brand-primary);
}
.booking-form-preview .os-item-category-w .os-item-category-w {
margin-top: 0px;
box-shadow: none;
}
.booking-form-preview .os-item-category-w .os-item-category-w .os-item-category-info-w {
border: none;
}
.booking-form-preview .os-item-category-w .os-item-category-w .os-item-category-info-w {
display: none;
}
.booking-form-preview .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;
}
.booking-form-preview .os-item-category-w .os-item-category-info .os-item-category-name {
display: block;
font-weight: 400;
font-size: 18px;
display: block;
margin-right: auto;
flex: 1;
transition: transform 0.2s ease;
}
.booking-form-preview .os-item-category-w .os-item-category-info .os-item-category-services-count {
display: block;
color: #788291;
font-size: 12px;
transform: translateX(-40px);
transition: transform 0.2s ease;
}
.booking-form-preview .os-item-category-w.selected {
box-shadow: none;
}
.booking-form-preview .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;
}
.booking-form-preview .os-item-category-w.selected > .os-item-category-info-w:last-child {
border-bottom: none;
}
.booking-form-preview .os-item-category-w.selected > .os-item-category-info-w .os-item-category-img-w {
opacity: 0;
}
.booking-form-preview .os-item-category-w.selected > .os-item-category-info-w .os-item-category-services-count {
transform: translateX(0);
}
.booking-form-preview .os-item-category-w.selected > .os-item-category-info-w:before {
content: "";
position: absolute;
top: 50%;
left: 25px;
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e902";
font-size: 10px;
transform: translateY(-50%);
color: #788291;
transition: all 0.2s ease;
}
.booking-form-preview .os-item-category-w.selected > .os-item-category-info-w > .os-item-category-info:after {
opacity: 0;
transform: translate(5px, -50%);
}
.booking-form-preview .os-item-category-w.selected > .os-item-category-info-w:hover:before {
transform: translate(-5px, -50%);
color: var(--latepoint-brand-primary);
}
.booking-form-preview .os-item-category-w.selected > .os-item-category-info-w:hover .os-item-category-name {
color: var(--latepoint-brand-primary);
}
.booking-form-preview .os-item-category-w.selected > .os-selectable-items {
display: block;
}
.booking-form-preview .os-item-categories-holder.show-selected-only > .os-selectable-items:not(.selected) {
display: none;
}
.booking-form-preview .os-item-categories-holder.show-selected-only .os-item-category-info-w {
display: none;
}
.booking-form-preview .os-item-categories-holder.show-selected-only .os-item-category-w:not(.selected) {
border: none;
}
.booking-form-preview .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-category-info-w {
display: none;
}
.booking-form-preview .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;
}
.booking-form-preview .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-categories-holder > .os-item-category-w,
.booking-form-preview .os-item-categories-holder.show-selected-only .os-item-category-w.selected > .os-item-categories-holder > .os-selectable-items {
display: block;
}
.booking-form-preview .lp-options {
margin-top: 20px;
}
.booking-form-preview .lp-options .lp-option {
box-shadow: 0px 0px 0px 2px #E8EBEE;
cursor: pointer;
transition: transform 0.1s ease;
}
.booking-form-preview .lp-options .lp-option.selected {
box-shadow: 0px 0px 0px 2px var(--latepoint-brand-primary);
}
.booking-form-preview .lp-options .lp-option.selected .lp-option-label {
color: var(--latepoint-brand-primary);
}
.booking-form-preview .lp-options .lp-option:hover {
box-shadow: 0px 0px 0px 2px var(--latepoint-brand-primary);
}
.booking-form-preview .lp-options .lp-option:hover .lp-option-label {
color: var(--latepoint-brand-primary);
}
.booking-form-preview .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;
}
.booking-form-preview .lp-options .lp-option .lp-option-label {
font-weight: 400;
color: #41444b;
font-size: 18px;
padding: 10px;
}
.booking-form-preview .lp-options.lp-options-grid {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}
.booking-form-preview .lp-options.lp-options-grid .lp-option {
text-align: center;
}
.booking-form-preview .lp-options.lp-options-grid .lp-option .lp-option-image-w {
padding: 15px;
border-bottom: 1px solid #E8EBEE;
}
.booking-form-preview .lp-options.lp-options-grid.lp-options-grid-three .lp-option {
flex: 0 0 30%;
}
.booking-form-preview .lp-options.lp-options-grid.lp-options-grid-two {
gap: 25px;
}
.booking-form-preview .lp-options.lp-options-grid.lp-options-grid-two .lp-option {
flex: 0 0 45%;
}
.booking-form-preview .lp-options.lp-options-rows {
display: flex;
flex-direction: column;
}
.booking-form-preview .lp-options.lp-options-rows .lp-option {
margin-bottom: 15px;
display: flex;
align-items: center;
}
.booking-form-preview .lp-options.lp-options-rows .lp-option .lp-option-image {
flex: 0 0 50px;
width: 50px;
}
.booking-form-preview .lp-options.lp-options-rows .lp-option .lp-option-image-w {
padding: 10px 15px;
border-right: 1px solid #E8EBEE;
}
.booking-form-preview .lp-options.lp-options-rows .lp-option .lp-option-label {
flex: 1;
padding-left: 20px;
}
.booking-form-preview .lp-options .lp-option-amount-w {
padding: 15px 30px;
border-bottom: 1px solid #E8EBEE;
}
.booking-form-preview .lp-options .lp-option-amount {
border-radius: 50%;
padding-bottom: 100%;
box-shadow: 0px 0px 0px 2px var(--latepoint-brand-primary);
position: relative;
}
.booking-form-preview .lp-options .lp-option-amount .lp-amount-value {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-weight: 400;
color: #41444b;
font-size: 18px;
}
.booking-form-preview .lp-options .lp-option-amount.lp-amount-deposit {
background-color: #D5DEFF;
box-shadow: none;
}
.booking-form-preview .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 var(--latepoint-brand-primary), 0px 0px 0px 6px #fff;
position: absolute;
top: 0;
left: 0;
transform-origin: bottom right;
transform: rotate(-45deg);
}
.booking-form-preview .lp-options .lp-option-amount.lp-amount-deposit .lp-amount-value {
left: 0px;
background-color: #fff;
padding: 2px 0px;
}
.booking-form-preview .os-items {
margin: 0px !important;
padding: 0px !important;
}
.booking-form-preview .os-items.os-as-rows + .os-items {
margin-top: 15px !important;
}
.booking-form-preview .os-items.os-as-rows > .os-item + .os-item {
margin-top: 15px;
}
.booking-form-preview .os-items.os-as-rows .os-item .os-item-i:hover .os-item-name-w {
transform: translateX(3px);
}
.booking-form-preview .os-items .os-item .os-item-i {
cursor: pointer;
display: flex;
background: #FFFFFF;
border: 1px solid #eee;
align-items: center;
box-shadow: none;
outline: none;
padding: 10px;
color: #1f222b;
text-decoration: none;
}
.booking-form-preview .os-items .os-item .os-item-i:hover {
border-color: var(--latepoint-brand-primary);
text-decoration: none;
box-shadow: 0 0 0 1px var(--latepoint-brand-primary);
}
.booking-form-preview .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;
}
.booking-form-preview .os-items .os-item .os-item-i .os-item-img-w .latepoint-icon {
font-size: 22px;
line-height: 45px;
}
.booking-form-preview .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;
}
.booking-form-preview .os-items .os-item .os-item-i .os-item-name-w .os-item-name {
font-weight: 600;
font-size: 18px;
display: block;
}
.booking-form-preview .os-items .os-item .os-item-i .os-item-name-w .os-item-desc {
color: #788291;
font-size: 13px;
display: block;
margin-top: 3px;
}
.booking-form-preview .os-items .os-item .os-item-i .os-item-child-count {
display: block;
color: #788291;
font-size: 12px;
transition: transform 0.2s ease;
flex-shrink: 0;
margin-left: 15px;
}
.booking-form-preview .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;
}
.booking-form-preview .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: 400;
font-family: "latepoint-mono", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 16px;
}
.booking-form-preview .os-items .os-item .os-item-i .os-item-price-w .os-item-price-label {
display: block;
color: #788291;
font-size: 12px;
white-space: nowrap;
}
.booking-form-preview .os-items .os-item:last-child {
margin-bottom: 0px;
}
.booking-form-preview .os-items .os-item.with-description .os-item-name-w {
padding: 5px 0px;
}
.booking-form-preview .os-items .os-item.os-allow-multiselect .os-item-i {
padding-left: 50px;
}
.booking-form-preview .os-items .os-item.os-allow-multiselect .os-item-i:before {
background-color: #fff;
color: #fff;
padding: 3px;
font-size: 12px;
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e904";
position: absolute;
top: 50%;
left: 15px;
display: block;
transform: translateY(-50%);
box-shadow: inset 0px 0px 0px 1px #d8dbe3;
}
.booking-form-preview .os-items .os-item.os-allow-multiselect.selected .os-item-i:before {
background-color: var(--latepoint-brand-primary);
box-shadow: none;
}
.booking-form-preview .os-items .os-item.os-allow-multiselect.selected .os-item-i:before:hover {
box-shadow: none;
}
.booking-form-preview .os-items .os-item.selected.has-child-items > .os-item-i {
display: none;
}
.booking-form-preview .os-items .os-item:not(.selected) .os-items {
display: none;
}
.booking-form-preview .os-items.selected > .os-items + .os-item-categories-holder {
margin-top: 15px;
}
.booking-form-preview .os-items.os-as-grid {
display: grid;
}
.booking-form-preview .os-items.os-as-grid .os-item {
text-align: center;
}
.booking-form-preview .os-items.os-as-grid .os-item.os-item-span-row {
grid-column: 1/4;
}
.booking-form-preview .os-items.os-as-grid .os-item.os-item-span-row .os-item-i {
padding: 15px 20px;
}
.booking-form-preview .os-items.os-as-grid .os-item.os-item-span-row.with-floating-price .os-item-i {
padding: 15px 20px;
}
.booking-form-preview .os-items.os-as-grid .os-item.os-item-span-row .os-duration-value-label {
display: none;
}
.booking-form-preview .os-items.os-as-grid .os-item.os-item-span-row .os-duration-name {
text-align: left;
font-weight: 400;
font-size: 18px;
}
.booking-form-preview .os-items.os-as-grid .os-item .os-item-i {
display: block;
padding: 10px;
}
.booking-form-preview .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;
}
.booking-form-preview .os-items.os-as-grid .os-item .os-item-i .os-item-img-w {
flex: 1;
height: auto;
padding-bottom: 100%;
margin: 0px;
}
.booking-form-preview .os-items.os-as-grid .os-item .os-item-i .os-item-img-w.os-with-avatar {
padding: 0 15px 15px;
}
.booking-form-preview .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%;
}
.booking-form-preview .os-items.os-as-grid .os-item.with-floating-price .os-item-i {
padding: 25px 10px 15px;
}
.booking-form-preview .os-items.os-as-grid.os-three-columns {
grid-template-columns: 1fr 1fr 1fr;
column-gap: 15px;
row-gap: 15px;
}
.booking-form-preview .os-items .os-item-details-popup-btn {
font-size: 13px;
padding: 0px;
font-weight: 400;
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;
}
.booking-form-preview .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;
}
.booking-form-preview .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;
}
.booking-form-preview .os-items .os-item {
position: relative;
}
.booking-form-preview .os-items .os-item.with-details .os-item-name-w {
transition: transform 0.2s ease;
z-index: 2;
position: relative;
}
.booking-form-preview .os-items .os-item.with-details .os-item-img-w {
transition: transform 0.2s ease;
}
.booking-form-preview .os-items .os-item.with-details .os-item-i:hover .os-item-img-w {
transform-origin: center center;
transform: translateY(-8px) scale(0.9);
}
.booking-form-preview .os-items .os-item.with-details .os-item-i:hover .os-item-name-w {
transform: translateY(-18px);
}
.booking-form-preview .os-items .os-item.with-details .os-item-i:hover .os-item-details-popup-btn {
opacity: 1;
transform: translateY(-7px);
}
.booking-form-preview .os-items .os-item.selected .os-item-details-popup-btn:hover {
border-color: var(--latepoint-brand-primary);
}
.booking-form-preview .show-selected-only > .os-items.os-as-rows {
margin-top: 0px !important;
}
.booking-form-preview.latepoint-border-radius-rounded {
border-radius: 4px;
}
.booking-form-preview.latepoint-border-radius-rounded .item-quantity-selector-w .item-quantity-selector {
border-radius: 4px;
}
.booking-form-preview.latepoint-border-radius-rounded .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w .total-attendees-selector {
border-radius: 4px;
}
.booking-form-preview.latepoint-border-radius-rounded .os-items .os-item-details-popup-btn:hover span {
border-radius: 2px;
}
.booking-form-preview.latepoint-border-radius-rounded .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before {
border-radius: 50%;
}
.booking-form-preview.latepoint-border-radius-rounded .latepoint-form-w .latepoint-heading-w {
border-top-right-radius: 4px;
}
.booking-form-preview.latepoint-border-radius-rounded .latepoint-summary-w {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.booking-form-preview.latepoint-border-radius-rounded .latepoint-form-w .latepoint-footer {
border-bottom-right-radius: 4px;
}
.booking-form-preview.latepoint-border-radius-rounded .latepoint-form-w,
.booking-form-preview.latepoint-border-radius-rounded .latepoint-form {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
.booking-form-preview.latepoint-border-radius-rounded .os-form-group.os-form-phonefield-group {
border-radius: 4px !important;
}
.booking-form-preview.latepoint-border-radius-rounded .dp-timeslot .dp-label {
border-radius: 4px;
}
.booking-form-preview.latepoint-border-radius-rounded .dp-timebox {
border-radius: 4px;
}
.booking-form-preview.latepoint-border-radius-rounded .step-confirmation-w .confirmation-cabinet-info {
border-radius: 4px;
}
.booking-form-preview.latepoint-border-radius-rounded .step-confirmation-w .confirmation-cabinet-info .confirmation-cabinet-link {
border-radius: 4px;
}
.booking-form-preview.latepoint-border-radius-rounded .os-password-reset-form-holder .os-password-reset-form-w,
.booking-form-preview.latepoint-border-radius-rounded .step-confirmation-w .step-confirmation-set-password {
border-radius: 4px;
}
.booking-form-preview.latepoint-border-radius-rounded .info-box {
border-radius: 4px;
}
.booking-form-preview.latepoint-border-radius-rounded .info-box .info-box-buttons a {
border-radius: 4px;
}
.booking-form-preview.latepoint-border-radius-rounded .step-confirmation-w .qr-code-on-full-summary .qr-code-vevent .qr-code-label {
border-radius: 4px;
}
.booking-form-preview.latepoint-border-radius-rounded .latepoint-message {
border-radius: 4px;
}
.booking-form-preview.latepoint-border-radius-rounded .step-payment-w .payment-total-info .coupon-code-input-w input.coupon-code-input,
.booking-form-preview.latepoint-border-radius-rounded .step-payment-w .payment-total-info .applied-coupon-code,
.booking-form-preview.latepoint-border-radius-rounded .step-payment-w .payment-total-info .coupon-code-input-w .coupon-code-input-submit {
border-radius: 4px !important;
}
.booking-form-preview.latepoint-border-radius-rounded .latepoint-form-w .select-total-attendees-w .total-attendees-selector-w {
border-radius: 4px;
}
.booking-form-preview.latepoint-border-radius-rounded .select-total-attendees-w {
border-radius: 4px;
}
.booking-form-preview.latepoint-border-radius-rounded .latepoint-progress ul li .progress-item {
border-radius: 4px;
}
.booking-form-preview.latepoint-border-radius-rounded .latepoint-progress ul li .progress-item span {
border-radius: 4px;
}
.booking-form-preview.latepoint-border-radius-rounded .os-monthly-calendar-days .os-day .os-day-box {
border-radius: 4px;
}
.booking-form-preview.latepoint-border-radius-rounded .latepoint-side-panel {
border-radius: 4px 0px 0px 4px;
}
.booking-form-preview.latepoint-border-radius-rounded .latepoint-summary-w {
border-radius: 0px 4px 4px 0px;
}
.booking-form-preview.latepoint-border-radius-rounded .lp-options .lp-option {
border-radius: 4px;
}
.booking-form-preview.latepoint-border-radius-rounded .os-items .os-item .os-item-i {
border-radius: 4px;
}
.booking-form-preview.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-item-img-w {
border-radius: 4px;
}
.booking-form-preview.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-with-avatar {
padding: 5px 15px 5px 15px;
}
.booking-form-preview.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%;
}
.booking-form-preview.latepoint-border-radius-rounded .os-items .os-item.os-allow-multiselect .os-item-i:before {
border-radius: 6px;
}
.booking-form-preview.latepoint-border-radius-rounded .latepoint-btn {
border-radius: 4px;
}
.booking-form-preview.latepoint-border-radius-rounded .os-form-group.os-form-select-group .os-form-control,
.booking-form-preview.latepoint-border-radius-rounded .os-form-group.os-form-select-group input.os-form-control,
.booking-form-preview.latepoint-border-radius-rounded .os-form-group.os-form-textfield-group .os-form-control,
.booking-form-preview.latepoint-border-radius-rounded .os-form-group.os-form-textfield-group input.os-form-control {
border-radius: 4px !important;
}
.booking-form-preview.latepoint-border-radius-rounded .os-form-group.os-form-phonefield-group input.os-form-control {
border-radius: 0 4px 4px 0 !important;
}
.booking-form-preview.latepoint-border-radius-rounded .os-form-group.os-form-phonefield-group .lp_iti__selected-flag {
border-radius: 4px 0 0 4px;
}
.booking-form-preview.latepoint-border-radius-rounded .step-payment-w .payment-total-info {
border-radius: 4px;
}
.bf-side-media-picker-trigger {
position: relative;
z-index: 1;
}
.bf-side-media-picker-trigger .os-image-selector-w.has-image .os-default-image-wrapper {
display: none;
}
.bf-side-media-picker-trigger .os-image-selector-w:not(.has-image) .os-image-container {
display: none;
}
.bf-side-media-picker-trigger .side-media-img-tooltip {
position: absolute;
top: -30px;
left: 50%;
transform: translateX(-50%);
color: #fff;
background-color: #000;
padding: 3px 6px;
display: none;
white-space: nowrap;
font-size: 12px;
}
.bf-side-media-picker-trigger .os-image-selector-w .os-image-selector-text {
display: none;
}
.bf-side-media-picker-trigger .os-image-selector-w .os-image-container {
width: 70px;
min-height: 40px;
height: auto;
border-radius: 0;
}
.bf-side-media-picker-trigger .os-image-selector-w .os-image-container:before {
content: "" !important;
}
.bf-side-media-picker-trigger .os-image-selector-w .os-image-selector-trigger {
border: none;
padding: 0;
border-radius: 0;
}
.bf-side-media-picker-trigger .os-image-selector-w .os-image-selector-trigger:hover {
box-shadow: 0 0 0 2px color-mix(in srgb, #1d7bff 30%, transparent);
}
.version-status-info > span.loading,
.addons-info-holder > span.loading,
.version-log-w > span.loading {
position: relative;
display: block;
text-align: center;
padding: 20px;
padding-top: 40px;
font-weight: 400;
border: 2px dashed rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
.version-status-info > span.loading:after,
.addons-info-holder > span.loading:after,
.version-log-w > span.loading:after {
display: block;
content: "";
width: 14px;
height: 14px;
border-bottom: 2px solid #41444b;
border-left: 2px solid #41444b;
border-top: 2px solid #41444b;
border-right: 2px solid rgba(0, 0, 0, 0);
border-radius: 20px;
position: absolute;
top: 20px;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
}
.version-log-w {
background-color: transparent;
padding: 0px 30px;
border-radius: 15px;
}
.version-log-w h3 {
margin-top: 0px;
color: #1d7bff;
}
.version-log-w .latepoint-version {
border-bottom: 2px solid #333;
padding-bottom: 20px;
margin-bottom: 40px;
}
.version-log-w .version-head {
margin-bottom: 15px;
display: flex;
justify-content: space-between;
}
.version-log-w .version-head .version-number {
font-weight: 400;
font-size: 18px;
}
.version-log-w .version-head .version-release-date {
color: #788291;
}
.version-log-w h4.vfix,
.version-log-w h4.vnew {
display: inline-block;
padding: 2px 10px;
color: #fff;
margin-top: 0px;
margin-bottom: 10px;
border-radius: 20px;
}
.version-log-w h4.vnew {
background-color: #41b128;
}
.version-log-w h4.vfix {
background-color: #ad8304;
}
.version-log-w .version-description {
color: #373b44;
margin-bottom: 30px;
}
.version-log-w .version-media {
padding: 20px;
background-color: #fff;
box-shadow: 0 5px 15px -5px rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6);
margin: 20px 0px;
}
.version-log-w .version-media img {
max-width: 100%;
height: auto;
display: block;
}
.version-log-w .version-fix,
.version-log-w .version-new {
position: relative;
padding-left: 20px;
}
.version-log-w .version-fix:before,
.version-log-w .version-new:before {
position: absolute;
top: 3px;
left: 0px;
font-size: 12px;
}
.version-log-w .version-new {
margin-bottom: 10px;
}
.version-log-w .version-new:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e902";
color: #41b128;
}
.version-log-w .version-fix {
margin-bottom: 10px;
}
.version-log-w .version-fix:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e94e";
color: #d2a92c;
}
body.latepoint-admin .license-buttons-w {
display: flex;
justify-content: space-between;
align-items: center;
}
body.latepoint-admin .license-buttons-w .os-form-group {
margin-bottom: 0px;
}
body.latepoint-admin .active-license-info .os-form-message-w:not(.status-error) {
display: none;
}
body.latepoint-admin .active-license-info .os-form-w {
margin: 0px;
padding-top: 15px;
margin-top: 25px;
border-top: 1px solid #EEF0F1;
}
body.latepoint-admin .active-license-info .os-form-w > h3 {
display: none;
}
body.latepoint-admin .active-license-info .os-form-w .license-buttons-w {
justify-content: flex-start;
gap: 20px;
}
body.latepoint-admin .active-license-info .os-form-w .license-buttons-w > a {
border-bottom: 1px dotted #1d7bff;
}
body.latepoint-admin .active-license-info.is-active .os-form-message-w, body.latepoint-admin .active-license-info.is-active .license-buttons-w {
display: none;
}
body.latepoint-admin .active-license-info .latepoint-btn {
margin-right: 10px;
}
body.latepoint-admin .new-version-message .latepoint-btn {
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
line-height: 1.5;
}
body.latepoint-admin .new-version-message .key-prompt {
background-color: #ffe37e;
color: #504109;
padding: 8px 10px;
border-radius: 6px;
display: inline-block;
padding-left: 40px;
position: relative;
margin-top: 20px;
}
body.latepoint-admin .new-version-message .key-prompt:before {
position: absolute;
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e962";
top: 50%;
left: 10px;
font-size: 18px;
transform: translateY(-50%);
}
.license-info-w {
margin-top: 20px;
border-top: 1px solid #EEF0F1;
}
.license-info-w ul {
margin: 0;
padding: 0;
}
.license-info-w ul li {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #EEF0F1;
padding: 10px 0px;
margin: 0;
}
.license-info-w ul li:last-child {
border-bottom: none;
}
.license-info-w ul li span, .license-info-w ul li strong {
display: block;
}
.license-info-w ul li span {
color: #788291;
}
.license-info-w ul li strong {
color: #1f222b;
}
body.latepoint-admin .new-version-message, body.latepoint-admin .active-license-info {
padding: 30px;
padding-top: 25px;
padding-bottom: 25px;
font-size: 15px;
position: relative;
color: #788291;
margin-bottom: 40px;
background-color: #fff;
border-radius: 20px;
border: 1px solid rgba(211, 213, 218, 0.6705882353);
background-image: linear-gradient(129deg, rgba(179, 184, 204, 0.0509803922), rgba(255, 255, 255, 0.3607843137));
box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.01), 1px 1px 5px -1px rgba(134, 124, 171, 0.12), inset 2px 2px 0 0 #fff;
}
body.latepoint-admin .new-version-message .version-warn-icon,
body.latepoint-admin .new-version-message .version-check-icon, body.latepoint-admin .active-license-info .version-warn-icon,
body.latepoint-admin .active-license-info .version-check-icon {
color: #fff;
position: absolute;
top: 34px;
left: 30px;
width: 10px;
height: 10px;
text-align: center;
border-radius: 50%;
z-index: 3;
}
body.latepoint-admin .new-version-message .version-check-icon, body.latepoint-admin .active-license-info .version-check-icon {
background-image: linear-gradient(180deg, #5aff77, #00f842);
box-shadow: 0px 1px 0px 0px rgba(138, 255, 154, 0.5), 0px 0px 0px 6px rgba(138, 255, 154, 0.25), 0px 0px 0px 10px rgba(138, 255, 154, 0.15), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.4);
border: 1px solid #35d431;
border-bottom-color: #33c82f;
}
body.latepoint-admin .new-version-message .version-warn-icon, body.latepoint-admin .active-license-info .version-warn-icon {
background-image: linear-gradient(180deg, #ff5839, #f50e0e);
box-shadow: 0px 1px 0px 0px rgba(255, 138, 138, 0.5), 0px 0px 0px 6px rgba(255, 138, 138, 0.15), 0px 0px 0px 10px rgba(255, 138, 138, 0.1), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.2);
border: 1px solid #ee1b1b;
border-bottom-color: #ce0a0a;
}
body.latepoint-admin .new-version-message .version-buttons-w, body.latepoint-admin .new-version-message .license-info-buttons-w, body.latepoint-admin .active-license-info .version-buttons-w, body.latepoint-admin .active-license-info .license-info-buttons-w {
border-top: 1px solid #EEF0F1;
padding-top: 15px;
margin-top: 25px;
}
body.latepoint-admin .new-version-message .version-buttons-w .os-deactivate-license-btn, body.latepoint-admin .new-version-message .license-info-buttons-w .os-deactivate-license-btn, body.latepoint-admin .active-license-info .version-buttons-w .os-deactivate-license-btn, body.latepoint-admin .active-license-info .license-info-buttons-w .os-deactivate-license-btn {
color: #eb3a3a;
}
body.latepoint-admin .new-version-message .version-buttons-w .os-deactivate-license-btn span, body.latepoint-admin .new-version-message .license-info-buttons-w .os-deactivate-license-btn span, body.latepoint-admin .active-license-info .version-buttons-w .os-deactivate-license-btn span, body.latepoint-admin .active-license-info .license-info-buttons-w .os-deactivate-license-btn span {
border-bottom-color: #ffb6b6;
}
body.latepoint-admin .new-version-message .version-buttons-w .view-changelog-link, body.latepoint-admin .new-version-message .license-info-buttons-w .view-changelog-link, body.latepoint-admin .active-license-info .version-buttons-w .view-changelog-link, body.latepoint-admin .active-license-info .license-info-buttons-w .view-changelog-link {
color: #1f222b;
}
body.latepoint-admin .new-version-message .version-buttons-w .view-changelog-link span, body.latepoint-admin .new-version-message .license-info-buttons-w .view-changelog-link span, body.latepoint-admin .active-license-info .version-buttons-w .view-changelog-link span, body.latepoint-admin .active-license-info .license-info-buttons-w .view-changelog-link span {
border-bottom-color: #ddd;
}
body.latepoint-admin .new-version-message .update-latepoint-btn, body.latepoint-admin .active-license-info .update-latepoint-btn {
position: relative;
}
body.latepoint-admin .new-version-message .update-latepoint-btn.os-loading .latepoint-icon, body.latepoint-admin .active-license-info .update-latepoint-btn.os-loading .latepoint-icon {
color: transparent;
}
body.latepoint-admin .new-version-message .update-latepoint-btn.os-loading:before, body.latepoint-admin .active-license-info .update-latepoint-btn.os-loading:before {
display: block;
content: "";
width: 12px !important;
height: 12px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
left: 7px;
}
body.latepoint-admin .new-version-message h3, body.latepoint-admin .active-license-info h3 {
margin-top: 0px;
font-size: 22px;
margin-bottom: 5px;
padding-left: 30px;
}
body.latepoint-admin .new-version-message h3 strong, body.latepoint-admin .active-license-info h3 strong {
color: #1f222b;
}
body.latepoint-admin .new-version-message a, body.latepoint-admin .new-version-message span, body.latepoint-admin .active-license-info a, body.latepoint-admin .active-license-info span {
display: inline-block;
vertical-align: middle;
line-height: 1.2;
}
body.latepoint-admin .new-version-message a, body.latepoint-admin .active-license-info a {
text-decoration: none;
color: #1d7bff;
display: inline-block;
margin-right: 20px;
}
body.latepoint-admin .new-version-message a:focus, body.latepoint-admin .active-license-info a:focus {
box-shadow: none;
}
body.latepoint-admin .new-version-message a:focus-visible, body.latepoint-admin .active-license-info a:focus-visible {
box-shadow: 0px 0px 0px 1px #1d7bff;
}
body.latepoint-admin .new-version-message a span, body.latepoint-admin .new-version-message a i, body.latepoint-admin .active-license-info a span, body.latepoint-admin .active-license-info a i {
display: inline-block;
vertical-align: middle;
}
body.latepoint-admin .new-version-message a i, body.latepoint-admin .active-license-info a i {
font-size: 15px;
}
body.latepoint-admin .new-version-message a span + i, body.latepoint-admin .active-license-info a span + i {
margin-left: 3px;
}
body.latepoint-admin .new-version-message a i + span, body.latepoint-admin .active-license-info a i + span {
margin-left: 3px;
}
body.latepoint-admin .new-version-message a span, body.latepoint-admin .active-license-info a span {
display: inline-block;
border-bottom: 1px dotted #b6d4ff;
}
body.latepoint-admin .new-version-message a:hover span, body.latepoint-admin .active-license-info a:hover span {
border-bottom-style: solid;
border-bottom-color: #1d7bff;
}
body.latepoint-admin .new-version-message strong, body.latepoint-admin .active-license-info strong {
color: #41444b;
}
.os-intro-full-screen-w {
flex-direction: column;
display: flex;
justify-content: space-around;
padding: 40px;
}
.os-intro-full-screen-w .os-intro-full-screen-close-trigger {
border-radius: 4px;
position: absolute;
top: -25px;
line-height: 1.2;
right: 0px;
font-size: 14px;
color: #b71638;
display: flex;
align-items: center;
text-decoration: none;
padding: 2px 4px;
}
.os-intro-full-screen-w .os-intro-full-screen-close-trigger:hover {
background-color: #fff3f3;
}
.os-intro-full-screen-w .os-intro-full-screen-close-trigger span {
display: inline-block;
vertical-align: middle;
}
.os-intro-full-screen-w .os-intro-full-screen-close-trigger i {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
font-size: 16px;
}
.os-intro-full-screen-w .os-intro-full-screen-i {
background-color: #fff;
padding: 20px 20px 30px 20px;
flex: 0 0 600px;
margin: 0 auto;
width: 600px;
position: relative;
}
.os-intro-full-screen-w .os-intro-full-screen-i:before {
content: "";
width: 80px;
height: 120px;
position: absolute;
top: 20px;
right: 20px;
background-image: radial-gradient(#ddd 1px, transparent 0);
background-size: 15px 15px;
}
.os-intro-full-screen-w .os-intro-full-screen-i:after {
content: "";
width: 80px;
height: 120px;
position: absolute;
top: 20px;
left: 20px;
background-image: radial-gradient(#ddd 1px, transparent 0);
background-size: 15px 15px;
}
.os-intro-full-screen-w .os-intro-full-screen-footer {
text-align: center;
padding: 30px;
}
.os-intro-full-screen-w .os-intro-full-screen-footer .latepoint-btn {
font-size: 20px !important;
padding: 20px 40px !important;
bordar-radius: 12px !important;
}
.os-intro-full-screen-w .os-intro-logo {
margin-bottom: 40px;
text-align: center;
}
.os-intro-full-screen-w .os-intro-heading {
font-size: 62px;
font-weight: 400;
color: #1f222b;
letter-spacing: -2px;
text-align: center;
margin-bottom: 0;
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.os-intro-full-screen-w .os-intro-sub-heading {
text-align: center;
font-size: 18px;
letter-spacing: 1px;
font-weight: 400;
color: #1d7bff;
text-transform: uppercase;
margin-bottom: 40px;
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.os-intro-full-screen-w .list-of-version-improvements {
list-style-type: square;
margin-left: 15px;
}
.os-intro-full-screen-w .list-of-version-improvements li {
margin: 0 0 25px;
padding: 0;
}
.os-intro-full-screen-w .list-of-version-improvements .improvement-heading {
font-size: 18px;
font-weight: 400;
color: #1f222b;
margin-bottom: 5px;
}
.os-intro-full-screen-w .list-of-version-improvements .improvement-media {
margin: 30px -40px;
}
.os-intro-full-screen-w .list-of-version-improvements .improvement-media img, .os-intro-full-screen-w .list-of-version-improvements .improvement-media video {
display: block;
max-width: 100%;
height: auto;
}
.os-intro-full-screen-w .list-of-version-improvements .improvement-media .media-note {
padding: 10px;
font-size: 14px;
text-align: center;
background-color: #ffe8b3;
color: #111;
}
.os-intro-full-screen-w .list-of-version-improvements .improvement-description {
font-size: 16px;
line-height: 1.5;
color: #788291;
}
.os-intro-full-screen-w .list-of-version-improvements .improvement-description strong {
color: #1f222b;
border-bottom: 1px dotted #aaa;
}
.os-intro-full-screen-w .list-of-version-improvements .improvement-install-pro {
margin-top: 15px;
display: flex;
gap: 10px;
position: relative;
font-size: 15px;
color: #1f222b;
padding: 15px 25px 15px 42px;
border-radius: 6px;
background-color: #f8f8f8;
align-items: center;
}
.os-intro-full-screen-w .list-of-version-improvements .improvement-install-pro.os-loading:before {
display: block;
content: "";
width: 14px !important;
height: 14px !important;
border-bottom: 2px solid #1f222b;
border-left: 2px solid #1f222b;
border-top: 2px solid #1f222b;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
left: 23px;
}
.os-intro-full-screen-w .list-of-version-improvements .improvement-install-pro.is-installed {
background-image: linear-gradient(45deg, #dafff5, #cbccff);
color: #000;
padding-left: 15px;
}
.os-intro-full-screen-w .list-of-version-improvements .improvement-install-pro.is-installed:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e910";
}
.os-intro-full-screen-w .list-of-version-improvements .improvement-install-pro.is-not-installed {
background-image: linear-gradient(45deg, #ffdada, #eccbff);
color: #000;
padding-left: 15px;
}
.os-intro-full-screen-w .list-of-version-improvements .improvement-install-pro.is-not-installed:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e948";
}
.lateselect-w {
min-width: 150px;
position: relative;
font-weight: 400;
font-size: 15px;
border-radius: 15px;
user-select: none;
}
.lateselect-w .ls-placeholder {
display: none;
color: #788291;
font-weight: 400;
order: 1;
padding: 2px 3px;
margin-right: 5px;
margin-bottom: 5px;
border: 1px solid transparent;
}
.lateselect-w .ls-placeholder:last-child {
display: block;
}
.lateselect-w .ls-selected-items-w {
min-height: 36px;
border: 1px solid #ccd1d9;
border-radius: 15px;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 5px 0px 0px 5px;
cursor: pointer;
}
.lateselect-w .ls-selected-items-w:hover {
border-color: #99a2b1;
}
.lateselect-w .ls-selected-items-w .ls-item {
padding: 2px 7px 2px 2px;
border-radius: 10px;
border: 1px solid #1462d0;
background-color: #ecf2ff;
color: #1265dc;
margin-right: 5px;
margin-bottom: 5px;
display: flex;
align-items: center;
}
.lateselect-w .ls-selected-items-w .ls-item .os-late-quantity-selector-w {
margin-left: 10px;
display: flex;
align-items: center;
}
.lateselect-w .ls-selected-items-w .ls-item .os-late-quantity-selector-w .os-late-quantity-selector {
font-size: 10px;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
background-color: #cfdaff;
border-radius: 4px;
padding: 3px 3px;
line-height: 1;
width: 15px;
text-align: center;
display: block;
}
.lateselect-w .ls-selected-items-w .ls-item .os-late-quantity-selector-w .os-late-quantity-selector.minus:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e96d";
}
.lateselect-w .ls-selected-items-w .ls-item .os-late-quantity-selector-w .os-late-quantity-selector.plus:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e902";
}
.lateselect-w .ls-selected-items-w .ls-item .os-late-quantity-selector-w .os-late-quantity-selector:hover {
color: #fff;
background-color: #1d7bff;
}
.lateselect-w .ls-selected-items-w .ls-item .os-late-quantity-selector-w .os-late-quantity-selector-input {
width: 22px;
padding: 1px 1px 2px;
min-height: auto;
font-size: 12px;
text-align: center;
display: block;
border-color: #b0befd;
margin: 0px 3px;
}
.lateselect-w .ls-selected-items-w .ls-item span {
display: block;
vertical-align: middle;
}
.lateselect-w .ls-selected-items-w .ls-item span.latepoint-icon {
font-size: 14px;
padding: 2px;
border-radius: 6px;
}
.lateselect-w .ls-selected-items-w .ls-item span.latepoint-icon:hover {
background-color: #c1d4ff;
}
.lateselect-w .ls-selected-items-w .ls-item span + span {
margin-left: 3px;
}
.lateselect-w .ls-all-items-w {
display: none;
position: absolute;
top: 100%;
left: 0px;
right: 0px;
background-color: #fff;
z-index: 999;
border: 1px solid #ababbf;
border-bottom-color: #9c9ead;
border-top: none;
border-radius: 0px 0px 15px 15px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15), 0px 3px 10px rgba(0, 0, 0, 0.1);
max-height: 235px;
overflow: auto;
}
.lateselect-w .ls-all-items-w .ls-item {
border-bottom: 1px solid #eee;
padding: 8px 10px;
}
.lateselect-w .ls-all-items-w .ls-item.selected {
color: #788291;
}
.lateselect-w .ls-all-items-w .ls-item:last-child {
border-bottom: none;
}
.lateselect-w .ls-all-items-w .ls-item:hover:not(.selected) {
background-color: #e9eeff;
color: #1d7bff;
cursor: pointer;
}
.lateselect-w.ls-selecting .ls-all-items-w {
display: block;
}
.lateselect-w.ls-selecting .ls-selected-items-w {
border-color: #ababbf;
border-radius: 15px 15px 0px 0px;
}
/*!
* Copyright (c) 2023 LatePoint LLC. All rights reserved.
*/
.latepoint-admin .latecheckbox-w .latecheckbox-options-w {
display: none;
}
.latepoint-admin .latecheckbox {
display: flex;
gap: 5px;
align-items: baseline;
padding: 7px 5px 7px 10px;
border-radius: 15px;
font-size: 15px;
font-weight: 400;
border: 1px solid #ddd;
position: relative;
cursor: pointer;
text-decoration: none;
color: #1f222b;
line-height: 1;
}
.latepoint-admin .latecheckbox:after {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e911";
align-self: center;
display: block;
}
.latepoint-admin .latecheckbox:hover {
border-color: #1d7bff;
}
.latepoint-admin .latecheckbox:focus {
box-shadow: none;
}
.latepoint-admin .latecheckbox.is-active {
background-color: rgba(0, 0, 0, 0.05);
border-color: rgba(0, 0, 0, 0.05);
}
.latepoint-admin .latecheckbox.is-active .filter-value {
background-color: rgba(0, 0, 0, 0.05);
}
.latepoint-admin .latecheckbox.is-active:after {
transform: rotate(180deg);
}
.latepoint-admin .filter-value {
background-color: rgba(0, 0, 0, 0.05);
font-size: 13px;
padding: 2px 5px;
border-radius: 12px;
}
.latecheckbox-options-w {
position: absolute;
z-index: 9999;
background-color: #fff;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
border-radius: 20px;
padding: 10px;
background-color: #fff;
border-radius: 20px;
border: 1px solid rgba(211, 213, 218, 0.6705882353);
background-image: linear-gradient(129deg, rgba(179, 184, 204, 0.0509803922), rgba(255, 255, 255, 0.3607843137));
box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.01), 1px 1px 5px -1px rgba(134, 124, 171, 0.12), inset 2px 2px 0 0 #fff;
}
.latecheckbox-options-w .select-all-wrapper {
display: flex;
gap: 7px;
font-size: 15px;
padding-top: 8px;
border-radius: 0;
border-top: 1px solid #ddd;
}
.latecheckbox-options-w .latecheckbox-filter-input-w {
margin-bottom: 5px;
display: flex;
gap: 7px;
align-items: center;
padding-left: 5px;
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
}
.latecheckbox-options-w .latecheckbox-filter-input-w .latecheckbox-filter-input {
line-height: 1;
padding: 5px 6px;
border-color: #d2d4d7;
border-radius: 15px;
font-size: 15px;
flex: 1;
}
.latecheckbox-options-w .latecheckbox-filter-input-w .latecheckbox-filter-input::placeholder {
color: #788291;
}
.latecheckbox-options-w .latecheckbox-filter-input-w .latecheckbox-filter-input:focus {
box-shadow: none;
border-color: #1d7bff;
}
.latecheckbox-options-w .latecheckbox-group {
display: flex;
flex-direction: column;
gap: 3px;
margin-bottom: 1px;
}
.latecheckbox-options-w .latecheckbox-group .latecheckbox-group-options {
padding-left: 15px;
}
.latecheckbox-options-w .latecheckbox-options {
display: flex;
flex-direction: column;
gap: 2px;
font-size: 15px;
max-height: 200px;
overflow-y: auto;
}
.latecheckbox-options-w .latecheckbox-options .latecheckbox-group-heading {
background-color: #f8f8f8;
border-radius: 15px;
color: #788291;
font-weight: 400;
display: flex;
font-size: 15px;
gap: 10px;
}
.latecheckbox-options-w .latecheckbox-options .latecheckbox-group-heading label {
color: #788291;
}
.latecheckbox-options-w .latecheckbox-options .latecheckbox-option.hidden {
display: none;
}
.latecheckbox-options-w label {
font-weight: 400;
color: #1f222b;
display: flex;
gap: 7px;
align-items: center;
padding: 5px;
border-radius: 6px;
}
.latecheckbox-options-w label:hover {
background-color: #f8f8f8;
}
.latecheckbox-options-w label span {
white-space: nowrap;
display: block;
}
.latecheckbox-options-w label .late-avatar {
width: 20px;
height: 20px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
border-radius: 50%;
}
.daterangepicker {
position: absolute;
color: inherit;
background-color: #fff;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 20px 50px rgba(0, 0, 0, 0.2);
border-radius: 20px;
width: 278px;
max-width: none;
padding: 0;
margin-top: 5px;
top: 100px;
left: 20px;
z-index: 99999;
display: none;
font-size: 15px;
line-height: 1.4;
font-weight: 400;
}
.daterangepicker:before, .daterangepicker:after {
position: absolute;
display: inline-block;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: "";
display: none;
}
.daterangepicker:before {
top: -7px;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-bottom: 7px solid #ccc;
}
.daterangepicker:after {
top: -6px;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-left: 6px solid transparent;
}
.daterangepicker.opensleft:before {
right: 9px;
}
.daterangepicker.opensleft:after {
right: 10px;
}
.daterangepicker.openscenter:before {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto;
}
.daterangepicker.openscenter:after {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto;
}
.daterangepicker.opensright:before {
left: 9px;
}
.daterangepicker.opensright:after {
left: 10px;
}
.daterangepicker.drop-up {
margin-top: -7px;
}
.daterangepicker.drop-up:before {
top: initial;
bottom: -7px;
border-bottom: initial;
border-top: 7px solid #ccc;
}
.daterangepicker.drop-up:after {
top: initial;
bottom: -6px;
border-bottom: initial;
border-top: 6px solid #fff;
}
.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
float: none;
}
.daterangepicker.single .drp-selected {
display: none;
}
.daterangepicker.show-calendar .drp-calendar {
display: block;
}
.daterangepicker.show-calendar .drp-buttons {
display: block;
}
.daterangepicker.auto-apply .drp-buttons {
display: none;
}
.daterangepicker .drp-buttons .drp-selected {
display: none;
}
.daterangepicker .drp-buttons button {
cursor: pointer;
}
.daterangepicker .drp-buttons .btn-primary {
background-color: #1d7bff;
color: #fff;
border: none;
box-shadow: none;
font-weight: 400;
border-radius: 12px;
margin-left: auto;
}
.daterangepicker .drp-buttons .btn-default {
background-color: #EDEFF6;
color: #252C39;
border: none;
box-shadow: none;
font-weight: 400;
border-radius: 12px;
margin-right: auto;
}
.daterangepicker .drp-calendar {
display: none;
max-width: 270px;
}
.daterangepicker .drp-calendar.left {
padding: 15px 0 15px 20px;
}
.daterangepicker .drp-calendar.left.single {
padding: 20px;
}
.daterangepicker .drp-calendar.left.single .calendar-table {
padding: 0px !important;
}
.daterangepicker .drp-calendar.right {
padding: 10px 15px;
}
.daterangepicker .drp-calendar.single .calendar-table {
border: none;
}
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
color: #fff;
border: solid black;
border-width: 0 2px 2px 0;
border-radius: 0;
display: inline-block;
padding: 3px;
}
.daterangepicker .calendar-table .next span {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.daterangepicker .calendar-table .prev span {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
white-space: nowrap;
text-align: center;
vertical-align: middle;
min-width: 32px;
width: 32px;
height: 32px;
line-height: 22px;
font-size: 14px;
border: 1px solid transparent;
white-space: nowrap;
cursor: pointer;
border-radius: 20px;
}
.daterangepicker .calendar-table th {
color: #1d7bff;
}
.daterangepicker .calendar-table th.month {
color: #41444b;
font-size: 16px;
}
.daterangepicker .calendar-table {
border: 1px solid #fff;
background-color: #fff;
}
.daterangepicker .calendar-table table {
width: 100%;
margin: 0;
border-collapse: separate;
border-spacing: 2px;
}
.daterangepicker .calendar-table table thead tr:last-child th {
padding-top: 10px;
text-transform: uppercase;
font-size: 10px;
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
background-color: #1d7bff;
color: #fff;
}
.daterangepicker td.available:hover span, .daterangepicker th.available:hover span {
border-color: #1d7bff;
}
.daterangepicker th.available.next:hover,
.daterangepicker th.available.prev:hover {
color: #1d7bff;
background-color: transparent;
}
.daterangepicker td.week, .daterangepicker th.week {
font-size: 80%;
color: #ccc;
}
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
background-color: #fff;
border-color: transparent;
color: #999;
box-shadow: inset 0 0 0 3px #fff;
}
.daterangepicker td.in-range {
background-color: #1d7bff;
border-color: transparent;
color: #fff;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
background-color: #1d7bff;
border-color: transparent;
color: #fff;
}
.daterangepicker th.month {
width: auto;
}
.daterangepicker td.disabled, .daterangepicker option.disabled {
color: #999;
cursor: not-allowed;
text-decoration: line-through;
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
font-size: 12px;
padding: 1px;
height: auto;
margin: 0;
cursor: default;
}
.daterangepicker select.monthselect {
margin-right: 2%;
width: 56%;
}
.daterangepicker select.yearselect {
width: 40%;
}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
width: 50px;
margin: 0 auto;
background: #eee;
border: 1px solid #eee;
padding: 2px;
outline: 0;
font-size: 12px;
}
.daterangepicker .calendar-time {
text-align: center;
margin: 4px auto 0 auto;
line-height: 30px;
position: relative;
}
.daterangepicker .calendar-time select.disabled {
color: #ccc;
cursor: not-allowed;
}
.daterangepicker .drp-buttons {
clear: both;
text-align: right;
padding: 8px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
display: none;
line-height: 12px;
vertical-align: middle;
}
.daterangepicker .drp-selected {
display: inline-block;
font-size: 12px;
padding-right: 8px;
}
.daterangepicker .drp-buttons .btn {
margin-left: 8px;
font-size: 14px;
font-weight: 400;
padding: 6px 8px;
line-height: 1.2;
}
.daterangepicker.show-ranges .drp-calendar.left {
border-left: 1px solid #ddd;
}
.daterangepicker .ranges {
float: none;
text-align: left;
margin: 0;
}
.daterangepicker.show-calendar .ranges {
margin-top: 8px;
}
.daterangepicker .ranges ul {
list-style: none;
margin: 0 auto;
padding: 0;
width: 100%;
}
.daterangepicker .ranges li {
font-size: 12px;
padding: 8px 12px;
cursor: pointer;
}
.daterangepicker .ranges li:hover {
background-color: #eee;
}
.daterangepicker .ranges li.active {
background-color: #08c;
color: #fff;
}
/* Larger Screen Styling */
@media (min-width: 564px) {
.daterangepicker {
width: auto;
}
.daterangepicker .ranges ul {
width: 140px;
}
.daterangepicker.single .ranges ul {
width: 100%;
}
.daterangepicker.single .drp-calendar.left {
clear: none;
}
.daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .drp-calendar {
float: left;
}
.daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .drp-calendar {
float: right;
}
.daterangepicker.ltr {
direction: ltr;
text-align: left;
}
.daterangepicker.ltr .drp-calendar.left {
clear: left;
margin-right: 0;
}
.daterangepicker.ltr .drp-calendar.left .calendar-table {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.daterangepicker.ltr .drp-calendar.right {
margin-left: 0;
}
.daterangepicker.ltr .drp-calendar.right .calendar-table {
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.daterangepicker.ltr .drp-calendar.left .calendar-table {
padding-right: 8px;
}
.daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar {
float: left;
}
.daterangepicker.rtl {
direction: rtl;
text-align: right;
}
.daterangepicker.rtl .drp-calendar.left {
clear: right;
margin-left: 0;
}
.daterangepicker.rtl .drp-calendar.left .calendar-table {
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.daterangepicker.rtl .drp-calendar.right {
margin-right: 0;
}
.daterangepicker.rtl .drp-calendar.right .calendar-table {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.daterangepicker.rtl .drp-calendar.left .calendar-table {
padding-left: 12px;
}
.daterangepicker.rtl .ranges, .daterangepicker.rtl .drp-calendar {
text-align: right;
float: right;
}
}
@media (min-width: 730px) {
.daterangepicker .ranges {
width: auto;
}
.daterangepicker.ltr .ranges {
float: left;
}
.daterangepicker.rtl .ranges {
float: right;
}
.daterangepicker .drp-calendar.left {
clear: none !important;
}
}
body.latepoint-admin.latepoint-dark {
color: #eeeffc;
}
body.latepoint-admin.latepoint-dark h1, body.latepoint-admin.latepoint-dark h2, body.latepoint-admin.latepoint-dark h3, body.latepoint-admin.latepoint-dark h4, body.latepoint-admin.latepoint-dark h5 {
color: #fff;
}
body.latepoint-admin.latepoint-dark .os-categories-ordering-w .os-category-w,
body.latepoint-admin.latepoint-dark .os-category-parent-w.gu-mirror .os-category-w {
background-color: #1d2132;
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
body.latepoint-admin.latepoint-dark .item-in-category-w {
background-color: #1d2132;
border-color: #161a28;
}
body.latepoint-admin.latepoint-dark .item-in-category-w .os-category-item-meta {
background-color: #181c2b;
}
body.latepoint-admin.latepoint-dark .os-categories-ordering-w .os-category-w .os-category-head .os-category-items-meta, body.latepoint-admin.latepoint-dark .os-category-parent-w.gu-mirror .os-category-w .os-category-head .os-category-items-meta,
body.latepoint-admin.latepoint-dark .os-categories-ordering-w .os-category-w .os-category-head .os-category-items-count, body.latepoint-admin.latepoint-dark .os-category-parent-w.gu-mirror .os-category-w .os-category-head .os-category-items-count {
background-color: #181c2b;
}
body.latepoint-admin.latepoint-dark .os-form-sub-header.sub-level h3 {
background-color: #181c2b;
color: #858699;
}
body.latepoint-admin.latepoint-dark .os-form-sub-header.sub-level:after {
background-color: #1d2132;
}
body.latepoint-admin.latepoint-dark .os-services-list .create-service-link-w {
border-color: #21273b;
}
body.latepoint-admin.latepoint-dark .os-services-list .create-service-link-w .add-service-graphic-w .add-service-plus {
background-color: #3653d1;
box-shadow: 0px 0px 0px 10px #1d2132;
}
body.latepoint-admin.latepoint-dark .os-services-list .create-service-link-w .add-service-label {
color: #3653d1;
}
body.latepoint-admin.latepoint-dark .os-services-list .os-service {
background-color: #1d2132;
box-shadow: 0 10px 30px 0 #0f111b, 0 1px 2px 0 #06070a;
}
body.latepoint-admin.latepoint-dark .os-services-list .os-service-header .service-name {
color: #eeeffc;
}
body.latepoint-admin.latepoint-dark .os-services-list .os-service-body .os-service-agents .agents-avatars .agent-avatar {
box-shadow: 0px 0px 0px 3px #1d2132;
}
body.latepoint-admin.latepoint-dark .os-services-list .os-service-body .os-service-agents .agents-avatars .agents-more {
background-color: #181c2b;
color: #858699;
}
body.latepoint-admin.latepoint-dark .os-services-list .os-service-body .os-service-agents .value strong,
body.latepoint-admin.latepoint-dark .os-services-list .os-service-body .os-service-info .value strong {
color: #3653d1;
}
body.latepoint-admin.latepoint-dark .os-table-w.os-table-compact .os-table tr th {
background-color: #181c2b;
border-color: #2a314c;
}
body.latepoint-admin.latepoint-dark .os-table-w.os-table-compact .os-table tr td {
border-color: #2a314c;
}
body.latepoint-admin.latepoint-dark .os-scrollable-table-w .os-table-w.os-table-compact .os-table tr td:first-child, body.latepoint-admin.latepoint-dark .os-scrollable-table-w .os-table-w.os-table-compact .os-table tr th:first-child {
box-shadow: inset -1px 0px 0px 0px #2a314c;
}
body.latepoint-admin.latepoint-dark body.latepoint-admin.latepoint-dark .os-scrollable-table-w .os-table-w.os-table-compact .os-table tr td:first-child, body.latepoint-admin.latepoint-dark body.latepoint-admin.latepoint-dark .os-scrollable-table-w .os-table-w.os-table-compact .os-table tr th:first-child {
box-shadow: inset -1px 0px 0px 0px #2a314c;
}
body.latepoint-admin.latepoint-dark .os-scrollable-table-w {
border-color: #2a314c;
}
body.latepoint-admin.latepoint-dark .os-table-w.os-table-compact .os-table tbody tr:hover td {
background-color: #181c2b;
}
body.latepoint-admin.latepoint-dark .os-table tbody tr td {
background-color: #181c2b;
border-color: #2a314c;
}
body.latepoint-admin.latepoint-dark .latepoint-btn.latepoint-btn-primary {
background-color: #3653d1;
}
body.latepoint-admin.latepoint-dark .latepoint-btn.latepoint-btn-secondary {
background-color: #23273b;
color: #eeeffc;
}
body.latepoint-admin.latepoint-dark .agent-day-availability-w .agent-timeslot.is-off {
background-image: repeating-linear-gradient(90deg, #181c2b, #181c2b 2px, #873e3e 2px, #873e3e 3px);
}
body.latepoint-admin.latepoint-dark .appointment-box-squared {
border-bottom-color: #21273b;
}
body.latepoint-admin.latepoint-dark .appointment-box-squared .appointment-service-name {
color: #eeeffc;
}
body.latepoint-admin.latepoint-dark .appointment-box-squared .appointment-main-info .appointment-main-info-i .appointment-date-i .appointment-date {
color: #858699;
}
body.latepoint-admin.latepoint-dark .appointment-box-squared .appointment-date-w .appointment-time {
color: #3653d1;
}
body.latepoint-admin.latepoint-dark .appointment-box-squared .appointment-main-info .appointment-link {
color: #3653d1;
}
body.latepoint-admin.latepoint-dark .os-widget-daily-bookings {
border-right-color: #21273b;
}
body.latepoint-admin.latepoint-dark .os-widget .stats-tab-info {
background-color: #1d2132;
color: #858699;
}
body.latepoint-admin.latepoint-dark .os-widget .stats-tab-value {
color: #eeeffc;
}
body.latepoint-admin.latepoint-dark .os-widget .stats-tab-value .stats-change .stats-change-value {
color: #535667;
}
body.latepoint-admin.latepoint-dark .os-widget .stats-tab-label {
color: #858699;
}
body.latepoint-admin.latepoint-dark .os-widget .os-widget-header {
border-bottom-color: #21273b;
}
body.latepoint-admin.latepoint-dark .os-widget .os-widget-header.with-actions select {
background-color: #1d2132;
color: #eeeffc;
border-color: #2a314c;
}
body.latepoint-admin.latepoint-dark .os-widget .os-widget-header.with-actions .os-widget-header-actions .os-date-range-picker {
background-color: #1d2132;
color: #eeeffc;
border-color: #2a314c;
}
body.latepoint-admin.latepoint-dark .os-widget .os-widget-header.with-actions .os-widget-header-actions .os-date-range-picker span {
color: #eeeffc;
}
body.latepoint-admin.latepoint-dark .os-table-w.os-table-compact .os-table tr td .os-with-avatar .os-clickable-popup-trigger {
background-color: #1d2132;
}
body.latepoint-admin.latepoint-dark .os-table-w.os-table-compact .os-table tr th .os-form-group .os-form-control,
body.latepoint-admin.latepoint-dark .os-table-w.os-table-compact .os-table tr th .os-date-range-picker {
background-color: #1d2132;
color: #eeeffc;
border-color: #2a314c;
}
body.latepoint-admin.latepoint-dark .latepoint-top-bar-w .latepoint-top-iconed-link {
color: #3653d1;
}
body.latepoint-admin.latepoint-dark .agent-day-bookings-timeline-compact-w .timeslot.with-tick .tick {
background-color: #2a314c;
}
body.latepoint-admin.latepoint-dark .timeline-type-toggle {
border-color: #2a314c;
}
body.latepoint-admin.latepoint-dark .timeline-type-toggle .timeline-type-option {
color: #858699;
}
body.latepoint-admin.latepoint-dark .timeline-type-toggle .timeline-type-option.active {
background-color: #181c2b;
border-color: #3653d1;
color: #3653d1;
box-shadow: 0px 0px 0px 1px #3653d1;
}
body.latepoint-admin.latepoint-dark ul.os-page-tabs li a {
color: #535667;
}
body.latepoint-admin.latepoint-dark ul.os-page-tabs li.os-page-tab-active a {
color: #eeeffc;
}
body.latepoint-admin.latepoint-dark .latepoint-side-menu-w {
background-color: #181c2b;
border-right-color: #21273b;
}
body.latepoint-admin.latepoint-dark .latepoint-side-menu-w.side-menu-full .back-to-wp-link-w .back-to-wp-link {
background-color: #181c2b;
border-color: #3653d1;
color: #3653d1;
}
body.latepoint-admin.latepoint-dark .latepoint-side-menu-w ul.side-menu > li.has-children:after {
color: #535667;
}
body.latepoint-admin.latepoint-dark .latepoint-side-menu-w ul.side-menu > li:hover:not(.menu-item-is-active) > a {
background-color: #2a314c;
}
body.latepoint-admin.latepoint-dark .latepoint-side-menu-w ul.side-menu > li.menu-item-is-active > a {
background-color: #2a314c;
}
body.latepoint-admin.latepoint-dark .latepoint-side-menu-w ul.side-menu > li > a {
color: #eeeffc;
}
body.latepoint-admin.latepoint-dark .latepoint-side-menu-w ul.side-menu > li > a > i {
color: #3653d1;
}
body.latepoint-admin.latepoint-dark .latepoint-side-menu-w ul.side-menu > li.menu-spacer.with-label:after {
background-color: #21273b;
}
body.latepoint-admin.latepoint-dark .latepoint-side-menu-w ul.side-menu > li.menu-spacer.with-label span {
background-color: #181c2b;
}
body.latepoint-admin.latepoint-dark .latepoint-all-wrapper .latepoint-content-w {
background-color: #181c2b;
}
body.latepoint-admin.latepoint-dark .latepoint-all-wrapper .latepoint-top-bar-w {
background-color: #181c2b;
border-bottom-color: #21273b;
}
body.latepoint-admin.latepoint-dark .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-iconed-link .notifications-count {
border-color: #181c2b;
}
body.latepoint-admin.latepoint-dark .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-w .latepoint-top-search {
background-color: #181c2b;
}
body.latepoint-admin.latepoint-dark .latepoint-all-wrapper .page-header-w {
border-bottom-color: #21273b;
}
@keyframes mobileSideMenuAnimation {
0% {
transform: translate3d(0px, -100px, 0px);
}
100% {
transform: translate3d(0px, 0px, 0px);
}
}
@keyframes mobileTopBarAnimation {
0% {
transform: translate3d(0px, -100%, 0px);
}
100% {
transform: translate3d(0px, 0px, 0px);
}
}
@keyframes mobileSearchAnimation {
0% {
transform: translate3d(20px, 0px, 0px);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes mobileFadeAnimation {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@media (min-width: 601px) {
.mobile-user-info-w {
display: none;
}
.appointment-box-large .aba-approve:hover {
transform: scale(1.1);
box-shadow: inset 0px 0px 0px 2px #1d7bff;
}
.latepoint-side-menu-w ul.side-menu > li:hover.has-children:not(.menu-item-is-active) > a:before {
transform: translateY(-50%) rotate(-90deg);
color: #fff;
transform-origin: center center;
}
.latepoint-side-menu-w ul.side-menu > li:hover:not(.menu-item-is-active) > a {
background-color: #edeff1;
}
.latepoint-side-menu-w ul.side-menu > li:hover:not(.menu-item-is-active) .side-sub-menu-header {
display: block;
line-height: 1;
padding-bottom: 10px;
padding-top: 0px;
}
.latepoint-side-menu-w ul.side-menu > li:hover:not(.menu-item-is-active) ul.side-sub-menu {
display: block;
position: absolute;
background-color: #fff;
padding: 24px 25px 25px;
left: 100%;
top: -61px;
z-index: 9999;
margin: 0px;
border: none;
box-shadow: 0 2px 24px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.latepoint-side-menu-w ul.side-menu > li:hover:not(.menu-item-is-active) ul.side-sub-menu li {
margin: 0px;
}
.latepoint-side-menu-w ul.side-menu > li:hover:not(.menu-item-is-active) ul.side-sub-menu li:last-child {
box-shadow: none;
border-bottom: none;
}
.latepoint-side-menu-w ul.side-menu > li:hover:not(.menu-item-is-active) ul.side-sub-menu li a {
white-space: nowrap;
padding: 8px 0px 8px 2px;
color: #1f222b;
font-size: 16px;
font-weight: 400;
}
.latepoint-side-menu-w ul.side-menu > li:hover:not(.menu-item-is-active) ul.side-sub-menu li a:hover {
color: #1d7bff;
}
.latepoint-side-menu-w ul.side-menu > li:hover:not(.menu-item-is-active) ul.side-sub-menu li a .os-menu-badge {
left: -20px;
}
.latepoint-side-menu-w ul.side-menu > li.menu-item-is-active.has-children ul.side-sub-menu {
display: block;
padding: 10px 0px 15px 26px;
margin-left: 31px;
}
.latepoint-side-menu-w ul.side-menu > li.menu-item-is-active.has-children ul.side-sub-menu li {
font-size: 15px;
}
.latepoint-side-menu-w ul.side-menu > li.menu-item-is-active.has-children ul.side-sub-menu {
display: none;
}
.latepoint-side-menu-w ul.side-sub-menu {
border-radius: 12px;
}
.latepoint-side-menu-w ul.side-sub-menu li a:hover {
color: #29449c;
}
.latepoint-side-menu-w ul.side-sub-menu li a:hover:before {
background-color: transparent;
}
.latepoint-side-menu-w.dark ul.side-menu > li:hover > a {
color: #fff;
}
.latepoint-side-menu-w.dark ul.side-menu > li:hover > a i {
color: #fff;
}
.latepoint-side-menu-w.dark ul.side-menu > li ul.side-sub-menu li a:hover {
color: #fff;
}
.latepoint-side-menu-w.side-menu-full ul.side-menu > li:hover:not(.has-children) ul.side-sub-menu {
display: none;
}
.latepoint-side-menu-w.side-menu-full ul.side-menu > li.has-children:after {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e911";
color: rgba(0, 0, 0, 0.3);
font-size: 10px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10px;
transition: all 0.1s ease;
}
.latepoint-side-menu-w.side-menu-full ul.side-menu > li:hover.has-children:after {
color: #1d7bff;
transform: translateY(-50%) rotate(-90deg);
}
.latepoint-side-menu-w.side-menu-compact {
flex: 0 !important;
padding-bottom: 80px;
position: relative;
}
.latepoint-side-menu-w.side-menu-compact ul.side-menu {
margin: 0px;
}
.latepoint-side-menu-w.side-menu-compact ul.side-menu > li > a {
transition: none;
border-bottom: 1px solid #EEF0F1;
border-radius: 0px;
}
.latepoint-side-menu-w.side-menu-compact ul.side-menu > li:hover > a {
background-color: #1d7bff;
color: #fff;
border-bottom-color: #1d7bff;
}
.latepoint-side-menu-w.side-menu-compact ul.side-menu > li:hover > a i {
color: #fff;
}
.latepoint-side-menu-w.side-menu-compact ul.side-menu > li:hover:not(.has-children) ul.side-sub-menu {
top: 0px;
padding-top: 18px !important;
}
.latepoint-side-menu-w.side-menu-compact ul.side-menu > li.menu-item-is-active > a {
background-color: #1d7bff;
border-bottom-color: #1d7bff;
box-shadow: 0px 0px 0px 1px #1d7bff;
}
.latepoint-side-menu-w.side-menu-compact ul.side-menu > li.menu-item-is-active > a i {
color: #fff;
}
.latepoint-side-menu-w.side-menu-compact ul.side-menu > li.menu-item-is-active + li > a {
border-top-color: #1d7bff;
}
.latepoint-side-menu-w.side-menu-compact .side-sub-menu {
position: relative;
border-radius: 0px;
}
.latepoint-side-menu-w.side-menu-compact .side-sub-menu .side-sub-menu-header {
white-space: nowrap;
color: #fff;
font-size: 20px;
font-weight: 400;
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
display: block;
padding: 8px 0px;
}
.latepoint-side-menu-w.side-menu-compact .side-sub-menu .side-sub-menu-header + li {
margin-top: 10px !important;
}
.latepoint-side-menu-w.side-menu-compact .side-sub-menu.only-menu-header {
top: 0px;
bottom: 0px;
padding-bottom: 0px !important;
padding-top: 19px !important;
}
.latepoint-side-menu-w.side-menu-compact .side-sub-menu.only-menu-header .side-sub-menu-header {
border-bottom: none !important;
padding: 0px;
}
.latepoint-side-menu-w.side-menu-compact .back-to-wp-item {
display: block;
}
.latepoint-side-menu-w.side-menu-compact .back-to-wp-link-w {
display: none;
}
.latepoint-side-menu-w.side-menu-compact .os-menu-collapse {
display: none;
}
.latepoint-side-menu-w.side-menu-compact ul.side-menu {
padding: 0px;
}
.latepoint-side-menu-w.side-menu-compact ul.side-menu > li.has-children > a:before {
display: none !important;
}
.latepoint-side-menu-w.side-menu-compact ul.side-menu > li.menu-item-is-active ul.side-sub-menu {
display: none;
}
.latepoint-side-menu-w.side-menu-compact ul.side-menu > li > a {
padding: 20px 8px 21px;
text-align: center;
line-height: 1;
justify-content: space-around;
}
.latepoint-side-menu-w.side-menu-compact ul.side-menu > li > a > i {
font-size: 18px;
}
.latepoint-side-menu-w.side-menu-compact ul.side-menu > li > a > span {
display: none;
}
.latepoint-side-menu-w.side-menu-compact ul.side-menu > li.menu-spacer {
display: none;
}
.latepoint-side-menu-w.side-menu-compact .back-to-wp-link {
text-align: center;
padding: 8px 6px;
}
.latepoint-side-menu-w.side-menu-compact .back-to-wp-link i {
margin: 0px;
}
.latepoint-side-menu-w.side-menu-compact .back-to-wp-link span {
display: none;
}
}
@media (max-width: 1750px) {
.appointment-boxes-squared-w .appointment-box-squared:nth-child(7) {
display: none;
}
.appointment-boxes-squared-w .no-results-w:nth-child(7) {
display: none;
}
}
@media (max-width: 1599px) {
.addons-boxes-w .addon-box:nth-child(4n) {
margin-right: 0px;
}
}
@media (min-width: 1600px) {
.os-resources-grid {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.addons-boxes-w .addon-box {
flex: 0 0 17.6%;
}
.addons-boxes-w .addon-box:nth-child(5n) {
margin-right: 0px;
}
}
@media (max-width: 782px) {
.wp-toolbar body.latepoint-admin {
margin-top: -46px;
}
}
@media (min-width: 601px) and (max-width: 1120px) {
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-iconed-link {
font-size: 20px;
margin-right: 30px;
}
.latepoint-all-wrapper .latepoint-content-w {
transition: transform 0.35s cubic-bezier(0.25, 1.1, 0.5, 1);
}
.latepoint-all-wrapper .os-page-tabs-w {
overflow-x: auto;
}
.latepoint-side-menu-w.side-menu-full .side-menu-top-part-w .logo-w {
display: none;
}
.latepoint-side-menu-w.side-menu-full .side-menu-top-part-w .latepoint-mobile-top-menu-trigger {
display: flex;
text-decoration: none;
color: #1f222b;
font-size: 24px;
line-height: 1;
}
.latepoint-side-menu-w ul.side-menu {
padding: 0 30px 30px 30px;
}
.latepoint-side-menu-w.side-menu-full .side-menu-top-part-w {
padding: 20px 30px;
border-bottom: none;
}
.latepoint-side-menu-w ul.side-menu > li > a {
padding: 10px 60px 10px 10px;
font-size: 18px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-mobile-top-menu-trigger {
display: block;
font-size: 26px;
line-height: 1;
padding-right: 30px;
margin-right: 30px;
border-right: 1px solid #dcdad7;
}
.os-dashboard-row {
display: block;
}
.os-dashboard-row .os-dashboard-column + .os-dashboard-column {
margin-left: 0;
}
.latepoint-all-wrapper .latepoint-side-menu-w {
position: fixed;
left: -20px;
top: 20px;
bottom: 20px;
border-right: 0;
z-index: 10000;
transform: translateX(-100%) scale(0.8);
transition: transform 0.35s cubic-bezier(0.25, 1.1, 0.5, 1);
border-right: none;
border-radius: 20px;
background-color: #fff;
border-radius: 20px;
border: 1px solid rgba(211, 213, 218, 0.6705882353);
background-image: linear-gradient(129deg, rgba(179, 184, 204, 0.0509803922), rgba(255, 255, 255, 0.3607843137));
box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.01), 1px 1px 5px -1px rgba(134, 124, 171, 0.12), inset 2px 2px 0 0 #fff;
}
.latepoint-all-wrapper.os-show-mobile-menu .latepoint-content-w {
transform: scale(0.96);
filter: blur(1px);
}
.latepoint-all-wrapper.os-show-mobile-menu .latepoint-side-menu-w {
left: 20px;
transform: translateX(0px) scale(1);
box-shadow: 0 0 20px -2px rgba(0, 0, 0, 0.2);
visibility: visible;
}
.latepoint-all-wrapper.os-show-mobile-menu .latepoint-mobile-top-menu-trigger i:before {
content: "\e94b";
}
.os-form-w .sub-section-row .sub-section-label {
flex: 0 0 170px;
}
.latepoint-all-wrapper .page-header-w {
padding: 0 30px;
}
.latepoint-all-wrapper .latepoint-content-w .latepoint-content {
padding: 30px;
}
}
@media (max-width: 1490px) {
.appointment-boxes-squared-w .appointment-box-squared:nth-child(6) {
display: none;
}
.appointment-boxes-squared-w .no-results-w:nth-child(6) {
display: none;
}
}
@media (min-width: 1251px) {
.os-form-w .os-form-buttons.hidden-with-side-nav {
display: none;
}
}
@media (max-width: 1250px) {
.latepoint-page-with-side-nav .latepoint-page-side-nav {
display: none;
}
.addons-boxes-w {
gap: 20px;
}
}
@media (max-width: 1400px) {
.addons-boxes-w {
gap: 40px;
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 600px) {
.latepoint-side-panel-w {
padding: 1vh;
padding: 1dvh;
}
.latepoint-side-panel-w .latepoint-side-panels {
height: 98vh;
height: 98dvh;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-unlock-features-link {
margin-right: 0;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-unlock-features-link i {
display: none;
}
.day-action-trigger {
top: 50%;
left: 20px;
}
.calendar-wrapper .ch-agents .day-action-trigger {
top: 50%;
left: 20px;
}
.latepoint-top-user-info-w {
flex: 1;
}
.latepoint-top-user-info-w > .avatar-w {
display: none;
}
.latepoint-top-bar-w .latepoint-top-user-info-w {
display: none;
}
.mobile-user-info-w {
display: flex;
gap: 10px;
align-items: center;
}
.mobile-user-info-w .m-avatar-w {
width: 35px;
height: 35px;
border-radius: 50%;
background-size: cover;
}
.mobile-user-info-w .m-logout {
margin-left: auto;
}
.mobile-user-info-w .m-logout a {
padding: 5px;
border-radius: 4px;
display: flex;
gap: 5px;
align-items: center;
text-decoration: none;
font-size: 17px;
}
.mobile-user-info-w .m-logout a span {
border-bottom: 1px dotted #1d7bff;
}
.mobile-user-info-w .muid-info {
flex: 1;
}
.mobile-user-info-w .muid-info .muid-info-username {
font-weight: 400;
font-size: 17px;
}
.mobile-user-info-w .muid-info .muid-info-usertype {
color: #788291;
}
.table-with-pagination-w.has-scrollable-table {
border: none;
margin-right: 0;
}
.latepoint-all-wrapper ul.os-page-tabs {
gap: 0;
}
.os-pagination-w {
padding: 20px 0;
}
.latepoint-side-menu-w ul.side-menu {
padding: 8px;
}
.pe-conditions .time-offset-actions {
flex-display: column;
align-items: stretch;
gap: 10px;
}
.os-scrollable-table-w {
margin-left: -15px;
}
.os-scrollable-table-w .os-table {
border-radius: 0;
}
.os-widget .os-widget-header:before {
height: 40px;
}
.addons-categories-wrapper {
overflow-x: auto;
}
.daily-availability-calendar .os-monthly-calendar-days .os-day:hover .os-day-box .os-day-number, .daily-availability-calendar .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-number {
transform: none;
}
.daily-availability-calendar {
overflow-x: auto;
}
body > .latecheckbox-options-w {
left: 15px !important;
right: 15px !important;
}
.os-calendar-settings-form .os-calendar-settings-extra {
flex-direction: column;
align-items: stretch;
}
.os-calendar-settings-form .os-calendar-settings-extra .resource-filters-wrapper {
flex-direction: column;
align-items: stretch;
flex: 1;
margin-left: 0;
}
.os-calendar-settings-form .os-calendar-settings-extra .resource-filters-wrapper .latecheckbox-w {
flex: 1 1 100%;
}
.os-calendar-settings-form .os-calendar-settings-extra .resource-filters-wrapper .latecheckbox-w .latecheckbox:after {
margin-left: auto;
}
.os-calendar-settings-form .os-calendar-settings-extra .cc-availability-toggler {
margin-right: 0;
}
.os-calendar-settings-form .os-calendar-settings-extra .cc-availability-toggler-w {
gap: 10px;
margin: 0;
flex-direction: column;
align-items: stretch;
}
.os-calendar-settings-main .os-current-month-label-w {
flex-wrap: wrap;
padding-top: 30px;
}
.os-calendar-settings-main .os-current-month-label-w .cc-view {
border-right: none;
padding-right: 0;
}
.os-calendar-settings-main .os-current-month-label-w .cc-actions {
margin-left: auto;
border-left: none;
padding-left: 0;
order: 1;
}
.os-calendar-settings-main .os-current-month-label-w .os-calendar-settings-toggler-wrapper {
order: 2;
}
.os-calendar-settings-main .os-current-month-label-w .os-calendar-settings-toggler-wrapper .calendar-settings-toggler {
border: 1px solid #d2d4d7;
padding: 3px 5px;
}
.os-calendar-settings-main .os-current-month-label-w .os-current-month-label {
flex: 1 1 100%;
margin-bottom: 15px;
}
.mobile-calendar-actions-trigger {
display: block;
font-size: 20px;
}
.list-upcoming-bookings-w .upcoming-booking .booking-main-info-i {
padding: 25px 20px;
flex-direction: row-reverse;
gap: 5px;
align-items: flex-start;
flex: 1;
}
.list-upcoming-bookings-w .upcoming-booking .booking-main-info-i .booking-date-w {
flex: 1;
}
.list-upcoming-bookings-w .upcoming-booking .booking-fancy-date {
flex: 0 0 65px;
padding: 15px 5px;
}
.list-upcoming-bookings-w .upcoming-booking .booking-service-name {
font-size: 16px;
margin-bottom: 5px;
}
.list-upcoming-bookings-w .upcoming-booking .booking-date-i {
flex-wrap: wrap;
}
.list-upcoming-bookings-w .upcoming-booking .booking-date-i .booking-location {
border-left: none;
padding-left: 0;
margin-left: 0;
font-size: 13px;
display: none;
}
.list-upcoming-bookings-w .upcoming-booking .booking-date-i .booking-attendees {
font-size: 13px;
border-left: none;
flex: 0 0 100%;
padding-left: 0;
margin-left: 0;
margin-top: 5px;
display: none;
}
.list-upcoming-bookings-w .upcoming-booking .booking-date-i .booking-attendees .booked-percentage {
width: 50px;
}
.list-upcoming-bookings-w .upcoming-booking .avatar-w {
flex: 0 0 40px;
height: 40px;
width: 40px;
margin-right: 0;
}
.list-upcoming-bookings-w .upcoming-booking .booking-fancy-date .fancy-day {
font-size: 32px;
}
.list-upcoming-bookings-w .upcoming-booking .booking-date-i .booking-attendee .avatar-w {
flex: 0 0 15px;
width: 15px;
height: 15px;
}
.os-conversations-wrapper .os-conversations-list-wrapper {
border-right: none !important;
}
.os-conversations-wrapper .os-conversation-messages .os-conversation-info {
background-color: #1d7bff;
color: #fff;
border: none !important;
}
.os-conversations-wrapper .os-conversation-messages .os-conversation-info a {
color: #fff;
}
.os-conversations-wrapper .os-conversation-messages .os-conversation-info .os-conversation-mobile-open-conversations,
.os-conversations-wrapper .os-conversation-messages .os-conversation-info .os-conversation-mobile-open-booking-info {
border-color: rgba(255, 255, 255, 0.1);
color: #fff;
}
.activity-status-wrapper .activity-status-content {
flex-direction: column;
align-items: flex-start;
gap: 5px;
}
.activity-status-wrapper .activity-status-content .status-item + .status-item {
margin-left: 0;
}
.activity-status-wrapper {
padding: 10px 0px;
}
.activity-preview-wrapper {
padding: 20px 0;
}
.latepoint-lightbox-w .latepoint-lightbox-i {
border-radius: 6px;
}
.booking-activity-log-panel-w .booking-activity-log-panel-i .booking-activities-list {
padding-left: 15px;
padding-right: 15px;
}
.latepoint-side-panel-w .latepoint-side-panel-i {
animation: 0.4s cubic-bezier(0.05, 0.45, 0.1, 1) 0s up20o;
animation-fill-mode: both;
}
.os-default-field .os-field-setting {
display: none;
}
.os-form-block .os-form-block-header .os-form-block-type {
display: none;
}
.role-users-wrapper {
grid-template-columns: 1fr;
}
.os-form-block .os-form-block-i .role-actions-grid h3 {
margin-bottom: 15px;
margin-top: 10px;
}
.os-form-block .os-form-block-i .role-actions-grid .role-actions-item {
flex-direction: column;
align-items: flex-start;
}
.os-form-block .os-form-block-i .role-actions-grid .role-actions-item .role-toggler-wrapper {
border-left: none;
padding-left: 0;
margin-left: 0;
}
div[class^=os-col-lg] + div[class^=os-col-lg] {
margin-top: 15px;
}
.os-togglable-items-w .os-togglable-item-w .os-togglable-item-head {
padding: 10px 15px;
}
.os-togglable-items-w .os-togglable-item-w .os-togglable-item-body {
padding: 0 20px;
}
.os-togglable-items-w .os-togglable-item-w .os-togglable-item-name {
padding-right: 0;
font-size: 18px;
}
.tracking-info-w {
display: block;
}
.tracking-info-w .available-vars-w .available-vars-block {
margin: 0 0 20px;
}
.os-togglable-items-w .os-togglable-item-w .os-toggler-w {
padding-right: 15px;
margin-right: 15px;
}
.stripe-checkout-payments-grid {
grid-template-columns: 1fr;
}
.os-form-block .os-form-block-params {
padding: 0 20px;
}
.os-form-block .os-form-block-buttons {
padding: 15px 0;
}
.wp-core-ui .latepoint-all-wrapper select, .wp-core-ui .latepoint-all-wrapper .wp-admin .form-table select {
min-height: 36px;
}
.os-form-w .sub-section-row {
flex-direction: column;
}
.os-form-w .sub-section-row .sub-section-label {
flex: 0;
padding: 20px 0 0px;
border-right: none;
background-image: none;
}
.os-form-w .sub-section-row .sub-section-label h3 {
padding-top: 0;
font-size: 16px;
color: #1d7bff;
}
.os-form-w .sub-section-row .sub-section-content {
padding: 20px 0;
}
.version-and-license-info-w, .installed-addons-wrapper {
display: block;
}
.timeline-type-toggle {
margin-top: 10px;
}
.timeline-type-toggle .timeline-type-option {
font-size: 15px;
flex: 1;
text-align: center;
}
.customers-selector-w .customers-selector-search-w .customers-selector-search-input {
font-size: 16px;
}
.latepoint-all-wrapper .pre-page-header {
padding: 20px 15px 0px;
font-size: 36px;
overflow: hidden;
white-space: nowrap;
}
.latepoint-all-wrapper .pre-page-header + .page-header-w ul.os-page-tabs {
margin-top: 0px;
}
.customer-appointments-list {
display: block;
}
.customer-appointments-list .appointment-box-squared {
margin: 0px 0px 20px 0px;
}
.daily-availability-calendar.horizontal-calendar .os-current-month-label-w .os-month-service-selector {
display: none;
}
.latepoint-lightbox-w.width-500 .latepoint-lightbox-i {
width: 90%;
}
.latepoint-all-wrapper ul.os-page-tabs li.os-page-tab-active a:after {
bottom: 0px;
}
.grouped-bookings-main-info {
margin: 0px;
margin-bottom: 20px;
flex-wrap: wrap;
}
.gb-capacity {
flex: 0 0 100%;
margin-top: 15px;
}
.grouped-bookings-main-info .gb-info .gbi-main {
font-size: 20px;
}
.group-bookings-list .gbb-customer .gbb-name {
font-size: 18px;
}
.grouped-bookings-main-info .avatar {
width: 50px;
height: 50px;
}
.latepoint-side-menu-w ul.side-menu > li:before {
display: none;
}
.os-page-tabs-w {
overflow: auto;
margin-right: -15px;
margin-left: -15px;
}
.os-page-tab-active:nth-child(n+6) {
order: -1;
}
.daily-agent-calendar-w {
margin-left: -15px;
margin-right: -15px;
}
.daily-availability-calendar .os-months {
overflow: auto;
padding-bottom: 3px;
margin-right: -15px;
margin-left: -15px;
}
.daily-availability-calendar .os-monthly-calendar-days .os-day {
width: auto;
flex: 0 0 45px;
}
.calendar-wrapper .ch-agents {
overflow: auto;
}
.calendar-wrapper .da-head-agent {
flex: 0 0 220px;
}
.calendar-wrapper .da-agents-bookings .da-agent-bookings-and-periods {
flex: 0 0 220px;
}
.latepoint-side-menu-w ul.side-menu > li.menu-spacer {
padding-top: 20px;
padding-bottom: 5px;
}
.latepoint-side-menu-w.side-menu-full .side-menu-top-part-w {
padding: 20px 12px;
}
.latepoint-side-menu-w.side-menu-full .side-menu-top-part-w .logo-w {
display: none;
}
.latepoint-side-menu-w.side-menu-full .side-menu-top-part-w .latepoint-top-user-info-w {
margin-left: 0;
}
.latepoint-side-menu-w.side-menu-full .side-menu-top-part-w .latepoint-top-user-info-w .avatar-w {
width: 35px;
height: 35px;
}
.quick-end-time-w .plus-day-label {
right: 160px;
}
.os-dashboard-row .os-dashboard-column.os-upcoming .os-widget .os-widget-content {
padding-left: 20px;
}
.os-dashboard-row .os-dashboard-column.os-upcoming .os-widget .os-widget-header {
padding-left: 20px;
}
.appointment-box-squared .appointment-main-info {
padding-left: 20px;
}
.timeline-with-info-w .timeline-and-availability-contents {
padding: 20px;
}
.os-widget .daily-bookings-chart-w {
padding: 10px;
padding-top: 0;
}
.os-widget .stats-tabs {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
padding: 20px;
}
.os-widget .stats-tabs .stats-tab {
flex: 1;
}
.os-widget .stats-tabs .stats-tab .stats-tab-value {
font-size: 24px;
font-weight: 400;
}
.os-widget .stats-tabs .stats-tab:nth-child(1), .os-widget .stats-tabs .stats-tab:nth-child(3) {
padding-right: 10px;
}
.os-widget .stats-tabs .stats-tab:nth-child(2), .os-widget .stats-tabs .stats-tab:nth-child(4) {
padding-right: 0;
border-right: none;
padding-left: 10px;
}
.os-widget .stats-tabs .stats-tab:nth-child(3), .os-widget .stats-tabs .stats-tab:nth-child(4) {
padding-top: 10px;
padding-bottom: 10px;
}
.os-widget .stats-tabs .stats-tab:nth-child(1), .os-widget .stats-tabs .stats-tab:nth-child(2) {
border-bottom: 1px solid #EEF0F1;
padding-bottom: 15px;
}
.os-widget .stats-tabs .stats-tab + .stats-tab {
margin-left: 0px;
}
.os-widget .stats-donut-chart-w {
display: none;
}
.os-widget .stats-line-chart-w {
padding: 0px;
}
.os-widget .os-widget-header {
padding: 20px;
}
.os-widget .os-widget-header .os-widget-header-text {
padding-left: 20px;
}
.os-widget .stats-tab-info {
display: none;
}
.os-widget-upcoming-appointments.os-widget-transparent .os-widget-header {
display: flex !important;
background-color: #fff;
border-radius: 20px;
border: 1px solid rgba(211, 213, 218, 0.6705882353);
background-image: linear-gradient(129deg, rgba(179, 184, 204, 0.0509803922), rgba(255, 255, 255, 0.3607843137));
box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.01), 1px 1px 5px -1px rgba(134, 124, 171, 0.12), inset 2px 2px 0 0 #fff;
margin-bottom: 20px;
padding: 10px 15px;
}
.appointment-boxes-squared-w {
display: block;
}
.appointment-boxes-squared-w .appointment-boxes-caption {
width: auto;
padding: 10px;
margin-bottom: 15px;
border: none;
box-shadow: none;
display: none;
}
.appointment-boxes-squared-w .appointment-boxes-caption div {
text-transform: none;
position: relative;
top: auto;
left: auto;
transform: none;
letter-spacing: 0px;
font-size: 22px;
color: #1f222b;
}
.timeline-with-info-w {
flex-direction: column-reverse;
align-items: stretch;
}
.timeline-with-info-w .timeline-info-w {
margin: 0px;
padding: 0px;
border-left: none;
margin-bottom: 30px;
flex: 1;
}
.os-dashboard-row {
display: block;
}
.os-dashboard-row .os-dashboard-column + .os-dashboard-column {
margin: 0px;
}
.agent-stats-box .agent-info {
padding: 12px 0px;
flex: 0 0 90px;
}
.agent-stats-box .agent-info .avatar-w {
width: 55px;
height: 55px;
}
.agent-stats-box .agent-stats .agent-stats-value {
padding: 10px;
}
.agent-stats-box .agent-stats .agent-stats-chart {
padding: 10px;
}
.latepoint-top-bar-w .latepoint-user-info-dropdown .os-main-location-selector {
display: block !important;
width: auto;
margin: 10px auto;
}
.os-services-select-field-w .service-options-filter-input-w input.service-options-filter-input {
font-size: 16px;
}
.latepoint-top-bar-w .os-main-location-selector {
display: none;
}
.version-status-info {
margin-bottom: 20px;
}
.version-log-w {
padding: 0px;
margin-top: 30px;
}
.version-log-w .version-media {
padding: 10px;
}
.addons-boxes-w {
display: block;
}
.addons-boxes-w .addon-box {
flex: 1;
margin: 0px;
margin-bottom: 40px;
padding-top: 15px;
box-shadow: none;
border: 1px solid #d2d4d7;
border-bottom-color: #aaadb3;
box-shadow: 0 2px 0 0 #eee;
}
.addons-boxes-w .addon-box .addon-media {
margin-top: 0px;
}
.latepoint-top-bar-w {
animation: none;
}
/* Wizard */
.os-wizard-setup-w {
width: auto;
box-shadow: none;
border: none;
margin: 0px;
}
.os-wizard-setup-w.step-services .os-agents-selector .agent {
flex: 0 0 48%;
margin: 0px !important;
margin-bottom: 4% !important;
}
.os-wizard-setup-w.step-services .service-boxes .service-box-w .service-image-placeholder,
.os-wizard-setup-w.step-services .service-boxes .service-box-w .service-image {
display: none;
}
.os-wizard-setup-w.step-services .service-boxes .service-box-w .service-agents {
display: none;
}
.os-wizard-setup-w.step-services .service-boxes .service-box-w .service-name {
margin-left: 0px;
}
.os-wizard-setup-w.step-services .os-agents-selector {
padding: 25px 0px 0px;
border: none;
justify-content: space-between;
}
.os-wizard-setup-w .os-wizard-footer {
padding: 15px;
}
.os-wizard-setup-w .side-by-side-buttons .os-row {
flex-direction: column-reverse;
}
.os-wizard-setup-w .side-by-side-buttons .os-row button {
margin-bottom: 15px;
}
.os-wizard-setup-w .os-wizard-close-trigger {
right: 15px;
top: 15px;
}
.os-wizard-setup-w .os-wizard-setup-i .os-wizard-step-content-w .os-wizard-step-content {
padding: 30px 15px;
}
.os-wizard-setup-w.step-agents .agent-boxes {
justify-content: space-between;
align-items: flex-start;
}
.os-wizard-setup-w.step-agents .agent-boxes .agent-box-w {
flex: 0 0 48%;
margin: 0px !important;
margin-bottom: 4% !important;
}
.os-wizard-setup-w.step-agents .agent-boxes .add-agent-box {
flex: 0 0 48%;
margin: 0px !important;
margin-bottom: 4% !important;
}
.os-custom-field-form .os-custom-field-form-info .os-custom-field-edit-btn {
display: none;
}
.latepoint-content .coupon-restrictions-w {
padding: 15px;
}
.os-coupon-form .os-coupon-form-info .os-coupon-edit-btn {
display: none;
}
.os-coupon-form .os-coupon-form-info .os-coupon-code {
margin-right: 0px;
margin-left: auto;
}
.os-coupon-form .os-coupon-form-i {
padding: 15px;
}
.available-vars-w .available-vars-i {
display: block;
}
.latepoint-all-wrapper .page-header-w {
border-bottom: none;
}
.daily-availability-calendar.horizontal-calendar .os-current-month-label-w .os-current-month-label .current-year,
.list-upcoming-bookings-w .upcoming-bookings-year,
.calendar-week-agent-w .cc-date .cc-year {
font-size: 85px;
line-height: 89px;
}
.list-upcoming-bookings-w {
padding-top: 9px;
}
.latepoint-all-wrapper ul.os-page-tabs {
margin-top: 0px;
border: none;
}
.latepoint-all-wrapper ul.os-page-tabs li {
margin-right: 0px;
border-bottom: 1px solid #eee;
flex: 1;
text-align: center;
}
.latepoint-all-wrapper ul.os-page-tabs li a {
padding: 20px 15px 10px;
white-space: nowrap;
font-size: 24px;
}
.latepoint-all-wrapper ul.os-page-tabs li.os-page-tab-active a:after {
bottom: -1px;
}
.latepoint-all-wrapper ul.os-page-tabs li:last-child {
padding-right: 0;
}
.os-sync-stat-tiles .os-info-tile.os-tile-with-progress {
text-align: center;
}
.os-sync-stat-tiles .os-info-tile.os-tile-with-progress .os-sync-progress {
margin-top: 15px;
}
.os-sync-stat-tiles .os-info-tile .latepoint-btn {
float: none;
margin: 0px;
margin-top: 10px;
display: block;
padding: 6px !important;
}
.os-booking-tiny-boxes-w .os-booking-tiny-box {
flex: 1;
max-width: inherit;
}
.os-booking-tiny-boxes-w .os-booking-tiny-box .os-date {
white-space: nowrap;
}
.os-booking-tiny-boxes-w .os-booking-tiny-box-date {
flex: 0 0 80px;
padding: 12px 15px;
}
.os-booking-tiny-boxes-w .os-booking-tiny-box-date .os-day {
font-size: 33px;
}
.latepoint-content-w .channel-watch-status {
display: block;
text-align: center;
}
.latepoint-content-w .channel-watch-status .status-watch-label {
margin-bottom: 10px;
}
.latepoint-content-w .channel-watch-status > a.latepoint-link {
margin: 5px 10px;
}
.os-form-sub-header {
display: block;
}
.os-form-sub-header .os-form-sub-header-actions {
margin-top: 5px;
}
.os-form-sub-header .os-form-sub-header-actions .os-form-checkbox-group {
padding: 5px;
border: 1px solid #ddd;
border-radius: 6px;
margin-top: 10px;
}
.os-form-group input[type=checkbox], .os-form-group input[type=radio] {
width: 18px;
height: 18px;
}
.os-form-group input[type=checkbox]:checked:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e904";
color: #1d7bff;
font-size: 14px;
margin: 0px;
}
.os-table-w {
overflow: auto;
}
.os-customers-list,
.os-bookings-list,
.os-transactions-list {
margin-right: -15px;
}
.os-pagination-w {
margin-top: 10px;
flex-wrap: wrap;
}
.os-pagination-w .pagination-info {
flex: 1;
min-width: inherit;
font-size: 15px;
padding: 0;
}
.os-pagination-w .mobile-table-actions-trigger {
display: block;
font-size: 20px;
margin-left: auto;
z-index: 2;
}
.os-pagination-w .table-actions {
flex: 0 0 100%;
gap: 10px;
display: flex;
align-items: center;
margin-top: 10px;
}
.os-pagination-w .table-actions .latepoint-btn {
margin: 0;
flex: 1;
display: flex;
align-items: center;
}
.os-pagination-w .table-actions .latepoint-btn i + span {
margin-left: auto !important;
margin-right: auto !important;
}
.os-pagination-w:not(.os-show-actions) .table-actions {
display: none;
}
.os-table-w.os-table-compact .os-table tr th .os-form-group .os-form-control {
font-size: 16px;
}
.appointment-box-large {
display: block;
margin-bottom: 25px;
}
.appointment-box-large.os-loading:after {
left: auto;
right: 0px;
top: 15px;
}
.appointment-box-large .appointment-info {
padding: 20px 15px;
border-right: none;
padding-bottom: 0px;
}
.appointment-box-large .appointment-info .appointment-time .at-time {
margin-bottom: 20px;
}
.appointment-box-large .appointment-info .appointment-color-elem {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
height: 2px;
width: 100%;
}
.appointment-box-large .account-info-w {
padding: 15px;
}
.appointment-box-large .account-info-w + .account-info-w {
border-top: 1px solid #f2f3f3;
border-left: none;
}
.appointment-box-large .appointment-status-selector {
margin: 0px -15px;
padding: 15px;
}
.appointment-box-large .appointment-status-selector .os-form-group label {
display: none;
}
.appointment-box-large .appointment-status-selector .os-form-group select {
display: block;
width: 100%;
}
.appointment-box-large .appointment-box-actions {
display: flex;
border-left: none;
}
.appointment-box-large .appointment-box-actions .aba-button-w {
flex: 1;
text-align: center;
justify-content: space-around;
border-top: 1px solid #f2f3f3;
}
.appointment-box-large .appointment-box-actions .aba-button-w + .aba-button-w {
border-left: 1px solid #f2f3f3;
}
.group-bookings-list .os-add-box {
padding: 5px;
}
.os-complex-connections-selector .connection .connection-i {
padding: 5px 10px 5px 40px;
}
.os-complex-connections-selector .connection .connection-i:before {
left: 10px;
font-size: 12px;
}
.os-complex-connections-selector .connection.active .selected-connections {
display: none;
}
.os-complex-connections-selector .connection .customize-connection-btn {
margin-left: auto;
}
.os-notifications {
top: 5px;
left: 5px;
right: 5px;
transform: none;
}
.os-notifications .item {
min-width: inherit;
}
.custom-day-work-periods {
justify-content: space-between;
}
.custom-day-work-period,
.add-custom-day-w {
flex: 0 0 48%;
width: 48%;
margin: 0px;
margin-bottom: 4%;
}
.latepoint-lightbox-w .latepoint-lightbox-i {
max-width: 90%;
width: auto;
}
.custom-day-schedule-w {
display: block;
}
.custom-day-schedule-w .custom-day-schedule {
padding-left: 0px;
border-left: none;
}
.custom-day-schedule-w .custom-day-schedule .custom-day-schedule-head {
padding-bottom: 0px;
border-bottom: none;
margin-bottom: 0px;
}
.custom-day-schedule-w .custom-day-calendar {
padding-right: 0px;
}
.latepoint-lightbox-w .latepoint-lightbox-close {
top: 10px;
right: 10px;
}
.latepoint-lightbox-w .latepoint-lightbox-content {
padding: 20px;
}
.group-bookings-list .gb-booking {
padding: 10px 0;
}
.add-booking-to-group-box-wrapper .os-add-box {
padding: 15px 0;
}
.latepoint-lightbox-w .latepoint-lightbox-footer {
padding: 15px 20px;
}
.table-fields-selector-w .table-fields-selector-column {
grid-template-columns: 1fr;
}
.latepoint-lightbox-w .latepoint-lightbox-heading h2 {
font-size: 20px;
}
.latepoint-lightbox-w .latepoint-lightbox-heading {
padding: 15px 20px;
}
.agent-day-bookings-timeline-compact-w .agents-avatars {
margin-right: 10px;
}
.os-info-tile {
margin-bottom: 15px;
}
.calendar-wrapper .ch-filter {
border-left: none;
border-radius: 0;
}
.daily-availability-calendar .calendar-mobile-controls:not(.os-show-actions) > .os-mobile-actions {
display: none;
}
.daily-availability-calendar .calendar-mobile-controls.os-show-actions .os-mobile-actions {
display: block;
}
.daily-availability-calendar.horizontal-calendar .os-current-month-label-w .os-month-control-buttons-w .os-month-today-btn {
border: none;
border-bottom: 1px solid #1d7bff;
border-radius: 0;
padding: 5px 0;
}
.daily-availability-calendar .os-current-month-label-w .os-month-prev-btn, .daily-availability-calendar .os-current-month-label-w .os-month-next-btn {
font-size: 22px;
padding: 0 !important;
}
.daily-availability-calendar.horizontal-calendar .os-current-month-label-w {
display: flex;
flex-wrap: wrap;
padding-bottom: 15px;
margin-bottom: 10px;
border-bottom: 1px solid #EEF0F1;
}
.daily-availability-calendar.horizontal-calendar .os-current-month-label-w .os-month-filters-buttons-w {
flex: 0 0 100%;
padding-top: 10px;
margin-top: 10px;
border-top: 1px solid #EEF0F1;
}
.daily-availability-calendar.horizontal-calendar .os-current-month-label-w .os-month-control-buttons-w {
flex: 0 0 100%;
}
.daily-availability-calendar.horizontal-calendar .os-current-month-label-w .cc-availability-toggler {
margin-bottom: 5px;
margin-right: 0;
}
.daily-availability-calendar.horizontal-calendar .os-current-month-label-w select {
min-height: 22px;
display: block;
width: 100%;
}
.daily-availability-calendar.horizontal-calendar .os-current-month-label-w .cc-service-selector, .daily-availability-calendar.horizontal-calendar .os-current-month-label-w .cc-location-selector {
margin: 0px;
padding: 0px;
border: none;
margin-bottom: 5px;
}
.daily-availability-calendar.horizontal-calendar .os-current-month-label-w .os-month-control-buttons-w {
border-top: 1px solid #EEF0F1;
margin-top: 10px;
padding-top: 10px;
}
.coupon-option-wrapper #optionalCouponCode .os-form-group.os-form-group-bordered.os-form-textfield-group .os-form-control {
font-size: 16px !important;
}
.monthly-calendar-headers {
flex-direction: column;
background-color: transparent;
border: none;
padding: 0px;
margin-bottom: 20px;
align-items: stretch;
}
.monthly-calendar-headers .monthly-calendar-date-selectors > div:first-child {
flex: 1;
}
.monthly-calendar-headers .monthly-calendar-request-selectors {
flex-direction: column;
align-items: stretch;
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #eee;
}
.monthly-calendar-headers .monthly-calendar-request-selectors .availability-label {
margin-bottom: 3px;
}
.monthly-calendar-headers .monthly-calendar-request-selectors .os-form-group + .os-form-group {
margin-left: 0px;
margin-top: 5px;
}
.calendar-week-agent-w .cc-filters {
display: block;
align-self: stretch;
margin: 0px;
padding: 0px;
border: none;
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #eee;
}
.calendar-week-agent-w .cc-filters > div {
margin: 0px 0px 5px 0px !important;
}
.calendar-week-agent-w .cc-filters select {
min-height: 22px;
display: block;
width: 100%;
}
.calendar-week-agent-w .calendar-self-w {
margin-left: -15px;
margin-right: -15px;
}
.calendar-week-agent-w .calendar-hours {
position: relative;
}
.calendar-week-agent-w .calendar-hours .ch-info {
border-left: none;
}
.calendar-week-agent-w .calendar-hours .ch-day-periods-w {
padding-left: 70px;
position: relative;
overflow: auto;
}
.calendar-week-agent-w .calendar-hours .ch-day-periods-w .ch-day {
white-space: nowrap;
flex: 0 0 200px;
width: 200px;
}
.calendar-week-agent-w .calendar-hours .ch-day-periods-w .ch-day-periods-i:last-child .ch-day {
border-right: none;
}
.calendar-week-agent-w .calendar-hours .ch-hours {
z-index: 5;
background-color: #fff;
flex: 0 0 70px;
width: 70px;
position: absolute;
top: 0px;
left: 0px;
}
.calendar-week-agent-w .calendar-hours .ch-hours .chh-period.chh-period-hour:last-child span {
display: none;
}
.calendar-week-agent-w .calendar-mobile-controls:not(.os-show-actions) .os-mobile-actions {
display: none;
}
.calendar-week-agent-w .calendar-mobile-controls.os-show-actions .os-mobile-actions {
flex: 0 0 100%;
display: flex;
flex-direction: column;
}
.calendar-week-agent-w .calendar-controls {
flex-wrap: wrap;
}
.calendar-week-agent-w .calendar-controls .cc-actions {
flex: 0 0 100%;
}
.calendar-week-agent-w .calendar-controls .cc-actions .cc-action-today {
border: none;
border-radius: 0;
padding: 5px 0;
border-bottom: 1px solid #1d7bff;
}
.calendar-week-agent-w .calendar-controls .cc-actions .cc-action-next, .calendar-week-agent-w .calendar-controls .cc-actions .cc-action-prev {
padding: 0;
}
.calendar-week-agent-w .cc-agent-selector label {
display: none;
}
.calendar-week-agent-w .cc-actions {
margin-top: 10px;
flex: 0 0 100%;
background-color: transparent;
border-top: 1px solid #f2f3f3;
padding: 10px 0px 0px 0px;
justify-content: space-between;
}
.calendar-week-agent-w .cc-actions .cc-action-prev,
.calendar-week-agent-w .cc-actions .cc-action-next {
font-size: 22px;
}
.os-categories-ordering-w .os-category-w .os-category-head .os-category-items-count,
.os-category-parent-w.gu-mirror .os-category-w .os-category-head .os-category-items-count {
display: none;
}
.os-categories-ordering-w .os-category-w .os-category-head .os-category-items-meta,
.os-category-parent-w.gu-mirror .os-category-w .os-category-head .os-category-items-meta {
margin-right: 10px;
}
.os-categories-ordering-w .os-category-parent-w .os-category-children {
margin: 10px;
}
.os-categories-ordering-w .add-service-category-box {
margin-top: 20px;
}
.daily-availability-calendar-wrapper {
margin-left: -15px;
margin-right: -15px;
border-radius: 0;
border-right: 0;
border-left: 0;
}
.daily-availability-calendar-wrapper .daily-calendar-action-navigation-btn:first-child {
border-left: none;
border-right: 1px solid #ddd;
}
.daily-availability-calendar-wrapper .daily-calendar-action-navigation-btn:last-child {
border-right: none;
border-left: 1px solid #ddd;
}
.daily-availability-calendar.horizontal-calendar .os-monthly-calendar-days .os-day:last-child .os-day-box {
border-right: none;
}
.daily-availability-calendar.horizontal-calendar .os-monthly-calendar-days .os-day:first-child .os-day-box {
border-left: none;
}
.os-resources-grid {
grid-template-columns: 1fr;
}
.latepoint-all-wrapper .page-header-main-actions {
margin-top: 0px;
justify-content: flex-start;
margin-bottom: 20px;
}
.calendar-month-agents-w {
margin-left: -15px;
margin-right: -15px;
}
.calendar-month-agents-w .ma-floated-days-w {
border-left: none;
}
.bookings-daily-agent {
display: block;
}
.bookings-daily-agent .daily-agent-side {
flex: 1;
width: auto;
padding-left: 0px;
margin-top: 40px;
}
.bookings-daily-agent .daily-availability-calendar {
padding: 10px;
}
.bookings-daily-agent .daily-availability-calendar .os-monthly-calendar-days .os-day {
padding: 2%;
font-size: 15px;
}
.os-time-group input.os-form-control {
font-size: 16px;
flex: 0 0 80px;
width: 80px;
max-width: 80px;
}
.os-agent-highlights {
flex-direction: column;
}
.os-agent-highlights .os-agent-highlight {
flex: 1;
}
.os-form-buttons .latepoint-btn {
font-size: 16px;
}
.os-form-w .white-box {
box-shadow: none;
border-radius: 0px;
margin-bottom: 15px;
border: none;
}
.os-form-w .white-box .white-box-content {
padding: 20px 0px 0px;
}
.os-form-w .white-box .white-box-header .os-form-sub-header {
padding: 10px 0px;
}
.os-form-w .white-box .white-box-header .os-form-sub-header:before {
display: none;
}
.os-services-select-field-w {
font-size: 16px;
}
.os-services-select-field-w .service-option-selected {
padding-top: 8px;
padding-bottom: 8px;
}
.latepoint-side-panel-w {
max-height: 100vh; /* Fallback */
max-height: 100dvh;
height: 100vh; /* Fallback */
height: 100dvh;
bottom: auto;
}
.latepoint-side-panel-w .os-form-sub-header {
display: flex;
}
.latepoint-side-panel-w .os-form-w .open-quick-availability-btn.latepoint-btn-white.latepoint-btn {
padding: 9px;
}
.latepoint-side-panel-w .os-form-group.os-form-group-simple.os-form-textfield-group .os-form-control {
min-height: 40px;
}
.latepoint-side-panel-w .quick-availability-per-day-w.side-sub-panel-wrapper .os-form-header {
padding: 10px 20px;
}
.latepoint-side-panel-w .quick-availability-per-day-w.side-sub-panel-wrapper .separate-timeslots-w {
flex: 0 0 45px;
}
.latepoint-side-panel-w .latepoint-side-panel-i .customer-info-w .os-form-sub-header {
display: flex;
}
.latepoint-side-panel-w .latepoint-side-panel-i .customer-info-w .os-form-sub-header-actions {
margin-left: auto;
}
.latepoint-side-panel-w .os-form-buttons {
padding: 10px 20px;
}
.latepoint-side-panel-w .os-form-buttons .latepoint-btn {
font-size: 16px;
text-align: center;
display: block;
padding: 10px;
}
.latepoint-side-panel-w .os-form-content {
padding-left: 20px;
padding-right: 20px;
}
.latepoint-side-panel-w .os-form-header {
padding: 10px 20px;
}
.latepoint-side-panel-w .latepoint-side-panel-close {
font-size: 24px;
}
.quick-availability-per-day-w {
position: fixed;
width: 100%;
max-width: 100%;
right: 0px;
left: 0px;
border-right: none;
height: 100%;
}
.quick-availability-per-day-w .os-form-header {
padding-left: 15px;
padding-right: 15px;
}
.quick-availability-per-day-w .latepoint-quick-availability-close {
right: 15px;
}
.quick-availability-per-day-w .ma-day {
padding-left: 15px;
padding-right: 15px;
}
.quick-availability-per-day-w .ma-day .ma-day-info {
padding-left: 0px;
}
.quick-availability-per-day-w .ma-month-label {
padding-left: 15px;
}
.quick-availability-per-day-w .separate-timeslots-w {
padding-left: 75px;
padding-right: 15px;
}
.quick-availability-per-day-w .os-availability-next-w {
padding-left: 15px;
padding-right: 15px;
}
.quick-availability-per-day-w .os-availability-prev-w {
padding-left: 15px;
padding-right: 15px;
}
.os-form-group .os-form-control {
font-size: 16px;
}
.os-form-group.os-form-group-transparent.os-form-textfield-group label {
top: -7px;
}
.os-form-group.os-form-group-transparent.os-form-textarea-group label {
top: 1px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results .latepoint-search-results-tiles-w {
overflow: visible;
}
.latepoint-all-wrapper .page-header-main {
padding: 20px 0px 12px 0px;
}
.latepoint-all-wrapper .latepoint-top-bar-w {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
z-index: 9999;
background-color: #fff;
justify-content: space-between;
align-items: center;
padding: 12px 15px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.05);
border-bottom: none;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .latepoint-user-info-dropdown {
left: 0px;
top: 0px;
width: 100%;
right: 0;
position: fixed;
white-space: nowrap;
transform: none;
padding: 25px;
border-radius: 0;
animation: 0.2s cubic-bezier(0.05, 0.45, 0.1, 1) 0s down20;
animation-fill-mode: both;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .latepoint-user-info-dropdown .latepoint-user-info-close {
display: block;
text-decoration: none;
position: absolute;
top: 10px;
right: 10px;
padding: 5px;
font-size: 18px;
color: #1f222b;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .latepoint-user-info-dropdown ul {
display: flex;
gap: 10px;
justify-content: space-between;
align-items: center;
margin-top: 20px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .latepoint-user-info-dropdown ul li {
border-bottom: none;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .latepoint-user-info-dropdown ul li a {
font-size: 15px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .latepoint-user-info-dropdown ul li a i {
font-size: 20px;
margin-right: 5px;
width: 24px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .latepoint-user-info-dropdown .latepoint-uid-head {
flex-direction: row;
align-items: center;
gap: 15px;
font-size: 15px;
padding-bottom: 15px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .latepoint-user-info-dropdown .latepoint-uid-head .uid-info {
padding-left: 0px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .latepoint-user-info-dropdown .latepoint-uid-head .uid-info h4 {
font-size: 19px;
line-height: 1.3;
margin: 0;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .latepoint-user-info-dropdown .latepoint-uid-head .uid-info h5 {
font-size: 15px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .latepoint-user-info-dropdown .latepoint-uid-head .uid-avatar-w {
width: 60px;
height: 60px;
flex: 0 0 60px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .latepoint-user-info-dropdown .latepoint-uid-head .uid-avatar-w .uid-avatar {
height: 60px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-iconed-link {
font-size: 20px;
margin-right: 0px;
padding: 5px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-iconed-link.latepoint-mobile-top-new-appointment-btn-trigger, .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-iconed-link.latepoint-mobile-top-menu-trigger {
font-size: 24px;
line-height: 24px;
padding: 0;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-iconed-link.latepoint-mobile-top-new-appointment-btn-trigger i, .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-iconed-link.latepoint-mobile-top-menu-trigger i {
line-height: 30px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-mobile-top-menu-trigger,
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-mobile-top-search-trigger,
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-mobile-top-new-appointment-btn-trigger {
display: block;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w {
margin: 0px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .avatar-w {
width: 30px;
height: 30px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-activity-trigger {
display: none;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-mobile-top-new-appointment-btn-trigger {
position: relative;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-mobile-top-new-appointment-btn-trigger.os-loading {
color: transparent;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-mobile-top-new-appointment-btn-trigger.os-loading:before {
display: block;
content: "";
width: 24px !important;
height: 24px !important;
border-bottom: 2px solid #1d7bff;
border-left: 2px solid #1d7bff;
border-top: 2px solid #1d7bff;
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: os-loading 700ms infinite linear;
background-color: transparent !important;
z-index: 999;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-btn {
display: none;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-logo {
display: block;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-logo a {
padding-top: 5px;
display: block;
width: 30px;
height: 30px;
outline: none;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-logo a:focus {
outline: none;
box-shadow: none;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-logo span {
display: block;
display: block;
width: 10px;
height: 10px;
background-color: #1d7bff;
content: "";
box-shadow: 10px 10px 0px #1d7bff, 0px 10px 0px #1d7bff, 15px -5px 0px #1d7bff;
margin-bottom: 10px;
margin-right: 10px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-w {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
margin: 0px;
display: none;
animation: 0.2s cubic-bezier(0.05, 0.45, 0.1, 1) 0s mobileSearchAnimation;
animation-fill-mode: both;
z-index: 9999;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-w.os-loading .latepoint-top-search-input-w i {
display: none;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-w.os-loading:before {
left: 24px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-w .latepoint-top-search {
padding: 18px 10px 17px 50px;
border-radius: 0px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-w .latepoint-top-search-input-w {
background-color: #fff;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-w .latepoint-top-search-input-w i {
position: absolute;
display: block;
font-size: 26px;
top: 50%;
left: 12px;
color: #1d7bff;
transform: translateY(-50%);
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-w:before {
display: none;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-settings-trigger {
display: none;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results {
padding-left: 15px;
padding-right: 15px;
padding-top: 58px;
right: 0px;
left: 0px;
top: 0px;
max-height: 90vh;
border-radius: 0px;
overflow-y: auto;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results h3 {
padding-left: 0px;
padding-right: 0px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding-bottom: 10px;
margin-bottom: 15px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results h3:first-child {
padding-top: 15px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results .search-no-results {
padding: 0px;
font-size: 16px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results .latepoint-search-results-tiles-w {
padding: 0px;
display: block;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results .latepoint-search-result {
flex: 1;
margin: 0px;
display: flex;
align-items: center;
padding: 10px;
text-align: left;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results .latepoint-search-result + .latepoint-search-result {
margin: 0px;
margin-top: 10px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results .latepoint-search-result:last-child {
border-bottom: none;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results .latepoint-search-result .avatar {
flex: 0 0 30px;
width: 30px;
height: 30px;
margin-right: 15px;
}
.latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results .latepoint-search-result .name {
flex: 1;
padding-top: 0px;
}
.latepoint-all-wrapper.os-show-mobile-search .latepoint-top-bar-w .latepoint-top-search-w {
display: block;
}
.latepoint-all-wrapper.os-show-mobile-search .latepoint-content-and-menu-w:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(4, 20, 99, 0.41);
z-index: 9998;
animation: 0.4s ease 0s mobileFadeAnimation;
animation-fill-mode: both;
}
.latepoint-all-wrapper .latepoint-content-and-menu-w {
display: block;
padding-top: 58px;
}
.latepoint-all-wrapper .latepoint-content-w {
border-top: none;
}
.latepoint-all-wrapper .latepoint-content-w .latepoint-content {
padding: 20px;
}
.latepoint-all-wrapper .page-header-w {
padding: 0px 20px;
}
.latepoint-all-wrapper .latepoint-side-menu-w {
flex: 1;
border-right: none;
display: none;
position: fixed;
top: 58px;
left: 0px;
right: 0px;
bottom: 0px;
overflow-y: auto;
z-index: 9998;
animation: 0.3s cubic-bezier(0.05, 0.45, 0.1, 1) 0s mobileSideMenuAnimation;
animation-fill-mode: both;
}
.latepoint-all-wrapper .latepoint-side-menu-w .back-to-wp-link {
border: none;
padding: 10px;
text-transform: capitalize;
margin: 10px;
position: relative;
top: auto;
left: auto;
}
.latepoint-all-wrapper .latepoint-side-menu-w .back-to-wp-link span {
display: block;
}
.latepoint-all-wrapper .latepoint-side-menu-w .os-logo {
display: none;
}
.latepoint-all-wrapper .latepoint-side-menu-w ul.side-sub-menu {
padding: 5px 0px 15px 48px;
}
.latepoint-all-wrapper .latepoint-side-menu-w ul.side-sub-menu li {
font-size: 20px;
}
.latepoint-all-wrapper .latepoint-side-menu-w ul.side-sub-menu li a {
padding: 6px 0px;
color: #1f222b;
}
.latepoint-all-wrapper .latepoint-side-menu-w ul.side-sub-menu li a .os-menu-badge {
left: -33px;
}
.latepoint-all-wrapper .latepoint-side-menu-w ul.side-sub-menu li a:before {
left: -33px;
display: none;
}
.latepoint-all-wrapper .latepoint-side-menu-w ul.side-menu > li.menu-item-sub-open-mobile > a {
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.03);
}
.latepoint-all-wrapper .latepoint-side-menu-w ul.side-menu > li.menu-item-sub-open-mobile ul.side-sub-menu {
display: block;
}
.latepoint-all-wrapper .latepoint-side-menu-w ul.side-menu > li > a {
font-size: 22px;
padding: 10px 10px;
}
.latepoint-all-wrapper .latepoint-side-menu-w ul.side-menu > li > a > span {
padding-left: 0px;
color: #1f222b;
}
.latepoint-all-wrapper .latepoint-side-menu-w ul.side-menu > li > a > i {
font-size: 22px;
}
.latepoint-all-wrapper .latepoint-side-menu-w ul.side-menu > li:not(.has-children) ul.side-sub-menu {
display: none;
}
.latepoint-all-wrapper.os-show-mobile-menu .latepoint-side-menu-w {
display: block;
background-color: #fff;
}
.latepoint-all-wrapper.os-show-mobile-menu .latepoint-mobile-top-menu-trigger i:before {
content: "\e94b";
}
.latepoint #wpbody {
padding-top: 0px;
}
.wp-toolbar body.latepoint-admin {
margin-top: 0px;
}
.os-widget .os-widget-header.with-actions .os-widget-header-text {
margin-bottom: 0px;
font-size: 20px;
}
.os-widget .os-widget-header.with-actions {
flex-wrap: wrap;
display: flex;
align-items: center;
}
.os-widget .os-widget-header.with-actions .os-widget-header-actions-trigger {
display: block;
margin-left: auto;
padding: 0px 0px 0px 5px;
}
.os-widget .os-widget-header.with-actions .os-widget-header-actions {
display: none;
text-align: left;
margin: 0px;
margin-top: 15px;
width: 100%;
flex: 0 0 100%;
}
.os-widget .os-widget-header.with-actions .os-widget-header-actions select,
.os-widget .os-widget-header.with-actions .os-widget-header-actions .os-date-range-picker {
display: block;
width: 100%;
max-width: 100%;
margin-top: 10px;
font-size: 16px;
}
.os-widget .os-widget-header.with-actions .os-widget-header-actions select:first-child,
.os-widget .os-widget-header.with-actions .os-widget-header-actions .os-date-range-picker:first-child {
margin-top: 0;
}
.os-widget .os-widget-header.with-actions .os-widget-header-actions .os-date-range-picker {
position: relative;
}
.os-widget .os-widget-header.with-actions .os-widget-header-actions .os-date-range-picker > i {
position: absolute;
top: 50%;
right: 5px;
transform: translateY(-50%);
}
.os-widget .os-widget-header.with-actions.os-show-actions .os-widget-header-actions {
display: block;
}
.os-widget-upcoming-appointments .appointment-box-small,
.appointment-box-small {
display: block;
padding-top: 0px;
padding-bottom: 0px;
border-bottom: none;
margin-bottom: 30px;
}
.os-widget-upcoming-appointments .appointment-box-small.os-loading:after,
.appointment-box-small.os-loading:after {
top: 50%;
left: 50%;
}
.os-widget-upcoming-appointments .appointment-box-small .appointment-info,
.appointment-box-small .appointment-info {
padding: 0px 0px 10px 15px;
}
.os-widget-upcoming-appointments .appointment-box-small .appointment-info .appointment-service-name,
.appointment-box-small .appointment-info .appointment-service-name {
font-size: 18px;
}
.os-widget-upcoming-appointments .appointment-box-small .appointment-info .appointment-time,
.appointment-box-small .appointment-info .appointment-time {
display: flex;
justify-content: space-between;
}
.os-widget-upcoming-appointments .appointment-box-small .agent-info-w,
.os-widget-upcoming-appointments .appointment-box-small .customer-info-w,
.appointment-box-small .agent-info-w,
.appointment-box-small .customer-info-w {
flex: 1;
flex-direction: row-reverse;
justify-content: space-between;
border-top: 1px solid #f2f3f3;
padding: 10px 0px 0px 15px;
border-left: none;
}
.os-widget-upcoming-appointments .appointment-box-small .agent-info-w .avatar-w,
.os-widget-upcoming-appointments .appointment-box-small .customer-info-w .avatar-w,
.appointment-box-small .agent-info-w .avatar-w,
.appointment-box-small .customer-info-w .avatar-w {
margin-right: 0px;
}
.os-widget-upcoming-appointments .appointment-box-small .appointment-color-elem,
.appointment-box-small .appointment-color-elem {
top: 0px;
bottom: 0px;
height: 100%;
width: 2px;
}
.agent-day-availability-w .agent-avatar-w {
margin-right: 10px;
}
.back-to-wp-link-w {
display: none;
}
}
.latepoint-admin .lp_iti--separate-dial-code .lp_iti__selected-dial-code {
padding-top: 1px;
}
body.latepoint .os-form-phonefield-group:not(.has-value) .lp_iti {
align-items: center;
}
.latepoint-admin .lp_iti, .latepoint .lp_iti {
position: relative;
display: flex;
align-items: flex-end;
}
.latepoint-admin .lp_iti *, .latepoint .lp_iti * {
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.latepoint-admin .lp_iti__hide, .latepoint .lp_iti__hide {
display: none;
}
.latepoint-admin .lp_iti__v-hide, .latepoint .lp_iti__v-hide {
visibility: hidden;
}
.latepoint-admin .lp_iti input, .latepoint-admin .lp_iti input[type=text], .latepoint-admin .lp_iti input[type=tel], .latepoint .lp_iti input, .latepoint .lp_iti input[type=text], .latepoint .lp_iti input[type=tel] {
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-right: 36px;
margin-right: 0;
}
.latepoint-admin .lp_iti__flag-container, .latepoint .lp_iti__flag-container {
position: relative;
}
.latepoint-admin .lp_iti__selected-flag, .latepoint .lp_iti__selected-flag {
z-index: 1;
position: relative;
display: flex;
align-items: center;
padding: 8px 6px 8px 0px;
min-height: 20px;
}
.latepoint-admin .lp_iti__arrow, .latepoint .lp_iti__arrow {
margin-left: 4px;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid #555;
margin-right: 0px;
}
.latepoint-admin .lp_iti__arrow--up, .latepoint .lp_iti__arrow--up {
margin-left: 6px;
border-top: 3px solid transparent;
border-bottom: 3px solid transparent;
border-left: 4px solid #555;
border-right: none;
}
.latepoint-admin .lp_iti__country-list, .latepoint .lp_iti__country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0;
border: 1px solid #ababbf;
border-bottom-color: #9c9ead;
border-radius: 6px;
box-shadow: 0px 5px 8px -3px rgba(0, 0, 0, 0.2), 0px 5px 20px -5px rgba(0, 0, 0, 0.2);
background-color: #fff;
white-space: nowrap;
max-height: 200px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
margin: 0px;
margin-bottom: 1px;
margin-left: -1px;
font-size: 15px;
}
.latepoint-admin .lp_iti__country-list--dropup, .latepoint .lp_iti__country-list--dropup {
bottom: 100%;
margin-bottom: -1px;
}
@media (max-width: 500px) {
.latepoint-admin .lp_iti__country-list, .latepoint .lp_iti__country-list {
white-space: normal;
}
}
.latepoint-admin .lp_iti__flag-box, .latepoint .lp_iti__flag-box {
display: inline-block;
width: 20px;
}
.latepoint-admin .lp_iti__divider, .latepoint .lp_iti__divider {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #CCC;
}
.latepoint-admin .lp_iti__country, .latepoint .lp_iti__country {
padding: 6px 8px;
outline: none;
margin-bottom: 0px;
font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.latepoint-admin .lp_iti__dial-code, .latepoint .lp_iti__dial-code {
color: #999;
}
.latepoint-admin .lp_iti__country.lp_iti__highlight, .latepoint .lp_iti__country.lp_iti__highlight {
background-color: rgba(0, 0, 0, 0.05);
}
.latepoint-admin .lp_iti__flag-box, .latepoint-admin .lp_iti__country-name, .latepoint-admin .lp_iti__dial-code, .latepoint .lp_iti__flag-box, .latepoint .lp_iti__country-name, .latepoint .lp_iti__dial-code {
vertical-align: middle;
}
.latepoint-admin .lp_iti__flag-box, .latepoint-admin .lp_iti__country-name, .latepoint .lp_iti__flag-box, .latepoint .lp_iti__country-name {
margin-right: 6px;
}
.latepoint-admin .lp_iti--allow-dropdown input, .latepoint-admin .lp_iti--allow-dropdown input[type=text], .latepoint-admin .lp_iti--allow-dropdown input[type=tel], .latepoint-admin .lp_iti--separate-dial-code input, .latepoint-admin .lp_iti--separate-dial-code input[type=text], .latepoint-admin .lp_iti--separate-dial-code input[type=tel], .latepoint .lp_iti--allow-dropdown input, .latepoint .lp_iti--allow-dropdown input[type=text], .latepoint .lp_iti--allow-dropdown input[type=tel], .latepoint .lp_iti--separate-dial-code input, .latepoint .lp_iti--separate-dial-code input[type=text], .latepoint .lp_iti--separate-dial-code input[type=tel] {
padding-right: 6px;
padding-left: 52px;
margin-left: 0;
}
.latepoint-admin .lp_iti--allow-dropdown .lp_iti__flag-container, .latepoint-admin .lp_iti--separate-dial-code .lp_iti__flag-container, .latepoint .lp_iti--allow-dropdown .lp_iti__flag-container, .latepoint .lp_iti--separate-dial-code .lp_iti__flag-container {
right: auto;
left: 0;
}
.latepoint-admin .lp_iti--allow-dropdown .lp_iti__flag-container:hover, .latepoint .lp_iti--allow-dropdown .lp_iti__flag-container:hover {
cursor: pointer;
}
.latepoint-admin .lp_iti--allow-dropdown input[disabled] + .lp_iti__flag-container:hover,
.latepoint-admin .lp_iti--allow-dropdown input[readonly] + .lp_iti__flag-container:hover, .latepoint .lp_iti--allow-dropdown input[disabled] + .lp_iti__flag-container:hover,
.latepoint .lp_iti--allow-dropdown input[readonly] + .lp_iti__flag-container:hover {
cursor: default;
}
.latepoint-admin .lp_iti--allow-dropdown input[disabled] + .lp_iti__flag-container:hover .lp_iti__selected-flag,
.latepoint-admin .lp_iti--allow-dropdown input[readonly] + .lp_iti__flag-container:hover .lp_iti__selected-flag, .latepoint .lp_iti--allow-dropdown input[disabled] + .lp_iti__flag-container:hover .lp_iti__selected-flag,
.latepoint .lp_iti--allow-dropdown input[readonly] + .lp_iti__flag-container:hover .lp_iti__selected-flag {
background-color: transparent;
}
.latepoint-admin .lp_iti--separate-dial-code .lp_iti__selected-dial-code, .latepoint .lp_iti--separate-dial-code .lp_iti__selected-dial-code {
margin-left: 6px;
}
.latepoint-admin .lp_iti--container, .latepoint .lp_iti--container {
position: absolute;
top: -1000px;
left: -1000px;
z-index: 1000000;
padding: 1px;
}
.latepoint-admin .lp_iti--container:hover, .latepoint .lp_iti--container:hover {
cursor: pointer;
}
.latepoint-admin.lp_iti-mobile .lp_iti--container, .latepoint.lp_iti-mobile .lp_iti--container {
top: 20px;
bottom: 20px;
left: 20px;
right: 20px;
position: fixed;
z-index: 1000000;
}
.latepoint-admin.lp_iti-mobile .lp_iti__country-list, .latepoint.lp_iti-mobile .lp_iti__country-list {
max-height: 100%;
width: 100%;
}
.latepoint-admin.lp_iti-mobile .lp_iti__country, .latepoint.lp_iti-mobile .lp_iti__country {
padding: 10px 10px;
line-height: 1.5em;
}
.latepoint-admin .lp_iti__flag, .latepoint .lp_iti__flag {
width: 20px;
}
.latepoint-admin .lp_iti__flag.lp_iti__be, .latepoint .lp_iti__flag.lp_iti__be {
width: 18px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ch, .latepoint .lp_iti__flag.lp_iti__ch {
width: 15px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mc, .latepoint .lp_iti__flag.lp_iti__mc {
width: 19px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ne, .latepoint .lp_iti__flag.lp_iti__ne {
width: 18px;
}
.latepoint-admin .lp_iti__flag.lp_iti__np, .latepoint .lp_iti__flag.lp_iti__np {
width: 13px;
}
.latepoint-admin .lp_iti__flag.lp_iti__va, .latepoint .lp_iti__flag.lp_iti__va {
width: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.latepoint-admin .lp_iti__flag, .latepoint .lp_iti__flag {
background-size: 5652px 15px;
}
}
.latepoint-admin .lp_iti__flag.lp_iti__ac, .latepoint .lp_iti__flag.lp_iti__ac {
height: 10px;
background-position: 0px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ad, .latepoint .lp_iti__flag.lp_iti__ad {
height: 14px;
background-position: -22px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ae, .latepoint .lp_iti__flag.lp_iti__ae {
height: 10px;
background-position: -44px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__af, .latepoint .lp_iti__flag.lp_iti__af {
height: 14px;
background-position: -66px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ag, .latepoint .lp_iti__flag.lp_iti__ag {
height: 14px;
background-position: -88px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ai, .latepoint .lp_iti__flag.lp_iti__ai {
height: 10px;
background-position: -110px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__al, .latepoint .lp_iti__flag.lp_iti__al {
height: 15px;
background-position: -132px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__am, .latepoint .lp_iti__flag.lp_iti__am {
height: 10px;
background-position: -154px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ao, .latepoint .lp_iti__flag.lp_iti__ao {
height: 14px;
background-position: -176px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__aq, .latepoint .lp_iti__flag.lp_iti__aq {
height: 14px;
background-position: -198px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ar, .latepoint .lp_iti__flag.lp_iti__ar {
height: 13px;
background-position: -220px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__as, .latepoint .lp_iti__flag.lp_iti__as {
height: 10px;
background-position: -242px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__at, .latepoint .lp_iti__flag.lp_iti__at {
height: 14px;
background-position: -264px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__au, .latepoint .lp_iti__flag.lp_iti__au {
height: 10px;
background-position: -286px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__aw, .latepoint .lp_iti__flag.lp_iti__aw {
height: 14px;
background-position: -308px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ax, .latepoint .lp_iti__flag.lp_iti__ax {
height: 13px;
background-position: -330px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__az, .latepoint .lp_iti__flag.lp_iti__az {
height: 10px;
background-position: -352px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ba, .latepoint .lp_iti__flag.lp_iti__ba {
height: 10px;
background-position: -374px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bb, .latepoint .lp_iti__flag.lp_iti__bb {
height: 14px;
background-position: -396px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bd, .latepoint .lp_iti__flag.lp_iti__bd {
height: 12px;
background-position: -418px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__be, .latepoint .lp_iti__flag.lp_iti__be {
height: 15px;
background-position: -440px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bf, .latepoint .lp_iti__flag.lp_iti__bf {
height: 14px;
background-position: -460px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bg, .latepoint .lp_iti__flag.lp_iti__bg {
height: 12px;
background-position: -482px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bh, .latepoint .lp_iti__flag.lp_iti__bh {
height: 12px;
background-position: -504px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bi, .latepoint .lp_iti__flag.lp_iti__bi {
height: 12px;
background-position: -526px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bj, .latepoint .lp_iti__flag.lp_iti__bj {
height: 14px;
background-position: -548px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bl, .latepoint .lp_iti__flag.lp_iti__bl {
height: 14px;
background-position: -570px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bm, .latepoint .lp_iti__flag.lp_iti__bm {
height: 10px;
background-position: -592px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bn, .latepoint .lp_iti__flag.lp_iti__bn {
height: 10px;
background-position: -614px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bo, .latepoint .lp_iti__flag.lp_iti__bo {
height: 14px;
background-position: -636px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bq, .latepoint .lp_iti__flag.lp_iti__bq {
height: 14px;
background-position: -658px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__br, .latepoint .lp_iti__flag.lp_iti__br {
height: 14px;
background-position: -680px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bs, .latepoint .lp_iti__flag.lp_iti__bs {
height: 10px;
background-position: -702px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bt, .latepoint .lp_iti__flag.lp_iti__bt {
height: 14px;
background-position: -724px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bv, .latepoint .lp_iti__flag.lp_iti__bv {
height: 15px;
background-position: -746px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bw, .latepoint .lp_iti__flag.lp_iti__bw {
height: 14px;
background-position: -768px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__by, .latepoint .lp_iti__flag.lp_iti__by {
height: 10px;
background-position: -790px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__bz, .latepoint .lp_iti__flag.lp_iti__bz {
height: 14px;
background-position: -812px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ca, .latepoint .lp_iti__flag.lp_iti__ca {
height: 10px;
background-position: -834px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cc, .latepoint .lp_iti__flag.lp_iti__cc {
height: 10px;
background-position: -856px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cd, .latepoint .lp_iti__flag.lp_iti__cd {
height: 15px;
background-position: -878px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cf, .latepoint .lp_iti__flag.lp_iti__cf {
height: 14px;
background-position: -900px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cg, .latepoint .lp_iti__flag.lp_iti__cg {
height: 14px;
background-position: -922px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ch, .latepoint .lp_iti__flag.lp_iti__ch {
height: 15px;
background-position: -944px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ci, .latepoint .lp_iti__flag.lp_iti__ci {
height: 14px;
background-position: -961px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ck, .latepoint .lp_iti__flag.lp_iti__ck {
height: 10px;
background-position: -983px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cl, .latepoint .lp_iti__flag.lp_iti__cl {
height: 14px;
background-position: -1005px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cm, .latepoint .lp_iti__flag.lp_iti__cm {
height: 14px;
background-position: -1027px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cn, .latepoint .lp_iti__flag.lp_iti__cn {
height: 14px;
background-position: -1049px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__co, .latepoint .lp_iti__flag.lp_iti__co {
height: 14px;
background-position: -1071px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cp, .latepoint .lp_iti__flag.lp_iti__cp {
height: 14px;
background-position: -1093px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cr, .latepoint .lp_iti__flag.lp_iti__cr {
height: 12px;
background-position: -1115px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cu, .latepoint .lp_iti__flag.lp_iti__cu {
height: 10px;
background-position: -1137px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cv, .latepoint .lp_iti__flag.lp_iti__cv {
height: 12px;
background-position: -1159px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cw, .latepoint .lp_iti__flag.lp_iti__cw {
height: 14px;
background-position: -1181px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cx, .latepoint .lp_iti__flag.lp_iti__cx {
height: 10px;
background-position: -1203px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cy, .latepoint .lp_iti__flag.lp_iti__cy {
height: 14px;
background-position: -1225px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__cz, .latepoint .lp_iti__flag.lp_iti__cz {
height: 14px;
background-position: -1247px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__de, .latepoint .lp_iti__flag.lp_iti__de {
height: 12px;
background-position: -1269px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__dg, .latepoint .lp_iti__flag.lp_iti__dg {
height: 10px;
background-position: -1291px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__dj, .latepoint .lp_iti__flag.lp_iti__dj {
height: 14px;
background-position: -1313px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__dk, .latepoint .lp_iti__flag.lp_iti__dk {
height: 15px;
background-position: -1335px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__dm, .latepoint .lp_iti__flag.lp_iti__dm {
height: 10px;
background-position: -1357px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__do, .latepoint .lp_iti__flag.lp_iti__do {
height: 14px;
background-position: -1379px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__dz, .latepoint .lp_iti__flag.lp_iti__dz {
height: 14px;
background-position: -1401px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ea, .latepoint .lp_iti__flag.lp_iti__ea {
height: 14px;
background-position: -1423px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ec, .latepoint .lp_iti__flag.lp_iti__ec {
height: 14px;
background-position: -1445px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ee, .latepoint .lp_iti__flag.lp_iti__ee {
height: 13px;
background-position: -1467px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__eg, .latepoint .lp_iti__flag.lp_iti__eg {
height: 14px;
background-position: -1489px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__eh, .latepoint .lp_iti__flag.lp_iti__eh {
height: 10px;
background-position: -1511px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__er, .latepoint .lp_iti__flag.lp_iti__er {
height: 10px;
background-position: -1533px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__es, .latepoint .lp_iti__flag.lp_iti__es {
height: 14px;
background-position: -1555px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__et, .latepoint .lp_iti__flag.lp_iti__et {
height: 10px;
background-position: -1577px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__eu, .latepoint .lp_iti__flag.lp_iti__eu {
height: 14px;
background-position: -1599px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__fi, .latepoint .lp_iti__flag.lp_iti__fi {
height: 12px;
background-position: -1621px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__fj, .latepoint .lp_iti__flag.lp_iti__fj {
height: 10px;
background-position: -1643px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__fk, .latepoint .lp_iti__flag.lp_iti__fk {
height: 10px;
background-position: -1665px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__fm, .latepoint .lp_iti__flag.lp_iti__fm {
height: 11px;
background-position: -1687px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__fo, .latepoint .lp_iti__flag.lp_iti__fo {
height: 15px;
background-position: -1709px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__fr, .latepoint .lp_iti__flag.lp_iti__fr {
height: 14px;
background-position: -1731px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ga, .latepoint .lp_iti__flag.lp_iti__ga {
height: 15px;
background-position: -1753px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gb, .latepoint .lp_iti__flag.lp_iti__gb {
height: 10px;
background-position: -1775px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gd, .latepoint .lp_iti__flag.lp_iti__gd {
height: 12px;
background-position: -1797px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ge, .latepoint .lp_iti__flag.lp_iti__ge {
height: 14px;
background-position: -1819px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gf, .latepoint .lp_iti__flag.lp_iti__gf {
height: 14px;
background-position: -1841px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gg, .latepoint .lp_iti__flag.lp_iti__gg {
height: 14px;
background-position: -1863px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gh, .latepoint .lp_iti__flag.lp_iti__gh {
height: 14px;
background-position: -1885px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gi, .latepoint .lp_iti__flag.lp_iti__gi {
height: 10px;
background-position: -1907px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gl, .latepoint .lp_iti__flag.lp_iti__gl {
height: 14px;
background-position: -1929px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gm, .latepoint .lp_iti__flag.lp_iti__gm {
height: 14px;
background-position: -1951px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gn, .latepoint .lp_iti__flag.lp_iti__gn {
height: 14px;
background-position: -1973px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gp, .latepoint .lp_iti__flag.lp_iti__gp {
height: 14px;
background-position: -1995px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gq, .latepoint .lp_iti__flag.lp_iti__gq {
height: 14px;
background-position: -2017px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gr, .latepoint .lp_iti__flag.lp_iti__gr {
height: 14px;
background-position: -2039px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gs, .latepoint .lp_iti__flag.lp_iti__gs {
height: 10px;
background-position: -2061px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gt, .latepoint .lp_iti__flag.lp_iti__gt {
height: 13px;
background-position: -2083px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gu, .latepoint .lp_iti__flag.lp_iti__gu {
height: 11px;
background-position: -2105px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gw, .latepoint .lp_iti__flag.lp_iti__gw {
height: 10px;
background-position: -2127px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__gy, .latepoint .lp_iti__flag.lp_iti__gy {
height: 12px;
background-position: -2149px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__hk, .latepoint .lp_iti__flag.lp_iti__hk {
height: 14px;
background-position: -2171px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__hm, .latepoint .lp_iti__flag.lp_iti__hm {
height: 10px;
background-position: -2193px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__hn, .latepoint .lp_iti__flag.lp_iti__hn {
height: 10px;
background-position: -2215px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__hr, .latepoint .lp_iti__flag.lp_iti__hr {
height: 10px;
background-position: -2237px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ht, .latepoint .lp_iti__flag.lp_iti__ht {
height: 12px;
background-position: -2259px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__hu, .latepoint .lp_iti__flag.lp_iti__hu {
height: 10px;
background-position: -2281px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ic, .latepoint .lp_iti__flag.lp_iti__ic {
height: 14px;
background-position: -2303px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__id, .latepoint .lp_iti__flag.lp_iti__id {
height: 14px;
background-position: -2325px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ie, .latepoint .lp_iti__flag.lp_iti__ie {
height: 10px;
background-position: -2347px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__il, .latepoint .lp_iti__flag.lp_iti__il {
height: 15px;
background-position: -2369px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__im, .latepoint .lp_iti__flag.lp_iti__im {
height: 10px;
background-position: -2391px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__in, .latepoint .lp_iti__flag.lp_iti__in {
height: 14px;
background-position: -2413px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__io, .latepoint .lp_iti__flag.lp_iti__io {
height: 10px;
background-position: -2435px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__iq, .latepoint .lp_iti__flag.lp_iti__iq {
height: 14px;
background-position: -2457px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ir, .latepoint .lp_iti__flag.lp_iti__ir {
height: 12px;
background-position: -2479px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__is, .latepoint .lp_iti__flag.lp_iti__is {
height: 15px;
background-position: -2501px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__it, .latepoint .lp_iti__flag.lp_iti__it {
height: 14px;
background-position: -2523px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__je, .latepoint .lp_iti__flag.lp_iti__je {
height: 12px;
background-position: -2545px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__jm, .latepoint .lp_iti__flag.lp_iti__jm {
height: 10px;
background-position: -2567px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__jo, .latepoint .lp_iti__flag.lp_iti__jo {
height: 10px;
background-position: -2589px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__jp, .latepoint .lp_iti__flag.lp_iti__jp {
height: 14px;
background-position: -2611px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ke, .latepoint .lp_iti__flag.lp_iti__ke {
height: 14px;
background-position: -2633px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__kg, .latepoint .lp_iti__flag.lp_iti__kg {
height: 12px;
background-position: -2655px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__kh, .latepoint .lp_iti__flag.lp_iti__kh {
height: 13px;
background-position: -2677px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ki, .latepoint .lp_iti__flag.lp_iti__ki {
height: 10px;
background-position: -2699px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__km, .latepoint .lp_iti__flag.lp_iti__km {
height: 12px;
background-position: -2721px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__kn, .latepoint .lp_iti__flag.lp_iti__kn {
height: 14px;
background-position: -2743px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__kp, .latepoint .lp_iti__flag.lp_iti__kp {
height: 10px;
background-position: -2765px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__kr, .latepoint .lp_iti__flag.lp_iti__kr {
height: 14px;
background-position: -2787px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__kw, .latepoint .lp_iti__flag.lp_iti__kw {
height: 10px;
background-position: -2809px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ky, .latepoint .lp_iti__flag.lp_iti__ky {
height: 10px;
background-position: -2831px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__kz, .latepoint .lp_iti__flag.lp_iti__kz {
height: 10px;
background-position: -2853px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__la, .latepoint .lp_iti__flag.lp_iti__la {
height: 14px;
background-position: -2875px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__lb, .latepoint .lp_iti__flag.lp_iti__lb {
height: 14px;
background-position: -2897px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__lc, .latepoint .lp_iti__flag.lp_iti__lc {
height: 10px;
background-position: -2919px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__li, .latepoint .lp_iti__flag.lp_iti__li {
height: 12px;
background-position: -2941px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__lk, .latepoint .lp_iti__flag.lp_iti__lk {
height: 10px;
background-position: -2963px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__lr, .latepoint .lp_iti__flag.lp_iti__lr {
height: 11px;
background-position: -2985px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ls, .latepoint .lp_iti__flag.lp_iti__ls {
height: 14px;
background-position: -3007px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__lt, .latepoint .lp_iti__flag.lp_iti__lt {
height: 12px;
background-position: -3029px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__lu, .latepoint .lp_iti__flag.lp_iti__lu {
height: 12px;
background-position: -3051px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__lv, .latepoint .lp_iti__flag.lp_iti__lv {
height: 10px;
background-position: -3073px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ly, .latepoint .lp_iti__flag.lp_iti__ly {
height: 10px;
background-position: -3095px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ma, .latepoint .lp_iti__flag.lp_iti__ma {
height: 14px;
background-position: -3117px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mc, .latepoint .lp_iti__flag.lp_iti__mc {
height: 15px;
background-position: -3139px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__md, .latepoint .lp_iti__flag.lp_iti__md {
height: 10px;
background-position: -3160px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__me, .latepoint .lp_iti__flag.lp_iti__me {
height: 10px;
background-position: -3182px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mf, .latepoint .lp_iti__flag.lp_iti__mf {
height: 14px;
background-position: -3204px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mg, .latepoint .lp_iti__flag.lp_iti__mg {
height: 14px;
background-position: -3226px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mh, .latepoint .lp_iti__flag.lp_iti__mh {
height: 11px;
background-position: -3248px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mk, .latepoint .lp_iti__flag.lp_iti__mk {
height: 10px;
background-position: -3270px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ml, .latepoint .lp_iti__flag.lp_iti__ml {
height: 14px;
background-position: -3292px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mm, .latepoint .lp_iti__flag.lp_iti__mm {
height: 14px;
background-position: -3314px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mn, .latepoint .lp_iti__flag.lp_iti__mn {
height: 10px;
background-position: -3336px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mo, .latepoint .lp_iti__flag.lp_iti__mo {
height: 14px;
background-position: -3358px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mp, .latepoint .lp_iti__flag.lp_iti__mp {
height: 10px;
background-position: -3380px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mq, .latepoint .lp_iti__flag.lp_iti__mq {
height: 14px;
background-position: -3402px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mr, .latepoint .lp_iti__flag.lp_iti__mr {
height: 14px;
background-position: -3424px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ms, .latepoint .lp_iti__flag.lp_iti__ms {
height: 10px;
background-position: -3446px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mt, .latepoint .lp_iti__flag.lp_iti__mt {
height: 14px;
background-position: -3468px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mu, .latepoint .lp_iti__flag.lp_iti__mu {
height: 14px;
background-position: -3490px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mv, .latepoint .lp_iti__flag.lp_iti__mv {
height: 14px;
background-position: -3512px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mw, .latepoint .lp_iti__flag.lp_iti__mw {
height: 14px;
background-position: -3534px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mx, .latepoint .lp_iti__flag.lp_iti__mx {
height: 12px;
background-position: -3556px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__my, .latepoint .lp_iti__flag.lp_iti__my {
height: 10px;
background-position: -3578px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__mz, .latepoint .lp_iti__flag.lp_iti__mz {
height: 14px;
background-position: -3600px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__na, .latepoint .lp_iti__flag.lp_iti__na {
height: 14px;
background-position: -3622px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__nc, .latepoint .lp_iti__flag.lp_iti__nc {
height: 10px;
background-position: -3644px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ne, .latepoint .lp_iti__flag.lp_iti__ne {
height: 15px;
background-position: -3666px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__nf, .latepoint .lp_iti__flag.lp_iti__nf {
height: 10px;
background-position: -3686px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ng, .latepoint .lp_iti__flag.lp_iti__ng {
height: 10px;
background-position: -3708px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ni, .latepoint .lp_iti__flag.lp_iti__ni {
height: 12px;
background-position: -3730px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__nl, .latepoint .lp_iti__flag.lp_iti__nl {
height: 14px;
background-position: -3752px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__no, .latepoint .lp_iti__flag.lp_iti__no {
height: 15px;
background-position: -3774px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__np, .latepoint .lp_iti__flag.lp_iti__np {
height: 15px;
background-position: -3796px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__nr, .latepoint .lp_iti__flag.lp_iti__nr {
height: 10px;
background-position: -3811px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__nu, .latepoint .lp_iti__flag.lp_iti__nu {
height: 10px;
background-position: -3833px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__nz, .latepoint .lp_iti__flag.lp_iti__nz {
height: 10px;
background-position: -3855px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__om, .latepoint .lp_iti__flag.lp_iti__om {
height: 10px;
background-position: -3877px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pa, .latepoint .lp_iti__flag.lp_iti__pa {
height: 14px;
background-position: -3899px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pe, .latepoint .lp_iti__flag.lp_iti__pe {
height: 14px;
background-position: -3921px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pf, .latepoint .lp_iti__flag.lp_iti__pf {
height: 14px;
background-position: -3943px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pg, .latepoint .lp_iti__flag.lp_iti__pg {
height: 15px;
background-position: -3965px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ph, .latepoint .lp_iti__flag.lp_iti__ph {
height: 10px;
background-position: -3987px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pk, .latepoint .lp_iti__flag.lp_iti__pk {
height: 14px;
background-position: -4009px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pl, .latepoint .lp_iti__flag.lp_iti__pl {
height: 13px;
background-position: -4031px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pm, .latepoint .lp_iti__flag.lp_iti__pm {
height: 14px;
background-position: -4053px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pn, .latepoint .lp_iti__flag.lp_iti__pn {
height: 10px;
background-position: -4075px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pr, .latepoint .lp_iti__flag.lp_iti__pr {
height: 14px;
background-position: -4097px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ps, .latepoint .lp_iti__flag.lp_iti__ps {
height: 10px;
background-position: -4119px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pt, .latepoint .lp_iti__flag.lp_iti__pt {
height: 14px;
background-position: -4141px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__pw, .latepoint .lp_iti__flag.lp_iti__pw {
height: 13px;
background-position: -4163px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__py, .latepoint .lp_iti__flag.lp_iti__py {
height: 11px;
background-position: -4185px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__qa, .latepoint .lp_iti__flag.lp_iti__qa {
height: 8px;
background-position: -4207px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__re, .latepoint .lp_iti__flag.lp_iti__re {
height: 14px;
background-position: -4229px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ro, .latepoint .lp_iti__flag.lp_iti__ro {
height: 14px;
background-position: -4251px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__rs, .latepoint .lp_iti__flag.lp_iti__rs {
height: 14px;
background-position: -4273px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ru, .latepoint .lp_iti__flag.lp_iti__ru {
height: 14px;
background-position: -4295px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__rw, .latepoint .lp_iti__flag.lp_iti__rw {
height: 14px;
background-position: -4317px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sa, .latepoint .lp_iti__flag.lp_iti__sa {
height: 14px;
background-position: -4339px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sb, .latepoint .lp_iti__flag.lp_iti__sb {
height: 10px;
background-position: -4361px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sc, .latepoint .lp_iti__flag.lp_iti__sc {
height: 10px;
background-position: -4383px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sd, .latepoint .lp_iti__flag.lp_iti__sd {
height: 10px;
background-position: -4405px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__se, .latepoint .lp_iti__flag.lp_iti__se {
height: 13px;
background-position: -4427px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sg, .latepoint .lp_iti__flag.lp_iti__sg {
height: 14px;
background-position: -4449px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sh, .latepoint .lp_iti__flag.lp_iti__sh {
height: 10px;
background-position: -4471px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__si, .latepoint .lp_iti__flag.lp_iti__si {
height: 10px;
background-position: -4493px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sj, .latepoint .lp_iti__flag.lp_iti__sj {
height: 15px;
background-position: -4515px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sk, .latepoint .lp_iti__flag.lp_iti__sk {
height: 14px;
background-position: -4537px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sl, .latepoint .lp_iti__flag.lp_iti__sl {
height: 14px;
background-position: -4559px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sm, .latepoint .lp_iti__flag.lp_iti__sm {
height: 15px;
background-position: -4581px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sn, .latepoint .lp_iti__flag.lp_iti__sn {
height: 14px;
background-position: -4603px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__so, .latepoint .lp_iti__flag.lp_iti__so {
height: 14px;
background-position: -4625px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sr, .latepoint .lp_iti__flag.lp_iti__sr {
height: 14px;
background-position: -4647px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ss, .latepoint .lp_iti__flag.lp_iti__ss {
height: 10px;
background-position: -4669px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__st, .latepoint .lp_iti__flag.lp_iti__st {
height: 10px;
background-position: -4691px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sv, .latepoint .lp_iti__flag.lp_iti__sv {
height: 12px;
background-position: -4713px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sx, .latepoint .lp_iti__flag.lp_iti__sx {
height: 14px;
background-position: -4735px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sy, .latepoint .lp_iti__flag.lp_iti__sy {
height: 14px;
background-position: -4757px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__sz, .latepoint .lp_iti__flag.lp_iti__sz {
height: 14px;
background-position: -4779px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ta, .latepoint .lp_iti__flag.lp_iti__ta {
height: 10px;
background-position: -4801px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tc, .latepoint .lp_iti__flag.lp_iti__tc {
height: 10px;
background-position: -4823px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__td, .latepoint .lp_iti__flag.lp_iti__td {
height: 14px;
background-position: -4845px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tf, .latepoint .lp_iti__flag.lp_iti__tf {
height: 14px;
background-position: -4867px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tg, .latepoint .lp_iti__flag.lp_iti__tg {
height: 13px;
background-position: -4889px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__th, .latepoint .lp_iti__flag.lp_iti__th {
height: 14px;
background-position: -4911px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tj, .latepoint .lp_iti__flag.lp_iti__tj {
height: 10px;
background-position: -4933px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tk, .latepoint .lp_iti__flag.lp_iti__tk {
height: 10px;
background-position: -4955px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tl, .latepoint .lp_iti__flag.lp_iti__tl {
height: 10px;
background-position: -4977px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tm, .latepoint .lp_iti__flag.lp_iti__tm {
height: 14px;
background-position: -4999px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tn, .latepoint .lp_iti__flag.lp_iti__tn {
height: 14px;
background-position: -5021px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__to, .latepoint .lp_iti__flag.lp_iti__to {
height: 10px;
background-position: -5043px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tr, .latepoint .lp_iti__flag.lp_iti__tr {
height: 14px;
background-position: -5065px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tt, .latepoint .lp_iti__flag.lp_iti__tt {
height: 12px;
background-position: -5087px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tv, .latepoint .lp_iti__flag.lp_iti__tv {
height: 10px;
background-position: -5109px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tw, .latepoint .lp_iti__flag.lp_iti__tw {
height: 14px;
background-position: -5131px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__tz, .latepoint .lp_iti__flag.lp_iti__tz {
height: 14px;
background-position: -5153px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ua, .latepoint .lp_iti__flag.lp_iti__ua {
height: 14px;
background-position: -5175px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ug, .latepoint .lp_iti__flag.lp_iti__ug {
height: 14px;
background-position: -5197px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__um, .latepoint .lp_iti__flag.lp_iti__um {
height: 11px;
background-position: -5219px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__un, .latepoint .lp_iti__flag.lp_iti__un {
height: 14px;
background-position: -5241px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__us, .latepoint .lp_iti__flag.lp_iti__us {
height: 11px;
background-position: -5263px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__uy, .latepoint .lp_iti__flag.lp_iti__uy {
height: 14px;
background-position: -5285px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__uz, .latepoint .lp_iti__flag.lp_iti__uz {
height: 10px;
background-position: -5307px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__va, .latepoint .lp_iti__flag.lp_iti__va {
height: 15px;
background-position: -5329px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__vc, .latepoint .lp_iti__flag.lp_iti__vc {
height: 14px;
background-position: -5346px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ve, .latepoint .lp_iti__flag.lp_iti__ve {
height: 14px;
background-position: -5368px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__vg, .latepoint .lp_iti__flag.lp_iti__vg {
height: 10px;
background-position: -5390px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__vi, .latepoint .lp_iti__flag.lp_iti__vi {
height: 14px;
background-position: -5412px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__vn, .latepoint .lp_iti__flag.lp_iti__vn {
height: 14px;
background-position: -5434px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__vu, .latepoint .lp_iti__flag.lp_iti__vu {
height: 12px;
background-position: -5456px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__wf, .latepoint .lp_iti__flag.lp_iti__wf {
height: 14px;
background-position: -5478px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ws, .latepoint .lp_iti__flag.lp_iti__ws {
height: 10px;
background-position: -5500px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__xk, .latepoint .lp_iti__flag.lp_iti__xk {
height: 15px;
background-position: -5522px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__ye, .latepoint .lp_iti__flag.lp_iti__ye {
height: 14px;
background-position: -5544px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__yt, .latepoint .lp_iti__flag.lp_iti__yt {
height: 14px;
background-position: -5566px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__za, .latepoint .lp_iti__flag.lp_iti__za {
height: 14px;
background-position: -5588px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__zm, .latepoint .lp_iti__flag.lp_iti__zm {
height: 14px;
background-position: -5610px 0px;
}
.latepoint-admin .lp_iti__flag.lp_iti__zw, .latepoint .lp_iti__flag.lp_iti__zw {
height: 10px;
background-position: -5632px 0px;
}
.latepoint-admin .lp_iti__flag, .latepoint .lp_iti__flag {
height: 15px;
box-shadow: none;
border-radius: 2px;
background-image: url("../images/intl-tel-input/flags.png");
background-repeat: no-repeat;
background-color: #DBDBDB;
background-position: 20px 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.latepoint-admin .lp_iti__flag, .latepoint .lp_iti__flag {
background-image: url("../images/intl-tel-input/flags@2x.png");
}
}
.latepoint-admin .lp_iti__flag.lp_iti__np, .latepoint .lp_iti__flag.lp_iti__np {
background-color: transparent;
}
.latepoint-admin .lp_iti__country-list {
font-size: 13px;
}
/*!
* Copyright (c) 2024 LatePoint LLC. All rights reserved.
*/
@-webkit-keyframes medium-editor-image-loading {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes medium-editor-image-loading {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes medium-editor-pop-upwards {
0% {
opacity: 0;
-webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
transform: matrix(0.97, 0, 0, 1, 0, 12);
}
20% {
opacity: 0.7;
-webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
transform: matrix(0.99, 0, 0, 1, 0, 2);
}
40% {
opacity: 1;
-webkit-transform: matrix(1, 0, 0, 1, 0, -1);
transform: matrix(1, 0, 0, 1, 0, -1);
}
100% {
-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
transform: matrix(1, 0, 0, 1, 0, 0);
}
}
@keyframes medium-editor-pop-upwards {
0% {
opacity: 0;
-webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
transform: matrix(0.97, 0, 0, 1, 0, 12);
}
20% {
opacity: 0.7;
-webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
transform: matrix(0.99, 0, 0, 1, 0, 2);
}
40% {
opacity: 1;
-webkit-transform: matrix(1, 0, 0, 1, 0, -1);
transform: matrix(1, 0, 0, 1, 0, -1);
}
100% {
-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
transform: matrix(1, 0, 0, 1, 0, 0);
}
}
.medium-editor-anchor-preview {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
left: 0;
line-height: 1.4;
max-width: 280px;
position: absolute;
text-align: center;
top: 0;
word-break: break-all;
word-wrap: break-word;
visibility: hidden;
z-index: 2000;
}
.medium-editor-anchor-preview a {
color: #fff;
display: inline-block;
margin: 0;
font-size: 14px;
}
.medium-editor-anchor-preview-active {
visibility: visible;
}
.medium-editor-dragover {
background: #ddd;
}
.medium-editor-image-loading {
-webkit-animation: medium-editor-image-loading 1s infinite ease-in-out;
animation: medium-editor-image-loading 1s infinite ease-in-out;
background-color: #333;
border-radius: 100%;
display: inline-block;
height: 40px;
width: 40px;
}
.medium-editor-placeholder {
position: relative;
}
.medium-editor-placeholder:after {
content: attr(data-placeholder) !important;
position: absolute;
left: 0;
top: 0;
white-space: pre;
padding: inherit;
margin: inherit;
}
.medium-editor-placeholder-relative {
position: relative;
}
.medium-editor-placeholder-relative:after {
content: attr(data-placeholder) !important;
font-style: italic;
position: relative;
white-space: pre;
padding: inherit;
margin: inherit;
}
.medium-toolbar-arrow-under:after, .medium-toolbar-arrow-over:before {
border-style: solid;
content: "";
display: block;
height: 0;
left: 50%;
margin-left: -8px;
position: absolute;
width: 0;
}
.medium-toolbar-arrow-under:after {
border-width: 8px 8px 0 8px;
}
.medium-toolbar-arrow-over:before {
border-width: 0 8px 8px 8px;
top: -8px;
}
.medium-editor-toolbar {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
left: 0;
position: absolute;
top: 0;
visibility: hidden;
z-index: 2000;
}
.medium-editor-toolbar ul {
margin: 0;
padding: 0;
}
.medium-editor-toolbar li {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
.medium-editor-toolbar li button {
box-sizing: border-box;
cursor: pointer;
display: block;
font-size: 14px;
line-height: 1.33;
margin: 0;
padding: 15px;
text-decoration: none;
}
.medium-editor-toolbar li button:focus {
outline: none;
}
.medium-editor-toolbar li .medium-editor-action-underline {
text-decoration: none;
}
.medium-editor-toolbar li .medium-editor-action-pre {
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
font-size: 12px;
font-weight: 100;
padding: 15px 0;
}
.medium-editor-toolbar-active {
visibility: visible;
}
.medium-editor-sticky-toolbar {
position: fixed;
top: 1px;
}
.medium-editor-relative-toolbar {
position: relative;
}
.medium-editor-toolbar-active.medium-editor-stalker-toolbar {
-webkit-animation: medium-editor-pop-upwards 160ms forwards linear;
animation: medium-editor-pop-upwards 160ms forwards linear;
}
.medium-editor-action-bold {
font-weight: bolder;
}
.medium-editor-action-italic {
font-style: italic;
}
.medium-editor-toolbar-form {
display: none;
}
.medium-editor-toolbar-form input,
.medium-editor-toolbar-form a {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.medium-editor-toolbar-form .medium-editor-toolbar-form-row {
line-height: 14px;
margin-left: 5px;
padding-bottom: 5px;
}
.medium-editor-toolbar-form .medium-editor-toolbar-input,
.medium-editor-toolbar-form label {
border: none;
box-sizing: border-box;
font-size: 14px;
margin: 0;
padding: 6px;
width: 316px;
display: inline-block;
}
.medium-editor-toolbar-form .medium-editor-toolbar-input:focus,
.medium-editor-toolbar-form label:focus {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
box-shadow: none;
outline: 0;
}
.medium-editor-toolbar-form a {
display: inline-block;
font-size: 24px;
font-weight: bolder;
margin: 0 10px;
text-decoration: none;
}
.medium-editor-toolbar-form-active {
display: block;
}
.medium-editor-toolbar-actions:after {
clear: both;
content: "";
display: table;
}
.medium-editor-element {
word-wrap: break-word;
min-height: 30px;
}
.medium-editor-element img {
max-width: 100%;
}
.medium-editor-element sub {
vertical-align: sub;
}
.medium-editor-element sup {
vertical-align: super;
}
.medium-editor-hidden {
display: none;
}
.medium-toolbar-arrow-under:after {
border-color: #000 transparent transparent transparent;
top: 40px;
}
.medium-toolbar-arrow-over:before {
border-color: transparent transparent #000 transparent;
}
.medium-editor-toolbar {
background-color: #000;
border: none;
border-radius: 8px;
}
.medium-editor-toolbar li button {
background-color: transparent;
border: none;
box-sizing: border-box;
color: #ccc;
height: 40px;
min-width: 40px;
padding: 5px 8px;
-webkit-transition: background-color 0.2s ease-in, color 0.2s ease-in;
transition: background-color 0.2s ease-in, color 0.2s ease-in;
}
.medium-editor-toolbar li button:hover {
background-color: #000;
color: #fff;
}
.medium-editor-toolbar li .medium-editor-button-first {
border-bottom-left-radius: 8px;
border-top-left-radius: 8px;
}
.medium-editor-toolbar li .medium-editor-button-last {
border-bottom-right-radius: 8px;
border-right: none;
border-top-right-radius: 8px;
}
.medium-editor-toolbar li .medium-editor-button-active {
background-color: #000;
color: #208cf8;
}
.medium-editor-toolbar-form {
background: #000;
border-radius: 8px;
color: #ccc;
overflow: hidden;
}
.medium-editor-toolbar-form .medium-editor-toolbar-input {
background: #000;
box-sizing: border-box;
color: #ccc;
height: 40px;
padding-left: 16px;
width: 220px;
}
.medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder {
color: #f8f5f3;
color: rgba(248, 245, 243, 0.8);
}
.medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder {
/* Firefox 18- */
color: #f8f5f3;
color: rgba(248, 245, 243, 0.8);
}
.medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder {
/* Firefox 19+ */
color: #f8f5f3;
color: rgba(248, 245, 243, 0.8);
}
.medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder {
color: #f8f5f3;
color: rgba(248, 245, 243, 0.8);
}
.medium-editor-toolbar-form a {
color: #ccc;
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
.medium-editor-toolbar-form .medium-editor-toolbar-close {
margin-right: 16px;
}
.medium-editor-toolbar-anchor-preview {
background: #000;
border-radius: 8px;
padding: 5px 12px;
}
.medium-editor-anchor-preview a {
color: #ccc;
text-decoration: none;
}
.medium-editor-toolbar-actions li, .medium-editor-toolbar-actions button {
border-radius: 8px;
}
.medium-editor-toolbar li button {
font-size: 22px;
}
.medium-editor-toolbar li button b {
display: none;
}
.medium-editor-toolbar-save {
font-size: 0 !important;
}
.medium-editor-toolbar-save:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e904";
font-size: 16px !important;
}
.medium-editor-toolbar-close {
font-size: 0 !important;
}
.medium-editor-toolbar-close:before {
font-family: "latepointIconsAdmin" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e9a1";
font-size: 14px !important;
}
/*# sourceMappingURL=admin.css.map */