@charset "UTF-8"; :root { color-scheme: only light; } a:focus { outline: none; box-shadow: none; } .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: 0.5rem; margin-left: 0; } .latepoint-admin blockquote, .latepoint-w blockquote { margin: 0 0 1rem; } .latepoint-admin dfn, .latepoint-w dfn { font-style: italic; } .latepoint-admin b, .latepoint-admin strong, .latepoint-w b, .latepoint-w strong { font-weight: bolder; } .latepoint-admin small, .latepoint-w small { font-size: 80%; } .latepoint-admin sub, .latepoint-admin sup, .latepoint-w sub, .latepoint-w sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } .latepoint-admin sub, .latepoint-w sub { bottom: -0.25em; } .latepoint-admin sup, .latepoint-w sup { top: -0.5em; } .latepoint-admin a:not([href]):not([tabindex]), .latepoint-w a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } .latepoint-admin a:not([href]):not([tabindex]):focus, .latepoint-w a:not([href]):not([tabindex]):focus { outline: 0; } .latepoint-admin pre, .latepoint-admin code, .latepoint-admin kbd, .latepoint-admin samp, .latepoint-w pre, .latepoint-w code, .latepoint-w kbd, .latepoint-w samp { font-size: 1em; } .latepoint-admin pre, .latepoint-w pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } .latepoint-admin figure, .latepoint-w figure { margin: 0 0 1rem; } .latepoint-admin img, .latepoint-w img { vertical-align: middle; border-style: none; } .latepoint-admin svg, .latepoint-w svg { overflow: hidden; vertical-align: middle; } .latepoint-admin table, .latepoint-w table { border-collapse: collapse; } .latepoint-admin caption, .latepoint-w caption { text-align: left; caption-side: bottom; } .latepoint-admin th, .latepoint-w th { text-align: inherit; } .latepoint-admin label, .latepoint-w label { display: inline-block; } .latepoint-admin button, .latepoint-w button { border-radius: 0; } .latepoint-admin button:focus, .latepoint-w button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } .latepoint-admin input, .latepoint-admin button, .latepoint-admin select, .latepoint-admin optgroup, .latepoint-admin textarea, .latepoint-w input, .latepoint-w button, .latepoint-w select, .latepoint-w optgroup, .latepoint-w textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } .latepoint-admin button, .latepoint-admin input, .latepoint-w button, .latepoint-w input { overflow: visible; } .latepoint-admin button, .latepoint-admin select, .latepoint-w button, .latepoint-w select { text-transform: none; } .latepoint-admin button, .latepoint-admin html [type="button"], .latepoint-admin [type="reset"], .latepoint-admin [type="submit"], .latepoint-w button, .latepoint-w html [type="button"], .latepoint-w [type="reset"], .latepoint-w [type="submit"] { -webkit-appearance: button; } .latepoint-admin button::-moz-focus-inner, .latepoint-admin [type="button"]::-moz-focus-inner, .latepoint-admin [type="reset"]::-moz-focus-inner, .latepoint-admin [type="submit"]::-moz-focus-inner, .latepoint-w button::-moz-focus-inner, .latepoint-w [type="button"]::-moz-focus-inner, .latepoint-w [type="reset"]::-moz-focus-inner, .latepoint-w [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } .latepoint-admin input[type="radio"], .latepoint-admin input[type="checkbox"], .latepoint-w input[type="radio"], .latepoint-w input[type="checkbox"] { box-sizing: border-box; padding: 0; } .latepoint-admin input[type="date"], .latepoint-admin input[type="time"], .latepoint-admin input[type="datetime-local"], .latepoint-admin input[type="month"], .latepoint-w input[type="date"], .latepoint-w input[type="time"], .latepoint-w input[type="datetime-local"], .latepoint-w input[type="month"] { -webkit-appearance: listbox; } .latepoint-admin textarea, .latepoint-w textarea { overflow: auto; resize: vertical; } .latepoint-admin fieldset, .latepoint-w fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } .latepoint-admin legend, .latepoint-w legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } .latepoint-admin progress, .latepoint-w progress { vertical-align: baseline; } .latepoint-admin [type="number"]::-webkit-inner-spin-button, .latepoint-admin [type="number"]::-webkit-outer-spin-button, .latepoint-w [type="number"]::-webkit-inner-spin-button, .latepoint-w [type="number"]::-webkit-outer-spin-button { height: auto; } .latepoint-admin [type="search"], .latepoint-w [type="search"] { outline-offset: -2px; -webkit-appearance: none; } .latepoint-admin [type="search"]::-webkit-search-cancel-button, .latepoint-admin [type="search"]::-webkit-search-decoration, .latepoint-w [type="search"]::-webkit-search-cancel-button, .latepoint-w [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } .latepoint-admin ::-webkit-file-upload-button, .latepoint-w ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } .latepoint-admin output, .latepoint-w output { display: inline-block; } .latepoint-admin summary, .latepoint-w summary { display: list-item; cursor: pointer; } .latepoint-admin template, .latepoint-w template { display: none; } .latepoint-admin [hidden], .latepoint-w [hidden] { display: none !important; } 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; } 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: 6px 10px; 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: #f94e4e; color: #fff; } body.latepoint-admin .latepoint-btn.latepoint-btn-danger.latepoint-btn-link { border-color: 2px solid #f94e4e; } body.latepoint-admin .latepoint-btn.latepoint-btn-danger:focus, body.latepoint-admin .latepoint-btn.latepoint-btn-danger:active { color: #fff; background-color: #f94e4e; } body.latepoint-admin .latepoint-btn.latepoint-btn-danger:hover { background-color: #cc0303; } 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%; 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 .no-results-w .latepoint-btn { margin: 5px; } 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: 15px; 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: 99997; 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: 25px; 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; flex-flow: wrap; } .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results .latepoint-search-result { outline: none; flex: 0 0 270px; 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; margin: 5px; } .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results .latepoint-search-result + .latepoint-search-result { } .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: 15px; } .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-results .latepoint-search-result .name strong { background-color: rgba(255,231,18,0.62); } .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-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: 99999; } .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-search-w .latepoint-top-search-input-w { z-index: 99998; 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: flex; flex-direction: column; } .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: fixed;*/ position: absolute; top: -2px; right: 0px; /*top: 13px;*/ /*right: 20px;*/ 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: -92px; display: flex; justify-content: flex-end; align-items: center; margin-bottom: 50px; } .latepoint-all-wrapper .page-header-main-actions .os-form-group { margin-bottom: 0px !important; } .latepoint-all-wrapper .page-header-main-actions .os-form-group + .os-form-group { margin-left: 5px; } .latepoint-all-wrapper .page-header-main-actions label { margin: 0px; font-weight: 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: 24px; 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; } .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; } .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; } .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 !important; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } .text-left { text-align: left !important; } .os-row-align-center { align-items: center !important; } .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; } .container-fluid { width: 100%; padding-right: 8px; padding-left: 8px; margin-right: auto; margin-left: auto; } .os-row { display: flex; flex-wrap: wrap; margin-right: -8px; margin-left: -8px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .os-col, .no-gutters > [class*="os-col-"] { padding-right: 0; padding-left: 0; } .os-col-xl, .os-col-xl-auto, .os-col-xl-12, .os-col-xl-11, .os-col-xl-10, .os-col-xl-9, .os-col-xl-8, .os-col-xl-7, .os-col-xl-6, .os-col-xl-5, .os-col-xl-4, .os-col-xl-3, .os-col-xl-2, .os-col-xl-1, .os-col-lg, .os-col-lg-auto, .os-col-lg-12, .os-col-lg-11, .os-col-lg-10, .os-col-lg-9, .os-col-lg-8, .os-col-lg-7, .os-col-lg-6, .os-col-lg-5, .os-col-lg-4, .os-col-lg-3, .os-col-lg-2, .os-col-lg-1, .os-col-md, .os-col-md-auto, .os-col-md-12, .os-col-md-11, .os-col-md-10, .os-col-md-9, .os-col-md-8, .os-col-md-7, .os-col-md-6, .os-col-md-5, .os-col-md-4, .os-col-md-3, .os-col-md-2, .os-col-md-1, .os-col-sm, .os-col-sm-auto, .os-col-sm-12, .os-col-sm-11, .os-col-sm-10, .os-col-sm-9, .os-col-sm-8, .os-col-sm-7, .os-col-sm-6, .os-col-sm-5, .os-col-sm-4, .os-col-sm-3, .os-col-sm-2, .os-col-sm-1, .os-col, .os-col-auto, .os-col-12, .os-col-11, .os-col-10, .os-col-9, .os-col-8, .os-col-7, .os-col-6, .os-col-5, .os-col-4, .os-col-3, .os-col-2, .os-col-1 { position: relative; width: 100%; min-height: 1px; padding-right: 8px; padding-left: 8px; } .os-col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .os-col-auto { flex: 0 0 auto; width: auto; max-width: none; } .os-col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .os-col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .os-col-3 { flex: 0 0 25%; max-width: 25%; } .os-col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .os-col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .os-col-6 { flex: 0 0 50%; max-width: 50%; } .os-col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .os-col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .os-col-9 { flex: 0 0 75%; max-width: 75%; } .os-col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .os-col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .os-col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } .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; } .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 { 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; } .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-minus:before { content: "\e96d"; } .latepoint-icon-moon:before { content: "\e96b"; } .latepoint-icon-more-horizontal:before { content: "\e949"; } .latepoint-icon-more-vertical:before { content: "\e94a"; } .latepoint-icon-package:before { content: "\e92e"; } .latepoint-icon-paperclip:before { content: "\e92f"; } .latepoint-icon-phone:before { content: "\e950"; } .latepoint-icon-pie-chart:before { content: "\e930"; } .latepoint-icon-play-circle:before { content: "\e967"; } .latepoint-icon-plus2:before { content: "\e931"; } .latepoint-icon-plus-circle2:before { content: "\e932"; } .latepoint-icon-plus-square2:before { content: "\e933"; } .latepoint-icon-printer:before { content: "\e934"; } .latepoint-icon-refresh-cw:before { content: "\e935"; } .latepoint-icon-rotate-cw:before { content: "\e936"; } .latepoint-icon-save:before { content: "\e937"; } .latepoint-icon-search:before { content: "\e938"; } .latepoint-icon-server:before { content: "\e939"; } .latepoint-icon-settings:before { content: "\e93a"; } .latepoint-icon-shopping-cart:before { content: "\e93b"; } .latepoint-icon-slash:before { content: "\e93c"; } .latepoint-icon-sliders:before { content: "\e93d"; } .latepoint-icon-star:before { content: "\e93e"; } .latepoint-icon-sun:before { content: "\e96c"; } .latepoint-icon-tag:before { content: "\e963"; } .latepoint-icon-trash:before { content: "\e959"; } .latepoint-icon-trash-2:before { content: "\e95a"; } .latepoint-icon-trending-down:before { content: "\e93f"; } .latepoint-icon-trending-up:before { content: "\e940"; } .latepoint-icon-unlock:before { content: "\e941"; } .latepoint-icon-upload:before { content: "\e942"; } .latepoint-icon-user:before { content: "\e943"; } .latepoint-icon-user-plus1:before { content: "\e964"; } .latepoint-icon-users:before { content: "\e944"; } .latepoint-icon-x:before { content: "\e94b"; } .latepoint-icon-x-circle:before { content: "\e94c"; } .latepoint-icon-x-square:before { content: "\e94d"; } .latepoint-icon-zap:before { content: "\e94e"; } .latepoint-icon-zoom-in:before { content: "\e945"; } .latepoint-icon-zoom-out:before { content: "\e946"; } .latepoint-icon-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 .logo-w img { height: 40px; } .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: 8px 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: transparent; padding: 7px 15px; text-transform: uppercase; letter-spacing: 1px; white-space: nowrap; font-weight: 500; color: #0937ff; border: 1px solid #0937ff; border-radius: 4px; 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 rgba(9,55,255,0.8); } .os-tp-box .os-tp-box-content { padding: 20px 0px 0px; } .os-tp-box + .os-tp-box { padding-top: 20px; } .os-form-w { margin: 30px 0px; } .os-form-w .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); width: 95%; background: #fff; } .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; line-height: 1.4; } .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; margin-top: -4px; 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; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; 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 rgba(9,55,255,0.8); 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: 20px; 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; max-height: 50px; } .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: 8px; width: 8px; border-radius: 20px; background-color: #0937ff; position: absolute; right: 3px; top: 50%; transform: translate(0px,-50%); transition: all 0.2s ease; background-color: #fff; } .os-toggler .toggler-rail { position: relative; height: 14px; width: 23px; background-color: rgba(48,73,144,0.1); border-radius: 20px; background-color: #4366ff; } .os-toggler:hover .toggler-pill { box-shadow: 0px 0px 0px 1px #fff; } .os-toggler:hover.off .toggler-pill { box-shadow: 0px 0px 0px 1px #fff; } .os-toggler.off .toggler-rail { background-color: rgba(48,73,144,0.17); } .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 { 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; box-shadow: 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; min-width: 110px; } .os-table-w.os-table-compact .os-table tr td .os-column-status.os-column-status-approved { background-color: #b0daff; border-color: #5c6fff; color: #0022da; } .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-status.os-column-status-atendido { background-color: #a3f7cd; border-color: #35d893; color: #2a774a; } .os-table-w.os-table-compact .os-table tr td .os-column-status.os-column-status-ausente { background-color: #dcdcdc; border-color: #707070; color: #000000; } .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; } .span-status-title { font-size: 12px; } .span-status { padding: 2px 5px; border-radius: 3px; line-height: 1; display: inline-block; border: 0; margin: 5px 0; color: #fff; } .span-status.status-approved { background-color: #41c75a; } .span-status.status-atendido { background-color: #1b6fff; } .span-status.status-cancelled { background-color: #ff4040; } .span-status.status-pending { background-color: #e6b935; } .span-status.status-ausente { background-color: #000; } .span-status.status-payment_pending { background-color: #ff4040; } .block-appointment i { font-size: 16px; vertical-align: middle; } .block-appointment-on { color: #e40000; } .block-appointment-off { color: #639047; } .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; } .bookings-daily-agents { user-select: none; } .calendar-week-agent-w { user-select: none; } .calendar-month-agents-w { user-select: none; } .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 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; gap: 10px; } .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; z-index: 1; } .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 { display: flex; align-items: center; gap: 6px; margin: 0px 15px; background-color: #fff; border: 1px solid #0937ff; padding: 8px 10px; border-radius: 4px; box-shadow: none; outline: none; color: #0937ff; line-height: 1; } .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: 150px; text-overflow: ellipsis; white-space: nowrap; 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-color: #fff0f0 !important; } .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; overflow: hidden; } .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; top: 5px; right: 5px; color: #fff; font-size: 16px; } .calendar-daily-agent-w .calendar-hours .ch-day-booking:hover { left: 0px; right: 0px; min-height: 40px !important; z-index: 1001; } .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: 19px; 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 12px; 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-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; top: 0px; z-index: 9; } .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: 0px; right: -1px; } .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(-57%); display: block; background: #fff; } .calendar-week-agent-w .calendar-hours .ch-hours .chh-period.chh-period-hour:after { content: ""; height: 1px; width: 5px; background-color: rgba(0,0,0,0.4); position: absolute; top: 0px; right: -3px; z-index: 1; } .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; border-top: 1px solid rgba(0,0,0,0.05); top: -1px; z-index: 3; } .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); border-right: 1px solid transparent; z-index: 1; } .faixa-current-time { border-top: 1px dashed #0937ff; margin-top: 0px; width: 100%; position: absolute; z-index: 1001; } .calendar-week-agent-w .faixa-current-time { margin-top: -2px; } .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: -2px; 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-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 { } .calendar-week-agent-w .calendar-hours .ch-day-periods .chd-period.chd-period-minutes:nth-child(even) { border-top: 1px solid transparent; top: -1px !important; } .calendar-week-agent-w .calendar-hours .ch-day-periods .faixa-time { border-top: 1px solid rgba(0,0,0,0.05); width: 100%; position: absolute; margin-top: -1.5px; z-index: 2; } .calendar-week-agent-w .calendar-hours .ch-day-periods .faixa-time-hour { border-top: 1px solid rgba(0,0,0,0.1); width: 100%; position: absolute; z-index: 2; margin-top: -1.6px; } .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; top: 5px; right: 5px; color: #fff; font-size: 18px; } .calendar-week-agent-w .calendar-hours .ch-day-booking:hover { transform: translateY(-3px); left: 0px; right: 0px; z-index: 9999; } .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: 87%; 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; text-overflow: ellipsis; overflow: hidden; } .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 5px 5px 5px; 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: 999999; 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: 99998; } .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: 480px; 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: 99999; padding: 30px; max-height: calc(100vh - 40px); overflow-y: auto; } .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: 9999999; } .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: 480px; 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 rgba(9,55,255,0.8); 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: 90px; 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 .os-form-w .open-whatsapp.latepoint-btn-white.latepoint-btn { text-align: center; background-color: #25d366; display: block; text-decoration: none; box-shadow: inset 0px 0px 0px 1px #25d366; color: #fff; } .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: 15px; background: #ffffff; 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; } .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: 12px 20px; } .steps-ordering-w .step-w .step-head .step-drag, .gu-mirror.step-w .step-head .step-drag { font-size: 16px; padding: 15px 28px 15px 0px; border-right: 1px solid rgba(0,0,0,0.1); color: #0937ff; line-height: 1; cursor: -moz-grab; cursor: -webkit-grab; cursor: grab; position: relative; } .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: 8px; left: 0px; 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; background: none; } .steps-ordering-w .step-w .step-head .step-name, .gu-mirror.step-w .step-head .step-name { font-size: 19px; font-weight: 500; padding: 5px 15px; 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 .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: 20px; right: 10px; 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-header .service-id { color: #8894af; font-size: 12px; vertical-align: text-bottom; display: grid; padding: 4px 4px 0 4px; } .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 { background: #f0f1f7; } .os-categories-ordering-w .os-category-w, .os-category-parent-w.gu-mirror .os-category-w { background: #f0f1f7; 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-body, .os-category-parent-w.gu-mirror .os-category-w .os-category-body { background: #fff; 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: #e4e5f3; 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: #e4e5f3; 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: #fff; 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: #ffdede; 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: 20px; margin-left: 10px; background-color: #f3f4fd; padding: 2px 5px; line-height: 1.1; font-size: 12.8px; color: #8894af; border-radius: 3px; } .service-in-category-w .os-category-service-meta-price { margin-right: auto; margin-left: 10px; background-color: #0937ff; padding: 2px 5px; line-height: 1.1; font-size: 12.8px; color: #fff; border-radius: 3px; } .service-in-category-w .os-category-service-meta-duration { margin-right: auto; margin-left: 10px; background-color: #a8b6ff; padding: 2px 5px; line-height: 1.1; font-size: 12.8px; color: #fff; border-radius: 3px; } .os-complex-agents-selector .os-service-extras-meta { margin-left: 10px; background-color: #dde3ff; padding: 2px 5px; line-height: 1.1; font-size: 12.8px; color: #8894af; border-radius: 3px; } .os-complex-agents-selector .os-service-extras-meta-status { margin-left: 10px; background-color: #ff0909; padding: 2px 5px; font-size: 12.8px; color: #fff; border-radius: 3px; } .os-complex-agents-selector .os-service-extras-meta-price { margin-left: 10px; background-color: #0937ff; padding: 2px 5px; font-size: 12.8px; color: #fff; border-radius: 3px; } .os-complex-agents-selector .os-service-extras-meta-duration { margin-left: 10px; background-color: #a8b6ff; padding: 2px 5px; font-size: 12.8px; color: #fff; border-radius: 3px; } .service-in-category-w .os-category-service-name { font-size: 14.4px; font-weight: 500; flex: 1; overflow: hidden; text-overflow: ellipsis; } .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; } .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } .ps__rail-x { display: none; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; height: 15px; bottom: 0px; position: absolute; } .ps__rail-y { display: none; opacity: 0; transition: background-color 0.2s linear, opacity 0.2s linear; -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; width: 15px; right: 0; 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; } .ps__thumb-x { background-color: #aaa; border-radius: 6px; transition: background-color 0.2s linear, height 0.2s ease-in-out; -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out; height: 6px; bottom: 2px; position: absolute; } .ps__thumb-y { background-color: #aaa; border-radius: 6px; transition: background-color 0.2s linear, width 0.2s ease-in-out; -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out; width: 6px; right: 2px; 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; } .lightbox-content h3, .available-vars-w h3 { margin-top: 0px; } .lightbox-content h4, .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 100%; 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: 150px; padding-right: 10px; } .os-click-to-copy-prompt { color: #0937ff; font-size: 12px; position: fixed; padding-top: 2px; } .os-click-to-copy-done { color: #0937ff; font-size: 12px; position: fixed; } .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; margin: 20px 0px; } .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; } .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: 99999998; 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; } .add-reminder-box { margin-bottom: 20px; } .os-reminder-form-i { margin-bottom: 20px; } .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; } .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: 20px; flex: 0 0 23%; 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 #ffbcbc; border-top-left-radius: 0px; border-top-right-radius: 0px; } .index-agent-boxes .agent-box-w.agent-status-disabled .agent-schedule, .index-agent-boxes .agent-box-w.agent-status-disabled .agent-schedule-info { opacity: 0.4; } .index-agent-boxes .agent-box-w.agent-status-disabled .agent-name { color: #ca1616; opacity: 0.7; } .index-agent-boxes .agent-box-w.agent-status-disabled .agent-avatar { opacity: 0.7; } .index-agent-boxes .agent-box-w:nth-child(4n + 4) { margin-right: 0px; } .index-agent-boxes .agent-box-w:hover { box-shadow: 0px 0px 0px 2px #0937ff, 0px 4px 10px #cbd7ff; } .index-agent-boxes .agent-box-w:hover .schedule-day.is-on:before { transform: translateX(-50%) scale(1.4); } .index-agent-boxes .agent-box-w:hover .agent-avatar { transform: scale(1.1); } .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-info-w { display: flex; border-bottom: 1px solid #f0f1f5; align-items: center; padding-bottom: 15px; } .index-agent-boxes .agent-info-w .agent-info { text-align: left; flex: 1; } .index-agent-boxes .agent-schedule { display: flex; padding: 15px 0px; border-bottom: 1px solid #f0f1f5; } .index-agent-boxes .agent-schedule .schedule-day { position: relative; flex: 1; text-align: center; padding-top: 20px; font-size: 11px; color: #d4d5e1; } .index-agent-boxes .agent-schedule .schedule-day + .schedule-day { border-left: 1px solid #f0f1f5; } .index-agent-boxes .agent-schedule .schedule-day:before { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); content: ""; width: 8px; height: 8px; border-radius: 10px; background-color: #d4d5e1; transform-origin: center center; transition: transform 0.2s ease; } .index-agent-boxes .agent-schedule .schedule-day.is-on { color: #38406d; } .index-agent-boxes .agent-schedule .schedule-day.is-on:before { background-color: #59d193; } .index-agent-boxes .agent-avatar { flex: 0 0 60px; width: 60px; height: 60px; background-size: cover; background-position: center center; border-radius: 50%; transition: all 0.2s ease; margin-right: 20px; } .index-agent-boxes .agent-name { font-weight: 500; color: #1b3164; font-size: 20px; transition: all 0.2s ease; margin-bottom: 3px; } .index-agent-boxes .agent-phone { color: #8894af; font-size: 17px; } .index-agent-boxes .agent-id { color: #8894af; font-size: 12px; position: absolute; right: 10px; top: 10px; } .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-schedule-info { display: flex; justify-content: space-between; align-items: center; } .index-agent-boxes .agent-schedule-info .agent-today-info { color: #8894af; font-size: 14px; text-align: left; padding-top: 15px; } .index-agent-boxes .agent-schedule-info .agent-today-info .today-status { display: inline-block; padding: 2px 5px; color: #fff; background-color: #85d7ad; border-radius: 8px; font-size: 12px; margin-left: 4px; } .index-agent-boxes .agent-schedule-info .agent-today-info .today-status.is-off-duty { color: #fff; background-color: #ef7a7a; } .index-agent-boxes .agent-schedule-info .agent-today-info .today-schedule { font-weight: 500; color: #1b3164; font-size: 17px; margin-top: 4px; } .index-agent-boxes .agent-schedule-info .agent-today-info .today-schedule span { display: inline-block; font-size: 14px; margin-right: 10px; } .index-agent-boxes .agent-schedule-info .today-bookings { color: #8894af; font-size: 14px; border-left: 1px solid #f0f1f5; padding: 15px 0px 0px 15px; } .index-agent-boxes .agent-schedule-info .today-bookings-count { font-weight: 500; color: #1b3164; font-size: 20px; margin-top: 4px; } .index-agent-boxes .agent-remove-trigger { color: #e88181; font-size: 14px; padding: 5px; line-height: 1; position: absolute; top: 0px; right: 0px; cursor: pointer; display: none; } .index-agent-boxes .agent-remove-trigger:hover { color: #ff2222; transform: scale(1.3); } .create-agent-link-w { border: 3px dotted rgba(0,0,0,0.1); border-radius: 3px; flex: 0 0 23%; 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: 1; margin-right: 20px; flex-grow: 3; } .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; flex-wrap: wrap; } .customer-appointments-list .appointment-box-squared { margin: 8px; } .user-link-with-avatar { display: flex; align-items: center; gap: 8px; text-decoration: none; } .user-link-with-avatar .ula-avatar { width: 20px; min-width: 20px; height: 20px; border-radius: 40px; background-size: cover; background-position: center center; } .user-link-with-avatar .ula-name { text-transform: capitalize; } .latepoint-settings-w .weekday-schedule-w { background-color: #eeeff5; padding: 20px !important; margin-bottom: 20px; } .custom-schedule-wrapper .weekday-schedule-w { background-color: #eeeff5; padding: 20px !important; margin-bottom: 20px; } .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-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-name { color: #0937ff; margin-top: 4px; } .custom-day-work-period.custom-day-off .custom-day-number { color: #cd4949; } .custom-day-work-period.custom-day-off .custom-day-month { color: #cf9797; } .custom-day-work-period.custom-day-off .custom-day-name { color: #cd4949; } .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: 14px; 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: 20px 0 0 0; font-size: 14px; } .os-locations-list .os-location-header .location-id { color: #8894af; font-size: 12px; position: absolute; top: 12px; left: 20px; } .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: 40px; 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: 180px; 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: center; 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 { display: flex; flex-direction: column; flex: 0 0 120px; gap: 10px; padding: 0 15px 0 0; text-align: center; text-decoration: none; color: #2d303a; border-right: 1px solid #f0f1f5; text-wrap: wrap; } .agent-stats-box .agent-info .avatar-w { background-size: cover; background-position: center center; width: 60px; height: 60px; display: block; border-radius: 50%; margin: 0 auto 5px 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; align-content: center; } .agent-stats-box .agent-stats .agent-stats-values { display: flex; } .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: 20px; 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 { box-shadow: inset 0px 0px 0px 2px #d04c4c; } .appointment-status-selector.whatsapp-button { background-color: unset !important; margin: 5px 0px 0px 2px; padding-left: 0; } .appointment-status-selector.whatsapp-button a { background-color: #25d366 !important; box-shadow: inset 0px 0px 0px 1px #25d366; border-radius: 4px; color: #fff !important; text-decoration: none !important; padding: 6px 20px; } .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: 20px; 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; flex-grow: 1; margin: 5px 0 0 10px; } .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: 15px; font-weight: 500; color: #2d303a; } .appointment-box-squared .appointment-service-name { font-size: 17px; 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 80px 20px 20px; 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: 18px; right: 18px; 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: 16px; } .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: 10px; 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,'); 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,') 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,'); 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,'); 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,'); 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: 480px; 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 20px 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: 42px; 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: 5px 7px; border-radius: 4px; border: 1px solid #0937ff; background-color: #e9eeff; color: #0937ff; margin-right: 5px; margin-bottom: 5px; display: flex; align-items: center; } .lateselect-w .ls-selected-items-w .ls-item .os-late-quantity-selector-w { margin-left: 10px; display: flex; align-items: center; } .lateselect-w .ls-selected-items-w .ls-item .os-late-quantity-selector-w .os-late-quantity-selector { font-size: 10px; cursor: pointer; color: rgba(0,0,0,0.8); background-color: #cfdaff; border-radius: 4px; padding: 3px 3px; line-height: 1; width: 15px; text-align: center; display: block; } .lateselect-w .ls-selected-items-w .ls-item .os-late-quantity-selector-w .os-late-quantity-selector.minus:before { font-family: "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: ""; } .lateselect-w .ls-selected-items-w .ls-item .os-late-quantity-selector-w .os-late-quantity-selector.plus: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: ""; } .lateselect-w .ls-selected-items-w .ls-item .os-late-quantity-selector-w .os-late-quantity-selector:hover { color: #fff; background-color: #0937ff; } .lateselect-w .ls-selected-items-w .ls-item .os-late-quantity-selector-w .os-late-quantity-selector-input { width: 22px; padding: 1px 1px 2px; min-height: auto; font-size: 12px; text-align: center; display: block; border-color: #b0befd; margin: 0px 3px; } .lateselect-w .ls-selected-items-w .ls-item span { display: block; } .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: 998; 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; text-transform: uppercase; } .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; } .media-modal-backdrop { z-index: 999999999 !important; } .media-modal { z-index: 9999999999 !important; } .whatsapp-bg { background-color: #25d366 !important; color: #fff !important; } .whatsapp-bg:hover { background-color: #23aa55 !important; } .mb5 { margin-bottom: 5px; } .mb10 { margin-bottom: 10px; } .mb15 { margin-bottom: 15px; } .mb20 { margin-bottom: 20px; } .mb25 { margin-bottom: 25px; } .mb30 { margin-bottom: 30px; } .mb35 { margin-bottom: 35px; } .mb40 { margin-bottom: 40px; } .mb45 { margin-bottom: 45px; } .mb50 { margin-bottom: 50px; } .preview-mobile .wp-full-overlay-main { width: 420px !important; height: 600px !important; } .preview-notice strong.panel-title.site-title { display: none !important; } .rwmb-field.rwmb-heading-wrapper.personalizacao_aviso { background: #ffbc5b; padding: 0px 10px 5px; color: #fff; } .rwmb-field.rwmb-heading-wrapper.personalizacao_aviso p.description { color: #fff !important; } .personalizacao_titulo_1 h4 { font-size: 16px !important; padding-top: 0px !important; } .personalizacao_titulo h4 { font-size: 16px !important; padding-top: 30px !important; } .rwmb-image-edit { display: none !important; } .media-sidebar .details .uploaded { display: none !important; } .media-sidebar a.edit-attachment { display: none !important; } .media-sidebar span.setting[data-setting="url"] { display: none !important; } .media-sidebar span.setting[data-setting="alt"] { display: none !important; } .media-sidebar span.setting[data-setting="description"] { display: none !important; } .media-sidebar .attachment-details p#alt-text-description { display: none !important; } #app_bloqueado { text-align: center !important; position: fixed !important; z-index: 999999 !important; height: 100vh !important; width: 100vw !important; padding: 40vh 0 0 0 !important; background: #e7e7e7 !important; } .padding-0 { padding: 0px !important; } .padding-5 { padding: 5px !important; } .padding-10 { padding: 10px !important; } .padding-20 { padding: 20px !important; } .padding-30 { padding: 30px !important; } .padding-40 { padding: 40px !important; } .padding-50 { padding: 50px !important; } .pt-0 { padding-top: 0px !important; } .pt-5 { padding-top: 5px !important; } .pt-10 { padding-top: 10px !important; } .pt-20 { padding-top: 20px !important; } .pt-30 { padding-top: 30px !important; } .pt-40 { padding-top: 40px !important; } .pt-50 { padding-top: 50px !important; } .pr-0 { padding-right: 0px !important; } .pr-5 { padding-right: 5px !important; } .pr-10 { padding-right: 10px !important; } .pr-20 { padding-right: 20px !important; } .pr-30 { padding-right: 30px !important; } .pr-40 { padding-right: 40px !important; } .pr-50 { padding-right: 50px !important; } .pb-0 { padding-bottom: 0px !important; } .pb-5 { padding-bottom: 5px !important; } .pb-10 { padding-bottom: 10px !important; } .pb-20 { padding-bottom: 20px !important; } .pb-30 { padding-bottom: 30px !important; } .pb-40 { padding-bottom: 40px !important; } .pb-50 { padding-bottom: 50px !important; } .pl-0 { padding-left: 0px !important; } .pl-5 { padding-left: 5px !important; } .pl-10 { padding-left: 10px !important; } .pl-20 { padding-left: 20px !important; } .pl-30 { padding-left: 30px !important; } .pl-40 { padding-left: 40px !important; } .pl-50 { padding-left: 50px !important; } .margin-0 { margin: 0px !important; } .margin-5 { margin: 5px !important; } .margin-10 { margin: 10px !important; } .margin-20 { margin: 20px !important; } .margin-30 { margin: 30px !important; } .margin-40 { margin: 40px !important; } .margin-50 { margin: 50px !important; } .margin-100 { margin: 100px !important; } .mt-0 { margin-top: 0px !important; } .mt-5 { margin-top: 5px !important; } .mt-10 { margin-top: 10px !important; } .mt-20 { margin-top: 20px !important; } .mt-30 { margin-top: 30px !important; } .mt-40 { margin-top: 40px !important; } .mt-50 { margin-top: 50px !important; } .mt-100 { margin-top: 100px !important; } .mt-n5 { margin-top: -5px !important; } .mt-n10 { margin-top: -10px !important; } .mt-n20 { margin-top: -20px !important; } .mt-n30 { margin-top: -30px !important; } .mt-n40 { margin-top: -40px !important; } .mt-n50 { margin-top: -50px !important; } .mt-n100 { margin-top: -100px !important; } .mr-0 { margin-right: 0px !important; } .mr-5 { margin-right: 5px !important; } .mr-10 { margin-right: 10px !important; } .mr-20 { margin-right: 20px !important; } .mr-30 { margin-right: 30px !important; } .mr-40 { margin-right: 40px !important; } .mr-50 { margin-right: 50px !important; } .mr-100 { margin-right: 100px !important; } .mb-0 { margin-bottom: 0px !important; } .mb-5 { margin-bottom: 5px !important; } .mb-10 { margin-bottom: 10px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-40 { margin-bottom: 40px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-100 { margin-bottom: 100px !important; } .mb-n5 { margin-bottom: -5px !important; } .mb-n10 { margin-bottom: -10px !important; } .mb-n20 { margin-bottom: -20px !important; } .mb-n30 { margin-bottom: -30px !important; } .mb-n40 { margin-bottom: -40px !important; } .mb-n50 { margin-bottom: -50px !important; } .mb-n100 { margin-bottom: -100px !important; } .ml-0 { margin-left: 0px !important; } .ml-5 { margin-left: 5px !important; } .ml-10 { margin-left: 10px !important; } .ml-20 { margin-left: 20px !important; } .ml-30 { margin-left: 30px !important; } .ml-40 { margin-left: 40px !important; } .ml-50 { margin-left: 50px !important; } .ml-100 { margin-left: 100px !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .flex-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } .shadow-none { box-shadow: none !important; } .border-none { border: none !important; } .w-5 { width: 5% !important; } .w-10 { width: 10% !important; } .w-15 { width: 15% !important; } .w-20 { width: 20% !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-5 { height: 5% !important; } .h-10 { height: 10% !important; } .h-15 { height: 15% !important; } .h-20 { height: 20% !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .remove-before::before { content: none !important; } .remove-before::after { content: none !important; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .text-red { color: #e62a31 !important; } .text-green { color: #2a774a !important; } .settings-templates-list-w { } .list-items-w { margin-bottom: 10px; } .list-items-w .item-w, .gu-mirror.item-w { margin-bottom: 15px; background: #ffffff; box-shadow: 0 10px 30px 0 rgb(115 125 146 / 11%), 0 1px 2px 0 rgb(160 170 185 / 60%); border-radius: 3px; } .list-items-w .item-w .item-head, .gu-mirror.item-w .item-head { display: flex; align-items: center; position: relative; padding: 12px 20px; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .list-items-w .item-w .item-head .item-head-agent { border-left: 3px solid #0937ff; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .list-items-w .item-w .item-head .item-edit-btn, .gu-mirror.item-w .item-head .item-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; background: none; } .list-items-w .item-w .item-body, .gu-mirror.item-w .item-body { border-top: 1px solid rgba(0,0,0,0.05); padding: 20px; display: none; } .list-items-w .item-w .item-tag { background: #f3d78a; color: #fff; padding: 4px 10px; margin-right: 15px; border-radius: 4px; text-align: center; } .list-items-w .item-w .item-head .item-name, .gu-mirror.item-w .item-head .item-name { font-size: 19px; font-weight: 500; padding: 5px 15px 5px 0; flex: 1; cursor: pointer; transition: all 0.2s ease; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .list-items-w .item-w .item-head .item-name:hover, .gu-mirror.item-w .item-head .item-name:hover { transform: translateX(5px); } .list-items-w .item-w:hover, .gu-mirror.item-w:hover { border-color: rgba(0,0,0,0.3); } .list-items-w .item-w.editing .item-body, .gu-mirror.item-w.editing .item-body { display: block; } .list-items-w .item-w .os-form-w, .gu-mirror.item-w .os-form-w { margin: 0px; } .list-items-w .item-w .item-head .item-drag.disabled, .gu-mirror.item-w .item-head .item-drag.disabled { cursor: not-allowed; } .add-item-box { margin-bottom: 20px; } .financeiro-positivo { background: #6baf56 !important; color: #fff !important; } .financeiro-negativo { background: #d75b5b !important; color: #fff !important; } .os-column-status-booking { font-size: 12.8px !important; font-weight: 500 !important; color: #fff !important; padding: 2px 8px !important; border-radius: 3px !important; border: none !important; margin: 0 2px !important; } .os-column-status-booking i { padding-right: 2px; } .os-column-status-booking.booking-none { color: #3c434a !important; } .os-column-status-booking.booking-agendado, .os-column-status-booking.booking-approved { background: #41c75a; } .os-column-status-booking.booking-nao_confirmado, .os-column-status-booking.booking-pending { background: #e6b935; } .os-column-status-booking.booking-cancelado, .os-column-status-booking.booking-cancelled { background: #ff4040; } .os-column-status-booking.booking-atendido { background: #1b6fff; } .os-column-status-booking.booking-ausente { background: #000; } .os-column-status-time { font-size: 12.8px !important; font-weight: 500 !important; color: #fff !important; padding: 2px 8px !important; border-radius: 3px !important; border: none !important; margin: 0 2px !important; } .os-column-status-time.past-time-year { background: #52515a; } .os-column-status-time.past-time-month { background: #e4e4e4; color: #3c434a !important; } .os-column-status-time.past-time-week { background: transparent; color: #3c434a !important; } .os-column-status-time.past-time-today { background: transparent; color: #3c434a !important; } .os-column-status-time.past-time-none { color: #3c434a !important; } .os-column-status-time.next-time-today { background: #52515a; } .os-column-status-time.next-time-week { background: #e4e4e4; color: #3c434a !important; } .os-column-status-time.next-time-month { background: #e4e4e4; color: #3c434a !important; } .os-column-status-time.next-time-year { background: transparent; color: #3c434a !important; } .os-column-status-time.next-time-none { color: #3c434a !important; } .os-column-status-time.birthday-day { background: #52515a; } .os-column-status-time.birthday-month { background: #e4e4e4; color: #3c434a !important; } .list-items-w .item-w .item-date { background: #f6f6f6; color: #333; padding: 4px 10px; margin-right: 15px; border-radius: 4px; min-width: 100px; text-align: center; } .list-items-w .item-w .item-status { background: #ccc; color: #fff; padding: 4px 10px; margin-right: 15px; border-radius: 4px; min-width: 118px; text-align: center; } .item-status.item-status-agendado, .item-status.item-status-approved { background: #41c75a !important; } .item-status.item-status-cancelado, .item-status.item-status-cancelled { background: #ff4040 !important; } .item-status.item-status-atendido { background: #1b6fff !important; } .item-status.item-status-ausente { background: #000000 !important; } .item-status.item-status-nao_confirmado, .item-status.item-status-pending { background: #e6b935 !important; } body.latepoint-lightbox-active .latepoint-lightbox-w { z-index: 9999999 !important; } .calendar-daily-agent-w .calendar-hours .ch-day-periods .faixa-time { border-top: 1px solid rgba(0,0,0,0.05); width: 100%; position: absolute; z-index: 2; margin-top: -1px; } .calendar-daily-agent-w .calendar-hours .ch-day-periods .faixa-time-hour { border-top: 1px solid rgba(0,0,0,0.1); width: 100%; position: absolute; z-index: 2; margin-top: -1.5px; } .calendar-daily-agent-w .calendar-hours .ch-day-periods .faixa-time-hour { margin-top: 0; } .chd-period.chd-period-off.chd-period-minutes.faixa-current-time { height: 0px !important; } section.backups .left-buttons { text-align: right; } section.backups .left-buttons .light-dark { background-color: #2e2e2e; } section.backups .left-buttons .light-dark:hover { background-color: #474747; } section.backups .left-buttons .extra-dark { background-color: #090909; } section.backups .left-buttons .extra-dark:hover { background-color: #262626; } section.backups .left-buttons .icon-button { background-color: #000; border: 1px solid #ffffff; color: #ffffff; } section.backups .left-buttons .icon-button:hover { background-color: #2a2a2a; } section.backups .white-box button { 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; } .agent-services-list h3:not(:first-child) { margin-top: 10px; margin-bottom: 10px; } .agent-services-list h3 { margin-bottom: 10px; } .os-category-parent-w.status-hidden { opacity: 0.6; border-color: #ffdede; background-color: #ffe8e8; padding-bottom: 5px; margin-bottom: 5px; border-end-end-radius: 9px; border-end-start-radius: 9px; } .os-category-parent-w.status-hidden .os-category-w { background-color: #e8c1c1; } .os-category-parent-w.status-hidden .os-category-w .os-category-services-count, .os-category-parent-w.status-hidden .os-category-w .os-category-services-meta { background-color: #cb9e9e; color: #404040; } .os-category-parent-w, .os-category-parent-w .os-category-w, .os-category-parent-w .os-category-w .os-category-services-count, .os-category-parent-w .os-category-w .os-category-services-meta { transition: 0.5s; } .setting-admin-btn { background-color: #0937ff; color: white; padding: 8px; position: fixed; bottom: 5px; right: 5px; z-index: 9; transition: 0.5s; cursor: pointer; border-color: #fff; border-radius: 99px !important; font-size: 1.5rem !important; box-shadow: none !important; border: none !important; animation: spin 10s infinite linear; } .setting-admin-btn:hover { transform: scale(1.1); } .os-services-select-field-w.disabled, .lateselect-w.disabled { pointer-events: none; opacity: 0.5; cursor: not-allowed; } @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; } } @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; } } @keyframes osLightboxAnimation { 0% { transform: translate3d(-50%,-40%,0px); } 100% { transform: translate3d(-50%,-50%,0px); } } @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; } } @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%; } } @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; } } @media (max-width: 992px) { .daily-agent-monthly-calendar-w.horizontal-calendar .os-current-month-label-w { flex-direction: column; } } @media (max-width: 992px) { .latepoint-side-panel-w .os-form-w .open-quick-availability-btn.latepoint-btn-white.latepoint-btn { margin-bottom: 22px; } } @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } @media (max-width: 768px) { .os-widget-upcoming-appointments .no-results-w { margin-left: 0px; } } @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 screen and (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: 20px; text-align: center; } .os-widget .stats-tabs { flex-wrap: wrap; } .os-widget .stats-tabs .stats-tab:nth-child(1) { border-bottom: 1px solid rgba(0,0,0,0.1); } .os-widget .stats-tabs .stats-tab:nth-child(2) { border-left: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1); } .os-widget .stats-tabs .stats-tab:nth-child(3) { border-left: 0; } .os-widget .stats-tab-value { font-size: 22px; } .os-widget .stats-tab-value .stats-change { position: relative; left: 0; margin: 0 auto; margin-bottom: 15px; } .os-widget .stats-tab-value .stats-change .stats-change-label { white-space: normal; position: relative; padding: 3px 6px; } .stats-tab-contents { display: none; } .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; align-self: center; border-right: unset; } .agent-stats-box .agent-info .avatar-w { width: 55px; height: 55px; } .agent-stats-box .agent-stats .agent-stats-value { padding: 10px; border-left: 1px solid #f0f1f5; } .agent-stats-box .agent-stats .agent-stats-value-hours { padding: 0 10px; } .agent-stats-box .agent-stats .agent-stats-chart { padding: 12px 10px 12px 10px; border-top: 1px solid #f0f1f5; border-left: 1px solid #f0f1f5; } .agent-stats-box .agent-stats .agent-stats-value strong { font-size: 16px; } .agent-stats-box .agent-stats .agent-stats-values { text-align: center; display: block; } .latepoint-top-bar-w .latepoint-user-info-dropdown .os-main-location-selector { display: block !important; /*width: auto;*/ margin: 10px auto; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; max-width: 240px; } .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; } .steps-ordering-w .step-w .step-head .step-name, .gu-mirror.step-w .step-head .step-name { padding-left: 15px; } .latepoint-top-bar-w { animation: 0.2s cubic-bezier(0.05,0.45,0.1,1) 0s mobileTopBarAnimation; animation-fill-mode: both; } .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; } .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 0px 0px -7px; } .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; max-height: calc(100vh - 120px); overflow-y: 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 100%; margin: 0px; margin-bottom: 4%; } .index-agent-boxes .agent-box-w { flex: 0 0 100%; 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 .locations_selector { display: none; } .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-user-info-dropdown .locations_selector { display: flex; } .latepoint-all-wrapper .latepoint-top-bar-w .latepoint-top-user-info-w .latepoint-user-info-dropdown { right: 50%; top: -5px; padding-top: 5px; width: 280px; 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 .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: 0px 0px 15px 60px; margin-bottom: 0px; } .latepoint-all-wrapper .latepoint-side-menu-w ul.side-sub-menu li { font-size: 18px; } .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: 16px; letter-spacing: 1px; padding: 12px 15px; } .latepoint-all-wrapper .latepoint-side-menu-w ul.side-menu > li > a > span { padding-left: 5px; } .latepoint-all-wrapper .latepoint-side-menu-w ul.side-menu > li > a > i { font-size: 20px; } .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; } .os-table-w.os-table-compact .os-table tr td { white-space: nowrap; } } @media (min-width: 601px) { .appointment-box-large .aba-approve:hover { 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; } } @media (max-width: 1024px) { #customize-preview iframe { margin: 46px 0 !important; height: calc(100% - 46px) !important; } } @media (max-width: 1024px) { .attachments-browser .uploader-inline, .attachments-browser.has-load-more .attachments-wrapper, .attachments-browser:not(.has-load-more) .attachments { top: 84px !important; } .rwmb-image-actions .rwmb-image-delete { display: none !important; } .attachments-browser .uploader-inline, .attachments-browser.has-load-more .attachments-wrapper, .attachments-browser:not(.has-load-more) .attachments { right: 0 !important; } .attachments-browser .media-toolbar-secondary { display: none !important; } .attachments-browser .media-toolbar-primary { max-width: 100% !important; float: none !important; } } @media (max-width: 400px) { .calendar-week-agent-w .cc-date { font-size: 20px; } .daily-agent-monthly-calendar-w.horizontal-calendar .os-current-month-label-w .os-current-month-label { font-size: 22px; } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } pre.json { word-wrap: break-word; white-space: pre-wrap; } body.latepoint-admin .latepoint-btn.latepoint-btn-gray { background-color: #595959; color: #ffffff; } #bar-alert { display: flex; justify-content: center; padding: 10px 20px; background: #0937ff; } .bar-alert-content { display: flex; flex-direction: row; align-items: center; gap: 20px; } .bar-alert-content-text { display: flex; font-size: 15px; color: #fff; } .bar-alert-content-button { display: flex; align-self: center; padding: 6px 16px; border-radius: 50px; background: #fff; color: #000; text-decoration: none; border: none; } @media only screen and (max-width: 768px) { #bar-alert { display: flex; justify-content: center; gap: 20px; padding: 15px 20px; } .bar-alert-content-text { font-size: 14px; } #bar-alert { margin-top: 56px; margin-bottom: -56px; } } body.latepoint-admin .latepoint-btn-light:active, body.latepoint-admin .latepoint-btn-light { background-color: #d7d7d7; color: black; border: black; border: 1px solid #bfbfbf; transition: 0.2s; } body.latepoint-admin .latepoint-btn-light:hover { background-color: #e3e3e3; color: black; } #reorderCustomers .os-form-group { margin-bottom: 0 !important; } #reorderCustomers .os-form-group.os-form-checkbox-group label { border: none !important; cursor: pointer; display: block; } .ee-grid.ee-grid-1 { grid-template-columns: repeat(1, 1fr); } .ee-grid.ee-grid-2 { grid-template-columns: repeat(2, 1fr); } .ee-grid.ee-grid-3 { grid-template-columns: repeat(3, 1fr); } .ee-grid.ee-grid-4 { grid-template-columns: repeat(4, 1fr); } .ee-grid.ee-grid-5 { grid-template-columns: repeat(5, 1fr); } .ee-grid.ee-grid-6 { grid-template-columns: repeat(6, 1fr); } .ee-grid { display: grid; grid-auto-rows: 1fr; grid-gap: 20px; } .ee-widget-list { margin-bottom: 20px; } .ee-widget-list .ee-widget { background: #fff; box-shadow: 0 2px 6px 0 rgba(67, 89, 113, .12); border: 1px solid #e0e1e8; padding: 20px 20px 20px 26px; border-radius: 3px; position: relative; width: 100%; } .ee-widget .ee-widget-status { position: absolute; top: -1px; left: -1px; bottom: -1px; width: 6px; border-radius: 3px 0 0 3px; } .ee-widget .ee-widget-title { font-size: 16px; color: #8894af; } .ee-widget-value-financial-dashboard { font-size: 24px; font-weight: 500; } .ee-widget-value-price-financial-dashboard { font-size: 18px; font-weight: 500; } .ee-widget.color-blue .ee-widget-status { background: #1b6fff; } .ee-widget.color-dark .ee-widget-status { background: #1d2327; } .ee-widget.color-red .ee-widget-status { background: #ff4040; } .ee-widget.color-green .ee-widget-status { background: #41c75a; } .ee-widget.color-grey .ee-widget-status { background: #a9a9a9; } .ee-widget.color-yellow .ee-widget-status { background: #ea9600; } .color-green, .color-green-h:hover { color: #00ab63 !important; } .color-red, .color-red-h:hover { color: #e62a31 !important; } .color-yellow, .color-yellow-h:hover { color: #yellow !important; } @media screen and (max-width: 768px) { .ee-grid.ee-grid-sm-1 { grid-template-columns: repeat(1, 1fr) !important; } .ee-grid.ee-grid-sm-2 { grid-template-columns: repeat(2, 1fr) !important; } .ee-grid.ee-grid-sm-3 { grid-template-columns: repeat(3, 1fr) !important; } } .color-agent-disabled{ color: red!important; } .table-logs tbody tr:nth-child(n+5) { opacity: 0.85; } .table-logs tbody tr:nth-child(n+6) { opacity: 0.70; } .table-logs tbody tr:nth-child(n+7) { opacity: 0.55; } .table-logs tbody tr:nth-child(n+8) { opacity: 0.40; } .table-logs tbody tr:nth-child(n+9) { opacity: 0.25; } .table-logs tbody tr:nth-child(n+10) { opacity: 0.10; } .table-logs-container { margin-top: 20px; } .table-logs-container h3{ color: #8894af; } .table-logs-container table{ border: 1px solid #dddddd; } .table-logs-container .text-link{ margin-top: 20px; } .table-logs-container a{ text-decoration: none; transition: 0.5ms; } .table-logs-container a:hover{ opacity: 0.65; } .table-logs { font-size: 14px; border-collapse: collapse; width: 100%; } .table-logs th, .table-logs td { padding: 10px; text-align: left; border-bottom: 1px solid #ddd; } .table-logs th { background-color: #f2f2f2; } .table-logs tr:hover { background-color: #f5f5f5; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; } details { border: 1px solid #ccc; border-radius: 4px; padding: 10px; transition: max-height 0.5s ease-out; overflow: hidden; min-height: 60px; transition: 0.5s; } details[open] { max-height: 1000px; /* Define a altura máxima quando aberto */ transition: max-height 0.5s ease-in; } summary { background-color: #f1f1f1; padding: 10px; cursor: pointer; } .calendar-month-agents-w .ma-head-agent { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .calendar-month-agents-w .ma-head-agent .ma-head-agent-avatar { margin-right: none!important; padding-right: none!important; margin-left: none!important; } .calendar-month-agents-w .ma-head-agent .ma-head-agent-name { margin-left: 10px; } /* FINANCEIRO - CATEGORIAS*/ .ee-table-financial-category { display: flex; align-items: center; column-gap: 5px; } .ee-table-financial-category.ee-table-financial-category-other { display: flex; flex-direction: column; align-items: start; } /* STATS WIDGET */ .ee-stats { display: flex; flex-direction: column; background: #fff; box-shadow: 0 2px 6px 0 rgba(67,89,113,.12); border: 1px solid #e0e1e8; border-radius: 3px; margin-bottom: 40px; } .ee-stats-header { display: flex; flex-direction: row; /*flex-wrap: wrap;*/ align-items: center; justify-content: space-between; gap: 20px; padding: 10px 20px; /*border-bottom: 1px solid #e7e9ef;*/ } .ee-stats-header a.ee-btn { height: 30px; } .ee-stats-header .ee-stats-filters-icon { display: flex; /* Mobile */ display: none; /* Desktop */ } .ee-stats-title { flex-shrink: 0; font-size: 22px; color: #2d303a; font-weight: 500; } .ee-stats-filters-list { display: flex; align-content: end; flex-wrap: wrap; gap: 10px; } .ee-stats .ee-stats-content-list { display: grid; grid-auto-rows: 1fr; grid-gap: 1px; } .ee-stats .ee-stats-content-list.ee-itens-2 { grid-template-columns: repeat(2, 1fr); } .ee-stats .ee-stats-content-list.ee-itens-3 { grid-template-columns: repeat(3, 1fr); } .ee-stats .ee-stats-content-list.ee-itens-4 { grid-template-columns: repeat(4, 1fr); } .ee-stats .ee-stats-content-list.ee-itens-5 { grid-template-columns: repeat(5, 1fr); } .ee-stats .ee-stats-content-list.ee-itens-6 { grid-template-columns: repeat(6, 1fr); } .ee-stats-content-list .ee-stats-content { display: flex; flex-direction: row; justify-content: space-between; align-items: center; outline: 1px solid #e0e1e8; padding: 20px; } .ee-stats-content-col { display: flex; flex-direction: column; } .ee-stats-content .ee-stats-content-title { font-size: 16px; color: #8894af; } .ee-stats-content .ee-stats-content-value { font-size: 34px; font-weight: 500; color: #3c445f; } .ee-stats-content .ee-stats-content-description { font-size: 13px; font-weight: 300; color: #8894af; } .ee-stats-content .ee-stats-comparative { display: flex; flex-direction: column; align-items: flex-end; } .ee-stats-comparative .ee-stats-comparative-percent { font-size: 13px; font-weight: 500; text-align: right; padding: 4px 6px; border-radius: 4px; color: #fff; margin-bottom: 10px } .ee-stats-comparative .ee-stats-comparative-label { font-size: 13px; font-weight: 400; color: #8894af; } .ee-stats-comparative .ee-stats-comparative-value { font-size: 16px; font-weight: 500; color: #6c6c6c; } .ee-stats-comparative.ee-stats-comparative-positive .ee-stats-comparative-percent { background: #41c75a; } .ee-stats-comparative.ee-stats-comparative-negative .ee-stats-comparative-percent { background: #ff4040; } .ee-stats-content .ee-stats-content-value.ee-stats-positive { color: #41a131; } .ee-stats-content .ee-stats-content-value.ee-stats-negative { color: #ff4040; } .ee-section-actions { display: flex; gap: 10px; justify-content: end; } .ee-section-title { font-size: 28px; font-weight: 500; color: #0937ff; } .ee-section-header { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 20px; } @media (max-width: 600px) { .ee-section-header.ee-section-header-actions { flex-direction: column; align-items: flex-start; gap: 10px; } } .ee-btn { display: flex; align-items: center; background-color: #0937ff; color: #fff!important; border-radius: 4px; text-decoration: none; font-weight: 500; box-shadow: none; border: none; cursor: pointer; white-space: nowrap; height: fit-content; padding: 13px 16px; line-height: 1; font-size: 14px; height: auto; min-height: 30px; transition: 0.5s; } .ee-btn:hover { opacity: 0.8; } .ee-btn:hover, .ee-btn:focus { outline: none; color: #fff; filter: saturate(1.2); box-shadow: none; } .ee-btn-green { background-color: #00ab63; } .ee-btn-red { background-color: #e62a31; } .ee-btn i { margin-right: 5px; display: flex; } .ee-table-w { display: flex; flex-direction: column; background-color: #fff; box-shadow: 0 2px 6px 0 rgba(67,89,113,.12); border: 1px solid #e0e1e8; overflow-x: auto; } .ee-table { width: 100%; border-collapse: collapse; } .ee-table tr { border-bottom: 1px solid #e0e1e8; } .ee-table tr th { font-size: 13px; font-weight: 500; color: #3c445f; text-align: center; background-color: #fafafa; white-space: nowrap; overflow: hidden; padding: 15px 12px; } .ee-table-w .ee-table tr td { padding: 12px; text-align: center; white-space: nowrap; overflow: hidden; } .ee-table-options { display: flex; flex-direction: row; justify-content: end; align-items: center; gap: 8px; } .ee-table-options-item.item-yellow { background: #e6b935; } .ee-table-options-item.item-green { background: #41c75a; } .ee-table-options-item.item-blue { background: #0937ff; } .ee-table-options-item.item-purple { background: #ed00ff; } .ee-table-options-item.item-dark { background: #1d2327; } .ee-table-options-item.item-gray { background: #b5b5b5; } .ee-table-options-item.item-light-gray { background: #d7d7d7; } .ee-table-options-item.item-red { background: #ff4040; } .ee-table-options-item { color: #fff; border-radius: 3px; } .ee-table-w .ee-table tr td a { color: #3c434a; text-decoration: none; } .ee-table-options-item a, .ee-table-options-item button { display: flex; color: #fff !important; padding: 6px !important; border-radius: 3px !important; margin: 0; border: 0; } .ee-table-w .ee-table tr td button i, .ee-table-w .ee-table tr td a i { display: flex; margin-right: 4px; } .ee-table-options .ee-table-options-item button i, .ee-table-options .ee-table-options-item a i { margin: 0px !important; } .ee-tag { display: inline-flex; font-size: 12.8px; font-weight: 500; color: #fff; background-color: #0937ff; padding: 4px 8px; border-radius: 3px; } .ee-tag-yellow { background-color: #e6b935; } .ee-tag-green { background-color: #41c75a; } .ee-tag-red { background-color: #ff4040; } .ee-tag-blue { background: #0937ff; } .ee-tag-secondary { background: #e2e3e5; color: #383d41; } .os-latepoint-side-panel-padding { padding: 20px; } .os-form-body { margin-top: 40px; } .ma-days-with-bookings-i .ma-head-agent a{ text-decoration: none; color: #2d303a; border-bottom: 1px dotted rgba(9, 55, 255, 0.4); font-weight: 500; margin-right: auto; white-space: nowrap; } /* */ .latepoint-lightbox-i .os-date-range-picker, .latepoint-side-panel-i .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; } .latepoint-lightbox-i .os-date-range-picker span, .latepoint-side-panel-i .os-date-range-picker span { color: #38406d; } .latepoint-lightbox-i .os-date-range-picker i, .latepoint-lightbox-i .os-date-range-picker span, .latepoint-side-panel-i .os-date-range-picker i, .latepoint-side-panel-i .os-date-range-picker span { display: inline-block; vertical-align: middle; } .latepoint-lightbox-i .os-date-range-picker i, .latepoint-side-panel-i .os-date-range-picker i { font-size: 14px; } /* .latepoint-side-panel-i { 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; } .latepoint-side-panel-i .daterangepicker.ltr { z-index: 9999999; } */ /* Style the range input */ input[type="range"] { width: 100%; -webkit-appearance: none; background: transparent; } /* Style the range thumb */ input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; height: 15px; width: 15px; margin-top: -3px; background-color: #0937ff; border-radius: 50%; cursor: pointer; } /* Style the range track */ input[type="range"]::-webkit-slider-runnable-track { width: 100%; height: 8px; background: #ddd; border-radius: 4px; cursor: pointer; } .financial-amount-custom input[type="range"] { width: 85%; margin-top: 8px; } .financial-amount-custom { margin-bottom: 45px!important; } .financial-amount-custom div { width: 10%; margin-left: 5%; text-align: center; background: #fff; border: 1px solid #aaacb9; box-shadow: 0 2px rgba(0, 0, 0, 0.05); border-radius: 3px; font-size: 1rem; } .latepoint-lightbox-i .side-panel-dateranger .os-date-range-picker, .latepoint-side-panel-w .side-panel-dateranger .os-date-range-picker { width: 100%; background-color: #fff; border: 1px solid #d6d6e1; border-bottom-color: #aaacb9; text-align: left; margin-left: 0; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); left: 0; height: 36px; padding: 0px 5px 0px 7px !important; } .latepoint-lightbox-i .side-panel-dateranger .os-date-range-picker i, .latepoint-side-panel-w .side-panel-dateranger .os-date-range-picker i { float: right; font-size: 18px; } .latepoint-lightbox-i .side-panel-dateranger .os-date-range-picker i, .latepoint-side-panel-w .side-panel-dateranger .os-date-range-picker i { line-height: 2rem; } span.range-picker-value { color: #32373c; line-height: normal; font-size: 16px; font-weight: 500; line-height: 1rem; } .latepoint-side-panel-i .side-panel-dateranger .os-date-range-picker label, .latepoint-lightbox-i .side-panel-dateranger .os-date-range-picker, .latepoint-side-panel-i span.range-picker-value, .latepoint-lightbox-i span.range-picker-value { color: #32373c; line-height: normal; font-size: 16px; font-weight: 500; line-height: 1.5rem; } .swal2-styled.swal2-confirm, .wal2-styled.swal2-cancel{ margin-left: 0.5rem; margin-right: 0.5rem; } .swal2-container.swal2-top, .swal2-container.swal2-center, .swal2-container.swal2-bottom { z-index: 99999; } .os-form-content .table-primary, .os-form-content .table-primary>td, .os-form-content .table-primary>th { background-color: #b8daff !important; } .os-form-content .table-secondary, .os-form-content .table-secondary>td, .os-form-content .table-secondary>th { background-color: #d6d8db !important; } .os-form-content .table-success, .os-form-content .table-success>td, .os-form-content .table-success>th { background-color: #c3e6cb !important; } .os-form-content .table-danger, .os-form-content .table-danger>td, .os-form-content .table-danger>th { background-color: #f5c6cb !important; } .os-form-content .table-warning, .os-form-content .table-warning>td, .os-form-content .table-warning>th { background-color: #ffeeba !important; } .os-form-content .table-info, .os-form-content .table-info>td, .os-form-content .table-info>th { background-color: #bee5eb !important; } .os-form-content .table-light, .os-form-content .table-light>td, .os-form-content .table-light>th { background-color: #fdfdfe !important; } .os-form-content .table-dark { color: #fff !important; background-color: #212529 !important; } .os-form-content .table-active, .os-form-content .table-active>td, .os-form-content .table-active>th { background-color: rgba(0,0,0,.075) !important; } .ee-filters { display: flex; flex-direction: column; background: #fff; box-shadow: 0 2px 6px 0 rgba(67, 89, 113, .12); border: 1px solid #e0e1e8; border-radius: 3px; padding: 10px; margin-bottom: 20px; } .ee-filters .os-widget-header-actions .os-date-range-picker { position: relative; text-align: center; } .border-0 { border: 0 !important; } /* #show_filters_option.os-widget-header.with-actions .os-widget-header-actions .os-date-range-picker span { text-align: left; padding: 3px 20px 0px 0px !important; line-height: normal; font-size: 14px; } #show_filters_option.os-widget-header.with-actions .os-widget-header-actions .os-date-range-picker i { position: absolute; float: right; font-size: 18px; height: 33px; top: 1px; justify-items: center; right: 1px; border-radius: 6px; padding-right: 4px; display: flex; background: #fff; justify-content: center; display: flex; justify-content: center; align-items: center; text-align: center; } #show_filters_option.os-widget-header.with-actions .os-widget-header-actions .os-date-range-picker { min-height: 36px; float: left; max-width: 180px; width: 180px; text-align: left; background-color: #fff; border: 1px solid #d6d6e1; border-bottom-color: #aaacb9; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); } @media (max-width: 992px) { #show_filters_option.os-widget-header.with-actions .os-widget-header-actions { display: block; } } .latepoint-side-panel-i { padding: 10px 15px 10px 20px; } .latepoint-side-panel-i .padding-top-50 { padding-top: 50px; } .latepoint-side-panel-i #filtersForm .os-form-content { padding: 0px; position: relative; padding-top: 70px; } .latepoint-side-panel-i #filtersForm .os-form-header { padding: 15px 10px 0px 0px; } .latepoint-side-panel-i #filtersForm .os-date-range-picker { width: 100%; } .latepoint-side-panel-i #filtersForm .os-date-range-picker label { line-height: 1.5rem; } .llatepoint-side-panel-i #filtersForm .os-date-range-picker i { float: right; line-height: 1.5rem; font-size: 16px; } .latepoint-side-panel-i #filtersForm .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 7px; display: inline-block; vertical-align: middle; line-height: 1; } .latepoint-side-panel-i #filtersForm .os-form-buttons { padding: 0 0; } .latepoint-side-panel-i #filtersForm .daterangepicker .calendar-table th, .latepoint-side-panel-i #filtersForm .daterangepicker .calendar-table td { min-width: 28px; width: 28px; height: 20px; line-height: 22px; font-size: 11px; } .latepoint-side-panel-i #filtersForm .daterangepicker .drp-calendar.left { padding: 0; } .latepoint-side-panel-i #filtersForm .daterangepicker .drp-calendar.right { padding: 0; } .latepoint-side-panel-i #filtersForm .daterangepicker { width: calc(100% - 10px); } */ .latepoint-side-panel-w .latepoint-side-panel-i .os-widget { position: initial; } .latepoint-side-panel-w .latepoint-side-panel-i .latepoint-btn-disabled { opacity: 0.5; } /* FINANCIAL FILTERS STYLES */ #filtersForm .customer-info-w .os-form-sub-header h3 { display: block; margin-bottom: 1px; font-size: 15px; font-weight: 500; color: #404449; font-weight: 500; padding-left: 7px; } #filtersForm .customer-info-w .os-form-sub-header { background-color: #fff; border: 1px solid #d6d6e1; border-bottom-color: #aaacb9; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); padding-top: 6px; border-radius: 4px; } #filtersForm .customer-info-w.selecting .os-form-sub-header { display: none; } #filtersForm .customer-info-w.selected .os-form-sub-header { margin: 0 auto; } #filtersForm .customer-info-w.selecting .os-form-group.os-form-group-transparent { margin-bottom: 0px; } #filtersForm .customer-info-w .customer-info-load-btn { cursor: pointer; } #filtersForm .customer-info-w .customers-options-list { border: 1px solid #ededed; box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.1); border-radius: 3px; } #filtersForm .customer-info-w .customers-options-list .no-results{ padding: 10px; } #filtersForm .customer-info-w .customers-options-list .customer-option.item-selected{ background: antiquewhite; } /* */ .badge { display: inline-block; padding: 3px 6px; background-color: #ff4757; /* Red background */ color: white; /* White text */ border-radius: 12px; /* Rounded corners */ font-weight: bold; /* Bold text */ text-align: center; /* Center the text */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Shadow for depth */; margin-right: 5px; } .badge.badge-success { background-color: #28a745; /* Green */ color: white; } .badge.badge-warning { background-color: #ffc107; /* Yellow */ color: white; } .badge.badge-info { background-color: #17a2b8; /* Blue */ color: white; } .badge.badge-danger { background-color: #dc3545; /* Red */ color: white; } .badge.badge-secondary { background-color: #6c757d; /* Gray */ color: white; } .badge.badge-light { background-color: #f8f9fa; /* Light Gray */ color: #6c757d; } .badge.badge-dark { background-color: #343a40; /* Dark */ color: white; } .badge.badge-primary { background-color: #007bff; /* Blue */ color: white; } .badge.badge-secondary { background-color: #6c757d; /* Gray */ color: white; } .latepoint-lightbox-w .lightbox-content input:disabled, .latepoint-lightbox-w .lightbox-content select:disabled { background-color: #fff; border: 1px solid #d6d6e1; border-bottom-color: #aaacb9; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); cursor: not-allowed; color: #caccce; } .lightbox-content label[for="all"], .lightbox-content label[for="only_and_all"]{ font-weight: 500; font-size: 13px !important; } .cursor-not-allowed, .cursor-not-allowed a { cursor: not-allowed; } .os-table-w.os-table-compact .os-table tr td .latepoint-btn.p-5 { padding: 5px; } .color-dark{ color: #1d2327; } .scroll-box { width: 100%; margin-bottom: 20px; max-height: 150px; overflow-y: auto; border: 1px solid #ccc; background-color: #fff; padding: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .quick-booking-form-w .alert-danger-status { background-color: #f94e4e; color: #fff; padding: 15px; border-radius: 3px; transition: 0.5s; } .quick-booking-form-w .alert-danger-status .alert-atendido-message { width: 100%; text-align: justify; font-size: 14px; padding-bottom: 15px; } .quick-booking-form-w .alert-danger-status label { color: #fff; }