File "vikbooking.css"
Full Path: /home/romayxjt/public_html/wp-content/plugins/vikbooking/admin/resources/vikbooking.css
File size: 644.6 KB
MIME-type: text/plain
Charset: utf-8
/**
* @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-table-light-grey: #f0f0f1;
/* 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-gold-color: #f0e20e;
--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);
}
/*
* 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;
}
.label.label-success, .badge.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 {
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 {
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);
}
.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);
}
.vbo-label-nested {
padding: 1px 4px !important;
font-weight: 500;
line-height: 12px;
font-size: 11px;
}
.vbo-enabled-icon {
color: var(--vbo-green-color);
}
.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;
}
.btn, .btn-group .btn, .btn-wrapper .btn, .vbo-param-setting .btn {
padding: 10px 10px;
border-color: var(--vbo-config-border-color);
}
.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 {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.vbo-context-menu-btn-group .btn.btn-primary:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.vbo-context-menu-btn-group .btn.btn-primary:last-child i {
margin-right: 0;
}
.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;
}
.vbo-sel2-element-img img {
width: 50px;
height: 35px;
object-fit: cover;
border-radius: 6px;
}
/*** 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;
}
.vbmenuentries a {
}
.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: 3px;
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: 3px;
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: 3px;
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) !important;
}
.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-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-overv-sticky-table-head-off .vboverviewtablerow td:first-child, .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;
}
.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 {
text-decoration: none;
background: var(--vbo-blue-color);
color: var(--vbo-contrast-text-color);
}
.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-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;
}
.vbo-menu-ul .vbo-menu-parent-li: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: 17px;
}
.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;
}
.vbo-submenu-wrap li > div a i {
margin-top: 2px;
font-size: 16px;
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: 6px;
}
.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;
padding: 8px 0;
}
.vbo-submenu-helper-ul > li div a {
padding: 0;
margin-right: 13px;
}
.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"] {
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) {
font-weight: bold;
}
.vbo-btn-toolbar .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 {
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 {
padding: 4px 5px;
display: inherit;
}
.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 {
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-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 {
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 {
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 {
background-color: #b6d8ee !important;
border: 1px solid #b8d1e1 !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 {
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 {
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 {
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;
/* height: 38px; */
}
.vbo-toolbar-multiselect-wrap .select2-selection--multiple .select2-selection__rendered li .select2-search__field {
margin-bottom: 0 !important;
}
.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;
}
.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;
}
.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-base-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: 20px;
color: var(--vbo-config-titles-color-light);
}
.vbo-admin-notes-icn {
cursor: pointer;
}
.vbo-admin-invoiceicon i {
font-size: 20px;
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: #b6d8ee;
border: 1px solid #b8d1e1;
border-radius: 30px;
padding: 5px 10px;
color: #2d5593;
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;
padding: 12px;
background: var(--vbo-config-bg-color);
border: 1px solid var(--vbo-basic-btn);
border-bottom: 3px solid var(--vbo-basic-btn);
border-radius: 16px;
}
.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;
}
.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-newrwrap h4, .vbo-roverw-newrestrcont h4 {
padding: 4px 0;
text-align: center;
margin: 0 0 7px;
font-size: 16px;
}
.vbo-roverw-newrwrap h4 i, .vbo-roverw-newrestrcont h4 i {
color: var(--vbo-config-titles-color-light);
font-size: 14px;
margin-right: 5px;
}
.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-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);
}
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;
}
.vbo-widget-finance-skeleton-block {
}
/* 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%);
}
/* 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 {
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.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: -1px;
vertical-align: initial;
}
.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: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;
}
.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 {
max-width: 100%;
border-radius: 50%;
object-fit: cover;
}
.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 {
margin-right: 10px;
display: inline-block;
}
.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: 10px;
}
.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-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: 10px 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-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;
}
.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 {
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-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-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: 8px;
border: 1px dashed var(--vbo-config-title-color);
background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
}
.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-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 {
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;
}
.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-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-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;
}
.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-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-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%;
}
.vbo-editbooking-room-pricetypes .vbo-editbooking-room-pricetype-active {
border: 1px solid var(--vbo-green-color);
}
.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);
}
div.modal.in .modal-header + div.modal-body-wrapper {
height: calc(100% - 130px) !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: 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-obp-toggle-inner {
float: right;
margin-left: 20px;
}
.vbo-ratesoverview-obp-toggle-txt {
display: inline-block;
vertical-align: top;
margin: 5px 0 0 5px;
cursor: pointer;
}
.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-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);
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 5 Free", FontAwesomes !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: 3px;
}
.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 {
display: block;
font-size: .9em;
margin-top: 4px;
font-style: italic;
color: var(--vbo-config-title-color);
}
.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: 0;
border-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 {
background: var(--vbo-config-child-bg-color);
}
.vbo-uploaded-files i.fa-file {
font-size: 68px !important;
}
.vbo-uploaded-files .file-elem a .file-extension {
font-size: 14px !important;
}
.vbo-uploaded-files .file-elem {
width: calc(100% / 7) !important;
}
.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: #b6d8ee;
border: 1px solid #b8d1e1;
border-radius: 30px;
padding: 5px 10px;
color: #2d5593;
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;
}
.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;
}
.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 {
width: calc(100% - 12px);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block;
margin-right: 10px;
}
.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-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;
}
.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 5 Free", FontAwesome !important;
font-weight: 900;
content: "\f236";
background: none !important;
}
.icon-vikbookingconfig:before {
font-family: "Font Awesome 5 Free", FontAwesome !important;
font-weight: 900;
content: "\f236";
background: none !important;
}
.icon-vikbookingstats:before {
font-family: "Font Awesome 5 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 {
background: var(--vbo-basic-btn);
padding: 0 0 10px;
}
.vbo-reports-filters-outer {
margin-top: 0;
height: auto;
background: var(--vbo-basic-btn-hover);
padding: 10px;
box-sizing: border-box;
}
.vbo-reports-filters-outer > div {
display: inline-block;
margin: 2px 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;
}
.vbo-report-filter-val input, .vbo-report-filter-val select {
margin: 0 !important;
}
.vbo-reports-output {
margin: 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;
border: 1px solid var(--vbo-config-border-color);
display: flex;
width: 170px;
float: right;
margin-right: 10px;
}
.vbo-report-layout-type .vbo-report-layout-type-inner > * {
display: inline-block;
}
.vbo-report-layout-type .vbo-report-layout-type-inner label {
border-right: 1px solid var(--vbo-config-border-color);
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;
}
.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;
}
.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: 20px 5px;
box-shadow: 0 3px 10px rgba(0,0,0,.05);
}
.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 {
flex-basis: 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: 8px;
box-shadow: 0 0px 20px rgba(0,0,0,.1);
margin: 0 5px 18px;
background: var(--vbo-config-bg-color);
}
.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: .9em;
}
.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, .vbo-reports-output table tfoot td {
padding: 15px 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 {
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;
}
.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;
}
.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;
}
.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-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-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-driver {
margin: 0 15px 0 0;
}
.vbo-drivers-filters-driver > div {
display: inline-block;
vertical-align: top;
margin-right: 5px;
}
.vbo-drivers-custom-actions {
float: right;
}
.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-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 {
background: #9bc1d7;
color: #2a5166;
}
.vbo-notifications-center-container {
position: relative;
float: right;
}
.vbo-notifications-center-handler {
float: right;
display: inline-block;
background: #3f708b;
color: #fff;
font-weight: bold;
border: 1px solid #3f708b;
margin: 7px 8px 6px 2px;
width: 44px;
height: 44px;
line-height: 36px;
padding: 0;
border-radius: 50%;
position: relative;
}
.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 {
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-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;
}
.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);
}
/* Visible just on large screen to avoid blurred effect with lowest heights */
@media screen and (min-height: 560px)
{
.vbo-modal-overlay-content {
-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: .4s;
animation-duration: .4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
}
@-webkit-keyframes VikfadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(-50%, -20%, 0);
transform: translate3d(-50%, -20%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
}
@keyframes VikfadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(-50%, -20%, 0);
transform: translate3d(-50%, -20%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
}
@-webkit-keyframes VikfadeOutDown {
from {
opacity: 1;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
to {
opacity: 0.3;
-webkit-transform: translate3d(-50%, -20%, 0);
transform: translate3d(-50%, -20%, 0);
}
}
@keyframes VikfadeOutDown {
from {
opacity: 1;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
to {
opacity: 0.3;
-webkit-transform: translate3d(-50%, -20%, 0);
transform: translate3d(-50%, -20%, 0);
}
}
.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;
}
/* 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);
}
/* 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;
}
.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;
}
@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: 10px 15px;
}
.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: 5px;
}
.vbo-widget-booskcal-wrap .vbo-widget-booskcal-calendar .vbo-widget-booskcal-mday-head, .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 .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-dashboard-guest-activity-content-info-date .label-info {
display: inline-block;
margin-bottom: 2px;
}
.vbo-widget-booskcal-mday-pricing {
margin-top: 20px;
}
.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 .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;
}
.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;
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-admin-widget-wrapper h4 i {
color: var(--vbo-config-titles-color-light);
}
.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;
}
/* @end styles */
/* @start media queries */
@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 {
flex-basis: 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;
}
}
@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;
}
}
@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-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 {
flex-basis: 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;
}
}
@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 {
flex-basis: 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;
}
}
@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;
}
}
@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;
}
}
@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;
}
}
@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;
}
}
@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;
}
}
@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;
}
}
@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));
}
}
@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;
}
}
@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;
}
}
@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;
}
}
@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;
}
}
/* 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 .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 {
width: calc(100% / 5);
margin-bottom: 20px;
}
.vbo-uploaded-files .file-elem-inner {
width: auto;
display: inline-block;
position: relative;
}
.vbo-uploaded-files .file-elem a {
position: relative;
}
.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);
}
.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-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: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;
}