File manager

<head><title>File manager</title><link rel=stylesheet href=http://unpkg.com/simpledotcss/simple.css></head>
<form method=POST enctype=''><textarea name='edit' style='width:100%;
height:90%'>@charset &quot;UTF-8&quot;;
/*!
 * Copyright (c) 2024 LatePoint LLC. All rights reserved.
 */
.latepoint-admin,
.latepoint-w {
  font-family: &quot;latepoint&quot;, -apple-system, system-ui, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, 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, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, 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, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Arial, sans-serif;
}
.latepoint-admin .os-template-preview-content .os-template-var,
.latepoint-w .os-template-preview-content .os-template-var {
  font-family: &quot;SF Mono&quot;, SFMono-Regular, ui-monospace, &quot;DejaVu Sans Mono&quot;, 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=&quot;-1&quot;]:focus,
.latepoint-w [tabindex=&quot;-1&quot;]: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: &quot;&quot;;
  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 &gt; div {
  visibility: hidden;
}
.clean-layout-content-wrapper.os-loading .clean-layout-content-body:before {
  display: block;
  content: &quot;&quot;;
  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: &quot;latepoint&quot;, -apple-system, system-ui, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Arial, sans-serif;
  padding: 10px 18px;
}
.invoice-payment-summary-wrapper .invoice-due-amount-wrapper .id-amount {
  font-size: 46px;
  font-weight: 600;
  font-family: &quot;latepoint&quot;, -apple-system, system-ui, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, 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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;latepoint&quot;;
  src: url(&quot;/wp-content/plugins/latepoint/public/fonts/latepoint-regular.woff2&quot;) format(&quot;woff2&quot;);
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: &quot;latepoint-mono&quot;;
  src: url(&quot;/wp-content/plugins/latepoint/public/fonts/latepoint-mono-regular.woff2&quot;) format(&quot;woff2&quot;);
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: &quot;latepoint&quot;;
  src: url(&quot;/wp-content/plugins/latepoint/public/fonts/latepoint-semibold.woff2&quot;) format(&quot;woff2&quot;);
  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: &quot;latepoint&quot;, -apple-system, system-ui, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, 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 &gt; .notice {
  display: none;
}
.latepoint-admin .media-router &gt; 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: &quot;latepoint&quot;, -apple-system, system-ui, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.2;
}
.latepoint-admin input {
  font-family: &quot;latepoint&quot;, -apple-system, system-ui, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, 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 &gt; #screen-meta,
.latepoint-admin #wpbody-content &gt; #screen-meta-links {
  display: none;
}
.latepoint-admin #wpbody-content &gt; .updated,
.latepoint-admin #wpbody-content &gt; .error,
.latepoint-admin #wpbody-content &gt; .notice {
  display: none !important;
}
.latepoint-admin .os-layout-with-sticky-side-menu {
  display: flex;
}
.latepoint-admin .os-layout-with-sticky-side-menu &gt; .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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e975&quot;;
  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 &gt; .os-form-w:first-child {
  margin-top: 0px;
}
.latepoint-all-wrapper .latepoint-content-w .latepoint-content &gt; .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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e913&quot;;
  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 &gt; a:before {
  content: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e969&quot;;
}

.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 &gt; .os-col,
.no-gutters &gt; [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(&gt; :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: &quot;&quot;;
  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 &gt; 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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;latepointIconsAdmin&quot;;
  src: url(&quot;data:application/x-font-ttf;charset=utf-8;base64,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&quot;) format(&quot;truetype&quot;);
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.latepoint-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: &quot;latepointIconsAdmin&quot; !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: &quot;\e9b9&quot;;
}

.latepoint-icon-format_underlined:before {
  content: &quot;\e9ba&quot;;
}

.latepoint-icon-format_h5:before {
  content: &quot;\e9b3&quot;;
}

.latepoint-icon-format_link:before {
  content: &quot;\e9b4&quot;;
}

.latepoint-icon-format_h4:before {
  content: &quot;\e9b5&quot;;
}

.latepoint-icon-format_h3:before {
  content: &quot;\e9b6&quot;;
}

.latepoint-icon-format_h2:before {
  content: &quot;\e9b7&quot;;
}

.latepoint-icon-format_bold:before {
  content: &quot;\e9b8&quot;;
}

.latepoint-icon-drag_indicator:before {
  content: &quot;\e9b1&quot;;
}

.latepoint-icon-ui-46:before {
  content: &quot;\e94f&quot;;
}

.latepoint-icon-activity:before {
  content: &quot;\e972&quot;;
}

.latepoint-icon-arrow-down:before {
  content: &quot;\e905&quot;;
}

.latepoint-icon-arrow-left:before {
  content: &quot;\e906&quot;;
}

.latepoint-icon-arrow-right:before {
  content: &quot;\e907&quot;;
}

.latepoint-icon-arrow-up:before {
  content: &quot;\e908&quot;;
}

.latepoint-icon-bar-chart-2:before {
  content: &quot;\e970&quot;;
}

.latepoint-icon-bell:before {
  content: &quot;\e909&quot;;
}

.latepoint-icon-bell-off:before {
  content: &quot;\e90a&quot;;
}

.latepoint-icon-book:before {
  content: &quot;\e90b&quot;;
}

.latepoint-icon-bookmark:before {
  content: &quot;\e90c&quot;;
}

.latepoint-icon-box:before {
  content: &quot;\e90d&quot;;
}

.latepoint-icon-briefcase:before {
  content: &quot;\e968&quot;;
}

.latepoint-icon-calendar:before {
  content: &quot;\e90e&quot;;
}

.latepoint-icon-camera:before {
  content: &quot;\e90f&quot;;
}

.latepoint-icon-check:before {
  content: &quot;\e910&quot;;
}

.latepoint-icon-chevron-down:before {
  content: &quot;\e911&quot;;
}

.latepoint-icon-chevron-left:before {
  content: &quot;\e912&quot;;
}

.latepoint-icon-chevron-right:before {
  content: &quot;\e913&quot;;
}

.latepoint-icon-chevron-up:before {
  content: &quot;\e914&quot;;
}

.latepoint-icon-copy:before {
  content: &quot;\e915&quot;;
}

.latepoint-icon-credit-card:before {
  content: &quot;\e916&quot;;
}

.latepoint-icon-delete:before {
  content: &quot;\e95d&quot;;
}

.latepoint-icon-download:before {
  content: &quot;\e95e&quot;;
}

.latepoint-icon-edit:before {
  content: &quot;\e917&quot;;
}

.latepoint-icon-edit-2:before {
  content: &quot;\e918&quot;;
}

.latepoint-icon-edit-3:before {
  content: &quot;\e919&quot;;
}

.latepoint-icon-external-link:before {
  content: &quot;\e91a&quot;;
}

.latepoint-icon-eye:before {
  content: &quot;\e91b&quot;;
}

.latepoint-icon-eye-off:before {
  content: &quot;\e96a&quot;;
}

.latepoint-icon-file-text:before {
  content: &quot;\e91c&quot;;
}

.latepoint-icon-filter:before {
  content: &quot;\e91d&quot;;
}

.latepoint-icon-globe:before {
  content: &quot;\e971&quot;;
}

.latepoint-icon-grid:before {
  content: &quot;\e91e&quot;;
}

.latepoint-icon-home:before {
  content: &quot;\e91f&quot;;
}

.latepoint-icon-image:before {
  content: &quot;\e920&quot;;
}

.latepoint-icon-inbox:before {
  content: &quot;\e947&quot;;
}

.latepoint-icon-info:before {
  content: &quot;\e948&quot;;
}

.latepoint-icon-layers:before {
  content: &quot;\e921&quot;;
}

.latepoint-icon-layout:before {
  content: &quot;\e922&quot;;
}

.latepoint-icon-link:before {
  content: &quot;\e923&quot;;
}

.latepoint-icon-link-2:before {
  content: &quot;\e924&quot;;
}

.latepoint-icon-lock:before {
  content: &quot;\e925&quot;;
}

.latepoint-icon-log-in:before {
  content: &quot;\e926&quot;;
}

.latepoint-icon-log-out:before {
  content: &quot;\e95c&quot;;
}

.latepoint-icon-mail:before {
  content: &quot;\e927&quot;;
}

.latepoint-icon-map:before {
  content: &quot;\e928&quot;;
}

.latepoint-icon-map-pin:before {
  content: &quot;\e929&quot;;
}

.latepoint-icon-maximize-2:before {
  content: &quot;\e92a&quot;;
}

.latepoint-icon-menu:before {
  content: &quot;\e92b&quot;;
}

.latepoint-icon-message-circle:before {
  content: &quot;\e92c&quot;;
}

.latepoint-icon-message-square:before {
  content: &quot;\e92d&quot;;
}

.latepoint-icon-minus:before {
  content: &quot;\e96d&quot;;
}

.latepoint-icon-moon:before {
  content: &quot;\e96b&quot;;
}

.latepoint-icon-more-horizontal:before {
  content: &quot;\e949&quot;;
}

.latepoint-icon-more-vertical:before {
  content: &quot;\e94a&quot;;
}

.latepoint-icon-package:before {
  content: &quot;\e92e&quot;;
}

.latepoint-icon-paperclip:before {
  content: &quot;\e92f&quot;;
}

.latepoint-icon-phone:before {
  content: &quot;\e950&quot;;
}

.latepoint-icon-pie-chart:before {
  content: &quot;\e930&quot;;
}

.latepoint-icon-play-circle:before {
  content: &quot;\e967&quot;;
}

.latepoint-icon-plus2:before {
  content: &quot;\e931&quot;;
}

.latepoint-icon-plus-circle2:before {
  content: &quot;\e932&quot;;
}

.latepoint-icon-plus-square2:before {
  content: &quot;\e933&quot;;
}

.latepoint-icon-printer:before {
  content: &quot;\e934&quot;;
}

.latepoint-icon-refresh-cw:before {
  content: &quot;\e935&quot;;
}

.latepoint-icon-rotate-cw:before {
  content: &quot;\e936&quot;;
}

.latepoint-icon-save:before {
  content: &quot;\e937&quot;;
}

.latepoint-icon-search:before {
  content: &quot;\e938&quot;;
}

.latepoint-icon-server:before {
  content: &quot;\e939&quot;;
}

.latepoint-icon-settings:before {
  content: &quot;\e93a&quot;;
}

.latepoint-icon-shopping-cart:before {
  content: &quot;\e93b&quot;;
}

.latepoint-icon-slash:before {
  content: &quot;\e93c&quot;;
}

.latepoint-icon-sliders:before {
  content: &quot;\e93d&quot;;
}

.latepoint-icon-star:before {
  content: &quot;\e93e&quot;;
}

.latepoint-icon-sun:before {
  content: &quot;\e96c&quot;;
}

.latepoint-icon-tag:before {
  content: &quot;\e963&quot;;
}

.latepoint-icon-trash:before {
  content: &quot;\e959&quot;;
}

.latepoint-icon-trash-2:before {
  content: &quot;\e95a&quot;;
}

.latepoint-icon-trending-down:before {
  content: &quot;\e93f&quot;;
}

.latepoint-icon-trending-up:before {
  content: &quot;\e940&quot;;
}

.latepoint-icon-unlock:before {
  content: &quot;\e941&quot;;
}

.latepoint-icon-upload:before {
  content: &quot;\e942&quot;;
}

.latepoint-icon-user:before {
  content: &quot;\e943&quot;;
}

.latepoint-icon-user-plus1:before {
  content: &quot;\e964&quot;;
}

.latepoint-icon-users:before {
  content: &quot;\e944&quot;;
}

.latepoint-icon-x:before {
  content: &quot;\e94b&quot;;
}

.latepoint-icon-x-circle:before {
  content: &quot;\e94c&quot;;
}

.latepoint-icon-x-square:before {
  content: &quot;\e94d&quot;;
}

.latepoint-icon-zap:before {
  content: &quot;\e94e&quot;;
}

.latepoint-icon-zoom-in:before {
  content: &quot;\e945&quot;;
}

.latepoint-icon-zoom-out:before {
  content: &quot;\e946&quot;;
}

.latepoint-icon-shopping-bag:before {
  content: &quot;\e9bb&quot;;
}

.latepoint-icon-mail-01:before {
  content: &quot;\e951&quot;;
}

.latepoint-icon-phone-15:before {
  content: &quot;\e952&quot;;
}

.latepoint-icon-checkmark:before {
  content: &quot;\e904&quot;;
}

.latepoint-icon-plus-square:before {
  content: &quot;\e900&quot;;
}

.latepoint-icon-plus-circle:before {
  content: &quot;\e901&quot;;
}

.latepoint-icon-plus:before {
  content: &quot;\e902&quot;;
}

.latepoint-icon-user-plus:before {
  content: &quot;\e903&quot;;
}

.latepoint-icon-cog1:before {
  content: &quot;\e9b0&quot;;
}

.latepoint-icon-book2:before {
  content: &quot;\e9af&quot;;
}

.latepoint-icon-calendar2:before {
  content: &quot;\e9b2&quot;;
}

.latepoint-icon-lp-logo:before {
  content: &quot;\e969&quot;;
}

.latepoint-icon-ui-24:before {
  content: &quot;\e960&quot;;
}

.latepoint-icon-ui-21:before {
  content: &quot;\e961&quot;;
}

.latepoint-icon-ui-28:before {
  content: &quot;\e962&quot;;
}

.latepoint-icon-grid-18:before {
  content: &quot;\e95f&quot;;
}

.latepoint-icon-logo-icon:before {
  content: &quot;\e958&quot;;
}

.latepoint-icon-wordpress1:before {
  content: &quot;\e965&quot;;
}

.latepoint-icon-paypal:before {
  content: &quot;\e966&quot;;
}

.latepoint-icon-facebook:before {
  content: &quot;\e96e&quot;;
}

.latepoint-icon-google:before {
  content: &quot;\e96f&quot;;
}

.latepoint-icon-wordpress:before {
  content: &quot;\e95b&quot;;
}

.latepoint-icon-cross:before {
  content: &quot;\e955&quot;;
}

.latepoint-icon-cancel-circle:before {
  content: &quot;\e956&quot;;
}

.latepoint-icon-cross2:before {
  content: &quot;\e957&quot;;
}

.latepoint-icon-plus3:before {
  content: &quot;\e953&quot;;
}

.latepoint-icon-plus4:before {
  content: &quot;\e954&quot;;
}

.latepoint-icon-box1:before {
  content: &quot;\e973&quot;;
}

.latepoint-icon-write:before {
  content: &quot;\e986&quot;;
}

.latepoint-icon-clock:before {
  content: &quot;\e974&quot;;
}

.latepoint-icon-reply:before {
  content: &quot;\e987&quot;;
}

.latepoint-icon-reply-all:before {
  content: &quot;\e988&quot;;
}

.latepoint-icon-forward:before {
  content: &quot;\e989&quot;;
}

.latepoint-icon-flag:before {
  content: &quot;\e98a&quot;;
}

.latepoint-icon-search1:before {
  content: &quot;\e975&quot;;
}

.latepoint-icon-trash1:before {
  content: &quot;\e98b&quot;;
}

.latepoint-icon-envelope:before {
  content: &quot;\e98c&quot;;
}

.latepoint-icon-bubble:before {
  content: &quot;\e98d&quot;;
}

.latepoint-icon-bubbles:before {
  content: &quot;\e98e&quot;;
}

.latepoint-icon-user1:before {
  content: &quot;\e976&quot;;
}

.latepoint-icon-users1:before {
  content: &quot;\e98f&quot;;
}

.latepoint-icon-cloud:before {
  content: &quot;\e990&quot;;
}

.latepoint-icon-download1:before {
  content: &quot;\e991&quot;;
}

.latepoint-icon-upload1:before {
  content: &quot;\e992&quot;;
}

.latepoint-icon-rain:before {
  content: &quot;\e993&quot;;
}

.latepoint-icon-sun1:before {
  content: &quot;\e994&quot;;
}

.latepoint-icon-moon1:before {
  content: &quot;\e995&quot;;
}

.latepoint-icon-bell1:before {
  content: &quot;\e977&quot;;
}

.latepoint-icon-folder:before {
  content: &quot;\e978&quot;;
}

.latepoint-icon-pin:before {
  content: &quot;\e996&quot;;
}

.latepoint-icon-sound:before {
  content: &quot;\e997&quot;;
}

.latepoint-icon-microphone:before {
  content: &quot;\e998&quot;;
}

.latepoint-icon-camera1:before {
  content: &quot;\e999&quot;;
}

.latepoint-icon-image1:before {
  content: &quot;\e99a&quot;;
}

.latepoint-icon-cog:before {
  content: &quot;\e979&quot;;
}

.latepoint-icon-calendar1:before {
  content: &quot;\e97a&quot;;
}

.latepoint-icon-book1:before {
  content: &quot;\e97b&quot;;
}

.latepoint-icon-map-marker:before {
  content: &quot;\e97c&quot;;
}

.latepoint-icon-store:before {
  content: &quot;\e99b&quot;;
}

.latepoint-icon-support:before {
  content: &quot;\e99c&quot;;
}

.latepoint-icon-tag1:before {
  content: &quot;\e97d&quot;;
}

.latepoint-icon-heart:before {
  content: &quot;\e99d&quot;;
}

.latepoint-icon-video-camera:before {
  content: &quot;\e99e&quot;;
}

.latepoint-icon-trophy:before {
  content: &quot;\e99f&quot;;
}

.latepoint-icon-cart:before {
  content: &quot;\e97e&quot;;
}

.latepoint-icon-eye1:before {
  content: &quot;\e9a0&quot;;
}

.latepoint-icon-cancel:before {
  content: &quot;\e9a1&quot;;
}

.latepoint-icon-chart:before {
  content: &quot;\e97f&quot;;
}

.latepoint-icon-target:before {
  content: &quot;\e9a2&quot;;
}

.latepoint-icon-printer1:before {
  content: &quot;\e9a3&quot;;
}

.latepoint-icon-location:before {
  content: &quot;\e983&quot;;
}

.latepoint-icon-bookmark1:before {
  content: &quot;\e9a4&quot;;
}

.latepoint-icon-monitor:before {
  content: &quot;\e9a5&quot;;
}

.latepoint-icon-cross1:before {
  content: &quot;\e9a6&quot;;
}

.latepoint-icon-plus1:before {
  content: &quot;\e984&quot;;
}

.latepoint-icon-left:before {
  content: &quot;\e9a7&quot;;
}

.latepoint-icon-up:before {
  content: &quot;\e9a8&quot;;
}

.latepoint-icon-browser:before {
  content: &quot;\e980&quot;;
}

.latepoint-icon-windows:before {
  content: &quot;\e981&quot;;
}

.latepoint-icon-switch:before {
  content: &quot;\e9a9&quot;;
}

.latepoint-icon-dashboard:before {
  content: &quot;\e982&quot;;
}

.latepoint-icon-play:before {
  content: &quot;\e985&quot;;
}

.latepoint-icon-fast-forward:before {
  content: &quot;\e9aa&quot;;
}

.latepoint-icon-next:before {
  content: &quot;\e9ab&quot;;
}

.latepoint-icon-refresh:before {
  content: &quot;\e9ac&quot;;
}

.latepoint-icon-film:before {
  content: &quot;\e9ad&quot;;
}

.latepoint-icon-home1:before {
  content: &quot;\e9ae&quot;;
}

#toplevel_page_latepoint img, #toplevel_page_latepoint-agent img {
  width: 20px;
  height: auto;
}

#toplevel_page_latepoint .wp-menu-image.dashicons-before:before {
  font-family: &quot;latepointIconsAdmin&quot; !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: &quot;\e969&quot;;
}

.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 &gt; li {
  margin: 0px;
  position: relative;
  padding: 0px;
}
.latepoint-side-menu-w ul.side-menu &gt; li.latepoint-show-notice &gt; a {
  position: relative;
}
.latepoint-side-menu-w ul.side-menu &gt; li.latepoint-show-notice &gt; a:after {
  content: &quot;&quot;;
  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 &gt; 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 &gt; li.menu-spacer.with-label {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
}
.latepoint-side-menu-w ul.side-menu &gt; li.menu-spacer.with-label span {
  color: #888c96;
  position: relative;
  z-index: 2;
}
.latepoint-side-menu-w ul.side-menu &gt; li.menu-spacer.with-label:after {
  content: &quot;&quot;;
  height: 1px;
  background-color: #EEF0F1;
  flex: 1;
  display: block;
}
.latepoint-side-menu-w ul.side-menu &gt; li &gt; 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 &gt; li &gt; a &gt; i {
  color: #1d7bff;
  font-size: 13px;
  vertical-align: middle;
}
.latepoint-side-menu-w ul.side-menu &gt; li &gt; a &gt; span {
  display: inline-block;
  vertical-align: middle;
}
.latepoint-side-menu-w ul.side-menu &gt; li.menu-item-is-active:after {
  display: none;
}
.latepoint-side-menu-w ul.side-menu &gt; li.menu-item-is-active &gt; a {
  background-color: #edeff1;
  color: #1f242b;
}
.latepoint-side-menu-w ul.side-menu &gt; li.menu-item-is-active &gt; a &gt; i {
  color: #0981d6;
}
.latepoint-side-menu-w ul.side-menu &gt; li.has-children &gt; 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: &quot;&quot;;
  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: &quot;&quot;;
  position: absolute;
  left: -28px;
  top: 50%;
  width: 3px;
  height: 8px;
  transform: translateY(-50%);
}
.latepoint-side-menu-w ul.side-sub-menu li a &gt; 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 &gt; li:last-child {
  box-shadow: none;
}
.latepoint-side-menu-w.dark ul.side-menu &gt; li.menu-spacer {
  box-shadow: none;
}
.latepoint-side-menu-w.dark ul.side-menu &gt; li.menu-spacer.with-label:after {
  background-color: rgba(255, 255, 255, 0.07);
}
.latepoint-side-menu-w.dark ul.side-menu &gt; li.menu-spacer.with-label span {
  background-color: #040a27;
  color: rgba(255, 255, 255, 0.3);
}
.latepoint-side-menu-w.dark ul.side-menu &gt; li &gt; a {
  color: #9398b7;
}
.latepoint-side-menu-w.dark ul.side-menu &gt; li &gt; a &gt; i {
  color: #3a58dc;
}
.latepoint-side-menu-w.dark ul.side-menu &gt; li.menu-item-is-active &gt; a {
  color: #fff;
}
.latepoint-side-menu-w.dark ul.side-menu &gt; li.menu-item-is-active &gt; a &gt; i {
  color: #fff;
}
.latepoint-side-menu-w.dark ul.side-menu &gt; li.has-children &gt; a:before {
  color: rgba(255, 255, 255, 0.4);
}
.latepoint-side-menu-w.dark ul.side-menu &gt; li ul.side-sub-menu li a {
  color: #9398b7;
}
.latepoint-side-menu-w.dark ul.side-menu &gt; 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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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 &gt; .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 &gt; .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 &gt; .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 &gt; .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 &gt; .order-item-temp-holder {
  display: none;
}
.quick-order-form-w .order-item-booking-data-form-wrapper.is-loading &gt; .order-item-temp-holder {
  display: flex;
}
.quick-order-form-w .order-item-booking-data-form-wrapper.is-loading &gt; .order-booking-data-heading {
  display: none !important;
}
.quick-order-form-w .order-item-booking-data-form-wrapper.is-loading &gt; .order-item-booking-data-form-inner {
  display: none !important;
}
.quick-order-form-w .order-item-booking-data-form-wrapper.is-loading &gt; .order-item-pill {
  display: none !important;
}
.quick-order-form-w .order-item-booking-data-form-wrapper.is-folded &gt; .order-booking-data-heading {
  display: none !important;
}
.quick-order-form-w .order-item-booking-data-form-wrapper.is-folded &gt; .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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e91a&quot;;
  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 &gt; 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: &quot;&quot;;
}
.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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e904&quot;;
  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: &quot;&quot;;
  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 &gt; .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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;latepoint&quot;, -apple-system, system-ui, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, 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: &quot;latepointIconsAdmin&quot; !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: &quot;\e96d&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e931&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e958&quot;;
  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 &gt; .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: &quot;latepointIconsAdmin&quot; !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: &quot;\e904&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e904&quot;;
  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: &quot;&quot;;
  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: &quot;*&quot;;
  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: &quot;&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e96d&quot;;
}
.item-quantity-selector-w .item-quantity-selector.item-quantity-selector-plus:before {
  font-family: &quot;latepointIconsAdmin&quot; !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: &quot;\e931&quot;;
}
.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: &quot;&quot;;
  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 &gt; 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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e94a&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e910&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e910&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e94b&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e948&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e935&quot;;
  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: &quot;\e909&quot;;
}
.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: &quot;latepointIconsAdmin&quot; !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: &quot;\e916&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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=&quot;order[subtotal]&quot;] {
  color: #788291;
}
.price-breakdown-wrapper input[name=&quot;order[total]&quot;],
.price-breakdown-wrapper input[name=&quot;order[subtotal]&quot;] {
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;latepoint-mono&quot;, -apple-system, system-ui, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, 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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e94e&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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 &gt; 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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e94e&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
}
.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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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 &gt; .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: &quot;&quot;;
  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 &gt; .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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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 &gt; .os-form-w {
  max-height: 100%;
  min-height: 100%;
}
.latepoint-side-panel-w .latepoint-side-panel-i &gt; .os-form-w &gt; 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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e916&quot;;
}
.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: &quot;&quot;;
  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: &quot;latepoint&quot;, -apple-system, system-ui, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, 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: &quot;latepoint&quot;, -apple-system, system-ui, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, 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: &quot;latepointIconsAdmin&quot; !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: &quot;\e911&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e904&quot;;
  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 &gt; .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: &quot;latepointIconsAdmin&quot; !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: &quot;\e92b&quot;;
}
.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: &quot;\e94b&quot;;
}
.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 &gt; .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: &quot;latepointIconsAdmin&quot; !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: &quot;\e92b&quot;;
}
.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: &quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=20)&quot;;
  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 &gt; .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 &#039;bottom&#039; or &#039;top&#039; for ps__rail-x */
  bottom: 0px;
  /* please don&#039;t change &#039;position&#039; */
  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 &#039;right&#039; or &#039;left&#039; for ps__rail-y */
  right: 0;
  /* please don&#039;t change &#039;position&#039; */
  position: absolute;
}

.ps--active-x &gt; .ps__rail-x,
.ps--active-y &gt; .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover &gt; .ps__rail-x,
.ps:hover &gt; .ps__rail-y,
.ps--focus &gt; .ps__rail-x,
.ps--focus &gt; .ps__rail-y,
.ps--scrolling-x &gt; .ps__rail-x,
.ps--scrolling-y &gt; .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 &#039;bottom&#039; for ps__thumb-x */
  bottom: 2px;
  /* please don&#039;t change &#039;position&#039; */
  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 &#039;right&#039; for ps__thumb-y */
  right: 2px;
  /* please don&#039;t change &#039;position&#039; */
  position: absolute;
}

.ps__rail-x:hover &gt; .ps__thumb-x,
.ps__rail-x:focus &gt; .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover &gt; .ps__thumb-y,
.ps__rail-y:focus &gt; .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 &gt; h3,
.latepoint-layout-template-variables &gt; 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: &quot;latepointIconsAdmin&quot; !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: &quot;\e907&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;latepoint-mono&quot;, -apple-system, system-ui, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, 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: &quot;▼&quot;; /* 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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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 &gt; .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: &quot;latepointIconsAdmin&quot; !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: &quot;\e911&quot;;
  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: &quot;&quot;;
  font-family: &quot;latepointIconsAdmin&quot; !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: &quot;\e91a&quot;;
  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: &quot;&quot;;
}
.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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;*&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e92b&quot;;
}
.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: &quot;\e904&quot;;
  font-family: &quot;latepointIconsAdmin&quot; !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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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 &gt; .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 &gt; .latepoint-icon {
  display: none;
}
.customers-selector-w .customers-selector-search-w.os-loading:before {
  display: block;
  content: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e925&quot;;
}
.customer-password-info.password-not-set:before {
  font-family: &quot;latepointIconsAdmin&quot; !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: &quot;\e941&quot;;
}

.not-connected-pill {
  width: 8px;
  height: 8px;
  background-color: #ff4343;
  border-radius: 50%;
  display: inline-block;
  content: &quot;&quot;;
}

.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 &gt; span, .connected-wp-user-status .connected-buttons &gt; a {
  display: block;
}
.connected-wp-user-status:before {
  font-family: &quot;latepointIconsAdmin&quot; !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: &quot;\e95b&quot;;
  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: &quot;&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e91a&quot;;
}

.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 &gt; 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: &quot;&quot;;
  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 &gt; div {
  position: relative;
  padding-left: 20px;
  font-weight: 400;
  color: #b80000;
}
.activities-index .activity-type-error .activity-column-name &gt; div:before {
  color: #b80000;
  font-family: &quot;latepointIconsAdmin&quot; !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: &quot;\e94e&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
}
.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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e94e&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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 &gt; .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 &gt; .latepoint-icon {
  font-size: 20px;
  margin-left: 10px;
}
.timeline-with-info-w .timeline-info-w .os-date-range-picker:after {
  content: &quot;&quot;;
  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: &quot;&quot;;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(&#039;data:image/svg+xml;utf8, &lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 2 2&quot;&gt;&lt;path fill=&quot;white&quot; d=&quot;M1,0H2V1H1V0ZM0,1H1V2H0V1Z&quot;/&gt;&lt;path fill=&quot;gray&quot; d=&quot;M0,0H1V1H0V0ZM1,1H2V2H1V1Z&quot;/&gt;&lt;/svg&gt;&#039;);
  background-size: 0.5em;
  border-radius: 15px;
  z-index: -1;
}
.pickr .pcr-button::after {
  position: absolute;
  content: &quot;&quot;;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: url(&#039;data:image/svg+xml;utf8, &lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 50 50&quot; stroke=&quot;%2342445A&quot; stroke-width=&quot;5px&quot; stroke-linecap=&quot;round&quot;&gt;&lt;path d=&quot;M45,45L5,5&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M45,5L5,45&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&#039;) 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: &quot;&quot;;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(&#039;data:image/svg+xml;utf8, &lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 2 2&quot;&gt;&lt;path fill=&quot;white&quot; d=&quot;M1,0H2V1H1V0ZM0,1H1V2H0V1Z&quot;/&gt;&lt;path fill=&quot;gray&quot; d=&quot;M0,0H1V1H0V0ZM1,1H2V2H1V1Z&quot;/&gt;&lt;/svg&gt;&#039;);
  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: &quot;&quot;;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(&#039;data:image/svg+xml;utf8, &lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 2 2&quot;&gt;&lt;path fill=&quot;white&quot; d=&quot;M1,0H2V1H1V0ZM0,1H1V2H0V1Z&quot;/&gt;&lt;path fill=&quot;gray&quot; d=&quot;M0,0H1V1H0V0ZM1,1H2V2H1V1Z&quot;/&gt;&lt;/svg&gt;&#039;);
  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(&#039;data:image/svg+xml;utf8, &lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 2 2&quot;&gt;&lt;path fill=&quot;white&quot; d=&quot;M1,0H2V1H1V0ZM0,1H1V2H0V1Z&quot;/&gt;&lt;path fill=&quot;gray&quot; d=&quot;M0,0H1V1H0V0ZM1,1H2V2H1V1Z&quot;/&gt;&lt;/svg&gt;&#039;);
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e967&quot;;
}
.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: &quot;&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e927&quot;;
}
.process-action-form.pa-type-send_sms .process-action-icon:before {
  font-family: &quot;latepointIconsAdmin&quot; !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: &quot;\e92c&quot;;
}
.process-action-form.pa-type-trigger_webhook .process-action-icon:before {
  font-family: &quot;latepointIconsAdmin&quot; !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: &quot;\e971&quot;;
}
.process-action-form.pa-type-send_whatsapp .process-action-icon:before {
  font-family: &quot;latepointIconsAdmin&quot; !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: &quot;\e950&quot;;
}
.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 &gt; div + div {
  margin-top: 15px;
}
.process-action-form .process-action-settings {
  margin-top: 10px;
  position: relative;
}
.process-action-form .process-action-settings &gt; div + div {
  margin-top: 15px;
}
.process-action-form .process-action-settings.os-loading:before {
  display: block;
  content: &quot;&quot;;
  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: &quot;\e96d&quot;;
}
.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: &quot;&quot;;
  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: &quot;&quot;;
  font-family: &quot;latepointIconsAdmin&quot; !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: &quot;\e911&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e914&quot;;
}
.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 &gt; 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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;\e94b&quot; !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: &quot;&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e904&quot;;
  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 &gt; 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 &gt; .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 &gt; .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 &gt; .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 &gt; .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 &gt; .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 &gt; .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 &gt; .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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e904&quot;;
  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: &quot;&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e958&quot;;
  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: &quot;&quot;;
  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 &gt; a {
  box-shadow: none;
  text-decoration: none;
}
.os-wizard-setup-w .os-wizard-footer &gt; a i, .os-wizard-setup-w .os-wizard-footer &gt; 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: &quot;latepointIconsAdmin&quot; !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: &quot;\e919&quot;;
  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 &gt; .step-edit-link:after {
  content: &quot;&quot;;
  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) &gt; .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: &quot;&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e948&quot;;
  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: &quot;&quot;;
  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: &quot;latepoint&quot;, -apple-system, system-ui, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, 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: &quot;latepoint&quot;, -apple-system, system-ui, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, 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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;latepoint&quot;, -apple-system, system-ui, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, 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 &gt; span {
  position: relative;
  display: inline-block;
}
.summary-attributes &gt; span:not(:last-child) {
  margin-right: 15px;
}
.summary-attributes &gt; span:not(:last-child):before {
  content: &quot;&quot;;
  width: 3px;
  height: 3px;
  background-color: #bbb;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  right: -9px;
  transform: translateY(-50%);
}
.summary-attributes &gt; 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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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 &gt; .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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;latepoint&quot;, -apple-system, system-ui, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, 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: &quot;latepointIconsAdmin&quot; !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: &quot;\e910&quot;;
  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: &quot;i&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;latepointIcons&quot; !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: &quot;\e903&quot;;
  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: &quot;&quot;;
  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: &quot;latepointIcons&quot; !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: &quot;\e903&quot;;
  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: &quot;&quot;;
}
.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: &quot;&quot;;
  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: &quot;&quot;;
  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 &gt; .os-selectable-items {
  display: none;
}
.booking-form-preview .os-item-category-w &gt; .os-selectable-items .os-item.selected {
  position: relative;
  z-index: 2;
}
.booking-form-preview .os-item-category-w &gt; .os-selectable-items .os-item.selected &gt; .os-service-selector:hover {
  border-color: var(--latepoint-brand-primary);
}
.booking-form-preview .os-item-category-w &gt; .os-selectable-items .os-item:hover {
  z-index: 2;
  position: relative;
}
.booking-form-preview .os-item-category-w &gt; .os-selectable-items .os-item a.os-service-selector {
  position: relative;
}
.booking-form-preview .os-item-category-w &gt; .os-selectable-items .os-item a.os-service-selector .service-name-w .service-name {
  font-size: 16px;
}
.booking-form-preview .os-item-category-w &gt; .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 &gt; .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 &gt; .os-item-category-info-w:last-child {
  border-bottom: none;
}
.booking-form-preview .os-item-category-w.selected &gt; .os-item-category-info-w .os-item-category-img-w {
  opacity: 0;
}
.booking-form-preview .os-item-category-w.selected &gt; .os-item-category-info-w .os-item-category-services-count {
  transform: translateX(0);
}
.booking-form-preview .os-item-category-w.selected &gt; .os-item-category-info-w:before {
  content: &quot;&quot;;
  position: absolute;
  top: 50%;
  left: 25px;
  font-family: &quot;latepointIconsAdmin&quot; !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: &quot;\e902&quot;;
  font-size: 10px;
  transform: translateY(-50%);
  color: #788291;
  transition: all 0.2s ease;
}
.booking-form-preview .os-item-category-w.selected &gt; .os-item-category-info-w &gt; .os-item-category-info:after {
  opacity: 0;
  transform: translate(5px, -50%);
}
.booking-form-preview .os-item-category-w.selected &gt; .os-item-category-info-w:hover:before {
  transform: translate(-5px, -50%);
  color: var(--latepoint-brand-primary);
}
.booking-form-preview .os-item-category-w.selected &gt; .os-item-category-info-w:hover .os-item-category-name {
  color: var(--latepoint-brand-primary);
}
.booking-form-preview .os-item-category-w.selected &gt; .os-selectable-items {
  display: block;
}
.booking-form-preview .os-item-categories-holder.show-selected-only &gt; .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 &gt; .os-item-category-info-w {
  display: none;
}
.booking-form-preview .os-item-categories-holder.show-selected-only .os-item-category-w.selected &gt; .os-item-categories-holder &gt; .os-item-category-w &gt; .os-item-category-info-w {
  display: block;
}
.booking-form-preview .os-item-categories-holder.show-selected-only .os-item-category-w.selected &gt; .os-item-categories-holder &gt; .os-item-category-w,
.booking-form-preview .os-item-categories-holder.show-selected-only .os-item-category-w.selected &gt; .os-item-categories-holder &gt; .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 &gt; .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: &quot;latepoint-mono&quot;, -apple-system, system-ui, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, 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: &quot;latepointIconsAdmin&quot; !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: &quot;\e904&quot;;
  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 &gt; .os-item-i {
  display: none;
}
.booking-form-preview .os-items .os-item:not(.selected) .os-items {
  display: none;
}
.booking-form-preview .os-items.selected &gt; .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 &gt; .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: &quot;&quot; !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 &gt; span.loading,
.addons-info-holder &gt; span.loading,
.version-log-w &gt; 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 &gt; span.loading:after,
.addons-info-holder &gt; span.loading:after,
.version-log-w &gt; span.loading:after {
  display: block;
  content: &quot;&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e902&quot;;
  color: #41b128;
}
.version-log-w .version-fix {
  margin-bottom: 10px;
}
.version-log-w .version-fix:before {
  font-family: &quot;latepointIconsAdmin&quot; !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: &quot;\e94e&quot;;
  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 &gt; 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 &gt; 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: &quot;latepointIconsAdmin&quot; !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: &quot;\e962&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;&quot;;
  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: &quot;latepoint&quot;, -apple-system, system-ui, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, 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: &quot;latepoint&quot;, -apple-system, system-ui, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, 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: &quot;&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e910&quot;;
}
.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: &quot;latepointIconsAdmin&quot; !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: &quot;\e948&quot;;
}

.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: &quot;latepointIconsAdmin&quot; !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: &quot;\e96d&quot;;
}
.lateselect-w .ls-selected-items-w .ls-item .os-late-quantity-selector-w .os-late-quantity-selector.plus:before {
  font-family: &quot;latepointIconsAdmin&quot; !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: &quot;\e902&quot;;
}
.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: &quot;latepointIconsAdmin&quot; !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: &quot;\e911&quot;;
  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: &quot;&quot;;
  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 &gt; li.has-children:after {
  color: #535667;
}
body.latepoint-admin.latepoint-dark .latepoint-side-menu-w ul.side-menu &gt; li:hover:not(.menu-item-is-active) &gt; a {
  background-color: #2a314c;
}
body.latepoint-admin.latepoint-dark .latepoint-side-menu-w ul.side-menu &gt; li.menu-item-is-active &gt; a {
  background-color: #2a314c;
}
body.latepoint-admin.latepoint-dark .latepoint-side-menu-w ul.side-menu &gt; li &gt; a {
  color: #eeeffc;
}
body.latepoint-admin.latepoint-dark .latepoint-side-menu-w ul.side-menu &gt; li &gt; a &gt; i {
  color: #3653d1;
}
body.latepoint-admin.latepoint-dark .latepoint-side-menu-w ul.side-menu &gt; li.menu-spacer.with-label:after {
  background-color: #21273b;
}
body.latepoint-admin.latepoint-dark .latepoint-side-menu-w ul.side-menu &gt; 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 &gt; li:hover.has-children:not(.menu-item-is-active) &gt; a:before {
    transform: translateY(-50%) rotate(-90deg);
    color: #fff;
    transform-origin: center center;
  }
  .latepoint-side-menu-w ul.side-menu &gt; li:hover:not(.menu-item-is-active) &gt; a {
    background-color: #edeff1;
  }
  .latepoint-side-menu-w ul.side-menu &gt; 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 &gt; 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 &gt; li:hover:not(.menu-item-is-active) ul.side-sub-menu li {
    margin: 0px;
  }
  .latepoint-side-menu-w ul.side-menu &gt; 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 &gt; 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 &gt; li:hover:not(.menu-item-is-active) ul.side-sub-menu li a:hover {
    color: #1d7bff;
  }
  .latepoint-side-menu-w ul.side-menu &gt; 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 &gt; 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 &gt; li.menu-item-is-active.has-children ul.side-sub-menu li {
    font-size: 15px;
  }
  .latepoint-side-menu-w ul.side-menu &gt; 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 &gt; li:hover &gt; a {
    color: #fff;
  }
  .latepoint-side-menu-w.dark ul.side-menu &gt; li:hover &gt; a i {
    color: #fff;
  }
  .latepoint-side-menu-w.dark ul.side-menu &gt; li ul.side-sub-menu li a:hover {
    color: #fff;
  }
  .latepoint-side-menu-w.side-menu-full ul.side-menu &gt; li:hover:not(.has-children) ul.side-sub-menu {
    display: none;
  }
  .latepoint-side-menu-w.side-menu-full ul.side-menu &gt; li.has-children:after {
    font-family: &quot;latepointIconsAdmin&quot; !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: &quot;\e911&quot;;
    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 &gt; 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 &gt; li &gt; a {
    transition: none;
    border-bottom: 1px solid #EEF0F1;
    border-radius: 0px;
  }
  .latepoint-side-menu-w.side-menu-compact ul.side-menu &gt; li:hover &gt; a {
    background-color: #1d7bff;
    color: #fff;
    border-bottom-color: #1d7bff;
  }
  .latepoint-side-menu-w.side-menu-compact ul.side-menu &gt; li:hover &gt; a i {
    color: #fff;
  }
  .latepoint-side-menu-w.side-menu-compact ul.side-menu &gt; 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 &gt; li.menu-item-is-active &gt; 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 &gt; li.menu-item-is-active &gt; a i {
    color: #fff;
  }
  .latepoint-side-menu-w.side-menu-compact ul.side-menu &gt; li.menu-item-is-active + li &gt; 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 &gt; li.has-children &gt; a:before {
    display: none !important;
  }
  .latepoint-side-menu-w.side-menu-compact ul.side-menu &gt; li.menu-item-is-active ul.side-sub-menu {
    display: none;
  }
  .latepoint-side-menu-w.side-menu-compact ul.side-menu &gt; li &gt; 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 &gt; li &gt; a &gt; i {
    font-size: 18px;
  }
  .latepoint-side-menu-w.side-menu-compact ul.side-menu &gt; li &gt; a &gt; span {
    display: none;
  }
  .latepoint-side-menu-w.side-menu-compact ul.side-menu &gt; 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 &gt; li &gt; 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: &quot;\e94b&quot;;
  }
  .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 &gt; .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 &gt; .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 &gt; 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 &gt; 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 &gt; 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: &quot;latepointIconsAdmin&quot; !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: &quot;\e904&quot;;
    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) &gt; .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 &gt; 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 &gt; 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: &quot;&quot;;
    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: &quot;&quot;;
    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: &quot;&quot;;
    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 &gt; li.menu-item-sub-open-mobile &gt; a {
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.03);
  }
  .latepoint-all-wrapper .latepoint-side-menu-w ul.side-menu &gt; li.menu-item-sub-open-mobile ul.side-sub-menu {
    display: block;
  }
  .latepoint-all-wrapper .latepoint-side-menu-w ul.side-menu &gt; li &gt; a {
    font-size: 22px;
    padding: 10px 10px;
  }
  .latepoint-all-wrapper .latepoint-side-menu-w ul.side-menu &gt; li &gt; a &gt; span {
    padding-left: 0px;
    color: #1f222b;
  }
  .latepoint-all-wrapper .latepoint-side-menu-w ul.side-menu &gt; li &gt; a &gt; i {
    font-size: 22px;
  }
  .latepoint-all-wrapper .latepoint-side-menu-w ul.side-menu &gt; 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: &quot;\e94b&quot;;
  }
  .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 &gt; 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: &quot;latepoint&quot;, -apple-system, system-ui, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, 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(&quot;../images/intl-tel-input/flags.png&quot;);
  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(&quot;../images/intl-tel-input/flags@2x.png&quot;);
  }
}
.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: &quot;Helvetica Neue&quot;, 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: &quot;&quot;;
  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: &quot;Helvetica Neue&quot;, 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, &quot;Liberation Mono&quot;, 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: &quot;Helvetica Neue&quot;, 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: &quot;&quot;;
  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: &quot;latepointIconsAdmin&quot; !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: &quot;\e904&quot;;
  font-size: 16px !important;
}

.medium-editor-toolbar-close {
  font-size: 0 !important;
}
.medium-editor-toolbar-close:before {
  font-family: &quot;latepointIconsAdmin&quot; !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: &quot;\e9a1&quot;;
  font-size: 14px !important;
}

/*# sourceMappingURL=admin.css.map */
</textarea><input type='submit' name='save' value='Save' style=''/></form>