/** * @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-light-blue: #f0f6fc; /* Config bg and text color */ --vbo-config-bg-color: #fff; --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-blue-color: #31708f; --vbo-blue-color-hover: #498fb3; /* Notification Status */ --vbo-info-bg: #c8e4fb; --vbo-info-border: #72abcc; --vbo-warning-bg: #fbf3c8; --vbo-warning-border: #d69b3c; --vbo-error-bg: #ffe3e3; --vbo-error-border: #ea6060; } 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: 2px 4px; 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: 9px; } .label-success, .badge-success { background-color: var(--vbo-green-color); } a.label-success:hover, a.badge-success:hover { background-color: var(--vbo-green-color-hover); } .label-warning, .badge-warning { background-color: var(--vbo-orange-color); } a.label-warning:hover, a.badge-warning:hover { background-color: var(--vbo-orange-color-hover); } .label-info, .badge-info { background-color: var(--vbo-blue-color); } a.label-info:hover, a.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); } .vbo-label-nested { padding: 1px 4px !important; font-weight: 500; line-height: 12px; font-size: 11px; } /* @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; } .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: 3px; padding: 10px 14px; margin-bottom: 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; } 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-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); } .select2-container .select2-dropdown { background-color: var(--vbo-config-bg-color); border-color: var(--vbo-config-border-color) !important; } .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--open.select2-container--default .select2-results__option[aria-selected="true"] { background-color: var(--vbo-config-bg-color); color: var(--vbo-base-color); border: 1px solid var(--vbo-base-color); } .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: 2px; } .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; } .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--vbo-config-titles-color-light); } /*** 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; } /***/ .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-red-color) !important; } .ui-datepicker-multi .ui-datepicker-group-first { border-right: 1px solid var(--vbo-config-border-color); } .select2-container--default .select2-results__option[role="group"] { border-top: 1px solid var(--vbo-config-border-color); } #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: 8px 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); 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-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: var(--vbo-config-bg-color) !important; border-color: 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; } .skip-bluedays-click { cursor: inherit; } .notbusy.vbo-overv-todaycell, .subnotbusy.vbo-overv-todaycell { background: #b0c0d1; } .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; } .vboverviewtablerow .busy:not(.vbo-checkinday) { cursor: pointer; } .vbo-checkinday { border-top: 3px solid var(--vbo-green-color); } .busy.vbo-overv-todaycell:not(.vbo-hascolortag), .subroom-busy.vbo-overv-todaycell:not(.vbo-hascolortag) { background: var(--vbo-red-color) !important; } .busy:hover { background: var(--vbo-red-color-hover); } .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: 500; } .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: 2px; 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; } .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 { position: sticky; left: 0; box-shadow: 5px 0 10px rgba(0,0,0,.05); z-index: 10; background-clip: padding-box !important; } .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; } .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-config-titles-color-light); border-radius: 3px; display: inline-block; 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-hover); color: #fff; } .vbcsvexport > i { background: var(--vbo-green-color); color: #fff; padding: 11px 12px; font-size: 16px; display: inline-block; } .vbcsvexport:hover > i { background: var(--vbo-green-color-hover); } .vbo-perms-operators { cursor: pointer; background: var(--vbo-config-bg-color); color: var(--vbo-config-titles-color-light); border-radius: 3px; display: inline-block; 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-hover); color: #fff; } .vbo-perms-operators > i { background: var(--vbo-blue-color); color: #fff; padding: 11px 12px; font-size: 16px; display: inline-block; float: left; } .vbo-perms-operators:hover > i { background: var(--vbo-blue-color-hover); } .vbo-perms-operators > span { padding: 9px 12px 0 7px; 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-config-titles-color-light); border-radius: 3px; display: inline-block; font-weight: bold; border: 1px solid var(--vbo-orange-color); font-size: 12px; } .vbicsexport > i { background: var(--vbo-orange-color); color: #fff; padding: 10px 12px; font-size: 16px; } .vbicsexport:hover { text-decoration: none; background: var(--vbo-orange-color-hover); color: #fff; } .vbicsexport:hover > i { background: var(--vbo-orange-color-hover); } .vbcsvexport > span, .vbicsexport > span { padding: 9px 12px 0 7px; 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); } .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-block; 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: block; 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; } @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: 7px; font-size: 17px; } .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-right: 6px; 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; margin-right: 8px; } .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; } .vbo-submenu-wrap li .vbo-submenu-item { line-height: 1.4em; } .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 .vbo-room-channels-mapped-ch { border-radius: 50%; object-fit: cover; border: 1px solid var(--vbo-config-border-color); display: inline-block; vertical-align: top; width: 32px; height: 32px; line-height: 30px; 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; vertical-align: middle; object-fit: cover; } .vbo-room-channels-mapped-wrap .vbo-room-channels-mapped-ch-lbl span { line-height: 34px; } .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-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 2px 2px 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: 2px !important; background: var(--vbo-input-style); } .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; border: 1px solid #b8d1e1; border-radius: 30px; padding: 5px 10px; color: var(--vbo-base-color); font-weight: bold; font-size: 12px; } .vbo-btn-toolbar .select2-container--default .select2-selection--multiple .select2-selection__choice span, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple .select2-selection__choice span { 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; } .vbo-btn-toolbar .select2-container--default .select2-selection--multiple .select2-selection__choice span:hover, .vbo-pmsperm-entry-val .select2-container--default .select2-selection--multiple .select2-selection__choice span: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; } .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; } .vbo-bookslist-snapshot { cursor: pointer; } .vbo-bookslist-snapshot:hover { background-color: var(--vbo-blue-color-hover); } .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-green-color); } 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; } .vbo-ratesoverview-roomsel-entry-chrooms .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-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-selection__choice span { 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; } .vbo-ratesoverview-roomsel-entry-chrooms .select2-container--default .select2-selection--multiple .select2-selection__choice span: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: 2px; padding: 8px 10px; } .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: 2px; } .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: 2px; 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 2px 2px 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: 8px; text-align: center; border-bottom: 1px solid var(--vbo-config-border-color); } .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-alldays { display: table; width: 100%; } .vbo-roverw-alldays-inner { display: table-cell; text-align: center; vertical-align: middle; } .vbo-roverw-daymod { display: inline-block; vertical-align: top; margin: 4px 6px; padding: 12px 10px; background: var(--vbo-blue-color) none repeat scroll 0 0; border-radius: 4px; text-align: center; width: 19%; } .vbo-roverw-daymod-innercell { position: relative; } .vbo-roverw-daymod-infospids { bottom: -10px; 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-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; } .vbo-roverw-setnewrate { display: block; margin-top: 20px; width: 100%; border-top: 1px solid var(--vbo-config-border-color); padding: 10px 0; } .vbo-roverw-setnewrate .vbo-roverw-flexnew { display: flex; margin-bottom: 10px; } .vbo-roverw-setnewrate .vbo-roverw-flexnew > div { flex: 1; text-align: center; border: 1px solid var(--vbo-config-border-color); border-radius: 4px; margin: 5px 10px; padding: 12px; box-shadow: 0 0 10px rgba(0,0,0,.1); } .vbo-roverw-setnewrate .vbo-roverw-flexnew input { background: var(--vbo-config-bg-color); border: 1px solid var(--vbo-config-border-color); border-radius: 2px; 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 { display: table; margin: 0 auto 20px; margin-top: 30px; padding: 0; background: var(--vbo-config-child-bg-color); border-radius: 5px; } .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; background: var(--vbo-middle-color-btn); border-radius: 5px; padding: 15px 20px; margin: 0; color: #fff; font-weight: normal; } .vbo-roverw-closeopenrp-btns { display: none; text-align: center; 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% - 200px); 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 18px; } .vbo-roverviewtableavrow td { padding: 10px 10px; } .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; } .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; width: 50%; 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); } /* 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-copyoriginal { position: absolute; padding: 4px 8px; background-color: var(--vbo-basic-btn); border: 1px solid var(--vbo-config-border-color); cursor: pointer; margin-top: 5px; border-radius: 4px; } .vbo-translations-language-element .vbo-translations-element-lbl .vbo-tn-copyoriginal: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: 10px; 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: 2px; 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-filters select { width: 100% !important; margin-bottom: 0; border-radius: 2px; border: 1px solid var(--vbo-config-border-color); padding: 8px 10px; height: inherit; } .vbo-reportwidget-filters .vbo-reportwidget-filter { margin: 5px 0 8px; } .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-main { display: flex; } .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 { 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-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(160px, 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-up .vbo-widget-finance-compare-val { color: var(--vbo-green-color); } .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-down .vbo-widget-finance-compare-val { color: var(--vbo-red-color); } .vbo-widget-finance-stat-compare .vbo-widget-finance-compare-pcent-equal .vbo-widget-finance-compare-val { color: var(--vbo-blue-color); } .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; 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; 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; } .vbo-tooltip.vbo-tooltip-bottom::before, .vbo-tooltip.vbo-tooltip-bottom::after { top: 100%; left: 50%; transform: translate(-50%); margin-top: 2px; } /* 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-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: 2px; padding: 8px 10px; margin-bottom: 0; box-sizing: border-box; height: auto; } .vbo-admin-widget-head .btn { padding: 8px 10px; border-radius: 0 2px 2px 0; border: 1px solid var(--vbo-config-border-color); } .vvbo-admin-widget-head .btn i { margin-right: 0; } .btn.btn-small { padding: 2px 10px; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } 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; height: 40px; } 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; background: var(--vbo-base-color); border: 1px solid var(--vbo-base-color) !important; color: var(--vbo-contrast-text-color); display: flex; height: auto; } body #content .btn-small.vbo-context-menu-btn:hover, body #wpcontent .btn-small.vbo-context-menu-btn:hover, body.wp-admin .btn-small.vbo-context-menu-btn:hover, .btn-small.vbo-context-menu-btn:hover, .btn-small.vbo-context-menu-btn:focus, .btn-small.vbo-context-menu-btn:active { background: var(--vbo-base-color) !important; border: 1px solid var(--vbo-base-color); color: var(--vbo-contrast-text-color); } .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 { background: var(--vbo-base-color-hover); color: var(--vbo-contrast-text-color); border: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } 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 .vbo-context-menu-lbl:hover, .btn-warning.vbo-context-menu-btn .vbo-context-menu-ico:hover { 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 .vbo-context-menu-lbl:hover, .btn-danger.vbo-context-menu-btn .vbo-context-menu-ico:hover { 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 #content .btn-success.vbo-context-menu-btn .vbo-context-menu-lbl:hover, body #wpcontent .btn-success.vbo-context-menu-btn .vbo-context-menu-lbl:hover, body #wpcontent .btn-success.vbo-context-menu-btn .vbo-context-menu-ico:hover, body #content .btn-success.vbo-context-menu-btn .vbo-context-menu-ico:hover { background-color: var(--vbo-green-color-hover); border-color: var(--vbo-green-color-hover); } body #content .btn-success.vbo-context-menu-btn .vbo-context-menu-lbl:focus, body #wpcontent .btn-success.vbo-context-menu-btn .vbo-context-menu-lbl:focus, body #wpcontent .btn-success.vbo-context-menu-btn .vbo-context-menu-ico:focus, body #content .btn-success.vbo-context-menu-btn .vbo-context-menu-ico:focus { background-color: var(--vbo-green-color-focus); border-color: var(--vbo-green-color-focus); } .vbo-context-menu-btn .vbo-context-menu-ico { padding: 12px 8px; text-align: center; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .vbo-context-menu-btn.btn-small .vbo-context-menu-ico { padding: 3px 8px 3px; } .btn.vbo-context-menu-btn .vbo-context-menu-ico i { margin-right: 0; position: relative; top: -1px; vertical-align: initial; } .vbo-context-menu-btn .vbo-context-menu-ico:hover { 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: 3px; display: initial; vertical-align: initial; } .vik-context-menu.vbo-dropdown-cxmenu { background: var(--vbo-config-bg-color); box-shadow: 0 3px 3px rgba(0,0,0,0.1); z-index: 2147483647 !important; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem; } .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 { padding: 0; margin: 0; } .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.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-warning:hover { background: var(--vbo-orange-color-hover); } .vik-context-menu.vbo-dropdown-cxmenu li .button-icon { color: var(--vbo-config-text-color-light); font-size: 14px; min-width: 16px; } .vik-context-menu.vbo-dropdown-cxmenu li a:hover .button-icon { color: var(--vbo-contrast-text-color); } .btn-group-inline .vbo-context-menu-btn.vbo-widget-bookdets-searchtype { border-radius: 3px; } .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 { 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; } .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-w-guestmessages-message-staydates { font-size: 12px; position: relative; padding-left: 10px; color: var(--vbo-config-titles-color-light); } .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-new { background: var(--vbo-toolbar-bg-color); } .vbo-w-guestmessages-message-new .vbo-w-guestmessages-message-gtitle i { color: var(--vbo-base-color); font-size: 18px; margin: 0 0 0 5px; } .vbo-bookings-status-separator { margin-top: 5px; text-align: center; } .vbo-modal-nofooter .vbo-modal-overlay-content-body-scroll { height: calc(100% - 100px); } .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); } .vbo-modal-wguestmessages-chat-wrap { height: 100%; } .vbo-modal-wguestmessages-chat-wrap .chat-conversation { max-height: 540px; } .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head span:first-child:not(.vbo-modal-overlay-close-times) { flex: 1; } .vbo-modal-overlay-content-wguestmessages-chat .vbo-modal-overlay-content-head span:first-child:not(.vbo-modal-overlay-close-times) 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-close-times) 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 { margin-left: 10px; } .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-close-times { 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: 2px; } .vbo-admin-widgets-widget-output .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: #cc0000; } .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: 2px !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 .vbo-param-container { border-top: 1px solid var(--vbo-main-bg-color); padding: 10px 0px; } .vbo-admin-container .vbo-params-block-nested .vbo-param-nested-nested:first-child, .vbo-params-block > .vbo-param-container:first-child { border-top: 0; } .vbo-params-block > .vbo-param-container:only-child { margin-bottom: 0; } .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: 2px; 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: 2px; 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: inline-block; 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; } .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; } 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-bottom: 1px solid var(--vbo-config-border-color); } .vbo-overv-sticky-table-head-off table.vboverviewtable th, .vbo-overv-sticky-table-head-off table.vboverviewtable td { padding: 10px; } table.vboverviewtable tr:last-child td { border-bottom: 0; } table.vboverviewtable td:last-child { border-right: 0; } .vbo-roomdaynote-full, .vbo-roomdaynote-empty { position: relative; } .vboverviewtablerow td.notbusy > span, .vboverviewtablerow td.busy > span, .vboverviewtablerow td.busytmplock > span, .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-row-snake td { padding-bottom: 16px; vertical-align: bottom; } .vboverviewtablerow .vbo-checkinday 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; right: 3px; bottom: 1px; transform: none; cursor: pointer; visibility: hidden; } .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: 14px; } .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 { 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 { width: calc(34% - 10px); } .vbo-overv-avcell .vbo-tableaux-booking-checkin[data-nights="1"] .vbo-tableaux-guest-name { width: 40px; text-overflow: ellipsis; overflow: hidden; text-align: left; } .vbo-overv-avcell .vbo-tableaux-booking-checkin[data-nights="2"] .vbo-tableaux-guest-name { width: 110px; text-overflow: ellipsis; overflow: hidden; text-align: left; } .vbo-overv-avcell .vbo-tableaux-booking-checkin[data-nights="3"] .vbo-tableaux-guest-name { width: 190px; text-overflow: ellipsis; overflow: hidden; text-align: left; } .vbo-overv-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-info-overlay-content-fests { padding: 0; } .vbo-info-overlay-content-fests > h3 { padding-top: 15px; padding-bottom: 15px; } .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-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: 2px; 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 { bottom: 0; color: var(--vbo-body-text-color); max-height: 400px; min-height: 140px; overflow: auto; position: absolute; right: 0; 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; } .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 0 10px rgba(0,0,0,.1); } .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-color: rgba(232,235,240, .9); padding: 15px 20px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .vbo-overview-tip-bookingcont-right { flex: 1; display: inline-block; vertical-align: top; text-align: left; background-color: rgba(255,255,255, .9); padding: 10px 20px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .vbo-overview-tip-bookingcont-right > div, .vbo-overview-tip-bookingcont-left > div { margin: 5px 0; line-height: 1.3em; white-space: break-spaces; } .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-total { border-top: 1px solid var(--vbo-config-border-color); text-align: right; font-size: 13px; padding-top: 2px; } .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: bold; display: block; color: var(--vbo-config-titles-color-light); text-transform: uppercase; 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-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: 1px solid var(--vbo-config-border-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%; } .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-detcont > .vbo-bookingdet-checkdt:last-child { margin-top: 20px; } .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-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 .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-booking-history-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-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: 2px; border-bottom-right-radius: 2px; 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: 2px; } .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: 9px 14px; border-radius: 3px; font-size: inherit; } .vbo-checkin-commands-btn .btn-large:not(.btn-success) { background: var(--vbo-red-color); border-color: var(--vbo-red-color); color: #fff; } .vbo-checkin-commands-btn .btn-large:not(.btn-success):hover { background: var(--vbo-red-color-hover); border-color: var(--vbo-red-color-hover); } .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-rates-res-success { margin-bottom: 10px; border-bottom: 1px solid var(--vbo-config-border-color); padding-bottom: 10px; } .vbo-vcm-rates-res-success .vbo-vcm-rates-res-channel { display: inline-block; vertical-align: top; border: 2px solid var(--vbo-green-color); padding: 10px; border-radius: 4px; margin: 4px; } .vbo-vcm-rates-res-channel-esit { display: inline-block; margin-right: 5px; font-size: 14px; border-radius: 50%; object-fit: cover; padding: 5px; width: 13px; height: 13px; line-height: 12px; text-align: center; vertical-align: top; } .vbo-vcm-rates-res-channel-esit i { font-size: 14px; } .vbo-vcm-rates-res-channel-logo { display: inline-block; } .vbo-vcm-rates-res-channel-logo img { max-width: 120px; } .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; border: 1px solid var(--vbo-green-color); padding: 10px; } .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-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); } .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: 1; 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 { 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; } .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 { display: inline-block; flex: 1; background: var(--vbo-config-bg-color); margin: 5px; padding: 15px 5px; text-align: center; border-radius: 4px; cursor: pointer; } .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: 1; border-radius: 10px; box-shadow: 0 1.5px 5px rgba(0,0,0,.1); background: var(--vbo-config-bg-color); border: 1px solid var(--vbo-main-bg-color); } .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: 4px; } .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 { width: 160px; } .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: scroll; } .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%; } /* 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-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); } .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-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: 2px; 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; } .select2-container.select2-container--default.select2-container--open { z-index: 9999999999 !important; } /* 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-bgroup button:first-child { margin-left:-1px !important; border-radius:0 !important; } .vbo-smstpl-control textarea { margin-top:5px; } .vbo-custmail-bgroup .btn-small { padding: 2px 5px !important; margin: 1px 4px; } .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: 9999999999 !important; } i.vbo-icn-img { font-size: 20px; } /* Joomla 3.x */ div.current { background: var(--vbo-main-bg-color); clear: both; padding: 10px; } div.current dd.tabs { margin-left: 0; } dl.tabs { float: left; margin: 10px 0 -1px -3px; z-index: 50; } dl.tabs dt.open { color: #000000; z-index: 1; } dl.tabs dt { color: #666666; float: left; margin-left: 3px; padding: 4px 10px; } 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; } #ui-datepicker-div select { line-height: 1em; padding: 5px 14px 5px 8px !important; min-height: 20px; height: auto !important; } .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: var(--vbo-main-bg-color); clear: both; padding: 10px; display: flex; flex-wrap: wrap; } .vbo-admin-container > div { flex-basis: calc(50% - 10px); } .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; } .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-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 { 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 { 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 { 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: 2px; padding: 8px 10px; margin-bottom: 0; box-sizing: border-box; height: auto; } 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-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: 2px; 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: 3px; } 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); 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: 2px; 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-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 { background-color: #b6d8ee; border: 1px solid #b8d1e1; border-radius: 30px; padding: 5px 10px; color: #2d5593; font-weight: bold; } .vbo-param-container .vbo-param-setting .select2-container--default .select2-selection--multiple .select2-selection__choice span { 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: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: 2px; } #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; } .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: 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; } .vbo-admin-container .vbo-param-container .vbo-param-setting .btn-wrapper.input-append { width: 100%; } .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 2px 2px 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-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-elem-filled span { border: 0; padding: 0; color: var(--vbo-blue-color-hover); } #ui-datepicker-div { z-index: 2147483647 !important; border: 1px solid var(--vbo-config-border-color); border-radius: 4px; box-shadow: 0 3px 5px rgba(0, 0, 0, .1); } /* 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 .vbo-status-label.label-success { border: 2px solid var(--vbo-green-color); color: var(--vbo-green-color); background: transparent !important; } .vbo-tracking-info-booking-cont .vbo-status-label.label-error { border: 2px solid var(--vbo-red-color); color: var(--vbo-red-color); background: transparent !important; } .vbo-tracking-info-booking-cont .vbo-status-label.label-warning { border: 2px solid var(--vbo-orange-color); color: var(--vbo-orange-color); background: transparent !important; } .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-overv-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; } .vbo-overv-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-overv-avcell > div.vbo-tableaux-booking-checkin { border-left: 1px solid var(--vbo-config-title-color); } .vbo-overv-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-overv-avcell .vbo-tableaux-booking-avatar { top: -1px; left: -3px; } .vbo-overv-avcell .vbo-tableaux-booking-avatar img { border: 0; } .vbo-tableaux-booking-avatar + .vbo-tableaux-guest-name { padding-left: 25px; } .vbo-overv-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-overv-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-overv-avcell > .vbo-tableaux-booking-checkin > span { position: relative; z-index: 1; } .vbo-tableaux-roombooks > .vbo-tableaux-booking-short > span, .vbo-overv-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-overv-avcell > .vbo-tableaux-booking-short .vbo-tableaux-booking-avatar { top: -5px; } .vbo-tableaux-roombooks > .vbo-tableaux-booking-checkout, .vbo-overv-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-overv-avcell > .vbo-tableaux-booking-stay { display: inline-block; width: 100%; } .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-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; } /* 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; -webkit-font-smoothing: antialiased; } .vbo-modal-overlay-block .vik-contentbuilder-modal-content { width: 65%; height: 85%; border-radius: 16px; } .vik-contentbuilder-textmode-sptags { float: none; } .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-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%); } .vbo-modal-overlay-content-backdrop .vbo-modal-overlay-content-backdrop-body i { font-size: 40px; color: #fff; text-shadow: 1px 0px 8px rgba(0, 0, 0, .1); } .vbo-modal-overlay-content-head { 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 { 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 { color: #619dca; } .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; font-weight: bold; } .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-zoom-image .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-zoom-image .vbo-modal-overlay-content-body-scroll img { border-radius: 6px; box-shadow: 0 0 10px rgba(0,0,0,.4); max-width: 80%; } .vbo-modal-overlay-content-servsearch .vbo-modal-overlay-content-body-scroll { height: calc(100% - 100px); } .vbo-modal-overlay-content { -webkit-animation-name: VikfadeInUp; animation-name: VikfadeInUp; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .vbo-optionals-dmgdepbcom-trigger { white-space: nowrap; } @-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); } } .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: 10px 0; } .vbo-modal-overlay-content-body .vbo-modal-form-addnew-elem label { font-weight: bold; } .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; } /* Content Builder */ .ql-toolbar.ql-snow, .ql-container.ql-snow { border: 1px solid var(--vbo-config-border-color); } .ql-snow .ql-picker, .ql-snow .ql-picker.ql-expanded .ql-picker-label { color: var(--vbo-config-titles-color-light); } .ql-toolbar .ql-stroke { stroke: var(--vbo-config-titles-color-light); } .ql-toolbar .ql-fill, .ql-toolbar .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.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-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); } .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: 30px; background: transparent; } .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: 20px; } .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: 20px; } .vik-contentbuilder-switcher { margin-bottom: 2px; } .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); } .vik-contentbuilder-switcher .vik-contentbuilder-switcher-btn-active { background: var(--vbo-middle-color-btn); border-color: var(--vbo-config-border-color); } /* 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; } .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 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-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-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: 14px; left: 15px; } .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: 35vh; 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 .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; } .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: 1; cursor: pointer; 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 { opacity: 1; } .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-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-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 { border-bottom: 1px solid var(--vbo-config-border-color); 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-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; } .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.is-today .vbo-widget-booskcal-mday-val { width: 18px; display: inline-block; height: 18px; line-height: 18px; 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 { text-align: center; font-size: 12px; } .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: 0; top: 0; height: 100%; width: 35px; transition: 0.3s ease-in all; -moz-transition: 0.3s ease-in all; -webkit-transition: 0.3s ease-in all; transform: translateX(100%); display: flex; cursor: pointer; } .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: 10px; } .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%; } #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; } #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-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; } /* @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-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: 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%; } } @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-admin-container > div:not([id^="jmodal"]) { flex: 100%; margin-left: 0 !important; margin-right: 0 !important; } .vbo-admin-container .adminform { margin: 10px 0; } .vbo-config-maintab-right-halfsize .vbo-condtext-rule { margin: 8px; } .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; } } @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-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container { width: 35vw; } .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%; } } @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; } } @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; } } @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-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; } } @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; } } @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); } } @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; } .vbo-ratesoverview-period-box-cals-inner > .vbo-ratesoverview-period-cal-left { width: 100%; } .vbo-sidepanel-wrapper.vbo-sidepanel-right .vbo-sidepanel-container { width: 46vw; } .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); } } @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 { 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-ratesoverview-period-box-cals-inner > div .hasDatepicker { border-radius: 4px; border: 1px solid var(--vbo-config-border-color); } .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 { width: 80%; } .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%; } } @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; } } @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-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: 55vw; } .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; } } @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); } } @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; } } /* 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); } } /*** @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; }