/** * @package VikBooking * @subpackage back-end styles * @author E4J s.r.l. * @link https://vikwp.com */ /* Variable declarations * Guidelines input elements: * -- Config Input and Select: Background: --vbo-input-style / Border-color: --vbo-config-border-color * -- Config Input and Select - Status DEACTIVE Background: --vbo-input-style-deactive / Border-color: --vbo-config-border-color * -- Nested Config Input and Select: Background: --vbo-input-style-nested / Border-color: --vbo-config-border-color * -- Nested Config Input and Select - Status DEACTIVE: Background: --vbo-input-style-nested-deactive / Border-color: --vbo-input-style-deactive * -- Generic btn gray: Background: --vbo-basic-btn / --vbo-config-border-color */ :root { /* body color */ --vbo-body-bg-color: #fff; --vbo-body-text-color: #444; /* main bg and text color */ --vbo-main-bg-color: #eee; --vbo-container-text-color: inherit; --vbo-contrast-text-color: #fff; --vbo-base-color: #2282bd; --vbo-base-color-hover: #1890ce; --vbo-link-text-color: #2271b1; --vbo-basic-btn: #eee; --vbo-basic-btn-hover: #ddd; --vbo-basic-btn-focus: #cacaca; --vbo-light-color-btn: #e9f3fa; --vbo-middle-color-btn: #999; --vbo-grey-blue-bg: #E4EAF4; --vbo-white-blue-bg: #f9fafc; --vbo-table-light-grey: #f0f0f1; --vbo-select2-bg: #b6d8ee; --vbo-select2-border: #b8d1e1; --vbo-select2-txt: #2d5593; /* Config bg and text color */ --vbo-config-bg-color: #fff; --vbo-config-bg-dark: #1d2327; --vbo-config-text-color: inherit; --vbo-config-border-color: #ddd; --vbo-config-titles-color-light: #666; --vbo-config-child-bg-color: #f6f6f6; --vbo-config-text-color-light: #999; --vbo-config-title-color: #1d2327; /* Input Style */ --vbo-input-style: #fff; --vbo-input-style-deactive: #f6f7f7; --vbo-input-style-nested-deactive: #eee; /* Page Lists */ --vbo-toolbar-bg-color: #d4dae5; /* General Colors */ --vbo-red-color: #b90c0d; --vbo-red-color-hover: #e61717; --vbo-red-color-focus: #9d0101; --vbo-orange-color: #ffab48; --vbo-orange-color-hover: #ad6704; --vbo-green-color: #46a546; --vbo-green-color-hover: #428242; --vbo-green-color-focus: #65c265; --vbo-light-green-color: #d7f4d6; --vbo-light-green-color-hover: #9ed59c; --vbo-light-blue: #e6f3ff; --vbo-blue-color: #31708f; --vbo-blue-color-hover: #498fb3; --vbo-blue-accent: #6385c6; --vbo-blue-accent-hover: #3961aa; --vbo-gold-color: #f0d812; --vbo-purple-color: #9b0dce; --vbo-ai-color: #5a16ea; /* Notification Status */ --vbo-info-bg: #bdd7e3; --vbo-info-txt: #13438e; --vbo-info-border: #72abcc; --vbo-warning-bg: #ffead6; --vbo-warning-txt: #f38321; --vbo-warning-border: #d69b3c; --vbo-error-bg: #ffd1d1; --vbo-error-txt: #800; --vbo-error-border: #ea6060; --vbo-success-bg: #c9f4c9; --vbo-success-txt: #097900; /* Tag colors */ --vbo-tag-red-bg: #fbdcd9; --vbo-tag-red-txt: #4c211d; --vbo-tag-red-border: #eed2d0; --vbo-tag-green-bg: #daebdc; --vbo-tag-green-txt: #0b2e0f; --vbo-tag-green-border: #d2ddd2; --vbo-tag-olive-bg: #C7D8B4; --vbo-tag-olive-txt: #3B5024; --vbo-tag-olive-border: #afc19a; --vbo-tag-blue-bg: #bed6fb; --vbo-tag-blue-txt: #222950; --vbo-tag-blue-border: #b6ceda; --vbo-tag-ocean-bg: #d2e5f2; --vbo-tag-ocean-txt: #223d50; --vbo-tag-ocean-border: #c8dbe1; --vbo-tag-brown-bg: #f0dfd7; --vbo-tag-brown-txt: #4d3124; --vbo-tag-brown-border: #ded2ca; --vbo-tag-yellow-bg: #f8e5b3; --vbo-tag-yellow-txt: #6d4e00; --vbo-tag-yellow-border: #e8dcae; --vbo-tag-orange-bg: #ffe3ca; --vbo-tag-orange-txt: #543521; --vbo-tag-orange-border: #eac9b1; --vbo-tag-purple-bg: #e8ddee; --vbo-tag-purple-txt: #38174a; --vbo-tag-purple-border: #dad3de; --vbo-tag-pink-bg: #f6dfe9; --vbo-tag-pink-txt: #542d3e; --vbo-tag-pink-border: #e3d2da; --vbo-tag-black-bg: #d0d0d0; --vbo-tag-black-txt: #3e3e3e; --vbo-tag-black-border: #929292; --vbo-tag-gray-bg: #e5e4e0; --vbo-tag-gray-txt: #3e3e3e; --vbo-tag-gray-border: #d3d3d1; /* VCM Chat Message */ --vcm-chat-background: #fafcfe; --vcm-chat-bubble-host-background: #2293f4; --vcm-chat-bubble-host-color: #fff; --vcm-chat-bubble-guest-background: #e5e5ea; --vcm-chat-bubble-guest-color: #444; --vcm-chat-dot-flashing-on: #1e4c93; --vcm-chat-dot-flashing-off: rgba(30, 76, 147, 0.2); /* Sizes */ --vbo-field-radius: 8px; } legend.adminlegend { color: var(--vbo-config-title-color); border-bottom: 1px solid var(--vbo-config-border-color); } input[pattern]:invalid { border-color: var(--vbo-red-color) !important; } input[type="checkbox"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime-local"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="radio"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, select:focus, textarea:focus { border-color: var(--vbo-base-color); box-shadow: none; } /* Icons style */ .vbo-bg-icon { width: 32px; height: 32px; font-size: 16px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; background: var(--vbo-light-blue); color: var(--vbo-base-color-hover); } /* Back button style to use in Widgets */ .vbo-w-list-back { padding: 8px 10px; display: inline-flex; align-items: center; gap: 10px; border-radius: var(--vbo-field-radius); font-weight: bold; margin-right: 8px; margin-top: 10px; cursor: pointer; &:hover { background: var(--vbo-light-blue); } } /* Text styles */ .vbo-bold { font-weight: bold; } .text-red { color: var(--vbo-red-color) !important; } /* * Classes .label and .badge */ .label, .badge { display: inline-block; padding: 4px 6px; font-size: 10.998px; font-weight: bold; line-height: 14px; color: var(--vbo-contrast-text-color); vertical-align: baseline; white-space: nowrap; background-color: var(--vbo-middle-color-btn); } .label { border-radius: 3px; } .badge { border-radius: 20px; } .badge-small { font-size: 11px; display: inline-block; border-radius: 20px; padding: 1px 6px; background-color: var(--vbo-config-border-color); } .badge-medium { font-size: 12px; display: inline-block; border-radius: 20px; padding: 2px 10px; white-space: nowrap; background-color: var(--vbo-config-border-color); } .badge-icon { display: inline-flex; align-items: center; gap: 4px; } .label.label-success, .badge.badge-success, .badge-success { background-color: var(--vbo-success-bg); color: var(--vbo-success-txt); } a.label.label-success:hover, a.badge.badge-success:hover { background-color: var(--vbo-green-color-hover); } .label.label-warning, .badge.badge-warning, .badge-warning { background-color: var(--vbo-warning-bg); color: var(--vbo-warning-txt); } a.label.label-warning:hover, a.badge.badge-warning:hover { background-color: var(--vbo-orange-color-hover); } .label.label-info, .badge.badge-info, .badge-info { background-color: var(--vbo-info-bg); color: var(--vbo-info-txt); } a.label.label-info:hover, a.badge.badge-info:hover { background-color: var(--vbo-blue-color-hover); } a.label, a.badge, a.label:hover, a.badge:hover { color: var(--vbo-contrast-text-color); } .label.label-transp-blue, .badge.badge-transp-blue, .badge-transp-blue { background: transparent; border: 1px solid var(--vbo-blue-color); color: var(--vbo-blue-color); } /* This info label will have a blue light color */ .label.label-info-light, .badge.badge-info-light, .badge-info-light { background-color: var(--vbo-light-blue); color: var(--vbo-base-color); border: 1px solid var(--vbo-info-bg); } .btn.btn-green { background-color: var(--vbo-green-color); color: #fff; border: 1px solid var(--vbo-green-color); } .btn.btn-green:hover { background-color: var(--vbo-green-color-hover); border: 1px solid var(--vbo-green-color-hover); } .badge-ai, .label-ai { background: var(--vbo-ai-color); } .btn-large, .btn.btn-large { padding: 14px 24px; font-size: 16px; border-radius: var(--vbo-field-radius); } .vbo-label-nested { padding: 1px 4px !important; font-weight: 500; line-height: 12px; font-size: 11px; } .vbo-enabled-icon, .vbo-enabled-color { color: var(--vbo-green-color); } .vbo-orange { color: var(--vbo-orange-color); } .vbo-yellow { color: var(--vbo-gold-color) !important; } /* Text styles */ .text-center { text-align: center; } .cursor { cursor: pointer; } /* Tables */ .table th.title.left, .table th.left, .table td.left { text-align: left; } .table th.title.center, .table th.center, .table td.center { text-align: center; } .table th.title.right, .table th.right, .table td.right { text-align: right; } /* @joomlaonly - forced border color for the Joomla top toolbar */ .subhead .btn-toolbar .btn { border: 1px solid var(--vbo-config-border-color); } .subhead .btn-toolbar .btn-success { border: 1px solid var(--vbo-green-color); border: 1px solid rgba(0,0,0,0.2); } /*** @WPonly - Load Reservation from other booking plugins ***/ .vbo-modal-lock-scroll { overflow: hidden !important; } .vbo-importbftpp-plugins-list { border-radius: 4px; padding: 20px; border: 1px solid var(--vbo-config-border-color); background: var(--vbo-config-bg-color); } .vbo-importbftpp-plugins-list-inner label { display: block; margin-bottom: 5px; } .vbo-importbftpp-plugins-list-bottom { margin-top: 15px; } .vbo-importbftpp-plugins-list-bottom .vbo-btn-label, .vbo-importbftpp-confirm-wrap .vbo-btn-label { display: block; margin-bottom: 5px; } .vbo-importbftpp-roomsmapping-wrap { margin-bottom: 20px; } .vbo-importbftpp-roomsmapping-inner { display: flex; flex-wrap: wrap; } .vbo-importbftpp-roomsmapping-inner .vbo-importbftpp-roomsmapping-block { width: calc(33% - 48px); margin: 5px; border: 1px solid var(--vbo-config-border-color); background: var(--vbo-config-bg-color); padding: 20px; border-radius: 4px; } .vbo-importbftpp-roomsmapping-inner .vbo-importbftpp-roomsmapping-block label { display: block; margin-bottom: 5px; font-weight: 500; } .vbo-importbftpp-roomsmapping-block-thirdparty { margin-bottom: 10px; } .vbo-importbftpp-subtitle { font-size: 1.2em; margin-bottom: 8px; } .vbo-importbftpp-reservations-inner { display: flex; flex-wrap: wrap; } .vbo-importbftpp-reservation-block { flex-basis: 50%; } .vbo-importbftpp-reservation-inner { border-radius: 4px; border: 1px solid var(--vbo-config-border-color); padding: 15px; background: var(--vbo-config-bg-color); margin: 5px; } .vbo-importbftpp-reservation-inner .vbo-importbftpp-reservation-detail { margin: 4px 0; } .vbo-importbftpp-reservation-inner .vbo-importbftpp-reservation-detail-lbl { display: inline-block; min-width: 150px; font-weight: 500; } .vbo-importbftpp-reservation-import { margin-top: 14px; border-top: 1px solid var(--vbo-config-border-color); padding-top: 10px; display: inline-block; width: 100%; box-sizing: border-box; min-height: 40px; } .vbo-importbftpp-reservation-import-toggle { display: inline-block; } .vbo-importbftpp-reservation-import-rooms { float: right; font-weight: bold; font-size: 1.1em; } .vbo-importbftpp-reservation-import-rooms .vbo-importbftpp-reservation-detail-lbl { min-width: inherit; margin-right: 10px; } .vbo-importbftpp-confirm-wrap { text-align: center; margin-top: 15px; } .vbo-importbftpp-confirm-wrap .vbo-btn-label { font-size: 1.3em; font-weight: bold; margin-bottom: 10px; } .vbo-importbftpp-reservation-noteligible { opacity: .7; } .vbo-importbftpp-reservations-btns { text-align: right; padding-right: 5px; } div.modal .close { color: inherit; } .modal .modal-footer { border-top: 1px solid var(--vbo-config-border-color); background: var(--vbo-config-bg-color); box-shadow: none; } a:focus, a:hover { text-decoration: none !important; } a.btn { text-decoration: none !important; } .btn, .btn-group .btn, .btn-wrapper .btn, .vbo-param-setting .btn { padding: 10px 10px; border-color: var(--vbo-config-border-color); } .btn.vbo-btn-square { padding: 0; width: 26px; height: 26px; font-size: 12px; } .vbo-btn-wide, .btn-group .vbo-btn-wide, .btn-wrapper .vbo-btn-wide, .vbo-param-setting .vbo-btn-wide { padding: 10px 30px !important; } .btn-secondary { color: var(--vbo-config-title-color); background-color: var(--vbo-basic-btn); border-color: var(--vbo-config-border-color); } .btn-secondary:hover { color: var(--vbo-config-title-color); background-color: var(--vbo-basic-btn-hover); } .btn.btn-secondary, .btn-group .btn.btn-secondary, .btn-wrapper .btn.btn-secondary, .vbo-param-setting .btn.btn-secondary { border-radius: var(--vbo-field-radius); padding: 10px 14px; margin-bottom: 0; } .input-append > input + .btn, .input-append > input + .vbodatepicker-trig-icon, .vbo-param-setting .input-append > input + .vbodatepicker-trig-icon, .vbo-param-setting .input-append > input + .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group input[type="text"], .input-append input[type="text"], .input-prepend input[type="text"] { height: auto; } .btn i.fas:not(.no-margin), .btn i.far:not(.no-margin) { margin-right: 5px; } .btn * + i.fas:not(.no-margin), .btn * + i.far:not(.no-margin) { margin-right: 0; margin-left: 5px; } .input-append .hasDatepicker, .input-append .vbo-drp-inp-trigger, .vbo-field-calendar input { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-color: var(--vbo-config-border-color); } .vbo-field-calendar input + .btn { border-top-right-radius: var(--vbo-field-radius) !important; border-bottom-right-radius: var(--vbo-field-radius) !important; } .input-append .hasDatepicker:focus { box-shadow: 0 0 0 1px transparent; } .input-append .vbodatepicker-trig-icon { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-left: 0; } body #content .input-append > input, body #wpcontent .input-append > input { border-color: var(--vbo-config-border-color); } body #content .btn-success, .vbo-param-setting .btn-success, body #wpcontent .btn-success, .vbo-modal-overlay-block .btn-success { color: #fff; background-color: var(--vbo-green-color); border: 1px solid var(--vbo-green-color); } body #content .btn-success:hover, body #wpcontent .btn-success:hover, .vbo-modal-overlay-block .btn-success:hover { color: #fff; font-weight: normal; background-color: var(--vbo-green-color-hover); border-color: var(--vbo-green-color-hover); } body #content .btn-success:focus, body #wpcontent .btn-success:focus, .vbo-modal-overlay-block .btn-success:focus, body #content .btn-success:active, body #wpcontent .btn-success:active, .vbo-modal-overlay-block .btn-success:active { color: #fff; font-weight: normal; background-color: var(--vbo-green-color-focus); border-color: var(--vbo-green-color-focus); } body #content .btn-danger, body #wpcontent .btn-danger, .vbo-modal-overlay-block .btn-danger { color: #fff; background-color: var(--vbo-red-color); border: 1px solid var(--vbo-red-color); } body #content .btn-danger:hover, body #wpcontent .btn-danger:hover, .vbo-modal-overlay-block .btn-danger:hover { color: #fff; background-color: var(--vbo-red-color-hover); border-color: var(--vbo-red-color-hover) } body #content .btn-danger:focus, body #wpcontent .btn-danger:focus, .vbo-modal-overlay-block .btn-danger:focus, body #content .btn-danger:active, body #wpcontent .btn-danger:focus, .vbo-modal-overlay-block .btn-danger:active { color: #fff; background-color: var(--vbo-red-color-focus); border-color: var(--vbo-red-color-focus) } body #content .btn.btn-primary, body #wpcontent .btn.btn-primary, body .vbo-checkin-update-wrap .btn.btn-primary, .vbo-modal-overlay-content .btn.btn-primary { color: #fff; background-color: var(--vbo-blue-color); border: 1px solid var(--vbo-blue-color); } body #content .btn.btn-primary:hover, body #wpcontent .btn.btn-primary:hover, body .vbo-checkin-update-wrap .btn.btn-primary:hover, .vbo-modal-overlay-content .btn.btn-primary:hover { color: #fff; background-color: var(--vbo-blue-color-hover); border: 1px solid var(--vbo-blue-color-hover); } body #content .btn.btn-light-green, body #wpcontent .btn.btn-light-green, .vbo-modal-overlay-content .btn.btn-light-green { background-color: var(--vbo-light-green-color); border: 1px solid var(--vbo-green-color); } body #content .btn.btn-light-green:hover, body #wpcontent .btn.btn-light-green:hover, .vbo-modal-overlay-content .btn.btn-light-green:hover { background-color: var(--vbo-light-green-color-hover); border: 1px solid var(--vbo-green-color); } body #content .btn-warning, body #wpcontent .btn-warning, .vbo-modal-overlay-block .btn-warning { color: #fff; background-color: var(--vbo-orange-color); border: 1px solid var(--vbo-orange-color); } body #content .btn-warning:hover, body #wpcontent .btn-warning:hover, .vbo-modal-overlay-block .btn-warning:hover { color: #fff; background-color: var(--vbo-orange-color-hover); border: 1px solid var(--vbo-orange-color-hover); } .vbo-context-menu-btn-group .btn.btn-primary:first-child, .vbo-context-menu-btn-group .btn.btn-success:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .vbo-context-menu-btn-group .btn.btn-primary:last-child, .vbo-context-menu-btn-group .btn.btn-success:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .vbo-context-menu-btn-group .btn.btn-primary:last-child i, .vbo-context-menu-btn-group .btn.btn-success:last-child i { margin-right: 0; } /* btn transparent */ .vbo-btn-transparent { background: transparent !important; border: 0 !important; } .select2-container--open .select2-dropdown--below { background-color: var(--vbo-config-bg-color); border-color: var(--vbo-config-border-color) !important; border-radius: var(--vbo-field-radius); border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .vbo-param-container .vbo-param-setting .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .vbo-param-container .vbo-param-setting .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--vbo-blue-color); } .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 38px; } .select2-container--default .select2-results > .select2-results__options { padding: 0 4px; } .select2-container--open.select2-container--default .select2-results__option { border-radius: 4px; } .select2-container--open.select2-container--default .select2-results__option:first-child { margin-top: 4px; } .select2-container--open.select2-container--default .select2-results__option[aria-selected="true"] { background-color: var(--vbo-config-bg-color); color: var(--vbo-info-txt); border: 1px solid var(--vbo-base-color); background: var(--vbo-light-blue); } .select2-container--open.select2-container--default .select2-results__option[aria-selected="true"]:hover { background: transparent; } .select2-container.select2-container--default .select2-selection--single { background-color: var(--vbo-input-style); border: 1px solid var(--vbo-config-border-color) !important; height: 40px; border-radius: var(--vbo-field-radius); } .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; } .vbo-sel2-element-img { display: flex; gap: 10px; align-items: center; font-weight: 500; } .select2-container--open.select2-container--default .select2-results__option:has(> .vbo-sel2-element-img) { padding: 4px; } .vbo-sel2-element-img img { width: 50px; height: 35px; object-fit: cover; border-radius: 6px; } .vbo-sel2-element-img.vbo-sel2-element-nested img { width: 30px; height: 20px; border-radius: 2px; } /* To set Select2 circle and smaller images. See as example the Cron Job WhatsApp page. */ .vbo-sel2-element-img[data-choice="vikcronparamsma_config"] img, .vbo-sel2-element-img[data-choice="send_ma_tplma_identifier"] img { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; } /*** Chrome Hack for the select ***/ .selector:not(*:root), select { border: 0 !important; outline: 1px solid var(--vbo-config-border-color); outline-offset: -1px; height: 36px !important; } select[multiple] { height: 120px !important; } /***/ .input-append .btn.vbo-btn-dont-append { margin-left: 5px; } /* Skeleton structure */ .vbo-skeleton-loading { position: relative; overflow: hidden; background-color: #DDDBDD; display: inline-block; } .vbo-skeleton-loading:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: translateX(-100%); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0)); animation: shimmer 2s infinite; content: ''; } .fancybox-type-iframe.fancybox-opened { height: 80% !important; } .fancybox-type-iframe.fancybox-opened .fancybox-skin { height: 100% !important; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table > tbody > tr > td.vbo-table-td-wrap { white-space: inherit; } .vbo-table-td-wrap .btn { margin-top: 5px; } .successmade { margin: 10px 0px; padding: 12px 12px 12px 40px; color: var(--vbo-green-color); background:url("./images/ok.png") no-repeat scroll 10px center var(--vbo-config-bg-color); border: 2px solid var(--vbo-green-color); background-size: 20px; } .info { margin: 10px 0px; padding: 12px; background-color: #c8e4fb; border: 1px solid #72abcc; } .err { margin: 10px 0px; padding: 12px 12px 12px 40px; border: 2px solid var(--vbo-red-color); background:url("./images/no.png") no-repeat scroll 10px center var(--vbo-config-bg-color); background-size: 20px; } .warn { margin: 10px 0px; padding: 12px 12px 12px 40px; border: 2px solid var(--vbo-orange-color); background: url("./images/warning.png") no-repeat scroll 10px center var(--vbo-config-bg-color); background-size: 20px; } .label-error, .badge-error, .label-danger, .badge-danger { background-color: var(--vbo-error-bg) !important; color: var(--vbo-error-txt) !important; } .select2-container--default .select2-results__option[role="group"] { border-top: 1px solid var(--vbo-config-border-color); border-radius: 0 } .select2-container--default .select2-results__option[role="group"]:first-child { border-top: 0; margin-top: 0; } #hmfooter { font-size: x-small; text-align: center; margin: 20px 0; } .vbo-calendar-costs-wrapper .vbo-calendar-avg-daycost { margin-top: 5px; } .vbo-avcalendars-wrapper .vbo-calendar-cals-container { margin-top: 15px; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); display: grid; } .vbo-avcalendars-wrapper .vbo-calendar-cal-container { background-color: var(--vbo-config-bg-color); border-radius: 10px; border: 1px solid var(--vbo-basic-btn); box-shadow: 0 1.5px 2px rgba(0,0,0,.05); margin: 10px; } .vbo-avcalendars-wrapper .vbo-calendar-cal-container .vbadmincaltable { height: 100%; } .vbadmincaltable td { border: 1px solid var(--vbo-input-style-nested-deactive) !important; font-size: 11px; width: 45px; padding: 0 !important; text-align: center !important; height: 30px; box-sizing: content-box; vertical-align: middle !important; } .vbadmincaltable tr:last-child td { border-bottom: 0 !important; } .vbadmincaltable tr:last-child td:first-child { border-bottom-left-radius: 10px; } .vbadmincaltable tr:last-child td:last-child { border-bottom-right-radius: 10px; } .vbadmincaltable td:last-child { border-right: 0 !important; } .vbadmincaltable td:first-child { border-left: 0 !important; } .vbadmincaltable td:hover { background-color: var(--vbo-config-border-color); } .vbadmincaltable td:active { background-color: var(--vbo-blue-color); color: #fff; } .vbadmincaltable .busy { background: var(--vbo-red-color); } .vbadmincaltable .busy:hover { background: var(--vbo-red-color-hover); } .busy.busy-closure { background: var(--vbo-config-title-color); } .busy.busy-closure:hover { background: var(--vbo-config-titles-color-light); } .vbadmincaltable .busy > * { font-weight:bold; color:#fff; } .vbadmincaltable td.free { cursor: pointer; } .vbadmincaltrmon td { color: var(--vbo-config-title-color); font-weight:bold; font-size: 14px; border: 0 !important; padding: 6px 5px !important; } .vbadmincaltrmon td:hover { background-color: transparent; } .vbadmincaltrmdays td { font-weight: bold; text-align:center; background-color: var(--vbo-config-child-bg-color); } .vbadmincaltrmdays td:hover { background-color: var(--vbo-config-child-bg-color); } .vborderof { padding:10px 0; font-size:14px; } .vborderof a { font-size:12px; } .vborderpar { margin:10px 0 5px 0; padding:0; font-weight:bold; font-size:13px; } .vborderspan { font-weight:bold; } p.vborderpartot { padding:5px 10px; margin:10px 5px; background: var(--vbo-light-color-btn); border: 1px solid var(--vbo-config-border-color); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; font-weight:bold; } div.vborderpartot { display: block; padding:5px 10px; margin:10px 5px; background:var(--vbo-light-color-btn); border: 1px solid var(--vbo-config-border-color); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; font-weight:bold; width: 300px; } .vborderseatasconf { background:var(--vbo-green-color); border: 1px solid var(--vbo-green-color); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin:5px 0 10px; width:133px; display:block; padding:10px; } .vborderseatasconf a { color:#fff !important; font-weight:bold; text-decoration:none; text-transform:uppercase; } .maxthirty { cursor: pointer; max-height: 30px; height: expression(this.height > 30 ? "30px" : true); max-width: 30px; width: expression(this.width > 30 ? "30px" : true); } .maxfifty { max-height: 60px; height: expression(this.height > 50 ? "50px" : true); border:0; border-radius: 4px; transition-delay: 0s; transition-duration: 0.15s; transition-property: transform, box-shadow; transition-timing-function: ease-in-out; -webkit-transition-delay: 0s; -webkit-transition-duration: 0.15s; -webkit-transition-property: transform, box-shadow; -webkit-transition-timing-function: ease-in-out; } .maxfifty:hover { box-shadow: 0 0 10px rgba(0,0,0,0.5); transform: translateY(-2px); -webkit-transform: translateY(-2px); } .maxninety { max-height: 190px; height: expression(this.height > 190 ? "190px" : true); } .imgresult { max-height: 85px; height: expression(this.height > 85 ? "85px" : true); max-width: 130px; width: expression(this.width > 130 ? "130px" : true); } .vbmenutable td { position:relative; padding:0 12px 0 0; } .vbmenuentries { float:left; width:117px; margin:8px 0 0 85px; } .vbsubmitfares { background: none repeat scroll 0 0 #708827 !important; border: 1px solid #5D7120 !important; border-radius: 4px 4px 4px 4px; color: #FFFFFF !important; font-size: 14px; padding: 5px 15px; margin:10px 0 0 0; } .vbsubmithfares { background: none repeat scroll 0 0 #0B9E9E !important; border: 1px solid #007171 !important; border-radius: 4px 4px 4px 4px; color: #FFFFFF !important; font-size: 14px; padding: 5px; margin:10px 0 0 0; } .vbsubmithcharges { background: none repeat scroll 0 0 #386B16 !important; border: 1px solid #2D5511 !important; border-radius: 4px 4px 4px 4px; color: #FFFFFF !important; font-size: 14px; padding: 5px; margin:10px 0 0 0; cursor:pointer; } .vbo-checkin-commands-wrap .btn.btn-success { padding: 10px 14px; } .vbo-checkin-commands-wrap .btn.btn-success, .container-main .btn.btn-success { border: 1px solid var(--vbo-green-color); background-color: var(--vbo-green-color); color: #fff; border-radius: var(--vbo-field-radius); margin-bottom: 0; font-size: inherit; } .container-main .vbo-bookingdet-command .btn.btn-primary, .container-main .btn.btn-danger, .container-main .btn.btn-success { padding: 10px 14px; } .container-main .btn.btn-success:hover, .vbo-checkin-commands-wrap .btn.btn-success:hover, body.admin #content .container-main .btn.btn-success:hover, body.admin #content .vbo-checkin-commands-wrap .btn.btn-success:hover{ background-color: var(--vbo-green-color-hover) !important; border: 1px solid var(--vbo-green-color-hover) !important; } .container-main .btn.btn-warning { border: 1px solid var(--vbo-orange-color); background-color: var(--vbo-orange-color); border-radius: var(--vbo-field-radius); padding: 10px 14px; margin-bottom: 0; } .container-main .btn.btn-warning:hover, .container-main .btn.btn-warning:active { background-color: var(--vbo-orange-color-hover) !important; border: 1px solid var(--vbo-orange-color-hover) !important; } .vbo-checkin-commands-wrap .btn.btn-danger { padding: 8px 14px; } .vbo-checkin-commands-wrap .btn.btn-danger, .container-main .btn.btn-danger { border: 1px solid var(--vbo-red-color); background-color: var(--vbo-red-color); color: var(--vbo-contrast-text-color); border-radius: var(--vbo-field-radius); margin-bottom: 0; font-size: inherit; } .container-main *:not(.joomla-toolbar-button) .btn.btn-danger { color: #fff; } .container-main .btn.btn-danger:hover, .vbo-checkin-commands-wrap .btn.btn-danger:hover { background-color: var(--vbo-red-color-hover) !important; border: 1px solid var(--vbo-red-color-hover) !important; } .container-main .btn.btn-danger:active, .container-main .btn.btn-danger:focus, .vbo-checkin-commands-wrap .btn.btn-danger:active, .vbo-checkin-commands-wrap .btn.btn-danger:focus { background-color: var(--vbo-red-color-focus) !important; border: 1px solid var(--vbo-red-color-focus) !important; } /* UI Calendar */ .ui-widget-content { background: var(--vbo-config-bg-color) !important; color: inherit !important; } .ui-widget-header { background: var(--vbo-config-bg-color) !important; border: 1px solid var(--vbo-config-border-color) !important; color: inherit !important; } .ui-widget.ui-widget-content { border: 1px solid var(--vbo-config-border-color) !important; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: var(--vbo-light-color-btn) !important; } .free{ color: var(--vbo-body-text-color); } .busy{ color: var(--vbo-body-text-color); background: var(--vbo-red-color); } .notbusy{ color: var(--vbo-body-text-color); background: var(--vbo-config-bg-color); } .bluedays { min-width: 2.7%; background: none repeat scroll 0 0 #02679a; color: #FFFFFF; font-weight: bold; padding: 4px 0; text-align: center; cursor: pointer; } .bluedays:hover { background-color: #0a7bb5; } .skip-bluedays-click { cursor: inherit; } .notbusy.vbo-overv-todaycell, .subnotbusy.vbo-overv-todaycell { background: #b0c0d1; } .notbusy.vbo-overv-todaycell:hover, .subnotbusy.vbo-overv-todaycell:hover { background: #7791ac; } .bluedays.vbo-overv-todaycell { background: #074666; } .notbusy.vbo-overv-festcell, .subnotbusy.vbo-overv-festcell { background: #d9b9d3; } .bluedays.vbo-overv-festcell { cursor: pointer; background: #a07e9a; } .vbo-overview-month { font-size: 105%; } .vbo-overview-redday, .vbo-overview-subredday { color: #fff; } .vbo-overview-redday:hover, .vbo-overview-subredday:hover { color: #fff; } .vboverviewtablerow .busy:not(.vbo-checkinday) { cursor: pointer; } .vbo-checkinday { border-top: 3px solid var(--vbo-green-color) !important; } .busy.vbo-overv-todaycell:not(.vbo-hascolortag), .subroom-busy.vbo-overv-todaycell:not(.vbo-hascolortag) { background: var(--vbo-red-color) !important; } .busy.vbo-overv-todaycell.busy-closure:not(.vbo-hascolortag), .subroom-busy.busy-closure.vbo-overv-todaycell:not(.vbo-hascolortag) .busy:hover { background: var(--vbo-config-title-color) !important; } .busy.vbo-overv-todaycell:not(.vbo-hascolortag):hover, .subroom-busy.vbo-overv-todaycell:not(.vbo-hascolortag):hover { background: var(--vbo-red-color-hover) !important; } .busy.busy-closure.vbo-overv-todaycell:not(.vbo-hascolortag):hover { background: var(--vbo-config-titles-color-light) !important; } .busy:hover { background: var(--vbo-red-color-hover) !important; } .busy.busy-closure:hover { background: var(--vbo-config-titles-color-light) !important; } .busy.vbo-hascolortag.vbo-overv-todaycell, .subroom-busy.vbo-hascolortag.vbo-overv-todaycell { box-shadow: inset 0 0 5px rgba(0,0,0,.5); } .vbo-partially { background: none repeat scroll 0 0 var(--vbo-orange-color) !important; } .vbo-partially:hover, .vbo-partially.vbo-overv-todaycell, .busy.vbo-partially.vbo-overv-todaycell { background: var(--vbo-orange-color-hover) !important; } .busy-sharedcalendar { position: relative; } .busy-sharedcalendar:before { position: absolute; z-index: 0; width: 100%; height: 100%; background: repeating-linear-gradient(-45deg, rgba(62, 150, 255, 0) 1%, rgba(255, 255, 255, 0.3) 4px); content: ""; top: 0; left: 0; } .vbo-avov-legend { margin: 9px 10px 0; } .vbo-overview-legend-init { display: inline-block; vertical-align: middle; font-size: 13px; font-weight: bold; margin-right: 10px; } .vbo-overview-legend-red, .vbo-overview-legend-yellow, .vbo-overview-legend-green { display: inline-block; margin-right: 10px; font-size: 12px; vertical-align: middle; } .vbo-overview-legend-box { display: inline-block; width: 15px; height: 15px; vertical-align: middle; border-radius: 2px; margin-right: 2px; } .vbo-overview-legend-red .vbo-overview-legend-box { background: none repeat scroll 0 0 var(--vbo-red-color); } .vbo-overview-legend-yellow .vbo-overview-legend-box { background: none repeat scroll 0 0 #f0ad4e; } .vbo-overview-legend-green .vbo-overview-legend-box { border-top: 2px solid var(--vbo-green-color); background: var(--vbo-config-bg-color); } .vbo-overview-legend-title { display: inline-block; vertical-align: middle; } #jmodal-vbo-new-res { width: 90% !important; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0 !important; } td.roomname { background: var(--vbo-config-child-bg-color); height: 40px; padding: 5px 10px 5px 6px; text-align: left; } td.roomname.subroomname { background: var(--vbo-config-bg-color); } .vbo-overview-room-info { display: flex; } .vbo-overview-room-info > span { align-self: center; } .vbo-overview-roomname { font-weight: bold; font-size: 14px; display: inline-block; max-width: 185px; } .vbo-overview-roomunits { display: inline-block; margin: 0 5px 0 2px; background: none repeat scroll 0 0 #3e6372; border-radius: 50%; color: #fff; font-size: 12px; font-weight: bold; min-height: 20px; min-width: 20px; padding: 4px; text-align: center; } .vbo-overview-subroomname { font-weight: bold; font-size: 13px; } .vbo-overview-subroomunits { display: inline-block; margin: 0 5px 0 2px; font-size: 12px; min-height: 20px; min-width: 20px; padding: 4px; text-align: center; } .vbo-overview-subroomunits i { margin: 0; } .subroom-busy { background: var(--vbo-red-color) none repeat scroll 0 0; color: var(--vbo-body-text-color); } .subnotbusy { background: var(--vbo-config-child-bg-color) none repeat scroll 0 0; color: #000000; } .dailypricesactive { text-align: center; float: left; font-weight: bold; width: 100%; height: 34px; font-size:14px; line-height:34px; text-transform:uppercase; color:var(--vbo-green-color); background:var(--vbo-input-style-nested-deactive); } .vbo-admin-container .vbo.vcm-params-block .vcm-param-container .vbo-param-label .maxninety { border-radius: 4px; } .vbo-admin-widgets-section .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container { flex-wrap: wrap; } .vbo-admin-widgets-section .vbo-admin-widgets-container-small .vbo-widget-booskcal-newbook-wrap .vbo-param-container { margin: 15px 0; } .vbo-admin-widgets-section .vbo-widget-bookdets-wrap .vbo-admin-container .vbo-param-container { margin: 0; } .vbo-admin-widgets-section .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-param-label { flex-basis: 100%; font-weight: 420; } .vbo-tariffs-params-container .vbo-param-setting > h4 { margin-top: 0; font-size: 16px; } .vbo-insertrates-cont > div { background-color: var(--vbo-config-bg-color); box-shadow: 0 0 10px rgba(0,0,0,.15); border-radius: 8px; padding: 20px; margin: 0 0 15px; } .vbo-insertrates-cont input[type="number"] { width: 100px !important; } .vbo-ratestable-lbl { font-weight: bold; color: var(--vbo-config-titles-color-light); font-size: 16px; padding: 0px 0px 7px; } .vbo-ratestable-nights > div { display: flex; margin: 5px 0 8px; } .vbo-ratestable-nights > div > span { display: inline-block; min-width: 100px; } .vbo-insertrates-bottom .vbo-ratestable-newprice { display: flex; flex-wrap: wrap; margin: 5px 0; border: 1px solid var(--vbo-main-bg-color); padding: 10px 10px; } .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-name { align-self: center; } .vbo-insertrates-bottom .vbo-ratestable-newprice > .vbo-ratestable-newprice-name { font-weight: 500; } .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost { margin-left: auto; } .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute { flex-basis: 100%; margin-top: 5px; } .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute .vbo-ratestable-newprice-name { display: block; margin-bottom: 5px; } .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute .vbo-ratestable-newprice-cost { display: block; } .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-attribute .vbo-ratestable-newprice-cost > input[type="text"] { width: 100% !important; box-sizing: border-box; height: auto; } .vbo-insertrates-save { margin-top: 20px; } .vbo-param-setting .vbo-insertrates-save > input.btn.vbo-config-btn { padding: 10px 25px; font-size: 13px; } .vbo-config-maintab-right .vbo-params-container.vbo-list-table-container > form { background: transparent; } .vbo-config-maintab-right .vbo-tariffs-updaterates-cont { text-align: right; margin: 0 auto; } .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive { width: 100%; margin-top: 15px; box-shadow: 0 0px 10px rgba(0,0,0,.15); } .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive thead th { color: var(--vbo-config-titles-color-light); } .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive .vbo-list-table input[type="number"] { border: 1px solid var(--vbo-config-border-color); border-radius: var(--vbo-field-radius); padding: 5px 10px; margin-bottom: 0; width: 120px !important; } .vbo-tariffs-updaterates-cont + .table-responsive .vbo-tariffs-rplan-attr { display: block; text-transform: initial; max-width: 200px; white-space: normal; margin: 0 auto; font-weight: 600; } .vbo-config-maintab-right .vbo-list-table-container .vbo-tariffs-los-badge { font-size: 10px; text-transform: initial; } .vbo-config-gr-services .vbo-config-gr-service { margin: 4px 0; } .vbo-config-gr-services .vbo-config-gr-service i { margin-right: 0 !important; } .vbo-config-gr-services .vbo-config-gr-service .btn.btn-danger { padding: 11px 14px; vertical-align: top; } .vbadminfaresctitle { background: none repeat scroll 0 0 var(--vbo-main-bg-color); border: 1px solid var(--vbo-config-border-color); border-radius: 4px 4px 4px 4px; font-size: 13px; font-weight: bold; margin: 0 0 10px; padding: 10px; text-transform: uppercase; width: 100%; display: inline-block; } .vbadminfaresctitle form { margin: 0; } .vbadminfaresctitle form select { margin: 0; } .vbdashparag { font-size:12px; } .vbdashparagred span { font-weight: bold; color:var(--vbo-red-color); display: inline-block; min-width: 200px; } .vbdashspanright { float: right; padding:0 0 20px 0; font-size:12px; } .vbdashspanright form { padding:0 0 0 3px; display:inline; } .vbdashdivleft { float:left; border: 1px solid var(--vbo-config-border-color); border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background:var(--vbo-config-bg-color); padding:20px; box-shadow:0 0 2px rgba(0,0,0,0.2); -moz-box-shadow:0 0 2px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 2px rgba(0,0,0,0.2); margin:15px 30px 15px 0; width:55%; } .vbdashdivleft .vbdashdivlefthead { margin:0 0 10px 0; padding:0; text-transform:uppercase; font-size:14px; color:var(--vbo-green-color); } .vbdashdivleft .vbdashtable { width:100%; } .vbdashdivleft .vbdashtable td, .vbdashdivright .vbdashtable td { padding:3px 0; } .vbdashdivleft .vbdashtable td a, .vbdashdivright .vbdashtable a { font-size:12px; color:var(--vbo-blue-color); } .vbdashdivright { float:right; border: 1px solid var(--vbo-config-border-color); border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background:var(--vbo-config-bg-color); padding:20px; box-shadow:0 0 2px rgba(0,0,0,0.2); -moz-box-shadow:0 0 2px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 2px rgba(0,0,0,0.2); margin:15px 0 15px 0; width:30%; } .vbdashdivright .vbdashdivrighthead { margin:0 0 10px 0; padding:0; text-transform:uppercase; font-size:14px; color:var(--vbo-green-color); } .vbdashdivright .vbdashtable { width:100%; } .vbdashdivright .vbdashtable .vbdashtrlastres td, .vbdashdivleft .vbdashtable .vbdashtrlastres td { font-size:12px; font-weight:bold; color:var(--vbo-config-title-color); text-transform:uppercase; padding:0 0 5px 0; } .vbdashdivleft .vbdashtable .vbdashtrlastres td:first-child { padding:0 5px; } #vbadultsdiffbox p { margin: 0px 0 10px; border: 1px solid var(--vbo-basic-btn); box-shadow: 0 1.5px 2px rgba(0,0,0,.05); border-radius: 10px; padding: 10px; } #vbadultsdiffbox p:last-child { margin-bottom: 0; } #vbadultsdiffbox .vbo-adults-usage { margin-right: 15px; display: block; margin-bottom: 4px; font-weight: 500; } .vbplusminus { cursor: pointer; vertical-align: middle; display: inline-block; margin: -7px 0 0 5px; text-align: center; width: 20px; height: 20px; font-size: 20px; } .vbplusminuscont { display: inline-block; text-align: right; } .vbplusminuscont > span { display: inline-block; min-width: 35px; text-align: left; } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-group .vbplusminus-btns { display: inline-block; vertical-align: middle; } p.vbpfiltconfnumb { text-align: right; } .vbotaspblock { display: block; background: none repeat scroll 0 0 var(--vbo-blue-color); border: 0; border-radius: 5px 5px 5px 5px; margin: 0 3px 5px 0; padding: 4px; color: var(--vbo-body-text-color); font-weight: bold; position: relative; } .vbotaspblock:before { content: ""; height: 20px; left: -1px; position: absolute; top: -11px; width: 20px; } .vboverviewtable { width: 100%; border: 0; border-collapse: inherit; border-spacing: 0; background-color: var(--vbo-table-light-grey); } .vboverviewtable { font-size: 105%; } .vboverviewtablerowone { height: 30px; } .vbo-overv-montable-wrap { margin-bottom: 20px; } .vbo-roverview-table .vboverviewtablerowone td.bluedays { min-width: 80px; } .vbo-overv-sticky-table-head-off.vbo-roverview-table .vboverviewtablerowone th.bluedays { min-width: 80px; max-width: 80px; } .vbo-roverview-table .vboverviewtablerowone td.vbo-overview-month, .vboverviewtable.vbo-roverview-table .vboverviewtablerowone th.vbo-overview-month { min-width: 250px; } .vboverviewtable.vbo-roverview-table .vboverviewtablerowone th.bluedays > span { display: block; } .vbo-overv-sticky-table-head-off.vbo-roverview-table .vboverviewtablerowone th.bluedays .vbo-overw-tablewday { color: #fff; font-size: 12px; } .vbo-overv-sticky-table-head-off.vbo-roverview-table .vboverviewtablerowone th.bluedays .vbo-overw-tablemday { font-size: 24px; margin: 3px 0; } .vbo-overv-sticky-table-head-off .vboverviewtablerowone th:first-child, .vbo-overv-sticky-table-head-off .vboverviewtablerow td:first-child, .vbo-tm-row td:first-child, .vbo-roomrates-cell-first { position: sticky; left: 0; box-shadow: 5px 0 10px rgba(0,0,0,.05); z-index: 10; background-clip: padding-box !important; } .vbo-tm-row td:first-child, .vbo-roomrates-cell-first { background-color: var(--vbo-table-light-grey); } .vboverviewtablerow { height: 30px; } .vboverviewtdone { min-width: 130px !important; text-align: left !important; padding-left: 1px; } .vbo-roverv-rplan.vbo-roverv-rplan-restricted { padding: 10px 10px 0; vertical-align: top; } .vbo-roverv-rplan-restrictions { font-size: 10px; position: absolute; left: 10px; bottom: 4px; } .vbo-roverv-rplan .vbo-rplan-name { width: 150px; overflow: hidden; display: inline-block; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; } .vbo-roverv-rplan-haslosrates { bottom: 3px; } .vbo-roverv-rplan-haslosrates .vbo-roverv-rplan-restrictions-los { font-size: 10px; } .vbo-roverv-gonext-cell { vertical-align: middle; padding: 0 10px; } .vbo-roomrates-row .vbo-roomrates-cell-day > span { display: block; } .vbo-tm-row-cell-first { padding: 0 10px; height: 36px; font-weight: 450; } .vbo-tm-row-cell-first i { width: 16px; margin-right: 4px; color: var(--vbo-blue-color-hover); } .vbo-tm-row-cell-first .vbo-tm-row-area-name { display: inline-block; max-width: 200px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .vbo-roomrates-cell-day { position: relative; cursor: pointer; padding: 3px 6px; text-align: right; background-color: var(--vbo-config-bg-color); } .vboverviewtable .vbo-roomrates-cell-minlos { font-size: 10px; } .vboverviewtable .vbo-roomrates-cell-minlos i { color: var(--vbo-config-titles-color-light); } .vboverviewtable .vbo-roomrates-cell-rate-amount { font-size: 13px; font-weight: 450; } .vboverviewtable.vbo-overv-sticky-table-head-on .vbo-roomrates-cell-rate-amount { font-size: 9px; white-space: nowrap; } .vbo-grid-cell-rate { box-sizing: border-box; position: absolute; width: 100%; right: 0; top: 0; padding: 3px 6px; } .vbo-grid-cell-rate > span { display: block; text-align: right; } .vbo-tm-row-cell-day { cursor: pointer; padding: 2px; } .vbo-tm-row-cell-day:hover { background: var(--vbo-light-blue); } .vbo-tm-row-cell-task { font-size: 12px; display: inline-block; padding: 3px 5px; border-radius: 20px; border: 1px solid var(--vbo-config-border-color); background: var(--vbo-basic-btn); width: 66px; overflow: hidden; text-overflow: ellipsis; text-wrap: nowrap; vertical-align: middle; margin-bottom: 3px; cursor: pointer; } .vbo-tm-row-cell-task:last-child { margin-bottom: 0; } .vbo-tm-row-cell-task:hover { opacity: .8; } .vboverviewtable.vbo-overv-sticky-table-head-on .vbo-tm-row-cell-day { text-align: center; } .vboverviewtable.vbo-overv-sticky-table-head-on .vbo-tm-row-cell-task-notitle { height: 10px; width: 10px; padding: 0; margin: 1px; } .vboverviewtable.vbo-overv-sticky-table-head-on .vbo-tm-row-cell-task-notitle:first-child { margin-left: 0; } .vboverviewtable.vbo-overv-sticky-table-head-on .vbo-tm-row-cell-task-notitle:last-child { margin-right: 0; } .vboverviewtable.vbo-overv-sticky-table-head-on .vbo-tm-row-cell-task-notitle:only-child { margin: 0; } .vboverviewtable.vbo-overv-sticky-table-head-on .vbo-tm-calendar-month-day-more { font-size: 10px; } /* New Custom Sticky Header */ .vbo-overv-sticky-scroll-month { position: fixed; top: 0; width: 100%; z-index: 1000; } .vbo-overv-sticky-scroll-month-wrap { display: flex; box-shadow: 0px 0px 5px rgba(0,0,0,.2); } .vbo-overv-sticky-scroll-month-wrap .vbo-overv-sticky-scroll-month-m { max-width: initial; display: flex; justify-content: center; align-items: center; font-size: 14px; } .vbo-overv-sticky-scroll-month-wrap > div { max-width: 80px; background: none repeat scroll 0 0 #02679a; color: #FFFFFF; font-weight: bold; padding: 2px 0; text-align: center; border-right: 1px solid #fff; box-sizing: border-box; line-height: 1.1em; cursor: pointer; height: 42px; overflow: hidden; } .vbo-overv-sticky-scroll-month-wrap > div:hover { background: #0a7bb5; } .vbo-overv-sticky-scroll-month-wrap .vbo-overv-sticky-scroll-month-day { color: #fff; font-size: 10px; } .vbo-overv-sticky-scroll-month-wrap .vbo-overv-sticky-scroll-month-day-num { font-size: 17px; margin: 4px 0; display: block; } .vbcloseroom { float: right; text-align: right; } .vbcloseroomsp i { color: var(--vbo-red-color); padding: 4px; font-size: 15px; border-radius: 4px; margin-right: 3px; } .vbcloseroomsp label { display: inline; } .vbordersroomclosed { color: var(--vbo-red-color); font-weight: bold; } .vbordcancelled { color: var(--vbo-red-color); font-weight: bold; background-position: left center; background-repeat: no-repeat; padding: 5px 0 5px 18px; } .vbcsvexport { cursor: pointer; background: var(--vbo-config-bg-color); color: var(--vbo-body-text-color); border-radius: 20px; display: flex; align-items: center; float: left; font-weight: bold; border: 1px solid var(--vbo-green-color); font-size: 12px; margin: 0 3px; } .vbcsvexport:hover { text-decoration: none; background: var(--vbo-green-color); color: var(--vbo-contrast-text-color); } .vbcsvexport > i { color: var(--vbo-green-color); padding: 11px 8px 11px 12px; font-size: 16px; display: inline-block; } .vbcsvexport:hover > i, .vbcsvexport:focus > i, .vbcsvexport:active > i { color: var(--vbo-contrast-text-color); } .vbcsvexport:focus, .vbcsvexport:active { background: var(--vbo-green-color-hover); color: var(--vbo-contrast-text-color); } .vbo-perms-operators { cursor: pointer; background: var(--vbo-config-bg-color); color: var(--vbo-body-text-color); border-radius: 20px; display: flex; align-items: center; font-weight: bold; border: 1px solid var(--vbo-blue-color); font-size: 12px; margin: 0 3px; } .vbo-perms-operators:hover, .vbo-perms-operators:active, .vbo-perms-operators:focus { text-decoration: none; background: var(--vbo-blue-color); color: var(--vbo-contrast-text-color); border-radius: 20px; } .vbo-perms-operators > i { color: var(--vbo-blue-color); padding: 11px 8px 11px 12px; font-size: 16px; display: inline-block; float: left; } .vbo-perms-operators:hover > i { color: var(--vbo-contrast-text-color); } .vbo-perms-operators > span { padding: 0px 12px 0 0; display: inline-block; float: left; } .vbo-allbookings-fm .vbo-btn-toolbar .btn-group.pull-right > a { margin: 0 2px; } .vbicsexport { cursor: pointer; background: var(--vbo-config-bg-color); color: var(--vbo-body-text-color); border-radius: 20px; display: flex; align-items: center; font-weight: bold; border: 1px solid var(--vbo-orange-color); font-size: 12px; } .vbicsexport > i { color: var(--vbo-orange-color); padding: 11px 8px 11px 12px; font-size: 16px; } .vbicsexport:hover { text-decoration: none; background: var(--vbo-orange-color); color: var(--vbo-contrast-text-color); } .vbicsexport:hover > i, .vbicsexport:focus > i, .vbicsexport:active > i { color: var(--vbo-contrast-text-color); } .vbicsexport:active, .vbicsexport:focus { background: var(--vbo-orange-color-hover); color: var(--vbo-contrast-text-color); } .vbcsvexport > span, .vbicsexport > span { padding: 0px 12px 0 0; display: inline-block; vertical-align: top; } /* VikBooking 1.3 */ .vbrestrdrangesp { display: inline-block; min-width: 80px; } .vbwdaytwodiv { margin-left:5px; } #vbwdaytwodivid > span { display: none; margin: 10px 4px 0 0; } .vbwdaycombodiv { margin-top: 10px; } .vbwdaycombodiv .vbwdaycombop > label { min-width: 125px } .vbwdaycombosp { display: block; font-weight:bold; } .vbwdaycombohelp { display: block; font-size:smaller; } .vbrestrroomssp { display: block; font-weight: bold; margin-top: 10px; } .vbo-bookingdet-noteslogs pre { word-break: break-all; white-space: break-spaces; } #vbpaymentlogdiv { display: none; height: 250px; margin-top: 5px; overflow-x: hidden; overflow-y: auto; padding: 5px; } #vbpaymentlogdiv pre { border: 1px solid var(--vbo-main-bg-color); width: 70%; min-height: calc(100% - 22px); margin: 0; padding: 10px; box-sizing: border-box; } .vbo-eorder-paymentlog-buttons { float: right; box-sizing: border-box; width: calc(30% - 10px); max-width: 300px; margin-left: 10px; } .vbo-eorder-paymentlog-buttons .btn { text-align: left; width: 100%; box-sizing: border-box; margin-bottom: 10px; white-space: break-spaces; } .vbo-eorder-paymentlog-buttons .vcm-pcid-otareporting-wrapper { margin-top: 0; } .vbo-eorder-paymentlog-buttons .vbo-eorder-emptyccdata .btn { text-align: left; } .vbo-eorder-paymentlog-buttons .vbo-context-menu-btn { display: flex; } .vbo-eorder-paymentlog-buttons .vbo-context-menu-btn .vbo-context-menu-lbl { flex: 1; } .vbordersp { font-weight:bold; } .vbordersphighlight { background: none repeat scroll 0 0 var(--vbo-base-color); border: 0 none; border-radius: 5px; color: #ffffff; display: inline-block; margin: 0 0 0 -1px; padding: 4px; } #vbadminnotesdiv, #vbinvnotesdiv { display: none; border-radius: 5px; min-height: 250px; max-width: 500px; margin-top: 5px; overflow-x: auto; overflow-y: auto; padding: 5px; } textarea.vbadminnotestarea { width: 490px !important; height: 240px !important; border: 1px solid var(--vbo-main-bg-color); border-radius: 5px; padding: 3px; margin-bottom: 10px; } .vbroomparamp { margin-bottom: 0; padding-bottom: 6px; } .vbroomparamp.vbroomparampactive { border-left: 1px solid var(--vbo-config-titles-color-light); } #defcalcostp { margin-bottom: 4px; } p.vbroomparamp label { padding-right: 8px; display: inline-block !important; min-width: 195px; } p.vbroomparamp span { font-size: smaller; font-style: italic; display: inline-block; padding-left: 8px; max-width: 300px; } .vbapplydiscsp { float: right; cursor: pointer; } .vbdiscenter { display: none; margin-top: 5px; font-weight: normal; padding:5px 0 0 0; border-top:1px solid var(--vbo-config-border-color); } .vbdiscenter-entry { padding:3px 0; } .vbdiscenter-label { font-weight:bold; display:inline-block; min-width:50%; } .vbdiscenter-entrycentered { text-align: right; } .vbdiscenter-entrycentered input { background:var(--vbo-green-color); color:#fff; border-radius:4px; } .vbflushsession { background: none repeat scroll 0 0 var(--vbo-blue-color); border: 1px solid var(--vbo-blue-color); border-radius: 1px; color: #FFFFFF; display: inline-block; font-size: 12px; padding: 4px 12px; border-radius: 4px; text-decoration: none; } .vbflushsession:hover { text-decoration: none; color: #FFFFFF; background: var(--vbo-blue-color-hover); border-color: var(--vbo-blue-color-hover); } .vbflushsession:active { background: var(--vbo-blue-color-hover); border-color: var(--vbo-blue-color-hover); color: #fff; } .vbotasp { background: none repeat scroll 0 0 var(--vbo-blue-color); border: 0 none; border-radius: 5px; color: #FFFFFF; display: inline-block; font-weight: bold; margin: 0 3px 0 0; min-width: 67px; padding: 4px; position: relative; } .vbotasp:before { content: ""; height: 20px; left: -27px; position: absolute; top: 0; width: 20px; } .vbexplaination { font-style: italic; padding: 5px; } .vborderiddata { margin:10px 0 0 0; } .vborderiddata span { padding: 0 0 0 10px; } .vborderdatatab { line-height:1.4em; width:80%; } .vbordactionlink { background: none repeat scroll 0 0 var(--vbo-blue-color); border: 0 none; border-radius: 5px; color: #FFFFFF !important; display: inline-block; font-weight: bold; margin: 0 3px 0 0; padding: 4px; } .vbordroominfo { background: var(--vbo-config-child-bg-color); border-radius:5px; border: 1px solid var(--vbo-config-border-color); padding:10px; margin:0 0 10px 0; max-width:400px; } .vborderinfoblock { background: var(--vbo-config-child-bg-color); border-radius:5px; border: 1px solid var(--vbo-config-border-color); padding:10px; margin:0 0 10px 0; } .vbroomselfilter { margin-right: 5px; } .vbmodelink { border: 1px solid var(--vbo-config-border-color); border-radius: 3px; display: inline-block; color: var(--vbo-config-titles-color-light); } .vbmodelink:hover { border: 1px solid var(--vbo-base-color-hover); } .vbmodelink > span { display: inline-block; padding: 0 8px 0 3px; } .vbmodelink > i { background: var(--vbo-main-bg-color); font-size: 15px; padding: 8px 10px; border-right: 1px solid var(--vbo-config-border-color); } .vbmodelink:hover > i, .vbmodelink:active > i { background-color: var(--vbo-base-color); color: #fff; border-right: 1px solid var(--vbo-base-color); } .vbmodelink-active { background: var(--vbo-config-bg-color) !important; border-color: var(--vbo-base-color); color: var(--vbo-base-color); } .vbmodelink-active > i { background: var(--vbo-base-color); color: #fff; } .vbimagedetbox { border: 1px solid var(--vbo-config-border-color); border-radius: 3px; padding: 20px; position: absolute; width: 300px; background-color: var(--vbo-config-bg-color); box-shadow: 0 0 20px rgba(0,0,0,0.2); color: var(--vbo-config-title-color); z-index: 1000; right: 0; } .captionlabel { padding:0 0 10px; display:inline-block; width: 95%; font-weight: bold; } .captionlabel span { display:block; margin:0 0 4px 0; } .captionlabel input { border-radius:3px; padding:2px; width: 100% !important; } .captionsubmit { background: none repeat scroll 0 0 var(--vbo-green-color); border: 1px solid var(--vbo-green-color) !important; border-radius: 2px; color: #fff; cursor: pointer; padding: 10px 14px !important; line-height: 18px; font-size: 13px; } .captionsubmit:hover { background-color: var(--vbo-green-color-hover) !important; } .captionsubmit:active { background-color: var(--vbo-green-color-hover) !important; } .captionremoveimg { float: right; text-align: right; } .captionremoveimg span { float: left; display: inline-block; margin: 8px 6px 0px; } .captionremoveimg a { float:left; display:inline-block; } .captionremoveimg .icon-remove { font-size: 10px; margin-left: -5px; margin-right: 5px; } .vbheadfourblue { background: #02679a; color: #fff; margin-bottom: -5px !important; padding: 6px 3px 6px 6px; border-radius: 3px; } .vbswitchrblock { float: right; display: block; padding: 5px; border: 1px solid #ccc; border-radius: 3px; clear: both; } .vbswitchrblock select { margin: 0 !important; } .vbo-ebusy-lbl { display: block; font-weight: bold; font-size: larger; margin-left: 3px; } .vbo-ebusy-opt-table tr td { padding-right: 15px !important; } .vbo-ebusy-opt-table tr td:last-child { text-align: center; padding: 0 !important; } .vbo-ebusy-tars-table tr td { padding-right: 15px !important; } .vbo-ebusy-toggle-aduchild { border-left: 1px solid rgb(255, 255, 255); color: #e6e6e6; cursor: pointer; display: inline-block; float: right; height: 100%; min-width: 25px; padding-left: 0.7em; padding-top: 1px; padding-bottom: 1px; } .vbo-ebusy-rmroom { border-left: 1px solid rgb(255, 255, 255); color: #ff0000; cursor: pointer; display: inline-block; float: right; height: 100%; min-width: 25px; padding-left: 0.7em; padding-top: 1px; padding-bottom: 1px; } .vbo-ebusy-toggle-aduchild-on { color: #fff; } .vbo-ebusy-addextracost { margin-left: 50px; } .vbo-ebusy-extracosts-table tr { border-bottom:1px solid #ddd; background: #eee; } .vbo-ebusy-extracosts-table td { padding: 10px !important; } .vbo-ebusy-extracosts-table td input { margin-bottom: 0; } .vbo-ebusy-extracosts-cellrm { vertical-align: top; } .vbo-ebusy-extracosts-cellrm .btn { margin: 0; } .vbo-ebusy-extracosts-celltax select { margin: 0 !important; } .vbo-add-room-overlay { padding: 10px 10px 20px; } .vbo-add-room-overlay .vbo-add-room-entry { display: flex; flex-wrap: wrap; width: 100%; } .vbo-add-room-overlay .vbo-add-room-entry:first-child select { display: block; width: 100% !important; max-width: 100%; } .vbo-add-room-overlay .vbo-add-room-entry .vbo-add-room-entry-inline { display: inline-block; vertical-align: top; flex: 1; margin: 8px 0; } .vbo-add-room-overlay .vbo-add-room-entry .vbo-add-room-entry-inline:first-child { margin-right: 20px; } .vbo-info-overlay-block .vbo-add-room-entry-inline input[type="text"], .vbo-info-overlay-block .vbo-add-room-entry-inline input[type="number"], .vbo-info-overlay-block .vbo-add-room-entry-inline select { width: 100% !important; box-sizing: border-box; height: auto; } /* START: VikBooking v1.6 */ .add-tax-breakdown-cont { margin-bottom: 0; border: 1px solid var(--vbo-config-border-color); padding: 10px; border-radius: 4px; margin: 4px 0 10px; display: flex; flex-wrap: wrap; } .add-tax-breakdown-cont .add-tax-breakdown-remove { margin-left: auto; order: 3; align-self: end; } .add-tax-breakdown-cont > div { display: inline-block; vertical-align: top; margin: 3px 0; } .add-tax-breakdown-cont .add-tax-breakdown-name { flex-basis: 100%; } .add-tax-breakdown-cont div span { display: inline-block; min-width: 100px; } .add-tax-breakdown-cont .add-tax-breakdown-rate { display: block; } .add-tax-breakdown-remove { cursor: pointer; font-size: 20px; } .vbo-select-all { display: block; width: 180px; margin: 0 0 5px 0; padding: 5px 2px; background: var(--vbo-basic-btn); border: 1px solid var(--vbo-config-border-color); cursor: pointer; text-align: center; } .vbo-select-all:hover { background: var(--vbo-basic-btn-hover); } #vbo-pkg-calcexcld { display: inline-block; margin-right: 10px; } #vbo-pkg-excldates-td { display: inline-block; vertical-align: top; } #vbo-pkg-excldates-td select { height: 90px !important; } .promotr { display: none; } #promovalidity { display: inline-block; padding-left: 5px; } /* END: VikBooking v1.6 */ /* Back-end Menu */ .vbo-menu-container { display: flex; align-items: flex-start; margin-bottom: 50px; } .vbo-menu-container-closer { margin-bottom: 10px; } .vbo-menu-left { float: left; display: inline-flex; margin-right: 15px; max-width: 150px; border-radius: 5px; padding: 10px; margin-top: -10px; } .vbo-menu-left:hover { background: #ddd; } .vbo-menu-left img { max-width: 100%; border: 0; position: relative; display: inline-block; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .vbo-menu-left a { position: relative; display: inline-flex; overflow: hidden; } .vbo-menu-left a, .vbo-menu-left a:link, .vbo-menu-left a:visited, .vbo-menu-left a:hover { text-decoration: none; } .vbo-menu-left a:after { opacity: 0; } .vbo-menu-left a:hover:after { animation: shine 5s ease-in-out infinite; animation-fill-mode: forwards; content: ""; position: absolute; top: -110%; left: -210%; width: 100%; height: 200%; opacity: 0; transform: rotate(30deg); background: rgba(255, 255, 255, 0.13); background: linear-gradient( to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100% ); } @keyframes shine { 10% { opacity: 1; top: -60%; left: -20%; transition-property: left, top, opacity; transition-duration: 0.7s, 0.7s, 0.15s; transition-timing-function: ease; } 100% { opacity: 0; top: -60%; left: -20%; transition-property: left, top, opacity; } } .vbo-menu-right { flex: 1; background: #22485d; border-radius: 6px; } .vbo-menu-right ul { list-style-type: none; margin: 0; padding: 0 0 0 2px; } .vbo-menu-right > .vbo-menu-ul { display: inline-block; } .vbo-menu-updates { float: right; display: inline-block; } .vbo-menu-updates > button { float: right; display: inline-block; background: #3f708b; color: #fff; font-weight: bold; border: 1px solid #3f708b; padding: 13px 15px; border-radius: 36px; margin: 7px 8px 6px 2px; } .vbo-menu-updates button span { max-width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: top; } .vbo-menu-updates button i { display: inline-block; vertical-align: middle; margin-right: 5px; } .vbo-menu-updates button.vbo-help-wizard-handler i { font-size: 24px; } .vbo-menu-updates button.vbo-multitasking-apps i { margin-right: 0; vertical-align: middle; } .vbo-menu-updates.vbo-menu-needupdate button { background: var(--vbo-green-color); border: 1px solid var(--vbo-green-color); } .vbo-submenu-wrap { background: var(--vbo-config-bg-color); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); min-width: 180px; padding: 5px 0; border-radius: 10px; margin: 0; position: absolute; z-index: 100; visibility: hidden; opacity: 0; transform: scale(0.99) translateY(-0.7em); transform-origin: top; transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1); transition-duration: 500ms; transition-property: opacity,transform; } .vbo-submenu-wrap.vbo-submenu-wrap-toleft { right: 0; } @media screen and (min-width: 1012px) { .vbo-submenu-wrap { width: 230px; padding: 22px; } .vbo-submenu-wrap-multi { width: 400px; display: flex; } .vbo-submenu-wrap-multi .vbo-submenu-ul { padding-right: 10px; min-width: 45%; border-right: 1px solid var(--vbo-config-border-color); } .vbo-submenu-wrap-multi .vbo-submenu-helper-ul { padding-left: 22px; flex: 1; } .vbo-menu-ul .vbo-menu-parent-li:nth-child(n+3):last-child .vbo-submenu-wrap-multi { right: 0; } } @media screen and (max-width: 1012px) { .vbo-submenu-wrap { padding: 15px 20px; } .vbo-submenu-wrap-multi .vbo-submenu-ul { border-bottom: 1px solid var(--vbo-config-border-color); padding-bottom: 10px; } .vbo-submenu-wrap-multi .vbo-submenu-helper-ul { margin-top: 10px; } } .vbo-menu-ul > li:hover .vbo-submenu-wrap { visibility: visible; opacity: 1; transform: scale(1) translateY(0); } .vbo-menu-ul li { display: inline-block; text-align: left; position: relative; padding: 5px 4px; } .vbo-submenu-wrap ul li { display: block; width: 100%; line-height: initial; padding: 0; } .vbo-submenu-wrap li > div { display: block; font-size: 14px; } .vbo-submenu-wrap-multi .vbo-submenu-helper-lbl-li { font-weight: bold; font-size: 15px; margin-bottom: 5px; } .vbo-menu-parent-li > span { display: inline-block; color:#ffffff; cursor: pointer; padding: 14px 22px; font-size: 14px; font-weight: bold; position: relative; border-radius: 8px; } .vbo-menu-parent-li > span a { color: #fff !important; } .vbo-menu-parent-li > span a:hover { text-decoration: none !important; } .vbo-menu-parent-li > span .vbo-submenu-chevron { transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1); transition-duration: 500ms; transition-property: opacity,transform; font-size: 12px; opacity: .7; margin-left: 4px; } .vbo-menu-parent-li:hover > span .vbo-submenu-chevron { transform: translateY(2px); } .vbo-menu-parent-li-active > span { background: #c2880e; } .vbo-menu-parent-li:not(.vbo-menu-parent-li-active) > span:hover, .vbo-menu-parent-li-opened:not(.vbo-menu-parent-li-active) > span { background: #3f708b; } .vbo-menu-parent-li > span > i { margin-left: -2px; margin-right: 0; font-size: 16px; } .vbo-menu-parent-li > span > a { margin-left: 7px; } .vbo-submenu-wrap li { margin: 0; } .vbo-submenu-wrap li > div a { padding: 8px 0; display: flex; gap: 4px; } .vbo-submenu-wrap li > div a i { margin-top: 2px; font-size: 14px; color: var(--vbo-config-titles-color-light); min-width: 22px; } .vbo-submenu-wrap li > div .vbo-submenu-item-helper-link .vbo-submenu-item-helper-avatar { display: inline-block; } .vbo-submenu-wrap li > div .vbo-submenu-item-helper-link .vbo-submenu-item-helper-avatar img { max-width: 100%; border-radius: 50%; object-fit: cover; height: 20px; width: 20px; margin-right: 8px; } .vbo-submenu-wrap li .vbo-submenu-item { line-height: 1.4em; margin-left: 2px; } .vbo-submenu-wrap li .vbo-submenu-item .vbo-submenu-item-txt { display: block; } .vbo-submenu-wrap li .vbo-submenu-item .vbo-submenu-item-title { font-weight: bold; font-size: 16px; } .vbo-submenu-wrap li .vbo-submenu-item .vbo-submenu-item-help { font-size: 14px; color: var(--vbo-config-titles-color-light); } .vbo-submenu-wrap li:first-child a { padding-top: 0; } .vbo-submenu-wrap li:last-child a { padding-bottom: 0; } .vmenulink a { display: block; } .vmenulink a { color: var(--vbo-body-text-color) !important; } .vmenulinkactive a { display: block; color: var(--vbo-contrast-text-color) !important; } .vbo-submenu-wrap li:hover a, .vbo-submenu-wrap li .vmenulinkactive a, .vbo-submenu-wrap li:hover a *, .vbo-submenu-wrap li .vmenulinkactive a * { text-decoration: none; color: var(--vbo-base-color) !important; } .vbo-submenu-helper-ul > li > .vmenulink { display: flex; justify-content: space-between; padding: 8px 0; } .vbo-submenu-helper-ul > li div a { padding: 0; } .vbo-submenu-helper-ul > li > .vmenulink .vbo-submenu-item-helper-setpin { align-self: center; margin-left: auto; font-size: 12px; display: inline-block; padding: 2px 3px; cursor: pointer; } .vbo-submenu-helper-ul > li.vbo-submenu-item-helper-unpinned .vmenulink .vbo-submenu-item-helper-setpin { opacity: 0; } .vbo-submenu-item-helper-pinned .vbo-submenu-item-helper-setpin { color: var(--vbo-base-color); opacity: .7; } .vbo-submenu-helper-ul > li:hover .vmenulink .vbo-submenu-item-helper-setpin { opacity: 1; transition: all 200ms ease-in-out 200ms; -moz-transition: all 200ms ease-in-out 200ms; -webkit-transition: all 200ms ease-in-out 200ms; -o-transition: all 200ms ease-in-out 200ms; } .vbo-submenu-item-helper-unpinned .vbo-submenu-item-helper-setpin { color: var(--vbo-config-text-color-light); } .vbo-submenu-helper-ul > li:hover .vmenulink .vbo-submenu-item-helper-setpin:hover { opacity: 1; color: var(--vbo-base-color); } /* END Back-end Menu */ .vbo-config-warn { display: block; font-style: italic; margin: 5px 0 0; } /* Bookings List - Begin */ table.vbo-bookingslist-table tbody tr td, table.vbo-list-table tbody tr td { vertical-align: middle; font-size: 13px; } table.vbo-list-table tbody tr .vbo-highlighted-td { font-weight: bold; } .vbo-coupon-use-count a { display: inline-block; background: var(--vbo-base-color); padding: 0 5px; border-radius: 4px; color: var(--vbo-contrast-text-color); } .vbo-coupon-use-count a:hover { background: var(--vbo-base-color-hover); color: var(--vbo-contrast-text-color); } .vbo-list-table .btn { white-space: nowrap; } .vbo-list-table .btn i { margin-right: 3px; } a.vbo-bookingslist-viewdet-link { display: inline-block; cursor: pointer; color: #fff; min-width: 60%; } a.vbo-bookingslist-viewdet-link:hover { text-decoration: none; } .vbo-room-channels-mapped-wrap > div { display: inline-block; vertical-align: middle; } .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch { border-radius: 50%; object-fit: cover; border: 1px solid var(--vbo-config-border-color); width: 32px; height: 32px; line-height: 28px; font-weight: bold; margin: 2px 0; } .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl { display: inline-block; line-height: initial; } .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl img { width: 20px; height: 20px; border-radius: 4px; vertical-align: middle; object-fit: cover; } .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl span { line-height: 34px; } .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch[data-ota-idroom] { cursor: pointer; } .vbo-promo-channels-involved-wrap .vbo-room-channels-mapped-ch { border-radius: 50%; margin: 2px; width: 32px; height: 32px; text-align: center; } .vbo-promo-channels-involved-wrap .vbo-room-channels-mapped-ch img { width: 20px; height: 20px; object-fit: cover; } .vbo-modal-ota-listing-details-wrap .vbo-room-ota-listing-details { height: 35px; border-radius: 6px; object-fit: cover; display: inline-block; vertical-align: middle; } .vbo-room-channels-onboard-ch-lbl { border-radius: 20px; border: 1px solid var(--vbo-green-color-focus); padding: 0 8px; display: flex; align-items: center; gap: 5px; height: 32px; cursor: pointer; overflow: hidden; transition: ease .3s; } .vbo-room-channels-onboard-ch-lbl:hover { border-color: var(--vbo-green-color-focus); background-color: var(--vbo-green-color-focus); } .vbo-room-channels-onboard-ch-lbl i { color: var(--vbo-green-color); font-size: 16px; } .vbo-room-channels-onboard-ch-lbl:hover i { color: #fff; animation: ease-rotate-icon 0.5s ease; } .vbo-room-channels-onboard-ch-lbl img { width: 20px; height: 20px; border-radius: 50%; object-fit: cover; filter: grayscale(.7); opacity: .6; } .vbo-room-channels-onboard-ch-lbl:hover img { opacity: 1; filter: none; } @keyframes ease-rotate-icon { from { transform: translateX(-200%) rotate(0); } to { transform: translateX(0%) rotate(180deg); } } .vbo-room-sharedcalendar { border: 1px solid var(--vbo-config-border-color); padding: 3px 6px; border-radius: 4px; background: var(--vbo-basic-btn); display: inline-block; margin-right: 3px; } .vbo-allbookings-fm, .vbo-list-form { background: var(--vbo-main-bg-color); } form[name="invoicesform"] { margin-bottom: 0; } form[name="invoicesform"] .btn-toolbar { margin-bottom: 0; } .vbo-allbookings-fm .btn-group { position: relative; } .vbo-list-form { padding-top: 10px; } .vbo-allbookings-fm #filter-bar, .vbo-avov-toolbar, .vbo-btn-toolbar { margin-top: 0 !important; height: auto !important; background: var(--vbo-toolbar-bg-color); padding: 10px; box-sizing: border-box; } .vbo-allbookings-fm #vbo-search-tools-cont { margin-top: 5px; height: auto !important; padding: 10px; box-sizing: border-box; } .vbo-btn-toolbar #filter-bar { margin-top: 0; } .vbo-btn-toolbar .btn[type="submit"], .vbo-btn-toolbar .btn[type="button"], .vbo-reports-filters-wrap .btn[type="submit"], .vbo-reports-filters-wrap .btn[type="button"] { padding: 8px 15px; box-shadow: none; border-color: var(--vbo-config-border-color); } .vbo-btn-toolbar .btn[type="submit"] *:not(i), .vbo-btn-toolbar .btn[type="button"] *:not(i), .vbo-reports-filters-wrap .btn[type="submit"] *:not(i), .vbo-reports-filters-wrap .btn[type="button"] *:not(i) { font-weight: bold; } .vbo-btn-toolbar .btn-group .btn .icon-calendar, .vbo-reports-filters-wrap .btn-group .btn .icon-calendar { font-weight: normal; } .vbo-btn-toolbar .field-calendar .input-append, .vbo-btn-toolbar .vbo-field-calendar .input-append { margin-bottom: 0; } .vbo-btn-toolbar .input-append .btn { padding: 8px 12px; border: 1px solid var(--vbo-config-border-color); border-radius: 0 var(--vbo-field-radius) var(--vbo-field-radius) 0; } .vbo-btn-toolbar .input-append .btn:first-child { border-radius: var(--vbo-field-radius) 0 0 var(--vbo-field-radius); } .vbo-btn-toolbar .input-append .btn + input { margin-left: 0; } .vbo-btn-toolbar .btn-group #vbo-search-tools-btn { background: var(--vbo-blue-color); border: 1px solid var(--vbo-blue-color); color: #fff; padding: 7.5px 15px; } .vbo-btn-toolbar #vbo-search-tools-btn:hover { background: var(--vbo-config-bg-color); border-color: var(--vbo-blue-color)6; color: var(--vbo-blue-color); } .vbo-btn-toolbar #vbo-search-tools-btn .caret { border-top: 4px solid #fff !important; border-bottom: 0 !important; border-right: 4px solid transparent; border-left: 4px solid transparent; margin-left: 4px; } .vbo-btn-toolbar #vbo-search-tools-btn.btn-primary { background: var(--vbo-config-bg-color); border-color: var(--vbo-blue-color); color: var(--vbo-blue-color); } .vbo-btn-toolbar #vbo-search-tools-btn.btn-primary .caret { border-bottom: 4px solid #fff !important; border-top: 0 !important; border-right: 4px solid transparent; border-left: 4px solid transparent; } .vbo-btn-toolbar #vbo-search-tools-btn:hover .caret { border-top: 4px solid var(--vbo-blue-color) !important; border-bottom: 0 !important; border-right: 4px solid transparent; border-left: 4px solid transparent; } .vbo-btn-toolbar #vbo-search-tools-btn.btn-primary:hover .caret { border-bottom: 4px solid #fff !important; border-top: 0 !important; border-right: 4px solid transparent; border-left: 4px solid transparent; } .vbo-btn-toolbar .select2-container--default .select2-selection--multiple, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple, .vbo-reports-filters-wrap .select2-container--default .select2-selection--multiple { font-weight: normal; font-size: 14px !important; border: 1px solid var(--vbo-config-border-color) !important; border-radius: var(--vbo-field-radius) !important; background: var(--vbo-input-style); padding-right: 0; padding-bottom: 0; } .vbo-btn-toolbar .select2-container--default .select2-selection--multiple .select2-selection__rendered, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple .select2-selection__rendered, .vbo-reports-filters-wrap .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 4px 5px; display: inherit; } .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear, .vbo-btn-toolbar .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear, .vbo-reports-filters-wrap .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear { display: inline-block; margin-left: 3px; margin-right: 0; width: 18px; height: 18px; line-height: 15px; font-size: 16px; text-align: center; border-radius: 50%; color: var(--vbo-config-titles-color-light); float: right; } .vbo-multiselect-inline-elems-wrap .select2-selection--multiple .select2-selection__rendered .select2-selection__clear { position: absolute; top: 50%; transform: translate(0, -50%); right: 4px; margin-top: 0; font-size: 14px; } .vbo-btn-toolbar .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear:hover, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear:hover, .vbo-reports-filters-wrap .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear:hover { background: var(--vbo-config-border-color); color: var(--vbo-config-titles-color-light); } .vbo-btn-toolbar .select2-container--default .select2-selection--multiple .select2-selection__arrow, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple .select2-selection__arrow, .vbo-reports-filters-wrap .select2-container--default .select2-selection--multiple .select2-selection__arrow { height: 36px; } .vbo-btn-toolbar .select2-container--default .select2-selection--multiple .select2-selection__choice, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple .select2-selection__choice, .vbo-reports-filters-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: var(--vbo-select2-bg) !important; border: 1px solid var(--vbo-select2-border) !important; border-radius: 30px !important; padding: 5px 10px !important; color: var(--vbo-base-color); font-weight: bold; font-size: 12px; } .vbo-btn-toolbar .select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove, .vbo-reports-filters-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove { display: inline-block; margin-left: 3px; margin-right: 0; width: 18px; height: 18px; line-height: 15px; font-size: 16px; text-align: center; border-radius: 50%; color: var(--vbo-base-color); float: right; } .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { z-index: 9; position: relative; } .vbo-btn-toolbar .select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove:hover, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove:hover, .vbo-reports-filters-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove:hover { background: var(--vbo-base-color-hover); color: #fff; } .vbo-btn-toolbar .select2-container--default .select2-selection--multiple .select2-search__field, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple .select2-search__field, .vbo-reports-filters-wrap .select2-container--default .select2-selection--multiple .select2-search__field { margin-top: 5px; margin-bottom: 5px !important; padding: 0; } /* * IMPORTANT: Just for the Toolbar: By using the "vbo-toolbar-multiselect-wrap" container we can use inline select2 results. */ .vbo-toolbar-multiselect-wrap .select2-container { width: auto !important; max-width: 500px; } .vbo-toolbar-multiselect-wrap .select2-container--default .select2-selection--multiple .select2-selection__rendered { display: flex; flex-wrap: wrap; gap: 2px; padding: 4px 5px; } .vbo-toolbar-multiselect-wrap .select2-selection--multiple .select2-selection__rendered li .select2-search__field { margin-bottom: 0 !important; min-height: initial; } .vbo-toolbar-multiselect-wrap .select2-container .select2-search--inline { padding-top: 0; } .vbo-toolbar-multiselect-wrap .select2-selection__rendered > li:last-of-type:not(:only-of-type) { width: 20px !important; padding-top: 0; height: 20px; } .vbo-toolbar-multiselect-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice { max-width: 120px; margin: 0; box-sizing: border-box; } .vbo-list-form-filters { padding: 10px 20px; border-radius: 6px; } .vbo-list-form-filters form { margin-bottom: 0; display: flex; flex-wrap: wrap; } .vbo-list-form-filter-select { display: inline-block; margin-right: 10px; } .vbo-list-form-filters form > .vbo-right-btn-container { margin-left: auto; align-self: end; } .vbo-avov-toolbar select { margin-bottom: 0; border-radius: 2px; border: 1px solid var(--vbo-config-border-color); padding: 8px 10px; height: inherit; } #vbo-search-tools-cont { width: 100%; display: inline-block; padding: 0px !important; } .pagination.pagination-toolbar { margin-bottom: 20px; } .vbo-allbookings-fm .table-responsive, .vbo-list-form .table-responsive { width: 98%; margin: 10px auto 20px; border-radius: 10px; box-shadow: 0 5px 5px rgba(0,0,0,.1); } .vbo-allbookings-fm .table-responsive table, .vbo-list-form .table-responsive table { margin-bottom: 0; } .vbo-list-form .table-responsive table { margin-top: 0; } .vbo-orders-review-link { display: inline-block; margin-left: 5px; } .vbo-orders-review-link a { color: #ffbd3f; cursor: pointer; } .vbo-orders-review-link a:hover { color: var(--vbo-orange-color); } .vbo-bookslist-snapshot { cursor: pointer; } .vbo-bookslist-snapshot:hover { background-color: var(--vbo-blue-color-hover); color: #fff; } .vbo-orders-substatus { margin-top: 2px; } .vbo-orders-substatus .label { border-radius: 10px; } /* Search Tools Caret - Start */ .btn-primary .caret { border-top: 0; border-bottom: 4px solid #FFF !important; margin-top: 7px; margin-bottom: 8px; } /* Search Tools Caret - End */ .vbo-bookingslist-table thead th a, .vbo-list-table thead th a { color: var(--vbo-config-titles-color-light); } .vbo-bookingslist-table thead th a > i, .vbo-list-table thead th a > i { margin-left: 5px; font-size: 10px; } .vbo-bookingslist-table thead th .vbo-bookingslist-activesort, .vbo-bookingslist-table thead th a:hover, .vbo-list-table thead th .vbo-list-activesort, .vbo-list-table thead th a:hover { color: var(--vbo-blue-color); text-decoration: none; } .vbo-bookingslist-viewdet, .vbo-bookingslist-booktime-date { font-size: 14px; font-weight: bold; color: var(--vbo-config-titles-color-light); vertical-align: baseline; white-space: nowrap; } .vbo-bookingslist-viewdet:hover { color: var(--vbo-base-color-hover); } .vbo-bookingslist-viewdet-date { display: block; } .vbo-bookingslist-viewdet-time, .vbo-bookingslist-booktime-time { font-size: 11px; font-weight: bold; color: var(--vbo-config-titles-color-light); } .vbo-bookingslist-viewdet-time span { display: inline-block; } .vbo-bookingslist-booktime-hour { color: var(--vbo-base-color); } .vbo-bookingslist-booktime-twrap { display: inline-block; min-width: 60px; } .vbo-bookingslist-roomunit { display: block; font-size: smaller; color: var(--vbo-config-titles-color-light); } .vbo-bookingslist-booktime-checkedin { display: inline-block; color: var(--vbo-green-color); } .vbo-bookingslist-booktime-checkedout { display: inline-block; color: var(--vbo-green-color); } .vbo-bookingslist-booktime-noshow { display: inline-block; color: var(--vbo-red-color); } .vbo-bookingslist-viewdet-fulldate { display: inline-block; margin-right: 15px; } .vbo-bookingslist-viewdet-open { float: right; } .vbo-booking-with-splitstay .vbo-booking-has-splitstay { min-width: 20px; margin-right: -3px; } .vbo-provenience { display: inline-block; min-width: 85px; border: 0; border-radius: 3px; margin: 0 3px 0 0; padding: 7px 5px; color: var(--vbo-base-color); font-weight: bold; position: relative; font-size: 16px; word-break: break-all; } span.label.vbo-status-label { padding: 5px 14px !important; font-size: 12px; border-radius: 24px; letter-spacing: .3px; min-width: 70px; text-align: center; } span.label.vbo-status-label.label-success, span.label.vbo-status-label.badge-success { background-color: var(--vbo-success-bg); } span.vbo-label-small, .vbo-label-small { padding: 5px 8px !important; font-size: 11px; line-height: 14px; } .vbo-bookingslist-total-totpaid { font-size: 11px; font-weight: bold; } .vbo-bookingslist-total-refunded { color: var(--vbo-red-color); display: inline-block; margin-left: 4px; } .vbo-admin-tipsicon i { font-size: 18px; color: var(--vbo-config-titles-color-light); } .vbo-admin-notes-icn { cursor: pointer; } .vbo-admin-invoiceicon i { font-size: 18px; color: var(--vbo-config-titles-color-light); } .vbo-timeline-content { background: var(--vbo-config-bg-color); } .vbo-bookings-guestmessages-bubble-cont i { font-size: 20px; color: var(--vbo-config-titles-color-light); position: relative; } .vbo-bookings-guestmessages-bubble-cont i:after { position: absolute; content: attr(data-message-count); width: 20px; height: 20px; border-radius: 50%; background: var(--vbo-red-color); color: #fff; font-weight: bold; font-size: 11px; line-height: 20px; font-family: Arial; top: -7px; right: -11px; text-align: center; } .vbo-bookings-guestmessages-bubble-cont i[data-message-count="0"]:after { display:none; } #vbo-geninv-form .vbo-calendar-cfield-entry { margin: 15px 0; } .vbo-info-overlay-content-invoices h4 { font-size: 20px; border-bottom: 1px solid var(--vbo-config-border-color); padding-bottom: 10px; } /* Bookings List - End */ /* Rates, Restrictions and Seasons Calendar - Begin */ .vbo-warning { margin: 10px 0px; padding: 12px; color: var(--vbo-orange-color); border: 1px solid var(--vbo-orange-color); background-color: var(--vbo-config-bg-color); } .vbo-ratesoverview-top-container { background: var(--vbo-config-child-bg-color); padding-bottom: 20px; padding-top: 20px; } .vbo-ratesoverview-right-block { float: right; } .vbo-ratesoverview-right-inner { background: var(--vbo-main-bg-color) none repeat scroll 0 0; border: 1px solid var(--vbo-config-border-color); border-radius: 3px; display: none; margin-left: 20px; min-height: 60px; padding: 10px 10px; position: relative; vertical-align: top; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); margin-bottom: 10px; } .vbo-ratesoverview-vcmwarn-close { cursor: pointer; position: absolute; right: -8px; top: -8px; } .vbo-ratesoverview-vcmwarn-close i { color: var(--vbo-red-color); font-size: 16px; margin: 0; } .vbo-ratesoverview-vcmwarn-count { display: block; padding: 5px 5px 0; text-align: center; } .vbo-ratesoverview-vcmwarn-count i { color: var(--vbo-blue-color); } .vbo-ratesoverview-vcmwarn-open { display: block; text-align: center; margin-top: 10px; } .vbo-ratesoverview-roomsel-block { margin: 0 20px; } .vbo-ratesoverview-roomsel-block > form { display: flex; margin-bottom: 0; background: var(--vbo-config-child-bg-color); border: 1px solid var(--vbo-config-border-color); border-bottom-color: var(--vbo-config-border-color); border-bottom-style: solid; border-bottom-width: 1px; border-radius: 4px; border-bottom: 2px solid var(--vbo-config-border-color); box-shadow: 0 0 10px rgba(0,0,0,.1); } .vbo-ratesoverview-roomsel-block label { display: block; font-weight: bold; margin-bottom: 9px; } .vbo-ratesoverview-roomsel-entry { display: inline-block; vertical-align: top; background: var(--vbo-config-bg-color); padding: 15px; flex: 1; flex-basis: auto; } .vbo-ratesoverview-roomsel-entry > label, .vbo-ratesoverview-roomsel-entry-calc-inner > label { font-size: 16px; } .vbo-ratesoverview-roomsel-entry > label i, .vbo-ratesoverview-roomsel-entry-calc-inner > label > i { color: var(--vbo-config-titles-color-light); font-size: 14px; margin-right: 5px; } .vbo-ratesoverview-roomsel-entry-forecast { flex-basis: 35%; } .vbo-ratesoverview-roomsel-entry-forecast > label { float: left; } .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-commands { margin-bottom: 20px; display: flex; justify-content: flex-end; } .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas { width: 36%; float: left; display: inline-block; } .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta { width: 100%; } .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta-inner { padding: 10px 20px; } .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta-lbl { margin-bottom: 5px; } .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta-val-main { font-size: 22px; } .vbo-reportwidget-ratesoverv .vbo-report-chart-canvas { width: 57% !important; height: auto !important; } .vbo-reportwidget-ratesoverv .chart-line-legend { margin-left: 0; } .vbo-ratesoverview-roomsel-entry-los { border-left: 1px solid var(--vbo-config-border-color); } .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-chrooms { flex-basis: 18%; border-right: 1px solid var(--vbo-config-border-color); background-color: var(--vbo-config-bg-color); border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .vbo-ratesoverview-roomsel-entry-chrooms #roomsel { margin-bottom: 0; border-radius: 2px; border: 1px solid var(--vbo-config-border-color); padding: 8px 10px; height: inherit; } .vbo-ratesoverview-roomsel-entry-chrooms .select2-container { margin-bottom: 0; } .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default { width: 80% !important; } .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple { border: 0; background: transparent; } .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 0; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: var(--vbo-select2-bg); border: 1px solid var(--vbo-select2-border); border-radius: 30px; padding: 5px 10px; color: var(--vbo-select2-txt); font-weight: bold; max-width: 190px; overflow: hidden; text-overflow: ellipsis; } .select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove { display: inline-block; margin-left: 3px; margin-right: 0; width: 18px; height: 18px; line-height: 15px; font-size: 16px; text-align: center; border-radius: 50%; color: var(--vbo-base-color); float: right; position: relative; border: 0; padding: 0; } .select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove:hover { background: var(--vbo-base-color); color: #fff; } .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-search--inline { width: 100%; } .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field { width: 98% !important; background: var(--vbo-config-bg-color); border: 1px solid var(--vbo-config-border-color); border-radius: var(--vbo-field-radius); padding: 8px 10px; } .btn.vbo-content-genai, .btn.vbo-dark-btn { background: var(--vbo-config-bg-dark); border: 1px solid var(--vbo-config-bg-dark); color: var(--vbo-contrast-text-color); } .btn.vbo-content-genai:hover, .btn.vbo-dark-btn:hover { background: transparent !important; color: var(--vbo-config-bg-dark); border: 1px solid var(--vbo-config-bg-dark); } .vbo-ratesoverview-roomsel-entry-chrooms .vbo-config-btn { vertical-align: bottom; margin-bottom: 16px; } .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default.select2-container--focus .select2-selection--multiple { border: 0; } .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc { border-right: 1px solid var(--vbo-config-border-color); flex-basis: calc(53%); } .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 35px; } .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc #select2-roomselcalc-container { font-weight: normal; font-size: 14px; } .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container .select2-selection--single { height: 36px; border: 1px solid var(--vbo-config-border-color); border-radius: var(--vbo-field-radius); } .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .select2-container--default .select2-selection--single .select2-selection__arrow { height: 36px; } .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc input { background: var(--vbo-config-bg-color); border: 1px solid var(--vbo-config-border-color); border-radius: var(--vbo-field-radius); padding: 8px 10px; width: 70% !important; } .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .hasDatepicker + button.btn { padding: 8px 10px; border-radius: 0 var(--vbo-field-radius) var(--vbo-field-radius) 0; border: 1px solid var(--vbo-config-border-color); } .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc .hasDatepicker + button.btn .icon-calendar { margin-right: 0; } .vbo-ratesoverview-roomsel-entry .select2-container { margin-bottom: 9px; min-width: 200px; } .vbo-ratesoverview-top-container.collapsed .vbo-ratesoverview-roomsel-entry-calc, .vbo-ratesoverview-top-container.collapsed .vbo-ratesoverview-roomsel-entry-forecast { display: none; } .vbo-ratesoverview-top-container.collapsed .vbo-ratesoverview-roomsel-entry-chrooms { flex-basis: 100%; } .vbo-ratesoverview-entryinline { display: inline-block; margin-right: 5px; vertical-align: top; } .vbo-ratesoverview-entryinline #vbo-ratesoverview-calculate { min-width: 110px; } .vbo-ratesoverview-rcalc-srooms { display: block; } .vbo-ratesoverview-numnight { display: inline-block; padding: 2px 8px; margin-right: 13px; border-radius: 3px; border: 1px solid var(--vbo-base-color); color: var(--vbo-base-color); position: relative; font-weight: bold; } .vbo-ratesoverview-numnight:after { background: var(--vbo-red-color) none repeat scroll 0 0; border-radius: 50%; color: #fff; content: "x"; cursor: pointer; font-size: 11px; height: 16px; line-height: 14px; position: absolute; right: -15px; text-align: center; top: -9px; width: 16px; border: 2px solid #fff; } .vbo-ratesoverview-numnight:hover:after { background-color: var(--vbo-red-color); } .vbo-ratesoverview-numnight:active:after { background-color: var(--vbo-red-color-hover); } #vbo-addnumnight, #vbo-numnights, #vbo-numadults, #vbo-numchildren { width: 35px !important; margin: 0 0 0 5px; display: inline-block; } #vbo-addnumnight-act { cursor: pointer; display: inline-block; margin-top: 10px; vertical-align: top; } #vbo-addnumnight-act i { color: var(--vbo-green-color); font-size: 18px; } .vbo-apply-los-btn { margin-left: 10px; } .vbo-seasons-calendar-table { width: 100%; margin-bottom: 0 !important; } .vbo-seasons-calendar-table .vbo-seasons-calendar-nightsrow td { background: var(--vbo-config-child-bg-color); border-top: 0 !important; padding: 15px 0; } tr.vbo-seasons-calendar-nightsrow td:first-child { width: 20%; } tr.vbo-seasons-calendar-nightsrow td:nth-child(n+2) { text-align: center; } tr.vbo-seasons-calendar-nightsrow td span { font-weight: bold; font-size: 15px; } tr.vbo-seasons-calendar-offseasonrow { border-bottom: 1px solid var(--vbo-basic-btn); } tr.vbo-seasons-calendar-offseasonrow td { height: 40px; } tr.vbo-seasons-calendar-offseasonrow td:nth-child(n+2) { text-align: center; } tr.vbo-seasons-calendar-seasonrow { border-bottom: 1px solid var(--vbo-basic-btn); } tr.vbo-seasons-calendar-seasonrow td { height: 40px; } tr.vbo-seasons-calendar-seasonrow td:nth-child(n+2) { text-align: center; } .vbo-seasons-calendar-offseasonname { font-style: italic; font-size: 15px; } .vbo-seasons-calendar-offseasoncosts { display: block; } .vbo-seasons-calendar-offseasoncost, .vbo-seasons-calendar-seasoncost { display: block; margin: 8px 0; } .vbo-seasons-calendar-seasoncost-notaffected { opacity: 0.3; } .vbo-seasons-calendar-pricename { display: block; font-style: italic; } .vbo-seasons-calendar-pricecost { display: block; font-weight: bold; } .vbo-seasons-calendar-seasondates { display: block; } .vbo-seasons-calendar-seasonchargedisc { display: block; float: right; } .vbo-seasons-calendar-slabel { border-radius: 0.25em; color: #fff; display: inline; font-size: 95%; font-weight: 700; line-height: 1; padding: 0.2em 0.6em 0.3em; text-align: center; vertical-align: baseline; white-space: nowrap; } .vbo-seasons-calendar-season-charge { background-color: #777; } .vbo-seasons-calendar-season-discount { background-color: #f0ad4e; } .vbo-seasons-calendar-operator { display: inline-block; margin-right: 3px; font-weight: bold; font-size: 105%; } .vbo-seasons-calendar-seasonfrom { display: inline-block; } .vbo-seasons-calendar-seasondates-separe { display: inline-block; margin: 0 3px 0 3px; } .vbo-seasons-calendar-seasonto { display: inline-block; } .vbo-seasons-calendar-seasonname { display: block; font-weight: bold; white-space: initial; } .vbo-seasons-calendar-restrictions { display: block; } .vbo-seasons-calendar-restriction-minlos { display: inline-block; padding: 6px 6px 5px 7px; background: var(--vbo-config-border-color); font-size: 12px; font-weight: bold; border-radius: 2px; margin-top: 3px; } .vbo-seasons-calendar-restriction-minlos-badge { display: inline-block; min-width: 20px; min-height: 20px; background: var(--vbo-config-bg-color); color: var(--vbo-body-text-color); font-size: 13px; font-weight: bold; padding: 4px; border-radius: 50%; text-align: center; margin-left: 2px; } .vbo-seasons-calendar-restriction-maxlos { display: inline-block; padding: 2px 3px 2px 3px; background: var(--vbo-config-text-color-light); font-size: 12px; font-weight: bold; border-radius: 4px; } .vbo-seasons-calendar-restriction-maxlos-badge { display: inline-block; min-width: 20px; min-height: 20px; background: var(--vbo-config-bg-color); color: var(--vbo-body-text-color); font-size: 13px; font-weight: bold; padding: 4px; border-radius: 50%; text-align: center; margin-left: 2px; } .vbo-seasons-calendar-restriction-wdays { display: block; } .vbo-seasons-calendar-restriction-wdays label { display: block; font-style: italic; } .vbo-seasons-calendar-restriction-wdays .vbo-seasons-calendar-restriction-wday { display: inline-block; padding: 2px 3px 2px 3px; margin-right: 4px; background: var(--vbo-base-color); color: #fff; border-radius: 4px; } .vbo-ratesoverview-roomsel-entry-calc-inner { border-bottom: 1px solid var(--vbo-basic-btn); padding: 0 0 10px; margin: 10px 0 0; } .vbo-ratesoverview-calculation-response { margin: 10px 0 0; } .vbo-ratesoverview-calculation-response-room { margin: 10px 0 40px; } .vbo-ratesoverview-calculation-response-room:last-child { margin-bottom: 0; padding-bottom: 0; border: 0; } .vbo-ratesoverview-calculation-response-room h4 { font-weight: normal; font-size: 14px; } .vbo-ratesoverview-calculation-response-room-name { display: block; font-weight: bold; font-size: 16px; margin-bottom: 5px; } .vbo-calcrates-rateblock { padding: 15px; margin: 15px 0; background: var(--vbo-config-bg-color); box-shadow: 0 0 10px rgba(0,0,0,0.15); border-radius: 10px; display: flex; flex-wrap: wrap; } .vbo-calcrates-rateblock > span { display: inline-block; flex: 1; margin-right: 15px; font-size: 15px; color: var(--vbo-config-titles-color-light); } .vbo-calcrates-rateblock > .vbo-calcrates-ratename { font-weight: bold; font-size: 17px; flex-basis: 100%; margin-bottom: 8px; vertical-align: top; align-self: center; } .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal { display: inline-block; font-weight: bold; margin-right: 55px; font-size: 16px; } .vbo-calcrates-rateblock > .vbo-calcrates-ratespaffdays { width: 15%; } .vbo-calcrates-rateblock > span > span { display: block; font-size: 12px; font-weight: bold; color: var(--vbo-config-titles-color-light); } .vbo-calcrates-rateblock .vbo-calcrates-info { margin-top: 14px; } .vbo-calcrates-rateblock > .vbo-room-booknow-rct { align-self: center; background-color: var(--vbo-base-color); color: #fff; border: 0; padding: 9px 14px; font-weight: bold; display: inline-block; margin-left: auto; } .vbo-calcrates-rateblock > .vbo-room-booknow-rct:hover { background-color: var(--vbo-base-color-hover); } .vbo-calcrates-rateblock > .vbo-room-booknow-rct:active { background-color: var(--vbo-link-text-color); } .vbo-calcrates-ratespaffdays, .vbo-calcrates-rateoccupancydisc, .vbo-calcrates-rateoccupancycharge { display: inline-block; min-width: 100px; margin: 0 15px 0 0; font-weight: bold; font-size: 12px; } .vbo-calcrates-ratespaffdays span, .vbo-calcrates-rateoccupancydisc span, .vbo-calcrates-rateoccupancycharge span { display: inline-block; font-style: italic; margin-right: 5px; color: var(--vbo-config-titles-color-light); } .vbo-ratesoverview-tabscont { margin: 0 0 10px 0; text-align: right; float: right; } .vbo-ratesoverview-tabscont div { cursor: pointer; display: inline-block; text-align: center; padding: 12px; margin: 0 5px; border-radius: 2px; font-size: 14px; } .vbo-ratesoverview-tabscont div.vbo-ratesoverview-tab-active { background: var(--vbo-blue-color); color: #fff; font-weight: bold; border: 2px solid var(--vbo-blue-color); } .vbo-ratesoverview-tabscont div.vbo-ratesoverview-tab-unactive { background: var(--vbo-config-child-bg-color) none repeat scroll 0 0; border: 2px solid var(--vbo-config-child-bg-color); } .vbo-roverw-rplan-on { background: var(--vbo-config-bg-color) none repeat scroll 0 0; color: var(--vbo-body-text-color); cursor: pointer; font-size: 15px; } .vbo-roverw-rplan-on:hover { background: var(--vbo-light-color-btn); } .vbo-roverw-rplan-off { background: var(--vbo-red-color) none repeat scroll 0 0; color: #fff; cursor: not-allowed; } .block-picked-start, .block-picked-middle, .block-picked-end, .block-picked-start:hover, .block-picked-middle:hover, .block-picked-end:hover { background: var(--vbo-orange-color) none repeat scroll 0 0; } .vbo-smallersp { font-size: smaller; } .vbo-roverw-infoblock { display: block; padding-bottom: 8px; margin-bottom: 0px; text-align: center; } .vbo-roverw-infoblock span { display: inline-block; font-weight: bold; font-size: 13px; } .vbo-roverw-infoblock span#rovervw-roomname { display: block; text-align: center; font-weight: bold; font-size: 18px; margin-bottom: 7px; } .vbo-roverw-infoblock span#rovervw-roomname i { font-size: 14px; margin-right: 5px; color: var(--vbo-config-titles-color-light); } .vbo-roverw-alldays-inner { display: flex; text-align: center; vertical-align: middle; overflow-y: hidden; overflow-x: scroll; } .vbo-roverw-daymod { display: inline-block; vertical-align: top; margin: 4px 4px; padding: 12px 10px; background: var(--vbo-blue-color) none repeat scroll 0 0; border-radius: 4px; text-align: center; flex: 0 0 80px; } .vbo-roverw-daymod:first-child { margin-left: 0; } .vbo-roverw-daymod:last-child { margin-right: 0; } .vbo-roverw-daymod-innercell { position: relative; } .vbo-roverw-daymod-infospids { bottom: 21px; color: #d6e2ff; cursor: pointer; font-size: 15px; font-weight: bold; right: -8px; padding: 0; position: absolute; } .vbo-roverw-daymod-infospids.vbo-roverw-daymod-infospids-on, .vbo-roverw-daymod-infospids:hover { color: #fff; } .vbo-roverw-daymod-infospids span { display: inline-block; margin: 0; } .vbo-roverw-daymod-infospids-outcont { display: none; position: absolute; transform: translate(-50%, 0%); padding: 10px; border: 2px solid var(--vbo-config-border-color); border-radius: 2px; background: var(--vbo-config-bg-color) none repeat scroll 0 0; box-shadow: 0 0 10px rgba(0,0,0,.15); top: 72px; left: 50%; min-width: 150px; z-index: 101; } .vbo-roverw-daymod-infospids-incont ul { margin: 0; } .vbo-roverw-daymod-infospids-incont ul li { list-style-type: none; border-bottom: 1px solid var(--vbo-config-border-color); padding: 5px 0; } .vbo-roverw-daymod-infospids-incont ul li:last-child { border: 0; } .vbo-roverw-daymod-infospids-incont ul li a { color: var(--vbo-config-title-color); font-weight: bold; } .vbo-roverw-daymod-infospids-incont ul li a:hover { color: var(--vbo-blue-color); } .vbo-roverw-daydate { display: inline-block; text-align: center; width: 96%; color: #fff; padding-bottom: 5px; margin-bottom: 0; } .vbo-roverw-daydate-wdaymday { display: block; } .vbo-roverw-dayprice { display: inline-block; text-align: center; color: #fff; font-weight: bold; border: 1px solid var(--vbo-base-color); border-radius: 4px; padding: 7px; width: 100%; box-sizing: border-box; font-size: 15px; white-space: nowrap; } .vbo-roverw-setnewrate { display: block; margin-top: 13px; width: 100%; border: 1px solid var(--vbo-config-border-color); background: var(--vbo-config-child-bg-color); padding: 15px; box-sizing: border-box; border-radius: 15px; } .vbo-roverw-setnewrate .vbo-roverw-setnewrate-title { display: flex; margin-bottom: 6px; } .vbo-roverw-setnewrate .vbo-roverw-setnewrate-title .vbo-roverw-setnewrate-skip-derived { margin-left: auto; } .vbo-roverw-setnewrate .vbo-roverw-flexnew { display: flex; flex-wrap: wrap; margin-bottom: 10px; gap: 10px; } .vbo-roverw-setnewrate-title h4 { margin: 0 0 10px; font-size: 16px; } .vbo-roverw-setnewrate-title h4 i { font-size: 12px; margin-right: 5px; color: var(--vbo-config-titles-color-light); } .vbo-roverw-setnewrate .vbo-roverw-flexnew > div { flex: 1; text-align: center; background: var(--vbo-config-bg-color); border: 1px solid var(--vbo-basic-btn); border-bottom: 3px solid var(--vbo-basic-btn); border-radius: 16px; overflow: hidden; } .vbo-roverw-setnewrate .vbo-roverw-flexnew input { background: var(--vbo-config-bg-color); border: 1px solid var(--vbo-config-border-color); border-radius: var(--vbo-field-radius); padding: 8px 10px; } label.vbo-roverw-setnewrate-currency, label.vbo-roverw-setnewrestr-lbl { display: inline-block; } .vbo-roverw-setnewrate .vbo-roverw-flexnew > div input[type="number"] { width: 100px !important; height: 40px; } .vbo-roverw-newrcont, .vbo-roverw-newrestrcont-inner { display: flex; justify-content: center; gap: 5px; padding: 10px 10px 20px; align-items: center; } .vbo-roverw-closeopenrp { margin: 12px auto 20px; border: 1px solid var(--vbo-config-border-color); background: var(--vbo-config-child-bg-color); padding: 15px; box-sizing: border-box; border-radius: 15px; } .vbo-roverw-closeopenrp:hover { border-color: var(--vbo-base-color); } .vbo-roverw-newrestrcont h4 { padding: 10px 20px; } .vbo-roverw-newrwrap h4, .vbo-roverw-newrestrcont h4 { display: flex; justify-content: center; align-items: center; gap: 5px; margin: 0 0 7px; border-bottom: 1px solid var(--vbo-basic-btn); font-size: 14px; color: var(--vbo-body-text-color); } .vbo-roverw-newrwrap h4 button { display: flex; justify-content: center; cursor: pointer; padding: 10px 20px; text-align: center; font-size: 14px; color: var(--vbo-body-text-color); } .vbo-roverw-newrwrap h4 button i:last-child { font-size: 11px; color: var(--vbo-config-titles-color-light); margin-left: 4px; } .vbo-roverw-newrwrap .vbo-context-menu-rate-type { width: 100%; } .vbo-roverw-newrwrap .vbo-context-menu-rate-type:hover { background: var(--vbo-light-blue); } .vbo-roverw-newrwrap .vbo-context-menu-rate-type:hover i { color: var(--vbo-base-color); } .vbo-roverw-newrwrap h4 i:first-child, .vbo-roverw-newrestrcont h4 i:first-child { color: var(--vbo-config-titles-color-light); font-size: 14px; margin-right: 2px; } .vbo-roverw-closeopenrp h4 { cursor: pointer; border-radius: 5px; padding: 0; margin: 0; font-size: 16px; } .vbo-roverw-closeopenrp h4 i { font-size: 12px; margin-right: 5px; color: var(--vbo-config-titles-color-light); } .vbo-roverw-closeopenrp h4 .vbo-roverw-closeopenrp-arrow { float: right; } .vbo-roverw-closeopenrp:hover h4 .vbo-roverw-closeopenrp-arrow i { color: var(--vbo-base-color); } .vbo-roverw-closeopenrp-btns { display: none; margin-top: 30px; margin-bottom: 20px; } .vbo-roverw-closeopenrp-btns button { margin: 0 3px; padding: 8px 12px; } .vbo-roverw-setnewrate-inner { display: block; text-align: center; } .vbo-roverw-setnewrate-btns { display: block; text-align: center; margin-top: 15px; } .vbo-roverw-setnewrate-btns button { margin: 0 3px; } .vbo-roverw-setnewrate-btns button.btn-danger { border-radius: 3px; padding: 10px 14px; margin-bottom: 0; } .vbo-info-overlay-loading { display: none; position: fixed; left: 40%; top: 40%; width: 20%; height: 20%; z-index: 101; padding: 10px; color: #fff; font-size: 30px; text-align: center; } .vbo-modal-overlay-content-body-scroll { height: calc(100% - 180px); overflow: hidden; overflow-y: scroll; } .vbo-roverviewrowone .bluedays { background: var(--vbo-base-color); color: #fff; padding: 6px 15px; cursor: pointer; } .vbo-roverviewrowone .bluedays .vbo-roverview-datecmd-date i { color: var(--vbo-body-text-color); } .vbo-roverviewrowone .vbo-roverw-tablewday-wend { background: #095880; } .vbo-roverviewrowone .vbo-roverv-festcell { background: #a07e9a !important; cursor: pointer; } .vbo-roverviewrowone .vbo-roverv-festcell:hover { background-color: #bf8cb6 !important; } .vbo-roverviewrowone .vbo-roverv-festcell:active { background-color: #cca5c5 !important; } .vbo-roverviewrowone .bluedays > span { display: block; } .vbo-roverw-roomdaynote-icn { position: relative; } .vbo-roverw-roomdaynote-icn i { position: absolute; right: -10px; top: 2px; font-size: 12px; } .vbo-roverw-roomdaynote-icn:hover i { color: var(--vbo-body-text-color); } .vbo-roverviewrowone .vbo-roverw-tablewday { color: #fff; font-size: 12px; } .vbo-roverviewrowone .vbo-roverw-tablemday { font-size: 24px; margin: 3px 0; } .vbo-roverw-tablemonth { font-size: 12px; color: #fff; text-transform: uppercase; font-weight: normal; } .vbo-roverviewrowone form[name^="vbratesoverview"] > * { display: inline-block; vertical-align: top; } .vbo-roverview-datecmd { margin-bottom: 3px; } .vbo-roverview-datecmd form { margin: 0 !important; } .vbo-roverviewrowone form[name^="vbratesoverview"] a, .vbo-roverviewrowone form[name^="vbratesoverview"] a:link, .vbo-roverviewrowone form[name^="vbratesoverview"] a:active, .vbo-roverviewrowone form[name^="vbratesoverview"] a:visited { color: var(--vbo-blue-color); font-size: 15px; text-decoration: none; margin-top: 5px; background: var(--vbo-body-bg-color); padding: 3px 5px; display: inline-block; width: 15px; border-radius: 2px; vertical-align: top; } .vbo-roverviewrowone form[name^="vbratesoverview"] a:hover { text-decoration: none; color: var(--vbo-config-titles-color-light); } .vbo-roverviewrowone form[name^="vbratesoverview"] .vboosprevday { margin-right: 10px; } .vbo-roverviewrowone form[name^="vbratesoverview"] { margin-bottom: 0; padding: 0 10px; } .vbo-roverview-datecmd-top .vbo-roverview-datecmd-date { font-size: 15px; text-decoration: none; margin-top: 5px; background: var(--vbo-input-style); padding: 8px 5px; display: inline-block; width: 112px; border-radius: 2px; vertical-align: top; } .vbo-roverview-datecmd-top .vbo-roverview-datecmd-date input { width: 70px !important; cursor: pointer; margin: -3px 0 0 3px; border: 0; padding: 0; font-weight: bold; } .vbo-roverview-datecmd a { display: inline-block; } .vbo-roverviewtablerow td { padding: 15px 10px; } .vbo-roverviewtablerow .vbo-roverv-rplan-restricted { padding: 9px 10px 22px; } .vbo-roverviewtableavrow td { min-width: 80px; max-width: 80px; } .vbo-roverviewtablerow td:first-child { font-weight: bold; background: var(--vbo-config-child-bg-color); background-clip: padding-box; } .vbo-roverviewtableavrow td:first-child, .vbo-roverviewtablerow-restrs td:first-child, .vbo-roverviewtablerow-occupancy td:first-child { background: var(--vbo-config-bg-color) !important; font-weight: bold; padding: 10px; font-size: 14px; } .vbo-roverviewtablerow:last-child td:first-child, .vbo-roverviewtableavrow:last-child td:first-child { border: 0; } td.vbo-roverw-daynotbusy { background: var(--vbo-config-child-bg-color) none repeat scroll 0 0; color: var(--vbo-body-text-color); cursor: not-allowed; } td.vbo-roverw-daybusy { background: var(--vbo-red-color) none repeat scroll 0 0; color: #fff; cursor: not-allowed; } td.vbo-roverw-daybusypartially { background: var(--vbo-orange-color) none repeat scroll 0 0; color: #fff; cursor: not-allowed; } td.vbo-roverw-daybusy:hover { cursor: pointer; } .vbo-roverview-roomunits { background: #3e6372 none repeat scroll 0 0; border-radius: 50%; color: #fff; display: inline-block; font-size: 11px; font-weight: bold; margin: 0 5px 0 0; height: 14px; width: 14px; line-height: 14px; padding: 3px; text-align: center; } .vbo-info-overlay-content-rovervw { padding: 20px 10px !important; height: 80% !important; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 49% !important; } .vbo-roverw-setnewrate-vcm { padding: 4px; display: block; margin: 0 auto; } .vbo-roverw-setnewrate-vcm-head { margin-bottom: 5px; font-weight: bold; } .vbo-roverw-setnewrate-vcm-body { text-align: center; } .vbo-vcm-notinstalled { color: var(--vbo-red-color); } .vbo-vcm-installed { color: var(--vbo-config-title-color); } .vbo-vcm-installed i, .vbo-vcm-installed i.wp-quest-popover { font-size: 14px; margin-right: 5px; color: var(--vbo-config-titles-color-light); } .vbo-roverw-setnewrate-vcm-otas { margin-top: 20px; /* display: flex; flex-wrap: wrap; */ gap: 10px; display: grid; grid-template-columns: repeat(auto-fill, 240px); justify-content: center; } .vbo-roverw-setnewrate-vcm-otas:has(> :only-child) { grid-template-columns: minmax(240px, max-content); } .vbo-roverw-setnewrate-vcm-ota-relation { border-radius: 10px; border: 1px solid var(--vbo-config-border-color); background-color: var(--vbo-config-bg-color); padding: 10px; box-shadow: 0 2px 5px rgba(0,0,0,.05); text-align: left; flex-basis: 187px; align-self: flex-start; } .vbo-roverw-setnewrate-vcm-ota-relation-channel { display: flex; gap: 8px; align-items: center; position: relative; } .vbo-roverw-setnewrate-vcm-ota-relation .vbo-roverw-setnewrate-vcm-ota-relation-channel img { width: 22px; border-radius: 4px; } .vbo-roverw-setnewrate-vcm-ota-pricing-startvalue { margin-left: auto; cursor: pointer; white-space: nowrap; } .vbo-roverw-setnewrate-vcm-ota-pricing-startvalue .vbo-roverw-setnewrate-ota-pricing-willvalue { font-weight: bold; vertical-align: middle; } .vbo-roverw-setnewrate-vcm-ota-pricing-startvalue .vbo-roverw-setnewrate-ota-pricing-currentvalue { font-size: 11px; display: inline-block; padding: 2px 4px; border-radius: 20px; font-weight: 600; margin-left: 5px; vertical-align: middle; } .vbo-roverw-setnewrate-vcm-ota-pricing-startvalue .vbo-roverw-setnewrate-ota-pricing-currentvalue[data-alteration^="+"] { background: var(--vbo-light-green-color); } .vbo-roverw-setnewrate-vcm-ota-pricing-startvalue .vbo-roverw-setnewrate-ota-pricing-currentvalue[data-alteration^="-"] { background: var(--vbo-error-bg); } .vbo-roverw-setnewrate-vcm-ota-pricing-startvalue .vbo-roverw-setnewrate-ota-pricing-currentvalue[data-alteration="+0%"], .vbo-roverw-setnewrate-vcm-ota-pricing-startvalue .vbo-roverw-setnewrate-ota-pricing-currentvalue[data-alteration="+0*"], .vbo-roverw-setnewrate-vcm-ota-pricing-startvalue .vbo-roverw-setnewrate-ota-pricing-currentvalue[data-alteration="-0%"], .vbo-roverw-setnewrate-vcm-ota-pricing-startvalue .vbo-roverw-setnewrate-ota-pricing-currentvalue[data-alteration="-0*"] { background: var(--vbo-light-blue); } .vbo-roverw-setnewrate-vcm-ota-pricing-startvalue .edit-ota-pricing { position: absolute; top: -14px; right: -18px; width: 22px; height: 22px; background: var(--vbo-base-color); text-align: center; line-height: 22px; font-size: 10px; color: var(--vbo-contrast-text-color); border-radius: 50%; } .vbo-roverw-setnewrate-vcm-ota-pricing-startvalue:hover .edit-ota-pricing { background: var(--vbo-config-bg-dark); } .vbo-roverw-setnewrate-vcm-ota-channel-pricing { margin-top: 10px; } .vbo-roverw-setnewrate-vcm-ota-pricing-alteration { display: flex; justify-content: center; } .vbo-roverw-setnewrate-vcm-ota-pricing-alteration .vbo-roverw-setnewrate-vcm-ota-alteration-elem select { padding: 5px 25px 5px 10px !important; } .vbo-roverw-setnewrate-vcm-ota-pricing-alteration .vbo-roverw-setnewrate-vcm-ota-alteration-elem input[type="number"] { width: 85px !important; } .vbo-roverw-setnewrate-vcm-ota-relation.vbo-roverw-setnewrate-vcm-ota-relation-disabled { opacity: .7; filter: grayscale(.5); } .vbo-roverw-setnewrate-vcm-ota-relation.vbo-roverw-setnewrate-vcm-ota-relation-disabled .vbo-roverw-setnewrate-vcm-ota-pricing-startvalue { cursor: initial; } /* Rates, Restrictions and Seasons Calendar - End */ /* Toggle Switch - Start */ /* The switch - the box around the slider */ .vbo-switch { position: relative; display: inline-block; width: 60px; height: 34px; } /* Hide default HTML checkbox */ .vbo-switch input { display: none; } /* The slider */ .vbo-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .vbo-slider.vbo-slider-disabled { cursor: not-allowed; } .vbo-slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .vbo-slider { background-color: #2196F3; } input:focus + .vbo-slider { box-shadow: 0 0 1px #2196F3; } input:checked + .vbo-slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* Rounded sliders */ .vbo-slider.vbo-round { border-radius: 34px; } .vbo-slider.vbo-round:before { border-radius: 50%; } /* Toggle Switch - End */ .new_depovr_container { margin: 4px 0 15px; padding: 10px; border: 1px solid var(--vbo-config-border-color); border-radius: 4px; } .new_depovr_container > span { display: inline-block; vertical-align: top; margin-right: 23px; } .new_depovr_container > span:last-child { margin-right: 0; float: right; } .new_depovr_container > span > span { display: inline-block; margin: 0 5px; } .new_depovr_container > span > .btn-danger { padding: 8px 13px 11px; font-weight: bold; font-size: 20px; line-height: 16px; } input.new_depovr_nights, input.new_depovr_amounts, select.new_depovr_more { margin: 0 !important; } .new_depovr_container input.new_depovr_nights[type="number"], .new_depovr_container input.new_depovr_amounts[type="number"] { width: 100px !important; } .cur_depoverrides { margin: 0 0 4px 0; display: inline-block; } .cur_depoverrides span { margin: 3px; border-bottom: 1px solid var(--vbo-config-text-color-light); border: 1px solid var(--vbo-config-border-color); padding: 5px 8px; border-radius: 3px; background: var(--vbo-config-child-bg-color); display: inline-block; } .cur_depoverrides span:first-child { margin-left: 0; } .cur_depoverrides + .btn { display: inline-block; vertical-align: top; margin-top: 3px; padding: 5px 10px; } /* Timeline Rates Overview - Start */ .vbo-ratesoverview-lostab-cont .table-responsive { width: 98%; margin: 10px auto 20px; border-radius: 10px; box-shadow: 0 0px 8px rgba(0,0,0,.15); } .vbo-ratesoverview-lostab-cont .vbo-seasons-calendar-nightsrow td { border-top: 1px solid var(--vbo-config-border-color); } .vbo-timeline-container { display: block; width: 100%; margin: auto auto 0; overflow: auto; } #vbo-timeline { list-style: none; margin: 70px auto 0; padding: 0; border-top: 8px solid var(--vbo-blue-color); display: table; border-spacing: 30px 0; text-align: center; } #vbo-timeline li { display: table-cell; height: 160px; } #vbo-timeline li .vbo-timeline-relative { position: relative; } #vbo-timeline p { margin: 0; } .vbo-timeline-date { text-align: center; top: -45px; left: 0; right: 0; font-size: 0.95em; line-height: 25px; position: absolute; font-weight: bold; } .vbo-timeline-circle { margin: 0 auto; top: -14px; left: 0; right: 0; width: 10px; height: 10px; background: var(--vbo-config-bg-color); border: 5px solid var(--vbo-blue-color); border-radius: 50%; display: block; position: absolute; cursor: pointer; } .vbo-timeline-content { border-color: var(--vbo-main-bg-color); width: 180px; max-height: 120px; margin-top: 25px; vertical-align: top; padding: 35px 15px 15px; transition: width 0.2s linear, max-height 0.2s linear; border-width: 2px; border-style: solid; border-radius: 0.5em; position: relative; } .vbo-timeline-content:before, .vbo-timeline-content:after { content: ""; width: 0; height: 0; border: solid transparent; position: absolute; pointer-events: none; bottom: 100%; } .vbo-timeline-content:before { border-bottom-color: inherit; border-width: 15px; left: 50%; margin-left: -15px; } .vbo-timeline-content:after { border-bottom-color: var(--vbo-config-bg-color); border-width: 12px; left: 50%; margin-left: -12px; } .vbo-timeline-content .label-info, body.admin .vbo-timeline-content .label-info { background-color: transparent !important; border: 1px solid var(--vbo-blue-color); color: var(--vbo-blue-color); padding: 8px 6px !important; vertical-align: top; } .vbo-timeline-content .label-info .badge { background: var(--vbo-blue-color) !important; margin-left: 2px; } .vbo-timeline-content .btn { padding: 8px 15px; box-shadow: none; border-color: var(--vbo-config-border-color); vertical-align: top; } .vbo-timeline-content .btn i { margin-right: 5px; } .vbo-timeline-content p { max-height: 0; color: transparent; text-align: center; /* text-align: justify; */ word-break: break-word; -moz-hyphens: auto; overflow: hidden; } .vbo-ratesoverview-bottom-container { background: var(--vbo-config-bg-color); } .vbo-ratesoverview-bottom-container .vbo-roverv-actions-content .vbo-context-menu-roverv-actions { margin-left: auto; } .vbo-ratesoverview-bottom-container .vbo-roverv-actions-wrapper { border-bottom: 1px solid var(--vbo-config-border-color); padding-bottom: 10px; margin-bottom: 5px; } label.vbo-timeline-label { font-size: 1.2em; position: absolute; z-index: 1; cursor: pointer; width: 180px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; top: 35px; left: 15px; } .vbo-timeline-radio { display: none; } .vbo-timeline-radio:checked + .vbo-timeline-relative label { cursor: auto; width: 300px; } .vbo-timeline-radio:checked + .vbo-timeline-relative .vbo-timeline-circle { background: var(--vbo-green-color); } .vbo-timeline-radio:checked ~ .vbo-timeline-content { max-height: 180px; border-color: var(--vbo-blue-color); width: 300px; } .vbo-timeline-radio:checked ~ .vbo-timeline-content p { max-height: 180px; min-height: 35px; color: var(--vbo-config-title-color); transition: color 0.3s linear 0.3s; -webkit-transition: color 0.3s linear 0.3s; } .vbo-timeline-content span.vbo-seasons-calendar-slabel { max-height: 0; max-width: 0; color: transparent; word-break: break-word; -moz-hyphens: auto; overflow: hidden; } .vbo-timeline-radio:checked ~ .vbo-timeline-content span.vbo-seasons-calendar-slabel { max-height: 180px; min-height: 35px; color: #fff; transition: color 0.3s linear 0.3s; -webkit-transition: color 0.3s linear 0.3s; } .vbo-timeline-radio:checked ~ .vbo-timeline-content span.vbo-seasons-calendar-season-discount { background-color: var(--vbo-orange-color); } .vbo-timeline-radio:checked ~ .vbo-timeline-content span.vbo-seasons-calendar-season-charge { background-color: var(--vbo-input-style-nested-deactive); color: var(--vbo-body-text-color); } /* Timeline Rates Overview - End */ /* Translations - Start */ .vbo-translation-langtabs { display: block; margin: 0; padding: 0; background: var(--vbo-config-bg-color); border: 1px solid var(--vbo-config-border-color); } .vbo-translation-tab { display: inline-block; cursor: pointer; vertical-align: middle; font-weight: bold; min-width: 120px; text-align: center; color: var(--vbo-config-titles-color-light); border-right: 1px solid var(--vbo-config-border-color); border-bottom: none; margin: 0 0 -1px; padding: 12px 14px; } .vbo-translation-tab .vbo-translation-flag { margin-right: 5px; } .vbo-translation-tab:hover { background: var(--vbo-config-child-bg-color); } .vbo-translation-tab-default { border-bottom: 2px solid var(--vbo-blue-color); color: var(--vbo-blue-color); } .vbo-translation-tabscontents { display: block; margin: 0; padding: 0; border: 1px solid var(--vbo-config-border-color); min-height: 200px; } .vbo-translation-langcontent { background: var(--vbo-main-bg-color); } .vbo-translation-langcontent .adminlegend { margin: 10px 20px 0; border-bottom: 0; color: var(--vbo-config-title-color); } .vbo-translations-tab-container { padding: 0 10px; } .vbo-translations-tab-container .vbo-translations-default-element, .vbo-translations-tab-container .vbo-translations-language-element { background: var(--vbo-config-bg-color); border-radius: 8px; padding: 20px; margin: 15px 10px; box-shadow: 0 5px 10px rgba(0,0,0,.05); } .vbo-translations-element-title { border-bottom: 1px solid var(--vbo-basic-btn); font-size: 16px; font-weight: bold; padding-bottom: 10px; margin-bottom: 10px; } .vbo-translations-element-row { display: flex; margin: 25px 0; font-size: 14px; } .vbo-translations-element-row-nested { margin: 0 0 0 10px; padding: 10px; background: var(--vbo-config-child-bg-color); border-bottom: 1px solid var(--vbo-basic-btn); } .vbo-translations-element-row .vbo-translations-element-lbl { flex-basis: 250px; margin-right: 20px; margin-bottom: 5px; } .vbo-translations-element-row-nested .vbo-translations-element-lbl { margin-right: 0; } .vbo-translations-element-row .vbo-translations-element-val { flex: 1; } .vbo-translations-element-row .vbo-translations-element-val .js-editor-tinymce iframe { height: 250px !important; } .vbo-translations-element-row .vbo-translations-element-val textarea { width: 100%; } .vbo-translations-language-element .vbo-translations-element-lbl, .vbo-translations-ini-element .vbo-translations-element-lbl { padding-left: 35px; } .vbo-translations-language-element .vbo-translations-element-lbl { position: relative; } .vbo-translations-language-element .vbo-translations-element-lbl .vbo-tn-actions { position: absolute; margin-top: 5px; display: flex; gap: 5px; /*padding: 4px 8px;*/ /*background-color: var(--vbo-basic-btn);*/ /*border: 1px solid var(--vbo-config-border-color);*/ /*cursor: pointer;*/ /*border-radius: 4px;*/ } .vbo-translations-language-element .vbo-translations-element-lbl .vbo-tn-actions > * { display: block; padding: 4px 8px; background-color: var(--vbo-basic-btn); border: 1px solid var(--vbo-config-border-color); cursor: pointer; border-radius: 4px; } .vbo-translations-language-element .vbo-translations-element-lbl .vbo-tn-actions > *:hover { background-color: var(--vbo-basic-btn-hover); } .vbo-translate-column-cell { background: none repeat scroll 0 0 #e9e9e9; border-right: 1px solid #ddd; text-align: right !important; vertical-align: middle !important; } .vbo-translate-reference-cell { background: none repeat scroll 0 0 #e9e9e9; text-align: left !important; font-size: 105%; font-weight: bold; } .vbo-missing-translation,.vbo-field-translated { position: relative; } .vbo-missing-translation:before { border: 1px solid var(--vbo-orange-color); border-radius: 50%; color: var(--vbo-orange-color); content: "!"; font-size: 12px; font-weight: bold; height: 18px; left: 2px; position: absolute; text-align: center; top: 0px; width: 18px; } .vbo-field-translated:before { border: 1px solid var(--vbo-green-color); border-radius: 50%; color: var(--vbo-green-color); content: "\2713"; font-size: 12px; font-weight: bold; height: 18px; left: 2px; position: absolute; text-align: center; top: 0px; width: 18px; } .vbo-translation-tab.vbo-translation-tab-ini { float: right; border-right: 0; } .vbo-translation-tab-ini.vbo-translation-tab-default { border-bottom: 0; } .vbo-translation-iniflag { display: inline-block; padding: 1px 4px; background: none repeat scroll 0 0 #365868; color: #fff; border-radius: 2px; } .vbo-inifile-totrows { display: inline-block; margin-right: 8px; padding: 2px 4px; border: 1px solid #fff; border-radius: 5px; text-align: center; } .vbo-inifile-path { display: inline-block; margin-right: 8px; padding: 2px 4px; border: 1px solid #fff; border-radius: 5px; text-align: center; font-size: 90%; } .vbo-inifile-exists { background: none repeat scroll 0 0 #DFF2BF; color: #4F8A10; } .vbo-inifile-notfound { background: none repeat scroll 0 0 #FEEFB3; color: #9F6000; } /* Translations - End */ /* Dashboard - Start */ .vbo-dashboard-fullcontainer { background: var(--vbo-main-bg-color); padding: 10px 0; } .vbo-dashboard-top-outer { display: flex; flex-wrap: wrap; padding: 18px } .vbo-dashboard-today-bookings { flex-basis: 70%; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .vbo-dashboard-top-outer .vbo-dashboard-top-right { flex: 1; } .vbo-dashboard-forecast-wrap { background-color: #fff; border-radius: 16px; box-shadow: 0 0px 20px rgba(0,0,0,.1); } .vbo-dashboard-forecast-wrap h4 { font-size: 20px; font-weight: bold; padding: 23px 0px 22px 15px; margin-top: 0; border-bottom: 1px solid #ddd; text-align: center; } .vbo-reportwidget-body .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-inner { display: flex; border: 2px solid var(--vbo-red-color); border-radius: 6px; padding: 14px; margin: 10px 20px 0; } .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-hidden .vbo-reportwidget-promo-inner { border: 0; } .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon { flex-basis: 52px; } .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon i { width: 36px; height: 36px; border-radius: 50%; line-height: 36px; background: var(--vbo-base-color); color: #fff; font-size: 16px; text-align: center; box-shadow: 0 7px 10px 2px rgba(34, 130, 189,.2); } .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon > span { cursor: pointer; display: inline-block; transition-timing-function: ease-in; transition: 0.2s; transform: translateY(-10px); } .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-icon > span { cursor: inherit; } .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-hidden .vbo-reportwidget-promo-inner { overflow: hidden; padding-bottom: 5px; padding-top: 10px; margin-top: 0; } .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-inner { backface-visibility: hidden; transform: translateZ(0); transition: all 0.2s ease-in; padding-bottom: 14px; } .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-icon > span { margin-top: 0; transition-timing-function: ease-out; transition: 0.25s; transform: translateY(0px); } .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon { position: absolute; } .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-icon > span { transform: translateY(-25px); } .vbo-ratesoverview-roomsel-entry-forecast .vbo-reportwidget-body .vbo-reportwidget-promo-wrap.vbo-reportwidget-promo-wrap-visible .vbo-reportwidget-promo-icon > span { transform: translateY(-60px); } .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help { flex: 1; position: relative; } .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help h5 { margin-top: 0; margin-bottom: 5px; color: var(--vbo-base-color); font-size: 14px; } .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help .vbo-reportwidget-promo-close span { position: absolute; right: -24px; top: -24px; background: var(--vbo-config-title-color); border: 2px solid var(--vbo-basic-btn); color: var(--vbo-basic-btn); width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 50%; cursor: pointer; } .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help .vbo-promo-tip-title { font-weight: bold; margin: 0; } .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-help .vbo-promo-tip-help { margin: 0; } .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-link { margin-top: 8px; } .vbo-reportwidget-promo-wrap .vbo-reportwidget-promo-link i { margin-right: 4px; } .vbo-admin-widget-head-commands { position: relative; } .vbo-reportwidget-commands { text-align: right; padding-right: 15px; margin-bottom: 8px; display: flex; justify-content: flex-end; } .vbo-reportwidget-commands > div { display: inline-block; } .vbo-reportwidget-commands-main { display: flex; align-self: center; } .vbo-reportwidget-commands-main > div { display: inline-block; vertical-align: top; } .vbo-reportwidget-commands-main .vbo-reportwidget-command-add { font-size: 16px; color: var(--vbo-base-color); cursor: pointer; } .vbo-reportwidget-commands-main .vbo-reportwidget-command-add:hover { color: var(--vbo-blue-color); } .vbo-reportwidget-command-dates { margin-right: 5px; } .vbo-reportwidget-command-dates .vbo-reportwidget-period-name { font-weight: bold; font-size: 1.1em; } .vbo-reportwidget-command-chevron { margin-top: 4px; } .vbo-reportwidget-command-chevron .vbo-reportwidget-back { margin-right: 5px; } .vbo-reportwidget-command-chevron .vbo-reportwidget-command-next { margin-left: 5px; } .vbo-reportwidget-command-chevron > span { display: inline-block; font-size: 14px; border: 1px solid #ddd; padding: 5px 10px; border-radius: 2px; background: #f6f6f6; cursor: pointer; } .vbo-reportwidget-command-chevron > span:hover { background: #eee; } .vbo-reportwidget-command-chevron > span:active { background: #fff; } .vbo-reportwidget-command-dots .vbo-widget-command-togglefilters { vertical-align: top; margin: 2px 0 0 4px; padding: 8px 0 8px 10px; font-size: 16px; cursor: pointer; display: inline-block; } .vbo-reportwidget-command-dots:hover { color: var(--vbo-base-color); } .vbo-reportwidget-filters { display: none; position: absolute; right: 30px; background: var(--vbo-config-bg-color); padding: 20px; border-radius: 10px; box-shadow: 0 4px 18px rgba(0,0,0,.15); z-index: 1; min-width: 150px; } .vbo-reportwidget-filters .vbo-reportwidget-datepicker { background-color: var(--vbo-input-style); border: 1px solid var(--vbo-config-border-color); border-radius: var(--vbo-field-radius); margin-bottom: 0; display: inline-block; box-sizing: border-box; padding: 0 0 0 10px; width: 100%; display: flex; } .vbo-reportwidget-filters .vbo-reportwidget-datepicker input[type="text"] { border: 0; height: auto; padding: 9px 10px 9px 15px; margin-bottom: 0; } .vbo-reportwidget-filters .vbo-reportwidget-datepicker i { color: var(--vbo-config-titles-color-light); font-size: 15px; margin-top: 15px; float: left; } .vbo-reportwidget-filter .select2-container { width: 100% !important; } .vbo-reportwidget-filter .select2-container--default .select2-selection--multiple, .vbo-reportwidget-filter .select2-container--default.select2-container--focus .select2-selection--multiple { background-color: var(--vbo-input-style); border: 1px solid var(--vbo-config-border-color) !important; border-radius: var(--vbo-field-radius); box-sizing: border-box; padding: 0 0 0 10px; width: 100%; } .vbo-reportwidget-filters select { width: 100% !important; margin-bottom: 0; border-radius: var(--vbo-field-radius); border: 1px solid var(--vbo-config-border-color); padding: 8px 10px; margin: 0; height: inherit; } .vbo-reportwidget-filters .vbo-reportwidget-filter { margin: 5px 0 8px; } .vbo-reportwidget-filters .vbo-widget-notifscenter-onlyunread > span { vertical-align: middle; display: inline-block; } .vbo-admin-widgets-widget[data-vbowidgetid="latest_events"] .vbo-reportwidget-filters, .vbo-admin-widgets-widget-output[data-vbowidgetid="latest_events"] .vbo-reportwidget-filters { width: 240px; } .vbo-reportwidget-filter-confirm button { width: 100%; } .vbo-reportwidget-chart { padding-bottom: 15px; } .vbo-reportwidget-chart .err { margin: 20px; } .vbo-report-chart-canvas { max-width: 100%; margin: 0 auto; } .vbo-reportwidget-chart-metas { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 10px 15px; } .vbo-reportwidget-chart-meta { flex-basis: calc(33% - 10px); flex-grow: 1; } .vbo-reportwidget-chart-meta-inner { background: var(--vbo-config-bg-color); border: 1px solid var(--vbo-basic-btn); border-bottom: 3px solid var(--vbo-basic-btn); padding: 20px; border-radius: 16px; margin: 5px; position: relative; } .vbo-reportwidget-chart-meta-inner:after { height: 30px; width: 4px; background: var(--vbo-config-border-color); content: ""; position: absolute; left: -3px; top: 17px; } .vbo-report-chart-meta-max .vbo-reportwidget-chart-meta-inner:after { background-color: var(--vbo-blue-color); } .vbo-report-chart-meta-min .vbo-reportwidget-chart-meta-inner:after { background-color: var(--vbo-red-color); } .vbo-reportwidget-chart-meta-lbl { font-weight: bold; color: var(--vbo-config-titles-color-light); margin-bottom: 6px; } .vbo-reportwidget-chart-meta-val { font-size: 26px; font-weight: bold; } .vbo-reportwidget-chart-meta-val-main { display: inline-block; margin: 4px 0 6px; white-space: nowrap; font-size: 20px; font-weight: bold; } .vbo-guestactivitywidget-commands { text-align: right; padding: 5px 15px 10px 0; } .vbo-guestactivitywidget-commands > div { display: inline-block; } .vbo-guestactivitywidget-commands-main > div { display: inline-block; vertical-align: top; } .vbo-guestactivitywidget-commands .vbo-guestactivitywidget-commands-main { display: flex; justify-content: right; } .vbo-guestactivitywidget-command-chevron { margin-top: 4px; } .vbo-guestactivitywidget-command-chevron .vbo-guestactivitywidget-back { margin-right: 5px; } .vbo-guestactivitywidget-command-chevron .vbo-guestactivitywidget-command-next { margin-left: 5px; } .vbo-guestactivitywidget-command-chevron > span:not(.vbo-guestactivitywidget-page) { display: inline-block; font-size: 14px; border: 1px solid var(--vbo-config-border-color); padding: 5px 10px; border-radius: 2px; background: var(--vbo-config-child-bg-color); cursor: pointer; } .vbo-guestactivitywidget-command-chevron > span:hover { background: var(--vbo-basic-btn); } .vbo-guestactivitywidget-command-chevron > span:active { background: var(--vbo-config-bg-color); } .vbo-guestactivitywidget-commands-main > .vbo-guestactivitywidget-command-page { align-self: center; } .vbo-guestactivitywidget-commands .vbo-guestactivitywidget-command-chevron > .vbo-guestactivitywidget-page { padding: 5px 10px; background: transparent !important; font-size: .9; } .vbo-guestactivitywidget-command-chevron > .vbo-guestactivitywidget-page:hover { color: inherit; } .vbo-widget-finance-list .vbo-widget-finance-rooms-filtered-cont { padding: 12px 10px 0; font-weight: bold; font-size: 1.15em; } .vbo-widget-finance-wrap .vbo-widget-finance-data-blocks, .vbo-widget-finance-list .vbo-widget-finance-skeleton-blocks { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; padding: 10px; width: 100%; box-sizing: border-box; } .vbo-widget-finance-skeleton-blocks .vbo-widget-finance-skeleton-block { background: var(--vbo-config-bg-color); border: 1px solid var(--vbo-basic-btn); border-bottom: 3px solid var(--vbo-basic-btn); padding: 15px; border-radius: 16px; } .vbo-widget-finance-wrap .vbo-widget-finance-data-block, .vbo-widget-finance-wrap .vbo-widget-finance-data-block-rank { background: var(--vbo-config-bg-color); border: 1px solid var(--vbo-basic-btn); border-bottom: 3px solid var(--vbo-basic-btn); padding: 15px; border-radius: 16px; position: relative; } .vbo-widget-finance-wrap .vbo-widget-finance-data-block[data-typestat="cmm_savings"] { border-color: #4e9b0059; background: #4e9b000f; } .vbo-widget-finance-stat-info { display: flex; } .vbo-widget-finance-stat-cmd { margin-left: auto; cursor: pointer; display: inline-block; padding: 0 0 0px 10px; } .vbo-widget-finance-stat-cmd:hover i { color: var(--vbo-base-color); } .vbo-widget-finance-stat-name { font-weight: 500; margin-bottom: 6px; } .vbo-widget-finance-stat-amount { margin-top: 6px; } .vbo-widget-finance-stat-amount .vbo-widget-finance-stat-amount-value { font-weight: bold; font-size: 18px; } .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-amount { margin-top: 8px; font-size: 14px; margin-bottom: 3px; font-weight: 500; border-top: 1px solid var(--vbo-config-border-color); padding-top: 8px; } .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent .vbo-widget-finance-compare-txt { font-size: 12px; display: inline-block; margin-left: 2px; color: var(--vbo-config-titles-color-light); } .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent .vbo-widget-finance-compare-val { padding: 3px 5px; border-radius: 20px; font-size: 11px; margin-right: 2px; } .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-up .vbo-widget-finance-compare-val { color: var(--vbo-success-txt); background: var(--vbo-success-bg); } .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-down .vbo-widget-finance-compare-val { color: var(--vbo-error-txt); background: var(--vbo-error-bg); } .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-equal .vbo-widget-finance-compare-val { color: var(--vbo-info-txt); background: var(--vbo-info-bg); } .vbo-widget-finance-data-block-rankings { padding: 0 10px 10px 10px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .vbo-widget-finance-data-block-rankings .vbo-widget-finance-stat-name { font-size: 14px; margin-bottom: 10px; } .vbo-widget-finance-stat-rank { display: flex; margin-bottom: 10px; } .vbo-widget-finance-stat-rank .vbo-widget-finance-stat-rank-logo { margin-right: 10px; } .vbo-widget-finance-stat-rank .vbo-widget-finance-stat-rank-logo i { width: 25px; text-align: center; height: 25px; line-height: 25px !important; border: 1px solid var(--vbo-config-border-color); border-radius: 50%; background: var(--vbo-config-child-bg-color); font-size: 11px; } .vbo-widget-finance-stat-rank .vbo-widget-finance-stat-rank-logo img { width: 25px; height: 25px; object-fit: cover; border-radius: 50%; } .vbo-widget-finance-stat-rank-score { display: flex; flex-wrap: wrap; width: 100%; } .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent { flex-basis: 100%; } .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress, .vbo-upload-progress progress { width: 100%; border-radius: 20px; height: 10px; -webkit-appearance: none; appearance: none; } .vbo-upload-progress progress { width: 200px; } .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-webkit-progress-bar, .vbo-upload-progress progress::-webkit-progress-bar { background: var(--vbo-basic-btn); border-radius: 20px; } .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-webkit-progress-value, .vbo-upload-progress progress::-webkit-progress-value { background: var(--vbo-base-color); border-radius: 20px; } .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-moz-progress-bar, .vbo-upload-progress progress::-moz-progress-bar { background: var(--vbo-base-color); border-radius: 20px; } .vbo-widget-finance-stat-rank-score .vbo-widget-finance-stat-rank-pcent progress::-moz-progress-value, .vbo-upload-progress progress::-moz-progress-value { background: var(--vbo-basic-btn); border-radius: 20px; } .vbo-widget-finance-stat-rank-amount { margin-left: auto; font-weight: bold; } /* Tooltip - Start **/ .vbo-tooltip { position: relative; } .vbo-tooltip::before, .vbo-tooltip::after { position: absolute; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); -moz-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); pointer-events: none; } .vbo-tooltip:hover::before, .vbo-tooltip:hover::after, .vbo-tooltip:focus::before, .vbo-tooltip:focus::after { opacity: 1; visibility: visible; } .vbo-tooltip::before { content: attr(data-tooltiptext); z-index: 10001; /* We are disabling the width because the text is exceeding the background. * width: calc(100% + 40px); */ color: var(--vbo-body-text-color); background: var(--vbo-body-bg-color); border-radius: 15px; border: 1px solid var(--vbo-config-border-color); padding: 5px 10px; font-size: 12px; line-height: 1.2; text-align: center; box-shadow: 0 1px 3px rgba(0, 0, 0, .1); font-weight: normal; } .vbo-inspector-hover.vbo-tooltip::before { width: auto; font-weight: bold; } .vbo-tooltip::after { content: ""; width: 0; height: 0; } .vbo-tooltip.vbo-tooltip-top::before, .vbo-tooltip.vbo-tooltip-top::after { bottom: 100%; left: 50%; transform: translate(-50%); margin-bottom: 2px; /* word-break: break-word; */ } .vbo-tooltip.vbo-tooltip-bottom::before, .vbo-tooltip.vbo-tooltip-bottom::after { top: 100%; left: 50%; transform: translate(-50%); margin-top: 2px; /* word-break: break-word; */ } .vbo-tooltip.vbo-tooltip-right::before, .vbo-tooltip.vbo-tooltip-right::after { top: 50%; left: 100%; transform: translate(8px, -50%); } .vbo-tooltip.vbo-tooltip-top-left::before, .vbo-tooltip.vbo-tooltip-top-left::after { top: -50%; right: 50%; transform: translate(-8px, -50%); } /* Tooltip - End **/ .vbo-dashboard-firstsetup-container { width: 80%; margin: 0 auto; border: 1px solid var(--vbo-config-border-color); border-radius: 4px; padding: 30px; background: var(--vbo-config-bg-color); } .vbo-dashboard-firstsetup-container .vbo-dashboard-firstsetup-head h3 { font-size: 24px; margin-top: 0; } .vbo-dashboard-firstsetup-container .vbo-dashboard-firstsetup-head h4 { font-weight: normal; font-size: 18px; } .vbo-dashboard-firstsetup-body { display: flex; flex-wrap: wrap; margin: 20px auto; } .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task { flex-basis: 25%; } .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task-wrap { border: 1px solid var(--vbo-config-border-color); border-radius: 8px; margin: 10px; padding: 20px; font-size: 14px; background: var(--vbo-config-bg-color); box-shadow: 0 0 10px rgba(0,0,0,.05); height: 94%; } .vbo-dashboard-firstsetup-task-number { color: #82b8d5; font-size: 32px; margin-bottom: 20px; font-weight: bold; } .vbo-dashboard-firstsetup-task-details { text-align: center; font-weight: bold; } .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-task-name { font-size: 14px; } .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-task-count { margin-top: 10px; font-size: 26px; } .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-task-val { display: inline-block; min-height: 10px; } .vbo-dashboard-firstsetup-task-details .vbo-dashboard-firstsetup-done { display: block; margin-top: 22px; font-size: 22px; color: var(--vbo-green-color); } .vbo-dashboard-firstsetup-task-action { text-align: center; margin-top: 20px; } .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task a.button.button-secondary { background: var(--vbo-base-color); color: #fff; border: 1px solid var(--vbo-base-color); padding: 5px 15px; font-weight: bold; } .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task a.button.button-secondary:hover { background: var(--vbo-base-color-hover); } .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task a.button.button-secondary:active { background: var(--vbo-link-text-color); } .vbo-dashboard-firstsetup-task-description { border-top: 1px solid var(--vbo-config-border-color); padding: 5px 10px; margin-top: 15px; color: var(--vbo-config-titles-color-light); text-align: center; background: var(--vbo-config-child-bg-color); } .vbo-dashboard-firstsetup-importbftpp-title { font-size: 16px; margin-bottom: 10px; margin-top: 20px; } .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task-incomplete .vbo-dashboard-firstsetup-task-wrap { border-color: var(--vbo-red-color); } .vbo-dashboard-firstsetup-task-incomplete .vbo-dashboard-firstsetup-task-details { color: var(--vbo-red-color); } .vbo-dashboard-firstsetup-sampledata-wrap h4 { font-size: 18px; font-weight: normal; margin: 0; padding: 0; } .vbo-dashboard-firstsetup-sampledata-wrap h4 span { display: inline-block; margin-bottom: 10px; margin-right: 5px; } .btn.vbo-sampledata-btn { background: var(--vbo-base-color); color: #fff; font-weight: bold; border: 1px solid var(--vbo-base-color); } .btn.vbo-sampledata-btn:hover { background-color: var(--vbo-config-bg-color); color: var(--vbo-base-color); } .vbo-dashboard-firstsetup-sampledata-wrap h4 .vbo-sampledata-btn i { font-size: 16px; } .vbo-sampledata-container .vbo-dashboard-firstsetup-head h4 { font-size: 16px; line-height: 1.4em; } .vbo-dashboard-today-bookings > div { margin: 0 18px 18px 0; } .vbo-admin-widgets-widget { display: block; border-radius: 16px; margin: 12px 0; box-shadow: 0 0px 20px rgba(0,0,0,.1); background: var(--vbo-config-bg-color); } .vbo-admin-widget-head { border-top-right-radius: 16px; border-top-left-radius: 16px; border-bottom: 1px solid var(--vbo-config-border-color); display: inline-block; width: 100%; box-sizing: border-box; } .vbo-modal-head-no-border .vbo-admin-widget-head { border-bottom: 0; } .vbo-admin-widget-head .btn-toolbar { margin: 10px 15px 10px 10px; display: inline-block; } .vbo-admin-widget-head .btn-toolbar .btn-wrapper { margin-top: 4px; } .vbo-admin-widget-head .form-control { border: 1px solid var(--vbo-config-border-color); border-radius: var(--vbo-field-radius) 0 0 var(--vbo-field-radius); padding: 8px 10px; margin-bottom: 0; box-sizing: border-box; height: auto; } .vbo-admin-widget-head .btn { padding: 8px 10px; border: 1px solid var(--vbo-config-border-color); } .vvbo-admin-widget-head .btn i { margin-right: 0; } .vbo-widget-spinnner-loading { position: relative; min-height: 200px; } .vbo-widget-spinnner-loading .vbo-widget-spinnner-loading-inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 60px; opacity: .7; } .btn.btn-small, .container-main .btn.btn-small { padding: 2px 10px; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn.btn-rounded, .container-main .btn.btn-rounded { border-radius: 20px; padding: 6px 14px; } body #content .btn.vbo-context-menu-btn, body #wpcontent .btn.vbo-context-menu-btn, body.wp-admin .btn.vbo-context-menu-btn, .btn.vbo-context-menu-btn { padding: 0 !important; text-align: left; height: 40px; } body #content .btn.btn-rounded.vbo-context-menu-btn:hover .vbo-context-menu-ico, body #wpcontent .btn.btn-rounded.vbo-context-menu-btn:hover .vbo-context-menu-ico, body.wp-admin .btn.btn-rounded.vbo-context-menu-btn .vbo-context-menu-ico, .btn.btn-rounded.vbo-context-menu-btn .vbo-context-menu-ico { border-top-right-radius: 18px; border-bottom-right-radius: 18px; } body #content .btn.vbo-context-menu-btn:not(.vbo-context-menu-searchtype), body #wpcontent .btn.vbo-context-menu-btn:not(.vbo-context-menu-searchtype), body.wp-admin .btn.vbo-context-menu-btn:not(.vbo-context-menu-searchtype), .btn.vbo-context-menu-btn:not(.vbo-context-menu-searchtype) { display: flex; align-items: center; } body #content .btn-primary.vbo-context-menu-btn, body #wpcontent .btn-primary.vbo-context-menu-btn, body.wp-admin .btn-primary.vbo-context-menu-btn, .btn-primary.vbo-context-menu-btn { background: var(--vbo-base-color); border: 1px solid var(--vbo-base-color) !important; color: var(--vbo-contrast-text-color); } body #content .btn-primary.vbo-context-menu-btn:hover, body #wpcontent .btn-primary.vbo-context-menu-btn:hover, body.wp-admin .btn-primary.vbo-context-menu-btn:hover, .btn-primary.vbo-context-menu-btn:hover, .btn-primary.vbo-context-menu-btn:focus, .btn-primary.vbo-context-menu-btn:active { background: var(--vbo-base-color) !important; border: 1px solid var(--vbo-base-color); color: var(--vbo-contrast-text-color); } body #content .btn-small.vbo-context-menu-btn, body #wpcontent .btn-small.vbo-context-menu-btn, body.wp-admin .btn-small.vbo-context-menu-btn, .btn-small.vbo-context-menu-btn { padding: 0 !important; display: flex; height: auto; } .vbo-context-menu-btn .vbo-context-menu-lbl { padding: 10px; display: inline-block; } .vbo-context-menu-btn.btn-small .vbo-context-menu-lbl { padding: 3px 10px 3px; } .btn-small.vbo-context-menu-btn .vbo-context-menu-lbl:hover { border: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .btn.vbo-context-menu-btn:hover .vbo-context-menu-ico { background-color: var(--vbo-middle-color-btn); } body #content .btn-warning.vbo-context-menu-btn, body #wpcontent .btn-warning.vbo-context-menu-btn, body.wp-admin .btn-warning.vbo-context-menu-btn, .btn-warning.vbo-context-menu-btn { background: var(--vbo-orange-color); } .btn-warning.vbo-context-menu-btn:hover .vbo-context-menu-ico { background: var(--vbo-orange-color-hover); color: var(--vbo-contrast-text-color); border: 0; } body #content .btn-danger.vbo-context-menu-btn, body #wpcontent .btn-danger.vbo-context-menu-btn, body.wp-admin .btn-danger.vbo-context-menu-btn, .btn-danger.vbo-context-menu-btn { background: var(--vbo-red-color); } .btn-danger.vbo-context-menu-btn:hover .vbo-context-menu-ico { background: var(--vbo-red-color-hover); color: var(--vbo-contrast-text-color); border: 0; } body #content .btn-success.vbo-context-menu-btn, body #wpcontent .btn-success.vbo-context-menu-btn { background-color: var(--vbo-green-color); border-color: var(--vbo-green-color); } body #wpcontent .btn-success.vbo-context-menu-btn:hover .vbo-context-menu-ico, body #content .btn-success.vbo-context-menu-btn:hover .vbo-context-menu-ico { background-color: var(--vbo-green-color-hover); border-color: var(--vbo-green-color-hover); } body #wpcontent .btn-success.vbo-context-menu-btn:focus .vbo-context-menu-ico, body #content .btn-success.vbo-context-menu-btn:focus .vbo-context-menu-ico { background-color: var(--vbo-green-color-focus); border-color: var(--vbo-green-color-focus); } .vbo-context-menu-btn .vbo-context-menu-ico { padding: 13px 8px; line-height: 12px; text-align: center; border-top-left-radius: var(--vbo-field-radius); border-bottom-left-radius: var(--vbo-field-radius); } .vbo-context-menu-btn .vbo-context-menu-lbl + .vbo-context-menu-ico { border-radius: 0; border-top-right-radius: var(--vbo-field-radius); border-bottom-right-radius: var(--vbo-field-radius); } .vbo-context-menu-btn.btn-small .vbo-context-menu-ico { padding: 5px 8px 6px; } .vbo-context-menu-btn .vbo-context-menu-ico-left { padding-left: 12px; } .vbo-context-menu-btn .vbo-context-menu-ico-left + .vbo-context-menu-lbl { padding-left: 5px; } .btn.vbo-context-menu-btn .vbo-context-menu-ico i { margin-right: 0; position: relative; top: -3px; vertical-align: initial; font-size: 10px; } .btn-primary.vbo-context-menu-btn:hover .vbo-context-menu-ico { background: var(--vbo-base-color-hover); } .vbo-context-menu-btn.vbo-widget-bookdets-searchtype:hover { background: var(--vbo-base-color-hover); border-color: var(--vbo-base-color-hover); } .vbo-context-menu-btn.vbo-widget-bookdets-searchtype .vbo-context-menu-ico { border-radius: 0; border-top-left-radius: var(--vbo-field-radius); border-bottom-left-radius: var(--vbo-field-radius); display: initial; vertical-align: initial; } .vik-context-menu.vbo-dropdown-cxmenu { background: var(--vbo-config-bg-color); opacity: 1; padding: 5px; box-shadow: 0 3px 10px rgba(0,0,0,0.1); z-index: 2147483647 !important; border: 1px solid rgba(0,0,0,.10); border-radius: 8px; max-height: 60vh; } .vbo-dropdown-cxmenu-horizontal ul { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); } .vik-context-menu.vbo-dropdown-cxmenu .search-box input { height: 34px; width: 100% !important; margin-bottom: 0; } .vik-context-menu.vbo-dropdown-cxmenu li a { border-radius: 4px; } .vik-context-menu.vbo-dropdown-cxmenu li a:not(.disabled):hover { color: var(--vbo-contrast-text-color); background: var(--vbo-base-color); cursor: pointer; } .vik-context-menu.vbo-dropdown-cxmenu li, .vik-context-menu.vbo-dropdown-cxmenu li:last-child, .vik-context-menu.vbo-dropdown-cxmenu li:first-child:not(.separator) { padding: 0; margin: 0; } .vik-context-menu li.search-box { padding: 3px 6px 6px 6px !important; } .vik-context-menu.vbo-dropdown-cxmenu li a { color: var(--vbo-body-text-color); padding: 8px 12px; } .vik-context-menu.vbo-dropdown-cxmenu li a.btngroup { padding: 4px 12px; } .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-danger:hover { background: var(--vbo-red-color); } .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-danger:focus, .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-danger:active { background: var(--vbo-red-color-focus); } .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-success:hover { background: var(--vbo-green-color); } .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-success:focus, .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-success:active { background: var(--vbo-green-color-focus); } .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-warning:hover { background: var(--vbo-orange-color-hover); } .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-secondary:hover { background-color: var(--vbo-basic-btn); color: var(--vbo-body-text-color); } .vik-context-menu.vbo-dropdown-cxmenu li a.vbo-context-menu-entry-secondary:hover i { color: var(--vbo-body-text-color); } .vik-context-menu.vbo-dropdown-cxmenu li .button-icon { color: var(--vbo-config-text-color-light); font-size: 12px; min-width: 16px; } .vik-context-menu.vbo-dropdown-cxmenu li a:not(.disabled):hover .button-icon { color: var(--vbo-contrast-text-color); } .btn.vbo-context-menu-btn-raw, .btn.vbo-context-menu-btn-raw:hover, .btn.vbo-context-menu-btn-raw:focus { background-color: var(--vbo-input-style); } .btn.vbo-context-menu-btn-raw .vbo-context-menu-ico { padding: 12px 8px; } .btn.vbo-context-menu-btn-raw:hover, .btn.vbo-context-menu-btn-raw:focus { border-color: var(--vbo-base-color); } .btn.vbo-context-menu-btn-raw:hover .vbo-context-menu-ico { background-color: var(--vbo-config-bg-color); } .btn-group-inline .vbo-context-menu-btn.vbo-widget-bookdets-searchtype { border-radius: 0; border-top-left-radius: var(--vbo-field-radius); border-bottom-left-radius: var(--vbo-field-radius); } .vbo-admin-widget-head h4 { font-size: 18px; font-weight: bold; padding: 7px 0 3px 15px; margin: 12px 0; position: relative; display: inline-block; } .vbo-admin-widget-head h4 > i, .vbo-admin-widget-head h4 > span { vertical-align: middle; } .vbo-admin-widget-head-inline > div:not(.vbo-dashboard-search-input) { display: inline-block; float: right; margin-top: 10px; } .vbo-dashboard-search-input { display: inline-block; vertical-align: middle; margin-left: 10px; margin-bottom: 2px; } .vbo-admin-widget-body { padding: 10px; } .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity { display: flex; padding: 10px 15px; border-bottom: 1px solid var(--vbo-basic-btn); cursor: pointer; } .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity:hover, .vbo-w-guestmessages-inboxstyle .vbo-w-guestmessages-message.vbo-inbox-active-message { background: var(--vbo-light-color-btn); } .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity:last-child { border-bottom: 0; } .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-avatar { width: 40px; margin-right: 15px; position: relative; text-align: center; } .vbo-w-guestmessages-message-aipriority { position: absolute; top: -4px; left: -8px; background: var(--vbo-config-bg-color); width: 20px; height: 20px; border-radius: 50%; text-align: center; border: 1px solid var(--vbo-config-border-color); font-size: 10px; display: flex; justify-content: center; align-items: center; } .vbo-admin-widget-head-ai-powered .label { background: var(--vbo-config-bg-dark); color: var(--vbo-contrast-text-color); } .vbo-w-guestmessages-wrapmodal .vbo-w-guestmessages-list-container { border: 1px solid var(--vbo-basic-btn); border-radius: 6px; margin-top: 5px; } .vbo-w-guestmessages-wrapmodal .vbo-w-guestmessages-list-container .vbo-w-guestmessages-message.vbo-w-guestmessages-message-last { border-bottom: 0; } .vbo-dashboard-guest-activity-avatar-icon { width: 40px; text-align: center; height: 40px; line-height: 40px !important; border: 1px solid var(--vbo-config-border-color); border-radius: 50%; background: var(--vbo-config-child-bg-color); font-size: 16px; } .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-avatar img:not(.vbo-avatar-subprofile) { max-width: 100%; border-radius: 50%; object-fit: cover; width: 40px; height: 40px; } .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-avatar .vbo-avatar-subprofile-txt { display: inline-flex; justify-content: center; align-items: center; max-width: 100%; border-radius: 50%; object-fit: cover; width: 22px; height: 22px; background: var(--vbo-input-style-deactive); border: 2px solid var(--vbo-input-style-nested-deactive); position: relative; top: -10px; font-size: 10px; } .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-avatar img.vbo-avatar-subprofile { max-width: 100%; border-radius: 50%; object-fit: cover; width: 22px; height: 22px; border: 2px solid var(--vbo-body-bg-color); position: relative; top: -10px; } .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content { flex: 1; } .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content h4 { margin: 0; } .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content-head { display: flex; } .vbo-dashboard-guest-activity-content-info-details { margin-bottom: 7px; flex: 1; } .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity { border: 0; background: var(--vbo-config-child-bg-color); margin: 0 0 10px; border-radius: 8px; } .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity:hover { background: var(--vbo-light-color-btn); } .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity:focus, .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity:active { background-color: var(--vbo-info-bg); } .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity .vbo-dashboard-guest-activity-content-info-details { margin-bottom: 2px; } .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity .vbo-w-guestmessages-message-gtitle { font-weight: bold; margin-bottom: 4px; } .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity .vbo-dashboard-guest-activity-content-info-icon { margin-bottom: 6px; } .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity .vbo-w-guestmessages-message-staydates:after { display: none; } .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity .vbo-w-guestmessages-message-staydates i, .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity .vbo-dashboard-guest-activity-content-info-msg i { color: var(--vbo-config-text-color-light); font-size: 12px; margin-right: 4px; } .vbo-modal-overlay-content-overv-rdaybookings .vbo-modal-overv-rdaybookings-wrap .vbo-dashboard-guest-activity .vbo-dashboard-guest-activity-content-info-msg > div:first-child .label { margin-right: 10px; } .vbo-modal-overlay-wguestmessages-chat .vbo-modal-overlay-content-head > span { display: flex; } .chat-input-footer .textarea-input #chat-ask-ai-btn { color: var(--vbo-ai-color) !important; } .chat-input-footer .textarea-input #chat-ask-ai-btn:hover { color: var(--vbo-purple-color) !important; } .vbo-w-guestmessages-message-staydates { font-size: 12px; position: relative; padding-left: 10px; color: var(--vbo-config-titles-color-light); } .vbo-w-guestmessages-message-stayrooms { font-size: 12px; position: relative; padding-left: 5px; color: var(--vbo-config-titles-color-light); margin-right: 10px; } .vbo-w-guestmessages-message-staydates:after { content: ""; width: 2px; height: 2px; background: var(--vbo-config-titles-color-light); top: 7px; left: 2px; position: absolute; border-radius: 50%; } .vbo-w-guestmessages-message-listings { display: inline-block; overflow: hidden; white-space: nowrap; max-width: 200px; text-overflow: ellipsis; } .vbo-w-guestmessages-message-new { background: #dce8fd; } .vbo-w-guestmessages-message-new .vbo-w-guestmessages-message-gtitle .message-new { color: var(--vbo-base-color); font-size: 14px; margin: 0 0 0 5px; } .vbo-w-guestmessages-message .vbo-w-guestmessages-message-gtitle .message-unreplied { background: var(--vbo-base-color); font-size: 10px; margin: 0 0 0 5px; color: var(--vbo-contrast-text-color); font-weight: 500; } .vbo-w-guestmessages-message .vbo-w-guestmessages-message-gtitle .message-unreplied:hover { background: var(--vbo-base-color-hover); } .vbo-w-guestmessages-message .vbo-w-guestmessages-message-gtitle .message-unreplied i { color: var(--vbo-contrast-text-color); font-size: 10px; margin-right: 2px; } .vbo-w-guestmessages-message .vbo-w-guestmessages-message-gtitle .message-ai-category { font-size: 10px; margin: 0 0 0 5px; color: var(--vbo-body-text-color); font-weight: 600; cursor: default; border-radius: 20px; background: var(--vbo-light-blue); } .vbo-w-guestmessages-message .vbo-w-guestmessages-message-gtitle .message-ai-category i { color: var(--vbo-info-border); font-size: 10px; margin-right: 2px; } .vbo-w-guestmessages-message-aipriority-icn.high { color: var(--vbo-red-color); } .vbo-w-guestmessages-message-aipriority-icn.medium { color: var(--vbo-orange-color); } .vbo-w-guestmessages-message-aipriority-icn.low { color: var(--vbo-blue-color); } .vbo-w-guestmessages-inboxstyle .vbo-dashboard-guest-messages-inner { display: flex; gap: 5px; } .vbo-w-guestmessages-inboxstyle .vbo-w-guestmessages-list-container { width: 35%; overflow-x: hidden; overflow-y: scroll; } .vbo-w-guestmessages-inboxstyle .vbo-dashboard-guest-messages-list .vbo-guestactivitywidget-commands { display: none; } /* * Because we are removing the scroll from the modal, we have to force the 100% height to all parents. */ .vbo-modal-widget_modal-wrap { height: 100%; } /*.vbo-modal-nofooter.vbo-modal-body-no-scroll .vbo-modal-overlay-content-body-scroll .vbo-modal-widget_modal-wrap, */ .vbo-modal-nofooter.vbo-modal-body-no-scroll .vbo-modal-overlay-content-body-scroll .vbo-admin-widget-wrapper, .vbo-modal-nofooter.vbo-modal-body-no-scroll .vbo-modal-overlay-content-body-scroll .vbo-w-guestmessages-inboxstyle, .vbo-modal-nofooter.vbo-modal-body-no-scroll .vbo-modal-overlay-content-body-scroll .vbo-w-guestmessages-inboxstyle .vbo-dashboard-guest-messages-inner { height: 100%; } .vbo-w-guestmessages-inboxstyle .vbo-w-guestmessages-inboxstyle-chat { flex: 1; border: 1px solid var(--vbo-basic-btn); background-color: var(--vcm-chat-background); border-radius: 6px; margin-top: 5px; height: calc(100% - 54px); } .vbo-dashboard-guests-latest.vbo-w-guestmessages-wrapmodal:not(.vbo-w-guestmessages-inboxstyle) .vbo-w-guestmessages-inboxstyle-chat { display: none; } .vbo-w-guestmessages-inboxstyle .vbo-w-guestmessages-inboxstyle-chat-head { display: inline-block; vertical-align: middle; width: 100%; border-bottom: 1px solid var(--vbo-basic-btn); background-color: var(--vbo-config-bg-color); border-top-left-radius: 6px; border-top-right-radius: 6px; } .vbo-w-guestmessages-inboxstyle .vbo-w-guestmessages-inboxstyle-chat-head > span { display: flex; align-items: center; padding: 10px 4px 8px 10px; } .vbo-w-guestmessages-inboxstyle .vbo-w-guestmessages-inboxstyle-chat-head .vbo-modal-wguestmessages-chat-guestavatar { display: inline-block; text-align: center; margin-right: 24px; } .vbo-modal-wguestmessages-chat-guestavatar { position: relative; } .vbo-w-guestmessages-inboxstyle .vbo-w-guestmessages-inboxstyle-chat-head .vbo-modal-wguestmessages-chat-guestavatar img:not(.vbo-avatar-subprofile) { width: 40px; height: 40px; object-fit: cover; border-radius: 50%; display: block; } .vbo-w-guestmessages-inboxstyle .vbo-w-guestmessages-inboxstyle-chat-head .vbo-modal-wguestmessages-chat-guestavatar img.vbo-avatar-subprofile { max-width: 100%; border-radius: 50%; object-fit: cover; width: 22px; height: 22px; border: 2px solid var(--vbo-body-bg-color); position: absolute; top: 50%; right: -17px; transform: translate(0, -50%); } .vbo-w-guestmessages-inboxstyle .vbo-w-guestmessages-inboxstyle-chat-head .vbo-modal-wguestmessages-chat-guestavatar .vbo-avatar-subprofile-txt { display: inline-flex; justify-content: center; align-items: center; max-width: 100%; border-radius: 50%; object-fit: cover; width: 22px; height: 22px; background: var(--vbo-input-style-deactive); border: 2px solid var(--vbo-input-style-nested-deactive); position: absolute; top: 50%; right: -17px; transform: translate(0, -50%); font-size: 10px; } .vbo-w-guestmessages-inboxstyle .vbo-w-guestmessages-inboxstyle-chat-head .vbo-modal-wguestmessages-chat-guestavatar img { width: 40px; height: 40px; object-fit: cover; border-radius: 50%; } .vbo-w-guestmessages-inboxstyle .vbo-w-guestmessages-inboxstyle-chat-head .vbo-modal-wguestmessages-chat-guestname { display: inline-block; margin-right: 10px; font-weight: 600; font-size: 16px; } .vbo-w-guestmessages-inboxstyle .vbo-w-guestmessages-inboxstyle-chat-head .vbo-modal-wguestmessages-chat-info-booking { display: block; margin-top: 4px; } .vbo-w-guestmessages-inboxstyle .vbo-w-guestmessages-inboxstyle-chat-head .vbo-w-guestmessages-message-stayrooms, .vbo-w-guestmessages-inboxstyle .vbo-w-guestmessages-inboxstyle-chat-head .vbo-w-guestmessages-message-stayrooms .vbo-w-guestmessages-message-listings { vertical-align: middle; display: inline-block; } .vbo-w-guestmessages-inboxstyle .vbo-w-guestmessages-inboxstyle-chat-body { padding: 10px 15px; height: 100%; } .vbo-modal-nofooter.vbo-modal-body-no-scroll .vbo-w-guestmessages-inboxstyle .chat-border-layout { height: 100%; min-height: initial; } .vbo-modal-nofooter.vbo-modal-body-no-scroll .vbo-w-guestmessages-inboxstyle .chat-border-layout .chat-messages-panel { height: 100%; position: relative; } .vbo-modal-nofooter.vbo-modal-body-no-scroll .vbo-w-guestmessages-inboxstyle .chat-threads-panel + .chat-messages-panel .chat-conversation { height: calc(100% - 152px); max-height: calc(100% - 152px); } .vbo-w-guestmessages-inboxstyle-chat-loading { text-align: center; padding: 50px; font-size: 24px; opacity: .5; } .vbo-modal-nofooter.vbo-modal-body-no-scroll .vbo-w-guestmessages-inboxstyle .chat-input-footer { position: absolute; bottom: 90px; width: 100%; z-index: 9999; } .vbo-bookings-status-separator { margin-top: 5px; text-align: center; } .vbo-modal-nofooter .vbo-modal-overlay-content-body { height: calc(100% - 75px); } .vbo-modal-nofooter.vbo-modal-body-no-scroll .vbo-modal-overlay-content-body { /*height: calc(100% - 82px);*/ overflow-y: hidden; } .vbo-modal-overlay-wguestmessages-chat .vbo-modal-overlay-content.vbo-modal-overlay-content-wguestmessages-chat { background-color: var(--vcm-chat-background); } .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head { display: flex; padding: 12px 20px 6px; background: transparent; border-bottom: 1px solid var(--vbo-config-border-color); background-color: var(--vbo-config-bg-color); } .vbo-modal-wguestmessages-chat-wrap { height: 100%; } .vbo-modal-wguestmessages-chat-wrap .chat-border-layout { height: calc(100% - 70px); } /* We modified the height just for the Guest Messages modal because the textarea will increase based on the number of the row the customer is writing. */ .vbo-modal-overlay-wguestmessages-chat .vbo-modal-nofooter .vbo-modal-overlay-content-body-scroll { height: calc(100% - 124px); } .vbo-modal-wguestmessages-chat-wrap .chat-border-layout .chat-messages-panel { height: 100%; } .vbo-modal-wguestmessages-chat-wrap .chat-conversation { height: 100%; max-height: unset; } .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head > span:first-child:not(.vbo-modal-overlay-cmds) { flex: 1; } .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head > span:first-child:not(.vbo-modal-overlay-cmds) span { display: inline-block; vertical-align: middle; } .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head > span:first-child:not(.vbo-modal-overlay-cmds) span.vbo-modal-wguestmessages-chat-info-booking { display: block; } .vbo-modal-wguestmessages-chat-info-booking .vbo-w-guestmessages-message-staydates { display: inline-block; vertical-align: middle; line-height: 1em; } .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head span.vbo-modal-wguestmessages-chat-info-booking .label:hover { background-color: var(--vbo-red-color); } .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestname { margin-right: 10px; font-weight: bold; } .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar { margin-right: 24px; } .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar img { width: 40px; height: 40px; object-fit: cover; border-radius: 50%; } .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-wguestmessages-chat-guestavatar img:not(.vbo-avatar-subprofile) { width: 40px; height: 40px; object-fit: cover; border-radius: 50%; display: block; } .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-wguestmessages-chat-guestavatar img.vbo-avatar-subprofile { max-width: 100%; border-radius: 50%; object-fit: cover; width: 22px; height: 22px; border: 2px solid var(--vbo-body-bg-color); position: absolute; top: 50%; right: -17px; transform: translate(0, -50%); } .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-wguestmessages-chat-guestavatar .vbo-avatar-subprofile-txt { display: inline-flex; justify-content: center; align-items: center; max-width: 100%; border-radius: 50%; object-fit: cover; width: 22px; height: 22px; background: var(--vbo-input-style-deactive); border: 2px solid var(--vbo-input-style-nested-deactive); position: absolute; top: 50%; right: -17px; transform: translate(0, -50%); font-size: 10px; } .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-overlay-cmd { margin-left: auto; align-self: center; } .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-content-info-icon { margin-right: 10px; margin-top: 2px; display: inline-block; width: 100%; } .vbo-dashboard-guest-activity-content-info-icon i { color: var(--vbo-base-color); font-size: 14px; } .vbo-dashboard-guest-activity-review .vbo-dashboard-guest-activity-content i { color: var(--vbo-orange-color); } .vbo-rdaybooking-subunits { margin-top: 6px; } .vbo-rdaybooking-subunits .label-warning { padding: 6px !important; } .vbo-rdaybooking-subunits .vbo-rdaybooking-subunits-list { display: inline-block; } .vbo-rdaybooking-subunits .vbo-rdaybooking-subunits-list select { min-height: 34px; line-height: 1.3em; margin: 3px 0; } .vbo-rdaybooking-subunits .vbo-rdaybooking-subunit-relocate-wrap { margin-left: 10px; } .vbo-rdaybooking-subunits .vbo-rdaybooking-subunits-list .btn.vbo-reassign-room-unit-btn > i { color: #fff; } .vbo-dashboard-guest-activity-content-info-icon .vbo-dashboard-guest-activity-content-info-rate { font-weight: bold; margin-left: 2px; } .vbo-dashboard-guest-activity-content-info-date { margin-left: auto; font-size: .9em; text-align: right; color: var(--vbo-config-titles-color-light); } .vbo-dashboard-guest-activity-content-info-date span { display: block; } .vbo-dashboard-guest-activity-content-info-msg { color: var(--vbo-config-titles-color-light); font-size: 13px; } .vbo-dashboard-guest-activity-content-info-msg p { margin: 0; } .vbo-dashboard-guest-activity-skeleton { padding: 17px 15px; } .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-avatar, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-avatar:after { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; } .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-title, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-title:after { width: 150px; height: 15px; } .vbo-skeleton-loading-finance-top, .vbo-skeleton-loading-finance-top:after { width: 70%; height: 15px; } .vbo-skeleton-loading-finance-bottom, .vbo-skeleton-loading-finance-bottom:after { width: 100%; height: 22px; } .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-subtitle, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-subtitle:after { width: 50px; height: 11px; } .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-content, .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading-content:after { width: 100%; height: 22px; } .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading, .vbo-widget-finance-skeleton-block .vbo-skeleton-loading { position: relative; overflow: hidden; display: inline-block; } .vbo-dashboard-guest-activity-skeleton .vbo-skeleton-loading:after, .vbo-widget-finance-skeleton-block .vbo-skeleton-loading:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: translateX(-100%); animation: shimmer 2s infinite; content: ''; } .vbo-dashboard-guest-activity-skeleton .vbo-dashboard-guest-activity-content-subhead { margin-bottom: 5px; margin-top: 3px; } @keyframes shimmer { 100% { transform: translateX(100%); } } .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record, .vbo-widget-latestevents-list .vbo-widget-history-record { display: flex; padding: 10px 15px; border-bottom: 1px solid var(--vbo-basic-btn); width: 100%; box-sizing: border-box; } .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-avatar, .vbo-widget-latestevents-list .vbo-widget-history-avatar { width: 40px; margin-right: 15px; } .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-avatar img, .vbo-widget-latestevents-list .vbo-widget-history-avatar img { max-width: 100%; border-radius: 50%; object-fit: cover; } .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-avatar .vbo-widget-ratesflow-avatar-icon, .vbo-widget-latestevents-list .vbo-widget-history-avatar .vbo-widget-history-avatar-icon { width: 40px; text-align: center; height: 40px; line-height: 40px; border: 1px solid var(--vbo-config-border-color); border-radius: 50%; background: var(--vbo-config-child-bg-color); font-size: 16px; } .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content, .vbo-widget-latestevents-list .vbo-widget-history-content { flex: 1; } .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-head, .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head { display: flex; } .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head { flex-wrap: wrap; } .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-details { margin-bottom: 3px; flex: 1; } .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-details h4, .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details h4 { margin: 0; font-size: 16px; } .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-details .vbo-widget-ratesflow-content-info-dates, .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details .vbo-widget-history-content-info-dates { margin-right: 10px; margin-top: 2px; font-size: .9em; } .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates { margin-left: auto; } .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .vbo-widget-ratesflow-nightly-rate { text-align: right; font-weight: bold; font-size: 1.2em; } .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .vbo-widget-ratesflow-rate-changes { display: flex; font-size: .95em; justify-content: right; } .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .vbo-widget-ratesflow-rate-alter { margin-right: 6px; } .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .fa-sort-up { margin-top: 6px; float: left; margin-right: 3px; } .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-rates .fa-sort-down { margin-top: 2px; float: left; margin-right: 3px; } .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-msg p { margin: 0 0 5px; } .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-content-info-msg p:only-child { margin: 0; } .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-rate-changes-higher { color: var(--vbo-green-color); } .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-rate-changes-lower { color: var(--vbo-red-color); } .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details { flex-basis: 100%; margin-bottom: 3px; } .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details .label { float: right; margin: 1px; } .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-info-details .vbo-label-small { font-size: 12px; padding: 5px 8px !important; } .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head { margin-bottom: 3px; } .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head .vbo-widget-history-content-info-booking { display: flex; width: 100%; } .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head .vbo-widget-history-booking-checkin { margin-left: auto; text-align: right; } .vbo-widget-latestevents-list .vbo-widget-history-content .vbo-widget-history-content-head .vbo-widget-history-booking-checkin i { margin-right: 3px; color: var(--vbo-middle-color-btn); } .vbo-admin-widgets-widget .vbo-dashboard-today-checkin-head, .vbo-admin-widgets-widget .vbo-dashboard-today-checkout-head { display: flex; flex-wrap: wrap; } .vbo-admin-widgets-widget .vbo-dashboard-today-checkin-head .vbo-admin-widget-head-inline, .vbo-admin-widgets-widget .vbo-dashboard-today-checkout-head .vbo-admin-widget-head-inline { flex: 1; } .vbo-widget-latestevents-list .vbo-widget-history-record:hover { cursor: pointer; background: var(--vbo-light-color-btn); } .vbo-widget-currconv-wrap { padding: 15px; } .vbo-widget-currconv-filters { display: flex; flex-wrap: wrap; } .vbo-widget-currconv-filters > div, .vbo-admin-widgets-container-small .vbo-widget-currconv-filters .vbo-widget-currconv-filters-main > div { margin-bottom: 5px; } .vbo-widget-currconv-wrap .vbo-widget-currconv-filters-submit { align-self: end; } .vbo-widget-currconv-filters label { display: block; margin-bottom: 5px; font-weight: 500; } .vbo-widget-currconv-filters-main { display: flex; flex-wrap: wrap; } .vbo-widget-currconv-filters-submit .btn { margin-left: 10px; } .vbo-widget-currconv-filters-main > div { margin-right: 10px; } .vbo-admin-widgets-widget-output .select2-container .select2-selection--single { height: 40px; border-radius: var(--vbo-field-radius); } .vbo-widget-currconv-filters .select2-container .select2-selection__rendered { font-weight: normal; font-size: 14px; line-height: 40px !important; } .vbo-admin-widgets-widget-output .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; } .vbo-admin-widgets-container-small .vbo-widget-currconv-filters-submit { align-self: end; flex-basis: 100%; } .vbo-admin-widgets-container-small .vbo-widget-currconv-filters-submit .btn { width: 100%; margin-left: 0; } .vbo-admin-widgets-container-small .vbo-widget-currconv-filters-main > div { margin-left: 0; } .vbo-widget-checkav-wrap { padding: 15px; } .vbo-widget-checkav-filters { display: flex; flex-wrap: wrap; } .vbo-widget-checkav-filters > div { margin-bottom: 8px; } .vbo-widget-checkav-filters .vbo-widget-checkav-filter { margin: 5px 0; } .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main, .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary { display: flex; flex-wrap: wrap; } .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child, .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary:last-child { margin-left: 10px; } .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div { margin-left: 8px; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main { flex: 1; } .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit .btn i { margin-right: 8px; } .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit { margin-left: 8px; } .vbo-widget-checkav-results { margin-top: 5px; } .vbo-dashboard-fullcontainer .vbo-admin-widgets-container-large .vbo-widget-checkav-result-splitstays-wrap, .vbo-dashboard-fullcontainer .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-result-splitstays-wrap { display: grid; grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); } .vbo-widget-checkav-result-splitstays-wrap { width: 100%; } .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms { border: 1px solid var(--vbo-basic-btn); margin: 5px; border-radius: 6px; } .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:hover { border-color: var(--vbo-base-color); } .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-inner { display: grid; grid-template-columns: repeat(2, 1fr); } .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room { padding: 8px; } .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-room-name { font-weight: bold; font-size: 1.2em; margin-bottom: 4px; } .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-room-name i { color: var(--vbo-base-color); margin-right: 3px; width: 16px; } .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-alt-date > span { display: block; margin-bottom: 3px; } .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-room .vbo-widget-checkav-result-alt-date > span i { margin-right: 3px; width: 16px; color: var(--vbo-config-text-color-light); } .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-book { text-align: center; margin-bottom: 10px; } .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results, .vbo-admin-widgets-container-large .vbo-widget-checkav-results { display: flex; flex-wrap: wrap; } .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results > p, .vbo-admin-widgets-container-large .vbo-widget-checkav-results > p { flex-basis: 100%; } .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-party, .vbo-admin-widgets-container-large .vbo-widget-checkav-results .vbo-widget-checkav-result-party, .vbo-admin-widgets-container-large .vbo-widget-checkav-results .vbo-widget-commands, .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-commands { flex-basis: 100%; } .vbo-widget-checkav-results .vbo-widget-checkav-result-altdates-wrap, .vbo-widget-checkav-results .vbo-widget-checkav-result-altparties-wrap { display: flex; flex-wrap: wrap; } .vbo-widget-checkav-results .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates { margin: 5px; } .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates { flex-basis: 100%; } .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-dates { flex-basis: 100%; text-align: center; margin-bottom: 5px; padding-top: 5px; } .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-dates .vbo-widget-checkav-result-alt-date-in { margin-right: 10px; } .vbo-widget-checkav-result-altparties-wrap .vbo-widget-checkav-result-altparty { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; } .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room { flex-basis: calc(33% - 34px); border: 1px solid var(--vbo-config-border-color); border-radius: 4px; padding: 10px; margin: 5px; text-align: center; } .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room .vbo-widget-checkav-result-alt-guests-rparty i { margin-right: 4px; } .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 300px; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name { flex-basis: 100%; max-width: 100%; margin-bottom: 4px; } @media screen and (min-width: 1800px) { .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates { flex-basis: calc(33% - 30px); } .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates, .vbo-admin-widgets-container-large .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates.vbo-admin-widgets-container-medium .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate, .vbo-modal-overlay-content .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates { flex-basis: calc(50% - 30px); margin: 5px; } .vbo-admin-widgets-container-large .vbo-widget-checkav-result-splitstays-wrap, .vbo-admin-widgets-container-medium .vbo-admin-widgets-container-large .vbo-widget-checkav-result-splitstays-wrap { width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); } .vbo-admin-widgets-container-large .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-inner, .vbo-admin-widgets-container-medium .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-inner { grid-template-columns: repeat(3, 1fr); } .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:only-child { border-color: var(--vbo-input-style); } .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:only-child:hover { border-color: var(--vbo-base-color); } .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms:only-child .vbo-widget-checkav-result-alt-date > span { display: inline-block; } .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-alt-date > span { display: block; } .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span { text-align: right; min-width: 80px; } .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span { text-align: left; min-width: initial; } } @media screen and (max-width: 1800px) { .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates, .vbo-admin-widgets-container-large .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates { flex-basis: 100%; } .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room { flex-basis: calc(100% - 30px); } } @media screen and (min-width: 2500px) { .vbo-admin-widgets-container-large .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates.vbo-admin-widgets-container-medium .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate { flex-basis: calc(33% - 30px); margin: 5px; } } @media screen and (min-width: 3000px) { .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-alt-date > span { display: inline-block; } } .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-room-name { font-weight: bold; font-size: 1.2em; margin-bottom: 5px; } .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate { display: flex; margin: 5px 0 8px; padding-bottom: 5px; border-bottom: 1px solid var(--vbo-config-border-color); } .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate:last-child { border-bottom: 0; padding-bottom: 0px; } .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate > div { display: inline-block; } .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates { padding: 10px; background-color: var(--vbo-input-style); margin: 0px 0 8px; border-radius: 6px; } .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices { flex: 1; display: flex; } .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span { align-self: center; margin: 0 10px; } .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span > span { display: block; } .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-total { font-weight: bold; } .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name { display: inline-block; min-width: 150px; align-self: center; } .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow { margin-left: auto; margin-right: 0; } .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow .btn { padding: 7px 12px; } .vbo-widget-checkav-results .vbo-widget-checkav-result-party p { margin: 0 0 6px; } .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates { margin: 5px; } .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info { display: flex; flex-wrap: wrap; } .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date { align-self: center; margin-right: 10px; flex: 1; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date { flex-basis: 100%; } .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates-wrap .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-alt-date > span { margin-bottom: 3px; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-choose { margin-top: 8px; width: 100%; text-align: center; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-choose .btn { width: 100%; } .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date .vbo-widget-checkav-result-alt-date-in { margin-right: 10px; } .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date i { color: var(--vbo-config-text-color-light); width: 16px; margin-right: 3px; } .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-choose { margin-left: auto; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main { width: 100%; display: flex; flex-wrap: wrap; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker { flex: initial; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker input, .vbo-admin-widgets-container-medium .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker input { width: 110px !important; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights label { align-self: center; margin-right: 5px; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights input { flex: 1; width: 80px !important; } /* @joomla - This input style is visible just in Joomla3. It is the only one that can't see the pre-set input style. */ .admin.com_vikbooking .vbo-widget-checkav-filters input { padding: 8px 10px; box-sizing: border-box; height: auto; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter { margin-top: 0; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary { display: flex; flex-wrap: wrap; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div { flex: 1; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div:first-child { margin-right: 8px; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input { width: 75px !important; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div { margin-left: 0; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit { width: 100%; margin-left: 0; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit .btn { width: 100%; } .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name { margin-right: 10px; min-width: initial; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters label { display: block; margin-bottom: 5px; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker { align-self: end; } @media screen and (max-width: 1000px) { .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker { flex: 1; flex-basis: 100%; margin-bottom: 8px; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append { width: 100%; display: flex; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append input { flex: 1; width: 100%; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child { margin: 0; width: 100%; display: inline-block; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input { flex: 1; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child label { margin-right: 10px; align-self: center; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker { align-self: auto; } .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-price > span { display: block; } } @media screen and (max-width: 2200px) { .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main { width: auto; flex-basis: 100%; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights { flex: 1; display: flex; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary { flex-basis: 100%; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input { width: 100% !important; } } @media screen and (max-width: 1800px) { .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate { flex-wrap: wrap; } .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-rate-name { flex-basis: 100%; margin-right: 0; } .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > span { margin-left: 0; margin-right: 16px; } .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow { margin-left: auto; } } @media screen and (min-width: 2200px) { .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main { width: auto; flex: inherit; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights { margin-right: 5px; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit { width: auto; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit { width: auto; margin-left: 8px; align-self: end; } } @media screen and (min-width: 1800px) { .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results { display: flex; flex-wrap: wrap; } .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-party { flex-basis: 100%; } .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates { flex-basis: calc(33% - 40px); } .vbo-admin-widgets-container-fullwidth .vbo-widget-checkav-results .vbo-widget-commands { flex-basis: 100%; } } .vbo-widget-commands-right { text-align: right; padding: 5px 15px 10px 0; } .vbo-widget-commands > div { display: inline-block; } .vbo-widget-commands-main > div { display: inline-block; vertical-align: top; } .vbo-widget-commands-main .vbo-widget-command-chevron { margin-top: 4px; } .vbo-widget-commands-main .vbo-widget-command-chevron > span { display: inline-block; font-size: 14px; border: 1px solid var(--vbo-config-border-color); padding: 5px 10px; border-radius: 2px; background: var(--vbo-config-child-bg-color); cursor: pointer; } .vbo-dashboard-forecast-wrap h4 { padding: 23px 0px 22px 15px; margin-bottom: 20px; text-align: center; display: block; } .vbo-dash-chart-title .vbo-dash-chart-nav { display: inline-block; font-size: 14px; border: 1px solid #ddd; padding: 5px 10px; border-radius: 2px; background: #f6f6f6; cursor: pointer; } .vbo-dash-chart-title .vbo-dash-chart-nav:hover { background: #eee; } .vbo-dash-chart-title .vbo-dash-chart-nav i { margin-right: 0; } .vbo-admin-widget-wrapper .table > :not(:first-child), .vbo-admin-widget-wrapper .table > thead, .vbo-admin-widget-wrapper .table-responsive .table tr th { border: 0; } .vbo-admin-widget-wrapper h4 .arrivals-tot, .vbo-admin-widget-wrapper h4 .departures-tot { border: 1px solid var(--vbo-blue-color); display: inline-block; padding: 5px 8px; border-radius: 4px; text-transform: capitalize; font-size: 14px; margin-left: 7px; font-weight: bold; color: var(--vbo-blue-color); vertical-align: top; margin-top: -5px; } .vbo-admin-widget-wrapper h4 i { margin-right: 8px; font-size: 17px; color: var(--vbo-config-titles-color-light); } .vbo-dash-chart-title .vbo-dash-chart-nav i { margin-right: 0; font-size: 14px; vertical-align: initial; } .vbo-admin-widget-wrapper table thead tr:first-child th, .vbo-dashboard-rooms-locked .vbo-dashboard-rooms-locked-firstrow td { color: var(--vbo-config-titles-color-light); font-weight: bold; padding: 15px 15px; text-transform: uppercase; } .vbo-admin-widget-wrapper .table .searchable.center { white-space: inherit; } .vbo-admin-widget-wrapper .table td { padding: 11px 15px !important; border-top: 1px solid var(--vbo-basic-btn) !important; border-bottom: 0; } .vbo-dashboard-charts { width: 100%; display: inline-block; margin: 20px 0; padding: 15px 0; border-top:1px solid var(--vbo-config-border-color); border-bottom:1px solid var(--vbo-config-border-color); } .vbo-dashboard-charts-wrapper { margin: 0 auto 20px; padding: 18px; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); } .vbo-dashboard-chart-container { background: none repeat scroll 0 0 var(--vbo-config-bg-color); display: inline-block; margin: 8px; padding: 0; border-radius: 16px; border: 1px solid var(--vbo-basic-btn); box-shadow: 0 1.5px 4px rgba(0,0,0,.08); } .vbo-dashboard-chart-container .vbo-dashboard-chart-date { display: inline-block; font-size: 16px; font-weight: bold; padding: 20px 0 0; text-align: center; width: 100%; border-top-left-radius: 8px; border-top-right-radius: 8px; } .vbo-dashboard-chart-container .donutChart { display: block; margin: 0 auto; padding: 0 8px; } .vbo-dashboard-next-bookings-block { background: #fff; border-radius: 8px; box-shadow: 0 0 20px rgba(0,0,0,.1); margin: 0 28px 18px; } .vbo-table-search-cout { margin-bottom: 0 !important; } .vbo-admin-widget-wrapper { padding-bottom: 8px; } .vbo-dashboard-today-checkout-rows td:first-child > a, .vbo-dashboard-today-checkin-rows td:first-child > a, a.vbo-bookingid { display: inline-block; border-radius: 4px; border: 1px solid var(--vbo-base-color); padding: 3px 8px; color: var(--vbo-base-color); } .vbo-dashboard-today-checkout-rows td:first-child > a:hover, .vbo-dashboard-today-checkin-rows td:first-child > a:hover, a.vbo-bookingid:hover { text-decoration: none; background: var(--vbo-base-color-hover); color: #fff; } .vbo-dashboard-today-checkout.table-responsive > .table > tbody > tr > td, .vbo-dashboard-today-checkin.table-responsive > .table > tbody > tr > td, .vbo-dashboard-today-checkout.table-responsive > .table > thead > tr > th, .vbo-dashboard-today-checkin.table-responsive > .table > thead > tr > th { white-space: initial; } .vbo-dashboard-today-checkout.table-responsive > .table > tbody > tr > td:first-child, .vbo-dashboard-today-checkin.table-responsive > .table > tbody > tr > td:first-child { word-break: inherit; } .vbo-dashboard-next-bookings .table { margin-bottom: 0; } .vbo-dashboard-next-bookings-block h4 { font-size: 20px; font-weight: bold; color: var(--vbo-config-title-color); border-top-right-radius: 16px; border-top-left-radius: 16px; border-bottom: 1px solid var(--vbo-config-border-color); margin: 0; padding: 22px 15px; } .vbo-dashboard-next-bookings-block h4 i { margin-right: 15px; } .vbo-dashboard-refresh-container { margin: 20px 28px 0; float: right; border-radius: 40px; border: 1px solid var(--vbo-config-border-color); padding: 10px 20px; } .vbo-dashboard-refresh-container > span { display: inline-block; margin: 0 2px; } .vbo-dashboard-refresh-container .vbo-dashboard-refresh-head { font-size: 1.3em; padding: 10px 13px 7px 0; position: relative; text-align: center; display: inline-block; font-weight: bold; } .vbo-dashboard-refresh-container .vbo-dashboard-refresh-head .vbo-dashboard-refresh-label { display: inline-block; margin:0 8px 0 0; font-weight: normal; } .vbo-dashboard-refresh-play { color: var(--vbo-base-color); text-align: center; display: inline-block; position: relative; cursor: pointer; } .vbo-dashboard-refresh-play:after { content: "\25b6"; display: inline-block; border-radius: 50%; background: var(--vbo-config-bg-color); border: 1px solid var(--vbo-config-bg-color); height: 35px; line-height: 38px; padding: 0; width: 35px; font-size: 16px; box-shadow: 0 4px 10px rgba(0,0,0,.1); text-align: center; } .vbo-dashboard-refresh-stop { color: var(--vbo-base-color); text-align: center; display: inline-block; position: relative; cursor: pointer; } .vbo-dashboard-refresh-stop:after { content: "\25A0"; display: inline-block; border-radius: 50%; border: 1px solid var(--vbo-config-bg-color); background: var(--vbo-config-bg-color); height: 35px; line-height: 30px; padding: 0; width: 35px; font-size: 24px; box-shadow: 0 4px 10px rgba(0,0,0,.1); text-align: center; } .vbo-dashboard-refresh-play:hover:after, .vbo-dashboard-refresh-stop:hover:after { border: 1px solid var(--vbo-base-color); } .vbo-dashboard-rooms-locked-block { background: var(--vbo-config-bg-color); border-radius: 8px; box-shadow: 0 0 20px rgba(0,0,0,.1); margin: 0 28px 18px; } .vbo-dashboard-rooms-locked h4 { font-size: 22px; font-weight: normal; background: var(--vbo-config-child-bg-color); border-top-right-radius: 8px; border-top-left-radius: 8px; border-bottom: 1px solid var(--vbo-config-border-color); text-transform: uppercase; margin: 0; padding: 22px 15px; } .vbo-dashboard-rooms-locked h4 i { margin-right: 0.25em; } .vbo-dashboard-rooms-locked h4 span { border: 1px solid #FF9326; display: inline-block; padding: 5px 8px; border-radius: 4px; text-transform: capitalize; font-size: 14px; margin-left: 7px; font-weight: bold; color: #FF9326; vertical-align: top; margin-top: -5px; } .vbo-dashboard-rooms-locked table { margin-bottom: 0; } .vbo-dashboard-rooms-locked-rows:nth-child(odd) { background: var(--vbo-config-child-bg-color); } .vbo-dashboard-today-occ-listcont { display: grid; padding: 10px; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); } .vbo-dashboard-today-roomocc-rows td { background: transparent !important; } .vbo-admin-widgets-container-small .vbo-dashboard-today-occ-listcont { padding: 0; width: 100%; } .vbo-admin-widgets-container-small .vbo-admin-widget-head { display: inline-block; width: 100%; } .vbo-admin-widgets-container-small .vbo-admin-widget-head .btn-toolbar { width: 100%; box-sizing: border-box; margin: 0; text-align: right; padding-right: 15px; } .vbo-dashboard-today-occ-listcont .vbo-dashboard-today-roomocc-det { margin: 10px; background: var(--vbo-config-bg-color); border-radius: 10px; border: 1px solid var(--vbo-basic-btn); box-shadow: 0 1.5px 2px rgba(0,0,0,.05); } .vbo-dashboard-today-roomocc-row-checkout { display: flex; margin-left: auto; justify-content: end; } .vbo-dashboard-today-roomocc-row-checkout .vbo-dashboard-today-roomocc-checkout-dt { align-self: center; } .vbo-dashboard-today-roomocc-row-checkout .vbo-dashboard-today-roomocc-checkout-do .btn { padding: 5px 8px; margin-left: 5px; } .vbo-dashboard-today-roomocc-det-rname { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; max-width: 82%; } .vbo-dashboard-today-occ-block { margin: 0 0 30px 0; padding: 0 0 30px 0; border-bottom:1px solid var(--vbo-config-border-color); } .vbo-dashboard-today-roomocc-firstrow { font-weight: bold; margin: 0; } .vbo-dashboard-today-occ { margin: 10px 30px; } .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head h4 { font-size: 20px; font-weight: bold; color: var(--vbo-config-title-color); padding: 0 25px 0 0; position: relative; display: inline-block; } .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper input[type="text"] { border: 1px solid var(--vbo-config-border-color); border-radius: 2px; padding: 8px 10px; margin-bottom: 0; box-sizing: border-box; height: auto; } .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper .btn { padding: 8px 10px; border-radius: 0 2px 2px 0; border: 1px solid var(--vbo-config-border-color); } .vbo-dashboard-today-occ .vbo-dashboard-today-occ-head .btn-wrapper .btn i { margin-right: 0; } .vbo-dashboard-today-roomocc-det > h5 { font-weight: bold; padding: 15px; margin: 0; font-size: 1.1em; text-align: left; border-top-right-radius: 16px; border-top-left-radius: 16px; border-bottom: 1px solid var(--vbo-config-border-color); } .vbo-dashboard-today-roomocc-firstrow th { background: var(--vbo-config-bg-color); font-weight: bold; font-size: 12px; padding: 15px 15px !important; text-transform: uppercase; color: var(--vbo-config-titles-color-light); } .vbo-dashboard-today-roomocc-firstrow th.left { white-space: nowrap; } .vbo-dashboard-today-roomocc-rows td { padding: 11px 15px !important; } .vbo-dashboard-today-roomocc-rows td .vbo-country-flag { width: 15px; } .vbo-dashboard-today-roomocc-rows td.left a { font-weight: bold; color: var(--vbo-config-title-color); } .vbo-dashboard-today-roomocc-rows td.left a:hover { color: var(--vbo-base-color); } .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto { display: inline-block; border-radius: 6px; padding: 2px 7px; margin-top: -5px; margin-left: 10px; float: right; } .vbo-roomocc-units-free { background: #e5ffd6; border: 1px solid #8fd569; color: #639448; } .vbo-roomocc-units-half { color: #a88706; background: #fff6a9; border: 1px solid #e1c903; } .vbo-roomocc-units-threefourth { background: #ffdfbe; border: 1px solid #ffbd79; color: #e27300; } .vbo-roomocc-units-full { background: #ffdbd3; border: 1px solid #ffa7a7; color: #d44b2d; } .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto > span { display: inline-block; text-align: center; border-radius: 4px; padding: 2px 0; } .vbo-dashboard-today-roomocc-customers.table-responsive { height: 200px; overflow-y: scroll; width: 100%; } .vbo-dashboard-today-roomocc-customers.table-responsive > .table > tbody > tr > td { white-space: normal; vertical-align: middle; } th.vbo-tdright, td.vbo-tdright { text-align: right !important; } th.vbo-tdright, td.vbo-tdright .btn { white-space: nowrap; } .vbo-table-search-cin tr[visible='false'], .vbo-table-search-cout tr[visible='false'], .vbo-table-search-today tr[visible='false'], .no-results { display: none; } .vbo-table-search-cin tr[visible='true'], .vbo-table-search-cout tr[visible='true'], .vbo-table-search-today tr[visible='true'] { display: table-row; } tr.no-results > td { background-color: #fcf8e3; } .hidden-for-search { display: none; } .vbo-info-overlay-content-orphans > h3 > i { color: var(--vbo-red-color); } .vbo-info-overlay-content-orphans .vbo-orphans-info-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .vbo-info-overlay-content-orphans .vbo-orphans-info-room { margin: 5px; border-radius: 10px; border: 1px solid var(--vbo-config-border-color); box-shadow: 0 1.5px 2px rgba(0,0,0,.05); display: flex; flex-wrap: wrap; flex-direction: column; } .vbo-info-overlay-content-orphans .vbo-orphans-info-room:hover { border-color: var(--vbo-base-color); } .vbo-info-overlay-content-orphans .vbo-orphans-info-room h4 { margin: 0 0 5px; padding: 10px; font-size: 1.1em; border-bottom: 1px solid var(--vbo-basic-btn); } .vbo-info-overlay-content-orphans .vbo-orphans-info-dates { margin-bottom: 10px; max-height: 150px; overflow: hidden; overflow-y: scroll; padding: 10px; } .vbo-info-overlay-content-orphans .vbo-orphans-info-list { margin-top: 10px; } .vbo-info-overlay-content-orphans .vbo-orphans-info-btn { margin-top: auto; text-align: center; padding: 0 10px 10px; } .vbo-info-overlay-content-orphans .vbo-orphans-info-cmds { text-align: center; margin-top: 20px; } .vbo-info-overlay-content-orphans .vbo-orphans-info-cmds > div { display: inline-block; margin: 5px; } .vbo-center { text-align: center; } .vbo-enormous-icn { font-size: 100px; } .vbo-list-table { margin-top: 15px; } .vbo-bookingslist-table thead, .vbo-list-table thead { background: var(--vbo-config-bg-color); } .vbo-bookingslist-table thead th, .vbo-list-table thead th { padding: 18px 10px; text-transform: uppercase; font-size: 12px; color: var(--vbo-config-titles-color-light); } .vbo-bookingslist-table tbody > tr > td, .vbo-bookingslist-table tbody > tr > th, .vbo-list-table tbody > tr > td, .vbo-list-table tbody > tr > th { background: var(--vbo-config-bg-color) !important; border-top: 1px solid var(--vbo-config-border-color); } .vbo-bookingslist-table tbody > tr:hover td, .vbo-list-table tbody > tr:hover td { background: var(--vbo-config-child-bg-color) !important; } .vbo-bookingslist-table tbody > tr:last-child td { padding-bottom: 30px; vertical-align: top; } /* Dashboard - End */ span.label { padding:3px 6px !important; } .vbo-export-customer-entry { display: block; margin: 10px 0; } .vbo-export-customer-entry span label { display: inline-block; margin: 0; min-width: 185px; } /* Calendar - Start */ .vbo-quickres-wrapper { display: block; float: left; width: 48%; } .vbo-quickres-head { margin: 0 0 10px; width: 100%; display: inline-block; border-bottom: 1px solid var(--vbo-config-border-color); padding-bottom: 10px; } .vbo-quickres-head h4 { display: inline-block; font-size: 13px; font-weight: bold; text-transform: uppercase; } .vbo-quickres-head .vbo-quickres-head-right { display: inline-block; float: right; } .vbo-quickres-head .vbo-quickres-head-right .select2-selection--single, .vbo-btn-toolbar .select2-selection--single, .vbo-editbooking-room-switch .select2-selection--single { font-weight: normal; font-size: 14px !important; height: 36px !important; border: 1px solid var(--vbo-config-border-color) !important; border-radius: var(--vbo-field-radius) !important; } .vbo-quickres-head .vbo-quickres-head-right .select2-container--default .select2-selection--single .select2-selection__arrow, .vbo-btn-toolbar .select2-container--default .select2-selection--single .select2-selection__arrow, .vbo-editbooking-room-switch .select2-container--default .select2-selection--single .select2-selection__arrow { height: 36px; } .select2-dropdown { background: var(--vbo-config-bg-color); border: 1px solid var(--vbo-config-border-color) !important; } .vbo-quickres-head .vbo-quickres-head-right .select2-container--default .select2-selection--single .select2-selection__rendered, .vbo-btn-toolbar .select2-container--default .select2-selection--single .select2-selection__rendered, .vbo-editbooking-room-switch .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 36px; } .vbo-quickres-head .vbo-quickres-head-right form { margin-top: 5px; margin-bottom: 0; } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-calendar-time-inline { display: inline-block; margin: 8px 0 0 20px; vertical-align: top; } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-top { margin-bottom: 5px; } .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox select, .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox input { margin-bottom: 5px; } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-quickres-aduchi-inlbl { display: inline-block; margin: 9px 5px 0 0; } .vbo-admin-container .vbo-param-container .vbo-quickres-aduchi-wrap:first-child { margin-right: 5px; } .vbo-admin-container .vbo-param-container .vbo-param-setting .js-editor-tinymce iframe { height: 350px !important; } .vbo-admin-container .vbo-param-container .vbo-param-setting textarea[name="shortdescr"] { width: 100% !important; } .vbo-admin-container .vbo-param-container .vbo-param-setting #customfchoose .vbo-customf-sel-added { margin: 5px 0; } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-smstpl-bgroup button:hover { border: 1px solid var(--vbo-base-color); } .vbo-params-fieldset .vbo-params-block .vbo-params-fieldset:first-child { margin-top: 15px; } .vbo-params-fieldset-label { font-weight: bold; margin-bottom: 5px; } .vbo-params-fieldset-label .label.label-success { font-size: 13px; display: inline-block; font-weight: 500; line-height: initial; } .vbo-params-fieldset-label .label.label-success i { margin-right: 3px; } textarea.vbo-textarea-copyable { width: 0 !important; height: 0 !important; opacity: 0 !important; min-height: 0 !important; padding: 0 !important; float: right; cursor: default; } .vbo-params-block { border: 1px solid var(--vbo-input-style-nested-deactive); box-shadow: 0 1.5px 2px rgba(0,0,0,.05); border-radius: 10px; padding: 0 20px 10px; margin-bottom: 20px; } .vbo-params-block-nested { padding: 10px; margin: 10px 0 10px 10px; border-radius: 6px; background: var(--vbo-config-bg-color); } .vbo-param-container:not(.vbo-param-container-tmp-disabled) .vbo-param-setting input.vbo-input-validation:invalid:not(:placeholder-shown) { background: rgba(255, 143, 143, 0.60) !important; border-color: #900; } .vbo-params-block > .vbo-param-container:first-child .vbo-param-label { align-self: center; } .vbo-params-block:not(.vbo-params-block-noborder) .vbo-param-container { border-top: 1px solid var(--vbo-main-bg-color); } .vbo-params-block .vbo-param-container { padding: 10px 0px; } .vbo-params-block .vbo-param-container-legend { border-top: 0; } .vbo-params-block .vbo-param-container-legend .vbo-param-label { font-weight: bold; margin-bottom: 0; } .vbo-admin-container .vbo-params-block-nested .vbo-param-nested-nested:first-of-type, .vbo-params-block > .vbo-param-container:first-of-type { border-top: 0; } .vbo-params-block > .vbo-param-container:only-child { margin-bottom: 0; margin-top: 10px; } .vbo-admin-container .vbo-params-block-nested .vbo-param-nested-nested { background: var(--vbo-config-bg-color); border-top: 1px solid var(--vbo-main-bg-color); } .vbo-param-container .vbo-param-setting .vbo-param-setting-radio { display: flex; gap: 10px; } .vbo-param-container .vbo-param-setting .vbo-param-setting-radio > div { flex: 1; padding: 10px; border-radius: var(--vbo-field-radius); border: 1px solid var(--vbo-config-border-color); display: flex; align-items: center; gap: 8px; } .vbo-param-container .vbo-param-setting .vbo-param-setting-radio > div[data-checked="1"] { border-color: var(--vbo-info-border); background: var(--vbo-light-blue); } .vbo-param-container .vbo-param-setting .vbo-param-setting-radio input { margin: 0; } .vbo-param-container .vbo-param-setting .vbo-param-setting-radio label { display: flex; align-items: center; gap: 6px; cursor: pointer; } .vbo-param-container .vbo-param-setting .vbo-param-setting-radio label i { color: var(--vbo-config-text-color-light); } .vbo-cal-splitstay-details { display: inline-block; border-radius: 10px; border: 1px solid var(--vbo-basic-btn); min-width: 400px; box-shadow: 0 1.5px 2px rgba(0,0,0,.05); } .vbo-cal-splitstay-details > div { display: grid; grid-template-columns: repeat(2, 1fr); } .vbo-cal-splitstay-details > div > span { padding: 8px 14px; display: inline-block; } .vbo-cal-splitstay-details > div > span i { margin-right: 3px; color: var(--vbo-config-text-color-light); } .vbo-cal-splitstay-details .vbo-cal-splitstay-room .vbo-cal-splitstay-room-name, .vbo-cal-splitstay-details .vbo-cal-splitstay-dates .vbo-cal-splitstay-dates-in { border-right: 1px solid var(--vbo-basic-btn); } .vbo-bookdet-splitstay-details.vbo-bookdet-roomdatesmod-details > div > span i { color: var(--vbo-red-color); } #vbo-geo-map .gm-style .gm-style-iw-c { background: var(--vbo-config-bg-color); } #vbo-website-rates-cont .vbo-cal-wbrate-wrap, .vbo-website-rates-cont .vbo-cal-wbrate-wrap { display: inline-block; } #vbo-website-rates-cont .vbo-cal-wbrate-wrap:hover, .vbo-website-rates-cont .vbo-cal-wbrate-wrap:hover { cursor: pointer; } #vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-inner, .vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-inner { text-align: center; padding: 10px 15px; margin: 5px; border: 1px solid var(--vbo-config-border-color); border-radius: 2px; position: relative; } #vbo-website-rates-cont .vbo-cal-wbrate-wrap-selected .vbo-cal-wbrate-inner, .vbo-website-rates-cont .vbo-cal-wbrate-wrap-selected .vbo-cal-wbrate-inner { border-color: var(--vbo-base-color); } #vbo-website-rates-cont .vbo-cal-wbrate-wrap-selected .vbo-cal-wbrate-inner:before, .vbo-website-rates-cont .vbo-cal-wbrate-wrap-selected .vbo-cal-wbrate-inner:before { position: absolute; content: ""; width: 10px; height: 10px; top: -6px; left: -7px; border: 2px solid var(--vbo-config-bg-color); background-color: var(--vbo-base-color); border-radius: 50%; } #vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-inner > span, .vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-inner > span { display: block; } #vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-cost, .vbo-website-rates-cont .vbo-cal-wbrate-wrap .vbo-cal-wbrate-cost { font-weight: bold; font-size: 1.2em; } #vbo-website-rates-cont .vbo-cal-wbrate-wrap-selected .vbo-cal-wbrate-cost, #vbo-website-rates-cont .vbo-cal-wbrate-wrap:hover .vbo-cal-wbrate-cost, .vbo-website-rates-cont .vbo-cal-wbrate-wrap-selected .vbo-cal-wbrate-cost, .vbo-website-rates-cont .vbo-cal-wbrate-wrap:hover .vbo-cal-wbrate-cost { color: var(--vbo-base-color); } .vbo-avcalendars-wrapper { text-align: center; border: 1px solid var(--vbo-config-border-color); background: var(--vbo-config-bg-color); padding: 10px 10px 20px 10px; margin-top: 20px; border-radius: 6px; } .vbo-avcalendars-roomphoto { display: block; text-align: center; margin: 5px 0 15px; } .vbo-avcalendars-roomphoto img { border-radius: 2px; max-height: 250px; border-radius: 4px; } .vbo-calendar-cfields-filler .vbo-calendar-cfields-topcont { margin-bottom: 10px; margin-bottom: 5px; border-bottom: 1px solid var(--vbo-config-border-color); padding-bottom: 10px; } .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search { display: inline-block; margin-right: 10px; position: relative; } .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search label { margin-bottom: 5px; font-weight: bold; } .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search #vbo-searchcust, .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search .vbo-searchcust { width: auto !important; } .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search #vbo-searchcust-loading, .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search .vbo-searchcust-loading { float: right; margin-left: 5px; margin-top: 10px; } .vbo-calendar-cfields-inner { display: grid; grid-template-columns: repeat(2, auto); gap: 10px 50px; width: 100%; padding: 5px 0; } .vbo-calendar-cfields-bottom { margin: 10px 0 15px 0; } .vbo-calendar-cfields-bottom .btn { border: 1px solid var(--vbo-config-border-color); border-radius: 2px; padding: 10px 14px; margin-bottom: 0; } .vbo-calendar-cfields-bottom .btn i { margin-right: 5px; } .vbo-calendar-cfields-bottom .btn-success { border: 1px solid var(--vbo-green-color); } .vbo-calendar-cfields-bottom .btn-success i { margin-right: 6px; } .vbo-calendar-cfields-bottom .icon-edit::before { color: #fff; } .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry { display: inline-block; } .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry > span { width: 100%; display: inline-block; } .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry select { max-width: 100%; } .vbo-calendar-cfield-entry input[type="number"], .vbo-calendar-cfield-entry input[type="text"], .vbo-calendar-cfield-entry textarea { border: 1px solid var(--vbo-config-border-color); border-radius: var(--vbo-field-radius); padding: 5px 10px; margin-bottom: 0; width: 100% !important; box-sizing: border-box; height: auto; } .vbo-calendar-cfields-filler input:focus, .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry textarea:focus { background-color: var(--vbo-input-style-deactive); } .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry select { border-radius: var(--vbo-field-radius); background-color: var(--vbo-config-bg-color); border: 1px solid var(--vbo-input-style); padding: 5px 10px; height: inherit; width: 100% !important; } .vbo-assign-customer { cursor: pointer; background: var(--vbo-config-bg-color); color: var(--vbo-base-color); border-radius: 3px; display: flex; align-items: center; gap: 5px; width: fit-content; font-weight: bold; border: 1px solid var(--vbo-base-color); } .vbo-assign-customer > i { background: var(--vbo-base-color); color: var(--vbo-config-bg-color); padding: 8px 10px; font-size: 18px; } .vbo-assign-customer > span { padding: 0 8px 0 3px; display: inline-block; vertical-align: middle; } .vbo-assign-customer:hover { background: var(--vbo-base-color); color: #fff; } .vbo-assign-customer:active, .vbo-assign-customer:active > i { background: var(--vbo-base-color-hover); } #vbfillcustfields .icon-edit::before { color: #fff; font-weight: normal; } #quickbsubmit i:before { color: #fff; } #vbspanbstat strong { display: inline-block; min-width: 125px; } #vbspanbpay strong { display: inline-block; min-width: 125px; } #vbspancmail strong { display: inline-block; min-width: 125px; } #vbo-highlight-cfields mark { padding: 0 3px; margin: -1px -4px; border-radius: 0.5em; } .vbo-calendar-cfield-entry label { display: block; font-weight: bold; color: var(--vbo-config-titles-color-light); margin-bottom: 4px; } #vbo-searchcust-loading, .vbo-searchcust-loading { display: none; } #vbo-searchcust-res, .vbo-searchcust-res { position: absolute; z-index: 2; width: 100%; max-width: 300px; } .vbo-bookingdet-admin-entry #vbo-searchcust-res, .vbo-bookingdet-admin-entry .vbo-searchcust-res { width: 90%; } #vbo-searchcust-res .vbo-custsearchres-inner, .vbo-searchcust-res .vbo-custsearchres-inner { list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: var(--vbo-config-bg-color); border: 1px solid var(--vbo-config-border-color); white-space: nowrap; max-height: 200px; width: 100%; overflow-y: scroll; } .vbo-custsearchres-entry, .vbo-widget-custsearchres-entry { padding: 6px 10px; outline: none; cursor: pointer; } .vbo-custsearchres-entry-highligthed, .vbo-widget-custsearchres-entry-highligthed { background: rgba(0,0,0,0.05); } .vbo-custsearchres-entry .vbo-custsearchres-cflag, .vbo-widget-custsearchres-entry .vbo-custsearchres-cflag { margin-right: 8px; display: inline-block; vertical-align: top; } .vbo-custsearchres-entry .vbo-custsearchres-cflag img, .vbo-widget-custsearchres-entry .vbo-custsearchres-cflag img { display: inline-block; vertical-align: top; } #vbo-searchcust-res .vbo-custsearchres-entry:last-child, .vbo-searchcust-res .vbo-custsearchres-entry:last-child, #vbo-searchcust-res .vbo-widget-custsearchres-entry:last-child, .vbo-searchcust-res .vbo-widget-custsearchres-entry:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .vbo-custsearchres-name { display: inline-block; min-width: 130px; } .vbo-custsearchres-entry span, .vbo-widget-custsearchres-entry span { margin-right: 5px; } /* Calendar - End */ /* Outer Info message - Start */ .vbo-outer-info-message { border: 2px solid var(--vbo-base-color); border-radius: 4px; padding: 5px; margin-bottom: 10px; cursor: pointer; } .vbo-outer-info-message .vboicn-info { margin-right: 5px; font-size: 16px; color: var(--vbo-base-color); } .vbo-outer-info-message span { display: inline-block; vertical-align: top; } .vbo-info-message-cont { padding: 5px; font-weight: bold; } .vbo-dyninpnum-cont input[type="number"], #vbjstotnights input[type="number"] { width: 100px !important; } .vbo-dyninpnum-cont select { max-width: 130px; } /* Outer Info message - End */ .vbo-country-flag-left { float: left; margin: 0 5px 0 0; } .vbo-country-flag { width: 16px; height: 16px; object-fit: cover; border-radius: 50%; } .vbo-country-flag.vbo-customer-avatar-flag { border-radius: 50%; } .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-small img { object-fit: cover; } .vbo-roomentries-cont { float: left; display: inline-block; margin: 0 15px 0 2px; width: 204px; height: auto; overflow: hidden; } .vbo-roomentry-cont { display: block; margin: 5px 0; } .vbo-roomentries-cont .vbo-roomentry-cont:first-child { margin-top: 0; } .vbo-roomentry-cont input[type="checkbox"] { display: inline-block; margin-right: 5px; margin-top: 0; } .vbo-roomentry-cont label { display: inline !important; } tr.vbroomparamp td #lastavail { vertical-align: top; } tr.vbroomparamp td span { font-size: smaller; font-style: italic; display: inline-block; padding-left: 8px; max-width: 450px; } ul.vbo-sortable { list-style-type: none; margin: 0; padding: 0; } ul.vbo-sortable li { margin-right: 12px; padding: 1px; display: inline-block; vertical-align: top; width: auto; max-height: 70px; margin-bottom: 5px; } .vbo-editroom-currentphoto { position: relative; } .vbo-editroom-currentphoto a { cursor: grab; } .vbo-editroom-currentphoto a.vbo-toggle-imgcaption { cursor: pointer; } .vbo-tip-small { display: inline-block; min-width: 30px; } .vbo-smalltext { font-size: smaller; } .vbo-first-imgup { display: inline-block; border: 1px solid var(--vbo-config-border-color); border-radius: 3px; padding: 10px; margin: 5px 0; background: var(--vbo-main-bg-color); width: 100%; box-sizing: border-box; } .vbo-first-imgup > span { border-left: 1px solid rgb(221, 221, 221); display: inline-block; padding: 5px 0px 5px 10px; } .vbo-first-imgup > input[type="file"] { box-sizing: border-box; height: auto; margin-bottom: 10px; background: var(--vbo-input-style); } .vbo-first-imgup > input[type="text"] { margin-top: 7px; } .vbo-first-imgup + #myDiv { margin-bottom: 5px; } .vbo-imgup-caption { margin-top: 5px; } .vbo-imgup-caption span { display: block; margin-bottom: 4px; } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-imgup-caption > input[type="text"] { width: 100% !important; box-sizing: border-box; height: auto; } /* Multi Photos Upload Modal Window - Start */ .vbo-info-overlay-content { width: 70%; } .vbo-info-overlay-content .btn-success { padding: 9px 14px; } .vbo-info-overlay-content .btn-success i { color: #fff; display: inline-block; margin-right: 10px; } .vbo-info-overlay-block, .vbo-secondinfo-overlay-block, .vbo-orphans-overlay-block { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); display: none; z-index: 99999999 !important; } a.vbo-info-overlay-close { display: block; height: 100%; cursor: default; } .vbo-info-overlay-content { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 40%; height: 60%; z-index: 101; padding: 20px; border-radius: 5px; background-color: var(--vbo-config-bg-color); box-shadow: 0px 4px 10px rgba(0,0,0, .5); overflow: auto; } .vbo-info-overlay-header { margin-bottom: 20px; } .vbo-info-overlay-content .vbo-info-overlay-header h3 { display: inline-block; border: 0; text-align: left; } .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap { float: right; } .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .vbo-config-btn { background: var(--vbo-base-color); color: #fff; padding: 9px 14px; margin-right: 8px; } .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .vbo-config-btn:hover { background: var(--vbo-base-color-hover) !important; } .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .vbo-config-btn:active, .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .vbo-config-btn:focus { background: var(--vbo-link-text-color) !important; } .vbo-info-overlay-content .vbo-info-overlay-buttons-wrap .btn-success { padding: 9px 14px; } .vbo-info-overlay-content.vbo-info-overlay-content-orphans { overflow: visible; } .vbo-info-overlay-scroll-content { overflow: hidden; height: 70%; position: relative; overflow-y: scroll; } .vbo-info-overlay-content.vbo-info-overlay-content-getcmd { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 60%; height: 60%; z-index: 101; padding: 10px; border-radius: 5px; background-color: var(--vbo-config-bg-color); box-shadow: 5px 5px 5px 0 #000; overflow: auto; } .vbo-modal-alert .vbo-info-overlay-content { height: 20%; top: 40%; } .vbo-modal-alert.warning-longer .vbo-info-overlay-content { height: 40%; top: 20%; left: 25%; width: 50%; } .vbo-info-overlay-content h3 { text-align: center; margin-top: 0; border-bottom: 1px solid var(--vbo-config-border-color); padding-bottom: 10px; } .vbo-modal-alert.warning .vbo-info-overlay-content h3 { color: var(--vbo-red-color); } #vbo-overlay-email-cont .vbo-calendar-custmail-tpls-wrap { text-align: left; margin-bottom: 10px; } #vbo-overlay-email-cont .vbo-calendar-cfields-wrap { background: var(--vbo-config-bg-color); padding: 20px; border: 1px solid var(--vbo-config-border-color); box-shadow: 0 10px 20px rgba(0,0,0,.1); } #vbo-overlay-email-cont .vbo-calendar-cfield-entry { margin: 5px 0; box-sizing: border-box; display: inline-block; width: 100%; } .vbo-overlay-checkin-body iframe { width: 100%; border: 0; height: 50vh; } .vbo-info-overlay-content-animated { -webkit-animation-name: VikbounceInUp; animation-name: VikbounceInUp; -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .vbo-info-overlay-block-animation:target { visibility: visible; } .vbo-info-overlay-content-hidden { display: none; } .vbo-admin-wizard-container { margin-bottom: 10px; } .vbo-admin-wizard-container .vbo-wizard-btn { background: #3961bf; border: 1px solid #3961bf; color: #fff; font-weight: bold; padding: 10px 14px; margin-right: 5px; } .vbo-admin-wizard-container .vbo-wizard-btn:hover { background: #27417d; border-color: #27417d; } .vbo-admin-wizard-container .vbo-wizard-btn:focus, .vbo-admin-wizard-container .vbo-wizard-btn:active { background: #5c77b5; border-color: #5c77b5; } .vbo-admin-wizard-container .vbo-wizard-btn i { margin-right: 5px; } @-webkit-keyframes VikbounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1); animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1); } from { opacity: 0; -webkit-transform: translate3d(-50%, 150%, 0); transform: translate3d(-50%, 150%, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-50%, 100%, 0); transform: translate3d(-50%, 100%, 0); } 75% { -webkit-transform: translate3d(-50%, 20%, 0); transform: translate3d(-50%, 20%, 0); } 90% { -webkit-transform: translate3d(-50%, -25%, 0); transform: translate3d(-50%, -25%, 0); } to { -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } } @keyframes VikbounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1); animation-timing-function: cubic-bezier(0.61, 0.61, 0.61, 1); } from { opacity: 0; -webkit-transform: translate3d(-50%, 150%, 0); transform: translate3d(-50%, 150%, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-50%, 100%, 0); transform: translate3d(-50%, 100%, 0); } 75% { -webkit-transform: translate3d(-50%, 20%, 0); transform: translate3d(-50%, 20%, 0); } 90% { -webkit-transform: translate3d(-50%, -25%, 0); transform: translate3d(-50%, -25%, 0); } to { -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } } .bounceInUp { -webkit-animation-name: VikbounceInUp; animation-name: VikbounceInUp; } .vbo-info-overlay-content-wizard { padding: 25px; width: 50%; height: 80%; } .vbo-info-overlay-content-wizard { display: none; } .vbo-info-overlay-content-animated { display: block; } .vbo-info-overlay-content-wizard h3 { text-align: left; border-bottom: 0; font-size: 22px; margin-bottom: 0; } .vbo-tariffs-wizard-help-wrap { margin-bottom: 20px; } .vbo-tariffs-wizard-help-wrap p span { font-style: italic; } .vbo-tariffs-wizard-help-wrap h4 { font-size: 20px; margin-top: 30px; font-weight: normal; } .vbo-tariffs-wizard-prices-wrap { display: flex; flex-wrap: wrap; justify-content: center; } .vbo-tariffs-wizard-price { flex-basis: 25%; text-align: center; border: 2px solid #a3cae1; padding: 25px; margin: 4px; border-radius: 4px; } .vbo-tariffs-wizard-price .vbo-tariffs-wizard-price-name { display: block; font-weight: bold; margin-bottom: 5px; } .vbo-tariffs-wizard-prices-submit { text-align: center; margin-top: 15px; } .vbo-rplans-wizard-wrap { display: flex; } .vbo-tariffs-wizard-help-wrap h4 { text-align: center; } .vbo-rplans-wizard-wrap .vbo-rplans-wizard-tprice-wrap { display: inline-block; padding: 15px; border: 1px solid #ddd; border-radius: 4px; flex: 1; margin: 5px; } .vbo-rplans-wizard-tprice-name { display: inline-block; width: 100%; } .vbo-rplans-wizard-tprice-name label { font-weight: bold; font-size: 18px; display: inline-block; } .vbo-rplans-wizard-tprice-name .vbo-iostoggle-wrap, .vbo-rplans-wizard-tprice-name .vik-iostoggle-wrap { float: right; margin: 0; padding-top: 0; padding-bottom: 0; } .vbo-rplans-wizard-tprice-name .vbo-iostoggle-wrap label, .vbo-rplans-wizard-tprice-name .vik-iostoggle-wrap label { margin-bottom: 0; } .vbo-rplans-wizard-tprice-bkincl label { display: inline-block; } .vbo-rplans-wizard-tprice-bkincl input { margin-top: 0 !important; } .fileinput-button { position: relative; overflow: hidden; display: inline-block; } .fileinput-button input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; font-size: 200px; direction: ltr; cursor: pointer; } /* Fixes for IE < 8 */ @media screen\9 { .fileinput-button input { filter: alpha(opacity=0); font-size: 100%; height: 100%; } } .progress { background-color: var(--vbo-config-child-bg-color); border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; height: 20px; margin-bottom: 20px; overflow: hidden; } .progress-bar { background-color: var(--vbo-blue-color); box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset; color: #fff; float: left; font-size: 12px; height: 100%; line-height: 20px; text-align: center; transition: width 0.6s ease 0s; width: 0; } .progress-bar-success { background-color: var(--vbo-green-color) !important; } .vbo-info-overlay-content .files { display: inline-block; width: 100%; min-height: 40%; border: 2px dashed var(--vbo-config-border-color); box-sizing: border-box; padding: 10px; } .vbo-upload-photo { float: left; margin: 0 10px 0 0; padding: 5px; } .vbo-upload-photo canvas { border: 1px solid var(--vbo-basic-btn); border-radius: 4px; } .vbo-upload-photo p { margin: 0; text-align: center; } .vbo-upload-photo span { font-weight: bold; text-align: center; display: block; text-align: center; color: var(--vbo-config-titles-color-light); } .vbo-upload-photo p button { margin-top: 5px; } .vbo-info-overlay-content #progress { margin-top: 15px; } .vbo-upload-done { display: none; width: 100%; text-align: center; padding-top: 15px; margin-top: 10px; } .vbo-upload-done .btn i:before { color: #fff; } .vbo-toggle-imgcaption { position: absolute; width: 22px; font-size: 16px; z-index: 100; margin-left: -11px; margin-top: -6px; background: var(--vbo-main-bg-color); border-radius: 50%; object-fit: cover; border: 1px solid var(--vbo-config-border-color); height: 22px; line-height: 22px; display: inline-block; text-align: center; color: var(--vbo-config-titles-color-light); } .vbo-toggle-imgcaption-on { color: var(--vbo-base-color); } .vbo-rmphotos-cont { margin-bottom: 10px; } .vbo-small-p-info { font-size: smaller; margin: 10px 0 0; text-align: right; } .vbo-bulkupload-cont { margin: 20px 0 0 0; } /* Multi Photos Upload Modal Window - End */ /* Room Units Distinctive Features - Start */ .vbo-distfeature-row { display: none; } .vbo-distfeatures-toggle-cont { display: block; text-align: left; } .vbo-distfeatures-cont { display: none; background-color: var(--vbo-config-child-bg-color); padding: 20px; margin-top: 5px; } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-distfeatures-cont input { background-color: var(--vbo-input-style) !important; } .vbo-runit-features-cont { display: block; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--vbo-config-border-color); } .vbo-runit-features-cont:last-child { margin-bottom: 0; border-bottom: 0; padding-bottom: 0; } .vbo-runit-num { display: block; font-weight: bold; } .vbo-runit-features { display: block; } .vbo-runit-feature { display: flex; margin: 5px 0 5px 0; } .vbo-runit-feature input { margin-right: 10px; } .vbo-runit-feature input:focus { background: #fff; } .vbo-feature-add { cursor: pointer; } .vbo-feature-remove { cursor: pointer; display: inline-block; font-size: 20px; align-self: center; } /* Room Units Distinctive Features - End */ .vbo-closed-date-entry { display: inline-block; background-color: var(--vbo-toolbar-bg-color); border: 1px solid var(--vbo-toolbar-bg-color); border-radius: 30px; margin: 5px 5px 0px 0; padding: 5px 10px; color: var(--vbo-base-color); font-weight: bold; } .vbo-closed-date-rm { cursor: pointer; display: inline-block; margin-left: 3px; width: 18px; height: 18px; line-height: 15px; font-size: 8px; text-align: center; border-radius: 50%; color: var(--vbo-blue-color); line-height: 20px; float: right; } .vbo-closed-date-rm:hover { background: var(--vbo-blue-color); color: #fff; } .vbo-closed-date-rm i { margin: 0 !important; } /* Occupancy Pricing Override - Start */ .occupancy-room { display: block; margin-left: 5px; } .occupancy-room-name { display: block; background: var(--vbo-config-child-bg-color) none repeat scroll 0 0; font-weight: bold; border-radius: 2px; border: 1px solid var(--vbo-config-border-color); cursor: pointer; padding: 8px 10px; margin: 5px 0 0; } .occupancy-room-data { display: none; padding: 20px; background: var(--vbo-config-child-bg-color); } .occupancy-room-data .occupancy-adults-data { margin: 0 0 15px; } .occupancy-room-data .occupancy-adults-data:last-child { margin-bottom: 0; } .occupancy-room-data .occupancy-adults-data .occupancy-adults-ovr > * { vertical-align: top; } .occupancy-room-data .occupancy-adults-data .occupancy-adults-ovr input { padding: 5px 10px; } .occupancy-adults-lbl { display: inline-block; margin-bottom: 5px; font-weight: bold; } .occupancy-adults-ovr > * { margin-right: 5px; } /* Occupancy Pricing Override - End */ /* Crons - Start */ .vbo-shell-wrap { width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .vbo-shell-top-bar { text-align: center; color: var(--vbo-config-title-color); padding: 5px 0; margin: 0; font-size: 1.15em; border: 1px solid var(--vbo-config-border-color); border-bottom: none; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; background: var(--vbo-config-child-bg-color); } .vbo-shell-body { margin: 0; padding: 5px; list-style: none; background: #141414; color: #fff; /*font: 0.95em 'Andale Mono', Consolas, 'Courier New';*/ font-size: 0.95em; line-height: 1.6em; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .vbo-shell-body p:before { content: '$'; position: absolute; left: 0; top: 0; } .vbo-shell-body span:before { content: '-'; position: absolute; left: 0; top: 0; } .vbo-shell-body p, .vbo-shell-body span { word-wrap: break-word; position: relative; padding: 0 0 0 15px; display: block; margin: 2px 0 4px 0; } .vbo-cronexec-log { margin-top: 5px; } .vbo-cronexec-log pre { background: #141414 none repeat scroll 0 0; border-radius: 0; color: #fff; padding: 0; } /* Crons - End */ /* Graphs & Statistics - Start */ .vbo-stats-wrapper { background: var(--vbo-main-bg-color); padding: 20px 12px; } .vbo-stats-wrapper .adminform .adminlegend { font-weight: bold; width: 100%; margin-bottom: 20px; } .vbo-graph-bottom-wrapper { margin-top: 35px; } .vbo-graph-top-inner, .vbo-graph-bottom-inner { display: flex; flex-wrap: wrap; } .vbo-graph-top-left, .vbo-graph-bottom-left { flex: 1; margin-right: 20px; } .vbo-graph-top-right, .vbo-graph-bottom-right { flex-basis: 25%; } .vbo-graphstats-left { background: var(--vbo-config-bg-color); padding: 30px; border-radius: 16px; box-shadow: 0 3px 10px rgba(0,0,0,.05); } #vbo-graphstats-left-canv, #vbo-graphstats-left-canv-nights { width: 100% !important; } #vbo-graphstats-right-canv, #vbo-graphstats-right-canv-nights { height: 250px; } .vbo-graphstats-right, .vbo-graphstats-secondright, .vbo-graph-top-right .vbo-graphstats-thirdright { background: var(--vbo-config-bg-color); padding: 20px; border-radius: 16px; box-shadow: 0 3px 10px rgba(0,0,0,.05); margin-bottom: 15px; } .vbo-graph-top-right .vbo-graphstats-thirdright { border-bottom: 2px solid var(--vbo-base-color); } .vbo-graphstats-thirdright { margin-top: 25px; } .vbo-graphstats-thirdright > p { font-weight: bold; padding: 0; text-align: right; } .vbo-graphstats-thirdright > p:first-child { padding-top: 10px; } .vbo-graphstats-thirdright > p i { font-size: 11px; } .vbo-graphstats-thirdright p span { display: inline-block; min-width: 155px; float: left; text-align: left; } .vbo-graph-top-right h4, .vbo-graphstats-secondright h4 { text-align: center; margin-top: 0; margin-bottom: 10px; border-bottom: 1px solid var(--vbo-basic-btn); padding-bottom: 10px; } .vbo-graph-bottom-right h4 { text-align: center; margin-top: 0; margin-bottom: 10px; border-bottom: 1px solid var(--vbo-basic-btn); padding-bottom: 0; } .vbo-graphstats-countries { padding-bottom: 10px; } .vbo-graphstats-country-wrap { display: inline-block; width: 100%; margin: 2px 0; } .vbo-graphstats-country-wrap > span { vertical-align: middle; } .vbo-graphstats-country-img { display: inline-block; margin-right: 5px; } .vbo-graphstats-country-name { display: inline-block; font-weight: bold; min-width: 120px; margin-right: 5px; } .vbo-graphstats-country-totb.badge { display: inline-block; float: right; background-color: transparent; border: 2px solid var(--vbo-config-text-color-light); color: var(--vbo-config-titles-color-light); border-radius: 50px; } .vbo-graphstats-mod-containers { display: flex; flex-wrap: wrap; justify-content: center; } .vbo-graphstats-mod-containers .vbo-graphstats-mod-container { flex-basis: 50%; } .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner { background: var(--vbo-config-bg-color); padding: 20px; border-radius: 16px; box-shadow: 0 3px 10px rgba(0,0,0,.05); margin-bottom: 15px; margin-right: 5px; } .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-mod-lbl { font-weight: bold; color: var(--vbo-config-titles-color-light); margin-bottom: 10px; } .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-mod-val { font-size: 26px; font-weight: bold; } .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-val-descr { font-size: 13px; display: inline-block; vertical-align: top; color: var(--vbo-config-titles-color-light); } .vbo-graphstats-mod-containers .vbo-graphstats-mod-container .vbo-graphstats-mod-val i { font-size: 14px; display: inline-block; vertical-align: top; } .vbo-graphstats-mod-containers .vbo-graphstats-best .vbo-graphstats-mod-val i { color: var(--vbo-green-color); } .vbo-graphstats-mod-containers .vbo-graphstats-worst .vbo-graphstats-mod-val i { color: var(--vbo-red-color); } #vbo-graphstats-left-legend, #vbo-graphstats-left-legend-nights { text-align: center; } #vbo-graphstats-left-legend ul.line-legend, #vbo-graphstats-left-legend-nights ul.line-legend { display: inline-block; text-align: center; margin: 10px 0 0; padding: 10px 0; width: 100%; } #vbo-graphstats-left-legend ul.line-legend li, #vbo-graphstats-left-legend-nights ul.line-legend li { display: inline-block; margin: 3px 7px; font-weight: bold; } #vbo-graphstats-left-legend ul.line-legend li { border: 1px solid var(--vbo-config-border-color); border-radius: 20px; padding: 10px 12px; } #vbo-graphstats-left-legend ul.line-legend li > span.entry, #vbo-graphstats-left-legend-nights ul.line-legend li > span.entry { display: inline-block; float: left; height: 15px; margin: 0 10px 0 0; width: 15px; border-radius: 4px; font-weight: bold; } #vbo-graphstats-right-legend, #vbo-graphstats-right-legend-nights { text-align: center; } #vbo-graphstats-right-legend-nights ul.pie-legend { display: flex; margin: 10px 0 0; padding: 0; width: 100%; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #vbo-graphstats-right-legend ul.pie-legend { display: flex; margin: 10px 0 0; padding: 0; width: 100%; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #vbo-graphstats-right-legend-nights ul.pie-legend li { display: inline-block; margin: 3px 7px; -ms-flex: 0 0 45%; -webkit-flex: 0 0 45%; flex: 0 0 45%; text-align: left; font-weight: bold; } #vbo-graphstats-right-legend ul.pie-legend li { display: inline-block; margin: 3px 7px; -ms-flex: 0 0 45%; -webkit-flex: 0 0 45%; flex: 0 0 45%; text-align: left; font-weight: bold; } #vbo-graphstats-right-legend-nights ul.pie-legend li > span.entry { display: inline-block; float: left; height: 15px; margin: 0 10px 0 0; width: 15px; border-radius: 4px; font-weight: bold; } #vbo-graphstats-right-legend ul.pie-legend li > span.entry { display: inline-block; float: left; height: 15px; margin: 0 10px 0 0; width: 15px; border-radius: 4px; } .vbo-graphstats-legend-sub { display: inline-block; font-size: smaller; margin-left: 3px; } .vbo-graph-introtitle { display: block; font-weight: bold; margin-bottom: 10px; text-align: center; } .vbo-graph-introtitle span { font-size: 18px; color: var(--vbo-config-title-color); } .vbo-graphstats-thirdright-nights-bestworst { padding: 0; } .vbo-graphstats-thirdright-nights-bestworst > span { font-weight: bold; display: block; } .vbo-chart-icon-negative { color: var(--vbo-red-color); } .vbo-chart-icon-positive { color: var(--vbo-green-color); } /* Graphs & Statistics - End */ /* Invoices - Start */ .vbo-invoices-wrapper { display: block; overflow: hidden; padding: 15px; margin-bottom: 20px; background: var(--vbo-config-child-bg-color); } .vbo-invoices-inv-container { position: relative; margin: 10px; width: 300px; height: 235px; z-index : 1; float:left; background: var(--vbo-config-bg-color); box-shadow: 0 0 10px rgba(0,0,0,.08); border: 1px solid var(--vbo-basic-btn); border-radius: 5px; -webkit-perspective: 1000; perspective: 1000; } .vbo-invoices-inv-inner { cursor: pointer; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; -webkit-transition: all 0.7s linear; transform-style: preserve-3d; transition: all 0.7s linear; } .vbo-invoices-inv-container.vbo-invoice-active { border: 1px solid var(--vbo-base-color); } .vbo-invoices-inv-container.vbo-invoice-active .vbo-invoices-inv-inner { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .vbo-invoices-inv-inner .btn.vbo-light-btn { padding: 8px 15px; box-shadow: none; border-color: var(--vbo-config-border-color); } .vbo-invoices-inv-inner .btn.vbo-light-btn:hover { background-color: var(--vbo-light-color-btn); } .vbo-invoices-inv-face { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .vbo-invoices-inv-face.vbo-invoices-inv-back { display: flex; flex-wrap: wrap; display: block; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); box-sizing: border-box; text-align: center; background-color: var(--vbo-config-bg-color); border-radius: 5px; } .vbo-invoices-inv-frontright { overflow: hidden; padding: 10px; } .vbo-invoices-inv-entry { display: block; margin-bottom: 5px; } .vbo-invoices-inv-entry-custname { margin-top: 5px; } .vbo-invoices-inv-entry-lbl { display: inline-block; margin-right: 5px; font-weight: bold; } .vbo-invoices-inv-entry-val { display: inline-block; vertical-align: top; } .vbo-invoices-inv-ckbox { position: absolute; top: 5px; left: 5px; margin: 1px; } .vbo-invoices-inv-back-commands { margin:10px 0; } .vbo-invoices-inv-back-commands .btn { margin:2px; } .vbo-invoices-inv-back-entries { background: var(--vbo-basic-btn-hover); border-top:1px solid var(--vbo-config-border-color); padding: 10px 20px; font-size: 12px; width: auto; display: inline-block; border-radius: 4px; margin: 2px; text-align: left; } .vbo-invoices-inv-entry-val small { font-size: 12px; } .vbo-invoices-inv-entry-val .label { margin-left: 3px; } .vbo-invoices-inv-frontleft { position: relative; } .vbo-invoices-inv-totals { position: absolute; bottom: 2px; width: calc(100% - 10px); display: flex; flex-wrap: wrap; padding: 6px; box-sizing: border-box; border: 1px solid var(--vbo-config-border-color); margin: 5px; border-radius: 4px; } .vbo-invoices-inv-totals .vbo-invoices-inv-total { font-weight: bold; margin-right: 5px; } .vbo-invoices-inv-totals .vbo-invoices-inv-totpaid { margin-left: auto; } .vbo-invoices-inv-totals .vbo-invoices-inv-totpaid .badge { padding: 2px 6px; } /* Invoices - End */ /* Snapshot - Start */ .vbo-info-overlay-snapshot { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 40%; height: 60%; z-index: 101; padding: 20px; border-radius: 5px; background-color: var(--vbo-config-bg-color); box-shadow: 0px 4px 10px rgba(0,0,0, .5); } .vbo-info-overlay-snapshot-controls { display: block; text-align: center; } .vbo-info-overlay-snapshot-controls button { margin: 0 5px; } .vbo-info-overlay-snapshot-controls button i { margin-right: 5px; } .vbo-info-overlay-snapshot-movie { display: block; text-align: center; overflow: auto; margin: 10px auto; } .vbo-cur-idscan { display: inline-block; background: var(--vbo-main-bg-color); padding: 10px 15px; border-radius: 2px; border: 1px solid var(--vbo-config-border-color); color: var(--vbo-config-title-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 120px; margin: 0px 0 0px 10px; vertical-align: top; } /* Snapshot - End */ /* Draggable Elements - Start */ .vbo-draggable-sp { width: 98%; cursor: move; } .vbo-dragging-sp { border-radius: 12px; border: 1.2px dashed var(--vbo-config-title-color); background: rgba(129, 178, 242, 0.4) none repeat scroll 0 0; border-color: var(--vbo-blue-color); padding-left: 5px; } .vbo-tableaux-booking-checkin.vbo-dragging-sp { border-right: 0; border-radius: 0; } .vbo-dragging-cells-tmp { border-radius: 8px; border: 1px dashed var(--vbo-config-bg-color); background: rgba(0, 247, 136, 0.4) none repeat scroll 0 0 !important; } .vbo-dragging-cells-tmp span, .vbo-dragged-cells-tmp span { margin: 0 !important; } .vbo-dragged-cells-tmp { border-radius: 8px; border: 1px dashed var(--vbo-config-bg-color); background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important; animation: Vikshake 0.5s ease-in-out; -webkit-animation: Vikshake 0.5s ease-in-out; -moz-animation: Vikshake 0.5s ease-in-out; } @keyframes Vikshake { 0% { transform: translateX(0); } 20% { transform: translateX(-10px); } 40% { transform: translateX(10px); } 60% { transform: translateX(-10px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } @-webkit-keyframes Vikshake { 0% { transform: translateX(0); } 20% { transform: translateX(-10px); } 40% { transform: translateX(10px); } 60% { transform: translateX(-10px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } @-moz-keyframes Vikshake { 0% { transform: translateX(0); } 20% { transform: translateX(-10px); } 40% { transform: translateX(10px); } 60% { transform: translateX(-10px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .vboverviewtable > * { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } table.vboverviewtable td.vbo-overv-avcell { position: relative; cursor: pointer; } td.vbo-cell-pending-update .vbo-grid-cell-rate .vbo-roomrates-cell-rate-amount, td.vbo-cell-pending-update .vbo-roomrates-cell-rate-amount { background-color: var(--vbo-tag-yellow-bg); border-radius: 4px; padding: 0 2px; } .vbo-cell-new-update .vbo-roomrates-cell-rate-amount { background: var(--vbo-light-green-color); border-radius: 4px; padding: 0 2px; } table.vbo-overv-sticky-table-head-off td.vbo-overv-avcell { min-width: 80px; max-width: 80px; height: 50px; } table.vboverviewtable th, table.vboverviewtable td { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid var(--vbo-config-border-color); border-top: 1px solid var(--vbo-basic-btn-focus); } .vbo-roverview-table .vboverviewtablerow-subunit-tmp td:first-child, table.vboverviewtable .vboverviewtablerow-subunit-tmp td { background: var(--vbo-light-blue); border-top: 2px dashed var(--vbo-basic-btn-focus); padding-bottom: 8px; } .vbo-roverview-table .vboverviewtablerow-subunit-unassigned td:first-child, .vbo-roverview-table .vboverviewtablerow-subunit-unassigned td.vbo-overv-avcell { background-color: var(--vbo-warning-bg); padding-bottom: 8px; } .bluedays.vbo-overv-cell-newmonth { background: var(--vbo-info-txt); } table.vboverviewtable th:has(+ th.vbo-overv-cell-newmonth), table.vboverviewtable td:has(+ .vbo-overv-cell-newmonth) { border-right-color: var(--vbo-config-bg-dark); } .vbo-roverview-table .vbo-overview-room-info .vbo-overview-alert { display: inline-block; margin-left: 10px; } .vbo-roverview-table .vbo-overview-room-info .vbo-overview-alert .badge { border-radius: 50%; padding: 0; width: 24px; height: 24px; text-align: center; line-height: 24px; cursor: pointer; border: 1px solid transparent; } .vbo-roverview-table .vbo-overview-room-info .vbo-overview-alert .badge:hover { border: 1px solid var(--vbo-orange-color); } .vbo-overv-sticky-table-head-off table.vboverviewtable th, .vbo-overv-sticky-table-head-off table.vboverviewtable td { padding: 10px; } table.vboverviewtable tr:not(.vbo-tm-row, .vbo-roomrates-row):first-child td { border-top: 0; } table.vboverviewtable tr:last-child td { border-bottom: 1px solid var(--vbo-config-border-color); } table.vboverviewtable td:last-child { border-right: 0; } .vbo-roomdaynote-full, .vbo-roomdaynote-empty { position: relative; } .vboverviewtablerow td.notbusy > .vbo-overview-redday, .vboverviewtablerow td.busy > .vbo-overview-redday, .vboverviewtablerow td.busytmplock > .vbo-draggable-sp { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: auto; text-align: center; } .vbo-overv-avcell.notbusy.vbo-overv-globally-closed, .vbo-overv-avcell.subnotbusy.vbo-overv-globally-closed, .vbo-overv-avcell.notbusy.vbo-overv-globally-closed.vbo-overv-todaycell { background: repeating-linear-gradient( -45deg, var(--vbo-body-bg-color), var(--vbo-body-bg-color) 10px, var(--vbo-basic-btn) 10px, var(--vbo-basic-btn) 20px) !important; } .vbo-overv-avcell.notbusy.vbo-overv-globally-closed:hover, .vbo-overv-avcell.subnotbusy.vbo-overv-globally-closed:hover, .vbo-overv-avcell.notbusy.vbo-overv-globally-closed.vbo-overv-todaycell:hover { background: repeating-linear-gradient( -45deg, var(--vbo-body-bg-color), var(--vbo-body-bg-color) 10px, var(--vbo-basic-btn) 10px, var(--vbo-basic-btn) 20px) !important; cursor: not-allowed; } .vbo-overv-row-snake td:not(.busy-closure, .busy-sharedcalendar), .vbo-overv-row-snake td.busy-closure:has(div.vbo-tableaux-booking) { padding-bottom: 16px; vertical-align: bottom; } .vboverviewtablerow .vbo-checkinday span, .vbo-grid-avcell .vbo-tableaux-booking-checkin span { margin-top: -2px; display: block; } .vboverviewtablerow-subunit td { position: relative; } td.vbo-roomdaynote-empty span.vbo-roomdaynote-trigger, td.vbo-roomdaynote-full span.vbo-roomdaynote-trigger { position: absolute; } td.vbo-roomdaynote-full span.vbo-roomdaynote-trigger, td.vbo-roomdaynote-empty span.vbo-roomdaynote-trigger { top: auto; left: auto; position: absolute; right: 3px; bottom: -1px; transform: none; cursor: pointer; visibility: hidden; z-index: 10; } .vboverviewtablerow td.vbo-partially .vbo-roomdaynote-trigger { top: auto; left: auto; right: 3px; bottom: 0; transform: none; } /* Reassignment sub-unit */ .vbo-room-reassignment-solution-wrap h4 { margin: 0 0 2px; font-size: 16px; } .vbo-room-reassignment-solution-wrap .vbo-room-reassignment-moves-help { margin-bottom: 10px; font-size: 12px; color: var(--vbo-config-titles-color-light); } .vbo-room-reassignment-move { display: flex; gap: 10px; align-items: center; } .vbo-room-reassignment-moves-list { margin-top: 10px; } .vbo-room-reassignment-move-record { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 10px; border-radius: 10px; } .vbo-room-reassignment-head .vbo-room-reassignment-move-record { background: var(--vbo-light-blue); border: 1px solid var(--vbo-info-bg); } .vbo-room-reassignment-head .vbo-booking-guest-id { background: var(--vbo-info-txt); color: var(--vbo-config-bg-color); } .vbo-room-reassignment-moves .vbo-room-reassignment-move-record { border: 1px solid var(--vbo-config-border-color); margin-bottom: 10px; } .vbo-room-reassignment-move-record .vbo-room-reassignment-booking-guest { display: flex; align-items: center; gap: 10px; } .vbo-room-reassignment-move-record .vbo-booking-guest-name { font-size: 14px; font-weight: 600; } .vbo-room-reassignment-move-record .vbo-tableaux-booking-avatar-img { width: 26px; height: 26px; border-radius: 50%; object-fit: cover; } .vbo-room-reassignment-move-record .vbo-room-reassignment-booking-info { display: flex; gap: 14px; color: var(--vbo-config-titles-color-light); font-size: 12px; } .vbo-room-reassignment-move-record .vbo-room-reassignment-move-details { display: flex; gap: 10px; align-items: center; } .vbo-room-reassignment-head .vbo-room-reassignment-move-icn { color: var(--vbo-info-txt); } .vbo-room-reassignment-moves .vbo-room-reassignment-move-icn { color: var(--vbo-base-color); } .vbo-room-reassignment-head .vbo-room-reassignment-move-to { background: var(--vbo-info-txt); color: var(--vbo-config-bg-color); } .vbo-room-reassignment-moves .vbo-room-reassignment-move-to { background: var(--vbo-light-blue); border: 1px solid var(--vbo-info-bg); color: var(--vbo-base-color); } .vbo-room-reassignment-move-record .vbo-room-reassignment-move-details .label { padding: 5px 8px !important; font-size: 12px; } .vbo-room-reassignment-move-record .vbo-room-reassignment-move-details .label i { margin-right: 2px; } .vbo-room-reassignment-move-record .vbo-room-reassignment-move-details .label-warning { background: var(--vbo-body-bg-color); border: 1px solid var(--vbo-warning-txt); } .vbo-room-reassignment-move-record .vbo-room-reassignment-move-exclude { text-align: right; position: relative; min-width: 100px; } .vbo-room-reassignment-move-record .vbo-room-reassignment-exclude-lbl { display: block; font-size: 10px; color: var(--vbo-config-text-color-light); font-weight: 500; position: absolute; top: -17px; right: 2px; } .vbo-room-reassignment-moves h5 { font-size: 16px; margin-bottom: 2px; } .vbo-room-reassignment-moves .vbo-room-reassignment-moves-help { font-style: italic; } .vbo-roomdaynote-full:hover .vbo-roomdaynote-trigger, .vbo-roomdaynote-empty:hover .vbo-roomdaynote-trigger { animation: 1s vbonotefadeIn; animation-fill-mode: forwards; } @keyframes vbonotefadeIn { 99% { visibility: hidden; } 100% { visibility: visible; } } .vbo-roomdaynote-full:before { content: ""; width: 100%; height: 3px; background: repeating-linear-gradient(45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px); position: absolute; bottom: 0; left: 0; } .vbo-tableaux-table .vbo-roomdaynote-full:before { height: 19px; } .vbo-tableaux-table .vbo-roomdaynote-full:after { content: attr(data-notes); color: #fff; font-size: 12px; position: absolute; bottom: 1px; left: 4px; width: max-content; z-index: 1; max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .vbo-roomdaynote-empty .vbo-roomdaynote-trigger i { color: var(--vbo-base-color); font-size: 12px; } .vbo-roomdaynote-empty .vbo-roomdaynote-trigger i:hover { color: var(--vbo-base-color-hover); opacity: .8; } .subroom-busy.vbo-roomdaynote-empty .vbo-roomdaynote-trigger i, .busy.vbo-roomdaynote-empty .vbo-roomdaynote-trigger i { color: var(--vbo-config-bg-color); } .vbo-roomdaynote-full .vbo-roomdaynote-trigger { color: var(--vbo-base-color-hover); } .vbo-roomdaynote-full .vbo-roomdaynote-trigger:hover { opacity: .8; } .subroom-busy.vbo-roomdaynote-full .vbo-roomdaynote-trigger, .busy.vbo-roomdaynote-full .vbo-roomdaynote-trigger { color: var(--vbo-config-bg-color); } .vbo-tableaux-table .vbo-roomdaynote-full .vbo-roomdaynote-trigger { color: #fff; z-index: 10; } .vbo-tableaux-table .vbo-roomdaynote-full .vbo-roomdaynote-trigger:hover { color: #b8d5f5; } .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkin, .vbo-grid-avcell .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkin { width: calc(70% - 15px); } .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout { width: calc(34% - 20px); } .vbo-overv-avcell .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout, .vbo-grid-avcell .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout { width: calc(34% - 10px); } .vbo-grid-avcell .vbo-tableaux-booking-checkin[data-nights="1"] .vbo-tableaux-guest-name { width: 40px; text-overflow: ellipsis; overflow: hidden; text-align: left; } .vbo-grid-avcell .vbo-tableaux-booking-checkin[data-nights="2"] .vbo-tableaux-guest-name { width: 110px; text-overflow: ellipsis; overflow: hidden; text-align: left; } .vbo-grid-avcell .vbo-tableaux-booking-checkin[data-nights="3"] .vbo-tableaux-guest-name { width: 190px; text-overflow: ellipsis; overflow: hidden; text-align: left; } .vbo-grid-avcell .vbo-tableaux-booking-checkin.vbo-droppable-cell .vbo-tableaux-guest-name { width: auto !important; } /* With the class "vbo-tableaux-booking-checkout-last" we change the size of the last checkout element. */ .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-checkout.vbo-tableaux-booking-checkout-last { width: 50%; } .vbo-tableaux-booking-singleunit.vbo-tableaux-booking.vbo-tableaux-booking-empty { display: none; } .vbo-modal-roomdaynotes-addnew-elem .vbo-newrdnote-dayto { display: inline-block; margin-left: 5px; } .vbo-modal-roomdaynotes-addnew-elem .vbo-newrdnote-dayto .vbo-newrdnote-dayto-val { font-weight: bold; } .vbo-modal-roomdaynotes-addnew { border: 1px solid var(--vbo-config-border-color); padding: 10px 20px 20px; border-radius: 4px; background: var(--vbo-config-child-bg-color); } .vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem { margin: 10px 0; } .vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem label { display: block; margin-bottom: 5px; } .vbo-modal-roomdaynotes-addnew .vbo-modal-roomdaynotes-addnew-elem textarea { width: 100% !important; box-sizing: border-box; min-height: 80px; } tr.vboverviewtablerow-subunit { display: none; } .vbo-rates-queue-data { padding: 8px 0; display: grid; grid-template-columns: 3fr 200px 1fr 80px; align-items: center; gap: 10px 20px; } .vbo-rates-queue-data:first-child { padding-top: 0; } .vbo-rates-queue-data:not(:last-child) { border-bottom: 1px solid var(--vbo-config-border-color); } .vbo-rates-queue-data-listing { font-weight: bold; } .vbo-rates-queue-data-rate { text-align: right; } .vbo-rates-queue-data-minlos { text-align: right; } .vbo-rates-queue-data-minlos i { margin-right: 2px; color: var(--vbo-config-titles-color-light); font-size: 11px; } .vbo-info-overlay-content-fests { padding: 0; } .vbo-info-overlay-content-fests > h3 { padding-top: 15px; padding-bottom: 15px; } .vbo-overlay-fests-addnew .vbo-overlay-fests-addnew-elem { margin: 5px 0 8px; } .vbo-overlay-fests-addnew .vbo-overlay-fests-addnew-elem label { display: block; margin-bottom: 3px; } .vbo-overlay-fests-list { padding: 10px 30px; } .vbo-overlay-fest-details { display: flex; margin: 4px 0 15px; padding: 10px; border: 1px solid var(--vbo-config-border-color); border-radius: 4px; } .vbo-roverw-roomdaynotes-title { font-size: 15px; margin-bottom: 7px; } .vbo-roverv-roomdaynotes-note-details { border: 1px solid #bce3ec; } .vbo-overlay-fest-details .vbo-fest-info { margin-right: 15px; align-self: center; } .vbo-overlay-fest-details .vbo-fest-cmds { margin-left: auto; } .vbo-info-overlay-content-fests .vbo-fest-cmds .btn i { margin-right: 0; } .vbo-overlay-fest-details .vbo-fest-info .vbo-fest-name { font-size: 1.1em; font-weight: bold; } .vbo-overlay-fests-addnew { margin: 0 30px 30px; border: 1px solid var(--vbo-config-border-color); padding: 15px; background: var(--vbo-config-child-bg-color); } .vbo-overlay-fests-addnew > h4 { margin-top: 0; font-size: 16px; } .vbo-overlay-fests-addnew-elem input[type="text"], .vbo-info-overlay-content input[type="text"], .vbo-info-overlay-content input[type="number"] { width: 70% !important; } .vbo-info-overlay-content input#invoice_num[type="number"] { width: 115px !important; } .vbo-overlay-fests-addnew-elem input[type="text"], .vbo-overlay-fests-addnew-elem textarea, .vbo-info-overlay-content input[type="text"], .vbo-info-overlay-content input[type="number"] { border: 1px solid var(--vbo-config-border-color); border-radius: var(--vbo-field-radius); padding: 5px 10px; } .vbo-overlay-fests-addnew-elem textarea { width: 100%; min-height: 80px; box-sizing: border-box; } .vbo-ovrv-flt-butn { position: fixed; bottom: 40px; right: 10px; padding: 8px; border-radius: 4px; background: none repeat scroll 0 0 #02679a; color: #fff; cursor: pointer; } .vbo-ovrv-flt-butn-shake { animation: Vikshake 0.5s ease-in-out; -webkit-animation: Vikshake 0.5s ease-in-out; -moz-animation: Vikshake 0.5s ease-in-out; } span.vbo-overview-subroom-toggle { cursor: pointer; margin-left: auto; margin-right: 1px; margin-top: 5px; } span.vbo-overview-subroom-toggle i { color: var(--vbo-config-title-color); } span.vbo-overview-subroom-toggle-active i { color: var(--vbo-base-color); } .vbo-info-overlay-loading-dnd { color: var(--vbo-config-bg-color); display: block; font-size: 30px; left: 20%; position: fixed; text-align: center; top: 20%; width: 60%; padding: 30px; z-index: 101; background: var(--vbo-config-title-color); border-radius: 20px; box-shadow: 0 5px 10px rgba(0, 0, 0, .3); } .vbo-loading-dnd-head { display: block; font-weight: bold; } .vbo-loading-dnd-body { display: block; font-size: smaller; margin-top: 30px; } .vbo-loading-dnd-response { background: var(--vbo-body-text-color); border-radius: 8px; display: block; font-size: 15px; margin: 15px auto 0; padding: 25px; } .vbo-loading-dnd-footer { display: block; font-size: smaller; margin-top: 30px; } #vbo-dnd-response form { margin-top: 10px; } #vbo-dnd-canvas-success { height: 100px; } /* Draggable Elements - End */ /* Overview Tooltip - Start */ .vbo-overview-tipblock { color: var(--vbo-body-text-color); max-height: 400px; min-height: 140px; overflow: auto; position: absolute; width: 400px; z-index: 1001; } .vbo-overview-tipblock-expanded { width: 800px; min-height: 240px; right: 0; } .vbo-overview-tipexpander { position: absolute; top: 1px; left: 1px; z-index: 2; } .vbo-overview-expandtoggle { display: inline-block; width: 26px; height: 26px; line-height: 24px; color: #fff; background: #666; text-align: center; border-radius: 2px; font-size: 14px; cursor: pointer; } .vbo-overview-expandtoggle:hover { background: #999; } .vbo-overview-tipinner { display: block; padding: 10px 0 0 5px; } .vbo-overview-tiploading { display: block; font-weight: bold; background-color: rgba(255,255,255, .9); padding: 10px 15px; border-radius: 3px; box-shadow: 0 0 10px rgba(0,0,0,.1); } .vbo-overview-tip-bookingcont { margin: 4px 0; position: relative; display: flex; font-size: 12px; box-shadow: 0 -1px 8px rgba(0,0,0,.1); border-radius: 8px; border: 1px solid var(--vbo-config-border-color); } .vbo-overview-tip-bookingcont:first-child { margin-top: 0; } .vbo-overview-tip-bookingcont:last-child { margin-bottom: 0; } .vbo-overview-tip-bookingcont-left { flex-basis: 35%; display: inline-block; vertical-align: top; text-align: left; background: var(--vbo-body-bg-color); box-shadow: 0 -1px 8px rgba(0,0,0,.1); padding: 15px 20px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; z-index: 1; } .vbo-overview-tip-bookingcont-right { flex: 1; display: inline-block; vertical-align: top; text-align: left; background-color: var(--vbo-body-bg-color); padding: 10px 20px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .vbo-overview-tip-bookingcont-right > div, .vbo-overview-tip-bookingcont-left > div { margin: 7px 0; line-height: 1.3em; white-space: break-spaces; } .vbo-overview-tip-bookingcont-right > div:first-child, .vbo-overview-tip-bookingcont-left > div:first-child { margin-top: 0; } .vbo-overview-tip-bookingcont-right > div:last-child, .vbo-overview-tip-bookingcont-left > div:last-child { margin-bottom: 0; } .vbo-overview-tip-bookingcont-right > .vbo-overview-tip-optindexes .vbo-overview-tip-lbl { display: none; } .vbo-overview-tip-bctag-wrap { display: flex; gap: 6px; align-items: center; border: 1px solid var(--vbo-config-border-color); border-radius: 20px; width: max-content; } .vbo-overview-tip-bctag-wrap .vbo-overview-tip-bctag { border-radius: 50%; } .vbo-overview-tip-bookingcont span { margin-top: 0 !important; position: relative !important; left: auto !important; top: auto !important; transform: initial !important; text-align: left !important; overflow: initial !important; } .vbo-overview-tip-bookingcont span.vbo-overview-tip-bctag-name { font-weight: bold; padding-right: 10px; } .vbo-overview-tip-cnt .vbo-channelimg-small { max-width: 70px; } .vbo-overview-tip-bookingcont .vbo-country-flag-left { float: inherit; padding-left: 5px; vertical-align: bottom; } .vbo-overview-tip-bookingcont .vbo-overview-tip-lbl { font-weight: 500; display: block; color: var(--vbo-config-titles-color-light); font-size: 11px; } .vbo-overview-tip-lbl .vbo-overview-tip-lbl-innerleft { float: right; } .vbo-overview-tip-btot .vbo-overview-tip-lbl { display: inline-block; margin-right: 3px; } .vbo-overview-tip-bookingcont .vbo-overview-tip-cnt { font-weight: bold; display: inline-block; } .vbo-overview-tip-bookingcont-total { font-size: 13px; padding-top: 2px; border-top: 1px solid var(--vbo-config-border-color); } .vbo-overview-tip-bookingcont-total .vbo-overview-tip-btot { margin-bottom: 5px; border-radius: 4px; } .vbo-overview-tip-btot .vbo-overview-tip-lbl { display: block; margin-right: 3px; } .vbo-overview-tip-bookingcont-total .vbo-overview-tip-cnt { font-size: 16px; } .vbo-overview-tip-bookingcont-total .vbo-overview-tip-btotpaid .vbo-overview-tip-cnt { font-size: 14px; } .vbo-overview-tip-optindexes select { max-width: 180px !important; } .vbo-overview-tip-bstatus .label { background: transparent !important; padding: 0; font-size: inherit; line-height: auto; text-transform: uppercase; } .vbo-overview-tip-bstatus .label-success, body.admin .vbo-overview-tip-bstatus .label-success { background: transparent !important; color: var(--vbo-green-color) !important; } .vbo-overview-tip-bstatus .label-warning, body.admin .vbo-overview-tip-bstatus .label-warning { color: var(--vbo-warning-color) !important; background: transparent !important; } .vbo-overview-tip-bstatus .label-error, body.admin .vbo-overview-tip-bstatus .label-error, .vbo-overview-tip-bstatus .label-danger, body.admin .vbo-overview-tip-bstatus .label-danger { color: var(--vbo-red-color) !important; background: transparent !important; } .vbo-overview-tip-lbl .tooltip { min-width: 140px !important; } .vbo-overview-tip-bctag-wrap { z-index: 10; margin: 15px 0 0; position: relative; } .vbo-overview-tip-bctag { background-color: var(--vbo-config-bg-color); border-radius: 4px; cursor: pointer; height: 22px; width: 22px; text-align: center; vertical-align: top; font-size: 10px !important; line-height: 25px !important; } .vbo-overview-tip-bctag i, .vbo-colortag-square i { margin: 0; } .vbo-overview-tip-bctag i[class^="vboicn-"] { margin-right: 0; } .vbo-overview-tip-bctag-subtip { background-color: var(--vbo-config-bg-color); left: 37px; position: absolute; top: -9px; width: 250px; z-index: 1000001; padding: 7px; box-shadow: 0 4px 4px rgba(0,0,0, .3); border-radius: 2px; } .vbo-overview-tip-bctag-subtip:before { content: ""; position: absolute; top:50%; left: -8px; transform: translate(0, -50%); width: 0; height: 0; border-style: solid; border-width: 5px 8px 5px 0; border-color: transparent #fff transparent transparent; } .vbo-overview-tip-bctag-subtip-circle { border-radius: 50%; display: inline-block; height: 16px; margin: 2px; width: 16px; cursor: pointer; padding: 1px; border: 1px solid var(--vbo-config-bg-color); } .vbo-overview-tip-bctag-subtip-circle > div { width: 100%; height: 100%; border-radius: 50%; } table.vboverviewtable .vbo-roomrates-row td.vbo-roomrates-cell-first { padding: 0 10px; } table.vboverviewtable .vbo-roomrates-row td.vbo-roomrates-cell-first i { margin-right: 10px; color: var(--vbo-blue-color-hover); } table.vboverviewtable .vbo-roomrates-row td:not(:first-child):not(.vbo-cell-selected) { border-left: 1px solid var(--vbo-config-bg-color); border-bottom: 1px solid var(--vbo-config-bg-color); } table.vboverviewtable .vbo-roomrates-row td, table.vboverviewtable .vbo-tm-row td { border-top: 1px dashed var(--vbo-config-border-color); } table.vboverviewtable td.notbusy.vbo-grid-avcell-rates:after, table.vboverviewtable .vbo-roomrates-cell-day:after { content:""; position: absolute; top: 0; left: 0; border: 1px solid transparent; } table.vboverviewtable td.notbusy.vbo-grid-avcell-rates:after { width: calc(100% - 2px); height: calc(100% - 2px); } table.vboverviewtable .vbo-roomrates-cell-day:after { width: calc(100% - 1px); height: calc(100% - 1px); } table.vboverviewtable td.notbusy.vbo-grid-avcell-rates:hover:not([data-ispast="1"]):after, table.vboverviewtable .vbo-roomrates-cell-day:hover:not([data-ispast="1"]):after { border: 1px solid var(--vbo-config-title-color); } table.vboverviewtable td.vbo-cell-selected { border-top: 2px solid var(--vbo-config-title-color); border-bottom: 2px solid var(--vbo-config-title-color) !important; } table.vboverviewtable td.vbo-cell-selected-first { border-left: 2px solid var(--vbo-config-title-color); } table.vboverviewtable td.vbo-cell-selected-last { border-right: 2px solid var(--vbo-config-title-color); } table.vboverviewtable td.vbo-cell-selected-middle-row-down { border-top: 0 !important; } table.vboverviewtable td.vbo-cell-selected-middle-row-up { border-bottom: 0 !important; } .vbo-overview-action-raterestr-info { text-align: center; } .vbo-overview-action-raterestr-info .vbo-overview-action-raterestr-listings-info { display: block; text-align: center; font-weight: bold; font-size: 18px; margin-bottom: 7px; } .vbo-overview-action-raterestr-info .vbo-overview-action-raterestr-listings-info i { font-size: 14px; margin-right: 5px; color: var(--vbo-config-titles-color-light); } .vbo-overview-action-raterestr-info .vbo-overview-action-raterestr-dates { font-weight: bold; font-size: 13px; } .vbo-blist-tip-bctag-subtip { position: relative; } .vbo-blist-tip-bctag-subtip-inner { background-color: var(--vbo-config-bg-color); left: 50%; position: absolute; top: 0; width: 250px; z-index: 99; padding: 7px; box-shadow: 0 2px 3px rgba(0,0,0,0.5); border-radius: 4px; transform: translate(-50%, 0%); } .vbo-blist-tip-bctag-subtip-circle { border-radius: 50%; display: inline-block; height: 16px; margin: 2px; width: 16px; cursor: pointer; padding: 1px; border: 1px solid #fff; } .vbo-blist-tip-bctag-subtip-circle > div { width: 100%; height: 100%; border-radius: 50%; } .vbo-overview-tagslegend { display: inline-block; margin-top: 5px; } .vbo-overview-legend-tag { float: left; margin-right: 4px; } .vbo-overview-tagslegend-lbl { display: inline-block; font-size: 12px; float: left; font-weight: bold; margin-right: 5px; } /* Overview Tooltip - End */ /* Booking Checkin - Start */ .vbo-bookdet-container { padding: 15px 20px 5px; background: var(--vbo-config-bg-color); border: 1px solid var(--vbo-basic-btn); box-shadow: 0 0 10px rgba(0,0,0,.1); margin-bottom: 20px; border-radius: 4px; text-align: left; box-sizing: border-box; } .vbo-bookdet-wrap { display: inline-block; margin: 0 10px 10px 10px; min-width: 50px; vertical-align: top; border-right: 1px solid var(--vbo-config-border-color); padding-right: 20px; } .vbo-bookdet-wrap:last-child { border: 0; } .vbo-bookdet-head { color: var(--vbo-config-titles-color-light); margin: 0; overflow-wrap: break-word; padding: 3px 0; text-align: left; position: relative; font-weight: bold; text-transform: uppercase; font-size: 11px; } .vbo-bookdet-container .vbo-bookdet-wrap .wp-quest-popover { margin-left: 5px; } .vbo-bookdet-container .vbo-bookdet-wrap .vboicn-info { margin-right: 5px !important; } .vbo-bookdet-foot { font-size: 16px; font-weight: bold; overflow-wrap: break-word; text-align: left; padding: 3px 0; } .vbo-customer-info-box { display: inline-block; } .vbo-customer-info-box .vbo-customer-info-box-avatar { margin-right: 3px; vertical-align: middle; display: inline-block; } .vbo-customer-info-box .vbo-customer-info-box-avatar img { border-radius: 50%; display: inline-block; cursor: pointer; object-fit: cover; } .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-small img { width: 30px; height: 30px; object-fit: cover; } .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-medium img { width: 48px; height: 48px; object-fit: cover; } .vbo-customer-info-box .vbo-customer-info-box-avatar.vbo-customer-avatar-large img { width: 64px; height: 64px; object-fit: cover; } .vbo-customer-info-box .vbo-customer-info-box-name { display: inline-block; vertical-align: middle; } .vbo-customer-info-box .vbo-customer-info-box-name a { color: var(--vbo-base-color); } .vbo-bookdet-foot .btn-primary { border: var(--vbo-base-color); padding: 3px 12px; font-weight: bold; } .vbo-bookdet-foot .label { padding: 5px 14px !important; font-size: 12px; border-radius: 24px; letter-spacing: .3px; } .vbo-label-overbooking { cursor: pointer; } .vbo-label-overbooking:hover { background-color: var(--vbo-red-color-hover) !important; } .vbo-label-nested.vbo-label-overbooking { padding: 3px 5px !important; font-weight: 500; line-height: 12px; font-size: 11px; } .vbo-bookdet-wrap .vbo-bookdet-foot .btn-small { padding: 4px 12px; font-size: 13px; } .vbo-bookdet-foot .vbo-dorefund-btn { position: relative; } .vbo-bookdet-foot .vbo-dorefund-btn[data-totrefunds]:after { content: attr(data-totrefunds); position: absolute; background-color: var(--vbo-config-bg-color); color: var(--vbo-config-title-color); font-weight: bold; font-size: 13px; border-radius: 4px; text-align: center; padding: 1px 4px; top: -8px; border: 2px solid var(--vbo-red-color); right: -12px; box-shadow: 0 2px 4px rgba(0,0,0,.15); } .vbo-bookingdet-topcontainer .vbo-bookdet-container { padding: 15px 20px 5px; background: var(--vbo-config-bg-color); border: 1px solid var(--vbo-main-bg-color); box-shadow: 0 0 10px rgba(0,0,0,.1); margin-bottom: 5px; border-radius: 4px; text-align: left; box-sizing: border-box; } .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-conv-currency { padding: 10px 20px 10px; } .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-info { display: inline-block; } .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-info span:not(:first-child) { font-weight: bold; } .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply { display: inline-block; } .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply .btn { padding: 8px 11px; margin-left: 15px; } .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert { padding: 10px 20px 10px; display: flex; flex-wrap: wrap; } .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-dismiss { display: inline-block; align-self: center; } .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message { display: inline-block; vertical-align: top; margin-left: 15px; flex: 1; } .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message > div { margin-bottom: 5px } .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message > div:last-child { margin-bottom: 0; } .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message .vbo-bookdet-inquiry-alert-top { font-weight: bold; font-size: 1.1em; } .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message .vbo-bookdet-inquiry-alert-avtype .vbo-bookdet-inquiry-alert-mess-avtype { display: block; } .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message .vbo-bookdet-inquiry-alert-bottom { font-style: italic; } .vbo-bookingdet-topcontainer .vbo-bookingdet-innertop { width: 100%; display: inline-block; border-bottom: 1px solid var(--vbo-config-border-color); padding: 20px 0 0; margin-bottom: -5px; } .vbo-bookingdet-topcontainer .vbo-bookingdet-tabs { float: left; text-align: center; color: var(--vbo-config-titles-color-light); } .vbo-bookingdet-innercontainer { display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .vbo-bookingdet-innercontainer > div { padding: 18px; } .vbo-bookingdet-detcont, .vbo-bookingdet-admin-entry { background: var(--vbo-config-bg-color); padding: 15px; border-radius: 8px; margin: 10px 0; position: relative; } .vbo-bookingdet-detcont:first-child, .vbo-bookingdet-admin-entry:first-child { margin-top: 0; } .vbo-bookingdet-admin-entry > span { margin-bottom: 4px; display: inline-block; font-weight: bold; color: var(--vbo-config-titles-color-light); } .vbo-bookingdet-detcont label, .vbo-bookingdet-admin-entry label { font-weight: bold; text-transform: uppercase; margin-bottom: 5px; } .vbo-bookingdet-detcont > div { margin: 8px 0; } .vbo-bookingdet-detcont .vbo-bookingdet-inpcont input#phone_alias:focus { border: 1px solid var(--vbo-config-border-color); box-shadow: none; } .vbo-bookingdet-task-details { border: 1px solid var(--vbo-basic-btn); border-radius: 10px; padding: 10px; margin-bottom: 6px; cursor: pointer; position: relative; } .vbo-bookingdet-task-details:hover { border-color: var(--vbo-config-title-color); } .vbo-bookingdet-task-detail[data-type="info"] { margin-bottom: 5px; padding-right: 20px; } .vbo-bookingdet-task-detail[data-type="unread-messages"] { position: absolute; right: 10px; top: 10px; } .vbo-bookingdet-task-detail .vbo-bookingdet-task-title { font-weight: bold; display: block; } .vbo-bookingdet-task-detail .vbo-bookingdet-task-sub-title { font-size: .9em; opacity: .8; } .vbo-bookingdet-detcont > .vbo-bookingdet-checkdt:last-child { margin-top: 20px; } .vbo-bookingdet-detcont-label-idorderota .vbo-bookingdet-ota-logo { line-height: 8px; } .vbo-bookingdet-detcont-label-idorderota .vbo-bookingdet-ota-logo img { width: 20px; } .vbo-bookingdet-detcont-label-idorderota .vbo-bookingdet-ota-details { display: flex; gap: 8px; align-items: center; } .vbo-bookingdet-detcont .vbo-bookingdet-detcont-ai-info { border: 1px solid var(--vbo-config-border-color); padding: 5px; border-radius: 4px; } .vbo-bookingdet-detcont .vbo-bookingdet-detcont-ai-info .vbo-bookingdet-detcont-ai-info-status { margin-top: 0; margin-bottom: 8px; } .vbo-bookingdet-detcont .vbo-bookingdet-detcont-ai-info .vbo-bookingdet-detcont-ai-info-status i { border-radius: 50%; line-height: 12px; font-size: 13px; padding: 5px; } .vbo-bookingdet-detcont .vbo-bookingdet-detcont-ai-info .vbo-bookingdet-detcont-ai-info-status .vbo-bookingdet-detcont-ai-info-status-off i { background: var(--vbo-red-color); color: var(--vbo-contrast-text-color); } .vbo-bookingdet-detcont .vbo-bookingdet-detcont-ai-info .vbo-bookingdet-detcont-ai-info-status .vbo-bookingdet-detcont-ai-info-status-on i { background: var(--vbo-green-color); color: var(--vbo-contrast-text-color); } .vbo-bookingdet-detcont .vbo-bookingdet-detcont-ai-info .vbo-bookingdet-detcont-ai-info-status > span { display: flex; align-items: center; gap: 5px; } .vbo-bookingdet-detcont .vbo-bookingdet-detcont-ai-info .vbo-bookingdet-detcont-ai-info-status span > span { font-size: .9em; font-weight: 500; } .vbo-bookingdet-detcont > div .field-calendar input[type="text"], .vbo-bookingdet-detcont > div .vbo-field-calendar input[type="text"] { width: 100px !important; } .vbo-bookingdet-detcont .vbo-bookingdet-inpcont { display: flex; align-items: center; gap: 4px; } .vbo-bookingdet-detcont .vbo-bookingdet-inpcont .vbo-bookingdet-save-email .btn { display: flex; align-items: center; } .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label > .label { display: flex; width: 100%; box-sizing: border-box; padding: 5px 6px !important; font-size: 12px; } .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label > .label > span:first-child { align-self: center; margin-right: 8px; } .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label .badge { margin-left: auto; padding: 4px 10px; cursor: pointer; } .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-info { background-color: transparent !important; border: 1px solid var(--vbo-blue-color); color: var(--vbo-blue-color); } .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-info .badge { background: var(--vbo-blue-color); } .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.vbo-bookingdet-detcont-label-idorderota { border-radius: 5px; } .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.airbnbapi .label-info { color: var(--vbo-config-title-color); } .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.airbnbapi .label-info .badge { background: #ff375c; } .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.expedia { background: #0d214b; } .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.expedia .label-info { color: #fff; border-color: #0d214b; } .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.expedia .label-info .badge { color: #0d214b; background: #fcdb32; } .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.bookingcom { background: #0c3b7c; } .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.bookingcom .label-info { color: #fff; border-color: #0c3b7c; } .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label.bookingcom .label-info .badge { background: #05bafc; } .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-success { background-color: transparent !important; border: 1px solid var(--vbo-green-color); color: var(--vbo-green-color); } .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-success .badge { background: var(--vbo-green-color) !important; } .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label-invoice .label-success .badge:hover { background: var(--vbo-green-color-hover); } .vbo-bookingdet-detcont-label-review { margin-top: 20px; display: inline-block; } .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning { border: 1px solid var(--vbo-orange-color); background: var(--vbo-config-bg-color) !important; color: var(--vbo-orange-color); } .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning a { color: var(--vbo-orange-color) !important; display: block; } .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning:hover { background: transparent; } .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning:hover a { color: var(--vbo-orange-color-hover) !important; } .vbo-bookingdet-detcont .vbo-bookingdet-detcont-label .label-warning:active { background: var(--vbo-config-child-bg-color); } .vbo-bookingdet-inpwrap > .vbo-bookingdet-inpcont input { width: 100% !important; box-sizing: border-box; height: auto; } .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail { margin: 0 0 10px; vertical-align: top; display: inline-block; width: 43%; padding: 0 5px; } .vbo-bookingdet-detcont .vbo-bookingdet-userdetail-lbl { display: block; font-weight: bold; font-size: 1em; color: var(--vbo-config-title-color); } .vbo-bookingdet-detcont .vbo-bookingdet-userdetail-val { word-wrap: break-word; } .vbo-bookingdet-detcont.vbo-bookingdet-closure { border: 2px solid var(--vbo-red-color); } .vbo-bookingdet-customer, .vbo-bookingdet-admindata { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; } .vbo-bookingdet-summary, .vbo-editbooking-summary { -webkit-flex: 1; -ms-flex: 1; flex: 1; } .vbo-bookingdet-summary-custcosts-title, .vbo-bookingdet-summary-options-title { font-weight: bold; } .vbo-bookingdet-summary-total .vbo-bookingdet-summary-lbl, .vbo-bookingdet-summary-total .vbo-bookingdet-summary-cost { font-size: 1.2em; } .vbo-bookingdet-summary-total .vbo-bookingdet-exp-payout { font-weight: normal; opacity: .8; } .vbo-bookingdet-innercontainer > .vbo-bookingdet-noteslogs { -webkit-flex: 1; -ms-flex: 1; flex: 1; background: var(--vbo-config-bg-color); border-radius: 8px; margin: 18px 15px 20px; padding: 0; } .vbo-bookingdet-noteslogs-btns { border-top-left-radius: 8px; border-top-right-radius: 8px; background: var(--vbo-config-child-bg-color); padding: 0; border-bottom: 1px solid var(--vbo-config-border-color); } .vbo-bookingdet-noteslogs-btns .vbo-bookingdet-noteslogs-btn { display: inline-block; } .vbo-bookingdet-noteslogs-btns .vbo-bookingdet-noteslogs-btn i { margin-right: 5px; } .vbo-bookingdet-noteslogs-btn a { font-weight: bold; text-transform: uppercase; padding: 16px 20px; display: inline-block; color: var(--vbo-config-titles-color-light); } .vbo-bookingdet-noteslogs-btn-active a { border-bottom: 2px solid var(--vbo-base-color); color: var(--vbo-base-color); background: var(--vbo-config-bg-color); } .vbo-bookingdet-noteslogs-btn a[name="paymentlog"] { border: 0; background: transparent; padding: 0; } .vbo-bookingdet-noteslogs-cont { padding: 10px; } .vbo-bookingdet-noteslogs-cont #vbadminnotesdiv, .vbo-bookingdet-noteslogs-cont #vbinvnotesdiv, .vbo-editbooking-custarea { max-width: 100%; width: 100%; box-sizing: border-box; } .vbo-bookingdet-noteslogs-cont textarea.vbadminnotestarea, .vbo-editbooking-custarea textarea, .vbo-receipt-notes-tarea textarea { width: 100% !important; box-sizing: border-box; padding: 15px; background: var(--vbo-config-child-bg-color); } .vbo-bookingdet-noteslogs-cont .chat-border-layout { gap: 6px; } .vbo-bookingdet-noteslogs-cont .vbo-extra-panel .chat-threads-panel { border: 1px solid var(--vbo-basic-btn); border-radius: 6px; } .vbo-bookingdet-noteslogs-cont .chat-threads-list li { padding: 10px 12px; } .vbo-bookingdet-noteslogs-cont .chat-threads-list li.active { background-color: #edf4ff; border-color: #c3d7ea; } .vbo-bookingdet-noteslogs-cont .chat-threads-list .thread-record .thread-details .thread-heading .thread-recipient { font-size: 14px; font-weight: bold; } .vbo-bookingdet-noteslogs-cont .chat-threads-list .thread-record .thread-details .thread-heading .thread-datetime { color: var(--vbo-config-text-color-light); } .vbo-bookingdet-noteslogs-cont .chat-threads-list .thread-record .thread-details .thread-message { font-size: 13px; } .vbo-bookingdet-noteslogs-cont .chat-threads-list .thread-record .thread-details .thread-message .thread-content { opacity: .9; } .vbo-bookingdet-noteslogs-cont .chat-border-layout .chat-messages-panel { border: 1px solid var(--vbo-basic-btn); border-radius: 6px; padding: 10px; background-color: var(--vcm-chat-background); } .vbo-booking-history-firstrow, .vbo-booking-takings-firstrow { font-size: .9em; text-transform: uppercase; font-weight: bold; color: var(--vbo-config-titles-color-light); border: 0; } .vbo-booking-history-container tbody { border: 0 !important; } .vbo-booking-history-container .vbo-booking-history-row td:first-child { font-weight: bold; } .vbo-booking-history-container > .table > tbody > tr > td { white-space: normal !important; } .vbo-booking-takings-container table.table tfoot td { background-color: var(--vbo-light-color-btn); font-weight: bold; } .vbo-booking-takings-container .vbo-booking-taking-cmds { float: right; display: flex; gap: 3px; } .vbo-booking-takings-container .vbo-booking-taking-cmds .btn { border-radius: 50%; padding: 0; text-align: center; width: 22px; height: 22px; font-size: 10px; line-height: 18px; opacity: .5; } .vbo-booking-takings-container .vbo-booking-taking-cmds .btn i { margin: 0 !important; padding: 0; } #vboextrapanel-takings .vbo-booking-takings-container .vbo-booking-taking-cmds .btn.vbo-booking-taking-edit { background-color: var(--vbo-info-bg); border: 1px solid var(--vbo-info-border); color: var(--vbo-info-txt); } #vboextrapanel-takings .vbo-booking-takings-container .vbo-booking-taking-cmds .btn.vbo-booking-taking-edit:hover { background-color: var(--vbo-blue-color-hover); color: var(--vbo-contrast-text-color); } #vboextrapanel-takings .vbo-booking-takings-container .vbo-booking-taking-cmds .btn.vbo-booking-taking-delete { background-color: var(--vbo-error-bg); border: 1px solid var(--vbo-error-border); color: var(--vbo-error-txt); } #vboextrapanel-takings .vbo-booking-takings-container .vbo-booking-taking-cmds .btn.vbo-booking-taking-delete:hover { background-color: var(--vbo-red-color-hover); color: var(--vbo-contrast-text-color); } .vbo-booking-takings-row:hover .vbo-booking-taking-cmds .btn { opacity: 1; } .vbo-editbooking-custarea textarea { height: 250px; max-height: 400px; } .vbo-bookingdet-summary .table-responsive { background: var(--vbo-config-bg-color); border-radius: 8px; box-shadow: 0 0px 20px rgba(0,0,0,.1); } .vbo-bookingdet-summary .table { margin-bottom: 0; } .vbo-bookingdet-summary .table-responsive tr:first-child td { border-top: 0; } .vbo-bookingdet-summary .table td { padding: 10px 15px; } .vbo-editbooking-summary-room { background: var(--vbo-config-bg-color); border-radius: 8px; box-shadow: 0 0px 20px rgba(0,0,0,.1); margin-bottom: 20px; padding-bottom: 15px; } .vbo-bookingdet-summary .table .vbo-bookingdet-summary-room td { padding: 15px; white-space: normal; } .vbo-bookingdet-summary-room-firstcell { width: 33%; } .vbo-bookingdet-summary-roomnum { font-size: 1.4em; display: inline-block; margin: 0 0 10px; font-weight: bold; } .vbo-bookingdet-summary-roomnum i { border: 1px solid var(--vbo-config-border-color); padding: 5px; border-radius: 3px; margin-right: 6px; color: var(--vbo-config-text-color-light); font-size: 14px; } .vbo-bookingdet-summary-roomname { font-size: 1.4em; display: inline-block; font-weight: bold; } .vbo-bookingdet-summary .table .vbo-bookingdet-summary-roommeals { margin-top: 2px; } .vbo-wider-badges-wrap .badge { font-weight: normal; padding: 2px 6px; } .vbo-bookdet-splitstay-details { margin-top: 5px; min-width: initial; } .vbo-bookdet-splitstay-details > div { display: inline-block; } .vbo-bookdet-splitstay-details > div > span { border-right: 1px solid var(--vbo-basic-btn); } .vbo-bookdet-splitstay-details > div > span:last-child { border-right: 0; } .vbo-bookingdet-summary-room-wrap { display: flex; flex-wrap: wrap; } .vbo-bookingdet-summary-room-wrap .vbo-bookingdet-summary-roomnum-chunit { margin-left: auto; } .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit { float: right; } .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit .select2-container { max-width: 200px; } .vbo-bookingdet-summary-roomguests { text-transform: uppercase; color: var(--vbo-config-titles-color-light); font-size: .9em; } .vbo-bookingdet-summary-roomguests > div { display: inline-block; margin-right: 4px; } .vbo-bookingdet-summary-total { background: var(--vbo-light-color-btn); font-weight: bold; } .vbo-bookingdet-summary-total > td { border-top: 2px solid var(--vbo-config-border-color); } .vbo-bookingdet-summary-totpaid { background: var(--vbo-config-child-bg-color); } .vbo-bookingdet-summary-totpaid .vbo-amount-payable-lbl, .vbo-bookingdet-summary-totpaid #vbo-amountpayable-edit { color: var(--vbo-blue-color); } .vbo-bookingdet-summary-totpaid.vbo-bookingdet-summary-totpayable td { vertical-align: middle; } .vbo-bookingdet-summary-totrefunded .vbo-amount-refunded-lbl { color: var(--vbo-red-color); } .vbo-bookingdet-summary-total .vbdiscenter-entrycentered { text-align: left; } .vbo-editbooking-summary-room > div { padding: 15px 15px 0; } .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top { font-weight: bold; text-transform: uppercase; } .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top .vbo-editbooking-room-nights-modify { text-transform: initial; font-weight: normal; } .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top h4, .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top .vbo-editbooking-room-nights-modify { display: inline-block; vertical-align: middle; margin: 0; } .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top h4 { margin-right: 10px; } .vbo-editbooking-summary-room .vbo-editbooking-room-nights-info-top h4 i { width: 16px; color: var(--vbo-config-text-color-light); } .vbo-editbooking-room-nights-info-top .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label, .vbo-editbooking-room-nights-info-top .vik-iostoggle-wrap input.vik-iostoggle-elem + label { height: 25px; } .vbo-editbooking-room-nights-info-top .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label::after, .vbo-editbooking-room-nights-info-top .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label::after { left: 28px; } .vbo-editbooking-room-nights-info-top .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label::after, .vbo-editbooking-room-nights-info-top .vik-iostoggle-wrap input.vik-iostoggle-elem + label::after { height: 20px; width: 20px; } .vbo-editbooking-room-nights-info-top .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label::before, .vbo-editbooking-room-nights-info-top .vik-iostoggle-wrap input.vik-iostoggle-elem + label::before { height: 26px; } .vbo-editbooking-room-nights-info .vbo-editbooking-room-nights-modify-details { margin-top: 5px; border-top: 1px solid var(--vbo-config-border-color); padding-top: 10px; } .vbo-editbooking-summary-room > .vbo-editbooking-summary-room-head { border-top-left-radius: 8px; border-top-right-radius: 8px; background: var(--vbo-config-child-bg-color); border-bottom: 1px solid var(--vbo-config-border-color); padding-bottom: 15px; } .vbo-editbooking-summary-room-head .vbo-bookingdet-summary-roomguests { margin-top: 8px; } .vbo-editbooking-summary-room-head .vbo-bookingdet-summary-roomguests i { margin-right: 5px; color: #999; } .vbo-editbooking-room-remove { float: right; display: inline-block; } .vbo-editbooking-summary-room > div > h4 { font-weight: bold; text-transform: uppercase; border-bottom: 1px solid var(--vbo-config-border-color); padding-bottom: 10px; } .vbo-editbooking-summary-room > .vbo-editbooking-room-splitstay h4 span { margin-right: 5px; display: inline-block; } .vbo-editbooking-summary-room > .vbo-editbooking-room-splitstay h4 span i { color: var(--vbo-config-text-color-light); margin-right: 3px; } .vbo-editbooking-summary-room > .vbo-editbooking-room-extracosts > h4 { border-bottom: 0; margin-bottom: 0; } .vbo-editbooking-summary-room > .vbo-editbooking-room-extracosts .vbo-editbooking-room-extracosts-wrap { border-top: 1px solid var(--vbo-config-border-color); padding-top: 10px; } .vbo-editbooking-room-traveler-guestsinfo { padding: 0 5px; } .vbo-editbooking-room-traveler-guestsinfo > div { display: inline-block; vertical-align: top; margin: 5px 10px 5px 0; } .vbo-editbooking-room-traveler-guestsinfo > div i { color: var(--vbo-config-text-color-light); } .vbo-editbooking-room-traveler-guestsinfo > .vbo-editbooking-room-modify-date-help { margin-top: 36px; } .vbo-editbooking-room-traveler-guestsinfo label { display: block; font-size: 12px; font-weight: bold; color: var(--vbo-config-titles-color-light); margin-bottom: 2px; } .vbo-editbooking-room-traveler-guestsinfo input[type="text"] { background: var(--vbo-input-style); } .vbo-editbooking-room-pricetypes-wrap, .vbo-editbooking-room-services-wrap { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype, .vbo-editbooking-room-services .vbo-editbooking-room-service { display: inline-block; vertical-align: top; padding: 15px; margin: 5px; border-radius: 5px; border: 1px solid var(--vbo-config-border-color); box-shadow: 0px 2px 1px rgba(0, 0, 0, .1); } .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype { flex: 0 0 33%; position: relative; } .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype-active { border: 1px solid var(--vbo-green-color); } .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype label { padding-right: 24px; } .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype .vbo-editbooking-room-pricetype-check { position: absolute; right: 10px; top: 10px; } .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype .vbo-editbusy-custom-rate-element.vbo-editbusy-custom-rate-element-cancpolicy { display: block; margin-top: 6px; max-width: 25rem; } .vbo-editbooking-room-services .vbo-editbooking-room-service { flex: 0 0 33%; } .vbo-editbooking-room-pricetype > div, .vbo-editbooking-room-service > div { display: inline-block; vertical-align: top; } .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype label, .vbo-editbooking-room-services .vbo-editbooking-room-service label { color: var(--vbo-config-titles-color-light); font-weight: bold; } .vbo-editbooking-room-pricetype-cost { font-size: 18px; font-weight: bold; } .vbo-editbooking-room-pricetype-seltax { margin-top: 10px; } .vbo-editbooking-room-pricetype-check, .vbo-editbooking-room-service-check { float: right; margin-top: 10px; } .vbo-editbooking-room-pricetype .vbo-editbooking-room-pricetype-older { display: block; margin-top: 10px; } .vbo-editbooking-room-pricetype-older-inner { display: inline-block; } .vbo-editbooking-room-pricetype-older-inner label { margin-bottom: 3px; } .vbo-editbooking-room-pricetype-older-inner .vbo-editbooking-room-pricetype-cost { font-size: 15px; } .vbo-editbooking-room-pricetype-check-older { display: inline-block; float: right; } .vbo-editbooking-room-service-price { font-size: 16px; font-weight: bold; } .vbo-editbooking-room-extracosts .vbo-ebusy-addextracost { text-transform: initial; } .vbo-editbooking-room-service-select select { margin-bottom: 0; } .vbo-editbooking-room-extracost { margin: 5px; } .vbo-editbooking-room-extracost > div { display: inline-block; vertical-align: top; margin: 0 5px 0 0; } .vbo-editbooking-room-extracost > div .btn.btn-danger { padding: 8px 14px; } .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname { position: relative; } .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname .vbo-ebusy-extracosts-search { position: absolute; right: 2px; height: calc(100% - 2px); background: var(--vbo-base-color); border-left: 1px solid var(--vbo-base-color); color: var(--vbo-contrast-text-color); border-top-right-radius: var(--vbo-field-radius); border-bottom-right-radius: var(--vbo-field-radius); top: 1px; width: 32px; font-size: 13px; cursor: pointer; } .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname .vbo-ebusy-extracosts-search:hover { background: var(--vbo-base-color-hover) } .vbo-editbooking-room-extracost .vbo-ebusy-extracosts-cellname .vbo-ebusy-extracosts-search i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .vbo-editbooking-summary-totpaid { padding-bottom: 0; } .vbo-editbooking-summary-totpaid .vbo-editbooking-summary-room-head { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .vbo-editbooking-totpaid { display: inline-block; } .vbo-editbooking-totpaid label { font-size: 18px; font-weight: bold; margin-bottom: 10px; } .vbo-editbooking-totrefund { margin-left: 35px; } .vbo-editbooking-totrefund label { font-size: 15px; font-weight: normal; } .vbo-editbooking-addroom { display: inline-block; float: right; margin-top: 15px; } .vbo-roomdet-wrapper { background: var(--vbo-config-bg-color) none repeat scroll 0 0; border: 1px solid var(--vbo-basic-btn); display: inline-block; margin-bottom: 4px; width: 100%; border-radius: 6px; box-shadow: 0 0 10px rgba(0,0,0,.05); } .vbo-roomdet-wrap { display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .vbo-roomdet-entry { flex: 1; } .vbo-roomdet-head { border-bottom: 1px solid var(--vbo-config-border-color); font-size: larger; padding: 12px 15px 12px; font-weight: bold; font-size: 13px; color: var(--vbo-config-titles-color-light); } .vbo-roomdet-foot { padding: 8px 15px; } .vbo-roomdet-guests-toggle { padding: 7px 8px 7px; border-radius: 2px; margin-top: 5px; display: inline-block; cursor: pointer; } .vbo-roomdet-guests-toggle i { font-size: larger; display: inline-block; float: left; margin-right: 8px; } .vbo-roomdet-guests-toggleword { display: inline-block; margin-top: -1px; float: left; } .vbo-guestscount-incomplete { background: var(--vbo-blue-color); color: #fff; } .vbo-guestscount-complete { background: var(--vbo-green-color); color: #fff; } .vbo-guestscount-complete:focus, .vbo-guestscount-complete:hover { background: var(--vbo-green-color-hover); } .vbo-guestscount-incomplete:focus, .vbo-guestscount-incomplete:hover { background: var(--vbo-blue-color-hover); } .vbo-roomdet-guests-details { display: none; padding: 8px 0 8px 15px; margin: 5px 10px; background: var(--vbo-config-child-bg-color); border-top: 1px solid var(--vbo-basic-btn); } .vbo-roomdet-guest-details { margin-bottom: 5px; margin-left: -15px; padding-bottom: 10px; border-bottom: 1px solid var(--vbo-config-border-color); display: flex; flex-wrap: wrap; } .vbo-roomdet-guest-details:last-child { border-bottom: 0; } .vbo-roomdet-guest-details .vbo-roomdet-guest-detail { width: calc(25% - 20px); margin: 5px 10px; display: inline-block; } .vbo-roomdet-guest-details .vbo-roomdet-guest-detail .select2-container .select2-selection--single { height: 40px; border-radius: var(--vbo-field-radius); } .vbo-roomdet-guest-details .vbo-roomdet-guest-detail .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 38px; } .vbo-roomdet-guest-details .vbo-roomdet-guest-detail .select2-container--default .select2-selection--single .select2-selection__arrow { height: 38px; } .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-calendar-wrap .vbo-roomdet-guest-detail-val { position: relative; } .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-calendar-wrap .vbo-roomdet-guest-detail-val i { position: absolute; top: 12px; right: 10px; font-size: 16px; } .vbo-roomdet-guest-details .vbo-roomdet-guest-detail-num { align-self: center; font-size: 16px; margin-right: 14px; width: 100%; } .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap { width: calc(100% - 20px); } .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val { width: calc(25% - 15px); } .vbo-roomdet-guest-details .vbo-roomdet-guest-detail input, .vbo-roomdet-guest-details .vbo-roomdet-guest-detail textarea { width: 100% !important; max-width: 100%; } .vbo-roomdet-guest-details .vbo-roomdet-guest-detail select { width: 100% !important; max-width: 100%; } .vbo-roomdet-guest-detail .vbo-roomdet-guest-detail-lbl { margin-bottom: 3px; font-weight: 500; } .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded { width: 90px; border: 1px solid var(--vbo-config-border-color); background-color: var(--vbo-config-bg-color); border-radius: 4px; text-align: center; margin: 5px; padding: 3px; position: relative; display: inline-block; } .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a { color: var(--vbo-config-titles-color-light); text-decoration: none; display: block; line-height: 1.3em; padding: 6px 3px; } .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a i { font-size: 18px; } .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a span { width: 90px; display: inline-block; overflow: hidden; text-overflow: ellipsis; font-size: 13px; white-space: nowrap; } .vbo-roomdet-guest-detail-num span { font-weight: bold; flex-basis: 100px; } .vbo-checkin-main-block { display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .vbo-checkin-main-block .vbo-roomdet-wrap .vbo-roomdet-entry:first-child { flex-basis: 60px; } .vbo-roomsdet-container { display: inline-block; -ms-flex: 1; -webkit-flex: 1; flex: 1; margin-right: 5px; } .vbo-checkin-payment-detail-v { float: right; margin-left: 5px; } .vbo-checkin-payment-container { display: inline-block; vertical-align: top; background: var(--vbo-light-color-btn); -ms-flex: 0 0 18%; -webkit-flex: 0 0 18%; flex: 0 0 18%; float: right; padding: 15px; margin-left: 5px; border-radius: 6px; box-shadow: 0 0 10px rgba(0,0,0,.05); } .vbo-checkin-payment-detail { margin: 5px 0; display: inline-block; width: 100%; } .vbo-checkin-payment-detail-click { background: var(--vbo-base-color); color: #fff; padding: 3px 10px; border-radius: 2px; margin-top: 10px; cursor: pointer; } .vbo-checkin-payment-detail:first-child { font-size: larger; } .vbo-checkin-payment-detail-lbl { vertical-align: middle; } .vbo-checkin-notes-wrap { clear: both; width: 100%; margin: 5px 0; } .vbo-checkin-notes-inner { margin: 0 auto; width: 60%; text-align: center; } .vbo-checkin-notes-trig { color: var(--vbo-config-titles-color-light); } .vbo-checkin-notes-trig span { cursor: pointer; } .vbo-checkin-notes-cont { display: none; padding: 4px; } .vbo-checkin-notes-cont textarea { width: 100% !important; height: 100px; } .vbo-checkin-commands-wrap { margin: 25px 0 15px; } .vbo-checkin-commands-inner { text-align: center; } .vbo-checkin-commands-btn { display: inline-block; margin-left: 15px; } .vbo-checkin-commands-btn:first-child { margin-left: 0; } .vbo-checkin-commands-btn .btn-large { padding: 10px 14px; border-radius: 3px; font-size: inherit; } .vbo-checkin-update-wrap { clear: both; width: 100%; margin: 5px 0; } .vbo-checkin-update-inner { margin: 0 auto; width: 60%; text-align: center; } .vbo-checkin-custdet-cont { width: 100%; margin-top: 10px; padding: 4px; } .vbo-checkin-custdet-entry { display: inline-block; width: calc(33% - 10px); margin: 10px 5px; vertical-align: top; } .vbo-checkin-custdet-key { display: block; color: var(--vbo-config-titles-color-light); } .vbo-checkin-custdet-key.vbo-checkin-custdet-key-warn { color: var(--vbo-red-color); } .vbo-checkin-custdet-value { display: block; font-size: larger; } #jmodal-box-vbo-checkin-booking { height: 100%; margin: 19px; overflow: hidden; overflow-y: scroll; box-sizing: border-box; } #jmodal-box-vbo-checkin-booking .modal-body { max-height: inherit; } #vbo-overlay-title .vbo-info-overlay-title-close { float: right; margin-top: -4px; margin-right: 0px; cursor: pointer; } div.modal { z-index: 9999999 !important; } div.modal.in { background-color: var(--vbo-body-bg-color); } div.modal.in .close:hover, div.modal.in .close:focus { color: var(--vbo-config-titles-color-light); } /* Modal loaded just for the RSS system message */ div.modal.in .modal-header + div.modal-body-wrapper { height: calc(100% - 130px) !important; } @media (max-width: 680px) { div.modal.in .modal-header + div.modal-body-wrapper { height: calc(100% - 210px) !important; } } .vbo-sign-share-meth { margin: 10px 0; } .vbo-sign-share-meth label { margin-bottom: 3px; color: var(--vbo-body-text-color); } .vbo-sign-share-meth input { display: block !important; margin-bottom: 5px !important; } .vbo-sign-share-meth-close .btn { background: var(--vbo-red-color); border-color: var(--vbo-red-color); } .vbo-sign-share-meth-close .btn:hover { background: var(--vbo-red-color-hover); border-color: var(--vbo-red-color-hover); } #jmodal-vbo-vcm-rates-res { overflow-y: auto; } .vbo-vcm-rates-res-container { padding: 20px; } .vbo-vcm-ota-multicalendar-response .vbo-vcm-rates-res-rplan-wrap { border: 1px solid var(--vbo-border-color); border-radius: 8px; padding: 10px; margin-bottom: 10px; } .vbo-vcm-rates-res-rplan-wrap { margin-bottom: 16px; } .vbo-vcm-rates-res-success { margin-bottom: 10px; border-radius: 4px; margin: 4px 0 0 0; border: 1px solid var(--vbo-green-color); } .vbo-vcm-rates-res-success .vbo-vcm-rates-res-channel { padding: 10px; display: inline-block; vertical-align: top; } .vbo-vcm-rates-res-bkdown { font-size: smaller; border-top: 1px solid var(--vbo-config-border-color); } .vbo-vcm-rates-res-channel-esit { display: inline-block; margin-right: 5px; font-size: 14px; border-radius: 50%; object-fit: cover; padding: 5px; width: 10px; height: 10px; line-height: 8px; text-align: center; vertical-align: middle; } .vbo-vcm-rates-res-channel-esit i { font-size: 10px; } .vbo-vcm-rates-res-channel-logo { display: inline-block; vertical-align: middle; line-height: 11px; } .vbo-vcm-rates-res-channel-logo img { max-width: 120px; height: 20px; } .vbo-vcm-rates-res-success .vbo-vcm-rates-res-channel-esit { color: #fff; background: var(--vbo-green-color); } .vbo-vcm-rates-res-success .vbo-vcm-rates-res-bkdown pre { margin: 5px; padding: 10px 0 0; white-space: break-spaces; } .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel { border: 1px solid var(--vbo-red-color); padding: 10px 0 0; border-radius: 4px; margin: 8px 0; } .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel:last-child { margin-bottom: 0; } .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel-esit { color: #fff; background: var(--vbo-red-color); margin-left: 10px; } .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel-esit { color: #fff; background: var(--vbo-orange-color); margin-left: 10px; } .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel-logo, .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel-logo { padding-bottom: 10px; } .vbo-vcm-rates-res-error .vbo-vcm-rates-res-channel-det, .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel-det { overflow-y: auto; max-height: 150px; } .vbo-vcm-rates-res-error pre, .vbo-vcm-rates-res-warning pre { margin-bottom: 0; border-radius: 0 !important; padding: 10px; border-bottom-left-radius: 4px !important; border-bottom-right-radius: 4px !important; border: 0; border-top: 1px solid var(--vbo-config-border-color); font-size: smaller; } .vbo-vcm-rates-res-warning .vbo-vcm-rates-res-channel { border: 1px solid var(--vbo-orange-color); padding: 10px 0 0; border-radius: 4px; margin: 8px 0; } .vbo-ratesoverview-bottom-container { border: 1px solid var(--vbo-config-border-color); margin-top: 20px; padding: 12px 20px 20px; border-radius: 9px; } .vbo-ratesoverview-bottom-head { width: 100%; display: inline-block; } .vbo-ratesoverview-bottom-head .vbo-ratesoverview-roomdetails { float: left; } .vbo-ratesoverview-roomdetails { padding-top: 0; } .vbo-ratesoverview-roomdetails h3 { text-align: center; display: inline-block; margin-top: 10px; } .vbo-ratesoverview-caltab-wrapper { display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; } .vbo-ratesoverview-period-container { display: inline-block; -ms-flex: 0 0 15%; -webkit-flex: 0 0 15%; flex: 0 0 15%; margin-left: 2px; } .vbo-table-responsive { -ms-flex: 1%; -webkit-flex: 1%; flex: 1%; overflow-x: scroll; } .vbratesoverviewtable tr td:first-child { position: sticky; left: 0; box-shadow: 5px 0 10px rgba(0,0,0,.05); z-index: 2; background-clip: padding-box !important; } .vbratesoverviewtable .vbo-roverviewtablerow-occupancy td, .vbratesoverviewtable .vbo-roverviewtablerow-restrs td { background: var(--vbo-config-child-bg-color) none repeat scroll 0 0; cursor: not-allowed; } .vbratesoverviewtable { border-spacing: 0; border-collapse: collapse; max-width: none; } .vbratesoverviewtable td { position: relative; border-spacing: 0; border-collapse: collapse; border-right: 1px solid var(--vbo-config-bg-color); border-bottom: 1px solid var(--vbo-config-bg-color); } .vbratesoverviewtable tr:last-child td { border-bottom: 0; } .vbratesoverviewtable tr:first-child td { border-bottom: 0; } .vbratesoverviewtable .vbo-roverviewtablerow-occupancy td:first-child, .vbratesoverviewtable .vbo-roverviewtablerow-restrs td:first-child { font-weight: bold; padding: 10px 10px; } .vbratesoverviewtable td .vbo-occ-label { display: inline-block; background: #999; border-radius: 4px; font-size: .9em; color: #fff; padding: 2px 6px; margin-left: 3px; font-weight: normal; } .vbo-roverw-curminlos-active { color: var(--vbo-red-color); font-weight: bold; } .vbratesoverviewtable .bluedays { min-width: 80px; } .vbratesoverviewtable .bluedays:hover { background-color: #73aecc; } .vbratesoverviewtable .bluedays:active { background-color: #89b8d0; } .vbratesoverviewtable .skip-bluedays-click:hover { background-color: #02679a; } .vbratesoverviewtable tr td { border-bottom: 1px solid var(--vbo-config-border-color); } .vbratesoverviewtable tr td:first-child { border-top: 0; } .vbo-roverviewtablerow-otarates td { padding: 6px 10px; background: var(--vbo-light-color-btn); height: 33px; font-size: 12px; } .vbo-roverviewtablerow-otarates td:first-child { font-size: 13px; } .vbo-roverviewtablerow-otarates td .vbo-roverv-ota-wrap { display: flex; align-items: center; gap: 6px; } .vbo-roverviewtablerow-otarates td .vbo-roverv-ota-logo { width: 20px; height: 20px; object-fit: cover; border-radius: 50%; } .vbo-ratesoverview-period-inner { padding: 15px; background: var(--vbo-basic-btn); } .vbo-ratesoverview-period-lbl { font-weight: bold; font-size: 16px; margin: 0 5px 5px; } .vbo-ratesoverview-period-boxes .vbo-ratesoverview-period-boxes-inner { display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .vbo-ratesoverview-period-boxes-inner > div { flex: 1; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; background: var(--vbo-config-bg-color); margin: 5px; padding: 15px 5px; text-align: center; border-radius: 4px; cursor: pointer; height: 85px; } .vbo-ratesoverview-period-box-lbl { font-weight: bold; margin-bottom: 5px; color: var(--vbo-config-titles-color-light); } .vbo-ratesoverview-period-box-val > div > span { display: block; font-weight: bold; color: var(--vbo-base-color); } .vbo-ratesoverview-period-wday { font-size: 12px; } .vbo-ratesoverview-period-mday { font-size: 24px; margin: 3px 0; } .vbo-ratesoverview-period-month { font-size: 12px; text-transform: uppercase; font-weight: normal; } .vbo-ratesoverview-period-box-val i { font-size: 28px; color: var(--vbo-blue-color); } .vbo-ratesoverview-period-boxes > .vbo-ratesoverview-period-box-cals { position: relative; } .vbo-ratesoverview-period-box-cals-inner { position: absolute; top: 0; right: 0; width: 630px; padding: 10px; z-index: 10; border-radius: 32px; box-shadow: 0 3px 12px 0 rgb(0 0 0 / 0.15); background: var(--vbo-config-bg-color); border: 1px solid var(--vbo-main-bg-color); z-index: 5; display: flex; gap: 10px; } .vbo-ratesoverview-period-box-cals-inner > div { display: inline-block; vertical-align: top; } .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left { border-right: 1px solid var(--vbo-basic-btn); padding-right: 10px; } .vbo-ratesoverview-period-box-cals-inner > div > h4 { padding: 3px 0; color: var(--vbo-config-titles-color-light); border-bottom: 1px solid var(--vbo-basic-btn); margin: 0 0 5px; text-align: center; text-transform: uppercase; font-size: 11px; } .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd { flex: 1; } .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd select { width: 100% !important; } .vbo-receipt-company-block { text-align: center; } .vbo-receipt-company-info::first-line { font-weight: bold; } .vbo-resmodcanc-block select { max-width: 225px; } .vbo-resmodcanc-block input, .vbo-resmodcanc-block select { margin: 0; } .vbo-resmodcanc-lim label { display: inline-block; } .vbo-ratesoverview-orphans-wrapper { padding: 15px; margin: 2px 10px 0; border-radius: 6px; background: var(--vbo-basic-btn); border: 1px solid var(--vbo-red-color); } .vbo-ratesoverview-orphans-lbl { font-weight: bold; font-size: 16px; margin-bottom: 10px; } .vbo-ratesoverview-orphans-lbl i.vbo-quest-popover, .vbo-ratesoverview-orphans-lbl i.wp-quest-popover { color: var(--vbo-red-color); } .vbo-ratesoverview-orphans-list { max-height: 179px; overflow: hidden; overflow-y: auto; } .vbo-ratesoverview-orphans-list > div { margin: 3px 0; } /* Signature Pad - Start */ .vbo-signature-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 70vh; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0; padding: 0; font-family: Helvetica, Sans-Serif; } .vbo-signature-pad { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 10px; width: 100%; height: 100%; max-width: 700px; max-height: 460px; border: 1px solid var(--vbo-config-border-color); background-color: var(--vbo-config-bg-color); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset; border-radius: 4px; padding: 16px; } .vbo-signature-pad::before, .vbo-signature-pad::after { position: absolute; z-index: -1; content: ""; width: 40%; height: 10px; bottom: 10px; background: transparent; box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4); } .vbo-signature-pad::before { left: 20px; -webkit-transform: skew(-3deg) rotate(-3deg); transform: skew(-3deg) rotate(-3deg); } .vbo-signature-pad::after { right: 20px; -webkit-transform: skew(3deg) rotate(3deg); transform: skew(3deg) rotate(3deg); } .vbo-signature-pad-head { margin-bottom: 8px; text-align: center; display: flex; flex-wrap: wrap; } .vbo-signature-pad-head .pull-right { margin-left: auto; } .vbo-signature-pad-head .vbo-signature-pad-head-terms { flex-basis: 100%; margin-top: 5px; } .vbo-signature-pad-head-terms { display: inline-block; padding: 0 10px; } .vbo-signature-pad-head-terms a, .vbo-signature-pad-head-terms a:hover, .vbo-signature-pad-head-terms a:active { text-decoration: none; } .vbo-signature-pad-body { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border: 1px solid var(--vbo-config-child-bg-color); } .vbo-signature-pad-body canvas, .vbo-signature-pad-body div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 4px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset; } .vbo-signature-pad-footer { text-align: center; margin-top: 8px; } .vbo-signature-signabove { color: var(--vbo-body-text-color); font-size: 1.2em; } .vbo-signature-cmds { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 8px; } .vbo-signature-cmd { display: inline-block; margin-right: 5px; } .vbo-signature-cmds > div:last-child { margin-right: 0; } .vbo-current-signature-p { display: block; text-align: center; font-weight: bold; font-size: 14px; } .vbo-signature-currentimg img { max-width: 100%; max-height: 100%; } /* Signature Pad - End */ /* Booking Checkin - End */ /* Booking Details Tabs - Start */ .vbo-bookingdet-tabs { float: left; } .vbo-bookingdet-tab { display: inline-block; cursor: pointer; padding: 16px; margin: 0; font-size: 1.2em; text-transform: uppercase; font-weight: bold; } .vbo-bookingdet-tab-active { border-bottom: 3px solid var(--vbo-base-color); color: var(--vbo-base-color); } .vbo-bookingdet-commands { float: right; } .vbo-bookingdet-commands > div { vertical-align: top; } .vbo-bookingdet-command { display: inline-block; margin: 3px; } .vbo-bookingdet-command .btn.vbo-config-btn { padding: 10px 14px; background-color: var(--vbo-light-color-btn); color: var(--vbo-base-color); border: 1px solid var(--vbo-config-border-color); } .vbo-bookingdet-command .btn.vbo-config-btn:hover { background: var(--vbo-base-color-hover); border: 1px solid var(--vbo-base-color-hover); color: #fff; } .vbo-bookingdet-command .btn.vbo-config-btn:active { background: var(--vbo-base-color-hover); border: 1px solid var(--vbo-base-color-hover); } .btn.vbo-btn-black { font-weight: 500; padding: 8px 10px; background: var(--vbo-config-title-color); color: var(--vbo-contrast-text-color); border: 1px solid var(--vbo-config-title-color); } .btn.vbo-btn-black:hover { color: var(--vbo-config-title-color); border-color: var(--vbo-config-title-color); background: transparent; } .vbo-bookingdet-command i { margin-right: 5px; } .vbo-bookingdet-tab-cont { display: block; background: var(--vbo-basic-btn); padding-top: 15px; } img.vbo-channelimg-medium { max-height: 20px; } /* Booking Details Tabs - End */ /* VikUpdater - Start */ .vik-box-error { padding: 10px; border: 2px dashed var(--vbo-red-color); color: var(--vbo-red-color); font-weight: bolder; } .vik-box-error hr { border-top-color: var(--vbo-red-color); } .vik-update-changelog { padding: 10px; border: 2px dashed var(--vbo-middle-color-btn); } .vik-update-changelog h2 { margin-bottom: 25px; } .vik-update-changelog ul li strong { display: inline-block; width: 220px; } .vik-update-changelog div.box-separator { border-top: 1px solid var(--vbo-config-border-color); margin: 20px 0; } .vik-update-changelog > *:first-child, .vik-box-error > *:first-child { margin-top: 0; } .vik-update-changelog > *:last-child, .vik-box-error > *:last-child { margin-bottom: 0; } /* VikUpdater - End */ .vbo-colortag-square { background-color: var(--vbo-config-bg-color); border: 1px solid var(--vbo-config-title-color); border-radius: 4px; cursor: pointer; display: inline-block; height: 30px; margin-right: 10px; width: 30px; text-align: center; vertical-align: top; line-height: 30px; } .vbo-colortag-circle { border-radius: 50%; cursor: pointer; display: inline-block; height: 14px; margin: 1px; padding: 0; vertical-align: middle; width: 14px; } .vbo-dropdown-cxmenu-horizontal .vbo-colortag-circle { height: 16px; width: 16px; margin-right: 0; } .vik-context-menu.vbo-dropdown-cxmenu-horizontal li a { padding: 6px; } .vbo-allbsearchcust-loading-inp { background: var(--vbo-config-border-color) none repeat scroll 0 0 !important; } .vbo-allbsearchcust-res { top: 36px; position: absolute; z-index: 2; width: 100%; } .vbo-allbsearchcust-res .vbo-custsearchres-inner { list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: var(--vbo-config-bg-color); border: 1px solid var(--vbo-config-border-color); white-space: nowrap; max-height: 200px; width: 100%; overflow-y: scroll; } .vbo-allbsearchcust-res .vbo-custsearchres-inner .vbo-custsearchres-entry, .vbo-allbsearchcust-res .vbo-custsearchres-inner .vbo-widget-custsearchres-entry { font-size: 13px; } #vbo-allbsearchcust-res .vbo-custsearchres-inner { list-style: none; text-align: left; white-space: nowrap; } .vbo-allbookings-fm .btn-group select { max-width: 150px; margin-bottom: 0; border-radius: var(--vbo-field-radius); border: 1px solid var(--vbo-config-border-color); padding: 8px 10px; height: inherit; } .vbo-allbsearchcust-res .vbo-custsearchres-entry .vbo-custsearchres-name, .vbo-allbsearchcust-res .vbo-widget-custsearchres-entry .vbo-custsearchres-name { min-width: 80%; } /* Config: Do not edit this */ /* FontAwesome fixes - Start */ i.fa-sort-desc { vertical-align: top; } /* FontAwesome fixes - End */ /* Select2 fixes - Start */ .select2-search--dropdown .select2-search__field { width: 100% !important; } input[type="search"].select2-search__field { height: auto !important; margin-bottom: 2px !important; outline: transparent; box-shadow: none; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid var(--vbo-config-border-color); } .select2-container--default .select2-search--dropdown .select2-search__field:focus { border-color: var(--vbo-base-color); } .select2-container.select2-container--default.select2-container--open { z-index: 2147483647 !important; } .select2-container--open.select2-container--default .select2-results__option:empty { display: none; } /* Select2 fixes - End */ .vikpaymentparam { display: block; padding: 2px; } .vikpaymentparamlabel { display: inline-block; min-width: 150px; } .vikpaymentparamlbl-textarea { display: block; } .vikpaymentparaminput { display: inline-block !important; } .vikpaymentparaminput.vikpaymentparaminput-tarea { width: 100%; } .vikpaymentparamlabelhelp { font-size: smaller; font-style: italic; padding-left: 5px; } .vbo-config-param-cell { background: none repeat scroll 0 0 var(--vbo-light-color-btn); border-right: 1px solid var(--vbo-config-border-color); vertical-align: middle !important; } .vbo-config-param-cell.vbo-config-param-cell-warn { color: var(--vbo-red-color) !important; } .vbo-param-label .vbo-quest-popover, .vbo-param-label .wp-quest-popover { float: right; } .vbo-smstpl-bgroup { white-space: inherit !important; } .vbo-smstpl-bgroup button { margin: 2px 0; } .vbo-smstpl-control textarea { margin-top:5px; } .vbo-custmail-bgroup .btn-small { padding: 2px 5px !important; } .vbo-spblock-inline { display: inline-block; margin-right: 8px; } .vbo-spblock-inline input { display: inline-block; } .vbo-spblock-inline label { display: inline; vertical-align: middle; } #vbo-sms-balance { margin: 8px 0; padding: 5px; } .fieldset-left { float: left; margin-right: 20px; } .fieldset-half { float: left; width: 48%; } ul.dropdown-menu { z-index: 9999; } span.badge a { color: #fff; } span.badge a:hover { color: #fff; text-decoration: none; } i.icn-bigger { font-size: larger; } i.icn-nomargin { margin: 0 !important; } i.icn-float-left { float: left; } i.icn-float-right { float: right; } i.icn-clickable { cursor: pointer; } i.vbo-quest-popover { color: var(--vbo-config-title-color); } i.vbo-quest-popover:hover { color: var(--vbo-blue-color); } .popover { z-index: 2147483647 !important; } i.vbo-icn-img { font-size: 20px; } /* Joomla 3.x */ .vbo-config-tabs-wrap div.current { background: var(--vbo-main-bg-color); clear: both; padding: 10px; } .vbo-config-tabs-wrap div.current dd.tabs { margin-left: 0; } .vbo-config-tabs-wrap dl.tabs { float: left; margin: 10px 0 -1px -3px; z-index: 50; } .vbo-config-tabs-wrap dl.tabs dt.open { color: #000000; z-index: 1; } .vbo-config-tabs-wrap dl.tabs dt { color: #666666; float: left; margin-left: 3px; padding: 4px 10px; } .vbo-config-tabs-wrap dt.tabs span h3 { font-size: 13px; margin: 0; display: inline-block; padding: 4px 8px; } .vbo-config-tabs-wrap dt.tabs:hover h3 { background: var(--vbo-toolbar-bg-color); border-radius: 4px; } /* jQuery Calendar */ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: var(--vbo-body-text-color); } .ui-datepicker.ui-widget-content { border: 0 !important; } #ui-datepicker-div select { line-height: 1em; padding: 5px 14px 5px 8px !important; min-height: 20px; height: auto !important; } .ui-datepicker, .ui-datepicker.ui-datepicker-multi { width: auto !important; } .ui-datepicker-multi .ui-datepicker-group { background-color: var(--vbo-body-bg-color) !important; width: calc(50% - 13px) !important; box-sizing: content-box; } .ui-datepicker-multi-2 .ui-datepicker-group-first { padding-right: 12px; margin-right: 12px; } .ui-datepicker table.ui-datepicker-calendar { table-layout: inherit; font-size: 0.75em !important; border-spacing: 0; border-collapse: initial; } .ui-datepicker-multi .ui-datepicker-group table { margin-bottom: 0; } .ui-datepicker-multi .ui-datepicker-group-first .ui-datepicker-calendar { margin-right: 5px; } .ui-datepicker-multi .ui-datepicker-group table tbody tr { border-bottom: 0; } .ui-datepicker table td { width: auto !important; text-align: center; padding: 1px !important; border: 0; } .ui-datepicker table td:hover { border: 0; } .ui-datepicker .ui-datepicker-title { font-size: 18px !important; font-weight: 400 !important; } .ui-datepicker .ui-datepicker-current-day a { color: var(--vbo-body-text-color); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1.5px solid var(--vbo-body-bg-color); } .ui-datepicker td > *, .ui-datepicker td > *.ui-state-default { font-size: 13px !important; text-align: center !important; border-radius: 50% !important; width: 40px; height: 40px; line-height: 40px !important; border: 1.5px solid var(--vbo-body-bg-color) !important; } .ui-datepicker td.ui-datepicker-unselectable > * { border: 1.5px solid #fff0 !important; } .ui-datepicker td.ui-datepicker-unselectable > *:hover { color: var(--vbo-body-text-color); } .ui-datepicker td:not(.ui-state-disabled) *:hover { border-color: var(--vbo-blue-color) !important; color: var(--vbo-blue-color) !important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: transparent !important; font-weight: 500 !important; } .ui-datepicker-calendar td.checkin-checkout-inner { opacity: 1 !important; } .ui-datepicker-calendar td.checkin-checkout-inner, .ui-datepicker-calendar .checkin-date, .ui-datepicker-calendar .checkout-date, .ui-datepicker-calendar .checkout-date.date-will { background: var(--vbo-config-child-bg-color); border: 0 !important; } .ui-datepicker-calendar .checkin-date:hover { background-color: var(--vbo-white-bg-color) !important; } .ui-datepicker-calendar td.checkin-checkout-inner > * { border-color: var(--vbo-config-child-bg-color) !important; } .ui-datepicker-calendar td.checkin-date > *, .ui-datepicker-calendar td.checkout-date > *, .ui-datepicker-calendar td.ui-state-highlight > *, .ui-datepicker-calendar td.ui-datepicker-current-day > * { background-color: var(--vbo-blue-color) !important; border-color: var(--vbo-blue-color) !important; color: var(--vbo-contrast-text-color) !important; } .ui-datepicker-calendar td.checkin-date > *:hover, .ui-datepicker-calendar td.checkout-date > *:hover, .ui-datepicker-calendar td.ui-state-highlight > *:hover, .ui-datepicker-calendar td.ui-datepicker-current-day > *:hover { color: var(--vbo-contrast-text-color) !important; } .ui-datepicker-calendar .checkin-date { border-top-left-radius: 50%; border-bottom-left-radius: 50%; } .ui-datepicker-calendar .checkout-date { border-top-right-radius: 50%; border-bottom-right-radius: 50%; } .ui-datepicker-calendar .date-tooltip { position: relative; } .ui-datepicker-calendar .date-tooltip:after { display: none; content: attr(data-title); position: absolute; width: 100px; font-size: 12px; top: -22px; left: 50%; transform: translateX(-50%); background: var(--vbo-body-bg-color); box-shadow: 0 0 3px rgba(0,0,0,.2); padding: 1px; color: var(--vbo-body-text-color); } .ui-datepicker-calendar .date-tooltip-large:after { width: 180px; } .ui-datepicker-calendar .date-tooltip.date-tooltip-firstwday:after { left: 0; transform: translateX(0%); } .ui-datepicker-calendar .date-tooltip.date-tooltip-lastwday:after { left: auto; transform: translate(0, 0); right: 0; } .ui-datepicker-calendar .date-tooltip:before { display: none; position: absolute; border: 6px solid transparent; border-top-color: transparent; border-bottom-color: transparent; background: transparent; content: ""; border-bottom-color: transparent; border-top-color: var(--vbo-body-bg-color); top: -2px; left: 50%; transform: translateX(-50%); z-index: 1; } .ui-datepicker-calendar .date-tooltip:hover:after, .ui-datepicker-calendar .date-tooltip:hover:before { display: block; } .ui-datepicker td.checkin-checkout-inner *:hover { background-color: var(--vbo-body-bg-color) !important; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { color: var(--vbo-light-dark-grey-bg-color) !important; } .ui-datepicker-current-day > a.ui-state-active { background-color: var(--vbo-blue-color) !important; border-color: var(--vbo-blue-color) !important; color: var(--vbo-contrast-text-color) !important; } .ui-widget-header { background: transparent !important; border: 0 !important; font-size: 22px !important; font-weight: 300 !important; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.2 !important; border: 0; } .ui-state-disabled { pointer-events: auto; } .ui-datepicker .ui-datepicker-today { color: var(--vbo-blue-color) !important; } .ui-datepicker-other-month { background: transparent !important; } #ui-datepicker-div { z-index: 2147483647 !important; box-shadow: 0 3px 12px 0 rgb(0 0 0 / 0.15); border-radius: 32px; padding: 30px; background-color: var(--vbo-body-bg-color); } #ui-datepicker-div.ui-widget-content, .ui-datepicker-inline.ui-widget-content { background-color: var(--vbo-body-bg-color) !important; } .ui-datepicker .ui-datepicker-header .ui-datepicker-title { font-size: 14px !important; font-weight: bold !important; color: var(--vbo-body-text-color); margin-top: -5px; margin-bottom: 5px; } .ui-datepicker th { font-size: 10px !important; text-transform: uppercase; color: var(--vbo-config-titles-color-light) !important; } .ui-datepicker-header .ui-corner-all { color: var(--vbo-config-titles-color-light); } .ui-datepicker-header .ui-corner-all.ui-state-hover { border-color: var(--vbo-blue-color) !important; color: var(--vbo-blue-color); background: transparent !important; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { width: 34px !important; height: 34px !important; border: 1.5px solid var(--vbo-input-style) !important; border-radius: 50%; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: -2px !important; border-radius: 50%; cursor: pointer; } .ui-datepicker .ui-datepicker-next-hover { right: 2px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { top: 0 !important; left: 0; margin: 0; background: transparent; background-color: transparent !important; position: relative; text-indent: 0; width: 34px; height: 34px; display: inline-block; font-size: 0; text-align: center; } .ui-datepicker .ui-datepicker-prev span:after, .ui-datepicker .ui-datepicker-next span:after { font-family: "Font Awesome 7 Free", FontAwesome !important; font-weight: 900; top: 0; position: absolute; width: 34px; height: 34px; line-height: 34px; font-size: 16px; } .ui-datepicker .ui-datepicker-prev span:after { content: "\f053"; left: -1px; } .ui-datepicker .ui-datepicker-next span:after { content: "\f054"; left: 0; } .ui-datepicker .ui-datepicker-prev { left: 0; } #ui-datepicker-div select { padding: 9px 24px 9px 8px !important; margin: 0 2px; } .vbo-drp-commands-bottom { display: flex; gap: 10px; align-items: center; justify-content: end; } .ui-datepicker .vbo-drp-commands-bottom > div > * { font-weight: 500; font-size: 14px; line-height: initial; padding: 6px 8px; border-radius: 6px; } .ui-datepicker .vbo-drp-commands-bottom .vbo-drp-command-clear a { color: var(--vbo-config-titles-color-light); text-decoration: underline; } .ui-datepicker .vbo-drp-commands-bottom .vbo-drp-command-clear a:hover { background-color: var(--vbo-basic-btn); } .ui-datepicker .vbo-drp-commands-bottom .vbo-drp-command-close button { font-size: 14px; } /* End jQuery Calendar */ .vbo-link-add { font-size: 13px; border-radius: var(--vbo-field-radius); } .vbo-link-add i { margin-right: 5px; display: inline-block; } .btn.vbo-config-btn, .vbo-link-add { background-color: var(--vbo-base-color); border: 1px solid var(--vbo-base-color); color: #fff; padding: 10px 14px; display: inline-block; } .btn.vbo-config-btn:hover, .vbo-link-add:hover { background-color: var(--vbo-base-color-hover) !important; border: 1px solid var(--vbo-base-color-hover) !important; color: #fff; } .btn.vbo-config-btn:active, .vbo-link-add:active { background-color: var(--vbo-link-text-color) !important; color: #fff; } .vbo-config-btn.vbo-config-btn-rounded { border-radius: 50%; width: 25px; height: 25px; text-align: center; } .vbo-config-btn.vbo-config-btn-rounded i { margin-right: 0; } .vbo-config-btn-rounded.vbo-config-btn-large { height: 50px; width: 50px; font-size: 24px; } .vbo-config-tabs-wrap dl.tabs { margin: 10px 0 0; width: 100%; border-bottom: 1px solid var(--vbo-config-border-color); } .vbo-config-tabs-wrap dl.tabs dt h3 i { margin-right: 5px; font-size: 15px; } .vbo-config-tabs-wrap dl.tabs dt { padding: 5px; margin-left: 0; border: 0; display: inline-block; float: none; } .vbo-config-tabs-wrap dt.tabs span h3 a, .vbo-config-tabs-wrap dt.tabs span h3 i { color: var(--vbo-config-title-color); } .vbo-config-tabs-wrap dl.tabs dt.open h3, .vbo-config-tabs-wrap dl.tabs dt.open h3 a, .vbo-config-tabs-wrap dl.tabs dt.open h3 i { color: var(--vbo-base-color); } .vbo-config-tabs-wrap dl.tabs dt.open a { color: #000; } .vbo-config-tabs-wrap dl.tabs dt.open { border-bottom: 2px solid var(--vbo-base-color); } .vbo-config-tabs-wrap dl.tabs dt:hover h3 { color: var(--vbo-config-title-color); } .vbo-config-tabs-wrap dl.tabs dt.open, .vbo-config-tabs-wrap dl.tabs dt.open:hover { border-bottom: 2px solid var(--vbo-base-color); } .vbo-config-tabs-wrap dt.tabs:hover span h3 a, .vbo-config-tabs-wrap dt.tabs:hover span h3 i { color: inherit; } .vbo-config-tabs-wrap dl.tabs dt.vbo-renewsession-dt, .vbo-config-tabs-wrap dl.tabs dt.vbo-renewsession-dt:hover { background: transparent; border-bottom: 0; float: right; } .vbo-config-body { margin-top: -20px; } .vbo-admin-container { background: transparent; clear: both; padding: 10px; display: flex; flex-wrap: wrap; } .vbo-admin-container > div { flex-basis: calc(50% - 10px); } .vbo-admin-container > .vbo-config-maintab-smaller { flex-basis: calc(35% - 10px); } .vbo-admin-container > .vbo-config-maintab-larger { flex: 1; } .vbo-admin-container.vbo-params-container-wide > div { flex-basis: 100%; } .vbo-admin-container .adminform { width: auto; display: inherit; background: var(--vbo-config-bg-color); border-radius: 6px; margin: 20px 0; padding: 15px 30px; box-shadow: 0 0 2px rgba(0,0,0,.1); } .vbo-admin-container .vbo-config-maintab-left { margin-right: 10px; } .vbo-admin-container .vbo-config-maintab-right { margin-left: 10px; } /* With this class we create a 100% width settings block */ .vbo-config-tab-container > .adminform { width: 100%; } .vbo-config-tab-container .adminform { margin-top: 0; } .vbo-config-tab-container { padding-top: 10px !important; } .vbo-admin-container .adminlegend { border-bottom: 0; font-size: 22px; line-height: 1.2em; font-weight: bold; color: var(--vbo-config-titles-color-light); width: 100%; } .modal-body .adminlegend { width: 100%; } #jmodal-box-vbo-new-res .modal-body .adminlegend, #jmodal-vbo-checkin-booking .modal-body .adminlegend { width: auto; float: inherit; margin-bottom: 10px; } .modal-body-wrapper .vbo-admin-container .adminlegend { float: none; } #jmodal-vbo-checkin-booking .modal-body .vbo-center { margin-top: 15px; } .vbo-btn-icon-right i { margin-left: 5px; margin-right: 0; } .vbo-btn-icon-left i { margin-right: 5px; margin-left: 0; } .vbo-admin-container .adminlegend i { margin-right: 5px; } .vbo-admin-container .vbo-param-container { display: flex; margin: 25px 0; } .vbo-param-container-highlighted { color: var(--vbo-red-color); } .vbo-admin-container .vbo-param-container .vbo-param-setting .input-append { margin-bottom: 0; } .vbo-admin-container .vbo-param-container .vbo-param-setting .input-append .vbo-trig-upd-pic { max-width: 225px; } .vbo-admin-container .vbo-param-container .vbo-param-setting select, .vbo-admin-container .vbo-param-container .vbo-param-setting select + input, .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="text"] + input[type="number"] { vertical-align: top; } .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numadultsfrom"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numadultsto"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numchildrenfrom"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numchildrento"], .vbo-admin-container .vbo-param-container .vbo-param-setting label + input { vertical-align: inherit !important; } .vbo-admin-container .vbo-param-container .vbo-param-setting .field-media-wrapper .field-media-preview { padding: 8px 5px; border-color: var(--vbo-config-border-color); } .vbo-admin-container .vbo-param-container.vbo-param-child { margin-top: -20px; } .vbo-admin-container .vbo-param-container.vbo-param-nested { border-top: 2px solid var(--vbo-basic-btn); background: var(--vbo-config-child-bg-color); padding: 10px 15px; margin: 0; } .vbo-admin-container .vbo-param-container .vbo-param-label { flex-basis: 250px; font-size: 14px; margin-right: 20px; margin-bottom: 5px; font-weight: 420; } .vbo-param-label-icn { color: var(--vbo-config-titles-color-light); } .vbo-param-label.vbo-param-label-icn-wrap { display: flex; gap: 6px; } .vbo-admin-container .vbo-config-maintab-smaller .vbo-param-container .vbo-param-label { flex-basis: 150px; } .vbo-admin-container .vbo-param-container .vbo-param-label .vbo-param-label-top span { display: block; margin-bottom: 5px; } /* The "-full" style gives a block layout for lbl and value, to use together with "vbo-param-container" */ .vbo-admin-container .vbo-param-container-full { flex-wrap: wrap; } .vbo-admin-container .vbo-param-container-full .vbo-param-label { flex-basis: 100%; margin-bottom: 10px; } /* The vbo-params-wrap-fullwidth give a 100% width to each setting block */ .vbo-admin-container .vbo-params-wrap.vbo-params-wrap-fullwidth { width: 100%; } /* This "-full" class is to enlarge the one column admin structure. * This needs to be used together with the "vbo-admin-container" class. */ .vbo-admin-container-full .vbo-params-wrap { flex-basis: 100%; } /* This "-compact" class is to reduce the padding between the settings. * This needs to be used together with the "vbo-admin-container" class. */ .vbo-admin-container-compact .vbo-param-container { margin: 12px 0; } .vbo-params-block.vbo-params-block-compact .vbo-param-container { margin-bottom: 0; padding-bottom: 0; } .vbo-admin-container .vbo-param-container.vbo-param-nested .vbo-param-label { flex-basis: 235px; } .vbo-admin-container .vbo-param-container .vbo-param-setting { flex: 1; max-width: 100%; } .vbo-admin-container .vbo-param-container .vbo-param-setting-comment, .vbo-bookingdet-detcont .vbo-param-setting-comment { display: block; font-size: .9em; margin-top: 4px; font-style: italic; color: var(--vbo-config-title-color); } .vbo-admin-container .vbo-param-container .vbo-param-setting:has(.vbo-param-setting-comment[data-element="message-template-info"]) { display: flex; flex-wrap: wrap; align-items: center; } .vbo-admin-container .vbo-param-container select[data-element="message-template"] { margin-right: 10px; margin-bottom: 2px !important; } .vbo-admin-container .vbo-param-container .vbo-param-setting-comment[data-element="message-template-info"] { font-weight: 600; display: inline-flex; align-items: center; gap: 5px; font-style: normal; margin-top: 2px; } .vbo-admin-container .vbo-param-container .vbo-param-setting-comment[data-element="message-template-info"] img { width: 24px; height: 24px; object-fit: cover; } .vbo-params-wrap .vbo-params-legend-comment { display: block; font-size: .9em; font-style: italic; color: var(--vbo-config-titles-color-light); margin-top: -3px; } .vbo-admin-container .vbo-param-container .vbo-param-setting-comment.vbo-param-setting-comment-danger { font-weight: bold; color: var(--vbo-red-color); } .vbo-admin-container .vbo-param-container .vbo-param-setting-comment-inline { margin-left: 5px; font-style: italic; color: var(--vbo-config-title-color); } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-group { display: inline-block; margin-right: 10px; } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block { margin-bottom: 5px; } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block:last-child { margin-bottom: 0; } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal, #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal, .vbo-modal-link-img { background: var(--vbo-main-bg-color); padding: 10px 15px; border-radius: 2px; border: 1px solid var(--vbo-config-border-color); color: var(--vbo-config-title-color); display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 120px; margin: 0; vertical-align: top; } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal:hover, #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal:hover, .vbo-modal-link-img:hover { color: var(--vbo-base-color); border-color: var(--vbo-base-color); background-color: var(--vbo-config-bg-color); } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal:active, #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal:active, .vbo-modal-link-img:active { background-color: var(--vbo-config-child-bg-color); } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal i { margin-right: 3px; font-size: 16px; } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal + input[type="file"] { margin: 2px 0; height: 40px; } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block input[type="file"] { vertical-align: top; } #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] { vertical-align: top; } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-resize-lb-cont label { margin-bottom: 0; } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-resize-lb-cont input { margin-top: 0; } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizesel, .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizeselmore { border-left: 1px solid var(--vbo-main-bg-color); padding-left: 10px; margin-left: 10px; } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizesel span, .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block #resizeselmore span { margin: 0 10px 3px 0; display: inline-block; } .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar { margin-top: 0; } .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group:first-child { margin-left: 0; } form input[type="text"], form textarea, .vbo-admin-container .vbo-param-container .vbo-param-setting input, .vbo-admin-container .vbo-param-container .vbo-param-setting textarea, .new_depovr_container input[type="number"], .vbo-admin-container .vbo-param-container .vbo-param-label input, .vbo-bookingdet-detcont input[type="text"], .vbo-bookingdet-summary .vbo-bookingdet-summary-total input, .vbo-btn-toolbar .input-append input[type="text"], .vbo-editbooking-summary-room input[type="number"], .vbo-editbooking-summary-room input[type="text"], .occupancy-adults-ovr input[type="number"] { border: 1px solid var(--vbo-config-border-color); border-radius: var(--vbo-field-radius); padding: 8px 10px; margin-bottom: 0; box-sizing: border-box; height: auto; } .vbo-admin-container .vbo-param-container .vbo-param-setting .input-append input { border-top-right-radius: 0; border-bottom-right-radius: 0; } .vbo-admin-container .vbo-param-container .vbo-param-setting .input-append .btn.vbo-config-btn { margin-left: 5px } input[type="number"].vbo-small-input { width: 70px !important; vertical-align: inherit; } input[type="number"].vbo-medium-input { width: 100px !important; vertical-align: inherit; } .vbo-booking-special-requests { border: 1px solid var(--vbo-blue-color); padding: 10px; border-radius: 15px; border-top-left-radius: 0; background: var(--vbo-config-child-bg-color); margin: 0 5px; } .vbo-booking-admin-notes { background: var(--vbo-config-child-bg-color); padding: 10px; margin: 0; font-style: italic; } .vbo-admin-container .vbo-param-container .vbo-param-setting input:focus, .vbo-admin-container .vbo-param-container .vbo-param-setting textarea:focus, .new_depovr_container input[type="number"]:focus, .vbo-admin-container .vbo-param-container .vbo-param-label input:focus, .vbo-bookingdet-detcont input[type="text"]:focus, .vbo-bookingdet-summary .vbo-bookingdet-summary-total input:hover, .vbo-btn-toolbar .input-append input[type="text"]:hover, .vbo-btn-toolbar .input-append input[type="text"]:focus, .occupancy-adults-ovr input[type="number"]:hover, .occupancy-adults-ovr input[type="number"]:focus { background: var(--vbo-input-style-deactive); } .vbo-btn-toolbar .input-append .btn + input { border-top-left-radius: 0; border-bottom-left-radius: 0; } .vbo-editbooking-summary-room input[type="number"]:not(.vbo-small-input) { width: 100px !important; } input[type="number"].vbo-large-input-number { width: 180px !important; } .vbo-admin-container .vbo-param-container .vbo-param-setting select, .new_depovr_container select, .vbo-calendar-custmail-tpls-wrap select, .vbo-bookingdet-topcontainer select, .vbo-roomdet-guest-detail select, .vbo-btn-toolbar select, .occupancy-adults-ovr select { margin-bottom: 0; border-radius: var(--vbo-field-radius); border: 1px solid var(--vbo-config-border-color); padding: 8px 10px; height: inherit; } .vbo-admin-container .vbo-param-container .vbo-param-setting .field-calendar button, .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-field-calendar button, .btn.vbodatepicker-trig-icon { padding: 8px 10px; border-radius: 0 2px 2px 0; border: 1px solid var(--vbo-config-border-color); } .vbo-admin-container .vbo-param-container .vbo-param-setting .field-calendar button .icon-calendar, .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-field-calendar button .icon-calendar, .vbo-admin-container .vbo-param-container .vbo-param-setting .vbodatepicker-trig-icon .icon-calendar, .btn.vbodatepicker-trig-icon .icon-calendar { margin-right: 0; } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-config-btn, .vbo-admin-container .vbo-param-container .vbo-colortag-add { background: var(--vbo-base-color); border: 1px solid var(--vbo-base-color); color: #fff; padding: 10px 14px; } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-config-btn i, .vbo-admin-container .vbo-param-container .vbo-colortag-add i { color: #fff; } .vbo-admin-container .vbo-param-container .vbo-config-btn:hover, .vbo-admin-container .vbo-param-container .vbo-colortag-add:hover { background: var(--vbo-base-color-hover) !important; } .vbo-admin-container .vbo-param-container .vbo-config-btn:active, .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-config-btn:focus, .vbo-admin-container .vbo-param-container .vbo-colortag-add:focus .vbo-admin-container .vbo-param-container .vbo-colortag-add:active { background: var(--vbo-link-text-color) !important; } .vbo-admin-container .vbo-param-container .vbo-config-btn i { margin-right: 5px; display: inline-block; } .vbo-admin-container .vbo-param-container #vbo-camstart.vbo-config-btn { margin-top: 5px; } .vbo-admin-container .vbo-param-container .btn-danger { padding: 10px 14px; font-size: 12px; line-height: 15px; border-radius: var(--vbo-field-radius); } select.vbo-select-small { padding: 0px 24px 0px 8px !important; min-height: 25px; font-size: 12px; height: 25px !important; } .vbo-btn-toolbar .btn i { margin-right: 5px; } .vbo-btn-toolbar .input-append .btn .icon-calendar { margin-right: 0; } .iti.iti--allow-dropdown { background: var(--vbo-input-style); border: 1px solid var(--vbo-config-border-color); border-radius: var(--vbo-field-radius); display: flex; z-index: 0; } .iti.iti--allow-dropdown .iti__flag-container { position: relative; } .iti.iti--allow-dropdown .iti__selected-flag { border-right: 1px solid var(--vbo-config-border-color); } .iti.iti--allow-dropdown input[type="tel"] { border: 1px solid transparent; border-top-left-radius: 0; border-bottom-left-radius: 0; padding: 5px 10px; margin-bottom: 0; height: auto; flex: 1; } .iti.iti--allow-dropdown input[type="tel"]:focus, .iti.iti--allow-dropdown input[type="tel"]:hover { border: 1px solid var(--vbo-base-color); } .vbo-uploaded-files i.fa-file { font-size: 60px !important; } .vbo-uploaded-files .file-elem a .file-extension { font-size: 14px !important; } .vbo-uploaded-files .file-elem { margin-bottom: 20px; width: calc(100% / 7); } .vbo-param-file-upload-wrap .vbo-uploaded-files .file-elem { width: calc(100% / 2); } .vbo-bookingdet-btncont .vbo-config-btn { margin-top: 5px; } .vbo-bookingdet-btncont .vbo-config-btn i { margin-right: 8px; } .vbo-param-setting .vbo-carat-fonticon-preview .vbo-carat-fonticon-preview-inner { display: inline-block; margin-left: 10px; border: 1px solid var(--vbo-config-border-color); padding: 8px 9px; margin-top: 0px; border-radius: 2px; background: var(--vbo-config-child-bg-color); vertical-align: top; } .vbo-admin-container .vbo-param-container .vbo-edit-tmpl:focus, .vbo-admin-container .vbo-param-container .vbo-edit-tmpl:active { background: var(--vbo-config-bg-color); } .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar { margin-bottom: 0; height: auto; } .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .input-append { margin-bottom: 0; } .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple { border: 0 !important; background: transparent; } .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 0; } .vbo-param-container .vbo-param-setting .select2-container--default { width: 70% !important; } .vbo-param-container.vbo-param-container-full-setting .vbo-param-setting .select2-container--default { width: 100% !important; max-width: initial; } .vbo-params-block .vbo-param-container.vbo-param-container-full-setting .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field { width: calc(100% - 2px) !important; } .vbo-params-block.vbo-params-block-full-setting .vbo-param-container .vbo-param-setting .select2-container--default { width: 100% !important; max-width: initial; } .vbo-params-block.vbo-params-block-full-setting .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field { width: calc(100% - 2px) !important; } .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-search--inline { width: 100%; } .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field { width: 100% !important; background: var(--vbo-config-bg-color); } .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice, .vbo-admin-widget-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: var(--vbo-select2-bg); border: 1px solid var(--vbo-select2-border); border-radius: 30px; padding: 5px 10px; color: var(--vbo-select2-txt); font-weight: bold; } .vbo-admin-widget-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice { font-size: 12px; } .vbo-reportwidget-filter .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 0; display: inline-block; } .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove, .vbo-admin-widget-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove { display: inline-block; margin-left: 3px; margin-right: 0; width: 18px; height: 18px; line-height: 15px; font-size: 16px; text-align: center; border-radius: 50%; color: #1f90d9; float: right; } .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove:hover, .vbo-admin-widget-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove:hover { background: #1f90d9; color: #fff; } .vbo-admin-container .vbo-param-container .vbo-resmodcanc-lim { margin-left: 5px; } #vbo-preset-icons + .select2-container--default .select2-selection--single { height: 36px; border: 1px solid #ddd; border-radius: var(--vbo-field-radius); } #vbo-preset-icons + .select2-container--default #select2-roomselcalc-container { font-weight: normal; font-size: 14px; } #vbo-preset-icons + .select2-container--default .select2-selection--single .select2-selection__arrow { height: 36px; } #vbo-preset-icons + .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 35px; } .vbo-admin-container .vbo-param-container .vbo-iostoggle-wrap input, .vbo-admin-container .vbo-param-container .vik-iostoggle-wrap input { border: 0; } .btn-group.btn-group-right-el input[type="text"], .vbo-btn-toolbar .input-append #confirmnumber, .vbo-btn-toolbar .input-append #customernominative, .vbo-btn-toolbar .input-append #filtercustomer, .vbo-btn-toolbar .input-append #filtercustomer, .vbo-report-filter-val .input-append #einvkword { border-top-right-radius: 0; border-bottom-right-radius: 0; } /* * IMPORTANT: By using the wrapping class "vbo-multiselect-inline-elems-wrap" you will have inline elements in the multiselect dropdown. * This class can be used with the "vbo-param-setting" class. */ .vbo-multiselect-inline-elems-wrap .select2-container { width: auto !important; max-width: 500px; } .vbo-param-container .vbo-param-setting .vbo-multiselect-inline-elems-wrap .select2-container--default .select2-selection--multiple .select2-selection__rendered { display: flex; flex-wrap: wrap; align-items: center; padding: 5px; column-gap: 3px; padding: 4px 5px 1px; min-height: 38px; } .vbo-param-container .vbo-param-setting .vbo-multiselect-inline-elems-wrap .select2-selection--multiple .select2-selection__rendered li .select2-search__field { margin-bottom: 0 !important; border: 0; margin-top: 0; padding: 0; min-height: 30px; } .vbo-multiselect-inline-elems-wrap .select2-container .select2-search--inline { padding-top: 0; } .vbo-multiselect-inline-elems-wrap .select2-selection__rendered > li:last-of-type:not(:only-of-type) { width: 20px !important; padding-top: 0; /*height: 20px;*/ } .vbo-param-container .vbo-param-setting .vbo-tagcolors-elems-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice, .vbo-param-container .vbo-param-setting .vbo-multiselect-inline-elems-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice { max-width: initial; margin: 0; position: relative; background-color: transparent; border: 0; border-radius: 0; padding: 0; color: initial; font-weight: normal; overflow: visible; } .vbo-param-container .vbo-param-setting .vbo-tagcolors-elems-wrap .select2-container--default .select2-selection--single .select2-selection__rendered { min-height: 38px; line-height: 40px; display: flex; align-items: center; } .vbo-tagcolors-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-tag, .vbo-multiselect-inline-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-tag { display: inline-block; padding: 4px 10px 4px 10px; border-radius: 4px; background: var(--vbo-basic-btn); color: var(--vbo-body-text-color); max-width: 140px; overflow: hidden; text-overflow: ellipsis; line-height: 1.4em; } .vbo-tagcolors-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .select2-selection__choice__remove + .vbo-sel2-selected-tag, .vbo-multiselect-inline-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .select2-selection__choice__remove + .vbo-sel2-selected-tag { padding-right: 20px; } .vbo-sel2-selected-tag img.vbo-sel2-selected-tag-avatar { height: 24px; width: 24px; border-radius: 50%; object-fit: cover; border: 2px solid var(--vbo-config-bg-color); vertical-align: middle; margin-right: 4px; } .vbo-sel2-selected-tag i.vbo-sel2-selected-tag-avatar { height: 24px; width: 24px; border-radius: 50%; text-align: center; line-height: 24px; color: var(--vbo-config-titles-color-light); border: 2px solid var(--vbo-config-titles-color-light); font-size: 12px; margin-right: 4px; } .vbo-tagcolors-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-tag.red { background-color: var(--vbo-tag-red-bg); color: var(--vbo-tag-red-txt); } .vbo-tagcolors-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-tag.green { background-color: var(--vbo-tag-green-bg); color: var(--vbo-tag-green-txt); } .vbo-tagcolors-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-tag.olive { background-color: var(--vbo-tag-olive-bg); color: var(--vbo-tag-olive-txt); } .vbo-tagcolors-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-tag.blue { background-color: var(--vbo-tag-blue-bg); color: var(--vbo-tag-blue-txt); } .vbo-tagcolors-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-tag.ocean { background-color: var(--vbo-tag-ocean-bg); color: var(--vbo-tag-ocean-txt); } .vbo-tagcolors-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-tag.brown { background-color: var(--vbo-tag-brown-bg); color: var(--vbo-tag-brown-txt); } .vbo-tagcolors-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-tag.yellow { background-color: var(--vbo-tag-yellow-bg); color: var(--vbo-tag-yellow-txt); } .vbo-tagcolors-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-tag.orange { background-color: var(--vbo-tag-orange-bg); color: var(--vbo-tag-orange-txt); } .vbo-tagcolors-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-tag.purple { background-color: var(--vbo-tag-purple-bg); color: var(--vbo-tag-purple-txt); } .vbo-tagcolors-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-tag.pink { background-color: var(--vbo-tag-pink-bg); color: var(--vbo-tag-pink-txt); } .vbo-tagcolors-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-tag.black { background-color: var(--vbo-tag-black-bg); color: var(--vbo-tag-black-txt); } .vbo-tagcolors-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-tag.gray { background-color: var(--vbo-tag-gray-bg); color: var(--vbo-tag-gray-txt); } .vbo-tagcolors-elems-wrap.vbo-statuscolors-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-tag { border-radius: 20px; } .vbo-sel2-selectable-tag { display: flex; align-items: center; } .vbo-colortag-circle { display: inline-block; width: 12px; height: 12px; border-radius: 50%; margin-right: 5px; border: 1px solid var(--vbo-basic-btn-hover); background-color: var(--vbo-basic-btn); } .vbo-sel2-search-elem { display: flex; align-items: center; gap: 10px; } .vbo-sel2-search-elem-avatar, .vbo-sel2-selected-search-elem { display: flex; align-items: center; width: 100%; gap: 6px; } .vbo-sel2-search-elem-avatar > img, .vbo-sel2-search-elem-avatar > i, .vbo-sel2-selected-search-elem img, .vbo-sel2-selected-search-elem i { width: 24px; height: 24px; border-radius: 50%; } .vbo-sel2-search-elem-avatar img, .vbo-sel2-selected-search-elem img { object-fit: cover; border: 2px solid var(--vbo-config-bg-color); } .vbo-sel2-search-elem-avatar i, .vbo-sel2-selected-search-elem i { line-height: 24px; color: var(--vbo-config-titles-color-light); border: 1px solid var(--vbo-config-titles-color-light); font-size: 12px; text-align: center; } .select2-container--open.select2-container--default .select2-results__option--highlighted[aria-selected] .vbo-sel2-search-elem-avatar i, .select2-container--open.select2-container--default .select2-results__option--highlighted[aria-selected] .vbo-sel2-selected-search-elem i { color: var(--vbo-contrast-text-color); border-color: var(--vbo-contrast-text-color); } .vbo-search-elems-wrap .select2-container--default .select2-selection--single .select2-selection__rendered { min-height: 42px; line-height: 40px; display: flex; align-items: center; } .vbo-search-elems-wrap .select2-container.select2-container--default .select2-selection--single { height: 44px; } .vbo-tm-toolbar-filter .vbo-search-elems-wrap .select2-container.select2-container--default .select2-selection--single { height: 40px; } .vbo-tm-toolbar-filter .vbo-search-elems-wrap .select2-container--default .select2-selection--single .select2-selection__rendered { min-height: 38px; line-height: 38px; } .vbo-search-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-search-elem { display: flex; align-items: center; gap: 6px; padding: 3px 10px 3px 8px; border-radius: 4px; background: var(--vbo-basic-btn); color: var(--vbo-body-text-color); max-width: fit-content; overflow: hidden; text-overflow: ellipsis; line-height: 1.4em; max-width: calc(100% - 30px); min-width: 150px; } .vbo-search-elems-wrap .select2-container.select2-container--default .select2-selection--single .select2-selection__clear { order: 2; margin-left: auto; } .vbo-search-elems-wrap .vbo-sel2-selected-tag { max-width: calc(100% - 10px); min-width: 150px; overflow: hidden; text-overflow: ellipsis; } /* Task Manager */ .vbo-tm-managecolortag-color { width: 22px; height: 22px; } input[type="text"].vbo-param-setting-tm-task-title-inp, input[type="text"].vbo-param-setting-tm-task-title-inp:focus { border: 0 !important; border-radius: 0 !important; background: transparent !important; appearance: none; outline: none; box-shadow: none !important; font-size: 40px !important; line-height: 2 !important; padding: 0 !important; font-weight: bold; width: 100% !important; } .vbo-param-setting-tm-task-title-inp:hover:not(:focus) { cursor: pointer; } .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="text"].vbo-param-setting-tm-task-title-inp { width: calc(100% - 70px) !important; } .vbo-tm-areas-blank-pane { display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 600px; margin: 50px auto; gap: 0px; text-align: center; background: var(--vbo-config-bg-color); padding: 30px 20px; border-radius: 20px; border: 1px solid var(--vbo-basic-btn); box-shadow: 0 1.5px 7px rgba(0,0,0,.05); } .vbo-tm-areas-blank-pane .blank-icon { font-size: 48px; margin-bottom: 10px; color: var(--vbo-config-titles-color-light); } .vbo-tm-areas-blank-pane .blank-title { font-size: 2.5em; line-height: 1em; font-weight: 500; margin-bottom: 10px; } .vbo-tm-areas-blank-pane .blank-subtitle { font-size: 1.5em; line-height: 1.5em; } .vbo-tm-areas-blank-pane .blank-actions { margin-top: 20px; } .vbo-tm-toolbar .vbo-tm-toolbar-header { display: flex; gap: 10px; align-items: center; margin-bottom: 8px; } .vbo-tm-toolbar { background: var(--vbo-config-bg-color); padding: 10px; border-radius: 14px; } .vbo-tm-toolbar .vbo-tm-areas-ctx { border-right: 1px solid var(--vbo-basic-btn); padding-right: 10px; } .vbo-tm-toolbar .vbo-tm-areas-ctx .btn { background-color: var(--vbo-input-style); } .vbo-tm-toolbar .vbo-tm-areas-ctx .btn:hover { border-color: var(--vbo-base-color); } .vbo-tm-toolbar .vbo-tm-areas-ctx .vbo-context-menu-ico { padding: 8px; } .vbo-tm-toolbar .vbo-tm-areas-ctx .btn.vbo-context-menu-btn:hover .vbo-context-menu-ico { background: var(--vbo-config-bg-color); } .vbo-tm-toolbar .vbo-tm-areas-ctx .vbo-context-menu-lbl { padding: 8px 10px; } .vbo-tm-toolbar .vbo-tm-toolbar-filters { display: flex; gap: 10px; border-top: 1px solid var(--vbo-basic-btn); padding-top: 10px; } .vbo-tm-toolbar .vbo-tm-toolbar-filter .vbo-context-menu-btn { background-color: var(--vbo-input-style); } .vbo-tm-toolbar .vbo-tm-toolbar-filter .vbo-context-menu-btn .vbo-context-menu-lbl { background-color: transparent; color: var(--vbo-config-text-color-light); } .vbo-tm-toolbar .vbo-tm-toolbar-filter .btn.vbo-context-menu-btn:hover .vbo-context-menu-ico { background-color: transparent; } .vbo-tm-toolbar .vbo-tm-toolbar-filter .btn.vbo-context-menu-btn .vbo-context-menu-ico i { color: var(--vbo-config-text-color-light); } .vbo-tm-toolbar .vbo-tm-toolbar-filter .vbo-context-menu-btn:hover, .vbo-tm-toolbar .vbo-tm-toolbar-filter .select2-container.select2-container--default .select2-selection--single:hover { border-color: var(--vbo-info-border) !important; } .vbo-tm-toolbar .vbo-tm-toolbar-filter .vbo-context-menu-btn:hover .vbo-context-menu-lbl, .vbo-tm-toolbar .vbo-tm-toolbar-filter .btn.vbo-context-menu-btn:hover .vbo-context-menu-ico i, .vbo-tm-toolbar .vbo-tm-toolbar-filter:hover .select2-container.select2-container--default .select2-selection--single .select2-selection__placeholder { color: var(--vbo-body-text-color); } .vbo-tm-toolbar .vbo-tm-toolbar-filter.vbo-tm-filter-active .select2-container .select2-selection--single .select2-selection__arrow b { border-color: var(--vbo-body-text-color) transparent transparent transparent; } .vbo-tm-toolbar .vbo-tm-toolbar-filter:hover .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; } .vbo-tm-toolbar .vbo-tm-toolbar-filter .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; } .vbo-tm-toolbar .vbo-tm-toolbar-filter .vbo-context-menu-btn.vbo-tm-filter-active, .vbo-tm-toolbar .vbo-tm-toolbar-filter.vbo-tm-filter-active .select2-container .select2-selection--single { border-color: var(--vbo-info-border) !important; background-color: var(--vbo-light-blue); } .vbo-tm-toolbar .vbo-tm-toolbar-filter.vbo-tm-filter-active .select2-container .select2-selection--single .vbo-sel2-selected-search-elem { background-color: transparent; padding-left: 0; } .vbo-tm-toolbar .vbo-tm-toolbar-filter .vbo-context-menu-btn.vbo-tm-filter-active .vbo-context-menu-lbl, .vbo-tm-toolbar .vbo-tm-toolbar-filter .btn.vbo-context-menu-btn.vbo-tm-filter-active .vbo-context-menu-ico i, .vbo-tm-toolbar .vbo-tm-toolbar-filter.vbo-tm-filter-active .select2-container .select2-selection--single { color: var(--vbo-body-text-color); font-weight: 550; } .vbo-tm-toolbar .btn.vbo-context-menu-btn:hover .vbo-context-menu-ico { background: transparent; } .vbo-tm-toolbar-filters .vbo-context-menu-lbl { white-space: nowrap; max-width: 150px; overflow: hidden; text-overflow: ellipsis; } .vbo-tm-toolbar .vbo-tm-toolbar-header .vbo-tm-modes { display: flex; gap: 6px; padding: 5px; background: var(--vbo-config-child-bg-color); border-radius: 10px; } .vbo-tm-toolbar .vbo-tm-toolbar-header .vbo-tm-mode a { border: 1px solid var(--vbo-config-child-bg-color); color: var(--vbo-body-text-color); padding: 8px 12px; border-radius: 6px; display: inline-block; } .vbo-tm-toolbar .vbo-tm-toolbar-header .vbo-tm-mode:not(.mode-active) a:hover { border-radius: 6px; background-color: var(--vbo-config-bg-color); border-color: var(--vbo-base-color); color: var(--vbo-base-color); } .vbo-tm-toolbar .vbo-tm-toolbar-header .vbo-tm-mode a i { margin-right: 3px; } .vbo-tm-toolbar .vbo-tm-toolbar-header .mode-active a { background: var(--vbo-blue-color); border-color: var(--vbo-blue-color); } .vbo-tm-toolbar .vbo-tm-toolbar-header .mode-active a { color: var(--vbo-contrast-text-color); } /* task manager text search filter */ .vbo-tm-toolbar-filter.vbo-tm-filter-search { margin-left: auto; } .vbo-tm-toolbar-filter.vbo-tm-filter-search:not(.vbo-tm-filter-active) a { color: var(--vbo-text-color) !important; opacity: 0.75; } .vbo-tm-toolbar-filter.vbo-tm-filter-search:not(.vbo-tm-filter-active) a:hover { opacity: 1; } .vbo-tm-filter-search-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; z-index: 99999; } .vbo-tm-filter-search-overlay .finder-box { position: relative; width: 90%; max-width: 600px; } .vbo-tm-filter-search-overlay .finder-box > i.search { position: absolute; top: 50%; left: 16px; transform: translateY(-50%); font-size: 24px; opacity: 0.85; pointer-events: none; } .vbo-tm-filter-search-overlay .finder-box > i.clear { position: absolute; top: 50%; right: 16px; transform: translateY(-50%); font-size: 24px; opacity: 0.5; cursor: pointer; } .vbo-tm-filter-search-overlay .finder-box > i.clear:hover { opacity: 0.85; } .vbo-tm-filter-search-overlay .finder-box > input { font-size: 28px; line-height: 1; padding: 10px 50px; width: 100% !important; border-radius: 16px; font-weight: 200; } /* end filter */ .vbo-tm-board-areas-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 10px; } .vbo-tm-board-areas-list .vbo-tm-board-area-container { background-color: var(--vbo-body-bg-color); padding: 10px; border-radius: 14px; } .vbo-tm-board-area-container .vbo-tm-board-area-wrap { display: flex; column-gap: 8px; align-items: start } .vbo-tm-board-area-container .vbo-tm-board-area-head { flex: 1; display: flex; align-items: center; } .vbo-tm-board-area-head-info .vbo-tm-board-area-icn { color: var(--vbo-config-text-color-light); margin-right: 2px; } .vbo-tm-board-area-head .vbo-tm-board-area-commands { margin-left: auto; } .vbo-tm-board-area-cmd { display: inline-block; margin-right: 10px; cursor: pointer; } .vbo-tm-board-area-wrap .vbo-tm-board-area-newtask .vbo-tm-board-area-cmd:hover { color: var(--vbo-base-color); } .vbo-tm-board-area-container .vbo-tm-board-area-newtask { margin-left: auto; display: flex; align-items: center; } .vbo-tm-board-area-container .vbo-tm-board-area-newtask .vbo-newtask-btn { border: 0; padding: 8px 10px; background: var(--vbo-light-blue); } .vbo-tm-board-area-container .vbo-tm-board-area-newtask .vbo-newtask-btn:hover { background: var(--vbo-info-bg); } .vbo-tm-board-area-container .vbo-tm-board-area-head .vbo-tm-board-area-name { font-weight: 600; } .vbo-tm-board-area-container .vbo-tm-board-area-head .vbo-tm-board-area-comments { font-style: italic; font-size: .9em; color: var(--vbo-config-titles-color-light); } .vbo-tm-board-area-tasks-loading, .vbo-tm-board-area-loading { text-align: center; padding: 20px; } .vbo-tm-board-area-container .vbo-tm-board-area-tasks-list { margin-top: 20px; background-color: var(--vbo-config-child-bg-color); padding: 7px; border-radius: 10px; overflow: hidden; overflow-y: scroll; max-height: 70vh; } .vbo-tm-board-area-container .vbo-tm-board-area-task-wrap:last-of-type { margin-bottom: 0; } .vbo-tm-board-area-tasks-list .info { background: transparent; border: 0; padding: 0 10px; } .vbo-tm-board-area-container .vbo-tm-board-area-task-wrap { border: 1px solid var(--vbo-config-border-color); background: var(--vbo-body-bg-color); border-radius: 10px; margin-bottom: 8px; } .vbo-tm-board-area-container .vbo-tm-board-area-task-wrap .vbo-tm-board-area-task-head { padding: 10px; } .vbo-tm-board-area-task-tags { margin-bottom: 8px; display: flex; flex-wrap: wrap; gap: 4px; } .vbo-tm-board-area-task-tag { padding:2px 8px 2px 8px; border-radius: 4px; display: inline-block; font-size: 12px; } .vbo-tm-board-area-task-notes { color: var(--vbo-config-titles-color-light); } .vbo-tm-board-area-task-due { margin-top: 8px; } .vbo-tm-board-area-task-due i { color: var(--vbo-config-titles-color-light); margin-right: 2px; } .vbo-tm-board-area-container .vbo-tm-board-area-task-wrap .vbo-tm-board-area-task-body { padding: 8px 10px 6px; display: flex; align-items: center; border-top: 1px solid var(--vbo-basic-btn); height: 25px; } .vbo-tm-board-area-container .vbo-tm-board-area-task-wrap .vbo-tm-board-area-task-status { order: 1; margin-left: auto; } .vbo-tm-board-area-task-status-badge { background: var(--vbo-basic-btn); color: var(--vbo-body-text-color); padding: 2px 8px; border-radius: 20px; font-size: 12px; display: inline-block; } .vbo-tm-board-area-container .vbo-tm-board-area-task-wrap .vbo-tm-board-area-task-assignees { order: 0; display: flex; align-items: center; } .vbo-tm-board-area-container .vbo-tm-board-area-task-wrap .vbo-tm-board-area-task-assignee { display: inline-block; margin-left: -10px; } .vbo-tm-board-area-container .vbo-tm-board-area-task-wrap .vbo-tm-board-area-task-assignee:first-child { margin-left: 0; } .vbo-tm-board-area-container .vbo-tm-board-area-task-wrap .vbo-tm-board-area-task-assignee-avatar img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; border: 1px solid var(--vbo-config-bg-color); } .vbo-tm-task-assignee-avatar { display: inline-block; vertical-align: middle; } .vbo-tm-board-area-container .vbo-tm-board-area-task-title { font-weight: 550; font-size: 16px; margin-bottom: 6px; cursor: pointer; } .vbo-mng-oper-work-dates .btn-group { margin-right: 3px; } .vbo-mng-oper-work-dates .btn-group:last-child { margin-right: 0; } .unread-message-dot { position: relative; margin-left: 5px; display: inline-flex; } .unread-message-dot:before { content: " "; position: absolute; width: 10px; height: 10px; top: 0; right: 0; border-radius: 50%; background: var(--vbo-red-color); transform: translate(25%, -45%); } .unread-message-dot.mini:before { width: 8px; height: 8px; } /* Task Manager Board Skeleton */ .vbo-tm-board-area-task-wrap-skeleton .vbo-skeleton-loading { border-radius: 10px; } .vbo-skeleton-loading.vbo-tm-board-area-task-title { width: 70%; height: 15px; } .vbo-skeleton-loading.vbo-tm-board-area-task-notes-line { width: 100%; height: 10px; } .vbo-skeleton-loading.vbo-tm-board-area-task-notes-line:last-child { width: 90%; } .vbo-skeleton-loading.vbo-tm-board-area-task-status-badge { width: 100px; height: 10px; } .vbo-skeleton-loading.vbo-tm-board-area-task-assignee { width: 24px; height: 24px; border-radius: 50%; border: 1px solid var(--vbo-config-bg-color); } /* Task Manager List Layout */ .vbo-tm-list-tasks-new .vbo-context-menu-tm-list-newtask { border: 0; border-radius: var(--vbo-field-radius); padding: 8px 10px; background: var(--vbo-base-color); color: var(--vbo-contrast-text-color); } .vbo-tm-task-assignee-avatar img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; border: 1px solid var(--vbo-config-bg-color); background: var(--vbo-config-bg-color); } .vbo-tm-task-assignee-avatar > span { font-size: 12px; display: inline-block; width: 28px; height: 28px; vertical-align: middle; text-align: center; background: var(--vbo-basic-btn); line-height: 28px; border-radius: 50%; border: 1px solid var(--vbo-config-bg-color); } .vbo-tm-list-tasks-container { margin-top: 1em; padding: 10px 0; background: var(--vbo-config-bg-color); border-radius: 14px; } .vbo-tm-list-tasks-columns { position: sticky; top: 32px; background: var(--vbo-config-bg-color); color: var(--vbo-config-titles-color-light); z-index: 1; } .vbo-tm-list-tasks-columns, .vbo-tm-list-task-row { display: grid; grid-template-columns: 50px /* ID */ 2fr /* Title */ 1fr /* Assignees */ 1fr /* Due date */ 1fr /* Status */ 1.5fr /* Reservation + Listing */ 1fr /* Project / Area */ 2fr; /* Tags */ align-items: center; gap: 10px 20px; padding: 8px 12px; border-bottom: 1px solid var(--vbo-basic-btn); } .vbo-tm-list-tasks-container .vbo-tm-list-task-row:last-of-type { border-bottom: 0; } .vbo-tm-list-tasks-column { font-weight: bold; } .vbo-tm-list-tasks-column, .vbo-tm-list-task-cell { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vbo-tm-list-task-cell[data-type="assignees"] { display: flex; align-items: center; } .vbo-tm-list-task-cell[data-type="title"], .vbo-tm-list-task-cell[data-type="due"] { font-size: 14px; } .vbo-tm-list-task-cell a { color: var(--vbo-body-text-color); font-weight: 500; } .vbo-tm-task-tag { padding:2px 8px 2px 8px; border-radius: 4px; display: inline-block; font-size: 12px; color: var(--vbo-body-text-color); } .vbo-tm-task-status-badge { background: var(--vbo-basic-btn); color: var(--vbo-body-text-color); padding: 2px 8px; border-radius: 20px; font-size: 12px; display: inline-block; } .vbo-tm-task-assignee { width: 30px; height: 30px; display: inline-block; } .vbo-tm-task-assignee:not(:first-child) { display: inline-block; margin-left: -10px; } .vbo-booking-badge { cursor: pointer; display: flex; align-items: center; width: fit-content; gap: 6px; padding: 3px 10px 3px 8px; border-radius: 4px; background: var(--vbo-basic-btn); color: var(--vbo-body-text-color); } .vbo-booking-badge:hover { background: var(--vbo-light-blue); } .vbo-booking-badge-avatar { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; border: 2px solid var(--vbo-config-bg-color); } .vbo-booking-badge-text { max-width: 140px; overflow: hidden; text-overflow: ellipsis; line-height: 1.4em; } .vbo-tm-list-task-cell-lid { margin-top: 2px; } .vbo-tm-list-task-cell-lid small { font-size: 12px; } .vbo-tm-list-task-cell[data-type="tags"] .vbo-tm-list-task-tags { display: flex; flex-wrap: wrap; gap: 6px; } .vbo-tm-list-task-cell[data-type="id"] { color: var(--vbo-config-text-color-light); } .vbo-tm-newtask { margin-left: auto; } .vbo-tm-newtask .vbo-context-menu-tm-newtask { border: 0; background: var(--vbo-base-color); color: var(--vbo-contrast-text-color); } .vbo-tm-newtask .vbo-context-menu-tm-newtask:hover { background: var(--vbo-base-color-hover); } .vbo-tm-newtask .vbo-context-menu-tm-newtask:focus { background: var(--vbo-base-color-hover); } .vbo-tm-newtask .vbo-context-menu-tm-newtask.vbo-context-menu-btn:hover .vbo-context-menu-ico { background: var(--vbo-info-border); } .vbo-tm-list-tasks-footer { margin-top: 10px; text-align: center; } .vbo-tm-list-tasks-loadmore .btn.vbo-tm-list-tasks-loadmore-btn { border-radius: 20px; background: var(--vbo-config-bg-dark); color: var(--vbo-contrast-text-color); padding: 10px 18px; } .vbo-tm-list-tasks-loadmore .btn.vbo-tm-list-tasks-loadmore-btn:hover { background: var(--vbo-body-text-color); } .vbo-tm-list-task-cell[data-type="id_order"] .order-summary-flex { display: flex; align-items: center; gap: 8px; } .vbo-tm-list-task-cell[data-type="id_order"] .order-summary-flex .order-room-booking-details { flex: 1; display: flex; flex-direction: column; } .vbo-tm-list-task-cell[data-type="id_order"] .order-summary-flex .vbo-booking-badge-avatar { width: 30px; height: 30px; border: 0; } .vbo-tm-list-task-cell[data-type="id_order"] .order-summary-flex span.vbo-booking-badge-avatar { background: var(--vbo-config-child-bg-color); color: var(--vbo-body-text-color); font-size: 16px; position: relative; } .vbo-tm-list-task-cell[data-type="id_order"] .order-summary-flex span.vbo-booking-badge-avatar i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .vbo-tm-list-task-cell[data-type="id_order"] .order-summary-flex span.vbo-booking-badge-avatar.edit-trigger { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .vbo-tm-list-task-cell[data-type="id_order"] .order-summary-flex span.vbo-booking-badge-avatar.edit-trigger:hover { color: var(--vbo-config-child-bg-color) !important; background: var(--vbo-body-text-color) !important; } .vbo-tm-list-task-cell[data-type="id_order"] .order-summary-flex .order-room-booking-details .order-room + .order-booking { font-size: smaller; } .vbo-tm-list-task-row .edit-trigger { cursor: pointer; } .vbo-tm-list-task-row .edit-trigger:hover { color: var(--vbo-blue-color); } .order-summary-flex .see-booking-details { position: relative; cursor: pointer; overflow: hidden; display: flex; } .order-summary-flex .see-booking-details > * { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .order-summary-flex .see-booking-details > .effect { font-size: 16px; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(100%, -50%); } .order-summary-flex .see-booking-details:hover > .vbo-booking-badge-avatar { filter: grayscale(100%) contrast(25%); } .order-summary-flex .see-booking-details:hover > .effect { transform: translate(-50%, -50%); } .vbo-tm-list-task-cell .secondary { color: var(--vbo-config-text-color-light); } /* Task Manager List Skeleton */ .vbo-tm-list-task-cell.vbo-skeleton-loading { width: 100%; height: 15px; border-radius: 10px; } .vbo-tm-list-task-cell.vbo-skeleton-loading[data-type="status"] { width: 50%; } .vbo-tm-list-task-cell[data-type="tags"] .vbo-skeleton-loading { width: 25%; height: 15px; border-radius: 4px; } vbo-tm-list-task-cell.vbo-skeleton-loading[data-type="due"] { width: 70%; } .vbo-tm-list-task-cell[data-type="id_order"] { display: flex; gap: 8px; align-items: center; } .vbo-tm-list-task-cell[data-type="id_order"] .order-room-booking-wrapper { flex: 1; display: flex; flex-direction: column; gap: 8px; } .vbo-tm-list-task-cell[data-type="id_order"] .order-room-booking-wrapper .vbo-skeleton-loading.room-info { width: 80%; height: 15px; border-radius: 10px; } .vbo-tm-list-task-cell[data-type="id_order"] .order-room-booking-wrapper .vbo-skeleton-loading.booking-info { width: 60%; height: 10px; border-radius: 10px; } .vbo-tm-panel { display: flex; border: 1px solid var(--vbo-config-border-color); border-radius: 8px; } .vbo-tm-panel .vbo-tm-panel-editor { flex: 1; background: #fbfbfb; border-radius: 7px 0 0 7px; } .vbo-tm-panel .vbo-tm-panel-editor .vbo-visualeditor-transparent .ql-toolbar.ql-snow { border-bottom: 1px solid var(--vbo-config-border-color); padding: 8px; background: var(--vbo-config-bg-color); border-radius: 7px 0 0 0; } .vbo-tm-panel .vbo-tm-panel-editor .vbo-visualeditor-transparent .ql-toolbar.ql-snow + .ql-container.ql-snow { border: 0; border-radius: 0; } .vbo-tm-panel .vbo-tm-panel-controls { width: 300px; padding: 15px; border-left: 1px solid var(--vbo-config-border-color); } .vbo-tm-panel .vbo-tm-panel-controls .vbo-param-container { display: block !important; margin: 0 0 18px !important; } .vbo-tm-panel .vbo-tm-panel-controls .vbo-param-container:last-child { margin-bottom: 0 !important; } .vbo-tm-panel .vbo-tm-panel-controls .vbo-param-container .vbo-param-setting input, .vbo-tm-panel .vbo-tm-panel-controls .vbo-param-container .vbo-param-setting .select2-container { width: 100% !important; } .vbo-ctxmenu-entry-icn { position: relative; width: 100%; display: flex; align-items: center; vertical-align: middle; } .vbo-ctxmenu-entry-icn > span:not(.vbo-ctxmenu-entry-icn-secondary) { width: calc(100% - 12px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; margin-right: 10px; } .vbo-ctxmenu-entry-icn-secondary { font-size: 12px; } .vbo-ctxmenu-entry-icn > .vbo-tooltip .vbo-deactivated-icon { opacity: .5; } .vbo-ctxmenu-entry-icn:hover > .vbo-tooltip .vbo-deactivated-icon { opacity: 1; } .vbo-ctxmenu-entry-icn:hover > .vbo-tooltip .vbo-deactivated-icon:hover { color: var(--vbo-base-color); } .vbo-ctxmenu-entry-icn > .vbo-tooltip .vbo-activated-icon { opacity: 1; color: var(--vbo-base-color); } .vbo-ctxmenu-entry-icn .vbo-tm-colortag-edit { position: absolute; right: 0; top: 50%; transform: translate(50%, -50%); opacity: 0.5; } .vbo-ctxmenu-entry-icn .fa-edit { margin-left: auto; font-size: 11px; opacity: .7; } .vbo-ctxmenu-entry-icn .fa-edit:hover { opacity: 1; } a.disabled .vbo-ctxmenu-entry-icn .vbo-tm-colortag-edit { display: none; } /* Task Manager Calendar Layout */ .vbo-tm-calendar-wrap { background: var(--vbo-config-bg-color); margin-top: 20px; border-radius: 14px; } .vbo-tm-calendar-head { display: flex; gap: 10px; align-items: center; padding: 20px 20px 10px; } .vbo-tm-calendar-info { font-size: 24px; font-weight: bold; padding: 0px 20px 0px 0; } .vbo-tm-calendar-info .vbo-tm-calendar-day-back { display: inline-block; font-size: 18px; color: var(--vbo-body-text-color); width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 50%; margin-right: 6px; } .vbo-tm-calendar-info .vbo-tm-calendar-day-back:hover { background-color: var(--vbo-basic-btn); } .vbo-tm-calendar-nav { margin-left: auto; } .vbo-tm-calendar-nav .vbo-tm-calendar-nav-btns { display: inline-block; border: 1px solid var(--vbo-basic-btn); border-radius: 30px; } .vbo-tm-calendar-nav .vbo-tm-calendar-nav-btns .vbo-tm-calendar-nav-btn { cursor: pointer; padding: 0; } .vbo-tm-calendar-nav .vbo-tm-calendar-nav-btns .vbo-tm-calendar-nav-btn:not(.vbo-tm-calendar-nav-today) { display:inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; } .vbo-tm-calendar-nav .vbo-tm-calendar-nav-btns .vbo-tm-calendar-nav-back { margin-right: -6px; } .vbo-tm-calendar-nav .vbo-tm-calendar-nav-btns .vbo-tm-calendar-nav-next { margin-left: -6px; } .vbo-tm-calendar-nav .vbo-tm-calendar-nav-btns .vbo-tm-calendar-nav-today { display: inline-block; height: 30px; line-height: 30px; padding: 0 10px; border-radius: 14px; } .vbo-tm-calendar-nav .vbo-tm-calendar-nav-btns .vbo-tm-calendar-nav-btn:hover { background: var(--vbo-basic-btn); } .vbo-tm-calendar-month-container { display: grid; grid-template-rows: 40px 1fr 1fr 1fr 1fr 1fr; } .vbo-tm-calendar-month-row { display: grid; grid-template-columns: repeat(7, 1fr); } .vbo-tm-calendar-month-row:not(.vbo-tm-calendar-month-weekdays) { min-height: 100px; } .vbo-tm-calendar-month-day { text-align: right; border-right: 1px solid var(--vbo-basic-btn); border-bottom: 1px solid var(--vbo-basic-btn); } .vbo-tm-calendar-month-day.drag-over { position: relative; } .vbo-tm-calendar-month-day.drag-over:after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 98%; height: 98%; background: var(--vbo-input-style-deactive); border: 2px dashed var(--vbo-config-border-color); border-radius: 8px; box-sizing: border-box; } .vbo-tm-calendar-month-row:not(.vbo-tm-calendar-month-weekdays) .vbo-tm-calendar-month-day:not(.vbo-tm-calendar-month-day-empty):hover { cursor: pointer; background: var(--vbo-light-blue); } .vbo-tm-calendar-month-day.vbo-tm-calendar-month-weekday { border-bottom: 1px solid var(--vbo-config-border-color); border-right: 0; font-size: 15px; font-weight: 300; padding: 10px; } .vbo-tm-calendar-month-day:last-child { border-right: 0; } .vbo-tm-calendar-month-row:last-child .vbo-tm-calendar-month-day { border-bottom: 0; } .vbo-tm-calendar-month-row:not(.vbo-tm-calendar-month-weekdays) .vbo-tm-calendar-month-day > span { display: inline-block; margin-top: 8px; margin-right: 8px; cursor: pointer; width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 50%; border: 1px solid var(--vbo-config-bg-color); } .vbo-tm-calendar-month-row:not(.vbo-tm-calendar-month-weekdays) .vbo-tm-calendar-month-day:hover > span { border-color: var(--vbo-base-color); } .vbo-tm-calendar-month-row:not(.vbo-tm-calendar-month-weekdays) .vbo-tm-calendar-month-day:hover > span:hover { background: var(--vbo-body-bg-color); } .vbo-tm-calendar-month-row:not(.vbo-tm-calendar-month-weekdays) .vbo-tm-calendar-month-day.vbo-tm-calendar-month-today > span { background-color: var(--vbo-base-color); border-color: var(--vbo-base-color); color: var(--vbo-contrast-text-color); } .vbo-tm-calendar-month-row:not(.vbo-tm-calendar-month-weekdays) .vbo-tm-calendar-month-day.vbo-tm-calendar-month-today > span:hover { background: var(--vbo-base-color-hover); border-color: var(--vbo-base-color-hover); } .vbo-tm-calendar-month-day-tasks { margin: 0 10px 5px; } .vbo-tm-calendar-month-day .vbo-tm-calendar-month-day-task { padding: 3px 5px; border-radius: 10px; margin-top: 4px; text-align: left; display: flex; flex-wrap: wrap; align-items: center; gap: 5px; font-weight: 450; cursor: pointer; z-index: 2; } .vbo-tm-calendar-month-day .vbo-tm-calendar-month-day-task.updating { opacity: .6; } .vbo-tm-calendar-month-day .vbo-tm-calendar-month-day-task:hover { opacity: .8; } .vbo-tm-calendar-month-day .vbo-tm-calendar-month-day-task .vbo-tm-calendar-task-assignees { margin-top: 5px; } .vbo-tm-calendar-month-day .vbo-tm-calendar-month-day-more { opacity: .7; display: inline-block; float: left; } .vbo-tm-calendar-month-day .vbo-tm-calendar-month-day-more:hover { opacity: 1; } .vbo-tm-calendar-month-day .vbo-tm-calendar-task-title{ display: inline-block; vertical-align: middle; } .vbo-tm-calendar-task-assignees { display: inline-block; vertical-align: middle; height: 24px; } .vbo-tm-calendar-task-assignee { width: 24px; height: 24px; vertical-align: middle; } .vbo-tm-calendar-task-assignee-avatar img { width: 22px; height: 22px; } .vbo-tm-calendar-task-assignee-avatar > span { width: 22px; height: 22px; line-height: 22px; } .vbo-tm-calendar-day-timeline { margin-top: 30px; padding: 0 10px 10px; } .vbo-tm-calendar-day-timeline-rows { margin-top: 40px; } .vbo-tm-calendar-day-timeline-row { display: flex; height: 150px; } .vbo-tm-calendar-day-timeline-row .vbo-tm-calendar-day-hour { flex-basis: 70px; position: relative; } .vbo-tm-calendar-day-timeline-row .vbo-tm-calendar-day-hour > * { position: absolute; top: 0; right: 10px; transform: translateY(-50%); } .vbo-tm-calendar-day-timeline-row .vbo-tm-calendar-day-tasks { flex: 1; position: relative; border-top: 1px solid var(--vbo-basic-btn); } .vbo-tm-calendar-day-timeline-row .vbo-tm-calendar-day-tasks .vbo-tm-calendar-day-task { position: absolute; z-index: 9; padding: 6px; border-radius: 10px; text-align: left; font-weight: 450; cursor: pointer; box-sizing: border-box; } .vbo-tm-calendar-day-timeline-row .vbo-tm-calendar-day-tasks .vbo-tm-calendar-day-task:hover { opacity: .8; } .vbo-tm-calendar-day-timeline-row .vbo-tm-calendar-day-tasks .vbo-tm-calendar-day-task-wrap { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; } .vbo-tm-calendar-day-timeline-week { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .vbo-tm-calendar-day-timeline-week .vbo-tm-calendar-day-timeline-week-day { text-align: center; } .vbo-tm-calendar-day-timeline-week-nav > span { display: block; } .vbo-tm-calendar-nav-btn { cursor: pointer; display: inline-block; padding: 10px; border-radius: 6px; } .vbo-tm-calendar-nav-btn:hover { background: var(--vbo-basic-btn); } .vbo-tm-calendar-nav-btn.vbo-tm-calendar-day-timeline-week-today { background: var(--vbo-base-color); color: var(--vbo-contrast-text-color); } .vbo-tm-calendar-day-timeline-week-nav-mday { font-size: 18px; font-weight: 500; margin-bottom: 4px; text-align: center; } /* Color tags - This should be the last CSS of the Task Manager */ .vbo-tagcolors-elems-wrap .red, .vbo-tm-color.red, .vbo-colortag-circle.red { background-color: var(--vbo-tag-red-bg); border-color: var(--vbo-tag-red-border); } .vbo-tagcolors-elems-wrap .green, .vbo-tm-color.green, .vbo-colortag-circle.green { background-color: var(--vbo-tag-green-bg); border-color: var(--vbo-tag-green-border); } .vbo-tagcolors-elems-wrap .olive, .vbo-tm-color.olive, .vbo-colortag-circle.olive { background-color: var(--vbo-tag-olive-bg); border-color: var(--vbo-tag-olive-border); } .vbo-tagcolors-elems-wrap .blue, .vbo-tm-color.blue, .vbo-colortag-circle.blue { background-color: var(--vbo-tag-blue-bg); border-color: var(--vbo-tag-blue-border); } .vbo-tagcolors-elems-wrap .ocean, .vbo-tm-color.ocean, .vbo-colortag-circle.ocean { background-color: var(--vbo-tag-ocean-bg); border-color: var(--vbo-tag-ocean-border); } .vbo-tagcolors-elems-wrap .brown, .vbo-tm-color.brown, .vbo-colortag-circle.brown { background-color: var(--vbo-tag-brown-bg); border-color: var(--vbo-tag-brown-border); } .vbo-tagcolors-elems-wrap .yellow, .vbo-tm-color.yellow, .vbo-colortag-circle.yellow { background-color: var(--vbo-tag-yellow-bg); border-color: var(--vbo-tag-yellow-border); } .vbo-tagcolors-elems-wrap .orange, .vbo-tm-color.orange, .vbo-colortag-circle.orange { background-color: var(--vbo-tag-orange-bg); border-color: var(--vbo-tag-orange-border); } .vbo-tagcolors-elems-wrap .purple, .vbo-tm-color.purple, .vbo-colortag-circle.purple { background-color: var(--vbo-tag-purple-bg); border-color: var(--vbo-tag-purple-border); } .vbo-tagcolors-elems-wrap .pink, .vbo-tm-color.pink, .vbo-colortag-circle.pink { background-color: var(--vbo-tag-pink-bg); border-color: var(--vbo-tag-pink-border); } .vbo-tagcolors-elems-wrap .black, .vbo-tm-color.black, .vbo-colortag-circle.black { background-color: var(--vbo-tag-black-bg); border-color: var(--vbo-tag-black-border); } .vbo-tagcolors-elems-wrap .gray, .vbo-tm-color.gray, .vbo-colortag-circle.gray { background-color: var(--vbo-tag-gray-bg); border-color: var(--vbo-tag-gray-border); } .vbo-param-container .vbo-param-setting .vbo-multiselect-inline-elems-wrap .select2-container--default .select2-selection--multiple { font-weight: normal; border: 1px solid var(--vbo-config-border-color) !important; border-radius: var(--vbo-field-radius); background: var(--vbo-input-style); } .vbo-param-container .vbo-param-setting .vbo-multiselect-inline-elems-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove { position: absolute; right: 0; top: 45%; height: auto; transform: translate(0, -50%); font-weight: normal; color: var(--vbo-body-text-color); font-size: 12px; } .vbo-param-container .vbo-param-setting .vbo-multiselect-inline-elems-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove:hover { opacity: .8; background-color: transparent; } .vbo-multiselect-inline-elems-wrap .select2-container--default .select2-results > .select2-results__options { padding: 0 4px; } .vbo-preferred-countries-sortlist { margin-left: 0; max-width: 380px; } .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem { list-style-type: none; margin: 0; padding: 10px 15px; display: block; border-radius: var(--vbo-field-radius); border: 1px solid var(--vbo-basic-btn); background: var(--vbo-config-child-bg-color); margin: 5px 3px; cursor: grab; } .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem i { color: var(--vbo-config-titles-color-light); float: right; margin-top: 4px; } .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem:hover { background: var(--vbo-config-bg-color); color: var(--vbo-base-color); border-color: var(--vbo-base-color); } .vbo-preferred-countries-sortlist .vbo-preferred-countries-elem:hover i { color: var(--vbo-base-color); } .vbo-param-container .vbo-preferred-countries-edit-wrap { margin-top: 4px; } .vbo-param-container .vbo-preferred-countries-edit-wrap span { cursor: pointer; } .vbo-param-container .vbo-preferred-countries-edit-wrap span:hover { color: var(--vbo-base-color); } input[type="text"], input[type="password"], input[type="date"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], select { width: auto !important; } .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="text"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="password"], .vbo-admin-container .vbo-param-container .vbo-param-setting textarea { width: 70% !important; } /* Add the class "vbo-param-container-full-setting" to the "vbo-param-container" DIV to set the single param-setting to 100% */ .vbo-admin-container .vbo-param-container.vbo-param-container-full-setting .vbo-param-setting input[type="text"], .vbo-admin-container .vbo-param-container.vbo-param-container-full-setting .vbo-param-setting input[type="password"], .vbo-admin-container .vbo-param-container.vbo-param-container-full-setting .vbo-param-setting textarea { width: 100% !important; } /* Add the class "vbo-params-block-full-setting" to the "vbo-params-block" DIV to set all the internal param-setting to 100% */ .vbo-params-block.vbo-params-block-full-setting .vbo-param-container .vbo-param-setting input[type="text"], .vbo-params-block.vbo-params-block-full-setting .vbo-param-container .vbo-param-setting input[type="password"], .vbo-params-block.vbo-params-block-full-setting .vbo-param-container .vbo-param-setting textarea { width: 100% !important; } .vbo-admin-container .vbo-param-container .vbo-param-setting .btn-wrapper.input-append { width: 100%; } .vbo-admin-container .vbo-param-container .vbo-param-setting .btn-wrapper.input-append .btn { margin-right: 5px; } .vbo-admin-container .vbo-param-container .vbo-param-setting .btn-wrapper.input-append .btn:last-child { margin-right: 0; } .vbo-admin-container .vbo-param-container input[type="number"].vbo-input-number-large { width: 200px !important; } .vbo-param-container input[type="number"].vbo-input-number-small { width: 80px !important; } .vbo-admin-container .vbo-param-container .vbo-param-setting .vikpaymentparam .vikpaymentparaminput input { width: auto !important; } .vbo-admin-container .vbo-param-container i.fa-plus-square:hover, .vbo-admin-container .vbo-param-container i.fa-minus-square:hover { color: var(--vbo-base-color-hover); } .vbo-admin-container .vbo-param-container i.fa-plus-square:active, .vbo-admin-container .vbo-param-container i.fa-minus-square:active { color: var(--vbo-link-text-color); } .vbo-admin-container .vbo-config-maintab-left .vbo-param-setting .iti { width: calc(70% - 2px); } .vbo-payment-params-container .vbo-param-setting img { max-width: 300px; } input[type="number"] { width: 100px !important; } table.adminform label { display: inline; margin:0 0 0 5px; } table.adminform td { padding: 6px 0; } table.adminform div.input-append { display: inline; } .icon-vikbooking:before { font-family: "Font Awesome 7 Free", FontAwesome !important; font-weight: 900; content: "\f236"; background: none !important; } .icon-vikbookingconfig:before { font-family: "Font Awesome 7 Free", FontAwesome !important; font-weight: 900; content: "\f236"; background: none !important; } .icon-vikbookingstats:before { font-family: "Font Awesome 7 Free", FontAwesome !important; font-weight: 900; content: "\f236"; background: none !important; } /* Joomla 3.7.0 - Start */ .field-calendar, .vbo-field-calendar { display: inline-block; vertical-align: top; } .field-calendar .input-append, .vbo-field-calendar .input-append { display: flex; } .field-calendar .input-append input + button[type="button"], .vbo-field-calendar .input-append input + button[type="button"] { padding: 8px 10px; border-radius: 0 var(--vbo-field-radius) var(--vbo-field-radius) 0; border: 1px solid var(--vbo-config-border-color); } .field-calendar .input-append input + button[type="button"] .fa-calendar-alt, .vbo-field-calendar .input-append input + button[type="button"] .fa-calendar-alt { font-size: 14px; margin-right: 0; } .field-calendar .input-append input + button[type="button"] .icon-calendar, .vbo-field-calendar .input-append input + button[type="button"] .icon-calendar { margin-right: 0; } .btn-group .calendar-head-row { font-size: 13px; } /* Joomla 3.7.0 - End */ /* Reports - Start */ .vbo-reports-container { padding: 0 0 10px; } .vbo-reports-filters-wrap { background: var(--vbo-config-bg-color); border-radius: 14px; padding: 10px; box-sizing: border-box; } .vbo-reports-filters-outer.vbo-btn-toolbar { margin-top: 0; height: auto; padding: 0; background: transparent; } .vbo-reports-filters-outer > div { display: inline-block; margin: 2px 6px 2px 0; } .vbo-reports-filters-outer > div:last-child { margin-right: 0; } .vbo-reports-filters-outer > .vbo-reports-filters-launch .btn { background: var(--vbo-config-titles-color-light); color: var(--vbo-config-bg-color); } .vbo-reports-filters-outer > .vbo-reports-filters-launch .btn:hover { background-color: var(--vbo-body-text-color); } .vbo-reports-filters-outer > .vbo-reports-filters-export { margin: 2px; } .vbo-reports-filters-export { float: right; } .vbo-reports-filters-report { margin: 0 20px; } .vbo-report-filter-lbl { margin-bottom: 2px; } .vbo-reports-filters-report .vbo-report-filter-wrap { display: inline-block; margin-right: 6px; } .vbo-reports-filters-report .vbo-report-filter-wrap:last-child { margin-right: 0; } .vbo-reports-subfilters-wrap { display: flex; align-items: center; margin-top: 10px; } .vbo-reports-subfilters-cont { padding: 6px; border-top: 1px solid var(--vbo-basic-btn); background: var(--vbo-config-child-bg-color); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; flex: 1; } .vbo-reports-subfilters-wrap .vbo-report-layout-type { width: 200px; margin-top: 0; } .vbo-report-filter-val input, .vbo-report-filter-val select { margin: 0 !important; } .vbo-report-filter-val { position: relative; } .vbo-report-filter-val input.vbo-report-datepicker { max-width: 120px; padding-right: 26px; } .vbo-report-filter-val:has(.vbo-report-datepicker):after { content: "\f073"; font-family: "Font Awesome 7 Free", FontAwesome !important; font-weight: 900; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: var(--vbo-config-titles-color-light); } .vbo-reports-output { margin: 20px 0 10px; } .vbo-report-layout-type { text-align: right; display: inline-block; width: 100%; } .vbo-report-layout-type .vbo-report-layout-type-inner { background: var(--vbo-config-bg-color); margin-left: 10px; margin-right: 10px; border: 1px solid var(--vbo-config-border-color); display: flex; width: 170px; float: right; border-radius: var(--vbo-field-radius); overflow: hidden; display: flex; align-items: center; } .vbo-report-layout-type .vbo-report-layout-type-inner > * { display: inline-block; } .vbo-report-layout-type .vbo-report-layout-type-inner label { margin-bottom: 0; padding: 9px 7px; flex-basis: 25px; text-align: center; font-size: 16px; } .vbo-report-layout-type .vbo-report-layout-type-inner label i { color: var(--vbo-config-titles-color-light); } .vbo-report-layout-type .vbo-report-layout-type-inner select { margin-bottom: 0; border-radius: 2px; border: 0; padding: 8px 10px; height: inherit; flex: 1; outline: none; } .vbo-report-layout-type .vbo-report-layout-type-inner select:focus { outline: none; box-shadow: none; } .vbo-report-chart-wrap > h4 { margin-top: 30px; font-size: 18px; margin-bottom: 10px; border-bottom: 1px solid var(--vbo-config-border-color); padding-bottom: 10px; margin-left: 10px; } .vbo-report-chart-inner { display: flex; flex-wrap: wrap; margin-bottom: 40px; } .vbo-report-chart-main { flex: 1; } .vbo-report-chart-metas .vbo-report-chart-meta-inner { background: var(--vbo-config-bg-color); border: 1px solid var(--vbo-config-bg-color); padding: 20px; border-radius: 16px; box-shadow: 0 3px 10px rgba(0,0,0,.05); margin-bottom: 15px; position: relative; height: 70%; } .vbo-report-chart-metas .vbo-report-chart-meta-lbl { font-weight: bold; color: var(--vbo-config-titles-color-light); margin-bottom: 10px; } .vbo-report-chart-metas .vbo-report-chart-meta-val { font-size: 26px; font-weight: bold; } .vbo-report-chart-metas .vbo-report-chart-meta-val-main { display: inline-block; margin: 4px 0 6px; white-space: nowrap; } .vbo-report-chart-metas .vbo-report-chart-meta-val .vbo-report-chart-meta-val-descr { font-size: 13px; display: inline-block; vertical-align: middle; color: var(--vbo-config-titles-color-light); } .vbo-report-chart-main .vbo-report-chart-metas { display: flex; flex-wrap: wrap; margin-top: 0; margin-bottom: 20px; } .vbo-report-chart-main .vbo-report-chart-meta { flex-basis: 25%; } .vbo-report-chart-main .vbo-report-chart-meta-inner { margin: 0 5px; } .vbo-report-chart-main .vbo-report-chart-content { background: var(--vbo-config-bg-color); padding: 30px; border-radius: 16px; margin: 0px 5px 10px; box-shadow: 0 3px 10px rgba(0,0,0,.05); } /* Only Chart */ .vbo-report-chartonly .vbo-report-chart-main { max-height: 600px; max-width: 80%; margin: 0 auto; display: flex; } .vbo-report-chartonly .vbo-report-chart-main .vbo-report-chart-content { flex-basis: 70%; margin: 0 auto; } .vbo-report-chartonly .vbo-report-chart-metas .vbo-report-chart-meta-inner { height: auto; } .vbo-report-chartonly .vbo-report-chart-metas { align-self: baseline; margin-top: 0; flex: 1; } .vbo-report-chartonly .vbo-report-chart-meta { flex-basis: 100%; margin-bottom: 10px; } .vbo-report-chart-right { flex-basis: 20%; margin-left: 15px; } .vbo-report-chart-metas .vbo-report-chart-meta-inner:after { height: 30px; width: 4px; background: #ddd; content: ""; position: absolute; left: -3px; top: 17px; } .vbo-report-chart-meta-max .vbo-report-chart-meta-inner:after { background: var(--vbo-green-color); } .vbo-report-chart-meta-min .vbo-report-chart-meta-inner:after { background: var(--vbo-red-color); } .chart-line-legend { margin-left: 0; text-align: center; } .chart-line-legend li { display: inline-block; list-style-type: none; border: 1px solid var(--vbo-config-border-color); border-radius: 20px; padding: 8px 15px 5px; margin: 5px; } .chart-line-legend li span { display: inline-block; vertical-align: top; } .chart-line-legend li .legend-entry { width: 15px; height: 15px; margin-right: 8px; border-radius: 4px; display: inline-block; } .chart-line-legend li .legend-label { margin-top: -2px; font-weight: bold; font-size: 12px; } .chart-line-legend { margin-top: 10px; } .vbo-report-sheetnchart { display: flex; } .vbo-report-sheetnchart .vbo-report-sheet { width: 60%; margin-right: 10px; } .vbo-report-sheetnchart .vbo-report-chart-wrap { flex: 1; } .vbo-report-sheetnchart .vbo-report-chart-metas-right { display: flex; flex-wrap: wrap; } .vbo-report-sheetnchart .vbo-report-chart-right { flex-basis: 100%; margin: 0; } .vbo-report-chart-metas-bottom { margin-bottom: 20px; } .vbo-report-sheetnchart .vbo-report-chart-meta { flex-basis: 33%; } .vbo-report-sheetnchart .vbo-report-chart-metas-right .vbo-report-chart-meta-inner { margin: 0 5px; } .vbo-reports-output .table-responsive { border-radius: 16px; box-shadow: 0 0px 20px rgba(0,0,0,.1); margin: 0 0px 18px; } .vbo-reports-output table { margin-bottom: 0; } .vbo-reports-output table thead { background: var(--vbo-config-child-bg-color); text-transform: uppercase; font-weight: bold; } .vbo-reports-output table thead th { padding: 15px 15px; color: var(--vbo-config-title-color); font-size: 12px; white-space: nowrap; } .vbo-reports-output table thead th a { color: var(--vbo-config-title-color); } .vbo-reports-output table thead th i { margin-left: 3px; font-size: 10px; } .vbo-reports-output table tbody td:first-child { width: 150px; } .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable:nth-last-of-type(2), .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable:nth-last-of-type(3), .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable:nth-last-of-type(4) { display: none; } .vbo-reports-output table tbody td { padding: 15px 15px; } .vbo-reports-output table tfoot td { padding: 0 15px; } .vbo-reports-output table tbody tr:nth-child(2n) { background: var(--vbo-config-child-bg-color); } .vbo-reports-output table tbody tr td:first-child span { font-weight: bold; } .vbo-reports-output table tfoot, .vbo-reports-output table tfoot td { background: var(--vbo-config-child-bg-color); } .vbo-reports-output table tfoot td h3 { margin: 12px 0; font-size: 14px; } .vbo-reports-output table tfoot tr:last-child td { vertical-align: middle; } .vbo-reports-output table tfoot tr td:not(:first-child) span { font-weight: bold; font-size: 14px; white-space: nowrap; } .vbo-reports-output table tfoot td .vbo-report-footer-inlinedata { display: inline-block; margin-right: 15px; } .vbo-reports-output table tfoot td .vbo-report-footer-inlinedata:last-child { margin: 0; } /* RMS Report */ select[multiple][data-will-mutate="1"] { max-height: 40px !important; } .vbo-report-subfilters-rms .vbo-report-subfilter-months { display: flex; gap: 5px; } .vbo-report-subfilters-rms .vbo-report-subfilter-month { padding: 8px 10px; display: inline-block; cursor: pointer; flex: 1; text-align: center; font-weight: 500; border: 1px solid transparent; } .vbo-report-subfilters-rms .vbo-report-subfilter-month-active { background: var(--vbo-blue-color); border-color: var(--vbo-blue-color); color: var(--vbo-contrast-text-color); border-radius: var(--vbo-field-radius); } .vbo-report-subfilters-rms .vbo-report-subfilter-month:not(.vbo-report-subfilter-month-active):hover { border-radius: var(--vbo-field-radius); background-color: var(--vbo-config-bg-color); border-color: var(--vbo-base-color); color: var(--vbo-base-color); } .vbo-reports-output.vbo-report-output-rms_occupancy_pace .vbo-report-row-comparison { color: var(--vbo-config-titles-color-light); } .vbo-reports-output.vbo-report-output-rms_occupancy_pace table tbody td:first-child { position: relative; } .vbo-reports-output.vbo-report-output-rms_occupancy_pace table tbody td:first-child:after { width: 2px; height: 100%; position: absolute; content: ""; background: transparent; left: 0; top: 0; } .vbo-reports-output.vbo-report-output-rms_occupancy_pace table tbody tr.vbo-report-row-comparison td:first-child:after { background: var(--vbo-info-border); } .vbo-reports-output.vbo-report-output-rms_occupancy_pace table tbody tr.vbo-report-row-comparison td { border-top: 1px solid var(--vbo-basic-btn); } .vbo-reports-output.vbo-report-output-rms_occupancy_pace table tbody .vbo-report-row-group-1 td { background: var(--vbo-input-style-deactive); } .vbo-reports-output.vbo-report-output-rms_occupancy_pace table tbody .vbo-report-row-comparison td i { margin-right: 6px; } .vbo-reports-output table tfoot .vbo-report-footer-rms-occupancy-pace td { padding: 0 10px; box-shadow: inset 0 0px 10px rgba(0,0,0,.1); background: var(--vbo-config-bg-color); } .vbo-report-cell-texts { max-width: 200px; white-space: break-spaces; font-size: 12px; } .vbo-report-cell-metrics { display: flex; justify-content: space-between; max-width: 80%; margin: 0 auto; } .vbo-rms-rate-history-record-variation .vbo-rms-rate-history-record-value { display: flex; gap: 5px; } .vbo-report-cell-metric[data-type="vrplus"] .label, .vbo-report-cell-metric[data-type="vrminus"] .label, .vbo-rms-rate-history-record-variation .vbo-rms-rate-history-record-value .label { display: flex; align-items: center; gap: 2px; cursor: pointer; } .vbo-modal-overlay-block .vbo-rms-rate-history-record-variation .vbo-rms-rate-history-record-value .label { cursor: initial; } .vbo-report-cell-metric[data-type="vrplus"] .label:hover { background: var(--vbo-success-txt); color: var(--vbo-white-blue-bg); } .vbo-report-cell-metric[data-type="vrminus"] .label:hover { background: var(--vbo-red-color) !important; color: var(--vbo-white-blue-bg) !important; } .vbo-report-cell-metric[data-type="vrplus"] i, .vbo-report-cell-metric[data-type="vrminus"] i, .vbo-rms-rate-history-record-variation .vbo-rms-rate-history-record-value .label i { font-size: 8px; margin-right: 1px; } .vbo-report-cell-metric[data-type="nightly-rate"] .label-info:hover { background: var(--vbo-info-txt) !important; color: var(--vbo-white-blue-bg); cursor: pointer; } .vbo-report-cell-comparison[data-type="abrn"] .label, .vbo-report-cell-metric[data-type="abrn"] .label { cursor: pointer; } .vbo-report-cell-comparison[data-type="abrn"] .label:hover, .vbo-report-cell-metric[data-type="abrn"] .label:hover { background: var(--vbo-tag-black-txt) !important; color: var(--vbo-white-blue-bg) !important; } .vbo-report-cell-comparison[data-type="abrn"] .label.label-success:hover, .vbo-report-cell-metric[data-type="abrn"] .label.label-success:hover { background: var(--vbo-success-txt) !important; color: var(--vbo-white-blue-bg) !important; } .vbo-report-cell-comparison[data-type="abrn"] .label.label-error:hover, .vbo-report-cell-metric[data-type="abrn"] .label.label-error:hover { background: var(--vbo-red-color) !important; color: var(--vbo-white-blue-bg) !important; } .vbo-report-cell-comparison[data-type="abrn"] .label.label-success:hover, .vbo-report-cell-metric[data-type="abrn"] .label.label-success:hover { background: var(--vbo-success-txt) !important; color: var(--vbo-white-blue-bg) !important; } .vbo-report-cell-comparison .vbo-report-cell-compare-result { margin-left: 4px; } .vbo-report-cell-comparison .vbo-report-cell-compare-result.up { color: var(--vbo-green-color); } .vbo-report-cell-comparison .vbo-report-cell-compare-result.down { color: var(--vbo-error-border); } /* By adding the "vbo-table-sticky-components" class together with the .table-responsive, we set the TH and TFOOT as sticky */ .vbo-table-sticky-components { overflow: auto !important; } .vbo-table-sticky-components table thead { position: sticky; top: 0; z-index: 10; } .vbo-table-sticky-components table tfoot { position: sticky; bottom: 0; z-index: 10; } .vbo-table-sticky-components table tbody td:first-child { position: sticky !important; left: 0; z-index: 5; width: 150px; } .vbo-report-footer-rms-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; max-width: 1600px; margin: 0 auto; } .vbo-report-footer-rms-wrap { display: flex; flex-wrap: wrap; flex-direction: column; border-right: 1px solid var(--vbo-config-border-color); padding: 14px; text-align: left; } .vbo-report-footer-rms-wrap:last-child { border-right: 0; } .vbo-report-footer-rms-title { text-transform: uppercase; font-size: 10px; font-weight: 500; margin-bottom: 2px; color: var(--vbo-info-txt); display: flex; align-items: center; justify-content: space-between; } .vbo-report-footer-rms-metrics { display: flex; justify-content: space-between; width: 100%; align-items: center; } .vbo-report-footer-rms-metric { display: flex; margin-bottom: 5px; align-items: center; gap: 6px; font-size: 11px; } .vbo-report-footer-rms-growth { display: flex; gap: 5px; align-items: center; justify-content: center; } .vbo-report-footer-rms-growth i { font-size: 10px; } .vbo-report-footer-rms-growth.up { color: var(--vbo-success-txt); } .vbo-report-footer-rms-growth.down { color: var(--vbo-error-txt); } .vbo-reports-output table tr.vbo-report-footer-rms-occupancy-pace td:not(:first-child) span { font-weight: normal; } .vbo-report-footer-rms-metric:last-child { margin: 0; } .vbo-report-footer-rms-metric .vbo-report-footer-rms-metric-year { display: inline-block; } .vbo-report-footer-rms-metric-target .vbo-report-footer-rms-metric-value { font-weight: bold; } .vbo-rms-rate-history-details { padding: 12px; display: flex; align-items: center; align-content: space-between; background: var(--vbo-light-blue); border: 1px solid var(--vbo-info-bg); border-radius: 12px; margin-bottom: 16px; } .vbo-rms-rate-history-listing { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: bold; } .vbo-rms-rate-history-listing i { background-color: var(--vbo-body-bg-color); color: var(--vbo-base-color); height: 32px; width: 32px; line-height: 32px; text-align: center; border-radius: 10px; font-size: 16px; } .vbo-rms-rate-history-target { margin-left: auto; text-align: right; } .vbo-rms-rate-history-target .vbo-rms-rate-history-target-title { display: block; opacity: .8; } .vbo-rms-rate-history-target .vbo-rms-rate-history-target-value { font-size: 14px; font-weight: 500; color: var(--vbo-config-title-color); } .vbo-rms-rate-history-list .vbo-rms-rate-history-record { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; padding: 14px; border: 1px solid var(--vbo-config-border-color); border-radius: 10px; margin-bottom: 12px; } .vbo-rms-rate-history-list .vbo-rms-rate-history-record:last-child { margin-bottom: 0; } .vbo-rms-rate-history-list .vbo-rms-rate-history-record-title { text-transform: uppercase; display: block; font-size: 12px; font-weight: 500; opacity: .8; margin-bottom: 4px; } .vbo-rms-rate-history-list .vbo-rms-rate-history-record .vbo-rms-rate-history-record-value { font-weight: 600; } .vbo-rms-rate-history-list .vbo-rms-rate-history-record .vbo-rms-rate-history-record-dt i { color: var(--vbo-base-color); } .vbo-rms-rate-history-list .vbo-rms-rate-history-record .vbo-rms-rate-history-record-dt .vbo-rms-rate-history-record-value { display: flex; align-items: center; gap: 6px; } .vbo-rms-rate-history-list .vbo-rms-rate-history-record-rate { text-align: right; } .vbo-rms-rate-history-record-rate .vbo-rms-rate-history-record-value { color: var(--vbo-base-color); } .vbo-info-overlay-content.vbo-info-overlay-report { text-align: center; } .vbo-info-overlay-content.vbo-info-overlay-report > div { margin: 0 10px; display: inline-block; } .vbo-report-load-comune span, .vbo-report-load-provincia span, .vbo-report-load-nazione span, .vbo-report-load-cittadinanza span, .vbo-report-load-doctype span, .vbo-report-load-docnum span, .vbo-report-load-docissue span, .vbo-report-load-docplace span, .vbo-report-load-sesso span, .vbo-report-load-dbirth span, .vbo-report-load-field span { display: inline-block; border: 1px solid var(--vbo-red-color); cursor: pointer; color: var(--vbo-red-color); padding: 0px 7px; } .vbo-report-load-field-optional span { border: 0; color: var(--vbo-blue-color); } .vbo-report-load-elem-filled span { border: 0; padding: 0; color: var(--vbo-blue-color-hover); } /* Reports - End */ /* Trackings - Start */ .btn-toolbar.vbo-trackings-filters { margin-bottom: 20px; margin-top: 0 !important; height: auto !important; background: var(--vbo-toolbar-bg-color); padding: 10px; box-sizing: border-box; } .btn-toolbar.vbo-trackings-filters .pull-right .fa { margin-right: 3px; } .vbo-trackings-table { background: var(--vbo-config-child-bg-color); } .vbo-trackings-table tbody > tr.vbo-tracking-subrow > td { background: var(--vbo-config-child-bg-color) !important; } .vbo-trackings-table-head { border-top: 1px solid var(--vbo-config-border-color); padding: 12px 15px 0; font-weight: bold; } .vbo-trackings-table-head-inner { display: flex; padding: 0 15px; } .vbo-trackings-table-head-inner > div i { margin-left: 5px; font-size: 10px; } .vbo-trackings-table-head-inner > div * { text-transform: uppercase; color: var(--vbo-config-titles-color-light); } .vbo-trackings-table-head-cell { flex: 1; padding: 0 5px; } .vbo-trackings-table-cell-ckb input { margin-top: 0; } .vbo-trackings-table-body { padding: 15px 15px 30px; } .vbo-trackings-table-body-row { display: flex; flex-wrap: wrap; background: var(--vbo-config-bg-color); padding: 15px; border-radius: 4px; margin: 15px 0; box-shadow: 0 4px 6px rgba(0,0,0,.05); } .vbo-trackings-table-body-cell { flex: 1; padding: 0 5px; } .vbo-trackings-table-cell-chevron { flex: 0 0 30px; cursor: pointer; padding-left: 0; } .vbo-trackings-table-cell-ckb { flex: 0 0 30px; } .vbo-trackings-table-cell-id { flex: 0 0 60px; } .vbo-trackings-table-body-subrow { display: none; flex: 0 0 100%; } .vbo-trackings-table-body-hidden-lbl { display: none; } .vbo-trackings-table-body-cell .vbo-trackings-dtonly { font-weight: bold; font-size: 1.1em; } .vbo-tracking-identifier-container { margin: 20px 0; background: var(--vbo-config-child-bg-color); border-radius: 4px; } .vbo-tracking-info-details { padding: 15px; display: flex; flex-wrap: wrap; border-bottom: 1px solid var(--vbo-config-border-color); } .vbo-tracking-info-details:last-child { border:0; } .vbo-tracking-info-details > div { flex: 1; padding: 0 10px } .vbo-tracking-info-details > .vbo-tracking-info-dates-cont { flex: 0 0 15%; } .vbo-tracking-info-details > .vbo-tracking-info-device-cont { flex: 0 0 80px; } .vbo-tracking-info-details > .vbo-tracking-info-dt-cont { flex: 0 0 15%; } .vbo-tracking-info-details > .vbo-tracking-info-search-results { flex: 0 0 100%; } .vbo-tracking-info-details > .vbo-tracking-info-search-results .vbo-tracking-info-search-result p { margin-top: 0; } .vbo-tracking-info-details > .vbo-tracking-info-party-cont { flex: 0 0 10%; } .vbo-tracking-info-details > .vbo-tracking-info-roomsrates-cont { flex: 0 0 20%; } .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rooms, .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rplans { display: inline-block; } .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rooms { margin-right: 15px; } .vbo-tracking-info-roomsrates-cont .vbo-tracking-info-rooms > div { font-weight: bold; } .vbo-tracking-info-device-cont i { font-size: 18px; } .vbo-tracking-info-device-cont .vbo-tracking-i-mobile { font-size: 22px; } .vbo-tracking-info-subrow-lbl { text-transform: uppercase; font-weight: bold; color: #999; margin-bottom: 5px; } .vbo-tracking-info-dates-cont > div { margin-bottom: 5px; } .vbo-tracking-info-dates-cont .vbo-tracking-info-lbl { font-weight: bold; display: block; margin: 0; } .vbo-tracking-info-dt-cont .vbo-tracking-info-dtonly { font-weight: bold; } .vbo-trackings-custcampaign { margin-bottom: 20px; background: var(--vbo-config-bg-color); border-radius: 10px; border: 1px solid var(--vbo-basic-btn); box-shadow: 0 1.5px 2px rgba(0,0,0,.05); padding: 15px; } .vbo-trackings-custcampaign-box { display: inline-block; margin-right: 14px; } .vbo-trackings-custcampaign-box label { margin-bottom: 5px; font-weight: 500; } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-trackings-custcampaign-box input[type="text"] { width: 100% !important; } .vbo-tracking-info-party-room { margin-bottom: 5px; } .vbo-tracking-info-party-room .vbo-tracking-info-lbl { display: block; text-transform: uppercase; font-weight: bold; } .vbo-tracking-info-booking-cont a { background: var(--vbo-base-color); color: #fff; border: 2px solid var(--vbo-base-color); display: table; margin-top: 5px; padding: 5px 10px; border-radius: 3px; font-weight: bold; } .vbo-tracking-info-booking-cont a:hover { background: transparent; color: var(--vbo-base-color-hover); text-decoration: none; } .vbo-tracking-info-search-results { margin-top: 10px; } .vbo-tracking-info-search-result { border: 2px solid var(--vbo-config-border-color); border-radius: 4px; padding: 10px 15px; margin: 5px 0; } .vbo-tracking-info-search-result p { margin-bottom: 0; padding-bottom: 0; font-weight: bold; } .vbo-tracking-info-search-result i { margin-right: 5px; } .vbo-tracking-info-search-result-warning { border-color: var(--vbo-orange-color); } .vbo-tracking-info-search-result-warning i { color: var(--vbo-orange-color); } .vbo-tracking-info-search-result-error { border-color: var(--vbo-red-color); } .vbo-tracking-info-search-result-error i { color: var(--vbo-red-color); } .vbo-tracking-info-search-result-info { border-color: var(--vbo-blue-color); } .vbo-tracking-info-search-result-info i { color: var(--vbo-blue-color); } .vbo-tracking-info-search-result-success { border-color: var(--vbo-green-color); } .vbo-tracking-info-search-result-success i { color: var(--vbo-green-color); } #vbo-add-trkcampaign { margin-top: 5px; } .vbo-trackings-custcampaign-uri { font-weight: bold; margin-right: 0; } .vbo-trackings-custcampaign label { display: block; } .vbo-trackings-tabs > div { display: inline-block; cursor: pointer; padding: 11px 0px; margin: 0 12px; font-size: 1.2em; text-transform: uppercase; font-weight: bold; text-align: center; color: var(--vbo-config-titles-color-light); } .vbo-trackings-tabs > .vbo-trackings-tab-active { border-bottom: 2px solid var(--vbo-blue-color); color: var(--vbo-blue-color); } .vbo-trackings-tabcont-stats { background: var(--vbo-config-child-bg-color); border-top: 1px solid var(--vbo-config-border-color); padding: 10px; } .vbo-trackings-chart-bestnights { display: flex; flex-wrap: wrap; } .vbo-trackings-chart-bestnights > h4, .vbo-trackings-chart-avgval-container > h4, .vbo-trackings-chart-referrers > h4 { flex: 100%; font-size: 1.1em; margin-left: 5px; border-bottom: 1px solid var(--vbo-config-border-color); padding-bottom: 10px; text-transform: uppercase; } .vbo-trackings-chart-bestnights .vbo-trackings-chart-container { background: var(--vbo-config-bg-color); padding: 15px; border-radius: 4px; margin: 5px; flex-basis: 10%; box-shadow: 0 0 10px rgba(0,0,0,.05); } .vbo-trackings-chart-date, .vbo-trackings-chart-avgval-listcont > div h5 { font-weight: bold; margin-bottom: 10px; display: block; border-bottom: 1px solid var(--vbo-config-border-color); padding-bottom: 5px; text-transform: uppercase; color: var(--vbo-config-titles-color-light); } .vbo-trackings-chart-tot { font-size: 26px; color: var(--vbo-base-color); margin-right: 4px; } .vbo-trackings-chart-bestnights .vbo-trackings-chart-cont .vbo-trackings-chart-totreqs { margin-bottom: 10px; } .vbo-trackings-chart-middle { display: flex; margin-top: 20px; } .vbo-trackings-chart-avgvals { flex: 55%; padding-right: 50px; } .vbo-trackings-chart-referrers { flex: 1; } .vbo-trackings-chart-avgval-listcont { display: flex; flex-wrap: wrap; } .vbo-trackings-chart-avgval-listcont > div { flex: 1; background: var(--vbo-config-bg-color); padding: 15px; border-radius: 4px; box-shadow: 0 0 10px rgba(0,0,0,.05); margin: 5px; } .vbo-trackings-chart-avgval-listcont > div h5 { margin-top: 0; } .vbo-trackings-chart-avgconvrate .vbo-trackings-chart-tot { margin-right: 0; } .vbo-trackings-chart-pcent { font-size: 1.1em; color: var(--vbo-config-titles-color-light); font-weight: bold; } .vbo-trackings-chart-referrer { background: var(--vbo-config-bg-color); padding: 15px; border-radius: 4px; box-shadow: 0 0 10px rgba(0,0,0,.05); margin: 10px 5px; } .vbo-trackings-chart-middle .vbo-trackings-chart-tot { color: var(--vbo-green-color); } .vbo-trackings-cookiediscl { font-style: italic; width: 70%; } /* Trackings - End */ .vbo-choosebusy-table { background: rgb(246, 246, 246) none repeat scroll 0% 0%; border: 1px solid rgb(221, 221, 221); margin: 0 0 20px; } .vbo-choosebusy-tr1 td { background: rgb(238, 238, 238) none repeat scroll 0% 0%; vertical-align: middle; padding: 14px; border-bottom: 1px solid rgb(204, 204, 204); font-size: 16px; font-weight: 500; } .vbo-choosebusy-tr2 td img { border-radius: 0 !important; width: 100%; } .vbo-choosebusy-tr3 td { padding: 10px; } .vbo-choosebusy-tr3 td .badge { padding:3px 8px; border-radius: 3px; } #filter-bar .btn-group { margin-left:5px; } #filter-bar .pull-right-group { float: right; } #filter-bar .pull-left-group { float: left; } /* Usable for elements inside the filter bar that need to be inline. * The parent element should have the class 'pull-left-group' or 'pull-right-group'." */ .btn-group.pull-inline { display: inline-block; vertical-align: top; } .table-responsive { overflow-x: auto; overflow-y: hidden; min-height: 0.01%; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .vbo-receipt-company-block-outer { margin: 10px 0; display: inline-block; width: 100%; } .vbo-receipt-company-block { display: inline-block; margin: 0 10px; } .vbo-receipt-numdate-block { display: inline-block; float: right; margin: 0 10px; background: var(--vbo-basic-btn); padding: 15px; } .vbo-receipt-company-logo { display: inline-block; float: left; } .vbo-receipt-company-info { float: left; text-align: left; } .vbo-receipt-numdate-title { font-size: 18px; margin-bottom: 10px; } .vbo-receipt-numdate-num-lbl, .vbo-receipt-numdate-date-lbl { font-size: 12px; font-weight: bold; color: var(--vbo-config-text-color-light); display: block; margin-bottom: 5px; } .vbo-receipt-numdate-num, .vbo-receipt-numdate-date { display: inline-block; vertical-align: top; } .vbo-receipt-numdate-num { margin-right: 5px; } .vbo-hidein-print { margin-bottom: 0 !important; } .vbo-showin-print { display: none; } .vbo-receipt-print-confirm { text-align: center; display: inline-block; width: 100%; } .vbo-receipt-print-confirm .vbo-receipt-print-btn { display: inline-block; background: var(--vbo-base-color); color: #fff; padding: 5px 15px; border-radius: 4px; font-weight: bold; margin: 10px; cursor: pointer; } .vbo-receipt-print-btn i { margin-right: 5px; } .vbo-receipt-notes-container { padding: 18px; } .vbo-receipt-notes-inner { background: var(--vbo-config-bg-color); padding: 15px; border-radius: 8px; margin: 10px 0; } .vbo-receipt-notes-tarea textarea { height: 200px; } /* Tableaux */ .vbo-tableaux-container { background: var(--vbo-config-child-bg-color); padding: 5px 15px 10px; } .vbo-tableaux-months-wrap { display: flex; flex-wrap: wrap; border: 1px solid var(--vbo-config-border-color); margin: 15px 0; background: var(--vbo-config-bg-color); border-radius: 4px; box-shadow: 0 4px 4px rgba(0,0,0,.05); } .vbo-tableaux-months-wrap > div { flex: 1; border-right: 1px solid var(--vbo-config-border-color); text-align: center; display: flex; } .vbo-tableaux-months-wrap > .vbo-tableaux-month-cont:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .vbo-tableaux-months-wrap > .vbo-tableaux-month-cont:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border: 0; } .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link { padding: 15px 10px; cursor: pointer; flex: 1; } .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link span { display: block; } .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link:hover { background: var(--vbo-config-child-bg-color); } .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link-active, .vbo-tableaux-months-wrap > div .vbo-tableaux-month-link-active:hover { background: var(--vbo-base-color); color: #fff; } .vbo-tableaux-tbl-container { margin-top: 10px; } .vbo-tableaux-table { background: var(--vbo-config-bg-color); border-radius: 4px; box-shadow: 0 0 4px rgba(0,0,0,.05); width: 100%; margin-bottom: 200px; } .vbo-tableaux-table .vbo-tableaux-table-head-row th { text-align: center; padding: 10px 4px; background: var(--vbo-light-color-btn); border-left: 1px solid var(--vbo-config-border-color); } .vbo-tableaux-table .vbo-tableaux-table-head-row th:first-child { border-left: 0; } .vbo-tableaux-table-head-cell-monyear { color: var(--vbo-config-titles-color-light); font-weight: normal; } .vbo-tableaux-table-head-cell-wmday { font-size: 15px; } .vbo-tableaux-table tr { border-bottom: 1px solid var(--vbo-config-border-color); } .vbo-tableaux-table td { border-right: 1px solid var(--vbo-config-border-color); min-width: 100px; max-width: 100px; padding: 20px 0; position: relative; background-clip: padding-box !important; } .vbo-tableaux-table tr td:first-child { position: sticky; left: 0; background: var(--vbo-config-child-bg-color); box-shadow: 6px 0 10px -6px rgba(0, 0, 0, .1); min-width: 150px; max-width: 150px; z-index: 2; font-weight: bold; padding: 15px 15px; font-size: 14px; } .vbo-tableaux-roomrow td { vertical-align: top; } .vbo-tableaux-daycell { color: var(--vbo-config-titles-color-light); font-weight: bold; text-align: center; padding: 10px; font-size: 13px; } .vbo-tableaux-festcell { background: #cea7c7; color: #fff; cursor: pointer; } .vbo-tableaux-festcell:hover { background: #bb90b3; } .vbo-tableaux-festcell:active, .vbo-tableaux-festcell:focus { background: #e1aed8; } .vbo-tableaux-roombooks > div, .vbo-grid-avcell > div:not(.vbo-overview-tipblock) { background: var(--vbo-base-color); color: #fff; font-weight: bold; padding: 7px 5px; margin: 2px 0; white-space: nowrap; position: relative; cursor: pointer; } .vbo-grid-avcell > div:not(.vbo-overview-tipblock) { background: var(--vbo-config-bg-color); color: var(--vbo-config-title-color); border-top: 1px solid var(--vbo-config-title-color); border-bottom: 1px solid var(--vbo-config-title-color); height: 14px; margin: 2px -1.5px; box-sizing: content-box; } .vbo-grid-avcell > div.vbo-tableaux-booking-checkin { border-left: 1px solid var(--vbo-config-title-color); } .vbo-grid-avcell > div.vbo-tableaux-booking-checkout { border-right: 1px solid var(--vbo-config-title-color); } .vbo-tableaux-booking.vbo-booking-drag-preview { min-width: fit-content !important; } .vbo-tableaux-booking.vbo-tableaux-booking-empty { background: transparent; display: inline-block; width: 100%; } .vbo-tableaux-guest-name, .vbo-tableaux-roomindex { font-size: 13px; } .vbo-tableaux-booking-avatar { z-index: 1; position: absolute; top: -6px; left: -8px; } .vbo-tableaux-booking-avatar img { height: 24px; width: 24px; border-radius: 50%; object-fit: cover; border: 2px solid #fff; } .vbo-grid-avcell .vbo-tableaux-booking-avatar { top: -1px; left: -3px; } .vbo-grid-avcell .vbo-tableaux-booking-avatar img { border: 0; } .vbo-tableaux-booking-avatar + .vbo-tableaux-guest-name { padding-left: 25px; } .vbo-grid-avcell .vbo-tableaux-guest-name { font-weight: normal; font-size: 12px; } .vbo-tableaux-booking > span { position: relative; z-index: 1; } .vbo-tableaux-booking .vbo-tableaux-roomindex { display: inline-block; margin-left: 5px; } .vbo-tableaux-roombooks > .vbo-tableaux-booking-checkin, .vbo-grid-avcell > .vbo-tableaux-booking-checkin { width: 64%; float: right; border-top-left-radius: 20px; border-bottom-left-radius: 20px; padding-left: 10px; position: relative; margin-right: -2px; } .vbo-tableaux-roombooks > .vbo-tableaux-booking-checkin > span, .vbo-grid-avcell > .vbo-tableaux-booking-checkin > span { position: relative; z-index: 1; } .vbo-tableaux-roombooks > .vbo-tableaux-booking-short > span, .vbo-grid-avcell > .vbo-tableaux-booking-short > span { /* overflow: hidden; display: table-cell; */ display: inline-block; width: 130px; clip-path: inset( -100vw 0 -100vw -8px ); } .vbo-tableaux-roombooks > .vbo-tableaux-booking-checkout > span { max-width: 57px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: table-cell; } .vbo-tableaux-roombooks > .vbo-tableaux-booking-short .vbo-tableaux-booking-avatar, .vbo-grid-avcell > .vbo-tableaux-booking-short .vbo-tableaux-booking-avatar { top: -5px; } .vbo-tableaux-roombooks > .vbo-tableaux-booking-checkout, .vbo-grid-avcell > .vbo-tableaux-booking-checkout { width: 64%; float: left; border-top-right-radius: 20px; border-bottom-right-radius: 20px; padding-right: 10px; } .vbo-tableaux-roombooks > .vbo-tableaux-booking-stay, .vbo-grid-avcell > .vbo-tableaux-booking-stay { display: inline-block; width: 100%; } .vbo-tableaux-booking-task-highlight { background: var(--vbo-light-green-color-hover) !important; } .vbo-tableaux-monthsrow > .vbo-tableaux-monthcell { padding: 10px 15px; font-size: 1.2em; font-weight: bold; color: var(--vbo-base-color); border-left: 0; } .vbo-tableaux-monthsrow > .vbo-tableaux-monthcell ~ .vbo-tableaux-monthcell { border-left: 2px solid var(--vbo-config-border-color); } .vbo-tableaux-table .vbo-tableaux-newmonthcell { border-left: 2px solid var(--vbo-config-border-color); } .vbo-tableaux-table .vbo-tableaux-todaycell { background: var(--vbo-config-child-bg-color); } .vbo-tableaux-table .vbo-tableaux-todaycell.vbo-tableaux-festcell { background: #d9b9d3; } .vbo-pmsperm-entry-wrap { display: flex; flex-wrap: wrap; background: var(--vbo-config-child-bg-color); margin: 5px 0; padding: 10px } .vbo-pmsperm-entry-wrap > div { margin: 5px; } .vbo-pmsperm-entry-wrap > div:first-child { flex-basis: 105px; } .vbo-pmsperm-entry-wrap .vbo-pmsperm-entry-rm .btn-danger { padding: 8px 14px; } .vbo-pmsperm-entry-cont select, .vbo-pmsperm-entry-cont input { margin-bottom: 0 !important; } .vbo-pmsperm-entry-cont:last-child { display: flex; } .vbo-pmsperm-entry-cont:last-child .vbo-pmsperm-entry-rm { margin-top: 24px; } .vbo-info-overlay-content-tableauxperms .vbo-orphans-info-cmd { text-align: center; margin-top: 15px; } .vbo-operator-tools-list { border-bottom: 1px solid var(--vbo-config-border-color); } .vbo-operator-tools-list .vbo-operator-tool-tab { display: inline-block; border-bottom: 2px solid var(--vbo-config-bg-color); color: var(--vbo-config-titles-color-light); } .vbo-operator-tools-list .vbo-operator-tool-tab .vbo-operator-tool-name { display: inline-block; padding: 10px; cursor: pointer; } .vbo-operator-tools-list .vbo-operator-tool-tab-active { border-color: var(--vbo-config-title-color); color: var(--vbo-config-title-color); font-weight: bold; } .vbo-operator-tool-permissions-activeperms { margin-top: 10px; } .vbo-operator-tool-permissions-activeperms .vbo-params-block { padding-bottom: 0; margin-bottom: 10px; } .vbo-operator-tool-permissions-activeperms .vbo-param-container { margin: 0; } .vbo-operator-tool-permissions-activeperms .vbo-param-container .vbo-param-label { margin-bottom: 0; } .vbo-operator-tool-permissions-activeperms .vbo-param-container .vbo-param-label a { color: inherit; } .vbo-operator-tool-permissions-activeperms .vbo-param-container .vbo-param-label a:hover { color: var(--vbo-base-color); } .vbo-operator-tool-tab-selector .vbo-admin-container { background: var(--vbo-config-child-bg-color); padding: 10px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .vbo-operator-tool-permissions .vbo-customer-info-box-avatar i { width: 30px; height: 30px; border-radius: 50%; line-height: 28px; background: var(--vbo-config-child-bg-color); text-align: center; font-size: 12px; border: 1px solid var(--vbo-basic-btn); box-sizing: border-box; } #vbo-mngoper-work-days-exceptions .vbo-closed-date-entry { background-color: var(--vbo-tag-ocean-bg); border: 1px solid var(--vbo-tag-ocean-bg); color: var(--vbo-tag-ocean-txt); } #vbo-mngoper-work-days-exceptions .vbo-closed-date-entry .vbo-closed-date-rm:not(:hover) { color: var(--vbo-tag-ocean-txt); } #vbo-mngoper-work-days-exceptions .vbo-closed-date-entry.vbo-closed-date-entry-dayoff { background: var(--vbo-tag-gray-bg); border-color: var(--vbo-tag-gray-bg); color: var(--vbo-config-titles-color-light); } #vbo-mngoper-work-days-exceptions .vbo-closed-date-entry.vbo-closed-date-entry-dayoff .vbo-closed-date-rm:not(:hover) { color: var(--vbo-config-titles-color-light); } .vbo-customer-info-box .vbo-customer-info-box-avatar img.no-click { cursor: inherit; } .vbo-tableauxperms-info-add { margin-bottom: 15px; text-align: center; } .vbo-pmsperm-entry-lbl { font-weight: bold; margin-bottom: 4px; } .vbo-info-overlay-content-tableauxperms .vbo-orphans-info-cmds { margin-bottom: 10px; } #filter-bar.vbo-tableaux-filters { height: auto; background: var(--vbo-toolbar-bg-color); padding: 10px 10px 6px; box-sizing: border-box; } #filter-bar.vbo-tableaux-filters .select2-container--default .select2-selection--multiple { background: var(--vbo-input-style); border-color: var(--vbo-config-border-color); } /* eInvoicing - start */ .vbo-einvoicing-cellaction[data-einvaction="0"] { background: var(--vbo-red-color); } .vbo-einvoicing-cellaction[data-einvaction="1"] { background: var(--vbo-green-color); } .vbo-einvoicing-cellaction[data-einvaction="-1"] { background: var(--vbo-blue-color); } .vbo-einvoicing-cellaction[data-einvaction="-2"] { background: var(--vbo-orange-color); } #driversettingsform .vbo-driver-fieldset { margin-top: 20px; } #driversettingsform .vbo-driver-fieldset { border-bottom: 0; } .vbo-info-overlay-driver { height: 90% !important; } .vbo-drivers-filters-outer { display: inline-block; width: 100%; margin-top: 0; height: auto; background: var(--vbo-config-border-color); padding: 10px; box-sizing: border-box; } .vbo-drivers-filters-outer > div { display: inline-block; } .vbo-drivers-container { background: var(--vbo-main-bg-color); } .vbo-drivers-filters-outer .vbo-drivers-wrap-middlebar { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; } .vbo-drivers-filters-driver { margin: 0 15px 0 0; } .vbo-drivers-filters-driver > div { display: inline-block; vertical-align: top; margin-right: 5px; } .vbo-drivers-custom-actions { margin-left: auto; align-self: end; } .vbo-drivers-custom-actions > div { display: inline-block; vertical-align: top; } .vbo-drivers-topbar { display: inline-block; width: 100%; margin-bottom: 10px; border-bottom: 1px solid var(--vbo-config-border-color); padding-bottom: 10px; } .vbo-drivers-topbar > div { display: inline-block; vertical-align: top; } .vbo-drivers-filters-driver .vbo-drivers-filters-launch { margin-top: 22px; } .vbo-drivers-filters-driver .vbo-drivers-filters-launch .btn { background: var(--vbo-blue-color); border: 1px solid var(--vbo-blue-color); color: #fff; } .vbo-drivers-filters-driver .vbo-drivers-filters-launch .btn:hover { background: var(--vbo-config-bg-color); border-color: var(--vbo-blue-color)6; color: var(--vbo-blue-color); } .vbo-drivers-output { padding-bottom: 17px; } .vbo-drivers-output .table-responsive { border-radius: 8px; box-shadow: 0 0px 20px #0000001a; margin: 18px; background: var(--vbo-config-bg-color); } .vbo-drivers-output table { margin-bottom: 0; } .vbo-drivers-output table thead { background: var(--vbo-config-child-bg-color); text-transform: uppercase; font-weight: bold; } .vbo-drivers-output table thead th { padding: 15px 15px; color: var(--vbo-config-title-color); } .vbo-drivers-output table tbody td, .vbo-drivers-output table tfoot td { padding: 15px 15px; } .vbo-drivers-output table tbody tr td:first-child span { font-weight: bold; } .vbo-drivers-output table tbody tr:nth-child(2n) { background: var(--vbo-config-child-bg-color); } .vbo-drivers-output table tfoot { background: var(--vbo-config-child-bg-color); } .vbo-drivers-output table tfoot tr:last-child td { vertical-align: middle; } .vbo-drivers-output table td .btn.btn-danger { padding: 4px 12px; font-weight: normal; font-size: 13px; } .vbo-drivers-output .vbo-driver-customoutput { display: inline-block; color: #fff; padding: 5px 4px; border-radius: 5px; height: 15px; width: 15px; cursor: pointer; } .vbo-drivers-output .vbo-driver-output-vieweinv { background: #999; border:1px solid #999; } .vbo-drivers-output .vbo-driver-output-vieweinv:hover { background: #888; } .vbo-drivers-output .vbo-driver-output-editeinv { background: var(--vbo-blue-color); border: 1px solid var(--vbo-blue-color); } .vbo-drivers-output .vbo-driver-output-editeinv:hover { background: var(--vbo-blue-color-hover); } .vbo-drivers-output .vbo-driver-output-rmeinv { background: var(--vbo-red-color); border: 1px solid var(--vbo-red-color); } .vbo-drivers-output .vbo-driver-output-rmeinv:hover { background: var(--vbo-red-color-hover); } .vbo-drivers-output .fa-external-link { color: #444; margin-right: 5px; } .vbo-drivers-output .fa-external-link:hover { color: var(--vbo-blue-color); } /* eInvoicing - end */ /* Opportunities */ .vbo-menu-updates .vbo-opportunities-btnbadge { background: var(--vbo-blue-color); border-color: var(--vbo-blue-color); position: relative; z-index: 1; } .vbo-menu-updates .vbo-opportunities-btnbadge:hover { background: var(--vbo-blue-color-hover); border-color: var(--vbo-blue-color-hover); } .vbo-menu-updates .vbo-opportunities-btnbadge:active { background: var(--vbo-blue-color-hover); border-color: var(--vbo-blue-color-hover); } .vbo-menu-updates .vbo-opportunities-btnbadge:after { content: attr(data-opportunity-count); background: var(--vbo-red-color); color: #fff; border: 1px solid var(--vbo-blue-color); width: 20px; height: 20px; border-radius: 50%; position: absolute; top: -5px; left: -8px; font-weight: bold; font-size: 11px; line-height: 20px; text-align: center; } .vbo-menu-updates .vbo-opportunities-btnbadge i { margin-right: 5px; } /* Guest Reviews */ .vbo-menu-updates .vbo-reviews-btnbadge { background: #20a9b0; border-color: #20a9b0; position: relative; z-index: 0; } .vbo-menu-updates .vbo-reviews-btnbadge:hover { background: #57bbbf; border-color: #57bbbf; } .vbo-menu-updates .vbo-reviews-btnbadge:active { background: #4ccbd0; border-color: #4ccbd0; } .vbo-menu-updates .vbo-reviews-btnbadge-alert:after { content: attr(data-reviews-count); background: var(--vbo-red-color); color: #fff; border: 1px solid var(--vbo-blue-color); width: 20px; height: 20px; border-radius: 50%; position: absolute; top: -5px; left: -8px; font-weight: bold; font-size: 11px; line-height: 20px; text-align: center; } .vbo-menu-updates .vbo-reviews-btnbadge i { margin-right: 5px; } /* Notification Center Menu */ .vbo-menu-updates > button:hover, .vbo-notifications-center-container > button:hover, .vbo-menu-help-wizard-container > button:hover { background: #9bc1d7; color: #2a5166; } .vbo-notifications-center-container, .vbo-menu-help-wizard-container, .vbo-menu-updates > button { position: relative; float: right; } .vbo-notifications-center-handler, .vbo-help-wizard-handler, .vbo-menu-updates > button.vbo-multitasking-apps { float: right; display: flex; align-items: center; justify-content: center; background: #3f708b; color: #fff; font-weight: bold; border: 1px solid #3f708b; margin: 7px 8px 6px 2px; width: 44px; height: 44px; padding: 0; border-radius: 50%; position: relative; } .vbo-menu-updates > button:hover, .vbo-notifications-center-container > button:hover { background: #9bc1d7 !important; color: #2a5166 !important; } .vbo-help-wizard-handler { background: #900; border-color: #900; animation: wizard-pulse 1.2s infinite ease-in-out, wizard-glow 2s infinite ease-in-out; } @keyframes wizard-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } } @keyframes wizard-glow { 0% { box-shadow: 0 0 3px #f48f72, 0 0 6px #f48f72; } 50% { box-shadow: 0 0 5px #f48f72, 0 0 10px #f48f72; } 100% { box-shadow: 0 0 3px #f48f72, 0 0 6px #f48f72; } } .vbo-menu-help-wizard-container > button:hover { background: #fff !important; color: #900 !important; } .vbo-help-wizard-instruction-description ul { list-style: disc; padding: 0 0 0 20px; } .vbo-notifications-center-handler:not([data-badge-read=""]):after { content: attr(data-badge-read); background: var(--vbo-red-color); color: var(--vbo-contrast-text-color); height: 18px; border: 1px solid var(--vbo-contrast-text-color); text-align: center; position: absolute; top: -5px; right: -11px; font-size: 11px; line-height: 18px; border-radius: 6px; padding: 0px 4px; } .vbo-notifications-center-handler.shaking:not([data-badge-read=""]):after { -webkit-animation-name: vik-zoom-in-zoom-out; animation-name: vik-zoom-in-zoom-out; transform-origin: center bottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @keyframes vik-zoom-in-zoom-out { 0% { transform: scale(1, 1); } 50% { transform: scale(1.2, 1.2); } 100% { transform: scale(1, 1); } } .vbo-menu-updates .vbo-notifications-center-handler > i, .vbo-menu-updates .vbo-help-wizard-handler > i { margin: 0; } .vbo-notifications-center-wrap { background: var(--vbo-config-bg-color); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); width: 35vw; min-width: 180px; border-radius: 10px; margin: 0; position: absolute; z-index: 100; padding: 22px; visibility: visible; top: 57px; right: 0; } .vbo-notifications-center-wrap:before { width: 0; height: 0; border-style: solid; border-width: 0 7.5px 7px 7.5px; border-color: transparent transparent var(--vbo-config-bg-color) transparent; content: ""; position: absolute; top: -7px; right: 23px; } .vbo-notifications-center-wrap.vbo-notifications-center-on { display: inline-block; } .vbo-notifications-center-wrap.vbo-notifications-center-off { display: none; } .vbo-notifications-center-inner .vbo-notifications-center-loading { position: relative; padding: 50px; } .vbo-notifications-center-inner .vbo-notifications-center-loading i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 24px; } .vbo-menu-updates .vbo-notifications-center-wrap { padding: 10px 22px 22px; } .vbo-menu-updates .vbo-admin-widget-head { border-bottom: 0; } .vbo-menu-updates .vbo-notifications-center-inner .vbo-reportwidget-command-dots .vbo-widget-command-togglefilters { padding: 0px 0 8px 10px; } .vbo-notifications-center-inmenu-widget .vbo-admin-widget-head-inline h4 { padding: 0px 0 3px 0; } .vbo-notifications-center-inmenu-widget .vbo-admin-widget-head-inline h4 i { display: none; } .vbo-menu-updates .vbo-notifications-center-inmenu-widget .vbo-suggest-notifications-btn:hover { background: none; } /* New Overlay */ .vbo-modal-overlay-block { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(6, 52, 77, 0.58); display: none; z-index: 2147483647 !important; } .vbo-modal-overlay-block-geomap-lowerzindex { z-index: 99999 !important; } .vbo-modal-overlay-block .vbo-modal-overlay-close { display: block; height: 100%; cursor: default; } .vbo-modal-overlay-block .vbo-modal-overlay-content { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 40%; height: 60%; z-index: 101; border-radius: 5px; background-color: var(--vbo-config-bg-color); box-shadow: 0px 0px 10px rgba(0,0,0, .5); /*overflow: auto;*/ overflow: hidden; transition: width 0.4s, height 0.4s; -webkit-font-smoothing: antialiased; } .vbo-modal-overlay-block .vik-contentbuilder-modal-content { width: 65%; height: 85%; border-radius: 16px; } .vbo-modal-overlay-block .vik-contentbuilder-modal-content.vik-contentbuilder-modal-fullscreen { width: 100%; height: 100%; } .vbo-modal-overlay-block .vbo-modal-center-content { text-align: center; } .vbo-modal-overlay-block .vbo-modal-center-content .vbo-modal-overlay-content-head { font-size: 16px; text-align: left; } .vik-contentbuilder-textmode-sptags { float: none; display: flex; flex-wrap: wrap; gap: 4px; } .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-nopadding .vbo-modal-overlay-content-body { padding: 5px 0px 10px; } .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-nopadding .vbo-admin-widget-head-inline > div:not(.vbo-dashboard-search-input) { padding-right: 15px; } .vbo-modal-overlay-block .vbo-info-overlay-content-large, .vbo-modal-overlay-content.vbo-modal-overlay-content-large { width: 65%; height: 85%; } .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-tall, .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-tall { height: 80%; } .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-taller, .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-taller { height: 94%; } .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-large, .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-large { width: 65%; height: 85%; } .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-dialog, .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-dialog { height: 50%; } .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-tooltip, .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-tooltip { width: 400px; max-width: 70%; height: auto; } /* Modal windows that require a bottom padding */ .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-footerpad { padding-bottom: 30px; } .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-tooltip { width: 400px; max-width: 70%; height: 180px; } /* * Modal Prompt: The modal is configured to accept only a few parameters. See an example on the "Save" > "Repeat" button in the Task Manager's Past Task view. */ .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-prompt { width: 400px; max-width: 70%; height: 200px; .vbo-modal-overlay-content-body-scroll { padding: 20px; height: calc(100% - 120px); } } /* * Modal Choice */ .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-choice { width: 400px; max-width: 70%; height: 300px; display: flex; flex-direction: column; justify-content: center; .vbo-modal-overlay-content-head { display: flex; justify-content: center; padding: 0 20px; background-color: transparent; .vbo-modal-overlay-content-head-title { font-size: 18px; font-weight: 600; } .vbo-modal-overlay-cmds { position: absolute; top: 10px; right: 10px; padding: 1px; .vbo-modal-overlay-cmd { font-size: 16px; color: var(--vbo-config-titles-color-light); padding: 0; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; width: 20px; height: 20px; border-radius: 50%; float: none; margin-top: 0; &:hover { background: var(--vbo-basic-btn); } } } } .vbo-modal-overlay-content-body { font-size: 14px; color: var(--vbo-config-titles-color-light); text-align: center; padding: 4px 20px 24px; border-bottom: 1px solid var(--vbo-config-border-color); height: auto; } } /* Modal Footer Stacked: The modal is configured to display the actions buttons similar to the common "login" choice in the web. See an example on the "Send" button in the Quote List widget. */ .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-footer-stacked { .vbo-modal-overlay-content-footer { padding: 0 24px 0; background-color: transparent; border-top: 0; position: initial; width: initial; .vbo-modal-overlay-content-footer-center { & > div { display: flex; align-items: center; flex-direction: column; gap: 10px; .btn { width: 100%; background: transparent; display: inline-flex; align-items: center; gap: 12px; font-size: 16px; font-weight: 600; padding: 16px; border-radius: 12px; &:hover { border-color: var(--vbo-base-color); } i { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; font-size: 18px; &.vbo-grey-icon-btn { background: var(--vbo-basic-btn); color: var(--vbo-body-text-color); } &.vbo-green-icon-btn { background: var(--vbo-tag-green-bg); color: var(--vbo-green-color); } } } } } } } .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-fullscreen { width: 98%; height: 96%; } .vbo-modal-tooltip .vbo-modal-overlay-content-body { padding: 20px; } .vbo-modal-overlay-content-body .CodeMirror { height: 65vh; } .CodeMirror-wrap pre { word-break: break-word !important; } .vbo-path-tmpl-file.no-margin-top { margin-top: 0; } .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-rounded { border-radius: 20px; } .vbo-modal-overlay-content-backdrop { position: absolute; height: 100%; width: 100%; background: rgba(0, 0, 0, .4); z-index: 100; } .vbo-modal-overlay-content-widget-modal .vbo-modal-overlay-content-backdrop { left: -20px; width: calc(100% + 40px); } .vbo-modal-overlay-content-backdrop .vbo-modal-overlay-content-backdrop-body { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } .vbo-modal-overlay-content-backdrop .vbo-modal-overlay-content-backdrop-body i { font-size: 40px; color: var(--vbo-contrast-text-color); text-shadow: 1px 0px 8px rgba(0, 0, 0, .1); } .vbo-modal-overlay-content-backdrop-body .vbo-modal-overlay-content-backdrop-text { margin-top: 10px; font-weight: bold; color: var(--vbo-contrast-text-color); font-size: 16px; } .vbo-modal-overlay-content-ratesoverv-newratesrestr .vbo-modal-overlay-content-backdrop .vbo-modal-overlay-content-backdrop-body i { font-size: 100px; } .vbo-modal-overlay-content-head:not(.vbo-modal-head-no-title) { padding: 20px; background: var(--vbo-config-child-bg-color); } .vbo-modal-overlay-content-head h3 > i { margin-right: 5px; color: var(--vbo-config-titles-color-light); } .vbo-modal-overlay-close-times, .vbo-modal-overlay-cmds > span { float: right; font-size: 20px; cursor: pointer; color: var(--vbo-config-title-color); padding: 10px; cursor: pointer; margin-top: -10px; display: inline-block; } .vbo-modal-overlay-close-times:hover, .vbo-modal-overlay-cmds > span:hover { color: #619dca; } .vbo-modal-overlay-content-head.vbo-modal-head-no-title .vbo-modal-overlay-close-times { margin-top: 5px; margin-right: 10px; } .vik-contentbuilder-modal-content .vbo-modal-overlay-content-head { background: var(--vbo-config-bg-color); padding: 0; } .vik-contentbuilder-modal-content .vbo-modal-overlay-content-head .vbo-modal-overlay-close-times { position: absolute; right: 10px; top: 7px; margin: 0; padding: 0; } .vbo-modal-overlay-content-body { padding: 20px 20px 10px; } .vbo-modal-widget .vbo-modal-overlay-content-body { padding-top: 0; } .vbo-modal-overlay-content-widget-modal .vbo-modal-overlay-content-body { padding: 0 5px; } .vik-contentbuilder-modal-content .vbo-modal-overlay-content-body { padding: 35px 35px 10px; } .vbo-modal-overlay-content-footer { margin-top: 15px; text-align: right; position: absolute; width: calc(100% - 40px); right: 0; bottom: 0; border-top: 1px solid var(--vbo-config-border-color); background: var(--vbo-config-child-bg-color); padding: 10px 20px; box-sizing: content-box; } .vbo-modal-overlay-content-footer .vbo-modal-overlay-content-footer-left { float: left; } .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-head { font-size: 16px; } .vbo-modal-overlay-content-zoom-image .vbo-modal-overlay-content-body-scroll { text-align: center; padding: 10px 20px 10px; height: calc(100% - 78.2px); position: relative; } .vbo-modal-overlay-content-body-scroll .vbo-modal-zoom-image-wrap { top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; } .vbo-modal-overlay-content-body-scroll .vbo-modal-zoom-image-wrap img { border-radius: 6px; box-shadow: 0 0 10px rgba(0,0,0,.4); max-width: 80%; } .vbo-modal-overlay-content-servsearch .vbo-modal-overlay-content-body-scroll { height: calc(100% - 100px); } .vbo-modal-overlay-content { -webkit-animation-name: VikCenterScale; animation-name: VikCenterScale; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .vbo-modal-overlay-content.vbo-restoring { -webkit-animation-name: VikfadeInUp; animation-name: VikfadeInUp; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .vbo-modal-overlay-content.vbo-minimizing { -webkit-animation-name: VikfadeOutDown; animation-name: VikfadeOutDown; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @keyframes VikCenterScale { from { opacity: 0; transform: translate(-50%, -50%) scale(.1); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } } @keyframes VikfadeInUp { from { opacity: 0; transform: translate(-50%, 20%) scale(.1); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } } @keyframes VikfadeOutDown { from { opacity: 1; transform: translate(-50%, -50%) scale(1); } to { opacity: 0.3; transform: translate(-50%, 20%) scale(.1); } } .vbo-optionals-dmgdepbcom-trigger { white-space: nowrap; } .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-results { margin-top: 15px; } .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-service { padding: 10px; display: flex; flex-wrap: wrap; border-bottom: 1px solid var(--vbo-config-border-color); } .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-name { flex: 1; font-weight: bold; font-size: 1.1em; align-self: center; } .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-cost { margin: 0 15px; align-self: center; font-weight: bold; } .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-add { margin-left: auto; } .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-add .btn { padding: 3px 6px; } .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-result-service-add .btn i { margin-right: 0; } .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-service-add .btn { padding: 3px 6px; } .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-service-add .btn i { margin-right: 0; } .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result { border: 1px solid var(--vbo-config-border-color); box-shadow: 0 1.5px 2px rgba(0,0,0,.05); border-radius: 10px; margin-bottom: 10px; } .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result:hover { border-color: var(--vbo-base-color); } .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-booking { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); column-gap: 20px; row-gap: 5px; padding: 10px; } .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-form-wrap .vbo-modal-servsearch-result-booking-lbl { display: block; font-weight: 500; } .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append { width: 100%; display: flex; border-radius: 6px; box-shadow: 0 1.5px 2px rgba(0,0,0,.05); } .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append input { flex: 1; border-color: var(--vbo-config-border-color); border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append input:focus { box-shadow: none; } .vbo-modal-overlay-content-servsearch .vbo-modal-servsearch-input .input-append .btn { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem { margin: 0px 0 15px; } .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem:last-child { margin-bottom: 0; } .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem label { font-weight: 500; display: block; margin-bottom: 4px; } .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input, .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select, .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > textarea { min-width: 50%; } .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input[type="number"] { border: 1px solid #ddd; border-radius: 2px; padding: 8px 10px; margin-bottom: 0; box-sizing: border-box; height: auto; } .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select { margin-bottom: 0; border-radius: 2px; border: 1px solid var(--vbo-config-border-color); padding: 8px 10px; height: inherit; } .vbo-modal-overlay-content-body .vbo-modal-guestmisconduct-addnew-save, .vbo-modal-overlay-content-body .vbo-modal-bcomdmgdeposit-addnew-save { margin-top: 15px; } /* Access Door Widget + Modal Tab layout */ .vbo-widget-door-access-control-wrap .vbo-widget-door-access-control-tabs, .vbo-panel-tabs-tabs { padding: 0 10px; display: flex; gap: 10px; background-color: var(--vbo-config-child-bg-color); border-bottom: 1px solid var(--vbo-config-border-color); } .vbo-modal-overlay-content:not(.vbo-modal-nopadding) .vbo-panel-tabs-tabs { border-radius: 6px; } .vbo-widget-door-access-control-wrap .vbo-widget-door-access-control-tabs .vbo-widget-door-access-control-tab, .vbo-panel-tabs-tab { padding: 12px 10px; border-bottom: 2px solid var(--vbo-config-child-bg-color); cursor: pointer; font-weight: 500; } .vbo-widget-door-access-control-wrap .vbo-widget-door-access-control-tabs .vbo-widget-door-access-control-tab:hover, .vbo-panel-tabs-tab:hover { border-color: var(--vbo-blue-color-hover); } .vbo-widget-door-access-control-wrap .vbo-widget-door-access-control-tabs .vbo-widget-door-access-control-tab.vbo-widget-tab-active, .vbo-panel-tabs-tab.active { border-color: var(--vbo-base-color); font-weight: bold; color: var(--vbo-base-color); } .vbo-panel-tabs-right { margin-left: auto; display: flex; align-self: center; gap: 5px; } .vbo-panel-tabs-right .vbo-panel-tabs-cmd span { border-radius: 20px; padding: 4px 10px; border: 1px solid var(--vbo-basic-btn); background: var(--vbo-body-bg-color); display: flex; gap: 6px; align-items: center; cursor: pointer; } .vbo-panel-tabs-right .vbo-panel-tabs-cmd span:hover { border-color: var(--vbo-base-color); } .vbo-panel-tabs-right .vbo-panel-tabs-cmd[data-newrate] span { background: var(--vbo-base-color); color: var(--vbo-contrast-text-color); border-color: var(--vbo-blue-color); } .vbo-panel-tabs-right .vbo-panel-tabs-cmd[data-newrate] span:hover { background: var(--vbo-body-bg-color); border-color: var(--vbo-blue-color); color: var(--vbo-body-text-color); } .vbo-modal-overlay-content:not(.vbo-modal-nopadding) .vbo-panel-tabs-panels { margin-top: 10px; } .vbo-widget-door-access-control-wrap .vbo-widget-door-access-control-panel { padding: 20px; background: var(--vbo-white-blue-bg); } .vbo-dac-integration-body .vbo-dac-devices-info .vbo-params-block, .vbo-widget-door-access-control-panels .vbo-params-block { background: var(--vbo-config-bg-color); } .vbo-dac-integration-body .vbo-dac-devices-info .vbo-param-setting { display: flex; align-items: center; justify-content: space-between; } .vbo-dac-integration-head { display: flex; align-items: center; gap: 6px; font-weight: bold; font-size: 16px; margin-bottom: 10px; } .vbo-dac-integration-head .vbo-dac-integration-icon img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; } .vbo-dac-devices-wrap .vbo-dac-device-wrap { background: var(--vbo-config-bg-color); border: 1px solid var(--vbo-config-border-color); border-radius: 8px; padding: 20px; margin-bottom: 15px; } .vbo-dac-devices-wrap .vbo-dac-device-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } .vbo-dac-devices-wrap .vbo-dac-device-head .vbo-dac-device-info .vbo-dac-device-data { margin: 0; display: flex; align-items: center; gap: 8px; } .vbo-dac-devices-wrap .vbo-dac-device-head .vbo-dac-device-info .vbo-dac-device-name { font-weight: bold; font-size: 18px; margin-bottom: 4px; } .vbo-dac-devices-wrap .vbo-dac-device-head .vbo-dac-device-subinfo span { font-size: 13px; color: var(--vbo-config-titles-color-light); position: relative; margin-right: 14px; } .vbo-dac-devices-wrap .vbo-dac-device-head .vbo-dac-device-subinfo span:last-child { margin-right: 0; } .vbo-dac-devices-wrap .vbo-dac-device-head .vbo-dac-device-subinfo span:not(:last-child):after { content: ''; width: 4px; height: 4px; background-color: var(--vbo-config-titles-color-light); border-radius: 50%; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); right: -10px; } .vbo-dac-devices-wrap .vbo-dac-device-head .vbo-dac-device-subinfo .vbo-dac-device-id { font-weight: 500; color: var(--vbo-base-color); } .vbo-dac-devices-wrap .vbo-dac-device-head .vbo-dac-device-icn i { background-color: var(--vbo-light-blue); color: var(--vbo-base-color); height: 32px; width: 32px; line-height: 32px; text-align: center; border-radius: 50%; font-size: 18px; } .vbo-dac-devices-wrap .vbo-dac-device-head .vbo-dac-device-icn img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; } .vbo-dac-devices-wrap .vbo-dac-device-head .vbo-dac-device-battery i { margin-right: 4px; opacity: 0.9; } .vbo-dac-devices-wrap .vbo-dac-device-head .vbo-dac-device-battery *:not(i) { font-weight: 500; } .vbo-dac-devices-wrap .vbo-dac-device-head .vbo-dac-device-battery .vbo-dac-level-success i { color: var(--vbo-green-color); } .vbo-dac-devices-wrap .vbo-dac-device-head .vbo-dac-device-battery .vbo-dac-level-warning i { color: var(--vbo-warning-txt) } .vbo-dac-devices-wrap .vbo-dac-device-head .vbo-dac-device-battery .vbo-dac-level-error i { color: var(--vbo-red-color); } .vbo-dac-devices-wrap .vbo-dac-device-content { margin-top: 15px; display: flex; justify-content: space-between; } .vbo-dac-devices-wrap .vbo-dac-device-listings .vbo-dac-device-listings-count { font-weight: bold; font-size: 14px; opacity: .8; } .vbo-dac-devices-wrap .vbo-dac-device-listings .vbo-dac-device-listings-list { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; } .vbo-dac-devices-wrap .vbo-dac-device-listings .vbo-widget-dac-device-cn-listing { display: flex; align-items: center; gap: 6px; background-color: var(--vbo-tag-blue-bg); border: 2px solid var(--vbo-tag-blue-bg); color: var(--vbo-tag-blue-txt); border-radius: 30px; padding: 6px 14px; font-size: 13px; cursor: pointer; } .vbo-dac-devices-wrap .vbo-dac-device-listings .vbo-widget-dac-device-cn-listing:hover { background: transparent; } .vbo-dac-devices-wrap .vbo-widget-dac-device-add-listing { padding: 7px 12px; font-weight: 500; } .vbo-dac-device-capabilities { margin-top: 10px; background: var(--vbo-input-style); border: 1px solid var(--vbo-input-style-nested-deactive); box-shadow: 0 1.5px 2px rgba(0,0,0,.05); padding: 20px; border-radius: 8px; position: relative; overflow: hidden; } .vbo-dac-device-capability-sections { display: flex; gap: 20px; transition: transform 0.6s ease-in-out; width: 200%; } .vbo-dac-device-capability-sections.vbo-dac-cap-section-active-result { transform: translateX(calc(-50% - 20px)); } .vbo-dac-device-capability-sections > div { flex: 1 0 50%; box-sizing: border-box; min-width: 0px; } .vbo-dac-capabilities-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; justify-content: center; } .vbo-admin-widgets-container-small .vbo-dac-capabilities-list { grid-template-columns: repeat(1, minmax(0, 1fr)); } .vbo-dac-device-capabilities .vbo-dac-device-capability { border: 1px solid var(--vbo-config-border-color); text-align: center; padding: 20px; border-radius: 8px; display: flex; flex-wrap: wrap; flex-direction: column; } .vbo-dac-device-capabilities .vbo-dac-device-capability-head { display: flex; gap: 10px; } .vbo-dac-device-capabilities .vbo-dac-device-capability-head i { background-color: var(--vbo-grey-blue-bg); color: var(--vbo-info-txt); height: 42px; width: 42px; line-height: 42px; text-align: center; border-radius: 8px; font-size: 18px; } .vbo-dac-device-capabilities .vbo-dac-device-capability-info { text-align: left; } .vbo-dac-device-capabilities .vbo-dac-device-capability-info .vbo-dac-device-capability-name { font-weight: bold; margin-bottom: 6px; font-size: 16px; } .vbo-dac-device-capabilities .vbo-dac-device-capability-info .vbo-dac-device-capability-descr { font-weight: 500; opacity: .8; } .vbo-dac-device-capabilities .vbo-dac-device-capability-action .btn { width: 100%; margin-top: 20px; font-weight: 600; opacity: .8; display: flex; justify-content: center; gap: 5px; align-items: center; } .vbo-dac-device-capabilities .vbo-dac-device-capability-action .btn:hover { opacity: 1; } .vbo-dac-device-capabilities .vbo-dac-device-capability-action button[data-callback] { background-color: var(--vbo-blue-color); border-color: var(--vbo-blue-color); color: var(--vbo-contrast-text-color); } .vbo-dac-device-capabilities .vbo-dac-device-capability-action button[data-callback*="delete"] { background-color: var(--vbo-error-border); border-color: var(--vbo-error-border); color: var(--vbo-contrast-text-color); } .vbo-dac-device-capabilities .vbo-dac-device-capability-action button[data-callback*="create"] { background-color: var(--vbo-green-color); border-color: var(--vbo-green-color); color: var(--vbo-contrast-text-color); } .vbo-dac-capability-result-head .vbo-dac-capability-result-back { padding: 8px 10px; display: inline-flex; align-items: center; gap: 10px; border-radius: var(--vbo-field-radius); font-weight: bold; margin-right: 8px; cursor: pointer; } .vbo-dac-capability-result-head .vbo-dac-capability-result-back:hover { background: var(--vbo-light-blue); } .vbo-dac-capability-result-head .vbo-dac-capability-result-name { font-size: 18px; font-weight: bold; } .vbo-dac-table-wrap { margin-top: 15px; border: 1px solid var(--vbo-config-border-color); border-radius: 8px; overflow-y: hidden; overflow-x: auto; min-height: 0.01%; } .vbo-dac-table { width: 100%; border-collapse: collapse; } .vbo-dac-table tr td { border-top: 1px solid var(--vbo-config-border-color); padding: 10px 12px; line-height: 18px; text-align: left; } .vbo-dac-table thead { font-weight: bold; } .vbo-dac-table thead td { border-top: 0; background-color: var(--vbo-grey-blue-bg); } .vbo-dac-table .vbo-dac-table-passcode-name { font-weight: 600; } .vbo-dac-table .vbo-dac-table-passcode-code { display: inline-block; background: var(--vbo-select2-bg); color: var(--vbo-select2-txt); padding: 3px 10px; border-radius: 20px; font-weight: 500; } /* Admin Dock */ .vbo-admin-dock-wrapper { position: fixed; bottom: 8px; left: 50%; transform: translate(-50%, 0); text-align: center; background: #00142dc4; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 6px; border-radius: 40px; gap: 6px; z-index: 1; } .vbo-admin-dock-element { background-color: var(--vbo-config-bg-color); color: var(--vbo-body-text-color); border-radius: 36px; padding: 4px 6px 4px 4px; position: relative; display: flex; align-items: center; } .vbo-admin-dock-element-cont { cursor: pointer; display: inline-block; white-space: nowrap; } .vbo-admin-dock-element-name { font-size: 12px; font-weight: 500; margin-right: 4px; } .vbo-admin-dock-element-icn { border-radius: 50%; object-fit: cover; margin-right: 4px; width: 24px; height: 24px; line-height: 24px; display: inline-block; color: var(--vbo-contrast-text-color); } .vbo-admin-dock-element-dismiss { cursor: pointer; color: var(--vbo-config-text-color-light); font-size: 12px; margin-left: 6px; display: inline-block; } .vbo-admin-dock-element-dismiss:hover { color: var(--vbo-error-border); } .vbo-admin-dock-element:not([data-badge-count=""]):after { font-weight: 500; content: attr(data-badge-count); background: var(--vbo-red-color); color: var(--vbo-contrast-text-color); height: 18px; border: 1px solid #00142d; text-align: center; position: absolute; top: -14px; left: 50%; transform: translate(-50%, 0); font-size: 11px; line-height: 18px; border-radius: 6px; padding: 0px 4px; z-index: 10; } /* Content Builder */ .ql-toolbar.ql-snow, .ql-container.ql-snow { border: 1px solid var(--vbo-config-border-color); } .ql-toolbar.ql-snow { display: flex; flex-wrap: wrap; row-gap: 5px; } .ql-toolbar.ql-snow .ql-picker, .ql-snow .ql-picker.ql-expanded .ql-picker-label { color: var(--vbo-config-titles-color-light); } .ql-toolbar .ql-stroke, .ql-toolbar.ql-snow .ql-stroke { stroke: var(--vbo-config-titles-color-light); } .ql-toolbar.ql-snow .ql-fill, .ql-toolbar.ql-snow .ql-stroke.ql-fill { fill: var(--vbo-config-titles-color-light); } .ql-toolbar .ql-formats > button { color: var(--vbo-config-titles-color-light); } .ql-toolbar.ql-snow .ql-picker-options .ql-picker-item { color: #444; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { border-color: var(--vbo-config-border-color); } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { border: 0; } .ql-toolbar .ql-formats > .ql-genai { color: var(--vbo-ai-color); line-height: 18px; } .ql-snow .ql-picker-options { background-color: var(--vbo-config-bg-color) } .ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected { color: var(--vbo-base-color); } .ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { stroke: var(--vbo-base-color); } .ql-editor { min-height: 200px; max-height: 75vh; } .ql-toolbar.ql-snow + .ql-container.ql-snow { background: #fbfbfb; border-radius: 6px; border-top: 1px solid var(--vbo-config-border-color); } .ql-toolbar.ql-snow { border: 0; padding: 8px 0; } .ql-toolbar.ql-snow .ql-formats { background: var(--vbo-body-bg-color); border: 1px solid var(--vbo-config-border-color); padding: 5px; border-radius: 6px; } .ql-snow .ql-tooltip { background-color: var(--vbo-config-bg-color); border: 1px solid var(--vbo-config-border-color); box-shadow: 0px 3px 8px rgba(0,0,0,.2); padding: 30px 12px 10px; border-radius: 4px; color: inherit; } .ql-snow .ql-tooltip::before { position: absolute; top: 4px; } .ql-snow .ql-tooltip .ql-action { background-color: var(--vbo-base-color); border: 1px solid var(--vbo-base-color); color: #fff; display: inline-block; padding: 5px 10px; } .ql-snow .ql-tooltip .ql-action:after { margin-left: 0 !important; } .ql-snow .ql-tooltip .ql-action:hover { background-color: var(--vbo-base-color-hover); border: 1px solid var(--vbo-base-color-hover); } .ql-editor ul[data-checked] { line-height: 1.3em; } .ql-editor ul[data-checked] li:before { font-size: 22px; } .ql-snow .ql-editor ul[data-checked="true"] > li { text-decoration: line-through; } .ql-snow .ql-editor ul[data-checked="true"] > li:before { color: var(--vbo-base-color); } .vik-contentbuilder-editor-container .vbo-editor-hl-specialtag { background-color: rgba(59, 193, 255, 0.2); } .vik-contentbuilder-editor-container .vbo-editor-hl-mailwrapper { height: 20px; } .vik-contentbuilder-editor-container .vbo-editor-hl-mailwrapper:nth-of-type(odd) { border-style: solid; border-color: var(--vbo-config-text-color-light); border-width: 1px 0 0 0; border-radius: 16px 16px 0 0; } .vik-contentbuilder-editor-container .vbo-editor-hl-mailwrapper:nth-of-type(even) { border-style: solid; border-color: var(--vbo-config-text-color-light); border-width: 0 0 1px 0; border-radius: 0 0 16px 16px; } .vbo-visualeditor-transparent .ql-toolbar.ql-snow{ border: 0; padding: 8px 0; } .vbo-visualeditor-transparent .ql-toolbar.ql-snow + .ql-container.ql-snow { border: 1px solid #ccc; } .vik-contentbuilder-switcher { margin-bottom: 2px; display: flex; gap: 5px; } .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn { background: var(--vbo-input-style-deactive); border-color: var(--vbo-config-border-color); } .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn:hover { border-color: var(--vbo-base-color-hover); background: var(--vbo-input-style-deactive); } .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn:active, .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn:focus { background: var(--vbo-config-bg-color); } .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn-active, .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn-active:hover, .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn-active:focus, .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn-active:active { background: var(--vbo-grey-blue-bg); border-color: var(--vbo-info-border); } /* Start - iOS-style toggle/switch button */ .vbo-iostoggle-wrap, .vik-iostoggle-wrap { margin: auto; padding: 20px 0; width: 55px; margin-top: 20px; border-radius: 5px; position: relative; } .vbo-iostoggle-wrap input.vbo-iostoggle-elem, .vik-iostoggle-wrap input.vik-iostoggle-elem { opacity: 0; position: absolute; } .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label, .vik-iostoggle-wrap input.vik-iostoggle-elem + label { position: relative; display: inline-block; user-select: none; transition: .4s ease; height: 30px; width: 50px; border: 1px solid var(--vbo-config-bg-color); border-radius: 60px; } .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label:before, .vik-iostoggle-wrap input.vik-iostoggle-elem + label:before { content: ""; position: absolute; display: block; transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1); height: 30px; width: 51px; top: 0; left: 0; border-radius: 30px; background: var(--vbo-config-border-color); } .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label:after, .vik-iostoggle-wrap input.vik-iostoggle-elem + label:after { content: ""; position: absolute; display: block; /*box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0px 0 rgba(0, 0, 0, 0.04), 0 4px 9px rgba(0, 0, 0, 0.13), 0 3px 3px rgba(0, 0, 0, 0.05);*/ transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); background: var(--vbo-config-bg-color); height: 24px; width: 24px; top: 3px; left: 3px; border-radius: 60px; } .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label:before { background: var(--vbo-green-color); transition: width 0.2s cubic-bezier(0, 0, 0, 0.1); } .vbo-iostoggle-wrap.blue input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap.blue input.vik-iostoggle-elem:checked + label:before { background: var(--vbo-base-color); } .vbo-iostoggle-wrap.orange input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap.orange input.vik-iostoggle-elem:checked + label:before { background: var(--vbo-orange-color); } .vbo-iostoggle-wrap.red input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap.red input.vik-iostoggle-elem:checked + label:before { background: var(--vbo-red-color); } .vbo-iostoggle-wrap.gold input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap.gold input.vik-iostoggle-elem:checked + label:before { background: var(--vbo-gold-color); } .vbo-iostoggle-wrap.purple input.vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap.purple input.vik-iostoggle-elem:checked + label:before { background: var(--vbo-purple-color); } .vbo-iostoggle-wrap input[name="setclosed"].vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap input[name="setclosed"].vik-iostoggle-elem:checked + label:before, .vbo-iostoggle-wrap input[name="closeroom"].vbo-iostoggle-elem:checked + label:before, .vik-iostoggle-wrap input[name="closeroom"].vik-iostoggle-elem:checked + label:before { background: var(--vbo-red-color); } .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label:after, .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label:after { left: 24px; } .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label span:after, .vik-iostoggle-wrap input.vik-iostoggle-elem + label span:after { color: var(--vbo-config-titles-color-light); content: attr(data-off); top: 6px; left: 60px; width: 36px; position: absolute; height: 10px; } .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label span:after, .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label span:after { color: rgba(19,191,17,1); content: attr(data-on); } /* Style for two states */ .vbo-toggle-double-status .vik-iostoggle-wrap input.vik-iostoggle-elem:not(:checked) + label::before { background: var(--vbo-base-color-hover); } /* End - iOS-style toggle/switch button */ /* multi toogle/switch button - Start */ .vik-multiswitch-wrap { position: relative; display: inline-flex; justify-content: center; align-items: flex-start; border: 1px solid var(--vbo-config-border-color); border-radius: 16px; min-width: 150px; height: 50px; } .vik-multiswitch-radiobtn { display: flex; justify-content: center; align-items: center; height: 100%; flex: 1; } .vik-multiswitch-radiobtn input { display: none !important; } .vik-multiswitch-radiobtn .vik-multiswitch-trigger { width: 50px; height: 50px; border-radius: 50%; display: inline-block; transition: opacity 0.3s ease; opacity: 0.3; top: 0; cursor: pointer; } .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-def .vik-multiswitch-trigger { position: absolute; left: 33%; transition: transform 1s; width: 50px; height: 50px; background: transparent; } .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on .vik-multiswitch-trigger { position: absolute; left: 0; text-align: center; } .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on input:checked + .vik-multiswitch-trigger { width: 50px; height: 50px; -moz-animation-duration: 0.4s; -moz-animation-name: slideFirst; -webkit-animation-duration: 0.4s; -webkit-animation-name: slideFirst; animation-duration: 0.4s; animation-name: slideFirst; -webkit-transform: translateZ(0); background-color: var(--vbo-green-color); } .vik-multiswitch-radiobtn:hover .vik-multiswitch-trigger { border-radius: 15px; background: var(--vbo-basic-btn); opacity: 0.7; } .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off .vik-multiswitch-trigger { position: absolute; right: 0; text-align: center; } .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off input:checked + .vik-multiswitch-trigger { -moz-animation-duration: 0.4s; -moz-animation-name: slideLast; -webkit-animation-duration: 0.4s; -webkit-animation-name: slideLast; animation-duration: 0.4s; animation-name: slideLast; -webkit-transform: translateZ(0); width: 50px; height: 50px; background-color: var(--vbo-red-color); } .vik-multiswitch-radiobtn input:checked + .vik-multiswitch-trigger { opacity: 1; display: inline-block; z-index: 0; } .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-def input:checked + .vik-multiswitch-trigger { background-color: var(--vbo-basic-btn); } .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-dark input:checked + .vik-multiswitch-trigger { background-color: #222; } .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-light input:checked + .vik-multiswitch-trigger { background-color: #b1e0e2; } .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-light input:checked + .vik-multiswitch-trigger + .vik-multiswitch-txt { color: #0f1216; } .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-dark input:checked + .vik-multiswitch-trigger + .vik-multiswitch-txt { color: #fff; } .vik-multiswitch-radiobtn .vik-multiswitch-txt { position: relative; z-index: 1; color: var(--vbo-body-text-color); font-size: 13px; cursor: pointer; } .vik-multiswitch-radiobtn .vik-multiswitch-txt i { font-size: 16px; } .vik-multiswitch-noanimation { border-radius: 18px; } .vik-multiswitch-noanimation .vik-multiswitch-radiobtn { position: relative; padding: 5px 10px; box-sizing: border-box; } .vik-multiswitch-radiobtn .vik-multiswitch-trigger { width: 50px; height: 50px; border-radius: 15px; } .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on .vik-multiswitch-trigger { position: absolute; left: 0; } .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off .vik-multiswitch-trigger { position: absolute; right: 0; } .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-off input:checked + .vik-multiswitch-trigger, .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on input:checked + .vik-multiswitch-trigger { animation: none !important; } .vik-multiswitch-noanimation .vik-multiswitch-radiobtn input + .vik-multiswitch-trigger, .vik-multiswitch-noanimation .vik-multiswitch-radiobtn input:checked + .vik-multiswitch-trigger { width: 100%; height: 100%; border-radius: 15px; position: absolute; left: 0; } .vbo-widget-today-checkout-tristate .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-text input:checked + .vik-multiswitch-trigger, .vbo-widget-today-checkin-tristate .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-text input:checked + .vik-multiswitch-trigger { background-color: var(--vbo-base-color); } .vbo-widget-today-checkout-tristate .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-text input:checked + .vik-multiswitch-trigger + .vik-multiswitch-txt, .vbo-widget-today-checkin-tristate .vik-multiswitch-noanimation .vik-multiswitch-radiobtn.vik-multiswitch-text input:checked + .vik-multiswitch-trigger + .vik-multiswitch-txt { color: #fff; } .vbo-admin-widget-head-inline > .vbo-widget-today-checkout-tristate, .vbo-admin-widget-head-inline > .vbo-widget-today-checkin-tristate { float: right; margin: 12px 15px 10px 20px; } .vbo-widget-today-checkout-tristate .vik-multiswitch-wrap, .vbo-widget-today-checkin-tristate .vik-multiswitch-wrap { height: 40px; } /* For two status multiswitch */ .vik-multiswitch-wrap.vbo-multiswitch-double .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-on input:checked + .vik-multiswitch-trigger { width: 50%; } .vik-multiswitch-wrap.vbo-multiswitch-double .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-def .vik-multiswitch-trigger { left: 50%; width: 50%; } .vik-multiswitch-wrap.vbo-multiswitch-double .vik-multiswitch-radiobtn .vik-multiswitch-trigger { width: 50%; } .vik-multiswitch-wrap.vbo-multiswitch-double .vik-multiswitch-radiobtn input:checked + .vik-multiswitch-trigger { background-color: #b1e0e2; } .vik-multiswitch-wrap.vbo-multiswitch-double .vik-multiswitch-radiobtn.vik-multiswitch-radiobtn-def input:checked + .vik-multiswitch-trigger { -moz-animation-duration: 0.4s; -moz-animation-name: slideLast; -webkit-animation-duration: 0.4s; -webkit-animation-name: slideLast; animation-duration: 0.4s; animation-name: slideLast; } @keyframes slideFirst { from { transform: translate(100%, 0); } to { transform: translate(0px, 0px); } } @keyframes slideLast { from { transform: translate(-100%,0); } to { transform: translate( 0px, 0px); } } /* Multi toogle/switch button - end */ /* New Dashboard 2021 */ .vbo-admin-widgets-commands { display: inline-block; width: 100%; } .vbo-admin-widgets-commands-mng { display: inline-block; border: 1px solid var(--vbo-config-border-color); border-radius: 4px; background: var(--vbo-config-bg-color); padding: 5px 10px; float: right; } .vbo-admin-widgets-commands-mng-lbl { display: inline-block; vertical-align: top; margin-top: 10px; margin-left: 5px; cursor: pointer; } .vbo-admin-widgets-commands-mng-toggle { display: inline-block; margin-top: 5px; } .vbo-admin-widgets-commands-mng-toggle label { margin-bottom: 0; } .vbo-admin-widgets-commands-mng-toggle .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label::before, .vbo-admin-widgets-commands-mng-toggle .vik-iostoggle-wrap input.vik-iostoggle-elem + label::before, .vbo-toggle-small .vik-iostoggle-wrap input.vik-iostoggle-elem + label::before { height: 26px; } .vbo-toggle-small .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label, .vik-iostoggle-wrap input.vik-iostoggle-elem + label { margin-bottom: 0; } .vbo-admin-widgets-commands-mng-toggle .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label::after, .vbo-admin-widgets-commands-mng-toggle .vik-iostoggle-wrap input.vik-iostoggle-elem + label::after, .vbo-toggle-small .vik-iostoggle-wrap input.vik-iostoggle-elem + label::after { height: 20px; width: 20px; top: 3px; } .vbo-admin-widgets-commands-mng-toggle .vbo-iostoggle-wrap input.vbo-iostoggle-elem:checked + label::after, .vbo-admin-widgets-commands-mng-toggle .vik-iostoggle-wrap input.vik-iostoggle-elem:checked + label::after, .vbo-toggle-small input.vik-iostoggle-elem:checked + label::after { left: 28px; } .vbo-toggle-small .vik-iostoggle-wrap input.vik-iostoggle-elem + label { height: 26px; } .vbo-toggle-mini .vik-iostoggle-wrap input.vik-iostoggle-elem + label { height: 20px; width: 36px; } .vbo-toggle-mini .vik-iostoggle-wrap input.vik-iostoggle-elem + label:before { height: 20px; width: 36px; } .vbo-toggle-mini .vik-iostoggle-wrap input.vik-iostoggle-elem + label:after { height: 14px; width: 14px; top: 3px; } .vbo-toggle-mini input.vik-iostoggle-elem:checked + label:after { left: 19px; } .vbo-admin-widgets-commands-info { font-weight: bold; float: left; margin-left: 5px; } .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-txt { display: block; margin-bottom: 4px; } .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-txt.vbo-admin-widgets-error { color: var(--vbo-red-color); } .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-restore { display: inline-block; vertical-align: top; } .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-restore .btn { background: var(--vbo-config-bg-color); border: 1px solid var(--vbo-config-border-color); color: var(--vbo-config-titles-color-light); padding: 4px 12px; } .vbo-admin-widgets-commands-info .vbo-admin-widgets-commands-info-restore .btn:hover { border-color: var(--vbo-blue-color); color: var(--vbo-blue-color); } .vbo-admin-widgets-section { display: flex; flex-wrap: wrap; gap: 12px; } /* Safari 10.1+ */ @media not all and (min-resolution:.001dpcm) { @media { .vbo-admin-widgets-section > * + * { margin-left: 12px; } } } .vbo-admin-widgets-section .vbo-admin-widgets-section-name { flex-basis: 100%; font-size: 16px; font-weight: bold; margin-left: 8px; } .vbo-admin-widgets-section .vbo-admin-widgets-section-name .vbo-admin-widgets-elem-cmds-drag { display: inline-block; margin-right: 7px; font-size: 14px; cursor: grab; } .vbo-admin-widgets-section .vbo-admin-widgets-section-name .vbo-admin-widgets-elem-cmds-drag:hover { color: #2d719a; } .vbo-admin-widgets-list-customize .vbo-admin-widgets-section-name, .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-name { display: flex; } .vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds { margin-left: auto; margin-right: 10px; font-size: 14px; color: #2d719a; cursor: pointer; } .vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds .vbo-admin-widgets-elem-cmds-drag { color: #333; margin-left: 16px; } .vbo-admin-widgets-list-customize .vbo-admin-widget-elem-cmds .vbo-admin-widgets-elem-cmds-drag:hover { color: #2d719a; } .vbo-admin-widgets-list-customize .vbo-admin-widgets-elem-cmds-edit:hover { color: #182381; } .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-name { font-size: 16px; font-weight: bold; padding: 10px 10px 0; } .vbo-admin-widgets-list-customize .vbo-admin-widgets-widget-details h4 { flex: 1; display: flex; margin-top: 6px; } .vbo-admin-widgets-list-customize .vbo-admin-widgets-widget-remove { display: inline-block; margin-left: auto; font-size: 14px; color: #2d719a; } .vbo-admin-widgets-elem-cmds-remove:hover, .vbo-admin-widgets-widget-remove:hover { color: var(--vbo-red-color); cursor: pointer; } .vbo-admin-widgets-widget-info-drag:hover { color: #2d719a; } .vbo-admin-widgets-section .vbo-admin-widgets-container { flex: 1; flex-grow: 0; } .vbo-admin-widgets-list-customize .vbo-admin-widgets-container { flex-basis: content; flex-grow: 0; } /* * Size Add box Container: 120px + 20px of padding = 120px; * Total margin of EACH container: 8px; * I.E. calculation "Add box" size for 2 containers + itself: 120px + (8px * 3). * Formula: Calc((container size - (add box total size / numb. containers))); * Small Size */ .vbo-admin-widgets-section .vbo-admin-widgets-container-small { flex-basis: calc(25% - 12px); max-width: 25%; } .vbo-admin-widgets-customize .vbo-admin-widgets-container-small { flex-basis: calc((25% - 166px)); } .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="2"] { flex-basis: calc((25% - (174px / 2))); } .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="3"] { flex-basis: calc((25% - (182px / 3))); } .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="4"] { flex-basis: calc((25% - (194px / 4))); } .vbo-admin-widgets-section .vbo-admin-widgets-container-large + .vbo-admin-widgets-container-small { flex-grow: 1; } /* Medium Size */ .vbo-admin-widgets-section .vbo-admin-widgets-container-medium { flex-basis: calc(50% - 12px); max-width: 50%; } .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="2"] { flex-basis: calc((50% - (174px / 2))); } .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="3"] { flex-basis: calc((50% - (182px / 3))); } /* Large Size */ .vbo-admin-widgets-section .vbo-admin-widgets-container-large { flex-basis: calc((100% / 2) + (100% / 5)); } .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-large { flex-basis: calc((((100% / 2) + (100% / 4)) - 166px)); } .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-large[data-totcontainers="2"] { flex-basis: calc((((100% / 2) + (100% / 4)) - (174px / 2) )); } /* Full Width */ .vbo-admin-widgets-section .vbo-admin-widgets-container-fullwidth { width: 100%; flex-basis: inherit; } .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-fullwidth { flex-basis: calc(100% - 166px); } .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container { background: #d8f4ff; border-radius: 10px; margin: 10px 4px; position: relative; padding-bottom: 115px; } .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container > div { margin: 10px 8px; } .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew { flex-basis: 150px; min-height: 100px; padding-bottom: 0; } .vbo-modal-widgets-form-data-fields .vbo-newwidget-descr { margin: 5px 0 10px; font-size: 14px; font-weight: bold; background: var(--vbo-config-child-bg-color); border: 1px solid var(--vbo-config-border-color); border-left: 2px solid #4c93af; border-radius: 4px; padding: 10px; } .vbo-modal-widgets-form-data-field label { display: block; margin-bottom: 5px; } .vbo-modal-widgets-form-data-field select { margin-bottom: 10px; } .vbo-modal-widgets-form-data-fields .select2-container { width: 180px !important; } .vbo-admin-widgets-section .vbo-admin-widgets-elem-cmds-drag, .vbo-admin-widgets-widget-details .vbo-admin-widgets-widget-info-drag, .vbo-sticky-note-cmd-drag { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vbo-admin-widgets-wrap { padding: 8px; } .vbo-admin-widgets-widget .table-responsive { display: inline-block; width: 100%; max-height: 300px; overflow-y: scroll !important; } .vbo-admin-widgets-list-customize .vbo-admin-widgets-section { background: #bdd5ea; padding: 10px; border-radius: 10px; margin: 15px 0; } .vbo-admin-widgets-widget-info-inner { padding: 15px; } .vbo-admin-widgets-widget-addnew { box-shadow: none; } .vbo-admin-widgets-widget-addnew .vbo-admin-widgets-plus-box { background: var(--vbo-config-bg-color); border: 1px solid #838383; color: var(--vbo-config-text-color-light); border-radius: 16px; cursor: pointer; } .vbo-admin-widgets-widget-addnew .vbo-admin-widgets-plus-box, .vbo-admin-widgets-section.vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box, .vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box { padding: 0px 10px; text-align: center; font-size: 38px; } .vbo-admin-widgets-section.vbo-admin-widgets-section-addnew { background: #bdd5ea; color: #838383; padding: 0px; } .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box { color: #838383; position: relative; cursor: pointer; border-radius: 10px; } .vbo-admin-widgets-widget-addnew .vbo-admin-widgets-plus-box { padding: 30px 10px; } .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew:hover, .vbo-admin-widgets-widget-addnew .vbo-admin-widgets-plus-box:hover, .vbo-admin-widgets-section.vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box:hover, .vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box:hover { color: #fff; background: #4c93af; border: 0; } .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box:hover { color: #fff; } .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container-addnew > .vbo-admin-widgets-plus-box { height: 100%; margin: 0; } .vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box { width: 100%; border-radius: 10px; } .vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box:hover { background: #4c93af; color: #fff; cursor: pointer; } .vbo-admin-widgets-section-addnew .vbo-admin-widgets-plus-box span { padding: 20px 0; display: inline-block; } .vbo-admin-widgets-container-addnew .vbo-admin-widgets-plus-box span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .vbo-admin-widgets-widget.vbo-admin-widgets-widget-addnew { height: 100px; position: absolute; width: calc(100% - 15px); bottom: 0; } .vbo-admin-widgets-plus-box { display: block; margin: 0 auto; } .vbo-admin-widgets-widget-details { display: flex; } .vbo-admin-widgets-widget-details h4 { font-size: 16px; } .vbo-admin-widgets-widget-details .vbo-admin-widgets-widget-info-drag { margin-left: auto; display: inline-block; padding: 5px 5px 5px 0; cursor: grab; } .vbo-admin-widgets-widget-info-descr { font-size: 14px; } .vbo-admin-widgets-container-tmpdrop { border: 2px dashed #4c93af; background: #ecf6fa; height: 82px; width: calc(100% - 20px); border-radius: 16px; } .vbo-dashboard-forecast-inner .vbo-reportwidget-occupancy { margin-top: 15px; position: relative; } .vbo-admin-widget-wrapper .vbo-orphans-info-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); } .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-room { display: flex; flex-wrap: wrap; align-content: baseline; border: 1px solid var(--vbo-basic-btn); box-shadow: 0 1.5px 2px rgba(0,0,0,.05); border-radius: 10px; margin: 10px 10px 2px; padding: 0 0 10px; } .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-roomname { flex-basis: 100%; margin-bottom: 4px; margin-top: 10px; font-size: 1.1em; border-bottom: 1px solid var(--vbo-basic-btn); padding: 0 10px 10px; } .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-dates { padding: 5px 10px 0px; } .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-dates > div { margin-bottom: 3px; } .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-dates > div:last-child { margin-bottom: 0; } .vbo-admin-widget-wrapper .vbo-orphans-info-list .vbo-orphans-info-btn { margin-left: auto; padding: 10px; } .vbo-dashboard-rooms-locked .table > tbody > tr:first-child > td { border-top: 0 !important; } .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list, .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note { list-style: none; word-break: break-word; } .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list { padding: 10px; margin-left: 0; } .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li { text-decoration: none; color: #000; background: #ffc; display: block; min-height: 100px; width: calc(25% - 80px); padding: 15px; -moz-box-shadow: 5px 5px 7px rgba(33,33,33,1); -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.2); box-shadow: 5px 5px 7px rgba(33,33,33,.2); -moz-transition: -moz-transform .15s linear; -o-transition: -o-transform .15s linear; -webkit-transition: -webkit-transform .15s linear; } .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li { margin: 25px 20px; display: inline-block; vertical-align: top; line-height: 23px; } .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li { width: calc(33% - 80px); } .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list { padding: 0px 0 20px; margin-bottom: 0; } .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li { width: calc(70% - 100px); margin: 25px 20px 20px; } [contenteditable] { -webkit-user-select: text; user-select: text; } .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add { width: calc(40% - 100px); } .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note h2 { font-size: 18px; font-weight: bold; margin-bottom: 5px; margin-top: 5px; color: #444; } .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note h2:first-child { margin-top: 0; } .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note p { margin: 0; } .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note a { cursor: pointer; } .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li { -webkit-transform: rotate(-6deg); -o-transform: rotate(-6deg); -moz-transform: rotate(-6deg); font-size: 18px; } .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:nth-child(even) { -o-transform: rotate(4deg); -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); position: relative; top: 5px; } .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:nth-child(3n) { -o-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); position: relative; top: -5px; } .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:nth-child(5n) { -o-transform: rotate(5deg); -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); position: relative; top: -10px; } .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li:hover { box-shadow: 10px 10px 7px rgba(0,0,0,.2); -moz-box-shadow: 10px 10px 7px rgba(0,0,0,.2); -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.2); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); position: relative; z-index: 5; background: #fff5cd; } .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds { display: flex; color: #444; } .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds > span { display: inline-block; padding: 5px; cursor: pointer; font-size: 14px; } .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds .vbo-sticky-note-cmd-trash { margin-left: auto; padding-right: 0; } .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds .vbo-sticky-note-cmd-trash:hover { color: var(--vbo-red-color); } .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds .vbo-sticky-note-cmd-drag { padding-left: 0; } .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-cmds .vbo-sticky-note-cmd-drag:hover { color: #2d719a; } .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note .vbo-sticky-note-sign { font-size: .85em; font-style: italic; text-align: right; margin-top: 10px; } .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-widget-sticky-canvas ul { list-style-type: disc; } .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add { height: 70px; width: calc(25% - 80px); min-height: inherit; border: 2px solid #ffe8a2; background: #fff5cd; padding: 0; } .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner { position: relative; height: 100%; padding: 15px; box-sizing: border-box; cursor: pointer; } .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner:hover { background: #ffc; } .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add .vbo-sticky-note-add-inner span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 26px; } .vbo-admin-widget-head .btn-toolbar.vbo-btn-toolbar-hastext { margin-top: 20px; font-size: 16px; width: auto; } .vbo-widget-visitscounter-wrap { display: flex; flex-wrap: wrap; justify-content: center; margin: 10px 20px 0; padding-bottom: 10px; } .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number { flex-basis: calc(50% - 52px); background: var(--vbo-config-bg-color); border: 1px solid var(--vbo-basic-btn); border-bottom: 3px solid var(--vbo-basic-btn); padding: 20px; border-radius: 16px; margin: 5px; position:relative; } .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number:after { height: 30px; width: 4px; background: var(--vbo-blue-color); content: ""; position: absolute; left: -3px; top: 17px; } .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number-lbl { font-weight: 500; color: var(--vbo-config-titles-color-light); margin-top: 10px; font-size: 14px; } .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number-count { font-size: 26px; font-weight: bold; letter-spacing: 1px; white-space: nowrap; } .vbo-admin-widgets-container-small .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number { flex-basis: calc(50% - 52px); } .vbo-admin-widgets-container-large .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number, .vbo-admin-widgets-container-fullwidth .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number { flex-basis: calc(25% - 52px); } .vbo-widgets-welcome-inner { font-size: 14px; } .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-section { background: #bdd5ea; padding: 10px; border-radius: 10px; margin: 15px 0; display: flex; flex-wrap: wrap; } .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-section-lbl { font-size: 16px; font-weight: bold; margin-left: 8px; flex-basis: 100%; } .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-container { background: #d8f4ff; border-radius: 10px; margin: 10px 4px; position: relative; flex-basis: calc(50% - 8px); } .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-container-lbl { font-size: 16px; font-weight: bold; padding: 10px 10px 0; display: block; } .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-widget { display: block; border-radius: 10px; margin: 12px 8px; box-shadow: 0 0px 20px rgba(0,0,0,.1); background: #fff; } .vbo-widgets-welcome-demo .vbo-widgets-welcome-demo-widget-lbl { font-size: 14px; font-weight: bold; padding: 10px; display: block; } .vbo-widgets-welcome-demo-section, .vbo-widgets-welcome-demo-container, .vbo-widgets-welcome-demo-widget { opacity: 0; } .vbo-widgets-welcome-animate { -webkit-animation-name: VikfadeInDown; animation-name: VikfadeInDown; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .vbo-inspector-colorpicker-wrap { border-radius: 3px; border: 1px solid var(--vbo-main-bg-color); background: var(--vbo-config-bg-color); display: inline-block; height: 23px; } .vbo-inspector-colorpicker { padding: 0 0px 0 24px; position: relative; cursor: pointer; height: 100%; display: inline-block; } .vbo-inspector-colorpicker:not([style*="background"]) { background-color: #fff; opacity: 0.7; background-image: repeating-linear-gradient(45deg, #c2c2c2 25%, transparent 25%, transparent 75%, #c2c2c2 75%, #c2c2c2), repeating-linear-gradient(45deg, #c2c2c2 25%, #ffffff 25%, #ffffff 75%, #c2c2c2 75%, #c2c2c2); background-position: 0 0, 5px 5px; background-size: 10px 10px; } .vbo-inspector-colorpicker i { background: var(--vbo-config-bg-color); padding: 5px; border-left: 1px solid var(--vbo-main-bg-color); } .vbo-modal-overlay-block-dashwidgets .vbo-modal-overlay-content { height: 90%; } .vbo-modal-widgets-newwidget .vbo-modal-widgets-list { display: flex; flex-wrap: wrap; } .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap { padding: 10px; border-radius: 8px; margin: 5px; flex-basis: calc(33% - 34px); background-origin: border-box !important; color: #fff; } .vbo-modal-widget-wrap, .vbo-admin-widget-style-regular { background: rgb(2,0,36); background: linear-gradient(6deg, rgb(104, 111, 118) 0%, rgb(178, 190, 201) 100%); } .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap:hover { cursor: pointer; } .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top { display: flex; margin-bottom: 10px; } .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top .vbo-modal-widget-icon { margin-right: 15px; font-size: 20px; } .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top .vbo-modal-widget-add { margin-left: auto; font-size: 16px; cursor: pointer; } .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-top .vbo-modal-widget-add:hover i { text-shadow: 0px 3px 3px rgba(0,0,0,.5); } .vbo-modal-widgets-newwidget .vbo-modal-widget-wrap .vbo-modal-widget-cont-main .vbo-modal-widget-name { font-size: 1.1em; font-weight: bold; margin-bottom: 2px; } .vbo-admin-widget-style-light-red { background: rgb(2,0,36); background: linear-gradient(6deg, rgb(219, 109, 109) 0%, rgb(243, 153, 153) 100%); } .vbo-admin-widget-style-light-blue { background: rgb(2,0,36); background: linear-gradient(6deg, rgb(80, 148, 171) 0%, rgb(98, 184, 213) 100%); } .vbo-admin-widget-style-pink { background: rgb(2,0,36); background: linear-gradient(6deg, rgba(235,139,232,1) 0%, rgba(228,168,227,1) 100%); } .vbo-admin-widget-style-green { background: rgb(2,0,36); background: linear-gradient(6deg, rgb(89, 156, 72) 0%, rgb(142, 207, 126) 100%); } .vbo-admin-widget-style-light-orange { background: rgb(2,0,36); background: linear-gradient(0deg, rgb(223, 157, 83) 0%, rgb(248, 202, 152) 100%); } .vbo-admin-widget-style-yellow { background: rgb(2,0,36); background: linear-gradient(0deg, rgb(191, 170, 56) 0%, rgb(231, 210, 86) 100%); } .vbo-admin-widget-style-red { background: rgb(2,0,36); background: linear-gradient(6deg, rgb(195, 82, 82) 0%, rgb(212, 92, 92) 100%); } .vbo-admin-widget-style-violet { background: rgb(2,0,36); background: linear-gradient(6deg, rgb(111, 62, 161) 0%, rgb(186, 108, 229) 100%); } .vbo-admin-widget-style-orange { background: rgb(2,0,36); background: linear-gradient(0deg, rgb(209, 127, 34) 0%, rgb(255, 163, 66) 100%); } .vbo-admin-widget-style-blue { background: rgb(2,0,36); background: linear-gradient(6deg, rgb(36, 83, 124) 0%, rgb(80, 148, 207) 100%); } .vbo-admin-widget-style-brown { background: rgb(2,0,36); background: linear-gradient(6deg, rgb(112, 76, 31) 0%, rgb(175, 127, 52) 100%); } .vbo-admin-widget-style-dark-blue { background: rgb(2,0,36); background: linear-gradient(6deg, rgb(21, 57, 85) 0%, rgb(30, 84, 126) 100%); } .vbo-modal-widget-notselected { filter: brightness(60%); } .vbo-modal-widgets-newwidget .vbo-modal-widgets-form-data-fields > .vbo-modal-widgets-form-data-field > label { cursor: initial; font-size: 1.4em; margin-bottom: 10px; } /* Side widget panel */ .vbo-sidepanel-wrapper { position: fixed; top: 0; bottom: 0; right: 0; z-index: 2147483647; } .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container { background: var(--vbo-config-child-bg-color); box-shadow: -1px 0px 10px 2px rgba(0,0,0,.2); position: absolute; top: 0; bottom: 0; width: 25vw; padding: 10px 0 6px 0; transition: 0.3s ease-in all; -moz-transition: 0.3s ease-in all; -webkit-transition: 0.3s ease-in all; } .vbo-sidepanel-wrapper.vbo-sidepanel-large .vbo-sidepanel-container { background: var(--vbo-config-child-bg-color); box-shadow: -1px 0px 10px 2px rgba(0,0,0,.2); position: absolute; top: 0; bottom: 0; width: 88vw; padding: 10px 0 6px 0; transition: 0.3s ease-in all; -moz-transition: 0.3s ease-in all; -webkit-transition: 0.3s ease-in all; } .vbo-sidepanel-wrapper.vbo-sidepanel-close { visibility: hidden; } .vbo-sidepanel-wrapper.vbo-sidepanel-open .vbo-sidepanel-container { transition: all 0.3s; } .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container { transform: translateX(25vw); right: 0; top: 0; } .vbo-sidepanel-wrapper.vbo-sidepanel-large .vbo-sidepanel-container { transform: translateX(88vw); right: 0; top: 0; } .vbo-sidepanel-right.vbo-sidepanel-open .vbo-sidepanel-container { transform: translateX(0); } .vbo-sidepanel-large.vbo-sidepanel-open .vbo-sidepanel-container { transform: translateX(0); } .vbo-sidepanel-layouts { display: flex; margin-top: -10px; padding: 6px; } .vbo-sidepanel-container .vbo-sidepanel-dismiss { padding-left: 4px; } .vbo-sidepanel-container .vbo-sidepanel-dismiss span { display: inline-block; border: 1px solid var(--vbo-config-border-color); padding: 0px 5px; border-radius: 4px; background: var(--vbo-input-style); cursor: pointer; opacity: .8; } .vbo-sidepanel-container .vbo-sidepanel-dismiss span:hover { opacity: 1; } .vbo-sidepanel-container .vbo-sidepanel-shortcut { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); text-align: center; opacity: 0.5; } .vbo-sidepanel-container .vbo-sidepanel-shortcut .shortcut-keys { font-size: 48px; line-height: 48px; display: inline-flex; } .vbo-sidepanel-container .vbo-sidepanel-shortcut .shortcut-subdesc { font-size: 80%; } @media screen and (max-width: 450px) { .vbo-sidepanel-container .vbo-sidepanel-shortcut { display: none; } } .vbo-sidepanel-container .vbo-sidepanel-notifications { flex: 1; margin-left: 10px; } .vbo-sidepanel-notifications-btn, .vbo-suggest-notifications-btn { background: transparent; border: 0; padding: 0; color: var(--vbo-orange-color); font-size: 13px; cursor: initial; } .vbo-sidepanel-notifications-off { color: var(--vbo-red-color); cursor: pointer; } .vbo-sidepanel-notifications-off:hover { color: var(--vbo-orange-color); } .vbo-sidepanel-notifications-off.shaking { font-size: 13px; width: 15px; height: 15px; margin: 0; -webkit-animation: ring 4s .7s ease-in-out ; -webkit-transform-origin: 50% 4px; -moz-animation: ring 4s .7s ease-in-out; -moz-transform-origin: 50% 4px; animation: ring 4s .7s ease-in-out; transform-origin: 50% 4px; } .vbo-suggest-notifications-btn, .vbo-suggest-notifications-btn.vbo-sidepanel-notifications-off.shaking { margin-left: 10px; } .vbo-admin-widgets-suggest-notifications-cont { display: inline-block; vertical-align: top; padding: 4px 6px; border-radius: 4px; border: 1px solid var(--vbo-config-border-color); } .vbo-dash-suggest-notifications-btn, .vbo-dash-suggest-notifications-off.shaking { margin-left: 0 !important; } @-webkit-keyframes ring { 0% { -webkit-transform: rotateZ(0); } 1% { -webkit-transform: rotateZ(30deg); } 3% { -webkit-transform: rotateZ(-28deg); } 5% { -webkit-transform: rotateZ(34deg); } 7% { -webkit-transform: rotateZ(-32deg); } 9% { -webkit-transform: rotateZ(30deg); } 11% { -webkit-transform: rotateZ(-28deg); } 13% { -webkit-transform: rotateZ(26deg); } 15% { -webkit-transform: rotateZ(-24deg); } 17% { -webkit-transform: rotateZ(22deg); } 19% { -webkit-transform: rotateZ(-20deg); } 21% { -webkit-transform: rotateZ(18deg); } 23% { -webkit-transform: rotateZ(-16deg); } 25% { -webkit-transform: rotateZ(14deg); } 27% { -webkit-transform: rotateZ(-12deg); } 29% { -webkit-transform: rotateZ(10deg); } 31% { -webkit-transform: rotateZ(-8deg); } 33% { -webkit-transform: rotateZ(6deg); } 35% { -webkit-transform: rotateZ(-4deg); } 37% { -webkit-transform: rotateZ(2deg); } 39% { -webkit-transform: rotateZ(-1deg); } 41% { -webkit-transform: rotateZ(1deg); } 43% { -webkit-transform: rotateZ(0); } 100% { -webkit-transform: rotateZ(0); } } @-moz-keyframes ring { 0% { -moz-transform: rotate(0); } 1% { -moz-transform: rotate(30deg); } 3% { -moz-transform: rotate(-28deg); } 5% { -moz-transform: rotate(34deg); } 7% { -moz-transform: rotate(-32deg); } 9% { -moz-transform: rotate(30deg); } 11% { -moz-transform: rotate(-28deg); } 13% { -moz-transform: rotate(26deg); } 15% { -moz-transform: rotate(-24deg); } 17% { -moz-transform: rotate(22deg); } 19% { -moz-transform: rotate(-20deg); } 21% { -moz-transform: rotate(18deg); } 23% { -moz-transform: rotate(-16deg); } 25% { -moz-transform: rotate(14deg); } 27% { -moz-transform: rotate(-12deg); } 29% { -moz-transform: rotate(10deg); } 31% { -moz-transform: rotate(-8deg); } 33% { -moz-transform: rotate(6deg); } 35% { -moz-transform: rotate(-4deg); } 37% { -moz-transform: rotate(2deg); } 39% { -moz-transform: rotate(-1deg); } 41% { -moz-transform: rotate(1deg); } 43% { -moz-transform: rotate(0); } 100% { -moz-transform: rotate(0); } } @keyframes ring { 0% { transform: rotate(0); } 1% { transform: rotate(30deg); } 3% { transform: rotate(-28deg); } 5% { transform: rotate(34deg); } 7% { transform: rotate(-32deg); } 9% { transform: rotate(30deg); } 11% { transform: rotate(-28deg); } 13% { transform: rotate(26deg); } 15% { transform: rotate(-24deg); } 17% { transform: rotate(22deg); } 19% { transform: rotate(-20deg); } 21% { transform: rotate(18deg); } 23% { transform: rotate(-16deg); } 25% { transform: rotate(14deg); } 27% { transform: rotate(-12deg); } 29% { transform: rotate(10deg); } 31% { transform: rotate(-8deg); } 33% { transform: rotate(6deg); } 35% { transform: rotate(-4deg); } 37% { transform: rotate(2deg); } 39% { transform: rotate(-1deg); } 41% { transform: rotate(1deg); } 43% { transform: rotate(0); } 100% { transform: rotate(0); } } .vbo-sidepanel-container .vbo-sidepanel-layout-type { margin-left: auto; padding-right: 5px; padding-top: 2px; } .vbo-sidepanel-container .vbo-sidepanel-layout-type > span { cursor: pointer; width: 17px; display: inline-block; } .vbo-sidepanel-container .vbo-sidepanel-layout-type > span svg { opacity: .8; } .vbo-sidepanel-container .vbo-sidepanel-layout-type > span svg:hover { opacity: 1; } .vbo-sidepanel-container .vbo-sidepanel-layout-type > span svg { fill: var(--vbo-config-titles-color-light); } .vbo-sidepanel-container .vbo-sidepanel-search { position: relative; display: flex; } .vbo-sidepanel-container .vbo-sidepanel-search > i { position: absolute; top: 50%; left: 15px; transform: translateY(-50%); } .vbo-sidepanel-container .vbo-sidepanel-search #vbo-sidepanel-search-input { width: 100% !important; flex: 1; padding: 8px 10px; padding-left: 35px !important; } .vbo-sidepanel-container .vbo-sidepanel-search button { border-radius: 4px; margin: 0 0 0 5px; font-size: 14px; padding: 6px 8px; } .vbo-sidepanel-container .vbo-sidepanel-search button i { margin-right: 0; } .vbo-sidepanel-body-top { position: relative; margin-top: 7px; margin-bottom: 5px; padding: 0 15px; } .vbo-sidepanel-container .vbo-sidepanel-add-widgets { max-height: calc(100vh - 220px); overflow-y: scroll; margin-top: 5px; position: absolute; width: calc(100% - 30px); background: var(--vbo-config-bg-color); padding: 5px; box-sizing: border-box; z-index: 99999; box-shadow: 0px 3px 5px rgba(0,0,0,.2); border-radius: 4px; } .vbo-sidepanel-add-widget { cursor: pointer; margin-bottom: 8px; border: 1px solid var(--vbo-config-border-color); border-radius: 6px; padding: 5px; } .vbo-sidepanel-add-widget:hover { border-color: var(--vbo-blue-color); } .vbo-sidepanel-add-widget.is-sorting { background: var(--vbo-config-bg-color); border: 1px dashed var(--vbo-config-text-color-light); } .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info-det { cursor: grab; } .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info { display: flex; } .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-info-det { flex: 1; } .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-icn { border-radius: 6px; padding: 5px; text-align: center; width: 22px; height: 22px; display: inline-block; line-height: 22px; color: #fff; box-sizing: content-box; } .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-name { font-weight: bold; margin-left: 10px; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-add { margin-left: auto; align-self: center; font-size: 15px; cursor: pointer; color: var(--vbo-green-color); } .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-sidepanel-widget-add .vbo-widget-render-regular:hover { color: var(--vbo-green-color-hover); } .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-widget-render-modal { opacity: 0; margin-right: 3px; color: var(--vbo-base-color); transition: all 100ms ease-in-out 0s; } .vbo-sidepanel-add-widget:hover .vbo-sidepanel-widget-info .vbo-widget-render-modal, .vbo-sidepanel-add-widget-focussed .vbo-sidepanel-widget-info .vbo-widget-render-modal { opacity: 1; transition: all 100ms ease-in-out 0s; } .vbo-sidepanel-add-widget .vbo-sidepanel-widget-info .vbo-widget-render-modal:hover { color: var(--vbo-base-color-hover); } .vbo-sidepanel-container .vbo-sidepanel-active-widgets { max-height: 84vh; min-height: 300px; overflow-y: scroll; padding: 5px 15px 0; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output { background: var(--vbo-config-bg-color); border-radius: 6px; margin: 20px 0 10px; position: relative; box-shadow: 0 3px 5px rgba(0,0,0,.1); } .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output:first-child { margin-top: 10px; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-remove { position: absolute; top: -4px; left: -6px; width: 16px; height: 16px; border-radius: 50%; text-align: center; line-height: 16px; background: var(--vbo-red-color); box-shadow: 1px 2px 3px rgba(0,0,0,.2); color: #fff; font-size: 10px; z-index: 999; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-remove:hover { background: var(--vbo-red-color-hover); } .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-detach { position: absolute; top: -15px; left: 50%; transform: translate(-50%, 0); width: 24px; height: 24px; border-radius: 50%; background: var(--vbo-config-bg-color); border: 1px solid var(--vbo-main-bg-color); color: var(--vbo-config-text-color-light); text-align: center; line-height: 24px; font-size: 12px; box-shadow: 0 4px 7px rgba(0,0,0,.1); z-index: 999; opacity: 0; transition: 0.2s ease-in all; -moz-transition: 0.2s ease-in all; -webkit-transition: 0.2s ease-in all; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output:not(.vbo-admin-widgets-widget-editing) .vbo-admin-widget-head:hover .vbo-admin-widgets-widget-detach, .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output:not(.vbo-admin-widgets-widget-editing) .vbo-admin-widgets-widget-detach:hover { opacity: 1; cursor: pointer; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-detach:hover { color: var(--vbo-base-color); } .vbo-sidepanel-edit-widgets { margin-top: 10px; text-align: center; position: absolute; bottom: 10px; left: 50%; transform: translate(-50%, 0px); z-index: 10000; } .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig { display: inline-block; padding: 5px 10px; border-radius: 20px; font-size: 11px; background: var(--vbo-config-border-color); border-color: var(--vbo-config-text-color-light); } .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig:hover { background: var(--vbo-main-bg-color); } .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig-active { background: var(--vbo-orange-color); border-color: var(--vbo-orange-color-hover); box-shadow: 0 3px 5px rgba(0,0,0,.2); } .vbo-sidepanel-edit-widgets .vbo-sidepanel-edit-widgets-trig-active:hover { background: var(--vbo-orange-color); } .vbo-sidepanel-active-widgets .vbo-admin-widget-head h4 { font-size: 14px; padding: 3px 0 3px 15px; margin: 8px 0; } .vbo-sidepanel-active-widgets .vbo-admin-widget-wrapper h4 i { margin-right: 5px; font-size: 12px; } .vbo-sidepanel-active-widgets .vbo-admin-widget-head .btn-toolbar, .vbo-sidepanel-active-widgets .vbo-admin-widget-head .arrivals-tot { display: none; } .vbo-sidepanel-active-widgets .vbo-widget-today-checkin-tristate .vik-multiswitch-wrap, .vbo-sidepanel-active-widgets .vbo-widget-today-checkout-tristate .vik-multiswitch-wrap { height: 28px; } .vbo-sidepanel-active-widgets .vik-multiswitch-noanimation .vik-multiswitch-radiobtn { padding: 5px 8px; font-size: 11px; } .vbo-sidepanel-active-widgets .vbo-admin-widget-head-inline > .vbo-widget-today-checkout-tristate, .vbo-sidepanel-active-widgets .vbo-admin-widget-head-inline > .vbo-widget-today-checkin-tristate { margin: 7px 10px 6px 6px; } .vbo-sidepanel-active-widgets .vbo-dashboard-today-checkout-rows td:first-child > a, .vbo-sidepanel-active-widgets .vbo-dashboard-today-checkin-rows td:first-child > a, a.vbo-bookingid { padding: 2px 5px; } .vbo-sidepanel-active-widgets .vbo-admin-widget-wrapper .table-responsive .btn-small { padding: 3.5px 9px; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate { flex-wrap: wrap; } .vbo-sidepanel-active-widgets .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices { flex-wrap: wrap; } .vbo-sidepanel-small .vbo-sidepanel-active-widgets .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow { flex-basis: 100%; margin-top: 5px; margin-right: 0; } .vbo-sidepanel-active-widgets .vbo-widget-checkav-result-rate-booknow button { width: 100%; } .vbo-sidepanel-active-widgets .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates, .vbo-modal-overlay-content .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates { padding: 8px; border: 1px solid var(--vbo-basic-btn); } .vbo-sidepanel-active-widgets .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates:hover, .vbo-modal-overlay-content .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates:hover { border-color: var(--vbo-blue-color-hover); } .vbo-sidepanel-active-widgets .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate { margin-bottom: 0; } .vbo-sidepanel-active-widgets .vbo-admin-widget-wrapper .table-responsive { width: 100%; } .vbo-sidepanel-active-widgets .vbo-dashboard-today-occ-listcont .vbo-dashboard-today-roomocc-det > h5 { padding: 10px 15px; } .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det-rname { vertical-align: middle; } .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto { padding: 0px 10px; } .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto .vbo-dashboard-roomocc-units-from { font-size: 16px; } .vbo-sidepanel-active-widgets .vbo-dashboard-today-roomocc-det > h5 .vbo-dashboard-roomocc-units-fromto > span { font-size: 13px; } .vbo-sidepanel-active-widgets .vbo-dashboard-today-occ-listcont .vbo-dashboard-today-roomocc:only-child { width: 100%; } .vbo-sidepanel-add-widget-focussed { background: var(--vbo-toolbar-bg-color); border-color: var(--vbo-blue-color); } .vbo-sidepanel-large .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output .vbo-admin-widget-head h4 { padding: 5px 0 5px 15px; } .vbo-sidepanel-large .vbo-sidepanel-active-widgets .vbo-admin-widgets-widget-output .vbo-admin-widget-head-inline > div { margin-top: 3px; } .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-param-label { flex-basis: 180px; } .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-assign-customer { display: flex; } .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-assign-customer span { align-self: center; padding: 0 8px 0 10px; } .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-quickres-aduchi-wrap { display: block; margin-bottom: 5px; } .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-widget-bookscal-taxid { margin-top: 5px; } .vbo-sidepanel-right .vbo-admin-widgets-container-small .vbo-admin-container .vbo-param-container .vbo-website-rates-cont .vbo-cal-wbrate-wrap { width: 100%; } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-top-wrap, .vbo-widget-element-filter-top .btn-group-inline { padding: 10px; display: flex; gap: 0; } .vbo-widget-booskcal-top-wrap .vbo-widget-booskcal-filter, .vbo-widget-element-filter-top .btn-group-inline input, .vbo-widget-element-filter-top .btn-group-inline select { flex: 1; margin-right: 10px; } .vbo-widget-element-filter-top .btn-group-inline .btn + input { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0; } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar, .vbo-widget-element-body { padding: 6px 15px 10px; } .vbo-widget-booskcal-newbook-cont { position: relative; } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table-wrap { border: 1px solid var(--vbo-config-border-color); border-radius: 10px; padding: 0 15px 10px; } .vbo-widget-booskcal-wrap .vbo-widget-bookscal-mngrates-toggle { text-align: right; margin-top: 10px; } .vbo-widget-booskcal-wrap .vbo-widget-bookscal-mngrates-toggle label { vertical-align: middle; } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-mday-wrap, .vbo-widget-booskcal-newbook-wrap { margin-top: 0; } .vbo-widget-booskcal-newbook-wrap .vbo-widget-booskcal-newbook-head { padding-bottom: 5px; } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head { background: var(--vbo-light-blue); border: 1px solid var(--vbo-info-bg); border-radius: 8px; padding: 5px 10px; margin-bottom: 5px; display: flex; justify-content: space-between; align-items: center; } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head .vbo-widget-booskcal-mday-back i, .vbo-widget-booskcal-newbook-wrap .vbo-widget-booskcal-newbook-head .vbo-widget-booskcal-newbook-back i { margin-right: 2px; } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head .vbo-widget-booskcal-mday-name, .vbo-widget-booskcal-newbook-wrap .vbo-widget-booskcal-newbook-head .vbo-widget-booskcal-newbook-name { float: right; font-weight: bold; text-transform: uppercase; display: inline-block; margin-left: 10px; } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head .vbo-widget-booskcal-mday-name { text-transform: initial; } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-dashboard-guest-activity-content-info-date .label-info { display: inline-block; margin-bottom: 2px; } .vbo-widget-booskcal-mday-pricing { margin-top: 10px; margin-bottom: 14px; } .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-title { font-size: 16px; margin-bottom: 4px; font-weight: bold; } .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-cost { font-size: 20px; font-weight: bold; margin-bottom: 5px; border: 1px solid var(--vbo-config-border-color); padding: 13px 15px; border-radius: 10px; position: relative; } .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-cost .vbo-widget-booskcal-mday-pricing-rplan { display: block; font-size: 14px; margin-bottom: 7px; font-weight: 500; } .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-cost .vbo-widget-booskcal-mday-pricing-edit { font-size: 12px; display: inline-block; border-bottom: 1px solid var(--vbo-body-text-color); color: var(--vbo-body-text-color); text-align: right; position: absolute; right: 16px; top: 13px; } .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-cost .vbo-widget-booskcal-mday-pricing-edit:hover { border-color: transparent; color: var(--vbo-base-color); } .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-edit-wrap { margin-top: 10px; display: flex; gap: 20px; flex-wrap: wrap; border-top: 1px solid var(--vbo-basic-btn); padding: 10px 0; } .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-edit-block label { font-size: 13px; margin-bottom: 3px; display: inline-block; } .vbo-widget-booskcal-mday-otapricing-wrap { flex-basis: 100%; gap: 10px; display: grid; grid-template-columns: repeat(auto-fill, 240px); justify-content: center; } .vbo-widget-booskcal-mday-otapricing-wrap:has(> :only-child) { grid-template-columns: minmax(240px, max-content); } .vbo-widget-booskcal-mday-otapricing-wrap .vbo-roverw-setnewrate-vcm-ota-relation { font-size: 13px; } .vbo-widget-booskcal-mday-otapricing-wrap .vbo-roverw-setnewrate-vcm-ota-relation-channel > span:not(.vbo-roverw-setnewrate-vcm-ota-pricing-startvalue) { font-weight: normal; } .vbo-widget-booskcal-mday-otapricing-wrap .vbo-roverw-setnewrate-vcm-ota-pricing-alteration { font-weight: normal; } /* Currency Input structure */ .vbo-input-currency-wrap { position: relative; } .vbo-input-currency-wrap span { position: absolute; top: 50%; left: 9px; transform: translate(0px , -50%); font-size: 14px; color: var(--vbo-config-text-color-light); } .vbo-input-currency-wrap input { padding-left: 24px !important; } .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-edit-block .vbo-widget-booskcal-mday-pricing-edit-input { font-weight: normal; } .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-edit-save { align-self: flex-end; } .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-edit-save .btn { padding: 10px 20px; } .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-restr { border: 1px solid var(--vbo-config-border-color); padding: 13px 15px; border-radius: 10px; } .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-restr .vbo-widget-booskcal-mday-pricing-data-minlos span:not(.vbo-widget-booskcal-mday-pricing-minlos) { display: block; font-size: 14px; margin-bottom: 7px; font-weight: 500; } .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-restr .vbo-widget-booskcal-mday-pricing-data-minlos .vbo-widget-booskcal-mday-pricing-minlos { display: block; font-size: 20px; font-weight: bold; } .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-data-restr .vbo-widget-booskcal-mday-pricing-data-ctad { margin-top: 8px; } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-events { padding: 5px 10px; border-radius: 4px; margin-top: 5px; } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-events .vbo-widget-booskcal-event { border: 1px solid var(--vbo-config-border-color); padding: 5px; border-radius: 6px; margin-bottom: 5px; } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table { width: 100%; } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td { text-align: right !important; padding: 3px !important; vertical-align: top !important; cursor: initial; position: relative; } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td:not(.busy).past { background-color: var(--vbo-config-child-bg-color); color: var(--vbo-config-text-color-light); } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.busy.past { opacity: .5; } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td:active, .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td:focus { color: inherit; } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td[data-cta="1"][data-ctd="1"] { background: repeating-linear-gradient( -45deg, var(--vbo-body-bg-color), var(--vbo-body-bg-color) 10px, var(--vbo-basic-btn) 10px, var(--vbo-basic-btn) 20px ); } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td[data-cta="1"][data-ctd="1"].busy { background: var(--vbo-red-color); } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td[data-cta="1"][data-ctd="1"].busy.vbo-partially { background: repeating-linear-gradient( -45deg, #f9ab4f, #f9ab4f 10px, #df8e1c 10px, #df8e1c 20px ) !important; } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td[data-cta="1"][data-ctd="1"].busy.vbo-partially:hover { background: var(--vbo-orange-color-hover) !important; } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td[data-cta="1"][data-ctd="1"].busy.busy-closure { /* background: var(--vbo-config-title-color); */ background: repeating-linear-gradient( -45deg, #1d2327, #1d2327 10px, #3a3f42 10px, #3a3f42 20px ) !important; } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td[data-cta="1"][data-ctd="1"].busy.busy-closure:hover { background: var(--vbo-config-titles-color-light) !important; } .vbo-sidepanel-wrapper.vbo-sidepanel-large .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td { height: 40px; } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td .vbo-skeleton-loading { width: 100%; height: 100%; } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbadmincaltrmdays td { vertical-align: bottom !important; background: transparent; border: 0 !important; } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td:not(.busy):hover { background: transparent; } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.free:hover { background: var(--vbo-main-bg-color); } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td { cursor: pointer; } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td .vbo-widget-booskcal-mday-val { font-weight: bold; font-size: 14px; } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.is-today .vbo-widget-booskcal-mday-val { width: 22px; height: 22px; line-height: 22px; font-size: 12px; display: inline-block; background: var(--vbo-red-color); color: #fff; border-radius: 50%; text-align: center; } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table td.is-today.busy .vbo-widget-booskcal-mday-val { border: 1px solid var(--vbo-config-bg-color); } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbo-widget-booskcal-mday-info { position: absolute; top: 3px; left: 5px; font-size: 12px; } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbo-widget-booskcal-mday-ratesrestr { margin-top: 5px; text-align: center; } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbo-widget-booskcal-mday-roomrate { margin-top: 2px 0; } .vbo-widget-booskcal-cell-mday .vbo-widget-booskcal-mday-roomrate span { display: inline-block; border-radius: 20px; padding: 0px 4px; background-color: var(--vbo-body-bg-color); border: 1px solid var(--vbo-body-text-color); } .vbo-widget-booskcal-cell-mday.busy .vbo-widget-booskcal-mday-roomrate span { background: var(--vbo-body-bg-color); color: var(--vbo-red-color); border: 1px solid var(--vbo-red-color); } .vbo-widget-booskcal-cell-mday.busy.vbo-partially .vbo-widget-booskcal-mday-roomrate span { color: var(--vbo-orange-color-hover); border: 1px solid var(--vbo-orange-color-hover); } .vbo-widget-booskcal-cell-mday.busy.busy-closure .vbo-widget-booskcal-mday-roomrate span { color: var(--vbo-config-title-color); border: 1px solid var(--vbo-config-title-color); } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbo-widget-booskcal-mday-restrictions { margin-top: 4px; } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbo-widget-booskcal-mday-restrictions span { display: inline-block; margin-left: 6px; } .vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar-table .vbo-widget-booskcal-mday-restrictions span:first-child { margin-left: 0; } .vbo-widget-booskcal-wrap .select2-container .select2-selection--single { height: 40px; } .vbo-widget-booskcal-wrap .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; } .vbo-widget-booskcal-wrap .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; } div[id^="vbo-widget-reminders"] .vbo-admin-widget-head-inline .vbo-admin-widget-head-commands { margin-top: 0; } .vbo-dashboard-fullcontainer div[id^="vbo-widget-reminders"] .vbo-admin-widget-head-inline .vbo-admin-widget-head-commands { margin-top: 14px; } .vbo-dashboard-fullcontainer div[id^="vbo-widget-reminders"] .vbo-reportwidget-command-dots .vbo-widget-command-togglefilters { padding-top: 6px; } div[id^="vbo-widget-reminders"] .vbo-admin-widget-head-inline .vbo-reportwidget-commands { margin-bottom: 5px; } div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters { right: 10px; min-width: 200px; } div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters .vbo-reportwidget-filter { display: flex; width: 100%; } div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters .vbo-reportwidget-filter label { align-self: center; display: inline-block; } div[id^="vbo-widget-reminders"] .vbo-reportwidget-filters .vbo-reportwidget-filter span.vbo-iostoggle-wrap { align-self: center; margin-top: 0; padding-top: 0; padding-bottom: 0; margin-left: auto; width: auto; float: right; margin-right: 0; } .vbo-widget-reminders-list .vbo-widget-reminders-record { display: flex; padding: 5px 10px; border-radius: 4px; border: 1px solid var(--vbo-config-border-color); margin: 5px 10px; position: relative; overflow: hidden; } .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status { margin-right: 10px; display: flex; flex-wrap: wrap; flex-direction: column; } .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status .vbo-reminder-status-dot { background: none; border: 0; color: var(--vbo-body-text-color); padding: 0; font-size: 15px; margin-top: 2px; } .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status .vbo-widget-reminders-record-important { margin-top: auto; } .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-status .vbo-widget-reminders-record-important { color: var(--vbo-orange-color); } .vbo-widget-reminders-list .vbo-reminder-ok { opacity: .8; color: var(--vbo-config-titles-color-light); } .vbo-widget-reminders-list .vbo-reminder-ok .vbo-widget-reminders-record-status .vbo-reminder-status-dot { color: var(--vbo-blue-color); } .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit { background: var(--vbo-blue-color); position: absolute; right: 4px; top: 4px; height: calc(100% - 8px); width: 35px; transition: 0.2s ease-in all; -moz-transition: 0.2s ease-in all; -webkit-transition: 0.2s ease-in all; transform: translateX(calc(100% + 4px)); display: flex; cursor: pointer; border-radius: 6px; } .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit:hover { background: var(--vbo-blue-color-hover); } .vbo-widget-reminders-list .vbo-widget-reminders-record:hover .vbo-widget-reminders-record-edit { transform: translateX(0); } .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit button { background: transparent; border: 0; padding: 0; width: 100%; color: #fff; cursor: pointer; } .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-edit button i { margin-right: 0; } .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info { margin-right: 20px; } .vbo-widget-reminder-title { font-weight: bold; display: block; margin-bottom: 2px; } .vbo-widget-reminders-record-due { margin-top: 3px; color: var(--vbo-config-titles-color-light) !important; font-size: .9em; display: flex; } .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info .vbo-widget-reminders-record-due .vbo-widget-reminders-record-due-booking { order: 2; margin-left: 10px; } .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info .vbo-widget-reminders-record-due-datetime > div { display: inline-block; } .vbo-widget-reminders-list .vbo-widget-reminders-record .vbo-widget-reminders-record-info .vbo-widget-reminders-record-due-datetime .vbo-widget-reminders-record-due-time { margin-left: 2px; } .vbo-widget-reminders-list .vbo-reminder-past.vbo-reminder-nok .vbo-widget-reminders-record-due { color: var(--vbo-red-color) !important; font-size: 1em; } .vbo-widget-reminders-manage .vbo-widget-reminders-goback { padding: 5px 10px; margin-bottom: 8px; } .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap { padding: 0 15px; } .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter { margin-bottom: 5px; } .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter.vbo-widget-reminders-filter-booking { margin: 10px 0; } .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter input, .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter textarea { width: 100% !important; } .vbo-modal-overlay-content .vbo-iostoggle-wrap input.vbo-iostoggle-elem, .vik-iostoggle-wrap input.vik-iostoggle-elem { width: auto !important; } .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter textarea { min-height: 100px; } .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime { display: flex; flex-wrap: wrap; } .vbo-widget-reminders-filter-booking .vbo-widget-reminders-filter-importance { float: right; margin-left: 10px; } .vbo-widget-reminders-filter-booking .vbo-widget-reminders-filter-importance i { color: var(--vbo-orange-color); } .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter { flex: 1; } .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter .field-calendar, .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter .vbo-field-calendar { width: 100%; } .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save { display: flex; gap: 5px; } .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button { flex: 1; } .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time { display: flex; margin-left: 10px; } .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time { flex: 0; } .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select { width: 110px !important; } .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select.vbo-widget-reminders-fh { margin-right: 5px; } .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save { margin-top: 5px; text-align: center; } .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save { display: flex; } .vbo-sidepanel-right .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button { flex: 1; } .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save .vbo-widget-reminder-delete { margin-left: 5px; } .vbo-widget-bookdets-history-list .vbo-widget-bookdets-history-record:first-child .vbo-param-label { align-self: initial; } .vbo-widget-bookdets-history-list .vbo-widget-bookdets-history-record .vbo-widget-bookdets-history-evdate { margin-top: 3px; color: var(--vbo-config-titles-color-light) !important; font-size: .9em; } .vbo-widget-bookdets-history-list .vbo-widget-bookdets-history-record .vbo-widget-bookdets-history-evname { font-weight: 500; font-size: .9em; } .vbo-widget-bookdets-cm-updresult { margin-bottom: 2px; } .vbo-widget-bookdets-cm-updresult:last-child { margin-bottom: 0; } .vbo-widget-bookdets-cm-updresult > i { color: var(--vbo-config-text-color-light); margin-right: 3px; } .vbo-widget-bookdets-cm-ruids .btn.btn-small { padding: 2px 6px; } .vbo-widget-push-notification { margin: 0px 10px; padding: 12px; border-radius: 10px; border-width: 1px; border-style: solid; } .vbo-widget-push-notification-info { background-color: var(--vbo-info-bg); border-color: var(--vbo-info-border); color: var(--vbo-container-text-color); } .vbo-widget-push-notification-warning { background-color: var(--vbo-warning-bg); border-color: var(--vbo-warning-border); color: var(--vbo-container-text-color); } .vbo-widget-push-notification-error { background-color: var(--vbo-error-bg); border-color: var(--vbo-error-border); color: var(--vbo-container-text-color); } .vbo-widget-push-notification-title { font-size: 14px; margin-bottom: 2px; } .vbo-widget-push-notification-message { font-size: 13px; } .vbo-widget-push-notification-action { margin-top: 5px; } .vbo-widget-push-notification-action .btn.vbo-config-btn { padding: 8px 10px; } .vbo-widget-bookdets-cm-updresult-log { font-size: .95em; color: var(--vbo-config-titles-color-light); } .colorpicker input { top: -4px; } @-webkit-keyframes VikfadeInDown { from { opacity: 0; -webkit-transform: translate3d(0%, -20%, 0); transform: translate3d(0%, -20%, 0); } to { opacity: 1; -webkit-transform: translate3d(0%, 0%, 0); transform: translate3d(0%, 0%, 0); } } @keyframes VikfadeInDown { from { opacity: 0; -webkit-transform: translate3d(0%, -20%, 0); transform: translate3d(0%, -20%, 0); } to { opacity: 1; -webkit-transform: translate3d(0%, 0%, 0); transform: translate3d(0%, 0%, 0); } } .vbo-widgets-welcome-wrap .vbo-widgets-welcome-actions { text-align: center; margin-bottom: 20px; } .vbo-widgets-welcome-wrap .vbo-widgets-welcome-actions > div { display: inline-block; margin: 5px; } .vbo-widgets-welcome-wrap .vbo-widgets-welcome-actions .btn-secondary { border-radius: 3px; padding: 8px 14px; margin-bottom: 0; font-size: inherit; } .vbo-modal-condtext-rules { display: flex; flex-wrap: wrap; } .vbo-modal-condtext-rules .vbo-modal-condtext-rule { flex-basis: calc(33% - 38px); border: 2px solid var(--vbo-config-border-color); padding: 10px; border-radius: 6px; margin: 7px; cursor: pointer; } .vbo-modal-condtext-rules .vbo-modal-condtext-rule:hover { border-color: #acdaac; } .vbo-modal-condtext-rules .vbo-modal-condtext-rule.vbo-modal-condtext-rule-selected { border-color: #46a546; } .vbo-modal-condtext-rules .vbo-modal-condtext-rule.vbo-modal-condtext-rule-disabled, .vbo-modal-condtext-rules .vbo-modal-condtext-rule.vbo-modal-condtext-rule-disabled:hover { opacity: .6; border: 2px solid var(--vbo-main-bg-color); cursor: auto; color: var(--vbo-config-titles-color-light); } .vbo-modal-condtext-rules .vbo-modal-condtext-rule h5 { margin-top: 0; margin-bottom: 5px; font-size: 16px; } .vbo-modal-condtext-rules .vbo-modal-condtext-rule .vbo-condtext-rule-descr { font-size: 14px; } .vbo-modal-condtext-rule-apply { text-align: center; margin-bottom: 20px; } .vbo-condtext-rule .adminlegend { display: flex; } .vbo-condtext-rule .adminlegend .vbo-rule-trash { margin-left: auto; cursor: pointer; } .vbo-condtext-rule .adminlegend .vbo-rule-trash i { font-size: 15px; color: var(--vbo-config-titles-color-light); padding: 4px; display: inline-block; } .vbo-condtext-rule .adminlegend .vbo-rule-trash i:hover { color: var(--vbo-red-color); } .vbo-condtext-rule .vbo-param-setting .field-media-wrapper .btn, .vbo-condtext-rule .vbo-param-setting .field-media-wrapper .field-media-preview { padding: 8px 10px; border-color: var(--vbo-config-border-color); } .vbo-config-maintab-right-halfsize { display: flex; flex-wrap: wrap; padding-top: 12px; } .vbo-config-maintab-right-halfsize,.vbo-config-maintab-left-halfsize { flex-grow: 0; } .vbo-config-maintab-right-halfsize .vbo-condtext-rule { flex-basis: calc(50% - 78px); margin: 8px; flex-grow: 1; } .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-params-wrap { width: 100%; } .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-container { flex-wrap: wrap; } .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-label { flex-basis: 100%; } .vbo-param-container img { max-width: 100%; } .vbo-condtext-rule[data-ruleaction="0"] { border: 1px solid var(--vbo-base-color); } .vbo-condtext-rule[data-ruleaction="1"] { border: 1px solid var(--vbo-orange-color); } .notice-noicon { padding: 12px; background-image: none; } .notice-noicon i { margin-right: 5px; } .vbo-list-table-rounded { border: 1px solid var(--vbo-config-border-color); border-radius: 10px; } .vbo-list-table-rounded .table { margin-top: 0; margin-bottom: 0; } .vbo-list-table-rounded .table thead th { padding: 18px 20px; color: #444; } .vbo-list-table-rounded .table td { padding: 10px 20px; } .vbo-list-table-rounded .table td:last-child { text-align: right; } .vbo-ratesoverview-top-outer { text-align: right; margin-top: -20px; } .vbo-ratesoverview-top-outer .vbo-ratesoverview-top-outer-inner { display: inline-block; border: 1px solid var(--vbo-config-border-color); padding: 5px 10px 0; border-radius: 4px; margin-bottom: 5px } .vbo-ratesoverview-top-outer .vbo-ratesoverview-top-outer-inner span:not(.vbo-iostoggle-wrap) { display: inline-block; vertical-align: top; margin: 5px 0 0 6px; cursor: pointer; } .vbo-ratesoverview-top-outer .vbo-iostoggle-wrap input.vbo-iostoggle-elem + label { height: 27px; } .vbo-list-table .btn.vbo-condtext-tmpl-status { padding: 4px 10px; margin: 3px; font-size: 13px; } .vbo-list-table .btn.vbo-condtext-tmpl-status i { margin-right: 2px; } .vbo-inspector-hover { background-color: rgba(184, 225, 243, 1) !important; } .vbo-inspector-wrap { padding: 15px; } .vbo-inspector-wrap > * { padding: 20px 0; } .vbo-admin-container .vbo-config-maintab-top { display: flex; flex-basis: 100%; } .vbo-config-maintab-top .vbo-config-fieldset-large { flex-basis: 75%; } .vbo-config-maintab-top .vbo-config-fieldset-large .vbo-params-wrap { width: 100%; } .vbo-config-maintab-top .vbo-config-fieldset-large .vbo-list-table-rounded td, .vbo-config-maintab-top .vbo-config-fieldset-large .vbo-list-table-rounded th { white-space: initial; } .vbo-config-maintab-top .adminform.vbo-config-fieldset-small { flex: 1; margin-left: 20px; } .vbo-config-maintab-top .vbo-config-fieldset-small .vbo-params-wrap { width: 100%; } .vbo-param-container.vbo-inspector-css-param, .vbo-param-container.vbo-inspector-css-border-param { padding: 5px 10px; background: var(--vbo-config-child-bg-color); margin: 0; } .vbo-param-container.vbo-inspector-css-param .vbo-param-label, .vbo-param-container.vbo-inspector-css-border-param .vbo-param-label { font-weight: 500; } .vbo-admin-container > .vbo-config-maintab-bottom { flex-basis: 100%; } .vbo-admin-container > #vbo-conditrules-wrap { flex-grow: 0; } .vbo-room-level-min_adv-notice, .vbo-room-level-max_adv-notice { margin-top: 6px; } .btn.vbo-condtext-specialtag-btn { padding: 8px 14px; background-color: #e2eaee; color: var(--vbo-base-color); border: 1px solid #c9e0ec; } .btn.vbo-condtext-specialtag-btn:hover { background: #2482b5; border: 1px solid #2482b5; color: #fff; } .vbo-condtext-addrule-helper { flex-basis: 100%; margin: 10px 0 20px 8px; } .vbo-geoinfo-markers-wrap { display: flex; flex-wrap: wrap; } .vbo-geoinfo-marker-cont { flex-basis: calc(16% - 15px); text-align: center; border: 1px solid var(--vbo-config-border-color); background: var(--vbo-basic-btn); padding: 5px; margin: 4px; border-radius: 4px; } .vbo-geoinfo-marker-label { margin-bottom: 4px; } .btn.vbo-geomarker-status { font-size: 18px; } .btn.vbo-geomarker-status i { font-size: 16px; margin-right: 0 !important; } .vbo-geoinfo-marker-in .btn.vbo-geomarker-status { border-color: var(--vbo-green-color); color: var(--vbo-green-color); } .vbo-geoinfo-param .vbo-param-label > i { margin-top: 10px; } .vbo-geoinfo-param .vbo-param-setting .vik-iostoggle-wrap { margin: 0; padding-top: 0; } .vbo-geoinfo-marker-cont .btn.vbo-geomarker-status:hover { background: var(--vbo-config-bg-color); } .vbo-geoinfo-marker-out .btn.vbo-geomarker-status:hover { border-color: var(--vbo-config-border-color); color: #343a40; } .vbo-geoinfo-marker-out .btn.vbo-geomarker-status:hover { border-color: var(--vbo-green-color); color: var(--vbo-green-color); } .vbo-cust-geo-marker-svg-list { display: flex; flex-wrap: wrap; margin-bottom: 10px; margin-top: 20px; justify-content: center; } .vbo-cust-geo-marker-svg { border: 1px solid var(--vbo-config-border-color); text-align: center; border-radius: 4px; padding: 4px 10px; margin: 4px; flex-basis: calc(16% - 27px); cursor: pointer; position: relative; } .vbo-cust-geo-marker-svg-icon { padding-right: 10px; } .vbo-cust-geo-marker-svg-name { margin-bottom: 10px; font-size: 14px; } .vbo-cust-geo-marker-svg svg { height: 43px; max-width: 100%; } .vbo-cust-geo-marker-svg[data-markerapply="1"] { border-color: #008d02; } .vbo-cust-geo-marker-svg-addnew i { font-size: 26px; } .vbo-cust-geo-marker-svg-addnew .vbo-cust-geo-marker-svg-icon { padding-right: 0; } .vbo-cust-geo-marker-svg-adjust { margin-bottom: 20px; border: 1px solid var(--vbo-config-border-color); padding: 10px 20px; background: var(--vbo-config-child-bg-color); } .vbo-geo-marker-param-container { margin: 12px 0; } .vbo-geo-marker-param-container .vbo-geo-marker-param-label { margin-right: 10px; min-width: 80px; margin-bottom: 5px; font-weight: 500; } .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield .vbo-geo-marker-param-label{ margin-right: 10px; min-width: 140px; margin-bottom: 10px; } .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield input, .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield textarea { width: 100% !important; } .vbo-geo-marker-param-container.vbo-cust-geo-marker-svg-newfield:last-child { margin: 15px 0 20px; } .vbo-cust-geo-marker-bottom[data-geomarker="icon"] { display: flex; flex-wrap: wrap; justify-content: center; } .vbo-cust-geo-marker-bottom[data-geomarker="icon"] .vbo-geo-marker-param-container { margin: 12px 10px; } .vbo-cust-geo-marker-save { text-align: center; margin-bottom: 20px; } .vbo-cust-geo-marker-top { text-align: center; margin-bottom: 20px; } #geo_address_formatted { cursor: pointer; } #geo_address_formatted:hover { color: #0071a1; } .vbo-cust-geo-marker-svg-remove { position: absolute; right: 0; bottom: 0; padding: 2px 4px; border: 1px solid var(--vbo-config-border-color); border-bottom: 0; border-right: 0; border-top-left-radius: 4px; } .vbo-cust-geo-marker-svg-remove span:hover i { color: var(--vbo-red-color); } .vbo-geo-marker-param-setting .btn.btn-secondary { padding: 9px 14px; } .vbo-geomarker-infowin-wrap { min-width: 250px; } .vbo-geomarker-infowin-wrap > h4 { margin: 0px 0 10px; font-size: 16px; } .vbo-geo-marker-param-setting img { max-width: 90%; margin-bottom: 5px; } .vbo-geo-marker-param-setting #jform_marker_icon_img-image-preview { max-width: 180px; } .vbo-geo-legend-import { float: right; } .vbo-geo-legend-import .select2-container .select2-selection--single { height: 36px; border: 1px solid var(--vbo-config-border-color); border-radius: 2px; font-size: 14px; font-weight: normal; } .vbo-geo-legend-import #select2-roomselcalc-container { font-weight: normal; font-size: 14px; } .vbo-geo-legend-import .select2-container--default .select2-selection--single .select2-selection__arrow { height: 36px; } .vbo-geo-legend-import .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 36px; } .vbo-geoinfo-param .vbo-param-setting #geo_latitude { margin-right: 10px; } .vbo-geoinfo-param .vbo-param-label .fa-map-marker-alt.wp-quest-popover { margin-top: 7px; } .vbo-geoinfo-param #vbo-goverlay-edit { margin-left: 15px; } .vbo-geo-marker-params-group { display: flex; flex-wrap: wrap; } .vbo-geo-marker-params-group .vbo-geo-marker-param-container { margin: 12px 5px; flex-basis: calc(50% - 10px); } .vbo-geo-marker-params-group .vbo-geo-marker-param-container input[type="number"].vbo-large-input-number { width: 100% !important; box-sizing: border-box; height: auto; } .vbo-modal-overlay-block .vbo-modal-overlay-content-geomap { height: 80%; } .vbo-paybutpos-wrap { margin-top: 10px; } .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-card-inner { border-radius: 10px; background: var(--vbo-main-bg-color); padding: 15px; width: 300px; font-size: 16px; color: var(--vbo-config-titles-color-light); box-shadow: 0 5px 10px rgba(0,0,0,.15); } .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-status { border-radius: 4px; margin: 0 5px 5px; background: var(--vbo-light-color-btn); width: 200px; height: 20px; } .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-pos { text-align: center; padding: 7px; margin: 0 5px 0; border: 2px solid var(--vbo-config-bg-color); border-radius: 4px; } .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-pos .vbo-paybutpos-skeleton-el-paybut { background: var(--vbo-base-color); color: #fff; padding: 5px 18px; display: inline-block; border-radius: 6px; cursor: pointer; } .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-customer-infos, .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-room-infos { display: flex; } .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-customer-infos > div, .vbo-paybutpos-skeleton-card .vbo-paybutpos-skeleton-el-room-infos > div { flex: 1; margin: 5px; border-radius: 4px; background: var(--vbo-config-bg-color); padding: 10px 15px; } .vbo-param-container.vbo-param-container-log { border: 1px solid var(--vbo-config-border-color); padding: 10px; margin: 2px; border-radius: 4px; background: var(--vbo-config-child-bg-color); } #vbo-condtext-warn-norules { width: 100%; box-sizing: border-box; } #ifchildrenextra .vbo-dyninpnum-cont + a { display: inline-block; background: var(--vbo-base-color); color: #fff; border: 0; padding: 9px 14px; font-weight: bold; font-size: 13px; line-height: 18px; border-radius: 3px; } #ifchildrenextra .vbo-dyninpnum-cont + a:hover { background: var(--vbo-base-color-hover); } #ifchildrenextra .vbo-dyninpnum-cont + a:active { background: var(--vbo-link-text-color); } #ifchildrenextra .vbo-dyninpnum-cont + a i { margin-right: 5px; } #ifchildrenextra .vbo-dyninpnum-cont input { margin: 5px 0; } #ifchildrenextra .vbo-dyninpnum-cont > div p > * { vertical-align: middle; } #ifchildrenextra .vbo-param-setting-comment { margin-bottom: 10px; } #minguestscont > div, #alwaysavcont > div { margin: 5px 0; } .vbo-admin-container .vbo-param-container .vbo-param-setting #alwaysavcont input[type="text"] { width: auto !important; } .vbo-admin-container .vbo-maninvoice-tbcont { width: 100%; border: 1px solid var(--vbo-main-bg-color); border-radius: 7px; border-spacing: 0px; border-collapse: separate; } .vbo-maninvoice-tbcont th { background: var(--vbo-main-bg-color); text-align: left; padding: 7px 10px; } .vbo-maninvoice-tbcont th:first-child { border-top-left-radius: 5px; } .vbo-maninvoice-tbcont th:last-child { border-top-right-radius: 5px; } .vbo-maninvoice-tbcont td { padding: 5px 10px; } .vbo-maninvoice-tbcont td input, .vbo-maninvoice-tbcont .vbo-maninvoice-td-tax > div > * { margin: 2px; } .vbo-maninvoice-tbcont .vbo-maninvoice-td-tax > div { vertical-align: top; display: inline-block; } .vbo-maninvoice-tbcont .vbo-maninvoice-inp-wrap input[type="number"] { width: 80px !important; } .vbo-maninvoice-tbcont .vbo-maninvoice-td-del { text-align: right; } .vbo-maninvoice-tbcont .vbo-maninvoice-td-del i { margin-right: 0 !important; } .vbo-maninvoice-totals-format { position: relative; } .vbo-maninvoice-totals-format .vbo-maninvoice-currency { position: absolute; top: -1px; left: 10px; color: var(--vbo-config-titles-color-light); font-size: 15px; } .vbo-maninvoice-totals-format .vbo-maninvoice-totals-amount { padding-left: 25px !important; } #maxquantblock { width: 100%; } .colorpicker { z-index: 100000001; } .vbo-toast-wrapper .toast-message-content { color: var(--vbo-body-text-color) !important; } .vbo-toast-wrapper .toast-message-content.notice { background-color: var(--vbo-config-bg-color) !important; } /* Virtual Terminal Widget */ .vbo-vterminal-cc-container { padding: 20px; } .vbo-vterminal-cc-group-cardwrap[data-has-offsession="1"] { background: var(--vbo-config-child-bg-color); border: 1px solid var(--vbo-basic-btn); padding: 15px; border-radius: 10px; } .vbo-vterminal-cc-row-usecard .vbo-vterminal-cc-lbl { font-weight: 600; font-size: 15px; } .vbo-vterminal-cc-row-group { display: flex; flex-wrap: wrap; } .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row { margin-bottom: 14px; flex: 1; } .vbo-vterminal-cc-row-group .vbo-vterminal-cc-lbl { margin-bottom: 3px; text-align: left; font-size: 14px; font-weight: 500; } .vbo-vterminal-cc-row-group .vbo-vterminal-cc-val > input { flex: 1; height: 50px !important; border: 1px solid var(--vbo-config-border-color); border-radius: 6px !important; box-shadow: 0 2px 4px rgb(0 0 0 / 5%); margin: 0; } .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency { flex-basis: 150px; flex-grow: 0; } .vbo-vterminal-cc-row-group input, .vbo-vterminal-cc-row-group input[type="number"] { width: 100% !important; max-width: inherit !important; } .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-ccexpiry input { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount { flex: 1; } .vbo-vterminal-cc-row-group .vbo-vterminal-cc-val-withlogo { position: relative; } .vbo-vterminal-cc-row-group .vbo-vterminal-cc-type-logo { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 32px; height: 20px; } @keyframes vterminal-card-position { 0% {right: 0} 100% {right: -5px} } .vbo-vterminal-cc-row-group .vbo-vterminal-cc-type-logo img { position: relative; animation-name: vterminal-card-position; animation-duration: 0.2s; right: -5px; width: 32px; height: 20px; } .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc { flex-basis: 150px; flex-grow: 0; } .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc input { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-left: 0; } .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-submit button.btn { font-weight: 500; font-size: 16px; width: 100%; padding: 10px 14px; } .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-submit button.btn:hover { font-weight: 500; } /* Template Override */ .vbo-overrides-manager { background: var(--vbo-body-bg-color) !important; } .vbo-overrides-manager .override-file #override-copy { background-color: var(--vbo-blue-color) !important; color: var(--vbo-contrast-text-color) !important; border-color: var(--vbo-blue-color) !important; } .vbo-overrides-manager .override-file #override-copy:hover { background-color: var(--vbo-blue-color-hover) !important; color: var(--vbo-contrast-text-color) !important; border-color: var(--vbo-blue-color-hover) !important; } /* generic calendar box */ .vbo-input-calendar-box { background: var(--vbo-input-style); border: 1px solid var(--vbo-config-border-color); border-radius: 2px; padding: 0 10px 0 0; display: inline-block; vertical-align: top; } .vbo-input-calendar-box input[type="text"] { border: 0; box-shadow: none; background: transparent; padding: 5px 0 5px 10px; } .vbo-input-calendar-box i.dashicons-calendar-alt { top: 8px; position: relative; } /* Color Scheme hide/show panel */ .vbo-sidepanel-colorscheme { position: relative; margin-right: 10px; } .vbo-sidepanel-colorscheme .vbo-sidepanel-colorscheme-current { display: inline-block; border: 1px solid var(--vbo-config-border-color); padding: 0px 5px; border-radius: 4px; cursor: pointer; color: var(--vbo-config-titles-color-light); opacity: .8; font-size: 10px; z-index: 1; } .vbo-sidepanel-colorscheme .vbo-sidepanel-colorscheme-current:hover { color: var(--vbo-base-color); } .vbo-sidepanel-colorscheme-list { z-index: 1000000; visibility: hidden; opacity: 0; width: 100px; padding: 10px 15px; right: 0; background: var(--vbo-config-bg-color); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); border-radius: 10px; position: absolute; } .vbo-sidepanel-colorscheme-list-show { transform: scale(0.99) translateY(-0.7em); transform-origin: top; transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1); transition-duration: 500ms; transition-property: opacity,transform; visibility: visible; opacity: 1; transform: scale(1) translateY(0); } .vbo-sidepanel-colorscheme-option { padding: 7px 0; } .vbo-sidepanel-colorscheme-option i { margin-right: 5px; } .vbo-sidepanel-colorscheme-option:hover, .vbo-sidepanel-colorscheme-option-active { color: var(--vbo-base-color); cursor: pointer; } .vbo-dashboard-colorscheme { display: inline-block; margin-right: 0; } .vbo-dashboard-colorscheme .vbo-sidepanel-colorscheme-list { right: initial; left: 0; margin-top: 2px; } .vbo-dashboard-colorscheme .vbo-sidepanel-colorscheme-option { font-weight: normal; } .vbo-dashboard-colorscheme .vbo-sidepanel-colorscheme-current { padding: 4px 6px; vertical-align: top; } .vbo-widget-bulkmess-steps { margin-top: 10px; } .vbo-sidepanel-active-widgets .vbo-widget-bulkmess-steps, .vbo-admin-widgets-widget-output .vbo-widget-bulkmess-steps { margin: 10px; } .vbo-widget-bulkmess-steps .vbo-widget-bulkmess-step { margin: 0 0 12px; background: var(--vbo-config-child-bg-color); border: 1px solid var(--vbo-config-child-bg-color); border-bottom: 3px solid var(--vbo-config-border-color); border-bottom-width: 3px; border-radius: 12px; } .vbo-widget-bulkmess-steps .vbo-widget-bulkmess-step:last-child { margin-bottom: 0; } .vbo-widget-bulkmess-steps .vbo-widget-bulkmess-step.vbo-widget-bulkmess-step-hidden .vbo-widget-bulkmess-step-content { display: none; } .vbo-widget-bulkmess-step .vbo-widget-bulkmess-step-title { padding: 12px 20px; cursor: pointer; display: flex; } .vbo-widget-bulkmess-steps .vbo-widget-bulkmess-step.vbo-widget-bulkmess-step-hidden:hover { border-color: var(--vbo-base-color); } .vbo-widget-bulkmess-step .vbo-widget-bulkmess-step-title h4 { padding: 0; margin: 0; } .vbo-widget-bulkmess-step .vbo-widget-bulkmess-step-content { padding: 0 20px 5px; border-top: 1px solid var(--vbo-config-border-color); } .vbo-widget-bulkmess-step-message .vbo-widget-bulkmess-step-content { padding: 10px 20px 10px; } .vbo-widget-bulkmess-step-send .vbo-widget-bulkmess-step-content { padding: 20px; } .vbo-widget-bulkmess-step-message .vbo-widget-bulkmess-step-content textarea { width: 100%; } .vbo-widget-bulkmess-step-status { margin-left: auto; font-size: .9em; font-style: italic; color: var(--vbo-config-titles-color-light); } .vbo-widget-bulkmess-step .vbo-widget-bulkmess-reservation { padding: 10px 0; } .vbo-widget-bulkmess-reservation .vbo-widget-bulkmess-ckbox { align-self: center; margin-right: 5px; } .vbo-dashboard-guest-activity-content-info-date .vbo-widget-bulkmess-openbook { display: block; } .vbo-dashboard-guest-activity-content-info-date .vbo-widget-bulkmess-openbook .label { display: inline-block; } .vbo-dashboard-guest-activity-content-info-date .vbo-widget-bulkmess-openbook i { margin-right: 5px } .vbo-widget-bulkmess-gonext { text-align: right; margin-top: 10px; margin-bottom: 10px; } .vbo-widget-bulkmess-progress-inner progress { width: 100%; background: #ddd; border-radius: 10px; } .vbo-widget-bulkmess-bookings-actions { margin-top: 8px; } .vbo-widget-bulkmess-bookings-actions .btn { border-color: var(--vbo-middle-color-btn); } .vbo-widget-bulkmess-reservation .vbo-dashboard-guest-activity-content-info-icon { font-size: 12px; } .vbo-widget-bulkmess-reservation .vbo-dashboard-guest-activity-content-info-icon .vbo-widget-bulkmess-notified { margin-left: 5px; } .vbo-widget-bulkmess-reservation .vbo-dashboard-guest-activity-content-info-icon .vbo-widget-bulkmess-notified i { color: var(--vbo-green-color); } .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-groups { border-bottom: 1px solid var(--vbo-config-border-color); } .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group { display: inline-block; border-bottom: 2px solid var(--vbo-config-bg-color); color: var(--vbo-config-titles-color-light); } .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group-active { border-color: var(--vbo-config-title-color); color: var(--vbo-config-title-color); font-weight: bold; } .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group:hover { color: var(--vbo-config-title-color); } .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group .vbo-widget-notifscenter-group-name { display: inline-block; position: relative; padding: 10px; cursor: pointer; } .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group .vbo-widget-notifscenter-group-name:not([data-badge-count=""]) { padding: 10px; } .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group .vbo-widget-notifscenter-group-badge { background: var(--vbo-config-text-color-light); color: var(--vbo-contrast-text-color); font-weight: bold; font-size: 11px; text-align: center; border-radius: 4px; padding: 0px 5px; margin-left: 8px; display: inline-block; } .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group-active .vbo-widget-notifscenter-group-badge, .vbo-widget-notifscenter-wrap .vbo-widget-notifscenter-group:hover .vbo-widget-notifscenter-group-badge { background: var(--vbo-config-title-color); } .vbo-widget-notifscenter-list { max-height: calc(100vh - 380px); overflow: hidden; overflow-y: scroll; } .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap { display: flex; padding: 10px 15px; border-bottom: 1px solid var(--vbo-config-border-color); cursor: pointer; } .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap:last-child { border-bottom: 0; } .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap.vbo-widget-notifscenter-notif-unread { background: var(--vbo-light-color-btn); position: relative; } .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap.vbo-widget-notifscenter-notif-unread:after { content: ""; width: 8px; height: 8px; border-radius: 50%; top: 5px; right: 18px; transform: translate(10px, 10px); position: absolute; background: var(--vbo-base-color); } .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap:hover, .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap.vbo-widget-notifscenter-notif-unread:hover { background: var(--vbo-info-bg); } .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar { width: 40px; margin-right: 15px; } .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar img { width: 40px; height: 40px; } .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-customer-info-box-avatar { position: relative; } .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-customer-avatar-badge { position: absolute; width: 20px; height: 20px; text-align: center; line-height: 20px; background: var(--vbo-basic-btn); border-radius: 50%; font-size: 10px; bottom: -6px; right: -5px; color: var(--vbo-contrast-text-color); display: flex; align-items: center; justify-content: center; } .vbo-widget-notifscenter-list img.vbo-ai-icn { width: 16px !important; height: 16px !important; } .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-badge-group-lightblue { background: #09cbdf; } .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-badge-group-green { background: var(--vbo-green-color); } .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-badge-group-orange { background: #ffaf16; } .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-badge-group-purple { background: #cc16ff; } .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-avatar .vbo-badge-group-red { background: var(--vbo-red-color); } .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-details { flex: 1; } .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-title { font-weight: bold; } .vbo-widget-notifscenter-notif-summary { font-size: .95em; } .vbo-widget-notifscenter-notif-summary[data-group-name="ai"][data-notif-type="message.reply.ok"], .vbo-widget-notifscenter-notif-summary[data-group-name="ai"][data-notif-type="review.reply.ok"], .vbo-widget-notifscenter-notif-summary[data-notif-type="guest_message"] { background: var(--vbo-config-child-bg-color); padding: 8px 10px; border-radius: 8px; } .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-details .vbo-widget-notifscenter-notif-dt { margin-top: 2px; margin-bottom: 6px; } .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-details .vbo-widget-notifscenter-notif-dt .label { padding: 1px 4px !important; font-weight: normal; font-size: 10px; } .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap:hover .vbo-widget-notifscenter-notif-details .vbo-widget-notifscenter-notif-dt .label.label-info { background: var(--vbo-grey-blue-bg) !important; } .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-details .vbo-widget-notifscenter-notif-dt .vbo-tooltip { font-size: 11px; opacity: .95; } .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-customer-initials { width: 40px; height: 40px; line-height: 40px; font-size: 16px; border-radius: 50%; color: var(--vbo-config-text-color-light); background: var(--vbo-config-child-bg-color); text-align: center; display: inline-block; letter-spacing: 1px; } .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-cta { margin-top: 5px; } .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-cta .vbo-notifscenter-cta-btn { background: var(--vbo-config-title-color); color: var(--vbo-contrast-text-color); border: 1px solid var(--vbo-config-title-color); padding: 4px 10px; } .vbo-widget-notifscenter-list .vbo-widget-notifscenter-notif-wrap .vbo-widget-notifscenter-notif-cta .vbo-notifscenter-cta-btn:hover { background: transparent; border: 1px solid var(--vbo-config-title-color); color: var(--vbo-config-title-color); } .vbo-widget-notifscenter-loadmore-info { text-align: center; font-size: 16px; font-weight: 600; } .vbo-widget-notifscenter-markread { margin-bottom: 8px; border-bottom: 1px solid var(--vbo-config-border-color); padding-bottom: 8px; } .vbo-widget-notifscenter-markread .vbo-widget-notifscenter-read-all { font-weight: bold; text-decoration: underline; cursor: pointer; } .vbo-widget-notifscenter-markread .vbo-widget-notifscenter-read-all:hover { text-decoration: none; } .vbo-widget-notifscenter-filter-confirm { display: flex; } .vbo-widget-notifscenter-filter-confirm .btn-secondary { width: 40px; margin-right: 5px; } .vbo-widget-guestreviews-topdets .vbo-widget-guestreviews-topdets-bid { cursor: pointer; } .vbo-widget-guestreviews-topdets .vbo-widget-guestreviews-topdets-bid i { margin-right: 3px; } .vbo-admin-widget-head-commands .vbo-widget-guestreviews-topdets-reply { margin: 5px 20px 0 0; } .vbo-admin-widget-head-commands .vbo-widget-guestreviews-topdets-reply .btn { font-weight: bold; } .vbo-review-json-entry { margin: 5px 0; display: inline-block; width: 30%; padding: 0 10px; vertical-align: top; box-sizing: border-box; } .vbo-review-json-entry .vbo-review-json-key { font-weight: bold; display: block; margin-bottom: 2px; color: var(--vbo-config-titles-color-light); } .vbo-review-json-entry .vbo-review-json-value { word-break: break-word; } .vbo-review-json-entry.vbo-review-json-reply, .vbo-review-json-revieweeresponse { width: 100%; } .vbo-review-json-entry .vbo-review-json-value .vbo-review-channel-logo { max-width: 92px; } .vbo-review-json-value.vbo-review-json-revieweeresponse { text-transform: initial; display: inline-block; padding-top: 5px; } .vbo-review-json-content { width: 100%; } .vbo-review-json-entry.vbo-review-json-entry-group { text-transform: uppercase; width: 100%; color: var(--vbo-config-titles-color-light); margin-top: 5px; } .vbo-review-json-entry .vbo-review-json-key { font-weight: bold; display: block; margin-bottom: 2px; color: var(--vbo-config-titles-color-light); } .vbo-review-json-entry.vbo-review-json-entry-group .vbo-review-json-key { border-bottom: 1px solid var(--vbo-config-border-color); padding-bottom: 4px; margin-bottom: 0; margin-top: 10px; color: var(--vbo-link-text-color); } .vbo-review-guest-avatar-wrap { display: inline-block; max-width: 90px; } .vbo-review-guest-avatar { max-width: 50px; border-radius: 50%; border: 1px solid var(--vbo-config-border-color); } .vbo-review-json-scoring .vbo-review-json-servscore { font-weight: bold; background: var(--vbo-light-color-btn); color: inherit; padding: 4px 8px; display: inline-block; border-radius: 4px; font-size: 14px; } .vbo-widget-guest-reviews-reply-wrap { margin-top: 15px; padding: 0 10px; } .vbo-widget-guest-reviews-reply-inner { padding: 20px 20px; border-top: 2px solid var(--vbo-config-border-color); background: var(--vbo-config-child-bg-color); } .vbo-widget-guest-reviews-reply-inner > * { display: block; margin-bottom: 2px; } .vbo-widget-guest-reviews-reply-wrap label { font-weight: bold; margin-bottom: 5px; } .vbo-widget-guest-reviews-reply-wrap textarea { width: 100% !important; background: var(--vbo-config-bg-color); border: 1px solid var(--vbo-config-border-color); box-sizing: border-box; min-height: 80px; margin: 0 auto 10px; } .vbo-widget-guest-reviews-reply-wrap .vbo-widget-guest-reviews-reply-actions { display: flex; justify-content: space-between; } .vbo-widget-guest-reviews-reply-wrap button { padding: 6px 20px; font-weight: bold; } .vbo-widget-guestreviews-content .vbo-widget-guest-reviews-reply-wrap button:hover { font-weight: bold; } #vbo-vcm-onboard-account { display: inline-block; vertical-align: middle; } .vbo-vcm-onboard-ota-logo-wrap { display: inline-block; vertical-align: middle; } .vbo-vcm-onboard-ota-logo-wrap img { height: 30px; border-radius: 6px; object-fit: cover; display: inline-block; vertical-align: middle; } /* Help Wizard */ .vbo-help-wizard-instruction-description p:first-child { margin-top: 0; } .vbo-help-wizard-instruction-description p:last-child { margin-bottom: 0; } /* Dual Range Slider */ .vbo-dual-slider-container { width: 300px; max-width: 100%; position: relative; /*margin-bottom: 20px;*/ } .vbo-dual-slider-wrap { position: relative; height: 6px; background: #ddd; border-radius: 3px; } .vbo-dual-slider-wrap input[type="range"] { position: absolute; width: 100%; height: 6px; top: 0; left: 0; pointer-events: none; appearance: none; background: none; } /* allow thumb interaction */ .vbo-dual-slider-wrap input[type="range"]::-webkit-slider-thumb { pointer-events: all; appearance: none; width: 18px; height: 18px; border-radius: 50%; background: #0077ff; cursor: pointer; border: 2px solid white; box-shadow: 0 0 2px rgba(0,0,0,0.3); } .vbo-dual-slider-wrap input[type="range"]::-moz-range-thumb { pointer-events: all; width: 18px; height: 18px; border-radius: 50%; background: #0077ff; cursor: pointer; border: 2px solid white; } /* filled track between thumbs */ .vbo-dual-slider-wrap .vbo-dual-slider-track { position: absolute; height: 6px; background: #0077ff; border-radius: 3px; top: 0; } .vbo-dual-slider-range-current { margin-top: 10px; } /* Quote */ .vbo-quote-wrapper { max-width: 64rem; margin: 0 auto; } .vbo-quote-section:not(.vbo-quote-section-options) { padding: 18px; background: var(--vbo-config-bg-color); border: 1px solid var(--vbo-config-border-color); border-radius: 10px; margin-bottom: 20px; } .vbo-quote-section-head { display: flex; align-items: center; gap: 8px; margin-bottom: 20px; } .vbo-quote-section-head-sb { justify-content: space-between; } .vbo-quote-section-head-title { display: flex; align-items: center; gap: 8px; } .vbo-quote-section-head .vbo-quote-section-name { font-size: 20px; font-weight: 500; } .vbo-quote-customer-fields { margin-top: 20px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .vbo-quote-wrapper label { display: block; font-weight: 500; font-size: 14px; margin-bottom: 8px; } .vbo-quote-wrapper input { width: 100% !important; } .vbo-quote-section-head-wrap { display: flex; align-items: start; justify-content: space-between; gap: 10px; .vbo-quote-section-floating { margin-bottom: 16px; display: inline-flex; align-items: center; gap: 6px; label { display: flex; align-items: center; gap: 4px; margin-bottom: 0; i { color: var(--vbo-config-text-color-light); display: inline-flex; align-items: center; justify-content: center; border-radius: 4px; font-size: 12px; } } select { max-width: 220px; } } } .vbo-quote-new-option-wrap { background: var(--vbo-config-bg-color); border: 1px solid var(--vbo-config-border-color); border-radius: 10px; margin-bottom: 20px; padding-bottom: 18px; overflow: hidden; } .vbo-quote-new-option-wrap > div { padding-left: 18px; padding-right: 18px; } .vbo-quote-option-title { display: flex; align-items: center; gap: 12px; font-size: 18px; font-weight: 500; padding-top: 16px; padding-bottom: 16px; background: var(--vbo-light-blue); margin-bottom: 24px; } .vbo-quote-option-title h4 { margin: 0; } .vbo-quote-option-title .vbo-quote-option-delete { margin-left: auto; } .vbo-quote-option-summary { font-size: 12px; background: var(--vbo-info-bg); border-radius: 16px; padding: 4px 8px; color: var(--vbo-tag-blue-txt); display: inline-flex; align-items: center; gap: 16px; } .vbo-quote-option-summary > span i { margin-right: 2px; } .vbo-quote-option-remove-btn, .vbo-quote-option-room-remove-btn { height: 28px; } .vbo-quote-option-remove-btn i, .vbo-quote-option-room-remove-btn i { color: var(--vbo-red-color); } .vbo-quote-option-remove-btn:hover, .vbo-quote-option-room-remove-btn:hover { background: var(--vbo-info-bg) !important; } .vbo-quote-section-options { margin-top: 24px; } .vbo-quote-section-options .vbo-quote-section-head { margin-bottom: 10px; } .vbo-quote-option-dates { margin-top: 16px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-bottom: 16px; } .vbo-quote-option-dates .input-append { width: calc(100% - 33px); } .vbo-quote-option-new-room-wrap { background: var(--vbo-config-child-bg-color); border: 1px solid var(--vbo-config-border-color); padding: 18px; border-radius: 10px; margin-bottom: 18px; } .vbo-quote-option-new-room-wrap:last-child { margin-bottom: 0; } .vbo-quote-option-room-title { display: flex; align-items: center; justify-content: space-between; } .vbo-quote-option-room-title h4 { margin: 0 0 16px; display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; } .vbo-quote-option-room-title h4 i { color: var(--vbo-base-color); } .vbo-quote-option-availability { padding: 0px 0 12px; font-weight: 500; } .vbo-quote-option-availability > span { position: relative; padding-left: 15px; } .vbo-quote-option-availability > span:after { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); content: ""; width: 8px; height: 8px; border-radius: 50%; animation: 2s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running vikpulse; } @keyframes vikpulse { 50% { opacity: 0.5; } } .vbo-quote-option-availability .vbo-message-error { color: var(--vbo-red-color-hover); } .vbo-quote-option-availability .vbo-message-error:after { background: var(--vbo-red-color-hover); } .vbo-quote-option-availability .vbo-message-success { color: var(--vbo-green-color-hover); } .vbo-quote-option-availability .vbo-message-success:after { background: var(--vbo-green-color-hover); } .vbo-quote-option-room-values { display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; } .vbo-quote-option-room-values .vbo-quote-option-room-value:nth-child(-n+3) { grid-column: span 2; } .vbo-quote-option-room-values .vbo-quote-option-room-value:nth-child(n+4) { grid-column: span 3; } .vbo-quote-option-room-values input, .vbo-quote-option-room-values input[type="number"], .vbo-quote-option-room-values select, .vbo-quote-payment-block select { width: 100% !important; max-width: initial !important; } .vbo-quote-option-room-values .vbo-quote-option-room-value[data-type="customrate"] { display: flex; gap: 8px; } .vbo-quote-option-room-values .vbo-quote-option-room-value[data-type="customrate"] .vbo-quote-customrate-value { flex: 1; } .vbo-quote-option-rooms-add .btn { margin-top: 16px; font-size: 16px; font-weight: 500; border: 1px dashed var(--vbo-config-border-color); width: 100%; } .vbo-quote-option-rooms-add .btn:hover { background: var(--vbo-light-blue); border-color: var(--vbo-base-color); } .vbo-quote-option-rooms-add .btn:focus { background: var(--vbo-config-bg-color); } .vbo-quote-option-rooms .vbo-editbooking-room-services { margin-top: 26px; } .vbo-quote-option-rooms .vbo-editbooking-room-services > h4, .vbo-quote-option-room-extras-inner > h4 { margin: 0 0 10px; } .vbo-quote-option-room-extras-inner .vbo-quote-option-room-extra-add-btn { background: var(--vbo-config-bg-color); padding: 6px 12px; } .vbo-quote-option-room-extras-inner .vbo-quote-option-room-extra-add-btn:hover { background: var(--vbo-config-bg-color); border: 1px solid var(--vbo-base-color); } .vbo-quote-option-room-extras-inner .vbo-quote-option-room-extra-add-btn:focus, .vbo-quote-option-room-extras-inner .vbo-quote-option-room-extra-add-btn:active { background-color: var(--vbo-config-child-bg-color); } .vbo-quote-option-rooms .vbo-editbooking-room-services-wrap { gap: 8px; } .vbo-quote-option-rooms .vbo-editbooking-room-service { box-shadow: none; margin: 0; border-radius: var(--vbo-field-radius); background: var(--vbo-config-bg-color); } .vbo-quote-option-rooms .vbo-editbooking-room-service label { font-weight: 500; color: var(--vbo-body-text-color); } .vbo-quote-option-rooms .vbo-editbooking-room-service .vbo-editbooking-room-service-price { color: var(--vbo-config-titles-color-light); font-size: 14px; font-weight: normal; } .vbo-quote-option-rooms .vbo-editbooking-room-service[data-child-age="1"] { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); } .vbo-quote-option-rooms .vbo-editbooking-room-service[data-child-age="1"] .vbo-editbooking-room-service-check { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .vbo-quote-option-rooms .vbo-editbooking-room-service[data-child-age="1"] .vbo-editbooking-room-service-check .vbo-quote-child-age-wrap:only-child { grid-column: 1 / -1; } .vbo-quote-option-rooms .vbo-editbooking-room-service[data-child-age="1"] .vbo-editbooking-room-service-check select { max-width: 100%; width: 100% !important; } .vbo-quote-option-room-extras { margin-top: 26px; } .vbo-quote-option-room-extras-list { margin-top: 10px; } .vbo-quote-option-room-extras-list .vbo-quote-option-room-new-extra-wrap:not(:last-child) { margin-bottom: 8px; } .vbo-quote-option-room-extras-list .vbo-editbooking-room-extracost { margin: 0; display: flex; gap: 8px; } .vbo-quote-option-room-extras-list .vbo-editbooking-room-extracost > div { margin: 0; } .vbo-quote-option-room-extras-list .vbo-ebusy-extracosts-cellname { flex: 1; } .vbo-quote-option-room-extras-list .vbo-ebusy-extracosts-cellrm { padding-left: 5px; align-self: center; } .vbo-quote-mail-subject, .vbo-quote-mail-message, .vbo-quote-notes { margin-bottom: 16px; } .vbo-quote-mail-message textarea { min-height: 200px; margin-top: 8px; } .vbo-quote-notes { textarea { min-height: 80px; width: 100%; } .vbo-quote-label-help { font-size: smaller; font-style: italic; } } .vbo-quote-mail-preferred { margin-top: 16px; .vik-iostoggle-wrap { margin-right: 4px; } .vbo-quote-label-help { display: inline-block; font-size: smaller; font-style: italic; } } .vbo-quote-option-room-extras-list .btn.vbo-quote-option-extra-remove-btn { padding: 0; } .vbo-quote-option-room-extras-list .btn.vbo-quote-option-extra-remove-btn:hover { color: var(--vbo-red-color); } .vbo-quote-option-total h4 { font-weight: normal; font-size: 14px; border-top: 1px solid var(--vbo-config-border-color); padding-top: 12px; margin-bottom: 10px; margin-top: 18px; display: flex; align-items: center; gap: 6px; justify-content: end; } .vbo-quote-option-total h4 i { color: var(--vbo-base-color); } .vbo-quote-option-total h4 .vbo-quote-option-total-cost { font-size: 16px; font-weight: 500; } .vbo-quote-section-footer { margin-bottom: 20px; } .vbo-quote-section-footer .vbo-quote-option-add-btn { color: var(--vbo-base-color); border: 1px dashed var(--vbo-base-color); background: transparent; width: 100%; font-weight: 500; font-size: 14px; padding: 10px 16px; } .vbo-quote-section-footer .vbo-quote-option-add-btn:hover { background: var(--vbo-config-bg-color); border: 1px dashed var(--vbo-base-color-hover); } .vbo-quote-section-footer .vbo-quote-option-add-btn:focus, .vbo-quote-section-footer .vbo-quote-option-add-btn:active { background: var(--vbo-config-bg-color); border: 1px dashed var(--vbo-base-color); } .vbo-quote-section-validity .vbo-quote-section-body { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; .vbo-quote-validity-date-help { cursor: pointer; &:hover { color: var(--vbo-base-color); } } } .vbo-quote-section-current .vbo-quote-section-body { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .vbo-quote-section-buttons { display: flex; gap: 10px; justify-content: end; } .vbo-quote-section-send { display: flex; justify-content: end; align-items: center; gap: 10px; } .vbo-quote-section-send .vbo-quote-send-later { display: flex; align-items: center; gap: 5px; } .vbo-quote-section-send .vbo-quote-send-later label { margin-bottom: 0; } .vbo-quote-section-send .vbo-quote-send-later .vik-iostoggle-wrap { margin: 0; padding: 0; } .vbo-quote-edit-uuid .label { white-space: break-spaces; } .vbo-quote-customer-choose .vbo-search-elems-wrap .select2-container--default .select2-selection .select2-selection__rendered .vbo-sel2-selected-search-elem { background-color: transparent; } .vbo-quote-option-edit-booking { margin-top: 20px; } /* End - Quote */ /* Quote widget */ .vbo-w-quote-wrapper { margin-top: 20px; } .vbo-w-quote-items-list { max-height: calc(100vh - 390px); overflow: hidden; overflow-y: scroll; } .vbo-w-quote-item { border: 1px solid var(--vbo-config-border-color); border-radius: 10px; overflow: hidden; background: var(--vbo-input-style-deactive); margin-top: 14px; &:first-child { margin-top: 0; } } .vbo-w-quote-item .vbo-w-quote-item-head { background: var(--vbo-config-bg-color); border-bottom: 1px solid var(--vbo-config-border-color); padding: 10px 12px; display: flex; justify-content: space-between; gap: 10px; } .vbo-w-quote-item .vbo-w-quote-item-head h4 { font-size: 14px; font-weight: 600; margin: 0; display: inline-flex; gap: 6px; align-items: center; } .vbo-w-quote-item .vbo-w-quote-item-head h4 i { font-size: 10px; } .vbo-w-quote-item .vbo-w-quote-creation-dt { font-size: 12px; color: var(--vbo-config-titles-color-light); margin-bottom: 4px; } .vbo-w-quote-item .vbo-w-quote-customer { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 12px; } .vbo-w-quote-item .vbo-w-quote-customer span { display: flex; align-items: center; gap: 4px; white-space: nowrap; } .vbo-w-quote-item .vbo-w-quote-customer span i { color: var(--vbo-config-titles-color-light); font-size: 10px; } .vbo-w-quote-item .vbo-w-quote-item-head-right { display: flex; align-items: center; align-self: start; gap: 8px; } .vbo-w-quote-item .vbo-w-quote-item-head-validity { font-size: 12px; color: var(--vbo-config-titles-color-light); } .vbo-w-quote-item .vbo-w-quote-item-head-right .vbo-w-quote-send-btn { border-radius: 20px; padding: 2px 10px; } .vbo-w-quote-item-head-edit { cursor: pointer; } .vbo-w-quote-item-head-edit:hover { color: var(--vbo-base-color); } .vbo-w-quote-solution { padding: 10px 12px; border-bottom: 1px solid var(--vbo-config-border-color); display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; } .vbo-w-quote-solution:last-child { border-bottom: 0; } .vbo-w-quote-solution-title { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 4px; } .vbo-w-quote-solution-title h4 { font-size: 14px; font-weight: 600; margin: 0; } .vbo-w-quote-solution-title .vbo-w-quote-solution-revid { cursor: pointer; color: var(--vbo-base-color); display: flex; align-items: center; gap: 2px; font-size: 11px; } .vbo-w-quote-solution-title .vbo-w-quote-solution-bookdates { display: flex; align-items: center; gap: 6px; font-size: 11px; color: var(--vbo-config-titles-color-light); } .vbo-w-quote-solution-infoparty { display: flex; align-items: center; row-gap: 2px; column-gap: 12px; font-size: 12px; margin-bottom: 8px; } .vbo-w-quote-solution-infoparty span { display: flex; align-items: center; gap: 4px; white-space: nowrap; } .vbo-w-quote-solution-infoparty i { color: var(--vbo-config-titles-color-light); } .vbo-w-quote-solution-rooms { display: flex; align-items: center; gap: 4px; } .vbo-w-quote-solution-rooms span { font-size: 11px; white-space: nowrap; } .vbo-w-quote-solution-priceinfo-wrap { display: flex; gap: 10px; } .vbo-w-quote-solution-priceinfo-wrap .vbo-w-quote-solution-price { font-size: 14px; font-weight: 700; margin-bottom: 8px; text-align: right; } .vbo-w-quote-solution-priceinfo-wrap .vbo-w-quote-solution-edit { opacity: .6; } .vbo-w-quote-solution-priceinfo-wrap .vbo-w-quote-solution-edit:hover { opacity: 1; cursor: pointer; color: var(--vbo-base-color); } .vbo-widget-quotes-loadmore-info p { text-align: center; font-size: 16px; font-weight: 600; } /* If in the side panel */ .vbo-sidepanel-wrapper { .vbo-w-quote-wrapper { padding: 0 10px; } .vbo-w-quote-item .vbo-w-quote-item-head { flex-wrap: wrap; .vbo-w-quote-customer { flex-wrap: wrap; } .vbo-w-quote-item-head-right { flex-basis: 100%; .vbo-w-quote-item-head-edit { margin-left: auto; } } } .vbo-w-quote-solution { flex-wrap: wrap; .vbo-w-quote-solution-rooms { flex-wrap: wrap; } .vbo-w-quote-solution-priceinfo-wrap { justify-content: space-between; flex-basis: 100%; .vbo-w-quote-solution-price { text-align: left; } .vbo-w-quote-solution-edit { align-self: end; } } } } /* If in the dashboard */ .vbo-admin-widgets-wrap { .vbo-w-quote-wrapper { margin-top: 10px; padding: 0 10px; } } /* End - Quote widget */ /* WhatsApp preview message */ .vcm-wa-tpl-prevw-container-inner { border: 1px solid var(--vbo-basic-btn); box-shadow: 0px 2px 2px rgba(0, 0, 0, .02); border-radius: 6px; overflow: hidden; } .vcm-wa-tpl-prevw-title { padding: 12px 14px; font-size: 14px; font-weight: bold; } .vcm-macc-new-config .vcm-wa-tpl-prevw-container { flex-basis: 30%; max-width: 400px; } .vcm-wa-tpl-prevw-content { background-color: #f1ebe3; padding: 10px; color: var(--vbo-body-text-color); max-width: 400px; } .vcm-wa-tpl-prevw-content-inner { padding-top: 6px; border-radius: 7.5px; border-top-left-radius: 0; background: #fff; box-shadow: 0 1px .5px rgba(11, 20, 26, .13); position: relative; } .vcm-wa-tpl-prevw-content-body { padding-inline-start: 9px; padding-inline-end: 7px; padding-bottom: 5px; } .vcm-wa-tpl-prevw-content-inner:after { content: ''; position: absolute; top: 0; width: 0; height: 0; border-style: solid; left: -7px; border-color: transparent #ffffff transparent transparent; border-width: 0 9px 9px 0; } .vcm-wa-tpl-prevw-header { font-size: 14px; font-weight: bold; margin-bottom: 5px; } .vcm-wa-tpl-prevw-header img { max-width: 100%; border-radius: 4.5px; display: block; margin: 0 auto; } .vcm-wa-tpl-prevw-header video { max-width: 100%; width: 100%; } .vcm-wa-tpl-prevw-header .location-preview { position: relative; border-radius: 4.5px; } .vcm-wa-tpl-prevw-header .location-preview img { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .vcm-wa-tpl-prevw-header .location-preview .location-details { width: 100%; background: var(--vbo-config-child-bg-color); padding: 8px 6px; box-sizing: border-box; border-bottom-left-radius: 4.5px; border-bottom-right-radius: 4.5px; } .vcm-wa-tpl-prevw-header .location-preview .location-details small { opacity: .7; font-weight: normal; } .vcm-wa-tpl-prevw-header .vcm-wa-tpl-prevw-header-doc { padding: 8px; border-radius: 8px; display: flex; gap: 10px; align-items: center; background: var(--vbo-config-child-bg-color); color: var(--vbo-body-text-color); margin-bottom: 10px; } .vcm-wa-tpl-prevw-header .vcm-wa-tpl-prevw-header-doc > i { font-size: 24px; background: var(--vbo-green-color); padding: 10px 14px; border-radius: 8px; color: var(--vbo-config-bg-color); } .vcm-wa-tpl-prevw-header .vcm-wa-tpl-prevw-header-doc > strong { flex: 1; } .vcm-wa-tpl-prevw-header .vcm-wa-tpl-prevw-header-doc > a { font-size: 20px; margin-right: 10px; color: var(--vbo-body-text-color); } .vcm-wa-tpl-prevw-message pre { white-space-collapse: break-spaces; text-wrap-mode: wrap; } .vcm-wa-tpl-prevw-message blockquote { margin: 0; padding: 2px 0 2px 1em; border-left: 4px solid #bbb; } .vcm-wa-tpl-prevw-message ul { margin: 0; padding: 2px 0 2px 1.5em; } .vcm-wa-tpl-prevw-message ul li { list-style-type: disc; margin: 0 0 6px; } .vcm-wa-tpl-prevw-message ul li:last-child { margin: 0; } .vcm-wa-tpl-prevw-footer { font-size: smaller; color: #999; display: flex; justify-content: space-between; margin-top: 6px; } .vcm-wa-tpl-prevw-action { border-top: 1px solid #ddd; padding: 12px 8px; text-align: center; } .vcm-wa-tpl-prevw-action a { display: flex; align-items: center; gap: 5px; justify-content: center; } /* End - WhatsApp preview message */ /* @end styles */ /* Print */ @media print { .vbo-receipt-numdate-title i, #vbo-amountpaid-edit i, .vbo-receipt-numdate-title i { display: none !important; visibility: hidden !important; } .vbo-showin-print { display: inline-block; } .vbo-hidein-print { display: none !important; } .vbo-bookingdet-summary-roomguests { margin-bottom: 10px; } .vbo-receipt-notes-inner { border-radius: 0 !important; border-top: 1px solid #ddd; } .vbo-receipt-numdate-date-val { font-size: 1.1em; } .vbo-bookingdet-topcontainer .vbo-bookdet-container { padding: 0 30px; } .vbo-bookdet-wrap { margin: 0 10px 10px; max-width: inherit; min-width: inherit; } .vbo-bookdet-head { border-bottom: 0; padding: 0; font-weight: bold; } .vbo-bookdet-foot { padding: 0; } .vbo-bookdet-head, .vbo-bookdet-foot { text-align: left; } .vbo-bookingdet-customer, .vbo-bookingdet-admindata { -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; } .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail { width: 23%; } .vbo-bookdet-container { text-align: left; } .vbo-bookingdet-detcont { background: #f6f6f6; } .vbo-receipt-numdate-block { padding-top: 0 !important; vertical-align: top; } .vbo-bookdet-foot { font-size: 1em; } .vbo-table-responsive { overflow: visible; } .vbo-tableaux-months-wrap, .vbo-tableaux-filters { display: none !important; } body { -webkit-print-color-adjust: exact; } .vbo-tableaux-roombooks > div, .vbo-overv-avcell > div:not(.vbo-overview-tipblock) { background: #02679a !important; color: #fff !important; border: 1px solid #ddd !important; -webkit-print-color-adjust: exact; } .vbo-tableaux-roombooks > div > span, .vbo-overv-avcell > div:not(.vbo-overview-tipblock) > span { color: #fff !important; } .vbo-tableaux-table tr td:first-child { background: var(--vbo-config-child-bg-color) !important; } html { padding: 0 !important; } body.vbo-is-printing { height: auto; background: #fff; } .vbo-is-printing h4 { margin-top: 0; padding-top: 0; } .vbo-is-printing .vbo-reports-output { margin: 10px 2px; padding-bottom: 10px; } .vbo-report-output-printing .vbo-country-flag, .vbo-report-output-printing a i { display: none; } .vbo-is-printing .vbo-report-output-printing .table-responsive { overflow: initial; box-shadow: none; } .vbo-is-printing .vbo-reports-output table th { text-transform: initial; } .vbo-is-printing .vbo-reports-output table tbody td, .vbo-is-printing .vbo-reports-output table th, .vbo-is-printing .vbo-reports-output table tfoot td { padding: 15px 5px; white-space: initial; font-size: 13px; } .vbo-is-printing .vbo-report-sheet { border-radius: 8px; padding: 3px; border: 1px solid #eee; margin-bottom: 2px; } .vbo-is-printing .vbo-reports-output table tbody td a { color: inherit; } .vbo-is-printing .vbo-reports-output .table-responsive { margin: 0; } .vbo-is-printing .vbo-report-title-print { text-align: center; } .vbo-is-printing .vbo-report-sheetnchart .vbo-report-sheet { width: 100%; } .vbo-is-printing .vbo-report-chart-wrap { display: none; } table tfoot { display: table-row-group; } .vbo-menu-container { display: none; } .vbo-allbookings-fm #filter-bar .pull-right { display: none; } table.vbo-bookingslist-table tbody tr td, table.vbo-list-table tbody tr td { font-size: 12px; } .vbo-allbookings-fm .vbo-bookingslist-viewdet, .vbo-allbookings-fm .vbo-bookingslist-booktime-date { font-size: 12px; } .vbo-allbookings-fm span.label.vbo-status-label { font-size: 11px; padding: 5px 9px !important; } .vbo-allbookings-fm .vbo-provenience { font-size: 13px; } } /* Responsive */ /** max-height */ @media screen and (max-height: 600px) { .vbo-modal-wguestmessages-chat-wrap .chat-border-layout { max-height: initial; } .vbo-w-quote-items-list { max-height: calc(100vh - 188px); } } @media screen and (max-height: 430px) { .vbo-w-quote-items-list { max-height: calc(100vh - 238px); } } @media screen and (min-width: 2400px) { .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-name { flex-basis: auto; margin-right: 15px; margin-bottom: 0; } } @media screen and (min-width: 1860px) { .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-price:first-child { margin-left: 0; } .vbo-quote-wrapper { max-width: 74rem; } } @media screen and (max-width: 2000px) { .vbo-menu-updates > button { width: 44px; height: 44px; line-height: 36px; padding: 0; border-radius: 50%; } .vbo-menu-updates > button i { margin-right: 0 !important; } .vbo-menu-updates > button span { display: none; } } @media screen and (max-height: 860px) { .vbo-w-quote-items-list { max-height: calc(100vh - 230px); } } @media screen and (max-width: 1860px) { .vbo-admin-container .vbo-param-container-full { flex-wrap: wrap; } .vbo-admin-container .vbo-param-container-full .vbo-param-label-above { flex-basis: 100% !important; margin-bottom: 10px; } .vbo-param-setting #vbadultsdiffbox .vbo-adults-usage { display: block; margin-bottom: 5px; } .vbo-admin-widgets-container-large .vbo-dashboard-chart-container { flex-basis: calc(25% - 16px); } .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li { width: calc(100% - 100px); } .vbo-admin-widgets-container-small .vbo-widget-visitscounter-wrap .vbo-widget-visitscounter-number { flex-basis: calc(100% - 52px); } } @media screen and (max-width: 1760px) { .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .field-calendar input[type="text"], .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .vbo-field-calendar input[type="text"] { width: 80px !important; } .vbo-roomentries-cont { width: 40%; } .vbo-report-sheetnchart .vbo-report-sheet { width: 50%; } .vbo-report-sheetnchart .vbo-report-sheet .vbo-report-col-hideable { display: none; } .vbo-report-sheetnchart .vbo-report-chart-meta { flex-basis: 50%; } .vbo-dashboard-today-bookings { flex-basis: 65%; } .vbo-dashboard-chart-container { flex-basis: auto; flex-grow: initial; } .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas { margin: 0 0 15px; } .vbo-reportwidget-ratesoverv .vbo-report-chart-canvas { width: 52% !important; } .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas { width: 46%; } .vbo-dashboard-firstsetup-container { width: 90%; } .vbo-geoinfo-param .vbo-param-setting span { display:block; margin-bottom: 5px; } .vbo-geoinfo-param .vbo-param-setting .vbo-iostoggle-wrap { display: inline-block; } .vbo-geoinfo-param .vbo-param-setting #geo_latitude { margin-bottom: 10px; } .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit { display: block; float: none; margin-bottom: 10px; margin-left: 0; } .vbo-checkin-main-block .vbo-checkin-payment-container { flex-basis: 100%; margin: 10px 0; box-sizing: border-box; } .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time { flex-basis: 100%; margin-left: 0; } .vbo-admin-widgets-container-small .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select { width: 100% !important; } .vbo-menu-parent-li > span { padding: 14px 15px; } } @media screen and (max-width: 1612px) { .vbo-admin-widgets-section .vbo-admin-widgets-container-medium + .vbo-admin-widgets-container-small, .vbo-admin-widgets-section .vbo-admin-widgets-container-medium + .vbo-admin-widgets-container-small + .vbo-admin-widgets-container-small { flex-basis: calc(50% - 12px); max-width: 50%; } .vbo-dashboard-today-checkout thead tr th:first-child, .vbo-dashboard-today-checkout tobdy tr td:first-child { padding: 15px 5px 15px 10px; } } @media screen and (max-width: 1580px) { .vbo-dashboard-today-occ { margin: 10px 20px; } .vbo-admin-widgets-container-fullwidth .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li, .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li { width: calc(33% - 80px); } .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li { width: calc(50% - 80px); } .vbo-admin-widgets-container-large .vbo-dashboard-chart-container { flex-basis: calc(50% - 16px); } .vbo-bookingdet-detcont > .vbo-bookingdet-checkdt .wp-calendar-box { display: flex; margin-bottom: 5px; } .vbo-bookingdet-detcont > .vbo-bookingdet-checkdt .wp-calendar-box .hasDatepicker { flex: 1; } .vbo-admin-widgets-container:not(.vbo-admin-widgets-container-fullwidth) .vbo-admin-widgets-widget-output .vbo-widget-today-checkout-tristate, .vbo-admin-widgets-container:not(.vbo-admin-widgets-container-fullwidth) .vbo-admin-widgets-widget-output .vbo-widget-today-checkin-tristate { margin: 10px 15px 6px 10px; } } /* main menu screen size adjustments */ @media screen and (max-width: 1470px) { .vbo-menu-parent-li > span { padding: 14px 8px; } } @media screen and (max-width: 1440px) { .vbo-menu-updates > button { width: 42px; height: 42px; padding: 0; border-radius: 50%; } .vbo-menu-updates > button span { display: none; } .vbo-menu-updates > button i { margin-right: 0 !important; } } @media screen and (max-width: 1280px) { .vbo-menu-left { max-width: 100px; } .vbo-ratesoverview-period-container { flex: 0 0 25%; } #vbpaymentlogdiv pre { max-width: 100%; } .vbo-eorder-paymentlog-buttons { float: none; display: flex; column-gap: 10px; } } @media screen and (max-width: 1520px) { .vbo-admin-container .vbo-param-container .vbo-param-label { flex-basis: 200px; } .vbo-admin-container .vbo-param-container-full .vbo-param-label { flex-basis: 100%; } .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-label { flex-basis: 100%; } .vbo-param-label .vbo-quest-popover, .vbo-param-label .wp-quest-popover { margin-left: 10px; } .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group:last-child { margin-top: 0; margin-left: 5px; } .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-metas { width: 100%; } .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta { width: 50%; float: left; } .vbo-reportwidget-ratesoverv .vbo-report-chart-canvas { width: 100% !important; } .vbo-modal-overlay-block .vbo-modal-overlay-content { width: 95%; } .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-tall { height: 95%; } .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-tall:not(.vbo-modal-nofooter) .vbo-modal-overlay-content-body-scroll { height: calc(100% - 150px); } .vbo-admin-container > div:not([id^="jmodal"]) { flex: 100%; margin-left: 0 !important; margin-right: 0 !important; } .vbo-admin-container > div.vbo-config-maintab-smaller:not([id^="jmodal"]) .vbo-param-container .vbo-param-label { flex-basis: 200px; } .vbo-admin-container .adminform { margin: 10px 0; } .vbo-config-maintab-right-halfsize .vbo-condtext-rule { margin: 8px; } .vbo-admin-widgets-container-fullwidth .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li, .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li { width: calc(33% - 80px); } .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li { width: calc(100% - 80px); } .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li { -webkit-transform: rotate(-2deg); -o-transform: rotate(-2deg); -moz-transform: rotate(-2deg); } .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list .vbo-sticky-note-add { width: calc(100% - 100px); -o-transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); } .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altdates .vbo-widget-checkav-result-altdates-info .vbo-widget-checkav-result-alt-date .vbo-widget-checkav-result-alt-date-in { display: block; margin-bottom: 2px; margin-right: 0; } } @media screen and (max-width: 1500px) and (min-width: 760px) { .vbo-admin-widgets-widget .table-responsive > .table > tbody > tr > td, .vbo-admin-widgets-widget .table-responsive > .table > thead > tr > th { white-space: initial; } } @media screen and (max-width: 1400px) { .vbo-quickres-wrapper, .vbo-avcalendars-wrapper { width: 100%; float: none; box-sizing: border-box; } .vbo-bookingdet-summary-roomnum { display: block; } .vbo-bookingslist-viewdet, .vbo-bookingslist-booktime-date { white-space: initial; display: flex; } .vbo-bookingslist-viewdet-fulldate { white-space: nowrap; } .vbo-bookingslist-viewdet-open { margin-left: 10px; order: 2; } .vbo-dashboard-today-bookings { flex-basis: 60%; } .vbo-reportwidget-dashboard .vbo-reportwidget-chart-metas { justify-content: left; } .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta { flex-basis: 50%; } .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta { width: 100%; } .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list { margin-left: 0; } .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit { float: none; margin-bottom: 10px; } .vbo-editbooking-room-services .vbo-editbooking-room-service { flex: 0 0 33%; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker { align-self: end; margin-bottom: 0; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights { flex-grow: 1; flex-wrap: wrap; margin-bottom: 0; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights label { display: block; flex-basis: 100%; margin-bottom: 5px; } .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container { width: 35vw; } .vbo-admin-widgets-container-medium { .vbo-w-quote-item { .vbo-w-quote-item-head { flex-wrap: wrap; .vbo-w-quote-item-head-left { flex-basis: 100%; } .vbo-w-quote-item-head-right { flex-basis: 100%; .vbo-w-quote-item-head-edit { margin-left: auto; } } } .vbo-w-quote-solution { flex-wrap: wrap; .vbo-w-quote-solution-roominfo { flex-basis: 100%; } .vbo-w-quote-solution-priceinfo-wrap { flex-basis: 100%; justify-content: space-between; .vbo-w-quote-solution-price { text-align: left; } } } } } } @media screen and (max-width: 1400px) and (min-width: 1320px) { #vbadultsdiffbox select[name="adultsdiffchdisc[]"] { width: 100% !important; margin-bottom: 3px; } } @media screen and (max-width: 1380px) { #filter-bar { height: auto !important; } .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail { width: auto; display: block; margin: 3px; } .vbadmincaltable td { padding: 5px 0 !important; } .vbo-ratesoverview-roomsel-block > form { flex-wrap: wrap; } .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-chrooms { flex-basis: 100%; border-right: 0; border-bottom: 1px solid var(--vbo-config-border-color); border-radius: 0; } .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-calc { border: 0; flex-basis: min-content; } .vbo-ratesoverview-roomsel-entry-forecast .vbo-roverv-forecast-inner { border: 1px solid var(--vbo-config-border-color); border-radius: 16px; padding: 20px; } .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta { width: 50%; } .vbo-report-chart-canvas { width: 82%; } .vbo-ratesoverview-roomsel-entry-forecast { flex-grow: inherit; } .vbo-menu-ul .vbo-menu-parent-li > span { padding: 13px 18px; } .vbo-menu-parent-li > span a { display: none; } .vbo-menu-parent-li > span > i { margin: 0; } .vbo-admin-widgets-section .vbo-admin-widgets-container, .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter { flex-basis: 100%; } .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .field-calendar, .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-field-calendar { width: 100%; } .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime { margin-left: 0; } .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select { width: 100% !important; } .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save { display: flex; } .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button { flex: 1; } .vbo-sidepanel-active-widgets .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save .vbo-widget-reminder-delete { margin-left: 5px; } .vbo-bookingdet-summary-room .btn-group, .vbo-bookingdet-summary-room .vbo-bookingdet-summary-roomnum-chunit .select2-container { max-width: 150px; } } @media screen and (max-width: 1320px) { .vbo-admin-container > div { flex: 100%; } .vbo-admin-container .adminform { margin: 10px 0; } .vbo-config-maintab-right-halfsize .vbo-condtext-rule { margin: 8px; } .vbo-admin-container .vbo-param-container .vbo-param-label { flex-basis: 250px; } .vbo-config-maintab-right-halfsize .vbo-condtext-rule .vbo-param-label { flex-basis: 100%; } .vbo-admin-body .vbo-admin-container .vbo-config-maintab-left .adminform:last-child { margin: 10px 0px 0; } .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group:last-child { margin-top: 0; margin-left: 5px; width: auto; } .vbo-roomentries-cont { width: 210px; } .vbo-ratesoverview-roomsel-entry-forecast > label { margin-left: 20px; margin-top: 20px; } .vbo-config-tabs-wrap dl.tabs dt { padding: 5px 15px; } .vbo-config-maintab-top { flex-wrap: wrap; } .vbo-config-maintab-top .vbo-config-fieldset-large { flex-basis: 100%; } .vbo-config-maintab-top .adminform.vbo-config-fieldset-small { margin-left: 0; } .vbo-admin-widgets-section .vbo-admin-widgets-container-large { flex-basis: 100%; } .vbo-admin-widgets-section .vbo-admin-widgets-container-small { flex-basis: calc(50% - 12px); max-width: 50%; } #filter-bar .pull-left { margin-bottom: 10px; } /* @WPonly * The black background of the modal has been disabled in smartphones and tablets. * It was printed as the last element of the body and this was creating a conflict with the modal itself that can not be solved with z-index. */ .modal-backdrop.fade.in { display: none; } } @media screen and (max-width: 1520px) and (min-width: 1280px) { .vbo-insertrates-bottom .vbo-ratestable-newprice-name { display: block; width: 100%; } .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost { width: 100%; display: block; margin-top: 5px; } .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-amount { display: inline-block; width: 90%; } .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-amount input[type="number"] { width: 100% !important; box-sizing: border-box; height: auto; } } @media screen and (max-width: 1290px) { .vbo-dashboard-today-bookings { flex-basis: 100%; } .vbo-bookdet-splitstay-details > div > span { display: block; border-right: 0; border-bottom: 1px solid var(--vbo-basic-btn); } .vbo-bookdet-splitstay-details > div > span:last-child { border-bottom: 0; } } @media screen and (max-width: 1280px) { .vbo-menu-parent-li > span { padding: 18px 17px; } .vbo-menu-parent-li > span::after { right: 6px; } .vbo-avcalendars-wrapper .vbo-calendar-cals-container { margin-top: 20px; } .vbo-config-maintab-left .adminform:only-child { padding: 15px 20px; margin: 0px; } .vbo-insertrates-bottom .vbo-ratestable-newprice-name { display: inherit; width: auto; } .vbo-insertrates-bottom .vbo-ratestable-newprice .vbo-ratestable-newprice-cost { width: auto; display: inline-block; margin-left: auto; } .vbo-checkin-main-block .vbo-roomsdet-container { flex-basis: 100%; margin: 0 0 10px; } .vbo-checkin-main-block .vbo-checkin-payment-container { flex-basis: 100%; box-sizing: border-box; } .vbo-graph-top-right, .vbo-graph-bottom-right { flex-basis: 20%; } #vbo-graphstats-right-legend ul.pie-legend li, #vbo-graphstats-right-legend-nights ul.pie-legend li { flex-basis: 100%; } .vbo-stats-topform .pull-left { display: block; float: none; margin-bottom: 5px; } .vbo-stats-topform #filter-bar .pull-right { float: right; margin-left: 5px; } .vbo-graphstats-mod-containers .vbo-graphstats-mod-container { flex-basis: 100%; } .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner { margin: 0 0 10px; } .vbo-report-layout-type .vbo-report-layout-type-inner { margin-right: 10px; } .vbo-report-sheetnchart { flex-wrap: wrap; } .vbo-report-sheetnchart .vbo-report-sheet { width: 100%; margin-right: 0; } .vbo-reports-filters-outer .vbo-reports-filters-export { display: block; width: 100%; float: none; margin-top: 5px; } .vbo-reports-filters-outer > div { margin: 3px; } .vbo-reportwidget-dashboard .vbo-dashboard-today-bookings > div { margin-right: 0; } .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta .vbo-reportwidget-chart-meta-inner { padding: 10px 20px; } .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta .vbo-reportwidget-chart-meta-lbl { margin-bottom: 5px; } .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta .vbo-reportwidget-chart-meta-val-main { font-size: 22px; } .vbo-reportwidget-ratesoverv .vbo-reportwidget-commands { margin-right: 0; } .vbo-reportwidget-ratesoverv .vbo-reportwidget-command-dates { display: block !important; } .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task { flex-basis: 50%; } .vbo-admin-widgets-container-large .vbo-dashboard-chart-container { flex-basis: calc(100% - 16px); } .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta { flex-basis: 100%; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main { flex: initial; width: 100%; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child { flex: 1; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input { width: 100% !important; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-nights { flex-wrap: wrap; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker { align-self: end; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit { width: auto; align-self: end; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker input { width: 110px !important; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input { width: auto !important; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div { flex: initial; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights input { flex: 1; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input { width: 80px !important; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit .btn { width: 100%; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary > div input { margin-top: 0; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary { margin-left: 5px; } .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply { display: block; margin-top: 5px; } .vbo-bookingdet-topcontainer .vbo-bookdet-conv-currency .vbo-bookdet-conv-currency-apply .btn { margin-left: 0; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary label { display: block; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit { width: 100%; } .vbo-admin-widgets-container-large .vbo-widget-checkav-result-splitstays-wrap { width: 100%; } .vbo-admin-widgets-container-small .vbo-widget-checkav-result-splitstays-wrap .vbo-widget-checkav-splitstay-rooms-inner { grid-template-columns: repeat(1, 1fr); } .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-nights input { flex-grow: 1; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-nights { flex-grow: 0; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow { margin: 5px 0 0; width: 100%; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-avatar, .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-latestevents-list .vbo-widget-history-avatar, .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-dashboard-guests-latest .vbo-dashboard-guest-activity-avatar { width: 20px; margin-right: 8px; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-ratesflow-list .vbo-widget-ratesflow-record .vbo-widget-ratesflow-avatar .vbo-widget-ratesflow-avatar-icon, .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-latestevents-list .vbo-widget-history-avatar .vbo-widget-history-avatar-icon { width: 20px; height: 20px; line-height: 20px; margin-right: 8px; font-size: 10px; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-reportwidget-commands > .vbo-reportwidget-commands-main { display: flex; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-reportwidget-commands .vbo-reportwidget-command-prev { margin-right: 3px; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary { width: 100%; margin-left: 0; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary .vbo-widget-checkav-filter { flex: 1; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters-secondary .vbo-widget-checkav-filter input { width: 100% !important; } .vbo-admin-widgets-container-small .vbo-admin-widgets-widget .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter { flex: initial; } .vbo-admin-widgets-container:not(.vbo-admin-widgets-container-fullwidth) .vbo-admin-widgets-widget-output .vbo-widget-today-checkout-tristate, .vbo-admin-widgets-container:not(.vbo-admin-widgets-container-fullwidth) .vbo-admin-widgets-widget-output .vbo-widget-today-checkin-tristate { float: none; margin: 10px 15px 0px 10px; } .vbo-admin-widgets-container:not(.vbo-admin-widgets-container-fullwidth) .vbo-dashboard-today-checkin-head .vbo-admin-widget-head-inline, .vbo-admin-widgets-container:not(.vbo-admin-widgets-container-fullwidth) .vbo-dashboard-today-checkout-head .vbo-admin-widget-head-inline { flex-basis: 100%; } .vbo-admin-widgets-container:not(.vbo-admin-widgets-container-fullwidth) .vbo-dashboard-today-checkin-head .vbo-admin-widget-head-inline .btn-toolbar, .vbo-admin-widgets-container:not(.vbo-admin-widgets-container-fullwidth) .vbo-dashboard-today-checkout-head .vbo-admin-widget-head-inline .btn-toolbar { width: 100%; float: none; } .vbo-admin-widget-head .btn-toolbar { margin: 10px 15px 10px 10px; } .vbo-ratesoverview-period-boxes-inner > div { flex-basis: 100%; } .vbo-tm-toolbar .vbo-tm-toolbar-filters { flex-wrap: wrap; } .vbo-dac-capabilities-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media screen and (max-width: 1080px) { .vbo-ratesoverview-caltab-cont .vbo-table-responsive { order:2; } .vbo-ratesoverview-period-container { -ms-flex: 100%; -webkit-flex: 100%; flex: 100%; order:1; margin-bottom: 5px; } #filter-bar .pull-right { display: inline-block; float: none; margin: 0 0 5px 0; } .btn-group.pull-right.vbo-avov-legend { width: 100%; } .vbo-trackings-chart-bestnights .vbo-trackings-chart-container { flex-basis: 20%; } .vbo-config-tabs-wrap dl.tabs dt { padding: 10px; } #vbo-graphstats-right-legend ul.pie-legend li, #vbo-graphstats-right-legend-nights ul.pie-legend li { flex-basis: 45%; } .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta { width: 100%; } .vbo-admin-widgets-section .vbo-admin-widgets-container-large { flex-basis: 100%; } .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew { flex-basis: 100%; height: 100px; } .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="2"] { flex-basis: calc((50% - (16px / 2))); } .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-medium[data-totcontainers="3"] { flex-basis: calc((50% - (24px / 3))); } .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="2"] { flex-basis: calc((25% - (16px / 2))); } .vbo-admin-widgets-list-customize .vbo-admin-widgets-container-small[data-totcontainers="3"] { flex-basis: calc((25% - (24px / 3))); } .vbo-admin-widgets-container-medium .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main { flex: 1; } #filter-bar .btn-group.pull-right { float: left; } .vbo-translations-element-row { flex-wrap: wrap; } .vbo-translations-element-row .vbo-translations-element-lbl { flex-basis: 100%; margin-bottom: 15px; margin-right: 0; } fieldset.adminform .vbo-list-table-rounded { max-width: 700px; } .vbo-bookingdet-customer, .vbo-bookingdet-admindata { -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; } .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail { width: 45%; display: inline-block; } .vbo-tm-panel { flex-direction: column; } .vbo-tm-panel .vbo-tm-panel-editor { border-radius: 7px 7px 0 0; } .vbo-tm-panel .vbo-tm-panel-editor .vbo-visualeditor-transparent .ql-toolbar.ql-snow { border-radius: 7px 7px 0 0; } .vbo-tm-panel .vbo-tm-panel-controls { border-top: 1px solid var(--vbo-config-border-color); border-left: 0; width: auto; flex: 1; padding: 8px; } .vbo-report-chartonly .vbo-report-chart-main { width: 100%; max-width: 100%; } } @media screen and (max-width: 1024px) { .vbo-graph-top-left, .vbo-graph-bottom-left { margin-right: 0; margin-bottom: 20px; } .vbo-graph-top-right, .vbo-graph-bottom-right { flex-basis: 100%; } .vbo-graphstats-mod-containers .vbo-graphstats-mod-container { flex-basis: 50%; } .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner { margin-bottom: 15px; margin-right: 5px; } .vbo-reportwidget-ratesoverv .vbo-reportwidget-command-dates { display: inline-block !important; padding-right: 0; } .vbo-ratesoverview-roomsel-entry-forecast { flex-basis: 100%; } .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta { width: 33%; } .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart { padding-bottom: 0; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append input { width: 120px !important; flex-grow: 0; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker { flex-grow: 0; flex-basis: auto; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input { width: 80px !important; flex-grow: 0; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input { flex-grow: 1; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child { margin-left: 8px; } .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filter-submit { margin-bottom: 0; } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block .vbo-room-img-modal, #pt4 .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="file"] + .vbomodal { margin-top: 5px; } .vbo-tm-board-areas-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vbo-tm-list-tasks-columns, .vbo-tm-list-task-row { grid-template-columns: 2fr 1fr 1fr 1fr 1.5fr 1fr 2fr; } .vbo-tm-list-task-cell[data-type="id"], .vbo-tm-list-tasks-column[data-type="id"] { display: none; } } @media screen and (max-width: 960px) { .vbo-config-tabs-wrap dl.tabs dt { padding: 10px 20px; } .vbo-menu-parent-li > span::after { right: 11px; } .vbo-admin-widgets-container-fullwidth .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li, .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li, .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li, .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li { width: calc(100% - 80px); } .vbo-admin-widgets-section .vbo-admin-widgets-container-medium { flex-basis: 100%; } .vbo-bookingdet-topcontainer .vbo-bookdet-container.vbo-bookdet-inquiry-alert .vbo-bookdet-inquiry-alert-message { flex-basis: 100%; margin: 5px 0 0; } .add-tax-breakdown-cont div span { margin-bottom: 5px; } .select2-container--default .select2-search--inline .select2-search__field { -webkit-appearance: initial !important; } .vbo-admin-widgets-container:not(.vbo-admin-widgets-container-fullwidth) .vbo-admin-widgets-widget-output .vbo-widget-today-checkout-tristate, .vbo-admin-widgets-container:not(.vbo-admin-widgets-container-fullwidth) .vbo-admin-widgets-widget-output .vbo-widget-today-checkin-tristate { margin: 0px 15px 0px 10px; } .vbo-bookingdet-noteslogs-btn a { text-transform: initial; padding: 10px; font-size: 12px; } } @media screen and (max-width: 1280px) and (min-width: 860px) { .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li { width: calc(100% - 80px); } } @media screen and (max-width: 940px) { .vbo-rmphotos-cont { float: none; margin: 0 0 10px; } #editor-xtd-buttons .btn { margin:5px 5px 0 0 !important; } .vbo-bookingdet-topcontainer .vbo-bookingdet-tabs { margin: 10px 0 0; } .vbo-editbooking-room-services .vbo-editbooking-room-service, .vbo-bookingdet-summary-room .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype { flex-basis: 100%; box-sizing: border-box; } .vbo-checkin-payment-container { -ms-flex: 100%; -webkit-flex: 100%; flex: 100%; margin-left: 0; } .vbo-checkin-payment-container { padding: 10px 15px; } #vbo-graphstats-right-legend ul.pie-legend li, #vbo-graphstats-left-legend ul.line-legend li, #vbo-graphstats-left-legend-nights ul.line-legend li { -ms-flex: 0 0 30%; -webkit-flex: 0 0 30%; flex: 0 0 30%; } .vbo-calendar-cfields-inner { box-sizing: border-box; } .vbo-info-overlay-content { width: 70%; } .vbo-admin-container .vbo-param-container .vbo-resmodcanc-lim { display: block !important; margin-top: 5px; margin-left: 0; } #pt5 .vbo-admin-container .vbo-param-container { flex-wrap: wrap; } #pt5 .vbo-admin-container .vbo-param-container .vbo-param-label, .vbo-admin-container .vbo-param-container .vbo-param-label label { flex-basis: 100%; font-weight: bold; } .vbo-admin-container .vbo-param-container .vbo-param-label label { margin-bottom: 0; } .vbo-sortable .vbimagedetbox { right: 0; left: 0; } .vbo-sortable .vbimagedetbox .captionlabel { width: 100%; } .vbo-sortable .vbimagedetbox .captionlabel input[type="text"] { width: 100% !important; height: auto; box-sizing: border-box; } .vbo-sortable .vbimagedetbox .captionsubmit[type="button"] { width: auto !important; } .vbo-dashboard-top-outer { display: inherit; } .vbo-dashboard-today-bookings { display: inherit; } .vbo-dashboard-today-bookings > div { margin-right: 0; } .vbo-dashboard-today-checkin-wrapper, .vbo-dashboard-today-checkout-wrapper { width: 100%; } .vbo-dashboard-today-checkin-wrapper .table-responsive, .vbo-dashboard-today-checkout-wrapper .table-responsive { border: 0; } .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > input, .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > select, .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem > textarea { width: 100%; min-width: 100%; } .vbo-list-form-filters form[name="seasonsform"] > div { margin: 3px 10px 3px 0; } .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container { width: 80vw; } .vbo-sidepanel-container .vbo-sidepanel-dismiss span { padding: 4px 10px; border: 1px solid #666; } .vbo-notifications-center-wrap { width: 60vw; } .vbo-drivers-custom-actions { margin-left: 0; } .vbo-reports-subfilters-wrap { flex-wrap: wrap; } .vbo-reports-subfilters-wrap .vbo-reports-subfilters-cont { flex-basis: 100%; } .vbo-reports-subfilters-wrap .vbo-report-layout-type { width: auto; } .vbo-quote-option-room-values { grid-template-columns: repeat(2, 1fr); } .vbo-quote-option-room-values .vbo-quote-option-room-value:nth-child(-n+3) { grid-column: span 1; } .vbo-quote-option-room-values .vbo-quote-option-room-value:nth-child(n+4) { grid-column: span 1; } .vbo-quote-option-room-values .vbo-quote-option-room-value:nth-child(1) { grid-column: span 2; } } @media screen and (max-width: 860px) { .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-wrap { padding: 12px 0; } .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-entry { flex: 33%; flex-basis: inherit !important; } .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-head { border: 0; padding: 5px 15px 0; font-size: 11px; text-transform: uppercase; } .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-foot { padding-top: 0; } .vbo-admin-widgets-list-customize .vbo-admin-widgets-section .vbo-admin-widgets-container.vbo-admin-widgets-container-addnew { height: 100px; } .vbo-admin-container .vbo-config-maintab-right-halfsize .vbo-condtext-rule input[type="text"].field-media-input { width: auto !important; } .vbo-roomdet-guest-details .vbo-roomdet-guest-detail { width: calc(33% - 20px); } .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap { flex-basis: calc(50% - 34px); } .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val { width: calc(33% - 15px); } .vbo-bookingdet-noteslogs-btn .vbo-bookingdet-admintab-lbl { display: none; } .ui-datepicker-multi .ui-datepicker-group { width: 100% !important; margin: 0; } .ui-datepicker td > *, .ui-datepicker td > .ui-state-default { margin: 0 auto; } .vbo-tm-list-tasks-columns, .vbo-tm-list-task-row { grid-template-columns: 2fr 1fr 1fr 2fr; } .vbo-tm-list-task-cell[data-type="id_order"], .vbo-tm-list-task-cell[data-type="assignees"], .vbo-tm-list-task-cell[data-type="id_area"], .vbo-tm-list-tasks-column[data-type="id_order"], .vbo-tm-list-tasks-column[data-type="assignees"], .vbo-tm-list-tasks-column[data-type="id_area"] { display: none; } .vbo-report-chartonly .vbo-report-chart-main { flex-wrap: wrap; } .vbo-report-chartonly .vbo-report-chart-main .vbo-report-chart-content { flex-basis: 100%; } .vbo-report-chart-main .vbo-report-chart-metas { margin-top: 10px; } .vbo-report-chartonly .vbo-report-chart-meta { flex-basis: 25%; } .vbo-quote-option-rooms .vbo-editbooking-room-service[data-child-age="1"] .vbo-editbooking-room-service-check { grid-template-columns: repeat(1, minmax(0, 1fr)); } .vbo-w-quote-solution-rooms { flex-wrap: wrap; } } @media screen and (max-width: 780px) { .vbo-bookingdet-summary, .vbo-editbooking-summary { padding-top: 0 !important; } .vbo-trackings-table-head { display: none; } .vbo-trackings-table-body-hidden-lbl { display: block; font-weight: bold; text-transform: uppercase; margin-bottom: 7px; color: var(--vbo-config-titles-color-light); } .vbo-trackings-table-body-cell { padding: 5px 10px; text-align: left !important; } .vbo-trackings-table-cell-id { flex: 0 0 33px !important; } .vbo-trackings-chart-avgval-listcont > div { flex-basis: 40%; } .vbo-avcalendars-wrapper .vbo-calendar-cal-container { flex: 50%; } .vbo-ratesoverview-roomsel-block > form { flex-wrap: wrap; } .vbo-ratesoverview-roomsel-entry { flex-basis: 100%; border: 0; border-bottom: 1px solid var(--vbo-config-border-color); } .vbo-ratesoverview-roomsel-block > form .vbo-ratesoverview-roomsel-entry-chrooms { border-right: 0; } .vbo-ratesoverview-roomsel-entry-los { border: 0; } .vbo-ratesoverview-period-box-cals-inner { width: 100%; } .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd { width: 100%; margin-top: 10px; background: var(--vbo-config-child-bg-color); padding: 10px; box-sizing: border-box; align-self: flex-start; } .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left { width: 100%; border: 0; max-width: 350px; } .vbo-admin-widgets-section .vbo-admin-widgets-container { max-width: 100%; flex-basis: 100%; } .vbo-admin-widgets-section .vbo-admin-widgets-container-medium + .vbo-admin-widgets-container-small, .vbo-admin-widgets-section .vbo-admin-widgets-container-medium + .vbo-admin-widgets-container-small + .vbo-admin-widgets-container-small { max-width: 100%; flex-basis: 100%; } .vbo-calendar-cfields-inner { grid-template-columns: repeat(1, auto); } .vbo-ratesoverview-period-box-cals-inner { flex-wrap: wrap; } .vbo-quote-section-current .vbo-quote-section-body { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vbo-quote-section-current .vbo-quote-edit-uuid { grid-column: span 2; } } @media screen and (max-width: 767px) { .table-responsive, .vbo-table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid var(--vbo-config-border-color); } .table-responsive > .table, .vbo-table-responsive > .vbo-table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } #jmodal-vbo-new-res { left: 50%; transform: translate(-50%, -50%); margin-left: 0 !important; } .vbo-dac-capabilities-list { grid-template-columns: repeat(1, minmax(0, 1fr)); } } @media screen and (max-width : 740px) { .vbo-dashboard-today-checkin-wrapper, .vbo-dashboard-today-checkout-wrapper { width: 100%; float: none; margin: 5px 0; } .vbo-info-overlay-content { width: 80%; overflow-y: scroll; } .vbo-bookingdet-summary, .vbo-editbooking-summary { flex: auto; width: 100%; box-sizing: border-box; } .vbo-dashboard-today-checkin-wrapper, .vbo-dashboard-today-checkout-wrapper { flex: auto; width: 94%; box-sizing: border-box; } #pt3 .vbo-admin-container .vbo-config-maintab-right .vbo-param-container { flex-wrap: wrap; } #pt3 .vbo-admin-container .vbo-config-maintab-right .vbo-param-container .vbo-param-label { flex-basis: 100%; font-weight: bold; } #vbmessagingdiv { flex-basis: 150px; } .vbo-menu-left { display: none; } .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room { flex-basis: calc(50% - 34px); } .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-dates .vbo-widget-checkav-result-alt-date-in { display: block; margin-right: 0; margin-bottom: 4px; } fieldset.adminform .vbo-list-table-rounded { max-width: 600px; } .vbo-room-reassignment-move-record { flex-wrap: wrap; } .vbo-room-reassignment-move { flex-basis: 100%; margin-top: 10px; } .vbo-room-reassignment-move-record .vbo-room-reassignment-move-exclude { margin-left: auto; } .vbo-quote-section-head-wrap { flex-wrap: wrap; .vbo-quote-section-head { margin-bottom: 10px; } .vbo-quote-section-floating { flex-wrap: wrap; & select { max-width: 100%; } } } } @media screen and (max-width : 680px) { .vbo-preferred-countries-sortlist { max-width: 100%; width: 100%; } .vbo-ebusy-extracosts-cellname input { max-width: 100px; } .vbo-ebusy-extracosts-celltax select { max-width: 100px; } #vbo-graphstats-right-canv { width: 100% !important; height: auto !important } .vbo-tracking-info-details > div { padding: 10px; } .vbo-tracking-info-details > .vbo-tracking-info-roomsrates-cont, .vbo-tracking-info-details > .vbo-tracking-info-dates-cont, .vbo-tracking-info-details > .vbo-tracking-info-party-cont { flex: 1; } #filter-bar.vbo-trackings-filters .pull-right { display: block; } #breakdown-cont { display: block; width: 100%; } .add-tax-breakdown-cont div span { margin-bottom: 5px; } .add-tax-breakdown-cont .add-tax-breakdown-name, .add-tax-breakdown-cont .add-tax-breakdown-rate { width: 90%; } .vbo-trackings-chart-bestnights .vbo-trackings-chart-container { flex-basis: 40%; } .vbo-admin-container .vbo-param-container { flex-wrap: wrap; } .vbo-admin-container .vbo-param-container .vbo-param-label, .vbo-admin-container > div.vbo-config-maintab-smaller:not([id^="jmodal"]) .vbo-param-container .vbo-param-label { margin-right: 0; flex-basis: 100%; } .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="text"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="password"], .vbo-admin-container .vbo-param-container .vbo-param-setting textarea, .vbo-admin-container .vbo-param-container .vbo-param-setting input#lastavail, .vbo-admin-container .vbo-config-maintab-left .vbo-param-setting .iti { width: 100% !important; } .vbo-admin-container .vbo-param-container .vbo-param-setting input[type="checkbox"] { width: auto !important; } .vbo-admin-container .vbo-param-container .vbo-param-label { font-size: 13px; font-weight: bold; } .vbo-admin-container .vbo-param-container .vbo-param-setting input, .vbo-admin-container .vbo-param-container .vbo-param-setting textarea, .new_depovr_container input[type="number"], .vbo-admin-container .vbo-param-container .vbo-param-label input { width: 100% !important; max-width: inherit !important; height: auto; box-sizing: border-box; } .vbo-admin-container .vbo-param-container .vbo-param-setting { display: flex; flex-wrap: wrap; } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-block { width: 100%; } input[type="number"].vbo-small-input { width: 80px !important; } .vbo-admin-container .vbo-param-container.vbo-param-nested { flex-wrap: wrap; } .vbo-admin-container .vbo-param-container.vbo-param-nested .vbo-param-label { flex-basis: 100%; } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-editroom-currentphotos { width: 100%; margin: 5px 0; } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-first-imgup + #myDiv { width: 100%; } .vbo-admin-container .vbo-param-container.vbo-param-child { margin-top: -15px; } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-iostoggle-wrap { margin: 0; padding: 0; } .vbo-admin-container .vbo-param-container .vbo-param-setting select, .new_depovr_container select { width: 100% !important; } .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstorefh"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstorefm"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstoreth"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="timeopenstoretm"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="maxdateinterval"], .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="bctagrule[]"] { width: auto !important; margin-right: 5px; } .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="payaccpercent"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="maxdate"] { flex: 1; flex-grow: 0; flex-basis: 130px; } .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="maxdateinterval"] { margin-left: 10px; } .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="typedeposit"] { margin: 0 0 0 5px; width: auto !important; } .vbo-admin-container .vbo-param-container .vbo-param-setting .cur_depoverrides { margin-bottom: 0; } .vbo-admin-container .vbo-param-container .vbo-param-setting .cur_depoverrides + .btn { height: 30px; } .vbo-admin-container .vbo-param-container .vbo-param-setting select[name="chat_av_type"] { margin-bottom: 5px !important; } .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numchildrenfrom"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="numadultsfrom"] { margin-bottom: 5px; } .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .field-calendar input[type="text"], .vbo-admin-container .vbo-param-container .vbo-param-setting #filter-bar .btn-group .vbo-field-calendar input[type="text"] { width: 90px !important; } #pt3 .vbo-admin-container .vbo-config-maintab-right .vbo-param-container .vbo-colortag-rm { margin-left: 10px; } .vbo-admin-container .vbo-param-container { margin: 15px 0; } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbplusminuscont input[type="number"] { width: 120px !important; } .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox select { width: auto !important; } .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox input, .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="taxcap"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="aliqperc"] { width: 120px !important; } .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="taxcap"], .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="aliqperc"] { margin-right: 10px; } .vbo-admin-container .adminform { padding: 15px 20px; } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-calendar-time-inline { margin: 8px 0 0 50px; } #vbo-row-custcost .vbo-param-setting input { width: auto !important; } .vbo-ratesoverview-period-box-cals-inner { padding: 10px; } .vbo-ratesoverview-period-box-cals-inner > div { display: block; margin: 10px; width: auto; } .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left { width: auto; padding-right: 0; border: 0; box-sizing: border-box; margin-bottom: 20px; } .vbo-ratesoverview-period-box-cals-inner > div > h4 { text-align: center; text-transform: capitalize; font-size: 16px; } .vbo-ratesoverview-period-box-cals-inner > div .ui-datepicker { width: 100%; box-sizing: border-box; } .vbo-tariffs-params-container .vbo-param-setting form { width: 100%; } .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-name { display: block; width: 100%; font-weight: bold; } .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-cost { display: flex; margin: 5px 0 0; width: 100%; } .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-currency { align-self: center; margin-right: 5px; } .vbo-admin-container .adminform .vbo-ratestable-newprice .vbo-ratestable-newprice-cost-amount { flex: 1; } .vbo-bookdet-container .vbo-bookdet-wrap { width: 45%; border: 0; padding-right: 0; } .vbo-checkin-main-block .vbo-roomsdet-container .vbo-roomdet-entry { flex-basis: 100% !important; } .vbo-checkin-main-block .vbo-roomdet-guest-details .vbo-roomdet-guest-detail-num { display: block; font-weight: bold; } .vbo-checkin-main-block .vbo-roomdet-guest-detail input, .vbo-checkin-main-block .vbo-roomdet-guest-detail select { width: 100% !important; max-width: 100% !important; } .vbo-dashboard-refresh-container { margin: 0px auto 0; float: none; display: table; } .vbo-modal-overlay-block .vbo-modal-overlay-content, .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-overlay-content-large, .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-large { width: 95%; height: 95%; } .vik-contentbuilder-modal-content .vbo-modal-overlay-content-body { padding: 25px 25px 10px; } .vbo-roomdet-guest-details .vbo-roomdet-guest-detail { width: calc(50% - 20px); } .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val { width: calc(50% - 10px); } .popover.right { left: 0 !important; border-right-width: 0 !important; border-left-color: #999 !important; border-left-color: rgba(0,0,0,0.25) !important; right: 0 !important; left: 7% !important; } .popover.right .arrow { top: 50% !important; margin-top: -11px !important; border-right-width: 0 !important; border-left-color: #999 !important; border-left-color: rgba(0,0,0,0.25) !important; right: 0 !important; } .popover.right .arrow:after { left: 1px !important; border-right-width: 0 !important; border-right-color: #fff !important; } .vbo-roverview-table .vboverviewtablerowone td.vbo-overview-month, .vbo-roverview-table .vboverviewtablerowone th.vbo-overview-month { min-width: 200px; max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .vbo-roverview-table .vboverviewtablerow td .vbo-overview-roomname { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 130px; display: inline-block; } .vbo-admin-widget-wrapper .vbo-dashboard-today-occ-listcont > .vbo-dashboard-today-roomocc { box-sizing: border-box; width: 100%; } .vbo-dashboard-today-roomocc-customers { border: 0; } .wp-editor-container .quicktags-toolbar input[type="button"] { width: auto !important; } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-top, .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-bottom { width: 100%; } .vbo-config-gr-services { width: 100%; } .vbo-config-gr-services .vbo-config-gr-service { display: flex; } .vbo-config-gr-services .vbo-config-gr-service span:first-child { flex: 1; margin-right: 5px; } .vbo-smstpl-bgroup button.btn { margin: 2px !important; } .vbo-param-setting .vbo-smstpl-toolbar + .vbo-smstpl-control { width: 100%; } .vbo-modal-condtext-rules .vbo-modal-condtext-rule { flex-basis: calc(50% - 38px); } .vbo-params-container .vbo-param-container .vbo-param-setting input[name="optcost"], .vbo-params-container .vbo-param-container .vbo-param-setting select[name="pcentroom"] { width: auto !important; } .vbo-param-container .vbo-param-setting #minguestscont input[type="number"], .vbo-param-container .vbo-param-setting #minguestscont select { width: auto !important; } .vbo-tariffs-params-container .vbo-param-setting { margin-top: 30px; } .vbo-params-container .vbo-param-setting input[name="diffcost"] { width: auto !important; } .vbo-params-container .vbo-param-setting select#val_pcent { width: auto !important; } .vbo-params-container .vbo-param-setting #myDiv input[name^="nightsoverrides"] { width: 100px !important; } .vbo-params-container .vbo-param-setting #myDiv input[name^="valuesoverrides"] { width: 130px !important; } .vbo-params-container .vbo-param-setting #myDiv select[name^="andmoreoverride"] { width: auto !important; } #vbo-row-people .vbo-param-setting select { width: auto !important; } #vbo-close-all-rooms-sel { width: 100%; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker { flex-grow: 1; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .field-calendar, .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-field-calendar { width: 100%; margin-bottom: 5px; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .field-calendar input, .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-field-calendar input { width: 100% !important; flex-grow: 1; } .vbo-sidepanel-active-widgets .vbo-admin-widgets-container-small .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child { margin-left: 0; } .vbo-param-confirm-btn .btn { width: 100%; } .vbo-review-json-entry { width: 50%; } .vbo-tm-board-areas-list { grid-template-columns: repeat(1, minmax(0, 1fr)); } .vbo-overview-roomunits { display: none; } .vbo-reports-subfilters-cont { width: 100%; overflow-x: auto; overflow-y: hidden; min-height: 0.01%; } .vbo-quote-option-room-extras-list .vbo-editbooking-room-extracost input { max-width: 100%; } .vbo-quote-section-validity .vbo-quote-section-body { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vbo-w-quote-solution { flex-wrap: wrap; .vbo-w-quote-solution-roominfo { flex-basis: 100%; } .vbo-w-quote-solution-priceinfo-wrap { flex-basis: 100%; margin-top: 6px; justify-content: space-between; .vbo-w-quote-solution-price { text-align: left; } } } } @media screen and (max-width : 640px) { .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta { flex-basis: 50%; } .vbo-calcrates-rateblock > span { width: 20%; margin: 5px 10px 5px 0; } .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta { widows: 50%; } .vbo-calcrates-rateblock > span { width: 35%; } .vbo-calcrates-rateblock .vbo-room-booknow-rct { width: 100%; margin-top: 10px; } .vbo-dashboard-firstsetup-body .vbo-dashboard-firstsetup-task { flex-basis: 100%; } .vbo-config-maintab-right-halfsize .vbo-condtext-rule { flex-basis: 100%; } .vbrestrdrangesp { display: block; margin-bottom: 4px; } .vbrestrdrangesp + .wp-calendar-box { margin-right: 5px; } .vbo-roomdet-guest-details .vbo-roomdet-guest-detail { width: 100%; } .vbo-roomdet-guest-details .vbo-roomdet-guest-detail.vbo-checkinfield-guesttype-wrap .vbo-roomdet-guest-detail-val { width: 100%; } .vbo-checkin-custdet-entry { margin-bottom: 10px; display: inline-block; width: 100%; margin: 5px; vertical-align: top; } .vbo-admin-widgets-widget .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter { flex-basis: 100% !important; } .vbo-admin-widgets-widget .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter .field-calendar, .vbo-admin-widgets-widget .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter .vbo-field-calendar { width: 100%; } .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time { margin-left: 0; } .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-widget-reminders-filter-time select { flex: 1; } .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save { display: flex; } .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button { flex: 1; } .vbo-overlay-fests-addnew-elem input[type="text"] { width: 100% !important; } .vbo-overlay-fests-addnew-save .btn-success { width: 100% !important; } .vbo-dashboard-today-occ-listcont { width: 100%; box-sizing: border-box; } fieldset.adminform .vbo-list-table-rounded { max-width: 500px; } .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-edit-save { flex-basis: 100%; } .vbo-widget-booskcal-mday-pricing .vbo-widget-booskcal-mday-pricing-edit-save .btn { width: 100%; } .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left { order: 2; } .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-cmd { flex-basis: 100%; } .vbo-tm-toolbar .vbo-tm-toolbar-header { flex-wrap: wrap; } .vbo-tm-toolbar .vbo-tm-toolbar-header .vbo-tm-modes { order: 2; } .vbo-tm-newtask { order: 0; } .vbo-tm-list-tasks-columns, .vbo-tm-list-task-row { grid-template-columns: 2fr 1fr 1fr; } .vbo-tm-list-task-cell[data-type="tags"], .vbo-tm-list-tasks-column[data-type="tags"] { display: none; } .vbo-report-chartonly .vbo-report-chart-meta { flex-basis: 50%; } } @media screen and (max-width : 600px) { .vbo-quote-option-rooms .vbo-editbooking-room-service[data-child-age="1"] .vbo-editbooking-room-service-check { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media screen and (max-width : 580px) { .vbo-calendar-cfields-search { width: 100%; width: 100%; background: var(--vbo-main-bg-color); padding: 10px 15px; float: none; margin-bottom: 10px; box-sizing: border-box; border: 1px solid var(--vbo-config-border-color); } .vbo-calendar-cfields-search input { margin-bottom: 0; } .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search { margin-right: 0; } .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search #vbo-searchcust, .vbo-calendar-cfields-topcont .vbo-calendar-cfields-search .vbo-searchcust { width: 100% !important; } .vbo-calendar-cfields-filler .vbo-calendar-cfield-entry { flex: 100%; } .vbo-calendar-cfields-bottom { margin: 10px 0 15px 10px; display: flex; } .vbo-calendar-cfields-bottom .btn { flex: 1; } .vbo-calendar-cfields-bottom .btn-success { margin-left: 10px; } .vbo-ratesoverview-tabscont > div { margin: 4px 5px; } .vbo-ratesoverview-roomsel-entry-calc .vbo-ratesoverview-entryinline { margin: 5px 5px 0; } .vbo-ratesoverview-roomsel-entry-calc .vbo-ratesoverview-entryinline:last-child { width: 100%; margin: 10px 0 0; } .vbo-ratesoverview-roomsel-entry-calc .vbo-ratesoverview-entryinline:last-child #vbo-ratesoverview-calculate { width: 100%; } .vbo-ratesoverview-tabscont div { width: 100%; box-sizing: border-box; } .vbo-config-maintab-right .vbo-tariffs-updaterates-cont + .table-responsive thead th { white-space: inherit; } .vbo-bookingdet-admin-entry .vbo-eorder-assigncust { width: 100%; } .vbo-bookingdet-detcont input, .vbo-bookingdet-admin-entry input { width: 100% !important; } .vbo-bookingdet-admin-entry select { width: 100% !important; } .vbo-bookingdet-noteslogs-btns .vbo-bookingdet-noteslogs-btn { width: 48%; } .vbo-booking-history-container td { white-space: initial !important; } .vbo-dashboard-chart-container { flex-basis: 100%; } .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta { width: 50%; } .vbo-admin-widgets-container-fullwidth .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li, .vbo-admin-widgets-container-large .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li, .vbo-admin-widgets-container-small .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li, .vbo-admin-widgets-container-medium .vbo-admin-widget-sticky-notes-wrap .vbo-admin-widget-sticky-notes-list > li { width: calc(100% - 80px); } .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded { width: auto; display: block; text-align: left; padding: 3px 5px; } .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded i { margin-right: 5px; } .vbo-roomdet-guest-detail .vbo-paxfield-file-uploaded a span { width: 110px; } .vbo-menu-right > .vbo-menu-ul { display: contents; } .vbo-admin-widget-head .btn-toolbar .btn-wrapper { margin-bottom: 8px; } .vbo-modal-condtext-rules .vbo-modal-condtext-rule { flex-basis: 100% !important; } .vbo-translation-tab { width: calc(50% - 29px); } .add-tax-breakdown-cont .add-tax-breakdown-name, .add-tax-breakdown-cont .add-tax-breakdown-rate { width: 86%; } #alwaysavcont { flex-basis: 100%; } .vbo-tariffs-wizard-price { flex-basis: 100%; } .vbo-param-setting .vbwdaytwodiv { width: 100%; margin-top: 10px; margin-left: 0; } .vbo-roverw-setnewrate .vbo-roverw-flexnew { flex-wrap: wrap; } .vbo-roverw-setnewrate .vbo-roverw-flexnew > div { flex-basis: 100%; } .vbo-info-overlay-content .vbo-add-room-entry > div { width: 100%; margin: 5px 0; } .vbo-info-overlay-content .vbo-add-room-entry select { width: 100% !important; } .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main { flex-basis: 100%; } .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter-dpicker { flex-grow: 0; margin-bottom: 0px; } .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append input { width: 100px !important; flex: 1; } .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child { flex: 1; display: flex; flex-wrap: nowrap; } .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child label { align-self: center; margin-right: 5px; } .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit { flex: 1; margin-left: 0; } .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filters-main .vbo-widget-checkav-filter:last-child input { width: 80px !important; flex-grow: 1; } .vbo-admin-widgets-container .vbo-widget-checkav-filters .vbo-widget-checkav-filter-dpicker .input-append { width: 100%; display: flex; } .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container { width: 90vw; } .vbo-admin-widgets-widget .vbo-widget-checkav-filters-secondary > div { flex: 1; } .vbo-admin-widgets-widget .vbo-widget-checkav-filters-secondary > div input { width: 100% !important; } .vbo-admin-widgets-widget .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div:first-child { margin-left: 0; } .vbo-admin-widgets-widget .vbo-widget-checkav-filters .vbo-widget-checkav-filters-secondary > div label { margin-bottom: 5px; display: inline-block; } .vbo-admin-widgets-widget .vbo-widget-checkav-filters .vbo-widget-checkav-filters-submit button { width: 100%; } .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .field-calendar, .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-datetime .vbo-field-calendar { width: 100%; } .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-date { flex: 1; } .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save { display: flex; } .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save button { flex: 1; } .vbo-widget-reminders-manage .vbo-widget-reminders-manage-wrap .vbo-widget-reminders-filter-save .vbo-widget-reminder-delete { margin-left: 5px; } .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate { flex-wrap: wrap; } .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices { flex-wrap: wrap; } .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rates .vbo-widget-checkav-result-rate-prices > .vbo-widget-checkav-result-rate-booknow { flex-basis: 100%; margin-top: 5px; } .vbo-widget-checkav-results .vbo-widget-checkav-result-room-rate .vbo-widget-checkav-result-rate-booknow .btn { width: 100%; } .vbo-quickres-head .vbo-quickres-head-right { margin-top: 10px; width: 100%; } .vbo-list-form-filters .btn-toolbar #rname { width: 200px !important; } .vbo-calcrates-rateblock > span { flex-basis: 100%; margin: 5px 0 5px 0; border-bottom: 1px solid var(--vbo-config-border-color); padding-bottom: 5px; text-align: right; } .vbo-calcrates-rateblock > span:first-child, .vbo-calcrates-rateblock > span:last-child, .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal { border: 0; } .vbo-calcrates-rateblock > .vbo-calcrates-ratename { text-align: left; } .vbo-calcrates-rateblock > span > span { float: left; } .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal > span { font-size: 18px; } .vbo-calcrates-rateblock > .vbo-calcrates-ratetotal { margin-right: 0; font-size: 18px; } .vbo-modal-wguestmessages-chat-info-booking .badge { margin-bottom: 2px; } .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head > span { display: flex; } .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar { flex-basis: 25px !important; flex-grow: 0 !important; } .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head .vbo-modal-wguestmessages-chat-guestavatar img { width: 25px; height: 25px; } .vbo-submenu-wrap { display: none; } .vbo-menu-ul li:hover .vbo-submenu-wrap { display: block; } .vbo-config-tabs-wrap dl.tabs dt { padding: 10px 0; width: 50%; } .vbo-config-tabs-wrap dl.tabs dt.vbo-renewsession-dt { width: 100%; } .vbo-info-overlay-content-depovr .vbo-info-overlay-header { display: inline-block; width: 100%; } .vbo-info-overlay-content-depovr .vbo-info-overlay-header h3 { display: block; } .vbo-btn-toolbar .input-append input#code { max-width: 150px; } .vbo-roverview-table .vboverviewtablerowone td.vbo-overview-month, .vboverviewtable.vbo-roverview-table .vboverviewtablerowone th.vbo-overview-month { min-width: 180px; } .vbo-roverview-table .vboverviewtablerow td .vbo-overview-roomname { width: 100%; } .vbo-info-overlay-content { height: 90%; } .vbo-info-overlay-content-orphans .vbo-orphans-info-cmds { margin-top: 0px; } .vbo-avcalendars-roomphoto img { width: 100%; } .vbcsvexport { margin: 2px !important; } .vbo-editbooking-totrefund { margin: 10px 0 0; } .vbo-param-setting #pin + .btn.vbo-config-btn { margin: 5px 0 !important; } .vbo-admin-container .vbo-param-container .vbo-param-setting input[name="commission"] { max-width: 100px !important; } .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc { flex-basis: 100%; } .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc input { border-left: 1px solid var(--vbo-config-border-color); } .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-currency input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-ccexpiry input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-amount input, .vbo-vterminal-cc-row-group .vbo-vterminal-cc-row-cvc input { border-radius: 6px !important; } .vbo-notifications-center-wrap { top: 57px; right: -100px; width: 80vw; } .vbo-notifications-center-wrap:before { right: 123px; } .vbcalsblock { display: block; } #ui-datepicker-div.ui-widget-content, .ui-datepicker-inline.ui-widget-content { left: 0 !important; } .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head:first-child:not(.vbo-modal-overlay-cmds) > .vbo-modal-overlay-content-head-title > span { display: flex; } #filter-bar .pull-right-group { margin-left: 0; } .btn-group.pull-inline { margin-bottom: 3px; } .vbo-room-reassignment-head .vbo-room-reassignment-move-record .vbo-room-reassignment-move-details { flex-wrap: wrap; } .vbo-room-reassignment-head .vbo-room-reassignment-move-record .vbo-room-reassignment-move-room { flex-basis: 100%; } .vbo-quote-new-option-wrap .vbo-quote-option-title { flex-wrap: wrap; } .vbo-quote-new-option-wrap .vbo-quote-option-title > h4 { flex-basis: 100%; } .vbo-quote-section-validity .vbo-quote-section-body { grid-template-columns: repeat(1, minmax(0, 1fr)); } } @media screen and (max-width : 550px) { .vbo-editbooking-room-services .vbo-editbooking-room-service, .vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype { -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; } .vbo-ratesoverview-tabscont div > i { margin-bottom: 3px; } .vbo-trackings-chart-bestnights .vbo-trackings-chart-container { flex-basis: 36%; } .vbo-trackings-chart-avgvals { flex: 1; padding-right: 0; } .vbo-admin-container .vbo-param-container .vbo-param-setting #vbadultsdiffbox select[name="adultsdiffchdisc[]"] { width: 100% !important; margin-bottom: 3px; } .vbo-avcalendars-wrapper .vbo-calendar-cal-container { flex: 100%; } .vbo-avcalendars-wrapper .vbo-calendar-cal-container .vbadmincaltable { margin: 10px auto; } .vbmodelink { margin: 5px; } .vbo-graphstats-mod-containers .vbo-graphstats-mod-container { flex-basis: 100%; } .vbo-graphstats-mod-containers .vbo-graphstats-mod-inner { margin: 0 0 10px; } .vbo-reportwidget-ratesoverv .vbo-reportwidget-chart-meta { width: 100%; } .vbo-modal-widgets-newwidget .vbo-modal-widgets-list .vbo-modal-widget-wrap { flex-basis: 100%; } .vbo-widget-checkav-result-altparty .vbo-widget-checkav-result-altparty-room { flex-basis: calc(100% - 34px); } fieldset.adminform .vbo-list-table-rounded { max-width: 400px; } .vbo-widget-finance-data-block-rankings { grid-template-columns: repeat(1, 1fr); } .vbo-eorder-paymentlog-buttons { display: block; } .vbo-eorder-paymentlog-buttons .vbo-eorder-emptyccdata .btn { text-align: center; } .vbo-dac-devices-wrap .vbo-dac-device-content { flex-wrap: wrap; } .vbo-dac-devices-wrap .vbo-dac-device-content .vbo-dac-device-actions { flex-basis: 100%; margin-top: 10px; } .vbo-dac-devices-wrap .vbo-widget-dac-device-add-listing { width: 100%; padding: 10px 12px; } .vbo-report-chartonly .vbo-report-chart-meta { flex-basis: 100%; } .vbo-quote-customer-fields { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 12px; } .vbo-quote-option-room-values .vbo-quote-option-room-value:nth-child(n+4) { grid-column: span 2; } } @media screen and (max-width : 500px) { .vbo-translation-tab.vbo-translation-tab-ini { float: none; } .vbo-dashboard-today-bookings .btn-toolbar .btn-wrapper > button.btn { width: auto !important; } .vbo-admin-container .vbo-param-container .vbo-param-setting .vbo-param-setting-group { width: 100%; margin: 5px 0; } .vbo-bookdet-container .vbo-bookdet-wrap { width: auto; border-bottom: 1px solid var(--vbo-config-border-color); padding: 0 0 5px; margin: 5px; box-sizing: border-box; display: block; } .vbo-bookdet-container .vbo-bookdet-wrap:last-child { border: 0; } .vbo-bookingdet-detcont > .vbo-bookingdet-userdetail { width: 100%; display: inline-block; margin: 5px 3px; } .vbo-reportwidget-dashboard .vbo-reportwidget-chart-meta { flex-basis: 100%; } .vbo-calcrates-rateblock > span { width: 100%; } .modal-header .box-close { padding: 0 !important; border-bottom: 0 !important; } .modal .modal-header .box-close { border-left: 0 !important; } .vbo-cal-splitstay-details { min-width: initial; width: 100%; } .vbo-cal-splitstay-details > div { grid-template-columns: repeat(1, 1fr); } .vbo-cal-splitstay-details .vbo-cal-splitstay-room .vbo-cal-splitstay-room-name, .vbo-cal-splitstay-details .vbo-cal-splitstay-dates .vbo-cal-splitstay-dates-in { border-right: 0; } .vbo-tm-list-tasks-columns, .vbo-tm-list-task-row { grid-template-columns: 2fr 1fr; } .vbo-tm-list-task-cell[data-type="status"], .vbo-tm-list-tasks-column[data-type="status"] { display: none; } .vbo-modal-overlay-block .vbo-modal-overlay-content.vbo-modal-nopadding .vbo-admin-widget-head-inline > div:not(.vbo-dashboard-search-input) { margin-bottom: 10px; } } /* form fieldset */ .admin-form-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } .admin-form-fieldset { width: calc(100% / 2 - 10px); } @media screen and (max-width: 1440px) { .admin-form-fieldset select { max-width: 250px !important; } } @media screen and (max-width: 1280px) { .admin-form-fieldset { width: 100%; } } /* main menu screen size adjustments */ @media screen and (max-width: 1400px) { .vbo-menu-updates > button span { display: none; } } @media screen and (max-width: 1280px) { .vbo-menu-left { max-width: 100px; } } /* new medias drag&drop */ .vbo-dropfiles-target { padding: 5% 20px; text-align:center; border: 2px dashed var(--vbo-config-border-color); border-radius: 4px; color: var(--vbo-config-text-color-light); background: var(--vbo-config-child-bg-color); } .vbo-dropfiles-target.drag-enter { border-color: var(--vbo-config-border-color); } .vbo-dropfiles-target.drag-over { border-color: var(--vbo-blue-color); background: var(--vbo-light-blue); } .vbo-dropfiles-target .lead { font-size: 16px; font-weight: bold; } .vbo-dropfiles-target a:hover { text-decoration: none; } .vbo-uploaded-files { display: flex; flex-wrap: wrap; } .vbo-uploaded-files i.fa-file { font-size: 128px; } .vbo-uploaded-files .file-elem-inner { width: auto; display: inline-block; position: relative; } .vbo-uploaded-files .file-elem a { position: relative; color: var(--vbo-blue-color); } .vbo-uploaded-files .file-elem.uploading a, .vbo-uploaded-files .file-elem.removing a { cursor: default; color: var(--vbo-config-text-color-light); } .vbo-uploaded-files .file-elem.removing a { opacity: 0.7; } .vbo-uploaded-files .file-elem a .file-extension { position: absolute; bottom: 20px; left: 50%; color: #fff; transform: translateX(-50%); font-size: 30px; text-transform: uppercase; font-weight: 500; } .vbo-uploaded-files .file-elem .file-summary { word-break: break-all; margin-top: 5px; } .vbo-uploaded-files .file-elem .file-summary .filename { font-weight: 500; } .vbo-uploaded-files .file-elem .file-summary .filesize { font-size: smaller; } .vbo-uploaded-files .file-elem .delete-file { position: absolute; top: -10px; left: -10px; background: var(--vbo-config-bg-color); width: 32px; height: 32px; border-radius: 50%; color: var(-vbo-body-text-color); line-height: 32px; text-align: center; visibility: hidden; } .vbo-uploaded-files .file-elem .delete-file i.fa { font-size: 34px; color: var(--vbo-body-text-color); } .vbo-uploaded-files .file-elem .delete-file:hover i.fa { color: var(--vbo-blue-color); } .vbo-uploaded-files .file-elem.do-shake .file-link { color: var(--vbo-config-text-color-light); cursor: default; } .vbo-uploaded-files .file-elem.do-shake .delete-file { visibility: visible; } .vbo-uploaded-files .file-elem.do-shake { -webkit-animation: shake-files 0.3s ease-in-out 0.1s infinite alternate; } @-webkit-keyframes shake-files { from { -webkit-transform: rotate(4deg); } to { -webkit-transform-origin: center center; -webkit-transform: rotate(-4deg); } } .stop-managing-files-hint { background: #333c; color: #fff; padding: 20px 30px; text-align: center; position: fixed; bottom: 20px; border-radius: 6px; left: 50%; transform: translateX(-50%); font-size: 20px; width: 80%; font-weight: 500; display: none; } .drop-files-hint { float: right; margin-top: -25px; margin-right: 6px; } .drop-files-hint i.fa-question-circle { color: #999; } @media screen and (max-width: 1440px) { .vbo-uploaded-files .file-elem { width: calc(100% / 4); } } @media screen and (max-width: 1280px) { .vbo-uploaded-files .file-elem { width: calc(100% / 5); } } @media screen and (max-width: 800px) { .vbo-uploaded-files .file-elem { width: calc(100% / 4); } } @media screen and (max-width: 550px) { .vbo-uploaded-files .file-elem { width: calc(100% / 3); } } /* chat threads layout interface */ .vbo-chat-interface { height: 100%; box-sizing: border-box; display: flex; gap: 15px; } .vbo-chat-interface .vbo-chat-threads { width: 400px; height: calc(100% - 2px); overflow: scroll; border: 1px solid var(--vbo-basic-btn); border-radius: 6px; } .vbo-chat-interface .vbo-chat-threads *[data-length="0"] { display: none; } .vbo-chat-interface .vbo-chat-threads .chat-thread { padding: 10px; border-bottom: 1px solid var(--vbo-basic-btn); cursor: pointer; display: flex; gap: 10px; align-items: start; } .vbo-chat-interface .vbo-chat-threads .chat-thread:last-of-type { border-bottom: 0; } .vbo-chat-interface .vbo-chat-threads .chat-thread.active { background: var(--vbo-light-color-btn); } .vbo-chat-interface .vbo-chat-threads .chat-thread:not(.active):hover { background: var(--vbo-light-color-btn); } .vbo-chat-interface .vbo-chat-threads .chat-thread[data-read="0"] { background: #dce8fd; position: relative; } .vbo-chat-interface .vbo-chat-threads .chat-thread[data-read="0"]:before { content: ' '; position: absolute; left: 31px; top: calc(50% + 23px); transform: translate(-50%, -50%); width: 8px; height: 8px; border-radius: 50%; background: #a00; } .vbo-chat-interface .vbo-chat-threads .chat-thread .chat-thread-avatar img { width: 42px; height: 42px; object-fit: cover; border-radius: 50%; } .vbo-chat-interface .vbo-chat-threads .chat-thread .chat-thread-avatar span { display: inline-block; width: 42px; height: 42px; line-height: 42px; text-align: center; border-radius: 50%; background: linear-gradient(180deg, rgb(160, 164, 176) 0%, rgb(139, 142, 153) 100%); font-weight: bold; color: #fff; font-size: 16px; } .vbo-chat-interface .vbo-chat-threads .chat-thread .chat-thread-content { flex: 1; } .vbo-chat-interface .vbo-chat-threads .chat-thread .chat-thread-head { display: flex; align-items: start; justify-content: space-between; gap: 6px; } .vbo-chat-interface .vbo-chat-threads .chat-thread .chat-thread-context { flex: 1; display: flex; flex-direction: column; } .vbo-chat-interface .vbo-chat-threads .chat-thread .chat-thread-context .message-author { font-size: .95em; font-weight: 450; } .vbo-chat-interface .vbo-chat-threads .chat-thread .chat-thread-datetime { display: flex; flex-direction: column; align-items: end; color: var(--vbo-config-titles-color-light); } .vbo-chat-interface .vbo-chat-threads .chat-thread .chat-thread-datetime .last-update-time { font-size: .9em; } .vbo-chat-interface .vbo-chat-threads .chat-thread .chat-thread-datetime .last-update-date { font-size: .8em; } .vbo-chat-interface .vbo-chat-threads .chat-thread-message-body { margin-top: 8px; font-size: .95em; } .vbo-chat-interface .vbo-chat-threads .chat-thread-message-attachments { margin-top: 8px; font-size: .90em; color: var(--vbo-config-titles-color-light); } .vbo-chat-interface .vbo-chat-target { flex: 1; height: 100%; border: 1px solid var(--vbo-basic-btn); border-radius: 6px; overflow: hidden; box-sizing: border-box; position: relative; background: var(--vcm-chat-background); } .vbo-chat-interface .vbo-chat-target .chat-conversation { height: calc(100% - 60px) !important; max-height: none; box-sizing: border-box; } .vbo-chat-wrapper .chat-input-footer { padding: 0 10px; } .vbo-chat-interface .vbo-chat-loading { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); display: flex; align-items: center; justify-content: center; color: var(--vbo-contrast-text-color); z-index: 1; } .vbo-chat-interface .vbo-chat-blank-pane { opacity: 0.5; } /* chat threads compact layout (small devices) */ .vbo-chat-interface.compact { position: relative; overflow-x: hidden; } .vbo-chat-interface.compact .vbo-chat-threads { width: 100%; } .vbo-admin-widgets-section .vbo-chat-interface.compact .vbo-chat-threads { max-height: 500px; } .vbo-chat-interface.compact .vbo-chat-target { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transform: translateX(calc(100% + 10px)); transition: 0.3s ease-in transform; -moz-transition: 0.3s ease-in transform; -webkit-transition: 0.3s ease-in transform; } .vbo-chat-interface.compact .vbo-chat-target.slide-in { transform: translateX(0); } .vbo-chat-interface:not(.compact) .vbo-chat-back { display: none; } .vbo-chat-interface.compact .vbo-chat-back { position: absolute; top: 2px; left: 6px; transform: translateX(calc(-100% - 10px)); transition: 1s cubic-bezier(0.85, 0.05, 0.15, 1) transform; -moz-transition: 1s cubic-bezier(0.85, 0.05, 0.15, 1) transform; -webkit-transition: 1s cubic-bezier(0.85, 0.05, 0.15, 1) transform; } .vbo-chat-interface.compact .vbo-chat-target.slide-in + .vbo-chat-back { transform: translateX(0); } .vbo-chat-interface.compact .vbo-chat-target .vbo-chat-wrapper { padding-top: 24px; height: calc(100% - 24px); } /* operators chat widget modal adjustments */ .vbo-admin-widget-wrapper .vbo-chat-interface, .vbo-admin-widget-wrapper > .vbo-chat-wrapper { height: calc(100% - 56px); } /* operators chat widget multitask panel adjustments */ .vbo-sidepanel-wrapper .vbo-admin-widget-wrapper .vbo-chat-interface .vbo-chat-threads, .vbo-sidepanel-wrapper .vbo-admin-widget-wrapper .vbo-chat-interface .vbo-chat-target { border: 0; border-radius: 0; max-height: 400px; } .vbo-sidepanel-wrapper .vbo-admin-widget-wrapper .vbo-chat-interface { max-height: 400px; } /* task manager edit modal: switch editor-chat panels button */ .tm-switch-main-panel { position: absolute; top: 50%; right: 0; transform: translateY(-50%); font-size: 40px; } .tm-switch-main-panel a { color: var(--vbo-blue-color); } .tm-switch-main-panel a:hover { color: var(--vbo-blue-color-hover); } .tm-switch-main-panel:before { content: attr(data-unread); background: #900; min-width: 20px; height: 24px; font-size: 16px; display: flex; align-items: center; justify-content: center; color: #fff; border-radius: 25px; position: absolute; top: 0; right: 0; padding: 0 2px; transform: translate(25%, -25%); } .tm-switch-main-panel[data-unread="0"]:before { display: none; } /* task manager new modal : pick area */ .vbo-tm-areapicker-list { display: flex; flex-direction: column; gap: 10px; } .vbo-tm-areapicker-list .selectable-area-container { display: flex; gap: 20px; align-items: center; padding: 10px; border: 1px solid var(--vbo-basic-btn); border-radius: 8px; background: var(--vcm-chat-background); } .vbo-tm-areapicker-list .selectable-area-container:hover { border-color: var(--vbo-base-color); } .vbo-tm-areapicker-list .selectable-area-container .area-info { flex: 1; } .vbo-tm-areapicker-list .selectable-area-container .area-info .area-name { font-weight: bold; font-size: 1.15em; } .vbo-tm-areapicker-list .selectable-area-container .area-info .area-name i { margin-right: 4px; } .vbo-tm-areapicker-list .selectable-area-container .area-info .area-comments { margin-top: 4px; font-style: italic; } /* history timeline */ .vbo-history-timeline { padding: 20px 10px 20px 20px; } .vbo-history-timeline .history-timeline-change { position: relative; padding: 0 0 20px 20px; border-left: 2px solid #165082; } .vbo-history-timeline .history-timeline-change:last-child { border-color: transparent; } .vbo-history-timeline .history-timeline-change .change-icon { position: absolute; top: 0; left: 0; transform: translateX(calc(-50% - 1px)); border-radius: 50%; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; font-size: 14px; background: #165082; color: #fff; } .vbo-history-timeline .history-timeline-change .change-details .change-events-list { padding: 8px; border-radius: 5px; background: #165082; color: #fff; } .vbo-history-timeline .history-timeline-change .change-details .change-events-list .change-event:not(:last-child) { margin-bottom: 5px; } .vbo-history-timeline .history-timeline-change .change-details .change-bottom { padding: 5px 5px 15px 5px; } .vbo-history-timeline .history-timeline-change .change-details .change-bottom .change-user { font-weight: 500; } .vbo-history-timeline .history-timeline-change .change-details .change-bottom .change-date { font-style: italic; color: var(--vbo-config-text-color-light); } /*** @WPonly ***/ .vbo-invoices-inv-frontleft { background: rgba(0, 0, 0, 0) url("./images/invoice-big.png") no-repeat scroll left center; border-right: 1px solid var(--vbo-config-border-color); float: left; height: 128px; max-height: 100%; min-height: 100%; vertical-align: middle; width: 128px; margin-right: 10px; } .vbo-allbookings-fm .vbo-btn-toolbar .btn-group.input-append { position: relative; }