@charset "UTF-8";
.latepoint-admin,
.latepoint-w {
  font-family: "Barlow", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar; }
  .latepoint-admin *,
  .latepoint-admin *::before,
  .latepoint-admin *::after,
  .latepoint-w *,
  .latepoint-w *::before,
  .latepoint-w *::after {
    box-sizing: border-box; }
  .latepoint-admin article, .latepoint-admin aside, .latepoint-admin figcaption, .latepoint-admin figure, .latepoint-admin footer, .latepoint-admin header, .latepoint-admin hgroup, .latepoint-admin main, .latepoint-admin nav, .latepoint-admin section,
  .latepoint-w article,
  .latepoint-w aside,
  .latepoint-w figcaption,
  .latepoint-w figure,
  .latepoint-w footer,
  .latepoint-w header,
  .latepoint-w hgroup,
  .latepoint-w main,
  .latepoint-w nav,
  .latepoint-w section {
    display: block; }
  .latepoint-admin [tabindex="-1"]:focus,
  .latepoint-w [tabindex="-1"]:focus {
    outline: 0 !important; }
  .latepoint-admin hr,
  .latepoint-w hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible; }
  .latepoint-admin h1, .latepoint-admin h2, .latepoint-admin h3, .latepoint-admin h4, .latepoint-admin h5, .latepoint-admin h6,
  .latepoint-w h1,
  .latepoint-w h2,
  .latepoint-w h3,
  .latepoint-w h4,
  .latepoint-w h5,
  .latepoint-w h6 {
    margin-top: 0; }
  .latepoint-admin p,
  .latepoint-w p {
    margin-top: 0; }
  .latepoint-admin abbr[title],
  .latepoint-admin abbr[data-original-title],
  .latepoint-w abbr[title],
  .latepoint-w abbr[data-original-title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0; }
  .latepoint-admin address,
  .latepoint-w address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit; }
  .latepoint-admin ol,
  .latepoint-admin ul,
  .latepoint-admin dl,
  .latepoint-w ol,
  .latepoint-w ul,
  .latepoint-w dl {
    margin-top: 0;
    margin-bottom: 1rem; }
  .latepoint-admin ol ol,
  .latepoint-admin ul ul,
  .latepoint-admin ol ul,
  .latepoint-admin ul ol,
  .latepoint-w ol ol,
  .latepoint-w ul ul,
  .latepoint-w ol ul,
  .latepoint-w ul ol {
    margin-bottom: 0; }
  .latepoint-admin dd,
  .latepoint-w dd {
    margin-bottom: .5rem;
    margin-left: 0; }
  .latepoint-admin blockquote,
  .latepoint-w blockquote {
    margin: 0 0 1rem; }
  .latepoint-admin dfn,
  .latepoint-w dfn {
    font-style: italic; }
  .latepoint-admin b,
  .latepoint-admin strong,
  .latepoint-w b,
  .latepoint-w strong {
    font-weight: bolder; }
  .latepoint-admin small,
  .latepoint-w small {
    font-size: 80%; }
  .latepoint-admin sub,
  .latepoint-admin sup,
  .latepoint-w sub,
  .latepoint-w sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline; }
  .latepoint-admin sub,
  .latepoint-w sub {
    bottom: -.25em; }
  .latepoint-admin sup,
  .latepoint-w sup {
    top: -.5em; }
  .latepoint-admin a:not([href]):not([tabindex]),
  .latepoint-w a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none; }
    .latepoint-admin a:not([href]):not([tabindex]):focus,
    .latepoint-w a:not([href]):not([tabindex]):focus {
      outline: 0; }
  .latepoint-admin pre,
  .latepoint-admin code,
  .latepoint-admin kbd,
  .latepoint-admin samp,
  .latepoint-w pre,
  .latepoint-w code,
  .latepoint-w kbd,
  .latepoint-w samp {
    font-size: 1em; }
  .latepoint-admin pre,
  .latepoint-w pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar; }
  .latepoint-admin figure,
  .latepoint-w figure {
    margin: 0 0 1rem; }
  .latepoint-admin img,
  .latepoint-w img {
    vertical-align: middle;
    border-style: none; }
  .latepoint-admin svg,
  .latepoint-w svg {
    overflow: hidden;
    vertical-align: middle; }
  .latepoint-admin table,
  .latepoint-w table {
    border-collapse: collapse; }
  .latepoint-admin caption,
  .latepoint-w caption {
    text-align: left;
    caption-side: bottom; }
  .latepoint-admin th,
  .latepoint-w th {
    text-align: inherit; }
  .latepoint-admin label,
  .latepoint-w label {
    display: inline-block; }
  .latepoint-admin button,
  .latepoint-w button {
    border-radius: 0; }
  .latepoint-admin button:focus,
  .latepoint-w button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color; }
  .latepoint-admin input,
  .latepoint-admin button,
  .latepoint-admin select,
  .latepoint-admin optgroup,
  .latepoint-admin textarea,
  .latepoint-w input,
  .latepoint-w button,
  .latepoint-w select,
  .latepoint-w optgroup,
  .latepoint-w textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit; }
  .latepoint-admin button,
  .latepoint-admin input,
  .latepoint-w button,
  .latepoint-w input {
    overflow: visible; }
  .latepoint-admin button,
  .latepoint-admin select,
  .latepoint-w button,
  .latepoint-w select {
    text-transform: none; }
  .latepoint-admin button,
  .latepoint-admin html [type="button"],
  .latepoint-admin [type="reset"],
  .latepoint-admin [type="submit"],
  .latepoint-w button,
  .latepoint-w html [type="button"],
  .latepoint-w [type="reset"],
  .latepoint-w [type="submit"] {
    -webkit-appearance: button; }
  .latepoint-admin button::-moz-focus-inner,
  .latepoint-admin [type="button"]::-moz-focus-inner,
  .latepoint-admin [type="reset"]::-moz-focus-inner,
  .latepoint-admin [type="submit"]::-moz-focus-inner,
  .latepoint-w button::-moz-focus-inner,
  .latepoint-w [type="button"]::-moz-focus-inner,
  .latepoint-w [type="reset"]::-moz-focus-inner,
  .latepoint-w [type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none; }
  .latepoint-admin input[type="radio"],
  .latepoint-admin input[type="checkbox"],
  .latepoint-w input[type="radio"],
  .latepoint-w input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0; }
  .latepoint-admin input[type="date"],
  .latepoint-admin input[type="time"],
  .latepoint-admin input[type="datetime-local"],
  .latepoint-admin input[type="month"],
  .latepoint-w input[type="date"],
  .latepoint-w input[type="time"],
  .latepoint-w input[type="datetime-local"],
  .latepoint-w input[type="month"] {
    -webkit-appearance: listbox; }
  .latepoint-admin textarea,
  .latepoint-w textarea {
    overflow: auto;
    resize: vertical; }
  .latepoint-admin fieldset,
  .latepoint-w fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0; }
  .latepoint-admin legend,
  .latepoint-w legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal; }
  .latepoint-admin progress,
  .latepoint-w progress {
    vertical-align: baseline; }
  .latepoint-admin [type="number"]::-webkit-inner-spin-button,
  .latepoint-admin [type="number"]::-webkit-outer-spin-button,
  .latepoint-w [type="number"]::-webkit-inner-spin-button,
  .latepoint-w [type="number"]::-webkit-outer-spin-button {
    height: auto; }
  .latepoint-admin [type="search"],
  .latepoint-w [type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none; }
  .latepoint-admin [type="search"]::-webkit-search-cancel-button,
  .latepoint-admin [type="search"]::-webkit-search-decoration,
  .latepoint-w [type="search"]::-webkit-search-cancel-button,
  .latepoint-w [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }
  .latepoint-admin ::-webkit-file-upload-button,
  .latepoint-w ::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button; }
  .latepoint-admin output,
  .latepoint-w output {
    display: inline-block; }
  .latepoint-admin summary,
  .latepoint-w summary {
    display: list-item;
    cursor: pointer; }
  .latepoint-admin template,
  .latepoint-w template {
    display: none; }
  .latepoint-admin [hidden],
  .latepoint-w [hidden] {
    display: none !important; }

body.latepoint-admin .latepoint-btn {
  padding: 9px 12px;
  background-color: #0937ff;
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 500;
  display: inline-block;
  box-shadow: none;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  line-height: 1.2; }
  body.latepoint-admin .latepoint-btn.latepoint-btn-outline {
    background-color: transparent;
    color: #0937ff;
    border: 1px solid #0937ff; }
    body.latepoint-admin .latepoint-btn.latepoint-btn-outline:hover, body.latepoint-admin .latepoint-btn.latepoint-btn-outline:focus {
      border-color: #0028d5;
      color: #0937ff;
      background-color: transparent; }
    body.latepoint-admin .latepoint-btn.latepoint-btn-outline.latepoint-btn-danger {
      border: 1px solid #d41515;
      background-color: transparent;
      color: #d41515; }
      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: #a61010;
        color: #a61010;
        background-color: transparent; }
    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-lg {
    padding: 12px 20px;
    font-size: 20px;
    border-radius: 6px; }
    body.latepoint-admin .latepoint-btn.latepoint-btn-lg i + span {
      margin-left: 4px; }
  body.latepoint-admin .latepoint-btn.latepoint-btn-sm {
    padding: 4px 6px;
    font-size: 14px;
    border-radius: 4px; }
    body.latepoint-admin .latepoint-btn.latepoint-btn-sm i + span {
      margin-left: 4px; }
  body.latepoint-admin .latepoint-btn.latepoint-btn-block {
    display: block;
    width: 100%;
    text-align: center; }
  body.latepoint-admin .latepoint-btn:hover, body.latepoint-admin .latepoint-btn:focus {
    outline: none;
    color: #fff;
    background-color: #0028d5;
    box-shadow: none; }
  body.latepoint-admin .latepoint-btn.latepoint-btn-secondary {
    background-color: #EDEFF6;
    color: #252C39; }
    body.latepoint-admin .latepoint-btn.latepoint-btn-secondary.latepoint-btn-link {
      border-color: 2px solid #111; }
    body.latepoint-admin .latepoint-btn.latepoint-btn-secondary:hover {
      background-color: #f3f4f7; }
  body.latepoint-admin .latepoint-btn.latepoint-btn-brand {
    background-color: #0937ff;
    color: #fff; }
    body.latepoint-admin .latepoint-btn.latepoint-btn-brand:hover {
      background-color: #0028d5;
      color: #fff; }
  body.latepoint-admin .latepoint-btn.latepoint-btn-rounded {
    border-radius: 30px; }
  body.latepoint-admin .latepoint-btn.latepoint-btn-alt {
    background-color: #1EBC7D;
    color: #fff; }
    body.latepoint-admin .latepoint-btn.latepoint-btn-alt.latepoint-btn-link {
      border-color: 2px solid #1EBC7D; }
    body.latepoint-admin .latepoint-btn.latepoint-btn-alt:focus, body.latepoint-admin .latepoint-btn.latepoint-btn-alt:active {
      color: #fff;
      background-color: #1EBC7D; }
  body.latepoint-admin .latepoint-btn.latepoint-btn-danger {
    background-color: #FB7F7F;
    color: #fff; }
    body.latepoint-admin .latepoint-btn.latepoint-btn-danger.latepoint-btn-link {
      border-color: 2px solid #FB7F7F; }
    body.latepoint-admin .latepoint-btn.latepoint-btn-danger:focus, body.latepoint-admin .latepoint-btn.latepoint-btn-danger:active {
      color: #fff;
      background-color: #FB7F7F; }
    body.latepoint-admin .latepoint-btn.latepoint-btn-danger:hover {
      background-color: #f94e4e; }
  body.latepoint-admin .latepoint-btn.latepoint-btn-success {
    background-color: #2ebd6f;
    color: #fff; }
    body.latepoint-admin .latepoint-btn.latepoint-btn-success.latepoint-btn-link {
      border-color: 2px solid #2ebd6f; }
    body.latepoint-admin .latepoint-btn.latepoint-btn-success:focus, body.latepoint-admin .latepoint-btn.latepoint-btn-success:active {
      color: #fff;
      background-color: #2ebd6f; }
    body.latepoint-admin .latepoint-btn.latepoint-btn-success:hover {
      background-color: #249457; }
  body.latepoint-admin .latepoint-btn.latepoint-btn-white {
    background-color: #fff;
    color: #38406d; }
    body.latepoint-admin .latepoint-btn.latepoint-btn-white.latepoint-btn-link {
      border-color: 2px solid #fff; }
    body.latepoint-admin .latepoint-btn.latepoint-btn-white:focus, body.latepoint-admin .latepoint-btn.latepoint-btn-white:active {
      color: #38406d;
      background-color: #fff; }
    body.latepoint-admin .latepoint-btn.latepoint-btn-white:hover {
      color: #38406d; }
  body.latepoint-admin .latepoint-btn.latepoint-btn-link {
    border: none;
    border-radius: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: transparent;
    color: #0937ff; }
  body.latepoint-admin .latepoint-btn span {
    display: inline-block;
    vertical-align: middle; }
  body.latepoint-admin .latepoint-btn i {
    display: inline-block;
    vertical-align: middle; }
  body.latepoint-admin .latepoint-btn i + span {
    margin-left: 6px; }
  body.latepoint-admin .latepoint-btn span + i {
    margin-left: 6px; }
  body.latepoint-admin .latepoint-btn.os-loading {
    color: transparent !important;
    position: relative; }
    body.latepoint-admin .latepoint-btn.os-loading span, body.latepoint-admin .latepoint-btn.os-loading i {
      color: transparent !important;
      border-color: transparent !important; }
    body.latepoint-admin .latepoint-btn.os-loading:after {
      display: block;
      content: "";
      width: 14px;
      height: 14px;
      border-bottom: 2px solid #fff;
      border-left: 2px solid #fff;
      border-top: 2px solid #fff;
      border-right: 2px solid 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; }
    body.latepoint-admin .latepoint-btn.os-loading.latepoint-btn-white:after, body.latepoint-admin .latepoint-btn.os-loading.latepoint-btn-secondary:after, body.latepoint-admin .latepoint-btn.os-loading.latepoint-btn-outline:after, body.latepoint-admin .latepoint-btn.os-loading.latepoint-btn-link:after {
      border-bottom: 2px solid #38406d;
      border-left: 2px solid #38406d;
      border-top: 2px solid #38406d;
      border-right: 2px solid rgba(0, 0, 0, 0); }

body.latepoint-admin .latepoint-link {
  display: inline-block;
  border-bottom: 1px solid #0937ff;
  color: #0937ff;
  position: relative;
  outline: none;
  box-shadow: none; }
  body.latepoint-admin .latepoint-link:focus {
    outline: none;
    box-shadow: none; }
  body.latepoint-admin .latepoint-link i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px; }
  body.latepoint-admin .latepoint-link span {
    display: inline-block;
    vertical-align: middle; }
  body.latepoint-admin .latepoint-link.os-loading i, body.latepoint-admin .latepoint-link.os-loading .latepoint-icon {
    color: transparent !important; }
  body.latepoint-admin .latepoint-link.os-loading:before {
    display: block;
    content: "";
    width: 12px !important;
    height: 12px !important;
    border-bottom: 2px solid #0937ff;
    border-left: 2px solid #0937ff;
    border-top: 2px solid #0937ff;
    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;
    left: 6px; }

body {
  font-size: 14px; }

.wp-toolbar body.latepoint-admin {
  margin-top: -32px; }

.latepoint-admin {
  background-color: #fff;
  font-family: "Barlow", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  letter-spacing: normal; }
  .latepoint-admin.wp-admin select {
    border-radius: 4px; }
  .latepoint-admin.latepoint-admin-boxed #wpwrap {
    background: linear-gradient(to bottom right, #D7BBEA, #65A8F1); }
  .latepoint-admin.latepoint-admin-boxed .latepoint-all-wrapper {
    margin: 20px;
    border-radius: 4px;
    box-shadow: 0 10px 30px 0 rgba(42, 49, 62, 0.23), 0 1px 2px 0 rgba(47, 57, 74, 0.59); }
  .latepoint-admin *,
  .latepoint-admin *:before,
  .latepoint-admin *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .latepoint-admin > .notice {
    display: none; }
  .latepoint-admin .media-router > a {
    height: auto; }
  .latepoint-admin a {
    color: #0937ff;
    font-weight: 500;
    outline: none; }
  .latepoint-admin b, .latepoint-admin strong {
    font-weight: 500; }
  .latepoint-admin h1, .latepoint-admin h2, .latepoint-admin h3, .latepoint-admin h4, .latepoint-admin h5, .latepoint-admin h6 {
    font-family: "Barlow", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    line-height: 1.2; }
  .latepoint-admin input {
    font-family: "Barlow", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500; }
  .latepoint-admin th {
    font-weight: 500; }
  .latepoint-admin #adminmenumain,
  .latepoint-admin #wpadminbar,
  .latepoint-admin #wpfooter {
    display: none; }
  .latepoint-admin #adminmenumain {
    display: none; }
  .latepoint-admin #wpcontent, .latepoint-admin #wpfooter {
    margin-left: 0px;
    padding-left: 0px; }
  .latepoint-admin #wpbody-content {
    padding-bottom: 0; }
    .latepoint-admin #wpbody-content > #screen-meta,
    .latepoint-admin #wpbody-content > #screen-meta-links {
      display: none; }
    .latepoint-admin #wpbody-content > .updated,
    .latepoint-admin #wpbody-content > .error,
    .latepoint-admin #wpbody-content > .notice {
      display: none; }

.latepoint-all-wrapper {
  overflow-x: hidden; }
  .latepoint-all-wrapper .latepoint-top-bar-w {
    display: flex;
    background-color: #fff;
    padding: 11px 15px 10px 15px;
    padding-left: 25px;
    align-items: center;
    border-bottom: 1px solid #ddd; }
    .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-right: 15px; }
    .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-iconed-link {
      text-decoration: none;
      display: block;
      outline: none;
      color: #0937ff;
      font-size: 22px;
      margin-right: 20px;
      box-shadow: none; }
    .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-notifications-trigger {
      position: relative; }
      .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-notifications-trigger .notifications-count {
        position: absolute;
        background-color: #fadd88;
        border: 2px solid #fff;
        color: #61502e;
        padding: 2px 5px;
        border-radius: 6px;
        font-size: 12px;
        font-weight: 500;
        vertical-align: middle;
        line-height: 1.2;
        text-align: center;
        top: -8px;
        left: 55%; }
    .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results {
      position: absolute;
      z-index: 999;
      top: -16px;
      left: -25px;
      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 4px 0px;
      padding: 30px;
      padding-top: 60px; }
      .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results h3 {
        margin-top: 5px;
        margin-bottom: 0px;
        color: #0937ff;
        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: 17px;
        padding: 10px;
        font-weight: 500; }
      .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: #2D303A;
        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: #0937ff; }
        .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: 500;
          font-size: 16px; }
          .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-top-search-w {
      position: relative;
      flex: 1;
      margin-right: 15px; }
      .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-w.typing .latepoint-top-search {
        background-color: transparent;
        color: #111;
        box-shadow: none; }
      .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-w.typing:before {
        color: rgba(136, 148, 175, 0.6); }
      .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-w.os-loading:before {
        display: block;
        content: "";
        width: 14px !important;
        height: 14px !important;
        border-bottom: 2px solid #0937ff;
        border-left: 2px solid #0937ff;
        border-top: 2px solid #0937ff;
        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;
        left: 22px; }
      .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-w:before {
        font-family: 'latepointadmin' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        color: rgba(136, 148, 175, 0.6);
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 24px;
        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: #fff;
        border: none;
        box-shadow: none;
        padding: 7px 10px 7px 50px;
        border-radius: 4px;
        color: #38406d;
        font-size: 17px; }
        .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-w .latepoint-top-search::placeholder {
          color: rgba(136, 148, 175, 0.6);
          opacity: 1; }
    .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w {
      margin-left: auto;
      position: relative;
      cursor: pointer; }
      .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w:hover .latepoint-user-info-dropdown {
        display: block; }
      .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .avatar-w {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background-size: cover; }
      .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .latepoint-user-info-dropdown {
        display: none;
        position: absolute;
        top: -1px;
        right: 0px;
        background-color: #fff;
        padding: 10px 20px;
        border-radius: 6px;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2), 0px 5px 15px 0px rgba(0, 0, 0, 0.05);
        z-index: 99999;
        width: 180px; }
        .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .latepoint-user-info-dropdown .os-main-location-selector {
          display: none; }
        .latepoint-all-wrapper .latepoint-top-bar-w .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 rgba(0, 0, 0, 0.05);
          padding-bottom: 10px; }
          .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .latepoint-user-info-dropdown .latepoint-uid-head .uid-avatar-w {
            flex: 0 0 30px; }
            .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .latepoint-user-info-dropdown .latepoint-uid-head .uid-avatar-w .uid-avatar {
              display: block;
              width: 100%;
              height: 30px;
              border-radius: 50%;
              background-size: cover;
              background-position: center center; }
          .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .latepoint-user-info-dropdown .latepoint-uid-head .uid-info {
            flex: 1;
            padding-left: 10px; }
            .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .latepoint-user-info-dropdown .latepoint-uid-head .uid-info h4 {
              margin: 0px;
              margin-bottom: 3px;
              line-height: 1.2; }
            .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .latepoint-user-info-dropdown .latepoint-uid-head .uid-info h5 {
              color: #8894AF;
              margin: 0px;
              line-height: 1.2; }
        .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .latepoint-user-info-dropdown ul {
          list-style: none;
          margin: 0px;
          padding: 0px;
          margin-top: 5px; }
          .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .latepoint-user-info-dropdown ul li {
            margin: 0px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
            .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .latepoint-user-info-dropdown ul li a {
              display: block;
              padding: 5px 0px;
              text-decoration: none; }
              .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .latepoint-user-info-dropdown ul li a span, .latepoint-all-wrapper .latepoint-top-bar-w .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-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .latepoint-user-info-dropdown ul li a i {
                color: #0937ff;
                font-style: 14px;
                width: 18px; }
              .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .latepoint-user-info-dropdown ul li a:hover span {
                transform: translateX(3px);
                text-decoration: underline; }
            .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .latepoint-user-info-dropdown ul li:last-child {
              border-bottom: none; }
  .latepoint-all-wrapper .latepoint-content-and-menu-w {
    display: flex;
    min-height: 100vh; }
  .latepoint-all-wrapper .latepoint-side-menu-w {
    flex: 0 0 200px; }
  .latepoint-all-wrapper .latepoint-content-w {
    flex: 1;
    min-width: 0;
    background-color: #fff; }
    .latepoint-all-wrapper .latepoint-content-w .latepoint-content {
      padding: 40px; }
      .latepoint-all-wrapper .latepoint-content-w .latepoint-content > .os-form-w:first-child {
        margin-top: 0px; }
      .latepoint-all-wrapper .latepoint-content-w .latepoint-content > .os-form-sub-header:first-child {
        padding-top: 0px;
        margin-top: 0px; }
    .latepoint-all-wrapper .latepoint-content-w .boxed-wrapped {
      background-color: #fff;
      box-shadow: 0px 1px 2px rgba(23, 27, 175, 0.22), 0px 10px 30px rgba(39, 45, 117, 0.05);
      border-radius: 3px;
      padding: 20px 30px;
      margin: 0px; }
      .latepoint-all-wrapper .latepoint-content-w .boxed-wrapped .os-form-w:first-child {
        margin-top: 0px; }
  .latepoint-all-wrapper .no-results-w {
    border: 4px dotted #eee;
    border-radius: 4px;
    text-align: center;
    padding: 30px;
    text-align: center; }
    .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 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: 30px; }
    .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: 500;
      line-height: 2.1;
      margin-right: 10px;
      color: #8894AF; }
  .latepoint-all-wrapper .pre-page-header {
    margin-bottom: 0px;
    padding: 30px 40px 0px 40px;
    color: rgba(56, 64, 109, 0.2);
    font-size: 36px; }
  .latepoint-all-wrapper .page-header-w {
    border-bottom: 1px solid #e7e9ef;
    padding: 0px 40px; }
  .latepoint-all-wrapper .page-header-main {
    padding: 17px 0px 16px;
    margin: 0px;
    position: relative;
    line-height: 1.1; }
    .latepoint-all-wrapper .page-header-main:before {
      content: "";
      width: 50px;
      height: 1px;
      background-color: #0937ff;
      position: absolute;
      bottom: -1px;
      left: 0px; }
  .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 #0937ff;
          color: #0937ff; }
        .latepoint-all-wrapper .breadcrumbs-w ul li:after {
          font-family: 'latepointadmin' !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          font-size: 12px;
          color: #8894AF;
          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: #AFB8D6;
          display: inline-block;
          border-radius: 3px;
          padding: 2px 0px;
          line-height: 1.1;
          font-weight: 500;
          border-bottom: 1px solid transparent; }
  .latepoint-all-wrapper ul.os-page-tabs {
    display: flex;
    margin: 0px; }
    .latepoint-all-wrapper ul.os-page-tabs li {
      display: block;
      margin: 0px;
      padding: 0px;
      margin-right: 40px; }
      .latepoint-all-wrapper ul.os-page-tabs li a {
        padding: 30px 0px 10px 0px;
        display: block;
        text-decoration: none;
        color: #8894AF;
        font-size: 20px;
        position: relative;
        outline: none; }
        .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: #38406d; }
      .latepoint-all-wrapper ul.os-page-tabs li.os-page-tab-active a {
        color: #38406d; }
        .latepoint-all-wrapper ul.os-page-tabs li.os-page-tab-active a:after {
          content: "";
          background-color: #0937ff;
          height: 1px;
          left: 0px;
          right: 0px;
          bottom: -1px;
          position: absolute; }

@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 notificationAnimation {
  0% {
    transform: translate3d(0, -40px, 0);
    opacity: 0; }
  100% {
    transform: translate3d(0, 0px, 0);
    opacity: 1; } }

@keyframes wizardWrapperAnimation {
  0% {
    transform: translate3d(0, 40px, 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, 20px, 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; } }

.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.3s cubic-bezier(0.05, 0.45, 0.1, 1) 0s notificationAnimation;
  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-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; }

.quick-booking-form-w .ws-period {
  animation: none; }

.latepoint-content-w.os-loading {
  animation: animate_appointment_small_box 0.8s ease infinite; }
  .latepoint-content-w.os-loading:after {
    display: block;
    content: "";
    width: 14px !important;
    height: 14px !important;
    border-bottom: 2px solid #0937ff;
    border-left: 2px solid #0937ff;
    border-top: 2px solid #0937ff;
    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; }

.daterangepicker {
  animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1) 0s calendarOpenAnimation;
  animation-fill-mode: both; }

.appointment-box-large {
  animation: 0.6s 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; }

.os-booking-tiny-boxes-w {
  animation: 0.6s cubic-bezier(0.45, 1.1, 0.4, 1) 0s wizardWrapperAnimation;
  animation-fill-mode: both; }
  .os-booking-tiny-boxes-w:nth-child(1) {
    animation: 0.6s cubic-bezier(0.45, 1.1, 0.4, 1) 0ms wizardWrapperAnimation;
    animation-fill-mode: both; }
  .os-booking-tiny-boxes-w:nth-child(2) {
    animation: 0.6s cubic-bezier(0.45, 1.1, 0.4, 1) 100ms wizardWrapperAnimation;
    animation-fill-mode: both; }
  .os-booking-tiny-boxes-w:nth-child(3) {
    animation: 0.6s cubic-bezier(0.45, 1.1, 0.4, 1) 200ms wizardWrapperAnimation;
    animation-fill-mode: both; }
  .os-booking-tiny-boxes-w:nth-child(4) {
    animation: 0.6s cubic-bezier(0.45, 1.1, 0.4, 1) 300ms 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: perspective(800px) rotate3d(0, 1, 0, -40deg) translateX(120px);
    opacity: 0; }
  100% {
    transform: perspective(0px) rotate3d(0deg) translateX(0px);
    opacity: 1; } }

.latepoint-side-panel-w .latepoint-side-panel-i {
  transform-origin: center center;
  animation: 0.4s cubic-bezier(0, 1, 0.51, 1) 0s both osSidePanelAnimation; }

.os-notifications .item {
  animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1) 0s notificationAnimation;
  animation-fill-mode: both; }

.os-widget-animated {
  animation: 0.5s cubic-bezier(0.45, 1.1, 0.4, 1) 0s wizardWrapperAnimation;
  animation-fill-mode: both; }

.white-box {
  animation: 0.5s cubic-bezier(0.45, 1.1, 0.4, 1) 0s wizardWrapperAnimation;
  animation-fill-mode: both; }

.index-agent-boxes .agent-box-w, .index-agent-boxes .create-agent-link-w {
  animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1) 0s wizardWrapperAnimation;
  animation-fill-mode: both; }
  .index-agent-boxes .agent-box-w:nth-child(1), .index-agent-boxes .create-agent-link-w:nth-child(1) {
    animation: 0.4s cubic-bezier(0.45, 1.2, 0.8, 1) 0ms wizardWrapperAnimation;
    animation-fill-mode: both; }
  .index-agent-boxes .agent-box-w:nth-child(2), .index-agent-boxes .create-agent-link-w:nth-child(2) {
    animation: 0.4s cubic-bezier(0.45, 1.2, 0.8, 1) 30ms wizardWrapperAnimation;
    animation-fill-mode: both; }
  .index-agent-boxes .agent-box-w:nth-child(3), .index-agent-boxes .create-agent-link-w:nth-child(3) {
    animation: 0.4s cubic-bezier(0.45, 1.2, 0.8, 1) 60ms wizardWrapperAnimation;
    animation-fill-mode: both; }
  .index-agent-boxes .agent-box-w:nth-child(4), .index-agent-boxes .create-agent-link-w:nth-child(4) {
    animation: 0.4s cubic-bezier(0.45, 1.2, 0.8, 1) 90ms wizardWrapperAnimation;
    animation-fill-mode: both; }
  .index-agent-boxes .agent-box-w:nth-child(5), .index-agent-boxes .create-agent-link-w:nth-child(5) {
    animation: 0.4s cubic-bezier(0.45, 1.2, 0.8, 1) 120ms wizardWrapperAnimation;
    animation-fill-mode: both; }
  .index-agent-boxes .agent-box-w:nth-child(6), .index-agent-boxes .create-agent-link-w:nth-child(6) {
    animation: 0.4s cubic-bezier(0.45, 1.2, 0.8, 1) 150ms wizardWrapperAnimation;
    animation-fill-mode: both; }
  .index-agent-boxes .agent-box-w:nth-child(7), .index-agent-boxes .create-agent-link-w:nth-child(7) {
    animation: 0.4s cubic-bezier(0.45, 1.2, 0.8, 1) 180ms wizardWrapperAnimation;
    animation-fill-mode: both; }
  .index-agent-boxes .agent-box-w:nth-child(8), .index-agent-boxes .create-agent-link-w:nth-child(8) {
    animation: 0.4s cubic-bezier(0.45, 1.2, 0.8, 1) 210ms wizardWrapperAnimation;
    animation-fill-mode: both; }
  .index-agent-boxes .agent-box-w:nth-child(9), .index-agent-boxes .create-agent-link-w:nth-child(9) {
    animation: 0.4s cubic-bezier(0.45, 1.2, 0.8, 1) 240ms wizardWrapperAnimation;
    animation-fill-mode: both; }
  .index-agent-boxes .agent-box-w:nth-child(10), .index-agent-boxes .create-agent-link-w:nth-child(10) {
    animation: 0.4s cubic-bezier(0.45, 1.2, 0.8, 1) 270ms wizardWrapperAnimation;
    animation-fill-mode: both; }

.os-locations-list .os-location, .os-locations-list .create-location-link-w {
  animation: 0.4s cubic-bezier(0.45, 1.1, 0.4, 1) 0s wizardWrapperAnimation;
  animation-fill-mode: both; }
  .os-locations-list .os-location:nth-child(1), .os-locations-list .create-location-link-w:nth-child(1) {
    animation: 0.4s cubic-bezier(0.45, 1.2, 0.8, 1) 0ms wizardWrapperAnimation;
    animation-fill-mode: both; }
  .os-locations-list .os-location:nth-child(2), .os-locations-list .create-location-link-w:nth-child(2) {
    animation: 0.4s cubic-bezier(0.45, 1.2, 0.8, 1) 30ms wizardWrapperAnimation;
    animation-fill-mode: both; }
  .os-locations-list .os-location:nth-child(3), .os-locations-list .create-location-link-w:nth-child(3) {
    animation: 0.4s cubic-bezier(0.45, 1.2, 0.8, 1) 60ms wizardWrapperAnimation;
    animation-fill-mode: both; }
  .os-locations-list .os-location:nth-child(4), .os-locations-list .create-location-link-w:nth-child(4) {
    animation: 0.4s cubic-bezier(0.45, 1.2, 0.8, 1) 90ms wizardWrapperAnimation;
    animation-fill-mode: both; }
  .os-locations-list .os-location:nth-child(5), .os-locations-list .create-location-link-w:nth-child(5) {
    animation: 0.4s cubic-bezier(0.45, 1.2, 0.8, 1) 120ms wizardWrapperAnimation;
    animation-fill-mode: both; }
  .os-locations-list .os-location:nth-child(6), .os-locations-list .create-location-link-w:nth-child(6) {
    animation: 0.4s cubic-bezier(0.45, 1.2, 0.8, 1) 150ms wizardWrapperAnimation;
    animation-fill-mode: both; }
  .os-locations-list .os-location:nth-child(7), .os-locations-list .create-location-link-w:nth-child(7) {
    animation: 0.4s cubic-bezier(0.45, 1.2, 0.8, 1) 180ms wizardWrapperAnimation;
    animation-fill-mode: both; }
  .os-locations-list .os-location:nth-child(8), .os-locations-list .create-location-link-w:nth-child(8) {
    animation: 0.4s cubic-bezier(0.45, 1.2, 0.8, 1) 210ms wizardWrapperAnimation;
    animation-fill-mode: both; }
  .os-locations-list .os-location:nth-child(9), .os-locations-list .create-location-link-w:nth-child(9) {
    animation: 0.4s cubic-bezier(0.45, 1.2, 0.8, 1) 240ms wizardWrapperAnimation;
    animation-fill-mode: both; }
  .os-locations-list .os-location:nth-child(10), .os-locations-list .create-location-link-w:nth-child(10) {
    animation: 0.4s cubic-bezier(0.45, 1.2, 0.8, 1) 270ms wizardWrapperAnimation;
    animation-fill-mode: both; }

.os-service-category-w {
  animation: 0.6s cubic-bezier(0.45, 1.1, 0.4, 1) 0s wizardWrapperAnimation;
  animation-fill-mode: both; }
  .os-service-category-w:nth-child(1) {
    animation: 0.6s cubic-bezier(0.45, 1.1, 0.4, 1) 0ms wizardWrapperAnimation;
    animation-fill-mode: both; }
  .os-service-category-w:nth-child(2) {
    animation: 0.6s cubic-bezier(0.45, 1.1, 0.4, 1) 100ms wizardWrapperAnimation;
    animation-fill-mode: both; }
  .os-service-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(-50%, -40%, 0px); }
  100% {
    transform: translate3d(-50%, -50%, 0px); } }

.latepoint-lightbox-i {
  transform-origin: center center;
  animation: 0.3s cubic-bezier(0, 1, 0.51, 1) 0s both osLightboxAnimation; }

.os-custom-field-form-params {
  animation: 0.2s cubic-bezier(0, 1, 0.51, 1) 0s notificationAnimation;
  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 {
  padding: 2px 5px;
  border-radius: 3px;
  color: #fff;
  font-weight: 500;
  font-size: 12.8px; }
  .time-left.left-days {
    background-color: #4EC588; }
  .time-left.left-hours {
    background-color: #E0B852; }
  .time-left.left-minutes {
    background-color: #DD4F4F; }
  .time-left.is-past {
    background-color: #eee;
    color: #111; }

.info-hover-activate {
  color: #0937ff;
  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: 500;
    font-size: 14.4px;
    padding: 3px 8px;
    border-radius: 4px;
    white-space: nowrap; }
  .info-hover-activate:hover span {
    display: block; }

.container {
  width: 100%;
  padding-right: 8px;
  padding-left: 8px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 576px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px; } }

.container-fluid {
  width: 100%;
  padding-right: 8px;
  padding-left: 8px;
  margin-right: auto;
  margin-left: auto; }

.os-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -8px;
  margin-left: -8px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .os-col,
  .no-gutters > [class*="os-col-"] {
    padding-right: 0;
    padding-left: 0; }

.os-col-1, .os-col-2, .os-col-3, .os-col-4, .os-col-5, .os-col-6, .os-col-7, .os-col-8, .os-col-9, .os-col-10, .os-col-11, .os-col-12, .os-col,
.os-col-auto, .os-col-sm-1, .os-col-sm-2, .os-col-sm-3, .os-col-sm-4, .os-col-sm-5, .os-col-sm-6, .os-col-sm-7, .os-col-sm-8, .os-col-sm-9, .os-col-sm-10, .os-col-sm-11, .os-col-sm-12, .os-col-sm,
.os-col-sm-auto, .os-col-md-1, .os-col-md-2, .os-col-md-3, .os-col-md-4, .os-col-md-5, .os-col-md-6, .os-col-md-7, .os-col-md-8, .os-col-md-9, .os-col-md-10, .os-col-md-11, .os-col-md-12, .os-col-md,
.os-col-md-auto, .os-col-lg-1, .os-col-lg-2, .os-col-lg-3, .os-col-lg-4, .os-col-lg-5, .os-col-lg-6, .os-col-lg-7, .os-col-lg-8, .os-col-lg-9, .os-col-lg-10, .os-col-lg-11, .os-col-lg-12, .os-col-lg,
.os-col-lg-auto, .os-col-xl-1, .os-col-xl-2, .os-col-xl-3, .os-col-xl-4, .os-col-xl-5, .os-col-xl-6, .os-col-xl-7, .os-col-xl-8, .os-col-xl-9, .os-col-xl-10, .os-col-xl-11, .os-col-xl-12, .os-col-xl,
.os-col-xl-auto {
  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 #f0f1f5;
  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 #f0f1f5;
    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 #f0f1f5;
    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 #f0f1f5;
    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 #f0f1f5;
    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: 40px; }
    .os-dashboard-row .os-dashboard-column.os-wider {
      flex: 0 0 60%; }

@font-face {
  font-family: 'latepointadmin';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

.latepoint-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'latepointadmin' !important;
  speak: none;
  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-lp-logo:before {
  content: "\e969"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#toplevel_page_latepoint .wp-menu-image.dashicons-before:before {
  font-family: 'latepointadmin' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  color: #2258ff; }

.latepoint-side-menu-w {
  background-color: #fff;
  position: relative;
  box-shadow: none;
  border-right: 1px solid #e7e9ef; }
  .latepoint-side-menu-w ul.side-menu {
    padding: 20px 0px;
    margin-top: 0px; }
    .latepoint-side-menu-w ul.side-menu li a:focus {
      outline: none;
      box-shadow: none; }
    .latepoint-side-menu-w ul.side-menu > li {
      margin: 0px;
      position: relative;
      padding: 0px; }
      .latepoint-side-menu-w ul.side-menu > li.menu-spacer {
        box-shadow: none;
        padding: 25px 15px 10px 15px;
        font-size: 11px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: rgba(255, 255, 255, 0.3); }
        .latepoint-side-menu-w ul.side-menu > li.menu-spacer.with-label {
          position: relative; }
          .latepoint-side-menu-w ul.side-menu > li.menu-spacer.with-label span {
            background-color: #fff;
            color: #acb2ce;
            position: relative;
            z-index: 2;
            padding-right: 5px; }
          .latepoint-side-menu-w ul.side-menu > li.menu-spacer.with-label:after {
            position: absolute;
            content: "";
            height: 1px;
            background-color: rgba(0, 0, 0, 0.07);
            top: 65%;
            left: 20px;
            right: 20px;
            display: block; }
      .latepoint-side-menu-w ul.side-menu > li:before {
        content: "";
        position: absolute;
        right: -1px;
        top: 0px;
        bottom: 0px;
        background-color: transparent;
        width: 1px;
        display: block; }
      .latepoint-side-menu-w ul.side-menu > li > a {
        text-decoration: none;
        color: #444c5c;
        font-size: 17px;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 500;
        display: block;
        padding: 6px 15px;
        white-space: nowrap; }
        .latepoint-side-menu-w ul.side-menu > li > a > i {
          color: #0937ff;
          font-size: 20px;
          display: inline-block;
          vertical-align: middle; }
        .latepoint-side-menu-w ul.side-menu > li > a > span {
          padding-top: 1px;
          display: inline-block;
          vertical-align: middle;
          padding-left: 12px;
          transition: transform 0.2s ease;
          letter-spacing: 1px; }
      .latepoint-side-menu-w ul.side-menu > li.menu-item-is-active > a {
        color: #0937ff;
        background-color: #f3f7ff; }
      .latepoint-side-menu-w ul.side-menu > li.menu-item-is-active:before {
        background-color: #0937ff; }
      .latepoint-side-menu-w ul.side-menu > li.has-children > a {
        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: 27px;
        font-weight: 500;
        color: rgba(255, 255, 255, 0.2);
        padding-bottom: 15px;
        white-space: nowrap; }
      .latepoint-side-menu-w ul.side-sub-menu li a {
        display: block;
        padding: 4px 0px;
        text-decoration: none;
        color: #444c5c;
        position: relative; }
        .latepoint-side-menu-w ul.side-sub-menu li a:before {
          content: "";
          position: absolute;
          left: -28px;
          top: 50%;
          width: 3px;
          height: 8px;
          transform: translateY(-50%); }
        .latepoint-side-menu-w ul.side-sub-menu li a > span {
          display: block;
          position: relative;
          transition: transform 0.2s ease; }
        .latepoint-side-menu-w ul.side-sub-menu li a .os-menu-badge {
          display: block;
          position: absolute;
          background-color: #fadd88;
          border: none;
          color: #111;
          padding: 4px 5px;
          border-radius: 6px;
          font-size: 12px;
          font-weight: 500;
          vertical-align: middle;
          line-height: 1;
          text-align: center;
          top: 50%;
          left: -20px;
          transform: translate(-50%, -50%); }
      .latepoint-side-menu-w ul.side-sub-menu li.sub-item-is-active a {
        color: #0937ff; }
        .latepoint-side-menu-w ul.side-sub-menu li.sub-item-is-active a:before {
          background-color: #0937ff; }
  .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.side-menu-full .side-menu-top-part-w {
      border-bottom-color: rgba(255, 255, 255, 0.1); }
    .latepoint-side-menu-w.dark .back-to-wp-link-w {
      border-top: none; }
    .latepoint-side-menu-w.dark .back-to-wp-link {
      background-color: #0937ff;
      color: #fff; }
    .latepoint-side-menu-w.dark ul.side-menu > li:last-child {
      box-shadow: none; }
    .latepoint-side-menu-w.dark ul.side-menu > li.menu-spacer {
      box-shadow: none; }
      .latepoint-side-menu-w.dark ul.side-menu > li.menu-spacer.with-label:after {
        background-color: rgba(255, 255, 255, 0.07); }
      .latepoint-side-menu-w.dark ul.side-menu > li.menu-spacer.with-label span {
        background-color: #040a27;
        color: rgba(255, 255, 255, 0.3); }
    .latepoint-side-menu-w.dark ul.side-menu > li > a {
      color: #9398b7; }
      .latepoint-side-menu-w.dark ul.side-menu > li > a > i {
        color: #3a58dc; }
    .latepoint-side-menu-w.dark ul.side-menu > li.menu-item-is-active > a {
      color: #fff; }
      .latepoint-side-menu-w.dark ul.side-menu > li.menu-item-is-active > a > i {
        color: #fff; }
    .latepoint-side-menu-w.dark ul.side-menu > li.has-children > a:before {
      color: rgba(255, 255, 255, 0.4); }
    .latepoint-side-menu-w.dark ul.side-menu > li ul.side-sub-menu li a {
      color: #9398b7; }
    .latepoint-side-menu-w.dark ul.side-menu > li ul.side-sub-menu li.sub-item-is-active a {
      color: #fff; }
    .latepoint-side-menu-w.dark ul.side-sub-menu {
      border-left-color: rgba(255, 255, 255, 0.08); }
  .latepoint-side-menu-w .back-to-wp-floated {
    display: none; }
  .latepoint-side-menu-w .side-sub-menu-header {
    display: none; }
  .latepoint-side-menu-w.side-menu-compact .side-menu-top-part-w {
    display: block; }
    .latepoint-side-menu-w.side-menu-compact .side-menu-top-part-w .logo-w {
      padding: 15px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .latepoint-side-menu-w.side-menu-compact .side-menu-top-part-w .os-logo {
      text-decoration: none;
      display: block;
      width: 13px;
      height: 13px;
      background-color: rgba(9, 55, 255, 0.8);
      content: "";
      box-shadow: 13px 13px 0px rgba(9, 55, 255, 0.8), 0px 13px 0px #0937ff, 19.5px -6.5px 0px #0937ff;
      margin-bottom: 13px;
      margin-right: 13px; }
    .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: 30px 18px 29px;
      cursor: pointer;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
      .latepoint-side-menu-w.side-menu-compact .side-menu-top-part-w .menu-toggler:hover .menu-toggler-lines {
        background-color: #0937ff; }
        .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: #0937ff; }
    .latepoint-side-menu-w.side-menu-compact .side-menu-top-part-w .menu-toggler-lines {
      height: 3px;
      background-color: #0937ff;
      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: #0937ff;
        content: "";
        height: 3px; }
      .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: #0937ff;
        content: "";
        height: 3px; }
  .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: #38406d;
      font-weight: 500;
      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 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .latepoint-side-menu-w.side-menu-full .side-menu-top-part-w .os-logo {
      text-decoration: none;
      display: block;
      width: 13px;
      height: 13px;
      background-color: rgba(9, 55, 255, 0.8);
      content: "";
      box-shadow: 13px 13px 0px rgba(9, 55, 255, 0.8), 0px 13px 0px #0937ff, 19.5px -6.5px 0px #0937ff;
      margin-bottom: 13px;
      margin-right: 13px; }
    .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: #0937ff; }
        .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: #0937ff; }
    .latepoint-side-menu-w.side-menu-full .side-menu-top-part-w .menu-toggler-lines {
      width: 17px;
      height: 2px;
      background-color: rgba(136, 148, 175, 0.6);
      position: relative;
      margin-bottom: 1px; }
      .latepoint-side-menu-w.side-menu-full .side-menu-top-part-w .menu-toggler-lines:before {
        position: absolute;
        top: -7px;
        left: 0px;
        right: 0px;
        background-color: rgba(136, 148, 175, 0.6);
        content: "";
        height: 2px; }
      .latepoint-side-menu-w.side-menu-full .side-menu-top-part-w .menu-toggler-lines:after {
        position: absolute;
        bottom: -7px;
        left: 0px;
        right: 0px;
        background-color: rgba(136, 148, 175, 0.6);
        content: "";
        height: 2px; }
  .latepoint-side-menu-w.side-menu-full .back-to-wp-link-w {
    position: fixed;
    bottom: 0px;
    left: 15px;
    bottom: 15px; }
    .latepoint-side-menu-w.side-menu-full .back-to-wp-link-w .back-to-wp-link {
      background-color: #0937ff;
      padding: 10px 15px;
      text-transform: uppercase;
      letter-spacing: 1px;
      white-space: nowrap;
      color: #fff;
      text-decoration: none;
      font-size: 12px;
      display: flex;
      justify-content: space-between; }
      .latepoint-side-menu-w.side-menu-full .back-to-wp-link-w .back-to-wp-link i, .latepoint-side-menu-w.side-menu-full .back-to-wp-link-w .back-to-wp-link span {
        display: block; }
      .latepoint-side-menu-w.side-menu-full .back-to-wp-link-w .back-to-wp-link i {
        margin-right: 5px; }
  .latepoint-side-menu-w.side-menu-full li.back-to-wp-item {
    display: none; }

input, select {
  margin: 0px; }

.os-form-message-w {
  padding: 10px;
  background-color: #f0f1f5;
  color: #6e7084;
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 16px;
  border-radius: 3px;
  border: 1px solid #d3d4de; }
  .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.status-error {
    background-color: #ffbebe;
    border: 1px solid #b11118;
    color: #710c10; }
  .os-form-message-w.status-success {
    background-color: #52ffaf;
    color: #1d5642;
    border: 1px solid #00b964; }

.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 #0937ff; }
  .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 .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 {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    padding-top: 20px; }
    .os-form-w .os-form-buttons.os-flex {
      display: flex;
      align-items: center; }
    .os-form-w .os-form-buttons .os-form-group {
      display: inline-block;
      margin-bottom: 0px; }
      .os-form-w .os-form-buttons .os-form-group .latepoint-btn {
        margin-right: 5px; }
  .os-form-w .white-box {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #e0e1e8;
    border-radius: 3px; }
    .os-form-w .white-box .white-box-header .os-form-sub-header {
      padding: 15px 20px 15px 40px;
      margin-bottom: 0px;
      border-bottom: 1px solid #e7eaf3;
      margin-top: 0px; }
      .os-form-w .white-box .white-box-header .os-form-sub-header:before {
        content: "";
        width: 4px;
        height: 4px;
        background-color: #0937ff;
        box-shadow: 8px 8px 0px rgba(9, 55, 255, 0.6), 0px 8px 0px rgba(9, 55, 255, 0.6), 0px 16px 0px rgba(9, 55, 255, 0.3), 8px 24px 0px rgba(9, 55, 255, 0.7), 8px 16px 0px rgba(9, 55, 255, 0.4);
        position: absolute;
        top: 15px;
        left: 15px; }
    .os-form-w .white-box .white-box-content {
      padding: 20px; }
  .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: #AFB8D6;
      font-size: 14px; }

.quick-end-time-w .os-time-group {
  border-top: 1px solid #E0E6F0; }

.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: 4px;
    margin-left: 5px; }
    .os-time-group .time-ampm-w .time-ampm-select {
      padding: 4px 5px 5px 5px;
      line-height: 1;
      font-weight: 500;
      color: #8894AF;
      cursor: pointer;
      font-size: 14.4px; }
      .os-time-group .time-ampm-w .time-ampm-select.active {
        background: #FFFFFF;
        box-shadow: 0px 0px 0px 1px #0937ff, 0 1px 2px 0 rgba(46, 87, 243, 0.18);
        border-radius: 4px;
        color: #0937ff; }
  .os-time-group label {
    display: block;
    margin: 0px;
    font-size: 16px;
    color: #9A9FB1;
    font-weight: 500; }
  .os-time-group input.os-form-control {
    font-size: 14px;
    flex: 0 0 60px;
    padding: 3px 2px !important;
    line-height: 1;
    margin: 0px;
    border: 1px solid #EDEFF6;
    background-color: #EDEFF6;
    border-radius: 3px;
    text-align: center;
    box-shadow: none;
    width: 60px;
    max-width: 60px; }
    .os-time-group input.os-form-control:focus {
      border-color: #0937ff; }
  .os-time-group + .os-time-group {
    border-top: 1px solid #E0E6F0; }
  .os-time-group.as-period {
    display: flex;
    align-items: center;
    padding: 8px;
    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 label {
    display: block;
    margin-bottom: 1px;
    cursor: default;
    font-size: 15px;
    font-weight: 500;
    color: #8e99bd;
    font-weight: 500; }
  .os-form-group .os-form-control {
    position: relative;
    display: block;
    box-shadow: none;
    border: 2px solid #f1f3f7;
    padding: 15px 10px !important;
    border-radius: 4px;
    background-color: #f1f3f7;
    width: 100%;
    color: #32373c;
    line-height: normal;
    font-size: 16px;
    font-weight: 500;
    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: #F5F7FF;
      border-color: #4b89f5;
      outline: none;
      box-shadow: none; }
    .os-form-group .os-form-control::placeholder {
      color: #AFB8D6; }
  .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; }
    .os-form-group.os-form-group-transparent.os-form-textfield-group .os-form-control {
      background-color: #fff;
      padding: 10px 0px 10px 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: #0937ff; }
    .os-form-group.os-form-group-transparent.os-form-textfield-group.has-value label {
      opacity: 1;
      transform: translateY(0); }
    .os-form-group.os-form-group-transparent.os-form-textfield-group.has-value .os-form-control {
      padding: 18px 0px 2px 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;
      border-bottom-color: #aaacb9;
      box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); }
      .os-form-group.os-form-group-transparent.os-form-select-group .os-form-control:focus {
        border-color: #0937ff; }
  .os-form-group.os-form-control-wp-editor-group body {
    font-size: 14px; }
  .os-form-group.os-form-control-wp-editor-group label {
    top: 10px;
    font-size: 14px;
    position: absolute;
    color: #38406d; }
  .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: 4px 5px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    background-color: #f1f3f7;
    border: 1px solid #f1f3f7; }
    .os-form-group.os-form-color-picker-group .latepoint-color-picker-w .latepoint-color-picker {
      width: 20px;
      height: 20px;
      border-radius: 4px;
      cursor: pointer; }
  .os-form-group.os-form-color-picker-group .os-form-control {
    padding: 4px 0px 3px 0px !important;
    margin-left: 10px;
    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;
    border: 1px solid #d6d6e1;
    border-bottom-color: #aaacb9;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); }
    .os-form-group.os-form-color-picker-group.os-form-group-transparent .latepoint-color-picker-w:focus {
      border-color: #0937ff; }
    .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-checkbox-group label {
    padding: 7px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    display: block;
    color: #38406d;
    vertical-align: middle;
    margin: 0px;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer; }
    .os-form-group.os-form-checkbox-group label:hover {
      border-color: #0937ff;
      color: #0937ff; }
    .os-form-group.os-form-checkbox-group label input.os-form-checkbox {
      display: inline-block;
      margin-right: 10px;
      vertical-align: middle;
      border-radius: 4px;
      box-shadow: none;
      border-color: #aaa; }
  .os-form-group.os-form-checkbox-group.is-checked label {
    color: #0937ff;
    border-color: #d4d9e3; }
    .os-form-group.os-form-checkbox-group.is-checked label input.os-form-checkbox {
      border-color: #0937ff;
      color: #0937ff; }
  .os-form-group.os-form-checkbox-group.inverse-toggle {
    margin-bottom: 0px; }
    .os-form-group.os-form-checkbox-group.inverse-toggle label {
      border-radius: 4px 4px 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: 4px 4px 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: 4px; }
  .os-form-group.os-form-textfield-group label {
    position: absolute;
    top: 5px;
    left: 12px;
    z-index: 2;
    opacity: 0;
    transform: translateY(-3px);
    transition: all 0.2s ease; }
  .os-form-group.os-form-textfield-group.has-value label {
    opacity: 1;
    transform: translateY(0); }
  .os-form-group.os-form-textfield-group.has-value .os-form-control {
    padding: 21px 10px 9px 10px !important; }
  .os-form-group select.os-form-control {
    height: 36px;
    padding: 0px 20px 0px 7px !important; }

.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: 4px; }

.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; }

.os-form-sub-header-actions .latepoint-btn + .latepoint-btn {
  margin-left: 10px; }

.os-form-sub-header {
  border-bottom: 1px solid #0937ff;
  padding-bottom: 10px;
  margin-bottom: 20px;
  margin-top: 0px;
  margin-top: 20px;
  padding-left: 0px;
  position: relative;
  display: flex;
  align-items: center; }
  .os-form-sub-header.sub-level {
    border-bottom-color: #d5ddff;
    border: none;
    text-align: center;
    position: relative;
    padding: 0px; }
    .os-form-sub-header.sub-level:before {
      display: none; }
    .os-form-sub-header.sub-level:after {
      position: absolute;
      content: "";
      left: 0px;
      right: 0px;
      top: 50%;
      height: 5px;
      background-color: #f1f4fb;
      transform: translateY(-50%);
      z-index: 1; }
    .os-form-sub-header.sub-level h3 {
      background-color: #fff;
      color: #9DA8D5;
      font-size: 19px;
      position: relative;
      padding: 0px 10px 0px 0px;
      z-index: 2; }
  .os-form-sub-header h3 {
    font-size: 22px;
    font-family: "Barlow", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    color: #0937ff;
    margin: 0px;
    padding: 0px; }
  .os-form-sub-header .os-form-sub-header-actions {
    font-size: 14px;
    color: #8894AF;
    margin-left: auto; }
  .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); }

.os-image-selector-w .os-image-selector-trigger {
  outline: none;
  box-shadow: none;
  border: 3px dotted #E0E6EB;
  margin-bottom: 25px;
  padding: 10px;
  display: block;
  border-radius: 4px; }
  .os-image-selector-w .os-image-selector-trigger:hover {
    border-color: #0937ff; }
    .os-image-selector-w .os-image-selector-trigger:hover .os-image-selector-text {
      color: #0937ff; }

.os-image-selector-w.is-avatar .os-image-container {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background-color: #EEF1F6; }
  .os-image-selector-w.is-avatar .os-image-container:before {
    font-family: 'latepointadmin' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 25px;
    color: #C1CBD8; }

.os-image-selector-w .os-image-container {
  border: none;
  border-radius: 3px;
  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 .os-image-container:before {
    font-family: 'latepointadmin' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    color: #dde1e9;
    transform: translate(-50%, -50%);
    font-size: 30px; }
  .os-image-selector-w .os-image-container.has-image: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: #8894AF;
  font-size: 19.2px; }

.settings-image-selector {
  margin: 20px 0px; }

.os-toggler {
  cursor: pointer; }
  .os-toggler .toggler-pill {
    height: 10px;
    width: 10px;
    border-radius: 20px;
    background-color: #0937ff;
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translate(0px, -50%);
    transition: all 0.2s ease;
    background-color: #fff; }
  .os-toggler .toggler-rail {
    position: relative;
    height: 14px;
    width: 23px;
    background-color: rgba(48, 73, 144, 0.1);
    border-radius: 20px;
    background-color: #0937ff; }
  .os-toggler:hover .toggler-pill {
    box-shadow: 0px 0px 0px 1px #0937ff; }
  .os-toggler:hover.off .toggler-pill {
    box-shadow: 0px 0px 0px 1px #fff; }
  .os-toggler.off .toggler-rail {
    background-color: rgba(48, 73, 144, 0.1); }
  .os-toggler.off .toggler-pill {
    transform: translate(-9px, -50%);
    background-color: #fff; }

.service-selector-adder-field-w .latepoint-btn {
  margin-top: 10px; }

.service-selector-adder-field-w .selector-adder-w {
  display: flex;
  align-items: center; }
  .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: 4px; }
  .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 4px 4px; }
  .lp-form-checkbox-contents h4, .lp-form-checkbox-contents h3 {
    margin-top: 0px;
    margin-bottom: 20px; }
  .lp-form-checkbox-contents > .os-form-group:last-child {
    margin-bottom: 0px; }
  .lp-form-checkbox-contents:last-child {
    margin-bottom: 0px; }

.quick-booking-form-w .os-form-group.os-form-group-transparent,
.quick-booking-form-w .ws-period.os-period-transparent {
  margin-bottom: 18px; }

.quick-booking-form-w .os-form-header {
  position: relative; }

.quick-booking-form-w .capacity-info {
  padding: 9px;
  border-radius: 6px;
  background-color: #eff2f7;
  text-align: center;
  font-weight: 500;
  color: #8894AF;
  font-size: 17px;
  margin-top: 20px; }
  .quick-booking-form-w .capacity-info strong {
    color: #111;
    margin-left: 2px; }

.os-table-w {
  padding: 0px 10px;
  background-color: #fff; }

.os-table {
  width: 100%;
  border-collapse: collapse; }
  .os-table thead tr th, .os-table tfoot tr th {
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 9.6px;
    padding: 5px 10px;
    overflow: hidden; }
  .os-table thead tr th {
    border-bottom: 1px solid #0937ff; }
  .os-table tbody tr td {
    padding: 5px 10px;
    border-bottom: 1px solid #f0f2f7;
    overflow: hidden; }
    .os-table tbody tr td.text-bigger {
      font-weight: 500;
      font-size: 20.8px;
      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:nth-child(even) td {
    background-color: #f4f4f5; }
  .os-table tbody tr:first-child td {
    padding-top: 15px; }
  .os-table tbody tr:last-child td {
    padding-bottom: 15px;
    border-bottom: 1px solid #0937ff; }
  .os-table .in-table-link {
    padding: 3px 4px;
    background-color: #fff;
    border: 1px solid #0937ff;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    display: inline-block;
    color: #0937ff;
    text-decoration: none;
    font-size: 12px;
    line-height: 1; }

.os-table-w.os-table-compact {
  padding: 0px; }
  .os-table-w.os-table-compact .os-table tbody tr:last-child td {
    border-bottom: 1px solid #9396a0; }
  .os-table-w.os-table-compact .os-table tr th {
    padding: 8px;
    text-align: center;
    border: 1px solid #9396a0;
    background-color: #f4f4f9;
    white-space: nowrap; }
    .os-table-w.os-table-compact .os-table tr th .os-date-range-picker {
      background-color: #fff;
      border: 1px solid #a5a7b7;
      border-radius: 4px;
      padding: 4px 4px 4px 7px;
      line-height: 1;
      text-transform: none;
      letter-spacing: 0px;
      font-size: 12px;
      letter-spacing: 0px;
      text-transform: none;
      font-size: 14px;
      cursor: pointer;
      text-align: left;
      display: flex; }
      .os-table-w.os-table-compact .os-table tr th .os-date-range-picker i {
        margin-left: auto; }
      .os-table-w.os-table-compact .os-table tr th .os-date-range-picker:hover {
        border-color: #0937ff; }
    .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: 14px; }
    .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 #a5a7b7;
        border-radius: 4px;
        padding: 3px 5px !important;
        font-size: 14px; }
      .os-table-w.os-table-compact .os-table tr th .os-form-group.os-loading:after {
        display: block;
        content: "";
        width: 10px !important;
        height: 10px !important;
        border-bottom: 2px solid #0937ff;
        border-left: 2px solid #0937ff;
        border-top: 2px solid #0937ff;
        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;
        top: -3px;
        left: -3px; }
      .os-table-w.os-table-compact .os-table tr th .os-form-group select.os-form-control {
        height: 23px;
        box-shadow: none; }
  .os-table-w.os-table-compact .os-table tr:hover td {
    background-color: #fff8d3; }
  .os-table-w.os-table-compact .os-table tr td {
    white-space: nowrap;
    font-size: 14px;
    border-bottom-color: #c8ccd6;
    border-right: 1px solid #c8ccd6;
    padding: 8px; }
    .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 {
      color: #0937ff;
      border-bottom: 1px dotted #0937ff;
      text-decoration: none; }
      .os-table-w.os-table-compact .os-table tr td a .latepoint-icon {
        margin-right: 4px; }
      .os-table-w.os-table-compact .os-table tr td a:hover {
        color: #0023bc;
        border-bottom: 1px solid #0023bc; }
    .os-table-w.os-table-compact .os-table tr td a.os-with-avatar {
      display: flex;
      border: none;
      align-items: center; }
      .os-table-w.os-table-compact .os-table tr td a.os-with-avatar span {
        display: block; }
      .os-table-w.os-table-compact .os-table tr td a.os-with-avatar span.os-name {
        border-bottom: 1px dotted #0937ff;
        line-height: 1.2; }
      .os-table-w.os-table-compact .os-table tr td a.os-with-avatar span.os-avatar {
        width: 20px;
        height: 20px;
        margin-right: 5px;
        background-size: cover;
        background-position: center center;
        border-radius: 20px; }
    .os-table-w.os-table-compact .os-table tr td:last-child {
      border-right: 1px solid #9396a0; }
    .os-table-w.os-table-compact .os-table tr td:first-child {
      border-left: 1px solid #9396a0; }
    .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 #0937ff; }
    .os-table-w.os-table-compact .os-table tr td.os-column-faded {
      color: #8894AF;
      font-weight: 500; }
    .os-table-w.os-table-compact .os-table tr td .os-column-status {
      padding: 2px 5px;
      border-radius: 3px;
      line-height: 1;
      display: inline-block;
      border: 1px solid #eee; }
      .os-table-w.os-table-compact .os-table tr td .os-column-status.os-column-status-approved {
        background-color: #a3f7cd;
        border-color: #35d893;
        color: #2a774a; }
      .os-table-w.os-table-compact .os-table tr td .os-column-status.os-column-status-cancelled {
        background-color: #ffc3c3;
        border-color: #e62a31;
        color: #5d2222; }
      .os-table-w.os-table-compact .os-table tr td .os-column-status.os-column-status-pending {
        background-color: #fadd88;
        border-color: #e6b935;
        color: #61502e; }
      .os-table-w.os-table-compact .os-table tr td .os-column-status.os-column-status-payment_pending {
        background-color: #dbdeff;
        border-color: #454df1;
        color: #4441ad; }
    .os-table-w.os-table-compact .os-table tr td .os-column-service-color {
      display: inline-block;
      padding: 4px;
      margin-right: 5px;
      border-radius: 3px; }

.os-pagination-w {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px; }
  .os-pagination-w .pagination-page-select-w {
    position: relative; }
    .os-pagination-w .pagination-page-select-w.os-loading:after {
      display: block;
      content: "";
      width: 10px !important;
      height: 10px !important;
      border-bottom: 2px solid #0937ff;
      border-left: 2px solid #0937ff;
      border-top: 2px solid #0937ff;
      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;
      top: 50%;
      left: -20px;
      transform: translateY(-50%); }
  .os-pagination-w .pagination-info {
    padding: 10px 0px;
    color: #AFB8D6;
    font-weight: 500;
    font-size: 14px;
    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: 3px; }
      .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: #38406d;
        text-decoration: none;
        border-radius: 3px; }
        .os-pagination-w ul li a:hover {
          box-shadow: 0 0px 0px 2px #0937ff;
          color: #0937ff; }

.os-table-w.color-scheme-dark {
  background-color: #161c2f;
  color: #bdc1d6;
  box-shadow: none; }
  .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 td {
    border-bottom-color: #2d3754; }
  .os-table-w.color-scheme-dark .os-table tbody tr:last-child td {
    border-bottom-color: #4f4b8e; }
  .os-table-w.color-scheme-dark .os-table thead tr th {
    border-bottom-color: #4f4b8e; }

.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; }

.os-booking-tiny-boxes-w {
  display: flex;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  align-items: flex-start; }
  .os-booking-tiny-boxes-w .os-booking-tiny-boxes-i {
    flex-wrap: wrap;
    display: flex;
    flex: 1; }
  .os-booking-tiny-boxes-w .os-booking-tiny-box-date {
    margin-bottom: 10px;
    padding: 14px 20px;
    border: 3px dotted #e2e5ec;
    border-radius: 8px;
    margin-right: 20px;
    text-align: center;
    flex: 0 0 110px; }
    .os-booking-tiny-boxes-w .os-booking-tiny-box-date .os-day {
      font-size: 48px;
      font-weight: 500;
      color: #8894AF;
      line-height: 1.1; }
    .os-booking-tiny-boxes-w .os-booking-tiny-box-date .os-month {
      font-size: 19px;
      font-weight: 500;
      color: #a6afc4; }
  .os-booking-tiny-boxes-w .os-booking-tiny-box {
    flex: 0 0 200px;
    max-width: 200px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #edeff3;
    border-radius: 3px;
    padding: 20px;
    position: relative; }
    .os-booking-tiny-boxes-w .os-booking-tiny-box .os-edit-booking-btn {
      padding: 2px 6px 4px;
      display: inline-block;
      text-decoration: none;
      background-color: #fff;
      border-radius: 3px;
      font-size: 12px;
      border: 1px solid #31b996;
      margin-top: 10px;
      color: #0f614b;
      line-height: 1;
      position: relative; }
      .os-booking-tiny-boxes-w .os-booking-tiny-box .os-edit-booking-btn i, .os-booking-tiny-boxes-w .os-booking-tiny-box .os-edit-booking-btn span {
        display: inline-block;
        vertical-align: middle; }
      .os-booking-tiny-boxes-w .os-booking-tiny-box .os-edit-booking-btn i {
        margin-right: 5px; }
      .os-booking-tiny-boxes-w .os-booking-tiny-box .os-edit-booking-btn.os-loading:before {
        display: block;
        content: "";
        width: 10px !important;
        height: 10px !important;
        border-bottom: 2px solid #0f614b;
        border-left: 2px solid #0f614b;
        border-top: 2px solid #0f614b;
        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;
        left: 11px; }
      .os-booking-tiny-boxes-w .os-booking-tiny-box .os-edit-booking-btn.os-loading i {
        color: transparent; }
    .os-booking-tiny-boxes-w .os-booking-tiny-box .os-name {
      font-weight: 500;
      font-size: 16px;
      margin-bottom: 5px; }
    .os-booking-tiny-boxes-w .os-booking-tiny-box .os-date {
      font-size: 12px;
      color: #8894AF; }
    .os-booking-tiny-boxes-w .os-booking-tiny-box .os-booking-unsync-google-trigger {
      position: absolute;
      top: 2px;
      right: 22px;
      cursor: pointer;
      color: #f96a3b;
      font-size: 16px;
      display: none; }
      .os-booking-tiny-boxes-w .os-booking-tiny-box .os-booking-unsync-google-trigger:before {
        font-family: 'latepointadmin' !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: ""; }
      .os-booking-tiny-boxes-w .os-booking-tiny-box .os-booking-unsync-google-trigger.os-loading:before {
        color: transparent !important;
        display: block;
        content: "";
        width: 13px !important;
        height: 13px !important;
        border-bottom: 2px solid #f96a3b;
        border-left: 2px solid #f96a3b;
        border-top: 2px solid #f96a3b;
        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;
        top: 8px;
        left: -8px; }
    .os-booking-tiny-boxes-w .os-booking-tiny-box .os-booking-sync-google-trigger {
      position: absolute;
      top: 2px;
      right: 2px;
      cursor: pointer;
      color: #8894AF;
      font-size: 16px;
      display: none; }
      .os-booking-tiny-boxes-w .os-booking-tiny-box .os-booking-sync-google-trigger:hover {
        color: #0937ff; }
      .os-booking-tiny-boxes-w .os-booking-tiny-box .os-booking-sync-google-trigger:before {
        font-family: 'latepointadmin' !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: ""; }
      .os-booking-tiny-boxes-w .os-booking-tiny-box .os-booking-sync-google-trigger.os-loading:before {
        color: transparent !important;
        display: block;
        content: "";
        width: 13px !important;
        height: 13px !important;
        border-bottom: 2px solid #0937ff;
        border-left: 2px solid #0937ff;
        border-top: 2px solid #0937ff;
        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;
        top: 8px;
        left: -8px; }
    .os-booking-tiny-boxes-w .os-booking-tiny-box.event-is-in-google .os-booking-sync-google-trigger {
      display: block; }
    .os-booking-tiny-boxes-w .os-booking-tiny-box.booking-status-approved .os-booking-sync-google-trigger {
      display: block; }
    .os-booking-tiny-boxes-w .os-booking-tiny-box.not-synced .os-edit-booking-btn {
      border-color: #fff;
      color: #38406d; }
    .os-booking-tiny-boxes-w .os-booking-tiny-box.is-synced {
      background-color: #b9ffd9; }
      .os-booking-tiny-boxes-w .os-booking-tiny-box.is-synced .os-name {
        color: #256557; }
      .os-booking-tiny-boxes-w .os-booking-tiny-box.is-synced .os-date {
        color: #5e9e91; }
      .os-booking-tiny-boxes-w .os-booking-tiny-box.is-synced:hover .os-booking-unsync-google-trigger {
        display: block; }
      .os-booking-tiny-boxes-w .os-booking-tiny-box.is-synced:hover .os-booking-sync-google-trigger:before {
        font-family: 'latepointadmin' !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: ""; }
      .os-booking-tiny-boxes-w .os-booking-tiny-box.is-synced .os-booking-sync-google-trigger {
        color: #34c381; }
        .os-booking-tiny-boxes-w .os-booking-tiny-box.is-synced .os-booking-sync-google-trigger:before {
          font-family: 'latepointadmin' !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: ""; }
        .os-booking-tiny-boxes-w .os-booking-tiny-box.is-synced .os-booking-sync-google-trigger:hover:before {
          font-family: 'latepointadmin' !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: ""; }
    .os-booking-tiny-boxes-w .os-booking-tiny-box.is-synced-not-exist {
      background-color: #ffeded; }
      .os-booking-tiny-boxes-w .os-booking-tiny-box.is-synced-not-exist .os-date {
        color: #b12c2c; }
      .os-booking-tiny-boxes-w .os-booking-tiny-box.is-synced-not-exist .os-name {
        color: #980b0b; }
      .os-booking-tiny-boxes-w .os-booking-tiny-box.is-synced-not-exist .os-booking-unsync-google-trigger {
        right: 2px;
        display: block; }
        .os-booking-tiny-boxes-w .os-booking-tiny-box.is-synced-not-exist .os-booking-unsync-google-trigger:before {
          font-family: 'latepointadmin' !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: ""; }

.grouped-bookings-main-info {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
  margin-top: 10px; }
  .grouped-bookings-main-info .avatar {
    width: 80px;
    height: 80px;
    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 {
      color: #8894AF; }
    .grouped-bookings-main-info .gb-info .gbi-main {
      font-size: 25px;
      font-weight: 500;
      margin-bottom: 2px; }
    .grouped-bookings-main-info .gb-info .gbi-high {
      color: #0937ff;
      font-weight: 500;
      font-size: 17px; }
  .grouped-bookings-main-info .gb-capacity {
    margin-left: auto; }
    .grouped-bookings-main-info .gb-capacity .gbc-label {
      color: #8894AF; }
    .grouped-bookings-main-info .gb-capacity .booked-percentage {
      background-color: #E6E6E6;
      margin: 0px auto;
      margin-top: 4px; }
      .grouped-bookings-main-info .gb-capacity .booked-percentage .booked-bar {
        background-color: #0937ff;
        height: 8px; }

.group-bookings-list .gb-heading {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  position: relative; }
  .group-bookings-list .gb-heading:before {
    content: "";
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    top: 50%;
    transform: translateY(-50%);
    display: block;
    position: absolute;
    z-index: 1;
    left: 0px;
    right: 0px; }
  .group-bookings-list .gb-heading span {
    z-index: 2;
    position: relative;
    display: inline-block;
    padding-right: 5px;
    background-color: #fff;
    color: #0937ff; }

.group-bookings-list .gb-booking {
  display: flex;
  align-items: center;
  padding: 15px 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  text-decoration: none;
  cursor: pointer; }
  .group-bookings-list .gb-booking:hover .gbb-name {
    color: #0937ff; }
  .group-bookings-list .gb-booking:hover .gbb-avatar {
    transform: translateX(5px); }
  .group-bookings-list .gb-booking:hover .gbb-customer {
    transform: translateX(5px); }
  .group-bookings-list .gb-booking.os-loading .gbb-avatar:after {
    display: block;
    content: "";
    width: 56px !important;
    height: 56px !important;
    border-bottom: 2px solid #0937ff;
    border-left: 2px solid #0937ff;
    border-top: 2px solid #0937ff;
    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; }

.group-bookings-list .gbb-avatar {
  width: 50px;
  height: 50px;
  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.35); }

.group-bookings-list .gbb-customer {
  padding-left: 20px;
  transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1.35); }
  .group-bookings-list .gbb-customer .gbb-name {
    font-weight: 500;
    font-size: 21px; }
  .group-bookings-list .gbb-customer .gbb-email {
    color: #8894AF; }

.group-bookings-list .gbb-attendies {
  margin-left: auto;
  text-align: center; }
  .group-bookings-list .gbb-attendies .gb-value {
    font-size: 28px;
    font-weight: 500;
    color: #0937ff; }
  .group-bookings-list .gbb-attendies .gb-label {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 9px;
    color: #8894AF; }

.group-bookings-list .os-add-box {
  margin-top: 15px;
  padding: 15px;
  border: 2px dotted #C7C7C7;
  font-size: 18px;
  color: #0937ff;
  font-weight: 500; }

.addons-boxes-w {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start; }
  .addons-boxes-w .addon-box {
    flex: 0 1 22.7%;
    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);
    border-radius: 4px;
    margin-right: 3%;
    margin-bottom: 3%; }
    .addons-boxes-w .addon-box.status-update-available {
      box-shadow: inset 0px 0px 0px 2px #f5eab9;
      background: #fff9d5; }
      .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-media {
    height: 180px;
    background-size: cover;
    background-position: center center;
    margin: 10px;
    border-radius: 4px;
    border: 1px solid #E5E8F0; }
  .addons-boxes-w .addon-name {
    flex: 1;
    margin: 0px;
    padding: 10px 20px 0px; }
  .addons-boxes-w .addon-body {
    padding: 10px 20px 20px;
    font-size: 14px;
    color: #8894AF; }
  .addons-boxes-w .addon-meta {
    margin-top: 10px;
    font-size: 11px; }
  .addons-boxes-w .addon-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    padding: 10px;
    text-align: right; }
    .addons-boxes-w .addon-footer .os-addon-installed-label {
      display: inline-block;
      text-align: center;
      background-color: #e5ffeb;
      border: 1px solid #79e892;
      color: #05b538;
      text-decoration: none;
      padding: 0px 8px;
      border-radius: 4px; }
      .addons-boxes-w .addon-footer .os-addon-installed-label .latepoint-icon {
        color: #05b538; }
      .addons-boxes-w .addon-footer .os-addon-installed-label span {
        padding: 3px 0px;
        display: inline-block;
        vertical-align: middle; }
      .addons-boxes-w .addon-footer .os-addon-installed-label span + span {
        border-left: 1px solid #9ffab3;
        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: inline-block;
      text-align: center;
      background-color: #fff;
      border: 1px solid #0937ff;
      color: #0937ff;
      text-decoration: none;
      padding: 0px 8px;
      border-radius: 4px; }
      .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 #0937ff;
        padding-left: 8px;
        margin-left: 8px; }
      .addons-boxes-w .addon-footer .os-install-addon-btn.os-loading span:first-child, .addons-boxes-w .addon-footer .os-purchase-addon-btn.os-loading span:first-child {
        color: transparent;
        position: relative; }
        .addons-boxes-w .addon-footer .os-install-addon-btn.os-loading span:first-child:before, .addons-boxes-w .addon-footer .os-purchase-addon-btn.os-loading span:first-child:before {
          display: block;
          content: "";
          width: 12px !important;
          height: 12px !important;
          border-bottom: 2px solid #0937ff;
          border-left: 2px solid #0937ff;
          border-top: 2px solid #0937ff;
          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; }

.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: #0937ff;
      border-bottom: 1px dotted #0937ff; }

.daily-agent-monthly-calendar-w {
  padding: 15px;
  margin-bottom: 30px; }
  .daily-agent-monthly-calendar-w .os-weekdays {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .daily-agent-monthly-calendar-w .os-weekdays .weekday {
      text-transform: uppercase;
      font-size: 11.2px;
      color: #6f8aff;
      font-weight: 500;
      letter-spacing: 2px;
      width: 14.2%;
      text-align: center;
      padding: 5px 0px; }
      .daily-agent-monthly-calendar-w .os-weekdays .weekday.weekday-6, .daily-agent-monthly-calendar-w .os-weekdays .weekday.weekday-7 {
        color: #ccb63b;
        background-color: #fffef2; }
  .daily-agent-monthly-calendar-w .os-current-month-label-w {
    position: relative; }
    .daily-agent-monthly-calendar-w .os-current-month-label-w .os-month-prev-btn,
    .daily-agent-monthly-calendar-w .os-current-month-label-w .os-month-next-btn {
      position: absolute;
      border: none;
      font-size: 14px;
      background-color: transparent;
      box-shadow: none;
      outline: none;
      color: #111;
      top: 55%;
      transform: translateY(-50%);
      padding: 0px;
      margin: 0px;
      line-height: 1;
      vertical-align: middle;
      display: inline-block;
      cursor: pointer; }
      .daily-agent-monthly-calendar-w .os-current-month-label-w .os-month-prev-btn.os-loading,
      .daily-agent-monthly-calendar-w .os-current-month-label-w .os-month-next-btn.os-loading {
        color: transparent !important; }
        .daily-agent-monthly-calendar-w .os-current-month-label-w .os-month-prev-btn.os-loading span, .daily-agent-monthly-calendar-w .os-current-month-label-w .os-month-prev-btn.os-loading i,
        .daily-agent-monthly-calendar-w .os-current-month-label-w .os-month-next-btn.os-loading span,
        .daily-agent-monthly-calendar-w .os-current-month-label-w .os-month-next-btn.os-loading i {
          color: transparent !important; }
        .daily-agent-monthly-calendar-w .os-current-month-label-w .os-month-prev-btn.os-loading:after,
        .daily-agent-monthly-calendar-w .os-current-month-label-w .os-month-next-btn.os-loading:after {
          display: block;
          content: "";
          width: 14px;
          height: 14px;
          border-bottom: 2px solid #38406d;
          border-left: 2px solid #38406d;
          border-top: 2px solid #38406d;
          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; }
      .daily-agent-monthly-calendar-w .os-current-month-label-w .os-month-prev-btn:hover,
      .daily-agent-monthly-calendar-w .os-current-month-label-w .os-month-next-btn:hover {
        color: #0937ff; }
      .daily-agent-monthly-calendar-w .os-current-month-label-w .os-month-prev-btn.disabled,
      .daily-agent-monthly-calendar-w .os-current-month-label-w .os-month-next-btn.disabled {
        color: rgba(0, 0, 0, 0.1); }
    .daily-agent-monthly-calendar-w .os-current-month-label-w .os-month-prev-btn {
      left: 5px; }
    .daily-agent-monthly-calendar-w .os-current-month-label-w .os-month-next-btn {
      right: 5px; }
    .daily-agent-monthly-calendar-w .os-current-month-label-w .os-current-month-label {
      text-align: center;
      font-weight: 500;
      font-size: 17.6px;
      color: #2D303A;
      margin-bottom: 15px; }
      .daily-agent-monthly-calendar-w .os-current-month-label-w .os-current-month-label .current-day {
        display: inline-block;
        vertical-align: middle; }
      .daily-agent-monthly-calendar-w .os-current-month-label-w .os-current-month-label .current-year {
        display: inline-block;
        vertical-align: middle;
        color: rgba(45, 48, 58, 0.4);
        margin-left: 3px; }
      .daily-agent-monthly-calendar-w .os-current-month-label-w .os-current-month-label .current-month {
        display: inline-block;
        vertical-align: middle; }
  .daily-agent-monthly-calendar-w .os-monthly-calendar-days-w {
    display: none; }
    .daily-agent-monthly-calendar-w .os-monthly-calendar-days-w.active {
      display: block; }
  .daily-agent-monthly-calendar-w .os-monthly-calendar-days {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-shadow: 0px 3px 0px #e2e5f1; }
    .daily-agent-monthly-calendar-w .os-monthly-calendar-days .os-day {
      width: 14.2%;
      padding: 2.3%;
      text-align: center;
      font-size: 14px;
      font-weight: 500;
      cursor: pointer; }
      .daily-agent-monthly-calendar-w .os-monthly-calendar-days .os-day.week-day-6, .daily-agent-monthly-calendar-w .os-monthly-calendar-days .os-day.week-day-7 {
        background-color: #fffef2; }
      .daily-agent-monthly-calendar-w .os-monthly-calendar-days .os-day.os-day-next-month, .daily-agent-monthly-calendar-w .os-monthly-calendar-days .os-day.os-day-prev-month {
        color: #B7BCCB;
        background-color: #fff; }
      .daily-agent-monthly-calendar-w .os-monthly-calendar-days .os-day.os-day-current .os-day-box {
        background-color: #f5f6fb; }
      .daily-agent-monthly-calendar-w .os-monthly-calendar-days .os-day.os-day-passed .os-day-box {
        background-color: #f5f6fb; }
        .daily-agent-monthly-calendar-w .os-monthly-calendar-days .os-day.os-day-passed .os-day-box .os-day-number {
          color: #B7BCCB; }
      .daily-agent-monthly-calendar-w .os-monthly-calendar-days .os-day.os-today .os-day-box {
        background-color: #fff6cb; }
      .daily-agent-monthly-calendar-w .os-monthly-calendar-days .os-day.os-month-next .os-day-box, .daily-agent-monthly-calendar-w .os-monthly-calendar-days .os-day.os-month-prev .os-day-box {
        opacity: 0.4; }
        .daily-agent-monthly-calendar-w .os-monthly-calendar-days .os-day.os-month-next .os-day-box:hover, .daily-agent-monthly-calendar-w .os-monthly-calendar-days .os-day.os-month-prev .os-day-box:hover {
          opacity: 1; }
      .daily-agent-monthly-calendar-w .os-monthly-calendar-days .os-day .os-day-box {
        padding-bottom: 100%;
        border-radius: 3px;
        position: relative;
        overflow: hidden; }
      .daily-agent-monthly-calendar-w .os-monthly-calendar-days .os-day .os-day-number {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #525765;
        white-space: nowrap; }
      .daily-agent-monthly-calendar-w .os-monthly-calendar-days .os-day:hover .os-day-box .os-day-number {
        font-size: 19px; }
      .daily-agent-monthly-calendar-w .os-monthly-calendar-days .os-day.selected .os-day-box {
        background-color: #0937ff;
        color: #fff; }
        .daily-agent-monthly-calendar-w .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-number {
          font-size: 19px;
          color: #fff; }
        .daily-agent-monthly-calendar-w .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-status {
          display: none; }
  .daily-agent-monthly-calendar-w .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: #e2e5f1; }
    .daily-agent-monthly-calendar-w .os-day-status .day-available {
      background-color: #80dc6e;
      top: 0px;
      bottom: 0px;
      position: absolute;
      z-index: 1;
      min-width: 3px; }
  .daily-agent-monthly-calendar-w.horizontal-calendar {
    padding: 0px;
    box-shadow: none;
    background-color: transparent;
    margin-bottom: 20px; }
    .daily-agent-monthly-calendar-w.horizontal-calendar .os-months {
      border: 1px solid #eee;
      border-bottom: none;
      background-color: #fff;
      border-radius: 0px; }
    .daily-agent-monthly-calendar-w.horizontal-calendar .os-monthly-calendar-days .os-day.os-day-passed .os-day-box .os-day-number {
      color: #525765; }
    .daily-agent-monthly-calendar-w.horizontal-calendar .os-current-month-label-w {
      padding-top: 30px;
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      margin-bottom: 15px; }
      .daily-agent-monthly-calendar-w.horizontal-calendar .os-current-month-label-w .os-current-month-label {
        font-size: 30px;
        margin: 0px;
        padding: 0px;
        line-height: 1;
        position: relative;
        color: #0937ff; }
        .daily-agent-monthly-calendar-w.horizontal-calendar .os-current-month-label-w .os-current-month-label .current-day {
          z-index: 2; }
        .daily-agent-monthly-calendar-w.horizontal-calendar .os-current-month-label-w .os-current-month-label .current-month {
          z-index: 2;
          position: relative; }
        .daily-agent-monthly-calendar-w.horizontal-calendar .os-current-month-label-w .os-current-month-label .current-year {
          font-weight: 500;
          color: rgba(45, 48, 58, 0.07);
          position: absolute;
          font-size: 100px;
          line-height: 100px;
          bottom: -7px;
          display: block;
          margin: 0px;
          left: -0px;
          z-index: 1; }
      .daily-agent-monthly-calendar-w.horizontal-calendar .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); }
        .daily-agent-monthly-calendar-w.horizontal-calendar .os-current-month-label-w .os-month-service-selector label {
          margin-right: 5px;
          display: block;
          margin-left: auto;
          color: #8894AF; }
        .daily-agent-monthly-calendar-w.horizontal-calendar .os-current-month-label-w .os-month-service-selector input {
          display: block; }
      .daily-agent-monthly-calendar-w.horizontal-calendar .os-current-month-label-w .os-month-control-buttons-w {
        position: relative;
        display: flex;
        justify-content: space-between; }
        .daily-agent-monthly-calendar-w.horizontal-calendar .os-current-month-label-w .os-month-control-buttons-w .os-month-prev-btn, .daily-agent-monthly-calendar-w.horizontal-calendar .os-current-month-label-w .os-month-control-buttons-w .os-month-next-btn {
          position: relative;
          bottom: auto;
          top: auto;
          left: auto;
          right: auto;
          transform: none; }
        .daily-agent-monthly-calendar-w.horizontal-calendar .os-current-month-label-w .os-month-control-buttons-w .os-month-today-btn {
          margin: 0px 15px;
          background-color: #fff;
          border: 1px solid #0937ff;
          padding: 5px 10px;
          border-radius: 4px;
          box-shadow: none;
          outline: none;
          color: #0937ff; }
    .daily-agent-monthly-calendar-w.horizontal-calendar .os-monthly-calendar-days {
      flex-wrap: nowrap; }
      .daily-agent-monthly-calendar-w.horizontal-calendar .os-monthly-calendar-days .os-day {
        padding: 0px;
        border-right: 1px solid #eee;
        overflow: visible; }
        .daily-agent-monthly-calendar-w.horizontal-calendar .os-monthly-calendar-days .os-day:hover .os-day-status {
          height: 7px; }
        .daily-agent-monthly-calendar-w.horizontal-calendar .os-monthly-calendar-days .os-day:hover .os-day-number {
          transform: translate(-50%, -60%); }
        .daily-agent-monthly-calendar-w.horizontal-calendar .os-monthly-calendar-days .os-day:last-child {
          border-right: none; }
        .daily-agent-monthly-calendar-w.horizontal-calendar .os-monthly-calendar-days .os-day.selected {
          background-color: #0937ff !important;
          z-index: 2; }
          .daily-agent-monthly-calendar-w.horizontal-calendar .os-monthly-calendar-days .os-day.selected .os-day-weekday {
            color: rgba(255, 255, 255, 0.5) !important; }
          .daily-agent-monthly-calendar-w.horizontal-calendar .os-monthly-calendar-days .os-day.selected .os-day-box {
            background-color: #0937ff;
            border-radius: 0px; }
            .daily-agent-monthly-calendar-w.horizontal-calendar .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-status {
              display: block; }
            .daily-agent-monthly-calendar-w.horizontal-calendar .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-number {
              color: #fff; }
        .daily-agent-monthly-calendar-w.horizontal-calendar .os-monthly-calendar-days .os-day .os-day-box {
          padding: 0px;
          border-radius: 0px;
          background-color: transparent;
          height: 30px;
          overflow: visible; }
        .daily-agent-monthly-calendar-w.horizontal-calendar .os-monthly-calendar-days .os-day .os-day-weekday {
          color: rgba(9, 55, 255, 0.4);
          font-size: 9px;
          font-weight: 500;
          padding: 8px 0px 0px;
          text-transform: uppercase;
          letter-spacing: 1px; }
        .daily-agent-monthly-calendar-w.horizontal-calendar .os-monthly-calendar-days .os-day .os-day-status {
          bottom: -3px;
          margin: 0px;
          left: -1px;
          right: -1px;
          border-radius: 0px;
          height: 3px;
          transition: none; }
        .daily-agent-monthly-calendar-w.horizontal-calendar .os-monthly-calendar-days .os-day .os-day-number {
          font-size: 16px;
          top: 42%; }
        .daily-agent-monthly-calendar-w.horizontal-calendar .os-monthly-calendar-days .os-day.week-day-6, .daily-agent-monthly-calendar-w.horizontal-calendar .os-monthly-calendar-days .os-day.week-day-7 {
          background-color: #fffaf0; }
          .daily-agent-monthly-calendar-w.horizontal-calendar .os-monthly-calendar-days .os-day.week-day-6 .os-day-weekday, .daily-agent-monthly-calendar-w.horizontal-calendar .os-monthly-calendar-days .os-day.week-day-7 .os-day-weekday {
            color: #b9997d; }

.bookings-daily-agents .calendar-hours {
  position: relative; }

.bookings-daily-agents .ch-filter {
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom: 1px solid #ccc;
  border-right: none;
  height: 50px;
  margin-bottom: 20px;
  position: relative; }
  .bookings-daily-agents .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; }

.bookings-daily-agents .da-head-agents {
  display: flex;
  background-color: #fff;
  height: 50px;
  margin-bottom: 20px; }

.bookings-daily-agents .ch-agents {
  flex: 1;
  position: relative; }

.bookings-daily-agents .da-agents-bookings {
  display: flex; }
  .bookings-daily-agents .da-agents-bookings .da-agent-bookings-and-periods {
    flex: 1;
    position: relative; }

.bookings-daily-agents .da-head-agent {
  display: flex;
  align-items: center;
  padding: 10px 5px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  flex: 1;
  background-color: transparent;
  position: relative; }
  .bookings-daily-agents .da-head-agent:first-child:before {
    content: "";
    position: absolute;
    bottom: -21px;
    left: -1px;
    height: 20px;
    width: 1px;
    background-color: rgba(0, 0, 0, 0.05); }
  .bookings-daily-agents .da-head-agent:after {
    content: "";
    position: absolute;
    bottom: -21px;
    right: -1px;
    height: 20px;
    width: 1px;
    background-color: rgba(0, 0, 0, 0.05); }
  .bookings-daily-agents .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; }
  .bookings-daily-agents .da-head-agent .da-head-agent-name {
    text-decoration: none;
    color: #2D303A;
    border-bottom: 1px dotted rgba(9, 55, 255, 0.4);
    font-weight: 500;
    margin-right: auto;
    white-space: nowrap; }
    .bookings-daily-agents .da-head-agent .da-head-agent-name:hover {
      color: #0937ff; }

.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%); }

.bookings-daily-agents .da-head-agent .da-head-agent-name {
  max-width: 130px;
  overflow: hidden; }

.bookings-daily-agents.is-single .bookings-daily-agents-contents {
  display: flex;
  padding-top: 30px; }

.bookings-daily-agents.is-single .daily-agent-calendar-w {
  flex: 1; }

.bookings-daily-agents.is-single .daily-agent-side {
  flex: 0 0 420px;
  width: 420px; }

.bookings-daily-agents.os-loading .daily-agent-monthly-calendar-w .os-monthly-calendar-days .os-day.selected .os-day-box {
  position: relative; }
  .bookings-daily-agents.os-loading .daily-agent-monthly-calendar-w .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-number {
    display: none; }
  .bookings-daily-agents.os-loading .daily-agent-monthly-calendar-w .os-monthly-calendar-days .os-day.selected .os-day-box:after {
    display: block;
    content: "";
    width: 14px !important;
    height: 14px !important;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    border-right: 2px solid rgba(255, 255, 255, 0);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: os-loading 700ms infinite linear;
    background-color: transparent !important; }

.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: #8894AF;
    font-size: 22.4px;
    font-weight: 500;
    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: #8894AF; }

.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: 12.8px;
      color: #AAB1CB;
      font-weight: 500; }
      .calendar-daily-agent-w .calendar-hours .ch-hours .chh-period.last-period {
        height: 1px !important; }
      .calendar-daily-agent-w .calendar-hours .ch-hours .chh-period.chh-period-minutes {
        position: relative; }
        .calendar-daily-agent-w .calendar-hours .ch-hours .chh-period.chh-period-minutes span {
          display: none; }
        .calendar-daily-agent-w .calendar-hours .ch-hours .chh-period.chh-period-minutes:before {
          content: "";
          height: 1px;
          width: 3px;
          background-color: rgba(0, 0, 0, 0.2);
          position: absolute;
          top: -1px;
          right: -2px; }
      .calendar-daily-agent-w .calendar-hours .ch-hours .chh-period.chh-period-hour {
        position: relative;
        padding-right: 10px; }
        .calendar-daily-agent-w .calendar-hours .ch-hours .chh-period.chh-period-hour span {
          transform: translateY(-50%);
          display: block; }
        .calendar-daily-agent-w .calendar-hours .ch-hours .chh-period.chh-period-hour:before {
          content: "";
          height: 1px;
          width: 5px;
          background-color: rgba(0, 0, 0, 0.6);
          position: absolute;
          top: 0px;
          right: -3px; }
      .calendar-daily-agent-w .calendar-hours .ch-hours .chh-period.chh-period-disabled {
        background-color: rgba(0, 0, 0, 0.03); }
  .calendar-daily-agent-w .calendar-hours .ch-day-periods {
    flex: 1;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    position: relative; }
    .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 4px, #f3d3d3 4px, #f3d3d3 5px); }
        .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: #E42806;
          color: #fff; }
      .calendar-daily-agent-w .calendar-hours .ch-day-periods .chd-period:before {
        content: "";
        height: 1px;
        top: -1px;
        position: absolute;
        left: 0px;
        right: 0px;
        border-top: 1px dashed 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%);
        padding: 3px 5px;
        border-radius: 4px;
        font-size: 12.8px;
        font-weight: 500;
        background-color: #0937ff;
        color: #fff;
        display: none; }
      .calendar-daily-agent-w .calendar-hours .ch-day-periods .chd-period.os-loading .chd-period-minutes-value {
        color: transparent; }
        .calendar-daily-agent-w .calendar-hours .ch-day-periods .chd-period.os-loading .chd-period-minutes-value:after {
          display: block;
          content: "";
          width: 14px !important;
          height: 14px !important;
          border-bottom: 2px solid #fff;
          border-left: 2px solid #fff;
          border-top: 2px solid #fff;
          border-right: 2px solid rgba(255, 255, 255, 0);
          border-radius: 50%;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          animation: os-loading 700ms infinite linear;
          background-color: transparent !important; }
      .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: #0937ff; }
      .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: #fafbfd; }
  .calendar-daily-agent-w .calendar-hours .ch-day-booking {
    background-color: #1449ff;
    color: #fff;
    padding: 3px 6px;
    border-radius: 4px;
    border: 1px solid #fff;
    position: absolute;
    left: 5px;
    right: 5px;
    text-align: left;
    z-index: 1000;
    cursor: pointer;
    transition: all 0.2s ease; }
    .calendar-daily-agent-w .calendar-hours .ch-day-booking.status-pending:before {
      font-family: 'latepointadmin' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      position: absolute;
      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: 4px 4px 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 4px 4px;
      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-attendies {
      font-size: 10.4px;
      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-attendies span {
        color: #fff; }
    .calendar-daily-agent-w .calendar-hours .ch-day-booking .booking-service-name {
      color: #fff;
      font-size: 16px;
      font-weight: 500;
      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: 500;
      font-size: 12px;
      line-height: 1.2; }
    .calendar-daily-agent-w .calendar-hours .ch-day-booking.os-loading {
      animation: animate_appointment_small_box 0.8s ease infinite; }
      .calendar-daily-agent-w .calendar-hours .ch-day-booking.os-loading:after {
        display: block;
        content: "";
        width: 14px !important;
        height: 14px !important;
        border-bottom: 2px solid #0937ff;
        border-left: 2px solid #0937ff;
        border-top: 2px solid #0937ff;
        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;
        left: -10px; }

.calendar-week-agent-w .calendar-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px; }

.calendar-week-agent-w .cc-date {
  font-size: 28.8px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.3); }

.calendar-week-agent-w .cc-actions {
  display: flex;
  align-items: center;
  background-color: #EAEEF2;
  border-radius: 3px;
  padding: 5px; }
  .calendar-week-agent-w .cc-actions a {
    display: block;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    line-height: 1;
    color: #38406d; }
  .calendar-week-agent-w .cc-actions .cc-action-next,
  .calendar-week-agent-w .cc-actions .cc-action-prev {
    padding: 3px 8px;
    position: relative; }
    .calendar-week-agent-w .cc-actions .cc-action-next:focus,
    .calendar-week-agent-w .cc-actions .cc-action-prev:focus {
      outline: none;
      box-shadow: none; }
    .calendar-week-agent-w .cc-actions .cc-action-next.os-loading,
    .calendar-week-agent-w .cc-actions .cc-action-prev.os-loading {
      color: transparent; }
      .calendar-week-agent-w .cc-actions .cc-action-next.os-loading:before,
      .calendar-week-agent-w .cc-actions .cc-action-prev.os-loading:before {
        display: block;
        content: "";
        width: 14px !important;
        height: 14px !important;
        border-bottom: 2px solid #0937ff;
        border-left: 2px solid #0937ff;
        border-top: 2px solid #0937ff;
        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; }
  .calendar-week-agent-w .cc-actions .cc-action-today {
    padding: 3px 15px;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(41, 85, 183, 0.24); }

.calendar-week-agent-w .ch-day {
  background-color: #fff;
  font-size: 19px;
  text-align: center;
  color: rgba(0, 0, 0, 0.3);
  padding: 15px 10px;
  position: relative;
  z-index: 2;
  border-top: 1px solid #CAD1D9;
  border-bottom: 1px solid #CAD1D9;
  border-right: 1px solid rgba(0, 0, 0, 0.05); }
  .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: 500;
    color: #38406d;
    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: #FFF9E4; }
  .calendar-week-agent-w .ch-day:last-child {
    border-right: none; }
  .calendar-week-agent-w .ch-day.is-today:before {
    content: "";
    background-color: #FF0F42;
    width: 14px;
    height: 14px;
    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 {
    background-color: #fff;
    border: 1px solid #CAD1D9;
    border-right: none;
    padding: 13px 15px 13px;
    text-align: center;
    color: rgba(0, 0, 0, 0.3);
    flex: 0 0 60px;
    font-weight: 500;
    font-size: 11px; }
    .calendar-week-agent-w .calendar-hours .ch-info span {
      display: block; }
    .calendar-week-agent-w .calendar-hours .ch-info span + span {
      border-top: 1px solid rgba(0, 0, 0, 0.1); }
    .calendar-week-agent-w .calendar-hours .ch-info + .chh-period.chh-period-hour span {
      display: none !important; }
    .calendar-week-agent-w .calendar-hours .ch-info + .chh-period.chh-period-hour:before {
      display: none !important; }
  .calendar-week-agent-w .calendar-hours .ch-hours {
    flex: 0 0 70px;
    border-right: 1px solid #CAD1D9; }
    .calendar-week-agent-w .calendar-hours .ch-hours .chh-period {
      height: 20px;
      vertical-align: middle;
      text-align: right;
      line-height: 20px;
      font-size: 12px;
      color: #AAB1CB;
      font-weight: 500; }
      .calendar-week-agent-w .calendar-hours .ch-hours .chh-period.last-period {
        height: 1px !important; }
      .calendar-week-agent-w .calendar-hours .ch-hours .chh-period.chh-period-minutes {
        position: relative; }
        .calendar-week-agent-w .calendar-hours .ch-hours .chh-period.chh-period-minutes span {
          display: none; }
        .calendar-week-agent-w .calendar-hours .ch-hours .chh-period.chh-period-minutes:before {
          content: "";
          height: 1px;
          width: 3px;
          background-color: rgba(0, 0, 0, 0.2);
          position: absolute;
          top: -1px;
          right: -2px; }
      .calendar-week-agent-w .calendar-hours .ch-hours .chh-period.chh-period-hour {
        position: relative;
        padding-right: 10px; }
        .calendar-week-agent-w .calendar-hours .ch-hours .chh-period.chh-period-hour span {
          transform: translateY(-50%);
          display: block; }
        .calendar-week-agent-w .calendar-hours .ch-hours .chh-period.chh-period-hour:before {
          content: "";
          height: 1px;
          width: 5px;
          background-color: rgba(0, 0, 0, 0.6);
          position: absolute;
          top: 0px;
          right: -3px; }
      .calendar-week-agent-w .calendar-hours .ch-hours .chh-period.chh-period-disabled {
        background-color: rgba(0, 0, 0, 0.03); }
  .calendar-week-agent-w .calendar-hours .ch-day-periods-w {
    display: flex;
    flex: 1; }
    .calendar-week-agent-w .calendar-hours .ch-day-periods-w .ch-day-periods-i {
      flex: 1; }
      .calendar-week-agent-w .calendar-hours .ch-day-periods-w .ch-day-periods-i:last-child .ch-day {
        border-right-color: #CAD1D9; }
  .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 .chd-period {
      height: 20px;
      position: relative;
      cursor: copy; }
      .calendar-week-agent-w .calendar-hours .ch-day-periods .chd-period.chd-period-off {
        background-image: repeating-linear-gradient(90deg, #fff, #fff 4px, #f3d3d3 4px, #f3d3d3 5px); }
        .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: #E42806;
          color: #fff; }
      .calendar-week-agent-w .calendar-hours .ch-day-periods .chd-period:before {
        content: "";
        height: 1px;
        z-index: 3;
        top: -1px;
        position: absolute;
        left: 0px;
        right: 0px;
        border-top: 1px dashed 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%);
        padding: 1px 4px;
        border-radius: 4px;
        font-size: 12.8px;
        font-weight: 500;
        background-color: #0937ff;
        color: #fff;
        display: none; }
      .calendar-week-agent-w .calendar-hours .ch-day-periods .chd-period.os-loading .chd-period-minutes-value {
        color: transparent; }
        .calendar-week-agent-w .calendar-hours .ch-day-periods .chd-period.os-loading .chd-period-minutes-value:after {
          display: block;
          content: "";
          width: 14px !important;
          height: 14px !important;
          border-bottom: 2px solid #fff;
          border-left: 2px solid #fff;
          border-top: 2px solid #fff;
          border-right: 2px solid rgba(255, 255, 255, 0);
          border-radius: 50%;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          animation: os-loading 700ms infinite linear;
          background-color: transparent !important; }
      .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: #0937ff; }
      .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: #fafbfd; }
    .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: #FBF8EF; }
  .calendar-week-agent-w .calendar-hours .ch-day-booking {
    background-color: #1449ff;
    color: #fff;
    padding: 3px 6px;
    border-radius: 4px;
    border: 1px solid #fff;
    position: absolute;
    left: 5px;
    right: 5px;
    text-align: left;
    z-index: 4;
    cursor: pointer;
    transition: all 0.2s ease; }
    .calendar-week-agent-w .calendar-hours .ch-day-booking.status-pending:before {
      font-family: 'latepointadmin' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      position: absolute;
      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; }
      .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: 4px 4px 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 4px 4px;
      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-attendies {
      font-size: 10.4px;
      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-attendies span {
        color: #fff; }
    .calendar-week-agent-w .calendar-hours .ch-day-booking .booking-service-name {
      color: #fff;
      font-size: 15px;
      font-weight: 500;
      white-space: nowrap;
      width: 100%;
      overflow: hidden;
      text-align: left; }
    .calendar-week-agent-w .calendar-hours .ch-day-booking .booking-time {
      color: rgba(255, 255, 255, 0.7);
      font-size: 12px;
      white-space: nowrap; }
    .calendar-week-agent-w .calendar-hours .ch-day-booking.os-loading {
      animation: animate_appointment_small_box 0.8s ease infinite; }
      .calendar-week-agent-w .calendar-hours .ch-day-booking.os-loading:after {
        display: block;
        content: "";
        width: 14px !important;
        height: 14px !important;
        border-bottom: 2px solid #0937ff;
        border-left: 2px solid #0937ff;
        border-top: 2px solid #0937ff;
        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;
        left: -10px; }

.calendar-month-agents-w {
  position: relative; }
  .calendar-month-agents-w.os-loading .ma-days-with-bookings-i {
    opacity: 0.5; }
  .calendar-month-agents-w.os-loading:after {
    display: block;
    content: "";
    width: 24px !important;
    height: 24px !important;
    border-bottom: 2px solid #0937ff;
    border-left: 2px solid #0937ff;
    border-top: 2px solid #0937ff;
    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;
    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: rgba(0, 0, 0, 0.3);
    width: 80px;
    height: 50px;
    font-weight: 500;
    font-size: 11.2px;
    background-color: #eff2f7;
    position: relative; }
    .calendar-month-agents-w .ma-head-info span {
      display: block; }
    .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-left: 1px solid rgba(0, 0, 0, 0.1);
    flex: 0 0 250px;
    background-color: #eff2f7; }
    .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: 500;
      margin-right: auto;
      white-space: nowrap; }
  .calendar-month-agents-w .ma-month-label {
    color: #fff;
    font-weight: 500;
    text-align: center;
    display: flex; }
    .calendar-month-agents-w .ma-month-label div {
      padding: 3px;
      background-color: #0937ff;
      flex: 0 0 250px;
      color: #0937ff;
      box-shadow: 0px -1px 0px #0937ff, 0px 1px 0px #0937ff;
      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 rgba(0, 0, 0, 0.05); }
    .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; }
      .calendar-month-agents-w .ma-floated-days-w .ma-day .ma-day-info {
        display: flex;
        align-items: stretch;
        font-size: 11.2px;
        font-weight: 500;
        flex: 0 0 80px; }
        .calendar-month-agents-w .ma-floated-days-w .ma-day .ma-day-info .ma-day-number {
          flex: 0 0 30px;
          line-height: 35px;
          text-align: center;
          background-color: #eff2f7; }
        .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: rgba(0, 0, 0, 0.3);
          line-height: 35px;
          background-color: #fff; }
  .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: 50px; }
    .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:hovers {
        box-shadow: 0px 0px 0px 2px #6b9fff;
        z-index: 2;
        position: relative;
        background-color: #fff !important; }
        .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:hovers .ma-day-agent-bookings {
          border-left: 1px solid rgba(0, 0, 0, 0.3); }
      .calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings {
        border-left: 1px solid rgba(0, 0, 0, 0.05);
        flex: 0 0 250px;
        position: relative; }
        .calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-off {
          top: 0px;
          bottom: 0px;
          position: absolute;
          background-image: repeating-linear-gradient(90deg, #fff, #fff 4px, #f3d3d3 4px, #f3d3d3 5px);
          left: 0px;
          right: 0px; }
          .calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-off span {
            position: absolute;
            top: 50%;
            left: 50%;
            color: #fff;
            padding: 3px 4px;
            line-height: 1.1;
            background-color: #e02727;
            display: none;
            transform: translate(-50%, -50%);
            font-size: 9px;
            text-transform: uppercase;
            font-weight: 500;
            letter-spacing: 1px; }
          .calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-off:hover span {
            display: block; }
        .calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-booking {
          top: 12px;
          bottom: 12px;
          position: absolute;
          cursor: pointer;
          box-shadow: inset -1px 0px 0px 0px #fff; }
          .calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-booking.os-loading {
            top: 10px;
            bottom: 10px; }
            .calendar-month-agents-w .ma-days-with-bookings-w .ma-day .ma-day-agent-bookings .ma-day-booking.os-loading:after {
              display: block;
              content: "";
              width: 14px !important;
              height: 14px !important;
              border-bottom: 2px solid #fff;
              border-left: 2px solid #fff;
              border-top: 2px solid #fff;
              border-right: 2px solid rgba(255, 255, 255, 0);
              border-radius: 50%;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              animation: os-loading 700ms infinite linear;
              background-color: transparent !important; }
          .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:nth-child(even) .ma-day-agent-bookings,
  .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(even) .ma-day-agent-bookings {
    background-color: rgba(0, 0, 0, 0.02); }
  .calendar-month-agents-w .ma-floated-days-w .ma-day:nth-child(even) .ma-day-info .ma-day-number,
  .calendar-month-agents-w .ma-days-with-bookings-w .ma-day:nth-child(even) .ma-day-info .ma-day-number {
    background-color: #ebeff5; }
  .calendar-month-agents-w .ma-floated-days-w .ma-day.ma-day-number-6 .ma-day-info .ma-day-weekday, .calendar-month-agents-w .ma-floated-days-w .ma-day.ma-day-number-7 .ma-day-info .ma-day-weekday,
  .calendar-month-agents-w .ma-days-with-bookings-w .ma-day.ma-day-number-6 .ma-day-info .ma-day-weekday,
  .calendar-month-agents-w .ma-days-with-bookings-w .ma-day.ma-day-number-7 .ma-day-info .ma-day-weekday {
    background-color: #fffaf0; }
  .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: #F8F5EC; }
  .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-7 .ma-day-agent-bookings {
    border-bottom: 1px solid #e6dcc4; }
  .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-7 .ma-day-info {
    border-bottom: 1px solid #e0ddd7; }
  .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: scroll;
  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: 16px;
        color: #2D303A;
        font-weight: 500;
        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: 13px;
      font-weight: 500;
      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: #b2b9cc; }
      .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: 3px;
        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: 14px;
        color: #0937ff; }
      .full-screen-year-calendar-w .os-monthly-calendar-days .os-day.selected .os-day-box {
        background-color: #0937ff;
        color: #fff; }
        .full-screen-year-calendar-w .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-status {
          display: none; }

.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; }
    .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 rgba(0, 0, 0, 0.05);
  margin-bottom: 10px; }
  .custom-day-calendar-head .os-form-group {
    margin-bottom: 0px; }
    .custom-day-calendar-head .os-form-group + .os-form-group {
      margin-left: 5px; }
  .custom-day-calendar-head h3 {
    margin: 0px;
    margin-right: auto;
    line-height: 2.1; }

.custom-day-calendar-month {
  position: relative; }
  .custom-day-calendar-month.os-loading {
    animation: animate_appointment_small_box 0.8s ease infinite; }
    .custom-day-calendar-month.os-loading:after {
      display: block;
      content: "";
      width: 52px !important;
      height: 52px !important;
      border-bottom: 2px solid #0937ff;
      border-left: 2px solid #0937ff;
      border-top: 2px solid #0937ff;
      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; }
  .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: 16px;
      font-weight: 500;
      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: #b2b9cc; }
      .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: 3px;
        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: 20px;
        color: #0937ff; }
      .custom-day-calendar-month .os-monthly-calendar-days .os-day.selected .os-day-box {
        background-color: #0937ff !important;
        color: #fff; }
        .custom-day-calendar-month .os-monthly-calendar-days .os-day.selected .os-day-box .os-day-number {
          font-size: 20px;
          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); }

.latepoint-lightbox-w {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  transition: all 0.2s ease;
  z-index: 10000;
  display: none; }
  .latepoint-lightbox-w .latepoint-lightbox-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; }
    .latepoint-lightbox-w .latepoint-lightbox-close:focus {
      outline: none; }
    .latepoint-lightbox-w .latepoint-lightbox-close:hover {
      transform: rotate(90deg); }
  .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 {
    transform: translate(-50%, -50%);
    transform-origin: center center;
    transition: all 0.3s cubic-bezier(0.25, 1.1, 0.5, 1.05);
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    width: 380px;
    box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.2), 0px 1px 2px rgba(0, 0, 0, 0.4);
    border-radius: 3px;
    z-index: 2;
    padding: 30px; }
  .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 .latepoint-lightbox-heading {
    padding: 15px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
    .latepoint-lightbox-w .latepoint-lightbox-heading h2 {
      color: #0937ff;
      margin: 0px; }
  .latepoint-lightbox-w .latepoint-lightbox-sub-heading {
    color: #0937ff;
    margin-bottom: 10px;
    margin-top: 20px; }
  .latepoint-lightbox-w .latepoint-lightbox-content {
    padding: 20px; }
  .latepoint-lightbox-w .latepoint-lightbox-footer {
    padding: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.05); }
    .latepoint-lightbox-w .latepoint-lightbox-footer .latepoint-btn {
      margin-right: 10px; }
  .latepoint-lightbox-w .os-form-w {
    margin: 0px; }
    .latepoint-lightbox-w .os-form-w form > .os-form-group:last-child {
      margin-bottom: 0px; }
  .latepoint-lightbox-w.latepoint-lightbox-nopad .latepoint-lightbox-content {
    padding: 0px 0px 0px 0px; }
  .latepoint-lightbox-w.latepoint-lightbox-nopad .latepoint-lightbox-footer {
    padding: 20px 0px 0px 0px;
    border-top: none; }

body.latepoint-lightbox-active .latepoint-lightbox-w {
  display: block; }

.latepoint-side-panel-w {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  transition: all 0.2s ease;
  z-index: 9999; }
  .latepoint-side-panel-w .latepoint-side-panel-close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
    right: 18px;
    font-size: 18px;
    color: #333;
    text-decoration: none;
    display: block;
    transition: all 0.6s ease;
    outline: none;
    box-shadow: none;
    z-index: 3; }
    .latepoint-side-panel-w .latepoint-side-panel-close:focus {
      outline: none; }
  .latepoint-side-panel-w .latepoint-side-panel-shadow {
    background-color: rgba(79, 107, 156, 0.61);
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 1; }
  .latepoint-side-panel-w .latepoint-side-panel-i {
    transition: all 0.2s ease;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    background-color: #fff;
    width: 380px;
    box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.2), 0px 1px 2px rgba(0, 0, 0, 0.4);
    z-index: 2; }
  .latepoint-side-panel-w .os-form-header {
    padding: 15px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    background-color: #fff;
    z-index: 2; }
    .latepoint-side-panel-w .os-form-header h2 {
      margin: 0px;
      font-size: 20px; }
  .latepoint-side-panel-w .os-form-sub-header-actions {
    margin-top: 0px; }
    .latepoint-side-panel-w .os-form-sub-header-actions .latepoint-btn + .latepoint-btn {
      margin-left: 5px; }
  .latepoint-side-panel-w .os-form-sub-header {
    margin-bottom: 15px;
    margin-top: 20px;
    padding-top: 0px;
    border-bottom: 1px solid #0937ff;
    padding-bottom: 5px; }
    .latepoint-side-panel-w .os-form-sub-header h3 {
      color: #0937ff;
      margin: 0px;
      padding: 0px;
      font-size: 19px; }
  .latepoint-side-panel-w .os-form-content {
    padding: 20px;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    max-height: 100%;
    overflow-y: scroll;
    z-index: 1;
    padding-top: 70px;
    padding-bottom: 0px; }
    .latepoint-side-panel-w .os-form-content:after {
      content: "";
      height: 80px;
      display: block; }
  .latepoint-side-panel-w .os-form-buttons {
    padding: 15px 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #fff;
    z-index: 2; }
  .latepoint-side-panel-w .os-form-w {
    margin: 0px; }
    .latepoint-side-panel-w .os-form-w .trigger-price-recalculate.latepoint-btn {
      box-shadow: inset 0px 0px 0px 1px #0937ff;
      color: #0937ff;
      text-align: center;
      display: block; }
      .latepoint-side-panel-w .os-form-w .trigger-price-recalculate.latepoint-btn i {
        font-size: 16px; }
      .latepoint-side-panel-w .os-form-w .trigger-price-recalculate.latepoint-btn span {
        padding: 2px 0px; }
    .latepoint-side-panel-w .os-form-w .open-quick-availability-btn.latepoint-btn-white.latepoint-btn {
      text-align: center;
      background-color: #fff;
      display: block;
      text-decoration: none;
      box-shadow: inset 0px 0px 0px 1px #0937ff;
      color: #0937ff; }
      .latepoint-side-panel-w .os-form-w .open-quick-availability-btn.latepoint-btn-white.latepoint-btn:hover, .latepoint-side-panel-w .os-form-w .open-quick-availability-btn.latepoint-btn-white.latepoint-btn:focus {
        box-shadow: inset 0px 0px 0px 1px #0937ff, 0px 2px 5px rgba(0, 76, 255, 0.1); }
      .latepoint-side-panel-w .os-form-w .open-quick-availability-btn.latepoint-btn-white.latepoint-btn i {
        font-size: 16px; }
      .latepoint-side-panel-w .os-form-w .open-quick-availability-btn.latepoint-btn-white.latepoint-btn span {
        padding: 2px 0px; }
      .latepoint-side-panel-w .os-form-w .open-quick-availability-btn.latepoint-btn-white.latepoint-btn i + span {
        margin-left: 10px; }
  .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;
    margin-top: 10px;
    color: #0937ff;
    cursor: pointer; }
    .latepoint-side-panel-w .quick-add-transaction:hover {
      border: 2px solid #0937ff; }
    .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: 500; }
  .latepoint-side-panel-w .quick-transaction-info-w {
    background-color: #fff;
    border: 1px solid #B1B8D1;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0px 2px 5px rgba(0, 0, 0, 0.03);
    border-radius: 6px;
    animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s wizardWrapperAnimation;
    animation-fill-mode: both; }
    .latepoint-side-panel-w .quick-transaction-info-w + .quick-transaction-info-w {
      margin-top: 10px; }
    .latepoint-side-panel-w .quick-transaction-info-w .quick-transaction-head {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px 10px; }
    .latepoint-side-panel-w .quick-transaction-info-w .quick-transaction-sub {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      color: #8894AF;
      font-size: 12px;
      display: flex;
      justify-content: space-between;
      padding: 5px 10px;
      align-items: center; }
    .latepoint-side-panel-w .quick-transaction-info-w .lp-processor-logo {
      margin-left: auto;
      margin-right: 10px;
      width: 70px;
      background-position: center right; }
    .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: 500;
      font-size: 19px;
      color: #0937ff; }
    .latepoint-side-panel-w .quick-transaction-info-w .lp-method-logo.lp-method-logo-card:before {
      font-family: 'latepointadmin' !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: ""; }
    .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 {
    display: none;
    animation: 0.3s cubic-bezier(0.45, 1.1, 0.4, 1.2) 0s wizardWrapperAnimation;
    animation-fill-mode: both;
    margin-top: 20px; }
  .latepoint-side-panel-w .quick-add-transaction-box {
    position: relative;
    background-color: #fff;
    border: 1px solid #B1B8D1;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0px 2px 5px rgba(0, 0, 0, 0.03);
    border-radius: 6px;
    padding: 20px;
    padding-top: 10px; }
    .latepoint-side-panel-w .quick-add-transaction-box .trigger-cancel-add-transaction-btn {
      position: absolute;
      top: 10px;
      right: 10px;
      color: #111;
      font-size: 18px;
      text-decoration: none; }
    .latepoint-side-panel-w .quick-add-transaction-box .os-form-group.os-form-group-transparent.os-form-textfield-group.has-value.no-label .os-form-control,
    .latepoint-side-panel-w .quick-add-transaction-box .os-form-group.os-form-group-transparent.os-form-textfield-group .os-form-control {
      padding: 4px 0px 4px 0px !important; }
    .latepoint-side-panel-w .quick-add-transaction-box h3 {
      color: #0937ff;
      text-align: center;
      border-bottom: 1px solid #eee;
      margin: 0px;
      padding: 0px;
      margin-bottom: 15px;
      padding-bottom: 10px;
      font-size: 17px; }

.empty-step-w {
  display: none; }

.add-custom-step-btn {
  border: 2px dotted rgba(0, 0, 0, 0.1);
  padding: 15px;
  padding-left: 40px;
  border-radius: 4px;
  position: relative;
  cursor: pointer; }
  .add-custom-step-btn:hover {
    border-color: #0937ff;
    border-style: solid; }
    .add-custom-step-btn:hover .add-custom-step-btn-icon {
      color: #0937ff; }
  .add-custom-step-btn .add-custom-step-btn-icon {
    margin-right: 15px;
    position: absolute;
    top: 50%;
    left: 15px;
    font-size: 11px;
    color: rgba(9, 55, 255, 0.5);
    transform: translateY(-50%); }
  .add-custom-step-btn .add-custom-step-btn-label {
    font-size: 19px;
    font-weight: 500;
    color: #0937ff; }

.steps-ordering-w {
  margin-bottom: 10px; }

.steps-ordering-w .step-w, .gu-mirror.step-w {
  margin-bottom: 10px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px; }
  .steps-ordering-w .step-w.gu-mirror.step-w, .gu-mirror.step-w.gu-mirror.step-w {
    border-color: #fff; }
  .steps-ordering-w .step-w:hover, .gu-mirror.step-w:hover {
    border-color: rgba(0, 0, 0, 0.3); }
  .steps-ordering-w .step-w .step-head, .gu-mirror.step-w .step-head {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 40px;
    padding-right: 15px; }
    .steps-ordering-w .step-w .step-head .step-drag, .gu-mirror.step-w .step-head .step-drag {
      font-size: 16px;
      padding: 12px 17px;
      color: #0937ff;
      line-height: 1;
      cursor: -moz-grab;
      cursor: -webkit-grab;
      cursor: grab;
      position: absolute;
      top: 50%;
      left: 0px;
      transform: translateY(-50%); }
      .steps-ordering-w .step-w .step-head .step-drag.disabled, .gu-mirror.step-w .step-head .step-drag.disabled {
        cursor: not-allowed; }
      .steps-ordering-w .step-w .step-head .step-drag span, .gu-mirror.step-w .step-head .step-drag span {
        position: absolute;
        top: -45px;
        line-height: 1.5;
        left: 50%;
        background-color: #111;
        color: #fff;
        font-weight: 500;
        font-size: 12px;
        padding: 5px;
        width: 150px;
        text-align: center;
        transform: translateX(-50%);
        display: none;
        z-index: 999; }
      .steps-ordering-w .step-w .step-head .step-drag:hover span, .gu-mirror.step-w .step-head .step-drag:hover span {
        display: block; }
      .steps-ordering-w .step-w .step-head .step-drag:hover:before, .gu-mirror.step-w .step-head .step-drag:hover:before {
        background-color: #0937ff;
        box-shadow: 8px 8px 0px 0px #0937ff, 0px 8px 0px 0px #0937ff, 8px 0px 0px 0px #0937ff; }
      .steps-ordering-w .step-w .step-head .step-drag:before, .gu-mirror.step-w .step-head .step-drag:before {
        content: "";
        position: absolute;
        top: 6px;
        left: 14px;
        width: 4px;
        height: 4px;
        display: block;
        background-color: rgba(9, 55, 255, 0.5);
        box-shadow: 8px 8px 0px 0px rgba(9, 55, 255, 0.5), 0px 8px 0px 0px rgba(9, 55, 255, 0.5), 8px 0px 0px 0px rgba(9, 55, 255, 0.5); }
    .steps-ordering-w .step-w .step-head .step-edit-btn, .gu-mirror.step-w .step-head .step-edit-btn {
      margin-left: auto;
      display: block;
      border: none;
      box-shadow: none;
      padding: 0px;
      text-decoration: none;
      color: #0937ff;
      outline: none;
      box-shadow: none;
      cursor: pointer;
      font-size: 16px;
      line-height: 1; }
    .steps-ordering-w .step-w .step-head .step-name, .gu-mirror.step-w .step-head .step-name {
      font-size: 19px;
      font-weight: 500;
      padding: 15px 10px;
      padding-left: 0px;
      flex: 1;
      cursor: pointer;
      transition: all 0.2s ease; }
      .steps-ordering-w .step-w .step-head .step-name:hover, .gu-mirror.step-w .step-head .step-name:hover {
        transform: translateX(5px); }
    .steps-ordering-w .step-w .step-head .step-message, .gu-mirror.step-w .step-head .step-message {
      margin-right: auto;
      display: block;
      text-decoration: none;
      font-size: 12.8px;
      margin-right: 40px;
      line-height: 1.1;
      font-weight: 500;
      padding: 2px 0px;
      color: #cc0303;
      border-bottom: 1px solid #cc0303; }
  .steps-ordering-w .step-w .step-body, .gu-mirror.step-w .step-body {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    padding: 20px;
    display: none; }
    .steps-ordering-w .step-w .step-body .os-form-buttons, .gu-mirror.step-w .step-body .os-form-buttons {
      padding-top: 10px; }
  .steps-ordering-w .step-w .os-form-w, .gu-mirror.step-w .os-form-w {
    margin: 0px; }
  .steps-ordering-w .step-w.editing, .gu-mirror.step-w.editing {
    border-color: rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05); }
    .steps-ordering-w .step-w.editing .step-name, .gu-mirror.step-w.editing .step-name {
      color: #0937ff; }
    .steps-ordering-w .step-w.editing .step-edit-btn .latepoint-icon:before, .gu-mirror.step-w.editing .step-edit-btn .latepoint-icon:before {
      content: "\e94b"; }
    .steps-ordering-w .step-w.editing .step-body, .gu-mirror.step-w.editing .step-body {
      display: block; }

.gu-mirror.step-w {
  box-shadow: 0 20px 50px 0 rgba(159, 166, 181, 0.31), 0 1px 2px 0 rgba(119, 128, 147, 0.8); }

.os-services-select-field-w {
  display: block;
  font-weight: 500;
  margin-bottom: 15px;
  position: relative;
  font-size: 16px; }
  .os-services-select-field-w:before {
    position: absolute;
    top: 50%;
    right: 3px;
    color: rgba(0, 0, 0, 0.8);
    font-size: 13px;
    font-family: 'latepointadmin' !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: "";
    z-index: 2;
    transform: translateY(-50%); }
  .os-services-select-field-w.active .service-option-selected {
    border-radius: 4px 4px 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: 16px;
      padding: 6px 8px;
      display: block;
      width: 100%;
      border: 1px solid #dadce6;
      border-radius: 4px; }
      .os-services-select-field-w .service-options-filter-input-w input.service-options-filter-input::placeholder {
        color: #8894AF; }
  .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 4px 4px;
    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: #8894AF;
      font-weight: 500;
      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: #0937ff;
        border-bottom-color: #0937ff;
        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: #0937ff; }
      .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 {
    padding: 7px 5px 7px 30px;
    position: relative;
    cursor: pointer;
    border: 2px solid #f1f3f7;
    border-radius: 4px;
    background-color: #f1f3f7; }
    .os-services-select-field-w .service-option-selected:hover {
      background-color: #eff3ff;
      border-color: #4b89f5; }
    .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: #0937ff; }

.service-duration-box.extra-duration {
  padding: 20px 25px 5px;
  border: 2px solid #DDE3ED;
  border-radius: 4px;
  margin-bottom: 20px;
  position: relative; }
  .service-duration-box.extra-duration h4 {
    margin-top: 0px;
    font-size: 19px;
    margin-bottom: 20px; }
  .service-duration-box.extra-duration:hover .os-remove-duration {
    display: block; }
  .service-duration-box.extra-duration .os-remove-duration {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 16px;
    color: #38406d;
    text-decoration: none;
    display: block;
    padding: 5px; }
    .service-duration-box.extra-duration .os-remove-duration:hover {
      color: #dc5858; }
    .service-duration-box.extra-duration .os-remove-duration i {
      vertical-align: middle;
      line-height: 18px; }
    .service-duration-box.extra-duration .os-remove-duration.os-loading:after {
      display: block;
      content: "";
      width: 19px;
      height: 19px;
      border-bottom: 2px solid #dc5858;
      border-left: 2px solid #dc5858;
      border-top: 2px solid #dc5858;
      border-right: 2px solid rgba(255, 255, 255, 0);
      border-radius: 20px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      animation: os-loading 700ms infinite linear; }
    .service-duration-box.extra-duration .os-remove-duration.os-loading i {
      color: transparent; }

.os-form-group-transparent .service-option-selected {
  background-color: #fff;
  border: 1px solid #d6d6e1;
  border-bottom-color: #aaacb9;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); }

.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-service-category-w {
  margin-bottom: 20px; }

.os-services-list {
  display: flex;
  flex-wrap: wrap; }
  .os-services-list .os-service {
    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);
    border-radius: 3px;
    margin-bottom: 30px;
    margin-right: 30px;
    width: 220px; }
    .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; }
        .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);
    text-align: center;
    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: #0937ff; }
  .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: 12.8px;
        font-weight: 500;
        top: 50%;
        left: 40px;
        border-radius: 3px;
        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: #AFB8D6;
      font-weight: 500;
      text-align: right;
      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: #AFB8D6; }
      .os-services-list .os-service-body .os-service-agents .value strong,
      .os-services-list .os-service-body .os-service-info .value strong {
        color: #38406d; }
  .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: 3px dotted rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    margin-bottom: 30px;
    margin-right: 30px;
    width: 220px;
    text-align: center;
    position: relative;
    cursor: pointer;
    display: block;
    outline: none;
    box-shadow: none;
    min-height: 200px; }
    .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: #0937ff;
        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: #0937ff;
      font-weight: 500;
      font-size: 19.2px;
      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: #0937ff;
      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); }
      .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 #DDE3ED;
  border-radius: 6px;
  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: 'latepointadmin' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    display: block;
    border-radius: 6px;
    transform: translateY(-50%);
    box-shadow: inset 0px 0px 0px 2px #DDE3ED; }
  .os-services-selector .service.active {
    border-color: #0937ff;
    background-color: #F1F5FF; }
    .os-services-selector .service.active .service-customizer {
      display: block; }
    .os-services-selector .service.active:before {
      background-color: #0937ff;
      box-shadow: none; }
      .os-services-selector .service.active:before:hover {
        box-shadow: none; }
    .os-services-selector .service.active .service-name {
      color: #0028d5; }
    .os-services-selector .service.active:hover {
      border-color: #0028d5;
      background-color: #fff; }
  .os-services-selector .service:hover {
    cursor: pointer;
    border-color: #abbad3; }
  .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: #0937ff;
  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: 4px;
    line-height: 1;
    font-size: 14.4px;
    font-weight: 500;
    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); }

.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: 4px;
    margin: 10px 20px 10px 20px; }
    .os-categories-ordering-w .os-category-parent-w .os-category-children .gu-transit {
      pointer-events: none; }
      .os-categories-ordering-w .os-category-parent-w .os-category-children .gu-transit .os-category-w {
        margin-bottom: 10px; }
  .os-categories-ordering-w .os-category-parent-w:last-child > .os-category-children {
    margin-bottom: 0px; }
  .os-categories-ordering-w .add-service-category-box {
    border: 3px dotted #E0E6EB;
    padding: 13px;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-top: 40px;
    border-radius: 6px; }
    .os-categories-ordering-w .add-service-category-box .add-service-category-graphic-w {
      width: 40px;
      height: 40px;
      position: relative; }
      .os-categories-ordering-w .add-service-category-box .add-service-category-graphic-w .add-service-category-plus {
        position: absolute;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        height: 18px;
        width: 18px;
        background-color: #0937ff;
        box-shadow: 0px 0px 0px 10px rgba(189, 214, 252, 0.3);
        color: #fff;
        transform: translate(-50%, -50%); }
        .os-categories-ordering-w .add-service-category-box .add-service-category-graphic-w .add-service-category-plus i {
          position: absolute;
          display: block;
          top: 50%;
          left: 50%;
          font-size: 10px;
          transform: translate(-45%, -47%); }
    .os-categories-ordering-w .add-service-category-box .add-service-category-label {
      color: #0937ff;
      font-weight: 500;
      font-size: 19.2px;
      margin-left: 15px; }
    .os-categories-ordering-w .add-service-category-box:hover {
      border-color: #0937ff;
      border-style: solid; }

.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: #FFFFFF;
  box-shadow: 0 10px 30px 0 rgba(159, 166, 181, 0.11), 0 1px 2px 0 rgba(119, 128, 147, 0.5);
  border-radius: 4px;
  padding: 10px; }
  .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; }
    .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: #0937ff;
      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: 'latepointadmin' !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: ""; }
    .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: #0937ff;
      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-services-meta, .os-category-parent-w.gu-mirror .os-category-w .os-category-head .os-category-services-meta {
      margin-right: auto;
      margin-left: 20px;
      background-color: #f3f4fd;
      padding: 2px 5px;
      line-height: 1.1;
      font-size: 12.8px;
      color: #8894AF;
      border-radius: 3px; }
    .os-categories-ordering-w .os-category-w .os-category-head .os-category-services-count, .os-category-parent-w.gu-mirror .os-category-w .os-category-head .os-category-services-count {
      margin-right: auto;
      margin-left: 10px;
      margin-right: 20px;
      background-color: #f3f4fd;
      padding: 2px 5px;
      line-height: 1.1;
      font-size: 12.8px;
      color: #8894AF;
      border-radius: 3px; }
      .os-categories-ordering-w .os-category-w .os-category-head .os-category-services-count a, .os-category-parent-w.gu-mirror .os-category-w .os-category-head .os-category-services-count a {
        color: #0937ff;
        border-bottom: 1px solid #0937ff;
        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: 19.2px;
      font-weight: 500;
      padding: 4px;
      flex: 1;
      cursor: pointer; }
      .os-categories-ordering-w .os-category-w .os-category-head .os-category-name:hover, .os-category-parent-w.gu-mirror .os-category-w .os-category-head .os-category-name:hover {
        color: #0937ff; }
    .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: 12.8px;
      margin-right: 40px;
      line-height: 1.1;
      font-weight: 500;
      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 rgba(0, 0, 0, 0.05);
    margin-top: 10px;
    padding: 20px 10px 5px 10px;
    display: none; }
    .os-categories-ordering-w .os-category-w .os-category-body .os-form-buttons, .os-category-parent-w.gu-mirror .os-category-w .os-category-body .os-form-buttons {
      padding-top: 10px; }
  .os-categories-ordering-w .os-category-w .os-form-w, .os-category-parent-w.gu-mirror .os-category-w .os-form-w {
    margin: 0px; }
  .os-categories-ordering-w .os-category-w.editing .os-category-edit-btn .latepoint-icon:before, .os-category-parent-w.gu-mirror .os-category-w.editing .os-category-edit-btn .latepoint-icon:before {
    content: "\e94b"; }
  .os-categories-ordering-w .os-category-w.editing .os-category-body, .os-category-parent-w.gu-mirror .os-category-w.editing .os-category-body {
    display: block; }

.gu-transit.os-category-parent-w {
  opacity: 0.5; }
  .gu-transit.os-category-parent-w > .os-category-w {
    box-shadow: inset 0px 0px 0px 2px #0937ff; }

.gu-mirror.os-category-parent-w {
  margin-bottom: 10px; }

.service-in-category-w {
  background: #f0f1f7;
  border: 2px solid #dbdcec;
  border-radius: 4px;
  padding: 6px 8px;
  display: flex;
  align-items: center; }
  .service-in-category-w + .service-in-category-w {
    margin-top: 10px; }
  .service-in-category-w + .os-category-parent-w {
    margin-top: 10px; }
  .service-in-category-w.status-disabled {
    opacity: 0.6;
    border-color: #da6f6f;
    background-color: #ffe8e8; }
    .service-in-category-w.status-disabled .os-category-service-meta {
      background-color: #d60606;
      color: #fff; }
  .service-in-category-w .os-category-service-drag {
    font-size: 14px;
    padding: 5px;
    color: #0937ff;
    margin-right: 5px;
    line-height: 1;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    cursor: grab; }
    .service-in-category-w .os-category-service-drag:before {
      font-family: 'latepointadmin' !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: ""; }
  .service-in-category-w .os-category-service-meta {
    margin-right: auto;
    margin-left: 20px;
    background-color: #e4e5f3;
    padding: 2px 5px;
    line-height: 1.1;
    font-size: 12.8px;
    color: #8894AF;
    border-radius: 3px; }
  .service-in-category-w .os-category-service-name {
    font-size: 14.4px;
    font-weight: 500;
    flex: 1; }

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important; }

.gu-hide {
  display: none !important; }

.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important; }

.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20); }

.latepoint-admin #wpbody-content > .update-nag {
  display: none; }

.latepoint-admin .mce-top-part::before {
  box-shadow: none; }

.latepoint-admin .wp-editor-container {
  box-shadow: none; }

.latepoint-admin div.mce-toolbar-grp,
.latepoint-admin .quicktags-toolbar {
  background-color: #fff;
  border-bottom-color: #c6cbe2; }

.latepoint-admin .html-active .switch-html, .latepoint-admin .tmce-active .switch-tmce {
  background-color: #fff;
  border-bottom-color: #fff; }

.latepoint-admin .wp-editor-container,
.latepoint-admin .wp-switch-editor {
  border-color: #c6cbe2; }

.latepoint-admin .wp-switch-editor {
  background-color: #e4e8f1; }

.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 .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute; }

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute; }

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

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6; }

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9; }

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute; }

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute; }

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

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px; }

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important; } }

.available-vars-w h3 {
  margin-top: 0px; }

.available-vars-w h4 {
  margin-bottom: 10px;
  margin-top: 0px;
  color: #0937ff;
  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 10px 30px 0 rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6);
  border-radius: 3px;
  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; }
    .available-vars-w ul li .var-code {
      padding: 3px 4px;
      line-height: 1.1;
      display: inline-block;
      background-color: #fff;
      border-radius: 6px;
      color: #0937ff;
      vertical-align: middle;
      cursor: pointer; }
      .available-vars-w ul li .var-code:hover {
        border-color: #0028d5;
        color: #0028d5;
        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 {
  color: #0937ff;
  font-size: 12px;
  position: absolute; }

.os-click-to-copy-done {
  color: #0937ff;
  font-size: 12px;
  position: absolute; }

.os-add-box {
  border: 3px dotted rgba(0, 0, 0, 0.1);
  padding: 13px;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: 6px;
  text-decoration: none; }
  .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: 18px;
      width: 18px;
      background-color: #0937ff;
      box-shadow: 0px 0px 0px 10px rgba(189, 214, 252, 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: 10px;
        transform: translate(-45%, -47%);
        transition: all 0.2s ease; }
  .os-add-box .add-box-label {
    color: #0937ff;
    font-weight: 500;
    font-size: 19px;
    transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1.35);
    margin-left: 15px; }
  .os-add-box:hover {
    border-color: #0937ff;
    border-style: solid; }
    .os-add-box:hover .add-box-plus {
      box-shadow: 0px 0px 0px 12px rgba(189, 214, 252, 0.3);
      transform: translate(-50%, -50%) scale(1.2); }
    .os-add-box:hover .add-box-label {
      transform: translateX(5px); }
  .os-add-box.os-loading {
    animation: animate_appointment_small_box 0.8s ease infinite; }
    .os-add-box.os-loading .add-box-plus {
      color: rgba(255, 255, 255, 0.4); }
      .os-add-box.os-loading .add-box-plus:after {
        display: block;
        content: "";
        width: 42px !important;
        height: 42px !important;
        border-bottom: 2px solid #0937ff;
        border-left: 2px solid #0937ff;
        border-top: 2px solid #0937ff;
        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; }

.lp-transaction-status {
  padding: 2px 5px;
  border-radius: 3px;
  background-color: #eee;
  color: #333;
  border: 1px solid #aaa;
  font-weight: 500;
  font-size: 12px;
  line-height: 1; }
  .lp-transaction-status.lp-transaction-status-declined {
    background-color: #ffc3c3;
    border-color: #e62a31;
    color: #5d2222; }
  .lp-transaction-status.lp-transaction-status-approved {
    background-color: #a3f7cd;
    border-color: #35d893;
    color: #2a774a; }

.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; }

.gcal-event {
  padding: 10px;
  background-color: #fff;
  margin-bottom: 10px;
  box-shadow: 0 10px 30px 0 rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6);
  border-radius: 3px; }

.os-notifications {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 8px;
  z-index: 10000;
  display: flex;
  flex-direction: column-reverse; }
  .os-notifications .os-notification-close {
    position: absolute;
    top: 50%;
    right: 5px;
    cursor: pointer;
    padding: 5px;
    font-size: 14px;
    transform: translateY(-50%);
    display: block;
    line-height: 1; }
  .os-notifications .item {
    padding: 10px 20px;
    background-color: #52ffaf;
    color: #1d5642;
    font-weight: 500;
    font-size: 16px;
    border: 1px solid #00b964;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    min-width: 400px;
    text-align: left;
    padding-right: 40px;
    position: relative; }
    .os-notifications .item.item-type-error {
      background-color: #ff9898;
      border: 1px solid #b11118;
      color: #710c10; }
  .os-notifications .item + .item {
    margin-bottom: 10px; }

.os-custom-field-form {
  position: relative; }
  .os-custom-field-form + .os-custom-field-form {
    margin-top: 15px; }
  .os-custom-field-form .os-form-message-w.status-success {
    display: none; }
  .os-custom-field-form .os-remove-custom-field {
    position: absolute;
    right: 0px;
    top: 0px;
    transform: translate(50%, -50%);
    font-size: 14px;
    color: #38406d;
    text-decoration: none;
    display: block;
    padding: 0px 2px;
    line-height: 18px;
    width: 18px;
    border-radius: 20px;
    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);
    text-align: center;
    vertical-align: middle;
    transition: all 0.2s ease;
    display: none; }
    .os-custom-field-form .os-remove-custom-field:hover {
      color: #dc5858;
      transform: translate(50%, -50%) rotate(90deg); }
    .os-custom-field-form .os-remove-custom-field i {
      vertical-align: middle;
      line-height: 18px; }
    .os-custom-field-form .os-remove-custom-field.os-loading:after {
      display: block;
      content: "";
      width: 19px;
      height: 19px;
      border-bottom: 2px solid #dc5858;
      border-left: 2px solid #dc5858;
      border-top: 2px solid #dc5858;
      border-right: 2px solid rgba(255, 255, 255, 0);
      border-radius: 20px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      animation: os-loading 700ms infinite linear; }
    .os-custom-field-form .os-remove-custom-field.os-loading i {
      color: transparent; }
  .os-custom-field-form:hover .os-remove-custom-field {
    display: block; }
  .os-custom-field-form .os-custom-field-form-info {
    display: flex;
    cursor: pointer;
    align-items: center; }
    .os-custom-field-form .os-custom-field-form-info:hover .os-custom-field-name {
      color: #0937ff; }
    .os-custom-field-form .os-custom-field-form-info.os-custom-field-required .os-custom-field-type:after {
      position: absolute;
      content: "*";
      color: #BC0000;
      top: 50%;
      right: -15px;
      transform: translateY(-50%);
      line-height: 1;
      font-size: 18px;
      display: block; }
    .os-custom-field-form .os-custom-field-form-info .os-custom-field-drag {
      font-size: 16px;
      padding: 5px;
      padding-left: 0px;
      color: #0937ff;
      margin-right: 10px;
      line-height: 1;
      cursor: -moz-grab;
      cursor: -webkit-grab;
      cursor: grab; }
      .os-custom-field-form .os-custom-field-form-info .os-custom-field-drag:before {
        font-family: 'latepointadmin' !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: ""; }
    .os-custom-field-form .os-custom-field-form-info .os-custom-field-name {
      margin-right: 10px;
      font-size: 20px;
      font-weight: 500; }
    .os-custom-field-form .os-custom-field-form-info .os-custom-field-type {
      color: #8894AF;
      position: relative; }
    .os-custom-field-form .os-custom-field-form-info .os-custom-field-edit-btn {
      margin-left: auto;
      font-size: 16px;
      color: #0937ff; }
  .os-custom-field-form .os-custom-field-form-params {
    display: none;
    padding-top: 20px;
    margin-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.05); }
  .os-custom-field-form .os-custom-field-form-i {
    padding: 15px 20px;
    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);
    border-radius: 3px; }
    .os-custom-field-form .os-custom-field-form-i .os-form-group {
      margin-bottom: 20px; }
      .os-custom-field-form .os-custom-field-form-i .os-form-group:first-child {
        flex: 1; }
  .os-custom-field-form.os-is-editing .os-custom-field-form-params {
    display: block; }

.add-custom-field-box,
.add-reminder-box {
  border: 3px dotted rgba(0, 0, 0, 0.1);
  padding: 13px;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-top: 20px;
  border-radius: 6px;
  margin-bottom: 30px; }
  .add-custom-field-box .add-custom-field-graphic-w,
  .add-reminder-box .add-custom-field-graphic-w {
    width: 40px;
    height: 40px;
    position: relative; }
    .add-custom-field-box .add-custom-field-graphic-w .add-custom-field-plus,
    .add-reminder-box .add-custom-field-graphic-w .add-custom-field-plus {
      position: absolute;
      top: 50%;
      left: 50%;
      border-radius: 50%;
      height: 18px;
      width: 18px;
      background-color: #0937ff;
      box-shadow: 0px 0px 0px 10px rgba(189, 214, 252, 0.3);
      color: #fff;
      transform: translate(-50%, -50%);
      transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1.35); }
      .add-custom-field-box .add-custom-field-graphic-w .add-custom-field-plus i,
      .add-reminder-box .add-custom-field-graphic-w .add-custom-field-plus i {
        position: absolute;
        display: block;
        top: 50%;
        left: 50%;
        font-size: 10px;
        transform: translate(-45%, -47%);
        transition: all 0.2s ease; }
  .add-custom-field-box .add-custom-field-label,
  .add-reminder-box .add-custom-field-label {
    color: #0937ff;
    font-weight: 500;
    font-size: 19.2px;
    transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1.35);
    margin-left: 15px; }
  .add-custom-field-box:hover,
  .add-reminder-box:hover {
    border-color: #0937ff;
    border-style: solid; }
    .add-custom-field-box:hover .add-custom-field-plus,
    .add-reminder-box:hover .add-custom-field-plus {
      box-shadow: 0px 0px 0px 12px rgba(189, 214, 252, 0.3);
      transform: translate(-50%, -50%) scale(1.2); }
    .add-custom-field-box:hover .add-custom-field-label,
    .add-reminder-box:hover .add-custom-field-label {
      transform: translateX(5px); }
  .add-custom-field-box.os-loading,
  .add-reminder-box.os-loading {
    animation: animate_appointment_small_box 0.8s ease infinite; }
    .add-custom-field-box.os-loading .add-custom-field-plus,
    .add-reminder-box.os-loading .add-custom-field-plus {
      color: rgba(255, 255, 255, 0.4); }
      .add-custom-field-box.os-loading .add-custom-field-plus:after,
      .add-reminder-box.os-loading .add-custom-field-plus:after {
        display: block;
        content: "";
        width: 42px !important;
        height: 42px !important;
        border-bottom: 2px solid #0937ff;
        border-left: 2px solid #0937ff;
        border-top: 2px solid #0937ff;
        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; }

.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: #38406d;
    text-decoration: none;
    display: block;
    padding: 0px 2px;
    line-height: 18px;
    width: 18px;
    border-radius: 20px;
    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);
    text-align: center;
    vertical-align: middle;
    transition: all 0.2s ease;
    display: none; }
    .os-reminder-form .os-remove-reminder:hover {
      color: #dc5858;
      transform: translate(50%, -50%) rotate(90deg); }
    .os-reminder-form .os-remove-reminder i {
      vertical-align: middle;
      line-height: 18px; }
    .os-reminder-form .os-remove-reminder.os-loading:after {
      display: block;
      content: "";
      width: 19px;
      height: 19px;
      border-bottom: 2px solid #dc5858;
      border-left: 2px solid #dc5858;
      border-top: 2px solid #dc5858;
      border-right: 2px solid rgba(255, 255, 255, 0);
      border-radius: 20px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      animation: os-loading 700ms infinite linear; }
    .os-reminder-form .os-remove-reminder.os-loading i {
      color: transparent; }
  .os-reminder-form:hover .os-remove-reminder {
    display: block; }
  .os-reminder-form .os-reminder-form-info {
    display: flex;
    cursor: pointer;
    align-items: center;
    position: relative;
    padding-left: 25px; }
    .os-reminder-form .os-reminder-form-info:before {
      content: "";
      width: 3px;
      height: 3px;
      background-color: #0937ff;
      box-shadow: 6px 6px 0px rgba(9, 55, 255, 0.6), 0px 6px 0px rgba(9, 55, 255, 0.6), 0px 12px 0px rgba(9, 55, 255, 0.3), 6px 18px 0px rgba(9, 55, 255, 0.7), 6px 12px 0px rgba(9, 55, 255, 0.4);
      position: absolute;
      top: -2px;
      left: 0px; }
    .os-reminder-form .os-reminder-form-info:hover .os-reminder-name {
      color: #0937ff; }
    .os-reminder-form .os-reminder-form-info.os-reminder-required .os-reminder-type:after {
      position: absolute;
      content: "*";
      color: #BC0000;
      top: 50%;
      right: -15px;
      transform: translateY(-50%);
      line-height: 1;
      font-size: 18px;
      display: block; }
    .os-reminder-form .os-reminder-form-info .os-reminder-drag {
      font-size: 16px;
      padding: 5px;
      padding-left: 0px;
      color: #0937ff;
      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: 'latepointadmin' !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: ""; }
    .os-reminder-form .os-reminder-form-info .os-reminder-name {
      margin-right: 10px;
      font-size: 20px;
      font-weight: 500; }
    .os-reminder-form .os-reminder-form-info .os-reminder-type {
      color: #8894AF;
      position: relative; }
    .os-reminder-form .os-reminder-form-info .os-reminder-edit-btn {
      margin-left: auto;
      font-size: 16px;
      color: #0937ff; }
  .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 10px 30px 0 rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6);
    border-radius: 3px; }
    .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; }

.add-reminder-box {
  border: 3px dotted rgba(0, 0, 0, 0.1);
  padding: 13px;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-top: 20px; }
  .add-reminder-box .add-reminder-graphic-w {
    width: 40px;
    height: 40px;
    position: relative; }
    .add-reminder-box .add-reminder-graphic-w .add-reminder-plus {
      position: absolute;
      top: 50%;
      left: 50%;
      border-radius: 50%;
      height: 18px;
      width: 18px;
      background-color: #0937ff;
      box-shadow: 0px 0px 0px 10px rgba(189, 214, 252, 0.3);
      color: #fff;
      transform: translate(-50%, -50%);
      transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1.35); }
      .add-reminder-box .add-reminder-graphic-w .add-reminder-plus i {
        position: absolute;
        display: block;
        top: 50%;
        left: 50%;
        font-size: 10px;
        transform: translate(-45%, -47%);
        transition: all 0.2s ease; }
  .add-reminder-box .add-reminder-label {
    color: #0937ff;
    font-weight: 500;
    font-size: 19.2px;
    transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1.35);
    margin-left: 15px; }
  .add-reminder-box:hover {
    border-color: #0937ff;
    border-style: solid; }
    .add-reminder-box:hover .add-reminder-plus {
      box-shadow: 0px 0px 0px 12px rgba(189, 214, 252, 0.3);
      transform: translate(-50%, -50%) scale(1.2); }
    .add-reminder-box:hover .add-reminder-label {
      transform: translateX(5px); }
  .add-reminder-box.os-loading {
    animation: animate_appointment_small_box 0.8s ease infinite; }
    .add-reminder-box.os-loading .add-reminder-plus {
      color: rgba(255, 255, 255, 0.4); }
      .add-reminder-box.os-loading .add-reminder-plus:after {
        display: block;
        content: "";
        width: 42px !important;
        height: 42px !important;
        border-bottom: 2px solid #0937ff;
        border-left: 2px solid #0937ff;
        border-top: 2px solid #0937ff;
        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; }

.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: 500;
    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: #0937ff; }
    .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: scroll;
  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: #0937ff; }
    .os-agents-list .os-agent.selected .agent-avatar {
      position: relative;
      box-shadow: 0px 0px 0px 4px #0937ff; }
      .os-agents-list .os-agent.selected .agent-avatar:before {
        content: "\e904";
        font-family: 'latepointadmin' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        color: #0937ff;
        position: absolute;
        top: -3px;
        right: -14px;
        width: 20px;
        height: 20px;
        font-size: 12px;
        padding: 2px;
        background-color: #0937ff;
        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; }

.index-agent-boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .index-agent-boxes .agent-box-w {
    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);
    padding: 25px 15px;
    flex: 0 0 18%;
    text-align: center;
    margin-right: 2%;
    margin-bottom: 2%;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    display: block;
    border-radius: 3px; }
    .index-agent-boxes .agent-box-w.agent-status-disabled {
      box-shadow: 0 10px 30px 0 rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6), inset 0px 3px 0px 0px #ca1616; }
      .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(5n+5) {
      margin-right: 0px; }
    .index-agent-boxes .agent-box-w:hover {
      box-shadow: 0px 0px 0px 2px #0937ff, 0px 4px 10px #cbd7ff; }
      .index-agent-boxes .agent-box-w:hover .agent-avatar {
        transform: scale(1.1); }
      .index-agent-boxes .agent-box-w:hover .agent-name {
        transform: translateY(5px); }
      .index-agent-boxes .agent-box-w:hover .agent-edit-icon,
      .index-agent-boxes .agent-box-w:hover .agent-remove-trigger {
        display: block; }
  .index-agent-boxes .agent-avatar {
    width: 70px;
    height: 70px;
    background-size: cover;
    background-position: center center;
    margin: 0px auto;
    margin-bottom: 15px;
    border-radius: 50%;
    transition: all 0.2s ease; }
  .index-agent-boxes .agent-name {
    font-weight: 500;
    color: #1B3164;
    font-size: 19px;
    transition: all 0.2s ease; }
  .index-agent-boxes .agent-edit-icon {
    display: none;
    position: absolute;
    line-height: 1;
    top: 0px;
    left: 0px;
    color: #0937ff;
    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-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: 3px dotted rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  flex: 0 0 18%;
  text-align: center;
  position: relative;
  cursor: pointer;
  display: block;
  outline: none;
  box-shadow: none;
  margin-bottom: 2%;
  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: #0937ff;
      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: #0937ff;
    font-weight: 500;
    font-size: 19.2px;
    margin-top: 5px;
    transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1.35); }
  .create-agent-link-w:hover {
    border-color: #0937ff;
    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-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: #0937ff;
    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: 3px;
  transition: all 0.2s ease;
  flex: 0 0 150px;
  margin-bottom: 20px; }

.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: 2px solid 4px;
    margin-bottom: 10px;
    border-radius: 4px; }
    .customers-selector-w .customers-selector-search-w > .latepoint-icon {
      position: absolute;
      top: 47%;
      left: 10px;
      color: rgba(0, 0, 0, 0.3);
      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; }
      .customers-selector-w .customers-selector-search-w .customers-selector-search-input::placeholder {
        opacity: 1;
        color: #8894AF; }
    .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: scroll; }
    .customers-selector-w .customers-options-list .customer-option {
      display: flex;
      align-items: center;
      padding: 10px 0px 10px 10px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
      cursor: pointer; }
      .customers-selector-w .customers-options-list .customer-option.os-loading .customer-option-avatar:before {
        display: block;
        content: "";
        width: 56px !important;
        height: 56px !important;
        border-bottom: 2px solid #0937ff;
        border-left: 2px solid #0937ff;
        border-top: 2px solid #0937ff;
        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; }
      .customers-selector-w .customers-options-list .customer-option:hover {
        background-color: #eff3f7;
        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: 5px;
          font-size: 15.6px; }
          .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 ul {
          list-style: none;
          margin: 0px;
          color: #AFB8D6;
          font-size: 14.4px; }
          .customers-selector-w .customers-options-list .customer-option .customer-option-info ul strong {
            color: #8089be; }
          .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-list {
  display: flex; }
  .customer-appointments-list .appointment-box-squared {
    margin-left: 0px;
    margin-right: 20px; }

.user-link-with-avatar {
  text-decoration: none; }
  .user-link-with-avatar .ula-avatar {
    vertical-align: middle;
    margin-right: 8px;
    width: 20px;
    height: 20px;
    border-radius: 40px;
    display: inline-block;
    background-size: cover;
    background-position: center center; }
  .user-link-with-avatar .ula-name {
    display: inline-block;
    vertical-align: middle;
    text-decoration: underline; }

.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: #0937ff;
      position: absolute;
      top: 56%;
      right: 0px;
      transform: translate(0%, -50%); }
    .weekday-schedule-w .ws-head:hover .ws-day-name {
      border-bottom: 1px solid #38406d; }
  .weekday-schedule-w .ws-day-name {
    color: #38406d;
    font-size: 19px;
    font-weight: 500;
    position: relative;
    margin-right: 20px;
    border-bottom: 1px solid transparent; }
    .weekday-schedule-w .ws-day-name:after {
      width: 0%;
      background-color: #C45252;
      opacity: 0.7;
      height: 2px;
      top: 55%;
      left: 0px;
      position: absolute;
      transform: translateY(-50%);
      content: "";
      display: block; }
  .weekday-schedule-w .ws-day-hours {
    text-align: right;
    color: #8894AF;
    font-size: 12px;
    font-weight: 500;
    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: #0937ff; }
    .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: 500;
    outline: none;
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 4px; }
    .weekday-schedule-form .ws-period-add:hover {
      border-color: #0937ff;
      color: #0937ff; }
    .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: #8894AF;
      font-weight: 500;
      font-size: 16px;
      margin-left: 5px; }
    .weekday-schedule-form .ws-period-add.os-loading .latepoint-icon {
      display: none !important; }
    .weekday-schedule-form .ws-period-add.os-loading:after {
      display: block;
      content: "";
      width: 14px;
      height: 14px;
      border-bottom: 2px solid #0937ff;
      border-left: 2px solid #0937ff;
      border-top: 2px solid #0937ff;
      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: 14.4px;
  align-items: center;
  background-color: #fff;
  position: relative;
  margin-bottom: 15px;
  border-radius: 4px; }
  .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; }
  .ws-period .os-time-group {
    padding-right: 8px; }
  .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: 3px; }
  .weekday-schedule-slider .ws-slider-w {
    background-color: #DEE6EF;
    height: 6px;
    border-radius: 4px;
    margin-bottom: 10px;
    position: relative; }
    .weekday-schedule-slider .ws-slider-w .ws-handle {
      width: 10px;
      height: 10px;
      border-radius: 3px;
      background-color: #0937ff;
      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: #6f8aff;
      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: 12.8px; }

.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: 500;
  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 .custom-day-work-period-i {
    position: relative;
    padding: 24px 20px;
    box-shadow: 0 10px 30px 0 rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6);
    border-radius: 3px;
    background-color: #fff;
    transition: all 0.2s ease; }
    .custom-day-work-period .custom-day-work-period-i:before {
      top: 50%;
      left: 0px;
      right: 0px;
      background-color: rgba(0, 0, 0, 0.05);
      height: 1px;
      position: absolute;
      content: ""; }
  .custom-day-work-period .custom-day-number {
    font-size: 46px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 5px;
    color: #0937ff; }
  .custom-day-work-period .remove-custom-day,
  .custom-day-work-period .edit-custom-day {
    position: absolute;
    top: 0px;
    font-size: 14px;
    padding: 10px;
    text-decoration: none;
    line-height: 1;
    transition: all 0.2s ease;
    opacity: 0;
    z-index: 9999;
    outline: none;
    box-shadow: none; }
    .custom-day-work-period .remove-custom-day.os-loading,
    .custom-day-work-period .edit-custom-day.os-loading {
      opacity: 1;
      color: transparent; }
      .custom-day-work-period .remove-custom-day.os-loading:after,
      .custom-day-work-period .edit-custom-day.os-loading:after {
        display: block;
        content: "";
        width: 15px !important;
        height: 15px !important;
        border-bottom: 2px solid #0937ff;
        border-left: 2px solid #0937ff;
        border-top: 2px solid #0937ff;
        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; }
  .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 {
      box-shadow: 0 15px 30px 0 rgba(108, 120, 143, 0.2), 0 1px 3px 0 rgba(170, 179, 197, 0.9); }
    .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: #eeeff5;
      color: #2D303A;
      color: #8894AF;
      padding: 4px;
      border-radius: 3px;
      font-weight: 500;
      font-size: 14px; }
      .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: 19.2px;
    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-bottom: 15px;
  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: 3px; }
  .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: #0937ff;
    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: #0937ff;
    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: #0937ff;
    font-weight: 500;
    font-size: 19.2px;
    margin-top: 5px;
    white-space: nowrap;
    transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1.35); }
  .add-custom-day-w.os-loading {
    animation: animate_appointment_small_box 0.8s ease infinite; }
    .add-custom-day-w.os-loading .add-day-plus {
      color: rgba(255, 255, 255, 0.4); }
      .add-custom-day-w.os-loading .add-day-plus:after {
        display: block;
        content: "";
        width: 52px !important;
        height: 52px !important;
        border-bottom: 2px solid #0937ff;
        border-left: 2px solid #0937ff;
        border-top: 2px solid #0937ff;
        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; }

.os-coupons-w .os-form-w:first-child {
  margin-top: 0px; }

.os-coupon-form {
  position: relative; }
  .os-coupon-form.os-coupon-status-disabled .os-coupon-form-i {
    opacity: 0.6; }
    .os-coupon-form.os-coupon-status-disabled .os-coupon-form-i:before {
      content: "";
      top: 0px;
      right: 0px;
      bottom: 0px;
      width: 4px;
      background-color: #e84e4e;
      border-radius: 3px;
      position: absolute; }
  .os-coupon-form + .os-coupon-form {
    margin-top: 15px; }
  .os-coupon-form .os-form-message-w.status-success {
    display: none; }
  .os-coupon-form .os-remove-coupon {
    position: absolute;
    right: 0px;
    top: 0px;
    transform: translate(50%, -50%);
    font-size: 14px;
    color: #38406d;
    text-decoration: none;
    display: block;
    padding: 0px 2px;
    line-height: 18px;
    width: 18px;
    border-radius: 20px;
    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);
    text-align: center;
    vertical-align: middle;
    transition: all 0.2s ease;
    display: none; }
    .os-coupon-form .os-remove-coupon:hover {
      color: #dc5858;
      transform: translate(50%, -50%) rotate(90deg); }
    .os-coupon-form .os-remove-coupon i {
      vertical-align: middle;
      line-height: 18px; }
    .os-coupon-form .os-remove-coupon.os-loading:after {
      display: block;
      content: "";
      width: 19px;
      height: 19px;
      border-bottom: 2px solid #dc5858;
      border-left: 2px solid #dc5858;
      border-top: 2px solid #dc5858;
      border-right: 2px solid rgba(255, 255, 255, 0);
      border-radius: 20px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      animation: os-loading 700ms infinite linear; }
    .os-coupon-form .os-remove-coupon.os-loading i {
      color: transparent; }
  .os-coupon-form:hover .os-remove-coupon {
    display: block; }
  .os-coupon-form .os-coupon-form-info {
    display: flex;
    cursor: pointer;
    align-items: center;
    position: relative;
    padding-left: 25px; }
    .os-coupon-form .os-coupon-form-info:before {
      content: "";
      width: 3px;
      height: 3px;
      background-color: #0937ff;
      box-shadow: 6px 6px 0px rgba(9, 55, 255, 0.6), 0px 6px 0px rgba(9, 55, 255, 0.6), 0px 12px 0px rgba(9, 55, 255, 0.3), 6px 18px 0px rgba(9, 55, 255, 0.7), 6px 12px 0px rgba(9, 55, 255, 0.4);
      position: absolute;
      top: 2px;
      left: 0px; }
    .os-coupon-form .os-coupon-form-info:hover .os-coupon-name {
      color: #0937ff; }
    .os-coupon-form .os-coupon-form-info.os-coupon-required .os-coupon-type:after {
      position: absolute;
      content: "*";
      color: #BC0000;
      top: 50%;
      right: -15px;
      transform: translateY(-50%);
      line-height: 1;
      font-size: 18px;
      display: block; }
    .os-coupon-form .os-coupon-form-info .os-coupon-drag {
      font-size: 16px;
      padding: 5px;
      padding-left: 0px;
      color: #0937ff;
      margin-right: 10px;
      line-height: 1;
      cursor: -moz-grab;
      cursor: -webkit-grab;
      cursor: grab; }
      .os-coupon-form .os-coupon-form-info .os-coupon-drag:before {
        font-family: 'latepointadmin' !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: ""; }
    .os-coupon-form .os-coupon-form-info .os-coupon-name {
      padding: 5px 0px;
      margin-right: 10px;
      font-size: 20px;
      font-weight: 500; }
    .os-coupon-form .os-coupon-form-info .os-coupon-code {
      margin-right: 10px;
      font-size: 12px;
      margin-left: 10px;
      font-weight: 500;
      color: #0937ff;
      text-transform: uppercase;
      padding: 4px;
      border-radius: 4px;
      background-color: #fff;
      border: 1px dashed #0937ff;
      line-height: 1; }
    .os-coupon-form .os-coupon-form-info .os-coupon-type {
      color: #8894AF;
      position: relative; }
    .os-coupon-form .os-coupon-form-info .os-coupon-edit-btn {
      margin-left: auto;
      font-size: 16px;
      color: #0937ff; }
  .os-coupon-form .os-coupon-form-params {
    display: none;
    padding-top: 20px;
    margin-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.05); }
  .os-coupon-form .os-coupon-form-i {
    padding: 20px;
    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);
    border-radius: 3px; }
    .os-coupon-form .os-coupon-form-i .os-form-group {
      margin-bottom: 20px; }
      .os-coupon-form .os-coupon-form-i .os-form-group:first-child {
        flex: 1; }
  .os-coupon-form.os-is-editing .os-coupon-form-params {
    display: block; }

.add-coupon-box {
  border: 3px dotted rgba(0, 0, 0, 0.1);
  padding: 13px;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-top: 20px; }
  .add-coupon-box .add-coupon-graphic-w {
    width: 40px;
    height: 40px;
    position: relative; }
    .add-coupon-box .add-coupon-graphic-w .add-coupon-plus {
      position: absolute;
      top: 50%;
      left: 50%;
      border-radius: 50%;
      height: 18px;
      width: 18px;
      background-color: #0937ff;
      box-shadow: 0px 0px 0px 10px rgba(189, 214, 252, 0.3);
      color: #fff;
      transform: translate(-50%, -50%);
      transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1.35); }
      .add-coupon-box .add-coupon-graphic-w .add-coupon-plus i {
        position: absolute;
        display: block;
        top: 50%;
        left: 50%;
        font-size: 10px;
        transform: translate(-45%, -47%);
        transition: all 0.2s ease; }
  .add-coupon-box .add-coupon-label {
    color: #0937ff;
    font-weight: 500;
    font-size: 19.2px;
    transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1.35);
    margin-left: 15px; }
  .add-coupon-box:hover {
    border-color: #0937ff;
    border-style: solid; }
    .add-coupon-box:hover .add-coupon-plus {
      box-shadow: 0px 0px 0px 12px rgba(189, 214, 252, 0.3);
      transform: translate(-50%, -50%) scale(1.2); }
    .add-coupon-box:hover .add-coupon-label {
      transform: translateX(5px); }
  .add-coupon-box.os-loading {
    animation: animate_appointment_small_box 0.8s ease infinite; }
    .add-coupon-box.os-loading .add-coupon-plus {
      color: rgba(255, 255, 255, 0.4); }
      .add-coupon-box.os-loading .add-coupon-plus:after {
        display: block;
        content: "";
        width: 42px !important;
        height: 42px !important;
        border-bottom: 2px solid #0937ff;
        border-left: 2px solid #0937ff;
        border-top: 2px solid #0937ff;
        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; }

.coupon-restrictions-w {
  padding: 30px 30px 20px 30px;
  background-color: #fff7e9;
  border-radius: 6px;
  margin-bottom: 20px;
  border: 1px solid #e8d5b3; }
  .coupon-restrictions-w h3 {
    color: #bb8421;
    margin-top: 0px;
    margin-bottom: 20px; }
  .coupon-restrictions-w .os-form-group.os-form-group-transparent.os-form-textfield-group .os-form-control {
    background-color: transparent !important;
    border-bottom-color: rgba(0, 0, 0, 0.2); }
    .coupon-restrictions-w .os-form-group.os-form-group-transparent.os-form-textfield-group .os-form-control::placeholder {
      color: rgba(0, 0, 0, 0.4); }
  .coupon-restrictions-w .os-form-group label {
    color: rgba(0, 0, 0, 0.4); }

.os-locations-list {
  display: flex;
  flex-wrap: wrap; }
  .os-locations-list .os-location {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(95, 129, 196, 0.25), 0 10px 15px 0 rgba(119, 145, 207, 0.16);
    border-radius: 3px;
    margin-bottom: 30px;
    margin-right: 30px;
    width: 320px; }
    .os-locations-list .os-location .os-form-w {
      padding: 0px;
      margin: 0px;
      background-color: transparent; }
    .os-locations-list .os-location.os-location-status-disabled {
      opacity: 0.7; }
      .os-locations-list .os-location.os-location-status-disabled .os-location-header {
        box-shadow: inset 0px 3px 0px 0px #ca1616; }
        .os-locations-list .os-location.os-location-status-disabled .os-location-header .location-name {
          color: #ca1616; }
  .os-locations-list .os-location-header {
    padding: 15px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    font-size: 17px;
    position: relative; }
    .os-locations-list .os-location-header .edit-location-btn {
      position: absolute;
      top: 10px;
      text-decoration: none;
      font-size: 14px;
      right: 10px;
      display: block; }
    .os-locations-list .os-location-header .os-location-info {
      font-size: 16px;
      color: #8894AF;
      margin-top: 5px; }
    .os-locations-list .os-location-header .location-image {
      display: inline-block;
      vertical-align: middle;
      margin-right: 20px; }
      .os-locations-list .os-location-header .location-image img {
        height: 40px;
        width: auto;
        display: block; }
    .os-locations-list .os-location-header .location-name {
      display: inline-block;
      vertical-align: middle;
      margin: 0px;
      font-size: 26px; }
  .os-locations-list .os-location-body .no-agents-for-location {
    display: inline-block;
    padding: 3px 5px;
    background-color: #ffd7d7;
    border: 1px solid #e64f4f;
    color: #e64f4f;
    border-radius: 3px;
    text-decoration: none; }
  .os-locations-list .os-location-body .os-location-address {
    background-color: #eee;
    min-height: 240px; }
  .os-locations-list .os-location-body .os-location-agents {
    padding: 15px 20px; }
    .os-locations-list .os-location-body .os-location-agents .agents-avatars {
      position: relative;
      display: flex; }
      .os-locations-list .os-location-body .os-location-agents .agents-avatars .agent-avatar {
        width: 35px;
        height: 35px;
        display: block;
        background-size: cover;
        border-radius: 30px;
        box-shadow: 0px 0px 0px 3px #fff; }
        .os-locations-list .os-location-body .os-location-agents .agents-avatars .agent-avatar + .agent-avatar {
          margin-left: -5px; }
      .os-locations-list .os-location-body .os-location-agents .agents-avatars .agents-more {
        position: absolute;
        background-color: #fff;
        padding: 3px 5px;
        font-size: 12.8px;
        font-weight: 500;
        top: 50%;
        left: 40px;
        border-radius: 3px;
        line-height: 1.1;
        white-space: nowrap;
        transform: translateY(-50%);
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); }
  .os-locations-list .os-location-body .location-info-row {
    display: flex;
    align-items: center; }
  .os-locations-list .os-location-body .os-location-agents .label {
    font-weight: 500;
    text-align: left;
    padding-right: 10px;
    margin-bottom: 10px; }
  .os-locations-list .os-location-body .os-location-agents .value {
    flex: 1;
    color: #AFB8D6; }
    .os-locations-list .os-location-body .os-location-agents .value strong {
      color: #38406d; }
  .os-locations-list .os-location-body .os-location-address {
    border-radius: 3px 3px 0px 0px;
    overflow: hidden; }
    .os-locations-list .os-location-body .os-location-address iframe {
      border-radius: 3px;
      display: block;
      margin: 0px; }
  .os-locations-list .assign-agent-btn {
    display: inline-block;
    vertical-align: middle; }
  .os-locations-list .location-agents-avatars {
    vertical-align: middle;
    padding: 10px 0px;
    display: inline-block; }
    .os-locations-list .location-agents-avatars img {
      width: 35px;
      height: auto;
      border-radius: 40px;
      display: inline-block; }
    .os-locations-list .location-agents-avatars img + img {
      margin-left: 10px; }
    .os-locations-list .location-agents-avatars img:last-child {
      margin-right: 30px; }

.create-location-link-w {
  border: 4px dotted rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  margin-bottom: 30px;
  width: 320px;
  text-align: center;
  position: relative;
  cursor: pointer;
  display: block;
  outline: none;
  box-shadow: none;
  min-height: 200px; }
  .create-location-link-w .create-location-link-i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .create-location-link-w .add-location-graphic-w {
    width: 90px;
    height: 90px;
    position: relative;
    margin: 0px auto; }
    .create-location-link-w .add-location-graphic-w .add-location-plus {
      position: absolute;
      top: 50%;
      left: 50%;
      border-radius: 50%;
      height: 36px;
      width: 36px;
      background-color: #0937ff;
      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); }
      .create-location-link-w .add-location-graphic-w .add-location-plus i {
        position: absolute;
        display: block;
        top: 50%;
        left: 50%;
        font-size: 12px;
        transform: translate(-45%, -47%);
        transition: all 0.2s ease; }
  .create-location-link-w .add-location-label {
    color: #0937ff;
    font-weight: 500;
    font-size: 26px;
    margin-top: 20px;
    transition: all 0.2s cubic-bezier(0.25, 1.4, 0.5, 1.35); }
  .create-location-link-w:hover {
    border-color: #0937ff;
    border-style: solid; }
    .create-location-link-w:hover .add-location-plus {
      box-shadow: 0px 0px 0px 20px rgba(208, 213, 220, 0.3);
      transform: translate(-50%, -50%) scale(1.3); }
    .create-location-link-w:hover .add-location-label {
      transform: translateY(5px); }

.os-complex-agents-selector {
  margin-bottom: 0px; }
  .os-complex-agents-selector .agent {
    text-align: center;
    border: 2px solid #DDE3ED;
    border-radius: 6px;
    position: relative;
    margin-bottom: 15px; }
    .os-complex-agents-selector .agent .agent-services-list-w {
      background: #FFFFFF;
      padding: 20px;
      margin-top: 0px;
      text-align: left;
      border-radius: 0px 0px 6px 6px;
      border-top: 2px solid #0937ff;
      display: none; }
      .os-complex-agents-selector .agent .agent-services-list-w h4 {
        margin: 0px;
        margin-bottom: 15px;
        color: #0937ff;
        font-size: 18px; }
      .os-complex-agents-selector .agent .agent-services-list-w ul {
        list-style: none;
        margin: 0px;
        padding: 0px; }
        .os-complex-agents-selector .agent .agent-services-list-w ul li {
          padding: 5px 0px;
          margin: 0px;
          font-weight: 500;
          font-size: 17px;
          border-bottom: 1px solid rgba(0, 0, 0, 0.05);
          padding-left: 25px;
          position: relative; }
          .os-complex-agents-selector .agent .agent-services-list-w ul li:last-child {
            border-bottom: none; }
          .os-complex-agents-selector .agent .agent-services-list-w ul li:before {
            background-color: #fff;
            color: #fff;
            padding: 2px;
            font-size: 12px;
            font-family: 'latepointadmin' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "";
            position: absolute;
            top: 50%;
            left: 0px;
            display: block;
            border-radius: 4px;
            transform: translateY(-50%);
            box-shadow: inset 0px 0px 0px 2px #DDE3ED; }
          .os-complex-agents-selector .agent .agent-services-list-w ul li.active:before {
            background-color: #0937ff;
            box-shadow: none; }
          .os-complex-agents-selector .agent .agent-services-list-w ul li:hover {
            color: #0937ff; }
    .os-complex-agents-selector .agent .agent-i {
      padding: 5px 20px 5px 55px;
      display: flex;
      align-items: center;
      position: relative; }
      .os-complex-agents-selector .agent .agent-i:before {
        background-color: #fff;
        color: #fff;
        padding: 3px;
        font-size: 14px;
        font-family: 'latepointadmin' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        position: absolute;
        top: 50%;
        left: 15px;
        display: block;
        border-radius: 6px;
        transform: translateY(-50%);
        box-shadow: inset 0px 0px 0px 2px #DDE3ED; }
    .os-complex-agents-selector .agent.active {
      border-color: #0937ff;
      background-color: #F1F5FF; }
      .os-complex-agents-selector .agent.active.show-customize-box .agent-services-list-w {
        display: block; }
      .os-complex-agents-selector .agent.active .selected-services {
        display: block; }
      .os-complex-agents-selector .agent.active .customize-agent-service-btn {
        display: flex; }
      .os-complex-agents-selector .agent.active .agent-i:before {
        background-color: #0937ff;
        box-shadow: none; }
        .os-complex-agents-selector .agent.active .agent-i:before:hover {
          box-shadow: none; }
      .os-complex-agents-selector .agent.active:hover {
        border-color: #0937ff;
        background-color: #fff; }
      .os-complex-agents-selector .agent.active .agent-customizer {
        display: block; }
      .os-complex-agents-selector .agent.active .agent-name {
        color: #0028d5; }
    .os-complex-agents-selector .agent:hover {
      cursor: pointer;
      border-color: #abbad3; }
      .os-complex-agents-selector .agent:hover .agent-customizer i {
        transform: rotate(90deg); }
    .os-complex-agents-selector .agent .agent-avatar {
      margin-right: 15px; }
      .os-complex-agents-selector .agent .agent-avatar img {
        width: 40px;
        height: auto;
        display: block;
        border-radius: 50%; }
    .os-complex-agents-selector .agent .agent-name {
      margin-top: 0px;
      margin-bottom: 0px;
      line-height: 1.6; }
    .os-complex-agents-selector .agent .selected-services {
      margin-left: auto;
      margin-right: 15px;
      display: none;
      background-color: #E7EDFF;
      color: #697D98;
      font-weight: 500;
      padding: 4px 5px;
      border-radius: 3px; }
    .os-complex-agents-selector .agent .customize-agent-service-btn {
      display: none;
      background-color: #fff;
      color: #0937ff;
      font-weight: 500;
      padding: 4px 5px;
      border-radius: 3px;
      box-shadow: 0px 0px 0px 1px #0937ff;
      align-items: center;
      text-decoration: none; }
      .os-complex-agents-selector .agent .customize-agent-service-btn:hover {
        box-shadow: 0px 0px 0px 1px #0023bc, 0px 2px 4px rgba(0, 0, 0, 0.1);
        color: #0023bc; }
        .os-complex-agents-selector .agent .customize-agent-service-btn:hover i {
          transform: rotate(-45deg); }
      .os-complex-agents-selector .agent .customize-agent-service-btn i {
        margin-right: 5px;
        font-size: 16px;
        display: inline-block;
        line-height: 16px;
        transition: all 0.2s ease; }
      .os-complex-agents-selector .agent .customize-agent-service-btn span {
        line-height: 16px;
        display: inline-block; }
  .os-complex-agents-selector.complex-locations .agent .agent-i {
    padding-top: 10px;
    padding-bottom: 10px; }
  .os-complex-agents-selector .agent-customizer {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 18px;
    color: #0937ff;
    text-decoration: none;
    display: none; }
    .os-complex-agents-selector .agent-customizer i {
      display: block;
      transition: all 0.4s ease;
      transform-origin: center center; }
    .os-complex-agents-selector .agent-customizer span {
      display: block;
      position: absolute;
      top: 0px;
      left: 50%;
      transform: translate(-50%, -100%);
      background-color: #2D303A;
      color: #fff;
      padding: 5px 7px;
      border-radius: 4px;
      line-height: 1;
      font-size: 14.4px;
      font-weight: 500;
      white-space: nowrap;
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s ease; }
    .os-complex-agents-selector .agent-customizer:hover span {
      transform: translate(-50%, -120%);
      opacity: 1;
      visibility: visible; }

.os-widget {
  margin-bottom: 40px;
  background-color: #fff;
  border: 1px solid #e0e1e8;
  border-radius: 3px; }
  .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: 19px;
    font-family: "Barlow", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    border-bottom: 1px solid #e7e9ef;
    color: #2D303A;
    padding: 10px 10px 10px 37px;
    margin-top: 0px;
    line-height: 1.4; }
    .os-widget .os-widget-header.centered {
      text-align: center; }
    .os-widget .os-widget-header h3 {
      font-size: 22px;
      padding: 4px 0px;
      margin: 0px;
      line-height: 1;
      color: #2D303A; }
    .os-widget .os-widget-header.with-actions {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .os-widget .os-widget-header.with-actions .os-widget-header-text {
        position: relative;
        padding: 3px 5px 4px 0px;
        line-height: 1;
        vertical-align: middle; }
      .os-widget .os-widget-header.with-actions .os-widget-header-actions-trigger {
        display: none; }
      .os-widget .os-widget-header.with-actions .os-widget-header-actions {
        margin-left: auto;
        text-align: right; }
        .os-widget .os-widget-header.with-actions .os-widget-header-actions .os-date-range-picker {
          cursor: pointer;
          border-radius: 4px;
          border: none;
          background-color: #F0F2F8;
          box-shadow: none;
          background-color: #fff;
          border: 1px solid #d6d6e1;
          border-bottom-color: #bebfc7;
          box-shadow: none;
          font-size: 14px;
          padding: 6px 4px 6px 10px;
          display: inline-block;
          vertical-align: middle;
          line-height: 1; }
          .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: 14px; }
          .os-widget .os-widget-header.with-actions .os-widget-header-actions .os-date-range-picker span {
            color: #38406d; }
          .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;
        box-shadow: none;
        border: none;
        background-color: #F0F2F8;
        color: #32373c;
        background-color: #fff;
        border: 1px solid #d6d6e1;
        border-bottom-color: #bebfc7;
        box-shadow: none;
        border-radius: 4px;
        font-size: 14px; }
    .os-widget .os-widget-header:before {
      content: "";
      width: 4px;
      height: 4px;
      background-color: #0937ff;
      box-shadow: 8px 8px 0px rgba(9, 55, 255, 0.6), 0px 8px 0px rgba(9, 55, 255, 0.6), 0px 16px 0px rgba(9, 55, 255, 0.3), 8px 24px 0px rgba(9, 55, 255, 0.7), 8px 16px 0px rgba(9, 55, 255, 0.4);
      position: absolute;
      top: 11px;
      left: 12px; }
  .os-widget .os-widget-content {
    padding: 20px; }
    .os-widget .os-widget-content.no-padding {
      padding: 0px; }
  .os-widget.os-widget-boxed {
    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);
    padding: 15px;
    border-radius: 3px; }
    .os-widget.os-widget-boxed .os-widget-header {
      padding-top: 0px;
      border-bottom: none; }

.agent-stats-box {
  display: flex;
  align-items: stretch;
  text-decoration: none;
  color: #38406d;
  transition: all 0.2s ease; }
  .agent-stats-box + .agent-stats-box {
    border-top: 1px solid #f0f1f5; }
  .agent-stats-box .agent-info {
    text-align: center;
    text-decoration: none;
    color: #2D303A;
    flex: 0 0 110px;
    border-right: 1px solid #f0f1f5;
    padding: 21px 0px; }
    .agent-stats-box .agent-info .avatar-w {
      background-size: cover;
      background-position: center center;
      width: 60px;
      height: 60px;
      display: block;
      border-radius: 50%;
      margin: 0px auto; }
    .agent-stats-box .agent-info .agent-name {
      display: none;
      font-weight: 500;
      font-size: 14px;
      margin-bottom: 3px;
      transition: transform 0.2s ease; }
  .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: 1;
      padding: 10px 20px;
      color: #8894AF;
      font-size: 14px; }
      .agent-stats-box .agent-stats .agent-stats-value strong {
        font-size: 20px;
        color: #2D303A; }
      .agent-stats-box .agent-stats .agent-stats-value + .agent-stats-value {
        border-left: 1px solid #f0f1f5; }
    .agent-stats-box .agent-stats .agent-stats-chart {
      padding: 20px;
      padding-bottom: 10px;
      border-top: 1px solid #f0f1f5; }
      .agent-stats-box .agent-stats .agent-stats-chart .agent-chart-progress {
        display: flex;
        background-color: #EAEDFB; }
      .agent-stats-box .agent-stats .agent-stats-chart .ac-progress-value {
        height: 5px;
        cursor: pointer;
        position: relative; }
        .agent-stats-box .agent-stats .agent-stats-chart .ac-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: 17px; }
          .agent-stats-box .agent-stats .agent-stats-chart .ac-progress-value .progress-label-w .progress-label {
            color: rgba(255, 255, 255, 0.6);
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: 1px;
            white-space: nowrap;
            margin-top: 5px; }
          .agent-stats-box .agent-stats .agent-stats-chart .ac-progress-value .progress-label-w .progress-value {
            white-space: nowrap;
            color: #fff; }
        .agent-stats-box .agent-stats .agent-stats-chart .ac-progress-value:hover .progress-label-w {
          transform: translateY(-105%);
          display: block; }
  .agent-stats-box .agent-sub-info {
    transition: transform 0.2s ease; }
    .agent-stats-box .agent-sub-info .label {
      color: #8894AF; }
    .agent-stats-box .agent-sub-info .value {
      font-weight: 500;
      color: #0937ff; }

.appointment-box-large {
  background-color: #fff;
  border: 1px solid #e0e1e8;
  border-radius: 3px;
  border-radius: 0px 3px 3px 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: #0937ff;
    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: 19px;
      font-weight: 500;
      color: #0937ff;
      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 #0937ff; }
      .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: 500;
      font-size: 24px;
      margin-bottom: 15px; }
    .appointment-box-large .appointment-info .appointment-time {
      color: #8894AF;
      white-space: nowrap; }
      .appointment-box-large .appointment-info .appointment-time .at-date {
        font-weight: 500;
        color: #0937ff;
        font-size: 19px;
        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: #38406d; }
  .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: #8894AF; }
    .appointment-box-large .account-info-w .account-name {
      font-weight: 500;
      font-size: 19px;
      color: #0937ff;
      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: #8894AF;
        flex: 0 0 50px;
        margin-right: 5px; }
      .appointment-box-large .account-info-w .account-property .value {
        flex: 1;
        font-weight: 500; }
  .appointment-box-large .account-info-w + .account-info-w {
    border-left: 1px solid rgba(0, 0, 0, 0.05); }
  .appointment-box-large.os-loading:after {
    display: block;
    content: "";
    width: 14px !important;
    height: 14px !important;
    border-bottom: 2px solid #0937ff;
    border-left: 2px solid #0937ff;
    border-top: 2px solid #0937ff;
    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;
    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: #0937ff;
    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: #8894AF; }
      .appointment-box-small .appointment-capacity-info .appointment-capacity-info-label strong {
        color: #2D303A; }
  .appointment-box-small .appointment-capacity-progress-w {
    background-color: rgba(9, 55, 255, 0.1); }
    .appointment-box-small .appointment-capacity-progress-w .appointment-capacity-progress {
      height: 10px;
      background-color: #0937ff; }
  .appointment-box-small .appointment-info {
    padding: 10px 25px;
    flex: 1; }
    .appointment-box-small .appointment-info .appointment-color-elem {
      position: absolute;
      top: -1px;
      left: -1px;
      right: -1px;
      height: 2px; }
    .appointment-box-small .appointment-info .appointment-service-name {
      font-weight: 500;
      font-size: 19px;
      margin-bottom: 5px; }
    .appointment-box-small .appointment-info .appointment-time {
      color: #8894AF;
      white-space: nowrap; }
      .appointment-box-small .appointment-info .appointment-time .at-date {
        font-weight: 500;
        color: #0937ff;
        font-size: 16px;
        margin-bottom: 0px; }
  .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: 500;
      font-size: 16px;
      color: #0937ff;
      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: #8894AF; }
      .appointment-box-small .agent-info-w .agent-property .value {
        font-weight: 500; }
  .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: 500;
      font-size: 16px;
      color: #0937ff;
      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: #8894AF; }
      .appointment-box-small .customer-info-w .customer-property .value {
        font-weight: 500; }
  .appointment-box-small .agent-info-w + .customer-info-w {
    flex: 0 0 33%; }
  .appointment-box-small.os-loading {
    animation: animate_appointment_small_box 0.8s ease infinite; }
    .appointment-box-small.os-loading:after {
      display: block;
      content: "";
      width: 14px !important;
      height: 14px !important;
      border-bottom: 2px solid #0937ff;
      border-left: 2px solid #0937ff;
      border-top: 2px solid #0937ff;
      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;
      left: -10px; }

.os-widget {
  position: relative; }
  .os-widget.os-loading {
    animation: animate_appointment_small_box 0.8s ease infinite; }
    .os-widget.os-loading:after {
      display: block;
      content: "";
      width: 14px !important;
      height: 14px !important;
      border-bottom: 2px solid #0937ff;
      border-left: 2px solid #0937ff;
      border-top: 2px solid #0937ff;
      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; }

.os-widget-daily-bookings .no-results-w,
.os-widget-top-agents .no-results-w {
  border: none; }
  .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-widget-upcoming-appointments .no-results-w {
  flex: 1;
  margin-left: 20px;
  padding: 20px; }
  .os-widget-upcoming-appointments .no-results-w .icon-w {
    margin-bottom: 15px; }
  .os-widget-upcoming-appointments .no-results-w .count-number {
    font-size: 42px;
    margin-bottom: 10px;
    color: #8894AF; }

.os-widget-upcoming-appointments .appointment-box-small {
  padding: 0px 0px 15px 0px;
  margin-bottom: 15px;
  border-bottom: 1px solid #f0f1f5; }
  .os-widget-upcoming-appointments .appointment-box-small .customer-info-w {
    padding: 0px 15px; }
  .os-widget-upcoming-appointments .appointment-box-small .appointment-info {
    padding: 0px 20px; }
  .os-widget-upcoming-appointments .appointment-box-small .appointment-color-elem {
    top: 7px;
    bottom: auto;
    left: 0px;
    width: 6px;
    height: 6px; }
  .os-widget-upcoming-appointments .appointment-box-small:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px; }
  .os-widget-upcoming-appointments .appointment-box-small.os-loading {
    animation: animate_appointment_small_box 0.8s ease infinite; }
    .os-widget-upcoming-appointments .appointment-box-small.os-loading:after {
      display: block;
      content: "";
      width: 20px !important;
      height: 20px !important;
      border-bottom: 2px solid #0937ff;
      border-left: 2px solid #0937ff;
      border-top: 2px solid #0937ff;
      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;
      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: 15px 20px 10px; }
  .os-widget-agents-bookings-timeline .appointment-box-small .customer-info-w {
    flex: 1;
    padding: 10px 20px 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: 17px; }

.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: 19.2px;
  font-weight: 500; }

.services-availability-list .service-available-slots {
  margin-left: auto;
  color: #0937ff;
  font-size: 25.6px;
  font-weight: 500; }

.daily-bookings-chart-w {
  height: 180px; }

.agents-day-availability-timeslots {
  padding-bottom: 15px; }

.agent-day-availability-w {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  margin-bottom: 7px;
  padding-bottom: 7px; }
  .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: 16px;
      font-weight: 500;
      padding: 10px 15px;
      z-index: 9999;
      transform: translate(-50%, -5px);
      white-space: nowrap; }
    .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: #0937ff; }
    .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: 5px 5px 5px 7px;
      line-height: 1;
      background-color: #1cd638;
      color: #fff;
      font-size: 14.4px;
      font-weight: 500;
      position: absolute;
      left: 50%;
      top: -5px;
      transform: translate(-50%, -100%);
      white-space: nowrap;
      transition: all 0.4s ease;
      z-index: 10; }
    .agent-day-availability-w .agent-timeslot.os-loading {
      position: relative; }
      .agent-day-availability-w .agent-timeslot.os-loading:after {
        display: block;
        content: "";
        width: 14px;
        height: 14px;
        border-bottom: 2px solid #fff;
        border-left: 2px solid #fff;
        border-top: 2px solid #fff;
        border-right: 2px solid rgba(255, 255, 255, 0);
        border-radius: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        animation: os-loading 700ms infinite linear; }
    .agent-day-availability-w .agent-timeslot.is-booked {
      background-color: #ff6363;
      background-color: #cbd7ff;
      background-color: #dae2ff;
      margin: 0px;
      border-radius: 0px;
      border-color: #fff; }
      .agent-day-availability-w .agent-timeslot.is-booked:before {
        background-color: #E42806; }
      .agent-day-availability-w .agent-timeslot.is-booked .agent-timeslot-label {
        background-color: #E42806; }
      .agent-day-availability-w .agent-timeslot.is-booked:hover {
        background-color: #ff3030; }
    .agent-day-availability-w .agent-timeslot.full-day-off {
      background-color: #dae2ff; }
      .agent-day-availability-w .agent-timeslot.full-day-off .agent-timeslot-label {
        background-color: #E42806; }
      .agent-day-availability-w .agent-timeslot.full-day-off:hover {
        background-color: #ff3030; }
    .agent-day-availability-w .agent-timeslot.is-off {
      background-color: #ff6363;
      background-color: #cbd7ff;
      background-color: #dae2ff;
      margin: 0px;
      border-radius: 0px;
      border-color: #fff; }
      .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: #E42806; }
      .agent-day-availability-w .agent-timeslot.is-off:hover {
        background-color: #ff3030; }
    .agent-day-availability-w .agent-timeslot:hover {
      background-color: #1cd638; }
      .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: 500;
      letter-spacing: 1px; }
      .agent-day-availability-w:last-child .agent-timeslot-tick strong {
        display: block;
        color: black;
        font-size: 12px;
        line-height: 1; }
    .agent-day-availability-w:last-child .agent-timeslot.with-tick:after {
      display: block;
      content: "";
      position: absolute;
      width: 1px;
      left: 50%;
      height: 5px;
      bottom: -11px;
      background-color: rgba(0, 0, 0, 0.2); }

.quick-availability-per-day-w .ma-day:first-child .agent-day-availability-w .agent-timeslot .agent-timeslot-label {
  top: auto;
  bottom: 0px; }

.quick-availability-per-day-w .ma-day:first-child .agent-day-availability-w .agent-timeslot:hover .agent-timeslot-label {
  transform: translate(0%, 100%); }

.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 0 50px;
    margin-right: 20px;
    padding-top: 30px; }
    .agent-day-bookings-timeline-compact-w .agents-avatars .avatar-w {
      height: 50px;
      border-radius: 50%;
      background-size: cover;
      background-position: center center;
      margin-bottom: 20px;
      display: block;
      text-decoration: none;
      position: relative; }
      .agent-day-bookings-timeline-compact-w .agents-avatars .avatar-w span {
        display: none;
        position: absolute;
        bottom: 100%;
        left: 50%;
        background-color: #111;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        padding: 10px 15px;
        z-index: 9999;
        transform: translate(-50%, -5px);
        white-space: nowrap; }
      .agent-day-bookings-timeline-compact-w .agents-avatars .avatar-w:hover span {
        display: block; }
  .agent-day-bookings-timeline-compact-w .agents-timelines-w {
    flex: 1; }
  .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 {
      background-color: rgba(0, 0, 0, 0.05);
      position: absolute;
      z-index: 2;
      top: 20px;
      bottom: 20px;
      width: 1px; }
    .agent-day-bookings-timeline-compact-w .timeslot .timeslot-time {
      font-weight: 500;
      font-size: 12.8px;
      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: #8894AF;
        font-size: 9.6px;
        letter-spacing: 1px;
        text-transform: uppercase; }
  .agent-day-bookings-timeline-compact-w .agent-timeline-w {
    margin-bottom: 20px; }
    .agent-day-bookings-timeline-compact-w .agent-timeline-w .agent-timeline {
      height: 50px;
      background-color: #F2F5F8;
      position: relative; }
      .agent-day-bookings-timeline-compact-w .agent-timeline-w .agent-timeline .booking-block {
        height: 26px;
        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); }
        .agent-day-bookings-timeline-compact-w .agent-timeline-w .agent-timeline .booking-block.os-loading:after {
          display: block;
          content: "";
          width: 14px !important;
          height: 14px !important;
          border-bottom: 2px solid #fff;
          border-left: 2px solid #fff;
          border-top: 2px solid #fff;
          border-right: 2px solid rgba(255, 255, 255, 0);
          border-radius: 50%;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          animation: os-loading 700ms infinite linear;
          background-color: transparent !important; }
        .agent-day-bookings-timeline-compact-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; }
        .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: 44px;
    color: #0937ff;
    font-weight: 500;
    line-height: 1.2; }
  .os-info-tile .os-tile-info {
    flex: 1;
    padding-left: 25px; }
  .os-info-tile .os-tile-label {
    font-weight: 500;
    font-size: 17px; }
    .os-info-tile .os-tile-label + .os-tile-desc {
      margin-top: 5px; }
  .os-info-tile .os-tile-desc {
    color: #8894AF; }
  .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: 40px; }
    .os-info-tile.os-smaller .os-tile-label {
      font-size: 16px;
      color: #8894AF; }
  .os-info-tile.os-tile-with-progress {
    text-align: left;
    display: block;
    padding: 20px; }
    .os-info-tile.os-tile-with-progress .os-tile-value {
      font-size: 27px;
      display: inline-block;
      color: #38406d;
      vertical-align: bottom; }
    .os-info-tile.os-tile-with-progress .os-tile-label {
      font-size: 16px;
      color: #8894AF;
      display: inline-block;
      vertical-align: bottom; }
    .os-info-tile.os-tile-with-progress .os-tile-hor-progress-chart {
      margin-top: 10px;
      background-color: #ebeff3;
      border-radius: 4px; }
      .os-info-tile.os-tile-with-progress .os-tile-hor-progress-chart .os-tile-hor-progress-chart-value {
        height: 10px;
        background-color: #94eaba;
        border-radius: 4px;
        transition: width 0.2s ease; }

.os-sync-stat-tiles {
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-bottom: 20px; }
  .os-sync-stat-tiles .os-info-tile {
    margin-bottom: 10px;
    box-shadow: none;
    border-radius: 0px;
    padding: 0px; }
    .os-sync-stat-tiles .os-info-tile .latepoint-btn {
      float: right;
      margin-left: 15px;
      display: inline-block;
      vertical-align: bottom;
      padding: 2px 4px 3px !important; }
      .os-sync-stat-tiles .os-info-tile .latepoint-btn.os-syncing {
        border-color: #de2d2d !important;
        color: #de2d2d !important; }
        .os-sync-stat-tiles .os-info-tile .latepoint-btn.os-syncing i {
          animation: os-rotating 700ms infinite linear; }
      .os-sync-stat-tiles .os-info-tile .latepoint-btn.os-removing {
        border-color: #de2d2d !important;
        color: #de2d2d !important; }
        .os-sync-stat-tiles .os-info-tile .latepoint-btn.os-removing i {
          animation: os-rotating 700ms infinite linear; }

.service-type-donut-chart-w {
  padding: 15px;
  align-items: center;
  background-color: #fff;
  border: 1px solid #e0e1e8;
  border-radius: 3px;
  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: #0937ff;
  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: 500; }
    .chart-labels .chart-label .value {
      color: #8894AF;
      font-size: 12.8px; }

.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-time-left {
  background-color: #12173A;
  color: #fff;
  font-size: 17px;
  padding: 2px 5px;
  line-height: 1.2;
  margin-left: auto; }

.appointment-box-detailed .appointment-sub-info {
  display: flex;
  align-items: flex-start;
  margin-top: 15px; }
  .appointment-box-detailed .appointment-sub-info .appointment-person-info {
    display: flex;
    padding-right: 20px;
    min-width: 200px; }
    .appointment-box-detailed .appointment-sub-info .appointment-person-info .avatar-w {
      background-size: cover;
      background-position: center center;
      width: 40px;
      height: 40px;
      display: block;
      border-radius: 50%;
      margin-right: 10px; }
    .appointment-box-detailed .appointment-sub-info .appointment-person-info + .appointment-person-info {
      padding-left: 20px;
      border-left: 1px solid rgba(0, 0, 0, 0.05); }
  .appointment-box-detailed .appointment-sub-info .agent-label {
    color: #8894AF;
    margin-bottom: 2px; }
  .appointment-box-detailed .appointment-sub-info .agent-name {
    font-size: 17px;
    font-weight: 500;
    color: #2D303A; }

.appointment-box-detailed .appointment-service-name {
  font-size: 22px;
  color: #0937ff;
  font-weight: 500;
  margin-right: auto;
  border-bottom: 1px dotted rgba(9, 55, 255, 0.6);
  display: inline-block; }

.appointment-box-detailed .appointment-date-w .appointment-date {
  color: #8894AF;
  display: inline-block; }

.appointment-box-detailed .appointment-date-w .appointment-time {
  display: inline-block;
  color: #0937ff;
  margin-left: 3px;
  font-weight: 500; }

.appointment-boxes-squared-w {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px; }
  .appointment-boxes-squared-w .appointment-boxes-caption {
    flex: 0 0 26px;
    width: 26px;
    border: 1px solid #0937ff;
    color: #0937ff;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 4px 4px 0px 0px rgba(9, 55, 255, 0.1);
    position: relative; }
    .appointment-boxes-squared-w .appointment-boxes-caption div {
      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: 500; }

.appointment-box-squared {
  flex-basis: 250px;
  background-color: #fff;
  border: 1px solid #e0e1e8;
  border-radius: 3px;
  border-top-left-radius: 0px;
  display: flex;
  flex-direction: column;
  position: relative;
  cursor: pointer;
  transition: all 0.1s ease-in;
  margin-left: 20px; }
  .appointment-box-squared:hover {
    transform: translateY(-3px);
    z-index: 2; }
    .appointment-box-squared:hover .appointment-sub-info {
      display: block; }
  .appointment-box-squared.os-loading:after {
    display: block;
    content: "";
    width: 14px !important;
    height: 14px !important;
    border-bottom: 2px solid #0937ff;
    border-left: 2px solid #0937ff;
    border-top: 2px solid #0937ff;
    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;
    right: 5px;
    left: auto;
    top: 14px;
    transform: none; }
  .appointment-box-squared .appointment-main-info {
    padding: 20px;
    position: relative;
    background-color: #fff;
    border-radius: 0px 3px 0px 0px; }
    .appointment-box-squared .appointment-main-info .appointment-color-elem {
      position: absolute;
      top: -1px;
      left: -1px;
      bottom: -1px;
      width: 2px;
      transition: all 0.1s ease-in; }
  .appointment-box-squared .appointment-sub-info {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px 0px 3px 3px; }
    .appointment-box-squared .appointment-sub-info .appointment-person-info {
      padding: 15px 20px;
      text-align: left;
      display: flex;
      align-items: center; }
      .appointment-box-squared .appointment-sub-info .appointment-person-info .avatar-w {
        background-size: cover;
        background-position: center center;
        width: 35px;
        height: 35px;
        display: block;
        border-radius: 50%;
        margin-right: 15px; }
    .appointment-box-squared .appointment-sub-info .agent-label {
      color: #8894AF;
      margin-bottom: 1px; }
    .appointment-box-squared .appointment-sub-info .agent-name {
      font-size: 17px;
      font-weight: 500;
      color: #2D303A; }
  .appointment-box-squared .appointment-service-name {
    font-size: 19px;
    color: #2D303A;
    font-weight: 500;
    margin-right: auto;
    margin-bottom: 10px; }
  .appointment-box-squared .appointment-time-left {
    border: 1px solid #0937ff;
    color: #0937ff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 17px;
    padding: 5px 5px;
    line-height: 1.2;
    border-radius: 4px;
    margin-right: 10px; }
  .appointment-box-squared .appointment-date-w {
    display: flex;
    align-items: center; }
    .appointment-box-squared .appointment-date-w .appointment-date {
      color: #8894AF; }
    .appointment-box-squared .appointment-date-w .appointment-time {
      color: #0937ff;
      font-weight: 500;
      font-size: 17px; }
    .appointment-box-squared .appointment-date-w .avatar-w {
      margin-left: auto;
      background-size: cover;
      background-position: center center;
      width: 40px;
      height: 40px;
      display: block;
      border-radius: 50%;
      position: relative; }
      .appointment-box-squared .appointment-date-w .avatar-w .agent-info-tooltip {
        display: none;
        position: absolute;
        bottom: 100%;
        left: 50%;
        background-color: #111;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        padding: 10px 15px;
        z-index: 9999;
        transform: translate(-50%, -5px);
        white-space: nowrap; }
      .appointment-box-squared .appointment-date-w .avatar-w:hover .agent-info-tooltip {
        display: block; }
  .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: #8894AF; }
      .appointment-box-squared .appointment-capacity-info .appointment-capacity-info-label strong {
        color: #2D303A; }
  .appointment-box-squared .appointment-capacity-progress-w {
    background-color: rgba(9, 55, 255, 0.1); }
    .appointment-box-squared .appointment-capacity-progress-w .appointment-capacity-progress {
      height: 10px;
      background-color: #0937ff; }

.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: 35px;
  font-weight: 500;
  line-height: 1.3; }

.os-widget-stats .stats-grid-label {
  color: #8894AF;
  font-size: 17px; }

.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: #8894AF;
    margin-left: 3px; }
  .os-widget-stats .stats-progress-w .stats-progress-sub-value {
    margin-left: auto;
    color: #0937ff; }
  .os-widget-stats .stats-progress-w .stats-progress-sub-label {
    color: #8894AF;
    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;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.os-widget .stats-tab {
  flex: 1;
  padding: 20px 30px 27px 30px;
  position: relative; }
  .os-widget .stats-tab.active {
    background-color: #fff; }
    .os-widget .stats-tab.active .stats-tab-value {
      color: #0937ff;
      line-height: 1.1; }
  .os-widget .stats-tab + .stats-tab {
    border-left: 1px solid rgba(0, 0, 0, 0.1); }

.os-widget .stats-tab-value {
  font-size: 34px;
  font-weight: 500;
  line-height: 1.2;
  color: #3c445f; }
  .os-widget .stats-tab-value .stats-change {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 13px;
    color: #2D303A;
    cursor: pointer; }
    .os-widget .stats-tab-value .stats-change .stats-change-value {
      display: block;
      position: relative;
      padding: 3px 6px;
      padding-right: 20px;
      border: 1px solid #eee;
      border-radius: 4px; }
      .os-widget .stats-tab-value .stats-change .stats-change-value:after {
        position: absolute;
        content: "";
        top: 40%;
        right: 5px;
        width: 0px;
        height: 0px;
        border: 5px solid transparent;
        transform: translateY(-50%); }
    .os-widget .stats-tab-value .stats-change .stats-change-label {
      white-space: nowrap;
      display: none;
      position: absolute;
      top: 0px;
      right: 0px;
      padding: 3px 6px;
      background-color: #fff;
      border: 1px solid #0937ff;
      border-radius: 4px;
      z-index: 9999;
      color: #0937ff; }
    .os-widget .stats-tab-value .stats-change span {
      display: block; }
    .os-widget .stats-tab-value .stats-change:hover .stats-change-label {
      display: block; }
    .os-widget .stats-tab-value .stats-change:hover .stats-change-value {
      opacity: 0; }
    .os-widget .stats-tab-value .stats-change.change-positive .stats-change-label {
      border-color: #09a579;
      color: #09a579; }
    .os-widget .stats-tab-value .stats-change.change-positive .stats-change-value {
      border-color: #09a579;
      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 {
  color: #8894AF;
  font-size: 18px; }

.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 25%;
  padding-bottom: 40px;
  padding-top: 0px;
  position: relative;
  border-left: 1px solid rgba(0, 0, 0, 0.05); }
  .os-widget .stats-donut-chart-w canvas {
    margin: 0px auto; }
  .os-widget .stats-donut-chart-w .status-donut-label {
    display: none;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    color: #2D303A;
    font-size: 11px;
    margin-top: 15px;
    letter-spacing: 2px; }

.os-widget-today-info {
  border: none;
  margin-bottom: 0px; }
  .os-widget-today-info .day-info-progress {
    background-color: rgba(255, 255, 255, 0.2);
    display: flex; }
    .os-widget-today-info .day-info-progress .di-progress-value {
      height: 8px;
      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: 17px; }
        .os-widget-today-info .day-info-progress .di-progress-value .progress-label-w .progress-label {
          color: rgba(255, 255, 255, 0.6);
          font-size: 11px;
          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: 68px;
    line-height: 1;
    color: #2D303A;
    font-weight: 500; }
  .os-widget-today-info .counter-label {
    color: #8894AF;
    font-size: 22px; }
  .os-widget-today-info .day-sub-info {
    margin-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.05); }
  .os-widget-today-info .day-sub-info-col {
    padding: 15px 0px; }
    .os-widget-today-info .day-sub-info-col + .day-sub-info-col {
      border-top: 1px solid rgba(0, 0, 0, 0.05); }
    .os-widget-today-info .day-sub-info-col.with-avatars {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .os-widget-today-info .day-sub-info-col.with-avatars .agents-on-duty-avatars {
        margin-left: 20px;
        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: 45px;
        height: 45px;
        display: block;
        border-radius: 50%;
        box-shadow: 0px 0px 0px 2px #fff;
        margin-right: -10px; }
        .os-widget-today-info .day-sub-info-col.with-avatars .avatar-w:first-child {
          margin-right: 0px; }
  .os-widget-today-info .sub-info-value {
    color: #0937ff;
    font-size: 20px;
    font-weight: 500;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 5px;
    padding-right: 10px;
    border-right: 1px solid rgba(0, 0, 0, 0.1); }
    .os-widget-today-info .sub-info-value:last-child {
      border-right: none;
      margin-right: 0px;
      padding-right: 0px; }
  .os-widget-today-info .sub-info-label {
    color: #8894AF;
    font-size: 16px;
    margin-bottom: 5px; }

.timeline-with-info-w {
  align-items: center;
  display: flex; }
  .timeline-with-info-w .timeline-side-w {
    flex: 1; }
  .timeline-with-info-w .timeline-info-w {
    margin-left: 40px;
    padding-left: 40px;
    padding-right: 20px;
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    flex: 0 0 320px; }
    .timeline-with-info-w .timeline-info-w .os-add-box {
      border: none;
      background-color: #0937ff;
      padding: 10px;
      margin-top: 15px; }
      .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: #0937ff;
          box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.1); }

.pickr {
  position: relative;
  overflow: visible; }

.pickr .pcr-button {
  position: relative;
  height: 18px;
  width: 18px;
  border-radius: 9px;
  cursor: pointer;
  background: transparent;
  transition: background-color 0.3s; }
  .pickr .pcr-button::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    background-size: 0.5em;
    border-radius: 0.15em;
    z-index: -1; }
  .pickr .pcr-button::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" stroke="%2342445A" stroke-width="5px" stroke-linecap="round"><path d="M45,45L5,5"></path><path d="M45,5L5,45"></path></svg>') no-repeat center;
    background-size: 70%;
    opacity: 0; }
  .pickr .pcr-button.clear::after {
    opacity: 1; }
  .pickr .pcr-button.disabled {
    cursor: not-allowed; }

.pcr-app {
  z-index: 999;
  position: absolute;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0.2em 1.5em 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  top: 5px;
  height: 15em;
  width: 220px;
  max-width: 220px;
  padding: 15px;
  border-radius: 4px;
  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;
  margin: 1em -0.2em 0 -0.2em; }
  .pcr-app .pcr-interaction > * {
    margin: 0 0.2em; }
  .pcr-app .pcr-interaction input {
    padding: 0.5em 0.6em;
    border: none;
    outline: none;
    letter-spacing: 0.07em;
    font-size: 0.75em;
    text-align: center;
    cursor: pointer;
    color: #c4c4c4;
    background: #f8f8f8;
    border-radius: 0.15em;
    transition: all 0.15s; }
    .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: 0.15em;
    background: #f8f8f8;
    cursor: text;
    padding-left: 0.8em; }
    .pcr-app .pcr-interaction .pcr-result:focus {
      color: #0937ff; }
    .pcr-app .pcr-interaction .pcr-result::selection {
      background: #0937ff;
      color: #fff; }
  .pcr-app .pcr-interaction .pcr-type.active {
    color: #fff;
    background: #0937ff; }
  .pcr-app .pcr-interaction .pcr-clear,
  .pcr-app .pcr-interaction .pcr-save {
    color: #fff;
    width: 100%; }
  .pcr-app .pcr-interaction .pcr-save {
    background: #0937ff; }
    .pcr-app .pcr-interaction .pcr-save:hover {
      background: #4370f4;
      color: #fff; }
  .pcr-app .pcr-interaction .pcr-clear {
    background: #f44250; }
    .pcr-app .pcr-interaction .pcr-clear:hover {
      background: #db3d49;
      color: #fff; }

.pcr-app .pcr-selection {
  display: flex;
  justify-content: space-between;
  flex-grow: 1; }
  .pcr-app .pcr-selection .pcr-picker {
    position: absolute;
    height: 18px;
    width: 18px;
    border: 2px solid #fff;
    border-radius: 100%;
    user-select: none;
    cursor: -moz-grab;
    cursor: -webkit-grabbing; }
  .pcr-app .pcr-selection .pcr-color-preview {
    position: relative;
    z-index: 1;
    width: 2em;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .pcr-app .pcr-selection .pcr-color-preview::before {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
      background-size: 0.5em;
      border-radius: 0.15em;
      z-index: -1; }
    .pcr-app .pcr-selection .pcr-color-preview .pcr-last-color {
      cursor: pointer;
      transition: background-color 0.3s;
      border-radius: 0.15em 0.15em 0 0; }
    .pcr-app .pcr-selection .pcr-color-preview .pcr-current-color {
      border-radius: 0 0 0.15em 0.15em; }
    .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: 0.15em; }
      .pcr-app .pcr-selection .pcr-color-palette .pcr-palette::before {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
        background-size: 0.5em;
        border-radius: 0.15em;
        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: 8px;
    height: 100%;
    border-radius: 50em; }
  .pcr-app .pcr-selection .pcr-color-chooser .pcr-slider {
    background: linear-gradient(to bottom, red, yellow, lime, cyan, blue, magenta, red); }
  .pcr-app .pcr-selection .pcr-color-opacity .pcr-slider {
    background: linear-gradient(to bottom, transparent, black), url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    background-size: 100%, 50%; }

.latepoint-message {
  border-radius: 4px; }
  .latepoint-message.latepoint-message-success {
    padding: 10px 15px;
    font-weight: 500;
    margin-bottom: 15px;
    background: #aeffbe;
    color: #258432;
    text-align: center; }
  .latepoint-message.latepoint-message-error {
    padding: 10px 15px;
    font-weight: 500;
    margin-bottom: 15px;
    background: #ffe2e2;
    color: #5d1a1a;
    text-align: center; }
  .latepoint-message.latepoint-message-info {
    padding: 10px 15px;
    font-weight: 500;
    margin-bottom: 15px;
    background: #d5dcff;
    color: #181b2d;
    text-align: center; }
  .latepoint-message.latepoint-message-subtle {
    padding: 10px 15px;
    font-weight: 500;
    margin-bottom: 20px;
    background: #f9f9f9;
    color: #8894AF;
    border: 2px solid #e7e7ef; }
    .latepoint-message.latepoint-message-subtle:last-child {
      margin-bottom: 0px; }
  .latepoint-message h3 {
    margin-top: 0px;
    margin-bottom: 5px; }

.quick-availability-per-day-w {
  position: fixed;
  bottom: 0px;
  top: 0px;
  right: 380px;
  width: 740px;
  background-color: #fff;
  z-index: 9999;
  padding: 55px 0px 20px;
  border-right: 1px solid rgba(0, 0, 0, 0.1); }
  .quick-availability-per-day-w .separate-timeslots-w {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-left: 80px;
    padding-right: 20px;
    height: 45px; }
    .quick-availability-per-day-w .separate-timeslots-w .separate-timeslot {
      flex-grow: 1;
      position: relative; }
      .quick-availability-per-day-w .separate-timeslots-w .separate-timeslot .separate-timeslot-tick {
        position: absolute;
        display: block;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 9.6px;
        text-align: center;
        color: rgba(0, 0, 0, 0.4);
        text-transform: uppercase;
        line-height: 1.4;
        font-weight: 500; }
        .quick-availability-per-day-w .separate-timeslots-w .separate-timeslot .separate-timeslot-tick strong {
          display: block;
          color: black;
          font-size: 12.8px;
          line-height: 1; }
      .quick-availability-per-day-w .separate-timeslots-w .separate-timeslot.with-tick:after {
        display: block;
        content: "";
        position: absolute;
        width: 1px;
        left: 50%;
        height: 4px;
        bottom: 4px;
        background-color: rgba(0, 0, 0, 0.2); }
  .quick-availability-per-day-w .os-form-header {
    padding: 13px 25px; }
    .quick-availability-per-day-w .os-form-header h2 {
      display: inline-block;
      vertical-align: middle; }
    .quick-availability-per-day-w .os-form-header select {
      display: inline-block;
      vertical-align: middle;
      margin-left: 5px; }
  .quick-availability-per-day-w .latepoint-quick-availability-close {
    position: absolute;
    top: 14px;
    right: 18px;
    font-size: 18px;
    color: #333;
    text-decoration: none;
    display: block;
    transition: all 0.6s ease;
    outline: none;
    box-shadow: none;
    z-index: 3; }
    .quick-availability-per-day-w .latepoint-quick-availability-close:focus {
      outline: none; }
  .quick-availability-per-day-w .ma-month-label {
    color: #0937ff;
    font-size: 20.8px;
    padding: 10px 0px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 20px;
    border-bottom: 1px dashed #0937ff; }
  .quick-availability-per-day-w .ma-day {
    display: flex;
    border-bottom: 1px solid #eee;
    padding: 4px 20px; }
    .quick-availability-per-day-w .ma-day:hover {
      box-shadow: 0px -1px 0px 0px rgba(9, 55, 255, 0.5);
      border-bottom-color: rgba(9, 55, 255, 0.5) !important; }
      .quick-availability-per-day-w .ma-day:hover .ma-day-number {
        color: #0937ff;
        transform: scale(1.2); }
    .quick-availability-per-day-w .ma-day.ma-day-number-6, .quick-availability-per-day-w .ma-day.ma-day-number-7 {
      background-color: #f7f7fb; }
    .quick-availability-per-day-w .ma-day.ma-day-number-7 {
      border-bottom-color: #ddd; }
    .quick-availability-per-day-w .ma-day .agent-day-availability-w {
      flex: 1;
      margin: 0px;
      padding: 0px; }
      .quick-availability-per-day-w .ma-day .agent-day-availability-w .agent-timeslot {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
        height: 20px; }
        .quick-availability-per-day-w .ma-day .agent-day-availability-w .agent-timeslot.selected {
          background-color: #1cd638; }
        .quick-availability-per-day-w .ma-day .agent-day-availability-w .agent-timeslot .agent-timeslot-label {
          border-radius: 0px;
          left: 0px;
          top: 0px;
          transform: translate(0%, -100%); }
      .quick-availability-per-day-w .ma-day .agent-day-availability-w .agent-timeslot-tick {
        display: none; }
      .quick-availability-per-day-w .ma-day .agent-day-availability-w .agent-timeslot.with-tick:after {
        display: none; }
    .quick-availability-per-day-w .ma-day .ma-day-info {
      flex: 0 0 60px;
      padding-left: 5px;
      font-weight: 500; }
      .quick-availability-per-day-w .ma-day .ma-day-info .ma-day-number {
        display: inline-block;
        vertical-align: middle;
        transition: all 0.2s ease; }
      .quick-availability-per-day-w .ma-day .ma-day-info .ma-day-weekday {
        color: #8894AF;
        font-size: 11.2px;
        margin-left: 5px;
        text-transform: uppercase;
        letter-spacing: 1px;
        display: inline-block;
        vertical-align: middle; }
  .quick-availability-per-day-w .os-availability-days {
    overflow: scroll;
    height: 100%;
    padding-bottom: 0px; }
    .quick-availability-per-day-w .os-availability-days:after {
      content: "";
      height: 30px;
      display: block; }
  .quick-availability-per-day-w .os-availability-next-w {
    padding: 15px 20px 0px; }
  .quick-availability-per-day-w .os-availability-controls {
    position: absolute;
    bottom: 10px;
    left: -10px;
    transform: translateX(-100%); }
    .quick-availability-per-day-w .os-availability-controls a {
      background-color: rgba(255, 255, 255, 0.6);
      display: block;
      padding: 4px 5px;
      text-decoration: none;
      color: #38406d;
      font-size: 16px; }
      .quick-availability-per-day-w .os-availability-controls a + a {
        margin-top: 10px; }
      .quick-availability-per-day-w .os-availability-controls a:hover {
        background-color: #fff;
        color: #0937ff; }

.agent-availability-timeslots-for-period {
  padding: 10px; }
  .agent-availability-timeslots-for-period .ma-month-label {
    color: #0937ff;
    font-size: 20.8px;
    padding: 10px 0px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 20px;
    border-bottom: 1px dashed #0937ff; }
  .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(9, 55, 255, 0.5);
      border-bottom-color: rgba(9, 55, 255, 0.5) !important; }
      .agent-availability-timeslots-for-period .ma-day:hover .ma-day-number {
        color: #0937ff;
        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: #1cd638; }
        .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: 500; }
      .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: #8894AF;
        font-size: 11.2px;
        margin-left: 5px;
        text-transform: uppercase;
        letter-spacing: 1px;
        display: inline-block;
        vertical-align: middle; }

.os-wizard-setup-w {
  margin: 40px auto;
  background-color: #fff;
  width: 580px;
  border-radius: 0px;
  position: relative;
  border-radius: 4px;
  border: 1px solid #e3e4ec;
  animation: 0.5s cubic-bezier(0.25, 1.3, 0.5, 1.15) 0s wizardWrapperAnimation;
  animation-fill-mode: both; }
  .os-wizard-setup-w .os-wizard-close-trigger {
    position: absolute;
    top: -25px;
    line-height: 1.2;
    right: 0px;
    font-size: 12px;
    color: #b71638; }
    .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: #0937ff;
        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: #0937ff;
          text-transform: uppercase;
          font-weight: 500;
          letter-spacing: 2px;
          margin-bottom: 3px;
          font-size: 14.4px;
          opacity: 0.5; }
        .os-wizard-setup-w .os-wizard-setup-i .os-wizard-steps-w .os-wizard-step .ws-name {
          font-size: 19.2px;
          color: #0E3280;
          opacity: 0.4;
          font-weight: 500; }
        .os-wizard-setup-w .os-wizard-setup-i .os-wizard-steps-w .os-wizard-step.current .ws-number {
          color: #0937ff;
          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(5px); }
      .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(-5px); }
      .os-wizard-setup-w .os-wizard-setup-i .os-wizard-step-content-w .os-wizard-step-content {
        padding: 40px; }
  .os-wizard-setup-w .os-wizard-sub-header {
    color: #0937ff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 15px;
    margin-bottom: 0px;
    margin-top: 0px;
    text-align: center; }
  .os-wizard-setup-w .os-wizard-header {
    font-size: 33px;
    margin: 10px 0px 10px 0px;
    text-align: center; }
  .os-wizard-setup-w .os-wizard-desc {
    color: #8894AF;
    margin-bottom: 30px;
    text-align: center;
    font-size: 17px;
    line-height: 1.3; }
  .os-wizard-setup-w .os-form-w {
    margin: 0px; }
    .os-wizard-setup-w .os-form-w form > .os-form-group:last-child {
      margin-bottom: 0px; }
  .os-wizard-setup-w.step-intro {
    text-align: center;
    width: 450px; }
    .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: 70px;
        color: #0937ff; }
    .os-wizard-setup-w.step-intro .latepoint-btn {
      padding: 15px 25px 18px 30px !important; }
      .os-wizard-setup-w.step-intro .latepoint-btn i {
        margin-left: 20px; }
  .os-wizard-setup-w.step-complete {
    text-align: center; }
    .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 25px 18px 30px !important; }
      .os-wizard-setup-w.step-complete .latepoint-btn i {
        margin-left: 20px; }
  .os-wizard-setup-w.step-agents .agent-boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; }
    .os-wizard-setup-w.step-agents .agent-boxes .agent-box-w {
      background-color: #fff;
      border: 1px solid #e3e4ec;
      padding: 15px;
      flex: 0 0 30%;
      text-align: center;
      margin-right: 5%;
      cursor: pointer;
      position: relative;
      border-radius: 4px;
      transition: all 0.2s ease;
      position: relative; }
      .os-wizard-setup-w.step-agents .agent-boxes .agent-box-w.os-loading:after {
        display: block;
        content: "";
        width: 82px !important;
        height: 82px !important;
        border-bottom: 2px solid #0937ff;
        border-left: 2px solid #0937ff;
        border-top: 2px solid #0937ff;
        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;
        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: #0937ff;
        transform: translateY(-3px);
        box-shadow: 0px 0px 0px 1px #0937ff; }
        .os-wizard-setup-w.step-agents .agent-boxes .agent-box-w:hover .agent-name {
          color: #0937ff; }
        .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: 500;
      color: #1B3164;
      font-size: 19.2px;
      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: #0937ff;
      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;
    border-radius: 4px;
    flex: 0 0 30%;
    text-align: center;
    padding: 18px;
    cursor: pointer;
    margin: 0px;
    transition: all 0.2s ease; }
    .os-wizard-setup-w.step-agents .add-agent-box:nth-child(n+4) {
      margin-top: 5%; }
    .os-wizard-setup-w.step-agents .add-agent-box.os-loading {
      animation: animate_appointment_small_box 0.8s ease infinite; }
      .os-wizard-setup-w.step-agents .add-agent-box.os-loading .add-agent-plus {
        color: rgba(255, 255, 255, 0.4); }
        .os-wizard-setup-w.step-agents .add-agent-box.os-loading .add-agent-plus:after {
          display: block;
          content: "";
          width: 42px !important;
          height: 42px !important;
          border-bottom: 2px solid #0937ff;
          border-left: 2px solid #0937ff;
          border-top: 2px solid #0937ff;
          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; }
    .os-wizard-setup-w.step-agents .add-agent-box .add-agent-graphic-w {
      width: 80px;
      height: 80px;
      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: 80px;
        height: 80px;
        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: #0937ff;
        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: #0937ff;
      font-weight: 500;
      font-size: 19.2px; }
    .os-wizard-setup-w.step-agents .add-agent-box:hover {
      border-color: #0937ff;
      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; }
    .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 {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 20px;
    border: 2px solid #f3f5f7;
    border-radius: 4px;
    padding: 15px;
    display: flex;
    border-radius: 3px; }
    .os-wizard-setup-w.step-services .os-agents-selector .agent {
      flex: 0 0 29%;
      border-radius: 4px;
      background-color: #F3F5F7;
      border: 2px solid #F3F5F7;
      margin: 2%;
      padding: 15px 10px;
      text-align: center;
      cursor: pointer;
      position: relative; }
      .os-wizard-setup-w.step-services .os-agents-selector .agent:before {
        background-color: #fff;
        color: #fff;
        padding: 2px;
        font-size: 12px;
        font-family: 'latepointadmin' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        position: absolute;
        top: 15px;
        left: 7px;
        display: block;
        border-radius: 5px;
        transform: translateY(-50%);
        box-shadow: inset 0px 0px 0px 2px #DDE3ED; }
      .os-wizard-setup-w.step-services .os-agents-selector .agent:hover {
        border-color: #0937ff; }
      .os-wizard-setup-w.step-services .os-agents-selector .agent.active {
        border-color: #0937ff;
        background-color: #F1F5FF; }
        .os-wizard-setup-w.step-services .os-agents-selector .agent.active:before {
          background-color: #0937ff;
          box-shadow: none; }
        .os-wizard-setup-w.step-services .os-agents-selector .agent.active .agent-name {
          color: #0028d5; }
        .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: 500;
      color: #1B3164;
      font-size: 17.6px; }
  .os-wizard-setup-w.step-services .service-boxes .service-box-w {
    padding: 13px;
    background-color: #fff;
    border: 1px solid #e3e4ec;
    border-radius: 3px;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative; }
    .os-wizard-setup-w.step-services .service-boxes .service-box-w.os-loading:after {
      display: block;
      content: "";
      width: 15px !important;
      height: 15px !important;
      border-bottom: 2px solid #0937ff;
      border-left: 2px solid #0937ff;
      border-top: 2px solid #0937ff;
      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;
      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: #0937ff;
      box-shadow: 0px 0px 0px 1px #0937ff;
      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: 'latepointadmin' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        position: absolute;
        top: 50%;
        left: 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: 500;
      color: #1B3164;
      font-size: 19.2px;
      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;
    border-radius: 3px;
    transition: all 0.2s ease; }
    .os-wizard-setup-w.step-services .service-boxes .add-service-box.os-loading {
      animation: animate_appointment_small_box 0.8s ease infinite; }
      .os-wizard-setup-w.step-services .service-boxes .add-service-box.os-loading .add-service-plus {
        color: rgba(255, 255, 255, 0.4); }
        .os-wizard-setup-w.step-services .service-boxes .add-service-box.os-loading .add-service-plus:after {
          display: block;
          content: "";
          width: 42px !important;
          height: 42px !important;
          border-bottom: 2px solid #0937ff;
          border-left: 2px solid #0937ff;
          border-top: 2px solid #0937ff;
          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; }
    .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: #0937ff;
        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: #0937ff;
      font-weight: 500;
      font-size: 19.2px;
      margin-left: 15px; }
    .os-wizard-setup-w.step-services .service-boxes .add-service-box:hover {
      border-color: #0937ff;
      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 4px #F3F5F7; }
        .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: 12.8px;
        font-weight: 500;
        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: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    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: 500; }
    .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; }
    .os-wizard-setup-w .os-wizard-footer .os-wizard-prev-btn {
      margin-right: auto; }
    .os-wizard-setup-w .os-wizard-footer > a {
      box-shadow: none;
      text-decoration: none; }
      .os-wizard-setup-w .os-wizard-footer > a i, .os-wizard-setup-w .os-wizard-footer > a span {
        display: inline-block;
        vertical-align: middle; }
      .os-wizard-setup-w .os-wizard-footer > a i + span {
        margin-left: 10px; }
      .os-wizard-setup-w .os-wizard-footer > a span + i {
        margin-left: 10px; }

.latepoint-system-status-w {
  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);
  padding: 30px; }
  .latepoint-system-status-w ul {
    list-style: none;
    margin: 0px;
    padding: 0px; }
    .latepoint-system-status-w ul li {
      padding: 10px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
      .latepoint-system-status-w ul li:last-child {
        border-bottom: none; }

.version-status-info > span.loading,
.addons-info-holder > span.loading,
.version-log-w > span.loading {
  position: relative;
  display: block;
  text-align: center;
  padding: 20px;
  padding-top: 40px;
  font-weight: 500;
  border: 2px dashed rgba(0, 0, 0, 0.1); }
  .version-status-info > span.loading:after,
  .addons-info-holder > span.loading:after,
  .version-log-w > span.loading:after {
    display: block;
    content: "";
    width: 14px;
    height: 14px;
    border-bottom: 2px solid #38406d;
    border-left: 2px solid #38406d;
    border-top: 2px solid #38406d;
    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: 3px; }
  .version-log-w h3 {
    margin-top: 0px;
    color: #0937ff; }
  .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: 500;
      font-size: 19.2px; }
    .version-log-w .version-head .version-release-date {
      color: #8894AF; }
  .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 10px 30px 0 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: 'latepointadmin' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      color: #41b128; }
  .version-log-w .version-fix {
    margin-bottom: 10px; }
    .version-log-w .version-fix:before {
      font-family: 'latepointadmin' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      color: #d2a92c; }

.version-status-info {
  margin-bottom: 40px; }

.new-version-message {
  background-color: #d41005;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.4;
  padding: 30px;
  font-size: 17px;
  font-weight: 500;
  overflow: hidden;
  position: relative;
  border-radius: 3px; }
  .new-version-message.is-latest {
    background-color: #54bb90; }
  .new-version-message:before {
    content: "";
    background-color: rgba(255, 255, 255, 0.05);
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100px;
    height: 100px; }
  .new-version-message:after {
    content: "";
    background-color: rgba(255, 255, 255, 0.05);
    position: absolute;
    top: 0px;
    right: 0px;
    width: 150px;
    height: 150px; }
  .new-version-message h3 {
    color: #fff;
    margin-top: 0px;
    margin-bottom: 10px; }
  .new-version-message a {
    margin-top: 20px;
    font-size: 16px;
    padding: 4px 8px; }

.license-form-w {
  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);
  padding: 30px;
  margin-top: 0px; }
  .license-form-w .os-form-w {
    margin: 0px; }
  .license-form-w h3 {
    margin-top: 0px;
    color: #0937ff; }
  .license-form-w form > .os-form-group:last-child {
    margin-bottom: 0px; }

.lateselect-w {
  position: relative;
  font-weight: 500;
  font-size: 16px;
  border-radius: 4px;
  user-select: none; }
  .lateselect-w .ls-placeholder {
    position: absolute;
    top: 50%;
    left: 5px;
    color: #8894AF;
    font-weight: 500;
    transform: translateY(-50%); }
  .lateselect-w .ls-selected-items-w {
    min-height: 37px;
    border: 1px solid #d6d6e1;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    padding: 5px 0px 0px 5px;
    cursor: pointer; }
    .lateselect-w .ls-selected-items-w:hover {
      border-color: #ababbf; }
    .lateselect-w .ls-selected-items-w .ls-item {
      padding: 2px 7px;
      border-radius: 4px;
      border: 1px solid #0937ff;
      background-color: #e9eeff;
      color: #0937ff;
      margin-right: 5px;
      margin-bottom: 5px; }
      .lateselect-w .ls-selected-items-w .ls-item span {
        display: inline-block;
        vertical-align: middle; }
      .lateselect-w .ls-selected-items-w .ls-item span + span {
        margin-left: 5px; }
  .lateselect-w .ls-all-items-w {
    display: none;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    transform: translateY(100%);
    background-color: #fff;
    z-index: 999;
    border: 1px solid #ababbf;
    border-bottom-color: #9c9ead;
    border-top: none;
    border-radius: 0px 0px 4px 4px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15), 0px 3px 10px rgba(0, 0, 0, 0.1); }
    .lateselect-w .ls-all-items-w .ls-item {
      border-bottom: 1px solid #eee;
      padding: 10px 10px; }
      .lateselect-w .ls-all-items-w .ls-item.selected {
        color: #8894AF; }
      .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: #0937ff;
        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: 4px 4px 0px 0px; }

.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: 3px;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 500; }

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
  display: none; }

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc; }

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent; }

.daterangepicker.opensleft:before {
  right: 9px; }

.daterangepicker.opensleft:after {
  right: 10px; }

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto; }

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto; }

.daterangepicker.opensright:before {
  left: 9px; }

.daterangepicker.opensright:after {
  left: 10px; }

.daterangepicker.drop-up {
  margin-top: -7px; }

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc; }

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff; }

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none; }

.daterangepicker.single .drp-selected {
  display: none; }

.daterangepicker.show-calendar .drp-calendar {
  display: block; }

.daterangepicker.show-calendar .drp-buttons {
  display: block; }

.daterangepicker.auto-apply .drp-buttons {
  display: none; }

.daterangepicker .drp-buttons .drp-selected {
  display: none; }

.daterangepicker .drp-buttons button {
  cursor: pointer; }

.daterangepicker .drp-buttons .btn-primary {
  background-color: #0937ff;
  color: #fff;
  border: none;
  box-shadow: none;
  font-weight: 500;
  border-radius: 4px;
  margin-left: auto; }

.daterangepicker .drp-buttons .btn-default {
  background-color: #EDEFF6;
  color: #252C39;
  border: none;
  box-shadow: none;
  font-weight: 500;
  border-radius: 4px;
  margin-right: auto; }

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px; }

.daterangepicker .drp-calendar.left {
  padding: 10px 0 10px 15px; }
  .daterangepicker .drp-calendar.left.single {
    padding: 15px; }
    .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: 24px;
  line-height: 24px;
  font-size: 14px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer; }

.daterangepicker .calendar-table th {
  color: #0937ff; }
  .daterangepicker .calendar-table th.month {
    color: #38406d; }

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  background-color: #fff; }

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse; }

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #0937ff;
  color: #fff; }
  .daterangepicker td.available:hover span, .daterangepicker th.available:hover span {
    border-color: #0937ff; }

.daterangepicker th.available.next:hover,
.daterangepicker th.available.prev:hover {
  color: #0937ff;
  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; }

.daterangepicker td.in-range {
  background-color: #e3eaff;
  border-color: transparent;
  color: #262c4e;
  border-radius: 0; }

.daterangepicker td.start-date {
  border-radius: 0px 0 0 0px; }

.daterangepicker td.end-date {
  border-radius: 0 0px 0px 0; }

.daterangepicker td.start-date.end-date {
  border-radius: 0px; }

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #0937ff;
  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: 12px;
  font-weight: 500;
  padding: 4px 8px; }

.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; } }

@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 (max-width: 600px) {
  .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; }
  .bookings-daily-agents.is-single .bookings-daily-agents-contents {
    display: block; }
    .bookings-daily-agents.is-single .bookings-daily-agents-contents .daily-agent-side {
      width: auto;
      flex: 1;
      padding: 0px;
      margin-top: 30px; }
  .customer-appointments-list {
    display: block; }
    .customer-appointments-list .appointment-box-squared {
      margin: 0px 0px 20px 0px; }
  .daily-agent-monthly-calendar-w.horizontal-calendar .os-current-month-label-w .os-month-service-selector {
    display: none; }
  .latepoint-lightbox-w.width-500 .latepoint-lightbox-i {
    width: 90%; }
  .latepoint-all-wrapper ul.os-page-tabs li.os-page-tab-active a:after {
    bottom: 0px; }
  .grouped-bookings-main-info {
    margin: 0px;
    margin-bottom: 20px;
    flex-wrap: wrap; }
  .gb-capacity {
    flex: 0 0 100%;
    margin-top: 15px; }
  .grouped-bookings-main-info .gb-info .gbi-main {
    font-size: 20px; }
  .group-bookings-list .gbb-customer .gbb-name {
    font-size: 18px; }
  .grouped-bookings-main-info .avatar {
    width: 50px;
    height: 50px; }
  .latepoint-side-menu-w ul.side-menu > li:before {
    display: none; }
  .os-page-tabs-w {
    overflow: auto;
    margin-right: -15px; }
  .os-page-tab-active {
    order: -1; }
  .daily-agent-calendar-w {
    margin-left: -15px;
    margin-right: -15px; }
  .daily-agent-monthly-calendar-w .os-months {
    overflow: auto;
    padding-bottom: 3px;
    margin-right: -15px;
    margin-left: -15px; }
  .daily-agent-monthly-calendar-w .os-monthly-calendar-days .os-day {
    width: auto;
    flex: 0 0 40px; }
  .bookings-daily-agents .ch-agents {
    overflow: auto; }
  .bookings-daily-agents .da-head-agent {
    flex: 0 0 220px; }
  .bookings-daily-agents .da-agents-bookings .da-agent-bookings-and-periods {
    flex: 0 0 220px; }
  .latepoint-side-menu-w ul.side-menu > li.menu-spacer {
    padding-top: 15px; }
  .side-menu-top-part-w {
    display: none !important; }
  .os-widget .stats-tabs .stats-tab {
    flex: 0 0 50%;
    padding: 30px 15px 20px; }
  .os-widget .stats-tabs .stats-tab:last-child {
    display: none; }
  .os-widget .stats-donut-chart-w {
    display: none; }
  .os-widget .stats-line-chart-w {
    padding: 10px;
    padding-top: 0px; }
  .os-widget .os-widget-header {
    padding: 10px 15px 10px 35px; }
    .os-widget .os-widget-header .os-widget-header-text {
      padding-left: 20px; }
  .os-widget-upcoming-appointments.os-widget-transparent .os-widget-header {
    display: flex !important;
    background-color: #fff;
    border: 1px solid #e0e1e8;
    border-radius: 3px;
    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: #2D303A; }
    .appointment-boxes-squared-w .appointment-box-squared {
      margin: 0px 0px 20px 0px;
      background-color: #fff; }
      .appointment-boxes-squared-w .appointment-box-squared .appointment-main-info .appointment-color-elem {
        width: auto;
        right: -1px;
        height: 2px;
        bottom: auto; }
  .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-day-bookings-timeline-compact-w .agents-avatars {
    flex: 0 0 40px; }
  .agent-day-bookings-timeline-compact-w .agents-avatars .avatar-w {
    height: 40px; }
  .agent-day-bookings-timeline-compact-w .agent-timeline-w .agent-timeline {
    height: 40px; }
  .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; }
  .service-duration-box.extra-duration {
    padding: 30px 20px 10px; }
  .latepoint-top-bar-w .os-main-location-selector {
    display: none; }
  .version-status-info {
    margin-bottom: 20px; }
  .license-form-w {
    padding: 15px; }
  .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: 20px;
    padding-top: 10px; }
    .addons-boxes-w .addon-box .addon-media {
      margin-top: 0px; }
  .steps-ordering-w .step-w .step-head .step-edit-btn, .gu-mirror.step-w .step-head .step-edit-btn {
    display: none; }
  .steps-ordering-w .step-w .step-head .step-message, .gu-mirror.step-w .step-head .step-message {
    display: none; }
  .steps-ordering-w .step-w .step-body, .gu-mirror.step-w .step-body {
    padding: 20px 0px 0px; }
  .steps-ordering-w .step-w .step-head .step-name, .gu-mirror.step-w .step-head .step-name {
    padding-left: 0px; }
  .latepoint-top-bar-w {
    animation: 0.2s cubic-bezier(0.05, 0.45, 0.1, 1) 0s mobileTopBarAnimation;
    animation-fill-mode: both; }
  /* 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 ul.os-page-tabs {
    margin-top: 15px; }
    .latepoint-all-wrapper ul.os-page-tabs li {
      margin-right: 25px; }
      .latepoint-all-wrapper ul.os-page-tabs li a {
        padding: 15px 0px;
        white-space: nowrap;
        font-size: 20px; }
      .latepoint-all-wrapper ul.os-page-tabs li.os-page-tab-active a:after {
        bottom: 0px; }
  .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-tile-hor-progress-chart {
      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: 35px; }
  .latepoint-content-w .channel-watch-status {
    display: block;
    text-align: center; }
    .latepoint-content-w .channel-watch-status .status-watch-label {
      margin-bottom: 10px; }
    .latepoint-content-w .channel-watch-status > a.latepoint-link {
      margin: 5px 10px; }
  .os-form-sub-header {
    display: block; }
    .os-form-sub-header .os-form-sub-header-actions {
      margin-top: 5px; }
      .os-form-sub-header .os-form-sub-header-actions .os-form-checkbox-group {
        padding: 5px;
        border: 1px solid #DDE3ED;
        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: 'latepointadmin' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    color: #0937ff;
    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; }
    .os-pagination-w .pagination-info {
      flex: 1;
      min-width: inherit; }
  .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 #f0f1f5;
        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 #f0f1f5; }
        .appointment-box-large .appointment-box-actions .aba-button-w + .aba-button-w {
          border-left: 1px solid #f0f1f5; }
  .group-bookings-list .os-add-box {
    padding: 5px; }
  .os-complex-agents-selector .agent .agent-i {
    padding: 5px 10px 5px 40px; }
    .os-complex-agents-selector .agent .agent-i:before {
      left: 10px;
      font-size: 12px; }
  .os-complex-agents-selector .agent.active .selected-services {
    display: none; }
  .os-complex-agents-selector .agent .customize-agent-service-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%;
    padding: 15px;
    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; }
  .latepoint-lightbox-w.latepoint-lightbox-nopad .latepoint-lightbox-footer {
    padding-top: 10px; }
    .latepoint-lightbox-w.latepoint-lightbox-nopad .latepoint-lightbox-footer .latepoint-btn.latepoint-btn-block {
      padding-top: 8px !important;
      padding-bottom: 8px !important; }
  .custom-day-schedule-w .custom-day-calendar {
    padding-right: 0px; }
  .latepoint-lightbox-w .latepoint-lightbox-close {
    top: 5px;
    right: 5px;
    color: #111; }
  .agent-day-bookings-timeline-compact-w .agents-avatars {
    margin-right: 10px; }
  .os-info-tile {
    margin-bottom: 15px; }
  .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-controls {
    flex-wrap: wrap;
    flex-direction: row-reverse;
    margin-bottom: 10px; }
  .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 #f0f1f5;
    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-services-count, .os-category-parent-w.gu-mirror .os-category-w .os-category-head .os-category-services-count {
    display: none; }
  .os-categories-ordering-w .os-category-w .os-category-head .os-category-services-meta, .os-category-parent-w.gu-mirror .os-category-w .os-category-head .os-category-services-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; }
  .os-services-list {
    display: block; }
    .os-services-list .os-service {
      width: auto;
      margin: 0px;
      margin-bottom: 20px; }
    .os-services-list .create-service-link-w {
      margin: 0px;
      width: auto; }
  .os-locations-list {
    display: block; }
    .os-locations-list .os-location {
      width: auto;
      margin: 0px;
      margin-bottom: 20px; }
    .os-locations-list .create-location-link-w {
      margin: 0px;
      width: auto; }
  .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;
    border-top: 1px solid #f0f1f5; }
  .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-agent-monthly-calendar-w {
      padding: 10px; }
      .bookings-daily-agent .daily-agent-monthly-calendar-w .os-monthly-calendar-days .os-day {
        padding: 2%;
        font-size: 16px; }
  .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; }
  .index-agent-boxes {
    justify-content: space-between; }
    .index-agent-boxes .create-agent-link-w {
      flex: 0 0 48%;
      margin: 0px;
      margin-bottom: 4%; }
  .index-agent-boxes .agent-box-w {
    flex: 0 0 48%;
    margin: 0px;
    margin-bottom: 4%; }
  .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;
      border-bottom: 1px solid #0937ff; }
    .os-form-w .white-box .white-box-header .os-form-sub-header:before {
      display: none; }
  .quick-booking-form-w .os-form-group.os-form-group-transparent,
  .quick-booking-form-w .ws-period.os-period-transparent {
    margin-bottom: 22px; }
  .os-services-select-field-w {
    font-size: 16px; }
    .os-services-select-field-w .service-option-selected {
      padding-top: 8px;
      padding-bottom: 8px; }
  .booking-messages-panel {
    right: 0px;
    left: 0px;
    width: 100%;
    max-width: 100%; }
    .booking-messages-panel .os-booking-messages-input-w {
      padding-left: 15px; }
    .booking-messages-panel .os-booking-messages-input-w .os-bm-upload-file-btn {
      right: 15px; }
    .booking-messages-panel .os-booking-messages-input-w .os-bm-send-btn {
      right: 15px; }
    .booking-messages-panel .booking-messages-list .os-booking-message-w .os-booking-message {
      font-size: 16px;
      padding-top: 10px;
      padding-bottom: 10px; }
    .booking-messages-panel .booking-messages-panel-i .booking-messages-list {
      padding-left: 15px;
      padding-right: 15px; }
  .latepoint-side-panel-w .latepoint-side-panel-i {
    max-width: 100%;
    width: 100%; }
    .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; }
    .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: 15px;
    padding-right: 15px; }
  .latepoint-side-panel-w .os-form-header {
    padding-left: 15px; }
  .quick-availability-per-day-w {
    width: 100%;
    max-width: 100%;
    right: 0px;
    left: 0px;
    border-right: none; }
    .quick-availability-per-day-w .os-form-header {
      padding-left: 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; }
  .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: 10px 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 {
      right: 50%;
      top: -5px;
      padding-top: 5px;
      width: 170px;
      transform: translateX(50%); }
      .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .latepoint-user-info-dropdown .latepoint-uid-head {
        flex-direction: column;
        text-align: center;
        align-items: center; }
        .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .latepoint-user-info-dropdown .latepoint-uid-head .uid-info {
          padding-left: 0px;
          margin-top: 5px; }
        .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .latepoint-user-info-dropdown .latepoint-uid-head .uid-avatar-w {
          width: 35px;
          height: 35px;
          flex: 0 0 35px; }
          .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: 35px; }
    .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-iconed-link {
      font-size: 26px;
      margin-right: 0px; }
    .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 {
      order: 3;
      margin: 0px; }
      .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .avatar-w {
        width: 35px;
        height: 35px; }
    .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-notifications-trigger {
      order: 4; }
    .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-mobile-top-new-appointment-btn-trigger {
      order: 5;
      position: relative; }
      .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-mobile-top-new-appointment-btn-trigger.os-loading {
        color: transparent; }
        .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-mobile-top-new-appointment-btn-trigger.os-loading:before {
          display: block;
          content: "";
          width: 24px !important;
          height: 24px !important;
          border-bottom: 2px solid #0937ff;
          border-left: 2px solid #0937ff;
          border-top: 2px solid #0937ff;
          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; }
    .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-mobile-top-search-trigger {
      order: 2; }
    .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-mobile-top-menu-trigger {
      order: 1; }
    .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-btn {
      display: none; }
    .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-logo {
      display: none; }
    .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: #0937ff;
          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: 55px;
      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: 17px; }
      .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results .latepoint-search-results-tiles-w {
        padding: 0px;
        display: block; }
      .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results .latepoint-search-result {
        flex: 1;
        margin: 0px;
        display: flex;
        align-items: center;
        padding: 10px;
        text-align: left; }
        .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results .latepoint-search-result + .latepoint-search-result {
          margin: 0px;
          margin-top: 10px; }
        .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results .latepoint-search-result:last-child {
          border-bottom: none; }
        .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results .latepoint-search-result .avatar {
          flex: 0 0 30px;
          width: 30px;
          height: 30px;
          margin-right: 15px; }
        .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results .latepoint-search-result .name {
          flex: 1;
          padding-top: 0px; }
  .latepoint-all-wrapper.os-show-mobile-search .latepoint-top-bar-w .latepoint-top-search-w {
    display: block; }
  .latepoint-all-wrapper.os-show-mobile-search .latepoint-content-and-menu-w:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(4, 20, 99, 0.41);
    z-index: 9998;
    animation: 0.4s ease 0s mobileFadeAnimation;
    animation-fill-mode: both; }
  .latepoint-all-wrapper .latepoint-content-and-menu-w {
    display: block;
    padding-top: 55px; }
  .latepoint-all-wrapper .latepoint-content-w {
    border-top: none; }
    .latepoint-all-wrapper .latepoint-content-w .latepoint-content {
      padding: 25px 15px; }
  .latepoint-all-wrapper .page-header-w {
    padding: 0px 15px; }
  .latepoint-all-wrapper .latepoint-side-menu-w {
    flex: 1;
    border-right: none;
    display: none;
    position: fixed;
    top: 55px;
    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: 0px; }
    .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 72px; }
      .latepoint-all-wrapper .latepoint-side-menu-w ul.side-sub-menu li {
        font-size: 22px; }
        .latepoint-all-wrapper .latepoint-side-menu-w ul.side-sub-menu li a {
          padding: 10px 0px;
          color: rgba(68, 76, 92, 0.8); }
          .latepoint-all-wrapper .latepoint-side-menu-w ul.side-sub-menu li a .os-menu-badge {
            left: -33px; }
    .latepoint-all-wrapper .latepoint-side-menu-w ul.side-sub-menu li a:before {
      left: -33px;
      display: none; }
    .latepoint-all-wrapper .latepoint-side-menu-w ul.side-menu > li.menu-item-sub-open-mobile > a {
      box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.03); }
    .latepoint-all-wrapper .latepoint-side-menu-w ul.side-menu > li.menu-item-sub-open-mobile ul.side-sub-menu {
      display: block; }
    .latepoint-all-wrapper .latepoint-side-menu-w ul.side-menu > li > a {
      font-size: 24px;
      letter-spacing: 1px;
      padding: 12px 15px; }
      .latepoint-all-wrapper .latepoint-side-menu-w ul.side-menu > li > a > span {
        padding-left: 15px; }
      .latepoint-all-wrapper .latepoint-side-menu-w ul.side-menu > li > a > i {
        font-size: 34px; }
    .latepoint-all-wrapper .latepoint-side-menu-w ul.side-menu > li:not(.has-children) ul.side-sub-menu {
      display: none; }
  .latepoint-all-wrapper.os-show-mobile-menu .latepoint-side-menu-w {
    display: block; }
  .latepoint-all-wrapper.os-show-mobile-menu .latepoint-mobile-top-menu-trigger i:before {
    content: "\e94b"; }
  .latepoint #wpbody {
    padding-top: 0px; }
    .latepoint #wpbody select {
      border-radius: 4px; }
  .wp-toolbar body.latepoint-admin {
    margin-top: 0px; }
  .os-widget .os-widget-header.with-actions {
    flex-wrap: wrap;
    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;
      padding-bottom: 5px;
      padding-top: 5px;
      border-top: 1px solid rgba(0, 0, 0, 0.05);
      margin-top: 10px;
      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 .os-date-range-picker {
        padding: 7px 4px 9px 6px;
        position: relative; }
        .os-widget .os-widget-header.with-actions .os-widget-header-actions .os-date-range-picker > i {
          position: absolute;
          top: 50%;
          right: 5px;
          transform: translateY(-50%); }
    .os-widget .os-widget-header.with-actions.os-show-actions .os-widget-header-actions {
      display: block; }
  .os-widget-upcoming-appointments .appointment-box-small,
  .appointment-box-small {
    display: block;
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom: none;
    margin-bottom: 30px; }
    .os-widget-upcoming-appointments .appointment-box-small.os-loading:after,
    .appointment-box-small.os-loading:after {
      top: 50%;
      left: 50%; }
    .os-widget-upcoming-appointments .appointment-box-small .appointment-info,
    .appointment-box-small .appointment-info {
      padding: 0px 0px 10px 15px; }
      .os-widget-upcoming-appointments .appointment-box-small .appointment-info .appointment-service-name,
      .appointment-box-small .appointment-info .appointment-service-name {
        font-size: 19px; }
      .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 #f0f1f5;
      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; } }

@media (min-width: 601px) {
  .appointment-box-large .aba-approve:hover {
    transform: scale(1.1);
    box-shadow: inset 0px 0px 0px 2px #0937ff; }
  .latepoint-side-menu-w ul.side-menu > li > a:hover {
    color: #0937ff; }
    .latepoint-side-menu-w ul.side-menu > li > a:hover > span {
      transform: translateX(3px); }
  .latepoint-side-menu-w ul.side-menu > li:hover > a {
    color: #0937ff; }
  .latepoint-side-menu-w ul.side-menu > li:hover.has-children:not(.menu-item-is-active) > a:before {
    transform: translateY(-50%) rotate(-90deg);
    color: #fff;
    transform-origin: center center; }
  .latepoint-side-menu-w ul.side-menu > li:hover:not(.menu-item-is-active) .side-sub-menu-header {
    display: block;
    line-height: 1;
    padding-bottom: 10px;
    padding-top: 0px; }
  .latepoint-side-menu-w ul.side-menu > li:hover:not(.menu-item-is-active) ul.side-sub-menu {
    display: block;
    position: absolute;
    background-color: #2a335d;
    padding: 20px 25px;
    left: 100%;
    top: -56px;
    z-index: 9999;
    margin: 0px;
    border: none; }
    .latepoint-side-menu-w ul.side-menu > li:hover:not(.menu-item-is-active) ul.side-sub-menu li {
      margin: 0px; }
      .latepoint-side-menu-w ul.side-menu > li:hover:not(.menu-item-is-active) ul.side-sub-menu li:last-child {
        box-shadow: none;
        border-bottom: none; }
      .latepoint-side-menu-w ul.side-menu > li:hover:not(.menu-item-is-active) ul.side-sub-menu li a {
        white-space: nowrap;
        padding: 9px 0px 9px 2px;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.7);
        font-size: 13px;
        font-weight: 500; }
        .latepoint-side-menu-w ul.side-menu > li:hover:not(.menu-item-is-active) ul.side-sub-menu li a:hover {
          color: #fff; }
        .latepoint-side-menu-w ul.side-menu > li:hover:not(.menu-item-is-active) ul.side-sub-menu li a .os-menu-badge {
          left: -20px; }
  .latepoint-side-menu-w ul.side-menu > li.menu-item-is-active.has-children ul.side-sub-menu {
    display: block;
    padding: 10px 0px 15px 26px;
    margin-left: 31px; }
    .latepoint-side-menu-w ul.side-menu > li.menu-item-is-active.has-children ul.side-sub-menu li {
      font-size: 15px; }
  .latepoint-side-menu-w ul.side-menu > li.menu-item-is-active.has-children ul.side-sub-menu {
    display: none; }
  .latepoint-side-menu-w ul.side-sub-menu li a:hover {
    color: #29449c; }
    .latepoint-side-menu-w ul.side-sub-menu li a:hover:before {
      background-color: transparent; }
    .latepoint-side-menu-w ul.side-sub-menu li a:hover > span {
      transform: translateX(3px); }
  .latepoint-side-menu-w.dark ul.side-menu > li:hover > a {
    color: #fff; }
    .latepoint-side-menu-w.dark ul.side-menu > li:hover > a i {
      color: #fff; }
  .latepoint-side-menu-w.dark ul.side-menu > li ul.side-sub-menu li a:hover {
    color: #fff; }
  .latepoint-side-menu-w.side-menu-full ul.side-menu > li:hover:not(.has-children) ul.side-sub-menu {
    display: none; }
  .latepoint-side-menu-w.side-menu-full ul.side-menu > li.has-children:after {
    font-family: 'latepointadmin' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    color: rgba(9, 55, 255, 0.4);
    font-size: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    transition: all 0.1s ease; }
  .latepoint-side-menu-w.side-menu-full ul.side-menu > li:hover.has-children:after {
    color: #0937ff;
    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 > li > a {
      transition: none; }
    .latepoint-side-menu-w.side-menu-compact ul.side-menu > li:hover > a {
      background-color: #2a335d;
      color: #fff; }
      .latepoint-side-menu-w.side-menu-compact ul.side-menu > li:hover > a i {
        color: #fff; }
    .latepoint-side-menu-w.side-menu-compact ul.side-menu > li:hover:not(.has-children) ul.side-sub-menu {
      top: 0px;
      padding-top: 14px !important; }
    .latepoint-side-menu-w.side-menu-compact ul.side-menu > li.menu-item-is-active > a {
      background-color: #0937ff;
      box-shadow: 0px 0px 0px 1px #0937ff;
      color: #fff; }
      .latepoint-side-menu-w.side-menu-compact ul.side-menu > li.menu-item-is-active > a i {
        color: #fff; }
    .latepoint-side-menu-w.side-menu-compact .side-sub-menu {
      position: relative; }
      .latepoint-side-menu-w.side-menu-compact .side-sub-menu .side-sub-menu-header {
        white-space: nowrap;
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
        display: block;
        padding: 8px 0px; }
        .latepoint-side-menu-w.side-menu-compact .side-sub-menu .side-sub-menu-header + li {
          margin-top: 10px !important; }
      .latepoint-side-menu-w.side-menu-compact .side-sub-menu.only-menu-header {
        top: 0px;
        bottom: 0px;
        padding-bottom: 0px !important;
        padding-top: 19px !important; }
        .latepoint-side-menu-w.side-menu-compact .side-sub-menu.only-menu-header .side-sub-menu-header {
          border-bottom: none !important;
          padding: 0px; }
    .latepoint-side-menu-w.side-menu-compact .back-to-wp-item {
      display: block; }
    .latepoint-side-menu-w.side-menu-compact .back-to-wp-link-w {
      display: none; }
    .latepoint-side-menu-w.side-menu-compact .os-menu-collapse {
      display: none; }
    .latepoint-side-menu-w.side-menu-compact ul.side-menu {
      padding: 0px; }
    .latepoint-side-menu-w.side-menu-compact ul.side-menu > li.has-children > a:before {
      display: none !important; }
    .latepoint-side-menu-w.side-menu-compact ul.side-menu > li.menu-item-is-active ul.side-sub-menu {
      display: none; }
    .latepoint-side-menu-w.side-menu-compact ul.side-menu > li > a {
      padding: 15px 16px;
      text-align: center; }
      .latepoint-side-menu-w.side-menu-compact ul.side-menu > li > a > i {
        font-size: 25px; }
      .latepoint-side-menu-w.side-menu-compact ul.side-menu > li > a > span {
        display: none; }
    .latepoint-side-menu-w.side-menu-compact ul.side-menu > li.menu-spacer {
      display: none; }
    .latepoint-side-menu-w.side-menu-compact .back-to-wp-link {
      text-align: center;
      padding: 8px 6px; }
    .latepoint-side-menu-w.side-menu-compact .back-to-wp-link i {
      margin: 0px; }
    .latepoint-side-menu-w.side-menu-compact .back-to-wp-link span {
      display: none; } }

@media (max-width: 1750px) {
  .appointment-boxes-squared-w .appointment-box-squared:nth-child(7) {
    display: none; }
  .appointment-boxes-squared-w .no-results-w:nth-child(7) {
    display: none; } }

@media (max-width: 1599px) {
  .addons-boxes-w .addon-box:nth-child(4n) {
    margin-right: 0px; } }

@media (min-width: 1600px) {
  .addons-boxes-w .addon-box {
    flex: 0 0 17.6%; }
    .addons-boxes-w .addon-box:nth-child(5n) {
      margin-right: 0px; } }

@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; } }

/*# sourceMappingURL=main_back.css.map */